/* Copper Lantern grouped primary navigation. Visibility is owned by navigation.js. */
.clt-header-inner {
	position: relative;
}

.clt-menu > li.clt-mega-top {
	position: static;
}

.clt-menu > li.clt-mega-top > a {
	display: inline-flex;
	align-items: center;
}

.clt-mega-toggle {
	position: relative;
	display: inline-grid;
	width: 25px;
	height: 34px;
	margin-left: -7px;
	padding: 0;
	place-items: center;
	border: 0;
	background: transparent;
	color: rgba(250, 246, 240, .72);
	cursor: pointer;
}

.clt-mega-toggle::before {
	width: 7px;
	height: 7px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	content: "";
	transform: translateY(-2px) rotate(45deg);
	transition: transform .18s ease, color .18s ease;
}

.clt-mega-toggle:hover,
.clt-mega-toggle:focus-visible,
.clt-mega-top.is-mega-open > .clt-mega-toggle {
	color: var(--clt-copper-light);
}

.clt-mega-top.is-mega-open > .clt-mega-toggle::before {
	transform: translateY(2px) rotate(225deg);
}

.clt-menu > li.clt-mega-top > .sub-menu {
	top: 100%;
	right: auto;
	left: 50%;
	display: grid;
	width: min(1040px, calc(100vw - 48px));
	min-width: 0;
	max-height: var(--clt-nav-available-height, calc(100dvh - 92px));
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	padding: 30px 28px 32px;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid rgba(214, 166, 114, .28);
	border-top: 3px solid var(--clt-copper);
	background: #10231f;
	box-shadow: 0 24px 55px rgba(5, 15, 12, .28);
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 8px);
	visibility: hidden;
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.clt-menu > li.clt-mega-about > .sub-menu {
	width: min(760px, calc(100vw - 48px));
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clt-nav:not(.is-enhanced) .clt-menu > li.clt-mega-top:hover > .sub-menu,
.clt-nav:not(.is-enhanced) .clt-menu > li.clt-mega-top:focus-within > .sub-menu,
.clt-menu > li.clt-mega-top.is-mega-open > .sub-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
	visibility: visible;
}

.clt-nav.is-enhanced .clt-menu > li.clt-mega-top > .sub-menu[hidden] {
	display: none;
}

.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group {
	display: block;
	min-width: 0;
	padding: 0 24px;
}

.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group:first-child {
	padding-left: 4px;
}

.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group:last-child {
	padding-right: 4px;
}

.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group + li.clt-menu-group {
	border-left: 1px solid rgba(214, 166, 114, .22);
}

.clt-mega-group-title {
	display: block;
	margin: 0 0 14px;
	color: var(--clt-copper-light);
	font: 400 11px/1.35 "Cinzel CLT", "Cinzel", Georgia, serif;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group > .sub-menu {
	position: static;
	display: grid;
	min-width: 0;
	max-height: none;
	gap: 2px;
	margin: 0;
	padding: 0;
	overflow: visible;
	border: 0;
	background: transparent;
	box-shadow: none;
	opacity: 1;
	pointer-events: auto;
	transform: none;
	visibility: visible;
}

.clt-menu > li.clt-mega-top .clt-mega-link {
	min-width: 0;
}

.clt-menu > li.clt-mega-top .clt-mega-link > a {
	display: block;
	padding: 8px 10px;
	border-left: 2px solid transparent;
	color: #fff;
	font: 400 13px/1.35 "Cinzel CLT", "Cinzel", Georgia, serif;
	letter-spacing: .025em;
	text-transform: none;
	-webkit-text-stroke: 0;
	white-space: normal;
	transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.clt-menu > li.clt-mega-top .clt-mega-link > a:hover,
.clt-menu > li.clt-mega-top .clt-mega-link > a:focus-visible,
.clt-menu > li.clt-mega-top .clt-mega-link.current-menu-item > a {
	border-left-color: var(--clt-copper-light);
	background: rgba(214, 166, 114, .09);
	color: var(--clt-copper-light);
}

.clt-mega-link-note {
	display: block;
	margin-top: 3px;
	color: rgba(250, 246, 240, .78);
	font: 500 12px/1.4 "Quicksand", Arial, sans-serif;
	letter-spacing: 0;
	text-transform: none;
	-webkit-text-stroke: 0;
}

.clt-menu > li.clt-mega-top .clt-mega-link > a:hover .clt-mega-link-note,
.clt-menu > li.clt-mega-top .clt-mega-link > a:focus-visible .clt-mega-link-note {
	color: rgba(250, 246, 240, .82);
}

@media (max-width: 1120px) {
	.clt-nav {
		max-height: var(--clt-nav-available-height, calc(100dvh - 74px));
		overscroll-behavior: contain;
	}

	.clt-nav .clt-menu {
		gap: 0;
	}

	.clt-menu > li.clt-nav-top {
		position: relative;
		display: grid;
		width: 100%;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		border-bottom: 1px solid rgba(214, 166, 114, .17);
	}

	.clt-menu > li.clt-nav-top > a {
		display: flex;
		min-height: 48px;
		align-items: center;
		padding: 10px 0;
		font-size: 13px;
	}

	.clt-mega-toggle {
		width: 48px;
		height: 48px;
		margin: 0;
		border-left: 1px solid rgba(214, 166, 114, .17);
	}

	.clt-menu > li.clt-mega-top > .sub-menu,
	.clt-menu > li.clt-mega-about > .sub-menu {
		position: static;
		display: none;
		width: 100%;
		max-height: none;
		grid-column: 1 / -1;
		grid-template-columns: 1fr;
		padding: 6px 0 20px 18px;
		overflow: visible;
		border: 0;
		border-left: 1px solid var(--clt-copper);
		background: transparent;
		box-shadow: none;
		opacity: 1;
		pointer-events: auto;
		transform: none;
		visibility: visible;
	}

	.clt-menu > li.clt-mega-top.is-mega-open > .sub-menu {
		display: grid;
		transform: none;
	}

	.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group,
	.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group:first-child,
	.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group:last-child {
		padding: 16px 12px 10px;
	}

	.clt-menu > li.clt-mega-top > .sub-menu > li.clt-menu-group + li.clt-menu-group {
		border-top: 1px solid rgba(214, 166, 114, .17);
		border-left: 0;
	}

	.clt-mega-group-title {
		margin-bottom: 7px;
	}

	.clt-menu > li.clt-mega-top .clt-mega-link > a {
		padding: 8px 10px;
		font-size: 13px;
	}
}

@media (max-width: 560px) {
	.clt-nav {
		padding-inline: 22px;
	}

	.clt-mega-link-note {
		font-size: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.clt-mega-toggle::before,
	.clt-menu > li.clt-mega-top > .sub-menu,
	.clt-menu > li.clt-mega-top .clt-mega-link > a {
		transition: none;
	}
}