/* Chapters (ACF Ver) */
.chap-archive-grid .e-loop-item > div { height: 100%; }
#chap-executive .swiper-slide { border-radius: 6px; }
#chap-members .swiper-wrapper { overflow: visible !important; }
#chap-about:not(:has(.elementor-widget-text-editor)),
#chap-vision-mission > div:not(:has(.elementor-widget-text-editor)),
#chap-vision-mission:not(:has(.elementor-widget-text-editor)),
#chap-objectives:not(:has(.elementor-widget-text-editor)),
#chap-our-logo:not(:has(img)),
#chap-our-logo:not(:has(.elementor-widget-text-editor)),
#chap-history:not(:has(img)),
#chap-history:not(:has(.elementor-widget-text-editor))
{ display: none; }
#chap-executive:has(.swiper-pagination-bullet:not(.swiper-pagination-bullet-active)) { margin-bottom: 20px; }
@media (max-width: 767px) {
	#chap-members .elementor-swiper-button { display: none; }
}
.lh-145-cont p {line-height: 145%;}

/* What We Do */
.wwd-media-carousel, .wwd-media-carousel > div { height: 100% !important; }

/* Nurses Learning Hub - Event Loop Item */
.event-loop-item .elementor-post-info__terms-list a { border-radius: 19px; padding: 4px 12px; }
.event-loop-item .elementor-post-info__terms-list { font-size: 0; } /* hide commas */
.event-loop-item .elementor-post-info__terms-list a { font-size: 16px; margin-right: 10px; pointer-events: none; }
.event-loop-item a[href*="/event-category/courses"] { color: #EAA00C !important; background: #F9F6EB; }
.event-loop-item a[href*="/event-category/workshop"] { color: #CC2424 !important; background: #FAE2E2; }
.event-loop-item a[href*="/event-category/community"] { color: #0D9B94 !important; background: #E7F5F4; }
.event-loop-item a[href*="/event-category/seminar-talks"] { color: #11307A !important; background: #DEE5F6; }
.event-loop-item a[href*="/event-category/members-exclusive"], 
.event-loop-item a[href*="/event-category/nlh"],
.event-loop-item .elementor-icon-list-item:has(.elementor-icon-list-text:empty) { display: none !important; }
.event-loop-item .members-exclusive-badge { display: none; }
.event-loop-item:has(a[href*="/event-category/members-exclusive"]) .members-exclusive-badge { display: flex; }

/* Industry Partners - Logo Accordion */
.logo-accordion .e-n-accordion-item-title-text div {     
	width: 200px;
	height: 60px;
	display: inline-block;
	margin-right: 16px;
}
.logo-accordion .e-n-accordion-item-title-text div img { max-height: 100%; display: contain; }
.logo-accordion .e-n-accordion-item-title-text, .logo-accordion .e-n-accordion-item-title-text div { display: flex; align-items: center; }
@media (max-width: 767px) {
	.logo-accordion .e-n-accordion-item-title-text { flex-wrap: wrap; gap: 6px; }
	.logo-accordion .e-n-accordion-item-title-text, .logo-accordion .e-n-accordion-item-title-text div { width: 100%; }
}


/* ------------------ Amelia Styles ------------------ */
.el-dialog__header.show-close {
	min-height: 50px;
}
.el-dialog__header.show-close .el-dialog__headerbtn {
	top: 8px !important;
    right: 0 !important;
}
.el-dialog__header.show-close .el-dialog__headerbtn:hover,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog .el-dialog__headerbtn[aria-label="Close this dialog"]:hover {
	background-color: #002CA4 !important;
}
.amelia-v2-booking.am-forms-dialog .el-dialog__headerbtn .el-dialog__close,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog .el-dialog__close .am-icon-close:before {
	color: #ffffff !important;
}
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog .el-dialog__headerbtn[aria-label="Close this dialog"] {
	background-color: #1F54E6 !important;	
	box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50px 50px 50px 50px;
    padding: 10px 21px 10px 21px;
	margin: 8px 24px;
}
.amelia-v2-booking #amelia-container .m-phone-number-input__country-flag,
.amelia-v2-booking #amelia-container .m-phone-number-input__select.m-select .m-input-wrapper-right button,
.amelia-v2-booking #amelia-container .m-phone-number-input__select.m-select .m-select-list-item {
	box-shadow: unset;
	border-radius: unset;
}


/* Board of Directors */
:root {
	--directors-nav-height: 0px;
}
#directors-nav { position: sticky; top: calc(var(--sna-header-height) + var(--wpadminbar-offset)); z-index: 50; }
.section-anchor.elementor-widget.elementor-widget-menu-anchor { --e-transform-translateY: calc(-60px - var(--sna-header-height) - var(--wpadminbar-offset)) !important; }
#directors-nav .elementor-heading-title a { opacity: 0.5; transition: opacity .2s ease; }
#directors-nav .elementor-widget-heading.is-active .elementor-heading-title a { opacity: 1; }
.js-open-loop-popup { pointer-events: none; }
body.loop-popup-ready .js-open-loop-popup { pointer-events: auto; cursor: pointer; }
body.loop-popup-loading #elementor-popup-modal-81 { opacity: 0 !important; }
#elementor-popup-modal-81 { transition: opacity .2s ease; }
#elementor-popup-modal-81 > div { width: calc(100% - 48px); max-width: 1232px; }
.dialog-close-button { width: 32px !important; height: 32px !important; padding: 0 !important; line-height: 1 !important; 
	position: absolute; display: flex !important; align-items: center; justify-content: center; }
.dialog-close-button svg { display: none !important; }
.dialog-close-button::before, .dialog-close-button::after { content: ""; position: absolute; top: 50%; left: 50%;
	width: 20px; height: 1px; background: currentColor; border-radius: 999px; transform-origin: center; }
.dialog-close-button::before { transform: translate(-50%, -50%) rotate(45deg); }
.dialog-close-button::after { transform: translate(-50%, -50%) rotate(-45deg); }
.dialog-close-button { outline: 0 !important; }
.js-open-loop-popup .js-data-image { transform: translatey(0); filter: brightness(1); transition: all 0.3s ease; }
.js-open-loop-popup:hover .js-data-image { transform: translatey(-4px); filter: brightness(1.05); transition: all 0.5s ease; }
#directors-nav .directors-nav-toggle { display: none; }
@media (max-width: 767px) {
	.js-data-image img, .js-popup-image img { object-position: 50% 25% !important; }
	.popup-grid { padding-top: 16px; padding-left: 16px; padding-right: 16px; }
	.elementor-popup-modal .dialog-close-button { inset-inline-end: 2px; margin-top: -16px; top: 0; background: white; border-radius: 999px; box-shadow: 0px 4px 4px 0px #3F4D7A1F; }
	.dialog-close-button::before, .dialog-close-button::after { width: 16px; }
	#directors-nav .elementor-widget-heading.is-active { display: none; }
	#directors-nav > .e-con-inner { padding: 16px 0; }
	#directors-nav .directors-nav-toggle {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 0;
		background: transparent;
		border: 0;
		color: #1258CC;
		font: inherit;
		font-weight: 700;
		cursor: pointer;
		box-shadow: none;
	}
	#directors-nav .directors-nav-toggle::after {
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: all .2s ease;
		margin-top: -4px;
	}
	#directors-nav.is-open .directors-nav-toggle::after { transform: rotate(-135deg); margin-top: 4px; }
	#directors-nav .e-con-inner { display: none; }
	#directors-nav.is-open .e-con-inner { display: flex; flex-direction: column; }
	#directors-nav .elementor-widget-heading, #directors-nav .elementor-heading-title a { width: 100%; display: block; }
}
@media (min-width: 480px) and (max-width: 767px) {
	#elementor-popup-modal-81 .dialog-widget-content { max-width: 540px; }
	.popup-grid { padding-top: 20px; padding-left: 20px; padding-right: 20px; }
}


/* Contact Us */
#contact-email-grid .elementor-widget-button { max-width: 300px; }


/* Room Booking - Detail */
.rb-gallery { min-height: 394px; }
.rb-gallery .e-gallery-grid {
	display: grid !important;
	grid-template-columns: 2.35fr 1fr 1fr;
	grid-auto-rows: 190px;
	gap: 14px;
	grid-auto-flow: dense;
	height: auto !important;
}
.rb-gallery .e-gallery-item {
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
	inset: auto !important;
	transform: none !important;
}
.rb-gallery .e-gallery-item:first-child {
	grid-column: span 1;
	grid-row: span 2;
}
.rb-gallery .e-gallery-image,
.rb-gallery .elementor-gallery-item__image {
	width: 100% !important;
	height: 100% !important;
	padding-bottom: 0 !important;
	display: block;
}
.rb-gallery .e-gallery-image img,
.rb-gallery .elementor-gallery-item__image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
}
.rb-room-offers > ul {
	display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
	gap: 24px;
}
.rb-room-offers li { word-break: keep-all !important; }
.rb-things-to-know .elementor-widget-text-editor ul {
	list-style: none;
	padding-left: 0;
}
.rb-things-to-know .elementor-widget-text-editor ul li {
	position: relative;
	padding-left: 22.5px;
	margin-bottom: 12px;
}
.rb-things-to-know .elementor-widget-text-editor ul li:last-child {
	margin-bottom: 0;
}
.rb-things-to-know .elementor-widget-text-editor ul li::before {
	content: "";
	position: absolute;
	left: 7.5px;
	top: calc(50% - 2.5px);
	width: 5px;
	height: 5px;
	background: #1258CC;
	border-radius: 50%;
}
@media (max-width: 767px) {
	.rb-gallery .e-gallery-grid {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: auto;
		gap: 10px;
	}
	.rb-gallery .e-gallery-item {
		aspect-ratio: 1 / 1;
		max-height: 120px;
	}
	.rb-gallery .e-gallery-item:first-child {
		grid-column: 1 / -1;
		grid-row: auto;
		aspect-ratio: 16 / 9;
		max-height: 180px;
	}
	.rb-room-offers > ul { column-gap: 0; }
}

.sna-sub-banner-img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 0px 0px 0px 60px;
}
/* ------------------------ Join Events ------------------------ */
.sna-featured-event,
.sna-news-featured {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.sna-featured-event__image,
.sna-event-card__image,
.sna-news-featured-image {
	position: relative;
	display: block;
}
.sna-featured-event__image a img,
.sna-event-card__image img,
.sna-news-featured-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	border-radius: 15px;
}
.sna-featured-event__image a img,
.sna-news-featured-image a img {
	border-radius: 24px;
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.12);
	object-fit: contain;
}
.sna-exclusive-event-card__image img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	border-radius: 15px;
}
.sna-featured-event__tags,
.sna-event-card__tags,
.sna-news-tags,
.news-tags {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.event-tag,
.news-category,
.news-tags span {
	display: inline-flex;
	padding: 5px 15px;
	border-radius: 19px;
	background: #ffffff;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
}
.members-exclusive-badge {
	display: flex;
	align-items: center;
	gap: 4px;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 13px;
	border-radius: 19px;
	background: #FFF4DF;
	color: #D75C03;
	z-index: 3;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
}
.members-exclusive-badge img {
	width: unset;
	aspect-ratio: unset;
	display: block;
	border-radius: unset;
}
.event-tag.members-exclusive {
	display: none;
}
.event-tag {
	color: #3E5C8D;
	background: #ffffff;
	border: 1px solid #D7DBED;
}
.event-tag.featured {
	color: #BB7812;
	background: #F6ECE1;
	border: 1px solid #F6ECE1;
}
.event-tag.workshop {
	color: #CC2424;
	background: #FAE2E2;
	border: 1px solid #FAE2E2;
}
.event-tag.community {
	color: #0D9B94;
	background: #E7F5F4;
	border: 1px solid #E7F5F4;
}
.event-tag.seminar-talks {
	color: #11307A;
	background: #DEE5F6;
	border: 1px solid #DEE5F6;
}
.event-tag.courses {
	color: #EAA00C;
	background: #F9F6EB;
	border: 1px solid #F9F6EB;
}

.sna-featured-event__title,
.sna-news-title {	
	margin: 10px 0 12px 0;
}
.sna-featured-event__title a,
.sna-event-card__title a,
.sna-exclusive-event-card__title a,
.sna-news-title a {
	color: #1258CC !important;
}
.sna-event-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 12px 0 24px 0;
}
.meta-item {
	display: flex;
	align-items: center;
	gap: 13px;
}
.detail-btn {
	position: relative;
	display: inline-flex !important;
	color: #1258CC !important;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-weight: 700;
	line-height: 130%;
	margin: 24px 0 5px 0;
}
.detail-btn::after,
.sna-view-chapter a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #1258CC;
	bottom: -5px;
	left: 0;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease-out;
}
.detail-btn:hover::after,
.sna-view-chapter a:hover::after {
	transform: scaleX(1);
}
.sna-view-chapter a {
	position: relative;
}
#sna-load-more {
	display: block;
	margin: 74px auto 0 auto;
	border: unset;
}

.sna-events-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	border-bottom: 1px solid #DFDEEF;
	padding-bottom: 16px;
	margin-bottom: 30px;
}
.sna-events-filter p {
	color: #1258CC;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-weight: 700;
	line-height: 130%;
}
.sna-events-filter button {
	color: #1258CC;
	font-weight: 600;
	padding: 6px 16px;
	background-color: #ffffff;
	border: 1px solid #1258CC;
	box-shadow: unset;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
.sna-events-filter button:hover,
.sna-events-filter button.active {
	color: #1258CC;
	border: 1px solid #E7F0FC;
	background-color: #E7F0FC;
}

.sna-events-filter button[data-category="nlh"], .sna-event-card .event-tag.nlh { display: none !important; }

#sna-events-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
	gap: 40px;
}
.sna-event-card,
.sna-exclusive-event-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 20px;
}
.sna-event-card__content {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.sna-event-card__content .sna-event-card__title,
.sna-exclusive-event-card__title {
	margin: 8px 0;
}
.sna-event-card__content .sna-event-meta {
	margin: 12px 0 20px 0;
}
.sna-featured-event__content .sna-event-btn-wrapper {
	display: flex;
	gap: 40px;
}
.sna-event-card .sna-event-btn-wrapper {
	display: flex;
	gap: 40px;
	margin: auto 0 0 0;
	padding-top: 16px;
	border-top: 1px solid #D0D0D0;
}
.sna-event-card .sna-btn.detail-btn {
	margin: 0;
}

:root {
  --swiper-pagination-color: #1F54E6;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #1F54E6;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 8px;
}
.sna-exclusive-events .swiper-slide {
	height: auto;
}
.sna-exclusive-event-card__content {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.sna-exclusive-event-card__btn {
	margin-top: auto;
}
.sna-exclusive-events .swiper-pagination {
	position: relative;
	margin-top: 24px;
}
/* ------------------------ Join Events - Detail ------------------------ */
.schedule-time-field {
	min-width: 88px !important;
    max-width: 88px !important;
}
.event-registration-section {
	position: relative;
}
@media (max-width: 767px) {
	.event-registration-section {
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
	}
}
.sna-register-btn .elementor-button-content-wrapper {
	gap: 8px;
	justify-content: center;
	align-items: center;
}
/* .sna-register-btn .elementor-button-content-wrapper::after {
	content: "";
	width: 26px;
	aspect-ratio: 1 / 1;
	background-image: url("/wp-content/themes/hello-theme-child-master/theme/default/img/register-btn-arrow.svg");
	background-repeat: no-repeat, repeat;
	background-size: contain;
} */
.sna-related-events-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}



/* ------------------------ SNA News ------------------------ */
.filter-content{
    display:block;
}
.filter-title{
    cursor:pointer;
	font-weight: 700 !important;
	display: flex;
	align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.news-category,
.news-tags span {
	color: #1258CC;
	border: 1px solid #1258CC;
}
.sna-news-date {
	color: #1258CC;
	font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
	letter-spacing: 5%;
    text-transform: uppercase;
	margin: 8px 0;
}
.sna-news-detail-btn {
	position: relative;
    display: inline-flex !important;
	gap: 8px;
	justify-content: center;
	align-items: center;
    color: #1258CC !important;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 135%;
    margin: 24px 0 5px 0;
}
.sna-news-detail-btn::after,
.sna-register-btn .elementor-button-content-wrapper::after {
    content: '';
	width: 26px;
	aspect-ratio: 1 / 1;
	background-image: url("/wp-content/themes/hello-theme-child-master/theme/default/img/register-btn-arrow.svg");
	background-repeat: no-repeat, repeat;
	background-size: contain;
	transition: 0.2s ease-in;
}
.sna-news-detail-btn:hover::after,
.sna-register-btn:hover .elementor-button-content-wrapper::after {
	transform: translateX(25%);
}

.sna-news-filters {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
    gap: 24px;
}
#news-search {
	width: 100%;
	padding: 12px 24px;
	background-color: transparent;
	transition: transform 250ms ease-in-out;
	font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
	color: #1258CC;
	background-color: transparent;
	background-image: url("/wp-content/uploads/2026/06/search.svg");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 95% center;
	border-radius: 50px;
	border: 1px solid #DBE1EC;
	transition: all 250ms ease-in-out;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
#news-search::placeholder {
	color: rgba(18, 88, 204, 0.75);
}
#news-search:hover,
#news-search:focus {
	padding: 12px 0;
	outline: 0;
	border: 1px solid transparent;
	border-bottom: 1px solid #DBE1EC;
	border-radius: 0;
	background-position: 100% center;
}

.news-filter-group *,
#news-pagination * {
	color: #1258CC;
	font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
}
.news-filter-group {
	position: relative;
	width: 100%;
	padding: 25px 20px;
	border-radius: 12px;
	border: 1px solid #DBE1EC;
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
}
.accordion-icon {
	width: 14px;
	height: 8px;
    background-image: url(/wp-content/uploads/2026/06/arrow-up.svg);
    background-repeat: no-repeat;
    background-size: 100%;
	transform: rotate(180deg);
	transition: all 0.3s;
}
.filter-title.active .accordion-icon {
	transform: unset;
}
.filter-content {
	position: relative;
	width: 100%;
	padding-top: 15px;
	margin-top: 8px;
	display: flex;
	flex-direction: column;
    gap: 12px;
	border-top: 1px solid #C9C9C9;
}
.filter-content label {
	display: flex;    
    align-items: center;
	gap: 12px;
}

#ajax-news-container {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
    gap: 24px;
}
.news-card {
	position: relative;
	width: 100%;
	display: flex;
	gap: 20px;
	padding-bottom: 24px;
	border-bottom: 1px solid #C9C9C9;
}
.news-thumb {
	width: 100%;
	max-width: 250px;
	border-radius: 8px;	
	overflow: hidden;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1) !important;
}
.news-thumb img {
	display: block;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 9;	
	
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news-thumb.ensure-full-checked img {
	object-fit: contain;
}
.news-thumb:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.news-content {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.news-content h4 {
	margin: 12px 0 0 0;
}
.news-content h4 a {
	color: #1258CC;
}
.news-content h4 a:hover {
	color: #002CA4;
}
#news-pagination,
#news-nav {
	display: flex;
    justify-content: flex-end;
	gap: 8px;
}
#news-pagination .page-numbers {
	padding: 7px 12.5px;
	border-radius: 4px;
	border: 1px solid rgb(18, 88, 204, 0.1);
	background-color: rgb(18, 88, 204, 0.1);
}
#news-pagination .page-numbers.current {
	border: 1px solid #1258CC;
	background-color: #ffffff;
}
#news-nav .disabled{
	pointer-events: none;
	opacity: .3;
	cursor: default;
}
.page-arrow {
	width: 21px;
	height: 21px;
    background-image: url(/wp-content/uploads/2026/06/arrow-next.svg);
    background-repeat: no-repeat;
    background-size: 100%;
	transform: rotate(180deg);
	transition: all 0.3s;
}
.page-arrow.next {
	transform: unset;
}
.sna-newsdetail-content a {
	color: #1258CC;
}

/* ------------------------ SNA Connect - Issues ------------------------ */
.sna-latest-issue {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}
.sna-latest-issue .issue-image,
.sna-latest-issue .issue-content {
	width: 50%;
}
.sna-latest-issue .issue-image img {
	display: block;
	width: 100%;
	max-width: max(400px, 50vw);
	object-fit: cover;
	border-radius: 12px;
}
.sna-latest-issue .issue-content h3 {
	color: #1258CC;
	margin: 0 0 14px 0;
}
.sna-latest-issue .issue-period {
	font-weight: 600;
	margin: 0 0 14px 0;
}
/* Buttons */
.issue-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 12px;
	row-gap: 6px;
	margin-top: 26px;
}
.issue-btn {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	color: #1258CC;
	padding: 12px 16px;
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.12);
}
.issue-btn:hover {
	color: #1258CC;
}
.issue-btn.read {
	color: #ffffff;
	background-color: #1258CC;
	border-radius: 50px;
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.12) !important;
	transition: all .3s;
}
.issue-btn.read:hover {
	background-color: #002CA4;
}
/* Filter */
.sna-issue-filter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	margin-bottom: 24px;
}
.sna-issue-filter h3 {
	color: #1258CC;
	margin: 0;
}
.issue-dropdown {
	position: relative;
	width: 268px;
	cursor: pointer;
}
.issue-dropdown-trigger {
	color: #1258CC;
	font-weight: 700;
	padding: 8px 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #C9C9C9;
	background: #fff;
}
.issue-dropdown-trigger::after {
	content: '';
	width: 10px;
	height: 10px;
	border-right: 1px solid #1258CC;
	border-bottom: 1px solid #1258CC;
	transform: rotate(45deg);
	margin-left: auto;
	transition: .3s;
}
.issue-dropdown.open .issue-dropdown-trigger::after {
	transform: rotate(-135deg);
	margin-top: 7px;
}
.issue-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 12px 14px;
	list-style: none;
	background: #fff;
	border-top: none;
	display: none;
	z-index: 9;
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.25);
	border-radius: 0 0 12px 12px;
	overflow: hidden;
}
.issue-dropdown.open .issue-dropdown-menu {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.issue-dropdown-menu li {
	font-weight: 700;
	color: #1258CC;
	padding: 8px 0;
	border-bottom: 1px solid #C9C9C9;
	cursor: pointer;
	transition: .2s;
}
.issue-dropdown-menu li:last-child {
	border-bottom: 0;
}
/* Issue Grid */
.sna-issue-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 25px;
	margin: 0 0 26px 0;
	align-items: stretch;
}
.sna-issue-grid .issue-card {
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	border: 1px solid #E1E1E1;
	overflow: hidden;
}
.sna-issue-grid .issue-card .wp-post-image {
	display: block;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 9;
}
.issue-card-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px 15px 30px 15px;
}
.issue-card-content p {
	margin: 0;
}
.issue-card-top {
	padding-bottom: 16px;
}
.issue-card-top > p {
	color: #1258CC;
	font-family: "Bricolage Grotesque";
	font-weight: 600;
	line-height: 130%;
}
.issue-card-top .issue-period {
	color: #364153;
	margin-top: 6px;
	padding: 0;
	border-bottom: 0;
}
.issue-card-bottom {
	border-top: 1px solid #E1E1E1;
	padding-top: 16px;
}
.issue-card-bottom .issue-buttons {
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin-top: 0;
}
.issue-card-content .issue-btn.read {
	box-shadow: unset !important;
}
/* Pagination / Loading */
#sna-issue-listing #news-nav {
	margin: 12px 0 0 0;
}
#sna-issue-loading {
	padding: 20px 0;
	text-align: center;
	font-weight: 600;
}
/* Display message if no card after filter */
#sna-issue-listing:empty::after {
	content: "No issues found.";
	display: block;
	width: 100%;
	padding: 40px 0;
	text-align: center;
	color: #364153;
	font-weight: 600;
}

/* SNA Spotlight */
#spotlight-grid img { width: 100%; height:auto; aspect-ratio: 1.38; object-fit: cover; transform: scale(1); transition: transform 0.5s ease; }
#spotlight-grid a { overflow: hidden; }
#spotlight-grid a:hover img { transform: scale(1.05); }


/* History of SNA */
#history-timeline {
	position: relative;
}
#history-timeline::before {
	content: "";
	position: absolute;
	top: 114px;
	left: 50%;
	width: 1px;
	height: calc(100% - 114px);
	background: #1258CC;
	opacity: 0;
	transition: opacity 0.3s ease-in 1s;
}
#history-timeline::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 1px;
	height: 64px;
	background: repeating-linear-gradient(
		to bottom,
		#1258CC 0px,
		#1258CC 2px,
		transparent 2px,
		transparent 4px
	);
	opacity: 0;
	transition: opacity 0.3s ease-in 1s;
}
#history-timeline.animated::before,
#history-timeline.animated::after {
	opacity: 1;
}
#history-timeline > .e-con-full {
	position: relative;
}
#history-timeline > .e-con-full::before {
	content: "";
	position: absolute;
	top: 24px;
	left: auto;
	right: -91px;
	width: 80px;
	height: 90px;
	border: 1px solid #1258CC;
	border-width: 1px 1px 0 0;
	border-radius: 0 100px 0 0;
	transform: scale(0.2, 0.6);
	transform-origin: bottom right;
	transition: transform 0.6s ease-out 0.6s;
}
#history-timeline > .e-con-full:nth-child(even)::before {
	right: auto;
	left: -90px;
	border-width: 1px 0 0 1px;
	border-radius: 100px 0 0 0;
	transform-origin: bottom left;
}
#history-timeline > .e-con-full.animated::before {
	transform: scale(1);
}

#history-timeline > .e-con-full::after {
	content: "";
	position: absolute;
	top: 22px;
	right: -13px;
	width: 4px;
	height: 4px;
	background: #1258CC;
	border-radius: 50%;
	transform: scale(0);
	transition: transform 0.3s ease-in 1s;
}
#history-timeline > .e-con-full:nth-child(even)::after {
	right: auto;
	left: -12px;
}
#history-timeline > .e-con-full.animated::after {
	transform: scale(1);
}

#history-timeline > .e-con-full > * {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
}
#history-timeline > .e-con-full.animated > * {
	opacity: 1;
	transform: translateY(0);
}
#history-timeline > .e-con-full > *:nth-child(2) { transition-delay: 1s; }
#history-timeline > .e-con-full > *:nth-child(3) { transition-delay: 1.3s; }
#history-timeline > .e-con-full > *:nth-child(4) { transition-delay: 1.4s; }
@media (max-width: 1024px) {
	#history-timeline > .e-con-full::before {
		right: -51px;
		width: 40px;
		height: 90px;
	}
	#history-timeline > .e-con-full:nth-child(even)::before {
		left: -50px;
	}
}
@media (max-width: 767px) {
	#history-timeline::before,
	#history-timeline::after {
		left: 0;
	}
	#history-timeline > .e-con-full::before, 
	#history-timeline > .e-con-full:nth-child(even)::before {
		left: -40px;
		right: auto;
		width: 30px;
		height: 90px;
		border-width: 1px 0 0 1px;
		border-radius: 100px 0 0 0;
		transform-origin: bottom left;
	}
	#history-timeline > .e-con-full::after,
	#history-timeline > .e-con-full:nth-child(even)::after {
		right: auto;
		left: -12px;
	}
	#history-timeline .t-con > .e-child > div {
		flex-direction: column;
		gap: 8px;
	}
	#history-timeline .t-con > .e-child > div * { width: fit-content; }
	#history-timeline {	grid-template-columns: 1fr; }
	#history-timeline > div:nth-child(1) { order: 1; }
	#history-timeline > div:nth-child(2) { order: 2; }
	#history-timeline > div:nth-child(3) { order: 4; }
	#history-timeline > div:nth-child(4) { order: 3; }
	#history-timeline > div:nth-child(5) { order: 5; }
	#history-timeline > div:nth-child(6) { order: 6; }
	#history-timeline > div:nth-child(7) { order: 8; }
	#history-timeline > div:nth-child(8) { order: 7; }
	#history-timeline > div:nth-child(9) { order: 9; }
	#history-timeline > div:nth-child(10) { order: 10; }
}

/* --------------------------- Breakpoints For Mobile Devices --------------------------- */

@media (max-width: 1280px) {
	#contact-email-grid { --e-con-grid-template-columns: repeat(3, 1fr); }
	.sna-issue-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1024px) {
	#contact-email-grid { --e-con-grid-template-columns: repeat(2, 1fr); }
	.sna-events-filter { justify-content: flex-start; }
	.sna-events-filter > p { width: 100%; }
	.el-dialog__header.show-close .el-dialog__headerbtn {
		right: 16px !important;
	}
	.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog {
        margin: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
	.amelia-v2-booking #amelia-container .am-dialog-el__main-container.am-eli,
	.amelia-v2-booking.am-forms-dialog .el-dialog #amelia-container .am-els__wrapper,
	.amelia-v2-booking #amelia-container .am-dialog-el__main-container {
		height: 50vh !important;
	}
	.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog .el-dialog__headerbtn[aria-label="Close this dialog"] {
		margin: 8px 0;
	}
	.sna-related-events-grid,
	#sna-events-container {
		gap: 24px;
	}
	.sna-featured-event, .sna-news-featured {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.sna-featured-event__image a img, 
	.sna-news-featured-image img {
		height: 325px;
		aspect-ratio: unset;
	}
}

@media (max-width: 830px) {
	/* ----------- iPad Air ----------- */
	#sna-events-container,
	.sna-issue-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.sna-latest-issue {
		gap: 24px;
		flex-direction: column;
		align-items: flex-start;
	}
	.sna-latest-issue .issue-image, 
	.sna-latest-issue .issue-content {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#contact-email-grid { --e-con-grid-template-columns: repeat(1, 1fr); }
	.sna-issue-grid {
		grid-template-columns: repeat(1, 1fr);
		max-width: 400px;
	}
	.sna-sub-banner-img img {
		max-height: 500px;
		border-radius: 0px 0px 0px 60px !important;
	}
}

@media (max-width: 480px) {
	.sna-sub-banner-img {
		position: relative !important;
	}
	.sna-sub-banner-img img {
		display: block;
		aspect-ratio: 4 / 3;
		height: auto !important;
		border-radius: 0 !important;
	}
	.sna-sub-banner-img::before {
		border-radius: 0;
	}
	.sub-banner-container {
		position: relative;
		background-color: #081C3D;
		margin: -1px 0 0 0;
	}

	.sna-featured-event, 
	#sna-events-container,
	.sna-related-events-grid,
	.sna-news-featured,
	.sna-issue-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.sna-event-card__content .sna-event-meta {
		margin: 0 0 20px 0;
	}
	.schedule-time-field {
		min-width: 55px !important;
		max-width: 55px !important;
	}
	
	.news-filter-group {
		max-width: unset;
	}
	.news-card {
		flex-direction: column;
	}
	.news-thumb {
		max-width: unset;
	}
	.sna-featured-event__image a img, 
	.sna-news-featured-image img,
	.news-thumb img {
        height: auto;
        aspect-ratio: 16 / 9;
    }
	.sna-issue-filter {
		gap: 24px;
		flex-direction: column;
		align-items: flex-start;
	}
	.issue-dropdown {
		width: 100%;
	}
}