/* General */

.site-post-items {
    --bs-gutter-x: 58px !important;
}

.testimonial-post-items {
    --bs-gutter-x: 50px !important;
}

.awe-main-page {
    padding-left: 10px;
    padding-right: 10px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px; /* Space for custom icon */
}

.select-wrapper::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 10px;
    background-image: url('../img/dropdown-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    pointer-events: none; /* Prevent click interference */
}

.banner-center {
    background-position: center;
}

.banner-bottom {
    background-position: 0 70%;
}

.split-imgtext .text-column {
    padding-left: 8%;
    padding-right: 2%;
}

.split-imgtext.img-right .text-column {
    padding-right: 12%;
    padding-left: 0;
}

.split-imgtexticon .texticon-column {
    padding-left: 8%;
}

.split-imgtexticon.img-right .texticon-column { 
    padding-right: 5%;
    padding-left: 0;
}

.split-imgtexticon .img-column img {
    border-radius: 30px;
}

.split-imgtexticon h3 {
    line-height: 32px !important;
}

.split-imgtexticon h2 {
    margin-bottom: 40px !important;
}

.split-imgtexticon .wpb_content_element {
    margin-bottom: 0px;
}

.split-imgtexticon .wpb_row {
    margin-bottom: 30px;
}

.mmbrship-reason-section .split-imgtexticon .wpb_row:last-child {
    margin-bottom: 0px;
}

.split-imgtext:last-child {
    margin-top: 65px;
}

.icons-infolayout .icon-infotitle {
    margin-bottom: 20px;
}

/* .icons-infolayout .icon-infotext {
    padding-right: 6%;
    padding-left: 6%;
} */


/* Popup Background */
.mfp-content {
    width: 100%;
    max-width: 800px;
    padding: 60px 50px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    text-align: left;
}

/* Popup Layout */
.popup-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Close Button */
.custom-popup .profile-popup-close {
    position: absolute;
    top: -35px;
    right: 0;
    font-size: 24px;
    background: none;
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 0px;
}

.custom-popup .popup-text .designation {
	font-size: 18px !important;
	color: #000000;
	margin-bottom: 30px;
}

/* Image Styling */
.popup-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* Text Content */
.popup-text {
    flex: 1;
	padding-left: 30px;
}

.popup-text h2 {
    font-size: 24px;
    margin-bottom: 25px;
}

.popup-text .designation {
    font-weight: bold;
    margin-bottom: 10px;
    color: #666;
}

.custom-popup .mfp-close {
	display:none;
}

.not-clickable {
	pointer-events: none;
    cursor: default;
}


#content {
    overflow: hidden;
}

p {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 400;
}

h2 {
    font-size: 40px !important;
    font-weight: bold !important;
}

h3 {
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

.awe-btn a,
.cntct-form-row input.gform_button,
.mmbrshp-form-row input.gform_button {
    background-color: #AD965F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    font-size: 18px !important;
    font-weight: 400;
    text-transform: uppercase;
    border-color: #AD965F !important;
    padding: 10px 40px !important;
    background-image: none !important;
    text-decoration: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;

    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.awe-btn a:hover,
.cntct-form-row input.gform_button:hover,
.mmbrshp-form-row input.gform_button:hover,
.gold-btn a:hover {
    box-shadow: none !important;
    transform: scale(.95);
}

.awe-btn a {
    text-transform: inherit;
}

/* Header */

.main_header {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    z-index: 99;
}

.web-logo {
    width: 77px;
}

#primary-menu li a {
    font-size: 16px;
    font-weight: 400;
    color: #000000 !important;
}

#primary-menu li a:hover,
.main-navigation.white #primary-menu li:not(:last-child) a:hover {
    color: #AD965F !important;
}

#primary-menu li.current_page_item a {
    font-weight: bold;
    color: #000000 !important;
}

#primary-menu li.current_page_item a {
    position: relative;
    display: inline-block;
}

#primary-menu li.current_page_item a:before,
#primary-menu li.current-menu-parent > a:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 2px;
    background-color: #000000;
    position: absolute;
    height: 1px;
    width: 100%;
}

#primary-menu li > ul li a:before {
    display: none;
}

#primary-menu {
    gap: 28px;
    align-items: center;
}

#primary-menu ul.sub-menu {
    display: block;
    width: auto;
    padding: 0 12px;
    background-color: #D2D1C8;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#primary-menu li:hover ul.sub-menu {
    left: -70px;
}

#primary-menu ul.sub-menu li {
    padding: 16px 0;
}

#primary-menu ul.sub-menu li:first-child {
    border-bottom: 1px solid #AD965F;
}

#primary-menu ul.sub-menu li a {
    font-size: 15px;
    color: #000000;
    text-align: center;
}

.gold-btn a {
    padding: 8px 30px;
    border-radius: 50px;
    background-color: #AD965F;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    display: inline-block;
    color: #ffffff !important;
}

.join-community {
    margin-top: 10px;
    width: fit-content;
}

.footer-content ul .gold-btn a {
    color: #ffffff !important;
}

#primary-menu li.current_page_item:last-child a:before {
    display: none;
}

#primary-menu > li:last-child > a {
    color: #ffffff !important;
}

#main-menu-navigation .menu-item-has-children > a:after {
    display: none;
}

.main-navigation.white #primary-menu li a {
    color: #ffffff !important;
}

.main-navigation.white #primary-menu li.current_page_item a:before,
.main-navigation.white #primary-menu li.current-menu-parent > a:before {
    background-color: #ffffff;
}

.main-navigation.white #primary-menu li.current-menu-parent ul.sub-menu li.current-menu-item a,
.main-navigation #primary-menu li.current-menu-parent ul.sub-menu li.current-menu-item a {
    color: #AD965F !important;
    font-weight: 700;
}

/* MOBILE MENU */

.mobile-menu {
    display: none;
}

.mobile-menu-btn {
    width: 40px;
    display: none;
    margin-left: auto;
    cursor: pointer;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-x: auto;
    background-color: #ffffff;
    max-width: 400px;
    width: 100%;
    padding: 20px;
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
    z-index: 999;
}

.mobile-menu.open {
    transform: translateX(0);
}

.mobile-menu .close-menu img {
    width: 40px;
    cursor: pointer;
}

.mobile-menu .close-menu {
    position: absolute;
    right: 20px;
}

#primary-menu-mobile .current-menu-parent > a {
    color: #000000 !important;
    font-weight: 700;
}

#primary-menu-mobile .current-menu-parent .sub-menu .current_page_item a {
    color: #AD965F !important;
    font-weight: 700;
}

#primary-menu-mobile {
    margin-left: 0;
    padding-left: 0;
    margin-top: 40px;
}

#primary-menu-mobile > li {
    list-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #AD965F;
}

#primary-menu-mobile > li a {
    font-size: 15px;
    color: #000000;
    text-decoration: none;
}

#primary-menu-mobile li .sub-menu li {
    padding-top: 20px;
    padding-bottom: 20px;
    list-style: none;
}

#primary-menu-mobile li .sub-menu li:first-child {
    border-bottom: 1px solid #AD965F;
}

#primary-menu-mobile li > .sub-menu {
    max-height: 0;
    overflow: hidden;
    margin-left: 0;
    transition: max-height 0.3s ease-in-out;
}

#primary-menu-mobile li.current-menu-item a {
    font-weight: 700;
}

.menu-item-has-children > a::after {
    content: url('../img/menu-down-arrow.svg');
    position: absolute;
    top: -3px;
    right: 0px;
}

.menu-item-has-children.open > a::after {
    transform: rotate(180deg);
}

#primary-menu-mobile .menu-item-has-children.open .sub-menu {
    max-height: 500px; /* enough for visible submenu items */
  }

/* END OF HEADER */


/* Homepage */

.banner-section {
    position: relative !important;
    /* min-height: 600px !important; */
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-section .banner-text {
    margin-bottom: 50px;
}

.banner-text h1,
.banner-text h1 span,
.temp-banner h1 {
    font-size: 70px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}

:lang(zh-hant) .banner-text h1 {
    font-size: 90px;
}

.page-desc p {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 400;
    padding-right: 22%;
}

.page-desc-section {
    padding-top: 80px !important;
    padding-bottom: 150px;
}

.hp-awe-section img {
    border-radius: 30px;
}

.hp-event-section {
    padding-top: 100px !important;
    padding-bottom: 100px;
}

.news-item a {
    text-decoration: none;
}

.news-img img {
    border-radius: 30px;
}

.news-thumbnail {
    margin-bottom: 25px;
}

.news-date {
    margin-bottom: 10px;
    font-weight: bold;
}

.news-content .read-more {
    color: #AD965F;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.hp-news-section .awe-btn {
    margin-top: 40px;
    margin-bottom: 0 !important;
}

.hp-programme-section {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 60px !important;
    padding-bottom: 60px;
}

.page-footer {
    margin-top: 50px;
    padding-top: 0 !important;
    height: 600px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
}

.page-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.page-footer-row {
    height: 100%;
}

.page-footer-row h2 {
    color: #ffffff;
}

.page-banner {
    position: relative;
}

.page-banner h1 {
    font-size: 70px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.awe-main-page .vc_column-inner:first-child {
    padding-left: 10px;
    padding-right: 10px;
} 

.hp-awe-section .vc_row:first-child .wpb_column:last-child {
    padding-left: 8%;
    padding-right: 2%;
}

.hp-awe-section .vc_row:last-child .wpb_column:first-child {
    padding-right: 8%;
}

.hp-news-section .news-update {
    display: flex;
    gap: 50px;
}

.join-comm {
    margin-top: 12px;
}

.join-comm a {
    font-size: 14px !important;
}

/* END OF HOMEPAGE */


/* ABOUT AWE */

.page-banner {
    height: 500px;
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
}
/* Overlay */
section.page-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Overlay effect */
    z-index: 1; /* Ensure overlay is on top of the image */
    display: block !important;
  }

.board-content img {
    border-radius: 30px;
}

.board-content .col-lg-4 {
    padding: 0 30px;
    margin-bottom: 100px;
}

.board-photo {
    margin-bottom: 45px;
}

.board-content .designation {
    font-weight: bold;
}

.board-content .awe-btn {
    margin-top: 40px;
}

.board-info h3 {
    font-size: 24px !important;
    line-height: 30px;
}

.abt-trustees-section {
    margin-bottom: 80px;
}

.abt-what-section {
    padding-bottom: 140px;
}

.abt-exec-section {
    margin-bottom: 50px;
}

.abt-what-section img {
    border-radius: 30px;
}

.abt-commitments-section {
    padding-top: 140px !important;
    padding-bottom: 70px;
}

.transform-row {
    margin-bottom: 40px;
}

.abt-commitments-section .goal-level {
    padding-left: 5%;
}

.goal-row {
    position: relative;
    padding-bottom: 120px;
}

.goal-row:before {
    content: "" !important;
    position: absolute;
    width: 1.5px;
    height: 100% !important;
    left: 80px;
    bottom: 0;
    margin: auto;
    background-color: #000;
    display: block !important;
}

.goal-row:last-child:before {
    display: none!important
}

.goal-row > div:first-child {
    width: 22% !important;
}

.goal-row > div:nth-child(2) {
    width: 78% !important;
}

.goal-row .wpb_button, 
.goal-row .wpb_content_element, 
.goal-row ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}

.goal-row .goal-subtitle {
    margin-bottom: 10px;
}

.goal-subtitle p {
    text-transform: uppercase;
}

/* END OF ABOUT AWE */


/* ABOUT AWE MEMBERSHIP */

.mmbrship-type-section {
    /* padding-top: 140px !important; */
    margin-bottom: 80px;
}

.mmbrship-type-section h2 {
    margin-bottom: 50px !important;
}

.mmbrship-reason-section,
.members-charter-section {
    margin-bottom: 120px;
}

.membership-charters.split-imgtexticon .wpb_content_element {
    margin-bottom: 20px;
}

.type-membership {
    margin-bottom: 10px;
}

/* END OF ABOUT AWE MEMBERSHIP */

/* BECOME A MEMBER PAGE */

.member-top-section {
    padding-top: 100px !important;
}

.member-image-col img {
    border-radius: 30px;
}

.member-info-col {
    padding-left: 8% !important;
}

.mmbershp-col {
    border-radius: 30px;
    border: 1px solid #AD965F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.mmbrshp-type-row {
    display: flex;
    gap: 1%;
}

.mmbershp-col {
    width: 19%;
    padding: 30px 0;
}

.membership-price h4 {
    font-size: 28px;
    font-weight: bold;
    color: #AD965F;
}

.mmbershp-col .vc_separator {
    margin-top: 20px;
}

.mmbershp-col .vc_separator span span {
    border-color: #AD965F !important;
    height: 1px;
}

.cntct-mmbrshp-section {
    padding-top: 100px !important;
    padding-bottom: 100px;
}

.bam-contact-us {
    padding-bottom: 100px;
}

.bam-contact-us h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px !important;
}

.bam-contact-row a {
    margin-right: 10px;
    color: #000000;
    text-decoration: none;
}

/* END OF BECOME A MEMBER PAGE */


/* NEWS PAGE */

.temp-banner {
    height: 70vh;
}

.temp-row {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 30px;
}

.filter-section {
    display: flex;
    justify-content: space-between;
}

.news-cont {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.news-content .row-wrapper {
    position: relative;
}

.news-inner {
    padding-top: 100px;
}

.news-col {
    gap: 80px;
    display: flex;
    margin-bottom: 100px;
}

.news-col h3 a {
    text-decoration: none;
    color: #000000;
}

.news-col div {
    flex: 1;
}

.news-col div:last-child {
    flex: 2;
}

.news-date {
    font-weight: bold;
}

.news-col .awe-btn {
    margin-top: 50px;
}

.single-news {
    padding-top: 250px;
    padding-bottom: 100px;
}

.single-post h1 {
    margin-bottom: 80px;
    text-align: center;
}

.featured-image {
    position: relative;
    margin-bottom: 50px;
}

.featured-image img {
    width: 100%;
    border-radius: 30px;
}

.related-posts-section {
    margin-top: 100px;
}

.related-inner .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-posts-header h2 {
    margin-bottom: 40px;
}

.related-inner h3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.related-inner .awe-btn {
    margin-top: 50px;
}

#no-more-posts {
    display: none;
}

.see-more-section {
    text-align: center;
}

.see-more {
    font-size: 18px !important;
    font-weight: 400;
    color: #AD965F;
    padding: 8px 30px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 1px solid #AD965F;
    background-color: transparent;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.see-more:hover {
    outline: none;
    border-color: #AD965F !important;
}

.single-news-content {
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* END OF NEWS PAGE */

/* PROGRAMMES PAGE */

.page-description {
    margin-top: 40px;
}

.page-description p {
    font-size: 18px !important;
    line-height: 24px !important;
    padding-right: 25%;
}

.programme-page {
    padding-bottom: 100px;
}

.programme-content .see-more-section {
    margin-top: 100px;
}

.programm-info {
    margin-top: 40px;
    margin-bottom: 50px;
}

.programm-info h3 {
    margin-bottom: 25px;
}

.programme-content {
    position: relative;
}

.programme-inner {
    padding-top: 20px;
}

.programme-inner .programme-feat img {
    border-radius: 30px;
}

.programme-inner .g-programme-item {
    margin-top: 80px;
}

.filter-category span,
.sort-by span {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
}

.filter-category select,
.sort-by select {
    padding: 0px 10px;
    height: 35px;
    width: 230px;
    color: #000000 !important;
    border-radius: 10px;
    border-color: #AD965F;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.filter-category select:focus-visible,
.sort-by select:focus-visible {
    outline: none;
}

.about-programme-section,
.key-benefit-section,
.facilitator-section,
.why-section,
.testimonial-section {
    padding-top: 100px;
}

.single-programme .page-banner * {
    height: 100%;
    background-color: transparent;
}

.single-programme .page-banner h1 {
    display: flex;
    align-items: flex-end;
    padding-bottom: 50px;
}

.testimonial-section {
    padding-bottom: 20px;
}

.programme-image img,
.facilitator-image img,
.why-image img {
    border-radius: 30px;
}

.facilitators-items {
    gap: 40px;
    display: flex;
    margin-top: 40px;
    flex-wrap: wrap; 
}

.facilitators-items>div {
    width: calc(33.33% - 40px );
    flex: 0 0 calc(33.33% - 40px); 
}

.programme-info {
    padding-left: 5% !important;
}

.programme-info .awe-btn {
    margin-top: 40px;
}

.programme-info img {
    margin-left: 10%;
}

.about-programme-section .row,
.why-section .row {
    display: flex;
    align-items: center;
}

.key-benefit-section {
    text-align: center;
}

.key-benefit-section .row,
.facilitator-section .row {
    margin-top: 40px;
}

.benefit-image,
.facilitator-image {
    margin-bottom: 20px;
}

.facilitator-section h2,
.testimonial-section h2 {
    text-align: center;
}

.facilitator-title h3 {
    margin-bottom: 15px;
}

.facilitator-section .col-lg-4 {
    padding: 0 25px;
}

.why-info {
    padding-right: 10% !important;
}

.why-info > div {
    display: flex;
    gap: 30px;
}

.why-info h2,
.testimonial-section h2 {
    margin-bottom: 40px;
}

.icon-why {
    width: 70px;
}

.icon-why-reason {
    width: calc(100% - 70px);
}

.testimonial-col {
    padding: 40px 20px;
    border-radius: 10px;
    background-color: #AD965F;
    margin-bottom: 30px;
}

.testimonial-name p {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0;
}

.testimonial-col div:first-child p {
    color: #ffffff;
}

.qoute {
    position: relative;
}

.testimonial-text {
    margin-top: 35px;
}

.qoute:before {
    content: '“';
    position: absolute;
    top: -22px;
    left: 0;
    font-size: 80px;
    font-weight: 700;
    font-family: "Finlandica", sans-serif;
}

.page-footer-section .row-wrapper {
    z-index: 9;
    position: relative;
}

.page-footer-section {
    display: flex;
    align-items: center;
    text-align: center;
}

.page-footer-section h2 {
    color: #ffffff;
    margin-bottom: 40px;
}


/* END OF PROGRAMMES PAGE */


/* RESOURCES PAGE */

.page-resources-inner {
    padding-top: 100px;
    padding-bottom: 100px;
}

.resources-top-content,
.featured-event-section {
    display: flex;
    gap: 30px;
}

.featured-resource {
    width: 70%;
    padding-right: 3%;
}

.recommended-resources {
    width: 30%;
}

.featured-resource img,
.latest-resource-img img,
.other-feature img {
    border-radius: 30px;
    margin-bottom: 30px;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
}

.page-resources-inner .filter-section {
    margin-bottom: 100px;
}

.resources-category {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.featured-resource .awe-btn,
.latest-resources .awe-btn,
.resource-item .awe-btn {
    margin-top: 30px;
}

.recommended-inner {
    display: flex;
    gap: 20px;
}

.resource-item {
    margin-bottom: 50px;
}

.recommended-inner .awe-btn {
    margin-top: 30px !important;
}

.recommended-resources h2 {
    margin-bottom: 30px;
}

.rec-num {
    font-size: 28px;
    font-weight: bold;
    margin-top: 6px;
}

.latest-resources,
.other-feature-section {
    margin-top: 100px;
}

.other-feature .row {
    display: flex;
    align-items: center;
}

.other-feature .row .col-lg-6:last-child {
    padding-left: 10%;
}

.other-feature .awe-btn {
    margin-top: 45px;
}

.other-feature h3 {
    margin-bottom: 20px;
}

.page-resources-inner .result-event .awe-btn {
    margin-top: 30px;
}

/* END OF RESOURCES PAGE */

/* EVENTS AND HIGHLIGHTS PAGE */

.latest-events .event-desc {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 40px;
}

.recommended-resources .awe-btn {
    margin-top: 30px;
    margin-top: 30px;
}

.recommended-resources {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.featured-event-section .featured-resource img {
    margin-bottom: 0;
}

.featured-event-section {
    margin-bottom: 100px;
}

.events-inner {
    padding-top: 100px;
    padding-bottom: 70px;
}

.events-inner .filter-section {
    margin-bottom: 100px;
}

.event-featurepost {
    display: flex;
}

.event-featurepost > div {
    width: 50%;
}

.single-post-content {
    padding-top: 250px;
    padding-bottom: 100px;
}

/* .post-item.col-lg-4,
.result-event .col-lg-4 {
    padding: 0 30px !important;
} */

.post-item img,
.slider-for img,
.result-event img {
    border-radius: 30px;
}

.slider-nav img {
    border-radius: 10px;
}

.post-info {
    margin-top: 30px;
    margin-bottom: 60px;
}

.post-info h3 {
    margin-bottom: 20px;
}

.related-posts-section h2 {
    margin-bottom: 40px;
}

.slider-for {
    margin-bottom: 20px;
}

.slider-nav .slick-slide {
    cursor: pointer;
    margin: 0 10px !important;
}

.slider-for .slick-slide {
    margin: 0 10px !important;
}

.content-col {
    padding-left: 5%;
}

.content-col h2 {
    margin-bottom: 30px;
}

.single-post-content h1 {
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 100px;
}

.result-event .row {
    row-gap: 60px;
}

/* END OF EVENTS AND HIGHLIGHTS PAGE */

/* CONTACT PAGE */

.contact-form-section,
.membership-form-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.cntct-form-row,
.mmbrshp-form-row {
    width: 100% !important;
    max-width: 900px !important;
}

.gform_required_legend {
    display: none !important;
}

.cntct-form-row input,
.cntct-form-row select,
.mmbrshp-form-row input,
.mmbrshp-form-row select {
    border-radius: 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #AD965F !important ;
}

.cntct-form-row input:focus,
.cntct-form-row select:focus,
.mmbrshp-form-row input:focus,
.mmbrshp-form-row select:focus {
    outline: none !important;
    border-bottom: 1px solid #AD965F !important;
}

.cntct-form-row .gform-footer,
.mmbrshp-form-row .gform-footer {
    margin-top: 50px !important;
    justify-content: center;
}

.contact-email,
.contact-subject {
    grid-column: span 8 !important;
}

.contact-phone,
.contact-enquiry {
    grid-column: span 4 !important;
}

#gform_fields_2 select,
#gform_fields_1 select {
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
}


#gform_fields_2 select:after,
#gform_fields_1 select:after {
    content: '▼';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #e91e63;
}


/* END OF CONTACT PAGE */


/* FOOTER */

footer {
    padding-top: 50px !important;
    padding-bottom: 0px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
}

.footer-logo {
    width: 46%;
}

.footer-nav {
    width: 25%;
}

.address-content {
    width: 22%;
}

.soc-med {
    width: 14%;
    display: flex;
    justify-content: flex-end;
}

.soc-med a {
    text-decoration: none;
}

.footer-content ul li a {
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    color: #000000 !important;
}

.address-content p,
.copyright-content p,
.copyright-content a {
    font-size: 15px;
    line-height: 24px !important;
    text-decoration: none;
    color: #000000 !important;
}

.address-content > div{
    margin-bottom: 25px;
}

.address-content>div:last-child {
    margin-bottom: 0px;
}

.address-content p {
    margin-bottom: 0px;
}

.footer-content ul li {
    list-style: none;
    margin-bottom: 5px;
}

.footer-content ul li:last-child {
    margin-bottom: 0px;
}

.copyright-content {
    display: flex;
    justify-content: space-between;
}

.footer-policy {
    display: flex;
    gap: 30px;
}

.address-content span {
    margin-right: 8px;
}

.address-content p a {
    color: #000000;
    text-decoration: none;
}

.address-inner {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.address-inner span {
    display: contents;
}

/* .address-inner div p:first-child {
    margin-bottom: 5px;
} */

#secondary-menu {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.soc-med > div {
    margin-top: auto;
}

.soc-med > div > span {
    margin-right: 2px;
}

.soc-med > div > span:last-child {
    margin-right: 0px;
}

footer {
    border-top: 1px solid #000000;
}

/* END OF FOOTER */

/* Loader for Filtering & Sorting */
.filter-loader {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.6);
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.3);
    border-top: 4px solid #AD965F;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
    z-index: 999;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* END OF LOADER */

/*  FORMS  */

h2.gform_submission_error {
    font-size: 16px !important;
}

.gform_confirmation_message {
    text-align: center;
}

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    box-shadow: none;
}

body .gform_footer .gform_button {
    min-width: 200px !important;
    padding: 12px 20px !important;
    font-weight: 400  !important;
}

/* END OF FORMS */

/* LANGUAGE */

.site-language-switcher {
    text-align: right;
    margin-bottom: 20px;
}

.site-language-switcher a {
    color: #000000;
    position: relative;
    text-decoration: none;
    font-size: 18px !important;
    font-weight: bold;
}

.site-language-switcher a {
    padding-left: 5px;
    padding-right: 5px;
}

.site-language-switcher a:last-child {
    padding-right: 2px;
} 

.site-language-switcher a:first-child:before {
    content: "";
    position: absolute;
    right: -4px;
    height: 18px;
    width: 2px;
    background-color: #000000;
    top: 3px;
    bottom: 0;
}

.site-language-switcher a.active:after {
    content: "";
    position: absolute;
    right: 0px;
    left: 0px;
    height: 1.5px;
    width: calc(100% - 8px);
    background-color: #000000;
    top: auto;
    bottom: 0px;
    transform: translate(4px, 0px);
}

.site-language-switcher.white a {
    color: #ffffff;
}

.site-language-switcher.white a.active:after,
.site-language-switcher.white a:first-child:before  {
    background-color: #ffffff;
}

/* END OF LANGUAGE */

/* WPML Banner */

.otgs-development-site-front-end {
    background-color: #AD965F !important;
}


:lang(zh-hant) .legal-section ol li {
    margin-bottom: 20px;
}

.banner-mobile {
    display: none;
}

.board-content {
    margin-top: 30px !important;
}

.line3 {
    display: block;
}
/* Force homepage red-box body text to 18px (including nested spans from editor) */
.home .page-desc p,
.home .page-desc p span {
    font-size: 18px !important;
    line-height: 24px !important;
}

/* Captcha styling for contact forms */
.cntct-form-row .gfield--type-captcha .gfield_label {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 400;
    color: #333333;
    margin-bottom: 12px;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha {
    border: 1px solid rgba(173, 150, 95, 0.35);
    border-radius: 4px;
    background: #ffffff;
    padding: 2px;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_input_container {
    flex: 1 1 220px;
    min-width: 220px;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_input_container input {
    font-family: inherit;
    font-size: 24px !important;
    font-weight: 400;
    letter-spacing: 1px;
    color: #333333;
}

/* Captcha size normalize to match contact form fields */
.cntct-form-row .gfield--type-captcha .gfield_label {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_container {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha {
    width: 24px !important;
    height: 34px !important;
    object-fit: contain;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_input_container {
    flex: 0 1 180px !important;
    min-width: 160px !important;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_input_container input {
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
}

/* Captcha alignment tweak: move right, extend line, keep right edge aligned */
.cntct-form-row .gfield--type-captcha {
    margin-left: 18px;
    width: calc(100% - 18px);
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_container {
    width: 100%;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_input_container {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.cntct-form-row .gfield--type-captcha .gfield_captcha_input_container input {
    width: 100% !important;
}

/* Membership captcha: match Reach Out style exactly (EN/CN Sign Up forms) */
.mmbrshp-form-row .gfield--type-captcha .gfield_label {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}

.mmbrshp-form-row .gfield--type-captcha {
    margin-left: 18px;
    width: calc(100% - 18px);
}

.mmbrshp-form-row .gfield--type-captcha .gfield_captcha_container {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    width: 100%;
}

.mmbrshp-form-row .gfield--type-captcha .gfield_captcha {
    width: 24px !important;
    height: 34px !important;
    object-fit: contain;
    border: 1px solid rgba(173, 150, 95, 0.35);
    border-radius: 4px;
    background: #ffffff;
    padding: 2px;
}

.mmbrshp-form-row .gfield--type-captcha .gfield_captcha_input_container {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.mmbrshp-form-row .gfield--type-captcha .gfield_captcha_input_container input {
    width: 100% !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
}

/* Membership captcha required indicator: show * instead of (Required), keep original color */
.mmbrshp-form-row .gfield--type-captcha .gfield_required_text {
    font-size: 0 !important;
    line-height: 0 !important;
}

.mmbrshp-form-row .gfield--type-captcha .gfield_required_text::before {
    content: "*";
    font-size: 16px !important;
    color: inherit;
    line-height: 1;
}
/* Events & Highlights: make event datetime more readable */
.page-events .news-date.event-datetime,
.events-page .news-date.event-datetime {
    font-size: 18px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .page-events .news-date.event-datetime,
    .events-page .news-date.event-datetime {
        font-size: 16px;
    }
}
/* Single event: datetime and location under title */
.single-post-content .single-event-meta {
    margin-top: -60px;
    margin-bottom: 50px;
}

.single-post-content .single-event-meta .news-date.event-datetime {
    font-size: 20px;
    line-height: 1.35;
    margin-bottom: 8px;
}

.single-post-content .single-event-meta .event-location {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .single-post-content .single-event-meta {
        margin-top: -25px;
        margin-bottom: 30px;
    }

    .single-post-content .single-event-meta .news-date.event-datetime {
        font-size: 18px;
    }
}
/* Single event register button spacing (match list card Learn More gap) */
.single-post-content .event-featurepost .content-col .awe-btn {
    margin-top: 50px;
}

@media (max-width: 991px) {
    .single-post-content .event-featurepost .content-col .awe-btn {
        margin-top: 35px;
    }
}