.navigation.navigation-three-col.desktop {
	--surface-1: var(--white);
	--surface-2: var(--off-white);
	--surface-3: var(--white);
	position: static;
}

.navigation.navigation-three-col.desktop .nav-item.level-1 {
	position: relative;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transform: rotate(-90deg);
	color: var(--red);
}

.navigation.navigation-three-col.desktop .dropdown-menu,
.navigation.navigation-three-col.desktop .dropdown-menu * {
	pointer-events: none;
}

.navigation.navigation-three-col.desktop .dropdown-menu {
	position: absolute;
	inset: 100% auto auto 0;
	z-index: 0;
	display: block !important;
	width: 270px;
	padding: 0;
	opacity: 0;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item {
	background-color: var(--surface-1);
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item-control {
	position: relative;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item-control::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	display: block;
	content: '';
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	pointer-events: none;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-link {
	padding: 5px 20px;
	font-family: var(--font-frutiger-condensed);
	font-weight: normal;
	font-size: var(--text-base);
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--red);
}

[data-sitename="riverwalk"] .navigation.navigation-three-col.desktop .dropdown-menu .nav-link {
	padding: 5px 20px;
	font-family: var(--font-santa-bold);
	font-weight: normal;
	font-size: var(--text-base);
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--red);
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item:first-child .nav-item-control {
	padding-top: 10px;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item:last-child .nav-item-control {
	padding-bottom: 15px;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
	inset: 0 auto auto 100%;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu .nav-item {
	background-color: var(--surface-2);
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu .dropdown-menu .nav-item {
	background-color: var(--surface-3);
}

.navigation.navigation-three-col.desktop .final-child .dropdown-menu {
	right: 0;
	left: auto;
}

.navigation.navigation-three-col.desktop .final-child .dropdown-menu .dropdown-menu {
	right: 100%;
	left: auto;
}

.navigation.navigation-three-col.desktop .dropdown-menu.open,
.navigation.navigation-three-col.desktop .dropdown-menu.open * {
	pointer-events: all;
}

.navigation.navigation-three-col.desktop .dropdown-menu.open {
	z-index: 2;
	opacity: 1;
}

.navigation.navigation-three-col.desktop .nav-item .dropdown-helper {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 300ms ease 200ms;
	display: none !important;
}

.navigation.navigation-three-col.desktop .level-1.nav-item > .dropdown-helper {
	height: 100% !important;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .dropdown-helper {
	transform: scaleX(0);
	transform-origin: right center;
}

.navigation.navigation-three-col.desktop .nav-item .dropdown-helper {
	opacity: 0.3;
}

.navigation.navigation-three-col.desktop .nav-item:not(.level-1) .dropdown-helper {
	right: 0;
	left: 0;
}



@media (hover: hover) {
	.navigation.navigation-three-col.desktop .nav-item .nav-item-control:hover + .dropdown-helper {
		transform: scaleY(1);
		transition: none;
	}
	
	.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .nav-item-control:hover + .dropdown-helper {
		transform: scaleX(1);
	}
	
	.navigation.navigation-three-col.desktop .nav-item .nav-item-control:hover {
		position: relative;
		z-index: 2;
	}

	.navigation.navigation-three-col.desktop .dropdown-menu .nav-item-control:hover {
		z-index: unset;
	}
}

/* Secondary desktop navigation */
.navigation.navigation-three-col.desktop.secondary .dropdown-menu {
	min-width: 210px;
	max-width: 210px;
}

.navigation.navigation-three-col.desktop.secondary .nav-item.level-2 .nav-link {
	text-transform: none;
}