/* FOOTER */

.FOOTER {
	background: var(--navy);
}


.FOOTER a:not(.b-button) {color: var(--white); text-decoration: none;}
.FOOTER a:not(.b-button):hover {color: var(--orange);}

.FOOTER .b-button:hover {background: transparent; color: var(--white); box-shadow: inset 0 0 0 1rem var(--white);}
.FOOTER .alt-button .b-button:hover svg:last-child path {fill: var(--white);}


.FOOTER .b-column:first-child {
	width: 300rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.FOOTER .b-column:last-child {flex-grow: 1;}

.FOOTER .logo {
	display: block;
	text-indent: -9999rem;
	width: 100rem;
	height: 40rem;
	background: url('../images/meq-light.svg') no-repeat center / 100%;
}


.FOOTER .sitemap nav > ul {
	display: flex;
	font-size: 16rem;
	justify-content: space-between;
}

.FOOTER .sitemap nav > ul > li {
	flex: 1 1 auto;
	margin-top: 0;
	border-left: 1px solid var(--white);
	padding-left: var(--s4);
	max-width: var(--col-2);
}

.FOOTER .sitemap nav > ul > li > a {
	font-size: 18rem;
	font-weight: 600;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 var(--s3);
	color: var(--orange);
}

.FOOTER .sitemap nav > ul > li li {
	margin-bottom: var(--s2);
}

.FOOTER .sitemap nav > ul > li li a {
	font-weight: 600;
	line-height: 1.7;
}

.FOOTER .bottom {
	padding-top: var(--s3);
	padding-bottom: var(--s3);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--orange);
	color: var(--white);
}

.FOOTER .legal {
	max-width: var(--frame-width);
	margin: 0 auto;
    font-size: 16rem;
    display: flex;
    justify-content: space-between;
    width: var(--frame-width);
}

.FOOTER .legal a {
	font-weight: 400;
	padding-left:var(--s3);
	text-decoration: underline;
}

.FOOTER .legal a:hover {
	color: var(--navy);
}


.FOOTER[data-custom-menu] > .b-frame  {padding-top: var(--s7); padding-bottom: var(--s5);}
.FOOTER[data-custom-menu] > .b-frame > .b-columns:first-child {display: none;}
.FOOTER[data-custom-menu] .bottom {margin-top: 0; padding-top: 0; border-top: none;}

@media (width <= 960px) {
	.FOOTER .b-frame {padding-bottom: var(--s7);}
	.FOOTER .b-column:first-child {width: 100%; width: 100%; flex-direction: row; align-items: center; margin-bottom: var(--s5);}
	.FOOTER .sitemap nav > ul {flex-direction: column; gap: var(--s4);}
	.FOOTER .bottom {padding-top: var(--s3);}
	.FOOTER .legal {justify-content: center; flex-flow: row wrap; gap: var(--s2);}
	.FOOTER .legal a {padding: 0 var(--s1);}
}



/* NAV */

.NAV .b-frame {
	padding-top: 0;
	padding-bottom: 0;
}

.NAV nav input {
	display: none;
}

.NAV nav .a {
	color: var(--navy);
	cursor: pointer;
	font-weight: 600;
}

.NAV nav .a::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: var(--s1);
	height: 5rem;
	background: var(--navy);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin: -1rem 0 0 var(--s1);
}

.NAV nav a:not(.b-button) {color: var(--navy); text-decoration: none; font-weight: 600;}
.NAV nav a:not(.b-button):hover {color: var(--orange);}



.NAV nav .b-button {width: 100%; margin-top: var(--s5);background: var(--navy); color: var(--white); box-shadow: none;}
.NAV nav .b-button:hover {background: var(--orange); color: var(--white);}
.NAV nav .b-button svg:last-child path {fill: var(--orange);}
.NAV nav .b-button:hover svg:last-child path {fill: var(--white);}

/* teir 1 */

.NAV nav > ul > li {
	position: relative;
	padding: var(--s3) 0;
	font-size: 18rem;
	line-height: 1.25;
	border-bottom: 1rem solid var(--navy-200);
	margin: 0;
}

.NAV nav > ul > li:last-child {border-bottom: none;}

/* teir 2 */

.NAV nav ul ul {
	overflow: hidden;
	transition: max-height 0.25s;
}

.NAV nav ul ul > li {
	padding: var(--s1) 0 var(--s1) var(--s3);
	font-size: 16rem;
	position: relative;
}

.NAV nav ul ul > li a {
	position: static;
	display: block;
	width: 100%;
}

.NAV nav ul ul > li a::before {
	content: "";
	border-radius: var(--s1);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: background 0.25s;
}

.NAV nav ul ul > li:hover a::before,
.NAV nav ul ul > li:focus-within a::before {
	background: var(--green-100);
}

.NAV nav ul ul > li .description {font-size: 14rem; line-height: 1.5; font-weight: 400; color: var(--navy-300);}

.NAV nav ul ul > li:first-child {padding-top: var(--s3);}

/* teir 2 open */

.NAV nav input:not(:checked) ~ ul {max-height: 0 !important;}
.NAV nav input:checked ~ .a {color: var(--orange);}
.NAV nav input:checked ~ .a::after {transform: scaleY(-1);}
.NAV nav input:checked ~ .a::after {background: var(--orange);}

.NAV nav .image-wrapper {
	padding: var(--s3);
    background: var(--green-100);
    border-radius: var(--s1);
    margin-top: var(--s2);
}

.NAV nav .image-wrapper .image {
	border-radius: var(--s1);
	margin-bottom: var(--s4);
	overflow: hidden;
}

.NAV nav .image-wrapper a {
	position:relative;
	margin-top: var(--s4);
}

.NAV nav .image-wrapper a::after {
	content: "";
	position: absolute;
	top: 54%;
	right: var(--ns3);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 4rem solid transparent;
	border-bottom: 4rem solid transparent;
	border-left: 6rem solid var(--navy);
	border-right: 0 solid transparent;
}

.NAV nav .image-wrapper.alt-resources .image {
	margin-bottom: 0;
}

.NAV nav .image-wrapper.alt-resources h6 {
	margin-bottom: var(--s4);
}