.nav-menu {
    -webkit-overflow-scrolling: touch;
}
.nav-mobile-submenu-about {
    -webkit-overflow-scrolling: touch;
}
.nav-mobile-submenu-research {
    -webkit-overflow-scrolling: touch;
}
.nav-mobile-submenu-education {
    -webkit-overflow-scrolling: touch;
}
.nav-mobile-submenu-donation {
    -webkit-overflow-scrolling: touch;
}
.nav-mobile-submenu-activities {
    -webkit-overflow-scrolling: touch;
}
.nav-mobile-submenu-events {
    -webkit-overflow-scrolling: touch;
}
.pop-people {
    -webkit-overflow-scrolling: touch;
}
* {
    -webkit-print-color-adjust: exact;
}
@media print {
    .nav-menu {
        display: none;
    }
    .header {
        position: absolute;
    }
    .section-banner {
        position: relative;
    }
}

.listing-graphic {
    padding-left: 0;
    list-style: none;
}
.listing-graphic li {
    background-image: url(https://webarchive.lib.cuhk.edu.hk/20241027100156oe_/https://uploads-ssl.webflow.com/5d31a7d66d95060ba39787e9/5d3527b7166bd848a8ace689_bullet-gold.svg);
    background-repeat: no-repeat;
    background-position: left top 10px;
    padding-left: 50px;
}
.align-justify {
    text-justify: inter-ideograph;
}
.txt-link {
    word-break: break-all;
}
.listing-col:nth-child(3n+1) {
    clear: both;
}
@media(max-width: 767px) {
    .listing-col:nth-child(3n+1) {
        clear: none;
    }
    .listing-col:nth-child(2n+1) {
        clear: both;
    }
}
.submenu-link:nth-child(6n+1) {
    clear: both;
}
@media(max-width: 991px) {
    .submenu-link:nth-child(6n+1) {
        clear: none;
    }
    .submenu-link:nth-child(3n+1) {
        clear: both;
    }
}
@media(max-width: 479px) {
    .submenu-link:nth-child(3n+1) {
        clear: none;
    }
    .submenu-link:nth-child(2n+1) {
        clear: both;
    }
}
.sitemap-col:nth-child(3n+1) {
    clear: both;
}
@media(max-width: 767px) {
    .sitemap-col:nth-child(3n+1) {
        clear: none;
    }
    .sitemap-col:nth-child(2n+1) {
        clear: both;
    }
}

.training-col:nth-child(3n+1) {
    clear: both;
}
@media(max-width: 991px) {
    .training-col:nth-child(3n+1) {
        clear: none;
    }
    .training-col:nth-child(2n+1) {
        clear: both;
    }
}
.w-slider-dot {
    width: 15px;
    height: 15px;
    background: #8F7158;
    margin: 0 7px .3em;
}
.w-slider-dot.w-active {
    width: 15px;
    height: 15px;
    background: #750F6D;
}

/* custom */
.lang-dropdown {
    display: none;
}

.nav-mobile-bottom-b > .lang-link {
    display: none;
}

.container p > a {
    display: inline-block;
    color: #750f6d;
    font-style: italic;
    text-decoration: none;
}

.section-home-banner {
    z-index: 0;
}

.search-b > .btn-close > img {
    width: 30px;
    height: 30px;
}

.line-purple:last-child {
    background-color: inherit;
}

.search-btn {
    width: 30px;
}

.submenu-link img {
    height: 123px;
    object-fit: cover;
}

.submenu-dropdown-toggle img {
    height: 123px;
    object-fit: cover;
}

.home-banner-slide-img {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-img.about {
    background-image: url();
}

.mission-txt-col {
    background-position: 95% 90%;
    background-repeat: no-repeat;
}

.people-txt-col._70 {
    width: 70%;
}

.pop-people-b {
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
}

.pop-people-b h3 {
    color: #000;
}

.pop-people-title-b {
    min-height: 240px;
}

.pop-people-title-b p {
    font-size: 17px;
    line-height: 25px;
    color: #000;
    font-weight: normal;
}

.banner-img.research {
    background-image: url();
}

.training-slide.w-slide img {
    height: 400px;
    object-fit: contain;
}

.training-slider-arrow {
    height: 400px;
}

.banner-img.education {
    background-image: url();
}

.banner-img.education-details {
    background-image: url();
}

.all.education-e-learning-details {
    padding-top: 0px;
}

.banner-img.donation {
    background-image: url();
}

.supporting-logo-b img {
    //height: 150px;
    object-fit: contain;
}

.banner-img.activities {
    background-image: url();
}

.banner-img.activities-details {
    background-image: url();
}

.combination_1._80 img {
    height: 450px;
    object-fit: cover;
}

.combination_1._20 img {
    height: 220px;
    object-fit: cover;
}

.listing-img img {
    height: 480px;
    object-fit: cover;
}

.pop-people-img img {
    max-height: 400px;
    object-fit: contain;
}

.footer {
    position: absolute;
    width: 100%;
}

.projects-sublist a.listing-b{
    width: 100%;
}

.error-container {
    text-align: center;
}

.error-title {
    color: black;
}

.listing-content-col {
    width: 100%;
}

.lisitng-col-date .txt-small {
    display: -webkit-inline-box;
    display: inline-box;
}

.all.activities-events-details {
    padding-top: 0px;
}

.all.research-research-projects-details {
    padding-top: 0px;
}

.title-row {
    margin-bottom: 0px;
}

.pub-year-search-container {
    margin-bottom: 20px;
    overflow: auto;
    white-space:nowrap;
}

.pub-year-btn {
    color: #534234;
    text-decoration: none;
    margin-left: 10px;
    font-size: 20px;
    display: inline-block;
    vertical-align:top;
    white-space:normal;
}

.pub-year-active-btn {
    color: #750f6d;
}

.clinical-services-col-content {
    width: 50%;
    float: left;
}

.clinical-services-col-img {
    width: 50%;
    padding-left: 5%;
    float: right;
}

.txt-title-2 {
    margin-left: 20%;
}

.listing-tag {
    background-position: 9px center;
}

.bg-container {
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
    -webkit-background-size: contain;
    background-repeat: no-repeat;
    height: 480px;
}

table td, table tr {
    padding: 10px;
}

.listing-b {
    width: 100%;
}

.event-listing {
    margin-bottom: 30px;
}

.details-content-b p img {
    width: 100%;
    height: auto;
}

@media (max-width: 964px) {
    .listing-col-calender {
        width: 100%;
    }

    .listing-img img {
        height: auto;
        object-fit: inherit;
    }

    .events-list .listing-col-b {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .home-highlighs-btn-col {
        justify-content: flex-end;
    }

    .txt-title-2 {
        margin-left: initial;
    }
}

@media (max-width: 767px) {
    .pop-people-img img {
        max-height: 300px;
    }

    .clinical-services-col-content {
        width: 100%;
        float: none;
    }

    .clinical-services-col-img {
        width: 100%;
        padding-left: 0%;
        float: none;
        margin-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .pop-people-title-b {
        min-height: auto;
    }

    .pop-people-img img {
        max-height: inherit;
    }

    .training-slide.w-slide img {
        height: 200px;
    }

    .training-slider-arrow {
        height: 200px;
    }

    .submenu-dropdown-toggle {
        padding-right: 10%;
        padding-left: 10%;
    }
}

/*bootstrap pagination */
.pagination{margin:0;padding: 0;}
.pager,.pagination ul{margin-left:0;*zoom:1}
.pagination ul{padding:0;display:inline-block;*display:inline;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pagination li{display:inline}
.pagination a{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0}
.pagination .active a,.pagination a:hover{background-color:#f5f5f5;color:#94999E}
.pagination .active a{color:#94999E;cursor:default}
.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled span{color:#94999E;background-color:transparent;cursor:default}
.pagination li:first-child a,.pagination li:first-child span{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
.pagination-centered{text-align:center}
.pagination-right{text-align:right}
.pager{margin-bottom:18px;text-align:center}
.pager:after,.pager:before{display:table;content:""}
.pager li{display:inline}
.pager a{display:inline-block;padding:5px 12px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.pager a:hover{text-decoration:none;background-color:#f5f5f5}
.pager .next a{float:right}
.pager .previous a{float:left}
.pager .disabled a,.pager .disabled a:hover{color:#999;background-color:#fff;cursor:default}
.pagination .prev.disabled span{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:1}
.pagination .next.disabled span{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0}
.pagination li.active, .pagination li.disabled {
	float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0
}
.pagination li.active {
	background: #364E63;
    color: #fff;
    padding: 0px 0px 0px 12px;
}
.pagination li:first-child {
	border-left-width: 1px;
}

/* custom pagination*/
.pagination {
    display: flex;
    justify-content: center;
}

.pagination .page-link {
    color: #8f7158;
    font-size: 19px;
}

.pagination li.active {
    background: inherit;
    border-top: inherit;
    border-left: inherit;
    border-right: inherit;
    border-bottom: inherit;
    font-style: italic;
}

.pagination li.disabled {
    border: inherit;
}

.pagination a {
    border: inherit;
    width: 26px;
    height: 30px;
    margin-right: 2px;
    margin-left: 2px;
    color: #34373c;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-style: italic;
}

.pagination a:hover {
    background-color: inherit;
    color: rgba(52, 55, 60, 0.5);
}

    /* @media (max-width: 767px) {
        ul.pagination li:not(.show-mobile) {
            display: none;
        }
    } */

.paging-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-link > img {
    max-width: inherit;
    position: relative;
}

.paging-link-next:hover {
    opacity: 0.25;
}

.paging-link-next.dim {
    opacity: 0.25;
}

.paging-link-previous:hover {
    opacity: 0.25;
}

.paging-link-previous.dim {
    opacity: 0.25;
}

@media (max-width: 767px) {
    ul.pagination li:not(.show-mobile) {
        display: none;
    }
}

/* calendar */
.calendar {
    background: white;
    border: none;
    padding: 50px 0px;
    border-radius: 0px;
    border-top-style: solid;
    border-top-color: #8f7158;
}

.calendar header h2{
    font-size: 25px;
    color: #8f7158;
    text-transform: capitalize;
}

.calendar header .btn {
    border: none;
    border-radius: 0px;
    top: 50px;
}

@media (max-width: 964px) {
    .calendar header .btn {
        top: 46px;
    }
}

.calendar header .btn:hover {
    background: inherit;
    color: inherit;
}

.calendar header .btn-prev {
    left: 10px;
}

.calendar header .btn-next {
    right: 10px;
}

.calendar thead {
    background: #F2EFE9;
    font-size: 15px;
}

.calendar td {
    color: black;
    padding: .4em .1em;
}

.calendar .day {
    border: none;
    line-height: 2.1em;
}

.calendar .day:hover {
    border: none;
}

.calendar .day.today {
    background: inherit;
    color: inherit;
}

.calendar .day.event {
    background: #8f7158;
    border: none;
    color: white;
}

.calendar .day.event:hover {
    border: none;
}

.calendar .day.wrong-month:hover {
    border: none;
}