/* FOOTER */

.FOOTER {
	background: var(--light-blue-300);
}

.FOOTER .b-frame {
	padding-top: var(--s8);
	padding-bottom: var(--s7);
}

.FOOTER ul {
    list-style: none;
    padding: 0;
    padding-top: var(--s3);
    margin-top: 0 !important;
}

.FOOTER li {
	margin: 0;
}

.FOOTER li:not(:last-child) {
	margin-bottom: var(--s3);
}

.FOOTER .a {
	font-weight: 600;
	color: var(--med-blue-400);
	text-transform: uppercase;
}

.FOOTER a,
.FOOTER p {
	font-size: var(--s3);
    color: var(--dark-blue-400);
    transition: all .25s;
    line-height: 1.3;
    margin-bottom: 0;
}

.FOOTER p {
	line-height: 1.7;
}

.FOOTER a:not(.b-button) {text-decoration: none;}
.FOOTER a:not(.b-button):hover {color: var(--med-blue-400);}

.FOOTER .divider {
	width: 100%;
	height: 1rem;
	background: var(--med-blue-400);
}

.FOOTER .legal {
	font-size: 14rem;
	display: flex;
	justify-content: center;
	gap: var(--s4);
}

.FOOTER .legal a {
	font-size: 14rem;
	color: var(--dark-blue-400);
}

.FOOTER .linkedin {
	margin-top: var(--s4);
}

.FOOTER .linkedin a {
	transition: all .25s;
}

.FOOTER .linkedin a:hover {
	transform: scale(1.02);
}

@media screen and (min-width: 961px) {
	.FOOTER .b-column[data-width="7"] {width: 60%; padding-top: 0;}
}

@media screen and (max-width: 960px) {
	.FOOTER .b-frame {padding-top: var(--s7); padding-bottom: var(--s7)}
	.FOOTER .b-columns {gap: var(--s5);}
	.FOOTER ul.links {padding-top: 0;}
	.FOOTER br {display: block!important;}
	.FOOTER .legal {flex-direction: column; justify-content: center; text-align: center;}
}

/* NAV */

.NAV .b-frame {
	padding-top: var(--s5);
	padding-bottom: 0;
}

.NAV nav input {
	display: none;
}

.NAV nav .a,
.NAV nav a:not(.b-button) {
	color: var(--white);
	font-weight: 600;
	font-size: 16rem;
	text-transform: uppercase;
	cursor: pointer;
}

.NAV nav .a::after {
    content: "";
    width: 20rem;
    height: 20rem;
    background: no-repeat center url(../images/ui-mob-dropdown.svg);
    position: absolute;
    right: 0;
}

.NAV nav a:not(.b-button) {color: var(--white); text-decoration: none;}
.NAV nav a:not(.b-button):hover {color: var(--dark-blue-400);}

.NAV nav .b-button {
	width: 92%;
	background: var(--white);
    color: var(--med-blue-400);
}

.NAV nav .b-button svg {
	right: -34rem;
}

.NAV nav .b-button svg 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(--white);
}
.NAV nav > ul > li:nth-last-child(2) {border-bottom: none; text-align: center;}
.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;
}

.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::after {transform: scaleY(-1);}