/* KAYA desktop header — Figma Nav Bar (On Dark), 1720x91, 100px inset.
   Desktop sizes use ITG-style min(rem, vw) against a 1920px artboard. */

:root {
	--kaya-white: #ffffff;
	--kaya-orange: #f47d30;
	--kaya-brown: #35131a;
	--kaya-maroon: #6d0f12;
	--kaya-orange-light: #fef2ea;
	--kaya-green: #98d722;
}

body.kaya-header-active #header-outer {
	--kaya-hdr-inset-x: min(6.25rem, 5.2083333333vw);
	--kaya-hdr-inset-y: min(4.8125rem, 4.0104166667vw);
	--kaya-hdr-nav-max: min(107.5rem, 89.5833333333vw);
	--kaya-hdr-height: min(5.6875rem, 4.7395833333vw);

	--kaya-hdr-logo-w: min(10rem, 8.3333333333vw);
	--kaya-hdr-logo-h: min(5.6875rem, 4.7395833333vw);

	--kaya-hdr-nav-top: min(2rem, 1.6666666667vw);
	--kaya-hdr-nav-gap: min(2rem, 1.6666666667vw);
	--kaya-hdr-nav-fs: min(1rem, 0.8333333333vw);
	--kaya-hdr-nav-icon-gap: min(0.75rem, 0.625vw);
	--kaya-hdr-divider-w: min(0.125rem, 0.1041666667vw);
	--kaya-hdr-divider-h: min(1.25rem, 1.0416666667vw);
	--kaya-hdr-divider-offset: min(1.0625rem, 0.8854166667vw);
	--kaya-hdr-chevron-w: min(0.875rem, 0.7291666667vw);
	--kaya-hdr-chevron-h: min(0.4375rem, 0.3645833333vw);
	--kaya-hdr-chevron-leaf-w: min(0.963375rem, 0.803125vw);
	--kaya-hdr-chevron-leaf-h: min(0.5700625rem, 0.4750520833vw);
	--kaya-hdr-chevron-nudge: min(0.0441875rem, 0.0368229167vw);

	--kaya-hdr-cta-mt: min(1.125rem, 0.9375vw);
	--kaya-hdr-cta-py: min(1rem, 0.8333333333vw);
	--kaya-hdr-cta-px: min(1.25rem, 1.0416666667vw);
	--kaya-hdr-cta-gap: min(1rem, 0.8333333333vw);
	--kaya-hdr-cta-radius: min(0.625rem, 0.5208333333vw);
	--kaya-hdr-cta-fs: min(0.875rem, 0.7291666667vw);
	--kaya-hdr-cta-lh: min(1.0625rem, 0.8854166667vw);
	--kaya-hdr-cta-icon-w: min(1.25rem, 1.0416666667vw);
	--kaya-hdr-cta-icon-h: min(0.875rem, 0.7291666667vw);
	--kaya-hdr-cta-leaf-w: min(1.317375rem, 1.0978125vw);
	--kaya-hdr-cta-leaf-h: min(0.9423125rem, 0.7852604167vw);
	--kaya-hdr-cta-leaf-t: min(0.0336875rem, 0.0280729167vw);
	--kaya-hdr-scrolled-pad: min(0.75rem, 0.625vw);
	--kaya-hdr-scrolled-shadow: min(0.25rem, 0.2083333333vw);

	--kaya-topbar-h: min(3.3207375rem, 2.76728125vw);
	--kaya-topbar-below: min(1.4917625rem, 1.2431354167vw);
	--kaya-topbar-pad-y: min(1.0625rem, 0.8854166667vw);
	--kaya-topbar-fs: min(0.875rem, 0.7291666667vw);
	--kaya-topbar-link-gap: min(0.5rem, 0.4166666667vw);
	--kaya-topbar-arrow-w: min(0.75rem, 0.625vw);
	--kaya-topbar-arrow-h: min(0.5rem, 0.4166666667vw);
	--kaya-topbar-arrow-leaf-w: min(0.796075rem, 0.6633958333vw);
	--kaya-topbar-arrow-leaf-h: min(0.545925rem, 0.4549375vw);
	--kaya-topbar-arrow-leaf-t: min(0.0229625rem, 0.0191354167vw);
	--kaya-topbar-social: min(1.25rem, 1.0416666667vw);
	--kaya-topbar-social-gap: min(0.75rem, 0.625vw);
}

body.kaya-header-active #header-space {
	display: none !important;
}

body.kaya-header-active #header-outer,
body.kaya-header-active #header-outer.transparent,
body.kaya-header-active #header-outer.small-nav,
body.kaya-header-active #header-outer[data-permanent-transparent],
body.kaya-header-active #header-outer .cart-outer,
body.kaya-header-active #header-outer #top {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

body.kaya-header-active #header-outer {
	height: auto !important;
	padding: 0;
	box-sizing: border-box;
	overflow: visible !important;
}

body.kaya-header-active #header-secondary-outer,
body.kaya-header-active #header-outer #search-outer,
body.kaya-header-active #header-outer .mobile-search,
body.kaya-header-active #header-outer .mobile-user-account,
body.kaya-header-active #header-outer #mobile-cart-link,
body.kaya-header-active #header-outer #social-in-menu,
body.kaya-header-active #header-outer ul.buttons {
	display: none !important;
}

body.kaya-header-active #header-outer .kaya-topbar {
	position: relative;
	width: 100%;
	height: var(--kaya-topbar-h);
	background: transparent;
	overflow: visible;
	z-index: 4;
}

body.kaya-header-active #header-outer .kaya-topbar__shape {
	position: absolute;
	inset: 0;
	pointer-events: none;
	line-height: 0;
}

body.kaya-header-active #header-outer .kaya-topbar__shape img {
	display: block;
	width: 100%;
	height: var(--kaya-topbar-h);
	max-width: none;
	object-fit: fill;
}

body.kaya-header-active #header-outer .kaya-topbar__inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	max-width: none;
	width: 100%;
	margin: 0;
	padding: var(--kaya-topbar-pad-y) var(--kaya-hdr-inset-x) 0;
	box-sizing: border-box;
}

body.kaya-header-active #header-outer .kaya-topbar__link {
	display: inline-flex;
	align-items: center;
	gap: var(--kaya-topbar-link-gap);
	margin: min(0.125rem, 0.1041666667vw) 0 0;
	text-decoration: none;
	color: var(--kaya-white);
	z-index: 2;
}

body.kaya-header-active #header-outer .kaya-topbar__link-label {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: var(--kaya-topbar-fs);
	line-height: normal;
	letter-spacing: 0;
	color: var(--kaya-white);
	white-space: nowrap;
}

body.kaya-header-active #header-outer .kaya-topbar__link-icon {
	display: block;
	position: relative;
	width: var(--kaya-topbar-arrow-w);
	height: var(--kaya-topbar-arrow-h);
	overflow: visible;
	flex: 0 0 var(--kaya-topbar-arrow-w);
}

body.kaya-header-active #header-outer .kaya-topbar__link-icon img {
	display: block;
	position: absolute;
	top: calc(-1 * var(--kaya-topbar-arrow-leaf-t));
	left: 0;
	width: var(--kaya-topbar-arrow-leaf-w);
	height: var(--kaya-topbar-arrow-leaf-h);
	max-width: none;
}

body.kaya-header-active #header-outer .kaya-topbar__link:hover,
body.kaya-header-active #header-outer .kaya-topbar__link:focus {
	color: var(--kaya-white);
	opacity: 0.85;
}

body.kaya-header-active #header-outer .kaya-topbar__social {
	display: flex;
	align-items: center;
	gap: var(--kaya-topbar-social-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
}

body.kaya-header-active #header-outer .kaya-topbar__social li {
	margin: 0;
	padding: 0;
	line-height: 0;
}

body.kaya-header-active #header-outer .kaya-topbar__social a {
	display: block;
	line-height: 0;
}

body.kaya-header-active #header-outer .kaya-topbar__social-icon {
	display: block;
	width: var(--kaya-topbar-social);
	height: var(--kaya-topbar-social);
	overflow: hidden;
}

body.kaya-header-active #header-outer .kaya-topbar__social-icon img {
	display: block;
	width: var(--kaya-topbar-social);
	height: var(--kaya-topbar-social);
	max-width: none;
}

body.kaya-header-active #header-outer .kaya-topbar__social a:hover,
body.kaya-header-active #header-outer .kaya-topbar__social a:focus {
	opacity: 0.85;
}

body.kaya-header-active #header-outer #top.kaya-header {
	padding: var(--kaya-topbar-below) var(--kaya-hdr-inset-x) 0;
	box-sizing: border-box;
}

body.kaya-header-active #header-outer #top.kaya-header > .container {
	max-width: var(--kaya-hdr-nav-max);
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	float: none;
	width: 100%;
	margin: 0;
	height: var(--kaya-hdr-height);
	position: relative;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__brand,
body.kaya-header-active #header-outer #top.kaya-header .kaya-header__main {
	float: none;
	position: static;
	width: auto;
	margin: 0;
	padding: 0;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__brand {
	flex: 0 0 var(--kaya-hdr-logo-w);
	width: var(--kaya-hdr-logo-w);
	z-index: 2;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__main {
	flex: 1 1 auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	min-width: 0;
}

body.kaya-header-active #header-outer #top.kaya-header #logo.kaya-header__logo {
	display: block;
	position: relative;
	width: var(--kaya-hdr-logo-w);
	height: var(--kaya-hdr-logo-h);
	margin: 0;
	padding: 0;
	line-height: 0;
	overflow: visible;
}

body.kaya-header-active #header-outer #top.kaya-header #logo.kaya-header__logo img.kaya-header__logo-img {
	display: block;
	border: 0;
	width: var(--kaya-hdr-logo-w) !important;
	height: var(--kaya-hdr-logo-h) !important;
	max-width: none;
	max-height: none !important;
	object-fit: contain;
	object-position: left center;
}

body.kaya-header-active #header-outer #top.kaya-header #logo.kaya-header__logo img.kaya-header__logo-img--light {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__nav {
	position: absolute;
	left: 50%;
	top: var(--kaya-hdr-nav-top);
	transform: translateX(-50%);
	z-index: 1;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--kaya-hdr-nav-gap);
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li {
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(-1 * var(--kaya-hdr-divider-offset));
	width: var(--kaya-hdr-divider-w);
	height: var(--kaya-hdr-divider-h);
	margin-top: calc(var(--kaya-hdr-divider-h) / -2);
	background: url("../assets/header/divider.svg") no-repeat center;
	background-size: var(--kaya-hdr-divider-w) var(--kaya-hdr-divider-h);
	pointer-events: none;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a {
	display: flex;
	align-items: center;
	gap: var(--kaya-hdr-nav-icon-gap);
	padding: 0;
	margin: 0;
	border: 0;
	box-shadow: none;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: var(--kaya-hdr-nav-fs);
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--kaya-white) !important;
	white-space: nowrap;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a .nectar-text-reveal-button,
body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a .nectar-text-reveal-button__text {
	font: inherit;
	color: inherit;
	text-transform: inherit;
	letter-spacing: inherit;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a:hover,
body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a:focus {
	color: var(--kaya-white) !important;
	opacity: 0.85;
}

body.kaya-header-active #header-outer[data-lhe="animated_underline"] #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a .menu-title-text:after,
body.kaya-header-active #header-outer[data-lhe="animated_underline"] #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a:hover .menu-title-text:after,
body.kaya-header-active #header-outer[data-lhe="animated_underline"] #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a:focus .menu-title-text:after,
body.kaya-header-active #header-outer[data-lhe="animated_underline"] #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.sfHover > a .menu-title-text:after,
body.kaya-header-active #header-outer[data-lhe="animated_underline"] #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.is-open > a .menu-title-text:after,
body.kaya-header-active #header-outer[data-lhe="animated_underline"] #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li[class*="current"] > a .menu-title-text:after {
	transform: scaleX(0);
	border-top-width: 0;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a > .sf-sub-indicator,
body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav .sf-arrows .sf-with-ul:after,
body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a:after {
	display: none !important;
	content: none !important;
	background: none !important;
}

body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.menu-item-has-children > a::after,
body.kaya-header-active #header-outer #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li.sf-with-ul > a::after {
	content: "" !important;
	display: block !important;
	width: var(--kaya-hdr-chevron-w);
	height: var(--kaya-hdr-chevron-h);
	margin: 0;
	padding: 0;
	border: 0;
	flex: 0 0 var(--kaya-hdr-chevron-w);
	background-color: transparent !important;
	background-image: url("../assets/header/chevron.svg") !important;
	background-repeat: no-repeat !important;
	background-size: var(--kaya-hdr-chevron-leaf-w) var(--kaya-hdr-chevron-leaf-h) !important;
	background-position: calc(-1 * var(--kaya-hdr-chevron-nudge)) calc(-1 * var(--kaya-hdr-chevron-nudge)) !important;
	overflow: visible;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--kaya-hdr-cta-gap);
	margin: var(--kaya-hdr-cta-mt) 0 0;
	padding: var(--kaya-hdr-cta-py) var(--kaya-hdr-cta-px);
	border-radius: var(--kaya-hdr-cta-radius);
	background: var(--kaya-white);
	color: var(--kaya-brown);
	text-decoration: none;
	z-index: 2;
	flex: 0 0 auto;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta-label {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: var(--kaya-hdr-cta-fs);
	line-height: var(--kaya-hdr-cta-lh);
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--kaya-brown);
	white-space: nowrap;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta-icon {
	display: block;
	width: var(--kaya-hdr-cta-icon-w);
	height: var(--kaya-hdr-cta-icon-h);
	overflow: visible;
	position: relative;
	flex: 0 0 var(--kaya-hdr-cta-icon-w);
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta-icon img {
	display: block;
	position: absolute;
	top: calc(-1 * var(--kaya-hdr-cta-leaf-t));
	left: 0;
	width: var(--kaya-hdr-cta-leaf-w);
	height: var(--kaya-hdr-cta-leaf-h);
	max-width: none;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta-arrow--light {
	opacity: 0;
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta:hover,
body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta:focus {
	background: var(--kaya-green);
	opacity: 1;
	color: var(--kaya-brown);
}

body.kaya-header-active.kaya-hero-green #header-outer:not(.kaya-header-scrolled) #top.kaya-header .kaya-header__cta:hover,
body.kaya-header-active.kaya-hero-green #header-outer:not(.kaya-header-scrolled) #top.kaya-header .kaya-header__cta:focus {
	background: var(--kaya-orange);
}

body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta:hover .kaya-header__cta-label,
body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta:focus .kaya-header__cta-label {
	color: var(--kaya-brown);
}

body.kaya-header-active #header-outer.kaya-header-scrolled,
body.kaya-header-active #header-outer.kaya-header-scrolled.transparent,
body.kaya-header-active #header-outer.kaya-header-scrolled.small-nav,
body.kaya-header-active #header-outer.kaya-header-scrolled[data-permanent-transparent] {
	background: var(--kaya-white) !important;
	background-color: var(--kaya-white) !important;
	box-shadow: 0 var(--kaya-hdr-scrolled-shadow) var(--kaya-hdr-scrolled-shadow) rgba(0, 0, 0, 0.04) !important;
	border: none !important;
}

body.kaya-header-active #header-outer.kaya-header-scrolled .kaya-topbar {
	display: none;
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header {
	padding-top: var(--kaya-hdr-scrolled-pad);
	padding-bottom: var(--kaya-hdr-scrolled-pad);
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header #logo.kaya-header__logo img.kaya-header__logo-img--dark {
	opacity: 0;
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header #logo.kaya-header__logo img.kaya-header__logo-img--light {
	opacity: 1;
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li:not(:last-child)::after {
	background-image: url("../assets/header/divider-light.svg");
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a,
body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a:hover,
body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header nav.kaya-header__nav > ul.kaya-header__menu > li > a:focus {
	color: var(--kaya-brown) !important;
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta {
	background: var(--kaya-maroon);
	color: var(--kaya-white);
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta-label {
	color: var(--kaya-white);
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta:hover,
body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta:focus {
	background: var(--kaya-brown);
	opacity: 1;
	color: var(--kaya-white);
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta:hover .kaya-header__cta-label,
body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta:focus .kaya-header__cta-label {
	color: var(--kaya-white);
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta-arrow--dark {
	opacity: 0;
}

body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header .kaya-header__cta-arrow--light {
	opacity: 1;
}

body.kaya-header-active #header-outer.kaya-header-scrolled .slide-out-widget-area-toggle .lines-button .lines:before,
body.kaya-header-active #header-outer.kaya-header-scrolled .slide-out-widget-area-toggle .lines-button .lines:after,
body.kaya-header-active #header-outer.kaya-header-scrolled .slide-out-widget-area-toggle.mobile-icon .lines-button:after {
	background-color: var(--kaya-brown) !important;
}

@media only screen and (min-width: 1000px) {
	body.kaya-header-active #header-outer #top.kaya-header .slide-out-widget-area-toggle {
		display: none !important;
	}
}

.kaya-mobile-nav,
.kaya-mobile-menu-lace,
.kaya-mobile-menu-icon,
.kaya-mobile-close {
	display: none;
}

@media only screen and (max-width: 999px) {
	body.kaya-header-active #header-outer {
		padding: 0;
		--kaya-hdr-height: 66px;
		--kaya-hdr-inset-x: 20px;
		--kaya-hdr-logo-w: 116px;
		--kaya-hdr-logo-h: 66px;
	}

	body.kaya-header-active #header-outer .kaya-topbar,
	body.kaya-mobile-nav-open #header-outer .kaya-topbar,
	body.kaya-mobile-nav-open #header-outer.kaya-header-scrolled .kaya-topbar {
		display: none;
	}

	body.kaya-header-active #header-outer #top.kaya-header {
		padding: 12px 20px 0;
	}

	body.kaya-header-active #header-outer.kaya-header-scrolled #top.kaya-header {
		padding: 12px 20px;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-header__row {
		align-items: center;
		height: 66px;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-header__nav,
	body.kaya-header-active #header-outer #top.kaya-header .kaya-header__cta {
		display: none;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-header__brand,
	body.kaya-header-active #header-outer #top.kaya-header .kaya-header__main {
		position: static !important;
		float: none;
		width: auto;
		height: auto;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-header__brand {
		flex: 0 0 auto;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-header__main {
		align-items: center;
		align-self: center;
	}

	body.kaya-header-active #header-outer #top.kaya-header #logo.kaya-header__logo,
	body.kaya-header-active #header-outer #top.kaya-header #logo.kaya-header__logo img.kaya-header__logo-img {
		width: 116px !important;
		height: 66px !important;
	}

	body.kaya-header-active #header-outer #top.kaya-header .slide-out-widget-area-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 46.7159px;
		margin: 0 0 0 auto;
		padding: 0 !important;
		position: relative;
		top: auto;
		right: auto;
	}

	body.kaya-header-active #header-outer #top.kaya-header .slide-out-widget-area-toggle > div,
	body.kaya-header-active #header-outer #top.kaya-header .slide-out-widget-area-toggle a {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 48px;
		height: 46.7159px;
		line-height: 0;
	}

	body.kaya-header-active #header-outer #top.kaya-header .slide-out-widget-area-toggle a {
		border-radius: 0;
		background-color: transparent;
		overflow: visible;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-mobile-lines {
		display: none;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-mobile-menu-lace,
	body.kaya-header-active #header-outer #top.kaya-header .kaya-mobile-menu-icon,
	body.kaya-header-active #header-outer #top.kaya-header .kaya-mobile-close {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: none;
	}

	/* Figma Group 124 (1210:30117): the white circle is the torn Group 53 lace, rotated 180. */
	body.kaya-header-active #header-outer #top.kaya-header .kaya-mobile-menu-lace {
		display: block;
		width: 48px;
		height: 46.7159px;
		transform: translate(-50%, -50%) rotate(180deg);
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-mobile-menu-icon {
		display: block;
		width: 18px;
		height: 13.5px;
	}

	body.kaya-header-active #header-outer #top.kaya-header .kaya-mobile-close {
		display: none;
		width: 48px;
		height: 46.7159px;
	}

	body.kaya-mobile-nav-open #header-outer,
	body.kaya-mobile-nav-open #header-outer.transparent,
	body.kaya-mobile-nav-open #header-outer.kaya-header-scrolled,
	body.kaya-mobile-nav-open #header-outer #top.kaya-header {
		background: var(--kaya-white) !important;
		background-color: var(--kaya-white) !important;
		box-shadow: none !important;
	}

	body.kaya-mobile-nav-open #header-outer {
		z-index: 10000;
	}

	body.kaya-mobile-nav-open #header-outer .kaya-topbar {
		z-index: 10002;
	}

	body.kaya-mobile-nav-open #header-outer #top.kaya-header {
		position: relative;
		z-index: 10001;
	}

	body.kaya-mobile-nav-open #header-outer.kaya-header-scrolled #top.kaya-header {
		padding: 12px 20px 0;
	}

	body.kaya-mobile-nav-open #header-outer #top.kaya-header #logo.kaya-header__logo img.kaya-header__logo-img--dark {
		opacity: 0 !important;
	}

	body.kaya-mobile-nav-open #header-outer #top.kaya-header #logo.kaya-header__logo img.kaya-header__logo-img--light {
		opacity: 1 !important;
	}

	body.kaya-mobile-nav-open #header-outer #top.kaya-header .kaya-mobile-menu-lace,
	body.kaya-mobile-nav-open #header-outer #top.kaya-header .kaya-mobile-menu-icon {
		display: none;
	}

	body.kaya-mobile-nav-open #header-outer #top.kaya-header .kaya-mobile-close {
		display: block;
	}

	body.kaya-mobile-nav-open #header-outer #top.kaya-header .slide-out-widget-area-toggle,
	body.kaya-mobile-nav-open #header-outer #top.kaya-header .slide-out-widget-area-toggle > div,
	body.kaya-mobile-nav-open #header-outer #top.kaya-header .slide-out-widget-area-toggle a {
		width: 48px;
		height: 47px;
		border-radius: 0;
		background-color: transparent;
	}

	body.kaya-mobile-nav-open {
		overflow: hidden;
	}

	body.kaya-mobile-nav-open .kaya-mobile-nav {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: var(--kaya-mobile-nav-top, 140px);
		z-index: 9999;
		background: var(--kaya-white);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.kaya-header-active .kaya-mobile-nav__panel {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		width: 100%;
		padding: 40px 20px 60px;
		box-sizing: border-box;
	}

	body.kaya-header-active .kaya-mobile-nav__list {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	body.kaya-header-active .kaya-mobile-nav__acc {
		width: 100%;
	}

	body.kaya-header-active .kaya-mobile-nav__acc:not([open]) .kaya-mobile-nav__sub {
		display: none;
	}

	body.kaya-header-active .kaya-mobile-nav__acc[open] {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	body.kaya-header-active .kaya-mobile-nav__summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		cursor: pointer;
		font-family: "Montserrat", sans-serif;
		font-weight: 900;
		font-size: 20px;
		line-height: 20px;
		letter-spacing: -0.6px;
		text-transform: uppercase;
		color: var(--kaya-brown);
	}

	body.kaya-header-active .kaya-mobile-nav__summary::-webkit-details-marker {
		display: none;
	}

	body.kaya-header-active .kaya-mobile-nav__summary::marker {
		content: "";
	}

	body.kaya-header-active .kaya-mobile-nav__chevron {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 16px;
		height: 8px;
		flex: 0 0 16px;
		overflow: visible;
	}

	body.kaya-header-active .kaya-mobile-nav__chevron img {
		display: block;
		width: 17.4142px;
		height: 10.1213px;
		max-width: none;
	}

	body.kaya-header-active .kaya-mobile-nav__acc[open] .kaya-mobile-nav__chevron {
		transform: rotate(180deg);
	}

	body.kaya-header-active .kaya-mobile-nav__rule {
		display: block;
		width: 100%;
		height: 0;
		border: 0;
		border-top: 2px solid var(--kaya-orange-light);
	}

	body.kaya-header-active .kaya-mobile-nav__sub {
		display: flex;
		flex-direction: column;
		gap: 8px;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	body.kaya-header-active .kaya-mobile-nav__sub li {
		margin: 0;
		padding: 0;
	}

	body.kaya-header-active .kaya-mobile-nav__sub a,
	body.kaya-header-active .kaya-mobile-nav__page {
		font-family: "Montserrat", sans-serif;
		color: var(--kaya-brown);
		text-decoration: none;
	}

	body.kaya-header-active .kaya-mobile-nav__sub a {
		display: block;
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
	}

	body.kaya-header-active .kaya-mobile-nav__page {
		display: block;
		font-weight: 900;
		font-size: 20px;
		line-height: 20px;
		letter-spacing: -0.6px;
		text-transform: uppercase;
	}

	body.kaya-header-active .kaya-mobile-nav__cta {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		margin: 0;
		padding: 14px 18px;
		border-radius: 10px;
		background: var(--kaya-maroon);
		color: var(--kaya-white) !important;
		text-decoration: none;
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0;
		text-transform: uppercase;
	}

	body.kaya-header-active .kaya-mobile-nav__cta:hover,
	body.kaya-header-active .kaya-mobile-nav__cta:focus {
		background: var(--kaya-brown);
		color: var(--kaya-white) !important;
		opacity: 1;
	}

	body.kaya-header-active .kaya-mobile-nav__cta-icon {
		position: relative;
		display: block;
		width: 18px;
		height: 12px;
		flex: 0 0 18px;
		overflow: visible;
	}

	body.kaya-header-active .kaya-mobile-nav__cta-icon img {
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 21.0776px;
		height: 15.0771px;
		max-width: none;
		transform: translateY(-50%);
	}

	body.kaya-header-active .kaya-mobile-nav__volunteer {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		color: var(--kaya-brown);
		text-decoration: none;
		font-family: "Montserrat", sans-serif;
		font-weight: 600;
		font-size: 14px;
		line-height: normal;
	}

	body.kaya-header-active .kaya-mobile-nav__volunteer-icon {
		position: relative;
		display: block;
		width: 12px;
		height: 8px;
		flex: 0 0 12px;
		overflow: visible;
	}

	body.kaya-header-active .kaya-mobile-nav__volunteer-icon img {
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 12.7372px;
		height: 8.7348px;
		max-width: none;
		transform: translateY(-50%);
	}

	body.kaya-header-active .kaya-mobile-nav__social {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	body.kaya-header-active .kaya-mobile-nav__social li {
		margin: 0;
		padding: 0;
		line-height: 0;
	}

	body.kaya-header-active .kaya-mobile-nav__social a {
		display: block;
		line-height: 0;
	}

	body.kaya-header-active .kaya-mobile-nav__social img {
		display: block;
		width: 32px;
		height: 32px;
		max-width: none;
	}

	#slide-out-widget-area,
	#slide-out-widget-area-bg,
	.slide_out_area_close,
	#ajax-content-wrap > .slide-out-widget-area-toggle {
		display: none !important;
	}

	/* Salient's material off-canvas scales and slides the page. Keep it still. */
	body[data-slide-out-widget-area-style] .ocm-effect-wrap,
	body[data-slide-out-widget-area-style] .ocm-effect-wrap.material-ocm-open,
	body[data-slide-out-widget-area-style] .ocm-effect-wrap-shadow,
	body[data-slide-out-widget-area-style] .ocm-effect-wrap-shadow.material-ocm-open,
	.ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner {
		transform: none !important;
		-webkit-transform: none !important;
	}

	.material-ocm-open .container-wrap {
		pointer-events: auto;
	}
}

/* Contact page already is the contact destination. Hide the header button there only. */
body.page-template-page-contact-us .kaya-header__cta,
body.page-contact-us .kaya-header__cta,
body.page-contact .kaya-header__cta,
body.page-template-page-contact-us .kaya-mobile-nav__cta,
body.page-contact-us .kaya-mobile-nav__cta,
body.page-contact .kaya-mobile-nav__cta {
	display: none !important;
}