/* Freckle */

/* definitions */
:root {
    color-scheme: light dark;
    --box-shadow-material: 0 0.375rem 0.75rem rgb(227 220 186 / 15%), -0.125rem -0.125rem 0.25rem rgb(255 255 255 / 5%);
    --box-shadow-drop: 0.125rem 0.125rem 0.25rem rgb(20 20 24 / 8%), -0.25rem -0.25rem 0.5rem rgb(255 255 255 / 5%);
    --color-background-standard: lch(100% 0 0); /* #fff */
    --color-background-alternate: lch(98.3% 3.13 91.54); /* fcfaf4 */
	--color-border: lch(87.67% 17.76 95.19); /* #e3dcba */
    --color-foreground: lch(1.11% 0.39 287); /* #2c2c3f */
    --color-link-normal: lch(48.73% 64.51 22.72); /* #cf3a4e */
    --color-link-visited: lch(48.73% 64.51 22.72); /* #cf3a4e */
    --color-link-hover: lch(35% 64.51 22.72); /* #a5002f */
    --color-link-focus: lch(1.11% 0.39 287); /* #040405 */
    --color-link-active: lch(1.11% 0.39 287); /* #040405 */
    --color-accent: lch(48.73% 64.51 22.72); /* #cf3a4e */
    --color-blue: lch(65.07% 55.67 256.55); /* #00a8ff */
    --color-green: lch(70.95% 46.86 164.68); /* #41c395 */
    --color-red: lch(48.73% 64.51 22.72); /* #cf3a4e */
    --color-purple: lch(59.39% 61.81 290.49); /* #8385f6 */
	--color-magenta: lch(58.07% 73.9 347.66); /* #f143aa */
	--color-red-orange: lch(62.16% 79.28 48.36); /* #f5692c */
    --color-orange: lch(73.33% 77.87 68.31); /* #f99e1f */
	--color-yellow: lch(91.26% 85.88 92.66); /* #ffe61f */
	--color-gray-1: lch(18.66% 0.39 287); /* #040405 */
    --color-gray-2: lch(36.18% 0.39 287); /* #545464 */
    --color-gray-3: lch(57.11% 0.39 287); /* #888898 */
    --color-gray-4: lch(69.99% 0.39 287); /* #aaaaba */
    --color-gray-5: lch(90.68% 0.39 287); /* #e4e4e8 */
    --color-gray-6: lch(96.43% 0.39 287); /* #f4f4f8 */
    --color-gray-7: lch(98.31% 0.39 287); /* #fafafc */
    --color-gray-8: lch(99.03% 0.39 287); /* #fcfcfd */
	--color-dark-gray-0: lch(1.11% 0.39 287); /* #040405 */
    --color-dark-gray-1: lch(18.66% 0.39 287); /* #2c2c3f */
    --color-dark-gray-2: lch(20.39% 0.39 287); /* #303040 */
    --color-dark-gray-3: lch(25.39% 0.39 287); /* #363646 */
	--color-dark-border: lch(36.18% 0.39 287); /* #545464 */
    --color-dark-foreground: lch(98.31% 1 287); /* #fafafc */
	--color-dark-accent: lch(71.51% 35.98 22.44); /* #ed9798 */
    --color-dark-blue: lch(80.63% 30.51 255.74); /* #9dceff */
    --color-dark-green: lch(83.98% 26.1 164.36); /* #a0dfc3 */
    --color-dark-red: lch(71.51% 35.98 22.44); /* #ed9798 */
    --color-dark-purple: lch(77.33% 34.47 290.76); /* #beb9fb */
	--color-dark-magenta: lch(76.7% 41.29 347.86); /* #fea0cf */
	--color-dark-red-orange: lch(78.51% 42.28 49.49); /* #ffae88 */
    --color-dark-orange: lch(84.81% 42.07 70.34); /* #ffc989 */
	--color-dark-yellow: lch(94.77% 47.24 95.36); /* #fff193 */
	--color-dark-link-normal: lch(71.51% 35.98 22.44); /* #ed9798 */
    --color-dark-link-visited: lch(71.51% 35.98 22.44); /* #ed9798 */
    --color-dark-link-hover: lch(99.03% 1.49 287); /* #fcfcff */
    --color-dark-link-focus: lch(99.03% 1.49 287); /* #fcfcff */
    --color-dark-link-active: lch(99.03% 1.49 287); /* #fcfcff */
    --color-rgba-gray-10: lch(18.66% 0.39 287 / 0.1); /* rgba(48 48 64 0.1) */
    --color-rgba-gray-25: lch(18.66% 0.39 287 / 0.25); /* rgba(48 48 64 0.25) */
    --color-rgba-gray-50: lch(18.66% 0.39 287 / 0.5); /* rgba(48 48 64 0.5) */
    --color-rgba-gray-75: lch(18.66% 0.39 287 / 0.75); /* rgba(48 48 64 0.75) */
    --color-rgba-white-10: lch(100% 0 0 / 0.1); /* rgba(255 255 255 0.1) */
    --color-rgba-white-25: lch(100% 0 0 / 0.25); /* rgba(255 255 255 0.25) */
    --color-rgba-white-50: lch(100% 0 0 / 0.5); /* rgba(255 255 255 0.5) */
	--color-product-logo-primary: lch(0% 0 0); /* #000 */
	--color-product-logo-name: lch(54.27% 1.93 260.51); /* #808285 */
	--color-product-logo-bearer: lch(94.36% 6.13 97.88); /* #f1efe3 */
    --font-header: expo-serif-pro,Georgia,serif;
    --font-body: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-italics: expo-serif-pro,Georgia,serif;
    --font-quote: Georgia,serif;
    --font-size-smaller: 0.7rem;
    --font-size-small: 1rem;
    --font-size-normal: 1rem;
    --font-size-heading-1: clamp(2.49rem, calc(2.29rem + 0.98vw), 3.05rem);
    --font-size-heading-2: clamp(1.556rem, calc(1.556rem + ((1vw - 0.25rem) * 1.332)), 2.222rem);
    --font-size-heading-3: clamp(1.25rem, calc(1.25rem + ((1vw - 0.25rem) * 0.668)), 1.667rem);
	--font-size-heading-4: clamp(1.2rem, calc(1.2rem + ((1vw - 0.25rem) * 0.266)), 1.333rem);
	--font-size-heading-5: clamp(1.13rem, calc(1.13rem + 0.00vw), 1.13rem);
	--font-size-heading-6: clamp(0.75rem, calc(0.70rem + 0.19vw), 0.84rem);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --scale-up: scale3d(1.1,1.1,1.1);
    --tracking-basis: 0.02rem;
    --z-bottom: 0;
    --z-low: 100;
    --z-middle: 1000;
    --z-top: 999999999999;
}

/* resets */
html, body, header, nav, section, article, footer, 
div, applet, object, iframe, a, h1, h2, h3, h4, 
h5, h6, p, span, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: transparent;
	border: 0;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

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

/* transitions */
a,  
button, 
circle, 
input, 
path, 
polygon, 
rect, 
select, 
svg, 
textarea {
	transition: 0.75s;
}

/* viewport */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* HTML and body */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
  margin-top: 0 !important;
}

html, body {
    overflow: visible;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background-color: var(--color-background-standard) !important;
	color: var(--color-foreground);
	font-family: var(--font-body);
	font-size: 18px;
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 1.4;
	margin: 0 !important;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 !important;
	position: relative;
	text-rendering: optimizeLegibility;
}

/* noscript and old IE */
noscript {
	background-color: var(--color-accent);
	color: var(--color-background-standard);
	left: 0;
	padding: 1rem;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: var(--z-top);
}

noscript p {
	line-height: 1.4;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* overrides */
.site-navigation {
	display: none;
}

h1:not(.site-title):before, 
h2:before {
	background: transparent;
	content: '';
	display: none;
	height: 0;
	margin: 0;
	width: 0;
}

/* shared classes */
.blurry {
	filter: blur(3rem);
}

.bound-content {
	margin-inline: auto;
	max-width: 40rem;
}

.centered {
	text-align: center;
}

.sr-only, 
.visually-hidden {
    height: 1px;
    left: -101%;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.content-container {
	margin-inline: auto;
	max-width: 70rem;
	position: relative;
	width: 90%;
}

.content-divider {
	border-radius: 0.25rem;
	height: 0.5rem;
	margin: 1rem auto;
	opacity: 0.5;
	max-width: 14rem;
}

.content-divider-spaced {
	margin: 2.5rem auto -3.5rem auto;
}

.flex-box {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.hidden {
	display: none;
}

.link-container {
	text-align: center;
}

.rotate-180 {
	rotate: 180deg;
}

.round-corners-4 {
	border-radius: 0.25rem;
}

.shadow-image {
	box-shadow: var(--box-shadow-drop);
}

.small-image {
	border: 1px solid var(--color-border);
	display: block;
}

.super {
	font-size: var(--font-size-smaller);
	vertical-align: super;
}

/* icons */
.two-color-icon-primary { 
    fill: var(--color-foreground);
}

.two-color-icon-secondary { 
    fill: var(--color-accent);
}

.two-color-icon-tertiary { 
    fill: var(--color-background-standard);
}

/* product icon colors */
.product-logo-primary { 
	fill: var(--color-product-logo-primary); 
}

.product-logo-name { 
	fill: var(--color-product-logo-name);
}

.product-logo-shape-bearer { 
	fill: var(--color-product-logo-bearer);
}

.product-logo-blue { 
	fill: var(--color-blue); 
}

.product-logo-green { 
	fill: var(--color-green); 
}

.product-logo-red { 
	fill: var(--color-red); 
}

.product-logo-purple { 
	fill: var(--color-purple); 
}

.product-logo-magenta { 
	fill: var(--color-magenta); 
}

.product-logo-red-orange { 
	fill: var(--color-red-orange); 
}

.product-logo-orange { 
	fill: var(--color-orange); 
}

.product-logo-yellow { 
	fill: var(--color-yellow); 
}

/* grid system */
.standard-grid-2, 
.standard-grid-3 {
	box-sizing: border-box;
	display: grid;
	grid-gap: 1.5rem;
	margin: 1.5rem auto 0 auto;
	max-width: 70rem;
}

/* tab groups */
.desktop-tab-group {
    display: none;
}

.mobile-tab-selector select {
    background-color: var(--color-background-standard);
    border: 1px solid var(--color-border);
    border-radius: 100vw;
    display: block;
    font-size: var(--font-size-normal);
    margin: 0 0 1.5rem 0;
    padding: 0.75rem 1.5rem;
    width: max-content;
}

.section-standard .mobile-tab-selector select {
    background-color: var(--color-background-alternate);
}

.section-alternate .mobile-tab-selector select {
    background-color: var(--color-background-standard);
}

/* frames */
.page-section .no-border, 
.page-section .no-border img { 
    border-width: 0;
}

iframe, 
video {
	border: 1px solid var(--color-border);
    border-radius: 0;
}

iframe {
	max-height: 100% !important;
}

.video-info {
    margin: 0.25rem 0 0 0;
}

.video-info .video-caption {
    font-family: var(--font-italics);
    font-style: italic;
}

.video-info .video-length {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
}

/* links */
a:is(:link,:visited) {
	color: var(--color-link-normal);
	font-weight: var(--font-weight-semibold);
	text-decoration: none;
}

a:is(:hover,:focus,:active) {
	color: var(--color-link-hover);
	text-decoration: none;
}

.button-like:is(:link,:visited) {
	background-color: var(--color-link-normal);
	border: 2px solid var(--color-link-normal);
	border-radius: 100vw;
	color: var(--color-background-standard);
	display: block;
	font-weight: var(--font-weight-bold);
	margin-inline: auto;
	max-width: 16rem;
	padding: 0.5rem 1rem;
	text-align: center;
	text-decoration: none;
	width: max-content;
}

.button-like:is(:hover,:focus,:active) {
	background-color: var(--color-link-hover);
	border-color: var(--color-link-hover);
	color: var(--color-background-standard);
}

/* typography */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    color: var(--color-foreground);
    font-family: var(--font-header);
    font-weight: var(--font-weight-light);
	margin-bottom: calc(1ex / 2);
	text-align: left;
	text-wrap: balance;
}

h1 {
    font-size: var(--font-size-heading-1);
	line-height: calc(1ex / 0.42);
}

h2 {
    font-size: var(--font-size-heading-2);
	line-height: calc(1ex / 0.42);
	margin-bottom: calc(1ex / 2);
}

h3 {
    font-size: var(--font-size-heading-3);
	line-height: calc(1ex / 0.38);
}

h4, 
h5, 
h6 {
	line-height: calc(1ex / 0.36);
}

h4 {
    font-size: var(--font-size-heading-4);
}

h5 {
    font-size: var(--font-size-heading-5);
}

h6 {
    font-size: var(--font-size-heading-6);
}

p {
	line-height: 1.4;
	margin: 0 0 1rem 0;
}

.page-section p {
	text-align: left;
}

.text-block p:last-child {
	margin-bottom: 0;
}

/* forms */
body:not(.wp-admin) button:not(:hover):not(:active):not(.has-background) {
	background-color: var(--color-link-normal);
}

body:not(.wp-admin) .page-section button:focus {
	outline: none;
}

.page-section select {
    background-color: var(--color-background-standard);
    border: 2px solid var(--color-link-normal);
    border-radius: 100vw;;
    color: var(--color-foreground);
    display: block;
    font-size: var(--font-size-normal);
    padding: 0.5rem 1rem;
    width: max-content;
}

.page-section select:focus {
    border-color: var(--color-link-hover);
}

/* page header */
.site-navigation {
	display: none;
}

header {
	background-color: var(--color-dark-gray-1);
	border-bottom: 1px solid var(--color-dark-border);
	box-shadow: 0 0.0625rem 0.25rem var(--color-rgba-gray-10);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: var( --z-top);
}

header .message-banner {
	background-color: var(--color-accent);
	color: var(--color-background-standard);
	padding: 1rem;
	text-align: center;
}

header .message-banner p {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	margin: 0;
}

header .message-banner p span {
	padding-right: 0.375rem;
	text-transform: uppercase;
}

header .flex-box {
	align-items: center;
	height: 5.25rem;
	justify-content: space-between;
	padding: 1.5rem 0;
	position: relative;
}

header .header-logo svg {
	display: block;
	fill: var(--color-dark-foreground);
	height: 2.25rem;
}

header .menu {
	border-radius: 100vw;
	border-style: solid;
	border-width: 2px;
	box-shadow: none;
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 600;
	margin-left: 0.5rem;
	padding: 0.5rem;
	text-align: center;
	text-decoration: none;
}

header .menu:first-child {
	margin-left: 0;
}

header .menu span:last-of-type {
	display: none;
}

header .menu-outline, 
header .menu-outline:visited {
	background-color: transparent !important;
	border-color: var(--color-dark-foreground);
	color: var(--color-dark-foreground) !important;
}

header .menu-outline:hover, 
header .menu-outline:focus, 
header .menu-outline:active {
	background-color: var(--color-link-normal) !important;
	color: var(--color-background-standard) !important;;
}

header .menu span:last-of-type {
	display: none;
}

header .menu-filled {
	background-color: var(--color-dark-foreground) !important;
	border-color: var(--color-dark-foreground) !important;
	color: var(--color-dark-gray-0) !important;
	font-weight: var(--font-weight-semibold);
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

header .menu-filled span {
	font-weight: var(--font-weight-semibold);
}

header .menu-filled svg {
	fill: var(--color-dark-gray-0) !important;
	transition: 0s;
}

header .menu-filled:hover {
	background-color: var(--color-link-normal) !important;
}

header .menu-filled:hover span {
	color: var(--color-dark-foreground) !important;
}

header .menu-filled:hover svg {
	fill: var(--color-dark-foreground) !important;
}

header .header-buttons {
	position: relative;
}

header .header-buttons > button:nth-of-type(2) span {
	transform: translateY(-1px);
}

header .menu-control span, 
header .menu-control svg {
	display: inline-block;
	line-height: 0.5rem;
	vertical-align: middle;
}

header .menu-control span {
	padding-right: 0.25rem;
}

header .menu-control svg {
	fill: var(--color-background-standard);
	height: 0.333rem;
	transition: 0.75s;
}

header .menu-control:hover svg {
	fill: var(--color-link-normal);
}

.nav-wrapper {
	display: none;
	left: 0;
	position: absolute;
	top: 4rem;
	width: 100%;
	z-index: var(--z-middle);
}

nav {
	display: flex;
	justify-content: flex-end;
}

nav ul {
	background-color: var(--color-background-standard);
	border: 1px solid var(--color-border);
	box-shadow: var(--box-shadow-drop);
	padding: 0;
}

nav ul li {
	list-style-type: none;
}

nav ul li a:is(:link,:visited) {
	border-bottom: 1px solid var(--color-border);
	color: var(--color-link-normal);
	display: block;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
}
 
nav ul li a:is(:hover,:focus,:active) {
	background-color: var(--color-link-normal);
	color: var(--color-background-standard);
}

nav ul li:last-of-type a:is(:link,:visited) {
	border-bottom-width: 0;
}

/* main content area */
main {
	padding-top: 6.25rem;
}

/* general page sections */
.page-section {
	border-collapse: collapse;
	padding: 3rem 0;
}

.section-alternate {
	background-color: var(--color-background-alternate);
	border-bottom: 1px solid var(--color-border);
	border-top: 1px solid var(--color-border); 
}

.page-section .section-icon {
	margin: 0 auto 0.5rem auto;
	width: 3rem;
}

.page-section .section-icon svg {
	fill: var(--color-gray-2);
	height: 3rem;
	margin-inline: auto;
	width: 3rem;
}

.page-section .section-subhead {
	color: var(--color-gray-1);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	letter-spacing: calc(4 * var(--tracking-basis));
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.page-section .text-content {
	margin-inline: auto;
	max-width: 54rem;
}

.column-icon {
	align-items: center;
	border-radius: 50%;
	display: flex;
	height: 4rem;
	justify-content: center;
	margin: 0 auto 0.5rem auto;
	width: 4rem;
}

.column-icon svg {
	display: block;
	fill: var(--color-accent);
	height: 3.5rem;
	margin-inline: auto;
	width: 3.5rem;
}

/* banner section */
.banner {
	align-items: center;
	border-bottom: 1px solid var(--color-border);
    min-height: 33vw;
    padding: 0;
    position: relative;
}

.banner .banner-hero {
    aspect-ratio: 2/1;
    display: block;
    object-fit: cover;
    object-position: center right;
    width: 100%;
}

.banner .content {
	margin-inline: auto;
	padding: 2rem 0;
	width: 100%;
}

.banner .content .subhead {
	font-family: var(--font-body);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-bold);
	letter-spacing: calc(var(--tracking-basis) * 10);
	margin: 0 0 0.5rem 0;
	text-transform: uppercase;
}

.banner .content h1 {
	font-family: var(--font-header);
	font-size: clamp(2.25rem,4vw,4rem) !important;
	font-weight: var(--font-weight-normal);
	margin-bottom: 1rem;
	text-align: left;
}

.banner .content p {
	color: var(--color-foreground);
	font-weight: var(--font-weight-semibold);
	text-align: left;
}

.banner .content p a, 
.banner .content p a:visited {
	color: var(--color-dark-link-normal);
}

.banner .content p a:hover, 
.banner .content p a:focus, 
.banner .content p a:active {
	color: var(--color-dark-foreground);
}

.banner .content .ctas {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.banner .content .ctas .linker {
	display: block;
	margin: 0 1rem 0 0;
	width: max-content;
}

.banner .content .ctas .linker:last-child {
	margin-right: 0;
}

.banner .content .ctas .linker:not(:first-child) > .button-like, 
.banner .content .ctas .linker:not(:first-child) > .button-like:visited {
	background-color: transparent;
	color: var(--color-link-normal);
}

.banner .content .ctas .linker:not(:first-child) > .button-like:hover {
	color: var(--color-link-hover);
}

.banner .content .ctas .linker:not(:first-child) > .button-like:focus {
	color: var(--color-link-focus);
}

.banner .content .ctas .linker:not(:first-child) > .button-like:active {
	color: var(--color-link-active);
}

/* page footer */
footer {
	background-color: var(--color-dark-gray-0);
	color: var(--color-dark-foreground);
	padding: 2rem 0;
}

footer .standard-grid-2 {
	margin-top: 0;
}

footer a:is(:link,:visited) {
	color: var(--color-dark-foreground);
	font-weight: var(--font-weight-medium);
	text-decoration: underline;
}

footer a:is(:hover,:focus,:active) {
	color: var(--color-dark-link-normal);
	text-decoration: underline;
}

footer p {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-medium);
	margin-bottom: 0.5rem;
}

footer li {
	font-size: var(--font-size-small);
}

footer .footer-header {
	color: var(--color-dark-foreground);
	font-size: var(--font-size-heading-4);
	font-weight: var(--font-weight-semibold);
	margin-bottom: 0.25rem;
}

footer .footer-header img, 
footer .footer-header span {
	display: inline-block;
	vertical-align: middle;
}

footer .footer-header img {
	height: 1.5rem;
}

footer .footer-header span {
	padding-left: 0.25rem;
}

footer ul {
	margin: 0;
}

footer li {
	list-style-type: none;
	margin: 0.5rem 0;
}

footer .footer-contact {
	display: grid;
	grid-gap: 0.75rem;
	margin: 0.5rem 0 1.5rem 0;
}

footer .footer-contact .flex-box {
	align-items: center;
}

footer .footer-contact .flex-box > div:first-of-type {
	width: 1.75rem;
}

footer .footer-contact .flex-box > div:last-of-type {
	flex: 1;
}

footer .footer-contact svg {
	fill: var(--color-dark-foreground);
	height: 1.25rem;
	width: 1.25rem;
}

footer .footer-international li, 
footer .social li {
	display: inline-block;
	margin-right: 0.75rem;
}

footer .social a svg {
	fill: var(--color-dark-foreground);
	height: 1.5rem;
}

footer .social a:hover svg {
	fill: var(--color-dark-link-normal);
	height: 1.5rem;
}

footer hr {
	border-bottom-color: var(--color-dark-border);
	display: block;
	height: 0;
	margin: 0.5rem auto 1.5rem auto;
}

footer .footer-international ul {
	margin-bottom: 1rem;
}

footer .footer-international a {
	text-decoration: none;
}

footer .footer-international a img, 
footer .footer-international a span {
	display: inline-block;
	vertical-align: middle;
}

footer .footer-international a img {
	height: 1.5rem;
	margin-right: 0.25rem;
}

footer .legal {
	margin-top: 1.5rem;
	text-align: center;
}

footer .legal > span {
	display: block;
}

footer .legal p {
	font-size: 0.8rem;
	margin-bottom: 0.25rem;
}

footer .legal .divider {
	padding: 0 0.25rem;
}

footer .legal > span > span.divider:first-of-type {
	display: none;
}

/* modals */
.modal {
	background-color: rgba(48,48,64,0.6);
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: var(--z-top);
}

.modal .modal-content {
	align-items: center;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%;
}

.modal .modal-content .form-container, 
.modal .modal-content .video-container {
	background-color: var(--color-background-standard);
	border-radius: 0.5rem;
	margin-inline: auto;
	max-width: 40rem;
	padding: 2rem;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 90%;
}

.modal .modal-content .modal-container {
	padding: 0;
}

.modal .modal-content .modal-container .header {
	align-items: center;
	background-color: var(--color-background-alternate);
	border-bottom: 1px solid var(--color-border);
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	justify-content: space-between;
}

.modal .modal-content .modal-container .header > div {
	font-weight: var(--font-weight-medium);
	padding: 0 1rem;
}

body .modal .modal-content .modal-container .header > button {
	background-color: transparent;
	border-color: transparent;
	color: var(--color-link-normal);
	font-size: var(--font-size-heading-3);
	font-weight: var(--font-weight-semibold);
	padding: 0.5rem 1rem;
}

body .modal .modal-content .modal-container .header > button:hover {
	background-color: transparent;
	border-color: transparent;
	color: var(--color-link-hover);
	outline: 0;
}

.modal .modal-content .video-container .video-content {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.modal .modal-content .video-container .video-content iframe, 
.modal .modal-content .video-container .video-content video {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	position: relative !important;
	max-width: 100% !important;
	width: 100%;
}

.modal .form-container .form-content {
	max-height: calc(90vh - 2rem);
	overflow: auto;
}

.modal .form-container form {
	margin: 0 auto !important;
	padding: 1rem 1.5rem !important;
	width: 100% !important;
}

/* Marketo style overrides */
.mktoForm .mktoOffset {
	height: 0 !important;
	width: 0 !important;
}

.mktoForm .mktoFieldWrap, 
.mktoForm .mktoFormCol {
	clear: both !important;
	float: none !important;
}

.mktoForm .mktoLabel {
	display: block !important;
	clear: both !important;
	color: var(--color-foreground) !important;
	float: none !important;
	font-family: var(--font-body) !important;
	font-size: var(--font-size-normal);
	font-weight: var(--font-weight-medium) !important;
	margin-bottom: 0.125rem;
	padding: 0 !important;
	width: 100% !important;
}

.mktoForm .mktoGutter {
	display: none !important;
}

.mktoForm input[type=text], 
.mktoForm input[type=url], 
.mktoForm input[type=email], 
.mktoForm input[type=tel], 
.mktoForm input[type=number], 
.mktoForm input[type=date], 
.mktoForm textarea.mktoField, 
.mktoForm select.mktoField {
	background-color: transparent !important;
	display: block !important;
	border: 1px dashed var(--color-foreground) !important;
	border-radius: 0.25rem !important;
	color: var(--color-foreground) !important;
	font-family: var(--font-body) !important;
	font-size: var(--font-size-normal) !important;
	padding: 0.5rem 1rem !important;
	transition: 0.75s;
	width: 100% !important;
}

.mktoForm input[type=text]:focus, 
.mktoForm input[type=url]:focus, 
.mktoForm input[type=email]:focus, 
.mktoForm input[type=tel]:focus, 
.mktoForm input[type=number]:focus, 
.mktoForm input[type=date]:focus, 
.mktoForm textarea.mktoField:focus, 
.mktoForm select.mktoField:focus {
	border-color: var(--color-accent) !important;
	border-style: solid !important;
	color: var(--color-foreground) !important;
	outline: 0 !important;
}

.mktoForm input[type=text]:autofill,
.mktoForm input[type=text]:autofill:focus, 
.mktoForm input[type=url]:autofill,
.mktoForm input[type=url]:autofill:focus, 
.mktoForm input[type=email]:autofill,
.mktoForm input[type=email]:autofill:focus, 
.mktoForm input[type=tel]:autofill,
.mktoForm input[type=tel]:autofill:focus, 
.mktoForm input[type=number]:autofill,
.mktoForm input[type=number]:autofill:focus,
.mktoForm input[type=date]:autofill,
.mktoForm input[type=date]:autofill:focus {
    color: var(--color-foreground) !important;
	outline: 0 !important;
}

.mktoForm .mktoAsterix {
	color: var(--color-accent) !important;
}

.mktoButtonRow .mktoButtonWrap {
	margin-left: 0 !important;
}

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton, 
.mktoForm .mktoButtonWrap .mktoButton, 
.mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton, 
.form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, 
.form-container .mktoForm .mktoButtonWrap .mktoButton, 
.form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton {
	background-color: var(--color-link-normal) !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 100vw !important;
	box-shadow: none !important;
	color: var(--color-background-standard) !important;
	font-family: var(--font-body) !important;
	font-size: var(--font-size-normal) !important;
	font-weight: var(--font-weight-bold) !important;
	height: auto !important;
	padding: 0.75rem 1.5rem !important;
	text-shadow: none !important;
	transition: 0.75s !important;
}

.mktoForm .mktoButtonRow {
	margin-top: 1rem !important;
}

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover, 
.mktoForm .mktoButtonWrap .mktoButton:hover, 
.mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover {
	background-color: var(--color-link-hover) !important;
}

.modal-form-confirmation {
	background-color: var(--color-accent);
	border-radius: 0.25rem;
	color: var(--color-background-standard);
	display: none;
	font-size: 1.5rem;
	margin: 1.5rem auto;
	padding: 1.5rem;
	text-align: center;
	width: 90%;
}

.modal-form-confirmation p {
	margin: 0;
}



/* AgileEd school  */
.agile-overlay .content {
	height: 90vh;
	max-width: 40rem;
	padding: 0.5rem 1.5rem 1.5rem 1.5rem;
	position: relative;
	width: 90%;
}

.agile-overlay .content .loading, 
.agile-overlay .content .loading > div:first-of-type {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1rem;
	width: 100%;
}

.agile-overlay .content  .loading > div:first-of-type {
	justify-content: space-between;
	margin-top: 0;
	width: 4rem;
}

.agile-overlay .content  .loading > div:first-of-type > div {
	animation: agileLoadingDot 2s ease infinite;
	background-color: var(--color-gray-2);
	border-radius: 50%;
	height: 1rem;
	transform-origin: center;
	width: 1rem;
}

.agile-overlay .content  .loading > div:first-of-type > div:nth-of-type(2) {
	animation-delay: 0.5s;
	background-color: var(--color-gray-2);
}

.agile-overlay .content  .loading > div:first-of-type > div:last-of-type {
	animation-delay: 1s;
	background-color: var(--color-accent);
}

@keyframes agileLoadingDot {
	0%   { transform: scale3d(1,1,1) }
	50%  { transform: scale3d(1.25,1.25,1.25) }
	100% { transform: scale3d(1,1,1) }
}

.agile-overlay .content .loading > div:last-of-type {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.1rem;
	line-height: 1;
	padding-left: 0.75rem;
	text-transform: uppercase;
}

.agile-overlay .content .content-header {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.agile-overlay .content .content-header p {
	flex: 1;
	font-family: var(--font-header);
	font-size: var(--font-size-heading-3);
	font-weight: var(--font-weight-normal);
	margin-bottom: 0;
	padding-right: 1rem;
}

.agile-overlay button {
	margin: 0;
	transition: 0.75s;
}

body .agile-overlay .content .content-header button.close-agile-overlay {
	background-color: transparent;
	color: var(--color-accent);
	font-size: var(--font-size-heading-3);
	font-weight: var(--font-weight-normal);
	line-height: 1;
	padding: 1rem 0 1rem 1rem;
}

.agile-overlay .content .content-header button:hover, 
.agile-overlay .content .content-header button:hover::after {
	background-color: transparent !important;
	color: var(--color-foreground);
}

.agile-overlay .content .agile-overlay-zip span:not(.agile-postal-code-format) {
	font-weight: var(--font-weight-semibold);
}

.agile-overlay .content > .results {
	display: none;
	max-height: 65vh;
	overflow-y: auto;
}

.agile-overlay .content > .results .school-item {
	align-items: center;
	border-top: 1px solid var(--color-border);
	display: flex;
	justify-content: space-between;
	padding: 0.75rem 0;
}

.agile-overlay .content > .results .school-item:nth-child(even) {
	background-color: var(--color-background-alternate);
}

.agile-overlay .content > .results .school-item > div:first-child {
	margin-bottom: 0.25rem;
}

.agile-overlay .content > .results .school-name {
	font-weight: 500;
	margin-bottom: 0;
	padding-right: 1rem;
}

.agile-overlay button {
	align-items: center;
	background-color: var(--color-link-normal);
	border: 0;
	border-radius: 0.25rem;
	box-shadow: none;
	color: var(--color-background-standard);
	cursor: pointer;
	display: flex;
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	line-height: 1;
	justify-content: center;
	padding: 0.5rem;
	text-align: center;
}

.agile-overlay button:hover {
	background-color: var(--color-link-hover);
	color: var(--color-background-standard);
}

.agile-overlay .content > .results .school-item button, 
.agile-overlay .school-missing button,
.agile-overlay .content .school-missing button.school-manual-enter {
	border-radius: 100vw;
	box-sizing: border-box;
	color: var(--color-background-standard);
	line-height: 1;
	margin: 0;
	padding: .375rem 0.75rem;
}

.agile-overlay .school-missing button::after, 
.agile-overlay .school-missing button:hover::after {
	opacity: 0;
}

.agile-overlay .content > .results .school-item button span, 
.agile-overlay .content > .results .school-item button svg {
	display: block;
	align-items: center;
}

.agile-overlay .content > .results .school-item button span {
	align-self: center;
	border-right: 1px solid var(--color-rgba-white-25);
	line-height: 1;
	padding: 0 0.75rem;
}

.agile-overlay .content > .results .school-item button svg {
	fill: var(--color-background-standard);
	height: 0.75rem;
	margin: 0 0.75rem 0 0.5rem;
}

.agile-overlay .content > .results button:hover {
	background-color: var(--color-link-hover);
}

.agile-overlay .content > .results .result-list > p {
	margin-top: 1.5rem;
}

.agile-overlay .school-missing {
	align-items: center;
	background-color: var(--color-background-alternate);
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1.5rem;
	padding: 1rem;
}

.agile-overlay .school-missing p {
	flex: 1;
	font-weight: var(--font-weight-medium);
	margin-bottom: 0;
}

.mktoForm .mktoFormRow .marketo-label {
	clear: both;
	display: block;
	float: none;
	width: 100%;
}


form#mktoForm_1003 {
    width: 100% !important;
}

#mktoForm_1003.mktoForm .mktoFormRow {
	width: 100% !important;
}

/*  Modals */
.overlay {
	background-color: var(--color-rgba-gray-75);
	bottom: 0;
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: var(--z-top);
}

.overlay .content {
	background-color: var(--color-background-standard);
	border-radius: 0.5rem;
	margin: 0 auto;
	position: relative;
	top: 45%;
	transform: translateY(-50%);
}	

.overlay .content-width-wide {
	width: 90%;
}

.overlay .content-width-medium {
	width: 75%;
}

.overlay .content-width-narrow {
	width: 50%;
}

.overlay .content-width-very-narrow {
	max-width: 30rem;
	width: 90%;
}

.overlay .overlay-padded-content {
	padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}

.overlay .content header {
	align-items: center;
	background-color: var(--color-background-standard);
	border-bottom: 1px solid var(--color-border);
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	color: var(--color-gray-1);
	font-family: var(--font-header);
	font-size: var(--font-size-heading-4);
	font-weight: var(--font-weight-light);
	height: auto;
	justify-content: space-between;
	padding: 0;
}

.overlay .content header div {
	flex: 1;
	font-family: var(--font-header);
	font-size: var(--font-size-heading-3);
	font-weight: var(--font-weight-normal);
	padding: 0 1rem;
}

.overlay .content header button {
	border: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0.5rem;
	display: block;
	height: 3rem;
	margin: 0;
	width: 3rem;
}

.overlay .content header .close {
	flex: none;
	font-size: var(--font-size-heading-3);
	font-weight: var(--font-weight-medium);
	margin: 0;
	padding: 0.25rem 0 0 0;
	width: 3rem;
}

.overlay .content header .close button {
	font-size: var(--font-size-heading-1);
}

.overlay .content article {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	padding: 0.5rem 2rem 2rem 2rem;
	width: 100%;
}

.overlay .content .content-wrapper {
	padding: 1rem;
}

/* viewports */
@media (min-width: 27rem) { /* 432 px */
	header .header-logo svg {
		height: 2.75rem;
	}

	.banner-section img {
		margin-bottom: 1.5rem;
	}

	.banner-section .link-container a, 
	.banner-section .link-container .button,
	.banner-section .link-container a:visited, 
	.banner-section .link-container .button:visited {
		margin: 0 1rem 1rem 0;
	}
}

@media (min-width: 31.25rem) { /* 500 px */
	header .flex-box {
		height: 6.25rem;
		padding: 1.75rem 0;
	}

	header img {
		height: 3.25rem;
	}

	header .menu {
		margin-left: 1rem;
		padding: 0.5rem 1rem;
	}

	header .menu-control {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	header .message-banner p {
		font-size: 1rem;
	}
}

@media (min-width: 48rem) { /* 768 px */
	header .header-logo svg {
		height: 3rem;
	}

	header .menu span:first-of-type {
		display: none;
	}

	header .menu span:last-of-type {
		display: inline-block;
	}
	
	.banner {
		background-color: transparent;
    	border-bottom-width: 0;
		height: clamp(20rem,40vw,30rem);
	}

	.banner::before {
		background-blend-mode: multiply;
		background-image: linear-gradient(to right, rgba(32,32,36,0.8) 0%, rgba(32,32,36,0) 100%);
		bottom: 0;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 0;
	}

	.banner .banner-hero {
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: -1;
	}

	.banner .content {
		margin-left: 0;
		max-width: 70%;
		position: relative;
	}

	.banner .content h1, 
	.banner .content p {
		color: #fff;
	}

	.banner .content .ctas .linker > .button-like {
		transform-origin: center;
	}

	.banner .content .ctas .linker > .button-like:hover, 
	.banner .content .ctas .linker > .button-like:focus, 
	.banner .content .ctas .linker > .button-like:active {
		box-shadow: 0 0 3rem rgba(255,255,255,0.75);
		transform: scale3d(1.05,1.05,1.05);
	}

	.banner .content .ctas .linker:first-child > .button-like, 
	.banner .content .ctas .linker:first-child > .button-like:visited, 
	.banner .content .ctas .linker:first-child > .button-like:hover, 
	.banner .content .ctas .linker:first-child > .button-like:focus, 
	.banner .content .ctas .linker:first-child > .button-like:active {
		background-color: var(--color-dark-foreground);
		border-color: var(--color-dark-foreground);
		color: var(--color-dark-gray-0);
	}

	.banner .content .ctas .linker:not(:first-child) > .button-like, 
	.banner .content .ctas .linker:not(:first-child) > .button-like:visited, 
	.banner .content .ctas .linker:not(:first-child) > .button-like:hover, 
	.banner .content .ctas .linker:not(:first-child) > .button-like:focus, 
	.banner .content .ctas .linker:not(:first-child) > .button-like:active {
		background-color: transparent;
		border-color: var(--color-dark-foreground);
		color: var(--color-dark-foreground);
	}

	.standard-grid-2 {
		grid-gap: 4%;
		grid-template-columns: calc(50% - 0.75rem) calc(50% - 0.75rem);
		grid-template-columns: repeat(2,48%);
	}

	.standard-grid-3 {
		grid-gap: 3%;
		grid-template-columns: repeat(3,31.333%);
	}

	.desktop-tab-group {
        border: 1px solid var(--color-border);
        border-radius: 100vw;
        display: flex;
        flex-wrap: wrap;
        font-size: var(--font-size-normal);
        margin: 0 0 1.5rem 0;
        padding: 0.75rem 1.5rem;
        width: max-content;
    }

    .section-standard .desktop-tab-group {
        background-color: var(--color-background-alternate);
    }
    
    .section-alternate .desktop-tab-group {
        background-color: var(--color-background-standard);
    }

    .desktop-tab-group button {
        background-color: transparent;
        border: 1px solid var(--color-border);
        border-radius: 100vw;
        color: var(--color-foreground);
        font-size: var(--font-size-small);
        font-weight: var(--font-weight-bold);
        margin-right: 1rem;
        padding: 0.5rem 1rem;
    }

    .section-standard .desktop-tab-group button {
        background-color: var(--color-background-standard);
    }
    
    .section-alternate .desktop-tab-group button {
        background-color: var(--color-background-alternate);
    }

    .desktop-tab-group button.active {
        background-color: var(--color-link-normal);
        border-color: var(--color-link-normal);
        color: var(--color-background-standard);
    }

    .desktop-tab-group button:last-child {
        margin-right: 0;
    }

    .desktop-tab-group button:hover {
        background-color: var(--color-link-hover);
        border-color: var(--color-link-hover);
        color: var(--color-background-standard);
    }

    .mobile-tab-selector select {
        display: none;
    }

	footer hr:last-of-type {
		margin-top: 2rem;
	}

	footer .legal p {
		display: inline;
	}

	footer .legal p .first-divider {
		display: inline;
	}
}

@media (min-width: 61.875rem) { /* 990 px */
	.banner-section {
		align-items: center;
	}

	.banner-content {
		align-items: center;
		flex-direction: row-reverse;
		justify-content: space-between;
		max-width: 100%;
	}

	.banner-content > div {
		width: 45%;
	}

	.banner-content h1, 
	.banner-content p, 
	.banner-content .link-container {
		text-align: left;
	}

	.banner-content h1 {
		font-size: 2.5rem;
	}

	.banner-section img {
		display: block;
		margin-inline: auto;
		max-width: 16rem;
	}

	.banner-section .content-divider {
		margin-left: 0;
	}

	.banner-content .button {
		margin-left: 0;
	}

	.banner-section img {
		max-width: 100%;
	}

	.modal .form-container form {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	.mktoForm .mktoFormRow {
		width: 48% !important;
	}

	.mktoForm .mktoFormRow:not(:has(.mktoFormCol)) {
		display: none;
	}

	.mktoForm .mktoButtonRow {
		width: 100% !important;
	}
}

@media (max-width: 389px) {
	header img {
		height: 1.5rem;
	}
}

@media (min-width: 64rem) { /* 1024 px */
	footer .legal > span {
		display: inline-block;
	}

	footer .legal > span:nth-child(2) {
		padding-left: 0.5rem;
	}

	footer .footer-header + ul li {
		display: inline-block;
		margin: 0 0.75rem 0.5rem 0;
	}
}

/* dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: light dark;
		--box-shadow-material: none;
		--box-shadow-drop: none;
        --color-background-standard: lch(20.39% 0.39 287); /* 303040 */
        --color-background-alternate: lch(25.39% 0.39 287); /* 363646 */
        --color-border: lch(36.18% 0.39 287); /* 545464 */
        --color-foreground: lch(98.31% 1 287); /* fafafc */
        --color-link-normal: lch(71.51% 35.98 22.44); /* #ed9798 */
        --color-link-visited: lch(71.51% 35.98 22.44); /* #ed9798 */
        --color-link-hover: lch(99.03% 1.49 287); /* #fcfcff */
        --color-link-focus: lch(99.03% 1.49 287); /* #fcfcff */
        --color-link-active: lch(99.03% 1.49 287); /* #fcfcff */
        --color-accent: lch(71.51% 35.98 22.44); /* #ed9798 */
        --color-blue: lch(80.63% 30.51 255.74); /* #9dceff */
        --color-green: lch(83.98% 26.1 164.36); /* #a0dfc3 */
        --color-red: lch(71.51% 35.98 22.44); /* #ed9798 */
        --color-purple: lch(77.33% 34.47 290.76); /* #beb9fb */
        --color-magenta: lch(76.7% 41.29 347.86); /* #fea0cf */
        --color-red-orange: lch(78.51% 42.28 49.49); /* #ffae88 */
        --color-orange: lch(84.81% 42.07 70.34); /* #ffc989 */
        --color-yellow: lch(94.77% 47.24 95.36); /* #fff193 */
        --color-gray-1: lch(99.03% 1.49 287); /* #fcfcff */
        --color-gray-2: lch(98.31% 1 287); /* #fafafc */
        --color-gray-3: lch(96.43% 1.28 287); /* #f3f5f7 */
        --color-gray-4: lch(90.68% 2.03 287); /* #e4e4e8 */
        --color-gray-5: lch(36.18% 0.39 287); /* #545464 */
        --color-gray-6: lch(36.18% 0.39 287); /* #545464 */
        --color-gray-7: lch(36.18% 0.39 287); /* #545464 */
        --color-gray-8: lch(18.66% 0.39 287); /* #2c2c3f */
        --color-product-logo-primary: lch(98.34% 1.49 285.34); /* #fafafd */
        --color-product-logo-name: lch(75.89% 8.42 285.91); /* #babaca */
        --color-product-logo-bearer: lch(44.44% 9.35 286.37); /* #686878 */
		--font-weight-light: 400;
        --font-weight-normal: 500;
	}

	.modal .modal-content .form-container, .modal .modal-content .video-container {
		border: 1px solid var(--color-border);
	}

    .mktoForm input[type=text], 
    .mktoForm input[type=url], 
    .mktoForm input[type=email], 
    .mktoForm input[type=tel], 
    .mktoForm input[type=number], 
    .mktoForm input[type=date], 
    .mktoForm textarea.mktoField, 
    .mktoForm select.mktoField {
        border: 2px solid var(--color-foreground) !important;
    }

    .mktoForm input[type=text]:focus, 
    .mktoForm input[type=url]:focus, 
    .mktoForm input[type=email]:focus, 
    .mktoForm input[type=tel]:focus, 
    .mktoForm input[type=number]:focus, 
    .mktoForm input[type=date]:focus, 
    .mktoForm textarea.mktoField:focus, 
    .mktoForm select.mktoField:focus {
        border-color: var(--color-accent) !important;
    }

    footer {
        background-color: var(--color-dark-gray-1);
    }
}