/*
Theme Name: Union Square Consulting
Author: Tiller Digital
Version: 1.1.3
License: GNU General Public License v3 or later
*/



/* VARIABLES */

:root {
	--page-head-height: 140rem;
	--page-head-height-compressed: 90rem;
	--frame-width: 1280rem;

	/* Neutral Colors */
	--black: #101820;
	--grey: #E7EAEF;
	--white: #fff;

	/* Primary Colors */
	--midnight-blue: #071A34;
	--light-blue: #2B81D2;
	--bright-light-blue: #75A6FF;
	--purple: #4C40D5;

	/* Action colors */
	--bright-pink: #E9095B;


	/* Gradients */
	--blue-purple-pink-gradient: 
		radial-gradient(68.02% 65.16% at 89.51% 42.79%, rgba(255, 22, 106, 0.60) 0%, rgba(255, 22, 106, 0.00) 100%), 
		radial-gradient(57.24% 71.47% at 48.65% 43.11%, rgba(76, 64, 213, 0.90) 0%, rgba(76, 64, 213, 0.00) 100%), 
		radial-gradient(41.84% 48.27% at 9.06% 73.99%, rgba(43, 129, 210, 0.90) 0%, rgba(43, 129, 210, 0.00) 100%), 
		#101820;
	
	--email-signup-gradient: 
		linear-gradient(37deg, rgba(5, 4, 43, 0.50) 31.52%, rgba(16, 24, 32, 0.00) 100.05%), 
		linear-gradient(50deg, #641EAA 21.92%, #2B81D2 103.72%);

	--white-blue-gradient: linear-gradient(311deg, #2B81D2 0%, rgba(43, 129, 210, 0.00) 50%);

	--midnight-blue-purple-gradient: 
		radial-gradient(108.19% 54.95% at 97.07% -19.27%, rgba(8, 7, 52, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%), 
		radial-gradient(122.76% 62.31% at 14.04% 91.76%, rgba(7, 26, 52, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%), 
		radial-gradient(126.25% 84.93% at 68.12% 39.2%, rgba(132, 172, 209, 0.40) 0%, rgba(67, 65, 178, 0.00) 45.31%, rgba(0, 0, 0, 0.20) 97.92%), 
		linear-gradient(107deg, rgba(23, 109, 238, 0.50) 0%, rgba(92, 23, 238, 0.50) 100%), 
		linear-gradient(0deg, #071A34 0%, #071A34 100%), 
		#071A34;



	--col-1: 60rem;
	--col-2: 160rem;
	--col-3: 260rem;
	--col-4: 360rem;
	--col-5: 460rem;
	--col-6: 560rem;
	--col-7: 660rem;
	--col-8: 760rem;
	--col-9: 860rem;
	--col-10: 960rem;
	--col-11: 1060rem;
	--col-12: 1160rem;
}

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



/* REM SCALING */

html {font-size: 1px;}

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

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



/* TEXT */

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

body {
	margin: 0;
	font-family: 'Rubik', sans-serif;
	font-size: 18rem;
	color: var(--black);
	line-height: calc(28/18);
	background: var(--white);
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.25em 0 0 0;
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: 0;
}

h1, .b-h1 {font-size: 72rem; line-height: calc(88/72); font-weight: 400;}
h2, .b-h2 {font-size: 42rem; line-height: calc(52/42); font-weight: 700;}
h3, .b-h3 {font-size: 32rem; line-height: calc(42/32); font-weight: 700;}
h4, .b-h4 {font-size: 28rem; line-height: calc(40/28); font-weight: 700;}
h5, .b-h5 {font-size: 22rem; line-height: calc(37/22); font-weight: 400;}
h6, .b-h6 {font-size: 20rem; line-height: calc(30/20); font-weight: 400;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;}

.b-text-large {font-size: 22rem;}
.b-text-small {font-size: 16rem;}
.b-eyebrow {text-transform: uppercase; margin: 0 0 10rem; }
.b-eyebrow + * {margin-top: 0;}
.alt-semi-transparent { opacity: 0.6; font-size: inherit; line-height: inherit;}

@media screen and (max-width: 960px) {
	html {scroll-padding-top: 80px;}
	body {font-size: 18rem; line-height: calc(28/18);}

	h1, .b-h1 {font-size: 42rem; line-height: calc(52/42); font-weight: 400;}
	h2, .b-h2 {font-size: 32rem; line-height: calc(42/32); font-weight: 700;}
	h3, .b-h3 {font-size: 28rem; line-height: calc(40/28); font-weight: 700;}
	h4, .b-h4 {font-size: 22rem; line-height: calc(37/22); font-weight: 700;}
	h5, .b-h5 {font-size: 20rem; line-height: calc(30/20); font-weight: 700;}
	h6, .b-h6 {font-size: 18rem; line-height: calc(28/18); font-weight: 700;}

	.b-text-large {font-size: 18rem;}
	.b-text-small {font-size: 14rem;}
	.b-eyebrow {font-size: 18rem; line-height: calc(30/20);}

	.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: 0.75em 0;
}

ul, ol {
	margin: 0.75em 0;
	padding: 0 0 0 1em;
}

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: var(--grey);
	margin: 40rem 0;
	padding: 40rem;
	border-radius: 10rem;
}

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



/* LINKS */

:where(.b-page) :where(a, .a) {
	font-size: 0.8888888889em;
	cursor: pointer;
	font-weight: 700;
	color: var(--purple);
	background-color: transparent;
	text-decoration: none;
	transition: color 0.25s;
	display: inline-flex;
	align-items: center;
	gap: 10rem;
	width: fit-content;
}
:where(.b-page) :where(a, .a):hover {color: var(--light-blue);}



/* link color variants */
.bg_midnight-blue a:not(.b-button),
a.alt-blue { color: var(--light-blue); }

.bg_midnight-blue a:not(.b-button):hover,
a.alt-blue:hover { color: var(--white); }

.bg_grey a:not(.b-button) { color: var(--purple); }
.bg_grey a:not(.b-button):hover { color: var(--light-blue); }




/*  Square decoration */

:where(.b-page, .b-nav) :where(.b-button, .gform_button, a)::after {
	content: '';
	width: 13rem;
	height: 13rem;
	display: inline-block;	
	background: currentColor;
	transform-origin: center;
	transition: transform 0.25s, background 0.25s;
}
:where(.b-page, .b-nav) p > a:not(.b-button)::after { display: none; }
:where(.b-page, .b-nav) .b-button::after { width: 15rem; height: 15rem; }  /* increase square size for button */
:where(.b-page, .b-nav) :is(.b-button, a):hover::after { transform: rotate(45deg); }


/* BUTTON */

.b-button {
	cursor: pointer;
	max-width: 100%;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	gap: 20rem;
	box-sizing: border-box;
	color: var(--white);
	font-family: inherit;
	font-weight: 700;
	font-size: 16rem;
	line-height: 1.625;
	width: auto;
	padding: 20rem 33rem;
	background: linear-gradient(90deg, transparent 60%, var(--purple) 100%), var(--bright-pink);
	background-size: 200% auto, auto auto;
	background-position: 0 0, 0 0;
	border: none;
	border-radius: 0;
	text-align: center;
	appearance: none;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: color 0.25s, background-position 0.25s, box-shadow 0.25s;
}


/* White button */
.b-button.b-button-white {
/*
    color: var(--bright-pink);
	background: linear-gradient(90deg, transparent 60%, var(--purple) 100%), var(--white);
*/
	background: transparent;
	border: 2px solid var(--white);
	background-size: 200% auto, auto auto;
	background-position: 0 0, 0 0;
	
}
.b-button.b-button-white:hover {
	color: var(--bright-pink);
	background: var(--white);
}

.content p:has(.b-button + .b-button) {
	display: flex;
	flex-wrap: wrap;
	gap: 16rem;
}

.content p:has(.b-button + .b-button) .b-button {
	flex: 1 1 0;
	min-width: 0;
	justify-content: center;
}

@media screen and (max-width: 960px) {
    .content p:has(.b-button + .b-button) {
        gap: 0;
    }
	.content p:has(.b-button + .b-button) .b-button {
		flex: 1 1 100%;
	}
}




/* dark background */
.b-button.alt-light,
:where(.bg_black, .bg_purple, .bg_midnight-blue, .bg_blue-purple-pink, .bg_pink-purple-blue, .bg_gradient-blue-shine) .b-button {
	background: linear-gradient(90deg, transparent 60%, var(--bright-light-blue) 100%), var(--bright-pink);
	background-size: 200% auto, auto auto;
	background-position: 0 0, 0 0;
}

.b-button:hover {
	color: #fff;
	background-position: 99% 0;
}

:where(.content, .container) :where(h1, h2, h3, h4, h5, h6, p) + :where(p) > :where(.b-button) { margin-top: calc(40rem - 1.05em); }
@media screen and (max-width: 960px) {
	:where(.content, .container) :where(h1, h2, h3, h4, h5, h6, p) + :where(p) > :where(.b-button) { margin-top: calc(40rem - 0.85em); }
}



/* button - outlined */
.b-button.alt-outline { color: var(--purple); box-shadow: inset 0 0 0 1.5px var(--purple); background-color: transparent; background-image: none;}
.b-button.alt-outline:hover {color: var(--light-blue); box-shadow: inset 0 0 0 1.5px var(--light-blue);}

.bg_gradient-blue-purple .b-button.alt-outline,
.b-button.alt-outline.alt-white { color: var(--white); box-shadow: inset 0 0 0 1.5px var(--white); }
.bg_gradient-blue-purple .b-button.alt-outline:hover,
.b-button.alt-outline.alt-white:hover { color: var(--bright-light-blue); box-shadow: inset 0 0 0 1.5px var(--bright-light-blue); }





/* TEXT INPUT & TEXTAREA */

.b-input,
.b-textarea,
.b-select,
:where(.b-page) input:where([type="text"],[type="email"]) {
	box-sizing: border-box;
	color: #000;
	font-family: inherit;
	font-size: 18rem;
	line-height: calc(28/18);
	/* height: 40rem; */
	width: 100%;
	/* padding: 0 15rem; */
	padding: 13rem 20rem;
	background: var(--white);
	box-shadow: inset 0 0 0 1.5px var(--purple);
	border: none;
	border-radius: 10rem;
	transition: box-shadow 0.25s;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.b-textarea, :where(.b-page, .acf-block-preview) textarea {
	width: 100%;
	display: block;
	font-size: 18rem;
	font-family: inherit;
	line-height: calc(28/18);
	padding: 13rem 20rem;
	box-shadow: inset 0 0 0 1.5px var(--purple);
	border-radius: 10rem;
	box-sizing: border-box;
	height: 160rem;
	resize: vertical;
}

.b-select {
	cursor: pointer;
	padding-right: 30rem;
	background: #fff no-repeat right 1rem center url();
}

.b-select::-ms-expand {
	display: none;
}



/* PAGE */

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

.b-page-head {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	height: var(--page-head-height);
	transition:  height 0.25s;
}

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

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

.b-page-body {
	flex: 1 0 auto;
	display: inherit;
	flex-direction: inherit;
	position: relative;
	z-index: 1;
}

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

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



/* FRAME & SPACER */

.b-frame {
	max-width: var(--frame-width);
	box-sizing: border-box;
	margin: 0 auto;
	padding: 140rem 40rem;
}

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

.b-spacer[data-height="_x-small"] {height: 20rem;}
.b-spacer[data-height="_small"] {height: 40rem;}
.b-spacer[data-height="_medium"] {height: 80rem;}
.b-spacer[data-height="_large"] {height: 140rem;}

@media screen and (max-width: 960px) {
	.b-frame {padding: 80rem 25rem;}
	.b-spacer[data-height="_x-small"] {height: 10rem;}
	.b-spacer[data-height="_small"] {height: 20rem;}
	.b-spacer[data-height="_medium"] {height: 40rem;}
	.b-spacer[data-height="_large"] {height: 80rem;}
}



/* 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 {z-index: 2;}

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

#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: 0; align-items:flex-start;}
.b-nav-overlay {background:#fff; opacity:1;}
.b-nav-content {
	margin: calc(20rem + var(--page-head-height)) 0 0;
	height: 100%;
	overflow: auto;
	transform: translate(0, -80rem);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}
.b-page[data-scroll] + .b-nav .b-nav-content {margin: calc(20rem + var(--page-head-height-compressed)) 0 0;}

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

@media screen and (max-width: 960px) {
	.b-nav-content {width: 100%; padding: 0 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;}
}



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

/* alts */

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

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

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

.b-columns.alt-grow .b-column {flex: 1 0 auto;}

.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-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[data-width] {width: 100%;}

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



/* 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 img {
	width: 100%;
	height: auto;
}

.b-img {
	width: 100%;
}

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

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

.b-img-offset .b-img {
	max-width: none;
}

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



/* MARGIN OVERWRITES */

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

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

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



/* WORDPRESS */

body#tinymce {
	padding: 10rem;
}

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

p:first-child .aligncenter,
p:first-child .alignnone {margin-top: 0 !important;}

p:last-child .aligncenter,
p:last-child .alignnone {margin-bottom: 0 !important;}

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



/* LIST STYLES */

.b-section ul li {
	position: relative;
	margin-bottom: calc(12/18 * 1em);
}

.b-section ul > li::before {
	position: absolute;
	transform: translate(-100%);
}


/* BLOCKQUOTE STYLES */

blockquote.alt-midnight-blue {
	color: var(--white);
	background: var(--midnight-blue);
}

blockquote.alt-light-blue {
	color: var(--white);
	background: var(--light-blue);
}

blockquote.alt-pink-purple-blue {
	color: var(--white);
	background:
		radial-gradient(68.02% 65.16% at 89.51% 42.79%, rgba(255, 22, 106, 0.60) 0%, rgba(255, 22, 106, 0.00) 100%),
		radial-gradient(57.24% 71.47% at 48.65% 43.11%, rgba(76, 64, 213, 0.90) 0%, rgba(76, 64, 213, 0.00) 100%),
		radial-gradient(41.84% 48.27% at 9.06% 73.99%, rgba(43, 129, 210, 0.90) 0%, rgba(43, 129, 210, 0.00) 100%),
		#101820;
}

blockquote.alt-pink-outline {
	background: none;
	box-shadow: inset 0 0 0 2rem var(--bright-pink);
}

blockquote.alt-midnight-blue .b-button.alt-outline,
blockquote.alt-light-blue .b-button.alt-outline,
blockquote.alt-pink-purple-blue .b-button.alt-outline {
	color: var(--white);
    box-shadow: inset 0 0 0 1.5px var(--white);
}



/* checkmark */
:where(.b-page) ul.alt-checkmark {
	list-style: none;
	padding: 0 0 0 26rem;
}

:where(.b-page) ul.alt-checkmark > li::before {
	content: url(/_assets/975bb78a5c275221/icon-checkmark.svg);
	left: -10rem;
}

/* circled checkmark */
:where(.b-page) ul.alt-circled-checkmark {
	list-style: none;
	padding: 0 0 0 33rem;
}

:where(.b-page) ul.alt-circled-checkmark > li::before {
	content: url(/_assets/c0ee09711243014e/icon-checkmark-circled-light.svg);
	left: -10rem;
	top: 2rem;
	width: 23rem;
	height: 23rem;
}

:where(.b-page) ul.alt-circled-checkmark > li.alt-x::before {
	content: url(/_assets/1f1c5419a952f6de/icon-x-circled-light.svg);
	left: -10rem;
	top: 2rem;
	width: 20rem;
	height: 20rem;
}

:where(.b-page) :where(.bg_white) ul.alt-circled-checkmark > li.alt-x::before {
	content: url(/_assets/33e140af72479cbf/icon-x-circled-dark.svg);
	left: -10rem;
	top: 2rem;
	width: 20rem;
	height: 20rem;
}

:where(.bg_white) ul.alt-circled-checkmark {
	list-style: none;
	padding: 0 0 0 30rem;
}

:where(.bg_white) ul.alt-circled-checkmark > li::before {
	content: url(/_assets/8dfa39fabaa1317d/icon-checkmark-circled-dark.svg);
	left: -10rem;
	top: 3rem;
	width: 20rem;
	height: 20rem;
}



/* SOCIAL ICONS */

.social-icons {
	display: flex;
	align-items: center;
	gap: 30rem;
}

.social-icons > a {
	display: block;
	width: 30rem;
	aspect-ratio: 1;
	/* background: #333; */
}



/* GLOBAL BACKGROUND COLORS  */

.bg_black { 
	background-color: var(--black); 
	color: var(--white); 
}

.bg_white {
	color: var(--black);
	background-color: var(--white);
}

.bg_grey {
	color: var(--black);
	background-color: var(--grey);
}

.bg_purple {
	color: var(--white);
	background-color: var(--purple);
}

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

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

.bg_bright-light-blue {
	color: var(--black);
	background-color: var(--bright-light-blue);
}

.bg_gradient-blue-shine { 
	color: var(--white);
	background: 
		radial-gradient(108.19% 54.95% at 97.07% -19.27%, rgba(8, 7, 52, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%), 
		radial-gradient(122.76% 62.31% at 14.04% 91.76%, rgba(7, 26, 52, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%), 
		radial-gradient(126.25% 84.93% at 68.12% 39.2%, rgba(132, 172, 209, 0.40) 0%, rgba(67, 65, 178, 0.00) 45.31%, rgba(0, 0, 0, 0.20) 97.92%), 
		linear-gradient(107deg, rgba(23, 109, 238, 0.50) 0%, rgba(92, 23, 238, 0.50) 100%), 
		linear-gradient(0deg, #071A34 0%, #071A34 100%), 
		#FFF;
}

.bg_blue-purple-pink { 
	color: var(--white);
	background: 
		radial-gradient(68.02% 65.16% at 89.51% 42.79%, rgba(255, 22, 106, 0.60) 0%, rgba(255, 22, 106, 0.00) 100%), 
		radial-gradient(57.24% 71.47% at 48.65% 43.11%, rgba(76, 64, 213, 0.90) 0%, rgba(76, 64, 213, 0.00) 100%), 
		radial-gradient(41.84% 48.27% at 9.06% 73.99%, rgba(43, 129, 210, 0.90) 0%, rgba(43, 129, 210, 0.00) 100%), 
		#101820;
}

.bg_pink-purple-blue { 
	color: var(--white);
	background: 
		radial-gradient(68.02% 65.16% at 89.51% 42.79%, rgba(255, 22, 106, 0.60) 0%, rgba(255, 22, 106, 0.00) 100%), 
		radial-gradient(57.24% 71.47% at 48.65% 43.11%, rgba(76, 64, 213, 0.90) 0%, rgba(76, 64, 213, 0.00) 100%), 
		radial-gradient(41.84% 48.27% at 9.06% 73.99%, rgba(43, 129, 210, 0.90) 0%, rgba(43, 129, 210, 0.00) 100%), 
		#101820;
}

.bg_gradient-blue-purple {
	color: var(--white);
	background: 
		linear-gradient(0deg, rgba(16, 24, 32, 0.10) 0%, rgba(16, 24, 32, 0.10) 100%),
		linear-gradient(178deg, #176DEE 7.48%, #641EAA 98.21%);
}

.bg_black a:not(.b-button),
.bg_purple a:not(.b-button),
.bg_midnight-blue a:not(.b-button),
.bg_light-blue a:not(.b-button),
.bg_gradient-blue-shine a:not(.b-button):not(.link),
.bg_blue-purple-pink a:not(.b-button),
.bg_pink-purple-blue a:not(.b-button),
.bg_gradient-blue-purple a:not(.b-button) {color: var(--white);}

.bg_black a:not(.b-button):hover,
.bg_purple a:not(.b-button):hover,
.bg_midnight-blue a:not(.b-button):hover,
.bg_light-blue a:not(.b-button):hover,
.bg_gradient-blue-shine a:not(.b-button):hover,
.bg_blue-purple-pink a:not(.b-button):hover,
.bg_pink-purple-blue a:not(.b-button):hover,
.bg_gradient-blue-purple a:not(.b-button):hover {color: var(--bright-light-blue);}



/* UTILITY CLASSES */

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

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



/* 404 */

.NOT-FOUND,
.NOT-FOUND .b-frame {
	flex: 1 0 auto;
	display: inherit;
	flex-direction: inherit;
}

.NOT-FOUND .b-columns { flex: 1 0 auto; margin: -30rem }
.NOT-FOUND .b-columns .b-column { padding: 30rem; }

.NOT-FOUND .error-code {
	position: relative;
	z-index: 0;
}

.NOT-FOUND .box {
	display: block;
	aspect-ratio: 1;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 3rem var(--bright-pink);
}

.NOT-FOUND .box.outer {
	padding: 40rem;
	width: calc(100% - 110rem);
	margin: 0 auto;
}

.NOT-FOUND h1 {
	font-weight: 500;
	text-align: center;
	line-height: calc(290/280);
	font-size: clamp(140rem, 93.3333333333rem + 14.583333333333334vw, 280rem);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}

@media screen and (max-width: 960px) {
	.NOT-FOUND .box.outer {
		padding: 30rem;
	}
	
	.NOT-FOUND .content {text-align: center;}
}