/*.https://cdn.jsdelivr.net/npm/lity/dist/lity.min.css */

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	background: #0b0b0b;
	background: rgba(0, 0, 0, .9);
	outline: none !important;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.lity.lity-opened {
	opacity: 1;
}

.lity.lity-closed {
	opacity: 0;
}

.lity * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lity-wrap {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	outline: none !important;
}

.lity-wrap:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -.25em;
}

.lity-loader {
	z-index: 9991;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -.8em;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.lity-loading .lity-loader {
	opacity: 1;
}

.lity-container {
	z-index: 9992;
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	white-space: normal;
	max-width: 100%;
	max-height: 100%;
	outline: none !important;
}

.lity-content {
	z-index: 9993;
	width: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: -o-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease;
}

.lity-loading .lity-content, .lity-closed .lity-content {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}

.lity-content:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.lity-close {
	z-index: 9994;
	width: 35px;
	height: 35px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-appearance: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	border: 0;
	background: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.lity-close::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	border: 0;
	background: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.lity-close:active {
	top: 1px;
}

.lity-image img {
	max-width: 100%;
	display: block;
	line-height: 0;
	border: 0;
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
	width: 100%;
	max-width: 964px;
}

.lity-iframe-container {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: auto;
	pointer-events: auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000;
}

.lity-hide {
	display: none;
}

/* https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css */

/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */
:root {
	--swiper-theme-color: #007aff;
}

:host {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

.swiper {
	display: block;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	box-sizing: initial;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	width: 100%;
	z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
	transform: translateZ(0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	display: block;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}

.swiper-css-mode {}

.swiper-3d {}

.swiper-lazy-preloader {
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid rgba(0, 0, 0, 0);
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible, .swiper:not(.swiper-watch-progress) {}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	to {
		transform: rotate(1turn);
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode {}

.swiper-virtual.swiper-css-mode.swiper-horizontal {}

.swiper-virtual.swiper-css-mode.swiper-vertical {}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	position: absolute;
	width: var(--swiper-navigation-size);
	z-index: 10;
}

.swiper-button-lock {
	display: none;
}

.swiper-button-next, .swiper-button-prev {
	margin-top: calc(0px - var(--swiper-navigation-size) / 2);
	top: var(--swiper-navigation-top-offset, 50%);
}

.swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 4px);
	right: auto;
}

.swiper-button-next {
	left: auto;
	right: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-horizontal {}

.swiper-vertical {}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	left: 0;
	top: var(--swiper-pagination-top, auto);
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden;
}

.swiper-pagination-bullet {
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	display: inline-block;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
	left: var(--swiper-pagination-left, auto);
	right: var(--swiper-pagination-right, 8px);
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
}

.swiper-scrollbar-drag {
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}

.swiper .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-direction: column;
	flex-wrap: wrap;
}

.swiper-fade {}

.swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-slide-active {
	pointer-events: auto;
}

.swiper.swiper-cube {
	overflow: visible;
}

.swiper-cube {}

.swiper-slide-active {}

.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube-shadow {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.swiper-cube {}

.swiper-cube {}

.swiper.swiper-flip {
	overflow: visible;
}

.swiper-flip {}

.swiper-slide-active {}

.swiper-flip {}

.swiper-creative {}

.swiper.swiper-cards {
	overflow: visible;
}

.swiper-cards {}

.gform_wrapper.gravity-theme fieldset, .gform_wrapper.gravity-theme legend {
	background: 0 0;
	padding: 0;
}

.gform_wrapper.gravity-theme fieldset {
	border: none;
	display: block;
	margin: 0;
}

.gform_wrapper.gravity-theme legend {
	margin-left: 0;
	margin-right: 0;
}

.gform-icon {
	font-family: gform-icons-theme !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.gform-icon--photograph:before {
	content: "";
}

.gform-icon--star-border:before {
	content: "";
}

.gform-icon--star:before {
	content: "";
}

.gform-icon--left-arrow:before {
	content: "";
}

.gform-icon--right-arrow:before {
	content: "";
}

.gform-icon--circle-error:before {
	content: "";
}

.gform-icon--close-small:before {
	content: "";
}

.gform-icon--info:before {
	content: "";
}

.gform-icon--verified:before {
	content: "";
}

.gform-icon--circle-close:before {
	content: "";
}

.gform-icon--close-big:before {
	content: "";
}

.gform-icon--down-arrow:before {
	content: "";
}

.gform-icon--format-bold:before {
	content: "";
}

.gform-icon--format-italic:before {
	content: "";
}

.gform-icon--format-list-bulleted:before {
	content: "";
}

.gform-icon--format-list-numbered:before {
	content: "";
}

.gform-icon--insert-link:before {
	content: "";
}

.gform-icon--line:before {
	content: "";
}

.gform-icon--password-eye:before {
	content: "";
}

.gform-icon--password-eye-closed:before {
	content: "";
}

.gform-icon--redo:before {
	content: "";
}

.gform-icon--schedule:before {
	content: "";
}

.gform-icon--clock:before {
	content: "";
}

.gform-icon--search:before {
	content: "";
}

.gform-icon--star-half:before {
	content: "";
}

.gform-icon--check:before {
	content: "";
}

.gform-icon--undo:before {
	content: "";
}

.gform-icon--unfold-more:before {
	content: "";
}

.gform-icon--create:before {
	content: "";
}

.gform-icon--cog:before {
	content: "";
}

.gform-icon--circle-check:before {
	content: "";
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--af, .gform_wrapper .gform-phone__flag-icon--af {
	background-position: calc(0 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ax, .gform_wrapper .gform-phone__flag-icon--ax {
	background-position: calc(1 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--al, .gform_wrapper .gform-phone__flag-icon--al {
	background-position: calc(2 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--dz, .gform_wrapper .gform-phone__flag-icon--dz {
	background-position: calc(3 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--as, .gform_wrapper .gform-phone__flag-icon--as {
	background-position: calc(4 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ad, .gform_wrapper .gform-phone__flag-icon--ad {
	background-position: calc(5 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ao, .gform_wrapper .gform-phone__flag-icon--ao {
	background-position: calc(6 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ai, .gform_wrapper .gform-phone__flag-icon--ai {
	background-position: calc(7 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ag, .gform_wrapper .gform-phone__flag-icon--ag {
	background-position: calc(8 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ar, .gform_wrapper .gform-phone__flag-icon--ar {
	background-position: calc(9 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--am, .gform_wrapper .gform-phone__flag-icon--am {
	background-position: calc(10 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--aw, .gform_wrapper .gform-phone__flag-icon--aw {
	background-position: calc(11 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ac, .gform_wrapper .gform-phone__flag-icon--ac {
	background-position: calc(12 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--au, .gform_wrapper .gform-phone__flag-icon--au {
	background-position: calc(13 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--at, .gform_wrapper .gform-phone__flag-icon--at {
	background-position: calc(14 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--az, .gform_wrapper .gform-phone__flag-icon--az {
	background-position: calc(15 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bs, .gform_wrapper .gform-phone__flag-icon--bs {
	background-position: calc(16 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bh, .gform_wrapper .gform-phone__flag-icon--bh {
	background-position: calc(17 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bd, .gform_wrapper .gform-phone__flag-icon--bd {
	background-position: calc(18 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bb, .gform_wrapper .gform-phone__flag-icon--bb {
	background-position: calc(19 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--by, .gform_wrapper .gform-phone__flag-icon--by {
	background-position: calc(20 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--be, .gform_wrapper .gform-phone__flag-icon--be {
	background-position: calc(21 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bz, .gform_wrapper .gform-phone__flag-icon--bz {
	background-position: calc(22 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bj, .gform_wrapper .gform-phone__flag-icon--bj {
	background-position: calc(23 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bm, .gform_wrapper .gform-phone__flag-icon--bm {
	background-position: calc(24 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bt, .gform_wrapper .gform-phone__flag-icon--bt {
	background-position: calc(25 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bo, .gform_wrapper .gform-phone__flag-icon--bo {
	background-position: calc(26 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ba, .gform_wrapper .gform-phone__flag-icon--ba {
	background-position: calc(27 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bw, .gform_wrapper .gform-phone__flag-icon--bw {
	background-position: calc(28 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--br, .gform_wrapper .gform-phone__flag-icon--br {
	background-position: calc(29 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--io, .gform_wrapper .gform-phone__flag-icon--io {
	background-position: calc(30 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--vg, .gform_wrapper .gform-phone__flag-icon--vg {
	background-position: calc(31 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bn, .gform_wrapper .gform-phone__flag-icon--bn {
	background-position: calc(32 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bg, .gform_wrapper .gform-phone__flag-icon--bg {
	background-position: calc(33 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bf, .gform_wrapper .gform-phone__flag-icon--bf {
	background-position: calc(34 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bi, .gform_wrapper .gform-phone__flag-icon--bi {
	background-position: calc(35 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--kh, .gform_wrapper .gform-phone__flag-icon--kh {
	background-position: calc(36 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cm, .gform_wrapper .gform-phone__flag-icon--cm {
	background-position: calc(37 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ca, .gform_wrapper .gform-phone__flag-icon--ca {
	background-position: calc(38 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cv, .gform_wrapper .gform-phone__flag-icon--cv {
	background-position: calc(39 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bq, .gform_wrapper .gform-phone__flag-icon--bq {
	background-position: calc(40 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ky, .gform_wrapper .gform-phone__flag-icon--ky {
	background-position: calc(41 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cf, .gform_wrapper .gform-phone__flag-icon--cf {
	background-position: calc(42 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--td, .gform_wrapper .gform-phone__flag-icon--td {
	background-position: calc(43 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cl, .gform_wrapper .gform-phone__flag-icon--cl {
	background-position: calc(44 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cn, .gform_wrapper .gform-phone__flag-icon--cn {
	background-position: calc(45 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cx, .gform_wrapper .gform-phone__flag-icon--cx {
	background-position: calc(46 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cc, .gform_wrapper .gform-phone__flag-icon--cc {
	background-position: calc(47 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--co, .gform_wrapper .gform-phone__flag-icon--co {
	background-position: calc(48 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--km, .gform_wrapper .gform-phone__flag-icon--km {
	background-position: calc(49 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cg, .gform_wrapper .gform-phone__flag-icon--cg {
	background-position: calc(50 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cd, .gform_wrapper .gform-phone__flag-icon--cd {
	background-position: calc(51 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ck, .gform_wrapper .gform-phone__flag-icon--ck {
	background-position: calc(52 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cr, .gform_wrapper .gform-phone__flag-icon--cr {
	background-position: calc(53 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ci, .gform_wrapper .gform-phone__flag-icon--ci {
	background-position: calc(54 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--hr, .gform_wrapper .gform-phone__flag-icon--hr {
	background-position: calc(55 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cu, .gform_wrapper .gform-phone__flag-icon--cu {
	background-position: calc(56 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cw, .gform_wrapper .gform-phone__flag-icon--cw {
	background-position: calc(57 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cy, .gform_wrapper .gform-phone__flag-icon--cy {
	background-position: calc(58 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--cz, .gform_wrapper .gform-phone__flag-icon--cz {
	background-position: calc(59 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--dk, .gform_wrapper .gform-phone__flag-icon--dk {
	background-position: calc(60 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--dj, .gform_wrapper .gform-phone__flag-icon--dj {
	background-position: calc(61 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--dm, .gform_wrapper .gform-phone__flag-icon--dm {
	background-position: calc(62 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--do, .gform_wrapper .gform-phone__flag-icon--do {
	background-position: calc(63 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ec, .gform_wrapper .gform-phone__flag-icon--ec {
	background-position: calc(64 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--eg, .gform_wrapper .gform-phone__flag-icon--eg {
	background-position: calc(65 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sv, .gform_wrapper .gform-phone__flag-icon--sv {
	background-position: calc(66 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gq, .gform_wrapper .gform-phone__flag-icon--gq {
	background-position: calc(67 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--er, .gform_wrapper .gform-phone__flag-icon--er {
	background-position: calc(68 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ee, .gform_wrapper .gform-phone__flag-icon--ee {
	background-position: calc(69 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sz, .gform_wrapper .gform-phone__flag-icon--sz {
	background-position: calc(70 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--et, .gform_wrapper .gform-phone__flag-icon--et {
	background-position: calc(71 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--fk, .gform_wrapper .gform-phone__flag-icon--fk {
	background-position: calc(72 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--fo, .gform_wrapper .gform-phone__flag-icon--fo {
	background-position: calc(73 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--fj, .gform_wrapper .gform-phone__flag-icon--fj {
	background-position: calc(74 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--fi, .gform_wrapper .gform-phone__flag-icon--fi {
	background-position: calc(75 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--fr, .gform_wrapper .gform-phone__flag-icon--fr {
	background-position: calc(76 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gf, .gform_wrapper .gform-phone__flag-icon--gf {
	background-position: calc(77 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pf, .gform_wrapper .gform-phone__flag-icon--pf {
	background-position: calc(78 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ga, .gform_wrapper .gform-phone__flag-icon--ga {
	background-position: calc(79 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gm, .gform_wrapper .gform-phone__flag-icon--gm {
	background-position: calc(80 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ge, .gform_wrapper .gform-phone__flag-icon--ge {
	background-position: calc(81 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--de, .gform_wrapper .gform-phone__flag-icon--de {
	background-position: calc(82 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gh, .gform_wrapper .gform-phone__flag-icon--gh {
	background-position: calc(83 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gi, .gform_wrapper .gform-phone__flag-icon--gi {
	background-position: calc(84 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gr, .gform_wrapper .gform-phone__flag-icon--gr {
	background-position: calc(85 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gl, .gform_wrapper .gform-phone__flag-icon--gl {
	background-position: calc(86 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gd, .gform_wrapper .gform-phone__flag-icon--gd {
	background-position: calc(87 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gp, .gform_wrapper .gform-phone__flag-icon--gp {
	background-position: calc(88 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gu, .gform_wrapper .gform-phone__flag-icon--gu {
	background-position: calc(89 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gt, .gform_wrapper .gform-phone__flag-icon--gt {
	background-position: calc(90 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gg, .gform_wrapper .gform-phone__flag-icon--gg {
	background-position: calc(91 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gn, .gform_wrapper .gform-phone__flag-icon--gn {
	background-position: calc(92 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gw, .gform_wrapper .gform-phone__flag-icon--gw {
	background-position: calc(93 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gy, .gform_wrapper .gform-phone__flag-icon--gy {
	background-position: calc(94 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ht, .gform_wrapper .gform-phone__flag-icon--ht {
	background-position: calc(95 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--hn, .gform_wrapper .gform-phone__flag-icon--hn {
	background-position: calc(96 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--hk, .gform_wrapper .gform-phone__flag-icon--hk {
	background-position: calc(97 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--hu, .gform_wrapper .gform-phone__flag-icon--hu {
	background-position: calc(98 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--is, .gform_wrapper .gform-phone__flag-icon--is {
	background-position: calc(99 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--in, .gform_wrapper .gform-phone__flag-icon--in {
	background-position: calc(100 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--id, .gform_wrapper .gform-phone__flag-icon--id {
	background-position: calc(101 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ir, .gform_wrapper .gform-phone__flag-icon--ir {
	background-position: calc(102 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--iq, .gform_wrapper .gform-phone__flag-icon--iq {
	background-position: calc(103 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ie, .gform_wrapper .gform-phone__flag-icon--ie {
	background-position: calc(104 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--im, .gform_wrapper .gform-phone__flag-icon--im {
	background-position: calc(105 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--il, .gform_wrapper .gform-phone__flag-icon--il {
	background-position: calc(106 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--it, .gform_wrapper .gform-phone__flag-icon--it {
	background-position: calc(107 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--jm, .gform_wrapper .gform-phone__flag-icon--jm {
	background-position: calc(108 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--jp, .gform_wrapper .gform-phone__flag-icon--jp {
	background-position: calc(109 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--je, .gform_wrapper .gform-phone__flag-icon--je {
	background-position: calc(110 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--jo, .gform_wrapper .gform-phone__flag-icon--jo {
	background-position: calc(111 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--kz, .gform_wrapper .gform-phone__flag-icon--kz {
	background-position: calc(112 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ke, .gform_wrapper .gform-phone__flag-icon--ke {
	background-position: calc(113 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ki, .gform_wrapper .gform-phone__flag-icon--ki {
	background-position: calc(114 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--xk, .gform_wrapper .gform-phone__flag-icon--xk {
	background-position: calc(115 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--kw, .gform_wrapper .gform-phone__flag-icon--kw {
	background-position: calc(116 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--kg, .gform_wrapper .gform-phone__flag-icon--kg {
	background-position: calc(117 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--la, .gform_wrapper .gform-phone__flag-icon--la {
	background-position: calc(118 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--lv, .gform_wrapper .gform-phone__flag-icon--lv {
	background-position: calc(119 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--lb, .gform_wrapper .gform-phone__flag-icon--lb {
	background-position: calc(120 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ls, .gform_wrapper .gform-phone__flag-icon--ls {
	background-position: calc(121 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--lr, .gform_wrapper .gform-phone__flag-icon--lr {
	background-position: calc(122 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ly, .gform_wrapper .gform-phone__flag-icon--ly {
	background-position: calc(123 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--li, .gform_wrapper .gform-phone__flag-icon--li {
	background-position: calc(124 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--lt, .gform_wrapper .gform-phone__flag-icon--lt {
	background-position: calc(125 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--lu, .gform_wrapper .gform-phone__flag-icon--lu {
	background-position: calc(126 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mo, .gform_wrapper .gform-phone__flag-icon--mo {
	background-position: calc(127 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mg, .gform_wrapper .gform-phone__flag-icon--mg {
	background-position: calc(128 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mw, .gform_wrapper .gform-phone__flag-icon--mw {
	background-position: calc(129 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--my, .gform_wrapper .gform-phone__flag-icon--my {
	background-position: calc(130 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mv, .gform_wrapper .gform-phone__flag-icon--mv {
	background-position: calc(131 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ml, .gform_wrapper .gform-phone__flag-icon--ml {
	background-position: calc(132 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mt, .gform_wrapper .gform-phone__flag-icon--mt {
	background-position: calc(133 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mh, .gform_wrapper .gform-phone__flag-icon--mh {
	background-position: calc(134 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mq, .gform_wrapper .gform-phone__flag-icon--mq {
	background-position: calc(135 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mr, .gform_wrapper .gform-phone__flag-icon--mr {
	background-position: calc(136 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mu, .gform_wrapper .gform-phone__flag-icon--mu {
	background-position: calc(137 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--yt, .gform_wrapper .gform-phone__flag-icon--yt {
	background-position: calc(138 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mx, .gform_wrapper .gform-phone__flag-icon--mx {
	background-position: calc(139 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--fm, .gform_wrapper .gform-phone__flag-icon--fm {
	background-position: calc(140 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--md, .gform_wrapper .gform-phone__flag-icon--md {
	background-position: calc(141 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mc, .gform_wrapper .gform-phone__flag-icon--mc {
	background-position: calc(142 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mn, .gform_wrapper .gform-phone__flag-icon--mn {
	background-position: calc(143 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--me, .gform_wrapper .gform-phone__flag-icon--me {
	background-position: calc(144 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ms, .gform_wrapper .gform-phone__flag-icon--ms {
	background-position: calc(145 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ma, .gform_wrapper .gform-phone__flag-icon--ma {
	background-position: calc(146 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mz, .gform_wrapper .gform-phone__flag-icon--mz {
	background-position: calc(147 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mm, .gform_wrapper .gform-phone__flag-icon--mm {
	background-position: calc(148 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--na, .gform_wrapper .gform-phone__flag-icon--na {
	background-position: calc(149 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--nr, .gform_wrapper .gform-phone__flag-icon--nr {
	background-position: calc(150 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--np, .gform_wrapper .gform-phone__flag-icon--np {
	background-position: calc(151 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--nl, .gform_wrapper .gform-phone__flag-icon--nl {
	background-position: calc(152 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--nc, .gform_wrapper .gform-phone__flag-icon--nc {
	background-position: calc(153 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--nz, .gform_wrapper .gform-phone__flag-icon--nz {
	background-position: calc(154 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ni, .gform_wrapper .gform-phone__flag-icon--ni {
	background-position: calc(155 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ne, .gform_wrapper .gform-phone__flag-icon--ne {
	background-position: calc(156 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ng, .gform_wrapper .gform-phone__flag-icon--ng {
	background-position: calc(157 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--nu, .gform_wrapper .gform-phone__flag-icon--nu {
	background-position: calc(158 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--nf, .gform_wrapper .gform-phone__flag-icon--nf {
	background-position: calc(159 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--kp, .gform_wrapper .gform-phone__flag-icon--kp {
	background-position: calc(160 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mk, .gform_wrapper .gform-phone__flag-icon--mk {
	background-position: calc(161 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mp, .gform_wrapper .gform-phone__flag-icon--mp {
	background-position: calc(162 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--no, .gform_wrapper .gform-phone__flag-icon--no {
	background-position: calc(163 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--om, .gform_wrapper .gform-phone__flag-icon--om {
	background-position: calc(164 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pk, .gform_wrapper .gform-phone__flag-icon--pk {
	background-position: calc(165 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pw, .gform_wrapper .gform-phone__flag-icon--pw {
	background-position: calc(166 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ps, .gform_wrapper .gform-phone__flag-icon--ps {
	background-position: calc(167 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pa, .gform_wrapper .gform-phone__flag-icon--pa {
	background-position: calc(168 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pg, .gform_wrapper .gform-phone__flag-icon--pg {
	background-position: calc(169 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--py, .gform_wrapper .gform-phone__flag-icon--py {
	background-position: calc(170 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pe, .gform_wrapper .gform-phone__flag-icon--pe {
	background-position: calc(171 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ph, .gform_wrapper .gform-phone__flag-icon--ph {
	background-position: calc(172 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pl, .gform_wrapper .gform-phone__flag-icon--pl {
	background-position: calc(173 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pt, .gform_wrapper .gform-phone__flag-icon--pt {
	background-position: calc(174 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pr, .gform_wrapper .gform-phone__flag-icon--pr {
	background-position: calc(175 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--qa, .gform_wrapper .gform-phone__flag-icon--qa {
	background-position: calc(176 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--re, .gform_wrapper .gform-phone__flag-icon--re {
	background-position: calc(177 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ro, .gform_wrapper .gform-phone__flag-icon--ro {
	background-position: calc(178 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ru, .gform_wrapper .gform-phone__flag-icon--ru {
	background-position: calc(179 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--rw, .gform_wrapper .gform-phone__flag-icon--rw {
	background-position: calc(180 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ws, .gform_wrapper .gform-phone__flag-icon--ws {
	background-position: calc(181 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sm, .gform_wrapper .gform-phone__flag-icon--sm {
	background-position: calc(182 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--st, .gform_wrapper .gform-phone__flag-icon--st {
	background-position: calc(183 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sa, .gform_wrapper .gform-phone__flag-icon--sa {
	background-position: calc(184 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sn, .gform_wrapper .gform-phone__flag-icon--sn {
	background-position: calc(185 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--rs, .gform_wrapper .gform-phone__flag-icon--rs {
	background-position: calc(186 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sc, .gform_wrapper .gform-phone__flag-icon--sc {
	background-position: calc(187 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sl, .gform_wrapper .gform-phone__flag-icon--sl {
	background-position: calc(188 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sg, .gform_wrapper .gform-phone__flag-icon--sg {
	background-position: calc(189 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sx, .gform_wrapper .gform-phone__flag-icon--sx {
	background-position: calc(190 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sk, .gform_wrapper .gform-phone__flag-icon--sk {
	background-position: calc(191 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--si, .gform_wrapper .gform-phone__flag-icon--si {
	background-position: calc(192 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sb, .gform_wrapper .gform-phone__flag-icon--sb {
	background-position: calc(193 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--so, .gform_wrapper .gform-phone__flag-icon--so {
	background-position: calc(194 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--za, .gform_wrapper .gform-phone__flag-icon--za {
	background-position: calc(195 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--kr, .gform_wrapper .gform-phone__flag-icon--kr {
	background-position: calc(196 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ss, .gform_wrapper .gform-phone__flag-icon--ss {
	background-position: calc(197 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--es, .gform_wrapper .gform-phone__flag-icon--es {
	background-position: calc(198 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--lk, .gform_wrapper .gform-phone__flag-icon--lk {
	background-position: calc(199 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--bl, .gform_wrapper .gform-phone__flag-icon--bl {
	background-position: calc(200 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sh, .gform_wrapper .gform-phone__flag-icon--sh {
	background-position: calc(201 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--kn, .gform_wrapper .gform-phone__flag-icon--kn {
	background-position: calc(202 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--lc, .gform_wrapper .gform-phone__flag-icon--lc {
	background-position: calc(203 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--mf, .gform_wrapper .gform-phone__flag-icon--mf {
	background-position: calc(204 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--pm, .gform_wrapper .gform-phone__flag-icon--pm {
	background-position: calc(205 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--vc, .gform_wrapper .gform-phone__flag-icon--vc {
	background-position: calc(206 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sd, .gform_wrapper .gform-phone__flag-icon--sd {
	background-position: calc(207 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sr, .gform_wrapper .gform-phone__flag-icon--sr {
	background-position: calc(208 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sj, .gform_wrapper .gform-phone__flag-icon--sj {
	background-position: calc(209 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--se, .gform_wrapper .gform-phone__flag-icon--se {
	background-position: calc(210 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ch, .gform_wrapper .gform-phone__flag-icon--ch {
	background-position: calc(211 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--sy, .gform_wrapper .gform-phone__flag-icon--sy {
	background-position: calc(212 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tw, .gform_wrapper .gform-phone__flag-icon--tw {
	background-position: calc(213 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tj, .gform_wrapper .gform-phone__flag-icon--tj {
	background-position: calc(214 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tz, .gform_wrapper .gform-phone__flag-icon--tz {
	background-position: calc(215 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--th, .gform_wrapper .gform-phone__flag-icon--th {
	background-position: calc(216 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tl, .gform_wrapper .gform-phone__flag-icon--tl {
	background-position: calc(217 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tg, .gform_wrapper .gform-phone__flag-icon--tg {
	background-position: calc(218 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tk, .gform_wrapper .gform-phone__flag-icon--tk {
	background-position: calc(219 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--to, .gform_wrapper .gform-phone__flag-icon--to {
	background-position: calc(220 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tt, .gform_wrapper .gform-phone__flag-icon--tt {
	background-position: calc(221 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tn, .gform_wrapper .gform-phone__flag-icon--tn {
	background-position: calc(222 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tr, .gform_wrapper .gform-phone__flag-icon--tr {
	background-position: calc(223 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tm, .gform_wrapper .gform-phone__flag-icon--tm {
	background-position: calc(224 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tc, .gform_wrapper .gform-phone__flag-icon--tc {
	background-position: calc(225 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--tv, .gform_wrapper .gform-phone__flag-icon--tv {
	background-position: calc(226 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ug, .gform_wrapper .gform-phone__flag-icon--ug {
	background-position: calc(227 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ua, .gform_wrapper .gform-phone__flag-icon--ua {
	background-position: calc(228 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ae, .gform_wrapper .gform-phone__flag-icon--ae {
	background-position: calc(229 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--gb, .gform_wrapper .gform-phone__flag-icon--gb {
	background-position: calc(230 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--us, .gform_wrapper .gform-phone__flag-icon--us {
	background-position: calc(231 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--uy, .gform_wrapper .gform-phone__flag-icon--uy {
	background-position: calc(232 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--vi, .gform_wrapper .gform-phone__flag-icon--vi {
	background-position: calc(233 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--uz, .gform_wrapper .gform-phone__flag-icon--uz {
	background-position: calc(234 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--vu, .gform_wrapper .gform-phone__flag-icon--vu {
	background-position: calc(235 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--va, .gform_wrapper .gform-phone__flag-icon--va {
	background-position: calc(236 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ve, .gform_wrapper .gform-phone__flag-icon--ve {
	background-position: calc(237 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--vn, .gform_wrapper .gform-phone__flag-icon--vn {
	background-position: calc(238 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--wf, .gform_wrapper .gform-phone__flag-icon--wf {
	background-position: calc(239 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--eh, .gform_wrapper .gform-phone__flag-icon--eh {
	background-position: calc(240 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--ye, .gform_wrapper .gform-phone__flag-icon--ye {
	background-position: calc(241 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--zm, .gform_wrapper .gform-phone__flag-icon--zm {
	background-position: calc(242 * -30px) 0;
}

.gform-country-flag-icon-wrapper .gform-phone__flag-icon--zw, .gform_wrapper .gform-phone__flag-icon--zw {
	background-position: calc(243 * -30px) 0;
}

.gform_wrapper.gravity-theme .gform-ul-reset {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.gform_wrapper.gravity-theme .gform-text-input-reset, .gform_wrapper.gravity-theme input.gform-text-input-reset, body[class*=avada] .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]).gform-text-input-reset {
	background-color: transparent;
	border: none;
	border-color: transparent;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
	outline: 0;
	padding: inherit;
}

.gform_wrapper.gravity-theme .gform_validation_container, body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_validation_container {
	display: none !important;
	left: -9000px;
	position: absolute !important;
}

.gform_wrapper.gravity-theme .chosen-container {
	display: inline-block;
	font-size: 16px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .chosen-container * {
	box-sizing: border-box;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-drop {
	background: #fff;
	border: 1px solid #aaa;
	border-top: 0;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1010;
}

.gform_wrapper.gravity-theme .chosen-container.chosen-with-drop .chosen-drop {
	display: block;
}

.gform_wrapper.gravity-theme .chosen-container a {
	cursor: pointer;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-single .group-name, .gform_wrapper.gravity-theme .chosen-container .search-choice .group-name {
	color: #999;
	font-weight: 400;
	margin-right: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-single .group-name::after, .gform_wrapper.gravity-theme .chosen-container .search-choice .group-name::after {
	content: ":";
	padding-left: 2px;
	vertical-align: top;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
	background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
	color: #444;
	display: block;
	height: 40px;
	line-height: 24px;
	overflow: hidden;
	padding: 0 0 0 8px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single input[type=text] {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	width: 0;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-default {
	color: #999;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single span {
	display: block;
	line-height: 38.4px;
	margin-right: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single-with-deselect span {
	margin-right: 36px;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr {
	background: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png") -42px 1px no-repeat;
	display: block;
	font-size: 1px;
	height: 12px;
	position: absolute;
	right: 26px;
	top: 6px;
	width: 12px;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr.nitro-lazy {
	background: none !important;
}

.gform_wrapper.gravity-theme .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div {
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b {
	background: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png") no-repeat 0 10px;
	display: block;
	height: 100%;
	width: 100%;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b.nitro-lazy {
	background: none !important;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-search {
	margin: 0;
	padding: 3px 4px;
	position: relative;
	white-space: nowrap;
	z-index: 1010;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text] {
	background: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png") no-repeat 100% -20px;
	border: 1px solid #aaa;
	border-radius: 0;
	font-family: sans-serif;
	font-size: 1em;
	height: auto;
	line-height: normal;
	margin: 1px 0;
	outline: 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text].nitro-lazy {
	background: none !important;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-drop {
	background-clip: padding-box;
	border-radius: 0 0 4px 4px;
	margin-top: -1px;
}

.gform_wrapper.gravity-theme .chosen-container-single.chosen-container-single-nosearch .chosen-search {
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results {
	color: #444;
	margin: 0 4px 4px 0;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0 0 4px;
	position: relative;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li {
	display: none;
	line-height: 15px;
	list-style: none;
	margin: 0;
	padding: 5px 6px;
	-webkit-touch-callout: none;
	word-wrap: break-word;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li.active-result {
	cursor: pointer;
	display: list-item;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li.disabled-result {
	color: #ccc;
	cursor: default;
	display: list-item;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li.highlighted {
	background-color: #3875d7;
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li.no-results {
	background: #f4f4f4;
	color: #777;
	display: list-item;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li.group-result {
	cursor: default;
	display: list-item;
	font-weight: 700;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li.group-option {
	padding-left: 15px;
}

.gform_wrapper.gravity-theme .chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices {
	background-color: #fff;
	border: 1px solid #aaa;
	cursor: text;
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 8px;
	position: relative;
	width: 100%;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field input[type=text] {
	background: 0 0 !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none;
	color: #999;
	font-family: sans-serif;
	font-size: 100%;
	height: 25px;
	line-height: normal;
	margin: 1px 0;
	outline: 0;
	padding: 0;
	width: 25px;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice {
	background-clip: padding-box;
	background-color: #eee;
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-repeat: repeat-x;
	background-size: 100% 19px;
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
	color: #333;
	cursor: default;
	line-height: 13px;
	margin: 3px 5px 3px 0;
	max-width: 100%;
	padding: 3px 20px 3px 5px;
	position: relative;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	background: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png") -42px 1px no-repeat;
	display: block;
	font-size: 1px;
	height: 12px;
	position: absolute;
	right: 3px;
	top: 4px;
	width: 12px;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close.nitro-lazy {
	background: none !important;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: -42px -10px;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-disabled {
	background-color: #e4e4e4;
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	border: 1px solid #ccc;
	color: #666;
	padding-right: 5px;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0;
}

.gform_wrapper.gravity-theme .chosen-container-multi .chosen-drop .result-selected {
	color: #ccc;
	cursor: default;
	display: list-item;
}

.gform_wrapper.gravity-theme .chosen-container-active .chosen-single {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single {
	background-image: linear-gradient(#eee 20%, #fff 80%);
	border: 1px solid #aaa;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 1px 0 #fff inset;
}

.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single div {
	background: 0 0;
	border-left: none;
}

.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 10px;
}

.gform_wrapper.gravity-theme .chosen-container-active .chosen-choices {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.gform_wrapper.gravity-theme .chosen-container-active .chosen-choices li.search-field input[type=text] {
	color: #222 !important;
}

.gform_wrapper.gravity-theme .chosen-disabled {
	cursor: default;
	opacity: .5 !important;
}

.gform_wrapper.gravity-theme .chosen-disabled .chosen-single {
	cursor: default;
}

.gform_wrapper.gravity-theme .chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default;
}

.gform_wrapper.gravity-theme .chosen-rtl {
	text-align: right;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-single {
	overflow: visible;
	padding: 0 8px 0 0;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-single span {
	direction: rtl;
	margin-left: 26px;
	margin-right: 0;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-single-with-deselect span {
	margin-left: 38px;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-single div {
	left: 3px;
	right: auto;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-single abbr {
	left: 26px;
	right: auto;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li {
	float: right;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-field input[type=text] {
	direction: rtl;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	padding: 3px 5px 3px 19px;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
	left: 4px;
	right: auto;
}

.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single .chosen-results {
	margin: 0 0 4px 4px;
	padding: 0 4px 0 0;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-results li.group-option {
	padding-left: 0;
	padding-right: 15px;
}

.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
	border-right: none;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text] {
	background: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png") no-repeat -30px -20px;
	direction: rtl;
	padding: 4px 5px 4px 20px;
}

.gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text].nitro-lazy {
	background: none !important;
}

.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single .chosen-single div b {
	background-position: 6px 2px;
}

.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
	background-position: -12px 2px;
}

@media only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
	.gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-down span, .gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-up span, .gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text], .gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr, .gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b, .gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text] {
		background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/legacy/css/chosen-sprite@2x.png") !important;
		background-repeat: no-repeat !important;
		background-size: 52px 37px !important;
	}
	
	.gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-down span.nitro-lazy, .gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-up span.nitro-lazy, .gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices .search-choice .search-choice-close.nitro-lazy, .gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text].nitro-lazy, .gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr.nitro-lazy, .gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b.nitro-lazy, .gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text].nitro-lazy {
		background-image: none !important;
	}
}

body .gform_wrapper.gravity-theme .chosen-container a.chosen-single {
	border-radius: inherit;
}

body .gform_wrapper.gravity-theme ul.chosen-results li {
	line-height: inherit;
}

@media only screen and (max-width:641px) {
	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: 2;
		min-height: 32px;
	}
	
	.gform_wrapper.gravity-theme textarea {
		line-height: 1.5;
	}
	
	.gform_wrapper.gravity-theme .chosen-container.chosen-container-single[style] {
		width: 100% !important;
	}
	
	.gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
		height: 40px;
		line-height: 2.8;
	}
	
	.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b {
		position: relative;
		top: 10px;
	}
	
	.gform_wrapper.gravity-theme div.chosen-container.chosen-container-multi[style] {
		width: 100% !important;
	}
	
	.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice, .gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
		float: none;
		line-height: inherit;
		width: 100%;
	}
	
	.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span {
		margin-bottom: 0;
	}
	
	.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
		top: calc(50% - 6px);
	}
	
	.gform_wrapper.gravity-theme .chosen-container span:not(.ginput_price) {
		display: block;
		margin-bottom: 8px;
	}
	
	.gform_wrapper.gravity-theme li.field_sublabel_below .ginput_complex {
		margin-top: 12px !important;
	}
	
	.gform_wrapper.gravity-theme ul.gfield_checkbox li label, .gform_wrapper.gravity-theme ul.gfield_radio li label {
		cursor: pointer;
		width: 85%;
	}
}

@media only screen and (min-width:641px) {
	body .gform_wrapper.gravity-theme select.medium.gfield_select + div.chosen-container-multi[style], body .gform_wrapper.gravity-theme select.medium.gfield_select + div.chosen-container-single[style] {
		width: calc(50% - 8px) !important;
	}
	
	body .gform_wrapper.gravity-theme select.large.gfield_select + div.chosen-container-multi[style], body .gform_wrapper.gravity-theme select.large.gfield_select + div.chosen-container-single[style] {
		width: 100% !important;
	}
	
	body .gform_wrapper.gravity-theme select.small.gfield_select + div.chosen-container-multi[style], body .gform_wrapper.gravity-theme select.small.gfield_select + div.chosen-container-single[style] {
		width: 25% !important;
	}
}

.gform_wrapper.gravity-theme .gform_drop_area {
	background: rgba(0, 0, 0, .02);
	border: 1px dashed #ccc;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 32px;
	text-align: center;
}

.gform_wrapper.gravity-theme .gform_drop_instructions {
	display: block;
	margin-bottom: 8px;
}

.gform_wrapper.gravity-theme .gform_delete, .gform_wrapper.gravity-theme .gform_delete_file {
	cursor: pointer;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gform_delete_file {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: 0 0;
	border: none;
}

.gform_wrapper.gravity-theme .gfield_fileupload_filesize {
	padding: 0 6px;
}

.gform_wrapper.gravity-theme .gfield_validation_message ul {
	margin: 16px 0;
	padding-left: 24px;
}

.gform_wrapper.gravity-theme .gfield_validation_message ul:empty {
	display: none;
}

.gform_wrapper.gravity-theme .ginput_preview {
	margin: 16px 0;
}

.gform_wrapper.gravity-theme .gform_fileupload_rules {
	display: block;
	margin-top: 8px;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone {
	box-sizing: border-box;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone * {
	box-sizing: border-box;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__flag-icon {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/theme/international-phone/flags-sprite.webp");
	background-image: -webkit-image-set(url("../../../images/theme/international-phone/flags-sprite.webp") 1x, url("../../../images/theme/international-phone/flags-sprite@2x.webp") 2x);
	background-image: image-set(url("../../../images/theme/international-phone/flags-sprite.webp") 1x, url("../../../images/theme/international-phone/flags-sprite@2x.webp") 2x);
	background-repeat: no-repeat;
	background-size: auto 20px;
	block-size: 20px;
	display: inline-block;
	inline-size: 30px;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__flag-icon.nitro-lazy {
	background-image: none !important;
}

@media (min-resolution:192dpi) {
	.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__flag-icon {
		background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/theme/international-phone/flags-sprite@2x.webp");
	}
	
	.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__flag-icon.nitro-lazy {
		background-image: none !important;
	}
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__input-wrapper {
	display: grid;
	grid-gap: 0;
	gap: 0;
	grid-template-columns: min-content 1fr;
}

.gform_wrapper.gravity-theme .gfield--type-phone .ginput_country-selector_container {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.gform_wrapper.gravity-theme .gfield--type-phone .ginput_country-selector_container label {
	padding-inline-end: var(--gform-theme-spacer-2);
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-field-label--type-sub {
	font-size: 15px;
	padding-top: 5px;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-selector {
	align-items: center;
	background-color: #f2f3f5;
	border: 1px solid #686e77;
	border-end-end-radius: 0;
	border-start-end-radius: 0;
	cursor: pointer;
	display: flex;
	gap: 8px;
	margin-inline-end: -1px;
	padding-block: 8px;
	padding-inline: 12px;
	position: relative;
	z-index: 1;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-selector:hover {
	background-color: #fff;
	border-inline-end-color: #686e77;
	color: rgba(17, 35, 55, .725);
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-selector:focus {
	background-color: #f2f3f5;
	border-inline-end-color: #686e77;
	color: rgba(17, 35, 55, .725);
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-selector:disabled {
	background-color: #f2f3f5;
	border-inline-end-color: #686e77;
	color: rgba(17, 35, 55, .725);
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-selector::after {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/theme/international-phone/select.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px 6px;
	block-size: 6px;
	content: "";
	display: inline-block;
	inline-size: 10px;
}

.gform_wrapper.gravity-theme .gfield--type-phone .ginput_phone_container label {
	display: block;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__input {
	flex: 1;
	position: relative;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__input:focus {
	z-index: 2;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__dropdown {
	background-color: #fff;
	border: transparent;
	box-shadow: 0 0 1px rgba(18, 25, 97, .24), 0 24px 24px rgba(18, 25, 97, .03), 0 2px 2px rgba(18, 25, 97, .03), 0 4px 4px rgba(18, 25, 97, .03), 0 8px 8px rgba(18, 25, 97, .03), 0 16px 16px rgba(18, 25, 97, .03);
	display: block;
	inline-size: 100%;
	margin-block-start: -1px;
	overflow: hidden;
	padding-block: 0;
	padding-inline: 0;
	position: absolute;
	top: calc(100% + 8px);
	z-index: 1010;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__dropdown.gform-phone__dropdown--hidden {
	display: none;
}

.gform_wrapper.gravity-theme .gfield--type-phone.field_sublabel_below .gform-phone__dropdown {
	top: calc(100% - 24px);
}

.gform_wrapper.gravity-theme .gfield--type-phone.field_sublabel_below .ginput_country-selector_container, .gform_wrapper.gravity-theme .gfield--type-phone.field_sublabel_below .ginput_phone_container {
	justify-content: flex-start;
}

.gform_wrapper.gravity-theme .gfield--type-phone.field_sublabel_above .ginput_phone_container {
	align-items: end;
	display: grid;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__search-wrapper {
	background-color: #fff;
	inline-size: 100%;
	margin-block: 0 calc(12px * -1);
	margin-inline: 0;
	padding-block: 12px;
	padding-inline: 12px;
	position: relative;
	z-index: 1010;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__search-wrapper input[type=text] {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/theme/international-phone/search.svg");
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 20px;
	display: block;
	inline-size: 100%;
	margin: 0;
	padding-inline: 28px 12px;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__search-wrapper input[type=text].nitro-lazy {
	background-image: none !important;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-list {
	display: flex;
	flex-direction: column;
	margin-block: 0;
	margin-inline: 0;
	max-block-size: 240px;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto;
	padding-block: 12px;
	padding-inline: 0;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-item {
	align-items: center;
	color: #112337;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	gap: 9px;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 6px;
	padding-inline: 12px;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--focused {
	background-color: #f2f3f5;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--active {
	background-color: #f2f3f5;
	box-shadow: inset 3px 0 0 #204ce5;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--no-results {
	background: #f4f4f4;
	color: #474747;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-item .gform-phone__flag-icon {
	flex: none;
}

.gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__country-code {
	flex: none;
	font-size: 12px;
	margin-inline-start: auto;
}

html:where(:not([dir=rtl])) .gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__input {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.gform_wrapper.gravity-theme.gform_wrapper_edit_form_entry .gfield--type-phone .gform-phone__country-selector {
	min-block-size: 40px;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield--type-phone input[type=tel] {
	text-align: end;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__input {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield--type-phone .gform-phone__search {
	background-position: calc(100% - 4px) center;
}

.gform_wrapper.gravity-theme .ginput_container_password > span {
	position: relative;
}

.gform_wrapper.gravity-theme .gform_show_password:focus {
	outline: 0;
}

.gform_wrapper.gravity-theme .gform_show_password {
	background-color: inherit;
	border: none;
	cursor: pointer;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 0;
}

.gform_wrapper.gravity-theme .password_input_container {
	display: block;
	position: relative;
}

.gform_wrapper.gravity-theme .gfield_password_strength {
	background-color: #eee;
	border: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	margin-top: 8px;
	padding: 8px;
	text-align: center;
}

.gform_wrapper.gravity-theme .gfield_password_strength.mismatch, .gform_wrapper.gravity-theme .gfield_password_strength.short {
	background-color: #ffa0a0;
	border-bottom: 3px solid #f04040;
	border-color: #f04040;
}

.gform_wrapper.gravity-theme .gfield_password_strength.bad {
	background-color: #ffb78c;
	border-bottom: 3px solid #ff853c;
	border-color: #ff853c;
}

.gform_wrapper.gravity-theme .gfield_password_strength.good {
	background-color: #ffec8b;
	border-bottom: 3px solid #fc0;
	border-color: #fc0;
}

.gform_wrapper.gravity-theme .gfield_password_strength.strong {
	background-color: #c3ff88;
	border-bottom: 3px solid #8dff1c;
	border-color: #8dff1c;
}

.gform_wrapper.gravity-theme .field_sublabel_above .gfield_password_strength {
	margin-top: 16px;
}

.gform_wrapper.gravity-theme ::-ms-reveal {
	display: none;
}

.gform_wrapper.gravity-theme .gf_hide_ampm .gfield_time_ampm {
	display: none !important;
}

.gform_wrapper.gravity-theme .gf_invisible, .gform_wrapper.gravity-theme .gfield_visibility_hidden {
	left: -9999px;
	position: absolute;
	visibility: hidden;
}

.gform_wrapper.gravity-theme .gf_hide_charleft div.charleft {
	display: none !important;
}

.gform_wrapper.gravity-theme .gf_hidden, .gform_wrapper.gravity-theme .gform_hidden {
	display: none;
}

.gform_wrapper.gravity-theme .gfield--type-repeater.hidden_label > .gfield_repeater_wrapper > .gfield_repeater_container > .gfield_label, .gform_wrapper.gravity-theme .hidden_label > .gfield_label, .gform_wrapper.gravity-theme .hidden_sub_label, .gform_wrapper.gravity-theme .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.gform_wrapper.gravity-theme button.screen-reader-text:focus {
	border: 0;
	clip: auto;
	clip-path: none;
	height: auto;
	margin: 0;
	position: static !important;
	width: auto;
}

@media only screen and (min-width:641px) {
	.gform_wrapper.gravity-theme .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_radio {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(auto-fill, auto);
		grid-column-gap: 2rem;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_radio {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(auto-fill, auto);
		grid-column-gap: 2rem;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_radio {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(auto-fill, auto);
		grid-column-gap: 2rem;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_radio {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(auto-fill, auto);
		grid-column-gap: 2rem;
	}
	
	.gform_wrapper.gravity-theme .gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio {
		-moz-column-count: 2;
		column-count: 2;
		grid-column-gap: 2rem;
		display: block;
	}
	
	.gform_wrapper.gravity-theme .gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio {
		-moz-column-count: 3;
		column-count: 3;
		grid-column-gap: 2rem;
		display: block;
	}
	
	.gform_wrapper.gravity-theme .gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio {
		-moz-column-count: 4;
		column-count: 4;
		grid-column-gap: 2rem;
		display: block;
	}
	
	.gform_wrapper.gravity-theme .gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio {
		-moz-column-count: 5;
		column-count: 5;
		grid-column-gap: 2rem;
		display: block;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_height_25:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_height_25:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice {
		height: 25px;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_height_50:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_height_50:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice {
		height: 50px;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_height_75:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_height_75:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice {
		height: 75px;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_height_100:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_height_100:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice {
		height: 100px;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_height_125:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_height_125:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice {
		height: 125px;
	}
	
	.gform_wrapper.gravity-theme .gfield.gf_list_height_150:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_height_150:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice {
		height: 150px;
	}
}

.gform_wrapper.gravity-theme .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio {
	display: block;
}

.gform_wrapper.gravity-theme .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice, .gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio .gchoice {
	display: inline-block;
	padding-inline-end: 16px;
	vertical-align: top;
}

.gform_wrapper.gravity-theme .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_checkbox .gchoice label, .gform_wrapper.gravity-theme .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_radio .gchoice label, .gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox .gchoice label, .gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio .gchoice label {
	max-width: none;
}

.gform_wrapper.gravity-theme .gf_hide_ampm .gfield_time_ampm {
	display: none !important;
}

.gform_wrapper.gravity-theme .gsection.gf_scroll_text {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 240px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 32px;
}

.gform_wrapper.gravity-theme .gsection.gf_scroll_text .gsection_title {
	margin-top: 0;
}

.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_blue, .gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_gray, .gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_green, .gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_red, .gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_yellow {
	border-radius: 3px;
	margin: 20px 0 !important;
	padding: 20px !important;
}

.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_green {
	background-color: #cbeca0;
	border: 1px solid #97b48a;
	color: #030;
	text-shadow: #dfb 1px 1px;
}

.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_red {
	background-color: #faf2f5;
	border: 1px solid #cfadb3;
	color: #832525;
	text-shadow: #fff 1px 1px;
}

.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_yellow {
	background-color: #fffbcc;
	border: 1px solid #e6db55;
	color: #222;
	text-shadow: #fcfaea 1px 1px;
}

.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_gray {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #424242;
	text-shadow: #fff 1px 1px;
}

.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_blue {
	background-color: #d1e4f3;
	border: 1px solid #a7c2e7;
	color: #314475;
	text-shadow: #e0f1ff 1px 1px;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal {
	margin: 0 auto;
	width: calc(100% - 16px);
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body, .gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label {
	display: table-cell;
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body {
	max-width: 75%;
	width: auto;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label {
	display: table;
	width: 100%;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield {
	display: table-cell;
	height: auto;
	padding-right: 1em;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .large, .gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .medium, .gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .small {
	width: 100%;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_checkbox .gchoice, .gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_radio .gchoice {
	display: inline-block;
	margin-right: .5em;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label.form_sublabel_above .gfield, .gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label.form_sublabel_below .gfield {
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield, .gform_wrapper.gravity-theme .gf_simple_horizontal .ginput_container {
	margin-top: 0 !important;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label {
	margin: 0;
	max-width: 25%;
	padding: 0;
	text-align: left;
	width: auto;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=button], .gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=image], .gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=submit] {
	height: auto;
}

.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield_description:not(.validation_message), .gform_wrapper.gravity-theme .gf_simple_horizontal .gfield_label, .gform_wrapper.gravity-theme .gf_simple_horizontal .ginput_complex label {
	display: block;
	height: 1px;
	left: -9000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 1px;
}

.gform_wrapper.gravity-theme body:not(.rtl) .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
	text-align: left;
}

.gform_confirmation_wrapper.gf_confirmation_simple_yellow {
	background-color: #fffbcc;
	border-bottom: 1px solid #e6db55;
	border-top: 1px solid #e6db55;
	color: #424242;
	font-size: 25px;
	margin: 30px 0;
	max-width: 99%;
	padding: 32px;
}

.gform_confirmation_wrapper.gf_confirmation_simple_gray {
	background-color: #eaeaea;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #424242;
	font-size: 25px;
	margin: 30px 0;
	max-width: 99%;
	padding: 32px;
}

.gform_confirmation_wrapper.gf_confirmation_yellow_gradient {
	background-color: #fffbd2;
	border: 1px solid #e6db55;
	box-shadow: 0 0 5px rgba(221, 215, 131, .75);
	margin: 30px 0;
	position: relative;
}

.gform_confirmation_wrapper.gf_confirmation_yellow_gradient .gform_confirmation_message {
	background: #fffce5;
	background: linear-gradient(to bottom, #fffce5 0, #fff9bf 100%);
	background-color: #fffbcc;
	border-bottom: 1px solid #e6db55;
	border-top: 2px solid #fff;
	color: #424242;
	font-size: 28px;
	margin: 0;
	max-width: 99%;
	padding: 40px;
}

.gform_confirmation_wrapper.gf_confirmation_green_gradient {
	background-color: #f1fcdf;
	border: 1px solid #a7c37c;
	box-shadow: 0 0 5px rgba(86, 122, 86, .4);
	margin: 30px 0;
	position: relative;
}

.gform_confirmation_wrapper.gf_confirmation_green_gradient .gform_confirmation_message {
	background: #dbf2b7;
	background: linear-gradient(to bottom, #dbf2b7 0, #b4d088 100%);
	background-color: #fffbcc;
	border-bottom: 1px solid #a7c37c;
	border-top: 2px solid #effade;
	color: #030;
	font-size: 28px;
	margin: 0;
	max-width: 99%;
	padding: 40px;
	text-shadow: #dfb 1px 1px;
}

.gform_confirmation_wrapper.gf_confirmation_green_gradient::after, .gform_confirmation_wrapper.gf_confirmation_green_gradient::before, .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after, .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::before {
	background: rgba(0, 0, 0, .2);
	bottom: 15px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, .2);
	content: "";
	left: 10px;
	max-width: 40%;
	position: absolute;
	top: 80%;
	transform: rotate(-3deg);
	width: 50%;
	z-index: -1;
}

.gform_confirmation_wrapper.gf_confirmation_green_gradient::after, .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after {
	left: auto;
	right: 10px;
	transform: rotate(3deg);
}

.gform_wrapper.gravity-theme .gfield textarea {
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield textarea.small {
	height: 96px;
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
	height: 192px;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
	height: 288px;
}

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select {
	max-width: 100%;
}

.gform_wrapper.gravity-theme .gfield input.small, .gform_wrapper.gravity-theme .gfield select.small {
	width: calc(25% - 16px * 3 / 4);
}

.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
	width: calc(50% - 16px / 2);
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
	width: 100%;
}

.gform_wrapper.gravity-theme * {
	box-sizing: border-box;
}

.gform_wrapper.gravity-theme .gform_fields {
	display: grid;
	grid-column-gap: 2%;
	-ms-grid-columns: (1fr 2%) [12];
	grid-row-gap: 16px;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield {
	grid-column: 1/-1;
	min-width: 0;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-full {
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-eleven-twelfths {
	grid-column: span 11;
	-ms-grid-column-span: 11;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-five-sixths {
	grid-column: span 10;
	-ms-grid-column-span: 10;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter {
	grid-column: span 9;
	-ms-grid-column-span: 9;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-two-thirds {
	grid-column: span 8;
	-ms-grid-column-span: 8;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-seven-twelfths {
	grid-column: span 7;
	-ms-grid-column-span: 7;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-half {
	grid-column: span 6;
	-ms-grid-column-span: 6;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-five-twelfths {
	grid-column: span 5;
	-ms-grid-column-span: 5;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-third {
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-one-sixth {
	-ms-grid-column-span: 2;
	grid-column: span 2;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-one-twelfth {
	-ms-grid-column-span: 1;
	grid-column: span 1;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 0;
	}
	
	.gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
		grid-column: 1/-1;
	}
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-full {
	width: 100%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-eleven-twelfths {
	width: 91.6666%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-sixths {
	width: 83.3333%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-three-quarter {
	width: 75%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-two-thirds {
	width: 66.6666%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-seven-twelfths {
	width: 58.3333%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-half {
	width: 50%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-twelfths {
	width: 41.6666%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-third {
	width: 33.3333%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-quarter {
	width: 25%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-sixth {
	width: 16.6666%;
}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-twelfth {
	width: 8.3333%;
}

.gform_wrapper.gravity-theme .gform_fields.left_label .gfield, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield {
	clear: both;
	width: 100%;
}

.gform_wrapper.gravity-theme .gform_fields.left_label .gfield .ginput_container, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield .ginput_container {
	float: inline-end;
	width: 70%;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .gform_fields.left_label .gfield .ginput_container, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield .ginput_container {
		float: none;
		width: 100%;
	}
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .gform_fields.left_label .gfield > .ginput_complex, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield > .ginput_complex {
		width: 100%;
	}
}

.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_label, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield_label {
	display: block;
	float: inline-start;
	padding-inline-end: 1em;
	width: 30%;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_label, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield_label {
		float: none;
		width: 100%;
	}
}

.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_validation_message, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield_validation_message {
	float: inline-end;
	width: 70%;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_validation_message, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield_validation_message {
		float: none;
		width: 100%;
	}
}

.gform_wrapper.gravity-theme .left_label .ginput_complex .ginput_container, .gform_wrapper.gravity-theme .right_label .ginput_complex .ginput_container {
	width: auto;
}

.gform_wrapper.gravity-theme .left_label .gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gsection_description), .gform_wrapper.gravity-theme .right_label .gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gsection_description) {
	width: 70%;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .left_label .gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gsection_description), .gform_wrapper.gravity-theme .right_label .gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gsection_description) {
		width: 100%;
	}
}

.gform_wrapper.gravity-theme .right_label .gfield_label {
	text-align: end;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .right_label .gfield_label {
		text-align: start;
	}
}

.gform_wrapper.gravity-theme .left_label.gform_fields, .gform_wrapper.gravity-theme .right_label.gform_fields {
	position: relative;
}

.gform_wrapper.gravity-theme .left_label .gfield_html_formatted, .gform_wrapper.gravity-theme .right_label .gfield_html_formatted {
	padding-inline-start: 30%;
}

.gform_wrapper.gravity-theme .field_sublabel_below .ginput_complex {
	align-items: flex-start;
}

.gform_wrapper.gravity-theme .field_sublabel_above .ginput_complex {
	align-items: flex-end;
}

.gform_wrapper.gravity-theme .left_label.validation_above .copy_values_option_container, .gform_wrapper.gravity-theme .right_label.validation_above .copy_values_option_container {
	float: inline-end;
	padding-inline-start: 8px;
	width: 70%;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .left_label.validation_above .copy_values_option_container, .gform_wrapper.gravity-theme .right_label.validation_above .copy_values_option_container {
		width: 100%;
	}
}

html[dir=rtl] .gform_wrapper.gravity-theme code, html[dir=rtl] .gform_wrapper.gravity-theme input[type=email], html[dir=rtl] .gform_wrapper.gravity-theme input[type=url] {
	direction: rtl;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield_label {
	direction: rtl;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield_required {
	margin-left: 0;
	margin-right: 4px;
}

html[dir=rtl] .gform_wrapper.gravity-theme ::-webkit-input-placeholder {
	text-align: right;
}

html[dir=rtl] .gform_wrapper.gravity-theme ::-moz-placeholder {
	text-align: right;
}

html[dir=rtl] .gform_wrapper.gravity-theme :-ms-input-placeholder {
	text-align: right;
}

html[dir=rtl] .gform_wrapper.gravity-theme :-moz-placeholder {
	text-align: right;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gform_wrapper.gravity-theme fieldset {
	display: block;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(:last-child), html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
	margin-left: 0;
	margin-right: 16px;
}

html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
	padding-left: 0;
	padding-right: 16px;
}

@media (min-width:641px) {
	html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
		padding-left: 0;
		padding-right: 16px;
	}
	
	html[dir=rtl] .gform_wrapper.gravity-theme .gform_show_password {
		left: 8px;
		right: unset;
	}
}

@media (max-width:640px) {
	html[dir=rtl] .gform_wrapper.gravity-theme .left_label fieldset.gfield, html[dir=rtl] .gform_wrapper.gravity-theme .right_label fieldset.gfield {
		padding-right: 0;
	}
	
	html[dir=rtl] .gform_wrapper.gravity-theme .left_label legend.gfield_label, html[dir=rtl] .gform_wrapper.gravity-theme .right_label legend.gfield_label {
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	
	html[dir=rtl] .gform_wrapper.gravity-theme .left_label .gfield_label {
		text-align: right !important;
	}
	
	html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
		padding-right: 0;
	}
}

.gform_wrapper.gravity-theme .ginput_counter {
	color: #767676;
	font-size: .8em;
}

.gform_wrapper.gravity-theme .ginput_counter_tinymce {
	border-top: 1px solid #eee;
	font-size: 12px;
	padding: 2px 10px;
}

.gform_wrapper.gravity-theme .validation_message--hidden-on-empty:empty {
	display: none;
}

.gform_wrapper.gravity-theme .gform_card_icon_container {
	display: flex;
	height: 32px;
	margin: 8px 0 6.4px 0;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/gf-creditcards.svg");
	background-repeat: no-repeat;
	height: 32px;
	margin-right: 4.8px;
	text-indent: -9000px;
	width: 40px;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.nitro-lazy {
	background-image: none !important;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_amex {
	background-position: -167px 0;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_discover {
	background-position: -221px 0;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_mastercard {
	background-position: -275px 0;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_visa {
	background-position: -59px 0;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_jcb {
	background-position: -329px 0;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_maestro {
	background-position: -5px 0;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected {
	position: relative;
}

.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected::after {
	background: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/gf-creditcards-check.svg") center center no-repeat;
	bottom: 4px;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	right: 0;
	width: 13px;
}

.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right {
	align-items: center;
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right label {
	width: 100%;
}

.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_card_security_code_icon {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/gf-creditcards.svg");
	background-position: -382px center;
	background-repeat: no-repeat;
	display: block;
	flex: none;
	height: 32px;
	margin-left: .3em;
	width: 40px;
}

.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_card_security_code_icon.nitro-lazy {
	background-image: none !important;
}

html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_card_security_code_icon {
	margin-left: 0;
	margin-right: .3em;
}

.gform_wrapper.gravity-theme .gfield_list_group, .gform_wrapper.gravity-theme .gfield_list_header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 8px;
}

.gform_wrapper.gravity-theme .gfield_list_group:last-child {
	margin-bottom: 0;
}

.gform_wrapper.gravity-theme .gfield_header_item {
	word-break: break-word;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gfield_list_group_item {
	flex-grow: 1;
	width: 0;
}

.gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
	margin-left: 2%;
}

.gform_wrapper.gravity-theme .gfield_list_group_item input, .gform_wrapper.gravity-theme .gfield_list_group_item select {
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield_header_item--icons, .gform_wrapper.gravity-theme .gfield_list_icons {
	align-items: center;
	display: flex;
	flex: none;
	justify-content: center;
	width: 48px;
}

.gform_wrapper.gravity-theme .gfield_list_icons button {
	background: transparent url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/list-add.svg");
	border: none;
	font-size: 0;
	height: 16px;
	opacity: .5;
	padding: 0;
	transition: opacity .5s ease-out;
	width: 16px;
}

.gform_wrapper.gravity-theme .gfield_list_icons button.nitro-lazy {
	background: none !important;
}

.gform_wrapper.gravity-theme .gfield_list_icons button:focus, .gform_wrapper.gravity-theme .gfield_list_icons button:hover {
	opacity: 1;
	outline: 0;
}

.gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/list-remove.svg");
	margin-left: 5px;
}

.gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item.nitro-lazy {
	background-image: none !important;
}

.gform_wrapper.gravity-theme .gfield_list_icons a.delete_list_item {
	margin-inline-start: 5px;
}

.gform_wrapper.gravity-theme .gfield_list_icons img {
	background-color: transparent !important;
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 16px 16px !important;
	block-size: 16px !important;
	border: none !important;
	inline-size: 16px !important;
	opacity: .5;
	transition: var(--gf-transition-ctrl);
}

.gform_wrapper.gravity-theme .gfield_list_icons a:focus, .gform_wrapper.gravity-theme .gfield_list_icons a:focus img, .gform_wrapper.gravity-theme .gfield_list_icons a:hover img {
	outline: 0;
}

.gform_wrapper.gravity-theme .gfield_list_icons a:focus img, .gform_wrapper.gravity-theme .gfield_list_icons a:hover img {
	opacity: 1;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .gfield_list_header {
		display: none;
	}
	
	.gform_wrapper.gravity-theme .gfield_list_group {
		border: 1px solid rgba(0, 0, 0, .2);
		display: block;
		margin-bottom: 16px;
		padding: 16px;
	}
	
	.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gfield_list_group_item {
		width: auto;
	}
	
	.gform_wrapper.gravity-theme .gfield_list_group:last-child {
		margin-bottom: 0;
	}
	
	.gform_wrapper.gravity-theme .gfield_list_group_item:not(:last-child) {
		margin-bottom: 8px;
	}
	
	.gform_wrapper.gravity-theme .gfield_list_group_item::before {
		content: attr(data-label);
		font-size: 14.992px;
	}
	
	.gform_wrapper.gravity-theme .gfield_list_icons {
		background-color: rgba(0, 0, 0, .1);
		line-height: 0;
		margin: 16px -16px -16px;
		padding: 12px 16px;
		text-align: left;
		width: auto;
	}
	
	.gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
		margin-left: 0;
	}
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
	margin-left: 0;
	margin-right: 16px;
}

@media (max-width:640px) {
	html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
		margin-right: 0;
	}
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
	margin-left: 0;
	margin-right: 5px;
}

.gform_wrapper.gravity-theme .gfield_label {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 8px;
	padding: 0;
}

.gform_wrapper.gravity-theme .gform-field-label .gform-field-label__text {
	display: inline;
	padding-inline-end: .125em;
}

.gform_wrapper.gravity-theme .gform-field-label > .gfield_required {
	display: inline;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
	font-size: 15px;
	padding-top: 5px;
}

.gform_wrapper.gravity-theme .left_label .gform-field-label > .gfield_required:where([\:has\(.gfield_required_long\)]), .gform_wrapper.gravity-theme .right_label .gform-field-label > .gfield_required:where([\:has\(.gfield_required_long\)]) {
	display: block;
}

.gform_wrapper.gravity-theme .left_label .gform-field-label > .gfield_required:where(:has(.gfield_required_long)), .gform_wrapper.gravity-theme .right_label .gform-field-label > .gfield_required:where(:has(.gfield_required_long)) {
	display: block;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .left_label .gform-field-label > .gfield_required:where([\:has\(.gfield_required_long\)]), .gform_wrapper.gravity-theme .right_label .gform-field-label > .gfield_required:where([\:has\(.gfield_required_long\)]) {
		display: inline;
	}
	
	.gform_wrapper.gravity-theme .left_label .gform-field-label > .gfield_required:where(:has(.gfield_required_long)), .gform_wrapper.gravity-theme .right_label .gform-field-label > .gfield_required:where(:has(.gfield_required_long)) {
		display: inline;
	}
}

.gform_wrapper.gravity-theme:not(.top_label) .ginput_container.ginput_single_email {
	margin-left: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
	background: #fff9f9;
	border-radius: 5px;
	border: 1.5px solid #c02b0a;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .11), 0 0 4px rgba(18, 25, 97, .0405344);
	margin-block-end: 8px;
	margin-block-start: 8px;
	padding-block: 16px;
	padding-inline-end: 16px;
	padding-inline-start: 48px;
	position: relative;
	width: 100%;
}

.gform_wrapper.gravity-theme .gform_validation_errors:focus {
	outline: 2px solid #c02b0a;
	outline-offset: 2px;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
	color: #c02b0a;
	font-size: 13.2px;
	font-weight: 500;
	line-height: 17.6px;
	margin-block-end: 12px;
	margin-block-start: 0;
	margin-inline: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2::before {
	display: none;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon {
	align-items: center;
	display: flex;
	font-size: 28px;
	height: 100%;
	inset-inline-start: 12px;
	position: absolute;
	inset-block-start: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2.hide_summary {
	margin: 0;
	padding: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors > ol {
	padding-inline-start: 20px;
}

.gform_wrapper.gravity-theme .gform_validation_errors > ol a {
	color: #c02b0a;
	font-size: 13.2px;
}

.gform_wrapper.gravity-theme .gform_validation_errors > ol a:focus {
	outline: 2px solid #c02b0a;
	outline-offset: 2px;
}

.gform_wrapper.gravity-theme .gform_validation_errors > ol li {
	color: #c02b0a;
	font-size: 13.2px;
	list-style-type: disc !important;
	margin-block-end: 8px;
	margin-block-start: 0;
	margin-inline: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors > ol li:last-of-type {
	margin-block-end: 0;
}

.gform_wrapper.gravity-theme .gfield_required {
	color: #c02b0a;
	display: inline;
	font-size: 13.008px;
}

.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, .gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
	font-style: italic;
	font-weight: 400;
}

.gform_wrapper.gravity-theme .gform_required_legend .gfield_required {
	padding-inline-start: 0;
}

.gform_wrapper.gravity-theme .validation_error {
	border-block-end: 2px solid #c02b0a;
	border-block-start: 2px solid #c02b0a;
	color: #c02b0a;
	font-size: 1em;
	font-weight: 700;
	margin-block-end: 32px;
	padding: 16px;
	text-align: center;
}

.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_item > .gfield label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true] + label, .gform_wrapper.gravity-theme label + [aria-invalid=true] {
	color: #c02b0a;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
	background: #fff9f9;
	border: 1px solid #c02b0a;
	font-size: 14.992px;
	margin-block-start: 8px;
	padding: 12.992px 24px;
}

.gform_wrapper.gravity-theme .left_label.validation_above fieldset .gfield_validation_message, .gform_wrapper.gravity-theme .left_label.validation_above fieldset .validation_message, .gform_wrapper.gravity-theme .right_label.validation_above fieldset .gfield_validation_message, .gform_wrapper.gravity-theme .right_label.validation_above fieldset .validation_message {
	clear: right;
}

.gform_wrapper.gravity-theme .validation_above .gfield_validation_message, .gform_wrapper.gravity-theme .validation_above .validation_message {
	margin-block-end: 16px;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border: 1px solid #c02b0a;
}

.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
	-webkit-appearance: none !important;
	background-color: #fff;
	color: #6b7280;
	text-decoration: none;
}

.gform_wrapper.gravity-theme .gform_previous_button.button svg, .gform_wrapper.gravity-theme .gform_save_link.button svg {
	display: inline-block;
	margin-right: 4px;
}

.gform_wrapper.gravity-theme button.button:disabled {
	opacity: .6;
}

.gform_wrapper.gravity-theme button.gform-button.gform-has-spinner, .gform_wrapper.gravity-theme button.gform-theme-button.gform-has-spinner, .gform_wrapper.gravity-theme button.gform_button.gform-has-spinner {
	color: transparent;
	position: relative;
}

.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gfield--type-submit, .gform_wrapper.gravity-theme .gform_footer {
	display: flex;
}

.gform_wrapper.gravity-theme #field_submit button, .gform_wrapper.gravity-theme .gfield--type-submit button, .gform_wrapper.gravity-theme .gform_footer button {
	align-self: flex-end;
	position: relative;
}

.gform_wrapper.gravity-theme #field_submit .gform_image_button, .gform_wrapper.gravity-theme .gfield--type-submit .gform_image_button, .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
	background-color: transparent;
	border: none;
	border-radius: 0;
	height: auto;
	padding: 0;
	width: auto;
}

.gform_wrapper.gravity-theme #field_submit .gform-button--width-full, .gform_wrapper.gravity-theme .gfield--type-submit .gform-button--width-full, .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
	text-align: center;
	width: 100%;
}

.gform_wrapper.gravity-theme .ginput_complex {
	display: flex;
	flex-flow: row wrap;
}

.gform_wrapper.gravity-theme .ginput_complex fieldset, .gform_wrapper.gravity-theme .ginput_complex span {
	flex: 1;
}

.gform_wrapper.gravity-theme .ginput_complex .ginput_full {
	flex: 0 0 100%;
}

.gform_wrapper.gravity-theme .ginput_complex .clear-multi {
	display: flex;
}

.gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex legend {
	display: block;
}

.gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select {
	width: 100%;
}

.gform_wrapper.gravity-theme .ginput_container_address {
	margin-left: -1%;
	margin-right: -1%;
}

.gform_wrapper.gravity-theme .ginput_container_address span {
	flex: 0 0 50%;
	padding-left: .9804%;
	padding-right: .9804%;
}

@media (min-width:641px) {
	.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
		padding-right: 1%;
	}
	
	.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
		padding-left: 1%;
		padding-right: 0;
	}
	
	.gform_wrapper.gravity-theme .ginput_container_address span, .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
		margin-bottom: 8px;
	}
	
	.gform_wrapper.gravity-theme .ginput_container_address {
		margin-bottom: -8px;
	}
	
	html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
		padding-left: 1%;
		padding-right: 0;
	}
	
	html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
		padding-left: 0;
		padding-right: 1%;
	}
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .ginput_complex span {
		flex: 0 0 100%;
		margin-bottom: 8px;
		padding-left: 0;
	}
	
	.gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span {
		padding-left: .9804%;
	}
}

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
	font-family: inherit;
	font-size: 15px;
	letter-spacing: normal;
	line-height: inherit;
	padding-top: 13px;
	width: 100%;
}

.gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction {
	padding-bottom: 16px;
}

.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
	margin-top: 9.008px;
}

.gform_wrapper.gravity-theme .top_label .gsection_description {
	margin-bottom: 9.008px;
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield_consent_description_text {
	border: 1px solid #ddd;
	font-size: 14.4px;
	max-height: 240px;
	overflow-y: auto;
	padding: 6.4px 8px;
	width: 100%;
}

.gform_wrapper.gravity-theme .field_description_above .gfield_choice_limit_message, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_choice_limit_message, .gform_wrapper.gravity-theme .gfield_choice_limit_message {
	display: block;
	margin-bottom: 8px;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.gform_wrapper.gravity-theme .left_label .description, .gform_wrapper.gravity-theme .left_label .gfield_description, .gform_wrapper.gravity-theme .left_label .instruction, .gform_wrapper.gravity-theme .right_label .description, .gform_wrapper.gravity-theme .right_label .gfield_description, .gform_wrapper.gravity-theme .right_label .instruction {
	float: inline-end;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .left_label .description, .gform_wrapper.gravity-theme .left_label .gfield_description, .gform_wrapper.gravity-theme .left_label .instruction, .gform_wrapper.gravity-theme .right_label .description, .gform_wrapper.gravity-theme .right_label .gfield_description, .gform_wrapper.gravity-theme .right_label .instruction {
		float: none;
	}
}

.gform_wrapper.gravity-theme .gfield_creditcard_warning {
	background-color: rgba(255, 223, 224, .25);
	border-bottom: 4px solid #c02b0a;
	border-top: 2px solid #c02b0a;
	padding: 16px;
}

.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message {
	color: #c02b0a;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	min-height: 32px;
	position: relative;
}

.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K");
	background-position: 0 3.2px;
	background-repeat: no-repeat;
	background-size: 24px 16px;
	border-bottom: 1px solid #c02b0a;
	display: block;
	letter-spacing: .1pt;
	margin-bottom: 16px;
	padding: 0 0 16px 24px;
	text-transform: uppercase;
}

.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span.nitro-lazy {
	background-image: none !important;
}

.gform_wrapper.gravity-theme .ginput_cardextras {
	display: flex;
	flex-wrap: wrap;
}

.gform_wrapper.gravity-theme .ginput_complex .ginput_cardinfo_right input {
	max-width: 112px;
	width: 30%;
}

.gform_wrapper.gravity-theme .ginput_card_expiration_container {
	display: flex;
	flex-wrap: wrap;
}

.gform_wrapper.gravity-theme .ginput_card_expiration_month {
	flex: 1;
	margin-right: 16px;
}

.gform_wrapper.gravity-theme .ginput_card_expiration_year {
	flex: 1;
}

.gform_wrapper.gravity-theme .ginput_cardinfo_left label, .gform_wrapper.gravity-theme .ginput_cardinfo_left legend, .gform_wrapper.gravity-theme .ginput_cardinfo_right label, .gform_wrapper.gravity-theme .ginput_cardinfo_right legend {
	flex: 1 1 100%;
}

.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left {
	display: flex;
	flex-direction: column;
}

.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left legend {
	float: left;
	padding-top: 5px;
}

.gform_wrapper.gravity-theme .field_sublabel_below fieldset.ginput_cardinfo_left {
	flex-direction: column-reverse;
}

html[dir=rtl] .gform_wrapper.gravity-theme .ginput_card_expiration_month {
	margin-left: 16px;
	margin-right: 0;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gform_card_icon {
	float: right;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
	background-position: right 3.2px;
	background-repeat: no-repeat;
	background-size: 24px 16px;
	display: block;
	margin-bottom: 16px;
	padding: 0 24px 16px 0;
}

html[dir=rtl] .gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left {
	display: flex;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .ginput_card_expiration {
		flex: none;
	}
	
	.gform_wrapper.gravity-theme .ginput_card_expiration_month {
		margin-bottom: 8px;
	}
}

.gform_wrapper.gravity-theme .ginput_container_date + .ginput_container_date {
	margin-left: 2%;
}

.gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"] + .ginput_container_date {
	margin-left: 0;
}

.gform_wrapper.gravity-theme .ginput_container_date label {
	display: block;
}

.gform_wrapper.gravity-theme .gfield--datepicker-custom-icon .ginput_container_date .gform-calendar-icon::before, .gform_wrapper.gravity-theme .gfield--datepicker-default-icon .ginput_container_date .gform-calendar-icon::before {
	font-family: gform-icons-theme !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	color: #686e77;
	content: "";
	font-size: 24px;
}

.gform_wrapper.gravity-theme .gfield--datepicker-custom-icon .ginput_container_date button, .gform_wrapper.gravity-theme .gfield--datepicker-default-icon .ginput_container_date button {
	background: 0 0;
	border: none;
	padding: 0;
}

html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date + .ginput_container_date {
	margin-left: 0;
	margin-right: 16px;
}

html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"] + .ginput_container_date {
	margin-right: 0;
}

.gravity-theme .ginput_container_date {
	position: relative;
}

.gravity-theme .gform-datepicker-calendar {
	background: #fff;
	border: 1px solid #d0d1d3;
	border-radius: 3px;
	box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .11), 0 0 .25rem rgba(18, 25, 97, .0405344);
	color: #607382;
	font-size: .8125rem;
	font-weight: var(--gform-theme-font-weight-medium);
	inset-block-start: 36px;
	margin-top: 5px;
	max-width: 400px;
	padding: 15px;
	position: absolute;
	width: auto;
	z-index: 99;
}

.gravity-theme .gform-datepicker-calendar td, .gravity-theme .gform-datepicker-calendar th {
	padding: 5px;
}

.gravity-theme .gform-datepicker-calendar .nav.next, .gravity-theme .gform-datepicker-calendar .nav.prev {
	align-items: center;
	background: 0 0;
	border: 0;
	color: #607382;
	cursor: pointer;
	font-family: gform-icons-theme !important;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	speak: never;
	text-align: center;
	text-decoration: none;
	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
	width: 30px;
}

.gravity-theme .gform-datepicker-calendar .nav.next:focus::before, .gravity-theme .gform-datepicker-calendar .nav.next:hover::before, .gravity-theme .gform-datepicker-calendar .nav.prev:focus::before, .gravity-theme .gform-datepicker-calendar .nav.prev:hover::before {
	color: #2f4054;
}

.gravity-theme .gform-datepicker-calendar .nav.next span, .gravity-theme .gform-datepicker-calendar .nav.prev span {
	display: none;
}

.gravity-theme .gform-datepicker-calendar .nav.prev::before {
	content: "";
}

.gravity-theme .gform-datepicker-calendar .nav.next::before {
	content: "";
}

.gravity-theme .gform-datepicker-calendar .monthSelector .month span.current, .gravity-theme .gform-datepicker-calendar .yearSelector .year span.current {
	display: none;
}

.gravity-theme .gform-datepicker-calendar select {
	-webkit-appearance: none;
	background-color: transparent;
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/source/rev-2070eda/gettodayair.com/wp-content/plugins/gravityforms/images/theme/down-arrow.svg");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	box-shadow: none;
	color: #585e6a;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gravity-theme .gform-datepicker-calendar select.nitro-lazy {
	background-image: none !important;
}

.gravity-theme .gform-datepicker-calendar table.calendar th span {
	align-items: center;
	color: #2f4054;
	display: flex;
	font-size: .8125rem;
	font-weight: var(--gform-theme-font-weight-medium);
	height: 40px;
	justify-content: center;
	width: 40px;
}

.gravity-theme .gform-datepicker-calendar table.calendar td {
	font-size: .8125rem;
	height: 50px;
}

.gravity-theme .gform-datepicker-calendar table.calendar td span {
	align-items: center;
	background: 0 0;
	border: 1px solid transparent;
	border-radius: 100%;
	box-shadow: none;
	color: #2f4054;
	display: flex;
	height: 40px;
	justify-content: center;
	text-decoration: none;
	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
	width: 40px;
}

.gravity-theme .gform-datepicker-calendar table.calendar td span:focus, .gravity-theme .gform-datepicker-calendar table.calendar td span:hover {
	background: 0 0;
	border-color: #607382;
	outline: 0;
}

.gravity-theme .gform-datepicker-calendar table.calendar td span:active {
	background: #f2f3f5;
	border-color: #607382;
}

.gravity-theme .gform-datepicker-calendar table.calendar .dayToday span {
	background: #607382;
	border-color: #607382;
	box-shadow: 0 .125rem .125rem rgba(58, 58, 87, .0596411);
	color: #fff;
}

.gravity-theme .gform-datepicker-calendar table.calendar .dayToday span:focus, .gravity-theme .gform-datepicker-calendar table.calendar .dayToday span:hover {
	background: 0 0;
	border-color: #607382;
	color: #2f4054;
	outline: 0;
}

.gravity-theme .gform-datepicker-calendar table.calendar .disabled {
	background: 0 0;
}

.gravity-theme .gform-datepicker-calendar table.calendar .disabled span {
	background: #f2f3f5;
	border: 1px solid rgba(32, 32, 46, .079);
	box-shadow: 0 .125rem .125rem rgba(58, 58, 87, .0596411);
	color: #686e77;
	cursor: text;
}

@media (max-width:640px) {
	.gravity-theme .gform-datepicker-calendar {
		max-width: 235px;
	}
	
	.gravity-theme .gform-datepicker-calendar table.calendar td, .gravity-theme .gform-datepicker-calendar table.calendar th {
		height: 20px;
		padding: 3px;
	}
	
	.gravity-theme .gform-datepicker-calendar table.calendar td span, .gravity-theme .gform-datepicker-calendar table.calendar th span {
		height: 20px;
		width: 20px;
	}
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
	margin: 6px 0 0;
	padding: 16px 0;
}

.gform_wrapper.gravity-theme .gform_footer.left_label, .gform_wrapper.gravity-theme .gform_footer.right_label, .gform_wrapper.gravity-theme .gform_page_footer.left_label, .gform_wrapper.gravity-theme .gform_page_footer.right_label {
	padding-block: 16px 10px;
	padding-inline: 30% 0;
}

@media (max-width:640px) {
	.gform_wrapper.gravity-theme .gform_footer.left_label, .gform_wrapper.gravity-theme .gform_footer.right_label, .gform_wrapper.gravity-theme .gform_page_footer.left_label, .gform_wrapper.gravity-theme .gform_page_footer.right_label {
		padding-inline: 0;
	}
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
	margin-bottom: 8px;
}

.gform_wrapper.gravity-theme .gform_footer button.button:disabled, .gform_wrapper.gravity-theme .gform_footer input.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer button.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer input.button:disabled {
	opacity: .6;
}

.gform_wrapper.gravity-theme .gform_footer button + button, .gform_wrapper.gravity-theme .gform_footer button + input, .gform_wrapper.gravity-theme .gform_footer input + button, .gform_wrapper.gravity-theme .gform_footer input + input, .gform_wrapper.gravity-theme .gform_page_footer button + button, .gform_wrapper.gravity-theme .gform_page_footer button + input, .gform_wrapper.gravity-theme .gform_page_footer input + button, .gform_wrapper.gravity-theme .gform_page_footer input + input {
	margin-inline-start: 8px;
}

.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
	display: inline-block;
	font-size: 15px;
}

.gform_wrapper.gravity-theme .gfield_checkbox button, .gform_wrapper.gravity-theme .gfield_checkbox input[type=text], .gform_wrapper.gravity-theme .gfield_radio button, .gform_wrapper.gravity-theme .gfield_radio input[type=text] {
	margin-top: 16px;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
	display: inline-block;
	margin-top: 0;
	top: 0;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gfield-choice-input + label {
	margin-bottom: 0;
	max-width: calc(100% - 32px);
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gfield-choice-input:disabled + label {
	color: #757575;
}

.gform_wrapper.gravity-theme input[type=number] {
	display: inline-block;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	font-size: 15px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 8px;
}

.gform_wrapper.gravity-theme .chosen-container-multi, .gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_product_price_label, .gform_wrapper.gravity-theme .ginput_quantity_label {
	font-size: 15px;
}

.gform_wrapper.gravity-theme .chosen-choices {
	padding: 8px;
}

.gform_wrapper.gravity-theme .ginput_container_date {
	align-content: flex-start;
	align-items: center;
	display: flex;
}

.gform_wrapper.gravity-theme .ginput_container_date input {
	width: auto;
}

.gform_wrapper.gravity-theme .ginput_container_date .datepicker_with_icon.large {
	width: calc(100% - 48px);
}

.gform_wrapper.gravity-theme .ginput_container_date button {
	margin-left: 12.8px;
}

.gform_wrapper.gravity-theme .ginput_container_date .gform-datepicker-toggle-icon {
	display: block;
	max-height: 25.6px;
	max-width: 25.6px;
}

.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
	flex-basis: min-content;
	flex-flow: row wrap;
	max-width: 30%;
}

.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input, .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
	min-width: 84px;
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield_chainedselect.horizontal select {
	min-width: 100px;
}

.gform_wrapper.gravity-theme .gform_show_password {
	align-items: center;
	background: 0 0;
	color: inherit;
	display: flex;
	height: 100%;
}

.gform_wrapper.gravity-theme .gform_show_password:focus, .gform_wrapper.gravity-theme .gform_show_password:hover {
	background: 0 0;
}

.gform_wrapper.gravity-theme .ginput_container_consent {
	line-height: 1.2;
}

.gform_wrapper.gravity-theme .gfield .ginput_quantity {
	width: auto;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_checkbox, .gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_radio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
	align-self: start;
	display: block;
	inline-size: 200px;
	max-inline-size: 200px;
	min-inline-size: 200px;
	position: relative;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .gfield-image-choice-wrapper-outer {
	display: block;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice label {
	display: inline;
	margin: 0;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice input {
	margin-inline-start: 0;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after {
	font-family: gform-icons-theme !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	align-items: center;
	background-color: #607382;
	block-size: 38px;
	border-radius: 50%;
	color: #fff;
	content: "";
	display: flex;
	filter: drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));
	font-size: 32px;
	inline-size: 38px;
	inset-block-start: 10px;
	inset-inline-end: 10px;
	justify-content: center;
	position: absolute;
	z-index: 5;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after {
	font-family: gform-icons-theme !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	align-items: center;
	background-color: #607382;
	block-size: 38px;
	border-radius: 50%;
	color: #fff;
	content: "";
	display: flex;
	filter: drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));
	font-size: 32px;
	inline-size: 38px;
	inset-block-start: 10px;
	inset-inline-end: 10px;
	justify-content: center;
	position: absolute;
	z-index: 5;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after {
	font-family: gform-icons-theme !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	align-items: center;
	background-color: #607382;
	block-size: 38px;
	border-radius: 50%;
	color: #fff;
	content: "";
	display: flex;
	filter: drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));
	font-size: 32px;
	inline-size: 38px;
	inset-block-start: 10px;
	inset-inline-end: 10px;
	justify-content: center;
	position: absolute;
	z-index: 5;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(input:checked))::after {
	font-family: gform-icons-theme !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	align-items: center;
	background-color: #607382;
	block-size: 38px;
	border-radius: 50%;
	color: #fff;
	content: "";
	display: flex;
	filter: drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));
	font-size: 32px;
	inline-size: 38px;
	inset-block-start: 10px;
	inset-inline-end: 10px;
	justify-content: center;
	position: absolute;
	z-index: 5;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:focus-within) .gfield-choice-image-wrapper::before {
	border-color: currentcolor;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(.gfield-choice-input\:disabled\)]) .gfield-choice-image-wrapper {
	opacity: .5;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(.gfield-choice-input:disabled)) .gfield-choice-image-wrapper {
	opacity: .5;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-wrapper {
	aspect-ratio: 1/1;
	margin-block-end: 8px;
	opacity: 1;
	overflow: hidden;
	position: relative;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-wrapper::before {
	border: 2px solid transparent;
	content: "";
	display: block;
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: 1;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image {
	font-family: gform-icons-theme !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	background-color: #d0d1d3;
	block-size: 100%;
	color: #607382;
	display: block;
	inline-size: 100%;
	position: relative;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image::before {
	content: "";
	font-size: 60px;
	inset-block-start: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image span {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image {
	block-size: 100% !important;
	display: block;
	inline-size: 100%;
	max-block-size: 100%;
	max-inline-size: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice_other_control {
	margin-block-start: 16px;
	max-inline-size: 100%;
}

.gform_wrapper.gravity-theme .gfield_error .ginput_container_image_choice .gfield-choice-image-wrapper::before {
	border-color: #c02b0a;
}

.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-choice-image-wrapper {
	margin-block-end: 0;
}

.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-choice-input, .gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-image-choice-wrapper-inner, .gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gform-field-label {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--input-hide .gchoice .gform-field-label {
	margin-inline-start: 0;
}

.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--input-hide .gchoice .gfield-choice-input {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after {
	font-family: gform-icons-common !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	content: "";
	font-size: 20px;
}

.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after {
	font-family: gform-icons-common !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	content: "";
	font-size: 20px;
}

.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after {
	font-family: gform-icons-common !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	content: "";
	font-size: 20px;
}

.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where(:has(input:checked))::after {
	font-family: gform-icons-common !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
	content: "";
	font-size: 20px;
}

.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image-no-image {
	font-family: gform-icons-common !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
}

.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image-no-image::before {
	content: "";
}

.gforms_edit_form.gf_browser_safari .gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image {
	max-block-size: -webkit-fill-available;
}

html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date img.gform-datepicker-toggle-icon {
	margin-left: 0;
	margin-right: 12.8px;
	order: 1;
}

.gform_wrapper.gravity-theme .gsection {
	border-bottom: 1px solid #ccc;
	padding: 0 16px 8px 0;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gsection {
	padding: 0 0 8px 16px;
}

.gform_wrapper.gravity-theme .gf_progressbar_title {
	color: #767676;
	font-size: 12.992px;
	font-weight: 400;
	margin: 0 0 4.8px 0;
}

.gform_wrapper.gravity-theme .gf_progressbar {
	background: #e8e8e8;
	border-radius: 10.5px;
	margin-bottom: 16px;
	position: relative;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage {
	border-radius: 10.5px;
	height: 20.992px;
	text-align: right;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
	border-radius: 10.5px 0 0 10.5px;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
	display: block;
	float: right;
	font-size: 13px;
	line-height: 21px;
	margin-left: 8px;
	margin-right: 8px;
	min-width: 2em;
	width: auto;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span {
	color: #959595;
	float: none;
	margin-left: 9.6px;
	text-shadow: none;
}

.gform_wrapper.gravity-theme .gf_progressbar_blue {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
	background-color: #1e7ac4;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_gray {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_gray {
	background-color: #6b7280;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_green {
	background: #e8e8e8;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green {
	background-color: #aac138;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_orange {
	background: #e8eaec;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange {
	background-color: #ff5d38;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_red {
	background: #e8eaec;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_red {
	background-color: #ec1e31;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_spring {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring {
	background: linear-gradient(270deg, #9cd790 0, #76d7db 100%);
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_blues {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blues {
	background: linear-gradient(270deg, #00c2ff 0, #7838e2 100%);
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_rainbow {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_rainbow {
	background: linear-gradient(270deg, #1dbeea 0, #cd6ad6 50%, #f35160 100%);
	color: #fff;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
	border-radius: 0 10.5px 10.5px 0;
}

.gform_wrapper.gravity-theme .gf_page_steps {
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 16px;
}

.gform_wrapper.gravity-theme .gf_step {
	display: inline-block;
	margin: 8px 32px 8px 0;
}

.gform_wrapper.gravity-theme .gf_step_label, .gform_wrapper.gravity-theme .gf_step_number {
	display: table-cell;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gf_step_number {
	background: 0 0;
	border: 2px solid #cfd3d9;
	border-radius: 20px;
	color: #585e6a;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	text-align: center;
	width: 40px;
}

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
	background: #cfd3d9;
	color: #607382;
}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number {
	position: relative;
}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
	background: #607382;
	border: 2px solid #607382;
	border-radius: 20px;
	content: "";
	display: table-cell;
	height: 40px;
	left: -2px;
	position: absolute;
	top: -2px;
	width: 40px;
}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after {
	align-items: center;
	color: #fff;
	content: "";
	display: flex;
	font-family: gform-icons-theme;
	font-size: 24px;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 5;
}

.gform_wrapper.gravity-theme .gf_step_label {
	color: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	padding-left: 16px;
}

.gform_wrapper.gravity-theme .gf_step_hidden {
	display: none;
}

.gform_wrapper.gravity-theme .ginput_product_price_wrapper {
	display: inline-block;
}

.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:-moz-read-only {
	background: 0 0;
	border: none;
	padding: 0;
}

.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only {
	background: 0 0;
	border: none;
	padding: 0;
}

.gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_shipping_price {
	color: #900;
}

.gform_wrapper.gravity-theme .ginput_total {
	color: #060;
}

.gform_wrapper.gravity-theme .gfield_repeater_item {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px;
}

.gform_wrapper.gravity-theme .gfield_repeater_items {
	border: 1px solid #c5c6c5;
	border-radius: 4px;
	padding: 16px;
}

.gform_wrapper.gravity-theme .gfield_repeater_item > .gfield {
	margin-top: 8px;
}

.gform_wrapper.gravity-theme .gfield_repeater_item > .gfield label {
	color: #9b9a9a;
	font-size: 12.8px;
	font-weight: 400;
	padding-top: 8px;
}

.gform_wrapper.gravity-theme .gfield_repeater_items .gfield_repeater_item > .gfield {
	padding-top: 8px;
}

.gform_wrapper.gravity-theme .gfield_repeater_wrapper input {
	border: 1px solid #c5c6c5;
	border-radius: 4px;
}

.gform_wrapper.gravity-theme .gfield_repeater_buttons {
	display: flex;
	gap: 8px;
	grid-column: 1/-1;
	padding-top: 16px;
}

.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
	border-bottom: 2px solid #e0e0e6;
	margin-bottom: 20px;
	margin-right: 8px;
	padding-bottom: 20px;
}

.gform_wrapper.gravity-theme .gform-loader {
	align-self: center;
	animation: gformLoader 1.1s infinite linear;
	block-size: 8em;
	border-block-end: 1.1em solid #000;
	border-block-start: 1.1em solid #fff;
	border-inline-end: 1.1em solid #fff;
	border-inline-start: 1.1em solid #000;
	border-radius: 50%;
	display: inline-block;
	font-size: 2px;
	inline-size: 8em;
	inset: 0;
	margin: auto;
	position: absolute;
	transform: translateZ(0);
	vertical-align: middle;
}

@keyframes gformLoader {
	0% {
		transform: rotate(0);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

.gform_wrapper.gravity-theme .gfield_time_hour label.hour_label, .gform_wrapper.gravity-theme .gfield_time_minute label.minute_label {
	display: block;
	font-size: 15px;
	margin: 0;
	padding-top: 5px;
}

.gform_wrapper.gravity-theme .ginput_container_time {
	flex-basis: min-content;
	max-width: 64px;
	min-width: 64px;
}

.gform_wrapper.gravity-theme .ginput_container_time input {
	margin-left: 0;
	margin-right: 0;
	min-width: 100%;
}

.gform_wrapper.gravity-theme .gfield_time_minute {
	position: relative;
}

.gform_wrapper.gravity-theme .hour_minute_colon {
	line-height: 2;
	padding: 0 8px;
}

.gform_wrapper.gravity-theme .field_sublabel_above .hour_minute_colon {
	align-self: flex-end;
}

.gform_wrapper.gravity-theme .gfield_time_ampm {
	align-items: flex-end;
	display: flex;
	margin-left: 16px;
}

.gform_wrapper.gravity-theme .gfield_time_ampm.below, .gform_wrapper.gravity-theme .hour_minute_colon.below {
	align-items: flex-start;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield_time_ampm {
	margin-left: 16px;
	margin-right: 0;
}

html[dir=rtl] .gform_wrapper.gravity-theme .gfield--type-time .gform-grid-row {
	flex-direction: row-reverse;
	justify-content: flex-end;
}
/*# sourceMappingURL=style.css.map */

/*! 
Theme Name: TodayAir
Author: 1p21

--------------

for future friendly editing and to avoid possibility of change overrides, DO:
- For smaller and or quick fixes, put css changes in post-live.css 
OR
- For complex and or elaborate rebuilds/ Site build, modify sass files locally with a compiler and output as the style.css
*/

/* ================================================================================
* Resets.css
================================================================================ */

/***
    The new CSS reset - version 1.8.3 (last updated 21.1.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html,
iframe, canvas,
img, svg, video, audio,
input, textarea, select, button,
table, caption, tbody, tfoot, thead, tr, th, td):not(svg *, symbol *)) {
	all: unset;
	display: revert;
}

/* Reset form elements while keeping essential ui styles */
:where(input, textarea, select, option, button, optgroup) {
	all: revert;
	margin: unset;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}

/* resets table styles nicely so html attribute features are still preserved */
:where(table, caption, tbody, tfoot, thead, tr, th, td) {
	margin: unset;
	padding: unset;
	border: unset;
	background: unset;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
	cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
	list-style: none;
}

/* For images to not be able to exceed their container */
img {
	max-inline-size: 100%;
	max-block-size: 100%;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
	-webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
	white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
	-webkit-appearance: revert;
	-moz-appearance: revert;
	appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
	all: revert;
}

/* reset default text opacity of input placeholder */
::-moz-placeholder {
	color: unset;
}

::placeholder {
	color: unset;
}

/* remove default dot (•) sign */
::marker {
	content: initial;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
	display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
	-moz-user-modify: read-write;
	-webkit-user-modify: read-write;
	overflow-wrap: break-word;
	-webkit-line-break: after-white-space;
	-webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
	-webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
	all: revert;
}

/* Preferred box-sizing value */
*, *::before, *::after {
	box-sizing: border-box;
}

/* ================================================================================
* Native Custom CSS Properties
================================================================================ */
:root {
	--ilawyer-cubic-bezier: cubic-bezier(.17, .66, .34, .98);
	--ilawyer-transform-duration: 1100ms;
	--ilawyer-opacity-duration: 350ms;
}

/* css vars because internet explorer can no longer hold us back <3 */
:root {
	/* Core Vars DO NOT EDIT. */
	
	/* Design Reference - Breakpoints This will be used by javascript to track media queries on stuff like sliders */
	--br-xxs: 22.4375rem;
	--br-xs: 47.9375rem;
	--br-sm: 74.9375rem;
	--br-md: 87.4375rem;
	--br-lg: 119.9375rem;
	--br-xl: 179.9375rem;
	--br-xxl: 239rem;
	/* Design Reference: Comps/Design Sizes based on given XD Files' artboards */
	--comp: 22.5rem;
	/* unit in case for padding to push to negative margins (ie overlaps). Best to keep as tiny as possible */
	--overlap-buffer: 1px;
	/* Styleguide - Fonts */
	--font-primary: Geist, Primary Fallback, Arial;
	--font-secondary: Rubik, Secondary Fallback, Arial;
	--font-accent: var(--font-primary);
	--font-monospace: monospace;
	/* Styleguide - colors */
	--color-dark: #2b2d2f;
	--color-dark-alt: #3a3c3e;
	--color-light: #fff;
	--color-light-alt: #f9f9f9;
	--color-primary: #f0c75e;
	--color-primary-alt: #c68900;
	--color-primary-gradient-start: var(--color-primary);
	--color-primary-gradient-end: var(--color-primary-alt);
	--color-secondary: #2f81d9;
	--color-secondary-alt: #0f69c9;
	--color-secondary-gradient-start: var(--color-secondary);
	--color-secondary-gradient-end: var(--color-secondary-alt);
	--color-accent: #d4960a;
	--color-accent-alt: var(--color-accent);
	--color-accent-gradient-start: var(--color-accent);
	--color-accent-gradient-end: var(--color-accent-alt);
	--color-neutral: #d0d0d0;
	--color-neutral-light: #ededed;
	--color-neutral-lighter: rgba(177, 200, 224, .15);
	--color-neutral-lightest: rgba(255, 255, 255, .6);
	--color-neutral-dark: #4c4f52;
	--color-neutral-darker: rgba(43, 45, 47, .93);
	--color-neutral-darkest: #050505;
	--color-success: #0c0;
	--color-caution: #c60;
	--color-error: #c00;
}

@media only screen and (min-width: 48rem) {
	:root {
		/* Core Vars DO NOT EDIT. */
		--comp: 48rem;
	}
}

@media only screen and (min-width: 75rem) {
	:root {
		/* Core Vars DO NOT EDIT. */
		--comp: 75rem;
	}
}

@media only screen and (min-width: 87.5rem) {
	:root {
		/* Core Vars DO NOT EDIT. */
		--comp: 87.5rem;
	}
}

@media only screen and (min-width: 120rem) {
	:root {
		/* Core Vars DO NOT EDIT. */
		--comp: 120rem;
	}
}

/* ================================================================================
* Global Styles/Normalize:
* Custom reset and global styles for the site html tags
================================================================================ */

/* Custom scaffolding and normalizing styles
--------------------------------------------------------------- */
html, body {
	/* prevent document from shrinking to window sizes that are too small */
	min-inline-size: 20rem;
	/* cascade global font family, color, and to reduce appearance of broken styles */
	font-family: var(--font-primary);
	font-weight: 400;
	color: var(--scheme-fg, var(--color-dark));
	/* make sure there are no edge case words that overflow the layout or make blocks too wide*/
	word-wrap: break-word;
	/* smoothen scroll */
	scroll-behavior: smooth;
	/* mobile viewport bug fix */
	min-block-size: 100 vb;
	min-block-size: -webkit-fill-available;
	/* accent color for form stuff */
	accent-color: var(--color-primary);
	/* trim text boxes. if font is designed with weird baseline to ascender space, this might help??? */
	text-box-trim: trim-both;
}

/* position sticky friendly way to cut off any horizontal scrolls but also allow y to still scroll. Apply only on html element or everything will jiggle for safari ios.
 + overflox fix for chrome's responsive inspector -_-
--------------------------------------------------------------- */
html {
	overflow-inline: hidden;
	overflow-block: scroll;
	container-name: document;
}

body {
	overflow-inline: clip;
	/* container support */
	container-name: document;
	container-type: inline-size;
	/* global background. webkit seems to slow down the page it when it's applied to the root element so isolate it to the body for now */
	background: var(--scheme-bg, var(--color-light));
}

/* Remove scrollbar ONLY on touch devices
--------------------------------------------------------------- */
@media (pointer: coarse) {
	html, body {
		scrollbar-width: none;
	}
	
	::-webkit-scrollbar {
		display: none;
	}
}

/* disable browser focus default styles: Note: customize focus styles as well for accessibility. recommended to set as the same styles as hovers on elements 
--------------------------------------------------------------- */
:focus {
	outline: none;
}

/* Critical sizing and fonts fixes
--------------------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
	/* fix animation flickering issues for webkit browsers */
	-webkit-backspace-visibility: hidden;
	/* box sizing */
	box-sizing: border-box;
	/* font fixes */
	-webkit-font-smoothing: antialiased;
	/* Firefox 25*/
	-moz-osx-font-smoothing: grayscale;
}

/* Transition page load so it looks smoother (beta)
--------------------------------------------------------------- */
@view-transition {
	navigation: auto;
}

::view-transition-old(root), ::view-transition-new(root) {
	animation-duration: 380ms;
	animation-timing-function: ease;
}

::view-transition-old(root) {
	animation-name: onep21-template-out;
}

::view-transition-new(root) {
	animation-name: onep21-template-in;
}

@keyframes onep21-template-out {
	to {
		opacity: 0;
	}
}

@keyframes onep21-template-in {
	from {
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root), ::view-transition-new(root) {
		animation: none;
	}
}

/* Form control resets. Note: will not entirely prettify Gravity forms styles for the design... yet. To view the rest of the form control scaffoldings, including gravity forms' go to vendor/_gforms styles
--------------------------------------------------------------- */
input:not(:is([type=checkbox], [type=radio])), textarea, select, button {
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	resize: none;
	display: block;
	font: inherit;
	color: inherit;
	margin: 0;
}

input:is([type=checkbox], [type=radio]) {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	/* placeholder stuff. adjust as needed */
	color: inherit;
	opacity: .5;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
	/* placeholder stuff. adjust as needed */
	color: inherit;
	opacity: .5;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
	/* placeholder stuff. adjust as needed */
	color: inherit;
	opacity: .5;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

input:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	/* placeholder stuff. adjust as needed */
	opacity: .2;
}

input:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	/* placeholder stuff. adjust as needed */
	opacity: .2;
}

input:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
	/* placeholder stuff. adjust as needed */
	opacity: .2;
}

:is(a, button):hover {
	cursor: pointer;
}

button {
	border: none;
}

/* Remove default ugly blue links. NOTE: Make sure to style a tags appropiately for accessibility while maintianing styleguide
--------------------------------------------------------------- */
:where(a) {
	-webkit-text-decoration: revert;
	text-decoration: revert;
	color: inherit;
}

/* Monospace elements
--------------------------------------------------------------- */
:where(pre, code, kbd, tt) {
	font-family: var(--font-monospace);
	background: rgba(0, 0, 0, .05);
}

:where(code, kbd, tt) {
	padding: .125em;
}

:where(pre) {
	padding: 1em;
	max-inline-size: 100%;
	line-height: 1;
	overflow: auto;
}

:where(pre) * {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Other critical element styles
--------------------------------------------------------------- */
:where(strong, b) {
	font-family: inherit;
	font-weight: bolder;
}

:where(em, cite, i, var) {
	font-family: inherit;
	font-style: italic;
}

:where(u) {
	text-decoration: underline;
}

:where(var) {
	font-family: var(--font-secondary);
}

:where(sup, sub, small) {
	font-size: .75em;
}

:where(sup) {
	vertical-align: top;
}

:where(sub) {
	vertical-align: bottom;
}

:where(hr) {
	outline: 0;
	border: 0;
	display: block;
}

/* Images
* Note: best practice to let images only expand within available space 
--------------------------------------------------------------- */
:where(img, svg) {
	max-inline-size: 100%;
}

:where(img) {
	block-size: auto;
}

/* Embeds
* Note: best practice to let images only expand within available space 
--------------------------------------------------------------- */
:where(video, audio, iframe, object, embed) {
	max-inline-size: 100%;
}

/* Other custom global scaffolding here....
--------------------------------------------------------------- */

/* Normalize template main and asides' vertical padding. adjust as needed then customize in certain template styles.
You can use classes for other elements that need to share the same padding as well
--------------------------------------------------------------- */
:is(main, .main, aside, .aside) {
	padding-block: 65px;
}

@media only screen and (min-width: 48rem) {
	:is(main, .main, aside, .aside) {
		padding-block: 95px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(main, .main, aside, .aside) {
		padding-block: 115px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(main, .main, aside, .aside) {
		padding-block: 145px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(main, .main, aside, .aside) {
		padding-block: 175px;
	}
}

.banner-no-background-image :is(main, .main, aside, .aside) {
	padding-block-start: 0rem;
}

/* ...Or separate normalize template main and asides' vertical padding.
--------------------------------------------------------------- */

/* Catch fancy/weird/whatever positioned elements into custom templates' content area only + prevent clipping issues
--------------------------------------------------------------- */
.template-wrapper {
	position: relative;
	background: linear-gradient(to bottom, var(--color-neutral-light), var(--color-light));
}

/* Other scaffolding styles you might need. NOTE: these will apply globaly. use body classes as needed. refer to functions/function-body-class
--------------------------------------------------------------- */

/* global templating classes .section
--------------------------------------------------------------- */
main:has(> :is(.section, section):is(.section-style-margined, .section-style-padded)) {
	padding-block: 0;
}

:where(.section, section):where(.section-style-padded) {
	padding-block: 65px;
}

:where(.section, section):where(.section-style-margined) {
	margin-block: 3.75rem;
}

@media only screen and (min-width: 48rem) {
	:where(.section, section):where(.section-style-padded) {
		padding-block: 4.5rem;
	}
	
	:where(.section, section):where(.section-style-margined) {
		margin-block: 4.5rem;
	}
}

/* global per section scaffolding - useful when design is consistent per sections
--------------------------------------------------------------- */
.section-block:where(.section-content):where(:has(.columns), .columns) {
	grid-column: 1/-1;
}

.section-block:where(.section-content):is(.columns) {
	justify-content: center;
	justify-items: center;
	max-inline-size: -moz-max-content;
	max-inline-size: max-content;
	justify-self: center;
}

.section-block:where(.section-content):is(.columns) > .content:only-child {
	grid-column: 1/-1;
}

.section-block:where(.section-content):not(:has(.columns), .columns) > :is(.content:only-child) {
	inline-size: 62.5rem;
	justify-self: center;
}

@media only screen and (min-width: 75rem) {
	.section-block:where(.section-content):is(.columns) {
		--columns-number: 2;
		--columns-gap-x: 3rem;
	}
}

@media only screen and (min-width: 75rem) and (max-height: 800px) {
	:where(.section-block):is(.section-image):is(.section-image-can-sticky) {
		align-self: stretch;
	}
	
	:where(.section-block):is(.section-image):is(.section-image-can-sticky) .section-image-sticky {
		position: sticky;
	}
	
	:where(.section-block):is(.section-image):is(.section-image-can-sticky) .section-image-picture {
		display: block;
		overflow: clip;
	}
	
	:where(.section-block):is(.section-image):is(.section-image-can-sticky) .section-image-img {
		-o-object-fit: cover;
		object-fit: cover;
		block-size: 100%;
		inline-size: 100%;
	}
}

/* ================================================================================
* Vendor Overrides ( CSS Library/ Plugin related stuff. EG: animated,slick,gravity forms etc. )
================================================================================ */

/* Vendor - Gravity Forms
--------------------------------------------------------------- */

/* Reset, skeletons, and normalize for gravity forms and form control elements. No need to edit.
--------------------------------------------------------------- */
.gform_wrapper.gravity-theme {}

.gform_wrapper.gravity-theme .gfield :is(:is(input, select).large,
textarea) {
	inline-size: 100%;
}

:is(input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]), :is(.gform_wrapper, .gfield_required) .gfield_required, .gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, .gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme :is(.gfield, .field_description_above) :is(.description,
.gfield_description,
.gsection_description,
.instruction), .gform_wrapper.gravity-theme :is(.gfield_validation_message,
.validation_message) {
	font: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	overflow: unset;
	block-size: auto;
	max-block-size: none;
	border: 0;
}

.gfield:is(.gfield-custom-box-label-inset, .gfield-custom-box-label-adjacent) .gfield_label, :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]) {
	line-height: var(--field-line-height, inherit);
	border-radius: var(--field-border-radius, 0);
	color: var(--color-dark);
	padding-inline: calc(var(--field-padding-x, 1em) - var(--field-border-width, 1px));
	padding-block: calc(var(--field-padding-y, 1em) - var(--field-border-width, 1px));
	background: none;
	background-size: calc(100% + var(--field-border-width, 1px) * 2) calc(100% + var(--field-border-width, 1px) * 2);
	background-position: calc(var(--field-border-width, 1px) * -1) calc(var(--field-border-width, 1px) * -1);
	max-inline-size: 100%;
}

.gfield:is(.gfield-custom-box-label-adjacent) .gfield_label, :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]) {
	border-width: var(--field-border-width, 1px);
	border-style: solid;
	min-block-size: 0;
}

.gfield:is(.gfield-custom-box-label-adjacent):is(.focus) .gfield_label, :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]):focus {
	border-width: var(--field-border-width, 2px);
}

.gfield:is(.gfield-custom-box-label-inset) .gfield_label, :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]) {
	background-color: var(--color-light-alt);
	color: var(--color-dark);
}

.gform_wrapper.gravity-theme :is(.gfield_validation_message, .validation_message) {
	/* reset validation messages enough to make matching design more bearable */
	background: none;
	border: 0;
}

.gform_wrapper.gravity-theme .gfield :is(.description, .gfield_description, .gsection_description, .instruction) {
	margin-block-start: .5em;
}

.gform_wrapper.gravity-theme .field_description_above :is(.description, .gfield_description, .gsection_description, .instruction) {
	margin-block-start: 0;
	margin-block-end: .5em;
}

/*  .ginput_ scaffolding. No need to edit 
--------------------------------------------------------------- */
.gform_wrapper.gravity-theme .ginput {}

.gform_wrapper.gravity-theme .ginput_container_time {
	min-inline-size: calc(var(--field-padding-x) * 2 + 5ch);
	max-inline-size: calc(var(--field-padding-x) * 2 + 5ch);
}

:is(.field_sublabel_below) .gform_wrapper.gravity-theme .ginput_complex {
	align-items: center;
}

.gform_wrapper.gravity-theme .ginput_container_date input {
	inline-size: 100%;
}

/*  .gfield_ scaffolding. No need to edit
--------------------------------------------------------------- */
.gfield.gfield_error :is(label, legend), .gfield_validation_message, .gfield .validation_message, .gfield [aria-invalid=true] + label, .gfield .gform_wrapper label + [aria-invalid=true] {
	color: var(--field-error-color) !important;
}

.gfield:is(.gfield-custom-box-label-adjacent):is(.gfield_error) .gfield_label, :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea):is([aria-invalid=true]) {
	border-color: var(--field-error-color) !important;
}

.gfield .gchoice {
	margin: 0 0 .5em;
}

.gform_wrapper.gravity-theme .gfield :is(.gfield_radio, .gfield_checkbox) label {
	font: unset;
	line-height: unset;
}

/* gfield customize colors
--------------------------------------------------------------- */

/* Form Customizations: Custom gravity forms and form control elements. Adjust as needed.
--------------------------------------------------------------- */

/* Variables. Will put in the form so non-gravity forms form control elements can utilize too */
:is(form, .gfield) {
	/* height of form field. designers will prefer to design form fields based on their height. this is to better support the wonders they create while being able to use padding to support multi-line/ edge case form fields */
	--field-border-width: 1px;
	/* duh */
	--field-border-radius: 4px;
	/* horizontal padding for the form field */
	--field-padding-x: 1em;
	/* color for required indicators */
	--field-padding-y: 15px;
	/* color for required indicators */
	--field-required-color: var(--color-secondary);
	/* color for errors */
	--field-error-color: var(--color-secondary);
	/* Note: this value has to be unitless for calc values to work.
  	* modify this value if the font seems a little too high or low in vertical alignment. 1 moves the text to the very top. 0 moves the text to the very bottom. 0.5 will center it based on the fonts' basline alignment */
	--field-line-height: 1.125;
	font-size: 1rem;
	font-family: var(--font-primary);
	color: inherit;
	letter-spacing: 0em;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
	text-align: initial;
	text-decoration: none;
}

:is(form, .gfield) select:has(option.gf_placeholder:checked) {
	color: var(--color-neutral) !important;
}

:is(form, .gfield):is(.gfield-custom-box-label-adjacent) .gfield_label, :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea) {
	border-color: var(--color-neutral);
}

:is(form, .gfield):is(.focus, .gfield_error), :is(form, .gfield):is(.gfield-custom-box-label-adjacent):is(.gfield_error) .gfield_label, :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea):is([aria-invalid=true], :focus) {
	--field-border-width: 2px;
}

:is(form, .gfield):is(.focus):is(.gfield-custom-box-label-adjacent):is(.focus) .gfield_label, :is(form, .gfield):is(.focus) :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]):is(:focus) {
	border-color: var(--color-primary);
}

/*  .gfield - multiline
--------------------------------------------------------------- */
.gform_wrapper.gravity-theme .gfield:is(.gfield--type-textarea, .gfield--type-multiselect) :is(textarea, select) {}

.gform_wrapper.gravity-theme .gfield:is(.gfield--type-textarea, .gfield--type-multiselect) :is(textarea, select).large {
	block-size: 72px;
}

.gform_wrapper.gravity-theme .gfield:is(.gfield--type-textarea, .gfield--type-multiselect) :is(textarea, select).medium {
	block-size: 7rem;
}

.gform_wrapper.gravity-theme .gfield:is(.gfield--type-textarea, .gfield--type-multiselect) :is(textarea, select).small {
	block-size: 6rem;
}

/*  .gfield - label
--------------------------------------------------------------- */
.gform_wrapper.gravity-theme .gfield_label {
	/* If styles are getting overriden by default gforms styles, prepend `.gform_wrapper.gravity-theme` on field selectors -_- */
	
	/* customize type for .gfield and scaffolding for descending elements */
	
	/* custom font styles for gfield_label */
	font-size: 17px;
	line-height: var(--field-line-height, inherit);
	font-weight: 500;
	margin-block-end: 10px;
}

/*  .gform_ overrides. Adjust as needed
--------------------------------------------------------------- */
.gform_wrapper.gravity-theme .gform {}

.gform_wrapper.gravity-theme .gform_fields {
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	row-gap: 20px;
}

/* .gfield_required / .required-glyph Required Indicator
--------------------------------------------------------------- */
.required-glyph, .gfield-custom-label-indicator.ginput_container::after, .gform_wrapper.gravity-theme .gfield_required {
	/* adjust required styles  */
	font-size: 1em;
	line-height: var(--field-line-height, inherit);
	color: var(--field-required-color);
	font-style: normal;
	font-weight: 500;
	align-self: center;
	padding: 0;
	order: 99;
}

/* custom helpers - Required Message
--------------------------------------------------------------- */
.required-message {
	font-size: 17px;
	color: inherit;
	font-weight: 500;
}

/* custom helpers - Disclaimer Message
--------------------------------------------------------------- */
.disclaimer-message {
	font-size: 1rem;
}

/* Theme Options custom helpers - label required indicator
--------------------------------------------------------------- */

/* required and custom label indicator */
.gfield-custom-label-indicator:is(.ginput_container::before,
.ginput_container::after,
.gfield_label::after,
.gfield_label > .gfield_required) {
	display: block;
	pointer-events: none;
}

.ginput_container {
	position: relative;
}

.ginput_container::before, .ginput_container::after {
	position: absolute;
	inset-inline-end: var(--field-padding-x);
	inset-block-start: calc(( var(--field-height) - 1em * var(--field-line-height) ) * .5);
	z-index: 3;
	pointer-events: none;
}

.gfield_label > .gfield_required, .gfield_label::after {
	margin-inline-start: .25em;
}

.gfield_contains_required .gfield-custom-label-indicator[data-required-glyph] {}

.gfield_contains_required .gfield-custom-label-indicator[data-required-glyph]::before {
	inset-inline-end: calc(var(--field-padding-x) + 3em);
}

.gfield_contains_required .gfield-custom-label-indicator[data-required-glyph] {}

.gfield_contains_required .gfield-custom-label-indicator[data-required-glyph]::after {
	content: attr(data-required-glyph);
}

.gfield-custom-label-indicator.ginput_container::before {
	color: var(--color-dark-alt);
}

.gfield-custom-label-indicator.ginput_container::after, .gfield-custom-label-indicator.gfield_label > .gfield_required {
	color: var(--field-required-color);
}

.gfield-custom-no-label-indicator.gfield_label > .gfield_required {
	display: none;
}

/* related indicators. Make sure required indicator does not conflict
--------------------------------------------------------------- */
.gfield--type-select select {
	padding-inline-end: calc(var(--field-padding-x) + 1em);
}

/* single line select indicator
--------------------------------------------------------------- */
.gfield--type-select .ginput_container::before {
	position: absolute;
	right: 35px;
	display: inline-block;
	order: 9;
	align-self: center;
	margin-block: auto;
	margin-inline: 0 -1rem;
	transform-origin: center center;
	flex: 0 0 auto;
	content: "";
	font-size: .625rem;
	transform-origin: 67% 67%;
	width: 1em;
	height: 1em;
	border: 2px solid var(--color-dark);
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
	inset-block: 0;
}

/* phone indicator
--------------------------------------------------------------- */
.gfield--type-phone.gfield-custom-box-label-inset .gfield_label::after {
	content: "(___) ___-____";
	position: static;
}

/* Theme Options custom helpers - ilawyer custom styles
--------------------------------------------------------------- */

/* custom styles skeletons. No need to edit */
.gform_wrapper.gravity-theme .gfield.gfield-custom-box {
	/* If styles are getting overriden by default gforms styles, prepend `.gform_wrapper.gravity-theme` on field selectors -_- */
	position: relative;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box .gfield_label {
	align-self: start;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-inset {}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-inset .gfield_label {
	position: absolute;
	inset-block-start: var(--field-border-width);
	inset-inline: var(--field-border-width);
	z-index: 1;
	margin-block-end: 0;
	pointer-events: none;
	/* Take care of edge case overflowing labels */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-inline-size: calc(100% - var(--field-border-width) * 2);
	padding-inline-end: calc(var(--field-padding-x) * 2 - var(--field-border-width));
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-inset:is(.active, .focus, :focus-within) .gfield_label {
	opacity: 0;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-inset :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]):not(:focus)::-webkit-input-placeholder {
	/* fix multiline placeholders from peeking behind the label */
	color: transparent;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-inset :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]):not(:focus)::-moz-placeholder {
	/* fix multiline placeholders from peeking behind the label */
	color: transparent;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-inset :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
[aria-invalid=true]):not(:focus)::-ms-input-placeholder {
	/* fix multiline placeholders from peeking behind the label */
	color: transparent;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent {
	/* set label beside input field. not to be confused with left align labels settingf for forms. this is our custom stuff and it's prettier than how gravity forms does it.  */
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: max-content;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent .gfield_label, .gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent .ginput_container {
	/* grid/flex fix */
	min-inline-size: 0;
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent .gfield_label {
	margin-block-end: 0;
	background-color: var(--color-light-alt);
}

.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent *:not(.gfield_label):not(.ginput_container) {
	grid-column: 1/-1;
}

@media only screen and (min-width: 48rem) {
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:is(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) :is(.gfield_label, .ginput_container) {
		grid-column: 1/-1;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:is(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) .gfield_label {
		border-end-start-radius: 0;
		border-end-end-radius: 0;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:is(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) .ginput_container {
		grid-column: 2;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:is(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  select,
  textarea) {
		border-start-start-radius: 0;
		border-start-end-radius: 0;
		border-block-start: 0;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:not(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) :is(.gfield_label, .ginput_container) {
		grid-row: 1;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:not(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) .gfield_label {
		grid-column: 1;
		max-inline-size: -moz-max-content;
		max-inline-size: max-content;
		border-start-end-radius: 0;
		border-end-end-radius: 0;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:not(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) .ginput_container {
		grid-column: 2;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent:not(.gfield--type-textarea,
  .gfield--type-multiselect,
  .gfield--type-post_title,
  .gfield--type-post_content,
  .gfield--type-post_excerpt) :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  select,
  textarea) {
		border-start-start-radius: 0;
		border-end-start-radius: 0;
		border-inline-start: 0;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent :is(.gfield_label, .ginput_container) {
		grid-column: 1/-1;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent .gfield_label {
		border-end-start-radius: 0;
		border-end-end-radius: 0;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent .ginput_container {
		grid-column: 2;
	}
	
	.gform_wrapper.gravity-theme .gfield.gfield-custom-box.gfield-custom-box-label-adjacent :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  select,
  textarea,
  [aria-invalid=true]) {
		border-start-start-radius: 0;
		border-start-end-radius: 0;
		border-block-start: 0;
	}
}

/* Inline Choice Form controls
--------------------------------------------------------------- */
.gfield.gfield-custom-inline-choices :is(.gfield_radio) {
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
}

.gfield.gfield-custom-inline-choices :is(.gchoice) {
	display: inline-flex;
	gap: 1ch;
}

.gfield.gfield-custom-inline-choices :is(.gfield-choice-input + label) {
	flex: 0 0 auto;
	max-inline-size: none;
}

/* Hidden Gravity Forms Stuff
--------------------------------------------------------------- */
.gform_hidden, .gform_validation_container, .gform_validation_errors, .gform_ajax_spinner, .gform_required_legend {
	/* must hide elements */
	display: none !important;
}

/* custom styles by type
--------------------------------------------------------------- */
.gfield--type-captcha {
	justify-self: center;
}

/* Vendor - Swiper
--------------------------------------------------------------- */

/* Swiper Customizations
Variable docs: https://oxygen4fun.supadezign.com/tips/swiperjs-tips-and-good-practice/#customcss
--------------------------------------------------------------- */
:root {
	--swiper-theme-color: var(--scheme-sp, var(--color-primary-alt));
	--swiper-navigation-sides-offset: 0px;
	--swiper-pagination-bottom: 2.5rem;
	--swiper-pagination-top: auto;
	--swiper-pagination-right: 1rem;
	--swiper-pagination-left: auto;
	--swiper-pagination-bullet-size: .45rem;
	--swiper-pagination-bullet-width: var(--swiper-pagination-bullet-size);
	--swiper-pagination-bullet-height: var(--swiper-pagination-bullet-size);
	--swiper-pagination-bullet-border-radius: 9999em;
	--swiper-pagination-bullet-horizontal-gap: calc(var(--swiper-pagination-bullet-size) * 1.25);
	--swiper-pagination-bullet-vertical-gap: var(--swiper-pagination-bullet-size);
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-inactive-color: var(--color-neutral);
	--swiper-pagination-progressbar-size: var(--swiper-pagination-bullet-size);
	--swiper-pagination-progressbar-bg-color: var(--color-neutral-lighter);
	--swiper-scrollbar-border-radius: calc(var(--swiper-pagination-bullet-size) * .5);
	--swiper-scrollbar-bg-color: var(--swiper-pagination-progressbar-bg-color);
	--swiper-scrollbar-drag-bg-color: var(--color-neutral);
	--swiper-scrollbar-size: 2px;
	--swiper-scrollbar-sides-offset: 1rem;
	--swiper-scrollbar-bottom: 1.5rem;
	--swiper-scrollbar-top: auto;
}

:where(.content-palette-dark) {
	--swiper-theme-color: var(--scheme-fg, var(--color-primary-alt));
}

/* Swiper Enhancements
--------------------------------------------------------------- */
.swiper {
	opacity: 0;
}

.swiper.swiper-initialized {
	opacity: 1;
}

.swiper {
	padding-inline: var(--swiper-custom-arrow-offset-x, min(var(--container-fallback), var(--container-gutter)));
	margin-inline: calc(var(--swiper-custom-arrow-offset-x-negate, var(--swiper-custom-arrow-offset-x, min(var(--container-fallback), var(--container-gutter)))) * -1);
}

.swiper:has(.swiper-button-prev.swiper-button-disabled):has(.swiper-button-next.swiper-button-disabled):is(.swiper-button-prev,
.swiper-button-next).swiper-button-disabled {
	display: none;
}

:is(:where(.swiper-horizontal) > .swiper-pagination-bullets, .swiper-pagination-bullets:where(.swiper-pagination-horizontal), .swiper-pagination-custom, .swiper-pagination-fraction):not(.swiper-pagination-lock) {
	inset-block-end: var(--swiper-pagination-bottom);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--swiper-pagination-bullet-horizontal-gap);
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

.swiper-button-next, .swiper-button-prev {
	/* customize swiper buttons to utilize theme's styles for the button */
	--button-baseline-offset: .5 !important;
	--swiper-navigation-size: var(--button-height);
	z-index: 1;
	inline-size: auto;
}

.swiper-button-next::before, .swiper-button-next::after, .swiper-button-prev::before, .swiper-button-prev::after {
	content: none;
}

.swiper-scrollbar-drag {
	block-size: calc(var(--swiper-scrollbar-size) * 2);
	inset-block: -50%;
	margin-block: auto;
}

/* Swiper Custom Helpers
--------------------------------------------------------------- */
.swiper-custom-scrollbar-static .swiper-scrollbar {
	position: static;
	margin-block-start: var(--swiper-scrollbar-bottom);
	margin-block-end: var(--swiper-scrollbar-size);
	margin-inline: auto;
	margin-inline-start: var(--swiper-scrollbar-sides-offset, 1%);
}

.swiper-custom-pagination-static .swiper-pagination {
	position: static;
	margin-block-start: var(--swiper-pagination-bottom);
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.swiper-custom-pagination-static-sm .swiper-pagination {
		position: static;
		margin-block-start: var(--swiper-pagination-bottom);
	}
}

@media only screen and (max-width: 47.9375rem) {
	.swiper-custom-pagination-static-xs .swiper-pagination {
		position: static;
		margin-block-start: var(--swiper-pagination-bottom);
	}
}

.swiper-custom-buttons-static .swiper-wrapper {
	block-size: auto;
}

.swiper-custom-buttons-static .swiper-custom-buttons {
	display: flex;
	justify-content: center;
	gap: .75rem;
}

.swiper-custom-buttons-static .swiper-custom-buttons .swiper-button-prev, .swiper-custom-buttons-static .swiper-custom-buttons .swiper-button-next {
	margin-inline: 0;
}

.swiper-custom-buttons-static .swiper-button-next, .swiper-custom-buttons-static .swiper-button-prev {
	position: static;
	transform: none;
	margin: 0;
}

.swiper-custom-buttons-static .swiper-button-next ~ .swiper-pagination, .swiper-custom-buttons-static .swiper-button-prev ~ .swiper-pagination {
	display: inline-flex;
	inline-size: auto;
}

.swiper-custom-buttons-static .swiper-button-prev {
	margin-inline-end: .375rem;
}

.swiper-custom-buttons-static .swiper-button-next {
	margin-inline-start: .375rem;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.swiper-custom-buttons-static-sm .swiper-wrapper {
		block-size: auto;
	}
	
	.swiper-custom-buttons-static-sm .swiper-custom-buttons {
		display: flex;
		justify-content: center;
		gap: .75rem;
	}
	
	.swiper-custom-buttons-static-sm .swiper-custom-buttons .swiper-button-prev, .swiper-custom-buttons-static-sm .swiper-custom-buttons .swiper-button-next {
		margin-inline: 0;
	}
	
	.swiper-custom-buttons-static-sm .swiper-button-next, .swiper-custom-buttons-static-sm .swiper-button-prev {
		position: static;
		transform: none;
		margin: 0;
	}
	
	.swiper-custom-buttons-static-sm .swiper-button-next ~ .swiper-pagination, .swiper-custom-buttons-static-sm .swiper-button-prev ~ .swiper-pagination {
		display: inline-flex;
		inline-size: auto;
	}
	
	.swiper-custom-buttons-static-sm .swiper-button-prev {
		margin-inline-end: .375rem;
	}
	
	.swiper-custom-buttons-static-sm .swiper-button-next {
		margin-inline-start: .375rem;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.swiper-custom-buttons-static-xs .swiper-wrapper {
		block-size: auto;
	}
	
	.swiper-custom-buttons-static-xs .swiper-custom-buttons {
		display: flex;
		justify-content: center;
		gap: .75rem;
	}
	
	.swiper-custom-buttons-static-xs .swiper-custom-buttons .swiper-button-prev, .swiper-custom-buttons-static-xs .swiper-custom-buttons .swiper-button-next {
		margin-inline: 0;
	}
	
	.swiper-custom-buttons-static-xs .swiper-button-next, .swiper-custom-buttons-static-xs .swiper-button-prev {
		position: static;
		transform: none;
		margin: 0;
	}
	
	.swiper-custom-buttons-static-xs .swiper-button-next ~ .swiper-pagination, .swiper-custom-buttons-static-xs .swiper-button-prev ~ .swiper-pagination {
		display: inline-flex;
		inline-size: auto;
	}
	
	.swiper-custom-buttons-static-xs .swiper-button-prev {
		margin-inline-end: .375rem;
	}
	
	.swiper-custom-buttons-static-xs .swiper-button-next {
		margin-inline-start: .375rem;
	}
}

.swiper-custom-hide-slides:is(.swiper-initialized, :has(.swiper-initialized)) .swiper-slide:not(.swiper-slide-visible) {
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity .25s ease-in-out;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.swiper-custom-hide-slides-sm:is(.swiper-initialized, :has(.swiper-initialized)) .swiper-slide:not(.swiper-slide-visible) {
		opacity: 0 !important;
		pointer-events: none !important;
		transition: opacity .25s ease-in-out;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.swiper-custom-hide-slides-xs:is(.swiper-initialized, :has(.swiper-initialized)) .swiper-slide:not(.swiper-slide-visible) {
		opacity: 0 !important;
		pointer-events: none !important;
		transition: opacity .25s ease-in-out;
	}
}

.swiper-custom-ticker {
	--swiper-wrapper-transition-timing-function: linear;
}

@media only screen and (min-width: 75rem) {
	.swiper-custom-stagger :where(.swiper-slide > :only-child) {
		transition-duration: .1s;
		transition-property: transform, opacity;
		opacity: 0;
		transform: translateX(50px);
	}
	
	.swiper-custom-stagger.visible :where(.swiper-slide > :only-child) {
		transition-duration: 1s;
		transition-delay: calc(1s + .25s * var(--swiper-custom-slide-i, 0));
		opacity: 1;
		transform: translateX(0px);
	}
}

.swiper-custom-remove-background .swiper-slide {
	mix-blend-mode: multiply;
}

.swiper-custom-equal-heights .swiper-slide {
	block-size: auto;
	align-self: stretch;
	display: flex;
	flex-direction: column;
}

.swiper-custom-equal-heights .swiper-slide > :where(:only-child) {
	flex: 1 1;
}

@media only screen and (min-width: 75rem) {
	.swiper-custom-equal-heights-nontouch .swiper-wrapper {
		height: 100% !important;
	}
	
	.swiper-custom-equal-heights-nontouch .swiper-slide {
		block-size: auto;
		align-self: stretch;
		display: flex;
		flex-direction: column;
	}
	
	.swiper-custom-equal-heights-nontouch .swiper-slide > :where(:only-child) {
		flex: 1 1;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.swiper-custom-equal-heights-touch .swiper-wrapper {
		height: 100% !important;
	}
	
	.swiper-custom-equal-heights-touch .swiper-slide {
		block-size: auto;
		align-self: stretch;
		display: flex;
		flex-direction: column;
	}
	
	.swiper-custom-equal-heights-touch .swiper-slide > :where(:only-child) {
		flex: 1 1;
	}
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.swiper-custom-equal-heights-sm .swiper-wrapper {
		height: 100% !important;
	}
	
	.swiper-custom-equal-heights-sm .swiper-slide {
		block-size: auto;
		align-self: stretch;
		display: flex;
		flex-direction: column;
	}
	
	.swiper-custom-equal-heights-sm .swiper-slide > :where(:only-child) {
		flex: 1 1;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.swiper-custom-equal-heights-xs .swiper-wrapper {
		height: 100% !important;
	}
	
	.swiper-custom-equal-heights-xs .swiper-slide-slide {
		block-size: auto;
		align-self: stretch;
		display: flex;
		flex-direction: column;
	}
	
	.swiper-custom-equal-heights-xs .swiper-slide-slide > :where(:only-child) {
		flex: 1 1;
	}
}

/* ================================================================================
* Content Styles
================================================================================ */

/* Schemes https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/schemes.md
--------------------------------------------------------------- */

/* H tag scaffolding
--------------------------------------------------------------- */
:where(*.h1, *.h2, *.h3, *.h4, *.h5, *.h6) {
	margin-block-end: var(--fancy-border-margin-y, 0);
}

:is(:where(*.h1, *.h2, *.h3, *.h4, *.h5, *.h6),
.content :where(h1, h2, h3, h4, h5, h6)) {
	clear: both;
}

:is(:where(*.h1, *.h2, *.h3, *.h4, *.h5, *.h6),
.content :where(h1, h2, h3, h4, h5, h6)) :where(a) {
	font: inherit;
}

:is(:where(*.h1, *.h2, *.h3, *.h4, *.h5, *.h6),
.content :where(h1, h2, h3, h4, h5, h6)) :where(a):not(:hover, :focus) {
	color: inherit;
	text-decoration: none;
}

/* H1 - can be reused by section titles, primary-heading etc.
--------------------------------------------------------------- */
:where(*.h1, :is(.content, .editor-styles-wrapper) :where(h1)) {
	font-size: 35px;
	line-height: 1;
	font-family: var(--font-secondary);
	color: var(--scheme-fg-contrast, var(--color-dark));
	letter-spacing: 0em;
	text-transform: none;
	font-style: normal;
	font-weight: 700;
}

:where(.content-palette-dark) :where(*.h1, :is(.content, .editor-styles-wrapper) :where(h1)) {
	color: var(--scheme-fg, inherit);
}

@media only screen and (min-width: 48rem) {
	:where(*.h1, :is(.content, .editor-styles-wrapper) :where(h1)) {
		font-size: 40px;
	}
}

@media only screen and (min-width: 75rem) {
	:where(*.h1, :is(.content, .editor-styles-wrapper) :where(h1)) {
		font-size: 45px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:where(*.h1, :is(.content, .editor-styles-wrapper) :where(h1)) {
		font-size: 50px;
	}
}

/* H2 - can be reused by certain titles
--------------------------------------------------------------- */
:where(*.h2, :is(.content, .editor-styles-wrapper) :where(h2)) {
	font-size: 24px;
	line-height: calc(1em + 3px);
	color: var(--scheme-sp, var(--color-primary-alt));
	letter-spacing: 0em;
	text-transform: none;
	font-style: normal;
	font-weight: 700;
}

:where(.content-palette-dark) :where(*.h2, :is(.content, .editor-styles-wrapper) :where(h2)) {
	color: var(--scheme-sp, var(--color-accent));
}

/* H3 - can be reused by certain titles
--------------------------------------------------------------- */
:where(*.h3, :is(.content, .editor-styles-wrapper) :where(h3)) {
	font-size: 18px;
	line-height: calc(1em + 6px);
	letter-spacing: 0em;
	text-transform: none;
	font-style: normal;
	font-weight: 700;
}

:where(.content-palette-dark) :where(*.h3, :is(.content, .editor-styles-wrapper) :where(h3)) {
	color: var(--scheme-sp, var(--color-accent));
}

/* H4s - if not in the styleguide, can be repurposed for other smaller headings present in the design. commonly case result types/titles, blog post meta, etc
--------------------------------------------------------------- */
:where(*.h4, :is(.content, .editor-styles-wrapper) :where(h4)) {
	font-size: 1rem;
	line-height: calc(1em + 8px);
	font-family: var(--font-accent);
	color: var(--scheme-fg, var(--color-secondary));
	letter-spacing: 0em;
	font-style: normal;
	font-weight: 700;
}

/* H5s - if not in the styleguide, can be repurposed for other smaller headings present in the design. commonly testimonial quote sources, contact info titles, etc
--------------------------------------------------------------- */
:where(*.h5, :is(.content, .editor-styles-wrapper) :where(h5)) {
	font-size: .875rem;
	line-height: calc(1em + 5px);
	font-family: var(--font-accent);
	color: var(--scheme-fg, inherit);
	letter-spacing: 0em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
}

/* H6s - if not in the styleguide, can be repurposed for other smaller headings present in the design. commonly contact info titles, etc
--------------------------------------------------------------- */
:where(*.h6, :is(.content, .editor-styles-wrapper) :where(h6)) {
	font-size: .8125rem;
	line-height: calc(1em + 5px);
	font-family: var(--font-accent);
	color: var(--scheme-fg, inherit);
	letter-spacing: 0em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
}

/* Blockquote -  can be reused in testimonial-highlights, long call to action sections, any general quote, etc.
--------------------------------------------------------------- */
:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)) {
	font-size: 26px;
	line-height: 40px;
	font-family: var(--font-secondary);
	text-transform: none;
	font-style: normal;
	font-weight: normal;
	margin-block: var(--fancy-border-margin-y, 0);
}

:where(.content-palette-dark) :where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)) {
	color: var(--scheme-sb-contrast, inherit);
}

:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)):is(.has-text-align-center,
.has-text-align-center *,
:has([style*="text-align: center"])) {
	border-inline-start: 0;
	padding-inline-start: 0;
	margin-inline: auto;
	text-align: center;
}

:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)):is(.has-text-align-left,
.has-text-align-left *,
:has([style*="text-align: left"])) {
	border-inline-start: 2px;
	padding-inline-start: 1em;
	text-align: left;
}

:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)):is(.has-text-align-right,
.has-text-align-right *,
:has([style*="text-align: right"])) {
	border-inline-start: 0;
	padding-inline-start: 0;
	text-align: right;
}

:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)) > p {
	font: inherit;
	color: inherit;
	margin-block: 0 .5em;
	padding: 0;
}

:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)) > p:is(:last-child, :has(+ cite)) {
	margin-block-end: 0;
}

@media only screen and (min-width: 48rem) {
	:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)) {
		font-size: 30px;
		line-height: 45px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	:where(*.blockquote, :is(.content, .editor-styles-wrapper) :where(blockquote)) {
		padding-inline: 0;
	}
}

/* Cite /  Blockquote Source - Optional
Note: Some designs may include a blockquote quote source. suprise, there's an html tag for that (:
can be reused in testimonial-source, any general quote source, etc.
--------------------------------------------------------------- */
:where(*.cite, :is(.content, .editor-styles-wrapper) :where(cite)) {
	font-size: 18px;
	line-height: calc(1em + 6px);
	font-family: var(--font-primary);
	text-transform: capitalize;
	font-style: normal;
	font-weight: 700;
	text-align: inherit;
	display: inline-block;
}

:where(.content-palette-dark) :where(*.cite, :is(.content, .editor-styles-wrapper) :where(cite)) {
	color: var(--scheme-sp, var(--color-accent));
}

/* Lead - Optional
Note: Some designs may include another style for a little bit fancier body text that may not be tagged as a normal html element like blockquote or h tag
Use this if it helps
--------------------------------------------------------------- */
*.lead {
	color: var(--scheme-fg, inherit);
}

:where(.content-palette-dark) *.lead {
	color: var(--scheme-sp-contrast, inherit);
}

/* Content - Anchor links
--------------------------------------------------------------- */
:where(:is(.content, .editor-styles-wrapper) :where(a)) {
	color: var(--scheme-sp, var(--color-primary-alt));
	text-decoration: none;
	transition: color .25s ease-in-out;
}

:where(:is(.content, .editor-styles-wrapper) :where(a)):where(:hover, :focus) {
	color: var(--scheme-sp, var(--color-secondary));
	text-decoration: none;
}

:where(.content-palette-dark) :where(:is(.content, .editor-styles-wrapper) :where(a)):not(:where(:hover, :focus)) {
	color: var(--scheme-sp, var(--color-accent));
	text-decoration: none;
}

:where(.content-palette-dark) :where(:is(.content, .editor-styles-wrapper) :where(a)):where(:hover, :focus) {
	color: var(--scheme-sp, inherit);
	text-decoration: underline;
}

/* The Content - Lists Scaffolding
--------------------------------------------------------------- */
:is(:is(.content, .editor-styles-wrapper) :where(ol, ul, dd)) :is(ol, ul, dd) {
	margin-block-end: 0;
}

:is(:is(.content, .editor-styles-wrapper) :where(ol, ul, dd)) {
	list-style-type: revert;
	padding-inline-start: 2ch;
}

/* The Content - List Items
--------------------------------------------------------------- */
:is(:is(.content, .editor-styles-wrapper) :where(li, dd, dt)) {
	list-style: inherit;
	position: relative;
}

/* The Content - List Items Bulleted
--------------------------------------------------------------- */
:is(:is(.content, .editor-styles-wrapper) :where(li))::marker {
	display: inline-block;
	font-size: 1em;
	color: var(--scheme-sp, var(--color-primary-alt));
}

:where(.content-palette-dark) :is(:is(.content, .editor-styles-wrapper) :where(li))::marker {
	color: var(--scheme-sp, var(--color-accent));
}

/* The Content - Unordered List
--------------------------------------------------------------- */
:is(:is(.content, .editor-styles-wrapper) :where(ul)) {
	list-style-type: disc;
}

/* The Content - Ordered List
--------------------------------------------------------------- */
:is(:is(.content, .editor-styles-wrapper) :where(ol)) {
	counter-reset: listItem;
}

:is(:is(.content, .editor-styles-wrapper) :where(ol)) > li {
	counter-increment: listItem;
}

/* The Content - Tables Skeletons. Do not edit
--------------------------------------------------------------- */
:where(:is(.content, .editor-styles-wrapper) table) {
	border-collapse: collapse;
	table-layout: fixed;
	-webkit-hyphens: auto;
	hyphens: auto;
	font: inherit;
	border-color: var(--table-border-color);
	border-width: var(--table-border-width-y) var(--table-border-width-x);
}

:where(:is(.content, .editor-styles-wrapper) :where(table, th, td)) {
	border-style: solid;
}

:where(:is(.content, .editor-styles-wrapper) :where(tr):first-child > :where(th, td)) {
	border-block-start-color: var(--table-border-color);
}

:where(:is(.content, .editor-styles-wrapper) :where(th, td)) {
	border-width: var(--table-border-width-y) var(--table-border-width-x) 0;
	border-color: var(--table-cell-border-color-y) var(--table-border-color);
	background-color: var(--table-cell-background);
}

:where(:is(.content, .editor-styles-wrapper) :where(th, td)) > *:last-child {
	margin-block-end: 0;
}

.table-wrapper {
	overflow-inline: auto;
	max-inline-size: 100%;
}

.table-wrapper table {
	margin-block-end: 0;
}

/* The Content - Tables Customizations
--------------------------------------------------------------- */
:where(:is(.content, .editor-styles-wrapper) table) {
	--table-border-width-x: 0px;
	--table-border-width-y: 0px;
	--table-border-color: transparent;
	--table-cell-background: transparent;
	--table-cell-border-color-x: transparent;
	--table-cell-border-color-y: transparent;
	width: 100%;
	border-collapse: collapse;
	font-size: 18px;
}

:where(:is(.content, .editor-styles-wrapper) table) :where(th, td) {
	padding-block: 1em;
	padding-inline: .625em;
	border-bottom: 1px solid var(--color-neutral-light);
}

:where(:is(.content, .editor-styles-wrapper) table) :where(th) {
	font-size: .75em;
	font-family: var(--font-primary);
	color: var(--color-dark-alt);
	letter-spacing: .05em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	text-align: inherit;
}

:where(:is(.content, .editor-styles-wrapper) table) :where(td) {
	border-bottom: 1px solid var(--color-neutral);
}

:where(:is(.content, .editor-styles-wrapper) table) :where(tr:nth-child(odd) td) {
	color: inherit;
}

:where(:is(.content, .editor-styles-wrapper) table) :where(tr) :where(td:first-of-type) {
	color: var(--color-secondary);
	width: 40%;
}

@media only screen and (min-width: 87.5rem) {
	:where(:is(.content, .editor-styles-wrapper) table) :where(tr) :where(td:first-of-type) {
		width: 50%;
	}
}

:where(:is(.content, .editor-styles-wrapper) table) :where(caption) {
	padding: .5em;
}

/* The Content - Other Obscure tags in case it can be utilized for design
--------------------------------------------------------------- */

/* images.
- NOTE: DO NOT MANIPULATE THE MARGIN, PADDING, DISPLAY PROPERTIES. THIS WILL BREAK THE CORE CLASSES AND ANY OTHER CONTENT RELATED STYLES 
- USE TO ONLY PIZZAZZ THE IMAGES ACCORDING TO DESIGN
*/
:where(:is(.content, .editor-styles-wrapper) :where(img)) {
	border-radius: 13px;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

/* bold, strong */

/* italic, em */

/* stacked bold, strong + italic, em. design will inevitably add another emphaized text styling in the content. use to leverage if needed */

/* address */

/* abbreviations */

/* acronym */

/* big */

/* code, kbd, pre */
:where(:is(.content, .editor-styles-wrapper) :where(kbd)) {
	padding-inline: 1em;
	border-radius: .2em;
	box-shadow: 0 .2em 0 0 rgba(127, 127, 127, .4);
}

/* strike, del */
:where(:is(.content, .editor-styles-wrapper) :where(del, s)) {
	text-decoration: line-through;
}

/* ins */

/* ins */

/* small */

/* sub */

/* sup */

/* tt */

/* var */

/* The Content - Type Settings
--------------------------------------------------------------- */
:where(.content, .editor-styles-wrapper) {
	max-inline-size: 100%;
}

:where(.content, .editor-styles-wrapper) {
	font-size: 18px;
	line-height: 28px;
	font-family: var(--font-primary);
	color: inherit;
	font-weight: 500;
}

/* The Content - Margin Block specificities + .content-style-no-block-margins variation
	- Very specific margin block stuff.
--------------------------------------------------------------- */
:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(p,
ul,
ol,
dl,
address,
input:not([type=checkbox]):not([type=radio]):not([type=submit]),
select,
textarea,
form,
pre,
.table-wrapper,
table,
.wistia_responsive_padding) {
	margin-block-end: 1.875em;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(hr:nth-last-child(n+2)) {
	margin-block-end: 2em;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(hr:nth-child(n+2)) {
	margin-block-start: 2em;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(li, dd, dt) :where(ul, ol, dd), :where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(li, dd, dt):nth-child(n+2) {
	/* space out each item. Note: some designs may or may not have this. comment out if not needed */
	margin-block-start: .46em;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(li, dd, dt):last-child > *:last-child {
	margin-block-end: 0;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(:where(*.h1, *.h2, *.h3, *.h4, *.h5, *.h6, h1, h2, h3, h4, h5, h6, hr):not(:is(*.h1, *.h2, *.h3, *.h4, *.h5, *.h6, *.blockquote, *.cite, h1, h2, h3, h4, h5, h6, blockquote, cite, hr) + *)) {
	margin-block-start: 40px;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(*.h1, *.h2, *.h3, *.h4, *.h5, *.h6, h1, h2, h3, h4, h5, h6) {
	margin-block-end: 20px;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(*.blockquote, blockquote) {
	margin-block: 40px;
}

:where(.content:not(:is(.content-style-no-block-margins, .content-style-no-block-margins *)),
.editor-styles-wrapper) :where(*.blockquote, blockquote) :where(cite, *.cite) {
	margin-block-start: 20px;
}

/* Content/Styleguide Overrides https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/global/content.md#content-utility-classes
Depending on how much versions the designer variates/overrides/customizes the styleguide, you add as much classes here as needed but it WILL bloat and eventully get flagged for performance
--------------------------------------------------------------- */

/* Other Content No Margin Block Variations- Remove first child margin. Note: Do not apply first child margin 0 globally as this causes more unintended issues down the line (content import, post launch, etc.)
* .content-style-no-first-margin - No first margin. Can be also used for specific breakpoints only because some breakdowns forget to take account of these margins eg: .content-style-no-first-margin-[BREAKPOINT]
*/
.content.content-style-no-first-margin > :where(*:first-child) {
	margin-block-start: 0;
}

@media only screen and (max-width: 47.9375rem) {
	.content.content-style-no-first-margin-xs > :where(*:first-child) {
		margin-block-start: 0;
	}
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.content.content-style-no-first-margin-sm > :where(*:first-child) {
		margin-block-start: 0;
	}
}

@media only screen and (min-width: 75rem) and (max-width: 87.4375rem) {
	.content.content-style-no-first-margin-md > :where(*:first-child) {
		margin-block-start: 0;
	}
}

@media only screen and (min-width: 87.5rem) and (max-width: 119.9375rem) {
	.content.content-style-no-first-margin-lg > :where(*:first-child) {
		margin-block-start: 0;
	}
}

@media only screen and (min-width: 120rem) and (max-width: 179.9375rem) {
	.content.content-style-no-first-margin-xl > :where(*:first-child) {
		margin-block-start: 0;
	}
}

/* .content-style-no-first-margin - No first margin. Can be also used for specific breakpoints only because some breakdowns forget to take account of these margins eg: .content-style-no-first-margin-[BREAKPOINT] */
.content.content-style-no-last-margin > :where(*:last-child) {
	margin-block-end: 0;
}

@media only screen and (max-width: 47.9375rem) {
	.content.content-style-no-last-margin-xs > :where(*:last-child) {
		margin-block-end: 0;
	}
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.content.content-style-no-last-margin-sm > :where(*:last-child) {
		margin-block-end: 0;
	}
}

@media only screen and (min-width: 75rem) and (max-width: 87.4375rem) {
	.content.content-style-no-last-margin-md > :where(*:last-child) {
		margin-block-end: 0;
	}
}

@media only screen and (min-width: 87.5rem) and (max-width: 119.9375rem) {
	.content.content-style-no-last-margin-lg > :where(*:last-child) {
		margin-block-end: 0;
	}
}

@media only screen and (min-width: 120rem) and (max-width: 179.9375rem) {
	.content.content-style-no-last-margin-xl > :where(*:last-child) {
		margin-block-end: 0;
	}
}

/* Content/Styleguide Overrides https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/global/content.md#content-utility-classes
Depending on how much versions the designer variates/overrides/customizes the styleguide, you add as much classes here as needed but it WILL bloat and eventully get flagged for performance
--------------------------------------------------------------- */

/* Content Color Palette Helpers: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/global/content.md#content-palette-name

support content styles for dark schemes. 
Note: To aply dark mode styles, use @extends to select optional scheme component.
example of styles:

h2 {
	color: something;

	@include inDark &{
		color: somethingelse
	}
}
--------------------------------------------------------------- */
:where(.content-palette-dark) {
	/* inherit white color: NOTE: for this to work, best practice is for a) text color to be modified alongside dark background styles of containing section for accessibility/ and or b) Use and enabling _schemes.scss */
	color: var(--scheme-fg, var(--color-light));
}

.content-palette-dark :where(ol, ul, table) {
	color: var(--scheme-fg, inherit);
}

.content-palette-dark table {
	--table-border-color: var(--color-neutral-darkest);
}

/* Content Size Variations - Sometimes designs will have random font sizes for content styleguide. idk utilize this
--------------------------------------------------------------- */
.content.content-size-micro {
	font-size: 10px;
}

.content.content-size-small {
	font-size: 11px;
	line-height: 1rem;
}

.content.content-size-large {
	font-size: 18px;
}

/* Content Weight Variations - For when the design needs a different weight for like 10 different sections
--------------------------------------------------------------- */

/* for content with thicker weight than usual. Less specific */
.content.content-weight-thick {
	font-weight: bolder;
}

/* for content with more specific weights because the design says so */
.content.content-weight-thin {
	font-weight: 100;
}

.content.content-weight-light {
	font-weight: 300;
}

.content.content-weight-regular {
	font-weight: 400;
}

.content.content-weight-medium {
	font-weight: 500;
}

.content.content-weight-semibold {
	font-weight: 600;
}

.content.content-weight-bold {
	font-weight: 700;
}

.content.content-weight-extrabold {
	font-weight: 800;
}

/* Content No List Style Variation - Useful for when they want no bullets on certains ections
--------------------------------------------------------------- */
.content.content-style-no-list :is(.content :where(ol, ul, dd)) {
	padding-inline-start: 0;
	list-style: none;
}

.content.content-style-no-list :is(.content :where(li, dd, dt))::before, .content.content-style-no-list :is(.content :where(li, dd, dt))::marker {
	display: none !important;
}

/* Content line height Variation - for instances of content where they want less line height from the already established styleguide :|
--------------------------------------------------------------- */
.content.content-style-compact {
	line-height: 1.29;
}

.content.content-style-compact li, .content.content-style-compact li :where(ul, ol) {
	margin-block: 0;
}

.content.content-style-expanded {
	line-height: 2;
}

.content.content-style-expanded li, .content.content-style-expanded li :where(ul, ol) {
	margin-block: 0;
}

.content.content-style-constricted {
	line-height: 1;
}

.content.content-style-constricted li, .content.content-style-constricted li :where(ul, ol) {
	margin-block: 0;
}

/* Designs with fancy first letters. adjust styles as needed */
.content.content-style-drop-caps > p:first-of-type::first-letter {
	font-size: 2.75rem;
	font-family: var(--font-accent);
	color: var(--color-primary);
	float: inline-start;
	margin: 0 .1em -.25em 0;
}

.content.content-style-drop-caps > p:first-of-type + * {
	clear: inline-start;
}

.content .disclaimer {
	font-size: 13px;
	line-height: 21px;
}

/* ================================================================================
* Supported WP Core Classes/ Styles
================================================================================ */

/* Wordpress Core Classes.
--------------------------------------------------------------- */

/* Align Classes */
*.alignleft, *.align-left, *.alignright, *.align-right, *.aligncenter, *.align-center {
	margin-block-end: 1.25em;
	max-inline-size: 100%;
	block-size: auto;
	inline-size: auto;
}

@media only screen and (max-width: 74.9375rem) {
	*.alignleft, *.align-left, *.alignright, *.align-right, *.aligncenter, *.align-center {
		display: block;
	}
}

@media only screen and (min-width: 75rem) {
	*.alignleft, *.align-left {
		display: inline;
		float: inline-start;
		clear: inline-end;
		margin-inline-end: 3em;
		margin-block: 1.5em;
	}
	
	*.alignright, *.align-right {
		display: inline;
		float: inline-end;
		clear: inline-end;
		margin-inline-start: 3em;
		margin-block: .5em;
	}
	
	*.aligncenter, *.align-center {
		clear: both;
		display: block;
		margin-inline-start: auto;
		margin-inline-end: auto;
		text-align: center;
	}
}

/* WP Captions */
.wp-caption {
	background: var(--color-light);
	border: 1px solid var(--color-light-alt);
	max-inline-size: 100%;
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	border: 0 none;
	block-size: auto;
	margin: 0;
	padding: 0;
	inline-size: auto;
}

.wp-caption p.wp-caption-text {
	font-size: .75em;
	line-height: 1.25;
	margin: 0;
}

/* Gutenberg classes */
.has-text-align-center {
	text-align: center;
}

.has-text-align-right {
	text-align: right;
}

.wp-block-cover, .wp-block-cover-image {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center center;
	min-block-size: 26.875rem;
	overflow: clip;
	padding: 1em;
	position: relative;
}

/* ================================================================================
* Global Helpers CSS - These styles are critical to the build and its template parts. They don't usually need edits and will work as is
================================================================================ */

/* Helpers: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/helper.md
Note: Styles already prebuilt in this sass file must not be omitted
--------------------------------------------------------------- */

/* Clearfix stuff
--------------------------------------------------------------- */
.clearfix::after {
	content: "";
	font-size: 0;
	visibility: hidden;
	block-size: 0;
	clear: both;
	display: table;
	inline-size: 100%;
	flex: 0 0 auto;
}

/* hide element while being ADA and SEO friendly
--------------------------------------------------------------- */
.sr-only, .screen-reader-text {
	border: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	block-size: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	inset-block-start: 0 !important;
	inset-inline-start: 0 !important;
	inline-size: 1px !important;
	word-wrap: normal !important;
}

/* Screen reader */
.screen-reader-text:focus, *:focus-within > .screen-reader-text {
	background-color: var(--color-light-alt);
	clip: auto !important;
	clip-path: none;
	color: var(--color-dark);
	position: fixed;
	display: block;
	font-size: 1em;
	block-size: auto;
	inset-inline-start: .25rem;
	inset-block-start: 4rem;
	line-height: normal;
	padding-inline: .5rem;
	padding-block: .25rem;
	text-decoration: none;
	inline-size: auto;
	z-index: 9999999;
	pointer-events: none;
}

/* emulate background cover on image tags
--------------------------------------------------------------- */
.cover {}

.cover {
	position: relative;
	border-radius: inherit;
	overflow: hidden;
	overflow: clip;
	display: block;
	max-inline-size: 100%;
	inline-size: 100%;
}

.cover:is(.cover-constricted, .cover-contain) {}

@supports not (aspect-ratio: var(--cover-aspect-w, 4)/var(--cover-aspect-l, 3)) {
	.cover:is(.cover-constricted, .cover-contain)::before {
		content: "";
		display: block;
		padding-block-end: calc(100% * var(--cover-aspect-l, 3) / var(--cover-aspect-w, 4));
	}
}

@supports (aspect-ratio: var(--cover-aspect-w, 4)/var(--cover-aspect-l, 3)) {
	.cover:is(.cover-constricted, .cover-contain) {
		aspect-ratio: var(--cover-aspect-w, 4)/var(--cover-aspect-l, 3);
	}
}

.cover > :where(*), .cover-child {
	/* element to emulate background-size cover. Add important in case wistia is somehow in this descendancy */
	position: absolute !important;
	inset: 0 !important;
	inline-size: 100% !important;
	block-size: 100% !important;
	display: block;
}

.cover-constricted .cover-child {
	-o-object-fit: cover !important;
	object-fit: cover !important;
}

.cover-contain .cover-child {
	-o-object-fit: contain !important;
	object-fit: contain !important;
}

/* wrap svgs in this helper to control sizing like font glyphs. Sets an svg to align to the bottom left. Set a font size to it to align heights. ie Case Results Icon, Selling Points, Testimonial stars, Social Media, iLawyer Logo, etc.
--------------------------------------------------------------- */
.content-icon {
	height: 1em;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 0 0 auto;
	width: -moz-max-content;
	width: max-content;
	max-width: 100%;
	text-overflow: ellipsis;
}

.content-icon :where(img, picture, svg, object) {
	max-height: 100%;
	width: auto;
	height: 100%;
	flex: 1 1;
	-o-object-fit: contain;
	object-fit: contain;
}

/* clamp blocks of texts to up to a certain height only, NO scroll. complete cut off. NOTE: for this to work there should be no custom line height on the text or any of its block children. if any, they should be passed to --line-height
--------------------------------------------------------------- */
.clamp-text-ellipsis {
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	overflow: hidden;
	overflow: clip;
	-webkit-line-clamp: var(--clamp-text-cap, 3);
	line-clamp: var(--clamp-text-cap, 3);
}

/* clamp blocks of texts to up to a certain height only, with scroll.
--------------------------------------------------------------- */
.clamp-text-scroll {
	overflow-inline: clip;
	overflow-block: scroll;
	max-block-size: calc(var(--clamp-text-cap, 3) * var(--clamp-text-mask-height, 1.5em));
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(to top, transparent 0%, white calc(var(--clamp-text-mask-height, 1.5em) * 1.5), white calc(100% - var(--clamp-text-mask-height, 1.5em) * .5), transparent 100%);
	mask-image: linear-gradient(to top, transparent 0%, white calc(var(--clamp-text-mask-height, 1.5em) * 1.5), white calc(100% - var(--clamp-text-mask-height, 1.5em) * .5), transparent 100%);
	padding-block-end: var(--clamp-text-mask-height, 1.5em);
}

.clamp-text-scroll::-webkit-scrollbar {
	display: none;
}

/* nikky's script to fade text to the right for scrolling
--------------------------------------------------------------- */
.fade-text {
	-webkit-mask-image: linear-gradient(to left, transparent 0em, black var(--fade-text-offset, 2em), black 100%);
	mask-image: linear-gradient(to left, transparent 0em, black var(--fade-text-offset, 2em), black 100%);
	overflow-inline: scroll;
	scrollbar-width: none;
	white-space: nowrap;
	inline-size: 100%;
	padding-inline-end: var(--fade-text-offset, 2em);
}

.fade-text::-webkit-scrollbar {
	display: none;
}

/* like content-icon except friendlier styles for logos to support styleable svg logos while allowing for an img tag for SEO to exist in the same block
--------------------------------------------------------------- */
.logo {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	align-self: stretch;
	max-inline-size: -moz-max-content;
	max-inline-size: max-content;
}

.logo-wrapper {
	position: relative;
	overflow: hidden;
	block-size: 100%;
	inline-size: auto;
}

.logo-wrapper :where(img, picture, svg, object) {
	max-inline-size: 100%;
	max-block-size: 100%;
	inline-size: auto;
	block-size: 100%;
}

.logo-wrapper :where(svg, object):not(:only-child) {
	pointer-events: none;
	position: absolute;
	margin: auto;
	inset: 0;
	margin: auto;
	inline-size: 100%;
}

.logo-wrapper :is(svg, object) ~ :where(img, picture:not(.inline-svg)) {
	opacity: 0;
}

/* Responsive Global Helpers. Integrated to PHP template parts. Proceed with caution when modifying.
* Note: if the element relies on being set as another display type that's not block (flex, inline-block, inline-flex, etc. ) on  breakpoint/s it is suppose to show, using the *-hide helpers is recommended (eg: instead of xs-only, use sm-hide md-hide lg-hide xl-hide)

* Info to what everything means:
-----------------------------------------------
Tag 	Device		min				max	  
-----------------------------------------------
xs: 	mobile		0				47.9375rem
sm: 	tablet		48rem	74.9375rem
md: 	laptop		75rem	87.4375rem
lg: 	desktop		87.5rem	119.9375rem
xl: 	hd			120rem	999999999999+
--------------------------------------------------------------- */
.xl-only, .lg-only, .md-only, .sm-only, .xs-only, .home-only, .internal-only, .print-only {
	display: none !important;
}

.onep21-template-home .home-only {
	display: block !important;
}

.onep21-template-home .home-hide {
	display: none !important;
}

body:not(.onep21-template-home) .internal-only {
	display: block !important;
}

body:not(.onep21-template-home) .internal-hide {
	display: none !important;
}

@media only print {
	.print-only {
		display: block !important;
	}
	
	.print-hide {
		display: none !important;
	}
}

@media only screen and (min-width: 120rem) {
	.xl-only {
		display: block !important;
	}
	
	.xl-hide {
		display: none !important;
	}
}

@media only screen and (min-width: 87.5rem) and (max-width: 119.9375rem) {
	.lg-only {
		display: block !important;
	}
	
	.lg-hide {
		display: none !important;
	}
}

@media only screen and (min-width: 75rem) and (max-width: 87.4375rem) {
	.md-only {
		display: block !important;
	}
	
	.md-hide {
		display: none !important;
	}
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.sm-only {
		display: block !important;
	}
	
	.sm-hide {
		display: none !important;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.xs-only {
		display: block !important;
	}
	
	.xs-hide {
		display: none !important;
	}
}

/* Add more helpers as needed */

/* color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .color-inherit, .color-inherit-hover:is(:hover, :focus), .color-inherit-init:not(:is(:hover, :focus)) {
	color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .color-transparent, .color-transparent-hover:is(:hover, :focus), .color-transparent-init:not(:is(:hover, :focus)) {
	color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .color-currentColor, .color-currentColor-hover:is(:hover, :focus), .color-currentColor-init:not(:is(:hover, :focus)) {
	color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .color-dark, .color-dark-hover:is(:hover, :focus), .color-dark-init:not(:is(:hover, :focus)) {
	color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .color-dark-alt, .color-dark-alt-hover:is(:hover, :focus), .color-dark-alt-init:not(:is(:hover, :focus)) {
	color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .color-light, .color-light-hover:is(:hover, :focus), .color-light-init:not(:is(:hover, :focus)) {
	color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .color-light-alt, .color-light-alt-hover:is(:hover, :focus), .color-light-alt-init:not(:is(:hover, :focus)) {
	color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .color-neutral, .color-neutral-hover:is(:hover, :focus), .color-neutral-init:not(:is(:hover, :focus)) {
	color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .color-neutral-light, .color-neutral-light-hover:is(:hover, :focus), .color-neutral-light-init:not(:is(:hover, :focus)) {
	color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .color-neutral-lighter, .color-neutral-lighter-hover:is(:hover, :focus), .color-neutral-lighter-init:not(:is(:hover, :focus)) {
	color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .color-neutral-lightest, .color-neutral-lightest-hover:is(:hover, :focus), .color-neutral-lightest-init:not(:is(:hover, :focus)) {
	color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .color-neutral-dark, .color-neutral-dark-hover:is(:hover, :focus), .color-neutral-dark-init:not(:is(:hover, :focus)) {
	color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .color-neutral-darker, .color-neutral-darker-hover:is(:hover, :focus), .color-neutral-darker-init:not(:is(:hover, :focus)) {
	color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .color-neutral-darkest, .color-neutral-darkest-hover:is(:hover, :focus), .color-neutral-darkest-init:not(:is(:hover, :focus)) {
	color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .color-primary, .color-primary-hover:is(:hover, :focus), .color-primary-init:not(:is(:hover, :focus)) {
	color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .color-primary-alt, .color-primary-alt-hover:is(:hover, :focus), .color-primary-alt-init:not(:is(:hover, :focus)) {
	color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .color-primary-gradient-start, .color-primary-gradient-start-hover:is(:hover, :focus), .color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .color-primary-gradient-end, .color-primary-gradient-end-hover:is(:hover, :focus), .color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .color-secondary, .color-secondary-hover:is(:hover, :focus), .color-secondary-init:not(:is(:hover, :focus)) {
	color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .color-secondary-alt, .color-secondary-alt-hover:is(:hover, :focus), .color-secondary-alt-init:not(:is(:hover, :focus)) {
	color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .color-secondary-gradient-start, .color-secondary-gradient-start-hover:is(:hover, :focus), .color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .color-secondary-gradient-end, .color-secondary-gradient-end-hover:is(:hover, :focus), .color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .color-accent, .color-accent-hover:is(:hover, :focus), .color-accent-init:not(:is(:hover, :focus)) {
	color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .color-accent-alt, .color-accent-alt-hover:is(:hover, :focus), .color-accent-alt-init:not(:is(:hover, :focus)) {
	color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .color-accent-gradient-start, .color-accent-gradient-start-hover:is(:hover, :focus), .color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .color-accent-gradient-end, .color-accent-gradient-end-hover:is(:hover, :focus), .color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	color: var(--color-accent-gradient-end);
}

/* background-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .background-color-inherit, .background-color-inherit-hover:is(:hover, :focus), .background-color-inherit-init:not(:is(:hover, :focus)) {
	background-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .background-color-transparent, .background-color-transparent-hover:is(:hover, :focus), .background-color-transparent-init:not(:is(:hover, :focus)) {
	background-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .background-color-currentColor, .background-color-currentColor-hover:is(:hover, :focus), .background-color-currentColor-init:not(:is(:hover, :focus)) {
	background-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .background-color-dark, .background-color-dark-hover:is(:hover, :focus), .background-color-dark-init:not(:is(:hover, :focus)) {
	background-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .background-color-dark-alt, .background-color-dark-alt-hover:is(:hover, :focus), .background-color-dark-alt-init:not(:is(:hover, :focus)) {
	background-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .background-color-light, .background-color-light-hover:is(:hover, :focus), .background-color-light-init:not(:is(:hover, :focus)) {
	background-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .background-color-light-alt, .background-color-light-alt-hover:is(:hover, :focus), .background-color-light-alt-init:not(:is(:hover, :focus)) {
	background-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .background-color-neutral, .background-color-neutral-hover:is(:hover, :focus), .background-color-neutral-init:not(:is(:hover, :focus)) {
	background-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .background-color-neutral-light, .background-color-neutral-light-hover:is(:hover, :focus), .background-color-neutral-light-init:not(:is(:hover, :focus)) {
	background-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .background-color-neutral-lighter, .background-color-neutral-lighter-hover:is(:hover, :focus), .background-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	background-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .background-color-neutral-lightest, .background-color-neutral-lightest-hover:is(:hover, :focus), .background-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	background-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .background-color-neutral-dark, .background-color-neutral-dark-hover:is(:hover, :focus), .background-color-neutral-dark-init:not(:is(:hover, :focus)) {
	background-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .background-color-neutral-darker, .background-color-neutral-darker-hover:is(:hover, :focus), .background-color-neutral-darker-init:not(:is(:hover, :focus)) {
	background-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .background-color-neutral-darkest, .background-color-neutral-darkest-hover:is(:hover, :focus), .background-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	background-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .background-color-primary, .background-color-primary-hover:is(:hover, :focus), .background-color-primary-init:not(:is(:hover, :focus)) {
	background-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .background-color-primary-alt, .background-color-primary-alt-hover:is(:hover, :focus), .background-color-primary-alt-init:not(:is(:hover, :focus)) {
	background-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .background-color-primary-gradient-start, .background-color-primary-gradient-start-hover:is(:hover, :focus), .background-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	background-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .background-color-primary-gradient-end, .background-color-primary-gradient-end-hover:is(:hover, :focus), .background-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	background-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .background-color-secondary, .background-color-secondary-hover:is(:hover, :focus), .background-color-secondary-init:not(:is(:hover, :focus)) {
	background-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .background-color-secondary-alt, .background-color-secondary-alt-hover:is(:hover, :focus), .background-color-secondary-alt-init:not(:is(:hover, :focus)) {
	background-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .background-color-secondary-gradient-start, .background-color-secondary-gradient-start-hover:is(:hover, :focus), .background-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	background-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .background-color-secondary-gradient-end, .background-color-secondary-gradient-end-hover:is(:hover, :focus), .background-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	background-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .background-color-accent, .background-color-accent-hover:is(:hover, :focus), .background-color-accent-init:not(:is(:hover, :focus)) {
	background-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .background-color-accent-alt, .background-color-accent-alt-hover:is(:hover, :focus), .background-color-accent-alt-init:not(:is(:hover, :focus)) {
	background-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .background-color-accent-gradient-start, .background-color-accent-gradient-start-hover:is(:hover, :focus), .background-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	background-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .background-color-accent-gradient-end, .background-color-accent-gradient-end-hover:is(:hover, :focus), .background-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	background-color: var(--color-accent-gradient-end);
}

/* border-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-color-inherit, .border-color-inherit-hover:is(:hover, :focus), .border-color-inherit-init:not(:is(:hover, :focus)) {
	border-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-color-transparent, .border-color-transparent-hover:is(:hover, :focus), .border-color-transparent-init:not(:is(:hover, :focus)) {
	border-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-color-currentColor, .border-color-currentColor-hover:is(:hover, :focus), .border-color-currentColor-init:not(:is(:hover, :focus)) {
	border-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-color-dark, .border-color-dark-hover:is(:hover, :focus), .border-color-dark-init:not(:is(:hover, :focus)) {
	border-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-color-dark-alt, .border-color-dark-alt-hover:is(:hover, :focus), .border-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-color-light, .border-color-light-hover:is(:hover, :focus), .border-color-light-init:not(:is(:hover, :focus)) {
	border-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-color-light-alt, .border-color-light-alt-hover:is(:hover, :focus), .border-color-light-alt-init:not(:is(:hover, :focus)) {
	border-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-color-neutral, .border-color-neutral-hover:is(:hover, :focus), .border-color-neutral-init:not(:is(:hover, :focus)) {
	border-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-color-neutral-light, .border-color-neutral-light-hover:is(:hover, :focus), .border-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-color-neutral-lighter, .border-color-neutral-lighter-hover:is(:hover, :focus), .border-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-color-neutral-lightest, .border-color-neutral-lightest-hover:is(:hover, :focus), .border-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-color-neutral-dark, .border-color-neutral-dark-hover:is(:hover, :focus), .border-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-color-neutral-darker, .border-color-neutral-darker-hover:is(:hover, :focus), .border-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-color-neutral-darkest, .border-color-neutral-darkest-hover:is(:hover, :focus), .border-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-color-primary, .border-color-primary-hover:is(:hover, :focus), .border-color-primary-init:not(:is(:hover, :focus)) {
	border-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-color-primary-alt, .border-color-primary-alt-hover:is(:hover, :focus), .border-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-color-primary-gradient-start, .border-color-primary-gradient-start-hover:is(:hover, :focus), .border-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-color-primary-gradient-end, .border-color-primary-gradient-end-hover:is(:hover, :focus), .border-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-color-secondary, .border-color-secondary-hover:is(:hover, :focus), .border-color-secondary-init:not(:is(:hover, :focus)) {
	border-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-color-secondary-alt, .border-color-secondary-alt-hover:is(:hover, :focus), .border-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-color-secondary-gradient-start, .border-color-secondary-gradient-start-hover:is(:hover, :focus), .border-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-color-secondary-gradient-end, .border-color-secondary-gradient-end-hover:is(:hover, :focus), .border-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-color-accent, .border-color-accent-hover:is(:hover, :focus), .border-color-accent-init:not(:is(:hover, :focus)) {
	border-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-color-accent-alt, .border-color-accent-alt-hover:is(:hover, :focus), .border-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-color-accent-gradient-start, .border-color-accent-gradient-start-hover:is(:hover, :focus), .border-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-color-accent-gradient-end, .border-color-accent-gradient-end-hover:is(:hover, :focus), .border-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-color: var(--color-accent-gradient-end);
}

/* border-block-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-block-color-inherit, .border-block-color-inherit-hover:is(:hover, :focus), .border-block-color-inherit-init:not(:is(:hover, :focus)) {
	border-block-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-block-color-transparent, .border-block-color-transparent-hover:is(:hover, :focus), .border-block-color-transparent-init:not(:is(:hover, :focus)) {
	border-block-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-block-color-currentColor, .border-block-color-currentColor-hover:is(:hover, :focus), .border-block-color-currentColor-init:not(:is(:hover, :focus)) {
	border-block-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-block-color-dark, .border-block-color-dark-hover:is(:hover, :focus), .border-block-color-dark-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-block-color-dark-alt, .border-block-color-dark-alt-hover:is(:hover, :focus), .border-block-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-block-color-light, .border-block-color-light-hover:is(:hover, :focus), .border-block-color-light-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-block-color-light-alt, .border-block-color-light-alt-hover:is(:hover, :focus), .border-block-color-light-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-block-color-neutral, .border-block-color-neutral-hover:is(:hover, :focus), .border-block-color-neutral-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-block-color-neutral-light, .border-block-color-neutral-light-hover:is(:hover, :focus), .border-block-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-block-color-neutral-lighter, .border-block-color-neutral-lighter-hover:is(:hover, :focus), .border-block-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-block-color-neutral-lightest, .border-block-color-neutral-lightest-hover:is(:hover, :focus), .border-block-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-block-color-neutral-dark, .border-block-color-neutral-dark-hover:is(:hover, :focus), .border-block-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-block-color-neutral-darker, .border-block-color-neutral-darker-hover:is(:hover, :focus), .border-block-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-block-color-neutral-darkest, .border-block-color-neutral-darkest-hover:is(:hover, :focus), .border-block-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-block-color-primary, .border-block-color-primary-hover:is(:hover, :focus), .border-block-color-primary-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-block-color-primary-alt, .border-block-color-primary-alt-hover:is(:hover, :focus), .border-block-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-block-color-primary-gradient-start, .border-block-color-primary-gradient-start-hover:is(:hover, :focus), .border-block-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-block-color-primary-gradient-end, .border-block-color-primary-gradient-end-hover:is(:hover, :focus), .border-block-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-block-color-secondary, .border-block-color-secondary-hover:is(:hover, :focus), .border-block-color-secondary-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-block-color-secondary-alt, .border-block-color-secondary-alt-hover:is(:hover, :focus), .border-block-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-block-color-secondary-gradient-start, .border-block-color-secondary-gradient-start-hover:is(:hover, :focus), .border-block-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-block-color-secondary-gradient-end, .border-block-color-secondary-gradient-end-hover:is(:hover, :focus), .border-block-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-block-color-accent, .border-block-color-accent-hover:is(:hover, :focus), .border-block-color-accent-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-block-color-accent-alt, .border-block-color-accent-alt-hover:is(:hover, :focus), .border-block-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-block-color-accent-gradient-start, .border-block-color-accent-gradient-start-hover:is(:hover, :focus), .border-block-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-block-color-accent-gradient-end, .border-block-color-accent-gradient-end-hover:is(:hover, :focus), .border-block-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent-gradient-end);
}

/* border-inline-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-inline-color-inherit, .border-inline-color-inherit-hover:is(:hover, :focus), .border-inline-color-inherit-init:not(:is(:hover, :focus)) {
	border-inline-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-inline-color-transparent, .border-inline-color-transparent-hover:is(:hover, :focus), .border-inline-color-transparent-init:not(:is(:hover, :focus)) {
	border-inline-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-inline-color-currentColor, .border-inline-color-currentColor-hover:is(:hover, :focus), .border-inline-color-currentColor-init:not(:is(:hover, :focus)) {
	border-inline-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-inline-color-dark, .border-inline-color-dark-hover:is(:hover, :focus), .border-inline-color-dark-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-inline-color-dark-alt, .border-inline-color-dark-alt-hover:is(:hover, :focus), .border-inline-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-inline-color-light, .border-inline-color-light-hover:is(:hover, :focus), .border-inline-color-light-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-inline-color-light-alt, .border-inline-color-light-alt-hover:is(:hover, :focus), .border-inline-color-light-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-inline-color-neutral, .border-inline-color-neutral-hover:is(:hover, :focus), .border-inline-color-neutral-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-inline-color-neutral-light, .border-inline-color-neutral-light-hover:is(:hover, :focus), .border-inline-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-inline-color-neutral-lighter, .border-inline-color-neutral-lighter-hover:is(:hover, :focus), .border-inline-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-inline-color-neutral-lightest, .border-inline-color-neutral-lightest-hover:is(:hover, :focus), .border-inline-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-inline-color-neutral-dark, .border-inline-color-neutral-dark-hover:is(:hover, :focus), .border-inline-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-inline-color-neutral-darker, .border-inline-color-neutral-darker-hover:is(:hover, :focus), .border-inline-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-inline-color-neutral-darkest, .border-inline-color-neutral-darkest-hover:is(:hover, :focus), .border-inline-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-inline-color-primary, .border-inline-color-primary-hover:is(:hover, :focus), .border-inline-color-primary-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-inline-color-primary-alt, .border-inline-color-primary-alt-hover:is(:hover, :focus), .border-inline-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-inline-color-primary-gradient-start, .border-inline-color-primary-gradient-start-hover:is(:hover, :focus), .border-inline-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-inline-color-primary-gradient-end, .border-inline-color-primary-gradient-end-hover:is(:hover, :focus), .border-inline-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-inline-color-secondary, .border-inline-color-secondary-hover:is(:hover, :focus), .border-inline-color-secondary-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-inline-color-secondary-alt, .border-inline-color-secondary-alt-hover:is(:hover, :focus), .border-inline-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-inline-color-secondary-gradient-start, .border-inline-color-secondary-gradient-start-hover:is(:hover, :focus), .border-inline-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-inline-color-secondary-gradient-end, .border-inline-color-secondary-gradient-end-hover:is(:hover, :focus), .border-inline-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-inline-color-accent, .border-inline-color-accent-hover:is(:hover, :focus), .border-inline-color-accent-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-inline-color-accent-alt, .border-inline-color-accent-alt-hover:is(:hover, :focus), .border-inline-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-inline-color-accent-gradient-start, .border-inline-color-accent-gradient-start-hover:is(:hover, :focus), .border-inline-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-inline-color-accent-gradient-end, .border-inline-color-accent-gradient-end-hover:is(:hover, :focus), .border-inline-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent-gradient-end);
}

/* border-block-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-block-color-inherit, .border-block-color-inherit-hover:is(:hover, :focus), .border-block-color-inherit-init:not(:is(:hover, :focus)) {
	border-block-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-block-color-transparent, .border-block-color-transparent-hover:is(:hover, :focus), .border-block-color-transparent-init:not(:is(:hover, :focus)) {
	border-block-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-block-color-currentColor, .border-block-color-currentColor-hover:is(:hover, :focus), .border-block-color-currentColor-init:not(:is(:hover, :focus)) {
	border-block-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-block-color-dark, .border-block-color-dark-hover:is(:hover, :focus), .border-block-color-dark-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-block-color-dark-alt, .border-block-color-dark-alt-hover:is(:hover, :focus), .border-block-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-block-color-light, .border-block-color-light-hover:is(:hover, :focus), .border-block-color-light-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-block-color-light-alt, .border-block-color-light-alt-hover:is(:hover, :focus), .border-block-color-light-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-block-color-neutral, .border-block-color-neutral-hover:is(:hover, :focus), .border-block-color-neutral-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-block-color-neutral-light, .border-block-color-neutral-light-hover:is(:hover, :focus), .border-block-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-block-color-neutral-lighter, .border-block-color-neutral-lighter-hover:is(:hover, :focus), .border-block-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-block-color-neutral-lightest, .border-block-color-neutral-lightest-hover:is(:hover, :focus), .border-block-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-block-color-neutral-dark, .border-block-color-neutral-dark-hover:is(:hover, :focus), .border-block-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-block-color-neutral-darker, .border-block-color-neutral-darker-hover:is(:hover, :focus), .border-block-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-block-color-neutral-darkest, .border-block-color-neutral-darkest-hover:is(:hover, :focus), .border-block-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-block-color-primary, .border-block-color-primary-hover:is(:hover, :focus), .border-block-color-primary-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-block-color-primary-alt, .border-block-color-primary-alt-hover:is(:hover, :focus), .border-block-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-block-color-primary-gradient-start, .border-block-color-primary-gradient-start-hover:is(:hover, :focus), .border-block-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-block-color-primary-gradient-end, .border-block-color-primary-gradient-end-hover:is(:hover, :focus), .border-block-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-block-color-secondary, .border-block-color-secondary-hover:is(:hover, :focus), .border-block-color-secondary-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-block-color-secondary-alt, .border-block-color-secondary-alt-hover:is(:hover, :focus), .border-block-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-block-color-secondary-gradient-start, .border-block-color-secondary-gradient-start-hover:is(:hover, :focus), .border-block-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-block-color-secondary-gradient-end, .border-block-color-secondary-gradient-end-hover:is(:hover, :focus), .border-block-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-block-color-accent, .border-block-color-accent-hover:is(:hover, :focus), .border-block-color-accent-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-block-color-accent-alt, .border-block-color-accent-alt-hover:is(:hover, :focus), .border-block-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-block-color-accent-gradient-start, .border-block-color-accent-gradient-start-hover:is(:hover, :focus), .border-block-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-block-color-accent-gradient-end, .border-block-color-accent-gradient-end-hover:is(:hover, :focus), .border-block-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-color: var(--color-accent-gradient-end);
}

/* border-inline-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-inline-color-inherit, .border-inline-color-inherit-hover:is(:hover, :focus), .border-inline-color-inherit-init:not(:is(:hover, :focus)) {
	border-inline-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-inline-color-transparent, .border-inline-color-transparent-hover:is(:hover, :focus), .border-inline-color-transparent-init:not(:is(:hover, :focus)) {
	border-inline-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-inline-color-currentColor, .border-inline-color-currentColor-hover:is(:hover, :focus), .border-inline-color-currentColor-init:not(:is(:hover, :focus)) {
	border-inline-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-inline-color-dark, .border-inline-color-dark-hover:is(:hover, :focus), .border-inline-color-dark-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-inline-color-dark-alt, .border-inline-color-dark-alt-hover:is(:hover, :focus), .border-inline-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-inline-color-light, .border-inline-color-light-hover:is(:hover, :focus), .border-inline-color-light-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-inline-color-light-alt, .border-inline-color-light-alt-hover:is(:hover, :focus), .border-inline-color-light-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-inline-color-neutral, .border-inline-color-neutral-hover:is(:hover, :focus), .border-inline-color-neutral-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-inline-color-neutral-light, .border-inline-color-neutral-light-hover:is(:hover, :focus), .border-inline-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-inline-color-neutral-lighter, .border-inline-color-neutral-lighter-hover:is(:hover, :focus), .border-inline-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-inline-color-neutral-lightest, .border-inline-color-neutral-lightest-hover:is(:hover, :focus), .border-inline-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-inline-color-neutral-dark, .border-inline-color-neutral-dark-hover:is(:hover, :focus), .border-inline-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-inline-color-neutral-darker, .border-inline-color-neutral-darker-hover:is(:hover, :focus), .border-inline-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-inline-color-neutral-darkest, .border-inline-color-neutral-darkest-hover:is(:hover, :focus), .border-inline-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-inline-color-primary, .border-inline-color-primary-hover:is(:hover, :focus), .border-inline-color-primary-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-inline-color-primary-alt, .border-inline-color-primary-alt-hover:is(:hover, :focus), .border-inline-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-inline-color-primary-gradient-start, .border-inline-color-primary-gradient-start-hover:is(:hover, :focus), .border-inline-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-inline-color-primary-gradient-end, .border-inline-color-primary-gradient-end-hover:is(:hover, :focus), .border-inline-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-inline-color-secondary, .border-inline-color-secondary-hover:is(:hover, :focus), .border-inline-color-secondary-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-inline-color-secondary-alt, .border-inline-color-secondary-alt-hover:is(:hover, :focus), .border-inline-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-inline-color-secondary-gradient-start, .border-inline-color-secondary-gradient-start-hover:is(:hover, :focus), .border-inline-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-inline-color-secondary-gradient-end, .border-inline-color-secondary-gradient-end-hover:is(:hover, :focus), .border-inline-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-inline-color-accent, .border-inline-color-accent-hover:is(:hover, :focus), .border-inline-color-accent-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-inline-color-accent-alt, .border-inline-color-accent-alt-hover:is(:hover, :focus), .border-inline-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-inline-color-accent-gradient-start, .border-inline-color-accent-gradient-start-hover:is(:hover, :focus), .border-inline-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-inline-color-accent-gradient-end, .border-inline-color-accent-gradient-end-hover:is(:hover, :focus), .border-inline-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-color: var(--color-accent-gradient-end);
}

/* border-block-start-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-block-start-color-inherit, .border-block-start-color-inherit-hover:is(:hover, :focus), .border-block-start-color-inherit-init:not(:is(:hover, :focus)) {
	border-block-start-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-block-start-color-transparent, .border-block-start-color-transparent-hover:is(:hover, :focus), .border-block-start-color-transparent-init:not(:is(:hover, :focus)) {
	border-block-start-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-block-start-color-currentColor, .border-block-start-color-currentColor-hover:is(:hover, :focus), .border-block-start-color-currentColor-init:not(:is(:hover, :focus)) {
	border-block-start-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-block-start-color-dark, .border-block-start-color-dark-hover:is(:hover, :focus), .border-block-start-color-dark-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-block-start-color-dark-alt, .border-block-start-color-dark-alt-hover:is(:hover, :focus), .border-block-start-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-block-start-color-light, .border-block-start-color-light-hover:is(:hover, :focus), .border-block-start-color-light-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-block-start-color-light-alt, .border-block-start-color-light-alt-hover:is(:hover, :focus), .border-block-start-color-light-alt-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-block-start-color-neutral, .border-block-start-color-neutral-hover:is(:hover, :focus), .border-block-start-color-neutral-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-block-start-color-neutral-light, .border-block-start-color-neutral-light-hover:is(:hover, :focus), .border-block-start-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-block-start-color-neutral-lighter, .border-block-start-color-neutral-lighter-hover:is(:hover, :focus), .border-block-start-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-block-start-color-neutral-lightest, .border-block-start-color-neutral-lightest-hover:is(:hover, :focus), .border-block-start-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-block-start-color-neutral-dark, .border-block-start-color-neutral-dark-hover:is(:hover, :focus), .border-block-start-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-block-start-color-neutral-darker, .border-block-start-color-neutral-darker-hover:is(:hover, :focus), .border-block-start-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-block-start-color-neutral-darkest, .border-block-start-color-neutral-darkest-hover:is(:hover, :focus), .border-block-start-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-block-start-color-primary, .border-block-start-color-primary-hover:is(:hover, :focus), .border-block-start-color-primary-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-block-start-color-primary-alt, .border-block-start-color-primary-alt-hover:is(:hover, :focus), .border-block-start-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-block-start-color-primary-gradient-start, .border-block-start-color-primary-gradient-start-hover:is(:hover, :focus), .border-block-start-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-block-start-color-primary-gradient-end, .border-block-start-color-primary-gradient-end-hover:is(:hover, :focus), .border-block-start-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-block-start-color-secondary, .border-block-start-color-secondary-hover:is(:hover, :focus), .border-block-start-color-secondary-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-block-start-color-secondary-alt, .border-block-start-color-secondary-alt-hover:is(:hover, :focus), .border-block-start-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-block-start-color-secondary-gradient-start, .border-block-start-color-secondary-gradient-start-hover:is(:hover, :focus), .border-block-start-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-block-start-color-secondary-gradient-end, .border-block-start-color-secondary-gradient-end-hover:is(:hover, :focus), .border-block-start-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-block-start-color-accent, .border-block-start-color-accent-hover:is(:hover, :focus), .border-block-start-color-accent-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-block-start-color-accent-alt, .border-block-start-color-accent-alt-hover:is(:hover, :focus), .border-block-start-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-block-start-color-accent-gradient-start, .border-block-start-color-accent-gradient-start-hover:is(:hover, :focus), .border-block-start-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-block-start-color-accent-gradient-end, .border-block-start-color-accent-gradient-end-hover:is(:hover, :focus), .border-block-start-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-start-color: var(--color-accent-gradient-end);
}

/* border-block-end-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-block-end-color-inherit, .border-block-end-color-inherit-hover:is(:hover, :focus), .border-block-end-color-inherit-init:not(:is(:hover, :focus)) {
	border-block-end-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-block-end-color-transparent, .border-block-end-color-transparent-hover:is(:hover, :focus), .border-block-end-color-transparent-init:not(:is(:hover, :focus)) {
	border-block-end-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-block-end-color-currentColor, .border-block-end-color-currentColor-hover:is(:hover, :focus), .border-block-end-color-currentColor-init:not(:is(:hover, :focus)) {
	border-block-end-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-block-end-color-dark, .border-block-end-color-dark-hover:is(:hover, :focus), .border-block-end-color-dark-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-block-end-color-dark-alt, .border-block-end-color-dark-alt-hover:is(:hover, :focus), .border-block-end-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-block-end-color-light, .border-block-end-color-light-hover:is(:hover, :focus), .border-block-end-color-light-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-block-end-color-light-alt, .border-block-end-color-light-alt-hover:is(:hover, :focus), .border-block-end-color-light-alt-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-block-end-color-neutral, .border-block-end-color-neutral-hover:is(:hover, :focus), .border-block-end-color-neutral-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-block-end-color-neutral-light, .border-block-end-color-neutral-light-hover:is(:hover, :focus), .border-block-end-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-block-end-color-neutral-lighter, .border-block-end-color-neutral-lighter-hover:is(:hover, :focus), .border-block-end-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-block-end-color-neutral-lightest, .border-block-end-color-neutral-lightest-hover:is(:hover, :focus), .border-block-end-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-block-end-color-neutral-dark, .border-block-end-color-neutral-dark-hover:is(:hover, :focus), .border-block-end-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-block-end-color-neutral-darker, .border-block-end-color-neutral-darker-hover:is(:hover, :focus), .border-block-end-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-block-end-color-neutral-darkest, .border-block-end-color-neutral-darkest-hover:is(:hover, :focus), .border-block-end-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-block-end-color-primary, .border-block-end-color-primary-hover:is(:hover, :focus), .border-block-end-color-primary-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-block-end-color-primary-alt, .border-block-end-color-primary-alt-hover:is(:hover, :focus), .border-block-end-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-block-end-color-primary-gradient-start, .border-block-end-color-primary-gradient-start-hover:is(:hover, :focus), .border-block-end-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-block-end-color-primary-gradient-end, .border-block-end-color-primary-gradient-end-hover:is(:hover, :focus), .border-block-end-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-block-end-color-secondary, .border-block-end-color-secondary-hover:is(:hover, :focus), .border-block-end-color-secondary-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-block-end-color-secondary-alt, .border-block-end-color-secondary-alt-hover:is(:hover, :focus), .border-block-end-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-block-end-color-secondary-gradient-start, .border-block-end-color-secondary-gradient-start-hover:is(:hover, :focus), .border-block-end-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-block-end-color-secondary-gradient-end, .border-block-end-color-secondary-gradient-end-hover:is(:hover, :focus), .border-block-end-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-block-end-color-accent, .border-block-end-color-accent-hover:is(:hover, :focus), .border-block-end-color-accent-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-block-end-color-accent-alt, .border-block-end-color-accent-alt-hover:is(:hover, :focus), .border-block-end-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-block-end-color-accent-gradient-start, .border-block-end-color-accent-gradient-start-hover:is(:hover, :focus), .border-block-end-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-block-end-color-accent-gradient-end, .border-block-end-color-accent-gradient-end-hover:is(:hover, :focus), .border-block-end-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-block-end-color: var(--color-accent-gradient-end);
}

/* border-inline-start-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-inline-start-color-inherit, .border-inline-start-color-inherit-hover:is(:hover, :focus), .border-inline-start-color-inherit-init:not(:is(:hover, :focus)) {
	border-inline-start-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-inline-start-color-transparent, .border-inline-start-color-transparent-hover:is(:hover, :focus), .border-inline-start-color-transparent-init:not(:is(:hover, :focus)) {
	border-inline-start-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-inline-start-color-currentColor, .border-inline-start-color-currentColor-hover:is(:hover, :focus), .border-inline-start-color-currentColor-init:not(:is(:hover, :focus)) {
	border-inline-start-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-inline-start-color-dark, .border-inline-start-color-dark-hover:is(:hover, :focus), .border-inline-start-color-dark-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-inline-start-color-dark-alt, .border-inline-start-color-dark-alt-hover:is(:hover, :focus), .border-inline-start-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-inline-start-color-light, .border-inline-start-color-light-hover:is(:hover, :focus), .border-inline-start-color-light-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-inline-start-color-light-alt, .border-inline-start-color-light-alt-hover:is(:hover, :focus), .border-inline-start-color-light-alt-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-inline-start-color-neutral, .border-inline-start-color-neutral-hover:is(:hover, :focus), .border-inline-start-color-neutral-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-inline-start-color-neutral-light, .border-inline-start-color-neutral-light-hover:is(:hover, :focus), .border-inline-start-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-inline-start-color-neutral-lighter, .border-inline-start-color-neutral-lighter-hover:is(:hover, :focus), .border-inline-start-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-inline-start-color-neutral-lightest, .border-inline-start-color-neutral-lightest-hover:is(:hover, :focus), .border-inline-start-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-inline-start-color-neutral-dark, .border-inline-start-color-neutral-dark-hover:is(:hover, :focus), .border-inline-start-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-inline-start-color-neutral-darker, .border-inline-start-color-neutral-darker-hover:is(:hover, :focus), .border-inline-start-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-inline-start-color-neutral-darkest, .border-inline-start-color-neutral-darkest-hover:is(:hover, :focus), .border-inline-start-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-inline-start-color-primary, .border-inline-start-color-primary-hover:is(:hover, :focus), .border-inline-start-color-primary-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-inline-start-color-primary-alt, .border-inline-start-color-primary-alt-hover:is(:hover, :focus), .border-inline-start-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-inline-start-color-primary-gradient-start, .border-inline-start-color-primary-gradient-start-hover:is(:hover, :focus), .border-inline-start-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-inline-start-color-primary-gradient-end, .border-inline-start-color-primary-gradient-end-hover:is(:hover, :focus), .border-inline-start-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-inline-start-color-secondary, .border-inline-start-color-secondary-hover:is(:hover, :focus), .border-inline-start-color-secondary-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-inline-start-color-secondary-alt, .border-inline-start-color-secondary-alt-hover:is(:hover, :focus), .border-inline-start-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-inline-start-color-secondary-gradient-start, .border-inline-start-color-secondary-gradient-start-hover:is(:hover, :focus), .border-inline-start-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-inline-start-color-secondary-gradient-end, .border-inline-start-color-secondary-gradient-end-hover:is(:hover, :focus), .border-inline-start-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-inline-start-color-accent, .border-inline-start-color-accent-hover:is(:hover, :focus), .border-inline-start-color-accent-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-inline-start-color-accent-alt, .border-inline-start-color-accent-alt-hover:is(:hover, :focus), .border-inline-start-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-inline-start-color-accent-gradient-start, .border-inline-start-color-accent-gradient-start-hover:is(:hover, :focus), .border-inline-start-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-inline-start-color-accent-gradient-end, .border-inline-start-color-accent-gradient-end-hover:is(:hover, :focus), .border-inline-start-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-start-color: var(--color-accent-gradient-end);
}

/* border-inline-end-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .border-inline-end-color-inherit, .border-inline-end-color-inherit-hover:is(:hover, :focus), .border-inline-end-color-inherit-init:not(:is(:hover, :focus)) {
	border-inline-end-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .border-inline-end-color-transparent, .border-inline-end-color-transparent-hover:is(:hover, :focus), .border-inline-end-color-transparent-init:not(:is(:hover, :focus)) {
	border-inline-end-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .border-inline-end-color-currentColor, .border-inline-end-color-currentColor-hover:is(:hover, :focus), .border-inline-end-color-currentColor-init:not(:is(:hover, :focus)) {
	border-inline-end-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .border-inline-end-color-dark, .border-inline-end-color-dark-hover:is(:hover, :focus), .border-inline-end-color-dark-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .border-inline-end-color-dark-alt, .border-inline-end-color-dark-alt-hover:is(:hover, :focus), .border-inline-end-color-dark-alt-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .border-inline-end-color-light, .border-inline-end-color-light-hover:is(:hover, :focus), .border-inline-end-color-light-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .border-inline-end-color-light-alt, .border-inline-end-color-light-alt-hover:is(:hover, :focus), .border-inline-end-color-light-alt-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .border-inline-end-color-neutral, .border-inline-end-color-neutral-hover:is(:hover, :focus), .border-inline-end-color-neutral-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .border-inline-end-color-neutral-light, .border-inline-end-color-neutral-light-hover:is(:hover, :focus), .border-inline-end-color-neutral-light-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .border-inline-end-color-neutral-lighter, .border-inline-end-color-neutral-lighter-hover:is(:hover, :focus), .border-inline-end-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .border-inline-end-color-neutral-lightest, .border-inline-end-color-neutral-lightest-hover:is(:hover, :focus), .border-inline-end-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .border-inline-end-color-neutral-dark, .border-inline-end-color-neutral-dark-hover:is(:hover, :focus), .border-inline-end-color-neutral-dark-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .border-inline-end-color-neutral-darker, .border-inline-end-color-neutral-darker-hover:is(:hover, :focus), .border-inline-end-color-neutral-darker-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .border-inline-end-color-neutral-darkest, .border-inline-end-color-neutral-darkest-hover:is(:hover, :focus), .border-inline-end-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .border-inline-end-color-primary, .border-inline-end-color-primary-hover:is(:hover, :focus), .border-inline-end-color-primary-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .border-inline-end-color-primary-alt, .border-inline-end-color-primary-alt-hover:is(:hover, :focus), .border-inline-end-color-primary-alt-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .border-inline-end-color-primary-gradient-start, .border-inline-end-color-primary-gradient-start-hover:is(:hover, :focus), .border-inline-end-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .border-inline-end-color-primary-gradient-end, .border-inline-end-color-primary-gradient-end-hover:is(:hover, :focus), .border-inline-end-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .border-inline-end-color-secondary, .border-inline-end-color-secondary-hover:is(:hover, :focus), .border-inline-end-color-secondary-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .border-inline-end-color-secondary-alt, .border-inline-end-color-secondary-alt-hover:is(:hover, :focus), .border-inline-end-color-secondary-alt-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .border-inline-end-color-secondary-gradient-start, .border-inline-end-color-secondary-gradient-start-hover:is(:hover, :focus), .border-inline-end-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .border-inline-end-color-secondary-gradient-end, .border-inline-end-color-secondary-gradient-end-hover:is(:hover, :focus), .border-inline-end-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .border-inline-end-color-accent, .border-inline-end-color-accent-hover:is(:hover, :focus), .border-inline-end-color-accent-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .border-inline-end-color-accent-alt, .border-inline-end-color-accent-alt-hover:is(:hover, :focus), .border-inline-end-color-accent-alt-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .border-inline-end-color-accent-gradient-start, .border-inline-end-color-accent-gradient-start-hover:is(:hover, :focus), .border-inline-end-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .border-inline-end-color-accent-gradient-end, .border-inline-end-color-accent-gradient-end-hover:is(:hover, :focus), .border-inline-end-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	border-inline-end-color: var(--color-accent-gradient-end);
}

/* outline-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .outline-color-inherit, .outline-color-inherit-hover:is(:hover, :focus), .outline-color-inherit-init:not(:is(:hover, :focus)) {
	outline-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .outline-color-transparent, .outline-color-transparent-hover:is(:hover, :focus), .outline-color-transparent-init:not(:is(:hover, :focus)) {
	outline-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .outline-color-currentColor, .outline-color-currentColor-hover:is(:hover, :focus), .outline-color-currentColor-init:not(:is(:hover, :focus)) {
	outline-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .outline-color-dark, .outline-color-dark-hover:is(:hover, :focus), .outline-color-dark-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .outline-color-dark-alt, .outline-color-dark-alt-hover:is(:hover, :focus), .outline-color-dark-alt-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .outline-color-light, .outline-color-light-hover:is(:hover, :focus), .outline-color-light-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .outline-color-light-alt, .outline-color-light-alt-hover:is(:hover, :focus), .outline-color-light-alt-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .outline-color-neutral, .outline-color-neutral-hover:is(:hover, :focus), .outline-color-neutral-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .outline-color-neutral-light, .outline-color-neutral-light-hover:is(:hover, :focus), .outline-color-neutral-light-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .outline-color-neutral-lighter, .outline-color-neutral-lighter-hover:is(:hover, :focus), .outline-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .outline-color-neutral-lightest, .outline-color-neutral-lightest-hover:is(:hover, :focus), .outline-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .outline-color-neutral-dark, .outline-color-neutral-dark-hover:is(:hover, :focus), .outline-color-neutral-dark-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .outline-color-neutral-darker, .outline-color-neutral-darker-hover:is(:hover, :focus), .outline-color-neutral-darker-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .outline-color-neutral-darkest, .outline-color-neutral-darkest-hover:is(:hover, :focus), .outline-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .outline-color-primary, .outline-color-primary-hover:is(:hover, :focus), .outline-color-primary-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .outline-color-primary-alt, .outline-color-primary-alt-hover:is(:hover, :focus), .outline-color-primary-alt-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .outline-color-primary-gradient-start, .outline-color-primary-gradient-start-hover:is(:hover, :focus), .outline-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .outline-color-primary-gradient-end, .outline-color-primary-gradient-end-hover:is(:hover, :focus), .outline-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .outline-color-secondary, .outline-color-secondary-hover:is(:hover, :focus), .outline-color-secondary-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .outline-color-secondary-alt, .outline-color-secondary-alt-hover:is(:hover, :focus), .outline-color-secondary-alt-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .outline-color-secondary-gradient-start, .outline-color-secondary-gradient-start-hover:is(:hover, :focus), .outline-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .outline-color-secondary-gradient-end, .outline-color-secondary-gradient-end-hover:is(:hover, :focus), .outline-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .outline-color-accent, .outline-color-accent-hover:is(:hover, :focus), .outline-color-accent-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .outline-color-accent-alt, .outline-color-accent-alt-hover:is(:hover, :focus), .outline-color-accent-alt-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .outline-color-accent-gradient-start, .outline-color-accent-gradient-start-hover:is(:hover, :focus), .outline-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .outline-color-accent-gradient-end, .outline-color-accent-gradient-end-hover:is(:hover, :focus), .outline-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	outline-color: var(--color-accent-gradient-end);
}

/* fill helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .fill-inherit, .fill-inherit-hover:is(:hover, :focus), .fill-inherit-init:not(:is(:hover, :focus)) {
	fill: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .fill-transparent, .fill-transparent-hover:is(:hover, :focus), .fill-transparent-init:not(:is(:hover, :focus)) {
	fill: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .fill-currentColor, .fill-currentColor-hover:is(:hover, :focus), .fill-currentColor-init:not(:is(:hover, :focus)) {
	fill: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .fill-dark, .fill-dark-hover:is(:hover, :focus), .fill-dark-init:not(:is(:hover, :focus)) {
	fill: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .fill-dark-alt, .fill-dark-alt-hover:is(:hover, :focus), .fill-dark-alt-init:not(:is(:hover, :focus)) {
	fill: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .fill-light, .fill-light-hover:is(:hover, :focus), .fill-light-init:not(:is(:hover, :focus)) {
	fill: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .fill-light-alt, .fill-light-alt-hover:is(:hover, :focus), .fill-light-alt-init:not(:is(:hover, :focus)) {
	fill: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .fill-neutral, .fill-neutral-hover:is(:hover, :focus), .fill-neutral-init:not(:is(:hover, :focus)) {
	fill: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .fill-neutral-light, .fill-neutral-light-hover:is(:hover, :focus), .fill-neutral-light-init:not(:is(:hover, :focus)) {
	fill: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .fill-neutral-lighter, .fill-neutral-lighter-hover:is(:hover, :focus), .fill-neutral-lighter-init:not(:is(:hover, :focus)) {
	fill: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .fill-neutral-lightest, .fill-neutral-lightest-hover:is(:hover, :focus), .fill-neutral-lightest-init:not(:is(:hover, :focus)) {
	fill: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .fill-neutral-dark, .fill-neutral-dark-hover:is(:hover, :focus), .fill-neutral-dark-init:not(:is(:hover, :focus)) {
	fill: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .fill-neutral-darker, .fill-neutral-darker-hover:is(:hover, :focus), .fill-neutral-darker-init:not(:is(:hover, :focus)) {
	fill: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .fill-neutral-darkest, .fill-neutral-darkest-hover:is(:hover, :focus), .fill-neutral-darkest-init:not(:is(:hover, :focus)) {
	fill: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .fill-primary, .fill-primary-hover:is(:hover, :focus), .fill-primary-init:not(:is(:hover, :focus)) {
	fill: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .fill-primary-alt, .fill-primary-alt-hover:is(:hover, :focus), .fill-primary-alt-init:not(:is(:hover, :focus)) {
	fill: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .fill-primary-gradient-start, .fill-primary-gradient-start-hover:is(:hover, :focus), .fill-primary-gradient-start-init:not(:is(:hover, :focus)) {
	fill: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .fill-primary-gradient-end, .fill-primary-gradient-end-hover:is(:hover, :focus), .fill-primary-gradient-end-init:not(:is(:hover, :focus)) {
	fill: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .fill-secondary, .fill-secondary-hover:is(:hover, :focus), .fill-secondary-init:not(:is(:hover, :focus)) {
	fill: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .fill-secondary-alt, .fill-secondary-alt-hover:is(:hover, :focus), .fill-secondary-alt-init:not(:is(:hover, :focus)) {
	fill: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .fill-secondary-gradient-start, .fill-secondary-gradient-start-hover:is(:hover, :focus), .fill-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	fill: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .fill-secondary-gradient-end, .fill-secondary-gradient-end-hover:is(:hover, :focus), .fill-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	fill: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .fill-accent, .fill-accent-hover:is(:hover, :focus), .fill-accent-init:not(:is(:hover, :focus)) {
	fill: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .fill-accent-alt, .fill-accent-alt-hover:is(:hover, :focus), .fill-accent-alt-init:not(:is(:hover, :focus)) {
	fill: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .fill-accent-gradient-start, .fill-accent-gradient-start-hover:is(:hover, :focus), .fill-accent-gradient-start-init:not(:is(:hover, :focus)) {
	fill: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .fill-accent-gradient-end, .fill-accent-gradient-end-hover:is(:hover, :focus), .fill-accent-gradient-end-init:not(:is(:hover, :focus)) {
	fill: var(--color-accent-gradient-end);
}

/* stroke helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .stroke-inherit, .stroke-inherit-hover:is(:hover, :focus), .stroke-inherit-init:not(:is(:hover, :focus)) {
	stroke: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .stroke-transparent, .stroke-transparent-hover:is(:hover, :focus), .stroke-transparent-init:not(:is(:hover, :focus)) {
	stroke: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .stroke-currentColor, .stroke-currentColor-hover:is(:hover, :focus), .stroke-currentColor-init:not(:is(:hover, :focus)) {
	stroke: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .stroke-dark, .stroke-dark-hover:is(:hover, :focus), .stroke-dark-init:not(:is(:hover, :focus)) {
	stroke: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .stroke-dark-alt, .stroke-dark-alt-hover:is(:hover, :focus), .stroke-dark-alt-init:not(:is(:hover, :focus)) {
	stroke: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .stroke-light, .stroke-light-hover:is(:hover, :focus), .stroke-light-init:not(:is(:hover, :focus)) {
	stroke: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .stroke-light-alt, .stroke-light-alt-hover:is(:hover, :focus), .stroke-light-alt-init:not(:is(:hover, :focus)) {
	stroke: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .stroke-neutral, .stroke-neutral-hover:is(:hover, :focus), .stroke-neutral-init:not(:is(:hover, :focus)) {
	stroke: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .stroke-neutral-light, .stroke-neutral-light-hover:is(:hover, :focus), .stroke-neutral-light-init:not(:is(:hover, :focus)) {
	stroke: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .stroke-neutral-lighter, .stroke-neutral-lighter-hover:is(:hover, :focus), .stroke-neutral-lighter-init:not(:is(:hover, :focus)) {
	stroke: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .stroke-neutral-lightest, .stroke-neutral-lightest-hover:is(:hover, :focus), .stroke-neutral-lightest-init:not(:is(:hover, :focus)) {
	stroke: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .stroke-neutral-dark, .stroke-neutral-dark-hover:is(:hover, :focus), .stroke-neutral-dark-init:not(:is(:hover, :focus)) {
	stroke: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .stroke-neutral-darker, .stroke-neutral-darker-hover:is(:hover, :focus), .stroke-neutral-darker-init:not(:is(:hover, :focus)) {
	stroke: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .stroke-neutral-darkest, .stroke-neutral-darkest-hover:is(:hover, :focus), .stroke-neutral-darkest-init:not(:is(:hover, :focus)) {
	stroke: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .stroke-primary, .stroke-primary-hover:is(:hover, :focus), .stroke-primary-init:not(:is(:hover, :focus)) {
	stroke: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .stroke-primary-alt, .stroke-primary-alt-hover:is(:hover, :focus), .stroke-primary-alt-init:not(:is(:hover, :focus)) {
	stroke: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .stroke-primary-gradient-start, .stroke-primary-gradient-start-hover:is(:hover, :focus), .stroke-primary-gradient-start-init:not(:is(:hover, :focus)) {
	stroke: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .stroke-primary-gradient-end, .stroke-primary-gradient-end-hover:is(:hover, :focus), .stroke-primary-gradient-end-init:not(:is(:hover, :focus)) {
	stroke: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .stroke-secondary, .stroke-secondary-hover:is(:hover, :focus), .stroke-secondary-init:not(:is(:hover, :focus)) {
	stroke: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .stroke-secondary-alt, .stroke-secondary-alt-hover:is(:hover, :focus), .stroke-secondary-alt-init:not(:is(:hover, :focus)) {
	stroke: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .stroke-secondary-gradient-start, .stroke-secondary-gradient-start-hover:is(:hover, :focus), .stroke-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	stroke: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .stroke-secondary-gradient-end, .stroke-secondary-gradient-end-hover:is(:hover, :focus), .stroke-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	stroke: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .stroke-accent, .stroke-accent-hover:is(:hover, :focus), .stroke-accent-init:not(:is(:hover, :focus)) {
	stroke: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .stroke-accent-alt, .stroke-accent-alt-hover:is(:hover, :focus), .stroke-accent-alt-init:not(:is(:hover, :focus)) {
	stroke: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .stroke-accent-gradient-start, .stroke-accent-gradient-start-hover:is(:hover, :focus), .stroke-accent-gradient-start-init:not(:is(:hover, :focus)) {
	stroke: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .stroke-accent-gradient-end, .stroke-accent-gradient-end-hover:is(:hover, :focus), .stroke-accent-gradient-end-init:not(:is(:hover, :focus)) {
	stroke: var(--color-accent-gradient-end);
}

/* stop-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .stop-color-inherit, .stop-color-inherit-hover:is(:hover, :focus), .stop-color-inherit-init:not(:is(:hover, :focus)) {
	stop-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .stop-color-transparent, .stop-color-transparent-hover:is(:hover, :focus), .stop-color-transparent-init:not(:is(:hover, :focus)) {
	stop-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .stop-color-currentColor, .stop-color-currentColor-hover:is(:hover, :focus), .stop-color-currentColor-init:not(:is(:hover, :focus)) {
	stop-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .stop-color-dark, .stop-color-dark-hover:is(:hover, :focus), .stop-color-dark-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .stop-color-dark-alt, .stop-color-dark-alt-hover:is(:hover, :focus), .stop-color-dark-alt-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .stop-color-light, .stop-color-light-hover:is(:hover, :focus), .stop-color-light-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .stop-color-light-alt, .stop-color-light-alt-hover:is(:hover, :focus), .stop-color-light-alt-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .stop-color-neutral, .stop-color-neutral-hover:is(:hover, :focus), .stop-color-neutral-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .stop-color-neutral-light, .stop-color-neutral-light-hover:is(:hover, :focus), .stop-color-neutral-light-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .stop-color-neutral-lighter, .stop-color-neutral-lighter-hover:is(:hover, :focus), .stop-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .stop-color-neutral-lightest, .stop-color-neutral-lightest-hover:is(:hover, :focus), .stop-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .stop-color-neutral-dark, .stop-color-neutral-dark-hover:is(:hover, :focus), .stop-color-neutral-dark-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .stop-color-neutral-darker, .stop-color-neutral-darker-hover:is(:hover, :focus), .stop-color-neutral-darker-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .stop-color-neutral-darkest, .stop-color-neutral-darkest-hover:is(:hover, :focus), .stop-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .stop-color-primary, .stop-color-primary-hover:is(:hover, :focus), .stop-color-primary-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .stop-color-primary-alt, .stop-color-primary-alt-hover:is(:hover, :focus), .stop-color-primary-alt-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .stop-color-primary-gradient-start, .stop-color-primary-gradient-start-hover:is(:hover, :focus), .stop-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .stop-color-primary-gradient-end, .stop-color-primary-gradient-end-hover:is(:hover, :focus), .stop-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .stop-color-secondary, .stop-color-secondary-hover:is(:hover, :focus), .stop-color-secondary-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .stop-color-secondary-alt, .stop-color-secondary-alt-hover:is(:hover, :focus), .stop-color-secondary-alt-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .stop-color-secondary-gradient-start, .stop-color-secondary-gradient-start-hover:is(:hover, :focus), .stop-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .stop-color-secondary-gradient-end, .stop-color-secondary-gradient-end-hover:is(:hover, :focus), .stop-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .stop-color-accent, .stop-color-accent-hover:is(:hover, :focus), .stop-color-accent-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .stop-color-accent-alt, .stop-color-accent-alt-hover:is(:hover, :focus), .stop-color-accent-alt-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .stop-color-accent-gradient-start, .stop-color-accent-gradient-start-hover:is(:hover, :focus), .stop-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .stop-color-accent-gradient-end, .stop-color-accent-gradient-end-hover:is(:hover, :focus), .stop-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	stop-color: var(--color-accent-gradient-end);
}

/* flood-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .flood-color-inherit, .flood-color-inherit-hover:is(:hover, :focus), .flood-color-inherit-init:not(:is(:hover, :focus)) {
	flood-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .flood-color-transparent, .flood-color-transparent-hover:is(:hover, :focus), .flood-color-transparent-init:not(:is(:hover, :focus)) {
	flood-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .flood-color-currentColor, .flood-color-currentColor-hover:is(:hover, :focus), .flood-color-currentColor-init:not(:is(:hover, :focus)) {
	flood-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .flood-color-dark, .flood-color-dark-hover:is(:hover, :focus), .flood-color-dark-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .flood-color-dark-alt, .flood-color-dark-alt-hover:is(:hover, :focus), .flood-color-dark-alt-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .flood-color-light, .flood-color-light-hover:is(:hover, :focus), .flood-color-light-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .flood-color-light-alt, .flood-color-light-alt-hover:is(:hover, :focus), .flood-color-light-alt-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .flood-color-neutral, .flood-color-neutral-hover:is(:hover, :focus), .flood-color-neutral-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .flood-color-neutral-light, .flood-color-neutral-light-hover:is(:hover, :focus), .flood-color-neutral-light-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .flood-color-neutral-lighter, .flood-color-neutral-lighter-hover:is(:hover, :focus), .flood-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .flood-color-neutral-lightest, .flood-color-neutral-lightest-hover:is(:hover, :focus), .flood-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .flood-color-neutral-dark, .flood-color-neutral-dark-hover:is(:hover, :focus), .flood-color-neutral-dark-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .flood-color-neutral-darker, .flood-color-neutral-darker-hover:is(:hover, :focus), .flood-color-neutral-darker-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .flood-color-neutral-darkest, .flood-color-neutral-darkest-hover:is(:hover, :focus), .flood-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .flood-color-primary, .flood-color-primary-hover:is(:hover, :focus), .flood-color-primary-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .flood-color-primary-alt, .flood-color-primary-alt-hover:is(:hover, :focus), .flood-color-primary-alt-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .flood-color-primary-gradient-start, .flood-color-primary-gradient-start-hover:is(:hover, :focus), .flood-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .flood-color-primary-gradient-end, .flood-color-primary-gradient-end-hover:is(:hover, :focus), .flood-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .flood-color-secondary, .flood-color-secondary-hover:is(:hover, :focus), .flood-color-secondary-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .flood-color-secondary-alt, .flood-color-secondary-alt-hover:is(:hover, :focus), .flood-color-secondary-alt-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .flood-color-secondary-gradient-start, .flood-color-secondary-gradient-start-hover:is(:hover, :focus), .flood-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .flood-color-secondary-gradient-end, .flood-color-secondary-gradient-end-hover:is(:hover, :focus), .flood-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .flood-color-accent, .flood-color-accent-hover:is(:hover, :focus), .flood-color-accent-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .flood-color-accent-alt, .flood-color-accent-alt-hover:is(:hover, :focus), .flood-color-accent-alt-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .flood-color-accent-gradient-start, .flood-color-accent-gradient-start-hover:is(:hover, :focus), .flood-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .flood-color-accent-gradient-end, .flood-color-accent-gradient-end-hover:is(:hover, :focus), .flood-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	flood-color: var(--color-accent-gradient-end);
}

/* lighting-color helpers
--------------------------------------------------------------- */
:where(.content-palette-dark) .color-inherit-ondark, .lighting-color-inherit, .lighting-color-inherit-hover:is(:hover, :focus), .lighting-color-inherit-init:not(:is(:hover, :focus)) {
	lighting-color: inherit;
}

:where(.content-palette-dark) .color-transparent-ondark, .lighting-color-transparent, .lighting-color-transparent-hover:is(:hover, :focus), .lighting-color-transparent-init:not(:is(:hover, :focus)) {
	lighting-color: transparent;
}

:where(.content-palette-dark) .color-currentColor-ondark, .lighting-color-currentColor, .lighting-color-currentColor-hover:is(:hover, :focus), .lighting-color-currentColor-init:not(:is(:hover, :focus)) {
	lighting-color: currentColor;
}

:where(.content-palette-dark) .color-dark-ondark, .lighting-color-dark, .lighting-color-dark-hover:is(:hover, :focus), .lighting-color-dark-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-dark);
}

:where(.content-palette-dark) .color-dark-alt-ondark, .lighting-color-dark-alt, .lighting-color-dark-alt-hover:is(:hover, :focus), .lighting-color-dark-alt-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-dark-alt);
}

:where(.content-palette-dark) .color-light-ondark, .lighting-color-light, .lighting-color-light-hover:is(:hover, :focus), .lighting-color-light-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-light);
}

:where(.content-palette-dark) .color-light-alt-ondark, .lighting-color-light-alt, .lighting-color-light-alt-hover:is(:hover, :focus), .lighting-color-light-alt-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-light-alt);
}

:where(.content-palette-dark) .color-neutral-ondark, .lighting-color-neutral, .lighting-color-neutral-hover:is(:hover, :focus), .lighting-color-neutral-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-neutral);
}

:where(.content-palette-dark) .color-neutral-light-ondark, .lighting-color-neutral-light, .lighting-color-neutral-light-hover:is(:hover, :focus), .lighting-color-neutral-light-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-neutral-light);
}

:where(.content-palette-dark) .color-neutral-lighter-ondark, .lighting-color-neutral-lighter, .lighting-color-neutral-lighter-hover:is(:hover, :focus), .lighting-color-neutral-lighter-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-neutral-lighter);
}

:where(.content-palette-dark) .color-neutral-lightest-ondark, .lighting-color-neutral-lightest, .lighting-color-neutral-lightest-hover:is(:hover, :focus), .lighting-color-neutral-lightest-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-neutral-lightest);
}

:where(.content-palette-dark) .color-neutral-dark-ondark, .lighting-color-neutral-dark, .lighting-color-neutral-dark-hover:is(:hover, :focus), .lighting-color-neutral-dark-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-neutral-dark);
}

:where(.content-palette-dark) .color-neutral-darker-ondark, .lighting-color-neutral-darker, .lighting-color-neutral-darker-hover:is(:hover, :focus), .lighting-color-neutral-darker-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-neutral-darker);
}

:where(.content-palette-dark) .color-neutral-darkest-ondark, .lighting-color-neutral-darkest, .lighting-color-neutral-darkest-hover:is(:hover, :focus), .lighting-color-neutral-darkest-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-neutral-darkest);
}

:where(.content-palette-dark) .color-primary-ondark, .lighting-color-primary, .lighting-color-primary-hover:is(:hover, :focus), .lighting-color-primary-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-primary);
}

:where(.content-palette-dark) .color-primary-alt-ondark, .lighting-color-primary-alt, .lighting-color-primary-alt-hover:is(:hover, :focus), .lighting-color-primary-alt-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-primary-alt);
}

:where(.content-palette-dark) .color-primary-gradient-start-ondark, .lighting-color-primary-gradient-start, .lighting-color-primary-gradient-start-hover:is(:hover, :focus), .lighting-color-primary-gradient-start-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-primary-gradient-start);
}

:where(.content-palette-dark) .color-primary-gradient-end-ondark, .lighting-color-primary-gradient-end, .lighting-color-primary-gradient-end-hover:is(:hover, :focus), .lighting-color-primary-gradient-end-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-primary-gradient-end);
}

:where(.content-palette-dark) .color-secondary-ondark, .lighting-color-secondary, .lighting-color-secondary-hover:is(:hover, :focus), .lighting-color-secondary-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-secondary);
}

:where(.content-palette-dark) .color-secondary-alt-ondark, .lighting-color-secondary-alt, .lighting-color-secondary-alt-hover:is(:hover, :focus), .lighting-color-secondary-alt-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-secondary-alt);
}

:where(.content-palette-dark) .color-secondary-gradient-start-ondark, .lighting-color-secondary-gradient-start, .lighting-color-secondary-gradient-start-hover:is(:hover, :focus), .lighting-color-secondary-gradient-start-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-secondary-gradient-start);
}

:where(.content-palette-dark) .color-secondary-gradient-end-ondark, .lighting-color-secondary-gradient-end, .lighting-color-secondary-gradient-end-hover:is(:hover, :focus), .lighting-color-secondary-gradient-end-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-secondary-gradient-end);
}

:where(.content-palette-dark) .color-accent-ondark, .lighting-color-accent, .lighting-color-accent-hover:is(:hover, :focus), .lighting-color-accent-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-accent);
}

:where(.content-palette-dark) .color-accent-alt-ondark, .lighting-color-accent-alt, .lighting-color-accent-alt-hover:is(:hover, :focus), .lighting-color-accent-alt-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-accent-alt);
}

:where(.content-palette-dark) .color-accent-gradient-start-ondark, .lighting-color-accent-gradient-start, .lighting-color-accent-gradient-start-hover:is(:hover, :focus), .lighting-color-accent-gradient-start-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-accent-gradient-start);
}

:where(.content-palette-dark) .color-accent-gradient-end-ondark, .lighting-color-accent-gradient-end, .lighting-color-accent-gradient-end-hover:is(:hover, :focus), .lighting-color-accent-gradient-end-init:not(:is(:hover, :focus)) {
	lighting-color: var(--color-accent-gradient-end);
}

/* ================================================================================
* Global Critical Components - UI/ Build Elements These need edits based on the design
================================================================================ */

/* Accordion: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/accordion.md#accordion
--------------------------------------------------------------- */

/* .accordion Skeletons. Do Not Edit */
.accordion:not(.open) {
	display: none;
}

/* .accordion-toggle Skeletons */
.accordion-trigger {
	cursor: pointer;
}

.accordion-trigger > * {
	pointer-events: none;
}

/* Accordion: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/accordion.md#accordion
--------------------------------------------------------------- */

/* there should be no need to add customizations to this class, but just in case */
.accordion-trigger {
	font-size: 22px;
	line-height: 25px;
	display: flex;
	gap: 2rem;
	margin-block: 0;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--color-neutral);
}

@media only screen and (min-width: 48rem) {
	.accordion-trigger {
		gap: 70px;
	}
}

/* Accordion: Toggle  https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/accordion.md#data-toggle-accordion
--------------------------------------------------------------- */
.accordion-trigger {
	cursor: pointer;
	transition: all .375s ease-in-out;
}

.accordion-trigger .accordion-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 42px;
	max-width: 42px;
	height: 42px;
	border-radius: 9999px;
	background: var(--color-accent);
}

.accordion-trigger .accordion-icon::after {
	content: "+";
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	color: var(--color-light);
	margin-top: -4px;
}

.accordion-trigger.open {
	border-bottom: 1px solid transparent;
	padding-bottom: 1rem;
}

.accordion-trigger.open .accordion-icon::after {
	content: "-";
}

.list {
	margin-bottom: 25px;
}

.list:last-child {
	margin-bottom: 0;
}

.list:last-child .accordion-trigger {
	border: none;
}

.list-item {
	max-width: 95%;
}

/* Buttons: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/button.md#button
--------------------------------------------------------------- */

/* .button Skeletons. Do Not Edit */
.button {
	border: var(--button-border-width, 1px) solid;
	padding-inline: var(--button-padding-x, 1em);
	padding-block: calc(var(--button-padding-y, calc(( var(--button-height, 4em) - var(--button-border-width, 2px) * 2 - 1em * var(--button-lines, 1) * var(--button-line-height, 1.25) ) * .5)) - var(--button-border-width, 1px));
	line-height: var(--button-line-height, 1.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	max-inline-size: 100%;
	background: none;
	text-align: center;
	transition: all .125s ease-in-out;
	border-radius: var(--button-border-radius, 0px);
}

.button:is(.button-style-legacy) {
	min-block-size: var(--button-height, 3em);
	padding-inline: calc(var(--button-padding-x, 1em) - var(--button-border-width, 1px));
	padding-block: calc(( var(--button-height) - var(--button-border-width, 1px) * 2 - 1em * var(--button-lines) * var(--button-line-height) ) * var(--button-baseline-offset)) calc(( var(--button-height) - var(--button-border-width, 1px) * 2 - 1em * var(--button-lines) * var(--button-line-height) ) * ( 1 - var(--button-baseline-offset) ));
}

.button {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	gap: .25em;
	background-clip: border-box;
	background-origin: border-box;
}

.button, .button:is(:hover, :focus) {
	text-decoration: none;
}

/* Buttons: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/buttons.md
--------------------------------------------------------------- */

/* Button Customizations: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/buttons.md#css-vars 
--------------------------------------------------------------- */
.button {
	--button-border-width: 1px;
	/* border width. This will be accounted for in calculating the button height as well */
	--button-border-radius: 13px;
	/* button radius */
	--button-padding-x: 1.5em;
	/* horizontal padding */
	--button-padding-y: max(1em, 1rem);
	/* vertical padding */
	--button-line-height: 1.25;
	/* line height
  	* Usually there's no need to modify this unless a multiline button is present in the design and has a line height drastically different to what is set (currently 1.125).
  	* NOTE: this value has to be unitless for calc values to work.
  	* Formula is line-height-px / font-size-px 
  	* font-size 16px and line-height at 20px
  	* 20/16 = 1.25 (Note: Unitless value) */
	font-size: 1rem;
	line-height: var(--button-line-height);
	color: var(--color-primary);
	letter-spacing: 0em;
	text-transform: capitalize;
	font-style: normal;
	font-weight: 700;
	text-decoration: none;
	min-inline-size: 12ch;
}

/* Buttons Sizing Helpers: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/button.md#button-size-name
--------------------------------------------------------------- */

/* button w/ a height even more smaller than the default height */
.button.button-size-micro {
	font-size: .75rem;
	--button-padding-y: .5em;
}

/* button w/ a height smaller than the default height */
.button.button-size-small {
	font-size: .875rem;
	--button-padding-y: .5em;
}

/* button w/ a height slightly larger than the default height but it's not that big */
.button.button-size-medium {
	font-size: 17px;
	--button-padding-y: 11px;
	--button-padding-x: 12px;
}

/* button w/ a height larger than the default height */
.button.button-size-large {
	font-size: 21px;
	--button-padding-y: 13px;
	--button-padding-x: 26px;
}

/* button w/ a height that's even larger for no reason than the larger height */
.button.button-size-larger {
	font-size: 21px;
	--button-padding-y: 12px;
	--button-padding-x: 27px;
}

/* constricts the width equal to whatever size height is set*/
.button.button-size-equal {
	--button-padding-x: var(--button-padding-y);
	min-inline-size: 0;
	inline-size: auto;
	aspect-ratio: 1/1;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Buttons Color Palette Helpers: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/button.md#button-palette-name
--------------------------------------------------------------- */

/* 
* Default - most frequent button palette in the comps
* Invert - reuses default's colors but palettes for hover vs not hover are reversed
* Outline - text w/ border influencing text color
* Minimal - no colors except for the text
Adjust as needed.
*/
.button.button-palette-default, .button.button-palette-reverse:is(:hover, :focus) {
	background-image: var(--color-primary);
	background-color: var(--color-primary);
	color: var(--color-dark-alt);
	border-color: var(--color-primary-alt);
}

.button.button-palette-default:is(:hover, :focus), .button.button-palette-outline:is(:hover, :focus), .button.button-palette-reverse {
	background-image: var(--color-dark);
	background-color: var(--color-dark);
	color: var(--color-primary);
	border-color: var(--color-primary-alt);
}

.button.button-palette-minimal {
	background-color: transparent;
	background-image: none;
	color: inherit;
	border-color: transparent;
}

.button.button-palette-minimal.nitro-lazy {
	background-image: none !important;
}

.button.button-palette-minimal:is(:hover, :focus) {
	background-color: transparent;
	background-image: none;
	color: var(--scheme-sp, var(--color-primary));
	border-color: transparent;
}

.button.button-palette-minimal:is(:hover, :focus).nitro-lazy {
	background-image: none !important;
}

.button.button-palette-outline {
	background-color: transparent;
	background-image: none;
	color: inherit;
	border-color: var(--color-primary);
}

.button.button-palette-outline.nitro-lazy {
	background-image: none !important;
}

.button.button-palette-outline:is(:hover, :focus) {
	background-color: var(--color-light);
	color: var(--color-accent);
	border-color: var(--color-primary);
}

/*
primary palette. adjust or omit as needed
* Tip: if both a flat and gradient version of the palette exists in the design, adding the class .button-style-flat to this .button-palette-* class will disable the gradient
*/

/*
secondary palette. adjust or omit as needed
* Tip: if both a flat and gradient version of the palette exists in the design, adding the class .button-style-flat to this .button-palette-* class will disable the gradient
*/
.button.button-palette-secondary {
	background-image: var(--color-secondary);
	background-color: var(--color-secondary);
	color: var(--color-light);
	border-color: var(--color-secondary-alt);
}

.button.button-palette-secondary:is(:hover, :focus) {
	background-image: var(--color-light);
	background-color: var(--color-light);
	color: var(--color-secondary);
	border-color: var(--color-secondary-alt);
}

/*
accent palette. adjust or omit as needed
* Tip: if both a flat and gradient version of the palette exists in the design, adding the class .button-style-flat to this .button-palette-* class will disable the gradient
*/

/* Other Buttons Variations Helpers: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/button.md#button-style-name
--------------------------------------------------------------- */

/* buttons with extra decorations or whichever is the most specially styled. overhaul or add more button styles as needed */
.button.button-style-special {
	position: relative;
	z-index: 1;
	transform-style: preserve-3d;
	--button-border-offset: .5em;
	border-color: rgba(255, 255, 255, .2);
	box-shadow: 0 0 0 var(--button-border-width) var(--color-accent);
	border-width: var(--button-border-offset);
	background-clip: padding-box;
	padding-block: calc(var(--button-padding-y, 1em) - var(--button-border-offset) - var(--button-border-width, 1px));
}

.button.button-style-special::before {
	content: "";
	transition: box-shadow .125s ease-in-out;
	display: inline-block;
	align-self: center;
	margin-inline-end: .375em;
	margin-inline-start: .375em;
	margin-block-end: .375em;
	inline-size: 1.5rem;
	block-size: var(--button-border-width);
	background: currentColor;
	box-shadow: 0em -.375em 0 0, -.375em 0 0 0, .375em 0 0 0, 0em .375em 0 0;
}

.button.button-style-special:is(:hover, :focus) {
	box-shadow: 0 0 0 var(--button-border-width) var(--color-primary);
	border-color: rgba(255, 255, 255, .5);
}

.button.button-style-special:is(:hover, :focus)::before {
	box-shadow: .375em -.375em 0 0, -.75em 0 0 0, -.75em 0 0 0, .375em .375em 0 0;
}

/* link style legacy. for the old weirs we styled the button */

/* link style button. Usually the maps link or read more text for blog posts */
.button.button-style-link {
	--button-border-width: 2px;
	border-radius: 0;
	padding: 0 0 .5em;
	border-inline-width: 0;
	border-block-width: 0 var(--button-border-width);
	background: none;
	box-shadow: none;
	min-block-size: 0;
	min-inline-size: 0;
	color: inherit;
	letter-spacing: 0em;
	text-transform: none;
}

.button.button-style-link:is(:hover, :focus) {
	background: none;
	border-color: var(--color-primary);
}

/* undo background gradients in favor for the flat background color for button-palette. will only work if backgrounds are setup with proper fallbacks (background-gradient with a background-color fallback) */
.button.button-style-flat, .button.button-style-flat:is(:hover, :focus) {
	background-image: none;
}

.button.button-style-flat.nitro-lazy, .button.button-style-flat:is(:hover, :focus).nitro-lazy {
	background-image: none !important;
}

/* remove radius */
.button.button-style-no-radius {
	--button-border-radius: 0;
}

/* no corners for the button. only soft bbies */
.button.button-style-round {
	--button-border-radius: 999em;
}

/* very corners for the button. only pointy bbies */
.button.button-style-sharp {
	--button-border-radius: 0em;
}

/* button styles that have thicker borders than usual */
.button.button-style-thick-border {
	--button-border-width: 4px;
}

/* button styles that have thicker borders than usual */
.button.button-style-thin-border {
	--button-border-width: 1px;
}

/* button styles that have thicker borders than usual */
.button.button-style-no-border {
	--button-border-width: 0px;
}

/* diamond buttons. best if paired with .button-size-equal */
@supports (clip-path: polygon(0 0, 0 0, 0 0, 0 0)) {
	.button.button-style-diamond {
		overflow: hidden;
		clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	}
}

/* if the slider buttons have unique overrides */
.button.button-style-slider.button-palette-minimal {
	--button-height: 2.5em;
	--button-padding-x: .4em;
	font-size: 42px;
}

.slider-custom-buttons .button.prev {
	left: -2rem;
}

.slider-custom-buttons .button.next {
	right: -2rem;
}

.slider-custom-buttons .button:is(:hover) .button-glyph:after {
	border-color: var(--color-secondary);
}

@media only screen and (min-width: 87.5rem) {
	.slider-custom-buttons .button.prev {
		left: 4rem;
	}
	
	.slider-custom-buttons .button.next {
		right: 4rem;
	}
}

/* Misc Button stuff. Add as needed
--------------------------------------------------------------- */

/* Glyph stuff. little arrow indicator for slider arrows: .button.button-size-equal.button-palette-default > i.button-slider-glyph */
.button-glyph:empty::after {
	display: inline-block;
	order: 9;
	align-self: center;
	transform-origin: center center;
	/* slider glyph border arrow styles */
	content: "";
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
}

.button-glyph-slider:empty::after {
	border: 2px solid var(--color-primary-alt);
	border-top: 0;
	border-left: 0;
	transform: rotate(-45deg);
	margin-inline-start: -.375em;
}

:is(.prev, [rel=prev], .slick-prev, .swpier-button-prev) .button-glyph-slider {
	transform: scaleX(-1);
}

/* Columns: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/columns.md#columns
--------------------------------------------------------------- */

/* .columns Skeletons. Do Not Edit */
.columns {
	inline-size: 100%;
}

.columns, .columns > :where(*) {
	min-inline-size: 0;
	max-inline-size: 100%;
	inline-size: 100%;
}

.columns:where(.columns-flex) {
	display: flex;
	flex-wrap: wrap;
	row-gap: var(--columns-gap-y, var(--column-gap, 0rem));
	-moz-column-gap: var(--columns-gap-x, var(--column-gap, 0rem));
	column-gap: var(--columns-gap-x, var(--column-gap, 0rem));
}

.columns:where(.columns-flex) > :where(*) {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(100% / var(--columns-number, 1) - var(--columns-gap-x) * ( var(--columns-number, 1) - 1 ) / var(--columns-number, 1));
}

.columns:where(.columns-grid) {
	display: grid;
	row-gap: var(--columns-gap-y, var(--column-gap, 0rem));
	-moz-column-gap: var(--columns-gap-x, var(--column-gap, 0rem));
	column-gap: var(--columns-gap-x, var(--column-gap, 0rem));
	grid-template-columns: repeat(var(--columns-number, 1), minmax(0, 1fr));
}

.columns.columns-masonry {
	-moz-column-count: var(--columns-number, 1);
	column-count: var(--columns-number, 1);
	-webkit-column-count: var(--columns-number, 1);
	-moz-column-gap: var(--columns-gap-x, var(--column-gap, 0rem));
	column-gap: var(--columns-gap-x, var(--column-gap, 0rem));
	-webkit-column-gap: var(--columns-gap-x, var(--column-gap, 0rem));
}

.columns.columns-masonry > :where(*) {
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
}

.columns.columns-masonry > :where(*):nth-child(n+2) {
	margin-block-start: var(--columns-gap-y, var(--column-gap, 0rem));
}

/* Columns: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/columns.md
--------------------------------------------------------------- */

/* Column Customizations
Vars: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/columns.md#css-vars
--------------------------------------------------------------- */
.columns {
	--columns-gap: 0rem;
	/* distance between columns both horizontally and vertically. if different gaps are desired, set the variables below instead */
	--columns-gap-x: var(--columns-gap);
	/* distance between columns horizontally */
	--columns-gap-y: var(--columns-gap);
	/* distance between columns vertically */
	--columns-number: 1;
}

/* Group: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/section.md
Figma Autolayout grouping helper classes. Uses grid by default.
TODO. document whatever is going on here
--------------------------------------------------------------- */

/* Group: Skeletons/barebones. no need to edit
--------------------------------------------------------------- */

/* .group-frame and .group-module - Section blocks / grid scaffolding */
.group-frame {
	display: grid;
	grid-template-columns: 100%;
	grid-auto-flow: dense;
	inline-size: 100%;
	gap: 2rem;
}

/* .group-frame and .group-module - Section blocks / grid scaffolding */
.group-frame, .group-module {
	min-inline-size: 0;
	min-block-size: 0;
}

/* .group- universal helpers
--------------------------------------------------------------- */

/* .group-style-maxed - dont let stuff grow too wide or beyond available width */
.group-style-maxed:is(.group-frame) {
	/* if placed on group-frame, the frame will only grow based on max width of its contents available */
	max-inline-size: -moz-max-content;
	max-inline-size: max-content;
	justify-self: center;
	margin-inline: auto;
}

.group-style-maxed:is(.group-module, :has(.group-frame > .group-module)), .group-style-maxed .group-module {
	/* if child of group-frame or placed on group-module, the frame will only grow based on the group-frame's available width */
	max-inline-size: 100%;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.group-style-maxed-sm:is(.group-frame) {
		max-inline-size: -moz-max-content;
		max-inline-size: max-content;
		justify-self: center;
	}
	
	.group-style-maxed-sm:is(.group-module, :has(.group-frame > .group-module)), .group-style-maxed-sm .group-module {
		max-inline-size: 100%;
	}
}

@media only screen and (min-width: 75rem) {
	.group-style-maxed-nontouch:is(.group-frame) {
		max-inline-size: -moz-max-content;
		max-inline-size: max-content;
		justify-self: center;
	}
	
	.group-style-maxed-nontouch:is(.group-module, :has(.group-frame > .group-module)), .group-style-maxed-nontouch .group-module {
		max-inline-size: 100%;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.group-style-maxed-touch:is(.group-frame) {
		max-inline-size: -moz-max-content;
		max-inline-size: max-content;
		justify-self: center;
	}
	
	.group-style-maxed-touch:is(.group-module, :has(.group-frame > .group-module)), .group-style-maxed-touch .group-module {
		max-inline-size: 100%;
	}
}

/* .group-style-bypass - make an element within the group-frame be ignored as a group-frame child */
.group-frame .group-style-bypass {
	display: contents !important;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.group-frame .group-style-bypass-sm {
		display: contents !important;
	}
}

@media only screen and (min-width: 75rem) {
	.group-frame .group-style-bypass-nontouch {
		display: contents !important;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.group-frame .group-style-bypass-touch {
		display: contents !important;
	}
}

/* .group-center-inline - center though the inline axis */

/* todo apply to layouts like banner.. ooo especially banner */
.group-align-center-inline {
	text-align: center;
}

.group-align-center-inline:is(.group-frame) {
	/* if placed on group-frame, all items inside will be justified center */
	justify-items: center;
	justify-content: center;
}

.group-align-center-inline:is(.group-module, :has(.group-frame > .group-module)), .group-align-center-inline .group-module {
	/* if placed on group-module, only this item will be centered */
	justify-self: center;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.group-align-center-inline-sm {
		text-align: center;
	}
	
	.group-align-center-inline-sm:is(.group-frame) {
		justify-items: center;
		justify-content: center;
	}
	
	.group-align-center-inline-sm:is(.group-module, :has(.group-frame > .group-module)), .group-align-center-inline-sm .group-module {
		justify-self: center;
	}
}

@media only screen and (min-width: 75rem) {
	.group-align-center-inline-nontouch {
		text-align: center;
	}
	
	.group-align-center-inline-nontouch:is(.group-frame) {
		justify-items: center;
		justify-content: center;
	}
	
	.group-align-center-inline-nontouch:is(.group-module, :has(.group-frame > .group-module)), .group-align-center-inline-nontouch .group-module {
		justify-self: center;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.group-align-center-inline-touch {
		text-align: center;
	}
	
	.group-align-center-inline-touch:is(.group-frame) {
		justify-items: center;
		justify-content: center;
	}
	
	.group-align-center-inline-touch:is(.group-module, :has(.group-frame > .group-module)), .group-align-center-inline-touch .group-module {
		justify-self: center;
	}
}

/* .group-end-inline - align to end though the inline axis */

/* todo apply to layouts like banner.. ooo especially banner */
.group-align-end-inline:is(.group-frame) {
	/* if placed on group-frame, all items inside will be justified center */
	justify-items: end;
	justify-content: end;
}

.group-align-end-inline:is(.group-module, :has(.group-frame > .group-module)), .group-align-end-inline .group-module {
	/* if placed on group-module, only this item will be ended */
	justify-self: self-end;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.group-align-end-inline-sm:is(.group-frame) {
		justify-items: end;
		justify-content: end;
	}
	
	.group-align-end-inline-sm:is(.group-module, :has(.group-frame > .group-module)), .group-align-end-inline-sm .group-module {
		justify-self: self-end;
	}
}

@media only screen and (min-width: 75rem) {
	.group-align-end-inline-nontouch:is(.group-frame) {
		justify-items: end;
		justify-content: end;
	}
	
	.group-align-end-inline-nontouch:is(.group-module, :has(.group-frame > .group-module)), .group-align-end-inline-nontouch .group-module {
		justify-self: self-end;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.group-align-end-inline-touch:is(.group-frame) {
		justify-items: end;
		justify-content: end;
	}
	
	.group-align-end-inline-touch:is(.group-module, :has(.group-frame > .group-module)), .group-align-end-inline-touch .group-module {
		justify-self: self-end;
	}
}

/* .group-start-inline - align to end though the inline axis */

/* todo apply to layouts like banner.. ooo especially banner */
.group-align-start-inline:is(.group-frame) {
	/* if placed on group-frame, all items inside will be justified center */
	justify-items: start;
	justify-content: start;
}

.group-align-start-inline:is(.group-module, :has(.group-frame > .group-module)), .group-align-start-inline .group-module {
	/* if placed on group-module, only this item will be started */
	justify-self: self-start;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.group-align-start-inline-sm:is(.group-frame) {
		justify-items: start;
		justify-content: start;
	}
	
	.group-align-start-inline-sm:is(.group-module, :has(.group-frame > .group-module)), .group-align-start-inline-sm .group-module {
		justify-self: self-start;
	}
}

@media only screen and (min-width: 75rem) {
	.group-align-start-inline-nontouch:is(.group-frame) {
		justify-items: start;
		justify-content: start;
	}
	
	.group-align-start-inline-nontouch:is(.group-module, :has(.group-frame > .group-module)), .group-align-start-inline-nontouch .group-module {
		justify-self: self-start;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.group-align-start-inline-touch:is(.group-frame) {
		justify-items: start;
		justify-content: start;
	}
	
	.group-align-start-inline-touch:is(.group-module, :has(.group-frame > .group-module)), .group-align-start-inline-touch .group-module {
		justify-self: self-start;
	}
}

/* .group-stretch-inline - align to end though the inline axis */

/* todo apply to layouts like banner.. ooo especially banner */
.group-align-stretch-inline:is(.group-frame) {
	/* if placed on group-frame, all items inside will be justified center */
	justify-items: stretch;
	justify-content: stretch;
}

.group-align-stretch-inline:is(.group-module, :has(.group-frame > .group-module)), .group-align-stretch-inline .group-module {
	/* if placed on group-module, only this item will be stretched */
	justify-self: stretch;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.group-align-stretch-inline-sm:is(.group-frame) {
		justify-items: stretch;
		justify-content: stretch;
	}
	
	.group-align-stretch-inline-sm:is(.group-module, :has(.group-frame > .group-module)), .group-align-stretch-inline-sm .group-module {
		justify-self: stretch;
	}
}

@media only screen and (min-width: 75rem) {
	.group-align-stretch-inline-nontouch:is(.group-frame) {
		justify-items: stretch;
		justify-content: stretch;
	}
	
	.group-align-stretch-inline-nontouch:is(.group-module, :has(.group-frame > .group-module)), .group-align-stretch-inline-nontouch .group-module {
		justify-self: stretch;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.group-align-stretch-inline-touch:is(.group-frame) {
		justify-items: stretch;
		justify-content: stretch;
	}
	
	.group-align-stretch-inline-touch:is(.group-module, :has(.group-frame > .group-module)), .group-align-stretch-inline-touch .group-module {
		justify-self: stretch;
	}
}

/* .group-module helpers
--------------------------------------------------------------- */

/* .group-module-style-stretch - stretch to full column. or if it's just the only child */
.group-module-style-stretch, :where(.group-module:only-child) {
	grid-column: 1/-1;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.group-module-style-stretch-sm {
		grid-column: 1/-1;
	}
}

@media only screen and (min-width: 75rem) {
	.group-module-style-stretch-nontouch {
		grid-column: 1/-1;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.group-module-style-stretch-touch {
		grid-column: 1/-1;
	}
}

/* add more as needed */

/* .section-image-can-sticky - make an image that's typically 2 column set up w/ content to stick to the viewport. NOTE: This will work but it depends how the section is styled/built
--------------------------------------------------------------- */

/* Container: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/container.md#container
--------------------------------------------------------------- */

/* .container Skeletons. Do Not Edit */
.container {
	/* do not attempt to override or your container may misalign. containers are meant to always be centered after all */
	
	/* Tip: if something in the design is off center, consult with designer or use additional padding or margin as needed for the contents instead */
	padding-inline: min(var(--container-fallback, 1.25rem), var(--container-gutter, var(--container-fallback, 1.25rem))) !important;
	margin-inline: auto !important;
	/* widths*/
	max-inline-size: 100%;
	inline-size: calc(100% - max(var(--container-gutter, var(--container-fallback, 1.25rem)) - min(var(--container-fallback, 1.25rem), var(--container-gutter, var(--container-fallback, 1.25rem))), 0rem) * 2);
	min-inline-size: 0;
	/* flex stuff */
	flex: 0 0 auto;
	grid-column: 1/-1;
	/* container query support */
	container: container/inline-size;
}

/* Container: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/container.md
--------------------------------------------------------------- */

/* Fallback Scaffolding. Usually no need to edit: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/container.md#css-vars 
--------------------------------------------------------------- */
.container {
	--container-fallback: 20px;
	/* customizeable distance. Set as the `--container-fallback` by default. Can be customized depending on the design of a given section though 20px - 30px should be enough */
	--container-size-reference: var(--comp);
	/* window width or section width. you wont usually need to manipulate this value  unless complex split layout designs */
	--container-gutter: var(--container-fallback);
}

@media only screen and (min-width: 48rem) {
	.container {
		--container-fallback: 45px;
	}
}

/* on some cases container query support is a conflict of interest and makes positioned/flex/grid children act weird. use this helper if you dont need container queries */
.container.container-style-normal {
	/* container query support */
	container-type: normal;
}

/* Custom Container Size Variations: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/container.md#container-size-name
--------------------------------------------------------------- */

/* repeating/ internal page container sizing. sometimes designers will use the same gutter width for internals and or gridded template. this can be used so you dont have to copy paste identical styles to different selectos like 10 times */
.container.container-size-default {
	--container-gutter: 20px;
}

@media only screen and (min-width: 48rem) {
	.container.container-size-default {
		--container-gutter: 45px;
	}
}

@media only screen and (min-width: 75rem) {
	.container.container-size-default {
		--container-gutter: 65px;
	}
}

@media only screen and (min-width: 120rem) {
	.container.container-size-default {
		--container-gutter: 245px;
	}
}

/* Reduces horizontal padding */
@media only screen and (min-width: 48rem) {
	.container.container-size-wide {
		--container-gutter: .9375rem;
	}
}

@media only screen and (min-width: 75rem) {
	.container.container-size-wide {
		--container-gutter: 1.875rem;
	}
}

/* Reduces horizontal padding for xs only */
@media only screen and (max-width: 47.9375rem) {
	.container.container-size-wide-xs {
		--container-gutter: .9375rem;
		--container-gutter: var(--container-fallback);
	}
}

/* Reduces horizontal padding for sm only */
@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.container.container-size-wide-sm {
		--container-gutter: 1.875rem;
		--container-gutter: var(--container-fallback);
	}
}

/* Other Container Variations: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/container.md#container-style-name
--------------------------------------------------------------- */

/* sometimes when you dont need the fallback gutter for the container but also need to constrict the layout, here's ya boi. Note: Make sure you add appropriate padding for the innards of this container */
.container.container-style-no-padding {
	--container-fallback: 0rem;
}

/* constrict container to how wide it is in the deisgn comps. makes sure it never goes beyond the comp or set gutter or fallback global padding + adding important disables third party scripts from overriding our styles */
@media only screen and (min-width: 48rem) {
	.container.container-style-maxed {
		max-inline-size: calc(var(--container-size-reference) - max(var(--container-gutter) - min(var(--container-fallback), var(--container-gutter)), 0rem) * 2) !important;
	}
}

/* constrict container to how wide it is in the deisgn comps for mobile/xs and smaller only */
@media only screen and (max-width: 47.9375rem) {
	.container.container-style-maxed-xs {
		max-inline-size: calc(var(--container-size-reference) - max(var(--container-gutter) - min(var(--container-fallback), var(--container-gutter)), 0rem) * 2) !important;
	}
}

/* constrict container to how wide it is in the deisgn comps for hd/xl and beyond only */
@media only screen and (min-width: 120rem) {
	.container.container-style-maxed-xl {
		max-inline-size: calc(var(--container-size-reference) - max(var(--container-gutter) - min(var(--container-fallback), var(--container-gutter)), 0rem) * 2) !important;
	}
}

/* constrict container to how wide it is in the deisgn comps for touch devices/xs to sm-max only */
@media only screen and (max-width: 74.9375rem) {
	.container.container-style-maxed-touch {
		max-inline-size: calc(var(--container-size-reference) - max(var(--container-gutter) - min(var(--container-fallback), var(--container-gutter)), 0rem) * 2) !important;
	}
}

/* constrict container to how wide it is in the deisgn comps for touch devices/xs to sm-max only */
@media only screen and (min-width: 75rem) {
	.container.container-style-maxed-nontouch {
		max-inline-size: calc(var(--container-size-reference) - max(var(--container-gutter) - min(var(--container-fallback), var(--container-gutter)), 0rem) * 2) !important;
	}
}

/* Widgets https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/widget.md
--------------------------------------------------------------- */

/* Widgets Skeleton. Do not Edit 
--------------------------------------------------------------- */
.widget {
	padding-block: var(--widget-padding-top) var(--widget-padding-bottom);
	padding-inline: var(--widget-padding-x);
	position: relative;
	max-inline-size: none;
	inline-size: auto;
	overflow: hidden;
}

.widget, .widget > :where(ul, .menu, div):not(.content), .widget > :where(ul, .menu, div):not(.content) li {
	padding-inline: var(--widget-padding-x);
}

.widget > :where(ul, .menu, div), .widget .widget-content {
	padding-block: var(--widget-content-padding-top) var(--widget-content-padding-bottom);
	margin-block-end: var(--widget-content-margin-bottom);
}

.widget > :where(ul, .menu, div):nth-child(n+2), .widget .widget-content:nth-child(n+2) {
	margin-block-start: var(--widget-content-margin-top);
}

.widget > :where(ul, .menu, div):last-child, .widget > :where(ul, .menu, div):not(.content) > li, .widget > :where(ul, .menu, div):not(.content) :where(ul, .sub-menu), .widget .widget-content:last-child, .widget .widget-content:not(.content) > li, .widget .widget-content:not(.content) :where(ul, .sub-menu) {
	max-inline-size: none;
	inline-size: auto;
}

.widget > :where(ul, .menu, div):last-child, .widget > :where(ul, .menu, div):not(.content) > li, .widget .widget-content:last-child, .widget .widget-content:not(.content) > li {
	margin-inline: calc(var(--widget-padding-x) * -1);
}

.widget > :where(ul, .menu, div):not(.content) :where(ul, .sub-menu), .widget .widget-content:not(.content) :where(ul, .sub-menu) {
	margin-inline: var(--widget-dropdown-margin-x);
}

:is(.widget_title, .widget-title, .widgettitle) {
	padding-inline: var(--widget-title-padding-x);
	margin-block: 0;
}

.widget > :where(ul, .menu, div):not(.content) li > :is(a, :only-child) {
	padding-inline: var(--widget-item-padding-x);
}

.widget > :where(ul, .menu, div).content, .widget .widget-content {
	padding-inline: calc(var(--widget-padding-x) + var(--widget-item-padding-x));
}

.widget > :where(ul, .menu, div):not(.content) ul li {
	padding-inline: calc(var(--widget-dropdown-padding-x) + var(--widget-dropdown-offset)) var(--widget-dropdown-padding-x);
}

.widget > :where(ul, .menu, div):not(.content) ul li > :is(a:only-child, a:has(+ :is(ul, .sub-menu))) {
	padding-inline-start: calc(var(--widget-dropdown-item-offset) + var(--widget-item-padding-x));
}

.widget > :where(ul, .menu, div):not(.content) li {
	list-style: none;
	clear: both;
}

.widget > :where(ul, .menu, div):not(.content) li > :is(a:only-child, a:has(+ :is(ul, .sub-menu))) {
	line-height: var(--widget-item-line-height) !important;
	padding-block: calc(var(--widget-item-padding-y, calc(( var(--widget-item-height, 3em) - var(--widget-item-border-width, 1px) * 2 - 1em * var(--widget-item-lines, 1) * var(--widget-item-line-height, 1.25) ) * .5)) - var(--widget-item-border-width, 1px) * .5);
	color: inherit;
	text-decoration: none;
	display: flex;
}

.widget > :where(ul, .menu, div):not(.content) li ul {
	border-block: var(--widget-item-border-width) solid transparent;
	padding-block: var(--widget-dropdown-padding-top) var(--widget-dropdown-padding-bottom);
	margin-block: var(--widget-dropdown-margin-top) var(--widget-dropdown-margin-bottom);
	flex: 0 0 auto;
}

.widget > :where(ul, .menu, div):not(.content) li:last-child > ul {
	border-block-end: 0;
	margin-block-end: calc(var(--widget-dropdown-padding-bottom) * -1);
}

.widget > :where(ul, .menu, div):not(.content) > li:last-child > ul {
	/* fix top level item dropdown bottom gaps */
	margin-block-end: calc(( var(--widget-padding-bottom) + var(--widget-content-padding-bottom) ) * -1);
}

.widget:not(.widget-style-no-toggle):not(.open) > :is(.widget_title, .widget-title, .widgettitle) + *:where(ul, .menu, div), .widget:not(.widget-style-no-toggle):not(.open):has(:is(.widget_title, .widget-title, .widgettitle)) .widget-content, .widget:not(.widget-style-no-toggle) li:not(.open) > ul:not(:only-child) {
	/* close it all, javascript will take care of opening what needs to be opened */
	display: none;
}

:is(.widget_title, .widget-title, .widgettitle) + *:not(:where(ul, .menu, div)), .widget:has(:is(.widget_title, .widget-title, .widgettitle)) .widget-content {
	margin-top: var(--widget-content-margin-top);
}

.widget :where(input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select,
textarea,
table) {
	inline-size: 100%;
}

/* Widget Customizations https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/widget.md#css-vars
--------------------------------------------------------------- */
.widgets-wrapper {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.widget {
	--widget-padding-x: 0px;
	/* Horizontal padding between the widgets' edges and its contents
  NOTE: the .widget, title, li, and ul/content block use this variable to adjust paddings and negative margins to align to value
  NOTE: li is being padded with --widget-padding-x to align the padding perfectly with the title, li, and uls/content block */
	--widget-padding-top: 0;
	/* Yes */
	--widget-padding-bottom: var(--widget-padding-top);
	/* Yes */
	--widget-dropdown-padding-top: 1rem;
	/* Yes  */
	--widget-dropdown-padding-bottom: var(--widget-dropdown-padding-top);
	/* Yes
  * will also be used to calculate negative margins for dropdowns within the last child for consistent spacing  */
	--widget-dropdown-margin-top: .5rem;
	/* dropdown margin top. used to distance from previous sibling link */
	--widget-dropdown-margin-bottom: var(--widget-dropdown-margin-top);
	/* dropdown margin bottom. used to distance from parent li's next sibling */
	--widget-item-border-width: 1px;
	/* border width. This will be accounted for in calculating the widget list item height as well */
	--widget-item-padding-x: 0rem;
	/* Padding to distance between only the anchor tags' and parent widget li item.
  Not affected by `--widget-padding-x` */
	--widget-item-padding-y: 5px;
	/* Padding to distance between only the anchor tags' and parent widget li item.
  Not affected by `--widget-padding-x` */
	--widget-dropdown-margin-x: calc(var(--widget-padding-x) * -1);
	/* margin to offset dropdown. set to negative paddix x to flush, 0 to contain, whatever
  	not affected by --widget-padding-x */
	--widget-dropdown-padding-x: var(--widget-padding-x);
	/* padding for dropdow
  	not affected by --widget-padding-x */
	--widget-dropdown-offset: 2em;
	/* indent padding for dropdown. designers will prefer this if contrasting dropdown background is not set */
	
	/* Set to 0rem if not needed */
	--widget-dropdown-item-offset: 0em;
	/* indent padding for dropdown items. designers will prefer this if contrasting dropdown background is not set */
	
	/* Set to 0rem if not needed */
	--widget-title-padding-x: var(--widget-item-padding-x);
	/* horizontal padding for widget titles */
	
	/* Note: this value has to be unitless for calc values to work.
  * modify this value if the font seems a little too high or low in vertical alignment. 1 moves the text to the very top. 0 moves the text to the very bottom. 0.5 will center it based on the fonts' basline alignment */
	--widget-content-margin-top: .5rem;
	/* margin distance between the widget title and the widget contents */
	--widget-content-margin-bottom: 0rem;
	/* margin distance between the widget title and the widget contents */
	--widget-content-padding-top: 0rem;
	/* margin distance between the widget title and the widget contents
  	Note: if the widget accordion is closed, this hides along with the contents, meaning it wont affect the `--widget-padding-bottom` */
	--widget-content-padding-bottom: var(--widget-content-padding-top);
	/* margin distance between the widget title and the widget contents
  Tip: setting to `calc(var(--widget-padding-bottom) * -1)` can compensate the `--widget-padding-bottom` without affecting it when the widget is collapsed
  Note: if the widget accordion is closed, this hides along with the contents, meaning it wont affect the `--widget-padding-bottom` */
	--widget-item-line-height: 1.5;
	/* Note: this value has to be unitless for calc values to work. Usually there's no need to modify this unless a multiline widget list item is present in the design.
  	* Formula is line-height-px / font-size-px */
	background-color: inherit;
}

.widget > :where(ul, .widget-content):not(.content) {
	font-size: 18px;
	color: var(--scheme-fg, var(--color-dark));
	font-weight: 500;
	text-align: left;
	text-decoration: none;
}

.widget > :where(ul, .widget-content):not(.content) li:is(.open, :hover, :focus-within) > a {
	color: var(--scheme-sp, var(--color-secondary));
}

.widget > :where(ul, .widget-content):not(.content) li ul {
	background-color: var(--scheme-bg-contrast, var(--color-light-alt));
	border-color: var(--color-neutral-lighter);
	text-align: left;
}

.widget > :where(ul, .widget-content):not(.content) li ul ul {
	background-color: rgba(0, 0, 0, .01);
}

.widget > :where(ul, .widget-content):not(.content) li.open {
	border-block-end: 0;
}

.widget > :where(ul, .widget-content):not(.content) li.open > a {
	border-block-end: 0;
}

/* Widget Title
--------------------------------------------------------------- */
:is(.widget_title, .widget-title, .widgettitle) {
	flex-wrap: wrap;
}

:is(.widget_title, .widget-title, .widgettitle):is(.fancy-border) {
	--fancy-border-margin-l: 0;
}

:is(.widget_title, .widget-title, .widgettitle):is(.fancy-border-before)::before, :is(.widget_title, .widget-title, .widgettitle):is(.fancy-border-after)::after {
	grid-column: 1/-1;
}

.widget:not(.widget-style-no-toggle):not(.open) > :is(.widget_title, .widget-title, .widgettitle) {
	padding-block-end: 0;
	border-block-end: 0;
	margin-block-end: 0;
}

.widget:not(.widget-style-no-toggle):not(.open) > :is(.widget_title, .widget-title, .widgettitle):is(.fancy-border) {
	--fancy-border-margin-y: 0rem;
	--fancy-border-height: 0rem;
}

/* Widget Toggle
--------------------------------------------------------------- */
.widget-toggle {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	-moz-column-gap: .5em;
	column-gap: .5em;
	cursor: pointer;
	justify-content: space-between;
}

.widget-toggle > * {
	min-inline-size: 0;
}

.widget-toggle::before {
	display: inline-block;
	order: 9;
	align-self: center;
	flex: 0 0 auto;
	content: "";
	font-size: .625rem;
	transform-origin: 67% 67%;
	width: 1em;
	height: 1em;
	border: 2px solid var(--color-dark);
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
	margin-right: .5rem;
}

.open > .widget-toggle::before {
	transform: rotate(-135deg);
}

/* Widget Customization by type. Unless an extra extra custom site, there should be rarely a need to apply overrides at this point
--------------------------------------------------------------- */

/* Popup: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/popup.md#popup
--------------------------------------------------------------- */

/* .popup Skeletons. Do Not Edit */
.doc-popup-active {
	overflow-block: hidden;
}

.popup-content {
	display: none !important;
}

.popup-trigger {
	cursor: pointer;
}

.popup-trigger * {
	pointer-events: none;
}

.popup {
	display: none;
	overflow-block: auto;
	position: fixed;
	isolation: isolate;
	z-index: 99999;
	inset: 0;
	margin: 0;
	min-block-size: 100 vb;
	inline-size: 100%;
	min-inline-size: 20rem;
	display: flex;
	flex-direction: column;
	background: none !important;
}

.popup.active {
	display: block;
}

.popup-overlay {
	min-block-size: 100 vb;
	position: fixed;
	inset: 0;
	margin: 0;
}

.popup-body {
	overflow-block: scroll;
	block-size: 100%;
	scrollbar-width: none;
}

.popup-body::-webkit-scrollbar {
	display: none;
}

.popup-frame {
	position: relative;
}

.popup:has(.popup-constrict) .popup-frame {
	block-size: 80 vb;
	inline-size: 100%;
	max-inline-size: -moz-max-content;
	max-inline-size: max-content;
	max-block-size: -moz-max-content;
	max-block-size: max-content;
	align-self: center;
	margin-inline: auto;
}

.popup:has(.popup-constrict) .popup-frame > *:not(.popup-destroy) {
	flex: 1 1;
	max-block-size: -moz-max-content;
	max-block-size: max-content;
	max-inline-size: -moz-max-content;
	max-inline-size: max-content;
	inline-size: 100%;
	block-size: 100%;
}

.popup:has(.popup-constrict) .popup-frame > *:not(.popup-destroy) :nth-child(n+2) {
	display: none;
}

.popup:has(.popup-constrict) .popup-body {
	padding-block: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}

/* Popup https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/popup.md
--------------------------------------------------------------- */

/* Popup Customizations
--------------------------------------------------------------- */
.popup {
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.popup-overlay {
	background: var(--color-neutral-darker);
	opacity: 1;
}

.popup-body {
	padding-block: 10 vi;
}

.popup-frame {
	padding-block: 4.875rem;
	padding-inline: 3.75rem;
}

.popup-close-button {
	position: absolute;
	inset-block-start: 1em;
	inset-inline-end: 1em;
	background: none;
	border: 0;
	font-size: 2.5rem;
	display: block;
	inline-size: 1em;
	block-size: 1em;
	line-height: 1;
	padding: 0;
	overflow-inline: clip;
	color: var(--color-primary);
	padding-block-start: 1em;
}

.popup-close-button-text {
	font-size: .25em;
	text-transform: uppercase;
	text-wrap: pre-wrap;
	white-space: nowrap;
	margin-block-start: .5em;
	display: block;
	text-indent: -9999em;
}

.popup-close-button::before, .popup-close-button::after {
	content: "";
	display: block;
	block-size: 3px;
	inline-size: 1em;
	position: absolute;
	inset: 0;
	margin: auto;
	background: currentColor;
}

.popup-close-button::before {
	transform: rotate(45deg);
}

.popup-close-button::after {
	transform: rotate(-45deg);
}

.popup:has(.popup-constricted) .popup-frame {
	padding: 0;
	background: none;
	box-shadow: none;
}

.popup:has(.popup-constricted) .popup-close-button {
	inset-block-start: -.5em;
	inset-inline-end: -.5em;
	margin-block-start: 0;
	inline-size: 1.5em;
	block-size: 1.5em;
	padding: .5em;
	background: var(--color-light);
	box-shadow: 0 5px 10px 0px rgba(0, 0, 0, .15);
}

@media only screen and (min-width: 75rem) {
	.popup-container {
		--container-gutter: 22.5rem;
	}
}

@media only screen and (min-width: 87.5rem) {
	.popup-container {
		--container-gutter: 12.5rem;
	}
}

@media only screen and (min-width: 120rem) {
	.popup-container {
		--container-gutter: 22.5rem;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.popup-frame {
		padding-block: 4rem 2rem;
		padding-inline: 1.875rem;
	}
	
	.popup-close-button {
		font-size: 2rem;
		inset-block-start: 1.25rem;
		inset-block-end: 1.25rem;
	}
}

/* Graphic/ design related styles or decoration styles here. Essentially, the fancy stuff enhances the gucciness of the site
--------------------------------------------------------------- */

/* Fancy Borders + HR: /* https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/fancy.md#fancy-border-css-vars
--------------------------------------------------------------- */
:where(hr), .fancy-border {
	clear: both;
	outline: none;
	border: none;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
}

.fancy-border {
	--fancy-border-margin-y: 1rem;
	--fancy-border-margin-r: auto;
	--fancy-border-margin-l: auto;
	--fancy-border-height: 1px;
	--fancy-border-background: currentColor;
}

:where(hr), hr:is(.fancy-border), .fancy-border.fancy-border-before::before, .fancy-border.fancy-border-after::after {
	block-size: var(--fancy-border-height, 1px);
	inline-size: var(--fancy-border-width, 100%);
	background: var(--fancy-border-background, var(--color-neutral));
	margin-inline-start: var(--fancy-border-margin-l, auto);
	margin-inline-end: var(--fancy-border-margin-r, auto);
	max-inline-size: 100%;
	grid-column: 1/-1;
	flex: 0 0 auto;
}

.fancy-border.fancy-border-before:not(hr)::before, .fancy-border.fancy-border-after:not(hr)::after {
	content: "";
}

:where(hr), hr:is(.fancy-border), .fancy-border-after::after, .fancy-border-before::before {
	display: block;
	transition: all .375s ease-in-out;
}

.fancy-border.fancy-border-after::after {
	order: 99;
}

.fancy-border.fancy-border-before::before {
	order: -99;
}

hr.fancy-border-after, .fancy-border.fancy-border-after::after {
	margin-block-start: var(--fancy-border-margin-y, 1.875rem);
}

hr.fancy-border-before, .fancy-border.fancy-border-before::before {
	margin-block-end: var(--fancy-border-margin-y, 1.875rem);
}

.fancy-border-palette-primary {
	--fancy-border-background: var(--color-primary) linear-gradient(90deg, var(--color-primary-gradient-start) 0%, var(--color-primary-gradient-end) 100%);
}

.fancy-border-palette-secondary {
	--fancy-border-background: var(--color-secondary) linear-gradient(90deg, var(--color-secondary-gradient-start) 0%, var(--color-secondary-gradient-end) 100%);
}

.fancy-border-palette-accent {
	--fancy-border-background: var(--color-accent) linear-gradient(90deg, var(--color-accent-gradient-start) 0%, var(--color-accent-gradient-end) 100%);
}

.fancy-border-palette-primary-alt {
	--fancy-border-background: var(--color-primary-alt) linear-gradient(90deg, var(--color-primary-gradient-start) 0%, var(--color-primary-gradient-end) 100%);
}

.fancy-border-palette-secondary-alt {
	--fancy-border-background: var(--color-secondary-alt) linear-gradient(90deg, var(--color-secondary-gradient-start) 0%, var(--color-secondary-gradient-end) 100%);
}

.fancy-border-palette-accent-alt {
	--fancy-border-background: var(--color-accent-alt) linear-gradient(90deg, var(--color-accent-gradient-start) 0%, var(--color-accent-gradient-end) 100%);
}

.fancy-border-palette-neutral {
	--fancy-border-background: var(--color-neutral);
}

.fancy-border-style-grow {
	--fancy-border-margin-x: 1.25rem;
	--fancy-border-margin-y: .75rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-column-gap: var(--fancy-border-margin-x);
	column-gap: var(--fancy-border-margin-x);
	row-gap: var(--fancy-border-margin-y);
}

hr.fancy-border-style-grow, .fancy-border-style-grow.fancy-border-before::before, .fancy-border-style-grow.fancy-border-after::after {
	margin: 0;
	flex: 1 1;
}

.fancy-border-style-round {
	border-radius: 999em;
}

.fancy-border-style-thin {
	--fancy-border-height: 1px;
}

.fancy-border-style-alignleft {
	--fancy-border-margin-r: auto;
	--fancy-border-margin-l: 0;
}

.fancy-border-style-alignright {
	--fancy-border-margin-r: 0;
	--fancy-border-margin-l: auto;
}

hr.fancy-border-style-flat, .fancy-border-style-flat.fancy-border-before::before, .fancy-border-style-flat.fancy-border-after::after {
	background-image: none !important;
}

.fancy-border-style-inline {
	--fancy-border-margin-l: .5em;
	display: flex;
	flex-wrap: nowrap;
	row-gap: var(--fancy-border-margin-y);
	-moz-column-gap: var(--fancy-border-margin-l);
	column-gap: var(--fancy-border-margin-l);
}

.fancy-border-style-inline.fancy-border-before::before, .fancy-border-style-inline.fancy-border-after::after {
	flex: 1 1;
	margin-block: 0 !important;
	align-self: center;
}

/* Animated Fancy Border: /* https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/fancy.md#fancy-border-animated
--------------------------------------------------------------- */
@media only screen and (min-width: 75rem) {
	hr.fancy-border-animated, .fancy-border-animated.fancy-border-before::before, .fancy-border-animated.fancy-border-after::after {
		transition: inline-size 1.5s ease-in-out;
	}
	
	.fancy-border-animated:not(.visible) {
		--fancy-border-width: 0% !important;
	}
}

/* Fancy Icons: /* https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/components/fancy.md#fancy-icon
--------------------------------------------------------------- */
.fancy-icon-menu {
	position: relative;
	--fancy-icon-menu-width: 2rem;
	--fancy-icon-menu-height: 1rem;
	--fancy-icon-menu-bar-height: 2px;
	--fancy-icon-menu-bar-top-width: 100%;
	--fancy-icon-menu-bar-top-margin-l: auto;
	--fancy-icon-menu-bar-top-margin-r: auto;
	--fancy-icon-menu-bar-center-width: 100%;
	--fancy-icon-menu-bar-center-margin-l: auto;
	--fancy-icon-menu-bar-center-margin-r: auto;
	--fancy-icon-menu-bar-bottom-width: 100%;
	--fancy-icon-menu-bar-bottom-margin-l: auto;
	--fancy-icon-menu-bar-bottom-margin-r: auto;
	inline-size: var(--fancy-icon-menu-width);
	block-size: var(--fancy-icon-menu-height);
}

.fancy-icon-menu span {
	position: absolute;
	transform-origin: center center;
	background: currentColor;
	inset: 0;
	block-size: var(--fancy-icon-menu-bar-height);
	inline-size: 100%;
	transition-duration: .375s;
	transition-timing-function: ease-in-out;
	transition-property: top, bottom, left, right, transform, inline-size;
}

.fancy-icon-menu span:where(:first-child) {
	inset-block-end: auto;
	inline-size: var(--fancy-icon-menu-bar-top-width);
	margin: auto var(--fancy-icon-menu-bar-top-margin-r) auto var(--fancy-icon-menu-bar-top-margin-l);
}

.fancy-icon-menu span:where(:last-child) {
	inset-block-start: auto;
	inline-size: var(--fancy-icon-menu-bar-bottom-width);
	margin: auto var(--fancy-icon-menu-bar-bottom-margin-r) auto var(--fancy-icon-menu-bar-bottom-margin-l);
}

.fancy-icon-menu span:where(:nth-child(2), :nth-child(3)) {
	inline-size: var(--fancy-icon-menu-bar-center-width);
	margin: auto var(--fancy-icon-menu-bar-center-margin-r) auto var(--fancy-icon-menu-bar-center-margin-l);
}

.open .fancy-icon-menu span {
	margin: auto;
}

.open .fancy-icon-menu span:nth-child(2) {
	transform: rotateZ(45deg);
}

.open .fancy-icon-menu span:nth-child(3) {
	transform: rotateZ(-45deg);
}

.open .fancy-icon-menu span:is(:nth-child(2), :nth-child(3)) {
	inline-size: 100%;
}

.open .fancy-icon-menu span:is(:first-child, :last-child) {
	inline-size: 0;
}

/* fancy boxes that is just boxed. rehash or rebuild as needed
--------------------------------------------------------------- */

/* @VersionA: version w/ backdrop. this version does not rely on variables to customize padding. simplest setup */
@media only screen and (min-width: 75rem) {
	.fancy-letters {
		/* Insert Mr Garrett's code here */
		--fancy-letters-factor: 0;
		--fancy-letters-line: 0;
		--fancy-letters-factor-word: 0;
		--fancy-letters-factor-char: 0;
		--fancy-letters-delay: .025s;
		--fancy-letters-duration: 1s;
	}
	
	.fancy-letters:where(:not([style]:has([class*=fancy-letters-]))) {
		--fancy-letters-delay: .125s;
		--fancy-letters-duration: 1.5s;
		transform: skewY(0deg) skewX(-4deg) rotate(-2deg) translateY(6rem);
	}
	
	.fancy-letters:where([style]:has([class*=fancy-letters-])), .fancy-letters-line, .fancy-letters-word, .fancy-letters-char {
		padding-block-end: .5em;
		margin-block-end: -.5em;
	}
	
	.fancy-letters-line, .fancy-letters-word, .fancy-letters-char, .fancy-letters {
		transition-timing-function: .5, 0, 0, 1;
		vertical-align: bottom;
		transition-property: opacity;
		transition-delay: 0s;
		transition-duration: .01s;
	}
	
	.fancy-letters-line, .fancy-letters-word, .fancy-letters-char, .fancy-letters:where(:not([style]:has([class*=fancy-letters-]))) {
		opacity: 0;
	}
	
	.fancy-letters-line, .fancy-letters-word, .fancy-letters:where([style]:has([class*=fancy-letters-])) {
		overflow: hidden;
	}
	
	.fancy-letters-word, .fancy-letters-char {
		display: inline-block;
		vertical-align: bottom;
	}
	
	.fancy-letters-line {
		transform: skewY(0deg) skewX(-4deg) rotate(-2deg) translateY(100%);
	}
	
	.fancy-letters-line, .fancy-letters:where([style]:has([class*=fancy-letters-])) {
		display: block;
	}
	
	.fancy-letters-word {
		white-space: nowrap;
		transform: skewY(-10deg) skewX(0deg) rotate(0deg) translateY(100%);
		min-inline-size: -moz-max-content;
		min-inline-size: max-content;
	}
	
	.fancy-letters-char {
		transform: skewY(10deg) skewX(0deg) rotate(10deg) translateY(100%);
	}
	
	.fancy-letters.visible, .fancy-letters.visible .fancy-letters-line, .fancy-letters.visible .fancy-letters-word, .fancy-letters.visible .fancy-letters-char, .visible .fancy-letters, .visible .fancy-letters .fancy-letters-line, .visible .fancy-letters .fancy-letters-word, .visible .fancy-letters .fancy-letters-char {
		transition-property: transform, opacity;
		transition-duration: var(--fancy-letters-duration);
		transform: skewY(0deg) skewX(0deg) rotate(0deg) translateY(0%);
		opacity: 1;
	}
	
	.fancy-letters.visible:where(:not([style]:has([class*=fancy-letters-]))), .fancy-letters.visible .fancy-letters-line, .visible .fancy-letters:where(:not([style]:has([class*=fancy-letters-]))), .visible .fancy-letters .fancy-letters-line {
		transform-origin: top left;
	}
	
	.fancy-letters.visible, .visible .fancy-letters {
		transition-delay: calc(( var(--fancy-letters-delay) ) * var(--fancy-letters-factor));
	}
	
	.fancy-letters.visible .fancy-letters-line, .visible .fancy-letters .fancy-letters-line {
		transition-delay: calc(var(--fancy-letters-delay) / max(1, var(--fancy-letters-factor) * .8) * ( var(--fancy-letters-factor-line) + var(--fancy-letters-factor) ));
	}
	
	.fancy-letters.visible .fancy-letters-word, .visible .fancy-letters .fancy-letters-word {
		transition-delay: calc(var(--fancy-letters-delay) / max(1, var(--fancy-letters-factor) * .5) * ( var(--fancy-letters-factor-line) * .75 + var(--fancy-letters-factor-word) ));
		transform-origin: bottom right;
	}
	
	.fancy-letters.visible .fancy-letters-char, .visible .fancy-letters .fancy-letters-char {
		transition-delay: calc(var(--fancy-letters-delay) / max(1, var(--fancy-letters-factor) * .2) * ( var(--fancy-letters-factor-line) * .5 + var(--fancy-letters-factor-word) * .75 + var(--fancy-letters-factor-char) ));
		transform-origin: center center;
	}
}

/* Fancy box
--------------------------------------------------------------- */
.fancy-box {
	padding: 65px 35px 45px;
	color: var(--color-light);
}

.fancy-box:before {
	position: absolute;
	content: "";
	inset: 0;
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/fancy-texture.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
	display: block;
	z-index: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

/* Fancy box
--------------------------------------------------------------- */
.fancy-title-box {
	padding: 9px 1rem;
	color: var(--color-primary);
	background: var(--color-dark);
	border-radius: 13px;
	font-size: 1rem;
	font-weight: 700;
}

.fancy-title-box-alt {
	background: var(--color-primary);
	color: var(--color-dark);
}

/* Other Custom Fancy Stuff
--------------------------------------------------------------- */
.fancy-sp {
	padding: 45px 35px;
}

.fancy-sp:before {
	z-index: -1;
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-01.webp");
}

.fancy-sp-container {
	display: flex;
	flex-direction: column;
}

.fancy-sp-title {
	font-size: 30px;
	line-height: 35px;
	color: inherit;
	font-weight: 400;
	margin-bottom: 20px;
}

.fancy-sp-description {
	font-size: 1rem;
	line-height: 22px;
	color: var(--color-neutral);
	margin-bottom: 53px;
}

.fancy-sp-link {
	width: -moz-max-content;
	width: max-content;
	align-self: center;
}

@media only screen and (min-width: 48rem) {
	.fancy-sp {
		padding: 55px 50px;
	}
	
	.fancy-sp-link {
		align-self: flex-end;
		margin-block: auto 0;
	}
}

/* Other Custom Fancy Stuff
--------------------------------------------------------------- */
.fancy-map {
	position: relative;
	border-radius: 13px;
	border: 14px solid var(--color-neutral-lighter);
	max-width: 320px;
	margin-inline: auto;
}

.fancy-map picture, .fancy-map img {
	display: block;
	border-radius: 6px;
}

.fancy-map-county {
	position: absolute;
	font-size: 24px;
}

.fancy-map-county-tallapoosa {
	top: 38px;
	left: 18px;
}

.fancy-map-county-chamber {
	top: 70px;
	left: 108px;
}

.fancy-map-county-elmore {
	top: 135px;
	left: 18px;
}

.fancy-map-county-lee {
	top: 120px;
	left: 154px;
}

.fancy-map-county-macon {
	top: 180px;
	left: 14px;
}

.fancy-map-county-russell {
	top: 185px;
	left: 150px;
}

@media only screen and (min-width: 48rem) {
	.fancy-map {
		max-width: 628px;
		border-width: 20px;
	}
	
	.fancy-map-county {
		font-size: 32px;
	}
	
	.fancy-map-county-tallapoosa {
		top: 82px;
		left: 31px;
	}
	
	.fancy-map-county-chamber {
		top: 90px;
		left: 265px;
	}
	
	.fancy-map-county-elmore {
		top: 257px;
		left: 21px;
	}
	
	.fancy-map-county-lee {
		top: 247px;
		left: 290px;
	}
	
	.fancy-map-county-macon {
		top: 353px;
		left: 153px;
	}
	
	.fancy-map-county-russell {
		top: 359px;
		left: 352px;
	}
}

@media only screen and (min-width: 87.5rem) {
	.fancy-map {
		max-width: 675px;
	}
	
	.fancy-map-county {
		font-size: 35px;
	}
	
	.fancy-map-county-tallapoosa {
		top: 89px;
	}
	
	.fancy-map-county-chamber {
		top: 98px;
		left: 285px;
	}
	
	.fancy-map-county-elmore {
		top: 277px;
	}
	
	.fancy-map-county-lee {
		top: 267px;
		left: 313px;
	}
	
	.fancy-map-county-macon {
		top: 382px;
		left: 165px;
	}
	
	.fancy-map-county-russell {
		top: 389px;
		left: 380px;
	}
}

@media only screen and (min-width: 120rem) {
	.fancy-map {
		border-width: 25px;
		max-width: 896px;
	}
	
	.fancy-map-county {
		font-size: 36px;
	}
	
	.fancy-map-county-tallapoosa {
		top: 128px;
		left: 62px;
	}
	
	.fancy-map-county-chamber {
		top: 144px;
		left: 413px;
	}
	
	.fancy-map-county-elmore {
		top: 380px;
		left: 72px;
	}
	
	.fancy-map-county-lee {
		top: 361px;
		left: 446px;
	}
	
	.fancy-map-county-macon {
		top: 515px;
		left: 265px;
	}
	
	.fancy-map-county-russell {
		top: 523px;
		left: 512px;
	}
}

/* Fancy Scroll Text
--------------------------------------------------------------- */
@keyframes marqueeTextLeft {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-50%);
	}
}

.row-left .marquee-text-track {
	display: flex;
	animation: marqueeTextLeft 20s linear infinite;
}

.fancy-scroll-text {
	display: flex;
	align-items: center;
	font-size: 40px;
	line-height: 1;
	font-weight: 500;
	color: var(--color-dark-alt);
	text-wrap: nowrap;
}

.fancy-scroll-text:before {
	display: block;
	content: "";
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/icon-logo-mark.svg");
	mask-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/icon-logo-mark.svg");
	width: 127px;
	height: 46px;
	background: var(--color-accent);
	margin-inline: 20px 34px;
}

@media only screen and (min-width: 48rem) {
	.fancy-scroll-text {
		font-size: 50px;
	}
}

/* Other Custom Fancy Stuff
--------------------------------------------------------------- */

/* Filter Dropdown https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/helper/filter-dropdown.md
/*
drodpwon filter. for filterable blocks eg Case results. Uncomment in style.scss if needed
Markup should follow the folloowing


To enable, follow the steps:
- Uncomment the sass import declaration in the style.scss file
- Enqueue js/includes/filter-dropdown
- If being used for Case Results
	-Setup `Case Result Types` on
		- Admin > Theme Options > Other Components if there are no CPTs for case results being used
		- Admin > Case Results > Case Result Types if CPT Case results are enabled
		- Add classes/Attrs to the following
			- .filter-blocks => PARENT wrapper of case results row
			- .filter-block => set as the value for 'part_classes' of includes/repeater-results.
- If being used for other purposes
	- Use template part includes/helper-filter-dropdown
	- Add classes/Attrs to the following
		- .filter-blocks => PARENT wrapper of the items to be filtered
		- .filter-block => blocks to hide or show depending on active filter
		- [data-filter] => set attribute to  .filter-block as applicable filter slugs separated by commas


--------------------------------------------------------------- */
.filter {
	/* height of filter. designers will prefer to design filters based on their height. this is to better support the wonders they create while being able to use padding to support multi-line/ edge case filters */
	--filter-height: 3em;
	/* border width. This will be accounted for in calculating the filter height as well */
	--filter-border-width: 1px;
	/* duh */
	--filter-item-height: 2.8125rem;
	/* horizontal padding for the filter */
	--filter-padding-x: 1.5rem;
	/* Note: this value has to be unitless for calc values to work. Usually there's no need to modify this unless a multiline filter is present in the design.
  	* Formula is line-height-px / font-size-px */
	--filter-line-height: 1.125;
	/* padding for dropdown. Note: Applied as height to pseudo element to smooth out appearance of overflowing dropdown items */
	--filter-dropdown-padding-y: 1em;
	/* padding for dropdown */
	--filter-dropdown-padding-x: var(--filter-padding-x);
	position: relative;
	margin-inline: auto;
	inline-size: 36.25rem;
	margin-block-end: 3rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.filter-title {
	align-self: center;
	margin: 0;
	flex: 0 0 auto;
}

.filter-select {
	flex: 1 1;
	position: relative;
	line-height: var(--filter-line-height);
}

.filter-select-label, .filter-select-dropdown {
	text-align: initial;
}

.filter-select-label {
	display: flex;
	justify-content: space-between;
	inline-size: 100%;
	background: var(--scheme-bg, var(--color-light));
	color: var(--scheme-fg, var(--color-dark));
	padding-inline: calc(var(--filter-padding-x) - var(--filter-border-width));
	padding-block: calc(( var(--filter-height) - var(--filter-border-width) * 2 - 1em * var(--filter-line-height) ) * .5) calc(( var(--filter-height) - var(--filter-border-width) * 2 - 1em * var(--filter-line-height) ) * .5);
	position: relative;
	z-index: 1;
	border: var(--filter-border-width) solid var(--scheme-bg-contrast, var(--color-light-alt));
}

.filter-select-label::before {
	order: 999;
	align-self: center;
	content: "▾︎";
	display: inline-block;
}

.filter-select-dropdown {
	background: var(--scheme-bg, var(--color-dark-alt));
	color: var(--scheme-fg, var(--color-light));
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	position: absolute;
	inset-block-start: 100%;
	inset-inline-start: 0;
	inline-size: 100%;
	display: none;
	padding-block: 2rem;
	padding-inline: 1.5rem;
	line-height: var(--filter-line-height);
	scrollbar-width: none;
	overflow-block: scroll;
	font-size: 20px;
}

.filter-select-dropdown::-webkit-scrollbar {
	display: none;
}

.filter-select-dropdown:before, .filter-select-dropdown:after {
	content: "";
	position: sticky;
	block-size: var(--filter-dropdown-padding-y);
	display: block;
	inset-inline-start: 0;
}

.filter-select-dropdown:before {
	inset-block-start: 0;
	background: linear-gradient(to top, transparent 0%, var(--scheme-bg, var(--color-dark-alt)) 90%);
}

.filter-select-dropdown:after {
	inset-block-end: 0;
	background: linear-gradient(to bottom, transparent 0%, var(--scheme-bg, var(--color-dark-alt)) 90%);
}

.filter-select-dropdown li {
	transition: all .5s ease-in-out;
	padding-inline: var(--filter-dropdown-padding-x);
}

.filter-select-dropdown li a {
	display: block;
	padding-block: calc(( var(--filter-item-height) - 1.125em ) * .5) calc(( var(--filter-item-height) - 1.125em ) * .5);
}

.filter-select-dropdown li:is(.active, :hover, :focus) {
	color: var(--scheme-sp, var(--color-primary));
}

@media only screen and (min-width: 48rem) {
	.filter-select {
		flex-direction: row;
	}
}

.filter-empty {
	margin: 90px auto;
	text-align: center;
	inline-size: 100%;
}

.filter-empty-text {
	/* Container for custom text. should not at all display. */
	display: none;
}

/* ================================================================================
* Includes 
================================================================================ */

/* Forms https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/helper/form.md
For Gravity Forms specific styles go to scss/vendors/gforms
-------------------------------------------------------------------------------- */
.field-form {
	max-inline-size: 100%;
}

.field-form:where(.group-frame) {
	gap: 3rem;
}

.field-form:where(.group-frame) :where(.gform_wrapper,
.gform_body,
form) {
	display: contents;
}

.field-form :where(.gform_wrapper) :is(.gform_title,
.gform_description,
.gform_footer,
.gform_page_footer,
.gform_body) {
	margin: 0;
	padding: 0;
}

.field-form :where(.gform_wrapper) .gform_heading {}

.field-form :where(.gform_wrapper) .gform_heading:where(:not(.group-frame *)) {
	margin-block-end: 2rem;
}

.field-form :where(.gform_wrapper) .gform_heading:where(.group-frame) {
	gap: .25rem;
}

.field-form :where(.gform_wrapper) :where(.gform_heading, .gform_title, .gform_description) {
	/* everything inside the heading: gforms generated or template custom ones */
	
	/* center the heading stuff. or adjust as needed if that's not the case */
	margin-inline: auto;
}

.field-form :is(.gform_wrapper) :is(.gform_title, .gform_description):last-child {
	margin-block-end: 0;
}

.field-form :is(.gform_wrapper) .gform_body {}

.field-form :is(.gform_wrapper) :is(.gform_footer, .gform_page_footer) {}

.field-form :is(.gform_wrapper) :is(.gform_footer, .gform_page_footer) {
	/* reset margin and padding and add  one margin to keep spacing simple to setup. Gravity forms man. */
	padding: 0;
	margin: 0;
}

.field-form :is(.gform_wrapper) :is(.gform_footer, .gform_page_footer):where(:not(.group-frame *)) {
	margin-block-start: 2rem;
}

.field-form :is(.gform_wrapper) :is(.gform_footer, .gform_page_footer) :is(.gform_button, .button) {
	/* that goes for the button too */
	margin-block-end: 0;
	margin-block-start: 0;
}

.field-form :is(.gform_wrapper) :is(.gform_footer, .gform_page_footer):not(:has(.gform_button)) {
	display: none;
}

.field-form-body :is(.gform_wrapper) .gform_heading {
	/* in case gravity forms decides to add more ugly things */
	display: none;
}

/*  Responsive Background skeletons: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/field/responsive-background
--------------------------------------------------------------- */

/* Responsive Background skeletons. Do not Edit.
--------------------------------------------------------------- */
.responsive-background {
	pointer-events: none;
	overflow: hidden;
	transform-style: preserve-3d;
	z-index: -1;
	background-color: var(--responsive-background-bg-color, var(--scheme-bg, var(--color-dark-alt)));
}

.responsive-background::after {
	content: "";
	display: block;
	inset: 0;
	position: absolute;
	pointer-events: none;
	mix-blend-mode: var(--responsive-background-overlay-mix-blend, normal);
	background: var(--responsive-background-overlay-background, none);
	opacity: var(--responsive-background-overlay-opacity, .75);
}

.responsive-background-wrapper {
	position: relative;
	z-index: 0;
}

.responsive-background, .responsive-background-bg {
	position: absolute !important;
	inset: 0;
}

.responsive-background-bg {
	/* Note: when styling instances of this block, make sure properties are NOT set as shorthand to avoid override issues */
	background-size: cover;
	background-position: var(--responsive-background-bg-position);
	/* Note: Best practice to add fallback background-colors to your background images */
	background-color: inherit;
	z-index: -2;
	background-image: var(--responsive-background-image, none) !important;
}

.responsive-background-bg:is(img) {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: var(--responsive-background-bg-position);
	object-position: var(--responsive-background-bg-position);
	inline-size: 100%;
	block-size: 100%;
}

@media only screen and (min-width: 75rem) {
	:is(.responsive-background-animated-on-loaded, .responsive-background-animated-on-visible.visible) .responsive-background-bg {
		/* make background block animate for document ready or when visible*/
		transition: opacity ease-in-out 1s, transform ease-in-out 1s;
		opacity: 1;
		transform: scale(1);
		transform-style: preserve-3d;
	}
	
	:is(html:not(.doc-images-loaded) .responsive-background-animated-on-loaded,
  .responsive-background-animated-on-visible:not(.visible)) .responsive-background-bg {
		/* hide if not ready to let the world to know got to let it show */
		opacity: 0;
		transform: scale(1.1);
	}
}

/* Responsive Background Customizations
--------------------------------------------------------------- */
:where(.responsive-background) {
	--responsive-background-overlay-mix-blend: normal;
	--responsive-background-overlay-background: none;
	--responsive-background-overlay-opacity: .75;
	--responsive-background-bg-position: center center;
}

/* Carousels https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/repeater/carousel.md
--------------------------------------------------------------- */

/* Carousel Item skeletons. Do not Edit.
--------------------------------------------------------------- */
.carousel-item {
	text-align: center;
}

.carousel-item-image {
	block-size: var(--carousel-height);
}

.carousel-item-image > :where(*) {
	pointer-events: none;
}

.carousel-item-image, .carousel-item-image picture {
	display: flex;
	place-content: center;
	place-items: center;
	flex-direction: column;
}

.carousel-item-image :where(svg, object, img) {
	block-size: auto !important;
	margin: auto;
}

.carousel-item-image :where(img, svg, object, picture) {
	inline-size: auto !important;
	max-inline-size: 100% !important;
	max-block-size: 100% !important;
	align-self: center;
	flex: 0 0 auto;
}

/* Carousel Item Customizations
--------------------------------------------------------------- */
:where(.swiper, .slick) {
	/* height of award. best to set to the tallest award logo provided  */
	--carousel-height: 7.5rem;
}

/* Coupons
-------------------------------------------------------------------------------- */

/*
* Coupon Title
-------------------------------------------------------------------------------- */
.coupon-title {
	font-size: 48px;
	color: var(--color-primary);
	text-transform: uppercase;
	margin-bottom: 28px;
}

/*
* Coupon Type
-------------------------------------------------------------------------------- */
.coupon-type {
	font-size: 17px;
	letter-spacing: .03em;
	text-transform: uppercase;
	font-weight: 700;
}

/*
* Coupon Description
-------------------------------------------------------------------------------- */
.coupon-description {
	font-size: 1rem;
	line-height: 24px;
}

/*
* Coupon Content
-------------------------------------------------------------------------------- */

/*
* Coupon CTA
-------------------------------------------------------------------------------- */
.coupon-cta {
	margin-block: 28px 15px;
}

/*
* Coupon Disclaimer
-------------------------------------------------------------------------------- */

/*
* includes/repeater-coupon
-------------------------------------------------------------------------------- */
.coupon {
	max-inline-size: 100%;
}

.coupon, .coupon-container {
	position: relative;
	display: flex;
	min-inline-size: 0;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.coupon-container {
	inline-size: 100%;
	flex: 1 1;
	gap: 8px;
}

/* Case Results https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/repeater/result.md
-------------------------------------------------------------------------------- */

/*
* Case Result Icon
-------------------------------------------------------------------------------- */
.result-icon {
	font-size: 3rem;
}

.result-details-popup .result-icon {
	font-size: 100px;
}

/*
* Case Result Value
-------------------------------------------------------------------------------- */
.result-value {
	font-size: 4rem;
	text-transform: uppercase;
}

:where(.content-palette-dark) .result-value {
	color: var(--scheme-sp, inherit);
}

.result-value-confidential {
	font-size: .6em;
}

.result-value-number-long {
	font-size: .75em;
}

@media only screen and (min-width: 48rem) {
	.result-details-popup .result-value.h1 {
		font-size: 100px;
	}
}

/*
* Case Result Type
-------------------------------------------------------------------------------- */

/*
* Other Case Result Type
-------------------------------------------------------------------------------- */

/*
* Case Result Title - Optional
-------------------------------------------------------------------------------- */

/*
* Case Result Description
-------------------------------------------------------------------------------- */
.result-details-default .result-description {
	flex: 1 1;
}

/*
* Case Result Content
-------------------------------------------------------------------------------- */
.result-details-default .result-content {
	max-inline-size: 50ch;
}

.result-details-popup .result-content {
	margin-block-start: 3rem;
	text-align: initial;
}

/*
* Case Result Learn More - Optional
-------------------------------------------------------------------------------- */
.result-learn-more {
	margin-block-start: 2em;
	align-self: center;
}

@media only screen and (min-width: 120rem) {
	.result-details-default .result-learn-more:first-child {
		margin-block-start: auto;
	}
}

/*
* includes/repeater-result
-------------------------------------------------------------------------------- */
.result {
	max-inline-size: 100%;
}

.result, .result-container {
	display: flex;
	min-inline-size: 0;
	flex-direction: column;
}

.result-container {
	inline-size: 100%;
	flex: 1 1;
	gap: .75rem;
	align-items: center;
}

.result :where(.result-description, .result-content) {
	margin-inline: auto;
}

.result-pointer-reference:has(.result-details, [href]):is(:hover, :focus-within) .result-summary .result-value {
	color: inherit;
}

.result-summary {
	text-align: center;
	display: contents;
}

.result-summary:nth-last-child(n+2) {
	margin-block-end: auto;
}

.result-details-default {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1 1;
	margin-block-start: 1.5em;
	border-block-start: 1px solid var(--color-neutral);
	padding-block-start: 1.5rem;
}

.result:has(.result-details-hover) {
	position: relative;
}

.result-pointer-reference:not(:is(:hover, :focus-within)) .result-details-hover {
	pointer-events: none;
	opacity: 0;
}

.result-details-hover {
	max-inline-size: none;
	position: absolute;
	background-color: var(--color-dark-alt);
	color: var(--color-light);
	inset: 0;
	margin: 0;
	scrollbar-width: none;
	overflow-block: scroll;
	transition: .25s all ease-in-out;
	padding: 2rem;
	opacity: 1;
}

.result-details-hover::-webkit-scrollbar {
	display: none;
}

.result-details-popup {
	text-align: center;
	flex-direction: column;
	display: flex;
	gap: 1rem;
}

/* Menu Directories https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/repeater/menudir.md
-------------------------------------------------------------------------------- */

/*
* Menu Directory Skeleton. Do not Edit
-------------------------------------------------------------------------------- */
.menudir-title {
	padding-inline: var(--pa-title-padding-x);
}

.menudir-title:is(.fancy-border) -after:after {
	--fancy-border-margin-l: calc(var(--pa-title-padding-x) * -1);
	--fancy-border-margin-r: calc(var(--pa-title-padding-x) * -1);
}

.menudir-menu li, .menudir-menu li a {
	display: flex;
	flex-direction: column;
	line-height: var(--pa-item-line-height);
}

.menudir-menu li a {
	justify-content: center;
	flex: 1 1;
	padding-block: calc(var(--pa-item-padding-y, calc(( var(--pa-item-height, 3em) - var(--pa-item-border-width, 1px) * 2 - 1em * var(--pa-item-lines, 2) * var(--pa-item-line-height, 1.25) ) * .5)) - var(--pa-item-border-width, 1px) * .5);
	padding-inline: var(--pa-item-padding-x);
	min-block-size: var(--pa-item-height);
}

.menudir-menu li a:is([href="#"]) {
	pointer-events: none;
}

@media only screen and (max-width: 47.9375rem) {
	.menudir-menu li a {
		min-block-size: 0;
	}
}

/*
* Menu Directory Vars/ Scaffolding
-------------------------------------------------------------------------------- */
.menudir {
	--pa-item-padding-x: .5rem;
	/* height of practice area item. designers will prefer to design buttons based on their height. this is to better support the wonders they create while being able to use padding to support multi-line/ edge case buttons */
	--pa-item-height: 45px;
	/* ideal height of menu items */
	--pa-item-lines: 1;
	/* Note: this value has to be unitless for calc values to work.
  			* Number of lines to compensate for the item height */
	--pa-item-baseline-offset: .5;
	/* Note: this value has to be unitless for calc values to work.
  			* 1 moves the text to the very bottom. 0 moves the text to the very top */
	--pa-item-line-height: 1.5;
	/* Note: this value has to be unitless for calc values to work.
  			* Formula is line-height-px / font-size-px */
	--pa-title-padding-x: var(--pa-item-padding-x);
}

@media only screen and (min-width: 48rem) {
	.menudir {
		min-inline-size: 100%;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.menudir {}
}

/*
* Menu Directory Category Title
-------------------------------------------------------------------------------- */
.menudir-title {
	margin-block-end: .5rem;
}

/*
* Menu Directory Menu
-------------------------------------------------------------------------------- */
.menudir-menu {
	font-size: 20px;
	font-weight: 500;
}

.menudir-menu a {
	text-decoration: none;
}

.menudir-menu li:is(:hover, :focus-within) a:not([href="#"]) {
	color: var(--color-secondary);
}

/*
* includes/repeater-menudir
-------------------------------------------------------------------------------- */
.menudir {
	max-inline-size: 100%;
}

.menudir, .menudir-container {
	display: flex;
	min-inline-size: 0;
	flex-direction: column;
}

.menudir-container {
	inline-size: 100%;
	flex: 1 1;
}

/* Pagination https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/helper/pagination.md
-------------------------------------------------------------------------------- */

/* Pagination Skeletons. do not edit 
--------------------------------------------------------------- */
.pagination {
	display: grid;
	grid-template-columns: 1fr max-content 1fr;
	align-items: center;
	text-align: center;
	clear: both;
	margin-inline: auto;
}

.pagination-block {
	grid-row: 1;
}

.pagination-block span {
	margin-inline: .35rem .25rem;
	color: var(--color-primary-alt);
}

.pagination-block-left {
	grid-column: 1;
	text-align: left;
}

.pagination-block-center {
	grid-column: 2;
}

.pagination-block-right {
	grid-column: 3;
	text-align: right;
}

.pagination-num-list.pagination-block-left span:first-child, .pagination-num-list.pagination-block-left a:first-child {
	margin-inline-start: 0;
}

.pagination-num-list.pagination-block-right span:last-child, .pagination-num-list.pagination-block-right a:last-child {
	margin-inline-start: 0;
}

@media only screen and (max-width: 74.9375rem) {
	.pagination-nav-link:is(.pagination-block-left, .pagination-block-right):nth-child(2), .pagination-nav-link:is(.pagination-block-left, .pagination-block-right):nth-last-child(2) {
		grid-column: 1/-1;
	}
	
	.pagination-nav-link:is(.pagination-block-left, .pagination-block-right):nth-child(2) span:nth-last-child(n+2), .pagination-nav-link:is(.pagination-block-left, .pagination-block-right):nth-child(2) a:nth-last-child(n+2), .pagination-nav-link:is(.pagination-block-left, .pagination-block-right):nth-last-child(2) span:nth-last-child(n+2), .pagination-nav-link:is(.pagination-block-left, .pagination-block-right):nth-last-child(2) a:nth-last-child(n+2) {
		margin-inline-end: .5em;
	}
}

/* Pagination Customizations. customize as needed 
--------------------------------------------------------------- */
.pagination {
	font-size: 18px;
	color: var(--color-dark);
	border-block-start: 1px solid var(--color-neutral);
	padding-block-start: 14px;
	margin-block-start: 40px;
	margin-block-end: 0;
	max-inline-size: 100%;
	grid-column: 1/-1;
	inline-size: calc(var(--comp) - var(--container-gutter, 30px));
}

.pagination .current, .pagination a:is(:hover, :focus) {
	color: var(--color-primary-alt);
	text-decoration: none;
}

.pagination-num-list a, .pagination-num-list span {
	margin-inline: .125em;
}

.pagination-nav-link :is(.next, [rel=next]):after, .pagination-nav-link :is(.prev, [rel=prev]):before {
	display: inline-block;
	align-self: center;
	flex: 0 0 auto;
	content: "";
	font-size: .625rem;
	transform-origin: 40% 40%;
	width: 1em;
	height: 1em;
	border: 2px solid var(--color-primary-alt);
	border-top: 0;
	border-left: 0;
}

.pagination-nav-link :is(.next, [rel=next]):after {
	transform: rotate(-45deg);
	margin-inline-start: 1em;
}

.pagination-nav-link :is(.prev, [rel=prev]):before {
	transform: rotate(135deg);
	margin-inline-end: 1em;
}

@media only screen and (min-width: 75rem) {
	.pagination {
		order: 999;
	}
}

/* Profile https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/repeater/profile.md
-------------------------------------------------------------------------------- */

/* Profile Image Skeletons. No need to edit 
--------------------------------------------------------------- */
.profile-image {
	--cover-aspect-w: var(--profile-image-aspect-w);
	--cover-aspect-l: var(--profile-image-aspect-l);
	flex: 0 0 auto;
	position: relative;
	background-color: var(--color-light-alt);
	display: block;
	border-radius: 13px;
}

.profile-image::before {
	/* hover overlay */
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background: var(--profile-image-overlay-background);
	z-index: 1;
	opacity: 0;
	pointer-events: none;
}

.profile-image-placeholder {
	display: flex;
}

.profile-image-placeholder img {
	inline-size: 100%;
	block-size: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 13px;
}

:is(.profile-image-img, .profile-image-placeholder, .profile-image-placeholder-img) {
	position: absolute;
	inset: 0;
}

:is(.profile-image-img, .profile-image-placeholder-img) {
	max-inline-size: none;
	inline-size: 100%;
	block-size: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: var(--profile-image-position);
	object-position: var(--profile-image-position);
}

.profile-image:has(.profile-image-learn-more)::before, .profile-image:has(.profile-image-learn-more) .profile-image-learn-more {
	pointer-events: none;
}

.profile-image:has(.profile-image-learn-more)::before {
	opacity: var(--profile-image-overlay-opacity);
	mix-blend-mode: var(--profile-image-overlay-mix-blend);
	-webkit-backdrop-filter: var(--profile-image-overlay-backdrop-filter);
	backdrop-filter: var(--profile-image-overlay-backdrop-filter);
	pointer-events: auto;
	border-radius: 13px;
}

.profile-image:has(.profile-image-learn-more) .profile-image-learn-more {
	opacity: 0;
}

.profile-image:has(.profile-image-learn-more):is(:hover, :focus-within)::before, .profile-image:has(.profile-image-learn-more):is(:hover, :focus-within) .profile-image-learn-more, .profile-pointer-reference:is(:hover, :focus, :focus-within) .profile-image:has(.profile-image-learn-more)::before, .profile-pointer-reference:is(:hover, :focus, :focus-within) .profile-image:has(.profile-image-learn-more) .profile-image-learn-more {
	pointer-events: auto;
}

.profile-image:has(.profile-image-learn-more):is(:hover, :focus-within) .profile-image-learn-more, .profile-image:has(.profile-image-learn-more):is(:hover, :focus-within) .profile-image-markup:after, .profile-pointer-reference:is(:hover, :focus, :focus-within) .profile-image:has(.profile-image-learn-more) .profile-image-learn-more, .profile-pointer-reference:is(:hover, :focus, :focus-within) .profile-image:has(.profile-image-learn-more) .profile-image-markup:after {
	opacity: 1;
}

.profile-image:has(.profile-image-learn-more) .profile-image-learn-more {}

/*
* Profile Image. Customizations https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/repeater/profile.md#css-vars
-------------------------------------------------------------------------------- */
.profile-image {
	--profile-image-aspect-w: 408;
	--profile-image-aspect-l: 524;
	--profile-image-position: 50% 15%;
	--profile-image-overlay-background: linear-gradient(0deg, rgba(31, 34, 37, .7) 0%, rgba(153, 159, 164, .7) 100%);
	--profile-image-overlay-opacity: 0;
	--profile-image-overlay-mix-blend: multiply;
	border-radius: 13px;
}

/*
* Profile Placeholder. Customizations https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/repeater/profile.md#css-vars
-------------------------------------------------------------------------------- */
.profile-image-placeholder {
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 2rem;
	margin: 0;
	background: var(--color-dark-alt);
}

.profile-image-placeholder-text {
	color: var(--color-light);
	text-align: center;
}

.profile-image-placeholder-icon {
	font-size: 96px;
}

@media only screen and (min-width: 120rem) {
	.profile-image-placeholder-icon {
		font-size: 128px;
	}
}

/*
* Profile Image Pseudos: wheh linking to a bio page only
-------------------------------------------------------------------------------- */
.profile-image:has(.profile-image-learn-more, [href])::before, .profile-image:has(.profile-image-learn-more, [href]) .profile-image-learn-more, .profile-image:has(.profile-image-learn-more, [href]) [href] {
	transition: .5s ease-in-out all;
}

.profile-image:has(.profile-image-learn-more, [href]):is(:hover, :focus-within), .profile-pointer-reference:is(:hover, :focus, :focus-within) .profile-image:has(.profile-image-learn-more, [href]) {
	--profile-image-overlay-opacity: 1;
}

.profile-image:has(.profile-image-learn-more, [href]):is(:hover, :focus-within):has(.profile-image-placeholder), .profile-pointer-reference:is(:hover, :focus, :focus-within) .profile-image:has(.profile-image-learn-more, [href]):has(.profile-image-placeholder) {
	--profile-image-overlay-opacity: 1;
}

/*
* Profile View text
-------------------------------------------------------------------------------- */
.profile-image-learn-more[href] {
	color: var(--color-light);
}

/*
* Profile Thumbnail, contains profile image, special blurb, whatever can be included in a thumbnail
-------------------------------------------------------------------------------- */
.profile-thumbnail {
	flex: 0 0 auto;
	align-self: stretch;
	inline-size: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* Profile Additional Details. No need to edit 
--------------------------------------------------------------- */
.profile-details-hover {
	opacity: 0;
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: column;
	text-align: center;
	pointer-events: none;
	position: absolute;
	inset: 0;
	z-index: 10;
	overflow-block: scroll;
	scrollbar-width: none;
}

.profile-details-hover::-webkit-scrollbar {
	display: none;
}

.profile-details-hover::before {
	content: "";
	color: var(--color-light);
	opacity: .8;
	position: absolute;
	inset: 0;
	z-index: -1;
}

.profile-details-hover:is(:hover, :focus-within), .profile-pointer-reference:is(:hover, :focus, :focus-within) .profile-details-hover {
	opacity: 1;
	pointer-events: auto;
}

.profile-details-hover-body {
	flex: 1 1;
}

/*
* Profile Additional Details Customizations
-------------------------------------------------------------------------------- */
.profile-details {}

.profile-details-hover {
	padding-block: 3rem;
	padding-inline: 2rem;
	transition: .5s ease-in-out all;
	background: var(--color-dark-alt);
	color: var(--color-light);
}

.profile-details-body + .profile-details-footer {
	padding-block-start: 2rem;
	align-self: stretch;
}

/*
* Profile Name
-------------------------------------------------------------------------------- */
.profile-name {
	font-size: 30px;
	align-content: center;
}

@media only screen and (min-width: 87.5rem) {
	.profile-name {
		font-size: 32px;
	}
}

/*
* Profile Name
-------------------------------------------------------------------------------- */
.profile-position {
	margin-block-start: auto;
}

/*
* includes/repeater-profile
-------------------------------------------------------------------------------- */
.profile {
	align-self: stretch;
	position: relative;
}

.profile {}

.profile:has(:has(.profile-image-learn-more, [href])):is(.profile-pointer-reference):is(:hover, :focus-within) {
	background: var(--color-neutral);
}

.profile {
	max-inline-size: 100%;
}

.profile, .profile-container, .profile-details {
	display: flex;
	min-inline-size: 0;
	flex-direction: column;
}

.profile-details, .profile-container {
	inline-size: 100%;
	flex: 1 1;
	gap: 25px;
}

.profile-summary {
	flex: 1 1;
}

.profile-summary {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .5rem;
}

.profile-image {
	inline-size: 100%;
}

@media only screen and (min-width: 120rem) {
	.profile-details, .profile-container {
		gap: 35px;
	}
}

/* Testimonial https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/repeater/testimonial.md
-------------------------------------------------------------------------------- */

/*
* Testimonial Stars
-------------------------------------------------------------------------------- */
.testimonial-stars {
	font-size: 24px;
}

/*
* Testimonial Highlight / Main quote
-------------------------------------------------------------------------------- */
.testimonial-highlight {
	font-weight: 400;
	text-align: inherit;
	max-inline-size: none;
	margin-inline: 0;
}

/*
* Testimonial Quote Body / other parts of the quote
-------------------------------------------------------------------------------- */

/*
* Testimonial Divider - Optional
-------------------------------------------------------------------------------- */
.testimonial-divider {
	--fancy-border-margin-y: 0em;
}

/*
* Testimonial Source + Optional Icon
-------------------------------------------------------------------------------- */
.testimonial-source span:nth-last-child(n+2)::after {
	content: "|";
	margin-inline: .5em;
}

:where(.content-palette-dark) .testimonial-source {
	color: var(--scheme-sp, inherit);
}

.testimonial-source-icon {
	font-size: 1.25rem;
}

/*
* includes/repeater-testimonial
-------------------------------------------------------------------------------- */
.testimonial {
	max-inline-size: 100%;
}

.testimonial, .testimonial-container {
	display: flex;
	min-inline-size: 0;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.testimonial-container {
	inline-size: 100%;
	flex: 1 1;
	gap: .75rem;
}

/* Video Button - Default (One that doesnt have custom markup in it, just the usual one with a play symbol)
https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/helper/video-button.md
--------------------------------------------------------------- */

/* Video Button Skeletons. No need to edit 
--------------------------------------------------------------- */
@keyframes video-button-default-text-rotate {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}

.video-button-html .wistia-embed {
	display: contents !important;
}

.video-button-default {
	display: inline-flex;
	block-size: var(--video-button-size);
	aspect-ratio: 1/1;
	position: relative;
	font-size: var(--video-button-size);
	z-index: 0;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

.video-button-default:is(.video-button-no-api) {
	pointer-events: none;
}

.video-thumbnail .video-button-default {
	/* customize instances of video button within thumbnail*/
	position: absolute;
	z-index: 1;
	inset: 0;
	margin: auto;
}

.video-button-default-image, .video-button-default-text, .video-button-default-text-svg, .video-button-default-text span, .video-button-default::before, .video-button-default::after {
	position: absolute;
	margin: auto;
	pointer-events: none;
}

.video-button-default-text, .video-button-default-image {
	inset: 0;
}

.video-button-default.video-button-default-no-icon::before, .video-button-default.video-button-default-no-icon::after {
	content: "";
	display: block;
}

.video-button-default > .wistia_click_to_play {
	position: static !important;
	inline-size: auto !important;
	block-size: auto !important;
}

.video-button-default-glyph {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 100%;
	block-size: 100%;
}

.video-button-default-glyph::before {
	content: "";
	display: block;
	width: var(--video-button-glyph-width);
	height: var(--video-button-glyph-height);
	background: var(--video-button-glyph-color, currentColor);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.video-button-default-glyph:not(.video-button-default-glyph-has-text) {
	padding-left: calc(var(--video-button-glyph-width) * .25);
}

.video-button-default-glyph-has-text::before {
	content: none;
}

.video-button-default-text {
	font-size: var(--video-button-glyph-height);
}

.video-button-default-text-svg {
	transform-style: preserve-3d;
	max-inline-size: none;
	inset: -100%;
	margin: auto;
	font-size: calc(1em * 1 / var(--video-button-text-svg-radius-ratio));
	inline-size: calc(200% * var(--video-button-text-svg-radius-ratio));
	block-size: calc(200% * var(--video-button-text-svg-radius-ratio));
}

.video-button-default-text-svg-path {
	transform-origin: center center;
}

.video-button-default-text-html span {
	inset-block-start: 0;
	inset-block-end: 0;
	inline-size: -moz-max-content;
	inline-size: max-content;
	block-size: -moz-max-content;
	block-size: max-content;
}

.video-button-default-text-html span:not(.video-button-default-text-html-separator):first-child {
	inset-inline-end: 100%;
	margin-inline-end: 1em;
}

.video-button-default-text-html span:not(.video-button-default-text-html-separator):last-child {
	inset-inline-start: 100%;
	margin-inline-start: 1em;
}

.video-button-default-image-init:not(:only-child), .video-button-default:is(:hover, :focus) .video-button-default-image-hover, .video-pointer-reference:is(:hover, :focus, :focus-within) .video-button-default-image-hover {
	opacity: 1;
}

.video-button-default-image-hover, .video-button-default:is(:hover, :focus) .video-button-default-image-init:not(:only-child), .video-pointer-reference:is(:hover, :focus, :focus-within) .video-button-default-image-init:not(:only-child) {
	opacity: 0;
}

/* Video Button Customizations: https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/helper/video-button.md#css-vars
--------------------------------------------------------------- */
.video-button-default {
	--video-button-size: 4rem;
	/* size of video button by height and or width */
	--video-button-text-svg-radius-ratio: 1.25;
	/*  ratio of svg path for rounded text. */
	--video-button-text-svg-start-offset: 50%;
	/*  offset of svg text */
	--video-button-glyph-height: 20%;
	/* height for video play triangle glyph*/
	
	/* Tip: set as ems so the play symbol scales along with the actual button */
	--video-button-glyph-width: 18%;
	/* width for video play triangle glyph*/
	
	/* Tip: set as ems so the play symbol scales along with the actual button */
	--video-button-glyph-color: currentColor;
	/* color of the video button glyph. Used as a background-color so it can take gradients too */
	color: var(--color-light);
}

.video-button-default, .video-button-default-image, .video-button-default-text, .video-button-default::before, .video-button-default::after, .video-button-default-thumbnail-markup::after {
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.video-button-default, .video-button-default-image, .video-button-default-text, .video-button-default-thumbnail-markup::after {
	transition-property: opacity, left, top, bottom, right, width, height;
}

.video-button-default::before, .video-button-default::after {
	transition-property: all;
}

.video-thumbnail .video-button-default {
	/* customize instances of video button within thumbnail*/
	--video-button-size: clamp(3rem, 50%, 10rem);
}

.video-thumbnail .video-button-default:is(:hover, :focus), .video-pointer-reference:is(:hover, :focus, :focus-within) .video-thumbnail .video-button-default {
	--video-thumbnail-overlay-opacity: .8;
}

@media only screen and (min-width: 87.5rem) {
	.video-button-default {
		--video-button-size: 6.25rem;
	}
}

.video-button-default-glyph::before {
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.video-button-default-text {
	font-size: .75rem;
	line-height: 1;
	color: var(--color-neutral);
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: 700;
}

.video-button-default-text-separator {
	color: inherit;
}

.video-button-default-text-svg {
	transform: rotate(32deg);
	color: inherit;
}

.video-button-default-text-html > span {
	inset-block-start: 0;
	inset-block-end: 0;
}

.video-button-default.video-button-default-no-icon {
	/* tru element/background */
	
	/* these are basic styles. overhaul as needed */
	background: rgba(255, 255, 255, .2);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .2);
}

.video-button-default.video-button-default-no-icon, .video-button-default.video-button-default-no-icon::before, .video-button-default.video-button-default-no-icon::after {
	/* these are basic styles. overhaul as needed */
	border-radius: 999em;
	transform-origin: center center;
	transform-style: preserve-3d;
	transform: scale(1);
	margin: auto;
}

.video-button-default.video-button-default-no-icon::before {
	/* fake extra background */
	
	/* these are basic styles. overhaul as needed */
	background: linear-gradient(to bottom, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
	z-index: -1;
	inset: 12.5%;
}

.video-button-default.video-button-default-no-icon::after {
	/* other element for fx */
	
	/* these are basic styles. overhaul as needed */
	border: .0125em solid var(--color-accent);
	inset: 18%;
}

.video-button-default.video-button-default-no-icon:is(:hover, :focus), .video-pointer-reference:is(:hover, :focus, :focus-within) .video-button-default.video-button-default-no-icon {
	/* on hover on itself/ containing repeater/ .video-pointer-reference */
	--video-button-glyph-color: linear-gradient(to bottom, var(--color-light-alt), var(--color-light));
	/* these are basic styles. overhaul as needed */
	box-shadow: 0 0 0 .1em rgba(255, 255, 255, .2);
}

.video-button-default.video-button-default-no-icon:is(:hover, :focus)::before, .video-pointer-reference:is(:hover, :focus, :focus-within) .video-button-default.video-button-default-no-icon::before {
	/* these are basic styles. overhaul as needed */
	background: linear-gradient(to bottom, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
	transform: scale(1.25);
}

.video-button-default.video-button-default-no-icon:is(:hover, :focus)::after, .video-pointer-reference:is(:hover, :focus, :focus-within) .video-button-default.video-button-default-no-icon::after {
	/* these are basic styles. overhaul as needed */
	transform: scale(.98);
}

.video-thumbnail .video-button-default.video-button-default-no-icon:is(:hover, :focus), .video-pointer-reference:has(.video-thumbnail .video-button-default.video-button-default-no-icon):is(:hover, :focus-within) .video-button-default.video-button-default-no-icon {}

.video-thumbnail .video-button-default.video-button-default-no-icon:is(:hover, :focus)::before, .video-pointer-reference:has(.video-thumbnail .video-button-default.video-button-default-no-icon):is(:hover, :focus-within) .video-button-default.video-button-default-no-icon::before {}

.video-thumbnail .video-button-default.video-button-default-no-icon:is(:hover, :focus)::after, .video-pointer-reference:has(.video-thumbnail .video-button-default.video-button-default-no-icon):is(:hover, :focus-within) .video-button-default.video-button-default-no-icon::after {}

/* Video Pointer Reference
--------------------------------------------------------------- */
.video-pointer-reference:not(:has(.vode-thumbnail:not(:has(.video-button)))) {
	cursor: pointer;
}

/* Video Thumbnail https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/helper/video-thumbnail.md
--------------------------------------------------------------- */

/* Video Thumbnail Skeletons. No need to edit 
--------------------------------------------------------------- */
.video-thumbnail {
	--cover-aspect-w: var(--video-thumbnail-aspect-w);
	--cover-aspect-l: var(--video-thumbnail-aspect-l);
	flex: 0 0 auto;
	position: relative;
	background-color: var(--color-light-alt);
}

.video-thumbnail-markup {
	border-radius: inherit;
	overflow: hidden;
}

.video-thumbnail-markup[href]::after, .video-thumbnail-markup.wistia_embed::after {
	/* overlay */
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: var(--video-thumbnail-overlay-background);
	opacity: var(--video-thumbnail-overlay-opacity);
	mix-blend-mode: var(--video-thumbnail-overlay-mix-blend);
	-webkit-backdrop-filter: var(--video-thumbnail-overlay-backdrop-filter);
	backdrop-filter: var(--video-thumbnail-overlay-backdrop-filter);
}

.video-thumbnail-markup-img img {
	max-inline-size: none;
}

/* force object fit cover where we need to, im looking at you wistia
--------------------------------------------------------------- */
:is(.video-thumbnail-markup > *, .video-thumbnail-markup img) {
	inline-size: 100% !important;
	block-size: 100% !important;
	max-inline-size: none !important;
	max-block-size: none !important;
	position: absolute !important;
	inset: 0 !important;
	-o-object-fit: cover !important;
	object-fit: cover !important;
	margin: 0 !important;
}

/* Video Thumbnail
https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/includes/helper/video-thumbnail.md#css-vars
--------------------------------------------------------------- */
.video-thumbnail {
	--video-thumbnail-aspect-w: 16;
	--video-thumbnail-aspect-l: 9;
	--video-thumbnail-overlay-background: var(--color-dark-alt) linear-gradient(to bottom right, var(--color-dark), var(--color-dark-alt));
	--video-thumbnail-overlay-opacity: 0;
	--video-thumbnail-overlay-backdrop-filter: none;
	--video-thumbnail-overlay-mix-blend: multiply;
}

.video-thumbnail:is(:hover, :focus), .video-pointer-reference:is(:hover, :focus, :focus-within) .video-thumbnail {
	--video-thumbnail-overlay-opacity: .8;
}

.video-thumbnail-markup[href]::after, .video-thumbnail-markup.wistia_embed::after {
	/* overlay */
	transition: .25s ease-in-out all;
}

/* includes/repeater-video
--------------------------------------------------------------- */
.video {}

.video {
	max-inline-size: 100%;
}

.video, .video-container {
	display: flex;
	min-inline-size: 0;
	flex-direction: column;
}

.video-container {
	inline-size: 100%;
	flex: 1 1;
	gap: 1rem;
}

.video-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin-block: 0;
	flex: 1 1;
}

/* ================================================================================
* Parts 
================================================================================ */

/* Review Us Page https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/parts/review-us.md
--------------------------------------------------------------- */
.review-us {
	text-align: center;
}

.review-us-columns {
	--columns-gap-x: 4em;
	--columns-gap-y: 2em;
	align-items: flex-end;
	justify-content: center;
}

.review-us-columns .button {
	margin-block-start: 1em;
}

.review-us, .review-us-video {
	margin-block-start: 3em;
}

@media only screen and (min-width: 48rem) {
	.review-us-columns {
		--columns-number: 2;
	}
	
	.review-us-columns .button {
		inline-size: 100%;
	}
}

/* Awards https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/parts/awards.md
--------------------------------------------------------------- */
.awards {
	justify-self: stretch;
}

.awards:where(.section-blocks :has(.awards-container:is(.container))) {
	margin-inline: calc(var(--container-gutter, 0px) * -1);
	justify-self: stretch;
	max-inline-size: none;
}

/* Author Meta https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/parts/author.md
--------------------------------------------------------------- */
.author-meta {
	padding-block: 2rem;
	padding-inline: 2rem;
	margin-block-start: 2.5rem;
	background: var(--color-dark-alt);
}

.author-meta .profile-image {
	max-inline-size: 100%;
	inline-size: 9.375rem;
	--profile-image-aspect-w: 1;
	--profile-image-aspect-l: 1;
	align-self: start;
}

@media only screen and (min-width: 48rem) {
	.author-meta-container {
		flex-direction: row;
		align-items: start;
	}
}

/* ================================================================================
* Header
================================================================================ */

/* Layout Header https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/layout/header.md
Note: The styles will be setup mobile first starting with the smallest device comp where the header menu toggle is no longer visible  (usually initially at md/laptop)
And then Desktop first starting with the largest device comp where the the header toggle is visible (Usually sm/tablet)
Tip: setting up mobile navigation desktop-first starting at sm-max for touch screen styles, and then mobile-first starting at md for desktop styles helps simplify the styles and lessen the need for overrides.
Also Tip: Default styles are set based on its sticky state, and then overriding these styles when no scroll has happened yet (.doc-header-not-sticky). This is to keep styles less repetitive and as simple as possible
--------------------------------------------------------------- */

/* Layout Header Variables
--------------------------------------------------------------- */

/* Tip: placing the css var on :root can allow elements outside of the layout header utilize the variable if needed ie sticky stuff, offsets, jump link scroll etc. */
:root {
	--layout-header-height: 140px;
	/* initial height of the whole header */
	--layout-header-height-before-sticky: 120px;
	/* height of the whole header on overlap/ before sticky */
	--layout-header-offset: 0rem;
	/* How far off the header is from the top of the viewport. This is specially useful for .header-can-overlap styles before sticky-ing */
	--layout-header-logo-height: var(--layout-header-height);
}

@media only screen and (min-width: 75rem) {
	:root {}
}

@media only screen and (min-width: 87.5rem) {
	:root {
		--layout-header-height-before-sticky: 126px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:root {
		/* Touch Devices Header Styles Start */
		--layout-header-height: 130px;
		--layout-header-height-before-sticky: 98px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	:root {
		--layout-header-height: 160px;
		--layout-header-logo-height: 110px;
	}
}

.doc-header-not-sticky .header-can-overlap {}

@media only screen and (min-width: 48rem) {
	.doc-header-not-sticky .header-can-overlap {
		--layout-header-height: 98px;
	}
}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-can-overlap {}
}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap {}
}

.doc-header-menu-open {}

@media only screen and (max-width: 74.9375rem) {
	.doc-header-menu-open {}
}

/* Offset the scroll by the header height so the element a jump link scrolls to us not underneath the header but instead compensates to the header height and scrolls just next to it
--------------------------------------------------------------- */
html, body {
	scroll-padding-block-start: calc(var(--layout-header-height) + var(--layout-header-offset, 0px)) !important;
}

/* Layout Header Overlaps
	NOTE: Classes to use:
		.has-layout-header-offset => the element within the layout that will have the negative margins to overlap itself
--------------------------------------------------------------- */
.header-can-overlap .has-layout-header-offset:not(:has(.has-layout-header-offset)):first-child:is(:is(.template-wrapper > :first-child),
:is(.template-wrapper > :first-child) *)::before {
	content: "";
	flex: 0 0 auto;
	grid-column: 1/-1;
	block-size: var(--layout-header-height-before-sticky);
	display: block;
	inline-size: 100%;
}

.header-can-overlap:has(.has-layout-header-offset) .layout-header {
	position: fixed;
}

/* Layout Header Itself
--------------------------------------------------------------- */
.layout-header {
	/* Note: position must be set initially, NOT based on whether or not a scroll has occured (sticky vs not-sticky class). This is to prevent layout jumps on scroll */
	position: sticky;
	inset-block-start: var(--layout-header-offset, 0px);
	inset-inline-start: 0;
	z-index: 999;
	inline-size: 100%;
	background-color: var(--scheme-bg, var(--color-dark));
	color: var(--scheme-fg, var(--color-light));
	transition: .25s top ease-in-out;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, .8);
	border-radius: 0 0 20px 20px;
}

.layout-header-container {
	--container-gutter: 26px;
}

@media only screen and (min-width: 48rem) {
	.layout-header-container {
		--container-gutter: 30px;
	}
}

@media only screen and (min-width: 75rem) {
	.layout-header {}
}

@media only screen and (min-width: 120rem) {
	.layout-header-container {
		--container-gutter: 60px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.layout-header {}
}

.doc-header-not-sticky .header-can-overlap .layout-header {}

@media only screen and (min-width: 48rem) {
	.doc-header-not-sticky .header-can-overlap .layout-header {
		/* remove background */
		background: transparent;
		/* remove dropdown shadow on all devices when not scrolling yet */
		box-shadow: none;
		--layout-header-offset: 8px;
	}
}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-can-overlap .layout-header {
		--layout-header-offset: 30px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .layout-header {}
}

.doc-header-not-sticky.doc-header-menu-open .layout-header {}

.doc-header-not-sticky.doc-header-menu-open .layout-header .number-link {
	color: var(--color-light);
}

.doc-header-not-sticky.doc-header-menu-open .layout-header .number-link::before {
	background: var(--color-light);
}

@media only screen and (max-width: 47.9375rem) {
	.doc-header-not-sticky.doc-header-menu-open .layout-header {}
}

.doc-header-menu-open .header-can-overlap .layout-header {
	/* Styles/Selectors for when header menu accordion for touch devices is open */
	border-radius: 0;
}

@media only screen and (min-width: 48rem) {
	.doc-header-menu-open .header-can-overlap .layout-header {
		background: var(--color-dark);
		--layout-header-height: 130px;
		--layout-header-offset: 0;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.doc-header-menu-open .header-can-overlap .layout-header {
		transition: all .625s ease-in-out;
	}
}

.header-can-overlap .layout-header {}

/* Header Blocks - How elements will be layed out in the header
--------------------------------------------------------------- */
:where(.header-block, .header-blocks) {
	/* uncomment if flex/grid is causing any issues*/
	min-inline-size: 0;
}

.header-blocks {
	justify-content: center;
	align-items: center;
	-moz-column-gap: var(--container-gutter);
	column-gap: var(--container-gutter);
	row-gap: 0rem;
	inline-size: auto;
	block-size: var(--layout-header-height);
}

.header-block:is(.header-logo) {
	grid-area: logo;
	justify-self: self-start;
	block-size: var(--layout-header-logo-height);
}

.header-block:is(.header-nav) {
	grid-area: nav;
}

.header-block:is(.header-cta) {
	grid-area: cta;
}

.header-block:is(.header-toggle-menu) {
	grid-area: toggle-menu;
	align-self: center;
}

@media only screen and (min-width: 75rem) {
	.header-block {}
	
	.header-blocks {
		grid-template-columns: auto 1fr auto;
		grid-template-areas: "logo nav cta";
	}
	
	.header-block:is(.header-logo) {
		margin-block-end: min(0px, (var(--layout-header-logo-height) - var(--layout-header-height)) * -1);
	}
	
	.header-block:is(.header-nav) {
		justify-self: center;
		align-self: stretch;
	}
	
	.header-blocks {
		grid-template-columns: auto 1fr;
		grid-template-rows: 1fr max-content;
		grid-template-areas: "logo cta" "logo nav";
	}
	
	.header-block:is(.header-logo) {
		align-self: center;
	}
	
	.header-block:is(.header-nav) {
		justify-self: self-end;
		align-self: stretch;
	}
	
	.header-block:is(.header-cta) {
		justify-self: self-end;
		align-self: center;
	}
}

@media only screen and (min-width: 87.5rem) {
	.header-blocks {
		row-gap: 10px;
	}
	
	.header-block:is(.header-cta) {
		align-self: flex-end;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-block {}
	
	.header-blocks {
		grid-template-columns: auto 1fr auto;
		grid-template-areas: "logo cta toggle-menu";
	}
	
	.header-block:is(.header-cta) {
		justify-self: self-end;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.header-blocks {
		grid-template-columns: 1fr auto;
		grid-template-rows: auto 1fr;
		grid-template-areas: "logo toggle-menu" "cta cta";
		-moz-column-gap: 0;
		column-gap: 0;
	}
	
	.header-block:is(.header-logo) {
		justify-self: stretch;
	}
	
	.header-block:is(.header-cta) {
		justify-self: stretch;
		align-self: stretch;
	}
}

.doc-header-not-sticky .header-can-overlap .header-block {}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-can-overlap .header-blocks {
		row-gap: 1rem;
		block-size: var(--layout-header-height-before-sticky);
	}
}

@media only screen and (min-width: 75rem) and (max-width: 119.9375rem) {
	.doc-header-not-sticky .header-can-overlap .header-block:is(.header-nav) {
		align-self: self-end;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-block {}
	
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-blocks {
		min-block-size: var(--layout-header-height-before-sticky);
	}
}

.doc-header-not-sticky .header-block {}

.header-block .doc-header-menu-open {}

/* Header Logo
--------------------------------------------------------------- */
.header-logo {
	padding-block: 20px;
	flex: 0 0 auto;
	/* support logo offseting on overlay banner + not sticky state. comment if not needed */
	position: relative;
}

.header-logo .logo-wrapper-br, .header-logo .logo-wrapper-before-sticky {
	/* hide possible variations of logo */
	display: none;
}

@media only screen and (min-width: 75rem) {
	.header-logo {
		/* Non-touch Devices Header Styles Start */
		margin-inline-start: calc(var(--container-gutter, 0px) * -1);
		padding-inline: var(--container-gutter, 1.5rem);
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-logo {
		/* Touch Devices Header Styles Start */
		padding-block: 22px;
		padding-inline: 0;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.header-logo {
		padding-block: 13px;
		max-inline-size: 100%;
		inline-size: 100%;
	}
	
	.header-logo .logo-wrapper-br {
		/* show  */
		display: block;
	}
	
	.header-logo .logo-wrapper-br ~ .logo-wrapper-nonbr {
		display: none;
	}
}

.doc-header-not-sticky .header-can-overlap .header-logo {}

@media only screen and (min-width: 48rem) {
	.doc-header-not-sticky .header-can-overlap .header-logo {
		padding-block: 1rem;
	}
}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-can-overlap .header-logo {
		background-color: transparent;
		padding-block: 0 2rem;
		padding-right: 0;
		align-self: flex-start;
	}
	
	.doc-header-not-sticky .header-can-overlap .header-logo .logo-wrapper-sticky, .doc-header-not-sticky .header-can-overlap .header-logo .logo-wrapper-before-sticky ~ .logo-wrapper-br {
		/* hide default logo on before sticky */
		display: none;
	}
	
	.doc-header-not-sticky .header-can-overlap .header-logo .logo-wrapper-before-sticky {
		/* show  */
		display: block;
	}
}

@media only screen and (min-width: 120rem) {
	.doc-header-not-sticky .header-can-overlap .header-logo {
		padding-block: 1px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-logo {}
}

.doc-header-not-sticky .header-logo {}

.doc-header-menu-open .header-can-overlap .header-logo {}

@media only screen and (min-width: 48rem) {
	.doc-header-menu-open .header-can-overlap .header-logo {
		padding-block: 1rem;
	}
}

/* Header Toggle/s - Scaffolding for usual box buttons
--------------------------------------------------------------- */
.header-toggle {
	inline-size: 68px;
	height: 83px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex: 0 0 auto;
	padding: 0;
}

@media only screen and (min-width: 48rem) {
	.header-toggle {
		height: 85px;
		inline-size: 70px;
	}
}

@media only screen and (min-width: 75rem) {
	.header-toggle {}
}

@media only screen and (max-width: 74.9375rem) {
	.header-toggle {}
}

.doc-header-not-sticky .header-can-overlap .header-toggle {}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-toggle {}
}

.doc-header-not-sticky .header-toggle {}

@media only screen and (max-width: 74.9375rem) {
	.doc-header-not-sticky .header-toggle {}
}

.doc-header-menu-open .header-toggle {}

@media only screen and (max-width: 74.9375rem) {
	.doc-header-menu-open .header-toggle {}
}

.doc-header-menu-open.doc-header-not-sticky .header-toggle {}

@media only screen and (max-width: 74.9375rem) {
	.doc-header-menu-open.doc-header-not-sticky .header-toggle {}
}

/* Header Toggle - Menu
--------------------------------------------------------------- */
.header-toggle-menu {
	--layout-header-menu-toggle-open-offset: 0rem;
	/* How far off the toggle is from its original position. useful for mobile when the layout of the header shifts around and the toggle is positioned weird over the menu when it's open */
	background: var(--color-light);
	border-radius: 13px;
	border: 1px solid var(--color-neutral);
	color: var(--color-dark);
	position: relative;
	z-index: 99999;
	inset-block-start: 0;
	transition: .375s all ease-in-out;
	order: 99;
}

.header-toggle-menu-icon {
	--fancy-icon-menu-width: 38px;
	--fancy-icon-menu-height: 26px;
	--fancy-icon-menu-bar-height: 2px;
}

.header-toggle-menu.open .header-toggle-menu-icon {
	color: inherit;
}

.header-toggle-menu-label {
	font-size: .75rem;
	font-family: var(--font-accent);
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	margin-block-start: .5em;
	transition: .375s all ease-in-out;
}

.header-toggle-menu.open .header-toggle-menu-label {
	margin-block-start: -1em;
	opacity: 0;
}

.header-toggle-menu.open .header-toggle-menu-label:nth-last-child(2) {
	display: none;
}

.header-toggle-menu:not(.open) .header-toggle-menu-label:nth-child(3) {
	display: none;
}

@media only screen and (min-width: 75rem) {
	.header-toggle-menu {}
}

@media only screen and (max-width: 74.9375rem) {
	.header-toggle-menu {}
}

@media only screen and (max-width: 47.9375rem) {
	.header-toggle-menu {
		--layout-header-menu-toggle-open-offset: calc(var(--layout-header-logo-height) * -1);
	}
}

.doc-header-not-sticky .header-can-overlap .header-toggle-menu {}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-toggle-menu {}
}

.doc-header-not-sticky .header-toggle-menu {}

.doc-header-menu-open .header-toggle-menu {}

.doc-header-menu-open.doc-header-not-sticky .header-toggle-menu {}

/* Header Toggle - Other Block toggles
--------------------------------------------------------------- */
@media only screen and (min-width: 75rem) {
	.header-toggle- {}
}

@media only screen and (max-width: 74.9375rem) {
	.header-toggle- {}
}

.doc-header-not-sticky .header-can-overlap .header-toggle- {}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-toggle- {}
}

.doc-header-not-sticky .header-toggle- {}

.doc-header-menu-open .header-toggle- {}

.doc-header-menu-open.doc-header-not-sticky .header-toggle- {}

/* Header CTA
--------------------------------------------------------------- */
.header-cta {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
	gap: 1rem;
}

@media only screen and (min-width: 48rem) {
	.header-cta {
		flex-direction: column-reverse;
	}
	
	.header-cta-group {
		display: flex;
		gap: 10px;
	}
}

@media only screen and (min-width: 75rem) {
	.header-cta {
		/* Non-touch Devices Header Styles Start */
		flex-direction: row-reverse;
		align-items: center;
		padding-inline: 0;
		gap: 20px;
	}
}

@media only screen and (min-width: 120rem) {
	.header-cta {
		margin-block-end: 0;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-cta {
		/* Touch Devices Header Styles Start */
		gap: 8px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.header-cta {
		gap: .125rem;
		text-align: center;
		align-items: center;
		flex: 1 1;
		padding-inline: var(--container-gutter);
		background: var(--color-primary-alt);
		border-radius: 0 0 20px 20px;
		margin-inline: calc(var(--container-gutter, 0px) * -1);
	}
}

.doc-header-not-sticky .header-can-overlap .header-cta {}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-cta {}
}

.doc-header-not-sticky .header-cta {}

@media only screen and (min-width: 48rem) {
	.doc-header-not-sticky .header-cta .header-cta-text {
		background: var(--color-dark);
		color: var(--color-primary);
	}
}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-cta .header-buttons {
		margin: 0;
	}
}

.doc-header-menu-open .header-cta {}

@media only screen and (min-width: 48rem) {
	.doc-header-menu-open .header-cta .header-cta-text {
		background: var(--color-primary);
		color: var(--color-dark);
	}
}

/* Header CTA - Text
--------------------------------------------------------------- */
.header-cta-text {
	line-height: 1.5;
	font-family: var(--font-accent);
	color: var(--color-accent);
	height: -moz-max-content;
	height: max-content;
}

.header-cta-text > span:nth-child(n+2)::before {
	content: "●︎";
	color: var(--color-primary);
	letter-spacing: 0em;
	margin: 0 .5em;
}

@media only screen and (min-width: 48rem) {
	.header-cta-text {
		/* Non-touch Devices Header Styles Start */
		color: var(--color-dark);
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-cta-text {}
}

@media only screen and (max-width: 47.9375rem) {
	.header-cta-text {
		color: var(--color-dark-alt);
	}
}

.doc-header-not-sticky .header-can-overlap .header-cta-text {}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-cta-text {}
}

.doc-header-not-sticky .header-cta-text {}

.doc-header-menu-open .header-cta-text {}

/* Header Number/s
--------------------------------------------------------------- */
.header-numbers {
	display: inline-flex;
	justify-content: inherit;
	justify-items: inherit;
	gap: 7px;
}

.header-numbers .number-link {
	font-size: 24px;
	color: var(--color-light-alt);
}

@media only screen and (min-width: 48rem) {
	.header-numbers .number-link {
		font-size: 28px;
		line-height: 30px;
	}
}

@media only screen and (min-width: 75rem) {
	.header-numbers {}
	
	.header-numbers .number-link {
		font-size: 30px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-numbers {}
}

.doc-header-not-sticky .header-can-overlap .header-numbers {}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-numbers {}
}

.doc-header-not-sticky .header-numbers {}

@media only screen and (min-width: 48rem) {
	.doc-header-not-sticky .header-numbers .number-link {
		color: var(--color-dark);
	}
	
	.doc-header-not-sticky .header-numbers .number-link::before {
		background: var(--color-dark);
	}
}

.doc-header-menu-open .header-numbers {}

/* Header Navigation
--------------------------------------------------------------- */
.header-nav {
	--layout-header-menu-touch-offset: 0rem;
}

@media only screen and (min-width: 75rem) {
	.header-nav {}
	
	.header-nav {
		display: flex;
		justify-content: center;
		flex: 1 1;
	}
}

@media only screen and (min-width: 75rem) and (max-width: 119.9375rem) {
	.header-nav {
		justify-content: flex-end;
		flex: 0 0 auto;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-nav {
		/* Touch Devices Header Styles Start */
		--layout-header-menu-touch-offset: var(--layout-header-height);
		transition: top .25s ease-in-out, left .5s ease-in-out, opacity .5s ease-in-out;
		inline-size: 100%;
		overflow-inline: hidden;
		overflow-block: scroll;
		background: rgba(0, 0, 0, .8);
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		opacity: 0;
		z-index: 9999;
		scrollbar-inline-size: none;
		position: fixed;
		inset-block-end: 0;
		inset-inline-start: 100%;
		inset-block-start: var(--layout-header-menu-touch-offset);
	}
	
	.header-nav::-webkit-scrollbar {
		display: none;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.header-nav {
		--layout-header-menu-touch-offset: var(--layout-header-height);
	}
}

.doc-header-not-sticky .header-can-overlap .header-nav {}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-can-overlap .header-nav {
		color: inherit;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-nav {}
}

.doc-header-not-sticky .header-nav {}

.doc-header-menu-open .header-nav {}

@media only screen and (max-width: 74.9375rem) {
	.doc-header-menu-open .header-nav {
		inset-inline-start: 0%;
		opacity: 1;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.doc-header-menu-open .header-nav .header-cta, .doc-header-menu-open .header-nav .header-buttons {
		position: absolute;
		margin-inline: auto;
		left: 0;
		right: 0;
		background: transparent;
	}
	
	.doc-header-menu-open .header-nav .header-cta {
		top: 30px;
	}
	
	.doc-header-menu-open .header-nav .header-buttons {
		top: 80px;
		text-align: center;
	}
}

.doc-header-menu-open.doc-header-not-sticky .header-nav {}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-can-overlap .header-menu-bar {
		background: var(--color-neutral-lightest);
		color: var(--color-dark);
		border-radius: 13px;
		border: 1px solid var(--color-light);
		padding-inline: 25px;
	}
	
	.doc-header-not-sticky .header-can-overlap .header-menu-bar .header-buttons {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 87.5rem) {
	.header-menu-bar {
		display: flex;
		align-items: center;
		gap: 28px;
	}
	
	.header-menu-bar .header-buttons {
		margin-bottom: 24px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-menu-bar {
		inline-size: 100%;
	}
}

/* Header Navigation Menu
--------------------------------------------------------------- */
.header-nav .menu {
	--layout-header-menu-touch-menu-padding-x: var(--container-gutter, 2rem);
	/* horizontal padding for menu items and accordion/dropdowns */
	--layout-header-menu-nontouch-dropdown-padding-x: 1.875rem;
	/* horizontal padding for menu items and accordion/dropdowns
  NOTE: Keep horizontal padding on the li items instead of the containing ul/dropdown to maintain hover hitspace or so that the next level of dropdown does not disappear while you hover to it */
	--layout-header-menu-nontouch-current-height: 3px;
	/* current item border indicator height */
	font-size: 18px;
	line-height: 1.125;
	color: inherit;
	text-transform: capitalize;
	font-weight: 500;
}

.header-nav .menu li {
	display: flex;
	flex-wrap: wrap;
}

.header-nav .menu li, .header-nav .menu li > a {
	position: relative;
}

.header-nav .menu li > a {
	padding-block: .95em;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	transition: .125s ease-in-out all;
	gap: .5em;
	flex: 1 0;
	text-decoration: none;
	/* comment out if borders are not desired */
	justify-content: flex-start;
}

.header-nav .menu li:last-child, .header-nav .menu li:last-child > a {
	/* disable border for last items */
	border: none;
}

.header-nav .menu li:is(.menu-item-has-children) > a::after {
	display: inline-block;
	align-self: center;
	flex: 0 0 auto;
	content: "";
	font-size: .625rem;
	transform-origin: 67% 67%;
	width: 1em;
	height: 1em;
	border: 2px solid var(--color-light);
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
}

.header-nav .menu ul {
	background-color: var(--color-light-alt);
	color: var(--color-dark);
}

.header-nav .menu ul:is(.menu-item-has-children) > a::after {
	color: inherit;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	.header-nav .menu {
		border-top: 1px solid var(--color-neutral-lighter);
	}
}

@media only screen and (min-width: 75rem) {
	.header-nav .menu {
		font-size: 1rem;
		gap: 28px;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	
	.header-nav .menu li:is(:not(.menu-item-special li):is(:hover, :focus, :focus-within),
  :is(.menu-item-special li):is(.open)) ~ li > ul, .header-nav .menu li:not(:not(.menu-item-special li):is(:hover, :focus, :focus-within),
  :is(.menu-item-special li):is(.open)) > ul {
		display: none !important;
	}
	
	.header-nav .menu li {
		position: relative;
		padding-inline: var(--layout-header-menu-nontouch-dropdown-padding-x);
	}
	
	.header-nav .menu li > a {
		flex: 1 1;
		/* flush dropdown indicator and text to the left */
		justify-content: flex-start;
	}
	
	.header-nav .menu li:is(:hover, :focus, :focus-within, .menu-item-special .open) > a {
		/* activated styles upon interaction for nontouch */
		color: var(--scheme-sp, var(--color-secondary));
	}
	
	.header-nav .menu li:is(:hover, :focus, :focus-within, .menu-item-special .open) > a::after {
		border-color: var(--color-secondary);
	}
	
	.header-nav .menu li:is(.menu-item-has-children) > a::after {
		border-color: inherit;
	}
	
	.header-nav .menu ul {
		inline-size: clamp(14.375rem, 18 vi, 20.3125rem);
		border-radius: 0 0 13px 13px;
		inset-block-start: 0;
		inset-inline-start: 100%;
		/* Take dropdowns out of doc flow + setup for hover/focus effects */
		position: absolute;
		box-shadow: 0 0 10px -5px rgba(0, 0, 0, .8);
		z-index: 1;
	}
	
	.header-nav .menu ul li:is(.menu-item-has-children) > a::after {
		transform: rotate(-45deg);
		color: inherit;
	}
	
	.header-nav .menu > li {
		flex-direction: row;
		padding-inline: 0;
	}
	
	.header-nav .menu > li > a {
		padding-block: 13px 35px;
		padding-inline: 0;
		border: none;
	}
	
	.header-nav .menu > li:is(:hover, :focus, :focus-within)::before {}
	
	.header-nav .menu > li:is(.current-menu-item, .current-menu-ancestor)::before {}
	
	.header-nav .menu > li:is(.current-menu-item,
  .current-menu-ancestor,
  :hover,
  :focus,
  :focus-within)::before {
		/* current menu item indicator if active */
		inline-size: 100%;
	}
	
	.header-nav .menu > li.menu-item-special {
		--layout-header-nav-special-sub-width: 20.3125em;
		--layout-header-nav-special-padding-y: .75rem;
		--layout-header-menu-nontouch-dropdown-padding-x: 2.1875rem;
		position: static;
	}
	
	.header-nav .menu > li.menu-item-special li {
		position: static;
		flex-direction: column;
		padding-inline: 0;
	}
	
	.header-nav .menu > li.menu-item-special li.view-all {
		grid-column: 1/-1;
	}
	
	.header-nav .menu > li.menu-item-special ul {
		padding-inline: var(--layout-header-menu-nontouch-dropdown-padding-x);
	}
	
	.header-nav .menu > li.menu-item-special:nth-last-child(-n+2) > ul {
		left: auto;
		right: 0;
		transform: none;
	}
	
	.header-nav .menu > li.menu-item-special > ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-content: start;
		-moz-column-gap: var(--layout-header-menu-nontouch-dropdown-padding-x);
		column-gap: var(--layout-header-menu-nontouch-dropdown-padding-x);
		padding-inline: var(--layout-header-menu-nontouch-dropdown-padding-x) calc(var(--layout-header-menu-nontouch-dropdown-padding-x) + var(--layout-header-nav-special-sub-width));
		inline-size: min(80 vi, 68rem);
		min-block-size: min(44rem, 75 vb - var(--layout-header-height));
		margin-inline: auto;
		background-image: linear-gradient(to left, var(--color-light-alt) 0, var(--color-light-alt) var(--layout-header-nav-special-sub-width), transparent var(--layout-header-nav-special-sub-width), transparent 100%);
		inset-inline: auto 0;
	}
	
	.header-nav .menu > li.menu-item-special > ul ul {
		border-radius: 0;
		box-shadow: none;
		color: inherit;
	}
	
	.header-nav .menu > li.menu-item-special > ul, .header-nav .menu > li.menu-item-special > ul ul {
		padding-block: var(--layout-header-nav-special-padding-y);
		scrollbar-width: none;
		overflow-y: scroll;
	}
	
	.header-nav .menu > li.menu-item-special > ul::-webkit-scrollbar, .header-nav .menu > li.menu-item-special > ul ul::-webkit-scrollbar {
		display: none;
	}
	
	.header-nav .menu > li.menu-item-special > ul > li > ul {
		-webkit-mask-image: linear-gradient(to bottom, transparent 0%, white 1.5em, white calc(100% - 3em), transparent calc(100% - 1.5em));
		mask-image: linear-gradient(to bottom, transparent 0%, white 1.5em, white calc(100% - 3em), transparent calc(100% - 1.5em));
		position: absolute;
		inset-block: 0;
		right: 0;
		left: auto;
		width: var(--layout-header-nav-special-sub-width);
		background: none;
	}
	
	.header-nav .menu > li.menu-item-special > ul > li > ul ul {
		background: rgba(0, 0, 0, .08);
		width: auto;
		position: static;
		margin-inline: calc(var(--layout-header-menu-nontouch-dropdown-padding-x) * -1);
	}
	
	.header-nav .menu > li > ul {
		inset-block-start: 100%;
		inset-inline-start: 0;
	}
	
	.header-nav .menu > li > ul ul {
		background-color: var(--color-dark-alt);
		border-radius: 0 13px 13px 0;
		color: var(--color-light);
	}
	
	.header-nav .menu > li > ul ul li:is(:hover, :focus, :focus-within, .menu-item-special .open) > a {
		color: var(--color-primary);
	}
	
	.header-nav .menu {}
	
	.header-nav .menu ul ul ul {
		inset-inline-start: calc(var(--layout-header-menu-nontouch-dropdown-padding-x) * 2);
		inset-block-start: 100%;
		transform: none;
	}
	
	.header-nav .menu {}
}

@media only screen and (min-width: 75rem) and (max-width: 119.9375rem) {
	.header-nav .menu > li:nth-last-child(-n+2) > ul {
		inset-inline-start: auto;
		transform: none;
		inset-inline-end: 0;
	}
	
	.header-nav .menu > li:nth-last-child(-n+2) > ul ul {
		inset-inline-end: calc(var(--layout-header-menu-nontouch-dropdown-padding-x) * 2);
		inset-inline-start: auto;
	}
	
	.header-nav .menu {}
	
	.header-nav .menu ul ul {
		transform: none;
	}
	
	.header-nav .menu ul ul ul {
		inset-inline-start: 50%;
		inset-block-start: 80%;
	}
}

@media only screen and (min-width: 87.5rem) {
	.header-nav .menu li.menu-item-special {
		margin-bottom: 22px;
	}
	
	.header-nav .menu li.menu-item-special a {
		background: var(--color-secondary);
		border: 1px solid var(--color-secondary-alt);
		padding: 12px 20px;
		color: var(--color-light);
		border-radius: 13px;
		font-size: 17px;
		font-weight: 700;
		height: -moz-max-content;
		height: max-content;
		width: -moz-max-content;
		width: max-content;
	}
	
	.header-nav .menu li.menu-item-special:hover a {
		background: var(--color-light);
		color: var(--color-secondary);
	}
}

@media only screen and (max-width: 74.9375rem) {
	.header-nav .menu {
		height: 100%;
		background: var(--color-dark);
		color: var(--color-light);
		padding-block-start: 65px;
		padding-block-end: 6rem;
		inline-size: 100%;
		box-shadow: inherit;
	}
	
	.header-nav .menu li:not(.open) > ul {
		display: none;
	}
	
	.header-nav .menu li {
		padding-inline: var(--layout-header-menu-touch-menu-padding-x);
	}
	
	.header-nav .menu li ul {
		margin-inline: calc(var(--layout-header-menu-touch-menu-padding-x) * -1);
	}
	
	.header-nav .menu li > a {
		flex: 1 0 100%;
		/* distance both dropdown indicator and menu text to the edge */
		justify-content: center;
		text-align: center;
	}
	
	.header-nav .menu li:is(:hover, :focus, :focus-within, .open) > a {
		/* activated styles upon interaction for touch */
		color: var(--scheme-sp, var(--color-primary));
	}
	
	.header-nav .menu li:is(:hover, :focus, :focus-within, .open) > a:after {
		border-color: var(--color-primary);
	}
	
	.header-nav .menu li:is(.open) {
		border-block-end: 0;
	}
	
	.header-nav .menu li:is(.open) > a {
		border-block-end: 0;
	}
	
	.header-nav .menu ul {
		background-color: var(--color-dark-alt);
		color: inherit;
		align-self: stretch;
		order: 99;
		flex: 1 0 100%;
	}
	
	.header-nav .menu ul:has(> li:last-child.open), .header-nav .menu ul:is(li:last-child.open > ul) {
		margin-block-end: 0 !important;
	}
	
	.header-nav .menu ul:has(> li:last-child.open) {
		padding-block-end: 0 !important;
	}
	
	.header-nav .menu > li > ul ul {
		background-color: var(--color-neutral-dark);
	}
}

@media only screen and (max-width: 47.9375rem) {
	.header-nav .menu {
		padding-top: 165px;
		max-inline-size: 100%;
	}
	
	.header-nav .menu li:is(.menu-item-has-children) > a::after {
		margin-right: -1.7ch;
	}
}

.doc-header-not-sticky .header-can-overlap .header-nav .menu {}

@media only screen and (min-width: 75rem) {
	.doc-header-not-sticky .header-can-overlap .header-nav .menu li a {
		padding-block: 20px 22px;
	}
	
	.doc-header-not-sticky .header-can-overlap .header-nav .menu li ul li a {
		padding-block: .95em;
	}
	
	.doc-header-not-sticky .header-can-overlap .header-nav .menu li:is(.menu-item-has-children) > a::after {
		border-color: var(--color-dark);
	}
	
	.doc-header-not-sticky .header-can-overlap .header-nav .menu li:is(:hover, :focus, :focus-within, .menu-item-special .open) > a::after {
		border-color: var(--color-secondary);
	}
}

@media only screen and (max-width: 74.9375rem) {
	:not(.doc-header-menu-open).doc-header-not-sticky .header-can-overlap .header-nav .menu {}
}

.doc-header-not-sticky .header-nav .menu {}

.doc-header-menu-open .header-nav .menu {}

.doc-header-menu-open.doc-header-not-sticky .header-nav .menu {}

/* Header Form
--------------------------------------------------------------- */
#header-form {
	grid-area: form;
}

#header-form .field-form {
	gap: 2rem;
}

#header-form .gform_description {
	max-inline-size: 80ch;
}

#header-form .gform_body {
	margin-inline: auto;
}

#header-form .gform_footer {
	justify-content: center;
	text-align: center;
}

#header-form .gfield.gfield--type-submit {
	/* dont stretch flex button */
	align-self: flex-start;
}

@media only screen and (max-width: 74.9375rem) {
	#header-form .gform_fields .gfield:not(.gfield-inline-size-full) {
		/* fix gravity forms from deciding to undo the grid columns on mobile instead of tablet now */
		grid-column: 1/-1;
	}
}

.doc-header-menu-open, .doc-popup-active {
	overflow: clip;
}

/* ================================================================================
* Banner
================================================================================ */

/* Layout Banner https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/layout/banner.md
--------------------------------------------------------------- */

/* Layout Banner Variables
--------------------------------------------------------------- */

/* In case banner is also as crazy as the header */

/* Tip: placing the css var on :root can allow elements outside of the layout header utilize the variable if needed ie sticky stuff, offsets, jump link scroll etc. */
.banner-has-background-image {}

.banner-no-background-image {
	/* Styles specific for when banner doesnt support background image */
	background: var(--color-neutral-light);
}

/* Layout Banner Overlaps
	NOTE: Classes to use:
		.layout-banner-offset-element => the element within the layout that will have the negative margins to overlap itself
		.has-layout-banner-offset => the adjacent layouts/ child of adjacent layouts that will have the pseudo element to adjust itself if the `layout-banner-offset-element` is next to it
--------------------------------------------------------------- */
.banner-can-overlap:has(.has-layout-banner-offset) :is(.layout-banner .layout-banner-offset-element)::after {
	content: "";
	flex: 0 0 auto;
	grid-column: 1/-1;
	block-size: var(--layout-banner-offset, 0px);
	margin-block-end: min(var(--layout-banner-offset, 0px) - var(--overlap-buffer), 0);
	display: block;
	inline-size: 100%;
}

.banner-can-overlap .has-layout-banner-offset:not(:has(.has-layout-banner-offset)):is(:is(.layout-banner + *),
:is(.main, main, .aside, aside):first-child,
.layout-banner + :is(.main, main) > :is(section, .section):first-child,
.layout-banner + :is(.main, main) > :is(section, .section):first-child *) {
	isolation: isolate;
}

.banner-can-overlap:has(.has-layout-banner-offset) .layout-banner-offset-element:is(.layout-banner > :last-child,
.layout-banner > :last-child *) {
	margin-block-end: calc(( var(--layout-banner-offset, 0px) + var(--overlap-buffer) ) * -1) !important;
}

.banner-can-overlap:has(.has-layout-banner-offset) .layout-banner:has(.layout-banner-offset-element) {
	padding-block-end: var(--overlap-buffer) !important;
}

/* Layout Banner Itself
--------------------------------------------------------------- */
@media only screen and (max-width: 47.9375rem) {
	.layout-banner {}
	
	.layout-banner-container {
		--container-gutter: .75rem;
	}
}

.banner-has-background-image .layout-banner {}

.banner-no-background-image .layout-banner {}

/* Banner Background
--------------------------------------------------------------- */
.banner-background {
	--responsive-background-overlay-mix-blend: multiply;
	--responsive-background-overlay-background: linear-gradient(239deg, rgba(24, 27, 27, .52) 17.88%, rgba(255, 255, 255, 0) 40.4%), linear-gradient(179deg, rgba(255, 255, 255, 0) 54.31%, #171a1e 84.44%), linear-gradient(181deg, rgba(255, 255, 255, 0) 15.42%, rgba(35, 35, 35, .9) 47.79%, rgba(23, 26, 30, .9) 100.6%);
	--responsive-background-overlay-opacity: 1;
	--responsive-background-bg-position: center top;
}

@media only screen and (min-width: 48rem) {
	.banner-background {
		--responsive-background-overlay-mix-blend: multiply;
		--responsive-background-overlay-background: linear-gradient(142deg, rgba(24, 27, 27, .52) 10.32%, rgba(255, 255, 255, 0) 43.79%), linear-gradient(184deg, rgba(255, 255, 255, 0) 12.91%, rgba(35, 35, 35, .43) 23.37%, rgba(29, 31, 33, .85) 73.08%, rgba(23, 26, 30, .85) 96.09%);
		--responsive-background-overlay-opacity: 1;
	}
}

@media only screen and (min-width: 75rem) {
	.banner-background {
		--responsive-background-overlay-background: linear-gradient(344deg, rgba(24, 27, 27, .6) 30.71%, rgba(255, 255, 255, .4) 73.18%), linear-gradient(249deg, rgba(255, 255, 255, 0) 18.56%, rgba(35, 35, 35, .65) 67.48%, rgba(23, 26, 30, .65) 127.27%);
	}
}

@media only screen and (min-width: 87.5rem) {
	.banner-background {
		--responsive-background-overlay-background: linear-gradient(344deg, rgba(24, 27, 27, .6) 30.71%, rgba(255, 255, 255, .4) 73.18%), linear-gradient(249deg, rgba(255, 255, 255, 0) 18.56%, rgba(35, 35, 35, .65) 67.48%, rgba(23, 26, 30, .65) 127.27%);
	}
}

/* Banner Main
--------------------------------------------------------------- */
.banner-main {
	padding-block: 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: center;
}

.banner-main-blocks {
	justify-items: center;
	justify-content: center;
	align-items: center;
	gap: 3rem;
}

.banner-main-block:only-child {
	flex: 1 1;
	grid-column: 1/-1;
	grid-row: 1/-1;
	justify-self: stretch;
}

@media only screen and (min-width: 48rem) {
	.banner-main {
		padding-block: 90px;
	}
}

@media only screen and (min-width: 75rem) {
	.banner-main {
		padding-block: 120px;
	}
	
	.banner-main-blocks {
		grid-template-columns: 1fr auto;
	}
}

.banner-has-background-image .banner-main {}

.banner-has-background-image .banner-main {
	padding-block: 50px;
	background-color: var(--scheme-bg, var(--color-dark-alt));
	color: var(--scheme-fg, var(--color-light));
	min-block-size: 700px;
}

@media only screen and (min-width: 48rem) {
	.banner-has-background-image .banner-main {
		padding-block: 20px 75px;
		min-block-size: 510px;
	}
	
	.banner-has-background-image .banner-main-container {
		--container-gutter: 20px;
	}
}

@media only screen and (min-width: 75rem) {
	.banner-has-background-image .banner-main {
		min-block-size: 585px;
	}
	
	.banner-has-background-image .banner-main-container {
		--container-gutter: 85px;
	}
}

@media only screen and (min-width: 87.5rem) {
	.banner-has-background-image .banner-main {
		padding-block: 25px 100px;
		min-block-size: 630px;
	}
}

@media only screen and (min-width: 120rem) {
	.banner-has-background-image .banner-main-container {
		--container-gutter: 185px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.banner-has-background-image .banner-main-container {
		--container-gutter: 15px;
	}
}

.banner-has-background-image.header-can-overlap .banner-main {}

.banner-no-background-image .banner-main {}

/* Banner Body
--------------------------------------------------------------- */
.banner-body, .banner-body-blocks {
	align-items: inherit;
	justify-content: inherit;
	justify-items: inherit;
}

.banner-body-block, .banner-body-blocks {
	min-inline-size: 0;
	max-inline-size: 100%;
}

.banner-body-blocks {
	gap: 20px;
}

@media only screen and (min-width: 75rem) {
	.banner-body-blocks {
		text-align: left;
		justify-items: flex-start;
	}
}

.banner-has-background-image .banner-body {}

.banner-no-background-image .banner-body {}

.banner-no-background-image .banner-body-blocks {
	justify-items: center;
	text-align: center;
	gap: 44px;
}

/* Global Banner Text
--------------------------------------------------------------- */
.banner-has-background-image .banner-text {}

.banner-no-background-image .banner-text {}

/* Global Secondary Heading
--------------------------------------------------------------- */
.secondary-heading {
	font-size: 18px;
	color: inherit;
}

.secondary-heading em {
	/* emphasized words */
	color: var(--scheme-sp, var(--color-accent));
	letter-spacing: 0em;
	font-style: normal;
}

.secondary-heading::before, .secondary-heading > span::before {
	font-size: 8px;
	color: var(--scheme-sb, var(--color-primary));
	font-style: normal;
}

.secondary-heading > span {
	display: flex;
}

.secondary-heading > span::before {
	content: "●︎";
	margin-inline: .5em;
}

@media only screen and (min-width: 48rem) {
	.secondary-heading {
		display: flex;
		align-items: center;
	}
	
	.secondary-heading > span:first-child:before {
		display: none;
	}
	
	.secondary-heading > span:nth-child(n+2):before {
		margin-inline: 12px;
	}
}

@media only screen and (min-width: 87.5rem) {
	.secondary-heading {
		font-size: 20px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.secondary-heading {
		display: flex;
		flex-direction: column;
		gap: .5em;
		text-align: left;
	}
}

.banner-has-background-image .secondary-heading {}

.banner-no-background-image .secondary-heading {}

.secondary-heading.secondary-heading-default {}

.secondary-heading.secondary-heading-blog {}

.secondary-heading.secondary-heading-blog-posts {}

.secondary-heading.secondary-heading-blog-post {}

/* Global Primary Heading
--------------------------------------------------------------- */

/* Note: default styles are set to custom internal templates w/ no banner background images  (Case Results, Testimonials, etc.) to reduce repetitive styles and or lengthy selectors */
.primary-heading {
	/* Global Styles / custom page template heading styles (Testimonials Grid, Attorney Grid, etc.) */
	font-size: 50px;
	line-height: 1;
	text-wrap: balance;
	margin-block-end: 0;
}

.primary-heading em {
	/* emphasized words */
	color: var(--scheme-sp, var(--color-accent));
	font-style: normal;
}

@media only screen and (min-width: 48rem) {
	.primary-heading {
		font-size: 55px;
	}
}

@media only screen and (min-width: 75rem) {
	.primary-heading {
		font-size: 65px;
	}
}

.primary-heading.primary-heading-default {
	/* Styles specific for default template primary heading (Single Post, Single Page, Possibly Blog/ Archive etc.) */
	font-size: 40px;
	line-height: 45px;
	margin-block: 0 .2em;
}

@media only screen and (min-width: 48rem) {
	.primary-heading.primary-heading-default {
		font-size: 50px;
		line-height: 1;
	}
}

@media only screen and (min-width: 75rem) {
	.primary-heading.primary-heading-default {
		font-size: 55px;
		line-height: 60px;
		margin-block: 0 .1em;
	}
}

@media only screen and (min-width: 87.5rem) {
	.primary-heading.primary-heading-default {
		font-size: 60px;
		line-height: 65px;
	}
}

.primary-heading.primary-heading-default-h1 {}

.primary-heading.primary-heading-blog {}

.primary-heading.primary-heading-blog-posts {}

.primary-heading.primary-heading-blog-post {}

.layout-banner .primary-heading {}

.primary-heading.h1-fallback-heading {}

.primary-heading.h1-fallback-heading:where(.section-heading) {
	text-align: center;
}

.banner-has-background-image .layout-banner .primary-heading {
	color: inherit;
}

.banner-has-background-image .primary-heading {
	/* Styles specific for when banner has background image */
	color: inherit;
}

.banner-no-background-image .primary-heading {}

/* Banner Awards (Optional depending on comps)
--------------------------------------------------------------- */
.banner-awards {
	grid-column: 1/-1;
	flex: 0 0 auto;
	order: 99;
}

.banner-has-background-image .banner-awards {}

.banner-no-background-image .banner-awards {}

/* Banner video (Optional depending on comps)
--------------------------------------------------------------- */
.banner-video .video-thumbnail {
	inline-size: 18.75rem;
}

.banner-video-cta.video-button:not(.video-button-default-has-text) {
	display: block;
}

@media only screen and (min-width: 75rem) {
	.banner-video {
		order: 99;
	}
}

.banner-has-background-image .banner-video {}

.banner-no-background-image .banner-video {}

/* Banner Content (Optional depending on comps)
--------------------------------------------------------------- */
.banner-content {
	text-wrap: balance;
	max-inline-size: 90ch;
}

.banner-has-background-image .banner-content {}

.banner-no-background-image .banner-content {}

/* Banner Buttons
--------------------------------------------------------------- */
.banner-buttons {
	display: inline-flex;
	gap: 1rem;
	align-items: center;
	text-align: inherit;
	justify-content: inherit;
}

.banner-buttons-touch {
	margin-block-start: 3.25rem;
	margin-block-end: 4rem;
}

.banner-buttons-touch:first-child {
	margin-block-start: -1rem;
}

@media only screen and (min-width: 48rem) {
	.banner-button-shift .banner-buttons-touch, .banner-has-h1.banner-button-shift .banner-buttons-touch + hr {
		/* hide buttons outside of banner */
		display: none;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.banner-buttons, .banner-buttons-touch {
		flex-direction: column;
	}
	
	.banner-buttons-touch {
		inline-size: 100%;
		align-items: stretch;
	}
	
	.h1-fallback-heading:has(+ .banner-buttons-touch) {
		margin-block-end: 0;
	}
	
	.banner-button-shift :is(.layout-banner .banner-buttons, .banner-buttons-nontouch) {
		/* hide buttons inside of banner */
		display: none;
	}
}

/* Banner Form
--------------------------------------------------------------- */
#banner-form .field-form {
	gap: 2rem;
}

#banner-form .gform_description {
	max-inline-size: 80ch;
}

#banner-form .gform_body {
	margin-inline: auto;
}

#banner-form .gform_footer {
	justify-content: center;
	text-align: center;
}

#banner-form .gfield.gfield--type-submit {
	/* dont stretch flex button */
	align-self: flex-start;
}

@media only screen and (max-width: 74.9375rem) {
	#banner-form .gform_fields .gfield:not(.gfield-width-full) {
		/* fix gravity forms from deciding to undo the grid columns on mobile instead of tablet now */
		grid-column: 1/-1;
	}
}

@media only screen and (max-width: 47.9375rem) {
	#banner-form .field-form-body {
		position: relative;
		padding-block-end: 2rem;
	}
	
	#banner-form .gfield.required-message {
		position: absolute;
		inset-inline: 0;
		text-align: center;
		top: 100%;
	}
}

/* Banner Organization info
--------------------------------------------------------------- */
.banner-org-info {
	padding-block: 2rem;
	background: var(--color-light-alt);
}

.banner-org-info-header {
	text-align: center;
	margin-block-end: 2rem;
}

/* ================================================================================
* Sidebar
================================================================================ */

/* Layout Sidebar https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/layout/sidebar.md
--------------------------------------------------------------- */

/* Layout Sidebar Variables
--------------------------------------------------------------- */

/* In case banner is also as crazy as the header */

/* Tip: placing the css var on :root can allow elements outside of the layout header utilize the variable if needed ie sticky stuff, offsets, jump link scroll etc. */

/* Layout sidebar Overlaps
	NOTE: Classes to use:
		.layout-sidebar-offset-element => the element within the layout that will have the negative margins to overlap itself
		.has-layout-sidebar-offset => the adjacent layouts/ child of adjacent layouts that will have the pseudo element to adjust itself if the `layout-sidebar-offset-element` is next to it
--------------------------------------------------------------- */

/* Layout Sidebar
--------------------------------------------------------------- */

/* Sidebar Form
--------------------------------------------------------------- */
#sidebar-form {
	background: var(--scheme-bg, var(--color-dark));
	color: var(--scheme-fg, var(--color-light));
	border-radius: 13px;
	--widget-padding-x: 40px;
	--widget-padding-top: 45px;
	--widget-padding-bottom: var(--widget-padding-top);
	--widget-content-margin-top: 0rem;
	--widget-content-margin-bottom: 0rem;
}

#sidebar-form .field-form {
	gap: 35px;
}

#sidebar-form .field-form-header {
	gap: .5rem;
}

#sidebar-form .gform_title {
	font-size: 38px;
	line-height: 1;
	color: inherit;
}

#sidebar-form .gform_description {
	max-inline-size: 80ch;
}

#sidebar-form .gform_body {
	margin-inline: auto;
}

#sidebar-form .gform_footer {
	justify-content: center;
	text-align: center;
}

#sidebar-form .gfield {
	--field-required-color: var(--color-primary);
}

#sidebar-form .gfield.gfield--type-submit {
	/* dont stretch flex button */
	align-self: flex-start;
}

#sidebar-form .field-form-body {
	position: relative;
}

/* Sidebar Organization info
--------------------------------------------------------------- */
.sidebar-org-info {
	max-width: 320px;
	margin-inline: auto;
}

.sidebar-org-info-container {
	display: contents;
}

.sidebar-org-info :is(.swiper) {
	--swiper-custom-arrow-offset-x: 0px;
	--swiper-custom-arrow-offset-x: calc(var(--widget-padding-x) + var(--widget-item-padding-x));
	--swiper-custom-arrow-offset-x-negate: var(--widget-padding-x);
}

.sidebar-org-info :is(.swiper) .swiper-custom-buttons {
	margin-inline: calc(var(--widget-padding-x) * -1);
}

.sidebar-org-info :is(.testimonial) :is(.testimonial-highlight, .testimonial-quote) * {
	display: contents;
}

@media only screen and (min-width: 48rem) {
	.sidebar-org-info {
		padding-inline: 55px;
		max-width: 398px;
	}
}

@media only screen and (min-width: 75rem) {
	.sidebar-org-info {
		padding-inline: 45px;
		max-width: 100%;
	}
}

/* Sidebar Orders
--------------------------------------------------------------- */
#sidebar-org-info-testimonials {
	order: 1;
}

#sidebar-org-info-coupons {
	order: 2;
}

#sidebar-map {
	order: 3;
}

/* Sidebar Company Info - Testimonials
--------------------------------------------------------------- */
#sidebar-org-info-testimonials .testimonial-container {
	gap: 24px;
}

#sidebar-org-info-testimonials .testimonial-highlight {
	font-size: 18px;
	line-height: 28px;
}

#sidebar-org-info-testimonials .testimonial-source {
	margin-top: 1rem;
	font-size: 17px;
}

@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
	#sidebar-org-info-testimonials {
		margin-top: 25px;
	}
}

/* Sidebar Company Info - Coupons
--------------------------------------------------------------- */
@media only screen and (max-width: 47.9375rem) {
	#sidebar-org-info-coupons {
		padding-inline: 40px;
	}
}

/* Sidebar Company Info - Map
--------------------------------------------------------------- */
#sidebar-map .sidebar-map-body {
	margin-top: 50px;
	text-align: center;
}

#sidebar-map .sidebar-map-heading {
	color: var(--color-primary-alt);
}

#sidebar-map .sidebar-map-address {
	margin-top: 1rem;
}

#sidebar-map iframe {
	border: 14px solid var(--color-neutral-lighter);
	border-radius: 13px;
	height: 310px;
	width: 100%;
}

@media only screen and (min-width: 48rem) {
	#sidebar-map {
		margin-inline: auto;
	}
	
	#sidebar-map iframe {
		width: 398px;
		height: 398px;
	}
}

/* Footer Contact

Note: 
This file is for Sidebar only overrides for the contact information
For Footer section only overrides for the contact informatio, apply styles to layout/layout-sidebar.scss -> .sidebar-contact styles section
For styles applied globally for the contact information, apply styles to layouts/layout-contact.scss
For Contact Page only overrides for the contact informatio, apply styles to templates/template-contact.scss -> #contact-page
--------------------------------------------------------------- */
.sidebar-contact .contact-blocks {
	grid-template-columns: 100%;
	justify-content: center;
	text-align: center;
}

.sidebar-contact .contact-block-title {
	align-self: center;
}

.sidebar-contact .contact-block:is(.contact-special) {
	justify-self: center;
}

.sidebar-contact .contact-block:is(.contact-number, .contact-numbers) {}

.sidebar-contact .contact-block.contact-numbers {}

.sidebar-contact .contact-block.contact-number {}

.sidebar-contact .contact-block.contact-location {}

.sidebar-contact .contact-block.contact-locations {}

/* ================================================================================
Contact Info
================================================================================ */

/* Layout Contact https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/layout/contact.md
-------------------------------------------------------------------------------- */

/* Layout contact Variables
--------------------------------------------------------------- */

/* In case contact is also as crazy as the header */

/* Tip: placing the css var on :root can allow elements outside of the layout header utilize the variable if needed ie sticky stuff, offsets, jump link scroll etc. */
:root {
	--layout-contact-offset: 6.25rem;
}

/* Layout contact Overlaps
	NOTE: Classes to use:
		.layout-contact-offset-element => the element within the layout that will have the negative margins to overlap itself
		.has-layout-contact-offset => the adjacent layouts/ child of adjacent layouts that will have the pseudo element to adjust itself if the `layout-contact-offset-element` is next to it
--------------------------------------------------------------- */
.contact-can-overlap:has(.has-layout-contact-offset) .layout-contact:has(.layout-contact-offset-element) {
	isolation: isolate;
}

.contact-can-overlap .has-layout-contact-offset:not(:has(.has-layout-contact-offset)):is(.footer-top:has(+ .footer-bottom .footer-contact:first-child),
.footer-top:has(+ .footer-bottom .footer-contact:first-child) + *,
.template-wrapper:has(:is(.main, main) .layout-contact:nth-child(n+2)))::after {
	content: "";
	flex: 0 0 auto;
	grid-column: 1/-1;
	block-size: var(--layout-contact-offset, 0px);
	display: block;
	inline-size: 100%;
}

.contact-can-overlap:has(.has-layout-contact-offset) .layout-contact-offset-element:is(.layout-contact > :last-child,
.layout-contact > :last-child *) {
	margin-block-start: max(0, (var(--layout-contact-offset, 0px) + var(--overlap-buffer)) * -1) !important;
}

.contact-can-overlap:has(.has-layout-contact-offset) .layout-contact:has(.layout-contact-offset-element), .contact-can-overlap:has(.has-layout-contact-offset) :is(main, .main):has(.layout-contact) {
	padding-block-start: var(--overlap-buffer) !important;
}

/* Contact Main
-------------------------------------------------------------------------------- */
.footer-no-contact .contact-main {}

.footer-has-contact .contact-main {}

/* Contact  Related Classes

Note: 
This file is for styles applied globally for the contact information globally

For styles applied globally for the contact information, apply styles to layouts/layout-contact.scss
For Contact Page only overrides for the contact informatio, apply styles to templates/template-contact.scss -> #contact-page
For Footer section only overrides for the contact informatio, apply styles to layout/layout-footer.scss -> .footer-contact styles section
-------------------------------------------------------------------------------- */

/* Global Stylees - Numbers (eg. header phone number, footer phone number, etc.)
-------------------------------------------------------------------------------- */
.number-link {
	font-size: 30px;
	line-height: 1;
	color: inherit;
	font-weight: 800;
	text-decoration: none;
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
}

.number-link:before {
	display: block;
	content: "";
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/icon-phone.svg");
	mask-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/icon-phone.svg");
	width: 22px;
	height: 22px;
	background: var(--color-light);
	margin-bottom: -3px;
}

/* Global Stylees - Locations
-------------------------------------------------------------------------------- */
.location-content {
	display: contents;
}

.location-address {
	font-size: 18px;
	line-height: 22px;
	font-family: var(--font-secondary);
	font-weight: 400;
}

.location-address span {
	display: inline-block;
	margin-top: 12px;
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
}

.location-numbers {
	display: contents;
	align-items: inherit;
	justify-content: inherit;
}

.location-number {
	flex-wrap: wrap;
}

.location-number-label {
	margin-inline-end: .25em;
}

/* Global Stylees - Social Links (ie. Organization social media, blog share icons, etc)
-------------------------------------------------------------------------------- */
.social {
	font-size: 26px;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
	list-style: none;
	padding: 0;
	margin: 0;
}

.social-item-link {
	color: inherit;
}

.social-item-link svg * {
	fill: currentColor;
}

.social-item:is(:hover, :focus) {
	color: var(--scheme-sp, var(--color-primary));
}

.social:is(.social-style-circle) {
	gap: .25em;
}

.social:is(.social-style-circle) .social-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	border-radius: 999em;
	height: 1.75em;
	aspect-ratio: 1/1;
	padding-bottom: .15em;
	background: var(--color-light);
	color: var(--color-dark);
}

.social:is(.social-style-circle) .social-item:is(:hover, :focus, :focus-within) > a {
	background: var(--color-primary);
	color: var(--color-light);
}

/* Confact Info Block - Titles
-------------------------------------------------------------------------------- */
.contact-block-title:not(.contact-block-title-custom) {
	font-size: 18px;
	color: var(--color-primary);
	max-inline-size: -moz-max-content;
	max-inline-size: max-content;
	display: inline-block;
	margin-block-end: 0;
}

.contact-block-title.fancy-title-box {
	font-size: 1rem;
}

/* Confact Info Block - Basic Text Content
-------------------------------------------------------------------------------- */
.contact-block-content {
	flex: 1 1;
}

:where(.contact-block-content :where(a)) {
	color: inherit;
	text-decoration: none;
}

:where(.contact-block-content :where(a)):where(:hover, :focus) {
	text-decoration: underline;
}

/* Confact Info Block - Grid setup
-------------------------------------------------------------------------------- */
.contact-blocks {
	justify-items: center;
	justify-content: center;
	row-gap: 50px;
	align-items: stretch;
}

.contact-block, .contact-blocks {
	min-inline-size: 0;
}

.contact-block {
	inline-size: 100%;
	gap: 1em;
}

.contact-block:is(:only-child, :only-of-type) {
	grid-column: 1/-1;
}

.contact-block:not(.contact-block-custom) {
	display: flex;
	flex-direction: column;
}

.contact-block:is(.contact-menudir, .contact-menudirs) li:is(:hover, :focus-within) a:not([href="#"]) {
	color: var(--color-primary);
}

@media only screen and (min-width: 48rem) {
	.contact-blocks {
		position: relative;
		justify-content: flex-start;
		grid-template-columns: repeat(2, auto);
		-moz-column-gap: 40px;
		column-gap: 40px;
		row-gap: 50px;
	}
	
	.contact-block:is(.contact-social) {
		position: absolute;
		bottom: 3rem;
	}
}

@media only screen and (min-width: 75rem) {
	.contact-block:is(.contact-social) {
		bottom: 1rem;
	}
}

@media only screen and (min-width: 87.5rem) {
	.contact-blocks {
		grid-template-columns: auto 1fr;
	}
}

@media only screen and (min-width: 120rem) {
	.contact-blocks {
		-moz-column-gap: 115px;
		column-gap: 115px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.contact-blocks {
		inline-size: -moz-max-content;
		inline-size: max-content;
		max-inline-size: 100%;
		margin-inline: auto;
	}
}

@media only screen and (max-width: 47.9375rem) {
	.contact-blocks {
		inline-size: 100%;
	}
}

.contact-block :where(.contact-locations .location, .contact-lists .list) {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.contact-block :where(.contact-locations .location, .contact-lists .list) :where(.contact-block-content, .location-content) {
	display: contents;
}

.contact-block:is(.contact-number, .contact-numbers) {}

.contact-block:is(.contact-number, .contact-numbers) .number-title {
	display: block;
	margin-block-end: 0;
}

.contact-block.contact-number {}

.contact-block.contact-numbers {
	order: 0;
	gap: 18px;
	align-items: center;
}

.contact-block.contact-numbers .contact-numbers-content {
	display: flex;
	gap: 5px;
	align-self: center;
}

@media only screen and (min-width: 48rem) {
	.contact-block.contact-numbers {
		order: 1;
		align-items: flex-start;
	}
	
	.contact-block.contact-numbers .contact-numbers-content {
		align-self: inherit;
	}
}

.contact-block:is(.contact-location, .contact-locations) {
	order: 1;
}

@media only screen and (min-width: 48rem) {
	.contact-block:is(.contact-location, .contact-locations) {
		order: 0;
	}
}

.contact-block.contact-location {}

.contact-block.contact-locations {}

.contact-block.contact-locations .contact-locations-content {
	row-gap: 4rem;
	display: grid;
}

.contact-block.contact-social {
	order: 4;
}

@media only screen and (min-width: 48rem) {
	.contact-block.contact-social {
		order: 99;
		width: -moz-max-content;
		width: max-content;
		left: 0;
	}
}

.contact-block:is(.contact-list, .contact-lists) {
	order: 3;
	margin-bottom: 0;
}

.contact-block:is(.contact-list, .contact-lists) .list-block-items {
	display: flex;
	flex-direction: column;
}

.contact-list-email {
	/* This is an example and can be omitted if not needed. each column added here will be separated by a class named after the block's title, unless the corresponding layout-contact.php markup has been modified.  */
	font-size: 1.5em;
	font-family: var(--font-secondary);
}

.contact-block.contact-lists .contact-lists-content {
	row-gap: 4rem;
	display: grid;
}

.contact-block:is(.contact-menudir, .contact-menudirs) {
	order: 99;
	flex-direction: row;
	justify-content: space-between;
	gap: 0;
}

.contact-block:is(.contact-menudir, .contact-menudirs) .menudir {
	--pa-item-padding-x: 0;
	--pa-item-height: 40px;
	--pa-item-line-height: 1.215;
}

.contact-block:is(.contact-menudir, .contact-menudirs) .menudir-container {
	gap: 8px;
}

.contact-block:is(.contact-menudir, .contact-menudirs) .menudir-menu {
	font-size: 18px;
	font-weight: 500;
	max-width: 80%;
}

@media only screen and (min-width: 48rem) {
	.contact-block:is(.contact-menudir, .contact-menudirs) {
		order: 4;
	}
}

/* Contact Form
--------------------------------------------------------------- */
#contact-form .field-form {
	gap: 2rem;
}

#contact-form .gform_description {
	max-inline-size: 80ch;
}

#contact-form .gform_body {
	margin-inline: auto;
}

#contact-form .gform_footer {
	justify-content: center;
	text-align: center;
}

#contact-form .gfield.gfield--type-submit {
	/* dont stretch flex button */
	align-self: flex-start;
}

@media only screen and (max-width: 74.9375rem) {
	#contact-form .gform_fields .gfield:not(.gfield-width-full) {
		/* fix gravity forms from deciding to undo the grid columns on mobile instead of tablet now */
		grid-column: 1/-1;
	}
}

/* ================================================================================
* Footer
================================================================================ */

/* Layout Footer https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/layout/footer.md
--------------------------------------------------------------- */

/* Layout Footer Variables
--------------------------------------------------------------- */

/* In case footer is also as crazy as the header */

/* Tip: placing the css var on :root can allow elements outside of the layout header utilize the variable if needed ie sticky stuff, offsets, jump link scroll etc. */

/* Layout Footer Overlaps
	NOTE: Classes to use:
		.layout-footer-offset-element => the element within the layout that will have the negative margins to overlap itself
		.has-layout-footer-offset => the adjacent layouts/ child of adjacent layouts that will have the pseudo element to adjust itself if the `layout-footer-offset-element` is next to it
--------------------------------------------------------------- */
.footer-can-overlap:has(.has-layout-footer-offset) .layout-footer:has(.layout-footer-offset-element) {
	isolation: isolate;
	z-index: 10;
	position: relative;
}

.footer-can-overlap .has-layout-footer-offset:not(:has(.has-layout-footer-offset)):is(:has(+ .layout-footer),
.template-wrapper:has(+ .layout-footer):is(.template-wrapper:has(+ .layout-footer) > :last-child,
:is(.main, main, .aside, aside):last-child,
:is(.main, main):last-child > :is(section, .section):last-child,
:is(.main, main):last-child > :is(section, .section):last-child *))::after {
	content: "";
	flex: 0 0 auto;
	grid-column: 1/-1;
	block-size: var(--layout-footer-offset, 0px);
	display: block;
	inline-size: 100%;
}

@media only screen and (min-width: 75rem) {
	.footer-can-overlap .has-layout-footer-offset:not(:has(.has-layout-footer-offset)):is(:is(.main, main):has(+ :is(.aside, aside):last-child),
  :is(.main, main):has(+ :is(.aside, aside):last-child) *)::after {
		content: "";
		flex: 0 0 auto;
		grid-column: 1/-1;
		block-size: var(--layout-footer-offset, 0px);
		display: block;
		inline-size: 100%;
	}
}

.footer-can-overlap:has(.has-layout-footer-offset) .layout-footer-offset-element:is(.layout-footer > :first-child,
.layout-footer > :first-child *) {
	margin-block-start: calc(( var(--layout-footer-offset, 0px) + var(--overlap-buffer) ) * -1) !important;
}

.footer-can-overlap:has(.has-layout-footer-offset) .footer-top:has(.layout-footer-offset-element) {
	padding-block-start: var(--overlap-buffer) !important;
}

/* Branding logo sizes
--------------------------------------------------------------- */
:is(.ilawyer-legacy, .ilawyer, .onep21, .ihealth) {
	color: inherit;
}

.ilawyer-legacy, .ilawyer {
	font-size: 1.125rem;
}

.onep21 {
	font-size: 3.125rem;
}

.ihealth {
	font-size: 2.125rem;
}

/* Layout Footer
--------------------------------------------------------------- */
.layout-footer {
	overflow-y: hidden;
	background-color: var(--scheme-bg, var(--color-dark));
	color: var(--scheme-fg, var(--color-light));
}

@media only screen and (max-width: 47.9375rem) {
	.layout-footer {
		overflow: hidden;
	}
}

.footer-no-contact .layout-footer {}

.footer-has-contact .layout-footer {}

/* Footer Organization info
--------------------------------------------------------------- */
.footer-org-info {
	padding-block: 2rem;
	background: var(--color-dark);
}

.footer-org-info-header {
	text-align: center;
}

/* Footer Split - Top
--------------------------------------------------------------- */
.footer-top {
	position: relative;
	padding-block: 60px;
}

.footer-top .logo {
	display: flex;
	font-size: 363px;
	margin-bottom: -33px;
	margin-inline: auto;
}

@media only screen and (min-width: 48rem) {
	.footer-top {
		padding-block: 95px 0;
	}
	
	.footer-top-container {
		--container-gutter: 40px;
	}
	
	.footer-top .logo {
		margin-bottom: -4.25rem;
		font-size: 533px;
	}
}

@media only screen and (min-width: 75rem) {
	.footer-top .logo {
		margin-top: -31rem;
		margin-left: 1rem;
	}
}

@media only screen and (min-width: 87.5rem) {
	.footer-top {
		padding-block: 105px 0;
	}
	
	.footer-top-container {
		--container-gutter: 75px;
	}
	
	.footer-top .logo {
		margin-top: -29.5rem;
		margin-left: 0;
	}
}

@media only screen and (min-width: 120rem) {
	.footer-top {
		padding-block: 125px 0;
	}
	
	.footer-top-container {
		--container-gutter: 223px;
	}
	
	.footer-top .logo {
		font-size: 670px;
		margin-top: -36.5rem;
		margin-bottom: -5.5rem;
		margin-left: 0;
	}
}

.footer-no-contact .footer-top {}

.footer-has-contact .footer-top {}

/* Footer Form
--------------------------------------------------------------- */
#footer-form {
	background: var(--scheme-bg, var(--color-light));
	color: var(--color-dark);
	padding-block: 45px;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, .8);
	inline-size: 1080px;
	max-inline-size: 100%;
	margin-inline: auto;
	border-radius: 13px;
	border: 2px solid var(--color-accent);
}

#footer-form .field-form {
	gap: 35px;
}

#footer-form .field-form-header {
	gap: 15px;
}

#footer-form .gform_title {
	font-size: 18px;
	line-height: 22px;
	color: var(--color-primary-alt);
	text-transform: uppercase;
	font-weight: 800;
}

#footer-form .gform_description {
	font-size: 42px;
	line-height: 1;
	max-inline-size: 80ch;
}

#footer-form .gform_body {
	margin-inline: auto;
}

#footer-form .gform_footer {
	justify-content: center;
	text-align: center;
}

#footer-form .gfield.gfield--type-submit {
	/* dont stretch flex button */
	align-self: flex-start;
}

@media only screen and (min-width: 48rem) {
	#footer-form {
		padding-block: 65px;
	}
	
	.footer-form-container {
		--container-gutter: 40px;
	}
	
	#footer-form .field-form {
		gap: 45px;
	}
	
	#footer-form .field-form-header {
		gap: 30px;
	}
	
	#footer-form .gform_title {
		font-size: 22px;
	}
	
	#footer-form .gform_description {
		font-size: 60px;
	}
	
	#footer-form .gform_fields {
		gap: 23px 12px;
	}
	
	#footer-form .gform_footer {
		justify-content: flex-end;
		margin-block-start: -2.25rem;
	}
}

@media only screen and (min-width: 75rem) {
	#footer-form {
		padding-block: 95px;
	}
	
	.footer-form-container {
		--container-gutter: 120px;
	}
}

@media only screen and (min-width: 120rem) {
	#footer-form {
		padding-block: 115px;
		inline-size: 1113px;
	}
	
	.footer-form-container {
		--container-gutter: 138px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	#footer-form .gform_fields .gfield:not(.gfield-width-full) {
		/* fix gravity forms from deciding to undo the grid columns on mobile instead of tablet now */
		grid-column: 1/-1;
	}
}

.footer-no-contact #footer-form {}

.footer-has-contact #footer-form {}

/* Footer Contact

Note: 
This file is for Footer only overrides for the contact information
For Footer section only overrides for the contact informatio, apply styles to layout/layout-footer.scss -> .footer-contact styles section
For styles applied globally for the contact information, apply styles to layouts/layout-contact.scss
For Contact Page only overrides for the contact informatio, apply styles to templates/template-contact.scss -> #contact-page
--------------------------------------------------------------- */
.footer-contact {
	padding-block: 60px 50px;
}

@media only screen and (min-width: 48rem) {
	.footer-contact {
		padding-block: 95px;
		max-width: 640px;
		margin-inline: auto;
	}
}

@media only screen and (min-width: 75rem) {
	.footer-contact {
		padding-block: 125px;
		max-width: 725px;
		margin-inline: auto 0;
	}
}

@media only screen and (min-width: 87.5rem) {
	.footer-contact {
		max-width: 725px;
		margin-inline: auto 2.5rem;
	}
}

@media only screen and (min-width: 120rem) {
	.footer-contact {
		padding-block: 175px 100px;
		max-width: 825px;
		margin-inline: auto 4.5rem;
	}
}

.footer-contact .contact-block:is(.contact-special) {
	justify-self: center;
}

.footer-contact .contact-block:is(.contact-number, .contact-numbers) {}

.footer-contact .contact-block.contact-numbers {}

.footer-contact .contact-block.contact-number {}

.footer-contact .contact-block.contact-location {}

.footer-contact .contact-block.contact-locations {}

/* Footer Split - Bottom
--------------------------------------------------------------- */
.footer-bottom {
	background-color: var(--scheme-bg-contrast, var(--color-neutral-darkest));
}

.footer-bottom-container {
	--container-gutter: 38px;
}

@media only screen and (min-width: 48rem) {
	.footer-bottom-container {
		--container-gutter: 65px;
	}
}

@media only screen and (min-width: 87.5rem) {
	.footer-bottom-container {
		--container-gutter: 160px;
	}
}

@media only screen and (min-width: 120rem) {
	.footer-bottom-container {
		--container-gutter: 80px;
	}
}

.footer-no-contact .footer-bottom {}

.footer-has-contact .footer-bottom {}

/* Footer Sitemap
--------------------------------------------------------------- */
.footer-no-contact .footer-sitemap {}

.footer-has-contact .footer-sitemap {}

/* Footer utility
--------------------------------------------------------------- */
.footer-utility {
	padding-block: 65px 50px;
	font-size: 1rem;
	line-height: 24px;
	color: var(--color-neutral);
	font-weight: 500;
}

.footer-utility-blocks {
	gap: 0;
	align-items: center;
}

.footer-utility-block:only-child {
	grid-column: 1/-1;
}

.footer-utility-content :is(li) {
	display: inline;
	margin: 0;
}

.footer-utility-content :is(li):nth-child(n+2)::before {
	content: " | ";
	display: inline-block;
	margin: 0 .5em 0 .25em;
}

.footer-utility-brand a {
	font-weight: 700;
}

.footer-utility .footer-inline {
	display: inline;
}

@media only screen and (min-width: 48rem) {
	.footer-utility {
		padding-block: 100px 45px;
		text-align: center;
	}
	
	.footer-utility-content :is(p:not(.footer-disclaimer),
  ul) {
		display: inline;
		margin: 0;
	}
	
	.footer-utility-block {
		display: inline;
	}
	
	.footer-utility-blocks {
		display: inline;
	}
}

@media only screen and (min-width: 75rem) {
	.footer-utility {
		padding-block: 40px;
		text-align: right;
		/*max-width: 630px;*/
		margin-inline: auto 0;
	}
	
	.footer-utility-blocks {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.footer-utility-content {
		margin-inline-end: auto;
		order: -1;
	}
	
	.footer-utility-content:first-child:nth-last-child(2) {
		grid-column: span 2;
	}
	
	.footer-utility .social {
		text-align: center;
	}
	
	.footer-utility .social::before {
		content: none;
	}
	
	.footer-utility :is(.footer-brand) {
		order: 99;
		justify-self: self-end;
		align-self: center;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.footer-utility-blocks {
		text-align: center;
		justify-content: center;
		justify-items: center;
	}
}

.footer-no-contact .footer-utility {}

.footer-has-contact .footer-utility {}

/* Footer logo
--------------------------------------------------------------- */

/* Footer disclaimer
--------------------------------------------------------------- */
.footer-disclaimer {
	margin-block-start: 1em;
}

/* ================================================================================
* Internals/ Default
================================================================================ */

/*!
* Default Sections: Main + Aside: Can also be reused on other templates with similar wireframes (eg. Profile Page, etc.)
-------------------------------------------------------------------------------- */

/* Default Sections: Main + Aside: Skeletons - no need to edit
--------------------------------------------------------------- */
.default-sections {
	gap: var(--default-gap-y, 0) var(--default-gap-x, 0);
}

.default-sections, .default-section, .default-section-main, .default-section-sidebar {
	min-inline-size: 0;
	/* grid/flex fixes*/
	max-inline-size: 100%;
}

.default-section-main {
	inline-size: 100%;
}

.default-section-sidebar {
	inline-size: var(--default-sidebar-width);
}

.default-sections.default-sections-float {
	display: block;
}

.default-sections.default-sections-float :where(.default-section, .default-section-main, .default-section-sidebar) {
	margin-inline: auto;
}

.default-sections.default-sections-float :where(.default-section, .default-section-main, .default-section-sidebar):where(:nth-last-child(n+2)) {
	margin-block-end: var(--default-gap-y);
}

.default-sections:is(.default-sections-split, .default-sections-full) {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.default-sections.default-sections-grid {
	display: grid;
	grid-template-columns: 100%;
	justify-content: center;
}

@media only screen and (min-width: 75rem) {
	.default-section-main {
		max-inline-size: calc(var(--comp) - var(--default-sidebar-width) - var(--container-gutter, 0px) * 2 - var(--default-gap-x));
	}
	
	.default-section-sidebar {
		order: 9;
	}
	
	.default-sections:is(.default-sections-split, .default-sections-full) {
		flex-direction: row;
		align-items: normal;
		justify-content: center;
	}
	
	.default-sections.default-sections-reverse .default-section-sidebar {
		order: -1;
	}
	
	.default-sections.default-sections-reverse .default-section-main {
		order: 9;
	}
	
	.default-sections.default-sections-float::after {
		content: "";
		font-size: 0;
		visibility: hidden;
		block-size: 0;
		clear: both;
		display: table;
		inline-size: 100%;
		flex: 0 0 auto;
	}
	
	.default-sections.default-sections-float .default-section-sidebar {
		float: inline-end;
		clear: inline-end;
	}
	
	.default-sections.default-sections-float .default-section-main {
		float: inline-start;
		clear: inline-start;
		inline-size: calc(100% - ( var(--default-sidebar-width) ) - var(--default-gap-x));
	}
	
	.default-sections.default-sections-float .default-section-main:only-child {
		/* no sidebar adjust */
		float: none;
	}
	
	.default-sections.default-sections-float.default-sections-reverse .default-section-sidebar {
		float: inline-start;
		clear: inline-start;
	}
	
	.default-sections.default-sections-float.default-sections-reverse .default-section-main {
		float: inline-end;
		clear: inline-end;
	}
	
	.default-sections:is(.default-sections-split, .default-sections-full) .default-section-sidebar {
		flex: 0 0 auto;
	}
	
	.default-sections:is(.default-sections-split, .default-sections-full) .default-section-main {
		flex: 1 1;
	}
	
	.default-sections.default-sections-full {
		--default-gap-x: 0rem;
	}
	
	.default-sections.default-sections-full .default-section-main {
		margin-inline: auto;
	}
	
	.default-sections.default-sections-grid {
		grid-template-columns: 1fr var(--default-sidebar-width);
		grid-column-gap: var(--default-gap-x);
	}
	
	.default-sections.default-sections-grid .default-section-main {
		justify-self: center;
		grid-column: 1;
	}
	
	.default-sections.default-sections-grid:not(.default-sections-no-autocenter) .default-section-main:not(.default-sections:has(.default-section-sidebar) .default-section) {
		/* no sidebar adjust */
		grid-column: 1/-1 !important;
	}
	
	.default-sections.default-sections-grid .default-section-sidebar {
		grid-column: 2;
	}
	
	.default-sections.default-sections-grid .default-section-main, .default-sections.default-sections-grid .default-section-sidebar {
		inline-size: 100%;
		min-inline-size: 0;
		min-block-size: 0;
	}
	
	.default-sections.default-sections-grid.default-sections-reverse {
		grid-template-columns: var(--default-sidebar-width) 1fr;
	}
	
	.default-sections.default-sections-grid.default-sections-reverse .default-section-main {
		grid-column: 2;
	}
	
	.default-sections.default-sections-grid.default-sections-reverse .default-section-sidebar {
		grid-column: 1;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.default-sections:is(.default-sections-split, s.default-sections-grid) :is(.default-section-main, .default-section-sidebar) {
		display: contents;
	}
	
	.default-sections.default-sections-full .default-section-sidebar {
		align-self: stretch;
		inline-size: 100%;
	}
	
	.default-sections:not(.default-sections-full) > .default-section:is(aside, .aside):not(:only-child) {
		padding-block-start: 0;
	}
	
	.default-sections:not(.default-sections-full) > .default-section:is(main, .main):not(:only-child) {
		padding-block-end: 0;
	}
}

/* Default Sections Customizations
--------------------------------------------------------------- */
.default-sections {
	--default-sidebar-width: 100%;
	--default-gap-x: 3.75rem;
	--default-gap-y: 50px;
}

@media only screen and (min-width: 75rem) {
	.default-sections {
		--default-sidebar-width: 360px;
		--default-gap-x: 70px;
	}
}

@media only screen and (min-width: 87.5rem) {
	.default-sections {
		--default-sidebar-width: 360px;
		--default-gap-x: 135px;
	}
}

@media only screen and (min-width: 120rem) {
	.default-sections {
		--default-gap-x: 245px;
	}
}

@media only screen and (min-width: 75rem) {
	.default-sections.default-sections-split .default-section-sidebar-container {
		--container-gutter: 1rem;
	}
}

.default-sections.default-sections-full .default-section-sidebar {
	background: var(--scheme-bg, var(--color-light-alt));
}

@media only screen and (min-width: 75rem) {
	.default-sections.default-sections-full .default-section-main-container {
		--container-gutter: 7.5rem;
	}
}

@media only screen and (min-width: 120rem) {
	.default-sections.default-sections-full .default-section-main-container {
		--container-gutter: 15.625rem;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.default-sections.default-sections-full {
		row-gap: 0rem;
	}
}

/* Entry Skeletons. No need to edit 
--------------------------------------------------------------- */
.entry-thumbnail {
	--cover-aspect-w: var(--entry-thumbnail-aspect-w);
	--cover-aspect-l: var(--entry-thumbnail-aspect-l);
	flex: 0 0 auto;
	background-color: var(--color-light-alt);
}

/* Default Entries
-------------------------------------------------------------------------------- */
.entry-thumbnail {
	--entry-thumbnail-aspect-w: 648;
	--entry-thumbnail-aspect-l: 260;
	margin-block-end: 2rem;
	border-radius: 13px;
}

.entry-thumbnail:nth-child(n+2) {
	margin-block-start: 2rem;
}

.entry-thumbnail:is(a) {
	color: inherit;
}

.entry-thumbnail:empty {
	display: none;
}

.entry-thumbnail img {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 30%;
	object-position: 50% 30%;
	z-index: 1;
}

.entry-meta a:is(:hover, :focus) {
	text-decoration: underline;
}

.entry-meta-category span {
	margin-inline: .5rem .25rem;
	color: var(--color-secondary);
}

.entry-meta-category a:not(:hover, :focus) {
	text-decoration: underline;
}

.entry-meta-category a:is(:hover, :focus) {
	text-decoration: none;
}

.entry-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.entry-buttons .button {
	border-color: var(--color-accent);
	color: var(--color-dark-alt);
}

.entry-buttons .button:is(:hover) {
	background: var(--color-primary);
	color: var(--color-dark-alt);
}

.entries .entry {
	display: grid;
	justify-content: space-between;
	-moz-column-gap: 3rem;
	column-gap: 3rem;
	row-gap: 2rem;
}

.entries .entry:nth-child(n+2) {
	padding-block-start: 3rem;
	margin-block-start: 3rem;
	border-block-start: 1px solid var(--color-neutral-light);
}

.entries .entry-thumbnail {
	margin-block-end: 0;
}

.entries .entry-thumbnail, .entries .entry-body {
	/* grid fix */
	min-inline-size: 0;
}

@media only screen and (min-width: 48rem) {
	.entries .entry {
		display: grid;
		justify-content: space-between;
		-moz-column-gap: 30px;
		column-gap: 30px;
		row-gap: 2rem;
	}
	
	.entries .entry:nth-child(n+2) {
		padding-block-start: 40px;
		margin-block-start: 40px;
		border-block-start: 1px solid var(--color-neutral);
	}
	
	.entries .entry-thumbnail {
		margin-block-end: 0;
	}
	
	.entries .entry-thumbnail, .entries .entry-body {
		/* grid fix */
		min-inline-size: 0;
	}
}

@media only screen and (min-width: 87.5rem) {
	.entries .entry {
		grid-template-columns: auto 1fr;
	}
	
	.entries .entry-thumbnail {
		--entry-thumbnail-aspect-w: 25;
		--entry-thumbnail-aspect-l: 13;
		max-width: 250px;
		height: 130px;
	}
	
	.entries .entry-body:only-child {
		grid-column: 1/-1;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.entry-thumbnail {
		--entry-thumbnail-aspect-w: 648;
		--entry-thumbnail-aspect-l: 260;
	}
}

.entry-faq {
	margin-top: 50px;
}

.entry-faq-title {
	font-size: 35px;
	line-height: 1;
	margin-bottom: 30px;
}

.entry-faq .list-item {
	max-width: 83%;
}

@media only screen and (min-width: 48rem) {
	.entry-faq {
		margin-top: 65px;
	}
}

@media only screen and (min-width: 87.5rem) {
	.entry-faq .list-item {
		max-width: 91%;
	}
}

/*!
* Default Header
-------------------------------------------------------------------------------- */
.default-header {
	margin-bottom: 40px;
}

@media only screen and (min-width: 48rem) {
	.banner-has-h1.banner-button-shift .default-header {
		margin-block-end: 0;
	}
}

/*
* Default Layout/Template https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/layout/default.md
-------------------------------------------------------------------------------- */
.layout-default {
	background: linear-gradient(to bottom, var(--color-neutral-light), var(--color-light));
}

@media only screen and (max-width: 74.9375rem) {
	.layout-default-sections-simple .layout-default-aside {
		max-inline-size: var(--default-sidebar-width);
	}
}

@media only screen and (max-width: 47.9375rem) {
	.layout-default-sections-simple {
		--default-sidebar-width: auto;
	}
	
	.layout-default-sections-simple .layout-default-aside {
		max-inline-size: none;
	}
	
	.layout-default-sections-simple .layout-default-aside .widget {
		margin-block-end: 0;
		border-inline: 0;
		border-block-end: 0;
	}
}

/*!
* Default Heading
-------------------------------------------------------------------------------- */
@media only screen and (min-width: 48rem) {
	.default-heading {
		text-wrap: auto;
	}
}

/*!
* Default Divider - Optional
-------------------------------------------------------------------------------- */
.default-divider {
	--fancy-border-margin-y: 3rem;
}

/*!
* Default Author
-------------------------------------------------------------------------------- */
.default-author {
	border: 14px solid rgba(177, 200, 224, .15);
	border-radius: 15px;
	background: var(--color-light-alt);
	padding-block: 35px;
	margin-top: 50px;
}

.default-author-container {
	--container-gutter: 25px;
	display: grid;
	gap: 30px;
}

.default-author-image {
	width: 100%;
	max-width: 125px;
	height: 160px;
	margin-inline: auto;
}

.default-author-image img {
	border-radius: 7px;
}

.default-author-name {
	margin-bottom: 10px;
}

.default-author-title {
	font-size: 19px;
	line-height: 1;
	color: var(--color-neutral-dark);
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 15px;
}

@media only screen and (min-width: 48rem) {
	.default-author-container {
		grid-template-columns: 125px 1fr;
		--container-gutter: 35px;
	}
	
	.default-author-name {
		font-size: 32px;
	}
	
	.default-author-info:only-child {
		grid-column: 1/-1;
	}
}

@media only screen and (min-width: 75rem) {
	.default-author-container {
		align-items: flex-start;
	}
}

/*!
* Search Form
* Although optional, some builds may include this OR request this in the long run. Since it's built in to wordpress, we might as well at least give it some basic styles. Overhaul as needed
-------------------------------------------------------------------------------- */

/* ================================================================================
* Home Template
================================================================================ */

/* Template Home https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/home.md
-------------------------------------------------------------------------------- */

/*
* Home Related Classes
-------------------------------------------------------------------------------- */
:where(.home-section) .section-subheading {
	font-weight: 700;
	font-family: var(--font-secondary);
	margin-bottom: 24px;
}

:where(.home-section) .section-buttons .button {
	--button-padding-x: 28px;
}

/* Add helper classes specific to this template as needed */

/*
* Home Template
-------------------------------------------------------------------------------- */
#home-banner .banner-main {
	position: relative;
	min-block-size: 815px;
	justify-content: flex-end;
	padding-block: 0 140px;
}

#home-banner .primary-heading {
	margin-bottom: 0;
}

#home-banner .banner-truck {
	position: absolute;
	width: 400px;
	right: -35px;
	bottom: -60px;
}

#home-banner .banner-background {
	--responsive-background-overlay-background: linear-gradient(239deg, rgba(24, 27, 27, .52) 17.88%, rgba(255, 255, 255, 0) 40.4%), linear-gradient(189deg, rgba(255, 255, 255, 0) 11.75%, rgba(35, 35, 35, .6) 38.25%, rgba(29, 31, 33, .77) 64.9%, rgba(23, 26, 30, .85) 97.51%);
}

@media only screen and (min-width: 48rem) {
	#home-banner .banner-main {
		min-block-size: 860px;
		padding-block: 0 258px;
	}
	
	#home-banner .primary-heading {
		font-size: 65px;
		line-height: 70px;
	}
	
	#home-banner .banner-truck {
		width: 720px;
		margin-inline: auto;
		right: 0;
		left: 0;
		bottom: -105px;
	}
	
	#home-banner .banner-background {
		--responsive-background-overlay-background: linear-gradient(142deg, rgba(24, 27, 27, .52) 10.32%, rgba(255, 255, 255, 0) 43.79%), linear-gradient(184deg, rgba(255, 255, 255, 0) 12.91%, rgba(35, 35, 35, .43) 23.37%, rgba(29, 31, 33, .85) 73.08%, rgba(23, 26, 30, .85) 96.09%);
	}
}

@media only screen and (min-width: 75rem) {
	#home-banner .banner-main {
		min-block-size: 745px;
		padding-block: 0 110px;
	}
	
	#home-banner .banner-body {
		--fancy-letters-duration: 1.25s;
	}
	
	#home-banner .banner-body-blocks {
		gap: 30px;
	}
	
	#home-banner .primary-heading {
		font-size: 65px;
		line-height: 70px;
		max-inline-size: 540px;
		margin-bottom: 0;
	}
	
	#home-banner .banner-truck {
		right: -34rem;
		animation: truckDriveIn 1.25s cubic-bezier(.25, .46, .45, .94) 1s forwards;
		opacity: 0;
	}
	
	@keyframes truckDriveIn {
		0% {
			transform: translateX(150px) scale(.6);
			opacity: 0;
		}
		
		100% {
			transform: translateX(0) scale(1);
			opacity: 1;
		}
	}
	
	#home-banner .banner-background {
		--responsive-background-overlay-background: linear-gradient(338deg, rgba(24, 27, 27, .5) 21.15%, rgba(255, 255, 255, 0) 45.25%), linear-gradient(248deg, rgba(255, 255, 255, 0) 23.23%, rgba(35, 35, 35, .32) 42.46%, rgba(29, 31, 33, .65) 62.44%, rgba(23, 26, 30, .65) 96.23%);
	}
}

@media only screen and (min-width: 87.5rem) {
	#home-banner .banner-main {
		min-block-size: 775px;
		padding-block: 0 123px;
	}
	
	#home-banner .primary-heading {
		font-size: 75px;
		line-height: 80px;
		max-inline-size: 625px;
	}
}

@media only screen and (min-width: 120rem) {
	#home-banner .banner-main {
		min-block-size: 964px;
		padding-block: 0 243px;
	}
	
	#home-banner .primary-heading {
		font-size: 85px;
		line-height: 90px;
		max-inline-size: 700px;
	}
	
	#home-banner .banner-truck {
		width: 1092px;
		right: -51.5rem;
		bottom: -9.5rem;
	}
	
	#home-banner .banner-truck img, #home-banner .banner-truck picture {
		width: 100%;
	}
}

@media only screen and (max-width: 47.9375rem) {
	#home-banner .banner-main-blocks {
		gap: 1.5rem;
	}
	
	#home-banner .banner-body, #home-banner .banner-body-blocks {
		display: contents;
	}
}

:is(.home-page, #home-page) {
	background: var(--color-neutral-light);
}

/*
* Home Section 1
-------------------------------------------------------------------------------- */

/*
* Section Offset Demo: For overlapping the section or parts of it to adjacent sections/layouts.
Sections php template parts should have classes ready for use in case overlaps are needed. DO NOT REMOVE THEM.
AVOID hard coding overlap css margins and use these variables with calc() or other similar css methods to offset instead, in case the site choses to omit overlapping or asjacent to overlapping sections due to missing content. (example: PQL44. on the case that the client chooses to omit the pa menu box, the layout breaks)

Feel free to copy/paste/comment out as needed. Find and replace `home-section-1` to rename variables and sections appropriately
Example of usage: PQL36, PQL40, PQL39
-------------------------------------------------------------------------------- */
:root {
	--home-section-1-offset: 6.25rem;
}

/*
* Section Offset Demo: Overlap this section and adjust it siblings and or the siblings' contents to it
	NOTE: To reuse on other elements, copy this css and replace:
		* `home-section-1` with `[TEMPLATE]-section-[DESIRED_NUMBER]`
		* `home-section` with `[TEMPLATE]-section`
	NOTE: Classes to use:
		.home-section-1-offset-element => the element within the section that will have the negative margins to overlap itself
		.has-home-section-1-offset => the adjacent sections/ child of adjacent sections that will have the pseudo element to adjust itself if the `home-section-1-offset-element` is next to it
		// todo replicate profile offset behavior
-------------------------------------------------------------------------------- */
:is(.home-section-1, #home-section-1) {
	padding-block: 90px 45px;
}

:is(.home-section-1, #home-section-1) .section-container {
	--container-gutter: 20px;
}

:is(.home-section-1, #home-section-1) .section-slider .swiper-slide:nth-child(2) .fancy-sp::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-02.webp");
}

:is(.home-section-1, #home-section-1) .section-slider .swiper-slide:nth-child(3) .fancy-sp::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-03.webp");
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-1, #home-section-1) {
		padding-block: 138px 65px;
	}
	
	:is(.home-section-1, #home-section-1) .section-container {
		--container-gutter: 64px;
	}
	
	:is(.home-section-1, #home-section-1) .section-body {
		position: relative;
	}
	
	:is(.home-section-1, #home-section-1) .section-slider {
		max-width: 442px;
		margin-inline: auto;
		--swiper-custom-arrow-offset-x: 0;
	}
	
	:is(.home-section-1, #home-section-1) .sp {
		height: 100%;
	}
	
	:is(.home-section-1, #home-section-1) .sp-container {
		height: 100%;
		min-height: 355px;
	}
	
	:is(.home-section-1, #home-section-1) .sp-title {
		font-size: 35px;
	}
	
	:is(.home-section-1, #home-section-1) .sp-description {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-1, #home-section-1) {
		padding-block: 165px 65px;
	}
	
	:is(.home-section-1, #home-section-1) .section-slider {
		max-width: 912px;
	}
	
	:is(.home-section-1, #home-section-1) .slide {
		transform: translateX(25px);
		opacity: 0;
		transition: transform var(--ilawyer-transform-duration) var(--ilawyer-cubic-bezier), opacity 1000ms ease-in-out, color 200ms ease-in-out, background 200ms ease-in-out;
	}
	
	.visible:is(.home-section-1, #home-section-1) .slide {
		opacity: 1;
		transform: translate(0);
		transition-delay: 0ms, 0ms, 0ms, 0ms;
	}
	
	.visible:is(.home-section-1, #home-section-1) .slide:first-of-type {
		transition-delay: 350ms;
	}
	
	.visible:is(.home-section-1, #home-section-1) .slide:nth-of-type(2) {
		transition-delay: 575ms;
	}
	
	.visible:is(.home-section-1, #home-section-1) .slide:last-of-type {
		transition-delay: 725ms;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-1, #home-section-1) {
		padding-block: 230px 100px;
	}
	
	:is(.home-section-1, #home-section-1) .section-container {
		--container-gutter: 270px;
	}
	
	:is(.home-section-1, #home-section-1) .section-slider {
		max-width: 100%;
	}
}

/*
* Home Section 2
-------------------------------------------------------------------------------- */
:is(.home-section-2, #home-section-2) {
	background: linear-gradient(to bottom, var(--color-neutral-light), var(--color-light));
	padding-block: 30px;
}

:is(.home-section-2, #home-section-2) .section-blocks {
	gap: 65px;
}

:is(.home-section-2, #home-section-2) .section-header {
	text-align: center;
	margin-block-end: 65px;
}

:is(.home-section-2, #home-section-2) .section-heading {
	font-size: 24px;
	line-height: calc(1em + 5px);
	margin-bottom: 35px;
}

:is(.home-section-2, #home-section-2) .section-lead {
	font-size: 28px;
	line-height: 40px;
}

:is(.home-section-2, #home-section-2) .section-image {
	text-align: center;
}

:is(.home-section-2, #home-section-2) .section-image-icon {
	font-size: 330px;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-2, #home-section-2) {
		padding-block: 30px 65px;
	}
	
	:is(.home-section-2, #home-section-2) .section-heading {
		font-size: 26px;
	}
	
	:is(.home-section-2, #home-section-2) .section-lead {
		font-size: 34px;
		line-height: 50px;
	}
	
	:is(.home-section-2, #home-section-2) .section-image-icon {
		font-size: 505px;
	}
	
	:is(.home-section-2, #home-section-2) .section-content {
		max-width: 510px;
		margin-inline: auto;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-2, #home-section-2) {
		padding-block: 80px;
	}
	
	:is(.home-section-2, #home-section-2) .section-container {
		--container-gutter: 60px;
	}
	
	:is(.home-section-2, #home-section-2) .section-blocks {
		grid-template-columns: 1fr 510px;
		align-items: center;
		gap: 70px;
	}
	
	:is(.home-section-2, #home-section-2) .section-header {
		margin-block-end: 85px;
	}
	
	:is(.home-section-2, #home-section-2) .section-lead {
		max-width: 973px;
		margin-inline: auto;
	}
	
	:is(.home-section-2, #home-section-2) .section-image {
		opacity: 0;
		transform: translateY(-30px);
		transition: opacity 1s ease-out, transform 1.5s ease-out;
	}
	
	.visible:is(.home-section-2, #home-section-2) .section-image {
		opacity: 1;
		transform: translateY(0);
	}
	
	:is(.home-section-2, #home-section-2) .section-content {
		max-width: none;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.home-section-2, #home-section-2) .section-container {
		--container-gutter: 115px;
	}
	
	:is(.home-section-2, #home-section-2) .section-blocks {
		grid-template-columns: 1fr 535px;
		gap: 135px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-2, #home-section-2) .section-container {
		--container-gutter: 300px;
	}
	
	:is(.home-section-2, #home-section-2) .section-blocks {
		grid-template-columns: 1fr 600px;
		gap: 154px;
	}
	
	:is(.home-section-2, #home-section-2) .section-image-icon {
		font-size: 571px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:is(.home-section-2, #home-section-2) .section-image {
		order: 99;
	}
}

/*
* Home Section 3
-------------------------------------------------------------------------------- */
@keyframes marqueeLeft {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-50%);
	}
}

.marquee-track {
	display: flex;
	gap: 18px;
	width: -moz-max-content;
	width: max-content;
}

.row-left .marquee-track {
	animation: marqueeLeft 160s linear infinite;
}

:is(.home-section-3, #home-section-3) {
	padding-block: 35px;
	background: linear-gradient(to bottom, var(--color-light), var(--color-neutral-light));
}

:is(.home-section-3, #home-section-3) .section-container {
	--container-gutter: 0;
}

:is(.home-section-3, #home-section-3) .section-header {
	max-width: 320px;
	text-align: center;
	margin-inline: auto;
	margin-bottom: 65px;
}

:is(.home-section-3, #home-section-3) .section-heading {
	font-size: 55px;
	line-height: 1;
	margin-block-end: 35px;
}

@media (hover: hover) and (pointer: fine) {
	:is(.home-section-3, #home-section-3) .marquee-row:hover .marquee-track {
		animation-play-state: paused;
	}
}

:is(.home-section-3, #home-section-3) .marquee-row {
	cursor: grab;
	touch-action: pan-y;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

:is(.home-section-3, #home-section-3) .marquee-row.marquee-row-dragging {
	cursor: grabbing;
}

:is(.home-section-3, #home-section-3) .marquee-card {
	position: relative;
	display: block;
	text-decoration: none;
	width: 320px;
	border-radius: 13px;
	overflow: hidden;
	-webkit-user-drag: none;
}

:is(.home-section-3, #home-section-3) .marquee-card::before {
	display: block;
	position: absolute;
	inset: 0;
	content: "";
	height: 100%;
	background: linear-gradient(0deg, rgba(31, 34, 37, .6) 0%, rgba(153, 159, 164, .6) 100%);
	mix-blend-mode: multiply;
	z-index: 1;
	transition: opacity .25s ease;
	border-radius: 13px;
}

:is(.home-section-3, #home-section-3) .marquee-card picture, :is(.home-section-3, #home-section-3) .marquee-card img {
	border-radius: 13px;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

:is(.home-section-3, #home-section-3) .marquee-card-front, :is(.home-section-3, #home-section-3) .marquee-card-back {
	pointer-events: none;
}

:is(.home-section-3, #home-section-3) .marquee-card-front {
	transition: opacity .45s ease;
}

:is(.home-section-3, #home-section-3) .marquee-card-back {
	position: absolute;
	inset: 0;
	z-index: 3;
	opacity: 0;
	background-size: cover;
	background-position: center;
	padding: 55px 44px 0;
	color: var(--color-light);
	transition: opacity .45s ease;
}

:is(.home-section-3, #home-section-3) .marquee-card-back .marquee-title {
	position: static;
	width: auto;
	font-size: 30px;
	line-height: 1;
	font-weight: 400;
}

:is(.home-section-3, #home-section-3) .marquee-card-back .marquee-title::after {
	display: none;
}

:is(.home-section-3, #home-section-3) .marquee-card-back .marquee-description {
	position: static;
	opacity: 1;
	max-width: 320px;
	margin-top: 35px;
}

:is(.home-section-3, #home-section-3) .marquee-title {
	position: absolute;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	gap: 5px;
	align-items: center;
	font-size: 30px;
	line-height: 1;
	font-family: var(--font-secondary);
	font-weight: 500;
	width: 248px;
	color: var(--color-light);
	bottom: 65px;
	left: 35px;
}

:is(.home-section-3, #home-section-3) .marquee-title::after {
	display: flex;
	justify-content: center;
	align-items: center;
	content: "+";
	min-width: 42px;
	height: 42px;
	font-size: 32px;
	font-weight: 300;
	background: var(--color-accent);
	border-radius: 999px;
}

:is(.home-section-3, #home-section-3) .marquee-description {
	font-size: 18px;
	line-height: 27px;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-3, #home-section-3) .section-header {
		max-width: none;
		margin-block-end: 75px;
	}
	
	:is(.home-section-3, #home-section-3) .section-heading {
		font-size: 65px;
		margin-bottom: 45px;
	}
	
	:is(.home-section-3, #home-section-3) .marquee-card {
		width: 408px;
	}
	
	:is(.home-section-3, #home-section-3) .marquee-title {
		font-size: 40px;
		width: 320px;
		gap: 20px;
		left: 44px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-3, #home-section-3) {
		padding-block: 70px;
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card.marquee-card-bg-1 .marquee-card-back {
		background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/our-services-bg-01.webp");
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card.marquee-card-bg-1 .marquee-card-back.nitro-lazy {
		background-image: none !important;
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card.marquee-card-bg-2 .marquee-card-back {
		background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/our-services-bg-02.webp");
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card.marquee-card-bg-2 .marquee-card-back.nitro-lazy {
		background-image: none !important;
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card.marquee-card-bg-3 .marquee-card-back {
		background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/our-services-bg-03.webp");
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card.marquee-card-bg-3 .marquee-card-back.nitro-lazy {
		background-image: none !important;
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card:hover .marquee-card-front {
		opacity: 0;
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card:hover .marquee-card-back {
		opacity: 1;
	}
	
	:is(.home-section-3, #home-section-3) a.marquee-card:hover::before {
		opacity: 0;
	}
}

/*
* Home Section 4
-------------------------------------------------------------------------------- */
:is(.home-section-4, #home-section-4) {
	background: var(--color-neutral-light);
	padding-block: 30px 0;
}

:is(.home-section-4, #home-section-4) .section-blocks {
	gap: 70px;
}

:is(.home-section-4, #home-section-4) .section-heading {
	font-size: 45px;
	line-height: 1;
	margin-bottom: 24px;
}

:is(.home-section-4, #home-section-4) .section-heading em {
	font-style: normal;
	color: var(--color-accent);
}

:is(.home-section-4, #home-section-4) .section-subheading {
	font-size: 24px;
	line-height: 30px;
}

:is(.home-section-4, #home-section-4) .section-image {
	text-align: center;
	margin-bottom: -40px;
}

:is(.home-section-4, #home-section-4) .section-image-icon {
	font-size: 496px;
}

:is(.home-section-4, #home-section-4) .section-content {
	margin-bottom: 50px;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-4, #home-section-4) {
		padding-block: 60px;
	}
	
	:is(.home-section-4, #home-section-4) .section-container {
		--container-gutter: 130px;
	}
	
	:is(.home-section-4, #home-section-4) .section-blocks {
		gap: 95px;
	}
	
	:is(.home-section-4, #home-section-4) .section-heading {
		font-size: 55px;
	}
	
	:is(.home-section-4, #home-section-4) .section-subheading {
		max-width: 390px;
		font-size: 26px;
		line-height: 33px;
	}
	
	:is(.home-section-4, #home-section-4) .section-content {
		margin-bottom: 60px;
	}
	
	:is(.home-section-4, #home-section-4) .section-image {
		margin-bottom: -8rem;
	}
	
	:is(.home-section-4, #home-section-4) .section-image-icon {
		font-size: 842px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-4, #home-section-4) {
		padding-block: 80px 120px;
	}
	
	:is(.home-section-4, #home-section-4) .section-container {
		--container-gutter: 110px;
	}
	
	:is(.home-section-4, #home-section-4) .section-blocks {
		grid-template-columns: 485px 1fr;
		gap: 70px;
		align-items: flex-end;
	}
	
	:is(.home-section-4, #home-section-4) .section-image {
		margin-bottom: -12rem;
		opacity: 0;
		transform: translateY(-30px);
		transition: opacity 1s ease-out, transform 1.5s ease-out;
	}
	
	.visible:is(.home-section-4, #home-section-4) .section-image {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.home-section-4, #home-section-4) {
		padding-block: 130px 150px;
	}
	
	:is(.home-section-4, #home-section-4) .section-container {
		--container-gutter: 150px;
	}
	
	:is(.home-section-4, #home-section-4) .section-blocks {
		gap: 140px;
	}
	
	:is(.home-section-4, #home-section-4) .section-image {
		margin-bottom: -13.5rem;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-4, #home-section-4) {
		padding-block: 200px 100px;
	}
	
	:is(.home-section-4, #home-section-4) .section-container {
		--container-gutter: 360px;
	}
	
	:is(.home-section-4, #home-section-4) .section-blocks {
		grid-template-columns: 515px 1fr;
		gap: 60px;
		align-items: flex-start;
	}
	
	:is(.home-section-4, #home-section-4) .section-left {
		margin-top: 55px;
	}
	
	:is(.home-section-4, #home-section-4) .section-heading {
		font-size: 65px;
	}
	
	:is(.home-section-4, #home-section-4) .section-image {
		margin-bottom: -12rem;
	}
	
	:is(.home-section-4, #home-section-4) .section-image-icon {
		font-size: 1133px;
	}
	
	:is(.home-section-4, #home-section-4) .section-content {
		margin-bottom: 120px;
	}
}

/*
* Home Section 5
-------------------------------------------------------------------------------- */
:is(.home-section-5, #home-section-5) {
	padding-block: 0;
	--swiper-theme-color: var(--scheme-sp, var(--color-primary));
	--swiper-pagination-bullet-inactive-color: var(--color-light-alt);
	--swiper-pagination-bottom: 35px;
}

:is(.home-section-5, #home-section-5) .section-container {
	--container-gutter: 0;
}

:is(.home-section-5, #home-section-5) .section-blocks {
	padding-block: max(5 vi, 8rem);
	padding-inline: 3rem;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 2rem;
}

:is(.home-section-5, #home-section-5) .section-body-container {
	--container-gutter: 0;
}

:is(.home-section-5, #home-section-5) .section-body .responsive-background {
	--responsive-background-overlay-background: linear-gradient(0deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
	--responsive-background-overlay-mix-blend: multiply;
}

:is(.home-section-5, #home-section-5) .section-footer {
	margin-top: 35px;
	text-align: center;
}

:is(.home-section-5, #home-section-5) .testimonial {
	background: rgba(255, 255, 255, .85);
	border-radius: 13px;
	padding: 55px 20px;
}

:is(.home-section-5, #home-section-5) .testimonial-stars {
	margin-bottom: 20px;
}

:is(.home-section-5, #home-section-5) .testimonial-heading {
	margin-bottom: 8px;
}

:is(.home-section-5, #home-section-5) .testimonial-highlight {
	font-size: 22px;
	line-height: 36px;
	margin-bottom: 38px;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-5, #home-section-5) {
		position: relative;
		z-index: 1;
		margin-bottom: -515px;
	}
	
	:is(.home-section-5, #home-section-5) .section-container {
		--container-gutter: 45px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body {
		padding-block: 50px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body-container {
		--container-gutter: 45px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body .responsive-background {
		border-radius: 13px;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial {
		padding: 85px 40px;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial-container {
		gap: 26px;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial-heading {
		font-size: 45px;
		line-height: 1;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial-highlight {
		font-size: 27px;
		line-height: 42px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-5, #home-section-5) .section-container {
		--container-gutter: 65px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body {
		padding-block: 105px 80px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body-container {
		--container-gutter: 137px;
	}
	
	:is(.home-section-5, #home-section-5) .section-footer {
		margin-top: 55px;
	}
	
	:is(.home-section-5, #home-section-5) .slider-custom-buttons .button-glyph:after {
		border-color: var(--color-light);
	}
	
	:is(.home-section-5, #home-section-5) .slider-custom-buttons .button:is(:hover) .button-glyph:after {
		border-color: var(--color-primary);
	}
	
	:is(.home-section-5, #home-section-5) .slider-custom-buttons .button.prev {
		left: 1rem;
	}
	
	:is(.home-section-5, #home-section-5) .slider-custom-buttons .button.next {
		right: 1rem;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial {
		padding: 115px 59px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.home-section-5, #home-section-5) .section-container {
		--container-gutter: 95px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body-container {
		--container-gutter: 156px;
	}
	
	:is(.home-section-5, #home-section-5) .section-footer {
		margin-top: 65px;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial {
		padding: 115px 110px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-5, #home-section-5) .section-container {
		--container-gutter: 200px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body {
		padding-block: 125px 85px;
	}
	
	:is(.home-section-5, #home-section-5) .section-body-container {
		--container-gutter: 160px;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial {
		padding: 136px 193px;
	}
	
	:is(.home-section-5, #home-section-5) .testimonial-heading {
		font-size: 50px;
	}
	
	:is(.home-section-5, #home-section-5) .slider-custom-buttons .button.prev {
		left: 2rem;
	}
	
	:is(.home-section-5, #home-section-5) .slider-custom-buttons .button.next {
		right: 2rem;
	}
}

@media only screen and (max-width: 47.9375rem) {
	:is(.home-section-5, #home-section-5) .section-body {
		padding-block: 30px;
		padding-inline: 20px;
	}
}

/*
* Home Section 6
-------------------------------------------------------------------------------- */
:is(.home-section-6, #home-section-6) {
	background-color: var(--scheme-bg, var(--color-dark-alt));
	color: var(--scheme-fg, var(--color-light));
}

:is(.home-section-6, #home-section-6) .section-blocks {
	gap: 55px;
}

:is(.home-section-6, #home-section-6) .sp {
	padding: 0;
	border-bottom: 1px solid var(--color-dark-alt);
}

:is(.home-section-6, #home-section-6) .sp-title {
	color: inherit;
}

:is(.home-section-6, #home-section-6) .sp-icon {
	font-size: 88px;
	margin-bottom: 35px;
}

:is(.home-section-6, #home-section-6) .sp-description {
	font-size: 18px;
	line-height: 28px;
}

:is(.home-section-6, #home-section-6) .sp:last-child {
	border: none;
}

:is(.home-section-6, #home-section-6) .sp:last-child .sp-description {
	margin-bottom: 0;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-6, #home-section-6) {
		padding-block: 616px 95px;
	}
	
	:is(.home-section-6, #home-section-6) .section-container {
		--container-gutter: 40px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-6, #home-section-6) {
		padding-block: 645px 125px;
	}
	
	:is(.home-section-6, #home-section-6) .section-container {
		--container-gutter: 60px;
	}
	
	:is(.home-section-6, #home-section-6) .section-blocks {
		max-inline-size: 100%;
		gap: 65px;
	}
	
	:is(.home-section-6, #home-section-6) .sp-container {
		display: grid;
		grid-template-columns: 1fr 305px 595px;
		gap: 35px;
		align-items: center;
		margin-bottom: 65px;
	}
	
	:is(.home-section-6, #home-section-6) .sp-icon, :is(.home-section-6, #home-section-6) .sp-title, :is(.home-section-6, #home-section-6) .sp-description {
		margin-bottom: 0;
	}
	
	:is(.home-section-6, #home-section-6) .sp-icon {
		font-size: 100px;
	}
	
	:is(.home-section-6, #home-section-6) .sp:last-child .sp-container {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.home-section-6, #home-section-6) {
		padding-block: 660px 135px;
	}
	
	:is(.home-section-6, #home-section-6) .section-container {
		--container-gutter: 90px;
	}
	
	:is(.home-section-6, #home-section-6) .sp-container {
		grid-template-columns: 1fr 305px 620px;
		gap: 45px;
		margin-inline: 40px 45px;
	}
	
	:is(.home-section-6, #home-section-6) .sp-description {
		margin-inline: auto 0;
		max-width: 595px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-6, #home-section-6) .section-container {
		--container-gutter: 300px;
	}
	
	:is(.home-section-6, #home-section-6) .sp-container {
		grid-template-columns: 1fr 305px 715px;
		margin-inline: 25px;
	}
}

/*
* Home Section 7
-------------------------------------------------------------------------------- */
:is(.home-section-7, #home-section-7) {
	background: linear-gradient(to bottom, var(--neutral-light), var(--color-light));
}

:is(.home-section-7, #home-section-7) .section-container {
	--container-gutter: 20px;
}

:is(.home-section-7, #home-section-7) .section-blocks {
	gap: 50px;
}

:is(.home-section-7, #home-section-7) .section-header {
	text-align: center;
}

:is(.home-section-7, #home-section-7) .section-heading {
	font-size: 50px;
	line-height: 1;
	margin-bottom: 30px;
}

:is(.home-section-7, #home-section-7) .section-body {
	position: relative;
	--swiper-pagination-bottom: -2.5rem;
}

:is(.home-section-7, #home-section-7) .section-slider .swiper-slide:nth-child(2) .fancy-box::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-02.webp");
}

:is(.home-section-7, #home-section-7) .section-slider .swiper-slide:nth-child(3) .fancy-box::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-03.webp");
}

:is(.home-section-7, #home-section-7) .coupon {
	padding: 65px 25px;
}

:is(.home-section-7, #home-section-7) .coupon::before {
	z-index: -1;
}

:is(.home-section-7, #home-section-7) .coupon-title {
	font-size: 40px;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-7, #home-section-7) {
		padding-block: 95px;
	}
	
	:is(.home-section-7, #home-section-7) .section-container {
		--container-gutter: 164px;
	}
	
	:is(.home-section-7, #home-section-7) .section-blocks {
		gap: 60px;
	}
	
	:is(.home-section-7, #home-section-7) .section-header {
		margin-inline: -4rem;
	}
	
	:is(.home-section-7, #home-section-7) .section-heading {
		font-size: 65px;
		margin-bottom: 45px;
	}
	
	:is(.home-section-7, #home-section-7) .coupon {
		padding: 74px 57px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-7, #home-section-7) {
		padding-block: 155px 65px;
	}
	
	:is(.home-section-7, #home-section-7) .section-container {
		--container-gutter: 148px;
	}
	
	:is(.home-section-7, #home-section-7) .section-blocks {
		gap: 65px;
	}
	
	:is(.home-section-7, #home-section-7) .section-header {
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		margin-inline: auto;
	}
	
	:is(.home-section-7, #home-section-7) .section-heading {
		margin-bottom: 0;
	}
	
	:is(.home-section-7, #home-section-7) .slide {
		transform: translateX(25px);
		opacity: 0;
		transition: transform var(--ilawyer-transform-duration) var(--ilawyer-cubic-bezier), opacity 1000ms ease-in-out, color 200ms ease-in-out, background 200ms ease-in-out;
	}
	
	.visible:is(.home-section-7, #home-section-7) .slide {
		opacity: 1;
		transform: translate(0);
		transition-delay: 0ms, 0ms, 0ms, 0ms;
	}
	
	.visible:is(.home-section-7, #home-section-7) .slide:first-of-type {
		transition-delay: 350ms;
	}
	
	.visible:is(.home-section-7, #home-section-7) .slide:nth-of-type(2) {
		transition-delay: 575ms;
	}
	
	.visible:is(.home-section-7, #home-section-7) .slide:nth-of-type(3) {
		transition-delay: 725ms;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.home-section-7, #home-section-7) {
		padding-block: 175px 115px;
	}
	
	:is(.home-section-7, #home-section-7) .section-container {
		--container-gutter: 248px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-7, #home-section-7) {
		padding-block: 215px 165px;
	}
	
	:is(.home-section-7, #home-section-7) .section-container {
		--container-gutter: 278px;
	}
}

/*
* Home Section 8
-------------------------------------------------------------------------------- */
:is(.home-section-8, #home-section-8) {
	padding-block: 30px 65px;
}

:is(.home-section-8, #home-section-8) .section-blocks {
	gap: 55px;
}

:is(.home-section-8, #home-section-8) .section-subheading {
	font-size: 26px;
	line-height: 33px;
	margin-top: 40px;
}

:is(.home-section-8, #home-section-8) .section-image {
	text-align: center;
}

:is(.home-section-8, #home-section-8) .section-image-icon {
	font-size: 378px;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-8, #home-section-8) .section-container {
		--container-gutter: 130px;
	}
	
	:is(.home-section-8, #home-section-8) .section-subheading {
		max-width: 380px;
	}
	
	:is(.home-section-8, #home-section-8) .section-image-icon {
		font-size: 614px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-8, #home-section-8) {
		padding-block: 105px 90px;
	}
	
	:is(.home-section-8, #home-section-8) .section-container {
		--container-gutter: 60px;
	}
	
	:is(.home-section-8, #home-section-8) .section-blocks {
		grid-template-columns: 1fr 505px;
	}
	
	:is(.home-section-8, #home-section-8) .section-image {
		margin-bottom: -12rem;
		opacity: 0;
		transform: translateY(-30px);
		transition: opacity 1s ease-out, transform 1.5s ease-out;
	}
	
	.visible:is(.home-section-8, #home-section-8) .section-image {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.home-section-8, #home-section-8) .section-container {
		--container-gutter: 115px;
	}
	
	:is(.home-section-8, #home-section-8) .section-blocks {
		grid-template-columns: 1fr 535px;
		gap: 115px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-8, #home-section-8) .section-container {
		--container-gutter: 300px;
	}
	
	:is(.home-section-8, #home-section-8) .section-blocks {
		grid-template-columns: 1fr 600px;
		gap: 136px;
	}
	
	:is(.home-section-8, #home-section-8) .section-image-icon {
		font-size: 690px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:is(.home-section-8, #home-section-8) .section-image {
		order: 99;
	}
}

/*
* Home Section 9
-------------------------------------------------------------------------------- */
:is(.home-section-9, #home-section-9) {
	padding-block: 10px 65px;
	background: linear-gradient(to bottom, var(--color-neutral-light), var(--color-light));
}

:is(.home-section-9, #home-section-9) .section-blocks {
	gap: 50px;
}

:is(.home-section-9, #home-section-9) .section-header {
	text-align: center;
}

:is(.home-section-9, #home-section-9) .section-heading {
	font-size: 48px;
	line-height: 52px;
	margin-bottom: 32px;
}

:is(.home-section-9, #home-section-9) .section-image {
	margin-bottom: 80px;
}

:is(.home-section-9, #home-section-9) .section-content {
	font-size: 18px;
	line-height: 32px;
}

:is(.home-section-9, #home-section-9) .section-content h2 {
	margin-bottom: 40px;
}

:is(.home-section-9, #home-section-9) .section-content h3 {
	margin-bottom: .5em;
}

:is(.home-section-9, #home-section-9) .section-content p {
	margin-bottom: 30px;
}

@media only screen and (min-width: 48rem) {
	:is(.home-section-9, #home-section-9) {
		padding-block: 40px 65px;
	}
	
	:is(.home-section-9, #home-section-9) .section-container {
		--container-gutter: 40px;
	}
	
	:is(.home-section-9, #home-section-9) .section-blocks {
		gap: 85px;
	}
	
	:is(.home-section-9, #home-section-9) .section-heading {
		font-size: 65px;
		line-height: 70px;
	}
	
	:is(.home-section-9, #home-section-9) .section-content {
		max-width: 580px;
		margin-inline: auto;
	}
	
	:is(.home-section-9, #home-section-9) .section-image {
		margin-bottom: 130px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.home-section-9, #home-section-9) {
		padding-block: 72px;
	}
	
	:is(.home-section-9, #home-section-9) .section-container {
		--container-gutter: 100px;
	}
	
	:is(.home-section-9, #home-section-9) .section-blocks {
		gap: 100px;
	}
	
	:is(.home-section-9, #home-section-9) .section-lead {
		max-width: 742px;
		margin-inline: auto;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.home-section-9, #home-section-9) .section-container {
		--container-gutter: 105px;
	}
	
	:is(.home-section-9, #home-section-9) .section-blocks {
		grid-template-columns: 420px 1fr;
		gap: 100px 95px;
		margin-bottom: 170px;
	}
	
	:is(.home-section-9, #home-section-9) .section-header {
		max-width: 1000px;
		margin-inline: auto;
		grid-column: 1/-1;
	}
	
	:is(.home-section-9, #home-section-9) .section-image {
		position: sticky;
		top: calc(var(--layout-header-height) + 1rem);
		margin-bottom: auto;
		opacity: 0;
		transform: translateY(-30px);
		transition: opacity 1s ease-out, transform 1.5s ease-out;
	}
	
	.visible:is(.home-section-9, #home-section-9) .section-image {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (min-width: 120rem) {
	:is(.home-section-9, #home-section-9) {
		padding-block: 105px 75px;
	}
	
	:is(.home-section-9, #home-section-9) .section-container {
		--container-gutter: 245px;
	}
	
	:is(.home-section-9, #home-section-9) .section-blocks {
		grid-template-columns: 452px 1fr;
		gap: 130px 82px;
	}
}

/* ================================================================================
Contact Template
================================================================================ */

/* Template Contact  https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/contact.md
-------------------------------------------------------------------------------- */

/*
Note: 
This file is for Contact Page only overrides for the contact information
For Contact Page only overrides for the contact informatio, apply styles to templates/template-contact.scss -> #contact-page
For styles applied globally for the contact information, apply styles to layouts/layout-contact.scss
For Footer section only overrides for the contact informatio, apply styles to layout/layout-footer.scss -> .footer-contact styles section
-------------------------------------------------------------------------------- */

/*
* Contact Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* Contact Template
-------------------------------------------------------------------------------- */
:is(.contact-page, #contact-page) .section-container {
	--container-gutter: 0;
}

:is(.contact-page, #contact-page) .number-link:before {
	background: var(--color-dark);
}

@media only screen and (min-width: 48rem) {
	:is(.contact-page, #contact-page) .section-container {
		--container-gutter: 25px;
	}
	
	:is(.contact-page, #contact-page) .section-body {
		padding-block: 25px;
	}
	
	:is(.contact-page, #contact-page) .section-body .responsive-background {
		border-radius: 13px;
		--responsive-background-overlay-background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
		--responsive-background-overlay-mix-blend: multiply;
	}
	
	:is(.contact-page, #contact-page) .section-body-container {
		--container-gutter: 25px;
	}
	
	:is(.contact-page, #contact-page) .section-contact {
		border-radius: 13px;
		background: rgba(255, 255, 255, .9);
		padding: 65px 25px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.contact-page, #contact-page) .section-container {
		--container-gutter: 100px;
	}
	
	:is(.contact-page, #contact-page) .section-body {
		padding-block: 100px;
	}
	
	:is(.contact-page, #contact-page) .section-body-container {
		--container-gutter: 100px;
	}
	
	:is(.contact-page, #contact-page) .section-contact {
		padding: 65px 60px 100px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.contact-page, #contact-page) .section-body {
		padding-block: 120px;
	}
	
	:is(.contact-page, #contact-page) .section-body-container {
		--container-gutter: 120px;
	}
	
	:is(.contact-page, #contact-page) .section-contact {
		padding: 120px 120px 150px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.contact-page, #contact-page) .section-container {
		--container-gutter: 200px;
	}
	
	:is(.contact-page, #contact-page) .section-body-container {
		--container-gutter: 160px;
	}
	
	:is(.contact-page, #contact-page) .section-contact {
		padding: 120px 160px 150px;
	}
}

:is(.contact-page, #contact-page) .contact-block-title:not(.fancy-title-box) {
	color: var(--color-primary-alt);
}

:is(.contact-page, #contact-page) .contact-block:is(.contact-special) {
	justify-self: center;
}

:is(.contact-page, #contact-page) .contact-block:is(.contact-social) .social-item:is(:hover, :focus) {
	color: var(--color-primary-alt);
}

:is(.contact-page, #contact-page) .contact-block:is(.contact-menudir, .contact-menudirs) li:is(:hover, :focus-within) a:not([href="#"]) {
	color: var(--color-primary-alt);
}

@media only screen and (min-width: 48rem) {
	:is(.contact-page, #contact-page) .contact-blocks {
		-moz-column-gap: 25px;
		column-gap: 25px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.contact-page, #contact-page) .contact-blocks {
		-moz-column-gap: 70px;
		column-gap: 70px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.contact-page, #contact-page) .contact-blocks {
		-moz-column-gap: 85px;
		column-gap: 85px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.contact-page, #contact-page) .contact-blocks {
		-moz-column-gap: 130px;
		column-gap: 130px;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:is(.contact-page, #contact-page) .contact-blocks {
		inline-size: -moz-max-content;
		inline-size: max-content;
		max-inline-size: 100%;
		margin-inline: auto;
	}
}

:is(.contact-page, #contact-page) .contact-block:is(.contact-number, .contact-numbers) {}

:is(.contact-page, #contact-page) .contact-block.contact-number {}

:is(.contact-page, #contact-page) .contact-block.contact-numbers {}

:is(.contact-page, #contact-page) .contact-block.contact-location {}

:is(.contact-page, #contact-page) .contact-block.contact-locations {}

/* ================================================================================
* 404
================================================================================ */

/* Template 404 https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/404.md
-------------------------------------------------------------------------------- */

/*
* 404 Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* 404 Template
-------------------------------------------------------------------------------- */
:is(.error404-page, #error404-page) {
	text-align: center;
}

/* ================================================================================
* About Template
================================================================================ */

/* Template About
-------------------------------------------------------------------------------- */

/*
* About Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* About Template
-------------------------------------------------------------------------------- */

/*
* About Section 1
-------------------------------------------------------------------------------- */
:is(.about-section-1, #about-section-1) {
	padding-block: 0 65px;
	background: inherit;
}

:is(.about-section-1, #about-section-1) .section-image {
	max-width: 324px;
	margin-inline: auto;
}

:is(.about-section-1, #about-section-1) .section-image img {
	border-radius: 13px;
}

@media only screen and (min-width: 48rem) {
	:is(.about-section-1, #about-section-1) {
		padding-block: 0 600px;
	}
	
	:is(.about-section-1, #about-section-1) .section-image {
		max-width: 512px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.about-section-1, #about-section-1) {
		padding-block: 0 634px;
	}
	
	:is(.about-section-1, #about-section-1) .section-blocks {
		align-items: flex-start;
	}
	
	:is(.about-section-1, #about-section-1) .section-image {
		position: sticky;
		top: calc(var(--layout-header-height) + 1rem);
		opacity: 1;
		margin-top: 2rem;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.about-section-1, #about-section-1) .section-container {
		--container-gutter: 86px;
	}
	
	:is(.about-section-1, #about-section-1) .section-blocks {
		gap: 100px;
	}
	
	:is(.about-section-1, #about-section-1) .section-image {
		max-width: 592px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.about-section-1, #about-section-1) .section-blocks {
		gap: 154px;
	}
}

/*
* About Section 2
-------------------------------------------------------------------------------- */
@media only screen and (min-width: 48rem) {
	:is(.about-section-2, #about-section-2) {
		padding-block: 0 45px;
		margin-bottom: 0;
	}
	
	:is(.about-section-2, #about-section-2) .section-body {
		margin-top: -31rem;
	}
	
	:is(.about-section-2, #about-section-2) .section-body-container {
		--container-gutter: 45px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.about-section-2, #about-section-2) {
		padding-block: 0 65px;
	}
	
	:is(.about-section-2, #about-section-2) .section-body-container {
		--container-gutter: 137px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.about-section-2, #about-section-2) {
		padding-block: 0 95px;
	}
	
	:is(.about-section-2, #about-section-2) .section-body-container {
		--container-gutter: 156px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.about-section-2, #about-section-2) {
		padding-block: 0 200px;
	}
	
	:is(.about-section-2, #about-section-2) .section-body-container {
		--container-gutter: 161px;
	}
}

/*
* About Section 3
-------------------------------------------------------------------------------- */
:is(.about-section-3, #about-section-3) .section-blocks {
	gap: 50px;
}

:is(.about-section-3, #about-section-3) .section-header {
	text-align: center;
}

:is(.about-section-3, #about-section-3) .section-subheader {
	text-align: center;
}

:is(.about-section-3, #about-section-3) .section-subheading {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 35px;
}

:is(.about-section-3, #about-section-3) .section-lead {
	font-size: 28px;
	line-height: 40px;
}

:is(.about-section-3, #about-section-3) .section-heading {
	font-size: 50px;
	line-height: 1;
}

:is(.about-section-3, #about-section-3) .section-heading em {
	font-style: normal;
	color: var(--color-primary-alt);
}

:is(.about-section-3, #about-section-3) .section-heading {
	margin-bottom: 30px;
}

:is(.about-section-3, #about-section-3) .section-bottom {
	margin-bottom: 100px;
}

:is(.about-section-3, #about-section-3) .section-image {
	text-align: center;
}

:is(.about-section-3, #about-section-3) .section-image-icon {
	font-size: 550px;
}

:is(.about-section-3, #about-section-3) .section-slider .swiper-slide:nth-child(2) .fancy-sp::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-02.webp");
}

:is(.about-section-3, #about-section-3) .section-slider .swiper-slide:nth-child(3) .fancy-sp::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-03.webp");
}

:is(.about-section-3, #about-section-3) .sp {
	height: 100%;
}

:is(.about-section-3, #about-section-3) .sp-container {
	height: 100%;
	min-height: 355px;
}

:is(.about-section-3, #about-section-3) .sp-title {
	font-size: 35px;
}

:is(.about-section-3, #about-section-3) .sp-description {
	margin-bottom: 0;
}

@media only screen and (min-width: 48rem) {
	:is(.about-section-3, #about-section-3) {
		padding-block: 95px 72px;
	}
	
	:is(.about-section-3, #about-section-3) .section-blocks {
		gap: 60px;
	}
	
	:is(.about-section-3, #about-section-3) .section-body {
		position: relative;
		margin-inline: 118px;
	}
	
	:is(.about-section-3, #about-section-3) .section-subheader {
		margin-top: 60px;
	}
	
	:is(.about-section-3, #about-section-3) .section-subheading {
		font-size: 26px;
		line-height: 1;
	}
	
	:is(.about-section-3, #about-section-3) .section-lead {
		font-size: 34px;
		line-height: 50px;
	}
	
	:is(.about-section-3, #about-section-3) .section-heading {
		font-size: 65px;
		line-height: 1;
	}
	
	:is(.about-section-3, #about-section-3) .section-image-icon {
		font-size: 929px;
	}
	
	:is(.about-section-3, #about-section-3) .section-bottom {
		max-width: 600px;
		margin-inline: auto;
	}
	
	:is(.about-section-3, #about-section-3) .slider-custom-buttons .button.prev {
		left: -8rem;
	}
	
	:is(.about-section-3, #about-section-3) .slider-custom-buttons .button.next {
		right: -8rem;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.about-section-3, #about-section-3) {
		padding-block: 175px 65px;
	}
	
	:is(.about-section-3, #about-section-3) .section-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		max-width: 910px;
		margin-inline: auto;
	}
	
	:is(.about-section-3, #about-section-3) .section-heading {
		margin-bottom: 0;
	}
	
	:is(.about-section-3, #about-section-3) .section-subheader {
		margin-block: 125px 90px;
		max-width: 973px;
		margin-inline: auto;
	}
	
	:is(.about-section-3, #about-section-3) .section-body {
		margin-inline: 98px;
	}
	
	:is(.about-section-3, #about-section-3) .section-bottom {
		max-width: 800px;
		margin-bottom: 195px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.about-section-3, #about-section-3) .section-container {
		--container-gutter: 100px;
	}
	
	:is(.about-section-3, #about-section-3) .section-body {
		margin-inline: 105px;
	}
	
	:is(.about-section-3, #about-section-3) .section-bottom {
		max-width: 100%;
		grid-template-columns: 535px 1fr;
		align-items: center;
		gap: 38px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.about-section-3, #about-section-3) .section-container {
		--container-gutter: 264px;
	}
	
	:is(.about-section-3, #about-section-3) .section-body {
		margin-inline: 0;
	}
	
	:is(.about-section-3, #about-section-3) .section-subheader {
		margin-block: 190px 0px;
	}
	
	:is(.about-section-3, #about-section-3) .section-header {
		max-width: 1360px;
	}
	
	:is(.about-section-3, #about-section-3) .section-bottom {
		grid-template-columns: 646px 1fr;
		gap: 120px;
		margin-bottom: 250px;
	}
	
	:is(.about-section-3, #about-section-3) .section-image-icon {
		font-size: 1005px;
	}
}

/* ================================================================================
Coupons Template
================================================================================ */

/* Template Coupons - Grid
-------------------------------------------------------------------------------- */

/*
* Coupons Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* Coupons Template
-------------------------------------------------------------------------------- */
#coupons-page .coupons:is(.columns) {
	--columns-gap-y: 28px;
}

#coupons-page .coupons:is(.columns) .coupon:nth-child(3n+1)::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-01.webp");
}

#coupons-page .coupons:is(.columns) .coupon:nth-child(3n+2)::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-02.webp");
}

#coupons-page .coupons:is(.columns) .coupon:nth-child(3n+3)::before {
	background-image: url("https://cdn-ileoemc.nitrocdn.com/uiRFjtecndcAUwQuGpooKIyQnSvWlGXf/assets/images/optimized/rev-2070eda/gettodayair.com/wp-content/themes/todayair/images/sp-offer-bg-texture-03.webp");
}

@media only screen and (min-width: 48rem) {
	#coupons-page .coupons:is(.columns) {
		--columns-number: 2;
		--columns-gap-x: 28px;
	}
}

@media only screen and (min-width: 75rem) {
	#coupons-page .section-container {
		--container-gutter: 95px;
	}
}

@media only screen and (min-width: 87.5rem) {
	#coupons-page .coupons:is(.columns) {
		--columns-number: 3;
	}
	
	#coupons-page .coupon {
		padding: 65px 50px;
	}
}

@media only screen and (min-width: 120rem) {
	#coupons-page .coupon {
		padding: 75px 55px;
	}
	
	#coupons-page .section-container {
		--container-gutter: 270px;
	}
}

/* ================================================================================
Careers Template
================================================================================ */

/* Template CustomTemplate
-------------------------------------------------------------------------------- */

/*
* CustomTemplate Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* CustomTemplate Template
-------------------------------------------------------------------------------- */
body.onep21-template-careers {
	background: linear-gradient(to bottom, var(--color-neutral-light), var(--color-light));
}

:is(.careers-page, #careers-page) {
	padding-top: 0;
}

:is(.careers-page, #careers-page) .section-blocks {
	gap: 65px;
}

:is(.careers-page, #careers-page) .section-subheader {
	margin-top: 100px;
}

:is(.careers-page, #careers-page) .section-image {
	max-width: 300px;
	margin-inline: auto;
}

:is(.careers-page, #careers-page) .section-image img {
	border-radius: 13px;
}

:is(.careers-page, #careers-page) .section-bottom {
	margin-block: 100px 0;
}

:is(.careers-page, #careers-page) .section-listing-title {
	margin-bottom: 20px;
}

:is(.careers-page, #careers-page) .job-listing {
	margin-bottom: 40px;
}

:is(.careers-page, #careers-page) .job-listing:last-child {
	margin-bottom: 0;
}

:is(.careers-page, #careers-page) .job-listing-title {
	margin-bottom: 10px;
}

:is(.careers-page, #careers-page) .job-listing-description {
	margin-bottom: 20px;
}

:is(.careers-page, #careers-page) .job-listing-description p {
	margin-bottom: 20px;
}

:is(.careers-page, #careers-page) .job-listing-description h4 {
	margin-bottom: 10px;
}

:is(.careers-page, #careers-page) .job-listing-description ul li {
	margin-bottom: 4px;
}

:is(.careers-page, #careers-page) .job-listing-description ul li:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 48rem) {
	:is(.careers-page, #careers-page) .section-blocks {
		gap: 100px;
	}
	
	:is(.careers-page, #careers-page) .section-image {
		max-width: 500px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.careers-page, #careers-page) {
		padding-bottom: 100px;
	}
	
	:is(.careers-page, #careers-page) .section-container {
		--container-gutter: 95px;
	}
	
	:is(.careers-page, #careers-page) .section-bottom {
		max-width: 825px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.careers-page, #careers-page) .section-blocks {
		grid-template-columns: 600px 1fr;
	}
	
	:is(.careers-page, #careers-page) .section-subheader {
		margin-block: 150px;
	}
	
	:is(.careers-page, #careers-page) .section-image {
		max-width: 702px;
	}
	
	:is(.careers-page, #careers-page) .section-image img {
		position: sticky;
		top: calc(var(--layout-header-height) + 2rem);
	}
}

@media only screen and (min-width: 120rem) {
	:is(.careers-page, #careers-page) {
		padding-bottom: 150px;
	}
	
	:is(.careers-page, #careers-page) .section-container {
		--container-gutter: 256px;
	}
}

/* ================================================================================
Financing Template
================================================================================ */

/* Template CustomTemplate
-------------------------------------------------------------------------------- */

/*
* CustomTemplate Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* CustomTemplate Template
-------------------------------------------------------------------------------- */
:is(.financing-page, #financing-page) {
	background: none;
	padding-block: 0 65px;
}

:is(.financing-page, #financing-page) .section-subheading {
	font-weight: 700;
	margin-bottom: 24px;
}

:is(.financing-page, #financing-page) .section-content {
	margin-bottom: 0;
}

:is(.financing-page, #financing-page) .section-image {
	opacity: 1;
	margin-bottom: 0;
}

:is(.financing-page, #financing-page) .section-image-icon {
	font-size: 325px;
}

@media only screen and (min-width: 48rem) {
	:is(.financing-page, #financing-page) {
		padding-bottom: 150px;
	}
	
	:is(.financing-page, #financing-page) .section-container {
		--container-gutter: 45px;
	}
	
	:is(.financing-page, #financing-page) .section-image-icon {
		font-size: 525px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.financing-page, #financing-page) .section-container {
		--container-gutter: 95px;
	}
	
	:is(.financing-page, #financing-page) .section-blocks {
		align-items: flex-start;
	}
	
	:is(.financing-page, #financing-page) .section-image {
		position: sticky;
		top: calc(var(--layout-header-height) + 1rem);
	}
	
	:is(.financing-page, #financing-page) .section-footer {
		margin-top: 90px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.financing-page, #financing-page) .section-blocks {
		grid-template-columns: 555px 1fr;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.financing-page, #financing-page) .section-container {
		--container-gutter: 290px;
	}
	
	:is(.financing-page, #financing-page) .section-blocks {
		grid-template-columns: 625px 1fr;
		gap: 130px;
	}
	
	:is(.financing-page, #financing-page) .section-image-icon {
		font-size: 562px;
	}
}

/* ================================================================================
FAQs Template
================================================================================ */

/* Template FAQs
-------------------------------------------------------------------------------- */

/*
* FAQs Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* FAQs Template
-------------------------------------------------------------------------------- */

/* ================================================================================
Gallery Template
================================================================================ */

/* Template gallery https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/gallery.md
-------------------------------------------------------------------------------- */

/*

* gallery Template
-------------------------------------------------------------------------------- */
.image-thumbnail {
	--gallery-image-aspect-w: 102;
	--gallery-image-aspect-l: 131;
	--cover-aspect-w: var(--gallery-image-aspect-w);
	--cover-aspect-l: var(--gallery-image-aspect-l);
}

.image-thumbnail picture {
	display: block;
}

.image-thumbnail img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 90%;
	object-position: 50% 90%;
	display: block;
}

body.onep21-template-gallery {
	background: var(--color-light-alt);
}

body.onep21-template-gallery .popup-frame {
	padding: 0;
	background: none;
	box-shadow: none;
	max-width: 608px !important;
}

body.onep21-template-gallery .popup-frame img {
	border-radius: 15px;
}

body.onep21-template-gallery .popup-close-button {
	top: -3rem;
	right: -2em;
	margin-top: 0;
	inline-size: 1.5em;
	height: 1.5em;
	padding: .5em;
	color: var(--color-light);
}

:is(.gallery-page, #gallery-page) .gallery:is(.columns) {
	--columns-number: 1;
	--columns-gap-y: 70px;
	inline-size: 100%;
	margin-inline: auto;
}

:is(.gallery-page, #gallery-page) .gallery-item {
	cursor: pointer;
}

:is(.gallery-page, #gallery-page) .gallery-item .image-title {
	text-align: center;
	margin-top: 25px;
}

:is(.gallery-page, #gallery-page) .gallery-item .image-content {
	position: relative;
}

:is(.gallery-page, #gallery-page) .gallery-item .image-content::after {
	transition: all .25s ease-in-out;
}

:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail {
	position: relative;
	z-index: 0;
}

:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail-button {
	position: absolute;
	color: var(--color-light);
	top: 62%;
	left: 0;
	right: 0;
	display: flex;
	width: 100%;
	max-width: 250px;
	margin-inline: auto;
	align-items: center;
	justify-content: space-between;
	opacity: 0;
	pointer-events: none;
	transition: all .25s ease-in-out;
}

:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail-button::after {
	display: flex;
	justify-content: center;
	align-items: center;
	content: "+";
	max-width: 44px;
	max-height: 44px;
	min-height: 44px;
	width: 100%;
	font-size: 32px;
	font-weight: 300;
	background: var(--color-accent);
	border-radius: 999px;
	opacity: 0;
	transition: all .125s ease-in-out;
	padding-bottom: 3px;
}

:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail:after {
	pointer-events: none;
	position: absolute;
	top: 0;
	border-radius: 15px;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	background: linear-gradient(0deg, rgba(31, 34, 37, .7) 0%, rgba(153, 159, 164, .7) 100%);
	mix-blend-mode: multiply;
	transition: all .25s ease-in-out;
	z-index: 1;
}

:is(.gallery-page, #gallery-page) .gallery-item img {
	border-radius: 15px;
}

:is(.gallery-page, #gallery-page) .gallery-item:is(:hover, :focus) .image-thumbnail-button, :is(.gallery-page, #gallery-page) .gallery-item:is(:hover, :focus) .image-thumbnail-button:after, :is(.gallery-page, #gallery-page) .gallery-item:is(:hover, :focus) .image-thumbnail:after {
	opacity: 1;
}

:is(.gallery-page, #gallery-page) .section-body-container {
	--container-gutter: 0;
}

@media only screen and (min-width: 48rem) {
	:is(.gallery-page, #gallery-page) .gallery:is(.columns) {
		--columns-number: 2;
		--columns-gap-x: 40px;
	}
	
	:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail-button {
		max-width: 220px;
	}
	
	:is(.gallery-page, #gallery-page) .section-container {
		--container-gutter: 5.25rem;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.gallery-page, #gallery-page) .gallery:is(.columns) {
		--columns-number: 3;
	}
	
	:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail-button {
		max-width: 250px;
	}
	
	:is(.gallery-page, #gallery-page) .section-container {
		--container-gutter: 5.4375rem;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail-button {
		top: 65%;
		max-width: 280px;
	}
	
	:is(.gallery-page, #gallery-page) .section-container {
		--container-gutter: 7.4375rem;
	}
	
	:is(.gallery-page, #gallery-page) .section-blocks-outer {
		row-gap: 3rem;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.gallery-page, #gallery-page) .gallery:is(.columns) {
		--columns-number: 4;
	}
	
	:is(.gallery-page, #gallery-page) .gallery-item .image-thumbnail-button {
		top: 69%;
		max-width: 320px;
		font-size: 28px;
	}
	
	:is(.gallery-page, #gallery-page) .section-container {
		--container-gutter: 117px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	:is(.gallery-page, #gallery-page) .gallery-item {
		max-width: 320px;
		margin-inline: auto;
	}
}

/* ================================================================================
* Directory Grid Template
================================================================================ */

/* Template Menu Directories https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/menudirs.md
-------------------------------------------------------------------------------- */

/*
* Menu Directories Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* Menu Directories Grid Template
-------------------------------------------------------------------------------- */
:is(.menudirs-page, #menudirs-page) .menudir-menu:is(.columns) {
	--columns-gap-x: 4rem;
	justify-content: center;
	justify-items: center;
}

:is(.menudirs-page, #menudirs-page) .menudir {
	padding-block: 0 4rem;
}

:is(.menudirs-page, #menudirs-page) .menudir:first-child {
	padding-top: 65px;
}

:is(.menudirs-page, #menudirs-page) .menudir:last-child {
	padding-bottom: 0;
}

:is(.menudirs-page, #menudirs-page) .menudir-container {
	text-align: center;
}

:is(.menudirs-page, #menudirs-page) .section-featured {
	color: var(--color-light);
	padding-block: 50px;
}

:is(.menudirs-page, #menudirs-page) .section-featured-container {
	--container-gutter: 25px;
}

:is(.menudirs-page, #menudirs-page) .section-featured-blocks {
	gap: 65px;
}

:is(.menudirs-page, #menudirs-page) .section-blocks-outer {
	max-width: 100%;
}

:is(.menudirs-page, #menudirs-page) .section-heading {
	color: inherit;
	margin-bottom: 32px;
}

:is(.menudirs-page, #menudirs-page) .section-content {
	margin-bottom: 32px;
}

:is(.menudirs-page, #menudirs-page) .section-lead {
	color: var(--color-primary);
	max-width: 380px;
	margin-bottom: 24px;
}

@media only screen and (min-width: 48rem) {
	:is(.menudirs-page, #menudirs-page) .menudir-menu:is(.columns) {
		--columns-number: 2;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir:first-child {
		padding-top: 90px;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir-menu li:nth-child(-n+2) {
		border-block-start: 0;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir-container {
		text-align: left;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured {
		padding-block: 65px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured-container {
		--container-gutter: 40px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured .responsive-background {
		border-radius: 13px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.menudirs-page, #menudirs-page) .menudir-menu:is(.columns) {
		--columns-number: 4;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir {
		padding-block: 0 90px;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir:first-child {
		padding-top: 120px;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir-menu li:nth-child(-n+3) {
		border-block-start: 0;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-container {
		--container-gutter: 95px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured {
		padding-block: 90px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-left {
		max-width: 800px;
		margin-inline: auto;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.menudirs-page, #menudirs-page) .section-featured-blocks {
		grid-template-columns: 475px 1fr;
		align-items: center;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured-container {
		--container-gutter: 90px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county {
		font-size: 30px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-tallapoosa {
		top: 55px;
		left: 15px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-chamber {
		top: 60px;
		left: 213px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-elmore {
		top: 190px;
		left: 10px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-lee {
		top: 181px;
		left: 206px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-macon {
		top: 260px;
		left: 75px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-russell {
		top: 265px;
		left: 242px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-heading {
		font-size: 45px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.menudirs-page, #menudirs-page) .menudir-menu:is(.columns) {
		--columns-number: 4;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir {
		padding-block: 0 120px;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir:first-child {
		padding-top: 150px;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir-menu li:nth-child(-n+4) {
		border-block-start: 0;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured {
		padding-block: 90px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured-container {
		--container-gutter: 90px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-featured-blocks {
		grid-template-columns: 475px 1fr;
		gap: 50px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image {
		border-width: 20px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county {
		font-size: 35px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-tallapoosa {
		top: 89px;
		left: 32px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-chamber {
		top: 98px;
		left: 285px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-elmore {
		top: 278px;
		left: 22px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-lee {
		top: 267px;
		left: 313px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-macon {
		top: 382px;
		left: 165px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-image .fancy-map-county-russell {
		top: 389px;
		left: 380px;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-container {
		--container-gutter: 270px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	:is(.menudirs-page, #menudirs-page) .section-container {
		--container-gutter: 0;
	}
	
	:is(.menudirs-page, #menudirs-page) .section-buttons .button {
		font-size: 17px;
	}
	
	:is(.menudirs-page, #menudirs-page) .menudir:nth-last-child(n+2) {
		margin-block-end: 0;
	}
}

/* ================================================================================
* Case Results Template
================================================================================ */

/* Template Results https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/results.md
-------------------------------------------------------------------------------- */

/*
* Results Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* Results Template
-------------------------------------------------------------------------------- */
:is(.results-page, #results-page) .results:is(.columns) {
	--columns-gap-x: 3rem;
	--columns-gap-y: 3rem;
	justify-content: center;
	justify-items: center;
}

:is(.results-page, #results-page) .result {
	border-block-end: 1px solid var(--color-neutral-lighter);
	padding-inline: 2rem;
	padding-block: 0 var(--columns-gap-y);
	inline-size: 37.5rem;
}

:is(.results-page, #results-page) .result-pointer-reference:is(:hover, :focus, :focus-within) {}

@media only screen and (min-width: 75rem) {
	:is(.results-page, #results-page) .results:is(.columns) {
		--columns-number: 2;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.results-page, #results-page) .results:is(.columns) {
		--columns-number: 3;
	}
}

/* ================================================================================
* Profiles/ Team Grid Template
================================================================================ */

/* Template Team https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/team.md
-------------------------------------------------------------------------------- */

/*
* Team Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/* team groups */
.team-group:nth-child(n+2) {
	margin-block-start: 4rem;
}

.team-group-title {
	margin-block-end: 2rem;
}

/*
* Team/Profiles Page
-------------------------------------------------------------------------------- */
body.onep21-template-team {
	background: var(--color-light-alt);
}

body.onep21-template-team .popup-container {
	width: 1000px;
}

body.onep21-template-team .popup-frame {
	border-radius: 13px;
	border: 15px solid rgba(177, 200, 224, .15);
	padding: 0;
}

body.onep21-template-team .popup-frame .profile-details-body {
	height: 100%;
	background: var(--color-light);
	padding: 90px 25px;
	border-radius: 5px;
}

body.onep21-template-team .popup-frame .profile-info-name {
	font-size: 30px;
	margin-bottom: 10px;
}

body.onep21-template-team .popup-frame .profile-info-position {
	margin-bottom: 25px;
}

body.onep21-template-team .popup-close-button {
	color: var(--color-dark);
}

@media only screen and (min-width: 48rem) {
	body.onep21-template-team .popup-frame .profile-details-body {
		padding: 100px 80px;
	}
	
	body.onep21-template-team .popup-frame .profile-info-blurb p {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 75rem) {
	body.onep21-template-team .popup-container {
		--container-gutter: 45px;
	}
	
	body.onep21-template-team .popup-frame .profile-details-body {
		padding: 100px;
	}
}

:is(.team-page, #team-page) .profiles:is(.columns) {
	--columns-gap-x: 28px;
	--columns-gap-y: 70px;
	justify-content: center;
	justify-items: center;
}

:is(.team-page, #team-page) .profile {
	inline-size: 408px;
}

:is(.team-page, #team-page) .profile-info {
	display: flex;
	flex-direction: column;
	gap: .5em;
	text-align: center;
}

:is(.team-page, #team-page) .profile-view-button {
	position: absolute;
	color: var(--color-light);
	top: 62%;
	left: 0;
	right: 0;
	display: flex;
	width: 100%;
	max-width: 250px;
	margin-inline: auto;
	align-items: center;
	justify-content: space-between;
	opacity: 0;
	pointer-events: none;
	transition: all .25s ease-in-out;
}

:is(.team-page, #team-page) .profile-view-button::after {
	display: flex;
	justify-content: center;
	align-items: center;
	content: "+";
	max-width: 44px;
	max-height: 44px;
	min-height: 44px;
	width: 100%;
	font-size: 32px;
	font-weight: 300;
	background: var(--color-accent);
	border-radius: 999px;
	opacity: 0;
	transition: all .125s ease-in-out;
	padding-bottom: 3px;
}

:is(.team-page, #team-page) .profile-image:after {
	pointer-events: none;
	position: absolute;
	top: 0;
	border-radius: 15px;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	background: linear-gradient(0deg, rgba(31, 34, 37, .7) 0%, rgba(153, 159, 164, .7) 100%);
	mix-blend-mode: multiply;
	transition: all .25s ease-in-out;
}

:is(.team-page, #team-page) .profile:is(.popup-trigger) {
	cursor: pointer;
}

:is(.team-page, #team-page) .profile:is(.popup-trigger):is(:hover) .profile-view-button, :is(.team-page, #team-page) .profile:is(.popup-trigger):is(:hover) .profile-view-button:after, :is(.team-page, #team-page) .profile:is(.popup-trigger):is(:hover) .profile-image:after {
	opacity: 1;
}

@media only screen and (min-width: 48rem) {
	:is(.team-page, #team-page) .profiles:is(.columns) {
		--columns-number: 2;
		--columns-gap-y: 90px;
	}
	
	:is(.team-page, #team-page) .section-container {
		--container-gutter: 70px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.team-page, #team-page) .profiles:is(.columns) {
		--columns-number: 3;
	}
	
	:is(.team-page, #team-page) .profile-view-button {
		top: 66%;
	}
	
	:is(.team-page, #team-page) .section-container {
		--container-gutter: 95px;
	}
}

@media only screen and (min-width: 87.5rem) {
	:is(.team-page, #team-page) .profile-view-button {
		max-width: 320px;
		font-size: 30px;
		top: 69%;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.team-page, #team-page) .section-container {
		--container-gutter: 320px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	:is(.team-page, #team-page) .profile {
		max-width: 320px;
	}
}

/* ================================================================================
* Testimonials Template
================================================================================ */

/* Template Testimonials Areas https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/testimonials.md
-------------------------------------------------------------------------------- */

/*
* Testimonials Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* Testimonials Template
-------------------------------------------------------------------------------- */
:is(.testimonials-page, #testimonials-page) .testimonials:is(.columns) {
	--columns-gap-y: 40px;
	justify-content: center;
	justify-items: center;
}

:is(.testimonials-page, #testimonials-page) .testimonial {
	background: var(--color-light);
	border: 15px solid rgba(231, 234, 238, .9215686275);
	border-radius: 13px;
	padding: 45px 25px;
}

:is(.testimonials-page, #testimonials-page) .testimonials-columns .testimonial {
	text-align: center;
}

:is(.testimonials-page, #testimonials-page) .testimonials-columns .testimonial-container {
	align-items: center;
	align-content: center;
	gap: 28px;
}

:is(.testimonials-page, #testimonials-page) .testimonial .testimonial-highlight {
	font-size: 24px;
	line-height: 38px;
}

:is(.testimonials-page, #testimonials-page) .section-blocks {
	max-width: 100%;
}

@media only screen and (min-width: 48rem) {
	:is(.testimonials-page, #testimonials-page) .testimonials:is(.columns) {
		--columns-gap-y: 70px;
	}
	
	:is(.testimonials-page, #testimonials-page) .testimonial {
		padding: 65px;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.testimonials-page, #testimonials-page) .testimonial {
		padding-block: 100px;
	}
	
	:is(.testimonials-page, #testimonials-page) .testimonial .testimonial-highlight {
		max-width: 740px;
		margin-inline: auto;
	}
	
	:is(.testimonials-page, #testimonials-page) .section-container {
		--container-gutter: 95px;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.testimonials-page, #testimonials-page) .testimonial {
		padding: 100px 190px;
	}
	
	:is(.testimonials-page, #testimonials-page) .section-container {
		--container-gutter: 384px;
	}
}

@media only screen and (max-width: 47.9375rem) {
	:is(.testimonials-page, #testimonials-page) .testimonial .testimonial-highlight {
		font-size: 21px;
		line-height: 32px;
	}
}

/* ================================================================================
* Videos Template
================================================================================ */

/* Template Videos https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/videos.md
-------------------------------------------------------------------------------- */

/*
* Videos Related Classes
-------------------------------------------------------------------------------- */

/* Add helper classes specific to this template as needed */

/*
* CustomRowName Template
-------------------------------------------------------------------------------- */
:is(.videos-page, #videos-page) .videos:is(.columns) {
	--columns-gap-x: 3rem;
	--columns-gap-y: 3rem;
	justify-content: center;
	justify-items: center;
	max-inline-size: -moz-max-content;
	max-inline-size: max-content;
	margin-inline: auto;
}

:is(.videos-page, #videos-page) .video {
	inline-size: 31.25rem;
}

@media only screen and (min-width: 48rem) {
	:is(.videos-page, #videos-page) .videos:is(.columns) {
		--columns-number: 2;
	}
}

@media only screen and (min-width: 75rem) {
	:is(.videos-page, #videos-page) .videos:is(.columns) {
		--columns-number: 3;
	}
}

/* ================================================================================
* Profile Detail Template
================================================================================ */

/* Template Profile Areas https://github.com/1point21interactive/1p21_wp_boilerplate/blob/master/wp-content/themes/1p21-boilerplate/docs/template/profile.md
-------------------------------------------------------------------------------- */

/*
* Profile Contact Info
-------------------------------------------------------------------------------- */
.profile-contact a:not(:hover, :focus) {
	color: inherit;
	text-decoration: none;
}

.profile-contact-list-item-label {
	margin-inline-end: .5em;
}

/*
* Profile Detail Template
-------------------------------------------------------------------------------- */
body.onep21-template-single-profile {
	--profile-image-offset: -4.375rem;
}

@media only screen and (min-width: 75rem) {
	body.onep21-template-single-profile {
		--profile-image-offset: 12.5rem;
		--profile-sidebar-offset: 0rem;
	}
}

@media only screen and (min-width: 87.5rem) {
	body.onep21-template-single-profile {
		--profile-image-offset: -6.875rem;
	}
}

/*
* Section Offset: For overlapping the section or parts of it to adjacent sections/layouts Feel free to copy/paste/comment out as needed. Find and replace `profile-section-1` to rename variables and sections appropriately
Example of usage: PQL36
-------------------------------------------------------------------------------- */
:root {
	--profile-section-1-offset: 6.25rem;
}

/*
* Section Offset Demo: Overlap this section and adjust it siblings and or the siblings' contents to it
	NOTE: To reuse on other elements, copy this css and replace `profile-section-1` with `profile-section-[DESIRED_NUMBER]`
	NOTE: Classes to use:
		.profile-section-1-offset-element => the element within the section that will have the negative margins to overlap itself
		.has-profile-section-1-offset => the adjacent sections/ child of adjacent sections that will have the pseudo element to adjust itself if the `profile-section-1-offset-element` is next to it
-------------------------------------------------------------------------------- */
.template-wrapper:has(:is(main, .main) > .profile-section-1) .has-profile-section-1-offset:is(.profile-section-1 + .profile-section:not(.profile-section-1),
.profile-section-1 + .profile-section:not(.profile-section-1) *) .profile-section-1:nth-last-child(n+2) {
	position: relative;
	z-index: 2;
}

.template-wrapper:has(:is(main, .main) > .profile-section-1) .has-profile-section-1-offset:is(.profile-section-1 + .profile-section:not(.profile-section-1),
.profile-section-1 + .profile-section:not(.profile-section-1) *) {
	isolation: isolate;
}

.template-wrapper:has(:is(main, .main) > .profile-section-1) .has-profile-section-1-offset:is(.profile-section-1 + .profile-section:not(.profile-section-1),
.profile-section-1 + .profile-section:not(.profile-section-1) *)::before {
	content: "";
	block-size: var(--profile-section-1-offset);
	margin-block-start: min(var(--profile-section-1-offset) - var(--overlap-buffer), 0px);
	display: block;
	flex: 0 0 auto;
	inline-size: 100%;
}

.template-wrapper:has(:is(main, .main) > .profile-section-1) .profile-section-1:nth-last-child(n+2) {
	padding-block-end: var(--overlap-buffer) !important;
}

.template-wrapper:has(:is(main, .main) > .profile-section-1) .profile-section-1:nth-last-child(n+2) .profile-section-1-offset-element {
	margin-block-end: calc(( var(--profile-section-1-offset) + var(--overlap-buffer) ) * -1) !important;
}

:is(.single-profile-page, #single-profile-page):is(.profile-page-sections) {
	padding-block: 0;
}

:is(.single-profile-page, #single-profile-page):is(.profile-page-sections) :is(.profile-section-1) .profile-section-1-offset-element:is(.default-section-sidebar) {
	padding-block-end: 0;
}

:is(.single-profile-page, #single-profile-page):is(.profile-page-full) {
	padding-block: 0;
}

:is(.single-profile-page, #single-profile-page) .section-blocks-header {
	gap: 1rem;
}

:is(.single-profile-page, #single-profile-page) .section-heading {
	max-inline-size: none;
}

:is(.single-profile-page, #single-profile-page) .section-divider {
	--fancy-border-margin-y: 2rem;
}

@media only screen and (min-width: 75rem) {
	:is(.single-profile-page, #single-profile-page):is(.profile-page-simple) .default-section-main:has(+ .default-section-sidebar:last-child) {
		margin-block-end: 0;
	}
	
	:is(.single-profile-page, #single-profile-page):is(.profile-page-sections) :is(.profile-section-2) .has-profile-section-1-offset:is(.default-section-main)::before {
		content: none;
	}
}

@media only screen and (min-width: 120rem) {
	:is(.single-profile-page, #single-profile-page) .default-sections {
		--default-sidebar-width: 35rem;
		--default-gap-x: 7.5rem;
	}
}

@media only screen and (max-width: 74.9375rem) {
	:is(.single-profile-page, #single-profile-page):is(.profile-page-sections) :is(.profile-section-2) .has-profile-section-1-offset:is(.default-section-sidebar)::before {
		content: none;
	}
	
	:is(.single-profile-page, #single-profile-page) .section-image {
		max-inline-size: 100%;
		inline-size: 22.5rem;
		margin-inline: auto;
	}
	
	:is(.single-profile-page, #single-profile-page) .section-awards:not(.widget), :is(.single-profile-page, #single-profile-page) .section-header {
		text-align: center;
	}
}

.profile-section-1 {
	color: var(--scheme-fg, var(--color-light));
	background: var(--scheme-bg, var(--color-dark-alt));
}

@media only screen and (min-width: 75rem) {
	.profile-section-1 .default-section-sidebar {
		align-self: end;
	}
	
	.profile-section-1 .default-section-main {
		align-self: center;
	}
}

@media only screen and (max-width: 74.9375rem) {
	.profile-section-1 {
		text-align: center;
	}
}

@media only screen and (min-width: 75rem) {
	.profile-section-2 .section-lists {
		padding-block-start: 0;
	}
}

/*! 
ADD POST LIVE CSS HERE 

Add date and tag with changes description eg:

// 4/20/19 - Sam: Header fix or something
// and then css

*/

/* Reviews - mm/dd/yy */
.review-container {
	width: 100%;
}

.review-container h2 {
	text-align: center;
}

.review-container h3 {
	text-align: center;
	padding-bottom: 30px;
}

.review-left {
	width: 48%;
	float: left;
	margin-right: 4%;
}

.review-right {
	width: 48%;
	float: right;
	margin-right: 0;
}

.review-bottom {
	width: 48%;
	float: none;
	margin: 0 auto;
}

.review-left img {
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
	height: 54px;
	width: auto;
}

.review-right img {
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
	height: 54px;
	width: auto;
}

.review-bottom img {
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
	width: auto;
	padding-top: 20px;
}

.review-bottom {
	clear: both;
}

.review-button {
	width: 100%;
	display: block;
	font-size: 14px;
	color: var(--brand-color-light);
	border-radius: 6px;
	background-color: var(--brand-color-primary);
	text-align: center;
	padding: 20px 0;
	text-decoration: none;
}

a.review-button:hover {
	color: var(--brand-color-light);
	background-color: var(--brand-color-dark);
}

a.review-button {
	color: var(--brand-color-light) !important;
}

.wistia-review {
	padding-top: 40px;
}

@media (max-width:767px) {
	.review-left {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	.review-right {
		width: 100%;
		float: none;
	}
	
	.review-bottom {
		width: 100%;
	}
	
	.review-right img {
		padding-top: 30px;
	}
	
	.review-bottom img {
		padding-top: 30px;
	}
}