/*
Theme Name: Parchment 2022 (Tiller)
Author: Tiller Digital
Version: 1.1.0
License: GNU General Public License v3 or later
*/



/* VARIABLES */

html {
	--blue: #4279B6;
	--dark-blue: #2D557F; 
	--darker-blue: #0e1721;
	--bright-blue: #7BA1CC;
	--light-blue: #D9E4F0;
	--lighter-blue: #D9E4F0;
	--yellow: #FBCD28;
	--orange:#FC8B27;
	--green: #3C8645; 
	--dark-green: #365E23;
	--teal: #366192;
	--white: #fff;
	--black: #000;
	--light-black: #0A121A;
	--grey: #ccc;
	--page-head-height: 100rem;
	--page-head-height-compressed: 80rem;
	--frame-width: 1160rem;
	--border: 1rem solid #E9E9E9;
	--border-radius: 10rem;
	--border-radius-big: 20rem;
	--box-shadow: 0 4rem 4rem 0 rgba(0,0,0,0.05), 0 24rem 47rem 0 rgba(0,0,0,0.07);

	/* elementor styles */
	--e-global-color-primary: #4279B6;
    --e-global-color-secondary: #005789;
    --e-global-color-text: #878B8F;
    --e-global-color-accent: #3C8645;
    --e-global-color-6cee5cb: #FF5E00;
    --e-global-color-92cfd74: #FFFFFF;
    --e-global-color-90ae137: #000000;
    --e-global-color-af8794a: #0E1721;
    --e-global-color-76c75ce: #54595F;
    --e-global-color-ebb50c1: #51534A;
    --e-global-color-f7480ad: #F3F3F3;
    --e-global-color-d867986: #F4F4F4;
	--e-global-typography-primary-font-family: "Open Sans";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Open Sans";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Open Sans";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Circular";
    --e-global-typography-accent-font-weight: 600;
}

@media screen and (max-width: 960px) {
	html {
		--page-head-height: 80rem;
		--page-head-height-compressed: 80rem;
		--frame-width: 480rem;
	}
}



/* REM SCALING */

html {font-size: 1px;}

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

@media screen and (max-width: 1520px) {html{font-size: 0.9583333px;}}
@media screen and (max-width: 1440px) {html{font-size: 0.9166666px;}}
@media screen and (max-width: 1360px) {html{font-size: 0.875px;}}
@media screen and (max-width: 1280px) {html{font-size: 0.8333333px;}}
@media screen and (max-width: 1200px) {html{font-size: 0.7966666px;}}
@media screen and (max-width: 1120px) {html{font-size: 0.75px;}}
@media screen and (max-width: 960px) {html{font-size: 1px;}}




/* TEXT */

html {
	scroll-behavior: smooth;
	overflow-y: scroll;
	scroll-padding-top: var(--page-head-height);
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 18rem;
	line-height: 1.5;
	color: var(--black);
	background: var(--white);
	font-variant-ligatures: no-common-ligatures;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.25em 0 0 0;
	line-height: 1.25;
}

h1, .b-h1 {font-size: 62rem; font-family: 'Circular', sans-serif; font-weight: 700;}
h2, .b-h2 {font-size: 48rem; font-family: 'Circular', sans-serif; font-weight: 600;}
h3, .b-h3 {font-size: 32rem; font-family: 'Circular', sans-serif; font-weight: 600;}
h4, .b-h4 {font-size: 24rem; font-family: 'Open Sans', sans-serif;font-weight: 700;}
h5, .b-h5 {font-size: 18rem; font-family: 'Open Sans', sans-serif; font-weight: 700;} /* eyebrow */
h6, .b-h6 {font-size: 16rem; font-family: 'Open Sans', sans-serif; font-weight: 700;} 

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;}
:is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {margin-top: .4em;}

.b-text-large {font-size: 20rem; font-weight: 500;}
.b-text-small {font-size: 16rem; font-weight: 500;}

.eyebrow {font-size: 24rem; font-family: 'Open Sans', sans-serif; font-weight: 700; margin: 1.25em 0 0 0; line-height: 1.25; color: var(--blue);}

@media screen and (max-width: 960px) {

	html {scroll-padding-top: 0;}
	body {font-size: 16rem;}

	h1, .b-h1 {font-size: 38rem;}
	h2, .b-h2 {font-size: 26rem;}
	h3, .b-h3 {font-size: 24rem;}
	h4, .b-h4 {font-size: 20rem;}
	h5, .b-h5 {font-size: 20rem;} /* eyebrow */
	h6, .b-h6 {font-size: 16rem;}

	.b-text-large {font-size: 20rem;}
	.b-text-small {font-size: 14rem;}
	.eyebrow {font-size: 20rem;}

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



/* BASIC TAGS */

p {
	margin: 1.65em 0;
}

ul {
	margin: 0.75em 0;
	padding: 0 0 0 1em;
	padding-inline-start: 0.5em;
}

ol {
	margin: 0.75em 0;
	padding: 0 0 0 1.2em;
}

ul li {
	padding-left: 7rem;
}

ul li::marker {
	content: "\25CF";
	color: var(--green);
	font-weight: bold;
	display: inline-block;
}

ul > li > ul {
	margin-top: 0;
}

ol li::marker {
	color: var(--green);
	font-weight: 800;
}

strong, b {
	font-weight: 700;
}

em, i {
	font-style: italic;
}

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

figure {
	max-width: 100%;
	margin: 40rem 0;
}

figcaption {
	margin-top: 10rem;
	font-size: 10rem;
}

blockquote {
	position: relative;
	background: #eee;
	margin: 40rem 0;
	padding: 40rem;
}

hr {
	margin: 40rem 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
}

table {
	margin: 40rem 0;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table td {
	padding: 5rem;
	border: 1px solid #ccc;
	border-width: 1px 0;
}

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

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

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

#wpadminbar ul li::marker {content:'';}
#wpadminbar ol li::marker {color: unset; font-weight: unset;}



/* LINKS */

a:not(.b-button, .link-url, .acf-icon, .acf-button, .elementor-button, .elementor-button-link) {
	color: var(--green);
	font-weight: 600;
	background-color: transparent;
	text-decoration: underline;
	transition: color 0.25s;
}

a:not(.b-button, .link-url, .acf-icon, .acf-button, .elementor-button, .elementor-button-link):hover {color: var(--dark-green); text-decoration: none;}
a svg, a svg path, a svg polygon:not(.hole) {fill: currentColor;}

.alt-arrow svg {
	display: inline;
	vertical-align: middle;
	margin: -2rem 0 0 3rem;
}

a.alt-back {text-decoration: none;	font-weight: 700;}
a.alt-back svg {transform: scale(-1); margin: 0rem 10rem 0 0;}



/* BUTTON */

.b-button {
	cursor: pointer;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	color: var(--white);
	font-family: inherit;
	font-weight: 700;
	font-size: 16rem;
	line-height: 1.25;
	width: auto;
	padding: 15rem 25rem;
	background: var(--green);
	border: none;
	border-radius: 25rem;
	text-align: center;
	text-decoration: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: color 0.25s, background 0.25s, box-shadow 0.25s;
}

.b-button:hover, .b-button:focus {color: #fff; background: var(--dark-green);}

.b-button.alt-blue {background: var(--dark-blue);}
.b-button.alt-blue:hover {color: #fff; background: var(--darker-blue);}

.b-button.alt-white {background: var(--white); color: var(--black); box-shadow: inset 0 0 0 2px var(--white);}
.b-button.alt-white:hover, .b-button.alt-white:focus {color: #fff; background: transparent;}

.b-button.alt-outline {background-color: transparent; box-shadow: inset 0 0 0 2px var(--dark-blue); color: var(--dark-blue);}
.b-button.alt-outline:hover, .b-button.alt-outline:focus {color: var(--white); background: var(--dark-blue); box-shadow: inset 0 0 0 2px var(--dark-blue);}

.b-button.alt-outline-white {background-color: transparent; box-shadow: inset 0 0 0 2px var(--white); color: var(--white);}
.b-button.alt-outline-white:hover, .b-button.alt-outline-white:focus {background-color: var(--white); color: var(--dark-blue);}

.b-section[data-bg="dark-blue"]:not([data-style="offset"]) .b-button {background: var(--white); color: var(--black); box-shadow: inset 0 0 0 2px var(--white);}
.b-section[data-bg="dark-blue"]:not([data-style="offset"]) .b-button:hover {color: #fff; background: transparent;}

.b-section[data-bg="dark-blue"] .b-button.alt-outline {background-color: transparent; box-shadow: inset 0 0 0 2px var(--white); color: var(--white);}
.b-section[data-bg="dark-blue"] .b-button.alt-outline:hover, .b-section[data-bg="dark-blue"] .b-button.alt-outline:focus {background-color: var(--white); color: var(--dark-blue);}



/* TEXT INPUT & TEXTAREA */

.b-input,
.b-textarea,
.b-select {
	box-sizing: border-box;
	color: #000;
	font-family: inherit;
	font-size: 20rem;
	line-height: 60rem;
	height: 60rem;
	width: 100%;
	padding: 0 30rem;
	background: #fff;
	box-shadow: inset 0 0 0 2px #ccc;
	border: none;
	border-radius: 10rem;
	transition: box-shadow 0.25s;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.b-textarea {
	display: block;
	line-height: 1.5em;
	padding: 7.5rem 15rem;
	height: 160rem;
	resize: vertical;
}

.b-search {
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-search.svg) no-repeat center right 20rem;
	padding: 0 50rem 0 15rem;
}

.b-search::placeholder {
	color: var(--grey);
}



/* PAGE */

.b-page {
	border-right: 0 solid #fff; /* used when scroll is disabled */
	max-width: 100%;
	min-width: 320px;
	overflow: hidden;
}

.b-page-head {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	height: var(--page-head-height);
}

.b-page-body {
	position: relative;
	z-index: 1;
	margin-top: var(--page-head-height);
}

.b-page-body > .b-section.alt-clear-nav:first-child {padding-top: 0; margin-top: var(--page-head-height);}

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



/* SECTION & FRAME */

.b-frame {
	max-width: var(--frame-width);
	margin: 0 auto;
	padding: 80rem 40rem;
}

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

.b-section {
	position: relative;
	z-index: 1;
/* 	background-color: var(--white); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.b-section.alt-tight .b-frame {padding-top: 40rem; padding-bottom: 40rem;}
.b-section.alt-tight-top .b-frame {padding-top: 40rem;}
.b-section.alt-tight-bottom .b-frame {padding-bottom: 40rem;}

.b-section.alt-collapse .b-frame {padding-top: 0; padding-bottom: 0;}
.b-section.alt-collapse-top .b-frame {padding-top: 0;}
.b-section.alt-collapse-bottom .b-frame {padding-bottom: 0;}

.b-section[data-bg="light-blue"]:not([data-style="framed"]) {background-color: var(--light-blue); background-image: url(/wp-content/themes/wp-parchment/assets/images/bg-light-deco.svg); background-repeat: no-repeat; background-position: right -50rem bottom 10rem; background-size: 623rem 394rem;}
.b-section[data-bg="light-blue-no-deco"]:not([data-style="framed"]) {background-color: var(--light-blue);}
.b-section[data-bg="lighter-blue"]:not([data-style="framed"]) {background-color: var(--lighter-blue);}
.b-section[data-bg="dark-blue"]:not([data-style="framed"]) {background-color: var(--dark-blue); color: var(--white);}

.b-section[data-style="offset"][data-bg="light-blue"] {background: linear-gradient(90deg, var(--white) 33.5%, var(--light-blue) 0);}
.b-section[data-style="offset"][data-bg="dark-blue"] {background: linear-gradient(90deg, var(--white) 33.5%, var(--dark-blue) 0);}

.b-section[data-style="framed"] .b-frame {margin: 80rem auto; padding: 60rem 40rem;}
.b-section[data-style="framed"][data-bg="light-blue"] .b-frame {background-color: var(--light-blue); background-image: url(/wp-content/themes/wp-parchment/assets/images/bg-light-deco.svg); background-repeat: no-repeat; background-position: right -136rem bottom 10rem;}
.b-section[data-style="framed"][data-bg="light-blue-no-deco"] .b-frame {background-color: var(--light-blue);}
.b-section[data-style="framed"][data-bg="dark-blue"] .b-frame {background-color: var(--dark-blue); color: var(--white);}
.b-section[data-style="framed"] .b-frame.no-pad-top {padding-top: 60rem; margin-top: 0;}
.b-section[data-style="framed"] .b-frame.no-pad-bottom {padding-bottom: 60rem; margin-bottom: 0;}

.b-section .desktop-bg,
.b-section .mobile-bg {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	z-index: -1;
}

.b-section.alt-institution-search-pfa {
	color: var(--white);
	z-index: 2;
}

.b-section.alt-pon-stats::before {top: 0; left: 0; background: url(/wp-content/themes/wp-parchment/assets/images/bg-deco1.svg) no-repeat center; width: 460px; height: 323px;}
.b-section.alt-pon-stats::after {top: 400rem; right: 0; background: url(/wp-content/themes/wp-parchment/assets/images/bg-deco2.svg) no-repeat center; width: 627px; height: 656px;}

@media screen and (max-width: 1680px) and (min-width: 961px) {
	.b-section.alt-pon-stats::before {left: -150rem;}
	.b-section.alt-pon-stats::after {top: 300rem; right: -300rem;}
}

@media screen and (min-width: 961px) {
	.b-section[data-style="offset"] .b-frame {padding-top: 80rem; padding-bottom: 80rem;}

	.b-section .mobile-bg {display: none;}

	.b-section.alt-institution-search-pfa .b-frame {
		padding-top: 80rem;
		padding-bottom: 80rem;
	}

	.b-section.alt-pon-stats {position: relative; z-index: 0;}
	.b-section.alt-pon-stats::before,
	.b-section.alt-pon-stats::after {
		content: '';
		display: block;
		position: absolute;
		z-index: -1;
	}

}

@media screen and (max-width: 960px) {
	.b-frame {padding: 65rem 20rem;}

	.b-section.alt-tight .b-frame {padding-top: 20rem; padding-bottom: 20rem;}
	.b-section.alt-tight-top .b-frame {padding-top: 20rem;}
	.b-section.alt-tight-bottom .b-frame {padding-bottom: 20rem;}

	.b-section[data-bg="light-blue"] {background-image: none !important;}

	.b-section[data-style="offset"][data-bg="light-blue"] {background: var(--light-blue);}
	.b-section[data-style="offset"][data-bg="dark-blue"] {background: var(--dark-blue);}

	.b-section[data-style="framed"] .b-frame {padding: 65rem 20rem; margin: 0 auto;}
	.b-section[data-style="framed"][data-bg="light-blue"] {background-color: var(--light-blue);}
	.b-section[data-style="framed"][data-bg="dark-blue"] {background-color: var(--dark-blue); color: var(--white);}
	.b-section[data-style="framed"] .b-frame.no-pad-top {padding-top: 65rem;}
	.b-section[data-style="framed"] .b-frame.no-pad-bottom {padding-bottom: 65rem;}

	.b-section .desktop-bg {display: none;}
	.b-section .mobile-bg {display: block; background-position: center bottom -200rem;}
	.b-section .desktop-bg.no-mobile {display: block;}
	
	.b-section.alt-institution-search-pfa .b-frame {padding-top: 40rem; padding-bottom: 330rem;}
}

@media screen and (max-width: 475px) {
	.b-section .mobile-bg {display: block; background-position: center bottom;}
}


/* NAV & MODAL */

.b-nav,
.b-modal {
	display: flex !important;
	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: #000;
	opacity: 0.8;
}

.b-nav-content,
.b-modal-content {
	width: calc(100% - 80rem);
	max-width:  var(--frame-width);
	max-height: 100%;
	overflow: hidden;
	transform: translate(0, 80rem);
	transition: transform 0.25s;
}

.b-nav-content {
	position: relative;
}

#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-content,
.b-modal-open .b-modal .b-modal-content {
	transform: translate(0, 0);
}

/* nav */

.b-nav {top: var(--page-head-height); align-items:flex-start;}
.b-nav-overlay {background:#fff; opacity:1;}
.b-nav-content {
	height: 100%;
	overflow: auto;
	transform: translate(0, -80rem);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}

.b-nav-content::-webkit-scrollbar {
	display: none;
}

@media screen and (max-width: 960px) {
	.b-nav-content {width: 100%; padding: 20rem;}
	.b-modal-content {width: calc(100% - 40rem);}
}



/* SKIP LINKS */

.b-skip-links {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10rem;
}

.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;}
	.b-skip-links a {font-size: 12rem;}
}



/* COLUMNS */

.b-columns {
	display: flex;
	flex-wrap: wrap;
	margin: -20rem;
}

.b-column {
	padding: 20rem;
	box-sizing: border-box;
	flex: 0 0 auto;
	align-items: stretch;
}

.b-column[data-width="1"] {width: 8.3333333%;}
.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.0909090%;}
.b-column[data-width="1/12"] {width: 8.3333333%;}

.b-column[data-width="2/5"] {width: 40%;}

/* alts */

.b-columns.alt-collapse {margin: 0;}
.b-columns.alt-collapse .b-column {padding: 0;}

.b-columns.alt-cards {margin: -15rem;}
.b-columns.alt-cards .b-column {padding: 15rem;}

.b-columns.alt-bottom {margin-bottom: -40rem;}
.b-columns.alt-bottom .b-column {padding-bottom: 40rem;}

.b-columns.alt-logos {margin: -40rem;}
.b-columns.alt-logos .b-column {padding: 40rem;}

.b-columns.alt-center {justify-content: center;}
.b-columns.alt-left {justify-content: start;}
.b-columns.alt-right {justify-content: end;}
.b-columns.alt-middle {align-items: center;}

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

@media screen and (min-width: 961px) {
	.b-columns.alt-tight {margin: -10rem;}
	.b-columns.alt-tight .b-column {padding: 10rem;}

	.b-columns.alt-tighter {margin: -5rem;}
	.b-columns.alt-tighter .b-column {padding: 5rem;}

	.b-columns.alt-loose {margin: -30rem;}
	.b-columns.alt-loose .b-column {padding: 30rem;}
}

@media screen and (max-width: 960px) {
	.b-columns {margin: -10rem;}
	.b-columns .b-column {padding: 10rem;}
	.b-column, .b-column[data-width] {width: 100%;}

	.b-columns.alt-cards {margin: -10rem;}
	.b-columns.alt-cards .b-column {padding: 10rem;}

	.b-columns.alt-logos {margin: -20rem;}
	.b-columns.alt-logos .b-column {padding: 20rem;}

	.b-columns.alt-bottom {margin-bottom: -30rem;}
	.b-columns.alt-bottom .b-column {padding-bottom: 30rem;}
}



/* SPACER */

.b-spacer {
	display: block;
	clear: both;
}

.b-spacer[data-height="xsmall"] {height: 20rem;}
.b-spacer[data-height="small"] {height: 30rem;}
.b-spacer[data-height="medium"] {height: 50rem;}
.b-spacer[data-height="large"] {height: 60rem;}
.b-spacer[data-height="xlarge"] {height: 80rem;}

@media screen and (max-width: 960px) {
	.b-spacer[data-height="xsmall"],
	.b-spacer[data-height="small"],
	.b-spacer[data-height="medium"] {height: 20rem;}
	.b-spacer[data-height="large"],
	.b-spacer[data-height="xlarge"] {height: 40rem;}
}



/* UTILITY */

.b-scrollbar {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

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

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

.b-box {
	background: #eee;
	min-height: 20rem;
}

.b-img {
	width: 100%;
}

.b-img-fallback {
	background: rgba(123,123,123,0.25);
}

.b-img-container {
	position: relative;
}

.b-img-container .b-img-lottie {
	width: 100%;
	height: 100%;
	display: none;
}

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

.b-page .b-img-container .b-img-lottie {display: block;}
.b-page .b-img-container .b-img-lottie + .b-img {display: none;}

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



/* MARGIN OVERWRITES */

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0 !important;
}

h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4 {
	margin-top: 0.4em;
}

.eyebrow + h1,
.eyebrow + h2,
.eyebrow + h3,
.eyebrow + h4,
.eyebrow + h1,
.eyebrow + h2,
.eyebrow + h3,
.eyebrow + h4 {
	margin-top: 0.4em;
}

p:first-child,
ul:first-child,
ol:first-child,
blockquote:first-child,
hr:first-child,
table:first-child {
	margin-top: 0 !important;
}

p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child,
hr:last-child,
table:last-child {
	margin-bottom: 0 !important;
}

p > .b-button {margin-top: 5rem;}



/* WORDPRESS */

body#tinymce {
    position: relative;
    z-index: 999;
	padding: 10rem;
	height: 100vh;
    background: #fff;
}

.aligncenter {
	margin: 40rem auto;
}

.alignleft {
	float: left;
	margin: 0 20rem 20rem 0;
}

.alignright {
	float: right;
	margin: 0 0 20rem 20rem;
}

.alignnone{
	margin: 40rem auto 40rem 0;
}

@media screen and (max-width: 960px) {
	.aligncenter,
	.alignleft,
	.alignright {float: none; margin: 40rem auto;}
}



/* animation */

@media screen and (min-width: 961px) {

	[data-visible] {
		opacity: 0;
		transform: translate(0, 100px);
		transition: opacity 0.5s, transform 0.5s;
		transition-delay: 0.2s;
	}

	[data-visible="true"],
	.acf-block-preview [data-visible] {
		opacity: 1;
		transform: translate(0, 0);
	}
}



/* COOKIE CONSENT */

.wcc-category-list h4 {margin: 1.25em 0 0.25em !important;}
.wcc-category-list table {margin-top: 1em !important;}