a[href^="tel"] {
    color:inherit;
    text-decoration:none;
}

body {
    font-size: 18px;
}

main {
    overflow: hidden;
}

small {
    font-size: 0.9em;
}

body .sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.region-content ul, 
.region-content ol {
    margin-left: 5px;
}

.region-content ul ::marker {
    color: #444;
}

.region-content .text-btn {
    padding: 12px 54px 12px 18px;
    position: relative;
    font-size: 20px;
    line-height: 1.2;
    background-color: #0692B5;
    color: #FFF;
}

.region-content .text-btn::after {
    content: '\f061';
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    font-size: 1.3em;
    color: #BBBBBB;
    position: absolute;
    right: 18px;
    top: calc(50% + 0.05em);
    transform: translateY(-50%);
}

.region-content .text-btn:hover {
    background-color: #27ABCC;
}

.region-content .text-btn:hover::after {
    color: #DDDDDD;
}

.mtpc-1col-section,
.mtpc-2col-section,
.mtpc-3col-section,
.mtpc-4col-section {
    overflow: inherit;
}

header .mtpc_header {
    border-bottom: 1px solid #CCC;
}

/* desktop menu */

header .mtpc_header .header .wrapper .logos .logos_left {
    margin-right: 0;
}

/* 1367px */
@media only screen and (min-width: 1181px) and (max-width: 1400px) {
    header .mtpc_header .header .wrapper .logos .logos_left .logo_two img {
        max-width: 240px;
    }
}

/* @media only screen and (max-width: 420px) {
    header .mtpc_header .header .wrapper .logos .logos_container {
        height: 23px;
    }
    header .mtpc_header .header .wrapper .logos .logos_left .logo_one img {
        height: 23px;
    }
    header .mtpc_header .header .wrapper .logos .logos_left .logo_two img {
        height: 23px;
    }
} */

header .mtpc_header .navigation > ul.menu > li a, 
header .mtpc_header .navigation > ul.menu > li span {
    color: #757575;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu>li.menu-item--active-trail>a, 
header .mtpc_header .header .wrapper .logos .navigation>ul.menu>li.menu-item--active-trail>span,
.mtpc_header .navigation > ul.menu > li:hover>a, .mtpc_header .navigation > ul.menu > li:hover>span {
    color: #813E8D !important;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu>li:hover ul {
    border-bottom: 3px solid #784489;
    box-shadow: none;
    /*padding: 55px 0 0;*/
}

header.minimized .mtpc_header .header .wrapper .logos .navigation>ul.menu>li:hover ul {
    padding: 40px 0 0;
}

header .mtpc_header .navigation > ul.menu > li > ul > li {
    background-color: #f7f7f7;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li {
    padding: 8px 0;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li:first-child {
    padding: 25px 0 8px;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li:last-child {
    padding: 8px 0 25px;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li a, 
header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li span {
    font-size: 17px;
    padding: 0 20px;
}

header .mtpc_header .navigation > ul.menu > li > ul > li a, 
header .mtpc_header .navigation > ul.menu > li > ul > li span {
    color: #757575;
}

header .mtpc_header .navigation > ul.menu > li > ul > li a:hover, 
header .mtpc_header .navigation > ul.menu > li > ul > li span:hover {
    color: #000000 !important;
}

@media only screen and (min-width: 1367px) {
    header .mtpc_header .header .wrapper .logos .logos_container.lang_exists {
        width: -webkit-calc(100% - 19px);
        width: -moz-calc(100% - 19px);
        width: calc(100% - 19px);
    }
}

/* mobile menu */
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation {
    z-index: -1;
    background-color: rgba(0,0,0,0.5);
    border-top: 2px solid #CCC;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation * {
    box-sizing: border-box;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .cnt_close_menu_button {
    display: none;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .switch-language {
    padding: 15px 0;
    background: #FFF;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .switch-language ul.language-switcher-language-url {
    padding: 0 20px;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .switch-language ul.language-switcher-language-url li {
    border: 0;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .switch-language ul.language-switcher-language-url li a {
    text-decoration: none;
    color: #000000;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .switch-language ul.language-switcher-language-url li a.is-active {
    color: #000000;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu {
    margin: 0;
    padding: 0;
    background: #FFF;
    border-bottom: 3px solid #784489;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li:nth-child(1n+2) {
    border-top: 1px solid #CCC;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>a, 
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>span {
    display: block;
    color: #757575;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    line-height: normal;
    padding: 20px;
    width: 100%;
    margin: 0;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>a:hover, 
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>span:hover,
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--active-trail>a, 
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--active-trail>span,
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded.active>a,
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded.active>span {
    color: #FFF;
    background-color: #784489;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>.arrow-right {
    display: none;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.no-submenu-items>a:after {
    display: none;
}

/* header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>a, 
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>span {
    padding-right: 50px;
} */

/* header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>.fa.fa-chevron-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    padding: 20px 20px;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.expanded-active>.fa.fa-chevron-right::before {
    transform: rotate(90deg);
    display: block;
    transition: 0.2s transform ease;
} */

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul,
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded.active>ul {
    margin: 0;
    padding: 0;
    background: #F3F3F3;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded.active>ul {
    padding: 15px 0;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li {
    position: relative;
    padding: 0;
    margin: 0;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>a, 
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>span {
    color: #757575;
    font-size: 18px;
    font-weight: 600;
    display: block;
    line-height: normal;
    text-decoration: none;
    padding: 15px 20px;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>a:hover, 
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>span:hover {
    color: #000;
}

/* Footer */

.layout-sidebar-first {
    padding: 40px 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #CCCCCC;
    background: #FFF;
}

@media only screen and (min-width: 768px) {
    .layout-sidebar-first {
        padding: 40px 30px;
    }
}

@media only screen and (min-width: 1000px) {
    .layout-sidebar-first {
        padding: 40px 40px;
    }
}

.region.region-sidebar-first {
    display: flex;
    vertical-align: top;
    margin: 0 auto;
    max-width: 1280px;
}
.region.region-sidebar-first>*:nth-child(1) {
    flex-grow: 1;
    font-size: 16px;
}
.region.region-sidebar-first>*:nth-child(2) {
    width: 350px;
    font-size: 16px;
}
.region.region-sidebar-first>*:nth-child(1) strong {
    font-size: 17px;
}
.region.region-sidebar-first table {
    width: 100%;
    margin-bottom: 0;
    font-size: 1em;
}
.region.region-sidebar-first table td {
    padding: 0;
    min-width: auto;
}
.region.region-sidebar-first table td:nth-child(1) {
    width: 80px !important;
}
.region.region-sidebar-first table td:nth-child(2) {
    width: calc(100% - 80px) !important;
}

@media only screen and (max-width: 1000px) {
    .region.region-sidebar-first>*:nth-child(2) {
        width: 280px;
    }
}

@media only screen and (max-width: 767px) {
    .layout-sidebar-first {
        padding-bottom: 50px;
    }
    .region.region-sidebar-first {
        display: block;
    }
    .region.region-sidebar-first>*:nth-child(1) {
        font-size: 14.5px;
    }
    .region.region-sidebar-first>*:nth-child(2) {
        width: 100%;
        font-size: 15px;
    }
    .region.region-sidebar-first>*:nth-child(1) strong {
        margin-bottom: 8px;
        display: block;
    }
    .region.region-sidebar-first>*:nth-child(1) br {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .region.region-sidebar-first {
        line-height: 1.4;
    }
    .region.region-sidebar-first>*:nth-child(1) {
        padding-right: 20px;
    }
}

.mtpc_footer {
    margin: 0;
}

/* Fix */

@media only screen and (max-width: 767px) {
    .mtpc-block-image-grid-item-wrapper>.mtpc-image-grid-block-item {
        -webkit-flex-basis: calc(100% - 18px);
        flex-basis: calc(100% - 18px);
        width: 100%;
    }
}

/* Layout */

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h3 {
    margin-bottom: 0.4em;
}

.section--page_title {

}

.section--page_title>.mtpc-1col-section-wrapper>.mtpc-1col-item {
    max-width: 1000px;
}

html[lang="zh-hans"] body .field--type-text-long p,
html[lang="zh-hant"] body .field--type-text-long p {
    line-height: 1.8;
}

html[lang="zh-hans"] .mtpc_footer .footer_text p,
html[lang="zh-hant"] .mtpc_footer .footer_text p {
    line-height: 20px;
}

.pager .pager__items {
    text-align: left;
    padding: 0;
}

.pager .pager__item {
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pager .pager__item.is-active {
    border-style: solid;
    border-width: 1px;
    border-color: #6b22a6 !important;
}

.pager .pager__item a {
    color: #6b22a6 !important;
    display: inline-block;
    padding: 0.3em 0.8em;
}

.pager .pager__item--last, 
.pager .pager__item--first {
    display: none;
}

/* People Listing */

#block-peoplelisting {
    background: #F3F3F3;
}

#block-peoplelisting .centralized-people-people-form::after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: -225px;
    z-index: 0;
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/our_scientists_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 760px;
    height: 447px;
}


#block-peoplelisting .centralized-people-people-form {
    position: relative;
}
#block-peoplelisting #people-info-div {
    position: relative;
    z-index: 1;
}
.centralized-people-people-form .people-detail-xs,
.centralized-people-people-form>.row,
.centralized-people-people-form #people-tfb-div,
.centralized-people-people-form .form-item-current-view-mode,
.centralized-people-people-form .people-group-row,
.centralized-people-people-form .people-group-border {
    display: none !important;
}

.centralized-people-people-form .js-form-item {
    margin: 0;
}

.people-col-2-p-wrapper {
    margin-bottom: 0;
    border-bottom: 1px solid #AAAAAA;
}

.people-col-2-p-wrapper .people-name-blue {
    color: #813E8D;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 2px;
}
.people-col-2-p-wrapper>.row>.people-col-2-p-data-group>.people-row-col-container>.MT20 {
    margin-top: 13px;
}
.people-col-2-p-wrapper>.row>.people-col-2-p-data-group>.people-row-col-container>.MT20>.MT20 {
    margin-top: 0;
}
.people-col-2-p-wrapper>.row>.people-col-2-p-data-group>.people-row-col-container>.MT20>.people-listing-data-sub-group {
    padding-top: 13px;
}
.people-col-2-p-wrapper>.row>.people-col-2-p-data-group>.people-row-col-container>.row>.people-listing-data {
    font-size: 18px;
}
.people-col-2-p-wrapper>.row>.people-col-2-p-data-group>.people-row-col-container>.MT20 .fa-envelope~.ML25>a {
    color: #444444 !important;
}
.people-col-2-p-wrapper>.row>.people-col-2-p-data-group>.people-row-col-container>.MT20>.people-listing-data {
    font-size: 17px;
}

/* News Detail */

.mtpc_pagetitle.mtpc_news {
    color: #784489;
}
.mtpc_pagetitle.mtpc_news > h1 {
    color: #784489;
    max-width: 100%;
    padding: 0;
}
.mtpc_news_date {
    max-width: 1280px;
    margin: 0 auto;
    color: #813E8D;
}
article.mtpc-news-article {
    position: relative;
}
article.mtpc-news-article .mtpc-news-wrapper::before {
    content: '';
    background: #F3F3F3;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    transform: translateX(-50%);
}

article.mtpc-news-article .mtpc_news_left .mtpc_news_share { }

article.mtpc-news-article .mtpc_news_share .mtpc_banner_caption {
    color: #813E8D;
}

article.mtpc-news-article .mtpc_news_share .social-sharing { }

article.mtpc-news-article .mtpc_news_description { }

article.mtpc-news-article .mtpc_news_description {
    padding-bottom: 15px;
}

article.mtpc-news-article .mtpc_news_images.activeMasonry .mtpc_masonry_items .mtpc-image-caption--news {
    margin-bottom: 0;
    padding-top: 0.5em;
}
article.mtpc-news-article .mtpc_news_images.activeMasonry .mtpc_masonry_items>.mtpc_masonry_item {
    margin-top: 45px;
    margin-bottom: 0;
}
article.mtpc-news-article .mtpc_news_images.inActiveMasonry .mtpc_masonry_items { }

article.mtpc-news-article .mtpc_news_images.inActiveMasonry .mtpc_masonry_items>.mtpc_masonry_item {
    box-sizing: border-box;
    margin-top: 45px;
    margin-bottom: 0;
}

article.mtpc-news-article .mtpc_news_nav {}
article.mtpc-news-article .mtpc_news_nav a {
    color: #888888;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}
article.mtpc-news-article .mtpc_news_nav a i {
    color: #813E8D;
    font-size: 1.4em;
    vertical-align: text-top;
}

/* Style */

.style--profile_detail-title {
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.3;
    font-weight: 700;
}

.style--profile_text-name {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
}

.style--profile_text-position {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 700;
}

.style--advisory_board_grid-name {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 800;
}

.style--advisory_board_grid-position {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600;
}

.style--research_focus_content-title {
    font-weight: 800;
    line-height: 1.26;
    color: #000;
}

/* Index */

.section--index_banner {
    min-height: 380px;
    background-position: center;
    background-size: cover;
}

.section--index_banner .mtpc-1col-section-wrapper {
    max-width: 1480px;
}

.section--index_banner-title {
    position: relative;
    background: rgb(255 255 255 / 90%);
    box-shadow: 10px 10px 6px rgb(0 0 0 / 16%);
    max-width: 880px;
    box-sizing: border-box;
}

.section--index_banner-title::before {
    content: '';
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    height: 10px;
    background: #702D9D;
}

.section--index_banner-title strong {
    font-weight: 900;
}

.section--index_slider {
    padding: 0;
}

/* .section--index_slider .mtpc-block-slideshow-block {
    max-width: 1920px;
    margin: auto;
} */

.section--index_slider .mtpc-block-slideshow-block .mtpc_slide_item_container {
    position: relative;
    min-height: 380px;
    background-position: center;
    background-size: cover;
}

.section--index_slider .mtpc-block-slideshow-block .mtpc_slide_item_container>img {
    display: none;
}

.section--index_slider .slide-ele-wrapper {
    position: relative;
    box-sizing: border-box;
    max-width: 1480px;
    margin: 0 auto;
}

/*.section--index_slider .slide-text-wrapper {*/
/*    position: relative;*/
/*    background: rgb(255 255 255 / 90%);*/
/*    box-shadow: 10px 10px 6px rgb(0 0 0 / 16%);*/
/*    max-width: 900px;*/
/*    width: fit-content;*/
/*    box-sizing: border-box;*/
/*    left: auto;*/
/*    top: auto;*/
/*    right: auto;*/
/*    bottom: auto;*/
/*    color: #813E8D;*/
/*    font-weight: 900;*/
/*}*/

/*.section--index_slider .slide-text-wrapper::before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 30px;*/
/*    top: 0;*/
/*    height: 10px;*/
/*    background: #702D9D;*/
/*}*/


/*.section--index_slider .slide-text.slide-text--line1, */
/*.section--index_slider .slide-text.slide-text--line2 {*/
/*    font-size: inherit !important;*/
/*    color: inherit !important;*/
/*    background-color: transparent !important;*/
/*    border-radius: inherit !important;*/
/*    box-shadow: none !important;*/
/*    padding: 0 !important;*/
/*    white-space: normal !important;*/
/*    overflow: visible !important;*/
/*    font-weight: inherit !important;*/
/*    line-height: inherit !important;*/
/*}*/


.section--index_slider .slide-text-wrapper {
  top:0;
  left:0;
}

.section--index_slider .slide-text.slide-text--line1 {
    /*position: relative;*/
    background: rgb(255 255 255 / 90%) !important;
    box-shadow: 10px 10px 6px rgb(0 0 0 / 16%) !important;
    max-width: 800px;
    width: fit-content;
    box-sizing: border-box;
    /*left: auto;*/
    /*top: auto;*/
    /*right: auto;*/
    /*bottom: auto;*/
    white-space: normal;
    color: #813E8D !important;
    font-weight: 900 !important;
}

html[lang="zh-hant"] .section--index_slider .slide-text.slide-text--line1,
html[lang="zh-hans"] .section--index_slider .slide-text.slide-text--line1{
      max-width: 600px;
}
.section--index_slider .slide-text.slide-text--line1::before {
    content: '';
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    height: 10px;
    background: #702D9D;
}





.section--index_content {
    background-position: center;
    background-size: cover;
}

.section--index_content-text {
    max-width: 950px;
    margin: auto;
}

.section--index_content-text strong {
    font-weight: 800;
}

.section--index_content .paragraph--type--mod-image-grid {

}

.section--index_content .paragraph--type--mod-image-grid .mtpc-image-grid-block-item {
    position: relative;
    border-top: 8px solid #0692B5;
}

.section--index_content .paragraph--type--mod-image-grid .mtpc-image-grid-block-item .mtpc-image-caption {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #FFF;
    padding-top: 15px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    line-height: 1.2;
    box-sizing: border-box;
}

.section--index_content .paragraph--type--mod-image-grid .mtpc-image-grid-block-item .nav {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 15px;
    padding-left: 24px;
    padding-right: 24px;
}

/* History */

.bg_style--history_background {

}

.section--image_title {
    padding-top: 0;
    padding-bottom: 0;
}

.section--image_title>.mtpc-1col-section-wrapper {
    position: relative;
}

.section--image_title>.mtpc-1col-section-wrapper::before {
    content: '';
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/image_title_logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
}

.section--image_title>.mtpc-1col-section-wrapper::after {
    content: '';
    background: #813E8D;
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
}

.section--image_title>.mtpc-1col-section-wrapper>.mtpc-1col-item {

}

.section--image_title .mtpc-image-caption {
    font-weight: 600;
    color: #FFF;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
}

.section--image_content {

}

.section--image_content>.mtpc-2col-section-wrapper>.mtpc-2col-item--2>.field {

}

.section--image_content>.mtpc-2col-section-wrapper>.mtpc-2col-item--2>.field>.field__items>.field__item:nth-child(1n+2) {
    margin-top: 20px;
}

/* Leadership */

.bg_style--leadership_background {
    background-position: center bottom;
}

.section--profile_detail {
    padding-top: 0;
    padding-bottom: 0;
}

.section--profile_detail>.mtpc-1col-section-wrapper {
    position: relative;
}

.section--profile_detail>.mtpc-1col-section-wrapper::before {
    content: '';
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/profile_detail_pic_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    left: 73%;
    top: 120px;
    width: 850px;
    height: 235px;
    z-index: -1;
}

.section--profile_detail>.mtpc-1col-section-wrapper::after {
    content: '';
    background-color: #813E8D;
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/profile_detail_text_bg.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: -1;
    height: 100%;
    top: 0;
}

.section--profile_detail>.mtpc-1col-section-wrapper>.mtpc-1col-item {
    padding-top: 50px;
    padding-bottom: 0;
}

.section--profile_detail .section--profile_detail-titlemob {
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.3;
    font-weight: 700;
    color: #FFF;
}

.section--profile_detail .mtpc_pd_item_wrapper {

}

.section--profile_detail .mtpc_pd_item_wrapper>.mtpc_pd_texts {
    color: #FFF;
    box-sizing: border-box;
}

.section--profile_detail .mtpc_pd_item_wrapper>.mtpc_pd_picture {
    background: #FFF;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.16);
}

.section--profile_detail .mtpc_pd_item_wrapper>.mtpc_pd_picture p {
    font-size: 1em;
}

.section--profile_detail .mtpc_pd_item_wrapper>.mtpc_pd_picture>.field--name-field-mtpc-pd-img-desc {
    border-bottom: 10px solid #0692B5;
    font-size: 17px;
}

.section--profile_detail .mtpc_pd_item_wrapper>.mtpc_pd_picture img {
    width: 100%;
}

.section--advisory_board_desc {
    padding-bottom: 0;
}

.section--advisory_board_grid {

}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items {
    display: flex;
    flex-flow: wrap;
    margin: -10px;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items * {
    box-sizing: border-box;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items>.field__item {
    padding: 10px;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items>.field__item>* {
    padding: 20px;
    background: #F3F3F3;
    border-bottom: 3px solid #CCCCCC;
    min-height: 190px;
    height: 100%;
    position: relative;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items>.field__item>* * {
    line-height: 1.3;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items>.field__item>* small {
    font-style: italic;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items>.field__item>* a {
    text-decoration: none;
    color: inherit;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items>.field__item>* a::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    right: 0;
    top: 0;
}

.section--advisory_board_grid>.mtpc-1col-section-wrapper>*>.field__items>.field__item>*:hover a::after {
    border-bottom: 3px solid #0692B5;
}

/* Our Scientists */

/* .section--profile_listing {
    background: #F3F3F3;
}

.section--profile_listing .mtpc_pl_item_container {
    margin-bottom: 0;
    border-bottom: 1px solid #AAAAAA;
}

.section--profile_listing .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc_profile_name_container {
    color: #813E8D;
    font-size: 22px;
    font-weight: 800;
}

.mtpc-profile-list-block.two_col .field--name-field-mtpc-profile-listing-item>.field__item {

}

.mtpc-profile-list-block.two_col .field--name-field-mtpc-profile-listing-item>.field__item:nth-of-type(odd) {

} */

/* Links & Resources */

.section--links_grid {
    background: #F3F3F3;
}

.section--links_grid .mtpc-image-grid-block-item {
    height: 100%;
    background: #FFF;
    border-bottom: 3px solid #CCCCCC;
    padding: 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #003366;
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    position: relative;
}

.section--links_grid .mtpc-image-grid-block-item>a::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    right: 0;
    top: 0;
}

.section--links_grid .mtpc-image-grid-block-item>a:hover::after {
    border-bottom: 3px solid #0692B5;
}

.section--links_grid .mtpc-image-grid-block-item .zoom_hover .field--name-field-mod-image:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Research */

.section--research-publications {
    background: #F3F3F3;
}

.section--research-publications .field--type-text-long li {
    margin-bottom: 1.1em;
}

.section--research_achievements_container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section--research_achievements_container>.mtpc-1col-section-wrapper>*>.field__items {
    margin-bottom: 30px;
}

.section--research_achievements_container>.mtpc-1col-section-wrapper>*>.field__items>.field__item {
    color: #FFF;
}

.section--research_achievements_content .mtpc-1col-section-wrapper>.mtpc-1col-item>.field__items {
    display: flex;
    flex-flow: wrap;
    margin: -15px -20px;
}

.section--research_achievements_content .mtpc-1col-section-wrapper>.mtpc-1col-item>.field__items>.field__item {
    position: relative;
    margin: 15px 20px;
    padding: 50px 40px 45px;
    box-sizing: border-box;
    background: #F3F3F3;
    border-bottom: 3px solid #CCCCCC;
    min-height: 180px;
    text-align: center;
    color: #666666;
    font-size: 20px;
    font-weight: 600;
}

.section--research_achievements_content .mtpc-1col-section-wrapper>.mtpc-1col-item>.field__items>.field__item a,
.section--research_achievements_content .mtpc-1col-section-wrapper>.mtpc-1col-item>.field__items>.field__item a:hover {
    color: inherit;
    text-decoration: none;
}

.section--research_achievements_content .mtpc-1col-section-wrapper>.mtpc-1col-item>.field__items>.field__item a::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -3px;
}

.section--research_achievements_content .mtpc-1col-section-wrapper>.mtpc-1col-item>.field__items>.field__item a:hover::after {
    border-bottom: 3px solid #0692B5;
}

.section--research_achievements_content-flag {
    position: absolute;
    width: 60px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.section--research_achievements_content-plant_left {
    position: absolute;
    width: 70px;
    top: 50px;
    left: 20px;
    z-index: 0;
    opacity: 0.08;
}

.section--research_achievements_content-plant_right {
    position: absolute;
    width: 70px;
    top: 50px;
    right: 20px;
    z-index: 0;
    opacity: 0.08;
}

.section--research_focus_container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.section--research_focus_container::before {
    content: '';
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/focus_areas_bg_mob_top.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 400px;
    height: 220px;
    position: absolute;
    top: 0;
    right: -160px;
}

.section--research_focus_container::after {
    content: '';
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/focus_areas_bg_mob_bottom.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 370px;
    height: 280px;
    position: absolute;
    top: calc(60% - 185px);
    left: -105px;
}

.section--research_focus_container>.mtpc-2col-section-wrapper {
    position: relative;
}

.section--research_focus_container>.mtpc-2col-section-wrapper::before {
    content: '';
    position: absolute;
    right: 100px;
    width: 100vw;
    top: 0;
    bottom: 0;
    background: #69328E;
    z-index: -1;
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/focus_areas_bg_desk_top.svg);
    background-position: right 50px;
    background-repeat: no-repeat;
    background-size: 665px;
}

.section--research_focus_container>.mtpc-2col-section-wrapper::after {
    content: '';
    position: absolute;
    left: -280px;
    bottom: 0px;
    width: 665px;
    height: 500px;
    background-image: url(/sites/skl-molneurosci.prod01.ust.hk/files/custom_layout/focus_areas_bg_desk_bottom.svg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.section--research_focus_container>.mtpc-2col-section-wrapper>.mtpc-2col-item {
    margin-bottom: 0;
}

.section--research_focus_container>.mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--1 {
    color: #FFF;
    line-height: 1.16;
    font-weight: 300;
}

.section--research_focus_container>.mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--1 strong {
    font-weight: 800;
}

.section--research_focus_container>.mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--2 {

}

.section--research_focus_content {
    position: relative;
}

.section--research_focus_content::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 100px;
    bottom: 0;
    background: #FFF;
    z-index: 1;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 25%);
}

.section--research_focus_content .mtpc-block-image-block {
    width: 80%;
    margin: 0 auto;
}

.section--research_focus_content .mtpc-block-textarea-block {
    text-align: center;
    margin-top: 35px;
    line-height: 1.44;
}

.section--research_focus_container:has( .mtpc-3col-section-wrapper)>.mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--1{
  display: none;
}
.section--research_focus_container:has( .mtpc-3col-section-wrapper)>.mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--2{
  width: 100%;
}
.section--research_focus_container:has( .mtpc-3col-section-wrapper)>.mtpc-2col-section-wrapper::before{
  right: 40px;
}

.section--research_focus_content>.mtpc-3col-section-wrapper{
  display: flex;
}

.section--research_focus_content>.mtpc-3col-section-wrapper,
.section--research_focus_content>.mtpc-2col-section-wrapper {
    align-items: normal;
}

.section--research_focus_content>.mtpc-3col-section-wrapper>.mtpc-3col-item,
.section--research_focus_content>.mtpc-2col-section-wrapper>.mtpc-2col-item {
    z-index: 1;
    font-weight: 600;
}

.section--research_focus_content>.mtpc-3col-section-wrapper>.mtpc-3col-item::after,
.section--research_focus_content>.mtpc-2col-section-wrapper>.mtpc-2col-item::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 100px;
    bottom: 0;
    background: #FFF;
    z-index: -1;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 25%);
}

.section--research_focus_content>.mtpc-3col-section-wrapper>.mtpc-3col-item--1,
.section--research_focus_content>.mtpc-2col-section-wrapper>.mtpc-2col-item--1 {
    color: #813E8D;
}

.section--research_focus_content>.mtpc-3col-section-wrapper>.mtpc-3col-item--2,
.section--research_focus_content>.mtpc-2col-section-wrapper>.mtpc-2col-item--2 {
    color: #077691;
}

.section--research_focus_content>.mtpc-3col-section-wrapper>.mtpc-3col-item--3 {
    color: #2E5DD4;
}

/*NEWS & MEDIA*/

.news_view{
  background-color: #f3f3f3;
}
.news_view .view-content > div{
  padding: 40px 0;
  border-bottom: 1px solid #CCCCCC;
}
.news_view .view-content a:hover {
  text-decoration: none;
}
.news_view .view-content .row{
  display:flex;
  justify-content:space-around;
  margin: 0;
}

.news_view .view-content .row .col-6{
  text-decoration:none !important;
}

.news_view .view-content .row .col-6 .title{
  font-weight: bold;
  color: #6b22a6 !important;
  line-height: 1.3;
}

.news_view .view-content > div > img{
  display: none;
}
.news_view .view-content .row .col-6 .date{
  color: #000;
  margin-bottom: 10px;
  margin-top: 10px;
}
.news_view .view-content .row .col-6 .desc{
  color: #5e5e5e;
}
.news_view .view-content .row .col-6 .more-link{
  text-align: left !important;
}

.news_view .view-content .row .col-6 .more-link a{
  color:#8a8a8a;
  font-weight: 600;
}

.news_view .view-content .row .col-6 .more-link i{
  color:#cecece;
}

.news_body .layout-sidebar-first{
  border-top: 0;
}

.view-publications .view-filters,
.view-id-news_skl .view-filters {
    /*width: 30%;*/
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.view-publications .view-filters{
  align-items: baseline;
}

.view-publications .view-filters .form-item,
.view-id-news_skl .view-filters .form-item {
    margin: 0;
    padding: 0;
    position: relative;
    color: #000;
}

.view-publications .view-filters .form-item select.form-select,
.view-id-news_skl .view-filters .form-item select.form-select {
    width: 125px;
    background-color: rgba(0,0,0,0);
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #000;
    cursor: pointer;
    z-index: 2;
    position: relative;
    font-weight: 600;
    outline: medium none;
    padding: 6px 35px 6px 15px;
}
.view-publications .view-filters .form-item select.form-select{
  min-width: fit-content;
    padding: 6px 50px 6px 15px;
}
.view-publications .view-filters .form-item:after,
.view-id-news_skl .view-filters .form-item:after{
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 7px;
    right: 15px;
    font-weight: bold;
    color: #813E8D !important;
}
.view-publications .view-filters .form-item:after{
  top: 9px;
}

.page-node-type-news aside.layout-sidebar-first,
.grey-bg aside.layout-sidebar-first {
  border-top: none;
}

/**/
.node__content.mtpc-event-detail .main-content img{
  width: 100%;
}
.node__content.mtpc-event-detail{
  padding-top: 45px;
}
.node__content.mtpc-event-detail .event-head .event-series p{
  color: #777777;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 3px;
}
.node__content.mtpc-event-detail .event-head .event-title h1{
  color: #813E8D;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
}
.node__content.mtpc-event-detail .event-head .event-subtitle p{
  color: #444444;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.node__content.mtpc-event-detail .main-content .node-content .event-data-box .event-info{
  padding: 30px;
}
.node__content.mtpc-event-detail .main-content .node-content .content-area{
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 25px;
  border-bottom: 3px solid #CCCCCC;
}
.node__content.mtpc-event-detail .main-content .node-content .event-data-box .event-info > div:last-child{
  margin-bottom: 0;
}
.node__content.mtpc-event-detail .main-content .node-content .add-to-calendar{
  margin-top: 50px;
  padding-bottom: 20px;
}

a.register-button{
  display: inline-block;
  padding: 10px 20px 10px 30px;
  background-color: #813E8D;
  font-size: 15px;
  line-height: 1.4;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

a.register-button:hover{
  /*color: #BFA235;*/
  color: #ffffff;
}

a.register-button:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 100%;
  background-color: #BFA235;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 100%, 0 0);
}

.node__content.mtpc-event-detail .back-btn{
  color: #8f8f8f;
  text-transform: uppercase;
  border: none;
  padding: 0;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 60px;
}
.node__content.mtpc-event-detail .back-btn:hover{
  background-color: transparent;
  color: #813E8D;
}
.node__content.mtpc-event-detail .back-btn:before{
  content: "\f104";
  font-family: "Font Awesome 6 Pro";
  font-size: 17px;
  font-weight: 900;
  color: #813E8D;
  margin-right: 10px;
}

.event-listing-head{
  /*padding-top: 45px;*/
  align-items: baseline;
  position: relative;
  margin-bottom: 120px;
  margin-top: -160px;
}
.event-listing-head h1{
  visibility: hidden;
}

body.path-events .layout-content{
  background-color: #F3F3F3;
}

.event-listing-page .pager__items{
  margin-bottom: 0;
  padding-bottom: 100px;
}

.event-listing-page .listing.grid-view{
  padding-top: 40px;
  gap: 40px 0px;
}

.event-listing-page .listing.grid-view .event-item{
  margin: 0;
  padding-bottom: 60px;
  padding-right: 30px;
  border-bottom: 2px solid #8500b21a;
}

.event-listing-page .listing.grid-view .event-item:nth-child(3n){
  padding-right: 0px;
}

.event-listing-page .listing .event-item .event-info .event-title,
.event-listing-page .listing .event-item .event-info .event-title a{
  color: #813E8D;
}
.event-listing-page .listing .event-item .event-info .event-series{
  color: #777777;
}
.event-listing-page .listing .event-item .event-info .event-subtitle p{
  color: #444444;
}
.event-listing-page .listing .event-item .event-info .event-btn a{
  background: #813E8D;
}
.event-listing-page .listing .event-item .event-info .event-btn a:hover{
  background: #5d2d65;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li{
  min-width: 205px;
  width: auto;
}

header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li a, header .mtpc_header .header .wrapper .logos .navigation>ul.menu li ul li span{
  text-wrap-mode: nowrap;
}

.people-listing-sub-header {
  margin-top: 15px;
}