/* by Creasant */
body {
    background-color: #f8f6f3;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0;
}

h1 {
    font-size: 2.18em; /* 48px */
}

h2 {
    font-size: 1.77em; /* 39px */
    margin-bottom: 0.67em;
}

h3 {
    font-size: 1.3em; /* 33px */
    margin-bottom: 0.67em;
}

h4 {
    font-size: 1.22em; /* 27px */
}

h5 {
    font-size: 1.14em; /* 25px */
}

h6 {
    font-size: 1em; /* 22px */
}

ul,
ol {
    margin-left: 0;
}

blockquote {
    border-left: 2px solid #ff5800;
    padding-left: 1.36em;
}

blockquote h2,
blockquote h3 {
    margin-bottom: 0.1em;
}

table {
    font-size: 0.82em;
    margin: 1em 0;
}

table th {
    word-break: normal;
}

table thead tr th {
    vertical-align: bottom;
    text-align: left;
    line-height: normal;
}

table td {
    min-width: unset;
    padding: 0.4em 0.5em;
    line-height: normal;
}

table.tbl-bg thead tr th {
    background-color: #c4b4ab;
    border-bottom: none;
}

table.tbl-bg tbody tr:nth-of-type(odd),
table.tbl-bg tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

table.tbl-bg tbody tr td {
    border-bottom: none;
}

table.tbl-bg tbody tr:first-child td {
    padding-top: 1em;
}

table.tbl-bg tbody tr:last-child td {
    padding-bottom: 1em;
}

table.tbl-bg tbody tr td b,
table.tbl-bg tbody tr td strong {
    color: inherit;
}

table.tbl-nowrap tbody tr td {
    white-space: nowrap;
}

header {
    border-bottom: 2px solid #ff5800;
}

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

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 {
    color: #ff5800;
}

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

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

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

.mtpc_header .navigation > ul.menu > li > ul > li a.is-active,
.mtpc_header .navigation > ul.menu > li > ul > li span.is-active {
    color: #ffff00;
}

header .mtpc_header .header .wrapper .logos .logos_right .responsive-menu-toggle i {
    color: #ff5800;
}

.breadcrumb ol li,
.breadcrumb ol li:last-of-type,
.breadcrumb ol li a {
    color: #777777;
}

body footer {
    background-color: #003366;
    color: #ffffff;
    padding: 40px 40px;
    margin-top: 100px;
    /*font-size: 0.91em;*/
    font-size: 16px;
}

body footer p {
    color: #ffffff;
}

body footer .wrapper {
    max-width: 1500px;
    margin: 0 auto;
}

body footer ul.menu,
body footer .hkust-simple-text p {
    margin: 0;
}

body footer ul.menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    font-weight: 800;
}

.mtpc_footer a,
ul.menu a.is-active {
    color: #00a3d9;
}

body footer .hkust-simple-text p {
    display: inline-block;
}

.mtpc-2col-item--2 > .field {
    margin-left: 40px;
}

.l75_25 .mtpc-2col-item--1 > .field,
.l70_30 .mtpc-2col-item--1 > .field,
.l65_35 .mtpc-2col-item--1 > .field,
.l60_40 .mtpc-2col-item--1 > .field,
.l55_45 .mtpc-2col-item--1 > .field,
.row_reverse.l25_75 .mtpc-2col-item--2 > .field,
.row_reverse.l30_70 .mtpc-2col-item--2 > .field,
.row_reverse.l35_65 .mtpc-2col-item--2 > .field,
.row_reverse.l40_60 .mtpc-2col-item--2 > .field,
.row_reverse.l45_55 .mtpc-2col-item--2 > .field {
    margin-left: 0;
    margin-right: 40px;
}

.outline-button {
    display: inline-block;
    border: 1px solid #00a3da;
    padding: 5px 25px;
    font-size: 0.8em;
    font-weight: 600;
    color: #00a3da;
    background-color: #ffffff;
}

.outline-button:hover {
    text-decoration: none;
    background-color: #00a3da;
    color: #ffffff;
}

.action-button,
.action-button-blue {
    box-sizing: border-box;
    display: inline-block;
    background-color: #c55e28;
    color: #ffffff;
    font-size: 0.91em;
    font-weight: 800;
    line-height: normal;
    padding: 1em 1.5em;
    margin: 0.25em 0;
}

.action-button:hover,
.action-button-blue:hover {
    text-decoration: none;
    background-color: #935534;
    color: #ffffff;
}

.action-button-blue {
    background-color: #00a3da;
}

.action-button-blue:hover {
    background-color: #008bbd;
}

.view-id-mtpc_albums .view-content {
    padding: 0 40px;
}

.view-id-mtpc_albums .view-content .album_grid_items {
    gap: 0 30px;
}

.album_title .title_link a {
    color: #00a3d9;
}

.view-id-news_events .view-header {
    margin-top: 2em;
    margin-bottom: -3em;
}

.view-id-news_events .view-content {
    margin-top: 60px;
}

.view-id-news_events .view-content .views-row {
    border-bottom: 1px solid #cccccc;
}

.view-id-news_events .view-content .views-row:first-child {
    border-top: 1px solid #cccccc;
}

.view-id-news_events .view-content .views-row.thumb-alternate:nth-of-type(even) .row_container.has_thumb {
    flex-direction: row;
}

.view-id-news_events .view-content .views-row.thumb-alternate:nth-of-type(even) .row_container.has_thumb .thumb_container {
    margin-right: 20px;
    margin-left: 0;
}

.view-id-news_events .mtpc_read_more {
    display: none;
}

.view-id-news_events .view-content .views-row .row_container .mtpc_news_date {
    text-transform: unset;
    color: #333333;
}

.view-id-news_events .view-content .views-row .row_container .mtpc_news_title a {
    color: #00a3d9;
}

.view-id-news_events .mtpc_news_listing_footer .view-filters .form-item {
    background-color: #ffffff;
}

.view-id-news_events .mtpc_news_listing_footer .view-filters .form-item select.form-select {
    width: 120px;
    line-height: normal;
    font-size: 14px;
    padding: 0.75em 1em;
}

.view-id-news_events .mtpc_news_listing_footer .view-filters .form-item:after {
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

.view-id-news_events .mtpc_news_listing_footer .pager .pager__item.is-active {
    background-color: #ffffff;
}

.mtpc_pagetitle.mtpc_news {
    margin-bottom: 1.25em;
}

.mtpc_pagetitle.mtpc_news.news_listing {
    margin-bottom: 0;
}

article.mtpc-news-article .mtpc_news_date {
    display: none;
}

.mtpc-news-container .mtpc_news_left > .outline-button {
    margin-top: 60px;
}

.event-listing-head .views-exposed-form .form--inline .form-item {
    min-width: unset !important;
    width: 120px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #00a3d9;
}

.event-listing-head .views-exposed-form .form--inline .form-item.form-type-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #00a3d9;
    font-weight: 700;
    font-size: 14px;
    padding: 0.8em 1em;
}

.event-listing-head .views-exposed-form .form--inline .form-item.form-type-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #00a3d9 #00a3d9 transparent transparent;
}

.event-listing-page .listing.grid-view .event-item .event-thumbnail img {
    aspect-ratio: 413 / 280;
    object-fit: cover;
}

.event-listing-page .listing .event-item .event-info .event-btn a {
    background-color: #ffffff;
    border: 1px solid #00a3d9;
    color: #00a3d9;
    font-weight: 800;
    font-size: 0.91em;
    text-transform: capitalize;
}

.event-listing-page .listing .event-item .event-info .event-btn a:hover {
    color: #ffffff;
}

.event-listing-page .pager__items .pager__item.is-active {
    background-color: #ffffff;
}

.node__content.mtpc-event-detail .event-head .event-title h1 {
    margin-bottom: 1.25em;
}

.node__content.mtpc-event-detail .main-content .node-content .event-data-box,
.node__content.mtpc-event-detail .main-content .node-content .event-data-box-full-width {
    flex-direction: column;
    background-color: #ffffff;
}

.node__content.mtpc-event-detail .main-content .node-content .event-data-box p,
.node__content.mtpc-event-detail .main-content .node-content .event-data-box-full-width p {
    color: #6c6d6e;
}

.node__content.mtpc-event-detail .main-content .node-content .event-data-box .event-banner {
    max-width: 100% !important;
}

.node__content.mtpc-event-detail .main-content img {
    width: 100%;
}

.node__content.mtpc-event-detail .main-content .node-content .event-data-box .event-info,
.node__content.mtpc-event-detail .main-content .node-content .event-data-box-full-width .event-info {
    display: none;
    padding: 30px;
}

.node__content.mtpc-event-detail .main-content .node-content .event-data-box .event-info > div p,
.node__content.mtpc-event-detail .main-content .node-content .event-data-box-full-width .event-info > div p {
    padding-left: 40px;
}

.node__content.mtpc-event-detail .main-content .node-content .event-data-box .event-info > div,
.node__content.mtpc-event-detail .main-content .node-content .event-data-box-full-width .event-info > div {
    margin-bottom: 0.3em;
}

.node__content.mtpc-event-detail .main-content .node-content .add-to-calendar {
    display: none;
}

.node__content.mtpc-event-detail .main-content .node-content .content-area {
    margin-top: 50px;
}

.node__content.mtpc-event-detail .back-btn {
    background-color: #ffffff;
}

.mtpc-event-detail .mCSB_container {
    max-width: 940px;
}

.mtpc-block-accordian-item-wrapper .mtpc-accordian-item {
    margin: 40px 0;
}

.mtpc-block-accordian-item-wrapper .mtpc-accordian-item:first-child {
    margin-top: 10px;
}

.mtpc-block-accordian-block-title {
    border-radius: 1em;
    background-color: #ffffff;
    color: #c55e28;
    font-size: 1.22em;
    padding: 0.3em 1.5em;
}

.mtpc-block-accordian-block-title.expanded {
    background-color: #c55e28;
    color: #ffffff;
}

.mtpc-block-accordian-block-title > .field__item:before {
    transform: scale(1.5);
    color: #8e9091;
}

.mtpc-block-accordian-block-title.expanded > .field__item.icon:before {
    color: #ffffff;
}

.mtpc-block-accordian-block-description {
    max-width: 1100px;
    padding-left: 1.5em;
    margin: 1.36em 0 0 1.8em;
    border-left: 2px solid #ff5800;
}

.mtpc-block-slideshow-block .slick-dots.circle li {
    background-color: #ffffff;
    margin: 0 10px 0;
}

.mtpc-block-slideshow-block .slick-dots.circle li.slick-active {
    background-color: #ff5800;
}

.mtpc-block-slideshow-block .slide-text-align--center {
    transform: translate(-50%, 0%);
    align-items: center;
}

.mtpc-block-slideshow-block .slide-text {
    line-height: normal;
    padding: 0.08em 0.7em;
}

.mtpc-block-slideshow-block .slide_text_per_row:nth-child(2) {
    margin-top: -0.2em;
}

.mtpc-block-slideshow-block .slide_text_per_row:nth-child(2) .slide-text {
    font-weight: 700;
}

.paragraph--type--mod-three-column-section {
    overflow: hidden;
}

.form-item-field-tt-event-category-target-id {
    display: block !important;
}

.select2-container .select2-dropdown .select2-results .select2-results__options li {
    font-size: 0.75em;
}

.event-listing-page .listing .event-item .event-info .event-btn a {
    padding: 0px 30px;
}

.event-listing-page .pager__items {
    border-top: 1px solid #ccc;
    padding-top: 40px;
}

.event-listing-page .pager__items .pager__item.is-active {
    padding: 3px 15px;
}

header .mtpc_header .header .wrapper .logos .logos_left .logo_one img {
  max-height: 70px;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul {
  background-color: #C55E28;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>a.arrow-right:after, header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>span.arrow-right:after, header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.no-submenu-items>a:after {
  color: #C55E28;
}

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: #FFF;
}

.mtpc-block-accordian-block-title > .field__item .accordion-question {
  font-size: 20px;
  width: calc(100% - 32px);  
}

article.mtpc-news-article .mtpc_news_right,
article.mtpc-news-article .mtpc_news_left .mtpc_news_share,
.node__content.mtpc-event-detail .main-content .social-share,
.node__content.mtpc-event-detail .main-content .node-content .social-share-m {
  display: none !important;
}

.event-listing-head .views-exposed-form .form--inline {
  display: none;
}