/**
 * Theme Name:       5k4eva
 * Theme URI:        https://bizbudding.com/mai-theme/
 * Description:      5KWebsite theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.1.1
 * Text Domain:      mai-slate
 * Template:         genesis
 * Template Version: 3.3.5
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

@font-face {
	font-family: "Mona Sans";
	src: url("assets/fonts/MonaSans.woff2") format("woff2");
	font-weight: 200 900;
	font-style: normal;
	font-stretch: 75% 125%;
	font-feature-settings: "ss07" 1;
}

@font-face {
	font-family: "Mona Sans";
	src: url("assets/fonts/MonaSans-Italic.woff2") format("woff2");
	font-weight: 200 900;
	font-style: italic;
	font-stretch: 75% 125%;
	font-feature-settings: "ss07" 1;
}

@font-face {
	font-family: "Space Grotesk";
	src: url("assets/fonts/SpaceGrotesk-VariableFont_wght.woff2")
		format("woff2");
	font-weight: 300 700;
	font-style: normal;
	/* no italics */
	font-feature-settings:
		"onum" 1,
		"ss01" 1,
		"ss04" 1;
}

:root {
	/* @link https://utopia.fyi/type/calculator?c=360,17,1.2,1200,21,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--step--2: clamp(0.7378rem, 0.6941rem + 0.1946vw, 0.84rem);
	--step--1: clamp(0.8854rem, 0.8149rem + 0.3135vw, 1.05rem);
	--step-0: clamp(1.0625rem, 0.9554rem + 0.4762vw, 1.3125rem);
	--step-1: clamp(1.275rem, 1.1183rem + 0.6964vw, 1.6406rem);
	--step-2: clamp(1.53rem, 1.3068rem + 0.992vw, 2.0508rem);
	--step-3: clamp(1.836rem, 1.5242rem + 1.3857vw, 2.5635rem);
	--step-4: clamp(2.2032rem, 1.7741rem + 1.9069vw, 3.2043rem);
	--step-5: clamp(2.6438rem, 2.0603rem + 2.5935vw, 4.0054rem);

	--space-3xs: clamp(0.25rem, 0.2232rem + 0.119vw, 0.3125rem);
	--space-2xs: clamp(0.5625rem, 0.5089rem + 0.2381vw, 0.6875rem);
	--space-xs: clamp(0.8125rem, 0.7321rem + 0.3571vw, 1rem);
	--space-s: clamp(1.0625rem, 0.9554rem + 0.4762vw, 1.3125rem);
	--space-m: clamp(1.625rem, 1.4643rem + 0.7143vw, 2rem);
	--space-l: clamp(2.125rem, 1.9107rem + 0.9524vw, 2.625rem);
	--space-xl: clamp(3.1875rem, 2.8661rem + 1.4286vw, 3.9375rem);
	--space-2xl: clamp(4.25rem, 3.8214rem + 1.9048vw, 5.25rem);
	--space-3xl: clamp(6.375rem, 5.7321rem + 2.8571vw, 7.875rem);

	--body-font-family: "Space Grotesk", sans-serif !important;
	--paragraph-margin-bottom: 1rem;
	--font-size-base: 17px;
	--heading-font-family: "Mona Sans", sans-serif !important;

	--color-primary-50: #f9fcfe;
	--color-primary-100: #ecf5fd;
	--color-primary-200: #d0e7fb;
	--color-primary-300: #aad4f8;
	--color-primary-400: #83c0f5;
	--color-primary-500: #59adf3;
	--color-primary: #3f89c6;
	--color-primary-700: #316e9f;
	--color-heading: #214d72;
	--color-primary-900: #123048;
	--color-primary-950: #051522;

	--color-neutral-50: #fbfbfb;
	--color-alt: #f3f3f3;
	--color-neutral-200: #e4e4e4;
	--color-neutral-300: rgb(207, 207, 207);
	--color-neutral-400: hsl(0, 0%, 73%);
	--color-neutral-500: rgb(166, 166, 166);
	--color-neutral-600: #838383;
	--color-neutral-700: #6a6a6a;
	--color-body: #4b4b4b;
	--color-neutral-900: #2e2e2e;
	--color-black: #141414;

	--color-secondary-50: #fef6de;
	--color-secondary-100: #feeab0;
	--color-secondary-200: #fddd80;
	--color-secondary-300: #fed34b;
	--color-secondary: #fdc621;
	--color-secondary-500: #ffbf00;
	--color-secondary-600: #ffb300;
	--color-secondary-700: #fd9e00;

	--custom-green: rgb(75, 211, 16);
	--custom-green: rgb(75, 211, 16, 15%);

	--button-border-radius: 0;
	--button-box-shadow: none;
	--button-padding: 1.25rem 3rem;
	--button-font-size: var(--font-size-base);
	--button-font-family: var(--body-font-family);
	--button-font-weight: 600;
	--button-letter-spacing: 0.3px;

	--button-font-size: var(--font-size-base);
	--button-font-family: var(--body-font-family);
	--button-font-weight: 600;

	--button-text-transform: none;
	--button-color: var(--color-white);
	--button-color-hover: var(--color-white);
	--button-background: var(--color-primary);
	--button-background-hover: hsl(207, 54%, 44%);

	--button-secondary-color: var(--color-white);
	--button-secondary-color-hover: var(--color-white);
	--button-secondary-background: var(--color-secondary);
	--button-secondary-background-hover: hsl(45, 98%, 50%);

	--button-outline-color: var(--color-black);
	--button-outline-background: var(--color-white);
	--button-outline-background-hover: var(--color-black);

	--site-header-box-shadow: none;
	--site-header-border-bottom: none;
	--color-border: rgba(0, 0, 0, 0.1);

	--color-shadow: hsl(0deg 0% 0% / 0.25);
	--shadow: 0 0.25em 1em 0 var(--color-shadow);
	--box-shadow: rgba(64, 72, 82, 0.2) 0px 10px 30px;
	--image-border-radius: 0;
}

/* -------------------------------- defaults -------------------------------- */

.wp-block {
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family: var(--body-font-family);
	font-weight: 400;
	color: var(--color-body);
	font-kerning: auto;
	line-height: 1.4 !important;
}

.site-title-link {
	font-size: var(--font-size-xl);
	font-stretch: condensed;
	font-kerning: auto;
	font-weight: 500;
	text-decoration: none;
	/* text-transform: uppercase; */
}

.has-standard-content {
	article {
		max-width: 60ch;
		margin-left: auto;
		margin-right: auto;
	}
}

.has-shadow {
	box-shadow: var(--box-shadow);
}

.has-border {
	border: var(--border);
}

/* default heading styles */

h1,
h2,
h3,
h4,
h5 {
	font-stretch: semi-expanded;
	font-kerning: auto;
	color: var(--color-heading);
}

h1,
h1.entry-title,
h2 {
	font-weight: 300;
	letter-spacing: -0.64px;
	line-height: 1.05;
}

h1.archive-title {
	font-size: var(--step-5);
}

h2 {
	font-size: var(--step-4);
}

h2 + h3 {
	margin-top: -8px;
}

.page-id-6017,
.home,
.landing {
	h1 {
		margin-bottom: var(--spacing-xl);
		font-weight: 300;
		font-size: var(--step-5);
	}
	/* .wp-block-group.alignfull {
		padding-top: var(--space-xl);
		padding-bottom: var(--space-xl);
		p {
			max-width: 65ch;
			margin-left: auto;
			margin-right: auto;
		}
	} */
}

.is-style-subheading {
	text-transform: none;
	font-size: var(--font-size-xl);
	margin-bottom: var(--paragraph-margin-bottom);
	letter-spacing: normal;
	font-weight: 700;
	font-feature-settings: "dlig";
}

.is-style-heading {
	/* font-family: var(--body-font-family); */
	font-weight: 700;
}

body:not(.landing) .before-header {
	display: none;
}

/* alt heading styles */

h1.is-style-alt,
h2.is-style-alt,
h3.is-style-alt,
h4.is-style-alt,
h5.is-style-alt {
	text-transform: uppercase;
	font-stretch: condensed;
	font-kerning: auto;
	font-weight: 500;
}

ul {
	margin-left: 16px;
	margin-bottom: var(--spacing-lg);
	list-style-type: square;
	li {
		line-height: 1.3;
	}
}

/* --------------------------------- shared --------------------------------- */

.entry-content {
	.wp-block-group.alignfull {
		p:not(.overline) {
			max-width: 70ch;
			margin-inline: auto;
		}
	}
}

p.overline {
	font-family: var(--heading-font-family);
	font-size: var(--font-size-sm);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	font-weight: 700;
	font-stretch: 125%;
	margin-bottom: var(--spacing-xl);
	color: var(--color-primary);
}

.mark {
	background: linear-gradient(
		90deg,
		var(--color-secondary-200) 0%,
		var(--color-secondary-200) 100%
	);
	background-position: 0 75%;
	background-repeat: repeat-x;
	background-size: 100% 25%;
}

/* --------------------------------- quotes --------------------------------- */

blockquote.wp-block-quote {
	padding-top: var(--spacing-lg);
	padding-bottom: var(--spacing-lg);
	border: 0;
	border-left: 4px solid var(--color-primary);
	position: relative;
	margin: var(--spacing-lg) auto;
	> p {
		font-family: var(--heading-font-family);
		font-size: var(--font-size-lg);
		line-height: 1.3;
		font-style: normal;
		font-weight: 400;
		width: 85%;
		max-width: 100%;
	}
	cite {
		margin-top: var(--spacing-md);
		font-weight: 480 !important;
		letter-spacing: 0.3px;
		> strong {
			text-transform: uppercase;
		}
	}
}

.wp-block-pullquote {
	font-family: var(--body-font-family);
	font-weight: 500;
	font-style: normal;
	text-align: left !important;
	margin-bottom: var(--spacing-lg);
	blockquote {
		border-left: 3px solid var(--color-primary-500);
		font-size: var(--font-size-lg);
		font-weight: 500;
		color: var(--color-primary-700);
	}
}

@media only screen and (min-width: 800px) {
	.wp-block-pullquote {
		float: left;
		margin: var(--spacing-xxs) 1vw var(--spacing-md) -6vw;
		width: 18vw;
		blockquote {
			line-height: 1.3;
			font-style: normal;
			border-left: none;
			padding: 0 var(--spacing-lg) var(--spacing-lg) 0;
			p {
				margin-bottom: var(--spacing-xs);
				color: var(--color-primary-700);
				text-align: right;
			}
		}
	}
}

.landing {
	.site-header {
		box-shadow: none;
	}
	/* p {
		font-size: var(--step-0);
	} */
	.before-header {
		border-top: 6px solid var(--color-primary-400);
	}

	.wp-block-media-text__content {
		padding: var(--space-m);
	}

	.wp-block-group.alignfull:not(.footer-credits) {
		border-top: 6px solid var(--color-primary-400);
	}

	@media only screen and (min-width: 800px) {
		.wp-block-media-text__content {
			padding: var(--space-xl) !important;
		}
	}

	h3.is-style-alt {
		text-transform: uppercase;
		margin-bottom: var(--spacing-xl);
		color: var(--color-primary);
	}

	.wpforms-field-email {
		& input {
			background-color: var(--color-alt);
			border-radius: 0;
		}
	}
	.wpforms-confirmation-container {
		margin-top: var(--spacing-xl);
		/* align-items: center;
		justify-content: center; */
		min-width: 60ch;
		p {
			padding: var(--spacing-xl);
			background-color: var(--color-secondary-50);
			text-align: center;
		}
	}
}

.two-col {
	.wp-block-group__inner-container {
		columns: 2 200px;
		column-gap: 2rem;
		p {
			break-inside: avoid;
		}
	}
}

.nb {
	border-left: 4px solid var(--color-secondary);
	padding-left: var(--spacing-md);
}

.wp-block-group.alignfull.howitworks {
	.mai-list-item.is-column {
		padding: var(--spacing-xl);
		background-color: var(--color-white);
		box-shadow: var(--box-shadow);
	}
}

/* ---------------------------------- links --------------------------------- */

.entry-more-link {
	margin-top: var(--spacing-lg);
}

.more-link {
	font-size: var(--font-size-sm);
	font-weight: 600;
	::after {
		display: inline-flex;
		margin-left: 0.4rem;
		width: 0.9rem;
		height: 0.9rem;
		background: currentcolor;
		mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NDggNTEyJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0nTTQyMi42IDI3OC42TDQ0NS4zIDI1NmwtMjIuNi0yMi42LTE0NC0xNDRMMjU2IDY2LjcgMjEwLjggMTEybDIyLjYgMjIuNkwzMjIuOCAyMjQgMzIgMjI0IDAgMjI0bDAgNjQgMzIgMCAyOTAuNyAwLTg5LjQgODkuNEwyMTAuOCA0MDAgMjU2IDQ0NS4zbDIyLjYtMjIuNiAxNDQtMTQ0eicvPjwvc3ZnPg==");
		mask-position: center 0.1rem;
		mask-repeat: no-repeat;
		mask-size: contain;
		transition: var(--transition);
		content: "";
	}
}

a:not(.menu-item-link):not(.wp-block-button__link):not(
		.entry-more-link.button
	):not(figcaption a):not(.entry-tags a):not(.site-title-link):not(
		.entry-title-link
	) {
	--link-color: currentColor;
	--link-color-hover: var(--color-primary-500);
	--link-text-decoration: underline;
	text-decoration-color: var(--color-primary) !important;
	--link-text-decoration-offset: 2px;
	/* --link-text-decoration-offset-hover: 2px; */
	--link-text-decoration-hover: none;
	color: var(--link-color);
	--link-filter-hover: unset;
	text-decoration: var(--link-text-decoration);
	text-decoration-thickness: 2px !important;
	text-underline-offset: var(--link-text-decoration-offset);
	/* font-weight: 600; */
	text-decoration-skip-ink: auto;
	&:hover,
	&:focus-visible {
		color: var(--link-color-hover);
		text-decoration: var(--link-text-decoration-hover);
		text-underline-offset: var(--link-text-decoration-offset-hover);
		filter: var(--link-filter-hover);
	}
}

.entry-more-link {
	font-weight: 650;
	text-transform: uppercase;
	font-stretch: 100%;
	font-size: var(--font-size-sm);
}

/* --------------------------------- layout --------------------------------- */

.site-header,
.site-footer {
	border-top: 6px solid var(--color-primary-400);
}

:not(.home).page-template-default,
/* .archive, */
.portfolio-template-default {
	--content-sidebar-wrap-margin-top: clamp(
		4.25rem,
		3.8214rem + 1.9048vw,
		5.25rem
	);
}
:not(.home).page-template-default {
	.entry-content {
		padding-left: 0;
	}
}

@media only screen and (min-width: 800px) {
	/* :not(.home).page-template-default {
		.entry-content {
			padding-left: var(--spacing-xxxl);
		}
	} */
}

.entry-excerpt.entry-excerpt-single {
	--entry-excerpt-margin-bottom: 1rem;
	--entry-excerpt-font-size: 22px;
	p {
		line-height: var(--line-height-md);
		font-size: var(--font-size-lg);
	}
}

/* --------------------------------- buttons -------------------------------- */

.wp-block-button.wp-block-button__width-100--1 {
	width: 100%;
}

.button-outline {
	--button-max-height: 100%;
}

.button-secondary {
	--button-color-hover: var(--color-neutral-900);
	--button-secondary-color-hover: var(--color-neutral-900);
}

.wp-block-button {
	&.is-style-button-arrow a::after {
		display: inline-flex;
		width: 0.9rem;
		height: 0.9rem;
		background: currentcolor;
		mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NDggNTEyJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0nTTQyMi42IDI3OC42TDQ0NS4zIDI1NmwtMjIuNi0yMi42LTE0NC0xNDRMMjU2IDY2LjcgMjEwLjggMTEybDIyLjYgMjIuNkwzMjIuOCAyMjQgMzIgMjI0IDAgMjI0bDAgNjQgMzIgMCAyOTAuNyAwLTg5LjQgODkuNEwyMTAuOCA0MDAgMjU2IDQ0NS4zbDIyLjYtMjIuNiAxNDQtMTQ0eicvPjwvc3ZnPg==");
		mask-position: center 0.05em;
		mask-repeat: no-repeat;
		mask-size: contain;
		transition: var(--transition);
		content: "";
	}

	&.is-style-button-arrow a:hover::after {
		transform: translateX(4px);
	}
}

/* ------------------------------- backgrounds ------------------------------ */

.water-pattern {
	background:
		radial-gradient(
			at bottom right,
			#59adf3 0,
			#59adf3 4.5px,
			#59adf333 4.5px,
			#59adf333 9px,
			#59adf3bf 9px,
			#59adf3bf 13.5px,
			#59adf340 13.5px,
			#59adf340 18px,
			#59adf34d 18px,
			#59adf34d 22.5px,
			#59adf3bf 22.5px,
			#59adf3bf 27px,
			#59adf333 27px,
			#59adf333 31.5px,
			transparent 31.5px,
			transparent 36px
		),
		radial-gradient(
			at top left,
			transparent 0,
			transparent 4.5px,
			#59adf333 4.5px,
			#59adf333 9px,
			#59adf3bf 9px,
			#59adf3bf 13.5px,
			#59adf34d 13.5px,
			#59adf34d 18px,
			#59adf340 18px,
			#59adf340 22.5px,
			#59adf3bf 22.5px,
			#59adf3bf 27px,
			#59adf333 27px,
			#59adf333 31.5px,
			#59adf3 31.5px,
			#59adf3 36px,
			transparent 36px,
			transparent 90px
		);
	background-blend-mode: multiply;
	background-size:
		36px 36px,
		36px 36px;
	background-color: #ffffff;
}

/* ------------------------------- navigation ------------------------------- */

.nav-header {
	--menu-font-size: var(--font-size-base);
	--menu-font-family: var(--body-font-family);
	font-weight: 600;
	/* font-stretch: 100%; */
	--menu-letter-spacing: 0.1px;
	--menu-item-link-color: var(--color-heading);
	--menu-item-link-color-hover: var(--color-primary);
	--menu-item-link-text-decoration: none;
	--menu-item-link-text-decoration-hover: none;
	/* text-transform: uppercase; */

	.sub-menu {
		--sub-menu-link-color: var(--color-heading);
		--sub-menu-font-size: 1em;
		text-transform: none;
		padding: 0;
		border-radius: 0;
		border: 1px solid var(--color-neutral-300);
		box-shadow: var(--shadow);
		li {
			margin: 0;
			border-bottom: 1px solid var(--color-neutral-300);
			&:last-child {
				border-bottom: none;
			}
		}
		.menu-item-link {
			padding: 0 !important;
			span {
				padding: var(--spacing-xs) var(--spacing-md) !important;
			}
			&.menu-item-link-current,
			&:hover {
				background-color: var(--color-heading);
				color: var(--color-primary-200);
			}
		}
	}
	.menu-item-has-children > a::after {
		border-bottom: 1.5px solid;
		border-left: 0;
		border-right: 1.5px solid;
		border-top: 0;
		content: "";
		display: var(--menu-item-dropdown-toggle, inline-block);
		height: 6px;
		margin-left: var(--menu-item-dropdown-margin-left, var(--spacing-xs));
		transform: var(--sub-menu-toggle-transform, rotate(45deg));
		width: 6px;
	}
}

.mobile-menu {
	.menu {
		font-weight: 500;
	}
}

.site-footer > * {
	font-family: var(--body-font-family);
	p {
		font-size: var(--font-size-sm);
		color: var(--color-primary-100);
	}
	a,
	nav a {
		--link-color: var(--color-primary-200);
		--link-color-hover: var(--color-white);
		--link-text-decoration: underline;
		--link-text-decoration-hover: underline;
		text-decoration-color: var(--color-primary) !important;
		text-decoration: var(--link-text-decoration);
		text-decoration-thickness: 2px !important;
		text-underline-offset: var(--link-text-decoration-offset);
		font-weight: 400;
	}
	h5 {
		font-weight: 600;
		font-stretch: normal;
		font-size: var(--step--1);
	}
}

.menu-toggle {
	--menu-item-link-color: var(--color-primary);
	--menu-item-link-color-hover: var(--color-primary-600);
}

.mobile-menu {
	color: var(--color-white);
	--mobile-menu-background: var(--color-heading);
	--heading-color: var(--color-white);
	--menu-item-link-color: var(--color-white);
	--menu-item-link-color-hover: var(--color-white);
	--menu-item-link-text-decoration: none;
	--menu-item-link-text-decoration-hover: underline;
}

/* -------------------------------- slabtext -------------------------------- */

.slabtexted {
	.slab,
	h1.entry-title {
		font-stretch: expanded;
		line-height: 1.05;
	}
	h3 {
		text-transform: uppercase;
		font-weight: 800;
	}
}

.slabtexted .slabtext {
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap;
}
.slabtextinactive .slabtext {
	display: inline;
	white-space: normal;
	font-size: 1em !important;
	letter-spacing: inherit !important;
	word-spacing: inherit !important;
	*letter-spacing: normal !important;
	*word-spacing: normal !important;
}
.slabtextdone .slabtext {
	display: block;
}

/* -------------------------------------------------------------------------- */
/*                                   plugins                                  */
/* -------------------------------------------------------------------------- */

.single-portfolio {
	.entry-title-single {
		margin-bottom: 1rem;
		font-size: var(--step-4);
	}
}

/* -------------------------------- portfolio ------------------------------- */

/* grid entry-wrap hover */

body:not(.blog) {
	.entries.has-image-full {
		.entry.has-image-first {
			.entry-wrap {
				background: var(--color-white);
				bottom: 0;
				left: 0;
				margin-left: 0;
				max-width: calc(100% - var(--spacing-xl));
				padding: var(--spacing-lg);
				position: absolute;

				h3,
				h2 {
					margin-bottom: var(--spacing-sm);
					line-height: 1.2;
					max-width: 20ch;
					font-weight: 600;
				}
			}
		}
		.entry-image-link {
			border: var(--border);
			/* box-shadow: var(--shadow); */
		}
	}

	.entries.has-image-full {
		.entry.has-image-first:hover {
			.entry-wrap {
				background: var(--color-heading);
				bottom: 0;
				left: 0;
				margin-left: 0;
				max-width: calc(100% - var(--spacing-xl));
				padding-bottom: var(--spacing-xl);
				position: absolute;
				.entry-title-link,
				.entry-terms,
				p {
					color: var(--color-primary-100);
				}
			}
		}
	}
}

.cpt-archive-description {
	p {
		font-size: var(--font-size-lg);
		line-height: 1.3;
		width: 75%;
		max-width: 100%;
	}
}

.entries.has-image-full .entry.has-image-first {
	--entry-position: relative;
	--entry-image-link-margin-bottom: 0;
}

/* -------------------------------- mai-list -------------------------------- */

.mai-list-numbers {
	--mai-list-number-font-family: var(--body-font-family);
	font-feature-settings: "onum" 0;
}

.mai-list-numbers.toc {
	font-size: var(--font-size-base);
	.mai-list-icon::before {
		content: "0" counter(mai-list) !important;
		color: var(--icon-color);
	}
	.mai-list-item {
		border-top: 1px solid var(--color-primary-500);
		padding-top: var(--spacing-lg);
		padding-bottom: var(--spacing-lg);
		position: relative;
		&::before {
			content: "";
			top: -3px;
			left: 0;
			width: 2rem;
			height: 3px;
			background: var(--color-primary-500);
			position: absolute;
		}
	}
	.mai-list-content {
		p {
			line-height: 1.2;
			font-style: italic;
		}
		p:nth-child(1) {
			/* font-size: calc(var(--font-size-md) - 1.5px); */
			font-weight: 700;
			color: var(--color-primary-700);
			text-transform: uppercase;
			letter-spacing: 0.3px;
			font-style: normal;
		}
	}
}

/* ------------------------------- mai-notice ------------------------------- */

/* .mai-content-icon {
} */

.mai-notice {
	--mai-notice-color: var(--color-secondary-500);
	--mai-notice-padding: 24px 24px 24px 32px;
	--mai-notice-icon-position: absolute;
	--mai-notice-icon-top: 0;
	--mai-notice-icon-left: 2px;
	--mai-notice-icon-max-width: 36px;
	box-shadow: none;
	position: relative;
	background-color: rgba(131, 192, 245, 0.25);
	overflow: visible;
	border-radius: 0;
	margin: var(--spacing-xl) 0 var(--spacing-xl);
	border: none;
	p {
		font-weight: 600;
	}
	.mai-notice-icon {
		color: var(--mai-notice-color);
		z-index: 1;
		padding: var(--spacing-xs);
		background-color: var(--color-white);
		border-radius: 9999px;
		transform: translate(-50%, -50%);
	}
	&::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 4px;
		height: 100%;
		background: var(--mai-notice-color);
		content: "";
	}
}

/* ------------------------------- mai columns ------------------------------ */

.mai-columns.pricing-table {
	font-size: var(--font-size-base);
	.term {
		text-transform: uppercase;
		letter-spacing: 0.3px;
		font-family: var(--heading-font-family);
		font-weight: 700;
		font-size: var(--font-size-xs);
	}
	.add-on {
		background-color: var(--color-primary-700);
		margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) * -1)
			var(--spacing-xl) calc(var(--spacing-xl) * -1);
		padding: var(--spacing-lg);
		text-align: center;
		color: var(--color-primary-50);
		font-family: var(--heading-font-family);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.3px;
	}
}

.mai-columns.custom {
	.mai-columns-wrap.has-columns {
		border: var(--border);
	}
	.mai-column {
		* {
			margin-left: 0 !important;
		}
		p:nth-child(1) {
			font-size: var(--font-size-xxl);
			margin-bottom: var(--spacing-lg);
			font-feature-settings: "onum" 0;
		}
	}
}

/* -------------------------------------------------------------------------- */
/*                                   footer                                   */
/* -------------------------------------------------------------------------- */

.footer-credits {
	p {
		border-top: 1px solid rgba(88, 172, 242, 0.2);
		padding-top: var(--spacing-md);
	}
}

/* -------------------------------------------------------------------------- */
/*                                custom pages                                */
/* -------------------------------------------------------------------------- */

/* ------------------------------ smart choices ----------------------------- */

.page-id-8147 {
	.entry-content {
		.mai-columns + .mai-columns {
			margin-top: var(--spacing-xxl);
		}
		h2 {
			font-size: var(--step-3);
			font-weight: 600;
			font-stretch: 110;
			color: var(--color-primary-700);
		}
		h3 {
			font-size: var(--step-1);
			font-weight: 500;
			font-stretch: 100;
			font-style: italic;
			color: var(--color-primary);
		}
		h5 {
			border-top: 3px solid var(--color-primary-500);
			font-weight: 700;
			font-size: var(--step-1);
			padding-top: var(--spacing-md);
			font-stretch: 125;
			text-transform: uppercase;
			+ p {
				font-family: var(--heading-font-family);
				font-style: italic;
				line-height: 1.5;
			}
		}
	}
}

/* -------------------------------------------------------------------------- */
/*                                    blog                                    */
/* -------------------------------------------------------------------------- */

/* ------------------------------ archive page ------------------------------ */
/*
.blog {
	--entry-title-font-size: var(--font-size-xl);
	h1 {
		font-weight: 300;
		font-stretch: 125%;
	}
	h3.entry-title,
	h2.entry-title {
		font-size: var(--entry-title-font-size) !important;
		font-feature-settings: "case" 1;
	}
	.content-sidebar-wrap {
		margin-top: clamp(4.25rem, 3.8214rem + 1.9048vw, 5.25rem);
	}

	.entry-title {
		line-height: 1;
	}

	.entry-overlay {
		--entry-overlay-opacity: 0%;
	}
	.archive-page-content-before {
	}
	.entries-archive.has-boxed {
		margin-top: var(--spacing-xl);
		.entry {
			box-shadow: var(--box-shadow);
			border: none;
		}
	}
	h1.archive-title {
		font-family: var(--heading-font-family);
	}
	h2 {
		font-weight: 300;
		font-family: var(--heading-font-family);
	}
	.entries-grid.has-image-background {
		.entry-excerpt:not(.entry-excerpt-single) {
			font-size: 1em !important;
			line-height: 1.3;
		}
	}
} */

/* ------------------------------- single post ------------------------------ */

.single-post {
	h1,
	h2,
	h3 {
		font-stretch: condensed;
		font-weight: 600;
	}

	h1.entry-title-single {
		font-weight: 500;
		line-height: 1;
	}

	.pagination-previous {
		.adjacent-entry-link-inner {
			img {
				display: none;
			}
			--border: 0;
			box-shadow: none;
			padding: 0 0 0 var(--spacing-lg);
		}
	}

	.pagination-next {
		.adjacent-entry-link-inner {
			img {
				display: none;
			}
			--border: 0;
			box-shadow: none;
			padding: 0 var(--spacing-lg) 0;
		}
	}

	.entry-meta-before-content {
		font-size: var(--font-size-sm);
		font-style: normal !important;
	}
	/* .entry-custom-content {
		padding-bottom: var(--spacing-md);
		border-bottom: 1px solid var(--color-neutral-300);
	} */

	.entry-meta-before-content {
		.entry-categories {
			color: var(--color-primary);
			a {
				font-family: var(--heading-font-family);
				text-decoration: none !important;
				font-size: var(--font-size-lg);
				font-variant-caps: small-caps;
				-moz-font-feature-settings: "smcp";
				-webkit-font-feature-settings: "smcp";
				font-feature-settings: "smcp";
				text-transform: lowercase;
				font-weight: 700 !important;
				color: var(--color-primary);
			}
		}
	}

	.entry-image-single,
	.entry-wrap-single {
		max-width: 100%;
	}
}

/* -------------------------------------------------------------------------- */
/*                               call to action                               */
/* -------------------------------------------------------------------------- */

/* ----------------------------- call to action ----------------------------- */

.cta {
	h2 {
		font-stretch: 110% !important;
		font-size: var(--step-3);
		font-weight: 400;
	}
	&.dark {
		p {
			border-left: 4px solid var(--color-secondary);
			padding-left: var(--spacing-md);
			margin-bottom: var(--spacing-md);
			line-height: 1.3;
		}

		background:
			url("assets/images/bg-cta-dark-bottom.svg"),
			url("assets/images/bg-target-dark-50.svg");
		background-repeat: no-repeat, no-repeat;
		background-position:
			bottom var(--spacing-lg) right var(--spacing-lg),
			left top;
		background-size:
			8.5rem auto,
			contain;
	}
	&.light {
		p {
			border-left: 4px solid var(--color-primary);
			padding-left: var(--spacing-md);
			margin-bottom: var(--spacing-md);
			line-height: 1.3;
		}

		background: url("assets/images/bg-target-light-50.svg") no-repeat;
		background-position: right top;
		background-size: contain;
	}
}

@media only screen and (min-width: 800px) {
	.cta {
		.mai-column {
			p {
				line-height: 1.3;
			}
			h2 {
				margin-bottom: var(--spacing-lg);
				width: 100%;
			}
		}
		&.dark {
			background:
				url("assets/images/bg-cta-dark-bottom.svg"),
				url("assets/images/bg-target-50.svg");
			background-repeat: no-repeat, no-repeat;
			background-position:
				right var(--spacing-lg) bottom var(--spacing-lg),
				left top;
			background-size:
				8.5rem auto,
				contain;
		}
		&.light {
			background:
				url("assets/images/bg-cta-light-bottom.svg"),
				url("assets/images/bg-target-light.svg");
			background-repeat: no-repeat, no-repeat;
			background-position:
				right var(--spacing-lg) bottom var(--spacing-lg),
				left top;
			background-size:
				8.5rem auto,
				contain;
			.mai-column:nth-child(2) {
				p {
					border-left: 4px solid var(--color-secondary);
				}
			}
		}
	}
}

/* -------------------------------------------------------------------------- */
/*                                media queries                               */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 400px) {
	/* Your CSS here. */
}

@media only screen and (min-width: 600px) {
	/* Your CSS here. */
}

@media only screen and (min-width: 800px) {
	@media only screen and (min-width: 1000px) {
		.dot-grid {
			position: relative;
			&::before {
				content: "";
				height: 100px; /* dot grid size */
				width: 100px;
				background: radial-gradient(
					var(--color-neutral-500) 1.5px,
					transparent 1.5px
				); /* dot size */
				background-size: 12px 12px; /* dot spacing */
				position: absolute;
				bottom: calc(var(--spacing-lg) * -1);
				left: calc(var(--spacing-lg) * -1);
				z-index: -1;
			}
		}
		.push-up {
			margin-top: calc(var(--spacing-xxxl) * -2);
		}
	}
}

@media only screen and (min-width: 1000px) {
	.single-post {
		.entry-wrap {
			/* background-color: var(--color-white) !important; */
			padding: var(--spacing-xl) var(--spacing-xxl);
			/* margin-top: calc(var(--spacing-xxxl) * -1.25); */
			position: relative;
			z-index: 1;
			overflow: visible;
		}

		/* .entry-wrap-single {
			margin-left: calc(
				((var(--viewport-width) - var(--breakpoint-xl)) / 2) * 1
			);
			margin-right: calc(
				((var(--viewport-width) - var(--breakpoint-xl)) / 2) * -1
			);
		} */
	}
}