/* FOOTER */

.FOOTER {
	background: var(--blue);
	color: var(--white);
}

.FOOTER .b-frame {
	padding-bottom: 40rem;
}

.FOOTER a:not(.b-button) {
	color: var(--white);
}

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



/* ctas */

.FOOTER .ctas {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.FOOTER .ctas .logo {
	flex-grow: 1;
}

.FOOTER .ctas .logo img {
	width: 320rem;
	height: auto;
}

.FOOTER .ctas .b-button {
	margin-left: 20rem;
}

.FOOTER .ctas .b-button.alt-outline:not(:hover) {
	color: var(--white);
	box-shadow: inset 0 0 0 2rem var(--white);
}



/* sitemap */

.FOOTER .sitemap {
	border: 1px solid #A2ADC2;
	border-width: 1px 0;
	padding: 40rem 0;
	margin: 40rem 0;
}

.FOOTER .sitemap h6 {
	font-size: 18rem;
	text-transform: uppercase;
	padding-bottom: 5rem;
}

.FOOTER .sitemap ul {
	font-size: 16rem;
	line-height: 1.25;
	list-style: none;
	padding: 0;
	margin: 0;
}

.FOOTER .sitemap li {
	padding: 10rem 0;
}



/* awards */

.FOOTER .award {
	display: inline-block;
	vertical-align: top;
	margin-right: 10rem;
}

.FOOTER .award { width: 75rem; height: 80rem;}
.FOOTER .award:not(:last-child) img { width: auto; height: 96rem; margin: -7rem 0 0; }

@media screen and (max-width: 960px) {
	.FOOTER .award:not(:last-child) img { 
		height: 94rem;
		width: auto;
		margin: -6rem 0 0;
	}
}



.FOOTER .award img {
	height: 100%;
	width: auto;
}



/* social */

.FOOTER .social {
	margin: 15rem 0 0 -10rem;
}

.FOOTER .social a {
	display: inline-block;
	width: 30rem;
	height: 30rem;
	margin-right: 15rem;
}



/* legal */

.FOOTER .legal ul {
	font-size: 16rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.FOOTER .legal li {
	display: inline-block;
	vertical-align: top;
	padding-right: 60rem;
}


/* Trademark */
.FOOTER .trademark {
	font-size: 14rem;
	margin: 30rem 0 0;
	color: var(--light-blue);
}

@media screen and (max-width: 960px) {
	.FOOTER .ctas {flex-wrap: wrap;}
	.FOOTER .ctas .logo {width: 100%;}
	.FOOTER .ctas .logo img {width: 220rem; height: 40rem; margin: 0 auto 30rem;}
	.FOOTER .ctas .b-button {width: calc(50% - 10rem); min-width: 0; margin: 0;}

	.FOOTER .sitemap .b-column[data-width="3"]:not(:last-child) {width: 50%;}
	.FOOTER .sitemap .b-column:nth-child(1) {order: 1;}
	.FOOTER .sitemap .b-column:nth-child(2) {order: 2;}
	.FOOTER .sitemap .b-column:nth-child(3) {order: 3;}
	.FOOTER .sitemap .b-column:nth-child(4) {order: 4;}
	.FOOTER .sitemap .b-column:nth-child(5) {order: 5;}
	.FOOTER .sitemap .b-column:nth-child(6) {order: 7;}
	.FOOTER .sitemap .b-column:nth-child(7) {order: 6;}

	.FOOTER .awards {text-align: center;}
	.FOOTER .social {text-align: center; padding-bottom: 20rem;}

	.FOOTER .legal ul {overflow: hidden; margin: -10rem 0; line-height: 1.25;}
	.FOOTER .legal li {float: left; width: 50%; padding: 10rem 0;}
}



/* NAV */

.NAV {
	height: calc(100% - 160rem);
}

.NAV nav {
	height: 100%;
	position: relative;
}

.NAV nav input {
	display: none;
}

.NAV nav a {color: var(--white);}
.NAV nav a:hover {color: var(--white);}

.NAV .bottom {
	position: absolute;
	bottom: 20rem;
	left: 20rem;
	right: 20rem;
	height: 140rem;
}

.NAV .bottom .b-button {
	margin-top: 20rem;
	width: 100%;
}

.NAV .bottom .b-button.alt-outline:not(:hover) {
	color: var(--white);
	box-shadow: inset 0 0 0 2rem var(--white);
}

.NAV nav ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--blue);
	color: var(--white);
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	transition: transform 0.25s;
}
.NAV.alt-hide-all nav ul { display: none; }
.NAV.alt-hide-all .bottom .b-button.alt-outline { display: none; }

.NAV nav ul::-webkit-scrollbar {
	display: none;
}

.NAV nav li {
	padding: 10rem 20rem;
	font-size: 16rem;
	line-height: 1.25;
	font-weight: 700;
}

.NAV nav li li {
	font-weight: 400;
}

.NAV .back {
	font-weight: 700;
}

.NAV .back::before {
	content: '';
	width: 29rem;
	height: 16rem;
	background: url(/wp-content/themes/wp-solutionreach/assets/images/ui-nav-back.svg) no-repeat center / 100%;
	display: inline-block;
	vertical-align: middle;
	margin: -2rem 15rem 0 0;
}



.NAV .heading {
	display: block;
	border-top: 1rem solid var(--white);
	margin-top: 20rem;
	padding-top: 20rem;
	font-size: 22rem;
	font-weight: 700;
}

/* slide functionality */

.NAV nav ul ul {transform: translate(100%, 0);}
.NAV nav input:checked ~ ul {transform: translate(0, 0);}

@media screen and (max-width: 960px) {
	.NAV nav a.alt-indent {margin: 0 0 0 20rem;}
}

/* Add Chevron Right to mobile Nav Items that have children  */
.b-nav .NAV nav ul li > input[type="checkbox"] + label.a {
  display: inline-flex;      /* critical */
  align-items: center;
  justify-content: flex-start;
  width: auto;               /* override any 100% width */
}

/* Chevron */
.b-nav .NAV nav ul li > input[type="checkbox"] + label.a::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 8px;
  background: url(https://cdn.solutionreach.com/uploads/2026/01/16105530/right-chevron-right.svg) no-repeat center / contain;
  margin-top:3px;
}

/* MODAL */

.MODAL {
	position: relative;
	margin: 0 auto;
	max-width: 1160rem;
}

.MODAL .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40rem;
	height: 40rem;
	background: #333 no-repeat center;
	cursor: pointer;
	text-indent: -9999rem;
}

.MODAL .content {
	box-sizing: border-box;
	background: #fff;
	max-height: calc(100vh - 80rem);
	padding: 40rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.MODAL[data-width="10"] {max-width: 960rem;}
.MODAL[data-width="8"] {max-width: 760rem;}
.MODAL[data-width="6"] {max-width: 560rem;}

@media screen and (max-width: 960px) {
	.MODAL .content {padding: 20rem;}
}



/* COOKIE PREFERENCES MODAL */

.cmplz-cookiebanner.cmplz-show .cmplz-view-preferences {
	display: block !important;
}

.cmplz-cookiebanner:has(.cmplz-save-preferences[style*="display"]:not([style*="none"])) .cmplz-view-preferences,
.cmplz-cookiebanner:has(.cmplz-save-preferences[style*="display"]:not([style*="none"])) .cmplz-manage-options {
	display: none !important;
}

body.cmplz-modal-mode .cmplz-cookiebanner.cmplz-show {
	scrollbar-width: none !important;
}

body.cmplz-modal-mode .cmplz-cookiebanner.cmplz-show::-webkit-scrollbar {
	display: none !important;
}

.cmplz-modal-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 99998;
}

body.cmplz-modal-mode .cmplz-cookiebanner.cmplz-show {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	bottom: auto !important;
	right: auto !important;
	width: min(560px, 92vw) !important;
	max-width: none !important;
	max-height: 85vh !important;
	overflow-y: auto !important;
	z-index: 99999 !important;
	border-radius: 4px !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}

.screen-reader-text {
	display: none!important;
}

/* New Legal Column Overrides */


@media screen and (min-width:961px) {
.FOOTER .sitemap .footer-menu-column:nth-child(1) {
    width: 25%;
}

.FOOTER .sitemap .footer-menu-column:nth-child(2),
.FOOTER .sitemap .footer-menu-column:nth-child(3),
.FOOTER .sitemap .footer-menu-column:nth-child(4),
.FOOTER .sitemap .footer-menu-column:nth-child(5) {
    width: 18.5%;
}}