/******/
/*** MENU ***/
/******/

:root {
	--mcf-nav-height: 6.875rem;
	--mcf-nav-gutter: 4rem;
	--mcf-nav-link-gap: 2rem;
	--mcf-nav-action-gap: 1rem;
}

.global-nav {
	width: 100%;
	top: 0;
	background-color: var(--color-navy-darker);
}

.navigation {
	display: block;
	width: 100%;
	max-width: 100rem;
	margin-right: auto;
	margin-left: auto;
}

.navigation .padding-equalize {
	min-height: var(--mcf-nav-height);
	padding-right: var(--mcf-nav-gutter);
	padding-left: var(--mcf-nav-gutter);
	gap: 2rem;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
}

.navigation__logo {
	flex: 0 0 auto;
	padding-right: 0;
	padding-left: 0;
}

.navigation__logo img {
	display: block;
	width: 15.875rem;
	height: auto;
}

.navigation__wrapper {
	flex: 1 1 auto;
	min-width: 0;
	justify-content: center;
}

.navigation__links {
	gap: var(--mcf-nav-link-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.navigation__links li {
	position: relative;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.navigation__links li a {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .75rem 0;
	color: var(--color-white);
	text-decoration: none;
}

.navigation__links > li > a {
	font-size: var(--text-base);
	line-height: var(--leading-normal);
}

.navigation__links .menu-item-has-children > a:after {
	content: "";
	width: .375rem;
	height: .375rem;
	margin-left: .5rem;
	border-right: solid .09375rem var(--color-white);
	border-bottom: solid .09375rem var(--color-white);
	transform: rotate(45deg) translateY(-.125rem);
	transition: transform 300ms;
}

.navigation__links .menu-item-has-children:hover > a:after {
	transform: rotate(225deg) translateY(.0625rem);
}

.cta-menu ul {
	display: flex;
	align-items: center;
	gap: var(--mcf-nav-action-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.cta-menu li {
	margin: 0;
	padding: 0;
}

.cta-menu li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .5rem 1.25rem;
	border-radius: var(--radius-lg);
	font-family: "antarctican-mono", sans-serif;
	font-size: .75rem;
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--tracking-wider);
	line-height: var(--leading-normal);
	text-decoration: none;
	text-transform: uppercase;
}

.cta-menu li:first-child a {
	background-color: var(--color-white);
	color: var(--color-navy);
	border: solid .0625rem var(--color-white);
}

.cta-menu li:last-child a {
	background-color: transparent;
	color: var(--color-white);
	border: solid .0625rem var(--color-white);
}

.site-footer ul,
.site-footer li {
	float: none;
}

.site-footer .footer-menu-list,
.site-footer .footer-menu-list .sub-menu,
.site-footer .footer-utility-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .footer-menu-list .sub-menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

@media screen and ( min-width: 48rem ) {
	.navigation__links .sub-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 18rem;
		list-style: none;
		margin: 0;
		padding: .75rem;
		background-color: var(--color-white);
		border-radius: var(--radius-lg);
		box-shadow: var(--shadow-lg);
		z-index: 5;
	}

	.navigation__links .sub-menu li a {
		width: calc(100% - 1.5rem);
		padding: .625rem .75rem;
		border-radius: var(--radius-md);
		color: var(--color-navy);
	}

	.navigation__links .sub-menu li a:hover,
	.navigation__links .sub-menu li a:focus {
		background-color: var(--color-grey);
	}

	.navigation__links li:hover > .sub-menu {
		display: block;
	}
}

@media screen and ( max-width: 47.9375rem ) {
	:root {
		--mcf-nav-height: 5rem;
		--mcf-nav-gutter: 1rem;
	}

	.global-nav {
		top: 0;
	}

	body {
		overflow-x: hidden;
	}

	.navigation {
		position: relative;
		padding: .125rem 0 .125rem .125rem;
	}

	.navigation__logo {
		width: 10rem;
	}

	.navigation__logo img {
		width: 100%;
	}

	.navigation__wrapper {
		flex-grow: 1;
		justify-content: flex-end;
		padding-right: .25rem!important;
	}

	.navigation__links {
		position: fixed;
		inset: 0;
		width: 100vw;
		height: 100vh;
		height: 100svh;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 6.5rem 1.5rem 2rem;
		background: var(--color-navy-darker);
		box-shadow: none;
		box-sizing: border-box;
		transform: translateX(100%);
		visibility: hidden;
		pointer-events: none;
		transition: transform .24s ease, visibility 0s linear .24s;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 1.25rem;
		z-index: 5;
	}

	.navigation__links li {
		width: 100%;
		padding: 0;
		text-align: left;
	}

	.navigation__links li a {
		width: 100%;
		justify-content: space-between;
		padding: 0;
		font-size: var(--text-2xl);
		line-height: var(--leading-snug);
	}

	.navigation__links .sub-menu {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: .875rem;
		list-style: none;
		margin: 0;
		padding: 1rem 0 0 1rem;
	}

	.navigation__links .sub-menu li {
		padding: 0;
	}

	.navigation__links .sub-menu li a {
		font-size: var(--text-base);
		line-height: var(--leading-normal);
		justify-content: flex-start;
	}

	.navigation__links > .menu-item-has-children {
		border-bottom: solid .0625rem rgba(255,255,255,.12);
		padding-bottom: 1.25rem;
	}

	#hamburger {
		position: absolute;
		width: .0625rem;
		height: .0625rem;
		opacity: 0;
		pointer-events: none;
	}

	.navigation__button {
		position: relative;
		display: inline-block;
		width: 2.25rem;
		height: 2rem;
		background: transparent;
		cursor: pointer;
		z-index: 6;
	}

	.navigation__button span {
		position: absolute;
		right: 0;
		display: inline-block;
		width: 1.5rem;
		height: .125rem;
		background-color: var(--color-white);
		transform-origin: center;
		transition: opacity 0.2s linear, all 0.3s linear;
	}

	.navigation__button span:nth-of-type(1) {
		top: .5625rem;
	}

	.navigation__button span:nth-of-type(2) {
		top: .9375rem;
	}

	.navigation__button span:nth-of-type(3) {
		top: 1.3125rem;
	}

	#hamburger:checked ~ .navigation__links {
		transform: translateX(0);
		visibility: visible;
		pointer-events: auto;
		transition-delay: 0s;
	}

	#hamburger:checked ~ .navigation__button span:nth-of-type(1) {
		transform: rotate(45deg);
		top: 1rem;
	}

	#hamburger:checked ~ .navigation__button span:nth-of-type(2) {
		opacity: 0;
	}

	#hamburger:checked ~ .navigation__button span:nth-of-type(3) {
		transform: rotate(-45deg);
		top: 1rem;
	}

	.cta-menu {
		display: none;
	}
}

@media screen and ( max-width: 75rem ) {
	:root {
		--mcf-nav-gutter: 2rem;
		--mcf-nav-link-gap: 1.25rem;
	}

	.navigation .padding-equalize {
		gap: 1.5rem;
	}

	.navigation__logo img {
		width: 13.5rem;
	}
}

@media screen and ( max-width: 47.9375rem ) {
	:root {
		--mcf-nav-height: 5rem;
		--mcf-nav-gutter: 1rem;
		--mcf-nav-link-gap: 1.25rem;
	}

	.navigation .padding-equalize {
		min-height: var(--mcf-nav-height);
		padding-right: var(--mcf-nav-gutter);
		padding-left: var(--mcf-nav-gutter);
	}
}

@media(max-width:47.9375rem){
  .navigation__links .menu-item-has-children>a:after{display:none!important}
}

