/*
Theme Name: Clearwater Analytics 2025
Author: Tiller Digital
Version: 2.0.3
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: 1920px) {html{font-size: 1.000px;}}
@media screen and (max-width: 1880px) {html{font-size: 0.975px;}}
@media screen and (max-width: 1840px) {html{font-size: 0.950px;}}
@media screen and (max-width: 1800px) {html{font-size: 0.925px;}}
@media screen and (max-width: 1760px) {html{font-size: 0.900px;}}
@media screen and (max-width: 1720px) {html{font-size: 0.875px;}}
@media screen and (max-width: 1680px) {html{font-size: 0.850px;}}
@media screen and (max-width: 1640px) {html{font-size: 0.825px;}}
@media screen and (max-width: 1600px) {html{font-size: 0.800px;}}
@media screen and (max-width: 1560px) {html{font-size: 0.775px;}}
@media screen and (max-width: 1520px) {html{font-size: 0.750px;}}
@media screen and (max-width: 1480px) {html{font-size: 0.725px;}}

@media screen and (max-width: 1440px) {html{font-size: 1.000px;}}
@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;}}



/* VARIABLES */

html {

	/* colors */

	--white: #FFFFFF;
	--black: #061A40;

	--grey-900: #061A40;
	--grey-800: #1F3154;
	--grey-300: #858FA6;
	--grey-200: #C3C7D4;
	--grey-100: #EBEDF8;

	--blue-900: #082268;
	--blue-700: #0047D1;
	--blue-500: #217DFE;
	--blue-300: #85B8FE;
	--blue-100: #B8DAFF;
	--blue-50: #E7F3FF;

	--teal-900: #003638;
	--teal-700: #00767B;
	--teal-500: #00B9C2;
	--teal-300: #69DEE4;
	--teal-100: #9DEDF1;
	--teal-50: #DEF9FA;

	--purple-900: #231462;
	--purple-700: #4D38AA;
	--purple-500: #7D5FFF;
	--purple-300: #B8A7FF;
	--purple-100: #D1C7FF;
	--purple-50: #EEEDFC;

	--magenta-900: #571437;
	--magenta-700: #953768;
	--magenta-500: #DE5D9F;
	--magenta-300: #F1A7CD;
	--magenta-100: #F7CAE1;
	--magenta-50: #FCEDF5;

	--yellow-900: #614100;
	--yellow-700: #A67D2A;
	--yellow-500: #FFC54F;
	--yellow-300: #FFDF9E;
	--yellow-100: #FFEBC2;
	--yellow-50: #FFF8EB;

	--blue-green-1: #0985CA;
	--blue-green-2: #009BA2;

	--dark-blue-gradient: linear-gradient(90deg, #061A40, #04359D);
	--purple-blue-gradient: linear-gradient(90deg, #7D5FFF, #217DFE);

	--diagonal-blue-gradient: linear-gradient(257deg, #217DFE 9.19%, rgba(6, 26, 64, 0.40) 66.69%, rgba(33, 125, 254, 0.50) 90.49%), #061A40;
	--diagonal-blue-teal-gradient: linear-gradient(259deg, rgba(0, 185, 194, 0.80) 3.48%, rgba(33, 125, 254, 0.50) 36.08%, rgba(6, 26, 64, 0.40) 67.04%, rgba(33, 125, 254, 0.70) 116.48%), #061A40;
	--diagonal-blue-purple-gradient: linear-gradient(259deg, rgba(125, 95, 255, 0.80) 3.49%, rgba(33, 125, 254, 0.50) 31.24%, rgba(6, 26, 64, 0.40) 57.6%, rgba(33, 125, 254, 0.70) 99.69%), #061A40;
	--diagonal-blue-pink-gradient: linear-gradient(259deg, rgba(222, 93, 159, 0.70) 3.49%, rgba(33, 125, 254, 0.50) 31.24%, rgba(6, 26, 64, 0.40) 57.6%, rgba(33, 125, 254, 0.70) 99.69%), #061A40;
;
	--light-blue-gradient: linear-gradient(316deg, rgba(144, 190, 254, 0.50) 22.47%, rgba(185, 209, 255, 0.37) 48.47%, rgba(207, 219, 255, 0.30) 85.79%), #FFFFFF;
	--light-blue-purple-gradient: linear-gradient(312deg, rgba(209, 199, 255, 0.70) 15.84%, rgba(185, 209, 255, 0.37) 57.08%, #E7F3FF 103.32%), #FFF;
	--light-blue-pink-gradient: linear-gradient(312deg, #FCEDF5 15.84%, rgba(185, 209, 255, 0.37) 57.08%, #E7F3FF 103.32%), #FFF;

	--pale-blue-gradient: linear-gradient(rgba(184, 218, 255, 0.70), rgba(133, 184, 254, 0.60));
	--light-teal-gradient: linear-gradient(181deg, rgba(133, 184, 254, 0.60) 0.75%, rgba(145, 209, 248, 0.65) 81.51%, rgba(157, 237, 241, 0.70) 112.74%);
	--light-purple-gradient: linear-gradient(179deg, #AFD1FF 34.02%, #EEEDFC 92.64%);
	--light-pink-gradient: linear-gradient(178deg, #A4CBFF 17.95%, #FCEDF5 116.13%);



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

@media screen and (max-width: 1440px) {
	html {
		--col-width: 74rem;
	}
}

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



/* TEXT */

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

body {
	margin: 0;
	font-family: 'poppins', sans-serif;
	font-size: 20rem;
	line-height: 1.4;
	color: var(--black);
	background: var(--white);
	word-wrap: break-word;
}

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

h1, .b-h1 {font-size: 64rem; line-height: 1.1; font-weight: 400;}
h2, .b-h2 {font-size: 52rem; line-height: 1.2; font-weight: 400;}
h3, .b-h3 {font-size: 38rem; line-height: 1.2; font-weight: 400;}
h4, .b-h4 {font-size: 28rem; line-height: 1.4; font-weight: 500;}
h5, .b-h5 {font-size: 24rem; line-height: 1.4; font-weight: 500;}
h6, .b-h6 {font-size: 20rem; line-height: 1.4; font-weight: 500;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; text-decoration: none;}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {color: var(--blue-700); font-style: normal;}
.b-section :is(h1, h2, h3, h4, h5, h6) {text-wrap: balance;}

.b-text-eyebrow {font-size: 18rem; text-transform: uppercase; line-height: 1.3; font-weight: 500; letter-spacing: 0.05em; text-wrap: balance;}
.b-text-eyebrow + :is(h1, h2, h3, h4, h5, h6) {margin-top: 0;}

.b-text-stat {font-size: 88rem; font-weight: 500; line-height: 1; letter-spacing: -0.05em;}
.b-text-large {font-size: 24rem;}
.b-text-small {font-size: 16rem;}
.b-text-404 {font-size: 128rem; font-weight: 500; line-height: 0.85;}

[data-text-color^="white"] {color: var(--white);}

@media screen and (max-width: 1440px) {
	body {font-size: 18rem;}

	h1, .b-h1 {font-size: 52rem;}
	h2, .b-h2 {font-size: 38rem;}
	h3, .b-h3 {font-size: 28rem;}
	h4, .b-h4 {font-size: 24rem;}
	h5, .b-h5 {font-size: 20rem;}
	h6, .b-h6 {font-size: 18rem;}

	.b-text-stat {font-size: 64rem;}
	.b-text-large {font-size: 20rem;}
	.b-text-small {font-size: 16rem;}

	.b-section br {display: none;}
}

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

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

	.b-text-eyebrow {font-size: 16rem;}
	.b-text-stat {font-size: 60rem;}
	.b-text-large {font-size: 18rem;}
	.b-text-small {font-size: 14rem;}
	.b-text-404 {font-size: 96rem;}
}



/* BASIC TAGS */

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

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

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

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

strong, b {
	font-weight: 500;
}

em, i {
	font-style: italic;
}

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

blockquote {
	position: relative;
	background: var(--blue-50);
	border-radius: var(--s4);
	margin: var(--s5) 0;
	padding: var(--s5);
}

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

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

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

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

pre {
	font-size: 14rem;
	margin: var(--s5) 0;
	padding: var(--s5);
	background: var(--black);
	color: var(--white);
	overflow: auto;
	border-radius: var(--s1);
	scrollbar-width: none;
}

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

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

[data-text-color="white"] blockquote {background: var(--blue-900);}
[data-text-color="white-blue"] blockquote {background: var(--blue-700);}
[data-text-color^="white"] hr {border-color: var(--white);}



/* LINKS */

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

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

a svg, button svg {
	fill: currentColor;
}

[data-text-color="white"] a:not(.b-button) {color: var(--blue-300);}
[data-text-color="white"] a:not(.b-button):hover {color: var(--white);}
[data-text-color="white-blue"] a:not(.b-button) {color: var(--white);}
[data-text-color="white-blue"] a:not(.b-button):hover {color: var(--blue-100);}



/* BUTTON */

.b-button {
	cursor: pointer;
	max-width: 100%;
	vertical-align: middle;
	display: inline-flex;
	box-sizing: border-box;
	font-family: inherit;
	font-weight: 400;
	font-size: 16rem;
	line-height: 20rem;
	width: auto;
	padding: 14rem var(--s4);
	margin: 0;
	border: none;
	border-radius: 9999rem;
	text-align: left;
	color: var(--white);
	background-color: var(--blue-900);
	appearance: none;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: color 0.25s, background 0.25s, box-shadow 0.25s !important;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}

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

.b-button span {
	text-align: left;
}

.b-button span + svg {
	margin-left: var(--s3);
}

[data-text-color^="white"] .b-button {color: var(--black); background-color: var(--white); }
[data-text-color="white"] .b-button:hover {color: var(--white); background-color: var(--blue-500);}
[data-text-color="white-blue"] .b-button:hover {color: var(--white); background-color: var(--blue-900);}

/* secondary */

.b-button.alt-secondary {background-color: var(--blue-500);}
.b-button.alt-secondary:hover {background-color: var(--blue-900);}

[data-text-color="white"] .b-button.alt-secondary {color: var(--white); background-color: var(--blue-500); }
[data-text-color="white-blue"] .b-button.alt-secondary {color: var(--white); background-color: var(--blue-900); }
[data-text-color^="white"] .b-button.alt-secondary:hover {color: var(--blue-900); background-color: var(--white);}


/* tertiary */

.b-button.alt-tertiary {color: var(--black); background-color: transparent; box-shadow: inset 0 0 0 1rem var(--black);}
.b-button.alt-tertiary:hover {color: var(--white); background-color: var(--blue-500); box-shadow: inset 0 0 0 1rem var(--blue-500);}

[data-text-color^="white"] .b-button.alt-tertiary {color: var(--white); background-color: transparent; box-shadow: inset 0 0 0 1rem var(--white);}
[data-text-color="white"] .b-button.alt-tertiary:hover {color: var(--white); background-color: var(--blue-500); box-shadow: inset 0 0 0 1rem var(--blue-500);}
[data-text-color="white-blue"] .b-button.alt-tertiary:hover {color: var(--white); background-color: var(--blue-900); box-shadow: inset 0 0 0 1rem var(--blue-900);}

/* text */

.b-button.alt-text {
	border-radius: 0;
	padding: 0;
	font-weight: 500;
	background: none !important;
	color: var(--blue-700);
}

.b-button.alt-text:hover {color: var(--black);}

[data-text-color="white"] .b-button.alt-text {color: var(--blue-300);}
[data-text-color="white"] .b-button.alt-text:hover {color: var(--white);}
[data-text-color="white-blue"] .b-button.alt-text {color: var(--white);}
[data-text-color="white-blue"] .b-button.alt-text:hover {color: var(--blue-100);}

@media screen and (max-width: 1440px) {
	.b-button:not(.alt-text) svg {display: none;}
}

@media screen and (max-width: 960px) {
	.b-button {display: flex; text-align: center;}
	.b-button:not(.alt-text) svg {display: block;}
	.b-button.alt-text {justify-content: flex-start;}
}



/* BUTTONS */

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

@media screen and (max-width: 960px) {
	.b-buttons {margin-top: 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-body {
	position: relative;
	z-index: 1;
}

.b-page-foot {
	overflow: hidden;
	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-page-body > .b-section:first-child {padding-top: 96rem;}
.b-page-body > .b-section[data-top]:first-child {padding-top: 128rem;}
.b-page-head[data-framed] ~ .b-page-body > .b-section:first-child {padding-top: 144rem;}
.b-page-head[data-framed] ~ .b-page-body > .b-section[data-top]:first-child {padding-top: 176rem;}

@media screen and (max-width: 960px) {
	.b-page-body > .b-section:first-child {padding-top: 48rem;}
	.b-page-body > .b-section[data-top]:first-child {padding-top: 64rem;}
	.b-page-head[data-framed] ~ .b-page-body > .b-section:first-child {padding-top: 80rem;}
	.b-page-head[data-framed] ~ .b-page-body > .b-section[data-top]:first-child {padding-top: 80rem;}
}




/* 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;}

.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 .flickity-slider > .b-column {display: block; padding-top: 0; padding-bottom: 0;}
.b-columns.alt-flickity.flickity-enabled.alt-middle .flickity-slider >.b-column {display: flex; flex-direction: column; justify-content: center;}
.b-columns.alt-flickity.flickity-enabled:not(.is-draggable) {padding-bottom: 0 !important;}

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

.b-spacer.alt-pfa-to-container {height: var(--s5);}

@media screen and (max-width: 1440px) {
	.b-spacer.alt-pfa-to-container {height: var(--s1);}
}

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

	.b-spacer.alt-pfa-to-container {height: 0;}
}



/* DIVIDER */

.b-divider::after {
	content: '';
	display: block;
	height: 1px;
	background: var(--purple-blue-gradient);
}



/* 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,
pre: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,
pre: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(--purple-blue-gradient);
	color: var(--white);
	font-size: 16rem;
	overflow: hidden;
}

.b-notification .b-frame {
	padding-top: 0;
	padding-bottom: 0;
	height: 100%;
	position: static;
}

.b-notification .container {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}

.b-notification .b-button.alt-text {
	color: var(--white);
	margin-left: var(--s5);
}

.b-notification .b-button.alt-text:hover {
	text-decoration: underline;
}

.b-notification button {
	position: absolute;
	top: 50%;
	right: var(--s1);
	width: var(--s5);
	height: var(--s5);
	display: block;
	margin: 0;
	padding: 0;
	background: url('assets/images/ui-close-light.svg') no-repeat center / 100%;
	border: none;
	text-indent: -9999rem;
	transform: translate(0, -50%);
	cursor: pointer;
}

@media screen and (max-width: 960px) {
	.b-notification {font-size: 14rem;}
	.b-notification .b-frame {position: relative;}
	.b-notification .container {justify-content: flex-start; padding-right: var(--s5);}
	.b-notification .b-button.alt-text {width: auto; margin-left: 0; justify-content: flex-start; font-size: 14rem;}
	.b-notification button {transform: translate(0, -50%) scale(0.75);}
}



/* 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(--s6));
	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 {
	z-index: 1;
	top: 0;
	display: block;
	padding-top: var(--page-head-height);
}

.b-nav-overlay {
	background: linear-gradient(161deg, #217DFE -5.71%, rgba(6, 26, 64, 0.40) 46.46%, #217DFE 98.93%), #061A40;
	opacity: 1;
}

.b-nav-wrapper {
	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}

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

/* modal */

.b-modal-close {
	display: block;
	position: sticky;
	top: var(--s3);
	width: var(--s5);
	height: var(--s5);
	text-indent: -9999rem;
	background: url('assets/images/ui-close-dark.svg') no-repeat center / 100%;
	z-index: 2;
	margin: 0 var(--s3) 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));}
	.b-modal-close {top: 4rem; margin-right: 4rem;}

	#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 img {
	pointer-events: auto;
}

.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(--s7);
	height: var(--s7);
	border-radius: 100%;
	background: url('assets/images/ui-play.svg') no-repeat center / 100%;
	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 {
	border-left: 1px solid var(--blue-500);
	padding-left: var(--s1);
	font-size: 14rem;
	margin-top: var(--s3);
	line-height: 1.25;
}

.b-img-size {
	font-size: 10rem;
	position: absolute;
	top: 50%;
	left: 50%;
	background: var(--black);
	color: var(--white);
	opacity: 0.8;
	padding: 2rem 4rem;
	border-radius: 4rem;
	transform: translate(-50%, -50%);
	display: none;
}

.b-img-container {margin: var(--s5) 0;}
.b-img-container:first-child {margin-top: 0 !important;}
.b-img-container:last-child {margin-bottom: 0 !important;}
.b-img-container .b-img {border-radius: var(--s4); overflow: hidden;}

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



/* LISTS */

ul.b-lines {
	padding: 0;
	list-style: none;
}

ul.b-lines li:not(:last-child) {
	border-bottom: 1px solid var(--blue-500);
	padding-bottom: var(--s1);
	margin-bottom: var(--s1);
}

ol.b-az > li {
	list-style-type: lower-alpha;
}

ol.b-ix > li {
	list-style-type: lower-roman;
}

@media screen and (min-width: 961px) {
	ul.b-columns-2 {column-count: 2; column-gap: var(--s5);}
	ul.b-columns-2 li {break-inside: avoid;}
}



/* BLOCKQUOTE */

.b-blockquote {
	border-left: 1px solid var(--blue-500);
	margin-left: var(--s5);
	padding: 0 0 0 var(--s3);
	background: none !important;
	border-radius: 0;
}

@media screen and (max-width: 960px) {
	.b-blockquote {margin-left: 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);}
}



/* TEMP PASSWORD PAGE */

.post-password-form {
	margin: calc(var(--notification-height) + 144rem) auto 0;
	max-width: var(--frame-width);
    padding: var(--s9) var(--s5);
    min-height: calc(100vh - 960rem - var(--notification-height));
}

.post-password-form p:empty {display: none;}
.post-password-form p {margin-top: 0;}
.post-password-form label {font-size: 14rem;}

.post-password-form input[type="password"] {
	appearance: none;
	font-family: inherit;
	font-size: 16rem;
	color: var(--black);
	display: block;
	background: var(--white);
	width: 100%;
	max-width: var(--col-3);
	padding: 0 var(--s2);
	margin: var(--s1) 0 var(--s4);
	border-radius: var(--s1);
	border: 1px solid var(--grey-200);
	box-sizing: border-box;
	height: var(--s6);
	line-height: var(--s6);
}

.post-password-form input[type="submit"] {
	position: relative;
	cursor: pointer;
	max-width: 100%;
	vertical-align: middle;
	display: inline-flex;
	box-sizing: border-box;
	font-family: inherit;
	font-weight: 400;
	font-size: 16rem;
	line-height: 20rem;
	width: auto;
	padding: 14rem 60rem 14rem var(--s4);
	margin: 0;
	border: none;
	border-radius: 9999rem;
	text-align: center;
	color: var(--white);
	background: var(--blue-500) url('assets/images/ui-arrow-light.svg') no-repeat center right var(--s4) / 20rem 13rem;
	appearance: none;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: background 0.25s;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}


@media screen and (max-width: 960px) {
	.post-password-form {margin-top: calc(var(--notification-height) + 96rem); padding: var(--s7) var(--s3); min-height: 0;}
}



/* COOKIE YES */

.cky-btn-revisit-wrapper {
	display: none !important;
}