@charset "UTF-8";

/*
Theme Name: Custom Theme
Author: Molto Digital Limited
Version: 1.0
License: Private
Text Domain: customtheme
*/

@font-face {
    font-family: 'Basel Grotesk light';
    src: url("fonts/Basel-Grotesk-Light.otf");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Basel Grotesk light", "Noto Sans TC", sans-serif;
}

html.zh_CN body {
    font-family: "Basel Grotesk light", "Noto Sans SC", sans-serif;
}

.content-search-form .search-field,
.content-search-form .search-submit,
.color-piece,
.ed-heading span,
.trb-link:after,
.trb-link i,
.trb-link,
.service-heading,
.top-filters-container,
.care-heading span,
.form-row-with-radio label,
.form-row-with-radio input,
.form-row-with-text label,
.form-row-with-text input,
.form-row-with-select label,
.form-row-with-select .form-filter,
.form-sub-filter,
.preview-btn,
.form-submit,
.pagination-number,
.page-numbers,
.event-tag,
.etr-short-link,
.etr-print,
.etr-copy-to-clipboard,
.content-button i,
.content-button span,
.content-button,
.image-button span,
.page-switcher li:after,
.page-switcher li a,
.page-switcher li span,
.page-switcher li,
.home-slider-3,
.ta-more,
.footer-menu li:after,
.footer-menu li a,
.footer-menu li,
.footer-award,
.social-share span,
.social-share-button,
.social-share,
.footer-social-icons .social-icon,
.social-icon-group,
.footer-social-icons-text,
.header-language-switcher li,
.header-fontsize-switcher,
.header-language-switcher,
.fontsize-switch,
.language-switch,
.header-search-submit,
.header-search-text,
.main-menu li a,
.header-logo-1,
.header-logo-2 {
    display: inline-block;
}

.search-result,
.video-caption,
.video-cover:before,
.video-cover,
.video-entry,
.photo-entry-caption,
.photo-entry,
.video-play-button,
.video-link,
.tr-heading i,
.sl-title>span,
.accordion-list .accordion-row.open .accordion-details,
.accordion-list .accordion-topic,
.accordion-list .accordion-topic-link,
.top-filter-submit input,
.select-filter .select-styled span,
.form-row-with-checkbox input:checked:before,
.form-row-with-checkbox input[type=checkbox],
.cg-accordion .accordion-topic,
.cg-accordion .accordion-row:after,
.cg-icon,
.li-ann-title,
.ei-title,
.ei-date,
.ei-image,
.ep-image,
.etr-print:before,
.etr-copy-to-clipboard:before,
.ece-title,
.ece-image,
a.ec-day,
.ec-day,
.ec-prev:before,
.ec-next:before,
.content-area-purple-bg:before,
.ni-title,
.ni-date,
.content-area-curved-bg:after,
.content-area-curved-bg:before,
.content-area-dotted-bg:after,
.subscription-name,
.subscription-email,
.subscription-submit,
.it-title,
.it-image,
.sb-text:after,
.small-block,
.sb-image,
.sb-text,
.sb-title,
.sb-date,
.bb-text:after,
.big-block,
.bb-image,
.bb-text,
.bb-title,
.bb-date,
.image-button:before,
.image-button-inner,
.image-button,
.section-more:after,
.home-slider-3 .slide-caption,
.home-slider-3 .slide:hover:after,
.home-slider-3 .slide-inner.with-mask:before,
.home-slider-3 .slide,
.home-slider-2 .slide-caption,
.home-slider-2 .slide-inner,
.home-bottom:after,
.home-bottom:before,
.hb-caption:after,
.hb-caption:before,
.home-block-video:before,
.home-slider-1 .slide-caption-text,
.home-slider-1 .slide-caption,
.home-slider-1 .slide .image,
.footer-logo,
.footer-sitemap ul ul li:before,
.footer-sitemap ul ul li,
.back-to-top,
.footer-social-icons .social-icon:after,
.header-social-icons .social-icon:after,
.header-social-icons .social-icon,
.header-search:before,
.main-menu ul ul li a,
.main-menu ul ul li,
.main-menu>ul>li.has-children>a:after,
.main-menu>ul>li.menu-item-has-children>a:after {
    display: block;
}

.tb-col,
.se-title,
.se-price,
.sl-date,
.sl-title,
.sl-location,
.sl-organiser,
.sl-heading span,
.sl-heading,
.top-filter,
.top-filter-submit,
.cgr-heading,
.cgr-text,
.li-date,
.li-title,
.li-media,
.li-text,
.li-heading span,
.li-heading,
.ei-left,
.ei-right,
.pi-left,
.pi-right,
.et-right,
.et-left,
.ece-right,
.ece-left,
.ni-right,
.ni-left,
.it-left,
.it-right,
.content-button-half i,
.content-button-half span,
.section-more,
.section-title.with-more h2,
.ta-right,
.ta-left {
    display: table-cell;
}

.trb-link:last-child:after,
.accordion-list .accordion-details,
.form-rows,
.cg-accordion .accordion-details,
.footer-menu li:last-child:after,
.main-menu-mask,
.header-mask,
.main-menu-button,
.main-menu-top,
.main-menu-bottom {
    display: none;
}

.video-cover:before,
.video-play-button,
.trb-link:after,
.form-row-with-checkbox input:checked:before,
.cg-accordion .accordion-row:after,
.etr-print:before,
.etr-copy-to-clipboard:before,
.ec-prev:before,
.ec-next:before,
.content-area-purple-bg:after,
.content-area-purple-bg:before,
.content-area-curved-bg:after,
.content-area-curved-bg:before,
.content-area-dotted-bg:after,
.content-button-large.with-arrow.content-button-half span:after,
.content-button-large.with-arrow:after,
.sb-text:after,
.bb-text:after,
.image-button:before,
.section-more:after,
.page-switcher li:after,
.home-slider-3 .slide:hover:after,
.home-slider-3 .slide-inner.with-mask:before,
.home-bottom:after,
.home-bottom:before,
.hb-caption:after,
.hb-caption:before,
.home-block-video:before,
.footer-menu li:after,
.footer-sitemap ul ul li:before,
.footer-social-icons .social-icon:after,
.header-social-icons .social-icon:after,
.header-search:before,
.main-menu>ul>li.has-children>a:after,
.main-menu>ul>li.menu-item-has-children>a:after {
    content: "";
}

.objective-block,
a.ec-day,
.ec-day,
.subscription-name,
.subscription-email,
.subscription-submit,
.main-menu ul {
    margin: 0 auto;
}

.service-heading h3,
.text-column,
.news-intro,
.content-button-half,
.small-block,
.big-block,
.image-button,
.home-slider-3 .slide,
.home-slider-2 .slide,
.home-block,
.footer-menu,
.footer-middle-2,
.header-top-left {
    float: left;
}

.ed-top .top-filters-right,
.service-heading .content-button,
.it-more,
.copyright,
.footer-middle-1,
.header-search,
.header-top-right {
    float: right;
}

.video-entries,
.photo-entries,
.tr-blocks,
.ambassador-entry-container,
.ambassador-entries,
.souvenir-entries,
.xb-bottom,
.section-title.with-button,
.objective-block,
.content-grids,
.event-calendar-row,
.text-columns,
.news-intros,
.content-buttons,
.small-blocks,
.big-blocks,
.image-buttons,
.home-slider-2,
.home-blocks,
.footer-bottom-wrapper,
.footer-middle,
.header-top-wrapper {
    overflow: hidden;
}

.header-corner {
    clear: both;
}

.fi-text.loaded,
.video-cover:before,
.photo-entry-caption,
.video-play-button,
.tr-heading i,
.xb-row i.xb-icon,
.select-filter .select-styled span,
.form-row-with-checkbox input:checked:before,
.form-row-with-checkbox input[type=checkbox],
.cg-accordion .accordion-row:after,
.cg-icon,
.ei-category,
.etr-print:before,
.etr-copy-to-clipboard:before,
.ec-prev:before,
.ec-next:before,
.ec-prev,
.ec-next,
.content-area-purple-bg:before,
.content-area-curved-bg:after,
.content-area-curved-bg:before,
.content-area-dotted-bg:after,
.content-button-large.with-arrow.content-button-half span:after,
.content-button-large.with-arrow:after,
.sb-text:after,
.bb-text:after,
.image-button span,
.image-button:before,
.section-more:after,
.page-title h1,
.home-slider-3 .slide-caption,
.home-slider-3 .slide:hover:after,
.home-slider-2 .slide-caption,
.home-bottom:after,
.home-bottom:before,
.hb-caption:after,
.hb-caption:before,
.hb-caption,
.home-block-video:before,
.home-slider-1 .slide-caption-text,
.ta-close,
.footer-sitemap ul ul li:before,
.footer-social-icons .social-icon:after,
.header-social-icons .social-icon:after,
.header-search:before,
.main-menu ul li:hover ul,
.main-menu ul li.active ul,
.main-menu>ul>li.has-children>a:after,
.main-menu>ul>li.menu-item-has-children>a:after {
    position: absolute;
}

.video-cover,
.photo-entry,
.trb-link,
.tr-heading,
.xb-row,
.top-filters .select-filter .select-styled span:after,
.form-filter.select-filter .select-styled span:after,
.form-row-with-checkbox,
.cg-accordion .accordion-row,
.content-grid,
.event-intro,
.etr-short-link,
.etr-print,
.etr-copy-to-clipboard,
.ec-header,
.content-area-purple-bg,
.content-area-curved-bg,
.content-area-dotted-bg,
.content-area-with-back,
.content-button i.icon-enroll,
.content-button i.icon-camera,
.content-button-half span,
.content-button,
.sb-text,
.bb-text,
.image-button,
.section-more,
.page-title,
.home-slider-3 .slide-inner,
.home-slider-3 .slide,
.home-row-3,
.home-slider-2 .slide-inner,
.home-slider-2 .slide,
.home-row-2,
.home-bottom,
.home-block,
.home-slider-1 .slide-caption,
.home-slider-container-1,
.ta-right,
.top-announcement,
.footer-sitemap ul ul li,
.footer,
.social-share-button,
.footer-social-icons .social-icon,
.fontsize-switch,
.header-social-icons .social-icon,
.header-search,
.main-menu li a {
    position: relative;
}

.tb-col,
.sl-date,
.sl-title,
.sl-location,
.sl-organiser,
.cgr-heading,
.cgr-text,
.li-date,
.li-title,
.li-media,
.li-text,
.ei-left,
.ei-right,
.pi-left,
.pi-right,
.it-left,
.it-right,
.ta-right,
.ta-left {
    vertical-align: top;
}

.content-search-form .search-field,
.content-search-form .search-submit,
.color-piece,
.ed-table td,
.trb-link:after,
.trb-link i,
.trb-link,
.sl-heading span,
.sl-heading,
.top-filters .select-filter .select-styled span:after,
.top-filter,
.top-filter-submit,
.form-row-with-radio label,
.form-row-with-radio input,
.form-row-with-text label,
.form-row-with-text input,
.form-row-with-select label,
.form-row-with-select .form-filter,
.form-sub-filter,
.form-filter.select-filter .select-styled span:after,
.li-heading span,
.li-heading,
.pagination-number,
.page-numbers,
.event-tag,
.etr-short-link,
.etr-print,
.etr-share,
.etr-email,
.etr-copy-to-clipboard,
.et-right,
.et-left,
.ece-right,
.ece-left,
.ni-right,
.ni-left,
.content-button i,
.content-button span,
.section-more,
.section-title.with-more h2,
.page-switcher li:after,
.page-switcher li a,
.page-switcher li span,
.page-switcher li,
.footer-menu li:after,
.footer-menu li a,
.footer-menu li,
.footer-award,
.social-share span,
.social-share,
.footer-social-icons .social-icon,
.social-icon-group,
.footer-social-icons-text,
.header-language-switcher li,
.header-fontsize-switcher,
.header-language-switcher,
.fontsize-switch,
.language-switch,
.header-search-submit,
.header-search-text,
.header-logo-1,
.header-logo-2 {
    vertical-align: middle;
}

.se-title,
.se-price {
    vertical-align: bottom;
}

.ae-title,
.se-title,
.related-title,
.ec-month,
.home-slider-3 .slide-caption,
.home-slider-2 .slide-caption,
.hb-caption,
.ta-more,
.footer-social-icons-text,
.main-menu li a {
    text-transform: uppercase;
}

.fi-text.loaded,
.top-filters .select-filter .select-styled span:after,
.select-filter .select-styled span,
.form-filter.select-filter .select-styled span:after,
.ec-prev,
.ec-next,
.content-button-large.with-arrow.content-button-half span:after,
.content-button-large.with-arrow:after,
.bb-text:after,
.section-more:after,
.home-slider-1 .slide-caption-text,
.ta-close {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video-cover:before,
.video-play-button,
.image-button span,
.home-slider-3 .slide-caption,
.home-block-video:before {
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video-cover,
.photo-entry,
.video-link,
.ae-photo,
.ei-image,
.ep-image,
.it-image,
.sb-image,
.bb-image,
.image-button-inner,
.page-title,
.home-slider-3 .slide,
.home-slider-2 .slide-inner,
.home-bottom:after,
.home-block,
.home-slider-1 .slide-caption,
.home-slider-1 .slide .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.video-cover:before,
.video-play-button,
.trb-link i,
.tr-heading i,
.se-photo,
.xb-row i.xb-icon,
.top-filters .select-filter .select-styled span:after,
.form-filter.select-filter .select-styled span:after,
.form-row-with-checkbox input:checked:before,
.cg-accordion .accordion-row:after,
.cg-icon,
.ep-image.ep-image-contain,
.etr-short-link,
.etr-print,
.etr-copy-to-clipboard,
.ece-image,
.ec-prev:before,
.ec-next:before,
.content-button-large.with-arrow.content-button-half span:after,
.content-button i,
.content-button-large.with-arrow:after,
.sb-text:after,
.bb-text:after,
.section-more:after,
.hb-caption:after,
.hb-caption:before,
.home-block-video:before,
.ta-close,
.footer-sitemap ul ul li:before,
.back-to-top,
.footer-social-icons .social-icon,
.header-social-icons .social-icon,
.header-search-submit,
.header-search:before,
.main-menu>ul>li.has-children>a:after,
.main-menu>ul>li.menu-item-has-children>a:after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.content-area-purple-bg:after,
.image-button:before,
.home-slider-3 .slide-inner.with-mask:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ae-top,
.se-top,
.service-list-intro,
.service-list-headings,
.top-filter-row,
.top-filter-row-long,
.top-filters,
.cg-row,
.news-list-intro,
.news-list-headings,
.event-intro,
.press-intro,
.event-tools,
.ec-entry,
.news-intro,
.image-text-block,
.content-button-half,
.ta-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.event-bar,
.section-title.with-more {
    display: table;
    table-layout: auto;
    width: 100%;
}

#searchform-care .content-button,
.accordion-list .accordion-topic,
.accordion-list .accordion-topic-link,
.top-filter-submit input,
.preview-btn,
.form-submit,
.form-row-with-checkbox input[type=checkbox],
.cg-accordion .accordion-topic,
.etr-short-link,
.etr-print,
.etr-share,
.etr-email,
.etr-copy-to-clipboard,
.daywithevent .ec-day,
a.ec-day.today,
.ec-today .ec-day,
.subscription-submit,
.page-switcher li span,
.ta-close,
.fontsize-switch,
.header-language-switcher li,
.social-icons .social-icon.qrcode,
.header-search-submit {
    cursor: pointer;
}


/*.main-menu>ul>li.active>a,
.main-menu>ul>li.current_page_parent>a,
.main-menu>ul>li.current_page_ancestor>a {
    font-weight: 700;
}*/

.service-list-headings,
.content-grid p,
.et-left,
.ta-text p,
.ta-text li {
    text-align: left;
}

.trb-heading,
.top-filter-submit input,
.text-filter input,
.top-filters .select-filter .select-styled,
.text-filter,
.select-filter .select-styled span,
.ei-category,
.pagination,
.event-tag,
.ec-table th,
.ec-table td,
.ec-header,
.ni-date,
.subscription-submit,
.image-button span,
.home-slider-3 .slide-caption,
.ta-more {
    text-align: center;
}

.et-right,
.section-more,
.footer-middle-1 {
    text-align: right;
}

.footer-award:last-child {
    margin-right: 0;
}


/*110, 30, 111*/


/*
Montserrat:
thin 100
extra-light 200
light 300
regular 400
medium 500
semi-bold 600
bold 700
extra-bold 800
black 900 
*/


/* ALL PAGES */

html,
body {
    width: 100%;
    height: 100%;
}

pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

.for-print-only,
.for-email-only {
    display: none;
}

#wpadminbar #wp-toolbar ul#wp-admin-bar-root-default li#wp-admin-bar-w3tc {
    display: none;
}

@media print {
    body {
        overflow: visible;
    }
    button.print-it {
        display: none;
    }
    input.content-button.dl-photos {
        display: none;
    }
    .post-pagination span.previous,
    .post-pagination span.next {
        display: none;
    }
    .bx-wrapper .bx-viewport {
        position: relative !important;
        overflow: visible !important;
        height: auto !important;
    }
    .bx-wrapper .bx-viewport .event-photo.slide {
        float: none !important;
        position: relative !important;
        display: block !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 0 40px !important;
        padding: 0 !important;
    }
    .event-photos-slider-container .bx-wrapper .bx-prev,
    .event-photos-slider-container .bx-wrapper .bx-next {
        display: none;
    }
    .video-container {
        display: none;
    }
    .for-print-only {
        display: block;
    }
    body.page-template-page-submit-event .container {
        display: none;
    }
    body.page-template-page-submit-event .fancybox-container button.fancybox-close-small {
        display: none;
    }
    .fancybox-enabled,
    .fancybox-container,
    .fancybox-slide,
    .fancybox-bg,
    .fancybox-inner,
    .fancybox-outer,
    .fancybox-stage {
        position: relative;
        display: block;
        overflow: visible;
        height: auto;
    }
}

cbcaptureall {
    position: absolute;
    width: 100%;
    left: -300%;
}

imagecapture,
languagecapture,
contactnotecapture {
    display: none;
}

body.fixed-button .container {
    position: relative;
}

body.fixed-button .back-to-top {
    position: absolute;
}

.container {
    padding-top: 160px;
}

.semibold {
    font-weight: 600;
}

img.hidden-image {
    display: none;
}

.share-your-story .button {
    display: inline-block;
    vertical-align: middle;
    width: 6em;
    height: 30px;
    font-size: 1.6em;
    line-height: 30px;
    text-align: center;
    background-color: #eee;
    border: 1px solid #000;
    cursor: pointer;
}

.share-your-story .button-selected-file {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    font-size: 1.4em;
    margin-left: 10px;
}

.hidden {
    display: none !important;
}


/* HEADER */

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    background-color: #FFF;
}

.header-top-wrapper {
    padding: 25px 0;
}

.header-logo-1,
.header-logo-1 img {
    height: 57px;
    /*72*/
}

/*.header-logo-1,
.header-logo-1.no-border {
    margin-right: 9px;
}*/

.header-logo-2,
.header-logo-2 img {
    height: 57px;
}

.header-top-right {
    margin-top: 25px;
}

.header-bottom {
    /*  border-top: 2px solid #F0AA23;
    border-bottom: 2px solid #F0AA23; */
    z-index: 99999;
    background-color: #7d2882;
}

#menu-main-menu {
    height: auto;
    display: flex;
    justify-content: space-between;
}

.main-menu ul {
    font-size: 0.1px;
    text-align: justify;
    width: 100%;
}


/*.main-menu>ul:after {
    display: inline-block;
    content: "";
    width: 100%;
}*/

.main-menu ul>li {
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
}

.main-menu>ul>li:hover {
    background-color: #F0AA23;
    color: #fff;
}

html.zh_TW .main-menu li.en,
html.zh_CN .main-menu li.en,
html.en_GB .main-menu li.tc,
html.en_US .main-menu li.tc,
html.zh_CN .main-menu li.tc,
html.en_GB .main-menu li.sc,
html.en_US .main-menu li.sc,
html.zh_TW .main-menu li.sc {
    display: none;
}

.main-menu li a {
    color: #7d2882;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 0;
    /*border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;*/
}

.main-menu li.no-uppercase a {
    text-transform: none;
}

.main-menu>ul>li>a {
    /* padding-right: 19px;*/
    padding: 15px 25px 15px 25px;
}

.main-menu>ul>li>ul>li>a {
    padding: 5px 10px 5px 25px;
}


/*.main-menu>ul>li.active>a,
.main-menu>ul>li.current_page_parent>a,
.main-menu>ul>li.current_page_ancestor>a {
    border-top: 4px solid #F0AA23;
    border-bottom: 4px solid #F0AA23; 
    background-color: #F0AA23;
    color: #fff;
}*/

.main-menu>ul>li>a {
    height: 100%;
    color: #fff;
}


/*.main-menu>ul>li:hover>a {
    border-top: 4px solid #ccb5cc;
    border-bottom: 4px solid #ccb5cc;
}



*/

.main-menu ul ul {
    display: none;
    width: auto;
    /*   width: 58px;*/
}

@media (min-width: 1001px) {
    .main-menu ul li:hover ul,
    .main-menu ul li.active ul {
        z-index: 10;
        padding: 10px 0;
        /*background-color: rgba(125, 40, 130, 0.9);*/
        position: absolute;
        top: 99%;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }
}

.main-menu-container .sub-menu li {
    list-style: none;
    background: url(images/bullet.png) no-repeat 8px 4px;
}

.main-menu ul li ul a {
    color: #7d2882;
}

.main-menu ul li.active ul {
    display: none;
}

.main-menu ul li:hover ul,
.main-menu ul li.active:hover ul {
    display: block;
}

.main-menu ul ul li a {
    color: #7d2882;
    padding: 10px 20px;
    border: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.main-menu ul ul li.active a,
.main-menu ul ul li a:hover {
    color: #F0AA23;
}

body.min-header .header-top-wrapper {
    padding: 15px 0;
}

body.min-header .header-logo-1,
body.min-header .header-logo-1 img {
    height: 60px;
    /*60*/
}

body.min-header .header-logo-1 {
    margin-right: 12px;
    /*54*/
}

body.min-header .header-logo-2,
body.min-header .header-logo-2 img {
    height: 60px;
}

body.min-header .main-menu>ul>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-top-wrapper,
.header-logo-1,
.header-logo-1 img,
.header-logo-2,
.header-logo-2 img,
.main-menu>ul>li>a {
    transition: all 0.3s ease-in-out;
}

body.min-header .header-top-wrapper,
body.min-header .header-logo-1,
body.min-header .header-logo-1 img,
body.min-header .header-logo-2,
body.min-header .header-logo-2 img,
body.min-header .main-menu>ul>li>a {
    transition: all 0.3s ease-in-out;
}

.header-search {
    padding-left: 25px;
    padding-bottom: 6px;
    border-bottom: 1px solid #7d2882;
    margin-left: 25px;
    margin-bottom: 13px;
}

.header-search:before {
    background-image: url("images/icon-search@2x.png");
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
}

.header-search-text {
    color: #7d2882;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1;
    width: 175px;
}

.header-search-text::-moz-placeholder {
    color: #7d2882;
}

.header-search-text:-ms-input-placeholder {
    color: #7d2882;
}

.header-search-text:-moz-placeholder {
    color: #7d2882;
}

.header-search-submit {
    width: 18px;
    height: 18px;
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    background-image: url("images/header-search-submit@2x.png");
}


/* .header-social-icons, .header-social-icon, */

.header-fontsize-switcher,
.header-language-switcher,
.fontsize-switch,
.language-switch {
    color: #7d2882;
}

.header-social-icons {
    position: fixed;
    right: 0;
    top: 212px;
    z-index: 1000000;
}


/*
.header-social-icon {
  @extend %contain;
  width: 23px;
  height: 23px;
  margin-left: 12px;
}
*/

.header-bottom .header-social-icons {
    margin-bottom: 15px;
}

.header-social-icons .social-icon {
    background-color: #7d2882;
    width: 42px;
    height: 42px;
    right: 0;
    top: auto;
    margin-bottom: 13px;
    transition: right 0.2s ease-in-out;
}

.header-social-icons .social-icon:hover {
    right: 10px;
    transition: right 0.2s ease-in-out;
}

.header-social-icons .social-icon:after {
    left: 100%;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #7d2882;
}

.header-social-icons {
    display: none;
}

.social-icons .social-icon.qrcode img {
    display: none;
    z-index: 100;
}

.social-icons .social-icon.qrcode.active img {
    display: block;
    position: absolute;
    top: 0;
    left: -160px;
    width: 150px;
    height: 150px;
    max-width: 150px;
}

.header-bottom .social-icons .social-icon.qrcode.active img {
    left: 0;
    top: 100%;
}

.footer-social-icons.social-icons .social-icon.qrcode.active img {
    left: 0;
    top: 120%;
}

.etr-share .social-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 59px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 auto;
}

.etr-share .social-icon img {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 100000;
    width: 150px !important;
    max-width: 150px !important;
}

.etr-share .social-icon.active img {
    display: block;
}

.etr-share .social-icon.qrcode .qrcode-container {
    position: relative;
    top: 20px;
}

.etr-share .social-icon.qrcode.active .qrcode-container:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 90%;
    border: 0.75rem solid transparent;
    border-top: none;
    border-bottom-color: #fff;
    transform: translateX(-50%);
}

.facebook {
    background-image: url("images/icon-social-square-facebook-white@2x.png");
}

.youtube {
    background-image: url("images/icon-social-square-youtube-white@2x.png");
}

.instagram {
    background-image: url("images/icon-social-square-instagram-white@2x.png");
}

.linkedin {
    background-image: url("images/icon-social-square-linkedin-white@2x.png");
}

.twitter {
    background-image: url("images/icon-social-square-twitter-white@2x.png");
}

.wechat {
    background-image: url("images/icon-social-square-wechat-white@2x.png");
}

.telegram {
    background-image: url("images/icon-social-square-telegram-white@2x.png");
}

.weibo {
    background-image: url("images/icon-social-square-weibo-white@2x.png");
}

.header-language-switcher {
    margin-left: 12px;
}

.header-language-switcher li {
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.2;
}

.header-language-switcher li.active {
    display: none;
}

html.zh_TW .header-language-switcher li.lang-sc,
html.en_GB .header-language-switcher li.lang-sc,
html.en_US .header-language-switcher li.lang-sc,
html.zh_CN .header-language-switcher li.lang-en {
    padding-left: 8px;
    border-left: 1px solid #7d2882;
    margin-left: 6px;
}

.header-language-switcher li a {
    color: #7d2882;
}

.header-fontsize-switcher {
    margin-left: 17px;
}

.fontsize-switch {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.fontsize-switch.small {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.2;
    top: -2px;
}

.fontsize-switch.medium {
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1.2;
    top: -1px;
}

.fontsize-switch.large {
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.2;
}


/* FOOTER */

.footer-social-icons ul.heateor_sss_sharing_ul li {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.heateorSssSinaWeiboSvg {
    background-image: url(images/icon-social-square-weibo-white@2x.png) !important;
    background-size: contain !important;
}

.footer-social-icons {
    background-color: #d4ccd9;
    padding: 30px 0;
}

.footer-social-icons-wrapper {
    text-align: center;
    /*left;*/
}

.footer-social-icons-text {
    color: #7d2882;
    margin-right: 20px;
    font-size: 2em;
    font-weight: 700;
}

.footer-social-icons .social-icon {
    width: 24px;
    height: 24px;
    top: 0;
    margin: 0 10px;
    transition: top 0.1s ease-in;
}

.header-top-right ul.heateor_sss_sharing_ul {
    width: 42px !important;
}

.header-top-right ul.heateor_sss_sharing_ul li {
    width: 42px !important;
    height: 42px !important;
    margin-top: 10px !important;
}

.header-bottom .main-menu-corner {
    margin-top: 30px;
}

.header-bottom ul.heateor_sss_sharing_ul {
    text-align: left !important;
}

.header-bottom ul.heateor_sss_sharing_ul li {
    width: 28px !important;
    height: 28px !important;
    margin-right: 8px !important;
}

.header-bottom ul.heateor_sss_sharing_ul li i {
    width: 28px !important;
    height: 28px !important;
}

.footer-social-icons .social-icon:hover {
    top: -5px;
    transition: top 0.1s ease-out;
}

.footer-social-icons .social-icon:after {
    left: 0;
    top: 100%;
    width: 100%;
    height: 5px;
    background-color: #d4ccd9;
}

.social-share {
    padding-left: 40px;
    border-left: 2px solid #7d2882;
    margin-left: 30px;
}

.social-share-mobile {
    display: none;
}

.social-share-button {
    color: white;
    background-color: #7d2882;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    padding: 10px 35px;
    margin: 0;
    border-radius: 40px;
}

.social-share span {
    padding: 6px 0;
    text-align: center;
}

.back-to-top {
    background-image: url("images/back-to-top@2x.png");
    position: fixed;
    width: 104px;
    height: 99px;
    right: 50px;
    bottom: 30px;
    z-index: 9999;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

.back-to-top.show {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}

.content-area-with-back .back-to-top {
    top: auto;
    bottom: 60px;
}

.footer {
    background-color: white;
}

.footer-sitemap {
    padding: 35px 0 50px 0;
}

.footer-sitemap a {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    color: #7d2882;
}

.footer-sitemap>ul {
    font-size: 0.1px;
    text-align: justify;
}

.footer-sitemap>ul:after {
    display: inline-block;
    content: "";
    width: 100%;
}

.footer-sitemap>ul>li {
    display: inline-block;
    font-size: 10px;
    vertical-align: top;
}

html.zh_TW .footer-sitemap li.en,
html.zh_CN .footer-sitemap li.en,
html.en_GB .footer-sitemap li.tc,
html.en_US .footer-sitemap li.tc,
html.zh_CN .footer-sitemap li.tc,
html.en_GB .footer-sitemap li.sc,
html.en_US .footer-sitemap li.sc,
html.zh_TW .footer-sitemap li.sc {
    display: none;
}

.footer-sitemap>ul>li {
    padding-right: 15px;
}

.footer-sitemap>ul>li>a {
    font-weight: 700;
}

.footer-sitemap ul ul {
    margin-top: 15px;
}

.footer-sitemap ul ul li {
    padding-left: 22px;
    margin-bottom: 5px;
}

.footer-sitemap ul ul li:before {
    background-image: url("https://webarchive.lib.cuhk.edu.hk/20250207194657oe_/https://www.cpr.cuhk.edu.hk/wp-content/uploads/icons/footer-arrow-light@2x.png");
    left: 0;
    top: -2px;
    width: 10px;
    height: 21px;
}

.footer-middle {
    background-color: white;
    padding-bottom: 35px;
}

.footer-award {
    margin-right: 20px;
}

.footer-award-1 {
    width: 110px;
}

.footer-award-2 {
    width: 154px;
}

.footer-logo {
    width: 393px;
    margin-top: 2px;
}

.footer-bottom {
    color: white;
    background-color: #717171;
}

.footer-bottom-wrapper {
    padding: 16px 0;
}

html.zh_TW .footer-menu li.en,
html.zh_CN .footer-menu li.en,
html.en_GB .footer-menu li.tc,
html.en_US .footer-menu li.tc,
html.zh_CN .footer-menu li.tc,
html.en_GB .footer-menu li.sc,
html.en_US .footer-menu li.sc,
html.zh_TW .footer-menu li.sc {
    display: none;
}

.footer-menu li a {
    color: white;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
}

.footer-menu li:after {
    width: 1px;
    height: 15px;
    margin: 0 7px 0 8px;
    background-color: white;
}

.copyright {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
    color: white;
}


/* HOME */

.top-announcement {
    color: #7d2882;
    background-color: #E8D9BD;
}


/*
.top-announcement.closing {
  height: 0;
  transition: height 0.3s ease-in-out;
}
*/

.ta-wrapper {
    width: 85%;
    padding: 34px 0;
}

.ta-left {
    width: 250px;
    padding-right: 30px;
}

.ta-title {
    letter-spacing: -0.5px;
    font-size: 2.6em;
    font-weight: 700;
    line-height: 1.2;
}

.ta-date {
    letter-spacing: -0.5px;
    font-size: 2.6em;
    font-weight: 400;
    line-height: 1.2;
}

.ta-more {
    color: #E8D9BD;
    background-color: #7d2882;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1;
    width: 118px;
    padding: 8px 30px;
    margin-top: 31px;
    border-radius: 50px;
}

.ta-more-mobile {
    display: none;
}

.ta-right {
    padding-right: 80px;
}

.ta-heading {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 3px;
}

.ta-text p,
.ta-text li {
    color: #221815;
    font-size: 2.1em;
    font-weight: 300;
    line-height: 1.3;
}

.ta-close {
    background-image: url("images/ta-close@2x.png");
    right: 0;
    width: 26px;
    height: 26px;
}

.home-row-1 {
    padding-bottom: 50px;
}

.home-slider-container-1 {
    width: 100%;
    overflow: hidden;
}

.home-slider-container-1,
.home-slider-container-1 .bx-viewport,
.home-slider-container-1 .bx-wrapper,
.home-slider-1,
.home-slider-1 .slide {
    /* @extend %abs, %full, %cover; */
    position: relative !important;
    /*height: 500px !important;*/
    height: 100%;
}

.home-slider-1 .slide .image {
    background-image: url("images/home-slide-1.jpg");
    /* temp */
    width: 100%;
    height: 0 !important;
    padding-bottom: 35%;
}

.home-slider-container-1 .bx-controls-direction {
    /*@extend %b, %abs;
  @include ratio(30);
   left: 0;
   top: 0;*/
}

.home-slider-1 .slide-caption {
    color: white;
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1.2;
    padding: 10px 10px 10px 55px;
    width: 100%;
    height: auto;
    background-repeat: repeat;
    background-color: rgba(125, 40, 130, 0.9);
}

.home-slider-1 .slide-caption-text {
    width: calc(100% - 65px);
}

.home-slider-1 .slide-caption-text-1 {
    font-weight: 700;
}

.home-slider-container-1 .bx-wrapper .bx-prev,
.home-slider-container-1 .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: 0;
    right: auto;
    width: 32px;
    height: 64px;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: unset;
    background-image: url(images/Home-arrowleft@2x.png);
    z-index: 99999;
}

body.menu-open .home-slider-container-1 .bx-wrapper .bx-prev,
body.menu-open .home-slider-container-1 .bx-wrapper .bx-next {
    z-index: 1;
}

.home-slider-container-1 .bx-wrapper .bx-next {
    left: auto;
    right: 0;
    background-image: url(images/Home-arrowright@2x.png);
}

.home-block {
    background-image: url("images/home-test.jpg");
    /* temp */
    width: 32%;
    height: 0;
    padding-bottom: 36.6%;
    margin: 3% 3% 0 0;
}

.home-block-large {
    width: 65%;
    padding-bottom: 36.6%;
}

.home-block:nth-child(even) {
    margin-right: 0;
}

.home-block-video:before {
    width: 14%;
    height: 0;
    padding-bottom: 14%;
    background-image: url("images/home-block-video@2x.png");
}

.hb-caption {
    color: white;
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1.2;
    /* 2.7em */
    /* background-image: url("images/home-block-bg@2x.png");*/
    background-color: rgba(125, 40, 130, 0.88);
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 10px 10px 23px;
    background-repeat: repeat;
    background-size: 10px 10px;
}

.hb-caption:before {
    background-image: url("images/home-block-deco@2x.png");
    left: 0;
    bottom: 100%;
    width: 63px;
    height: 48px;
    background-position: left bottom;
}

.hb-caption:after {
    background-image: url("images/home-block-arrow@2x.png");
    right: 20px;
    top: 50%;
    width: 12px;
    height: 24px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-bottom {
    background-image: url("images/home-bottom-bg@2x.png");
    background-repeat: repeat;
    background-position: left 100px;
    background-size: 20px 20px;
}

.home-bottom:before {
    background-color: white;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 1;
}

.home-bottom:after {
    background-image: url("images/home-bottom-bg-mask@2x.png");
    left: 0;
    top: 100px;
    width: 100%;
    height: 0;
    padding-bottom: 7.8%;
    z-index: 1;
}

.home-row-2 {
    padding-bottom: 50px;
    z-index: 2;
}

.home-slider-2 {
    /* temp */
}

.home-slider-2 .slide {
    /* temp */
    /* temp */
    border: 12px solid white;
}

.home-slider-2 .slide:nth-child(3n+3) {
    margin-right: 0;
}

.home-slider-container-2 {
    position: relative;
    width: 98%;
    margin: auto;
}

.slider-container .bx-wrapper {
    height: auto;
}

body.home .slider-container .bx-wrapper {
    height: 100%;
}

.home-slider-container-2 .bx-viewport,
.home-slider-container-2 .bx-wrapper,
.home-slider-2 {
    display: block;
    position: relative;
    max-width: unset !important;
    width: 100%;
    height: 100%;
}

.home-slider-2 .slide {
    border: 12px solid white;
}

.home-slider-2 .slide:nth-child(3n+3) {
    margin-right: 0;
}

.home-slider-2 .slide-inner {
    width: 100%;
    height: 0;
    padding-bottom: 89%;
}

.home-slider-2 .slide-caption {
    /* background-image: url("images/home-block-bg@2x.png");*/
    background-color: rgba(125, 40, 130, 0.8);
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.2;
    color: white;
    color: white;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 16px 20px;
    background-repeat: repeat;
}

.home-slider-container-2 .bx-wrapper .bx-prev,
.home-slider-container-2 .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: -30px;
    right: auto;
    width: 20px;
    height: 48px;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: unset;
    background-image: url(images/arrowleft@2x.png);
}

.home-slider-container-2 .bx-wrapper .bx-next {
    left: auto;
    right: -30px;
    background-image: url(images/arrowright@2x.png);
}

.home-row-3 {
    padding-bottom: 150px;
    z-index: 2;
}

.home-slider-3 {
    /* temp */
}

.home-slider-3 .slide {
    /* temp */
    /* temp */
}

.home-slider-3 .slide:nth-child(5n+5) {
    margin-right: 0;
}

.home-slider-3 .slide-inner.with-mask:before {
    background-color: rgba(0, 0, 0, 0.5);
}

.home-slider-3 .slide:hover:after {
    border: 3px solid #7d2882;
}

.home-slider-container-3 {
    position: relative;
    width: 98%;
    /* height: 350px; */
    margin: auto;
}

.home-slider-container-3 .bx-viewport,
.home-slider-container-3 .bx-wrapper,
.home-slider-3 {
    display: block;
    position: relative;
    max-width: unset !important;
    width: 100%;
    height: 100%;
}

.home-slider-3 .slide-inner {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home-slider-3 .slide-inner.full {
    background-size: 80% auto;
    /*contain;*/
    background-color: #fff;
}

.home-slider-3 .slide:nth-child(3n+3) {
    margin-right: 0;
}

.home-slider-3 .slide-caption {
    font-size: 2.1em;
    font-weight: 300;
    line-height: 1.2;
    color: white;
    width: 100%;
    height: auto;
	background-color: rgba(125, 40, 130, 0.8);
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-slider-container-3 .bx-wrapper .bx-prev,
.home-slider-container-3 .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: -30px;
    right: auto;
    width: 20px;
    height: 48px;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: unset;
    background-image: url(images/arrowleft@2x.png);
}

.home-slider-container-3 .bx-wrapper .bx-next {
    left: auto;
    right: -30px;
    background-image: url(images/arrowright@2x.png);
}


/* OTHER PAGES */

.page-title-wrapper {
    padding: 0 0 45px 0;
}

.page-title {
    width: 100%;
    height: 250px;
}


/*
.page-title:before {
  @extend %abs, %b, %c, %full, %cover;
  @include bc(rgba(0,0,0,0.5));
}
*/

.page-title h1 {
    color: white;
    width: 100%;
    left: -0.1em;
    /* -5 */
    bottom: -1px;
    font-size: 13.5em;
    font-weight: 700;
    line-height: 0.74;
}

html.zh_TW .page-title h1,
html.zh_CN .page-title h1 {
    line-height: 0.9;
}

.page-switcher {
    margin: 60px 0;
}

body.page-template-page-care .page-switcher {
    position: sticky;
    top: 200px;
    background-color: #fff;
    padding: 20px 0;
    margin: 0;
    z-index: 999;
}

.page-switcher ul {
    margin: 0;
    list-style: none;
}

.page-switcher li {
    font-size: 10px;
}

.page-switcher li a,
.page-switcher li span {
    color: #7d2882;
    font-size: 2.4em;
    font-weight: 300;
    line-height: 1.2;
    margin-right: 30px;
}

.page-switcher li a.active,
.page-switcher li span.active {
    font-size: 3.2em;
    font-weight: 600;
    line-height: 1.2;
}

.page-switcher li:after {
    background-color: #7d2882;
    width: 1px;
    height: 20px;
    margin-right: 30px;
}

.page-switcher li:last-child:after {
    display: none;
}

.content-single {
    padding-bottom: 100px;
    /* border-bottom: 12px solid $gold; */
}

.content-single.content-single-no-border {
    border-bottom: 0;
}

.content-section {
    padding-bottom: 100px;
    /* margin-bottom: 100px; */
}

.section-title {
    border-bottom: 2px solid #7d2882;
    margin-bottom: 45px;
}

.section-title h2 {
    font-size: 4.3em;
    font-weight: 300;
    line-height: 1.2;
    color: #7d2882;
}

.section-title h2 a {
    color: #7d2882;
}

.section-title.with-more h2 {
    padding-bottom: 1%;
}

.section-more {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 1;
    color: #7d2882;
    padding-right: 3%;
    padding-left: 20px;
}

.section-more:after {
    background-image: url("images/section-more-arrow@2x.png");
    width: 10px;
    height: 100%;
    right: 0;
}

.image-button {
    width: 49%;
    margin-right: 2%;
}

.image-button:nth-child(2n+1) {
    clear: both;
}

.image-button:nth-child(2n+2) {
    margin-right: 0;
}

.image-button-inner {
    background-color: #7d2882;
    /* temp */
    width: 100%;
    height: 0;
    padding-bottom: 40.5%;
}

.image-button:before {
    background-color: rgba(110, 30, 111, 0.7);
}

.image-button span {
    color: white;
    font-size: 4.4em;
    font-weight: 700;
    line-height: 1.2;
    font-size: 44px;
    width: 100%;
    padding: 20px;
}

.image-button a>span {
    height: 100%;
}

.bb-image {
    background-position: center top;
}

.big-blocks-slider-container {
    position: relative;
}

.big-blocks-slider-container .bx-wrapper .bx-prev,
.big-blocks-slider-container .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: -30px;
    right: auto;
    width: 20px;
    height: 48px;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: auto;
    background-image: url(images/arrowleft@2x.png);
    z-index: 100;
}

.big-blocks-slider-container .bx-wrapper .bx-next {
    left: auto;
    right: -30px;
    background-image: url(images/arrowright@2x.png);
}

.big-block {
    /* temp */
    /* temp */
    width: 32.6%;
    margin-right: 1.1%;
}

.big-block:nth-child(3n+3) {
    margin-right: 0;
}

.bb-image {
    background-image: url("images/home-test.jpg");
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    /* 76% */
}

body.page-template-page-news-centre .bb-image,
body.single-press .bb-image {
    padding-bottom: 66.67%;
}

.bb-image.cover {
    background-size: contain;
}

.bb-text {
    color: white;
    background-color: #7d2882;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    padding: 15px 20px 20px 20px;
}

.bb-text:after {
    background-image: url("images/bb-arrow@2x.png");
    right: 15px;
    top: 50%;
    width: 12px;
    height: 22px;
}

.bb-date {
    margin-top: 5px;
}

.small-block {
    /* temp */
    /* temp */
    width: 24.4%;
    margin-right: 0.8%;
    margin-bottom: 0.8%;
}

.small-block:nth-child(4n+4) {
    margin-right: 0;
}

.sb-image {
    background-image: url("images/home-test.jpg");
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    /* 76% */
}

.content-area-events-3 .sb-image {
    background-size: contain;
    background-color: #85847d;
}

.sb-text {
    color: white;
    background-color: #7d2882;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.2;
    padding: 15px 35px 20px 20px;
}

.sb-text:after {
    background-image: url("images/sb-arrow@2x.png");
    right: 15px;
    bottom: 20px;
    width: 9px;
    height: 16px;
}

.sb-date {
    margin-top: 5px;
}

.content-buttons>.content-button {
    margin-top: 0;
}

.content-button {
    color: white;
    background-color: #7d2882;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    padding: 10px 35px;
    margin: 22px 0;
    border-radius: 40px;
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
}

.content-button:hover {
    background-color: #89368C;
    transition: background-color 0.1s ease-in-out;
}

button.content-button {
    margin-top: 0;
    border: 0;
}

input.content-button.dl-photos {
    background-image: url("images/icon-download@2x.png");
    padding: 16px 35px 16px 80px;
    margin: 0 0 50px 0;
    background-repeat: no-repeat;
    background-position: 35px center;
    background-size: 30px 30px;
}

.content-button-yellow {
    color: #7d2882;
    background-color: #F0AA23;
}

.content-button-yellow:hover {
    background-color: #efc981;
}

.content-button-large {
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1.2;
    padding: 15px 40px;
    border-radius: 80px;
}

.content-button.with-arrow {
    padding: 10px 50px 10px 35px;
}

.content-button-large.with-arrow {
    padding: 15px 62px 15px 40px;
}

.content-button-large.with-arrow:after {
    background-image: url(images/big-button-arrow@2x.png);
    right: 20px;
    width: 12px;
    height: 20px;
    padding-left: 20px;
    margin-top: 1px;
}

.content-button-large.with-arrow {
    display: flex;
    align-items: center;
}

.content-button i {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.content-button-large i {
    width: 40px;
    height: 40px;
}

.content-button span {
    padding: 6px 0;
    text-align: left;
}

.content-button.full:before,
.care-form-container .form-toggle.full:before {
    position: absolute;
    content: "Full";
    top: 0;
    left: calc(100% + 8px);
    font-size: 17px;
    color: red;
}

.registration-msg {
    display: none;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.registration-msg.full {
    display: block;
    color: red;
}

html.zh_TW .content-button.full:before,
html.zh_TW .care-form-container .form-toggle.full:before {
    content: "滿";
}

html.zh_CN .content-button.full:before,
html.zh_CN .care-form-container .form-toggle.full:before {
    content: "满";
}

.content-button-half {
    width: 49.4%;
    height: 80px;
    margin-top: 0;
}

.content-button-half:nth-child(2n+1) {
    clear: both;
}

.content-button-half:nth-child(2n+2) {
    margin-right: 0;
}

.content-button-half+.content-button-half {
    margin-left: 1.2%;
}

.content-button-large.with-arrow.content-button-half:after {
    display: none;
}

.content-button-half span {
    width: auto;
    padding-left: 15px;
}

.content-button-large.with-arrow.content-button-half span:after {
    background-image: url(images/big-button-arrow@2x.png);
    right: -42px;
    width: 12px;
    height: 20px;
    padding-left: 20px;
    margin-top: 1px;
}

i.icon-email {
    background-image: url("images/icon-email-large@2x.png");
}

i.xb-icon.icon-email {
    background-image: url("images/icon-email@2x.png");
}

i.icon-photo {
    background-image: url("images/icon-photo@2x.png");
}

i.icon-pdf {
    background-image: url("images/icon-pdf@2x.png");
}

i.icon-gif {
    background-image: url("images/icon-gif@2x.png");
}

i.icon-bmp {
    background-image: url("images/icon-bmp@2x.png");
}

i.icon-jpg,
i.icon-jpeg {
    background-image: url("images/icon-jpg@2x.png");
}

i.icon-doc,
i.icon-docx {
    background-image: url("images/icon-doc@2x.png");
}

i.icon-xls,
i.icon-xlsx {
    background-image: url("images/icon-xls@2x.png");
}

i.icon-ppt,
i.icon-pptx {
    background-image: url("images/icon-ppt@2x.png");
}

i.icon-rtf {
    background-image: url("images/icon-rtf@2x.png");
}

i.icon-txt {
    background-image: url("images/icon-txt@2x.png");
}

i.icon-mp3 {
    background-image: url("images/icon-mp3@2x.png");
}

i.icon-mp4 {
    background-image: url("images/icon-mp4@2x.png");
}

i.icon-wma {
    background-image: url("images/icon-wma@2x.png");
}

i.icon-wmv {
    background-image: url("images/icon-wmv@2x.png");
}

i.icon-zip {
    background-image: url("images/icon-zip@2x.png");
}

i.icon-xml {
    background-image: url("images/icon-xml@2x.png");
}

i.icon-html,
i.icon-htm {
    background-image: url("images/icon-html@2x.png");
}

i.icon-rar {
    background-image: url("images/icon-rar@2x.png");
}

i.icon-tar {
    background-image: url("images/icon-tar@2x.png");
}

i.icon-csv {
    background-image: url("images/icon-csv@2x.png");
}

i.icon-download,
.tr-button i {
    background-image: url("images/icon-download@2x.png");
}

i.icon-camera {
    background-image: url("images/icon-camera@2x.png");
}

.content-button i.icon-camera {
    top: -2px;
}

i.icon-message {
    background-image: url("images/icon-message@2x.png");
}

i.icon-enroll {
    background-image: url("images/icon-enroll@2x.png");
}

.content-button i.icon-enroll {
    top: -1px;
    left: -2px;
    margin-right: 10px;
    background-size: 80% auto;
}


/*
.big-button {
  @extend %rel, %left, %text-left;
  @include n-clear(2);
  @include n-zero(2);
  @include font(2,700,1);
  @include bc($purple);
  width: 49.4%;
  margin-right: 1.2%;
  padding: 20px 40px;
  border-radius: 80px;
}
.big-button:after {
  @extend %abs, %b, %c, %middle, %contain;
  @include image('big-button-arrow');
  right: 30px;
  width: 16px;
  height: 30px;
}
.big-button i, .big-button span {
  @extend %ib, %vm;
}
.big-button i {
  @extend %contain;
  width: 60px;
  height: 50px;
  margin-right: 20px;
}
.big-button span {
  @include c(white);
}

.middle-button {
  @extend %rel, %ib, %text-left;
  @include n-clear(2);
  @include n-zero(2);
  @include font(2,600,1);
  @include bc($purple);
  padding: 20px 70px 20px 30px;
  border-radius: 80px;
}
.middle-button-left {
  @extend %left;
}
.middle-button.with-arrow:after {
  @extend %abs, %b, %c, %middle, %contain;
  @include image('big-button-arrow');
  right: 30px;
  width: 16px;
  height: 30px;
}
.middle-button i, .middle-button span {
  @extend %ib, %vm;
}
.middle-button i {
  @extend %contain;
  width: 48px;
  height: 40px;
  margin-right: 20px;
}
.middle-button span {
  @include c(white);
}

.small-buttons {
  margin: 40px 0;
}
.small-button {
  @extend %ib, %vm;
  @include c(white);
  @include bc($purple);
  padding: 12px 40px 12px 26px;
  margin-right: 55px;
  border-radius: 60px;
}
.small-button span {
  @extend %ib, %vm;
  @include font(1.4,600);
}
.small-button:last-child {
  margin-right: 0;
}
.small-button i {
  @extend %ib, %vm, %contain;
  width: 30px;
  height: 35px;
  margin-right: 17px;
}
*/


/* NEWS CENTRE */

.image-text-block-press {
    margin-bottom: 30px;
}

.it-left,
.it-right {
    width: 50%;
}

.it-image {
    background-image: url("images/home-test.jpg");
    /* temp */
    height: 0;
    padding-bottom: 70%;
    /* 56% */
}

body.page-template-page-press-releases .it-image {
    padding-bottom: 66.67%;
}

.it-right {
    padding: 0 4%;
    overflow: hidden;
}

.it-right h3 {
    line-height: 1.3;
}

.it-date {
    font-size: 3em;
    font-weight: 300;
    line-height: 1.2;
    color: #7d2882;
    margin-bottom: 25px;
}

.it-title {
    color: #7d2882;
    letter-spacing: -0.5px;
    margin-bottom: 25px;
}

.it-title h3 {
    font-size: 3em;
    font-weight: 500;
    line-height: 1.2;
}

.it-text p {
    text-align: left;
}

.it-more {
    margin-top: 60px;
}

div#subscription-form .form-note {
    margin-top: 30px;
    font-size: 1.4em;
}

div#subscription-form form#email-form {
    text-align: left;
}

div#subscription-form .error-message {
    margin-top: 5px;
    background-color: #F0AA23;
    color: #000;
    font-size: 14px;
    line-height: 14px;
}

div#subscription-form .w-form-fail {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background-color: #F0AA23;
}

div#subscription-form .success-message {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #F0AA23;
    color: #000;
    font-size: 14px;
}

div#subscription-form .w-form-done {
    display: none;
    /*padding: 20px;*/
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    background-color: #F0AA23;
}

.subscription-button {
    cursor: pointer;
}

#subscription-form {
    background-color: #D4CCD9;
    display: none;
    width: 80%;
    max-width: 650px;
    padding: 70px 30px;
    text-align: center;
    -webkit-border-top-right-radius: 65px;
    -moz-border-radius-topright: 65px;
    border-top-right-radius: 65px;
}

#subscription-form h3 {
    color: #7d2882;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 40px;
}

.subscription-name,
.subscription-email,
.subscription-submit {
    margin-bottom: 10px;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
}

.subscription-name,
.subscription-email {
    width: 300px;
    padding: 10px 15px;
    border: 1px solid #7d2882;
}

.subscription-submit {
    color: white;
    background-color: #7d2882;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1;
    height: 46px;
    padding: 10px 40px;
    margin: 20px auto 0 auto;
    border-radius: 40px;
}

.fancybox-close-small {
    right: 30px;
    top: 30px;
}

.fancybox-close-small:after {
    font-size: 40px;
}

.content-area-news-centre-2 .content-section {
    padding-bottom: 50px;
}

.content-area-with-border {
    padding-top: 50px;
    border-top: 12px solid #F0AA23;
}

.content-area-with-bottom-border {
    padding-bottom: 100px;
    /* border-bottom: 12px solid $gold; */
}

.content-area-dotted-bg:after {
    background-image: url("images/dotted-bg@2x.png");
    left: 0;
    top: 0;
    width: 100%;
    height: 200%;
    background-repeat: repeat;
    background-position: left top;
    z-index: -2;
}

.content-area-curved-bg:before {
    background-color: #fff;
    background-image: url("images/yellow-curved-bg@2x.png");
    left: 0;
    bottom: 32%;
    width: 100%;
    height: 0;
    padding-bottom: 8.1%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100.5%;
    z-index: -2;
}

.content-area-curved-bg:after {
    background-color: #e7d8bc;
    left: 0;
    bottom: 0;
    margin-top: 8%;
    width: 100%;
    height: 32%;
    z-index: -3;
}

.news-intro {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.news-intro:nth-child(2n+2) {
    margin-right: 0;
}

.news-intro:nth-child(2n+1) {
    clear: both;
}

.ni-left {
    background-color: #F0AA23;
    width: 110px;
}

.ni-date {
    color: #7d2882;
    font-size: 3.6em;
    font-weight: 700;
    line-height: 1.1;
    padding: 10px 0;
}

.ni-right {
    color: black;
    background-color: white;
    padding: 20px;
    -webkit-border-top-right-radius: 65px;
    -moz-border-radius-topright: 65px;
    border-top-right-radius: 65px;
}

.news-intro:hover .ni-right {
    color: white;
    background-color: #7d2882;
}

.ni-title {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.4;
}

.content-area-purple-full-bg {
    background-color: #D4CCD9;
}

.content-area-purple-bg {
    padding-top: 10px;
    /* margin-top: -50px; */
}

.content-area-purple-bg:before {
    background-image: url("images/purple-bg-curved@2x.png");
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding-bottom: 8%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
    z-index: -1;
}

.content-area-purple-bg:after {
    background-color: #D4CCD9;
    margin-top: 8%;
    z-index: -1;
}

.text-column {
    color: #7d2882;
    width: 25%;
    padding-right: 30px;
}

.text-column:nth-child(4n+1) {
    clear: both;
}

.tc-title {
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 30px;
}

.tc-subtitle {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}

.tc-text {
    color: black;
    margin-bottom: 20px;
}

.tc-text p {
    text-align: left;
}

.tc-text p a {
    color: #7d2882;
}


/* EVENTS */

.ec-left {
    float: left;
    width: 50%;
    margin-right: 0;
}

.ec-header {
    padding: 0 100px;
}

.ec-prev,
.ec-next {
    font-size: 2.8em;
    font-weight: 300;
    line-height: 1.2;
    color: #221815;
}

.ec-prev {
    left: 0px;
    padding-left: 28px;
}

.ec-next {
    right: 0px;
    padding-right: 28px;
}

.ec-prev:before,
.ec-next:before {
    width: 13px;
    height: 23px;
    top: 7px;
}

.ec-prev:before {
    left: 0;
    background-image: url("images/calendar-arrow-prev@2x.png");
}

.ec-next:before {
    right: 0;
    background-image: url("images/calendar-arrow-next@2x.png");
}

.ec-month {
    font-size: 4.3em;
    font-weight: 700;
    line-height: 1.2;
    color: #7d2882;
}

.ec-table {
    padding-top: 30px;
}

.ec-table th,
.ec-table td {
    font-size: 2.8em;
    font-weight: 300;
    line-height: 1.2;
}

.ec-table th {
    padding: 10px 5px;
}

.ec-weekdays th {
    background-color: #F0AA23;
}

.ec-weekdays th:first-child {
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.ec-weekdays th:last-child {
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.ecw-short {
    display: none;
}

.ec-table td {
    padding: 10px 5px;
}

a.ec-day,
.ec-day {
    color: #221815;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 100%;
}

a.ec-day.today,
.ec-today .ec-day {
    color: white;
    background-color: #7d2882;
}

.daywithevent.ec-today .ec-day {
    background-color: #7d2882;
    /* opacity: 0.7; */
}

.daywithevent .ec-day {
    background-color: #D4CCD9;
}

.select-filter-events-mobile {
    display: none;
}

.ec-list {
    display: none;
}

.ec-right {
    float: right;
    width: 50%;
    margin-left: 0;
    padding-left: 40px;
}

.ec-date {
    color: #7d2882;
    font-size: 2.8em;
    font-weight: 300;
    line-height: 1.2;
    padding-bottom: 7px;
    border-bottom: 2px solid #7d2882;
}

.ec-entries {
    height: 500px;
    padding-right: 35px;
    margin: 20px 0;
    overflow: auto;
}

.ec-entry {
    padding: 28px 0;
    border-bottom: 2px solid #7d2882;
}

.ec-entry:last-child {
    border-bottom: 0;
}

.ec-message {
    color: #221815;
    margin-top: 54px;
}

.ec-message p {
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1.2;
}

.ece-image {
    background-image: url("images/home-test.jpg");
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    /* 78% */
}

.ece-right {
    padding-left: 20px;
}

.ece-title {
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1.2;
    color: #221815;
}


/* EVENT DETAILS */


/*
.event-title {
  @include c($purple);
  @include font(4.3,300);
  padding-bottom: 30px;
  border-bottom: 2px solid $purple;
  margin-bottom: 35px;
}
*/

.event-title {
    font-size: 3.8em;
    font-weight: 700;
    line-height: 1.4;
    color: #7d2882;
    margin-bottom: 40px;
}

.event-sub-title {
    font-size: 1.8em;
    font-weight: 400;
    color: #7d2882;
    margin-top: -20px;
}

.event-sub-title ul,
.event-sub-title ul li,
.event-sub-title ol,
.event-sub-title ol li,
.event-sub-title p {
    font-size: 1em;
    margin-left: 0;
}

.event-sub-title ul {
    list-style: outside disc;
    margin-left: 1em;
}

.event-sub-title ol {
    list-style: outside decimal;
    margin-left: 1em;
}

.event-sub-title ul li,
.event-sub-title ol li {
    margin-bottom: 5px;
}

.event-sub-title h1 {
    font-size: 1.8em;
    margin-left: 0;
}

.event-sub-title h2 {
    font-size: 1.6em;
    margin-left: 0;
}

.event-sub-title h3 {
    font-size: 1.4em;
    margin-left: 0;
}

.event-sub-title h4 {
    font-size: 1.2em;
    margin-left: 0;
}

.event-tools {
    margin-bottom: 70px;
}

.et-date {
    color: #7d2882;
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.2;
}

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

.er-heading {
    color: #7d2882;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}

.er-text {
    color: #7d2882;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

.er-map {
    max-width: 800px;
}

.er-text p,
.er-text li,
.er-text th,
.er-text td,
.er-text div,
.er-text span {
    font-size: 0.9em;
    color: #221815;
}

.er-text div p,
.er-text div span,
.er-text div li,
.er-text div th,
.er-text div td,
.er-text div div {
    font-size: 1em;
}

.er-text table,
.event-text table {
    width: 100% !important;
    table-layout: fixed;
}

.er-text th,
.er-text td,
.event-text th,
.event-text td {
    padding: 10px;
    border: 1px solid #CCC;
}


/*
.event-text img {
  max-width: 100%;
}
*/

.etl-btn {
    padding: 10px 50px;
    border-radius: 40px;
}

.etr-share,
.etr-email,
.etr-copy-to-clipboard {
    padding: 10px 30px;
    margin: 0 10px 0 0;
}

.etr-share-toggle {
    /* check mobile */
    background-color: #7d2882;
    position: absolute;
    width: 350px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    text-align: center;
    padding: 8px 0 4px 0;
    border-radius: 8px;
    opacity: 0;
    /*pointer-events: none;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    will-change: opacity, transform;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.etr-share.active .etr-share-toggle {
    display: block;
    bottom: calc(100% + 20px);
    transform: translateX(-50%);
    opacity: 1;
    pointer-events: auto;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.etr-share-toggle:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 100%;
    border: 0.75rem solid transparent;
    border-bottom: none;
    border-top-color: #7d2882;
    transform: translateX(-50%);
}

.etr-email-toggle {
    /* check mobile */
    position: absolute;
    width: 100%;
    min-width: 300px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background-color: #7d2882;
    /*#ccc;*/
    color: #fff;
    /*#000;*/
    font-size: 15px;
    padding: 15px 20px;
    border-radius: 8px;
    opacity: 0;
    /*pointer-events: none;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    will-change: opacity, transform;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.etr-email-toggle:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: -12px;
    border: 0.75rem solid transparent;
    border-top: none;
    border-bottom-color: #7d2882;
    transform: translateX(-50%);
}

.etr-email.active .etr-email-toggle {
    display: block;
    top: calc(100% + 20px);
    transform: translateX(-50%);
    opacity: 1;
    pointer-events: auto;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.content-button input[name=recipients] {
    position: relative;
    width: 100%;
    font-weight: 400;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-top: 10px;
}

.content-button .etr-email-send {
    font-size: 15px;
    background-color: #ccc;
    color: #333;
    padding: 5px 20px;
    margin: 10px 0 0 0;
}

.content-button .etr-email-send span {
    padding: 0;
}

.heateorSssSharingRound:last-child i {
    margin-right: 0;
}

.heateorSssSharing {
    position: relative;
    transform: none;
    will-change: transform;
    transition: transform 0.1s ease-in;
}

.heateorSssSharing:hover {
    transform: translateY(-8px);
    transition: transform 0.1s ease-out;
}

.button-container {
    display: inline-block;
    margin-left: 10px;
}

.etr-print,
.etr-copy-to-clipboard {
    background-image: url("images/icon-print@2x.png");
    width: 41px;
    height: 39px;
    margin: 0 0 0 20px;
}

.etr-short-link {
    background-image: url("images/icon-link@2x.png");
    width: 38px;
    height: 38px;
    margin: 0 10px 0 0;
    display: none;
}

.etr-short-link-toggle {
    /* check mobile */
    background-color: #7d2882;
    position: absolute;
    width: 350px;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(50%);
    text-align: center;
    padding: 8px 0 4px 0;
    border-radius: 8px;
    opacity: 0;
    /* pointer-events: none; */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    will-change: opacity, transform;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    padding: 20px;
}

.etr-short-link.active .etr-short-link-toggle {
    display: block;
    top: calc(100% + 20px);
    transform: translateX(-75%);
    opacity: 1;
    pointer-events: auto;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.etr-short-link.active .etr-short-link-toggle a {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-top: -5px;
}

.etr-print:before,
.etr-copy-to-clipboard:before {
    left: -20px;
    top: 0;
    width: 2px;
    height: 100%;
    border-left: 2px solid #7d2882;
}

.etr-copy-to-clipboard {
    background-image: url("images/icon-copy-text-purple@2x.png");
    padding: 0;
}

.etr-copy-to-clipboard:before {
    border-left: 0;
}

.content-button+.event-text {
    margin-top: 15px;
}

.event-text h2,
.event-text h4,
.event-attachment h4 {
    color: #7d2882;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.4;
    /* 2.3em */
    margin: 2em 0 1em 0;
}

.event-attachment .content-button {
    margin-right: 25px;
}


/*
.event-text p {
  @include font(1.8,500);
}
*/

.event-video {
    max-width: 1200px;
    margin: 40px auto 0 auto;
}

.event-inpage-video {
    max-width: 1200px;
    margin: 0 auto;
}

.event-inpage-video-thumbnail {
    display: none;
}

.event-inpage-video-thumbnail img {
    display: block;
    max-width: 480px;
    width: 480px;
    margin: 0 auto;
}

.video-caption-new {
    font-style: italic;
    margin-top: 1.8em;
}

.video-caption-new p {
    text-align: center;
}

.event-tags {
    margin-top: 40px;
}

.event-tag {
    color: #233fe2;
    background-color: #e7e1d6;
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1;
    padding: 11px 24px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.event-text .table-wrapper table {
    table-layout: auto;
}

.event-table .table-wrapper table p {
    text-align: left;
}

.event-photos-slider-container {
    position: relative;
    margin: 0 auto 20px;
}

.event-photos-slider-container .bx-wrapper .bx-prev,
.event-photos-slider-container .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: 15px;
    right: auto;
    width: 35px;
    height: 35px;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: unset;
    background-image: url(images/pressrelease-left@2x.png);
    z-index: 100;
}

.event-photos-slider-container .bx-wrapper .bx-next {
    left: auto;
    right: 15px;
    background-image: url(images/pressrelease-right@2x.png);
}

.event-photos-slider-container .bx-wrapper .bx-pager {
    display: none;
}

.ep-image {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}

.ep-caption {
    background-color: #e7e1d6;
    color: #7d2882;
    padding: 12px 17px;
}

.ep-caption p {
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}

.related-title {
    font-size: 4em;
    font-weight: 700;
    line-height: 1.2;
    color: #7d2882;
    margin-bottom: 25px;
}


/* PRESS RELEASES */

.press-intros {
    padding-top: 60px;
    border-top: 2px solid #7d2882;
}

.press-intro {
    color: #7d2882;
    margin-bottom: 56px;
}

.pi-left {
    width: 280px;
}

.pi-date {
    font-size: 2.7em;
    font-weight: 300;
    line-height: 1.2;
}

.pi-title {
    font-size: 2.3em;
    font-weight: 500;
    line-height: 1.2;
}

.pagination {
    margin-top: 140px;
}

.search-pagination {
    margin-top: 0;
}

.pagination-mobile {
    display: none;
}

.pagination-number,
.page-numbers {
    color: #7d2882;
    font-size: 2.7em;
    font-weight: 300;
    line-height: 1.2;
    line-height: 37px;
    width: 37px;
    height: 37px;
    margin: 0 10px;
    border-radius: 100%;
}

.pagination-number.active,
.page-numbers.current {
    color: white;
    background-color: #7d2882;
}

.pagination-prev,
.pagination-first,
.pagination-next,
.pagination-last,
.page-numbers.prev,
.page-numbers.next {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 50%;
}

.pagination .disabled {
    display: none;
}

.pagination-prev,
.page-numbers.prev {
    background-image: url("images/pagination-prev@2x.png");
}

.pagination-first {
    background-image: url("images/pagination-first@2x.png");
}

.pagination-next,
.page-numbers.next {
    background-image: url("images/pagination-next@2x.png");
}

.pagination-last {
    background-image: url("images/pagination-last@2x.png");
}

.content-area-events-2 .content-section {
    padding-bottom: 50px;
}

.content-area-events-3 {
    padding-bottom: 20px;
}


/* EVENT LIST */

.event-list-top {
    /* check mobile */
    padding-bottom: 40px;
}

.event-intros {
    padding-top: 50px;
}

.event-intro {
    border-top: 2px solid #7d2882;
    padding-bottom: 80px;
}

.ei-left {
    width: 32.6%;
}

.ei-image {
    background-image: url("images/home-test.jpg");
    width: 100%;
    height: 0;
    padding-bottom: 70%;
}

.ei-image.cover {
    background-size: contain;
}

.ei-right {
    padding-top: 3%;
    padding-left: 4%;
}

.ei-category {
    right: 0;
    bottom: 100%;
    padding: 10px 90px 10px 60px;
    color: white;
    background-color: #7d2882;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.2;
    -webkit-border-top-right-radius: 80px;
    -moz-border-radius-topright: 80px;
    border-top-right-radius: 80px;
}

.ei-date {
    font-size: 2.7em;
    font-weight: 800;
    line-height: 1.2;
    color: #221815;
    margin-bottom: 26px;
}

.ei-title {
    font-size: 3em;
    font-weight: 500;
    line-height: 1.4;
    color: #221815;
}


/* Single post pagination */

.post-pagination {
    padding: 20px 0;
    margin: 100px auto 0;
    overflow: hidden;
}

.post-pagination span a {
    font-size: 1.8em;
    font-weight: 700;
    color: #7d2882;
}

.post-pagination span.previous {
    float: left;
}

.post-pagination span.next {
    float: right;
}


/* IN THE NEWS & ANNOUNCEMENT */

.news-list-headings {
    border-bottom: 3px solid #F0AA23;
}

.li-heading span {
    font-size: 2.4em;
    font-weight: 800;
    line-height: 1.2;
    color: #7d2882;
    padding: 12px 50px 9px 16px;
    border: 3px solid #F0AA23;
    border-bottom: 0;
    -webkit-border-top-right-radius: 45px;
    -moz-border-radius-topright: 45px;
    border-top-right-radius: 45px;
}

.li-heading-date,
.li-date {
    width: 200px;
}

.in-the-news-container .li-heading-date,
.in-the-news-container .li-date {
    width: 220px;
    max-width: 50%;
}

.li-heading-media,
.li-media {
    width: 300px;
}

.news-list-intro {
    margin: 34px 0;
}

.li-date,
.li-title,
.li-media,
.li-text {
    color: #7d2882;
}

.li-date {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

.li-title {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2;
    padding-right: 30px;
}

.li-title a {
    display: block;
}

.li-title .li-title-list {
    font-size: 0.8em;
}

.li-media {
    font-size: 2em;
    font-weight: 1.2;
    line-height: 1.2;
}

.li-date-large {
    font-size: 2.7em;
    font-weight: 400;
    line-height: 1.2;
    width: 280px;
}

.li-ann-title {
    font-size: 2.3em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}

.li-intro p {
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.2;
}


/* ABOUT */

.content-area-about {
    padding-bottom: 30px;
}

.content-grid {
    float: left;
    width: 50%;
    margin-right: 0;
    padding: 8px 70px 70px 70px;
}

.content-grid:nth-child(2n+1) {
    clear: both;
}

.cg-icon {
    left: 0;
    top: 5px;
    width: 49px;
    height: 36px;
}

.cg-icon-mission {
    background-image: url("images/icon-mission@2x.png");
}

.cg-icon-work {
    background-image: url("images/icon-work@2x.png");
}

.cg-icon-teams {
    background-image: url("images/icon-teams@2x.png");
}

.cg-icon-contact {
    background-image: url("images/icon-contact@2x.png");
}

.cg-heading {
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.2;
    color: #7d2882;
    margin-bottom: 26px;
}

.cg-subheading {
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 15px;
}

.cg-text {
    color: #221815;
}

.cg-text ul {
    list-style: none;
    margin-left: 0;
}

.cg-text li {
    margin-bottom: 10px;
}

.cg-row {
    margin-bottom: 10px;
}

.cgr-heading,
.cgr-text {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.6;
}

.cgr-heading {
    width: 90px;
}

.cg-accordion .accordion-row {
    border: 1px solid #7d2882;
    margin-bottom: 12px;
    border-radius: 30px;
}

.cg-accordion .accordion-row:after {
    background-image: url("images/accordion-arrow@2x.png");
    right: 15px;
    top: 15px;
    width: 25px;
    height: 15px;
    z-index: -1;
    transition: transform 0.3s ease-in;
}

.cg-accordion .accordion-row.active:after {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform 0.3s ease-out;
}

.cg-accordion .accordion-topic {
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1;
    color: #221815;
    padding: 12px 60px 12px 30px;
}

.cg-accordion .accordion-details {
    padding: 12px 30px;
}

.cg-accordion .accordion-details-inner {
    padding-top: 20px;
}


/* FORM */

.care-form .form-en,
.care-form .form-tc {
    display: none;
}

html.zh_TW .care-form .form-tc,
html.zh_CN .care-form .form-tc {
    display: block;
}

html.en_US .care-form .form-en {
    display: block;
}

span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {
    font-size: 18px;
    padding: 20px;
}

.content-form label,
.content-form p,
.content-form li {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.4;
}

.content-form p {
    text-align: left;
}

.form-row {
    max-width: 800px;
    margin-bottom: 30px;
}

.member-row .form-row {
    display: inline-block;
    vertical-align: bottom;
    width: 33%;
}

.member-row .form-row.form-row-with-radio.member-gender {
    text-align: center;
}

.care-form .form-row.form-row-with-text.grad-year,
.member-row .form-row.form-row-with-radio.member-gender>label,
.member-row .form-row.form-row-with-radio.member-gender .wpcf7-list-item.first {
    display: none;
}

.care-form .form-row.form-row-with-radio span.your-identity,
.care-form .form-row.form-row-with-radio span.your-gender {
    display: inline-block;
    width: 69%;
}

.care-form .form-row.form-row-with-radio span.your-identity .wpcf7-list-item {
    display: inline-block;
    width: 30%;
}

.care-form .form-row.form-row-with-radio span.your-identity .wpcf7-list-item label,
.care-form .form-row.form-row-with-radio span.your-gender .wpcf7-list-item label {
    display: inline-block;
    width: 100%;
}

form.wpcf7-form .form-row p {
    font-size: 1em;
    margin: 0;
}

.form-rows {
    margin-bottom: 50px;
}

div[data-class=wpcf7cf_group] .form-rows {
    display: block;
}

.form-rows .form-row {
    margin-bottom: 15px;
}

.form-row-with-checkbox {
    /*padding-left: 40px;*/
}

.form-row-with-checkbox label {
    position: relative;
    display: block;
    padding-left: 40px;
}

.form-row-with-checkbox span.wpcf7-list-item {
    margin-left: 0;
}

.form-row-with-checkbox input[type=checkbox] {
    border: 1px solid #aaa;
    background-color: white;
    font-size: 3em;
    font-weight: 400;
    line-height: 1.2;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
}

.form-row-with-checkbox input:checked:before {
    color: white;
    background-color: #7d2882;
    background-image: url("images/check@2x.png");
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-position: center 2px;
}

.form-submit {
    color: white;
    background-color: #7d2882;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1;
    height: 46px;
    padding: 10px 40px;
    margin: 20px 0;
    font-size: 18px;
    border-radius: 40px;
    vertical-align: bottom;
}

.preview-container {
    position: relative;
    margin: 0;
    padding: 15px 12px;
    border-top: #EEEEEE solid 1px;
}

.preview-label {
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
}

.preview-btn {
    color: white;
    background-color: #7d2882;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.4;
    width: 60px;
    height: 30px;
    padding: 5px 10px;
    text-align: center;
    margin: 20px 0;
    border-radius: 40px;
    vertical-align: bottom;
    margin-right: 10px;
}

.form-filter.select-filter {
    border: 0;
}

.form-filter.select-filter .select {
    width: 400px;
    border: 1px solid #7d2882;
}

.form-filter.select-filter .select-styled {
    color: #221815;
}

.form-filter.select-filter .select-styled span:after {
    background-image: url("images/top-filter-arrow@2x.png");
    right: auto;
    top: 5px;
    width: 34px;
    height: 13px;
    padding-left: 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 13px;
}

.form-row-with-radio label,
.form-row-with-text label,
.form-row-with-select label,
.form-row-with-checkbox2 label {
    width: 30%;
    padding-right: 5px;
}

.share-your-story .form-row-with-radio label,
.share-your-story .form-row-with-text label,
.share-your-story .form-row-with-select label,
.form-row-with-checkbox2 label {
    display: inline-block;
    padding-left: 0;
    vertical-align: top;
}

.share-your-story .form-row-with-checkbox2 .checkbox-container {
    display: inline-block;
    width: 69%;
}

.share-your-story .form-row-with-checkbox2 .wpcf7-list-item {
    position: relative;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

.share-your-story .form-row-with-checkbox2 .wpcf7-list-item input {
    position: absolute;
    top: 0.2em;
}

.share-your-story .form-row-with-checkbox2 .wpcf7-list-item .wpcf7-list-item-label {
    display: inline-block;
    margin-left: 20px;
}

.share-your-story .form-row-with-select select {
    height: 42px;
}

.share-your-story .audience-others {
    display: none;
    margin-top: -10px;
}

.form-row-with-text input,
.form-row-with-text textarea {
    width: 69%;
    max-width: 530px;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    border: 1px solid #7d2882;
    padding: 10px 15px;
}

.form-row-with-select .form-filter.select-filter {
    width: 69%;
    max-width: 400px;
}

.asterisk {
    color: #7d2882;
    vertical-align: super;
    font-size: smaller;
}


/* OBJECTIVE */

.care-heading {
    border-bottom: 2px solid #7d2882;
    margin: 60px 0;
}

.care-heading span {
    background-color: #7d2882;
    color: white;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 60px;
    -webkit-border-top-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    border-top-left-radius: 50px;
}

.ob-left,
.ob-right {
    width: 50%;
}

.ob-left {
    float: left;
    padding-right: 40px;
}

.ob-left p {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.3;
}

.ob-right {
    float: right;
}

.ob-image {
    margin-bottom: 15px;
}

.ob-bottom {
    padding-top: 10px;
}

.ob-bottom p {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.3;
}


/* CUSTOM SELECT */

.select-filter {
    width: 190px;
    margin-top: 7px;
    border: 1px solid #CCC;
    border-right: 0;
}

.select-filter .select-hidden {
    display: none;
    visibility: hidden;
    max-width: 100%;
    padding-right: 10px;
}

.select-filter select {
    display: none;
}

.select-filter .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 42px;
    margin-bottom: 0px;
}

.select-filter.event_participants {
    display: inline-block;
    width: auto;
    margin-top: 0;
}

.select-filter .select.event_participants {
    height: auto;
    min-height: 42px;
    padding: 7px 20px;
}

.select-filter .select.event_participants .checkbox-container {
    display: inline-block;
    margin: 5px 0;
}

.select-filter .select.event_participants label {
    display: inline-block;
    font-size: 1.6em;
    margin: 0 20px 0 5px;
    vertical-align: middle;
}

.select-filter .select.event_participants input {
    display: inline-block;
    vertical-align: middle;
}

.select-filter .select-styled {
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1;
    color: #7d2882;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.select-filter .select-styled span {
    width: 100%;
    left: 0;
    padding: 0 10px;
}

.select-filter .select-styled span:after {
    display: inline-block;
    content: "";
    width: 18px;
    height: 9px;
    padding-left: 10px;
    background: url("images/select-arrow@2x.png") no-repeat center center;
    background-size: 14px 10px;
}

.select-filter ul.select-options,
.select-filter .filter-dropdown {
    border: 1px solid #ccc;
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    left: 0;
    z-index: 999;
    padding: 15px 0;
    margin: 0;
    background-color: #F9F9F9;
    list-style: none;
}

.select-filter ul.select-options li,
.select-filter .filter-dropdown .filter-checkbox {
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 9px 10px 9px 21px;
    color: #000;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.select-filter .filter-dropdown .filter-checkbox input[type=checkbox] {
    margin-right: 10px;
}

.select-filter.select-filter-first-hidden ul.select-options li:first-child {
    display: none;
    /* temp */
}

.select-filter .select-options li:hover {
    color: #FFF;
    background: #6A1F5E;
}

.select-filter .select-options li.active {
    color: #000;
    background: #d4ccd9;
}

.select-filter .select-options li.active:hover {
    color: #FFF;
    background: #6A1F5E;
}

.select-filter .select-options li[rel=hide] {
    display: none;
}

.section-title.with-filter h2 {
    width: 400px;
}

.section-filter {
    float: left;
}

.section-title.with-filter .select-filter .select-styled {
    background-color: white;
}

.section-title.with-button h2 {
    float: left;
}

.section-title.with-button .content-button {
    float: right;
    margin: 0 0 10px 0;
}

.top-filters-container {
    width: 100%;
}

.top-filters {
    margin-bottom: 40px;
}

.top-filters-mobile-long,
.top-filters-mobile {
    display: none;
}

.top-filters .select-filter {
    margin-top: 0;
}

.top-filters .select-filter .select,
.text-filter {
    height: 62px;
}

.text-filter {
    height: 64px;
}

.top-filters .select-filter .select-styled,
.text-filter {
    color: #221815;
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1;
}

.top-filters .select-filter .select-styled span {
    padding: 10px;
}

.top-filters .select-filter .select-styled span:after {
    background-image: url("images/top-filter-arrow@2x.png");
    right: auto;
    top: 5px;
    width: 34px;
    height: 13px;
    padding-left: 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 13px;
}

.text-filter {
    border: 1px solid #ccc;
    padding: 15px;
    border-right: 0;
}

.text-filter input {
    width: 100%;
}

.text-filter::-webkit-input-placeholder {
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1;
    color: #221815;
}

.text-filter::-moz-placeholder {
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1;
    color: #221815;
}

.text-filter:-ms-input-placeholder {
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1;
    color: #221815;
}

.text-filter:-moz-placeholder {
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1;
    color: #221815;
}

.top-filter-submit {
    width: 94px;
}

.top-filter-submit input {
    color: white;
    background-color: #7d2882;
    font-size: 2.7em;
    font-weight: 300;
    line-height: 1.2;
    width: 100%;
    height: 64px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px;
}

.top-filters .select-filter .select-styled {
    color: #221815;
}

.top-filter-event-list-1 {
    width: 220px;
}

.top-filter-event-list-2 {
    width: 260px;
}

.top-filter-press-1,
.top-filter-press-2,
.top-filter-in-1,
.top-filter-in-2 {
    width: 300px;
}


/*
.top-filters.top-filters-right {
  @extend %b;
}
.top-filters.top-filters-right .top-filters-inner {
  @extend %right;
}
.top-filters.top-filters-right:after {
  @extend %clear, %c;
  display: table;
}
.top-filters.top-filters-right .top-filter {
  @extend %b, %left;
}
*/

.top-filter-row,
.top-filter-row-long {
    margin-bottom: 10px;
}

.top-filter-row .top-filter {
    width: 50%;
}

.top-filters .select-filter:last-child {
    border-right: 1px solid #ccc;
}

.top-filters-right {
    float: right;
    max-width: 400px;
}

.top-filters-right-long {
    float: right;
    max-width: 600px;
}

.top-filters-right-long-mobile {
    display: none;
}


/* EXPERTS LIST */

.accordion-list .accordion-row {
    padding-bottom: 15px;
}

.accordion-list .accordion-topic,
.accordion-list .accordion-topic-link {
    font-size: 2.7em;
    font-weight: 900;
    line-height: 1.3;
    color: #7d2882;
    padding-bottom: 15px;
}

.accordion-list .accordion-topic-link a {
    color: #7d2882;
}

.accordion-list .accordion-details {
    padding-left: 15px;
}

.content .accordion-list .accordion-details li {
    font-size: 2.3em;
    font-weight: 500;
    line-height: 1.65;
    margin-bottom: 0.5em;
}

.accordion-list .accordion-details li a {
    color: #7d2882;
}

.expert-details-category {
    color: #7d2882;
    font-size: 2em;
    margin-bottom: 30px;
}

.expert-block {
    margin-bottom: 67px;
}

.xb-top {
    font-size: 3.3em;
    font-weight: 600;
    line-height: 1.2;
    color: white;
    background-color: #7d2882;
    padding: 20px 35px;
    -webkit-border-top-right-radius: 65px;
    -moz-border-radius-topright: 65px;
    border-top-right-radius: 65px;
}

.xb-bottom {
    background-color: #e7e1d6;
}

.xb-bottom-left {
    float: left;
    width: 40%;
    margin-right: 0;
    padding: 29px 20px 29px 35px;
}

.xb-bottom-right {
    float: right;
    width: 60%;
    margin-left: 0;
    padding: 29px 35px 29px 0;
}

.xb-row {
    color: #7d2882;
    padding-top: 12px;
    padding-left: 64px;
    margin-bottom: 30px;
}

.xb-row i.xb-icon {
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
}

.xb-faculty {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    color: #7d2882;
    margin: 20px 0 0;
    padding-left: 50px;
}

.xb-department {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    color: #7d2882;
    margin: 8px 0 0;
    padding-left: 50px;
}

.icon-phone {
    background-image: url("images/icon-phone@2x.png");
}

.icon-email {
    background-image: url("images/icon-email@2x.png");
}

.icon-email-large {
    background-image: url("images/icon-email-large@2x.png");
}

.icon-title {
    background-image: url("images/icon-title@2x.png");
}

.icon-language {
    background-image: url("images/icon-language@2x.png");
}

.icon-expertise {
    background-image: url("images/icon-expertise@2x.png");
}

.icon-photos {
    background-image: url("images/icon-photos@2x.png");
}

.xb-heading {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.xb-text {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

.xb-row-language .xb-text span:first-child {
    display: none;
}

.top-filters-container-experts-list {
    margin-top: 20px;
}

.top-filters-container-experts-list .top-filters {
    float: none;
    max-width: unset;
    margin-bottom: 20px;
}

.top-filter-experts-2-1,
.top-filter-experts-2-2 {
    width: 35%;
}

.top-filter-experts-2-3 {
    width: 23%;
}

.top-filter-experts-2-4 {
    width: 7%;
}

.top-filters-mobile .top-filter-in-3 {
    width: 200px;
}

.top-filter-vp {
    width: 350px;
}

.top-filter-el-2 {
    width: 230px;
}

.select-filter-department-sub {
    display: none;
}

.select-filter-month-list {
    display: none;
}


/* SERVICE PROGRAMME */

.care-form-container .form-toggle {
    position: relative;
    display: inline-block;
    /* font-size: 1.6em; */
    cursor: pointer;
    margin-bottom: 30px;
    text-decoration: underline;
}

.care-form-container .care-form {
    display: none;
    max-width: 800px;
    font-size: 85%;
}

.care-form-container.active .care-form {
    display: block;
}

.service-heading {
    width: 100%;
    margin-bottom: 60px;
}

.service-heading h3 {
    font-size: 3.5em;
    font-weight: 800;
    line-height: 1.2;
    color: #7d2882;
    margin-top: 10px;
}

.service-heading .content-button {
    margin: 0;
}

.service-pagination .pagination {
    margin-top: 0;
    margin-bottom: 100px;
}

.service-list-container {
    padding-bottom: 40px;
}

.sl-heading {
    padding-bottom: 50px;
}

.sl-heading span {
    font-size: 2.4em;
    font-weight: 800;
    line-height: 1.2;
    color: #7d2882;
    padding: 12px 50px 9px 0;
}

.sl-heading-date,
.sl-date {
    width: 15%;
}

.sl-heading-title,
.sl-title {
    width: 45%;
    padding-right: 20px;
}

.sl-heading-location,
.sl-location {
    width: 20%;
    padding-right: 20px;
}

.sl-heading-organiser,
.sl-organiser {
    width: 20%;
}

.service-list-intro {
    margin-bottom: 50px;
}

.sl-date,
.sl-title,
.sl-location,
.sl-organiser {
    color: #7d2882;
}

.sl-date,
.sl-location,
.sl-organiser {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

.sl-title {
    padding-right: 30px;
}

.sl-title>span {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2;
}

.sl-title>span a {
    color: #7d2882;
}

.sl-button-mobile {
    display: none;
}


/*
.sl-title .content-button {
  @extend %rel, %up;
  @include font(0.8);
  width: auto;
  padding: 10px 20px 10px 42px;
  margin: 11px 0 0 0;
}
.sl-title .content-button i {
  @extend %abs;
  left: 15px;
  top: 8px;
}
*/


/*
.icon-enroll {
  @extend %ib, %contain;
  @include image('icon-enroll');
  width: 20px;
  height: 20px;
}
*/

.sl-date-large {
    font-size: 2.7em;
    font-weight: 400;
    line-height: 1.2;
    width: 280px;
}

.sl-ann-title {
    font-size: 2.3em;
    font-weight: 600;
    line-height: 1.2;
}

.sl-intro p {
    font-size: 2.3em;
    font-weight: 400;
    line-height: 1.2;
}


/* SOUVENIRS */

.souvenirs-table {
    margin: 30px 0;
}

.souvenirs-office-label {
    width: 200px;
    font-weight: 600;
}

.souvenir-entries {
    margin-top: 80px;
}

.souvenir-entry {
    float: left;
    width: 32.6%;
    margin-right: 1.1%;
    margin-bottom: 105px;
}

.souvenir-entry:nth-child(3n+3) {
    margin-right: 0;
}

.souvenir-entry:nth-child(3n+1) {
    clear: both;
}

.se-top {
    padding-bottom: 17px;
    border-bottom: 1px solid #7d2882;
    margin-bottom: 17px;
}

.se-title,
.se-price {
    color: #7d2882;
}

.se-title {
    width: 60%;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    padding-right: 20px;
}

.se-price {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    width: 100px;
    text-align: right;
}

.se-photo {
    display: block;
    height: 0;
    padding-bottom: 75%;
}


/* AMBASSADORS */

.ambassador-entry {
    float: left;
    width: 49.3%;
    margin-right: 1.4%;
    margin-bottom: 120px;
}

.ambassador-entry:nth-child(2n+2) {
    margin-right: 0;
}

.ambassador-entry:nth-child(2n+1) {
    clear: both;
}

.ae-top {
    padding-bottom: 22px;
    border-bottom: 1px solid #7d2882;
    margin-bottom: 22px;
}

.ae-title {
    color: #7d2882;
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.2;
}

.ae-photo {
    height: 0;
    padding-bottom: 65%;
    margin-bottom: 20px;
}

.content .ae-text li {
    padding: 0;
    font-size: 1.8em;
}

.aec-left {
    float: left;
    width: 49.3%;
    margin-right: 1.4%;
}

.aec-right {
    float: left;
    width: 49.3%;
    margin-right: 0;
}

.ambassador-entry-container .ambassador-entry,
.ambassador-entry.ambassador-entry-fullwidth {
    float: none;
    width: 100%;
    margin-right: 0;
}

.ae-text-col {
    float: left;
    width: 50%;
    margin-right: 0;
}

.ae-text-col-1 {
    padding-right: 40px;
}

.ae-text-col ul {
    margin-left: 0;
    padding-left: 25px;
}


/* USEFUL TOOLS */

.tr-content-rows {
    padding-left: 60px;
}

.tr-content-row {
    margin-bottom: 20px;
}

.tr-content-row.tr-heading {
    margin-top: 74px;
}

.tr-content-row.tr-heading:first-child {
    margin-top: 0;
}


/*
.tools-row {
  padding-left: 60px;
  margin-bottom: 74px;
}
*/

.tr-heading {
    color: #7d2882;
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.2;
    padding-top: 4px;
}

.tr-heading i {
    left: -60px;
    top: 0;
    width: 34px;
    height: 40px;
}

.icon-presentation {
    background-image: url("images/icon-presentation@2x.png");
}

.icon-caring {
    background-image: url("images/icon-caring@2x.png");
}

.tr-buttons .content-button {
    margin: 30px 30px 0 0;
}

.tr-buttons .content-button:last-child {
    margin-right: 0;
}


/*
.tr-button, .tr-button i, .tr-button span {
  @extend %ib, %vm;
}
.tr-button i {
  @extend %contain;
  @include image('icon-download');
  width: 23px;
  height: 31px;
  margin-right: 14px;
}
.tr-button {
  margin-right: 22px;
}
.tr-button:last-child {
  margin-right: 0;
}
*/

.tr-blocks.tr-blocks-two .tr-block {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.tr-blocks.tr-blocks-two .tr-block:nth-child(2n+2) {
    margin-right: 0;
}

.tr-blocks.tr-blocks-two .tr-block:nth-child(2n+1) {
    clear: both;
}

.tr-blocks.tr-blocks-three .tr-block {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.tr-blocks.tr-blocks-three .tr-block:nth-child(3n+3) {
    margin-right: 0;
}

.tr-blocks.tr-blocks-three .tr-block:nth-child(3n+1) {
    clear: both;
}

.tr-blocks.tr-blocks-four .tr-block {
    float: left;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 4%;
}

.tr-blocks.tr-blocks-four .tr-block:nth-child(4n+4) {
    margin-right: 0;
}

.tr-blocks.tr-blocks-four .tr-block:nth-child(4n+1) {
    clear: both;
}

.trb-heading {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.2;
    margin: 25px 0 35px 0;
}

.trb-image {
    /* @extend %contain; */
    width: 80%;
    /* height: 0;
  padding-bottom: 42.4%; */
    margin: 35px auto;
}

.trb-text {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 30px;
}

.trb-link {
    color: #7d2882;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1;
    padding-right: 13px;
    margin-bottom: 10px;
}

.trb-link i {
    background-image: url("images/download-arrow@2x.png");
    margin-left: 6px;
    margin-top: -2px;
    width: 12px;
    height: 17px;
}

.trb-link:after {
    width: 2px;
    height: 17px;
    margin: -2px 0 0 13px;
    background-color: #ccc;
}


/** PHOTOA DOWNLOAD **/

.images-dl {
    display: none;
}


/* EMBLEM DOWNLOAD */

.emblem-row {
    margin-bottom: 100px;
}

.emblem-row-buttons {
    margin-top: -50px;
    margin-bottom: 80px;
}

.tr-content-row.ed-buttons {
    margin-bottom: 40px;
}

.ed-buttons .content-button {
    margin: 0 30px 30px 0;
}

.ed-heading {
    border-bottom: 2px solid #7d2882;
}

.ed-heading span {
    background-color: #7d2882;
    color: white;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 60px;
    -webkit-border-top-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    border-top-left-radius: 50px;
}

.ed-heading span a {
    color: #fff;
    font-size: 0.8em;
}

.ed-heading span.cutv-video {
    float: right;
    cursor: pointer;
    border-radius: 40px;
    padding: 10px 20px;
}

.ed-top {
    display: inline-block;
    width: 100%;
    margin: 60px 0;
}

.ed-top .top-filters-right {
    width: auto;
    margin-top: 8px;
    margin-bottom: 0;
}

body.page-template-page-videos-and-photos .ed-top .top-filters-right {
    float: none;
}

.ed-video {
    margin: 0 0 30px 0;
}

.video-outer-container {
    width: 50%;
    margin: 0 auto;
}

.video-container.video-container-taller {
    padding-bottom: 56.67%;
}

.video-play-button {
    background-image: url("images/video-button@2x.png");
    width: 24%;
    height: 0;
    padding-bottom: 24%;
    z-index: 1;
    pointer-events: none;
}

.video-play-button {
    /* check mobile */
    width: 10%;
    padding-bottom: 10%;
}

.video-container+.content-button {
    margin-top: 0;
}

.ed-text {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.2;
}

.ed-table {
    padding: 70px 20px 0 20px;
}

.ed-table th {
    font-size: 2.7em;
    font-weight: 700;
    line-height: 1.2;
    border-bottom: 1px solid #221815;
}

.ed-table td {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.2;
    padding: 30px 20px 30px 0;
    border-bottom: 1px solid #ccc;
}

.ed-table td:last-child {
    padding-right: 0;
}

.color-piece-heading {
    width: 103px;
}

.color-piece {
    width: 53px;
    height: 53px;
    margin-right: 50px;
}

.color-piece-1 {
    background-color: #73216d;
}

.color-piece-2 {
    background-color: #DDA300;
}

.color-piece-3 {
    background-color: #F4DFB4;
}

.color-piece-4 {
    background-color: #221815;
}

.emblem-row .tr-blocks-two .trb-link,
.emblem-row .tr-blocks-three .trb-link {
    padding-right: 22px;
}

.emblem-row .tr-blocks-two .trb-link:after,
.emblem-row .tr-blocks-three .trb-link:after {
    margin-left: 22px;
}

.emblem-row .tr-blocks-four .trb-link {
    padding-right: 8px;
}

.emblem-row .tr-blocks-four .trb-link:after {
    margin-left: 8px;
}


/* MULTIMEDIA */

.video-heading {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.2;
    color: #7d2882;
    padding-right: 15px;
    margin-top: 60px;
    margin-bottom: 25px;
}

.photo-heading {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.2;
    color: #7d2882;
    margin-bottom: 25px;
}

.photo-heading+.content-button {
    margin-top: 0;
}

.photo-entries {
    margin-bottom: 80px;
}

.photo-entry {
    float: left;
    width: 32.6%;
    margin-right: 1.1%;
    height: 0;
    padding-bottom: 21.5%;
    margin-bottom: 1.1%;
    background-position: center 10%;
}

.photo-entry:nth-child(3n+1) {
    clear: both;
}

.photo-entry:nth-child(3n+3) {
    margin-right: 0;
}

.photo-entry.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
}

body.single-highlight .photo-entry,
body.single-privatephotos .photo-entry {
    background-position: center;
    background-size: contain;
    /*background-color: #85847d;*/
}

.photo-entry-caption {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2;
    color: white;
    /* background-image: url("images/home-block-bg@2x.png");*/
    background-color: rgba(125, 40, 130, 0.8);
    left: 0;
    bottom: 0;
    padding: 20px 15px;
    width: 100%;
    background-repeat: repeat;
}


/* EVENT HIGHLIGHTS */

.video-entries {
    margin-bottom: 60px;
}

.video-entry {
    float: left;
    width: 32.6%;
    margin-right: 1.1%;
}

.video-entry:nth-child(3n+1) {
    clear: both;
}

.video-entry:nth-child(3n+3) {
    margin-right: 0;
}

.video-cover {
    width: 100%;
    height: 0;
    padding-bottom: 66%;
    background-size: contain;
}

.video-cover:before {
    background-image: url("images/video-button@2x.png");
    width: 24%;
    height: 0;
    padding-bottom: 24%;
}

.video-caption {
    color: #7d2882;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.4;
    padding: 10px 10px 10px 0;
}


/*
.event-bar {
  @include equalwidth('.tb-col');
}
.tb-col {
  @extend %vt;
  @include c($purple);
}
.tb-col-separator span {
  @extend %ib, %vm;
  width: 1px;
  height: 60px;
  @include bc(#aaa);
}
*/

.event-bar {
    margin: 40px 0 60px 0;
}

.tb-col {
    color: #7d2882;
    border-right: 2px solid #ccc;
    padding-left: 30px;
}

.tb-col:first-child {
    padding-left: 0;
}

.tb-col:last-child {
    padding-right: 0;
    border-right: 0;
}

.tb-col-1,
.tb-col-2 {
    width: 300px;
}

.tb-label {
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5px;
}

.tb-text {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

.tb-text.editor p {
    font-size: 1em;
}

.ec-entries::-webkit-scrollbar {
    width: 27px;
}

.ec-entries {
    scrollbar-width: thin;
    scrollbar-color: #F0AA23 #7d2882;
}

.ec-entries::-webkit-scrollbar-track {
    background-color: #7d2882;
    border-radius: 20px;
}

.ec-entries::-webkit-scrollbar-thumb {
    background-color: #F0AA23;
    border: 6px solid #7d2882;
    border-radius: 20px;
}


/* SITE MAP */

.content-sitemap>ul>li {
    margin-bottom: 40px;
}

.content-sitemap li a {
    color: #7d2882;
}

.content-sitemap>ul>li>a {
    font-weight: 700;
}

html.zh_TW .content-sitemap li.en,
html.zh_CN .content-sitemap li.en,
html.en_GB .content-sitemap li.tc,
html.en_US .content-sitemap li.tc,
html.zh_CN .content-sitemap li.tc,
html.en_GB .content-sitemap li.sc,
html.en_US .content-sitemap li.sc,
html.zh_TW .content-sitemap li.sc {
    display: none;
}


/* SEARCH */

.content-search-form {
    margin-bottom: 30px;
}

.content-search-form .search-field input {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    width: 300px;
    max-width: 100%;
    padding: 10px 20px;
    border: 1px solid #CCC;
    margin-right: 10px;
}

.content-search-form .search-submit input {
    color: white;
    background-color: #7d2882;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 20px;
    border: 1px solid #7d2882;
}

h3.search-page-heading {
    color: #7d2882;
    font-size: 3em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
}

.search-page-count {
    margin-bottom: 30px;
}

.search-result {
    margin-bottom: 30px;
}

h4.search-result-title {
    color: #7d2882;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.2em;
}

p.search-result-link {
    color: #7d2882;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}


/* Submit Event */

.acf-form {
    margin-top: 60px;
}

.acf-form-message-container {
    margin-bottom: 20px;
}

.acf-form-message {
    display: block;
    width: auto;
    padding: 20px 40px;
    margin-bottom: 20px;
    background-color: #aff3af;
    border-radius: 10px;
}

.acf-form-message p {
    color: #043604;
    font-weight: 500;
}

.acf-form-message-container+.acf-form {
    display: none;
}

.acf-field {
    border: 0;
    padding: 0 30px;
}

.acf-field[data-width]+.acf-field[data-width] {
    border: 0;
}

.acf-field.select-container {
    float: left;
    width: 50%;
    clear: none;
}

.acf-field .select-filter {
    border-right: 1px solid #ccc;
}

.acf-field span.lang-en,
.acf-field span.lang-tc,
.acf-field span.lang-sc {
    display: none;
}

html.en_US .acf-field span.lang-en,
html.en_GB .acf-field span.lang-en,
html.zh_TW .acf-field span.lang-tc,
html.zh_CN .acf-field span.lang-sc {
    display: inline;
}

.acf-field .acf-label {
    padding-right: 150px;
}

body.page-template-page-submit-event .acf-field .acf-label {
    padding-right: 0;
}

.acf-field .acf-label label {
    margin: 20px 0;
    font-size: 1.8em;
}

body.page-template-page-submit-event #hidden-content {
    width: 85%;
    max-width: 1300px;
}

.acf-field .wp-switch-editor[data-language=sc] {
    /*display: none !important;*/
}

.acf-field p.description {
    margin: 10px 0 20px 0 !important;
    font-size: 1.5em;
}

.acf-field input[type=text],
.acf-field input[type=password],
.acf-field input[type=date],
.acf-field input[type=datetime],
.acf-field input[type=datetime-local],
.acf-field input[type=email],
.acf-field input[type=month],
.acf-field input[type=number],
.acf-field input[type=search],
.acf-field input[type=tel],
.acf-field input[type=time],
.acf-field input[type=url],
.acf-field input[type=week],
.acf-field textarea,
.acf-field select {
    border: 1px solid #aaa;
    padding: 10px 15px !important;
}

.acf-table>tbody>tr>td {
    font-size: 1em;
}

.page-template-page-submit-event .acf-button.button-primary {
    font-size: 1.6em;
    display: block;
    padding: 10px 0;
    text-align: left;
}

.big-blocks-slider-container .slider {
    visibility: hidden;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption img {
    display: block;
    width: 100%;
}

.wp-caption p.wp-caption-text {
    background-color: #e7e1d6;
    color: #7d2882;
    padding: 12px 17px;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}


/* ACHIEVEMENTS - YEARLY */

.single-video {
    max-width: 1200px;
    margin: 4em auto;
}

.content ul.accordion-rows {
    list-style: none;
    margin: 8em 0;
}

.content li.accordion-row {
    margin-bottom: 0;
    margin-bottom: 2em;
}

button.accordion-topic {
    position: relative;
    display: block;
    border: 0px solid white;
    color: #213b69;
    background-color: transparent;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2;
    width: 100%;
    padding: 25px 30px;
    font-family: "Basel Grotesk light", "Noto Sans TC", sans-serif;
    text-align: left;
    cursor: pointer;
    border-radius: 20px;
    background-color: #7d2882;
}

html.zh_CN button.accordion-topic {
    font-family: "Basel Grotesk light", "Noto Sans SC", sans-serif;
}

.accordion-rows-achievements .accordion-row:nth-child(even) .accordion-topic {
    background-color: #F0AA23;
    /* #f2a900 #f2a900 #9a6f19 */
}

.accordion-topic:before {
    display: block;
    position: absolute;
    content: "▼";
    color: white;
    right: 30px;
    top: 50%;
    font-size: 1em;
    transition: all 0.3s ease-in-out;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-topic.active:before {
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    transition: all 0.3s ease-in-out;
}

.accordion-topic-inner {
    padding-right: 50px;
    position: relative;
    display: block;
    color: white;
    text-transform: uppercase;
}

.accordion-details {
    display: none;
    padding: 25px 30px 0 30px;
    font-weight: 500;
}

.content .accordion-details>ul {
    margin-top: 0;
}

.content ul.accordion-rows .accordion-details ul {
    list-style: outside disc;
    margin-left: 1em;
}

.content ul.accordion-rows .accordion-details ul ul,
.content ul.accordion-rows .accordion-details ul ol,
.content ul.accordion-rows .accordion-details ol ul,
.content ul.accordion-rows .accordion-details ol ol {
    margin-left: 2em;
}

body.page-template-page-submit-event .fancybox-container ul {
    list-style: outside disc;
    margin-left: 1em;
}

body.page-template-page-submit-event .fancybox-container ol {
    list-style: outside decimal;
    margin-left: 1em;
}


/* ACHIEVEMENT - FEATURES */

.feature-row {
    margin-bottom: 80px;
}

.feature-heading {
    position: relative;
    margin-bottom: 3%;
}

.feature-heading:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #7d2882;
}

.feature-heading span {
    display: inline-block;
    background-color: #7d2882;
    color: white;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 60px;
    -webkit-border-top-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    border-top-left-radius: 50px;
}

.feature-row .big-block {
    margin-bottom: 1.1%;
}

.feature-row .big-block:nth-child(3n+3) {
    margin-right: 0;
}

.feature-row .big-block:nth-child(3n+1) {
    clear: both;
}

.fi-image {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fi-text-container {
    display: block;
    position: relative;
    background-color: #7d2882;
}

.fi-text {
    position: static;
    padding-right: 30px;
}

.fi-text.loaded {
    width: 100%;
    left: 0;
}

.feature-row .big-blocks-slider-container .bx-controls {
    height: auto;
    padding: 0 25px;
}

.feature-row .big-blocks-slider-container .bx-wrapper .bx-pager {
    position: static;
}

.feature-row .bx-wrapper .bx-pager .bx-pager-item {
    margin: 5px 0;
}

.feature-row .big-blocks-slider-container .bx-wrapper .bx-prev {
    left: 0;
}

.feature-row .big-blocks-slider-container .bx-wrapper .bx-next {
    right: 0;
}

.header-logo-full,
.header-logo-full img {
    height: 60px;
}

.header-logo-full {
    position: relative;
}

.header-logo-full-link-1,
.header-logo-full-link-2 {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
}

.header-logo-full-link-1 {
    left: 0;
    width: 46%;
}

.header-logo-full-link-2 {
    left: 53.5%;
    width: 46.5%;
}

.care-form .wpcf7-list-item {
    margin: 0;
}

.care-form .form-row-with-radio .wpcf7-list-item label {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    width: 100%;
    margin: 0;
}

.care-form .form-row-with-radio .wpcf7-list-item label input {
    margin-right: 0.5em;
}

.care-form .wpcf7-list-item+.wpcf7-list-item {
    margin-left: 2em;
}

.care-form .member-row {
    display: flex;
    align-items: center;
}

.care-form .member-row .form-row-with-radio label {
    width: auto;
    padding-right: 15px;
}

.care-form .member-gender p {
    display: flex;
    padding-left: 40px;
    align-items: center;
}


/* Number input styling */

.participants-row .wpcf7-form-control-wrap {
    position: relative;
    width: 66%;
    display: inline-block;
}

.participants-row input.wpcf7-validates-as-number::-webkit-inner-spin-button,
.participants-row input.wpcf7-validates-as-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.participants-row input.wpcf7-validates-as-number {
    -moz-appearance: textfield;
    width: 100%;
}

.participants-row input.wpcf7-validates-as-number:focus {
    outline: 0;
}

.quantity-nav {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-size: 2.4em;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    background-color: #7d2882;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.quantity-button span {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.quantity-button:hover {
    background-color: #B794BE;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
}

.quantity-button.quantity-down {
    position: absolute;
    display: block;
    bottom: -1px;
}

.quantity-button.quantity-down span {
    display: block;
    width: 0.5em;
    height: 0.11em;
    background-color: #fff;
}

.footer-middle {
    background-color: #717171;
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-top {
    background-color: #717171;
}

.footer-sitemap a {
    color: #fff;
}

.dropdown-btn {
    display: none;
}
.social-icon:nth-child(8){
	    width: 42.75px;
    height: 42.75px;
}
.accordion-list .accordion-row{
	position:relative;
}
.accordion-list .accordion-topic:before{
color:#7d2882;
}