.navigation.navigation-three-col.fullwidth.desktop {
	--surface-1: var(--primary-color-200);
	--text: var(--gray-900);
}

.navigation.navigation-three-col.fullwidth.desktop a {
	padding-left: var(--space-12);
	padding-right: var(--space-12);
	white-space: normal;
}

.navigation.navigation-three-col.fullwidth.desktop .nav-item-control.level-0 {
	height: 100%;
}

.navigation.navigation-three-col.fullwidth.desktop .nav-item.level-1:not(.secondary) > .nav-item-control.level-1 > a {
	font-family: var(--font-title-b);
	font-size: var(--text-2xl);
	font-weight: 400;
	line-height: var(--leading-none);
	border: none;
}

.navigation.navigation-three-col.fullwidth.desktop .nav-item.level-2:not(.secondary) > .nav-item-control.level-2 > a {
	font-family: var(--font-title-b);
	font-size: var(--text-lg);
	font-weight: 400;
	line-height: var(--leading-none);
	border: none;
}

.navigation.navigation-three-col.fullwidth.desktop .nav-item.level-0 {
	overflow: hidden;
	position: relative;
}

.navigation.navigation-three-col.fullwidth.desktop .nav-item.level-0.open {
	overflow: visible;
	position: static;
} 

.navigation.navigation-three-col.fullwidth.desktop .menu-toggle {
	display: block;
	width: 38px;
}

.navigation.navigation-three-col.fullwidth.desktop .level-1.nav-item > .nav-item-control {
	color: var(--text);
}

.navigation.navigation-three-col.fullwidth.desktop .level-1.nav-item > .nav-item-control {
	color: var(--white);
	border-radius: 25px;
	padding: 0 28px;
	margin-bottom: 10px;
}

.navigation.navigation-three-col.fullwidth.desktop .level-1.nav-item > .nav-item-control:hover,
.navigation.navigation-three-col.fullwidth.desktop .level-1.nav-item.open > .nav-item-control,
.navigation.navigation-three-col.fullwidth.desktop .level-1.nav-item.current > .nav-item-control {
	background: var(--nav-dark-bg);
	color: var(--sw-text-color);
}

.navigation.navigation-three-col.fullwidth.desktop .level-1.nav-item.current > .nav-item-control > a {

}

.navigation.navigation-three-col.fullwidth.desktop .level-2.nav-item > .nav-item-control {
	color: var(--white);
	border-radius: 25px;
	padding: 0 28px;
}


.navigation.navigation-three-col.fullwidth.desktop .level-2.nav-item.open > .nav-item-control {
	background-color: var(--white);
}	

.navigation.navigation-three-col.fullwidth.desktop .nav-item.open:is(.level-1, .level-2) > .nav-item-control {
	color: var(--black);
}


.navigation.navigation-three-col.fullwidth.desktop .level-2.nav-item.current > .nav-item-control {
	background: var(--white);
	color: var(--sw-text-color);
}

.navigation.navigation-three-col.fullwidth.desktop .level-1.nav-item > .nav-item-control > .nav-link {
	padding: 16px 0;

	/* &:hover, &:focus {
		text-decoration: none;
	} */
}

.navigation.navigation-three-col.fullwidth.desktop .level-2.nav-item > .nav-item-control > .nav-link {
	padding: 19px 0;

	/* &:hover {
		text-decoration: none;
	} */
}

.navigation.desktop .nav-item.level-0 > .nav-item-control:hover {
	background-color: transparent;
}

.navigation .nav-item .dropdown-toggle:focus-visible {
	outline-color: var(--sw-focus-color);
}

.navigation.desktop .nav-item.level-1 > .nav-item-control > a:focus-visible {
	border-bottom-color: var(--sw-focus-color);
}

.navigation.navigation-three-col.fullwidth.desktop .dropdown-menu {
	min-width: 100%;
	max-width: none;
	/* max-height: calc(100vh - 96px) !important; */
	transform: none;
	/* overflow-y: auto;
	overscroll-behavior: contain; */
	/* height: auto; */
}

.navigation.navigation-three-col.fullwidth.desktop .dropdown-menu.level-0 {
	padding: var(--space-4) 10px 100px;
	box-sizing: border-box;
	border-top: 1px solid #545454;

	.nav-inner-wrapper {
		width: 100%;
		position: relative;
	}
}

.navigation.navigation-three-col.fullwidth.desktop .dropdown-menu.level-2 {
	background-color: var(--surface-1);
}

.navigation.navigation-three-col.fullwidth.desktop .dropdown-menu.level-3 {
	background-color: var(--surface-1);
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
	max-width: 25%;
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
    left: calc(25% + 10px);
    width: 25%;
	background: transparent;

	padding-bottom: 100px;
}

.navigation.navigation-three-col.fullwidth.desktop .dropdown-menu.level-0 > .nav-item {
	opacity: 0;
	transition-duration: 0;
}

.navigation.navigation-three-col.fullwidth.desktop .dropdown-menu.level-0.open > .nav-item {
	opacity: 1;
}

.navigation.navigation-three-col.fullwidth.desktop .nav-item:not(.level-0):hover > .nav-item-control > a {
	text-decoration: underline;
}