body:lang(zh) {
    letter-spacing: 0.025em;
}
body:lang(zh-hans) {
    letter-spacing: 0.04em;
}

@media (min-width: 767px) {
  .cid-rYLfZaRy8w .row {
    align-items: stretch;
  }
  .cid-rYLfZaRy8w .row > .card {
    height:auto;
  }

}

.cid-rYLh7C1nuk ul li:hover {
    color: #ffffff;
}

.extContent.pub-annual-report {
    background-color: #82786e;
}
.extContent.pub-bulletin {
    background-color: #8fa186;
}
.extContent.pub-calendar {
    background-color: #7a99b6;
}
.extContent.pub-facts-and-figures {
    background-color: #a6a6a6;
}
.extContent.pub-newsletter {
    background-color: #82786e;
}
.extContent.pub-student-brochure {
    background-color: #f1b03e;
}

#btn-lang-wrapper {
    margin-left: auto;
}

#btn-lang-wrapper a{
    padding: 0 0.5em;
}

.cid-rYLqubeG81 .navbar-toggleable-sm .navbar-collapse .navbar-nav {
    -webkit-flex-wrap: wrap;
    flex-wrap: nowrap;
    padding-left: 0;
    width: 100%;
    justify-content: space-between;
    max-width: 800px;
}

body:lang(zh) .cid-rYLqubeG81 .navbar-toggleable-sm .navbar-collapse .navbar-nav {
    max-width: 600px;
}

.cid-rYLqubeG81 .navbar-nav .nav-item >a {
    margin: 0 !important; 
}

.cid-rYLqubeG81 .menu-logo .navbar-brand .navbar-logo img {
    height: 4rem !important;
}

.cid-rYLqubeG81 .navbar.navbar-short .navbar-logo a img {
    height: 4rem !important;
}

.cid-rYLqubeG81 button.navbar-toggler {
    align-self: center;
}

@media (max-width:1200px) {
    body:lang(en) a.brand-name {
        font-size:1rem;
        display:inline;
    }
    .cid-rYLqubeG81 .menu-logo .navbar-brand {
        margin-left: 0;
    }

    .cid-rYLqubeG81 .navbar.navbar-short .navbar-logo a img {
        height: 3.5rem !important;
    }
    
    .cid-rYLqubeG81 .menu-logo .navbar-brand .navbar-logo img {
        height: 3.5rem !important;
    }


}

@media (min-width: 992px) {
    .menu .navbar-toggleable-sm .navbar-collapse {
        display: -webkit-flex !important;
    }

    .media-container-row {
        -webkit-flex-wrap: wrap; 
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .media-container-row.nowrap {
        -webkit-flex-wrap: nowrap; 
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

}

.media-container-row {
    /*-webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: flex-start;
    align-content: flex-start;*/
}


.cid-rYLqubeG81 .navbar.navbar-toggleable-sm .navbar-collapse .navbar-nav .nav-item.btn-lang-wrapper {
    display: none;
}

@media (max-width: 991px) {

    .navbar-dropdown.navbar-fixed-top {
        position: static;
    }
    .menu .navbar-collapse {
        max-height: none; 
    }
    .menu .navbar-collapse.show {
        overflow: visible;
    }

  .cid-rYLqubeG81 .menu-bottom {
        flex-wrap: wrap;
  }


    .cid-rYLqubeG81 .navbar-collapse.collapsing, .cid-rYLqubeG81 .navbar-collapse.show {
        padding-bottom: 0;
    }

    .cid-rYLqubeG81 .navbar-collapse.collapsing .navbar-nav, .cid-rYLqubeG81 .navbar-collapse.show .navbar-nav {
    
     text-align: left;

    }

    .cid-rYLqubeG81 .navbar-collapse .navbar-nav .nav-item {
        padding-left: 0;
        border-top:1px solid black;
    }

    .cid-rYLqubeG81 .navbar-collapse .navbar-nav .nav-item > a {
        padding-left: 0.5rem !important;
    }


    .cid-rYLqubeG81 .dropdown .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
        position: absolute;
        right: 5px;
        top: 1rem;
    }

    .cid-rYLqubeG81 .dropdown.open > .dropdown-menu {
        padding : 0;
    }

      .cid-rYLqubeG81 .dropdown .dropdown-menu {
        text-align: left;
      }

    .cid-rYLqubeG81 .navbar-toggleable-sm .navbar-collapse {
        width: 100vw;
    }

    .cid-rYLqubeG81 .navbar-toggleable-sm .navbar-collapse .navbar-nav {
        width: 100%;
        max-width: none;
        margin-top:1rem;
    }
    body:lang(zh) .cid-rYLqubeG81 .navbar-toggleable-sm .navbar-collapse .navbar-nav {
        width: 100%;
        max-width: none;
    }

  .cid-rYLqubeG81 .dropdown-menu {
    margin-top: 0px;
    background-color: #34115e;
    color: white !important;
  }

  .cid-rYLqubeG81 .dropdown-item {
    color: white !important;
    border-bottom: 0px solid #767676;
  }
  .cid-rYLqubeG81 .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #767676;
  }

    .cid-rYLqubeG81 .navbar.navbar-toggleable-sm .navbar-collapse .navbar-nav .nav-item.nav-item.btn-lang-wrapper {
        display: flex;
    }
    .cid-rYLqubeG81 .navbar.navbar-toggleable-sm .navbar-collapse .navbar-nav .nav-item.nav-item.btn-lang-wrapper >div {
        /*margin: 0 auto;*/
    }
    
    .cid-rYLqubeG81 .navbar-nav .nav-item.btn-lang-wrapper a {
           padding: 0.5rem !important;
           margin: 0 !important;
           display:inline-block;
    }

    .cid-rYLqubeG81 .navbar-nav .nav-item >a.display-4 {
        line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));
    }

}

@media (max-width: 576px) {

    .cid-rYLqubeG81 .menu-logo {
        margin-left: 0.5rem !important;
    }

    .cid-rYLqubeG81 .navbar-brand {
        margin: 0 !important;
    }
    .cid-rYLqubeG81 .menu-logo .navbar-brand .navbar-caption-wrap {
        white-space: normal;
    }

    .cid-rYLqubeG81 .menu-logo .navbar-brand .navbar-logo img {
        height: 3.0rem !important;
    }

    .cid-rYLqubeG81 .menu-logo .navbar-brand  .navbar-logo {
        margin-right:0.4rem;
    }
    .menu .navbar-collapse {
        max-height: none; 
    }

}

.sel_PubYear_region + div.row > .item-wrap {
    display: none;
}

.mbr-gallery .mbr-gallery-item > a {
  background: #fff;
  display: block;
  outline: none;
  position: relative; }

.mbr-gallery-item > a {
  position: relative; }

.search_highlight {
    color: #993333;
}

.error {
    color: red;
    padding-top: .5rem;
}

div.input-group.search__box {
    margin-top: .5rem;
    font-size: 1.2rem;
}



div.input-group.search__box > input.search__box-input {
    /*width: 235px;*/
    line-height: 1.8;
    padding: 0 32px 0 15px;
    color: #333;
    border: 0;
    font-size:1.2rem;
    /*border-radius: 4px;*/
    /*margin-top: .5rem;*/
    min-height: initial;
}

div.input-group.search__box button.search__box-button {
    border: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 10px;
    cursor:pointer;
    background-color: #f1b82c !important;
    color: white;
}

div.input-group.search__box button.search__box-button:hover {
    background-color: #c48f0d !important;
}


/*#pub_list a.new::after {
  content: 'new';
  position: absolute;
  width: 100px;
  height: 100px;
  color:white;
  padding: 5px 10px;
  background-color: red;
  top: 50%;
  left: 50%;
  border: 1px solid red;
}*/

.extTeams .p-3 {
    padding-bottom: calc(1rem + 30px)!important; 
}

.extTeams .media-container-row {
    justify-content: flex-start;
}

.click-item {
    cursor: pointer;
}

.row-item >.wrapper {
    height: 100%;
}

#docarchive-searchform label + select, #docarchive-searchform label + input {
    margin-left: 20px;
} 

        .article-list{
            align-items: stretch;
        }
        .article-item {
            padding: 5px;
        }

        .article-item a {
            padding:5px 5px 5px 20px;
            background-color:white;
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
        }

        .article-item a:before {
            content: "";
            width:10px;
            background: linear-gradient(90deg, #afd29e, #87ab75);
            height:100%;
            top: 0; left: 0;
            position: absolute;
        }

        .article-item a > img {
            margin-right: 5px;
        }

        .article-item a2:before {
            content: "\e929";
            font-size: 34px;
            width: 3rem;
            height: 3rem;
            transition: color .3s;
            padding: 1.5rem;
            position: absolute;
            top: 0;
            color: #fff;
            background: linear-gradient(90deg, #afd29e, #87ab75);
            margin-top: -0.5rem;
            border-radius: 50%;
            font-family: MobiriseIcons !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

.cid-rZuLki45Or .media-container-row {
    flex-wrap: nowrap;
}

@media (max-width: 991px) {
    .cid-rZuLki45Or .media-container-row {
        flex-wrap: wrap;
    }
}

/* "Features" section in top menu (chi version only)*/
@media (min-width: 991px) {
    #submenu_Features_zh {
        left: -30px;
    }
}

.cid-s30nahjw2k {
    min-height: 500px;
}

.language_option + .language_option {
    margin-left: 2em;
}

.language_option > a + a {
    margin-left: 5px;
}