.navigation.navigation-three-col.desktop {
	--surface-1: var(--primary-color-200);
	--surface-2: transparent;
	--surface-3: transparent;
	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%;
	background-color: var(--surface-1);
	overflow: hidden;
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-1 {
	display: grid !important;
	right: 72px;
	width: 70%;
	min-width: 1178px;
	max-width: 1178px;
	background-color: var(--surface-1);
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 246px;
	justify-content: space-between;
	height: auto !important;
	padding-bottom: var(--space-8);
	transition: opacity ease 400ms;
}
.navigation.navigation-three-col.desktop .dropdown-menu.level-2 {
	background-color: var(--surface-2);
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-3 {
	background-color: var(--surface-3);
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
	top: 0;
	left: 34.5%;
	right: auto;
	width: 63%;
	display: block !important;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu .dropdown-menu {
	top: 0;
	left: 46%;
	right: auto;
	width: 100%;
	max-width: 229px;
	display: block !important;
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu.level-1 {
	padding-top: var(--space-10);
	padding-bottom: 55px;
	margin-top: 2px;
	right: -80px;
	margin-left: 0;
	padding-right: var(--space-12);
}

.navigation.navigation-three-col.desktop .dropdown-menu.open {
	opacity: 1;
	pointer-events: all;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu .nav-item {
	max-width: 50%;
}

.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.secondary .nav-item .dropdown-helper {
	width: 240%;
}
.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: 32;
}

/* Primary desktop navigation */
.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
	max-width: 58%;
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu .dropdown-menu .nav-item {
	max-width: 78%;
}

.navigation.navigation-three-col.desktop.primary .dropdown-menu .dropdown-menu .dropdown-menu .nav-item {
	max-width: 100%;
}
/* Secondary desktop navigation */
.navigation.navigation-three-col.desktop.secondary .dropdown-menu {
	min-width: 725px;
	max-width: 725px;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu.level-1 {
	padding-bottom: var(--space-12);
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu.level-1 .items {
	padding-left: 30px;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .nav-item {
	max-width: 285px;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu.level-2 .items {
	padding-left: 60px;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .dropdown-menu {
	left: 300px;
	width: 50%;
}

@media (min-width: 64em) {
	.navigation.navigation-three-col.desktop.primary .dropdown-menu.level-1 {
		min-width: 867px;
		max-width: 967px;
		right: -70px;
	}
	.navigation.navigation-three-col.desktop.primary .level-1 > .items {
		padding-left: 25px;
	}
	.navigation.navigation-three-col.desktop.primary .level-1 > .items:after {
		left: 280px;
	}

	.navigation.navigation-three-col.desktop.primary .level-1[data-section="microsites"] > .items:after {
		left: 300px;
	}

	.navigation.navigation-three-col.desktop.primary .level-1 > .items:before {
		left: 461px;
	}
}

@media (min-width: 90em) {
	.navigation.navigation-three-col.desktop.primary .dropdown-menu.level-1 {
		min-width: 878px;
		max-width: 1178px;
		right: 138px;
	}

	.navigation.navigation-three-col.desktop.primary .dropdown-menu.level-1[data-section="microsites"] {
		min-width: 928px;
		right: 0;
	}

	.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
		width: 60%;
	}

	.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu .dropdown-menu {
		max-width: 262px;
	}

	.navigation.navigation-three-col.desktop.primary .level-1 > .items {
		padding-left: 60px;
	}

	.navigation.navigation-three-col.desktop.primary .level-1 > .items:after {
		left: 295px;
	}

	.navigation.navigation-three-col.desktop.primary .dropdown-menu .dropdown-menu .nav-item {
		max-width: 78%;
	}

	.navigation.navigation-three-col.desktop.primary .level-1[data-section="microsites"] > .items:after {
		left: 345px;
	}

	.navigation.navigation-three-col.desktop.primary .level-1[data-section="microsites"] .level-2 > .items {
		padding-left: 148px;
	}
}

/* Microsites */

@media (min-width: 64em) {
	.panel-page.film-theme .navigation.navigation-three-col.primary .nav-item.level-1 {
		position: relative;
	}
	.panel-page.film-theme .navigation.navigation-three-col.primary .dropdown-menu.level-1 {
		min-width: 652px;
		max-width: 652px;
		right: unset;
		left: -50px;
		grid-template-columns: 1fr;
	}
	.panel-page.film-theme .panel-header .dropdown-menu-title,
	.panel-page.film-theme .navigation.navigation-three-col.primary .menu-cta {
		display: none;
	}
	.panel-page.film-theme .navigation.navigation-three-col.desktop.primary .level-1 > .items:after {
		left: 338px;
	}
	.panel-page.film-theme .navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
		max-width: 45%;
	}
	.panel-page.film-theme .navigation.navigation-three-col.desktop.primary  .dropdown-menu .dropdown-menu .nav-item {
		max-width: 90%;
	}

	.panel-page.film-theme .navigation.navigation-three-col.primary .nav-item.level-1.on-right .dropdown-menu.level-1 {
		left: unset;
		right: -20px;
	}
}
