html, body, #wrapper {
    max-width: 100%;
    /*overflow-x: hidden;*/
    overflow-x: unset !important; /* If overflow-x: hidden is set on the body, the sticky menu stops working (by jack)*/
}

.cityu .container-fluid .row {
    margin-right: 0px;
    margin-left: 0px;
}

.cityu .btn-arrow::after,
.cityu .btn-read-more::after {
    background-image: url(/image/icon/btn-arrow-gradient.svg);
}

.cityu .quote-container::before {
    background-image: url(/image/icon/quote-open.svg);
}

.cityu .quote-container::after {
    background-image: url(/image/icon/quote-close.svg);
}

.cityu .component-content .swiper-button-next,
.cityu .component-content .swiper-button-prev {
    background-image: url(/image/icon/swiper-button-arrow.svg);
}

    .cityu .component-content .swiper-button-next:hover,
    .cityu .component-content .swiper-button-next:focus,
    .cityu .component-content .swiper-button-prev:hover,
    .cityu .component-content .swiper-button-prev:focus {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

.cityu header .top-navbar .navbar-nav .nav-language .dropdown-toggle::after {
    background-image: url(/image/icon/dropdown-arrow.svg);
}

.cityu header .main-navbar {
    background-image: url(/image/global/header-abstract-bg.jpg);
}

    .cityu header .main-navbar .navbar-nav-main .nav-item .dropdown-menu .dropdown-toggle::after {
        background-image: url(/image/icon/dropdown-menu-arrow.svg);
    }

.cityu header .navbar-nav-topright .nav-quicklinks .dropdown-toggle::after,
.cityu header .navbar-nav-topright .nav-language .dropdown-toggle::after,
.cityu header .navbar-nav-topright .dropdown .dropdown-toggle::after {
    background-image: url(/image/icon/dropdown-arrow.svg);
}

.cityu body.scroll-fixed .navbar-brand {
    background-image: url(/image/mini_logo.svg);
}

.navbar-toggler-icon {
    background-image: url(/image/global/navbar-toggler-close.svg);
}

.collapsed .navbar-toggler-icon {
    background-image: url(/image/global/navbar-toggler.svg);
}

.cityu header .main-navbar #navbarContent .btn-close,
.cityu header .menu-navbar #navbarContent .btn-close {
    background-image: url(/image/global/navbar-toggler-close.svg);
}

.cityu footer {
    background-image: url(/image/global/footer-abstract-bg.jpg);
}

    .cityu footer .footer-contact-us .general-enquiries {
        background-image: url(/image/icon/general-enquiries.svg);
    }

    .cityu footer .footer-contact-us .emergency-phone {
        background-image: url(/image/icon/emergency-phone.svg);
    }

    .cityu footer .footer-contact-us .maps-and-directions {
        background-image: url(/image/icon/maps-and-directions.svg);
    }

.cityu .component-footer-3 .component-content .btn-arrow::after {
    background-image: url(/image/icon/btn-arrow-white.svg);
}

.cityu .dropdownMenu-navbar .dropdownMenu-section > button:hover span,
.cityu .dropdownMenu-navbar .dropdownMenu-section > button:focus span,
.cityu .dropdownMenu-navbar .dropdownMenu-section > button:not(.collapsed) span {
    background-image: linear-gradient(to right, #DF7433 0, #DA562B 35%, #CC103C 80%, #9F0D43 100%) !important;
}

.cityu .dropdownMenu-navbar .dropdownMenu-section a.nav-link:hover span,
.cityu .dropdownMenu-navbar .dropdownMenu-section .dropdown > a.dropdown-toggle.show span,
.cityu .dropdownMenu-navbar .dropdownMenu-section .dropdown > .dropdown-menu .nav-item a:hover span {
    background-image: linear-gradient(to right, #DF7433 0, #DA562B 35%, #CC103C 80%, #9F0D43 100%) !important;
}

.cityu .dropdownMenu-navbar .dropdownMenu-section .dropdown > a.dropdown-toggle::after {
    background-image: url(/image/icon/dropdown-menu-arrow.svg);
}

.cityu .purple-dot-bg::before {
    background-image: url(/image/icon/pattern-purple-dot.png);
}

.cityu .media-banner-wrap {
    background-image: url(/image/home/media-banner-polygon-bg.svg);
}

    .cityu .media-banner-wrap::after {
        background-image: url(/image/home/media-banner-footer.svg);
    }

    .cityu .media-banner-wrap .banner-btn-more::after {
        background-image: url(/image/icon/banner-btn-more-arrow.svg);
    }

.cityu .mediaBannerSwiper .swiper-button-next,
.cityu .mediaBannerSwiper .swiper-button-prev {
    background-image: url(/image/icon/swiper-button-arrow.svg);
}

    .cityu .mediaBannerSwiper .swiper-button-next:hover,
    .cityu .mediaBannerSwiper .swiper-button-next:focus,
    .cityu .mediaBannerSwiper .swiper-button-prev:hover,
    .cityu .mediaBannerSwiper .swiper-button-prev:focus {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

.cityu .component-rotating-banner-2 .media-banner-wrap {
    background-image: url(/image/global/rotating-banner2-polygon-bg.svg);
}

.cityu .component-banner-1::after,
.cityu .component-banner-3::after {
    background-image: url(/image/home/media-banner-footer.svg);
}

.cityu .component-banner-1 .component-banner-title h1 {
    background-image: url(/image/global/component-banner-title-bg.svg);
}

.cityu .component-banner-2 {
    background-image: url(/image/global/banner-logo-cityuhk.svg), linear-gradient(to right, #F4F4F4 11.56%, #DCDCDC 92%) !important;
}

    .cityu .component-banner-2::after {
        background-image: url(/image/global/component-banner-2-bottom.svg);
    }

.cityu .image-banner-wrap::after {
    background-image: url(/image/home/media-banner-footer.svg);
}

.cityu .landing-banner-wrap {
    background-image: url(/image/landing/landing-banner-polygon-bg.svg);
}

    .cityu .landing-banner-wrap::after {
        background-image: url(/image/landing/landing-banner-footer.svg);
    }

    .cityu .landing-banner-wrap .banner-btn-more::after {
        background-image: url(/image/icon/banner-btn-more-arrow.svg);
    }

.cityu .landingBannerSwiper .swiper-button-next,
.cityu .landingBannerSwiper .swiper-button-prev {
    background-image: url(/image/icon/swiper-button-arrow.svg);
}

    .cityu .landingBannerSwiper .swiper-button-next:hover,
    .cityu .landingBannerSwiper .swiper-button-next:focus,
    .cityu .landingBannerSwiper .swiper-button-prev:hover,
    .cityu .landingBannerSwiper .swiper-button-prev:focus {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

.cityu .breadcrumb-section .breadcrumb-item+.breadcrumb-item::before,
.cityu .breadcrumb-section-dropdown .breadcrumb-item+.breadcrumb-item::before {
    background-image: url(/image/icon/slash-sign.svg);
}

.cityu #CityuModal .modal-content .modal-header .btn-close {
    background-image: url(/image/icon/modal-dialog-close.svg);
}

.cityu .section-dark .component-content-2 .quote-container::before {
    background-image: url(/image/icon/quote-open-dark.svg);
}

.cityu .section-light .component-content-2 .quote-container::before {
    background-image: url(/image/icon/quote-open-light.svg);
}

.cityu .section-dark .component-content-2 .quote-container::after {
    background-image: url(/image/icon/quote-close-dark.svg);
}

.cityu .section-light .component-content-2 .quote-container::after {
    background-image: url(/image/icon/quote-close-light.svg);
}

.cityu .component-content-8 .image-caption .image-caption-body,
.cityu .component-content-9 .image-caption .image-caption-body {
    background-image: url(/image/global/image-caption-bg-top.svg);
}

.cityu .component-content-8 .image-caption .image-caption-footer,
.cityu .component-content-9 .image-caption .image-caption-footer {
    background-image: url(/image/global/image-caption-bg-bottom.svg);
    padding-top: 2.66% !important;
}

.cityu .component-card-1 .component-content .card .card-body,
.cityu .component-card-4 .component-content .card .card-body {
    background-image: url(/image/global/card-body-polygon.svg), linear-gradient(to bottom, #F7F7F7 0, #F7F7F7 70%, #F7F7F700 70%, #F7F7F700 100%) !important;
}

    .cityu .component-card-1 .component-content .card .card-body::after,
    .cityu .component-card-4 .component-content .card .card-body::after {
        background-image: url(/image/icon/btn-arrow-gradient.svg);
    }

.cityu .component-card-1 .component-content .card:hover .card-body::after,
.cityu .component-card-4 .component-content .card:hover .card-body::after {
    background-image: url(/image/icon/btn-arrow-white.svg), linear-gradient(to right, #DF7433 0, #DA562B 32%, #CC103C 74%, #9F0D43 100%) !important;
}

.cityu .component-card-2 .component-content .card .card-body {
    background-image: url(/image/global/card-body-polygon.svg), linear-gradient(to bottom, #F7F7F7 0, #F7F7F7 70%, #F7F7F700 70%, #F7F7F700 100%) !important;
}

    .cityu .component-card-2 .component-content .card .card-body::after {
        background-image: url(/image/icon/btn-arrow-gradient.svg);
    }

.cityu .component-card-2 .component-content .card:not(.card-style-2):hover .card-body::after {
    background-image: url(/image/icon/btn-arrow-white.svg), linear-gradient(to right, #DF7433 0, #DA562B 32%, #CC103C 74%, #9F0D43 100%) !important;
}

.cityu .component-card-2 .component-content .card .card-body .card-link-wrap .card-link {
    background-image: url(/image/icon/btn-arrow-gradient-bold.svg);
}

/* card dark  */
.cityu .component-card-2 .component-content .card-dark .card-body {
    background-image: url(/image/global/card-body-polygon-dark.svg), linear-gradient(to bottom, #4829C3 0, #4829C3 70%, #4829C300 70%, #4829C300 100%) !important;
}
/* theme color */
.cityu .theme-color-blue .component-card-2 .component-content .card-dark .card-body {
    background-image: url(/image/global/card-body-polygon-dark-blue.svg), linear-gradient(to bottom, #271CBD 0, #271CBD 70%, #4829C300 70%, #4829C300 100%) !important;
}

.cityu .theme-color-green .component-card-2 .component-content .card-dark .card-body {
    background-image: url(/image/global/card-body-polygon-dark-green.svg), linear-gradient(to bottom, #117379 0, #117379 70%, #4829C300 70%, #4829C300 100%) !important;
}

.cityu .theme-color-lime .component-card-2 .component-content .card-dark .card-body {
    background-image: url(/image/global/card-body-polygon-dark-lime.svg), linear-gradient(to bottom, #166A51 0, #166A51 70%, #4829C300 70%, #4829C300 100%) !important;
}

.cityu .theme-color-purple .component-card-2 .component-content .card-dark .card-body {
    background-image: url(/image/global/card-body-polygon-dark-purple.svg), linear-gradient(to bottom, #71399E 0, #71399E 70%, #4829C300 70%, #4829C300 100%) !important;
}

.cityu .theme-color-pink .component-card-2 .component-content .card-dark .card-body {
    background-image: url(/image/global/card-body-polygon-dark-pink.svg), linear-gradient(to bottom, #AB3273 0, #AB3273 70%, #4829C300 70%, #4829C300 100%) !important;
}

.cityu .component-menu-1 .component-menu-list li a::after {
    background-image: url(/image/icon/btn-arrow-orange.svg);
}

.cityu .component-accordion-1 .accordion-item > .accordion-header .accordion-button::after {
    background-image: url(/image/icon/accordion-btn-arrow.svg);
}

.cityu .component-accordion-2 .summary .btn::before {
    background-image: url(/image/icon/accordion-btn-arrow.svg);
}

.cityu .was-validated .form-control:valid,
.cityu .form-control.is-valid {
    background-image: url(/image/icon/form-input-valid.svg);
}

.cityu .was-validated .form-control:invalid,
.cityu .form-control.is-invalid {
    background-image: url(/image/icon/form-input-invalid.svg);
}

.cityu .form-check-input:checked[type=checkbox] {
    background-image: url(/image/icon/icon-checkbox.svg);
}

.cityu .form-check-input:checked[type=radio] {
    background-image: url(/image/icon/icon-radio.svg);
}

.cityu input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url(/image/icon/icon-calendar.svg);
}

.cityu input[type="time"]::-webkit-calendar-picker-indicator {
    background-image: url(/image/icon/icon-time.svg);
}

.cityu .search-input-1 .button-search-submit,
.cityu .search-input-2 .button-search-submit {
    background-image: url(/image/icon/search-black.svg);
}

.component-search-result-1 .result-item::before {
    background-image: url(/image/icon/btn-arrow-gradient.svg);
}

.component-search-result-1 .result-item .result-link {
    background-image: url(/image/icon/icon-web.svg);
}

.component-list-pagination .component-content nav > .pagination-previous {
    background-image: url(/image/icon/pagination-previous.svg);
}

.component-list-pagination .component-content nav > .pagination-next {
    background-image: url(/image/icon/pagination-next.svg);
}

.cityu [class*="component-staff-"] .component-content .card > a::after {
    background-image: url(/image/icon/btn-arrow-gradient.svg);
}

.cityu [class*="component-staff-"] .component-content .card > a:hover::after {
    background-image: url(/image/icon/btn-arrow-white.svg), linear-gradient(to right, #DF7433 0, #DA562B 32%, #CC103C 74%, #9F0D43 100%) !important;
}

.cityu .component-staff-1 .component-content .card .card-body {
    background-image: url(/image/global/card-body-polygon.svg), linear-gradient(to bottom, #F7F7F7 0, #F7F7F7 70%, #F7F7F700 70%, #F7F7F700 100%) !important;
}

.cityu [class*="component-staff-"] .component-content .card .card-body .card-email {
    background-image: url(/image/icon/card-icon-email.svg);
}

.cityu [class*="component-staff-"] .component-content .card .card-body .card-phone {
    background-image: url(/image/icon/card-icon-phone.svg);
}

.cityu [class*="component-staff-"] .component-content .card .card-body .card-pin {
    background-image: url(/image/icon/card-icon-pin.svg);
}

.cityu .exploreUpSwiper .swiper-slide .card::before,
.cityu .exploreDownSwiper .swiper-slide .card::before {
    background-image: url(/image/icon/btn-arrow.svg);
}

.cityu .spotlightSwiper .card-body {
    background-image: url(/image/global/card-body-polygon.svg), linear-gradient(to bottom, #F7F7F7 0, #F7F7F7 60%, #F7F7F700 60%, #F7F7F700 100%) !important;
}

    .cityu .spotlightSwiper .card-body::after {
        background-image: url(/image/icon/btn-arrow-gradient.svg);
    }

.cityu .spotlightSwiper .card a:hover .card-body::after {
    background-image: url(/image/icon/btn-arrow-white.svg), linear-gradient(to right, #DF7433 0, #DA562B 32%, #CC103C 74%, #9F0D43 100%) !important;
}

.cityu .component-carousel-2 .carouselSwiper .card .card-img-overlay {
    background-image: url(/image/home/card-border-chat.svg), linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .6) 100%) !important;
}

.cityu .component-carousel-3 .carouselSwiper .card .card-body {
    background-image: url(/image/global/component-carousel3-card-bg.svg);
}

.cityu .carousel-button-next,
.cityu .carousel-button-prev {
    background-image: url(/image/icon/swiper-button-arrow.svg);
}

    .cityu .carousel-button-next:hover,
    .cityu .carousel-button-next:focus,
    .cityu .carousel-button-prev:hover,
    .cityu .carousel-button-prev:focus {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

.cityu .component-carousel-3 .carousel-button-next,
.cityu .component-carousel-3 .carousel-button-prev {
    background-image: url(/image/icon/swiper-button-arrow.svg);
}

    .cityu .component-carousel-3 .carousel-button-next:hover,
    .cityu .component-carousel-3 .carousel-button-next:focus,
    .cityu .component-carousel-3 .carousel-button-prev:hover,
    .cityu .component-carousel-3 .carousel-button-prev:focus {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

/* component button */
.cityu .component-carousel-4 .carousel-button-next,
.cityu .component-carousel-4 .carousel-button-prev {
    background-image: url(/image/icon/swiper-button-arrow.svg);
}

    .cityu .component-carousel-4 .carousel-button-next:hover,
    .cityu .component-carousel-4 .carousel-button-next:focus,
    .cityu .component-carousel-4 .carousel-button-prev:hover,
    .cityu .component-carousel-4 .carousel-button-prev:focus {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

.cityu .carouselSwiperThreeSlides .card .card-img-overlay {
    background-image: url(/image/home/card-border-chat.svg), linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .6) 100%) !important;
}

.cityu .carousel-3-slides-button-next,
.cityu .carousel-3-slides-button-prev {
    background-image: url(/image/icon/swiper-button-arrow.svg);
}

    .cityu .carousel-3-slides-button-next:hover,
    .cityu .carousel-3-slides-button-next:focus,
    .cityu .carousel-3-slides-button-prev:hover,
    .cityu .carousel-3-slides-button-prev:focus {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

.cityu .marquee-content li::after {
    background-image: url(/image/icon/arrow-gradient.svg);
}

.cityu header .menu-navbar .navbar-nav-main .nav-link-home {
    background-image: url(/image/icon/nav-link-home.svg);
}

.cityu header .menu-navbar .navbar-nav-topright .dropdown .dropdown-toggle::after {
    background-image: url(/image/icon/dropdown-arrow-black.svg);
}

.cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu li .dropdown-item.dropdown-toggle::after {
    background-image: url(/image/icon/menu-btn-arrow-gradient.svg);
}

/* department section
————————————————————————————————————————————————————————— */
/* section background */
.cityu .section-bg-themecolor {
    background-image: url(/image/global/bottom-link-polygon-bg.svg), linear-gradient(to right, #DF7433 0, #DA562B 30%, #CC103C 75%, #9F0D43 100%) !important;
}

/* theme color */
.cityu .theme-color-blue .section-bg-themecolor {
    background-image: url(/image/global/bottom-link-polygon-bg.svg), linear-gradient(to right, #3F64C5 5%, #3426CE 100%) !important;
}

.cityu .theme-color-green .section-bg-themecolor {
    background-image: url(/image/global/bottom-link-polygon-bg.svg), linear-gradient(to right, #37A699 13.5%, #13858D 86.5%) !important;
}

.cityu .theme-color-lime .section-bg-themecolor {
    background-image: url(/image/global/bottom-link-polygon-bg.svg), linear-gradient(to right, #7CA33E 13.5%, #689B40 86.5%) !important;
}

.cityu .theme-color-purple .section-bg-themecolor {
    background-image: url(/image/global/bottom-link-polygon-bg.svg), linear-gradient(to right, #8A6DA1 13.5%, #803FB2 86.5%) !important;
}

.cityu .theme-color-pink .section-bg-themecolor {
    background-image: url(/image/global/bottom-link-polygon-bg.svg), linear-gradient(to right, #C63974 13.5%, #AC286F 86.5%) !important;
}

@media screen and (max-width: 1199.98px) {
    .cityu header .main-navbar {
        background-image: url(/image/global/header-abstract-bg-mob.jpg);
    }

        .cityu header .main-navbar #navbarContent {
            background-image: url(/image/mini_logo.svg);
        }

        .cityu header .main-navbar .navbar-nav-main,
        .cityu header .menu-navbar .navbar-nav-main {
            background-image: url(/image/global/navbar-main-footer-mob.svg), linear-gradient(to right, #DF7433 0, #DA562B 30%, #CC103C 75%, #9F0D43 100%) !important;
        }

            .cityu header .main-navbar .navbar-nav-main .dropdown .nav-link::after,
            .cityu header .menu-navbar .navbar-nav-main .dropdown .nav-link::after {
                background-image: url(/image/icon/dropdown-arrow-mob.svg);
            }

    .cityu header .navbar-nav-topright #navbarSound {
        background-image: url(/image/icon/sound-sm-on-black.svg);
    }

        .cityu header .navbar-nav-topright #navbarSound.sound-muted {
            background-image: url(/image/icon/sound-sm-off-black.svg);
        }

    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu li .dropdown-item.dropdown-toggle::after {
        background-image: url(/image/icon/dropdown-menu-arrow.svg);
    }

    .cityu .department-header .logo-text-wrap p a.dept-headtext-link, .cityu .department-header-logotext .logo-text-wrap p a.dept-headtext-link {
        color: #fff !important;
    }
}

@media screen and (max-width: 991.98px) {
    .cityu .component-content .swiper-button-next,
    .cityu .component-content .swiper-button-prev {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

    .cityu .media-banner-wrap,
    .cityu .component-rotating-banner-3 .media-banner-wrap {
        background-image: url(/image/home/media-banner-polygon-bg-mob.svg);
    }

        .cityu .media-banner-wrap::after {
            background-image: url(/image/home/media-banner-footer-mob.svg);
        }

    /* rotating banner 2 */
    .cityu .component-rotating-banner-2 .media-banner-wrap {
        background-image: url(/image/global/rotating-banner2-polygon-bg-mob.svg);
    }

    .cityu .component-banner-1::after {
        background-image: url(/image/home/media-banner-footer-mob.svg);
    }

    .cityu .component-banner-2::after {
        background-image: url(/image/global/component-banner-2-bottom-mob.svg);
    }
}

@media screen and (max-width: 767.98px) {
    /* global
    ————————————————————————————————————————————————————————— */
    /* button with arrow, read more button */
    .cityu .btn-arrow::before {
        background-image: url(/image/icon/btn-arrow-orange.svg);
    }

    /* component button */
    .cityu .carousel-button-next,
    .cityu .carousel-button-prev,
    .cityu .component-carousel-3 .carousel-button-next,
    .cityu .component-carousel-3 .carousel-button-prev {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }

    /* component button */
    .cityu .component-carousel-4 .carousel-button-next,
    .cityu .component-carousel-4 .carousel-button-prev {
        background-image: url(/image/icon/swiper-button-arrow.svg);
    }
}

.cityu .dropdownMenu-navbar .dropdownMenu-section .dropdown > a.dropdown-toggle {
    background-color: unset;
    border-radius: unset;
    padding: 10px 20px;
    white-space: normal;
}

/*#2025-05-21*/
.t-back-to-top {
    display: none;
    position: fixed;
    z-index: 50;
    right: 10px;
    bottom: 40px;
    width: 40px;
    height: 40px;
    opacity: 0.75;
    background-color: #717171;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.4s;
}

    .t-back-to-top::after {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #FFF;
        font-size: 27px;
        font-weight: 900;
    }

    .t-back-to-top:hover {
        opacity: 0.9;
    }

.cityu .t-back-to-top:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/-/media/390C51EBFA9841719C45F3A1E74C0BB8.ashx) !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    filter: brightness(0) invert(1);
}

.cityu .t-back-to-top:after {
    opacity: 0;
}
/* mobile menu click no response issue 20250523*/
/*.cityu .navbar-nav-wrap .navbar-nav-main .nav-item.show > .dropdown-mainmenu {
    display: block !important;
}

.cityu .navbar-nav-wrap .navbar-nav-main .nav-item.dropdown > .dropdown-mainmenu {
    display: block !important;
}*/

.cityu .dropdownMenu-navbar .dropdownMenu-section .dropdown > .dropdown-menu.child {
    background: unset;
    padding-left: 10px;
}

    .cityu .dropdownMenu-navbar .dropdownMenu-section .dropdown > .dropdown-menu.child::before {
        background: unset;
    }

.cityu footer a.header-text,
.cityu footer a.header-text:focus {
    color: #000;
}

.cityu .department-header .logo-text-wrap p a.dept-headtext-link,
.cityu .department-header-logotext .logo-text-wrap p a.dept-headtext-link {
    color: #000;
    text-decoration: none;
}
/* Component Card 3 issue */
.cityu .col {
    flex-basis: auto !important;
}

.cityu .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.cityu .component-card-1 div.row.row-cols-1.row-cols-md-2.row-cols-lg-3 div.col {
    flex: 0 0 auto;
    width: 33.33333333%
}

.cityu .component-card-3 div.row.row-cols-1.row-cols-md-2.row-cols-lg-3 div.col {
    flex: 0 0 auto;
    width: 33.33333333%
}

@media (min-width: 768px) {
    .cityu .component-card-4 div.row.row-cols-1.row-cols-md-2 div.col {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media screen and (max-width: 991.98px) {
    .cityu header .main-navbar .navbar-nav-main > .nav-item > .dropdown-menu.show {
        display: block;
    }

    .cityu .department-header .logo-text-wrap p a.dept-headtext-link,
    .cityu .department-header-logotext .logo-text-wrap p a.dept-headtext-link {
        color: #fff;
    }
}

.cityu .mediaBannerSwiper .swiper-slide img, .cityu .mediaBannerSwiper .swiper-slide video {
    height: 100% !important;
}

@media (min-width: 992px) {
    .cityu .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (min-width: 768px) {
    .cityu .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
}

.cityu .btn, .cityu .component-accordion-2 .summary .btn {
    white-space: normal;
}

.cityu .breadcrumb {
    background-color: unset;
}

.cityu .component-search-result-1 .component-content .result-list .result .result-date {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.cityu .component-search-result-1 .component-content .result-list .result .result-time {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}

.cityu .component-search-result-1 .component-content .result-list .result .result-category {
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    color: #707070;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.cityu .component-search-result-1 .component-content .result-list .result .result-title,
.cityu .component-search-result-1 .component-content .result-list .result .result-name {
    background-image: linear-gradient(to right, #DF7433 0, #DA562B 35%, #CC103C 80%, #9F0D43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #9F0D43;
    font-size: 18px;
    line-height: 28px;
    width: fit-content;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.cityu .component-search-result-1 .component-content .result-list .result .result-snippet {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
    font-weight: 700;
}

.cityu .component-search-result-1 .component-content .result-list .result:not(:last-child) {
    margin-bottom: 60px;
}

.cityu .component-search-result-1.event-result,
.cityu .component-search-result-1.scholar-result {
    margin-bottom: 120px;
}

.cityu .event-pagination,
.cityu .scholar-pagination {
    margin: 120px 0;
}

.cityu .component-search-1 .filter-reset.event-reset-filter,
.cityu form .alphabet-facet {
    margin-top: 30px;
}

.cityu .cityu-content-siderbar .dropdownMenu-navbar .dropdownMenu-section {
    width: 100%;
}

.cityu form .alphabet-facet .item-list .list-group {
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
}

    .cityu form .alphabet-facet .item-list .list-group .facet-item {
        padding: 0;
        width: 3.33%;
        text-align: center;
        font-size: 14px;
        height: 27px;
        line-height: 27px;
        margin: 0 0 13px;
        text-transform: uppercase;
    }

        .cityu form .alphabet-facet .item-list .list-group .facet-item:first-child {
            width: 6.66%;
        }
    
        .cityu form .alphabet-facet .item-list .list-group .facet-item:not(:last-child) {
            border-right: 1px solid rgba(141, 141, 141, 0.6) !important;
        }

        .cityu form .alphabet-facet .item-list .list-group .facet-item.active {
            color: #bf165e;
            border-bottom: 2px solid #bf165e;
        }

        .cityu form .alphabet-facet .item-list .list-group .facet-item.no-results {
            color: #DADADA;
        }

@media screen and (max-width: 767.98px) {
    .cityu form .alphabet-facet .item-list .list-group .facet-item {
        width: 8.33%;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-thumbnail,
    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-content {
        padding-left: 0 !important;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-content{
        padding-top: 20px;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result {
        display: unset !important;
    }

    .cityu form .alphabet-facet .item-list .list-group .facet-item:first-child{
        width: 25px !important;
    }
}

.cityu .component-search-result-1.scholar-result .component-content .result-list .result {
    display: flex;
    flex-direction: row;
}

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-thumbnail {
        flex: 0 0 auto;
        width: 135px;
        height: 135px;
    }

        .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-thumbnail > img {
            border-radius: 10px;
            display: block;
            width: 100%;
            aspect-ratio: 1;
            object-fit: cover;
            object-position: top
        }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-content {
        padding-left: 30px;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-name {
        font-weight: 700;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-email {
        background: url(/image/icon/card-icon-email.svg) 0 4px no-repeat;
        text-align: left;
        padding-left: 33px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-tel {
        background: url(/image/icon/card-icon-phone.svg) 0 4px no-repeat;
        text-align: left;
        padding-left: 33px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-address {
        background: url(/image/icon/card-icon-pin.svg) 0 4px no-repeat;
        text-align: left;
        padding-left: 33px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-link {
        margin-top: 32px;
        margin-bottom: 8px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .cityu .component-search-result-1.scholar-result .component-content .result-list .result .result-link > a:after {
            content: "";
            padding-left: 8px;
            padding-right: 8px;
            font-family: "Font Awesome 5 Pro";
            font-weight: 400;
            font-size: 0.8125rem;
            color: inherit;
            padding-left: 0.5rem;
            font-weight: 500;
            transition: padding .25s;
        }

.cityu .dropdownMenu-navbar .dropdownMenu-section .dropdown > .dropdown-button > .dropdown-toggle::after {
    background-image: url(/image/icon/dropdown-menu-arrow.svg);
}

.cityu header .main-navbar .navbar-nav-main .nav-item .dropdown-menu .dropdown-toggle::after {
    background-image: url(/image/icon/dropdown-menu-arrow.svg);
}

.cityu .component-content .card-catering-list .card-body div.info::before {
    position: absolute;
    left: 0;
    z-index: 1;
    color: #bf165e;
    font-size: 13px;
    font-weight: 400;
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Font Awesome 5 Pro";
}

.cityu .component-content .card-catering-list .card-body div.info {
    position: relative;
    margin-bottom: 0;
    padding-left: 35px;
    list-style: none;
    font-size: 14px;
    line-height: 22px;
}

.cityu .component-content .card-catering-list .card-body div.pin::before {
    content: "";
}

.cityu .component-content .card-catering-list .card-body div.hour::before {
    content: "";
}

.cityu .component-content .card-catering-list .card-body div.food::before {
    content: "";
}

.cityu .component-content .card-catering-list .card-body div.capacity::before {
    content: "";
}

.cityu .component-content .card-catering-list .card-body div.payment::before {
    content: "";
}

.cityu .component-content .card-catering-list .card-body div.phone::before {
    content: "";
}

.cityu .component-content .hide-last:last-of-type {
    background-image: none;
}

.cityu div.video-embed-field-responsive-video {
    margin-bottom: 32px;
    position: relative;
}

    .cityu div.video-embed-field-responsive-video iframe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        max-width: 100%;
        max-height: 100%;
    }

    .cityu div.video-embed-field-responsive-video:after {
        content: '';
        display: block;
        padding-bottom: 56.25%;
    }

.cityu body {
    overscroll-behavior: none;
}
.cityu .navbar-toggler {
    border: none;
    border-radius: 4px;
    padding: 2px;
}
.cityu .navbar-toggler-icon {
    width: 26px;
    height: 26px;
}
.cityu footer {
    width: 100%;
    overflow-x: hidden;
}