/* Destinations mega menu — Figma 689:23172. Desktop sizes vs 1920. */

body.kaya-header-active #header-outer {
	--kaya-mega-w: min(107.5rem, 89.5833333333vw);
	--kaya-mega-px: min(5rem, 4.1666666667vw);
	--kaya-mega-py: min(2.5rem, 2.0833333333vw);
	--kaya-mega-gap: min(2.5rem, 2.0833333333vw);
	--kaya-mega-radius: min(1.25rem, 1.0416666667vw);
	--kaya-mega-banner-h: min(7.5rem, 6.25vw);
	--kaya-mega-col-gap: min(1rem, 0.8333333333vw);
	--kaya-mega-link-gap: min(0.5rem, 0.4166666667vw);
	--kaya-mega-link-fs: min(1rem, 0.8333333333vw);
	--kaya-mega-link-lh: min(1.5rem, 1.25vw);
	--kaya-mega-label-track: min(-0.03rem, -0.025vw);
	--kaya-mega-tab-w: min(9.4375rem, 7.8645833333vw);
	--kaya-mega-tab-h: min(0.375rem, 0.3125vw);
	--kaya-mega-tab-w-academic: min(11.1875rem, 9.3229166667vw);
	--kaya-mega-academic-radius: min(2.5rem, 2.0833333333vw);
	--kaya-mega-academic-gap: min(4rem, 3.5vw);
	--kaya-mega-academic-col-gap: min(4.5rem, 4vw);
	--kaya-mega-academic-card-w: min(39.125rem, 32.6041666667vw);
	--kaya-mega-academic-card-h: min(20rem, 16.6666666667vw);
	--kaya-mega-academic-title-fs: min(2.5rem, 2.0833333333vw);
	--kaya-mega-academic-title-w: min(16.25rem, 13.5416666667vw);
	--kaya-mega-academic-title-track: max(-0.075rem, -0.0625vw);
}

body.kaya-header-active #header-outer #top.kaya-header {
	position: relative;
	z-index: 2;
}

body.kaya-header-active #header-outer #top.kaya-header > .container {
	position: relative;
	z-index: 2;
}

body.kaya-header-active #header-outer .kaya-mega-overlay {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(2.5px);
	backdrop-filter: blur(2.5px);
}

body.kaya-header-active #header-outer .kaya-mega {
	display: none;
	position: absolute;
	left: var(--kaya-hdr-inset-x);
	right: var(--kaya-hdr-inset-x);
	top: 100%;
	z-index: 2;
	box-sizing: border-box;
	width: auto;
	max-width: var(--kaya-mega-w);
	margin: 0 auto;
	padding: var(--kaya-mega-py) var(--kaya-mega-px);
	background: var(--kaya-white);
	border-radius: 0 0 var(--kaya-mega-radius) var(--kaya-mega-radius);
	gap: var(--kaya-mega-gap);
}

body.kaya-header-active #header-outer .kaya-mega--destinations {
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

body.kaya-header-active #header-outer .kaya-mega--destinations::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: var(--kaya-hdr-scrolled-pad);
}

body.kaya-header-active #header-outer .kaya-mega-col {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--kaya-mega-col-gap);
}

body.kaya-header-active #header-outer .kaya-mega-col__banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--kaya-mega-banner-h);
	border-radius: var(--kaya-mega-radius);
	overflow: hidden;
	text-decoration: none;
	color: var(--kaya-white);
}

body.kaya-header-active #header-outer .kaya-mega-col__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
}

body.kaya-header-active #header-outer .kaya-mega-col__banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
	border-radius: inherit;
	pointer-events: none;
}

body.kaya-header-active #header-outer .kaya-mega-col__label {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	padding: 0 var(--kaya-mega-link-gap);
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-size: var(--kaya-mega-link-fs);
	line-height: normal;
	letter-spacing: var(--kaya-mega-label-track);
	text-transform: uppercase;
	text-align: center;
	color: var(--kaya-white);
}

body.kaya-header-active #header-outer .kaya-mega-col__links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kaya-mega-link-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

body.kaya-header-active #header-outer .kaya-mega-col__links li {
	margin: 0;
	padding: 0;
	width: 100%;
}

body.kaya-header-active #header-outer .kaya-mega-col__links a {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: var(--kaya-mega-link-fs);
	line-height: var(--kaya-mega-link-lh);
	letter-spacing: 0;
	font-feature-settings: "lnum" 1, "pnum" 1;
	color: var(--kaya-brown);
	text-decoration: none;
	white-space: nowrap;
}

body.kaya-header-active #header-outer .kaya-mega-col__links a:hover,
body.kaya-header-active #header-outer .kaya-mega-col__links a:focus,
body.kaya-header-active #header-outer .kaya-mega-col__banner:hover .kaya-mega-col__label,
body.kaya-header-active #header-outer .kaya-mega-col__banner:focus .kaya-mega-col__label,
body.kaya-header-active #header-outer .kaya-mega-academic__card:hover .kaya-mega-academic__title,
body.kaya-header-active #header-outer .kaya-mega-academic__card:focus .kaya-mega-academic__title {
	opacity: 0.8;
}

body.kaya-header-active #header-outer .kaya-mega--academic {
	left: 0;
	right: 0;
	max-width: none;
	width: 100%;
	margin: 0;
	padding: var(--kaya-mega-py) var(--kaya-hdr-inset-x);
	border-radius: 0 0 var(--kaya-mega-academic-radius) var(--kaya-mega-academic-radius);
	align-items: center;
	justify-content: center;
	gap: var(--kaya-mega-academic-gap);
}

body.kaya-header-active #header-outer .kaya-mega--academic::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: var(--kaya-hdr-scrolled-pad);
}

body.kaya-header-active #header-outer .kaya-mega--academic::after {
	content: "";
	position: absolute;
	left: var(--kaya-hdr-inset-x);
	right: var(--kaya-hdr-inset-x);
	top: 0;
	height: 1px;
	background: var(--kaya-orange);
}

body.kaya-header-active #header-outer .kaya-mega-academic__links {
	display: flex;
	align-items: flex-start;
	gap: var(--kaya-mega-academic-col-gap);
	padding: var(--kaya-mega-py) 0;
	flex: 0 1 auto;
	min-width: 0;
}

body.kaya-header-active #header-outer .kaya-mega--academic .kaya-mega-col__links {
	width: max-content;
	flex: 0 0 auto;
}

body.kaya-header-active #header-outer .kaya-mega--academic .kaya-mega-col__links li {
	width: auto;
}

body.kaya-header-active #header-outer .kaya-mega-academic__card {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	box-sizing: border-box;
	width: auto;
	max-width: var(--kaya-mega-academic-card-w);
	min-width: min(18rem, 28vw);
	height: var(--kaya-mega-academic-card-h);
	padding: var(--kaya-mega-py);
	border-radius: var(--kaya-mega-radius);
	overflow: hidden;
	text-decoration: none;
	flex: 1 1 var(--kaya-mega-academic-card-w);
}

body.kaya-header-active #header-outer .kaya-mega-academic__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
}

body.kaya-header-active #header-outer .kaya-mega-academic__title {
	position: relative;
	z-index: 1;
	display: block;
	width: var(--kaya-mega-academic-title-w);
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-size: var(--kaya-mega-academic-title-fs);
	line-height: var(--kaya-mega-academic-title-fs);
	letter-spacing: var(--kaya-mega-academic-title-track);
	text-transform: uppercase;
	text-align: right;
	color: var(--kaya-white);
}

body.kaya-header-active #header-outer .kaya-mega-tab {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 3;
	width: var(--kaya-mega-tab-w);
	height: var(--kaya-mega-tab-h);
	margin: 0;
	background: var(--kaya-orange);
	border-radius: var(--kaya-mega-radius) var(--kaya-mega-radius) 0 0;
	pointer-events: none;
	transform: translateX(-50%);
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.kaya-mega-trigger > ul.sub-menu {
	display: none !important;
}

@media only screen and (min-width: 1000px) {
	body.kaya-mega-open {
		cursor: default;
	}

	body.kaya-mega-open #header-outer #top.kaya-header .kaya-header__nav {
		top: 0;
		height: 100%;
		display: flex;
		align-items: stretch;
	}

	body.kaya-mega-open #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu {
		height: 100%;
		align-items: stretch;
	}

	body.kaya-mega-open #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a {
		height: 100%;
	}

	body.kaya-mega-open #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.kaya-mega-trigger--destinations.is-open::before,
	body.kaya-mega-open #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.kaya-mega-trigger--academic.is-open::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		width: auto;
		height: var(--kaya-hdr-scrolled-pad);
		margin: 0;
		background: none;
		pointer-events: auto;
	}

	body.kaya-mega-open #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.kaya-mega-trigger.is-open > a::after {
		transform: rotate(180deg);
		transform-origin: center;
	}

	body.kaya-mega-open #header-outer .kaya-mega-overlay {
		display: block;
	}

	body.kaya-mega-open--destinations #header-outer .kaya-mega--destinations,
	body.kaya-mega-open--academic #header-outer .kaya-mega--academic {
		display: flex;
	}

	body.kaya-mega-open--academic #header-outer .kaya-mega-tab {
		width: var(--kaya-mega-tab-w-academic);
	}

	body.kaya-mega-open #header-outer .kaya-mega-tab {
		display: block;
	}
}

@media only screen and (max-width: 999px) {
	body.kaya-header-active #header-outer .kaya-mega-overlay,
	body.kaya-header-active #header-outer .kaya-mega,
	body.kaya-header-active #header-outer .kaya-mega-tab {
		display: none !important;
	}
}