/*
Theme Name: DocBoss
Author: Tiller Digital
Version: 2.0.1
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 screen and (max-width: 1400px) {html{font-size: 0.975px;}}
@media screen and (max-width: 1360px) {html{font-size: 0.950px;}}
@media screen and (max-width: 1320px) {html{font-size: 0.925px;}}
@media screen and (max-width: 1280px) {html{font-size: 0.900px;}}
@media screen and (max-width: 1240px) {html{font-size: 0.875px;}}
@media screen and (max-width: 1200px) {html{font-size: 0.850px;}}
@media screen and (max-width: 1160px) {html{font-size: 0.825px;}}
@media screen and (max-width: 1120px) {html{font-size: 0.800px;}}
@media screen and (max-width: 1080px) {html{font-size: 0.775px;}}
@media screen and (max-width: 1040px) {html{font-size: 0.750px;}}
@media screen and (max-width: 1000px) {html{font-size: 0.725px;}}
@media screen and (max-width:  960px) {html{font-size: 1.000px;}}

@media screen and (min-width: 1921px) {html{font-size: 1.25px;}}
@media screen and (min-width: 2401px) {html{font-size: 1.33px;}}



/* VARIABLES */

html {

	/* colors */

	--white: #fff;
	--black: #000;
	--gray: #FBFBFB;

	--dark-blue-400: #002244; 
	--deep-blue-400: #004387;
	--med-blue-400: #006FF7;
	--light-blue-400: #16A2F4;
	--light-blue-300: #E3F4FF;
	--lightest-blue-400: #CAE2F1;

	--dark-gray: #2E373B;
	--slate-gray: #869FAB;
	--orange: #FF9A2A;
	


	/* 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(--s8);
	--page-head-height-compressed: var(--s8);
	--scrollbar-width: 0px;
	--page-width: calc(100vw - var(--scrollbar-width));
	--notification-height: var(--s6);
}

@media screen and (max-width: 960px) {
	html {
		--frame-width: 448rem;
		--page-head-height: 82rem;
		--page-head-height-compressed: var(--s7);
	}
}



/* TEXT */

html {
	scroll-behavior: smooth;
	overflow-y: scroll;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
	font-family: 'instrumentsans', sans-serif;
	font-size: 18rem;
	line-height: 1.4;
	letter-spacing: 0.54px;
	color: var(--dark-blue-400);
	background: var(--white);
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6,
.b-h1, .b-h2, .b-h3, .b-h4, .b-h5, .b-h6 {
	margin: 1.25em 0 0 0;
	line-height: 1.3;
	font-weight: 400;
}

h1, .b-h1 {font-size: 66rem; line-height: 1.1; color: var(--med-blue-400);} 
h2, .b-h2 {font-size: 48rem; color: var(--med-blue-400);}
h3, .b-h3 {font-size: 32rem;}
h4, .b-h4 {font-size: 28rem;}
h5, .b-h5 {font-size: 24rem; font-weight: 500;}
h6, .b-h6 {font-size: 16rem; font-weight: 600; text-transform: uppercase;}

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

.b-text-large {font-size: 20rem;}
.b-text-small {font-size: 16rem;}
.b-text-small.alt-bold {font-weight: 600; margin-bottom: 0;}

.b-text-small.alt-bold + .b-text-small {margin-top: 0!important;}

.b-blue {color: var(--med-blue-400);}


[data-inverted] {color: var(--white);}
[data-inverted] h1, .b-h1 {color: var(--white);}
[data-inverted] h2, .b-h2 {color: var(--white);}

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

	h1, .b-h1 {font-size: 40rem;}
	h2, .b-h2 {font-size: 28rem;}
	h3, .b-h3 {font-size: 24rem;}
	h4, .b-h4 {font-size: 20rem; font-weight: 500;}
	h5, .b-h5 {font-size: 18rem; font-weight: 500;}
	h6, .b-h6 {font-size: 16rem; font-weight: 700;}

	.b-text-large {font-size: 18rem;}
	.b-text-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, 
	.b-body p br {display: none;}
	
}



/* BASIC TAGS */

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

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

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

li ul,
li ol {
	margin-top: calc(var(--ps) / 2) !important;
}

ul li::marker {
	color: var(--med-blue-400);
}

ul.alt-checkmark li, 
ul.alt-x li {
	margin: calc(var(--ps) / 2);
	padding-left: var(--s3);
	list-style: none;
	position: relative;
}

ul.alt-checkmark li::before {
	content: '';
	background: no-repeat center url(../wp-docboss/assets/images/ui-checkmark.svg);
	width: 24rem;
	height: 24rem;
	position: absolute;
	top: 0;
	left: -25rem;
}

ul.alt-x li::before {
	content: '';
	background: no-repeat center url(../wp-docboss/assets/images/ui-x.svg);
	width: 24rem;
	height: 24rem;
	position: absolute;
	top: 0;
	left: -25rem;
}

strong, b {
	font-weight: 700;
}

em, i {
	font-style: italic;
}

img, svg {
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
	object-fit: cover;
}

blockquote {
	color: var(--med-blue-400);
	position: relative;
	margin: var(--s7) 0;
	padding: 0 var(--s4);
	border-left: 2px solid var(--med-blue-400);
}

hr {
	margin: var(--s7) 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1rem solid var(--dark-grey);
}

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

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

iframe {
	width: 100%;
	border: none;
	overflow: auto;
}

iframe[data-src] {
	background: #000;
}

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

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

@media screen and (max-width: 960px) {
	blockquote {margin: var(--s5) 0; padding: 0 var(--s3);}
	hr {margin: var(--s5) 0;}
}



/* LINKS */

a {
	color: var(--dark-blue-400);
	transition: color 0.25s;
}

a:hover {
	color: var(--blue);
}

a svg, button svg {
	fill: currentColor;
}

[data-inverted] a {color: var(--white);}
[data-inverted] 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: 16rem;
	line-height: 1.2;
	width: auto;
	padding: var(--s3);
	margin: 0;
	border: none;
	border-radius: 0;
	text-align: center;
	color: var(--white);
	background: var(--med-blue-400);
	appearance: none;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: color 0.25s, background-color 0.25s, box-shadow 0.25s !important;
	overflow: visible;	
}

.b-button .svg-container {
	position: absolute;
	top: 50%;
	right: -35rem; /* Adjust as needed in rem or % */
	transform: translateY(-50%);
	width: 36rem;    /* Or use % if you want relative to the button */
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none; /* Prevent interference with button clicks */
}

.b-button .svg-container svg {
	width: 100%;
	height: auto;
	display: block;
}


/* .b-button:not(.alt-secondary) svg {
	position: absolute;
	top: 0;
	right: -35rem;
} */

.b-button:not(.alt-secondary) svg path {
	fill: var(--med-blue-400);
	transition: fill 0.25s;
}

[data-inverted] .b-button:not(.alt-secondary) svg path {
	fill: var(--white);
}

.b-button:hover {
	color: var(--white);
	background: var(--dark-blue-400);
}

.b-button:not(.alt-secondary):hover svg path {fill: var(--dark-blue-400);}

[data-inverted] .b-button {color: var(--med-blue-400); background: var(--white);}
[data-inverted] .b-button:hover {color: var(--white); background: var(--dark-blue-400);}
[data-inverted] .b-button:hover svg path {fill: var(--dark-blue-400);}

[data-inverted] .b-button::after {background: var(--med-blue-400);}


/* .b-button.alt-secondary {color: var(--med-blue-400); background: transparent; box-shadow: inset 0 0 0 2rem var(--med-blue-400);}
.b-button.alt-secondary:hover {color: var(--dark-blue-400); background: transparent; box-shadow: inset 0 0 0 2rem var(--dark-blue-400);}

[data-inverted] .b-button.alt-secondary {color: var(--white); background: transparent; box-shadow: inset 0 0 0 2rem var(--white);}
[data-inverted] .b-button.alt-secondary:hover {color: var(--dark-blue-400); background: transparent; box-shadow: inset 0 0 0 2rem var(--dark-blue-400);} */

/* text */

.b-button.alt-secondary {padding: 0; background: transparent; color: var(--med-blue-400); text-transform: uppercase;}
.b-button.alt-secondary:hover {background: transparent; color: var(--dark-blue-400);}

.b-button.alt-secondary svg {
	vertical-align: middle;
	display: inline;
	margin: -1rem 0 0 var(--s1);
	transition: transform 0.25s;
	fill: inherit;
	transition: fill 0.25s ease-in-out;
}

[data-inverted] .b-button.alt-secondary {background: transparent; color: var(--white);}
[data-inverted] .b-button.alt-secondary:hover {background: transparent; color: var(--dark-blue-400);}

/* active */

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


@media screen and (min-width: 961px) and (max-width: 1355px) {
	.b-button:not(.alt-secondary) svg {
		width: 35rem;
		height: 51rem;
		max-width: 100%;
	}
}



/* 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 .b-button.alt-secondary {margin-left: var(--s6);}

.b-buttons br {display: none;}

@media screen and (max-width: 960px) {
	.b-buttons {margin-top: var(--s3);}
	.b-buttons br {display: initial;}
	.b-buttons .b-button.alt-secondary {margin-left: var(--s1);}
}



/* PAGE */

.b-page {
	border-right: 0 solid #fff; /* used when scroll is disabled */
	max-width: 100%;
	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;
	max-width: 100%;
	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[data-scroll="up"] .b-page-head.alt-no-up {
	transform: translate(0, 0);
}


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

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

.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);
}

@media screen and (max-width: 960px) {
	.b-page-body > .b-section:first-child {padding-top: 64rem;}
}



/* COLUMNS */

.b-columns {
	display: flex;
	flex-wrap: wrap;
	margin: calc(var(--s3) * -1);
}

.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;}
.b-columns.alt-top {align-items: flex-start;}

.b-columns.alt-flickity {overflow: hidden; justify-content: flex-start; flex-wrap: nowrap;}
.b-columns.alt-flickity.flickity-enabled {overflow: visible; display: block; margin-top: 0; margin-bottom: 0;}
.b-columns.alt-flickity.flickity-enabled .b-column {display: block; padding-top: 0; padding-bottom: 0;}
.b-columns.alt-flickity.flickity-enabled.alt-middle .b-column {display: flex; flex-direction: column; justify-content: center;}
.b-columns.alt-flickity.flickity-enabled:not(.is-draggable) {padding-bottom: 0 !important;}

.b-body .b-columns.alt-flickity {padding-bottom: var(--s6);}

@media screen and (max-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);}

	.b-body .b-columns.alt-flickity {padding-bottom: var(--s4);}
}



/* 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 screen and (max-width: 960px) {
	.b-spacer {height: var(--spacer-height-mobile, var(--s7));}
	.b-spacer[data-height="medium"],
	.b-spacer[data-height="small"] {height: var(--s5);}
}


/* DIVIDER */

.b-divider {
	margin: var(--s4) 0 var(--s5);
}

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

@media screen and (max-width: 960px) {
	.b-divider {margin: var(--s3) 0 var(--s4)}
}


/* 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 {
	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 {
	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 screen and (max-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(--med-blue-400); 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: var(--dark-grey);
	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 screen and (max-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;
}

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

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

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

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

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

.b-img[data-click]::after,
.b-img[data-modal]::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--s6);
	height: var(--s6);
	border-radius: 100%;
	background: var(--dark-grey);
	transform: translate(-50%, -50%);
}

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

.b-img-caption {
	font-size: 16rem;
	font-weight: 600;
	padding-left: var(--s1);
	border-left: 2px solid var(--dark-blue-400);
	margin-top: var(--s3);
	line-height: 1.25;
}

.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-body .b-img-lottie,
.b-body .b-img-video {display: block;}
.b-body .b-img-lottie + picture,
.b-body .b-img-video + 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  + picture {display: none;}

.b-img[data-resize] img {width: 100%; height: 100%;}
.b-img[data-resize] .b-img-overlay {background-size: cover !important;}

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

@media screen and (max-width: 960px) {
	.b-img-lottie {display: none;}
	.b-img-lottie + picture {display: block;}
	.b-img-container {margin: var(--s5) 0;}
}



/* UTILITY */

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

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

.b-loading * {
	transition: none !important;
}

@media screen and (min-width: 961px) {
	.b-desktop-hidden {display: none;}
}

@media screen and (max-width: 960px) {
	.b-mobile-hidden {display: none;}
}



/* WORDPRESS */

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

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

@media screen and (min-width: 961px) {
	body#tinymce {padding: var(--s5);}
}


/* NOT FOUND */ 

.NOT-FOUND {
	text-align: center;
}

.NOT-FOUND .image {
	max-width: 124rem;
	margin: var(--s5) auto;
}