/*
 * Navbar runtime styles
 * Keeps the Webflow header outside ScrollSmoother's transformed content.
 */
html:not(.wf-design-mode) .navbar.w-nav {
	--navbar-offset: 92px;
	--navbar-top-min-height: 70px;
	--navbar-sticky-min-height: 60px;
	--navbar-sticky-button-padding-y: 13.2px;
	--navbar-sticky-menu-padding-y: 11px;
	position: fixed;
	top: 10px;
	left: 10px;
	right: auto;
	width: calc(100% - 20px);
	max-width: calc(100% - 20px);
	z-index: 1000;
	box-sizing: border-box;
	background-color: transparent;
	border: 0;
	transition-property: color;
	transition-duration: 260ms;
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

html:not(.wf-design-mode) .navbar.w-nav.is-sticky {
	position: fixed;
	top: 10px;
	left: 10px;
	right: auto;
	width: calc(100% - 20px);
	max-width: calc(100% - 20px);
	background-color: transparent;
}

html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 10px;
	padding-top: 0;
	padding-bottom: 0;
	transition-property: min-height, background-color, border-color, box-shadow;
	transition-duration: 260ms;
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky.is-sticky {
	height: auto;
	min-height: var(--navbar-sticky-min-height);
	background-color: var(--_system-colors---white);
	border-color: var(--_system-colors---muted);
}

html:not(.wf-design-mode) .navbar.w-nav .navbar-container {
	position: relative;
	z-index: 1;
	height: auto;
	min-height: 0;
	transition-property: color;
	transition-duration: 260ms;
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@media screen and (min-width: 992px) {
	html:not(.wf-design-mode) .navbar.w-nav {
		height: var(--navbar-offset);
		min-height: var(--navbar-offset);
	}

	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky {
		min-height: var(--navbar-top-min-height);
	}

	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky.is-sticky {
		min-height: var(--navbar-sticky-min-height);
	}

	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky .button.button-icon,
	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky .menu {
		transition-property: padding-top, padding-bottom, background-color, border-color, color;
		transition-duration: 260ms;
		transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	}

	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky.is-sticky .button.button-icon {
		padding-top: var(--navbar-sticky-button-padding-y);
		padding-bottom: var(--navbar-sticky-button-padding-y);
	}

	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky.is-sticky .menu {
		padding-top: var(--navbar-sticky-menu-padding-y);
		padding-bottom: var(--navbar-sticky-menu-padding-y);
	}
}

@media screen and (min-width: 1920px) {
	html:not(.wf-design-mode) .navbar.w-nav {
		--navbar-sticky-button-padding-y: 18.2px;
	}
}

html:not(.wf-design-mode) #smooth-content {
	padding-top: var(--navbar-offset, 92px);
}

html:not(.wf-design-mode) body.has-navbar-overlay #smooth-content {
	padding-top: 0;
}

/*html:not(.wf-design-mode) .navbar-spacer {*/
/*	display: none;*/
/*}*/

.navbar::before,
.navbar::after {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	html:not(.wf-design-mode) .navbar.w-nav,
	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky,
	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky .button.button-icon,
	html:not(.wf-design-mode) .navbar.w-nav .navbar-sticky .menu,
	html:not(.wf-design-mode) .navbar.w-nav .navbar-container {
		transition-duration: 0ms;
	}
}