/*
Theme Name: meQ 
Author: Tiller Digital
Version: 2.0.10
License: GNU General Public License v3 or later
*/



/* REM SCALING */
/* scroll-padding-top can not be set as a variable */

html {font-size: 1px;}

@media (width <= 1400px) {html{font-size: 0.975px;}}
@media (width <= 1360px) {html{font-size: 0.950px;}}
@media (width <= 1320px) {html{font-size: 0.925px;}}
@media (width <= 1280px) {html{font-size: 0.900px;}}
@media (width <= 1240px) {html{font-size: 0.875px;}}
@media (width <= 1200px) {html{font-size: 0.850px;}}
@media (width <= 1160px) {html{font-size: 0.825px;}}
@media (width <= 1120px) {html{font-size: 0.800px;}}
@media (width <= 1080px) {html{font-size: 0.775px;}}
@media (width <= 1040px) {html{font-size: 0.750px;}}
@media (width <= 1000px) {html{font-size: 0.725px;}}
@media (width <=  960px) {html{font-size: 1.000px;}}

@media (width > 1920px) {html{font-size: 1.25px;}}



/* VARIABLES */

html {

	/* colors */

	--white: #fff;
	--black: #000;
	--gray: #2C2C2C;
	--navy: #002842;
	--orange: #F16D1A;
	--floral: #FFF9F2;
	--green: #CED6CC;

	--blue-400: #054866;
	--teal-400: #1A7070;
	--state-400: #496065;

	--green-500: #D8DED6;
	--green-400: #E2E6E0;
	--green-300: #E7EBE5;
	--green-200: #EBEFEB;
	--green-100: #F6F6F4;

	--navy-500: #1A3E55;
	--navy-400: #335368;
	--navy-300: #4D697B;
	--navy-200: #667E8E;

	--orange-500: #F27C31;
	--orange-400: #F48A48;
	--orange-300: #F5995F;
	--orange-200: #F7A776;
	--orange-100: #FFD7B0;


	/* spacing */

	--ps: 0.75em;

	--s1: 8rem;
	--s2: 12rem;
	--s3: 16rem;
	--s4: 24rem;
	--s5: 32rem;
	--s6: 48rem;
	--s7: 64rem;
	--s8: 96rem;
	--s9: 128rem;
	--s10: 192rem;
	--s11: 256rem;
	--s12: 384rem;

	--ns1: -8rem;
	--ns2: -12rem;
	--ns3: -16rem;
	--ns4: -24rem;
	--ns5: -32rem;
	--ns6: -48rem;
	--ns7: -64rem;
	--ns8: -96rem;
	--ns9: -128rem;
	--ns10: -192rem;
	--ns11: -256rem;
	--ns12: -384rem;

	--col-width: 72rem;
	--col-gutter: 32rem;

	--col-1: calc((var(--col-width) + var(--col-gutter)) * 1 - var(--col-gutter));
	--col-2: calc((var(--col-width) + var(--col-gutter)) * 2 - var(--col-gutter));
	--col-3: calc((var(--col-width) + var(--col-gutter)) * 3 - var(--col-gutter));
	--col-4: calc((var(--col-width) + var(--col-gutter)) * 4 - var(--col-gutter));
	--col-5: calc((var(--col-width) + var(--col-gutter)) * 5 - var(--col-gutter));
	--col-6: calc((var(--col-width) + var(--col-gutter)) * 6 - var(--col-gutter));
	--col-7: calc((var(--col-width) + var(--col-gutter)) * 7 - var(--col-gutter));
	--col-8: calc((var(--col-width) + var(--col-gutter)) * 8 - var(--col-gutter));
	--col-9: calc((var(--col-width) + var(--col-gutter)) * 9 - var(--col-gutter));
	--col-10: calc((var(--col-width) + var(--col-gutter)) * 10 - var(--col-gutter));
	--col-11: calc((var(--col-width) + var(--col-gutter)) * 11 - var(--col-gutter));
	--col-12: calc((var(--col-width) + var(--col-gutter)) * 12 - var(--col-gutter));

	--frame-width: var(--col-12);
	--page-head-height: var(--s9);
	--page-head-height-compressed: var(--s8);
	--scrollbar-width: 0px;
	--page-width: calc(100vw);
	--notification-height: var(--s6);
}

@media (width <= 960px) {
	html {
		--frame-width: 448rem;
		--page-head-height: var(--s8);
		--page-head-height-compressed: var(--s7);
	}
}



/* TEXT */

html {
	scroll-padding-top: 128px;
	scroll-behavior: smooth;
	overflow-y: scroll;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
	font-family: 'aptos', sans-serif;
	font-size: 18rem;
	line-height: 1.3;
	color: var(--state-400);
	background: var(--green-100);
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6,
.b-h1, .b-h2, .b-h3, .b-h4, .b-h5, .b-h6 {
	color: var(--navy);
	margin: 1.25em 0 0 0;
	line-height: 1.2;
	font-weight: 600;
}

h1, .b-h1 {font-size: 64rem; font-weight: 400;}
h2, .b-h2 {font-size: 48rem; font-weight: 400;}
h3, .b-h3 {font-size: 36rem;}
h4, .b-h4 {font-size: 32rem;}
h5, .b-h5 {font-size: 24rem;}
h6, .b-h6 {font-size: 20rem;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; text-decoration: none;}
:is(h1, h2, h3, h4, h5, h6, .b-eyebrow) + :is(h1, h2, h3, h4, h5, h6) {margin-top: var(--s4);}

.b-large {font-size: 20rem; line-height: 1.4}
.b-small {font-size: 16rem; line-height: 1.3;}
.b-orange {color: var(--orange-500); font-weight: inherit;}
.b-eyebrow {text-transform: uppercase;}
.b-stats {font-size: 84rem; font-weight: 600; color: var(--navy); margin-bottom: 0;}


[data-invert-text] {color: var(--white);}
[data-invert-text] :is(h1, h2, h3, h4, h5, h6) {color: var(--white);}
[data-invert-text] .b-orange {color: var(--navy);}

.b-section[data-bg-color="orange"] :is(p, li, blockquote) {color: var(--navy);}
.b-container[data-bg-color="orange"] :is(p, li, blockquote) {color: var(--navy);}

@media (width <= 960px) {
	html {scroll-padding-top: 96px;}
	body {font-size: 16rem;}

	h1, .b-h1 {font-size: 32rem;}
	h2, .b-h2 {font-size: 28rem;}
	h3, .b-h3 {font-size: 26rem;}
	h4, .b-h4 {font-size: 24rem;}
	h5, .b-h5 {font-size: 20rem;}
	h6, .b-h6 {font-size: 16rem;}

	.b-large {font-size: 18rem;}
	.b-small {font-size: 14rem;}

	.b-body h1 br,
	.b-body h2 br,
	.b-body h3 br,
	.b-body h4 br,
	.b-body h5 br,
	.b-body h6 br {display: none;}
}



/* BASIC TAGS */

p {
	margin: var(--ps) 0;
}

ul, ol {
	margin: var(--ps) 0;
	padding: 0 0 0 1em;
}

li ul, li ol {
	margin-top: 0;
}

li {
	margin: calc(var(--ps) / 2) 0;
}

ul li::marker {
	color: var(--orange);
}

ul.alt-checklist {padding: 0; list-style: none;}
ul.alt-checklist > li {
	background: url('assets/images/ui-checklist.svg') no-repeat 0 0.05em / 24rem;
	padding: 0 0 0 var(--s5);
	margin: calc(var(--s6) / 2) 0;
}

ul.alt-checklist-inline {padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: var(--s3);}
ul.alt-checklist-inline > li {
	margin: 0;
	line-height: 1.25;
	width: auto;
	padding: 14rem var(--s3) 14rem 50rem;
	background: url('assets/images/ui-checklist-orange.svg') no-repeat var(--s1) calc(0.25em + 4rem) / 32rem;
	border-radius: var(--s1);
	flex: 0 0 auto;
	max-width: 40%;
}



strong, b {
	font-weight: 600;
}

em, i {
	font-style: italic;
}

img, svg {
	border: none;
}

blockquote {
	position: relative;
	background: var(--green-100);
	margin: var(--s5) 0;
	padding: var(--s5);
	border-radius: var(--s1);
}

blockquote :is( h2, h3, h4, h5, h6, p) {
	padding-left: var(--s5);
	border-left: 1rem solid var(--orange);
}

hr {
	margin: var(--s5) 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1rem solid var(--green-400);
}

table {
	margin: var(--s5) 0;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table td {
	padding: 4rem;
	border: 1rem solid var(--green-400);
	border-width: 1rem 0;
}

iframe {
	margin: var(--s5) 0;
	width: 100%;
	border: none;
	overflow: auto;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

article,
aside,
footer,
header,
main,
section {
	display: block;
}

@media (width <= 960px) {
	blockquote {margin: var(--s5) 0; padding: var(--s3);}

	table {overflow-x: auto; display: block;}

	ul.alt-checklist-inline {gap: var(--s1);}
	ul.alt-checklist-inline > li {max-width: none; flex: 1 1 auto; text-align: left;}
}



/* LINKS */

a {
	color: var(--teal-400);
	text-decoration: underline;
	transition: all 0.25s;
}

a:hover {
	text-decoration: none;
}

a svg,button svg {
    vertical-align: middle;
    display: inline-block;
    fill: currentColor
}

/* [data-invert-text] a {color: var(--white);}
[data-invert-text] a:hover {color: var(--green);} */



/* BUTTON */

.b-button {
	position: relative;
    cursor: pointer;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    font-family: inherit;
    font-weight: 600;
    font-size: 18rem;
    line-height: 1.7;
    width: auto;
    padding: 12rem var(--s4);
    margin: 0;
    border: none;
    border-radius: var(--s5);
    text-align: center;
    color: var(--white);
    background: var(--orange);
    appearance: none;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all.25s !important;
    overflow: hidden;
}

.b-button:hover {
	color: var(--white); 
	background: var(--navy); 
}

[data-invert-text] .b-button, [data-invert-text] .b-button.alt-white {color: var(--navy); background: var(--white);}
[data-invert-text] .b-button:hover, [data-invert-text] .b-button.alt-white:hover {color: var(--white); background: var(--orange);}

/* secondary */

.b-button.alt-secondary {color: var(--navy); background: transparent; box-shadow: inset 0 0 0 1rem var(--navy);}
.b-button.alt-secondary:hover {color: var(--white); background: var(--navy); box-shadow: inset 0 0 0 2rem var(--navy);}

[data-invert-text] .b-button.alt-secondary {color: var(--white); background: transparent; box-shadow: inset 0 0 0 1rem var(--white);}
[data-invert-text] .b-button.alt-secondary:hover {color: var(--navy); background: var(--white); box-shadow: inset 0 0 0 1rem var(--white);}

/* white */ 

.b-button.alt-white {color: var(--navy); background: var(--white);}
.b-button.alt-white:hover {color: var(--white); background: var(--orange);}



/* text */

.b-button.alt-tertiary {padding: 0; background: transparent; color: var(--navy); border-radius: 0; text-align: left;}
.b-button.alt-tertiary:hover {background: transparent; color: var(--orange);}


[data-invert-text] .b-button.alt-tertiary {background: transparent; color: var(--white);}
[data-invert-text] .b-button.alt-tertiary:hover {background: transparent; color: var(--orange);}


/* orange background */ 

.b-section[data-bg-color="orange"] .b-button {background: var(--white); color: var(--navy);}
.b-section[data-bg-color="orange"] .b-button:hover {background: var(--navy); color: var(--white);}

.b-section[data-bg-color="orange"] .b-button.alt-secondary {color: var(--white); background: transparent; box-shadow: inset 0 0 0 1rem var(--white);}
.b-section[data-bg-color="orange"] .b-button.alt-secondary:hover {color: var(--navy); background: var(--white); box-shadow: inset 0 0 0 1rem var(--white);}

.b-section[data-bg-color="orange"] .b-button.alt-tertiary {color: var(--navy); background: transparent;}
.b-section[data-bg-color="orange"] .b-button.alt-tertiary:hover {color: var(--white); background: var(--orange);}

[data-invert-text] .b-section[data-bg-color="orange"] .b-button {color: var(--white);}

/* svg */

.b-button:not(.alt-tertiary) svg:last-child {
	margin-top: -3rem;
	margin-left: var(--s2);
	margin-right: -4rem;
}

.b-button:not(.alt-tertiary) svg:last-child path {fill: var(--white);}
.b-button:not(.alt-tertiary):hover svg:last-child path {fill: var(--orange);}


[data-invert-text] .b-button svg:last-child path,
.b-section[data-bg-color="orange"] .b-button svg:last-child path,
.b-button.alt-secondary svg:last-child path,
	[data-invert-text] .b-button.alt-secondary svg:last-child path,
	.b-button.alt-white svg:last-child path,
[data-invert-text] .b-button.alt-white svg:last-child path {fill: var(--orange);}

.b-button.alt-white:hover svg:last-child path,
[data-invert-text] .b-button.alt-white:hover svg:last-child path {fill: var(--white);}

.b-section[data-bg-color="orange"] .b-button.alt-secondary svg:last-child path {fill: var(--white);}
.b-section[data-bg-color="orange"] .b-button.alt-secondary:hover svg:last-child path {fill: var(--navy);}

.b-button.alt-tertiary svg:last-child {fill: inherit; margin-top: -2rem; margin-left: var(--s2);}
.b-button.alt-tertiary svg:last-child path {fill: inherit;}

.b-button.alt-tertiary:hover svg:last-child path {fill: var(--orange);}
[data-invert-text] .b-button.alt-tertiary svg:last-child path {fill: var(--white);}
[data-invert-text] .b-button.alt-tertiary:hover svg:last-child path {fill: var(--orange);}
.b-section[data-bg-color="orange"] .b-button.alt-tertiary:hover svg:last-child path {fill: var(--navy);}
[data-invert-text] .b-section[data-bg-color="orange"] .b-button.alt-tertiary svg:last-child path {fill: var(--orange);}
.b-section[data-bg-color="orange"] .b-button.alt-tertiary svg:last-child path {fill: var(--navy);}
 .b-section[data-bg-color="orange"] .b-button.alt-tertiary:hover svg:last-child path {fill: var(--white);}





/* active */

.b-button.alt-active {background: var(--teal-400);}



/* BUTTONS */

.b-buttons {margin: var(--s1) var(--ns1) 0; font-size: 0;}
.b-buttons .b-button {margin: var(--s3) var(--s1) 0;}
.b-buttons:first-child {margin-top: var(--ns3);}

.b-buttons br {display: none;}

@media (width <= 960px) {
	.b-buttons {margin-top: 0;}
	.b-buttons br {display: initial;}
}



/* PAGE */

.b-page {
	border-right: 0 solid #fff; /* used when scroll is disabled */
	min-width: 320px;
	max-width: 2560px;
	margin: 0 auto;
	margin-top: var(--notification-height);
	overflow: clip;
}

.b-page-head {
	position: absolute;
	z-index: 2;
	top: var(--notification-height);
	left: 0;
	right: 0;
	min-width: 320px;
	max-width: 2560px;
	margin: 0 auto;
	height: var(--page-head-height);
	transition: transform 0s, height 0.25s, top 0s;
}

.b-page[data-scroll] .b-page-head {
	position: fixed;
	top: calc(var(--page-head-height-compressed) * -1);
	height: var(--page-head-height-compressed);
	transition: transform 0.25s, height 0.25s, top 0.25s;
}

.b-page[data-scroll="down"] .b-page-head {
	transition: transform 0.25s, height 0s, top 0s;
}

.b-page[data-scroll="up"] .b-page-head {
	transform: translate(0, 100%);
}

.b-page-body {
	position: relative;
	z-index: 1;
	transition: opacity 0.25s;
}

.b-page-body > .b-section:first-child {
	padding-top: 64rem;
}

.b-page-foot {
	position: relative;
	z-index: 1;
}

#toggle-nav:checked ~ .b-page[data-scroll] .b-page-head {
	transform: translate(0, 100%);
	height: var(--page-head-height);
	top: calc(var(--page-head-height) * -1);
}

.b-body[data-js="1"][data-loading*="css"] .b-page-body {
	opacity: 0;
}

@media (width <= 960px) {
	.b-page-body > .b-section:first-child {padding-top: 32rem;}
}



/* COLUMNS */

.b-columns {
	display: flex;
	flex-wrap: wrap;
	margin: var(--ns3);
}

.b-column {
	padding: var(--s3);
	box-sizing: border-box;
	flex: 0 0 auto;
	max-width: 100%;
}

.b-column[data-width="1"] {width: 8.333333%;}
.b-column[data-width="2"] {width: 16.666666%;}
.b-column[data-width="3"] {width: 25%;}
.b-column[data-width="4"] {width: 33.333333%;}
.b-column[data-width="5"] {width: 41.666666%;}
.b-column[data-width="6"] {width: 50%;}
.b-column[data-width="7"] {width: 58.333333%;}
.b-column[data-width="8"] {width: 66.666666%;}
.b-column[data-width="9"] {width: 75%;}
.b-column[data-width="10"] {width: 83.333333%;}
.b-column[data-width="11"] {width: 91.666666%;}
.b-column[data-width="12"] {width: 100%;}

.b-column[data-width="1/1"] {width: 100%;}
.b-column[data-width="1/2"] {width: 50%;}
.b-column[data-width="1/3"] {width: 33.333333%;}
.b-column[data-width="1/4"] {width: 25%;}
.b-column[data-width="1/5"] {width: 20%;}
.b-column[data-width="1/6"] {width: 16.666666%;}
.b-column[data-width="1/7"] {width: 14.285714%;}
.b-column[data-width="1/8"] {width: 12.5%;}
.b-column[data-width="1/9"] {width: 11.111111%;}
.b-column[data-width="1/10"] {width: 10.000%;}
.b-column[data-width="1/11"] {width: 9.090909%;}
.b-column[data-width="1/12"] {width: 8.333333%;}

/* alts */

.b-columns.alt-bottom {margin-bottom: var(--ns6);}
.b-columns.alt-bottom .b-column {padding-bottom: var(--s6);}

.b-columns.alt-center {justify-content: center;}
.b-columns.alt-middle {align-items: center;}


@media (width <= 960px) {
	.b-columns {margin: var(--ns1);}
	.b-columns .b-column {padding: var(--s1);}
	.b-column[data-width] {width: 100%;}

	.b-columns.alt-bottom {margin-bottom: var(--ns4);}
	.b-columns.alt-bottom .b-column {padding-bottom: var(--s4);}

}

/* EMBLA */

.embla {
	position: relative;
}

.embla__viewport {
	overflow: hidden;
}

.embla__container {
	display: flex;
	margin-left: var(--ns5);
	touch-action: pan-y pinch-zoom;
}

.embla__slide {
	box-sizing: border-box;
	flex: 0 0 100%;
	min-width: 0;
	padding-left: var(--s5);
	user-select: none;
}

.embla__slide[data-width="1"] {flex-basis: 8.333333%;}
.embla__slide[data-width="2"] {flex-basis: 16.666666%;}
.embla__slide[data-width="3"] {flex-basis: 25%;}
.embla__slide[data-width="4"] {flex-basis: 33.333333%;}
.embla__slide[data-width="5"] {flex-basis: 41.666666%;}
.embla__slide[data-width="6"] {flex-basis: 50%;}
.embla__slide[data-width="7"] {flex-basis: 58.333333%;}
.embla__slide[data-width="8"] {flex-basis: 66.666666%;}
.embla__slide[data-width="9"] {flex-basis: 75%;}
.embla__slide[data-width="10"] {flex-basis: 83.333333%;}
.embla__slide[data-width="11"] {flex-basis: 91.666666%;}
.embla__slide[data-width="12"] {flex-basis: 100%;}

.embla__slide[data-width="1/1"] {flex-basis: 100%;}
.embla__slide[data-width="1/2"] {flex-basis: 50%;}
.embla__slide[data-width="1/3"] {flex-basis: 33.333333%;}
.embla__slide[data-width="1/4"] {flex-basis: 25%;}
.embla__slide[data-width="1/5"] {flex-basis: 20%;}
.embla__slide[data-width="1/6"] {flex-basis: 16.666666%;}
.embla__slide[data-width="1/7"] {flex-basis: 14.285714%;}
.embla__slide[data-width="1/8"] {flex-basis: 12.5%;}
.embla__slide[data-width="1/9"] {flex-basis: 11.111111%;}
.embla__slide[data-width="1/10"] {flex-basis: 10.000%;}
.embla__slide[data-width="1/11"] {flex-basis: 9.090909%;}
.embla__slide[data-width="1/12"] {flex-basis: 8.333333%;}

.embla__prev,
.embla__next,
.embla__dots {
	display: none;
}

.embla__buttons {
	display: flex;
    gap: var(--s1);
	flex-direction: row;
    align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
}

.embla__prev,
.embla__next {
	width: var(--s7);
	height: var(--s7);
	border: 1px solid var(--green);
	border-radius: 100%;
	padding: var(--s2);
	margin: 0;
	background: var(--white) no-repeat center / 18rem 10rem url(./assets/images/ui-embla-arrows.svg);
	font-size: 0;
	cursor: pointer;
}

.embla__prev[disabled],
.embla__next[disabled] {
	opacity: 0.25;
	cursor: default;
}

.embla__prev {left: 0;}
.embla__next {right: 0; transform: rotateY(180deg);}

.embla__dots {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: var(--s6);
	right: var(--s6);
	height: var(--s5);
	padding-top: 6rem;
	text-align: center;
}

.embla__dot {
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: none;
	font-size: 0;
	border-radius: 9999rem;
	padding: 0;
	margin: 4rem;
	width: 10rem;
    height: 10rem;
	background: var(--black);
	opacity: 0.25;
	cursor: pointer;
	transition: all 300ms ease;
}

.embla__dot::after {
	content: '';
	position: absolute;
	top: -4rem;
	right: -4rem;
	bottom: -4rem;
	left: -4rem;
}

.embla__dot.alt-selected {
	width: 30rem;
	height: 10rem;
	border-radius: var(--s5);
	background: var(--navy);
	opacity: 1;
	cursor: default;
}



@media (width > 960px) {
	.embla[data-desktop] {padding-bottom: var(--s8);}
	.embla[data-desktop] .embla__prev,
	.embla[data-desktop] .embla__next,
	.embla[data-desktop] .embla__dots {display: block;}
}

@media (width <= 960px) {
	.embla__container {margin-left: var(--ns3);}
	.embla__slide[data-width] {padding-left: var(--s3); flex-basis: 100%;}
	.embla[data-mobile] {padding-bottom: var(--s5);}
	.embla[data-mobile] .embla__dots {display: block; padding-top: var(--s5);}
}



/* SPACER */

.b-spacer {
	display: block;
	clear: both;
	height: var(--spacer-height, var(--s9));
}

.b-spacer[data-height="medium"] {height: var(--s7);}
.b-spacer[data-height="small"] {height: var(--s5);}

@media (width <= 960px) {
	.b-spacer {height: var(--spacer-height-mobile, var(--s7));}
	.b-spacer[data-height="medium"] {height: var(--s5);}
	.b-spacer[data-height="small"] {height: var(--s3);}
}



/* DIVIDER */

.b-divider::after {
	content: '';
	display: block;
	height: 1rem;
	background: var(--light-grey);
}



/* MARGIN OVERWRITES */

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
ul:first-child,
ol:first-child,
li:first-child,
hr:first-child,
blockquote:first-child,
table:first-child,
iframe:first-child {
	margin-top: 0 !important;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
li:last-child,
hr:last-child,
blockquote:last-child,
table:last-child,
iframe:last-child {
	margin-bottom: 0 !important;
}



/* SKIP LINKS */

.b-skip-links {
	z-index: 3;
	position: absolute;
	top: var(--page-prehead-height);
	left: 0;
	font-size: 14rem;
	padding: var(--s1);
}

.b-skip-links a {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.25s;
}

.b-skip-links a:focus {opacity: 1;}

@media (width <= 960px) {
	.b-skip-links {display: none;}
}



/* NOTIFICATION */

.b-notification {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	height: var(--notification-height);
	background: var(--dark-grey);
	color: var(--white);
	overflow: hidden;
}

.b-notification .b-frame {
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}



/* NAV & MODAL */

.b-nav,
.b-modal {
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	overflow: hidden;
	position: fixed;
	z-index: 4;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s 0.25s, opacity 0.25s;
}

.b-nav-overlay,
.b-modal-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--black);
	opacity: 0.8;
}

.b-nav-wrapper,
.b-modal-wrapper {
	width: fit-content;
	max-width: var(--frame-width);
	max-height: calc(100% - var(--s7));
	overflow: auto;
	overflow-x: clip;
	scrollbar-width: none;
	transform: translate(0, var(--s5));
	transition: transform 0.25s;
}

#toggle-nav:checked ~ .b-nav,
.b-modal-open .b-modal {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
	transition: visibility 0s 0s, opacity 0.25s;
}

#toggle-nav:checked ~ .b-nav .b-nav-wrapper,
.b-modal-open .b-modal .b-modal-wrapper {
	transform: translate(0, 0);
}

/* nav */

.b-nav {top: var(--page-head-height); display: block;}
.b-nav-overlay {background: var(--white); opacity: 1;}
.b-nav-wrapper {
	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}

.b-page:not([data-scroll]) ~ .b-nav {top: calc(var(--page-head-height) + var(--notification-height));}

/* modal */

.b-modal-close {
	display: block;
	position: sticky;
	top: 0;
	width: var(--s5);
	height: var(--s5);
	text-indent: -9999rem;
	background: no-repeat center / 100% url(./assets/images/ui-nav-close.svg);
	z-index: 2;
	margin: 0 0 var(--ns5) auto;
	padding: 0;
	border: none;
	appearance: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.b-page [data-modal-id] {display: none;}

@media (width <= 960px) {
	.b-modal-wrapper {width: calc(100% - var(--s5));}

	#toggle-nav:checked ~ .b-page[data-scroll] ~ .b-nav {transition: visibility 0s 0.1s, opacity 0.25s 0.125s;}
	#toggle-nav:checked ~ .b-page[data-scroll] ~ .b-nav .b-nav-wrapper {transition: transform 0.25s 0.125s;}
}



/* IMAGE */

.b-img {
	position: relative;
	pointer-events: none;
	margin: auto;
	container-type: size;
	container-name: img;
	max-width: 100%;
	max-height: 100%;
}

.b-img img {
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	object-fit: cover;
	object-position: center;
	max-width: none;
}

.b-img iframe {
	z-index: 2;
}

.b-img button {
	display: block;
	cursor: pointer;
	appearance: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: var(--s5);
	height: var(--s5);
	text-indent: -999rem;
	background: var(--dark-grey);
	border: none;
	font-size: 100%;
	font-family: inherit;
	pointer-events: auto;
	z-index: 2;
	position: absolute;
	bottom: var(--s1);
	left: var(--s1);
	opacity: 0;
	transition: opacity 0.25s;
}

.b-img button:focus,
.b-img:hover button {
	opacity: 1;
}

.b-img-video video,
.b-img-oembed iframe,
.b-img-lottie dotlottie-player,
.b-img-modal video,
.b-img-modal iframe {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	object-fit: cover;
	object-position: center;
}

.b-img-lottie,
.b-img-video,
.b-img-oembed {
	width: 100%;
	height: 100%;
	display: none;
}

.b-img-video,
.b-img-oembed {
	background: var(--black);
}

.b-img-modal {
	width: var(--frame-width);
	max-width: 100%;
	background: var(--black);
}

.b-page .b-img[data-click],
.b-page .b-img[data-modal] {pointer-events: auto; cursor: pointer;}

.b-img[data-click]::after,
.b-img[data-modal]::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--s8);
	height: var(--s8);
	border-radius: var(--s1);
	background: no-repeat center / 100% url(./assets/images/ui-play.svg);
	transform: translate(-50%, -50%);
}

.b-img[data-click]:hover::after,
.b-img[data-modal]:hover::after {
	background: no-repeat center / 100% url(./assets/images/ui-play-hover.svg);
}

.b-img-picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.b-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.b-img-meta {
	z-index: 3;
	position: relative;
	width: 0;
	height: 0;
	display: none;
}

.b-img-meta > span {
	display: inline-block;
	vertical-align: top;
	font-size: 14rem;
	margin: 4rem;
	background: rgba(255, 0, 0, 0.25);
	color: #fff;
	padding: 0 4rem;
	white-space: nowrap;
}

.b-img[data-preload]::after {
	content: 'preload';
	display: none;
	position: absolute;
	top: 24rem;
	left: 0;
	margin: 4rem;
	background: rgba(255, 0, 0, 0.25);
	color: #fff;
	padding: 0 4rem;
	font-size: 10rem;
	text-transform: uppercase;
}

.b-img-caption {
	font-size: 14rem;
	margin-top: 8rem;
	line-height: 1.25;
}

.b-img-offset {
	position: relative;
	pointer-events: none;
}

.b-img-offset img {
	pointer-events: none;
}

.b-img-offset .b-img-meta {
	position: absolute;
	top: 0;
	left: 0;
}

.b-img-offset::before,
.b-img-offset::after {
	content: "";
	display: block;
	overflow: hidden;
}

.b-img-container {margin: var(--s7) 0;}
.b-img-container:first-child {margin-top: 0 !important;}
.b-img-container:last-child {margin-bottom: 0 !important;}

.b-img img[data-src] {display: none !important;}
.b-img [data-modal-id] {display: none;}
.b-img[data-mobile] + .b-img {display: none;}

/* sizing options */

.b-img[data-type="fit"] img,
.b-img[data-type="fit"] video,
.b-img[data-type="fit"] iframe,
.b-img[data-type="fit"] dotlottie-player {object-fit: contain;}
.b-img[data-type="fit"] .b-img-overlay {background-size: contain;}

.b-img[data-alignment="top"] img,
.b-img[data-alignment="top"] video,
.b-img[data-alignment="top"] iframe,
.b-img[data-alignment="top"] dotlottie-player {object-position: top;}
.b-img[data-alignment="top"] .b-img-overlay {background-position: top;}

.b-img[data-alignment="right"] img,
.b-img[data-alignment="right"] video,
.b-img[data-alignment="right"] iframe,
.b-img[data-alignment="right"] dotlottie-player {object-position: right;}
.b-img[data-alignment="right"] .b-img-overlay {background-position: right;}

.b-img[data-alignment="bottom"] img,
.b-img[data-alignment="bottom"] video,
.b-img[data-alignment="bottom"] iframe,
.b-img[data-alignment="bottom"] dotlottie-player {object-position: bottom;}
.b-img[data-alignment="bottom"] .b-img-overlay {background-position: bottom;}

.b-img[data-alignment="left"] img,
.b-img[data-alignment="left"] video,
.b-img[data-alignment="left"] iframe,
.b-img[data-alignment="left"] dotlottie-player {object-position: left;}
.b-img[data-alignment="left"] .b-img-overlay {background-position: left;}

.b-img[data-alignment="left"] {margin: 0 auto 0 0;}
.b-img[data-alignment="right"] {margin: 0 0 0 auto;}

/* play on click */

.b-body .b-img:not([data-click]) .b-img-video {display: block;}
.b-body .b-img:not([data-click]) .b-img-video + .b-img-picture {display: none;}

.b-body .b-img:not([data-click]) .b-img-oembed {display: block;}
.b-body .b-img:not([data-click]) .b-img-oembed + .b-img-picture {display: none;}

@media (width > 960px) {
	.b-body .b-img-lottie[data-ready] {display: block;}
	.b-body .b-img-lottie[data-ready] + .b-img-picture {display: none;}
}

@media (width <= 960px) {
	.b-img-container {margin: var(--s5) 0;}

	.b-img[data-mobile] {display: none;}
	.b-img[data-mobile] ~ .b-img {display: block;}
}

/* container queries */

.b-img img[data-size] {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.b-img img[data-size^="svg:"] {
	display: block;
}

@media (resolution < 2dppx) {
	@container img (width <= 288px) {.b-img:not([data-preload]) img[data-size^="xxs"] {display: block;}}
	@container img (width > 288px) and (width <= 576px) {.b-img:not([data-preload]) img[data-size^="xs"] {display: block;}}
	@container img (width > 576px) and (width <= 864px) {.b-img:not([data-preload]) img[data-size^="s"] {display: block;}}
	@container img (width > 864px) and (width <= 1152px) {.b-img:not([data-preload]) img[data-size^="m"] {display: block;}}
	@container img (width > 1152px) and (width <= 1440px) {.b-img:not([data-preload]) img[data-size^="l"] {display: block;}}
	@container img (width > 1440px) and (width <= 1728px) {.b-img:not([data-preload]) img[data-size^="xl"] {display: block;}}
	@container img (width > 1728px) {.b-img:not([data-preload]) img[data-size^="xxl"] {display: block;}}

	@media (width > 1920px) {
		.b-img[data-preload="xxs"] img[data-size^="xs:"] {display: block;}
		.b-img[data-preload="xs"] img[data-size^="s:"] {display: block;}
		.b-img[data-preload="s"] img[data-size^="m:"] {display: block;}
		.b-img[data-preload="m"] img[data-size^="l:"] {display: block;}
		.b-img[data-preload="l"] img[data-size^="xl:"] {display: block;}
		.b-img[data-preload="xl"] img[data-size^="xxl:"] {display: block;}
		.b-img[data-preload="xxl"] img[data-size^="xxl:"] {display: block;}
	}

	@media (width <= 1920px) and (width > 960px) {
		.b-img[data-preload="xxs"] img[data-size^="xxs:"] {display: block;}
		.b-img[data-preload="xs"] img[data-size^="xs:"] {display: block;}
		.b-img[data-preload="s"] img[data-size^="s:"] {display: block;}
		.b-img[data-preload="m"] img[data-size^="m:"] {display: block;}
		.b-img[data-preload="l"] img[data-size^="l:"] {display: block;}
		.b-img[data-preload="xl"] img[data-size^="xl:"] {display: block;}
		.b-img[data-preload="xxl"] img[data-size^="xxl:"] {display: block;}
	}

	@media (width <= 960px) {
		.b-img[data-preload] img[data-size^="xs:"] {display: block;}
	}
}

@media (resolution >= 2dppx) {
	@container img (width <= 144px) {.b-img:not([data-preload]) img[data-size^="xxs"] {display: block;}}
	@container img (width > 144px) and (width <= 288px) {.b-img:not([data-preload]) img[data-size^="xs"] {display: block;}}
	@container img (width > 288px) and (width <= 576px) {.b-img:not([data-preload]) img[data-size^="s"] {display: block;}}
	@container img (width > 576px) and (width <= 864px) {.b-img:not([data-preload]) img[data-size^="m"] {display: block;}}
	@container img (width > 864px) and (width <= 1152px) {.b-img:not([data-preload]) img[data-size^="l"] {display: block;}}
	@container img (width > 1152px) and (width <= 1440px) {.b-img:not([data-preload]) img[data-size^="xl"] {display: block;}}
	@container img (width > 1440px) {.b-img:not([data-preload]) img[data-size^="xxl"] {display: block;}}

	@media (width > 1920px) {
		.b-img[data-preload="xxs"] img[data-size^="s:"] {display: block;}
		.b-img[data-preload="xs"] img[data-size^="m:"] {display: block;}
		.b-img[data-preload="s"] img[data-size^="l:"] {display: block;}
		.b-img[data-preload="m"] img[data-size^="xl:"] {display: block;}
		.b-img[data-preload="l"] img[data-size^="xxl:"] {display: block;}
		.b-img[data-preload="xl"] img[data-size^="xxl:"] {display: block;}
		.b-img[data-preload="xxl"] img[data-size^="xxl:"] {display: block;}
	}

	@media (width <= 1920px) and (width > 960px) {
		.b-img[data-preload="xxs"] img[data-size^="xs:"] {display: block;}
		.b-img[data-preload="xs"] img[data-size^="s:"] {display: block;}
		.b-img[data-preload="s"] img[data-size^="m:"] {display: block;}
		.b-img[data-preload="m"] img[data-size^="l:"] {display: block;}
		.b-img[data-preload="l"] img[data-size^="xl:"] {display: block;}
		.b-img[data-preload="xl"] img[data-size^="xxl:"] {display: block;}
		.b-img[data-preload="xxl"] img[data-size^="xxl:"] {display: block;}
	}

	@media (width <= 960px) {
		.b-img[data-preload] img[data-size^="s:"] {display: block;}
	}
}



/* UTILITY */

.b-disabled {
	opacity: 0.25 !important;
	pointer-events: none !important;
}

.b-hidden {
	display: none !important;
}

@media (width > 960px) {
	.b-desktop-hidden {display: none;}
}

@media (width <= 960px) {
	.b-mobile-hidden {display: none;}
}



/* GRID */

.b-grid {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	z-index: 99;
	pointer-events: none;
	display: none;
}

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

.b-grid .b-column::after {
	content: '';
	display: block;
	background: red;
	height: 100vh;
	opacity: 0.05;
}

@media (width <= 960px) {
	.b-grid {display: none;}
}



/* DEV-TOOLS */

#wp-admin-bar-dev-tools a::before {content: "\f177";}
.b-body.alt-dev-tools #wp-admin-bar-dev-tools a::before {content: "\f530";}
.b-body.alt-dev-tools .b-grid {display: block;}
.b-body.alt-dev-tools .b-img-meta {display: block;}
.b-body.alt-dev-tools .b-img[data-preload]::after {display: block;}



/* WORDPRESS */

body#tinymce {
	padding: var(--s2);
}

body#tinymce [class]::before {
	content: '';
	background-color: #007cba;
	width: 4px;
	height: 4px;
	display: inline-block;
	vertical-align: middle;
	margin: -0.75em 1px 0 0;
}

body#tinymce :is(h1, h2, h3, h4, h5, h6, p)[class]::before {margin-left: -7px; margin-right: 3px;}
body#tinymce :is(hr)[class]::before {display: none;}
body#tinymce :is(ul, ol, blockquote)[class] {position: relative;}
body#tinymce :is(ul, ol, blockquote)[class]::before {position: absolute; top: 0.25em; left: -7px; margin: 0}

body .acf-fields a {color: #2271b1 !important;}
body .acf-fields a:hover {color: #0a4b78 !important;}

@media (width > 960px) {
	body#tinymce {padding: var(--s5);}
}


/* INVIEW ANIMATION */

@media (width > 960px) {
	.b-body[data-js="1"] [data-inview] {
		opacity: 1;
		transform: translateY(0);
		transition: opacity 0.4s, transform 0.4s;
	}

	.b-body[data-js="1"] [data-inview="0"] {
		opacity: 0;
		transform: translateY(64rem);
	}
}