.utility_belt {
	height: 100%;

	svg {
		height: 24px;
		width: auto;
	}

	button {
		color: inherit;
	}
}

.utility_belt {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	flex: 1;
	padding-inline: 14px;
}

@media(min-width: 480px) {
	.utility_belt {
		justify-content: end;
	}
}

@media(min-width: 768px) {
	.utility_belt {
		padding-inline: 0;
	}
}


.utility_belt>a,
.utility_belt>button,
.nav_toggle {
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	border: 0;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	align-items: center;
	background-color: transparent;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	gap: 0;
	font-weight: var(--strong);
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
}

.utility_belt>a:focus,
.utility_belt>button:focus,
.nav_toggle:focus {
	color:white;
}

@media(min-width: 860px) {

	.utility_belt>a,
	.utility_belt>button,
	.nav_toggle {
		flex-direction: row;
		gap: 4px;
		font-size: 14px;
	}
}

.menu_label {
	color: var(--white, #FFF);
	font-weight: 600;
	transition: var(--transition);
}

.hidden_mobile {
	display: none;
}

@media(min-width: 768px) {
	.hidden_mobile {
		display: inline;
	}

}

.utility_belt>a:hover,
.utility_belt>button:hover {
	border-bottom-color: white;
	border-top-color: transparent;
	color: white;
	transition: var(--transition);
}


.wn_layout {
	padding: var(--gap-small) var(--gap);
	display: flex;
	flex-direction: column;
	gap: var(--gap-small);
	flex: 1;

}

.was_nav_header {
	display: flex;
	padding: 28px 44px;
}

.wn_logo svg {
	height: 60px;
	width: auto;
}

.wn_logo svg .issue_fill {
	fill: var(--issue-light) !important;
}

.fl_logo svg .issue_fill {
	fill: white !important;
}

.wnh_2 {
	display: flex;
	flex: 1;
	justify-content: end;
}

.was_nav_main {
	padding-inline: 22px;
	flex:1;
	overflow-y: auto;
	padding-bottom: 44px;
}

@media(min-width: 420px) {
	.was_nav_main {
		padding-inline: 44px;
	}
}


.wn_col {
	width: 100%;
	max-width: 151px;
}

.was_nav_grid {
	display: grid;
	gap: 21px;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}

@container (min-width: 720px) {
	.was_nav_grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}

@container (min-width: 1080px) {

	.wn_col {
		max-width: 360px;
	}

	.was_nav_grid {
		display: flex;
		flex-direction: row;
	}

}

.was_nav_grid .wn_divider {
	flex: auto;
	border-left: 1px solid var(--issue-dark);
	padding: 0 var(--gap-small);
}

.fl_nav .was_nav_grid .wn_divider {
	border-left: 1px solid white;
	height: 100%;
}

.was_nav_grid a {
	text-decoration: none;
	color: white;
}


.wn_layout .was_nav_grid a:not(.section_link) {
	text-decoration: none;
	color: var(--issue-light);
	font-weight: 600;
	font-size: 1rem;
}


.was_nav_grid a:hover,
.wn_layout .was_nav_grid a:not(.section_link):hover {
	transition: none;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 2px;
	text-decoration-color: white;
}

.section_link {
	color: var(--white, #FFF);
	font-family: var(--heading-font);
	font-size: var(--step-0);
	font-weight: var(--strong);
	line-height: 120%;
	display: flex;
	align-items: center;
	gap: 0.25em;
}

.fl_nav .section_link {
	font-size: 1.25rem;
}

.fl_nav .section_link svg {
	width: 16px;
	height: 16px;
}

.was_nav_grid .nippers {
	display: flex;
	flex-direction: column;
	padding: 0;
	gap: 10px;
	padding-top: 1rem;
	border-left: 0 !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	/* 22.4px */
	color: var(--light, #F7F5ED);
	min-width: 140px;
	max-width: 160px;
}



.was_nav_footer {
	width: 100%;
	padding: var(--gap-small);
	gap: var(--gap-small);
	background-color: var(--dark);
	color: white;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	padding-inline: 22px;
	text-wrap: balance;
	text-align: center;
}

.header_breadcrumbs_inner {
	display: none;
}

@media(min-width: 992px) {

	.header_breadcrumbs_inner {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 2rem;
		font-weight: var(--strong);
		line-height: normal;
		letter-spacing: 1.12px;
		text-transform: uppercase;
	}

}

.crumb {
	color: var(--purple, #B190E6);
}

.crumb_seperator {
	padding: 0 0.5rem;
}

/* top nav */
.topnav {
	display: none;
}

@media(min-width: 760px) {

	.topnav {
		display: flex;
		padding: 0;
		flex: 1;
		gap: var(--gap);
		justify-content: end;
		align-items: end;
	}

}

.topnav a {
	text-decoration: none;
	color: var(--dark, #181818);
	font-style: normal;
	font-weight: var(--heavy);
	line-height: 28px;
	/* 175% */
	text-transform: uppercase;

	display: inline-flex;
	padding-bottom: 12px;
	border-bottom: 4px solid white;
	transition: var(--transition);
}

.topnav a:hover {
	border-bottom: 4px solid var(--accent);
	transition: var(--transition);
}

.topnav:has(a:hover) a:not(:hover) {
	opacity: 0.65;
	transition: var(--transition);
}


.search-link {
	margin-right: 0;
	display: flex;
	justify-content: center;
	padding: 10px;
}

.search-icon {
	margin-top: 0.1rem;
	margin-right: 0.5rem;
}

.topnav-link-active,
.topnav-link:hover,
.topnav-link:focus {
	color: white;
	border-color: var(--dark);
}

/* breadcrumbs */

.cakes {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: var(--gap-small);
}

.breadcrumbs {
	padding: 0;
	margin: 0 0 1rem 0;
	font-size: 14px;
	font-weight: var(--weight-mid);
}

.breadcrumb-list {
	padding: 0;
	margin: 0 0 0.2rem 0;
}

.breadcrumbs ol {
	margin-bottom: 0;
}

.breadcrumbs li {
	display: inline-block;
	padding-bottom: 0;
}

.breadcrumb-link {
	background-color: transparent;
	padding: 0.2rem !important;
	text-decoration: underline;
	color: var(--accent, #BD2125);
	line-height: 160%;
	/* 22.4px */
}

.breadcrumb-separator {
	padding: 0 0.2rem 0 0.3rem;
}

.breadcrumb-separator::after {
	content: '/';
}

/* nav */
#nav_sidebar {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nav_sidebar {
	order: 1;
}

@media(min-width: 992px) {
	.nav_sidebar {
		order: 0;
	}
}

.nav_sidebar a {
	display: flex;
	color: var(--accent, #BD2125);
	font-family: var(--font-sans);
	font-weight: 600;
	line-height: 160%;
	text-decoration: none;
	text-underline-position: under;
	text-decoration-thickness: 2px;
}

.nav_sidebar a:hover {
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 2px;

}

.nav_sidebar a.ns_parent {
	font-family: var(--heading-font);
	font-size: var(--step-0);
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 18px;
}

.nav_sidebar a.ns_parent_active {
	color: var(--dark);
}

.nav_sidebar a.ns_parent_active:hover {
	color: var(--accent, #BD2125);
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 2px;
}

.nav_sidebar a.ns_link_active {
	color: var(--dark);
	text-decoration: underline;
}

.ns_children {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.ns_link_level_2 {
	padding-left: var(--gap-small);
	font-size: var(--step--2);
}

.ns_link_level_3 {
	padding-left: calc(2 * var(--gap-small));
	font-size: var(--step--2);
}