.navigation.navigation-three-col.desktop {
	--surface-1: var(--primary-color-200);
	--surface-2: var(--primary-color-300);
	--surface-3: var(--primary-color-400);
	--inner-border-1: #227fd3;
	--inner-border-2: #81C765;
	--inner-border-3: #E34653;
	--inner-border-4: #FCC24D;
	position: static;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transform: rotate(-90deg);
}

.navigation.navigation-three-col.desktop .dropdown-menu {
	position: absolute;
	right: 0;
	width: 100%;
	border-radius: 3px;
	min-width: 200px;
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-1 {
    display: inline-block;
    left: 0;
    right: auto;
    width: auto;
    top: calc(100% + 5px);
}

.navigation.navigation-three-col.desktop > .navigation-inner.desktop > .nav-item:nth-child(n+3) .nav-item-control {
	flex-direction: row-reverse;
}

.navigation.navigation-three-col.desktop > .navigation-inner.desktop > .nav-item:nth-child(n+3) a {
	justify-content: flex-end;
	text-align: right;
}

.navigation.navigation-three-col.desktop > .navigation-inner.desktop > .nav-item:nth-child(n+3) .dropdown-toggle {
	transform: rotateY(180deg);
	padding-right: 15px;
	margin-left: 0;
	margin-right: -20px;
}

.navigation.navigation-three-col.desktop > .navigation-inner.desktop > .nav-item:nth-child(n+3) > .dropdown-menu.level-1 {
	right: 0;
	left: auto;
}

.navigation.navigation-three-col.desktop > .navigation-inner.desktop > .nav-item:nth-child(n+3) .dropdown-menu .dropdown-menu {
	left: auto;
	right: calc(100% - 5px);
	padding-right: 5px;
	padding-left: 0px;
}

.navigation.navigation-three-col.desktop > .navigation-inner.desktop > .nav-item:nth-child(n+3) .dropdown-menu:not(.level-1):after {
	left: auto;
	right: 0;
}

.navigation.navigation-three-col.desktop .nav-item.microsites.level-1.open > .nav-item-control:before,
.navigation.navigation-three-col.desktop .nav-item.level-1.open > .nav-item-control.level-1:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	top: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
}

.navigation.navigation-three-col.desktop .nav-item.level-1 > .dropdown-menu.open:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 15px;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
}

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.border-1 .dropdown-menu,
.navigation.navigation-three-col.primary.desktop .nav-item.main.border-1 .dropdown-menu {
	background-color: var(--background-1);
}

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.border-1 > .nav-item-control.level-1:before,
.navigation.navigation-three-col.primary.desktop .nav-item.main.open.border-1 > .nav-item-control.level-1:before { border-bottom-color: var(--background-1); }

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.border-2 .dropdown-menu,
.navigation.navigation-three-col.primary.desktop .nav-item.main.border-2 .dropdown-menu {
	background-color: var(--background-2);
}

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.open.border-2 > .nav-item-control.level-1:before,
.navigation.navigation-three-col.primary.desktop .nav-item.main.open.border-2 > .nav-item-control.level-1:before { border-bottom-color: var(--background-2); }

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.border-3 .dropdown-menu,
.navigation.navigation-three-col.primary.desktop .nav-item.main.border-3 .dropdown-menu {
	background-color: var(--background-3);
}

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.open.border-3 > .nav-item-control.level-1 > .dropdown-menu:before,
.navigation.navigation-three-col.primary.desktop .nav-item.main.open.border-3 > .nav-item-control.level-1 > .dropdown-menu:before,
.navigation.navigation-three-col.primary.desktop .nav-item.microsites.open.border-3 > .nav-item-control.level-1:before,
.navigation.navigation-three-col.primary.desktop .nav-item.main.open.border-3 > .nav-item-control.level-1:before { border-bottom-color: var(--background-3); }

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.border-0 .dropdown-menu,
.navigation.navigation-three-col.primary.desktop .nav-item.main.border-0 .dropdown-menu {
	background-color: var(--background-4);
}

.navigation.navigation-three-col.primary.desktop .nav-item.microsites.open.border-0 > .nav-item-control.level-1 > .dropdown-menu:before,
.navigation.navigation-three-col.primary.desktop .nav-item.main.open.border-0 > .nav-item-control.level-1 > .dropdown-menu:before,
.navigation.navigation-three-col.primary.desktop .nav-item.main.open.border-0 > .nav-item-control.level-1:before { border-bottom-color: var(--background-4); }

.navigation.navigation-three-col.desktop .nav-item.microsites .dropdown-menu:not(.level-1):after,
.navigation.navigation-three-col.desktop .nav-item.main .dropdown-menu:not(.level-1):after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 2px;
	height: calc(100% - 40px);
	transform: translateY(-50%);
}

.navigation.navigation-three-col.desktop .nav-item.microsites.border-1 .dropdown-menu:not(.level-1):after,
.navigation.navigation-three-col.desktop .nav-item.main.border-1 .dropdown-menu:not(.level-1):after {
	background-color: var(--inner-border-1);
}

.navigation.navigation-three-col.desktop .nav-item.microsites.border-2 .dropdown-menu:not(.level-1):after,
.navigation.navigation-three-col.desktop .nav-item.main.border-2 .dropdown-menu:not(.level-1):after {
	background-color: var(--inner-border-2);
}

.navigation.navigation-three-col.desktop .nav-item.microsites.border-3 .dropdown-menu:not(.level-1):after,
.navigation.navigation-three-col.desktop .nav-item.main.border-3 .dropdown-menu:not(.level-1):after {
	background-color: var(--inner-border-3);
}

.navigation.navigation-three-col.desktop .nav-item.microsites.border-4 .dropdown-menu:not(.level-1):after,
.navigation.navigation-three-col.desktop .nav-item.main.border-4 .dropdown-menu:not(.level-1):after {
	background-color: var(--inner-border-4);
}

.navigation.navigation-three-col.desktop .nav-item.microsites.border-0 .dropdown-menu:not(.level-1):after,
.navigation.navigation-three-col.desktop .nav-item.main.border-0 .dropdown-menu:not(.level-1):after {
	background-color: white;
	opacity: 0.35;
}

.navigation.navigation-three-col.desktop .nav-item.microsites .dropdown-menu:not(.level-1):after {
	left: 100%;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
	top: 0;
	left: calc(100% - 5px);
	right: auto;
	width: auto;
	padding-left: 5px;
}

.navigation.navigation-three-col.desktop > .nav-item.on-right .dropdown-menu .dropdown-menu {
	top: 0;
	left: -100%;
	right: auto;
	width: 100%;
	transform: none;
}

.navigation.navigation-three-col.desktop > .nav-item.on-right.microsites .dropdown-menu .dropdown-menu {
	height: 100%;
}

.navigation.navigation-three-col.desktop > .nav-item.on-right.microsites .dropdown-menu .nav-item-control {
	flex-direction: row-reverse;
}

.navigation.navigation-three-col.desktop > .nav-item.on-right.microsites .nav-item .dropdown-toggle {
	transform: rotate(180deg);
	padding-left: 0;
    padding-right: 25px;
}

.navigation.navigation-three-col.desktop > .nav-item.on-right .dropdown-menu .nav-item .dropdown-helper {
	transform-origin: left center;
}

.navigation.navigation-three-col.desktop > .nav-item.on-right.microsites.last > .dropdown-menu {
	transform: translateX(-25%);
}

.navigation.navigation-three-col.desktop .dropdown-menu.open {
	opacity: 1;
	pointer-events: all;
}

.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;
}

.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;
}

.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.microsites {
	background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
}

/* Primary desktop navigation */
.navigation.navigation-three-col.desktop .dropdown-menu .nav-item a {
	min-width: 0 !important;
	color: var(--white);
	font-family: var(--font-body);
	padding: 10px 20px;
	letter-spacing: 0.25px;
}

.navigation.navigation-three-col.desktop .nav-item.microsites .dropdown-menu .nav-item a {
	justify-content: center;
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item .nav-item-control:hover > a {
	text-decoration: underline;
	font-weight: 600;
	letter-spacing: normal;
}


.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item.level-4 a {
	padding-right: 25px;
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item.level-2 {
	width: auto;
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
	padding: 0 8px;
}

/* Secondary desktop navigation */
.navigation.navigation-three-col.desktop.secondary .dropdown-menu {
	min-width: 0;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .nav-item {
	width: auto;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .dropdown-menu {
	left: 98%;
	width: 50%;
}
