/**
 * Theme Name:       Mai Naked
 * Theme URI:        https://bizbudding.com/mai-theme/
 * Description:      Mai Slate starter 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: "Poppins";
	src: url("assets/fonts/Poppins-VariableFont_wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	font-feature-settings: "ss04" 1;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/Poppins-Italic-VariableFont_wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
	font-feature-settings: "ss04" 1;
}

:root {
	--heading-font-family: "Poppins", system-ui, sans-serif !important;
	--body-font-family: "Poppins", system-ui, sans-serif !important;
	--alt-font-family: "Outfit", system-ui, sans-serif !important;

	--body-line-height: 1.55;

    --heading-font-weight: 600;
    --heading-line-height: 1.1;

	--menu-font-family: var(--alt-font-family);
	--menu-font-weight: 600;
    --menu-letter-spacing: .3px;

	--after-entry-margin: var(--spacing-lg) 0 var(--spacing-md);

	--site-header-border-bottom: none;

    --button-font-weight: 600;

	--entry-title-text-decoration: none;
	--entry-title-text-decoration-hover: none;
	--entry-title-link-color-hover: var(--color-primary-500);

	--entry-excerpt-margin-bottom: var(--spacing-lg);

    --color-header: #ffffff;
    --color-background: #ffffff;
    --color-alt: #f5f5f5; // color-neutral-100
    --color-body: #404040; // color-neutral-700
    --color-heading: #065686; // color-primary-800
    --color-link: #000000;
    --color-primary: #017fc8;
    --color-secondary: #6c747d;
    --color-black: #000000;
    --color-white: #ffffff;

    --color-primary-50: #f0f9ff;
	--color-primary-100: #e0f1fe;
	--color-primary-200: #bae4fd;
	--color-primary-300: #7cd0fd;
	--color-primary-400: #37b8f9;
	--color-primary-500: #0da0ea;
	--color-primary-600: #017fc8;
	--color-primary: #004c82;
	--color-primary-800: #065686;
	--color-primary-900: #0b486f;
	--color-primary-950: #082d49;
    --color-primary-highlight: #58d3f2;

	--color-secondary-50: #fff8eb;
	--color-secondary-100: #fdecc8;
	--color-secondary-200: #fbd78c;
	--color-secondary-300: #f9bc50;
	--color-secondary-400: #f8a327;
	--color-secondary: #ea7c0d;
	--color-secondary-600: #d65d09;
	--color-secondary-700: #b23e0b;
	--color-secondary-800: #903010;
	--color-secondary-900: #762911;
	--color-secondary-950: #441204;

    --color-neutral-50: #fafafa;
    --color-neutral-200: #e6e6e6;
    --color-neutral-300: #d3d3d3;
    --color-neutral: #a6a6a6;
    --color-neutral-500: #727272;
    --color-neutral-600: #535353;
    --color-neutral-800: #272727;
    --color-neutral-900: #1a1a1a;
    --color-neutral-950: #0b0b0b;
}

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

html {
	scrollbar-gutter: stable;
}

body {
	letter-spacing: .3px;
	min-block-size: 100svh;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

h1, h2, h3, h4, h5 {
	letter-spacing: -0.5px;
	--heading-font-weight: 600;
}

.wp-block-image {
	--image-block-margin: var(--spacing-lg) 0;
}

.standard-content {
	--breakpoint-md: 740px;
	--wp-block-max-width: var(--breakpoint-md);
}

.entry-excerpt-single {
	--entry-excerpt-margin-bottom: var(--spacing-lg);
}

.nav-header-right {
    --menu-font-size: 16px;
    letter-spacing: var(--menu-letter-spacing);
}

.content-sidebar-wrap {
	margin-top: calc(var(--spacing-xxxxl) * 1.2);
}

.home .content-sidebar-wrap {
	margin-top: var(--spacing-xxl);
	margin-bottom: 0;
}

.home .after-entry {
    display: none;
}


/* .after-entry {
	margin: var(--after-entry-margin);
} */

/* .wp-block-quote.alignleft {
    font-style: normal;
    border-left: none;
    background-color: var(--color-heading);
    margin: 1rem 0 2rem;
    padding: 2rem;
    p {
        color: var(--color-primary-200);
    }
    .is-style-heading {
        color: var(--color-primary-300);
        font-size: var(--font-size-xl);
        line-height: 1.1;
    }
} */

ul {
	--list-margin-left: var(--font-size-md);
	list-style-type: square;
	margin-block-end: 1lh;
	li {
		line-height: 1.4;
	}
	li::marker {
		color: var(--color-primary-600);
		font-size: 1.25em;
	}
}

ul.two-col {
	columns: 2 200px;
	column-gap: 4rem;
    margin-bottom: var(--spacing-md);
}

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

.nav-header {
	--nav-header-background: transparent;
	--menu-font-size: calc(var(--font-size-base) + 1px);
	--menu-item-link-color-hover: var(--color-primary-600);
	--menu-item-width: auto;
	.menu-item-link {
		text-decoration: none;
		padding: 16px 20px;
	}
}

.sub-menu {
	text-transform: none !important;
	--sub-menu-border: 1px solid rgba(170, 212, 248, 0.2);
	--sub-menu-border-radius: 0;
	--sub-menu-background: var(--color-heading);
	--sub-menu-link-color: var(--color-white);
	--sub-menu-font-size: 1em;
	--sub-menu-padding: 0;
	--sub-menu-width: 15em;
	--menu-item-link-color-hover: var(--color-primary-300);
	filter: var(--drop-shadow);
	.menu-item-link {
		border-bottom: var(--sub-menu-border);
		font-weight: inherit;
	}
	li:last-child .menu-item-link {
		border-bottom: none;
	}
}

/* ----------------------------- view transition ---------------------------- */

@view-transition {
	navigation: auto;
}

@media not (prefers-reduced-motion: reduce) {
	h1.entry-title.entry-title-single,
	h2.entry-title,
	h1.archive-title {
		view-transition-name: entry-title;
	}
}

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

.wp-block-quote.alignleft {
	font-style: normal;
    border-left: none;
    background-color: var(--color-heading);
    margin: 1rem 0 2rem;
    padding: 2rem;
    p {
        color: var(--color-primary-200);
    }
	.is-style-heading {
		font-family: var(--alt-font-family);
		color: var(--color-primary-300);
		font-size: var(--font-size-xl);
		font-weight: 400;
		line-height: 1.2;
		.word3 {
			font-weight: 500;
			color: var(--color-secondary-300);
			text-transform: uppercase;
		}
	}
}

.has-dark-background {
    background-color: var(--color-primary-800);
    padding: var(--spacing-xl) var(--spacing-lg);
    .slab {
        color: var(--color-primary-200) !important;
    }
}


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

.slab {
	font-family: var(--alt-font-family);
	text-transform: uppercase;
	font-weight: 900;
	line-height: .9;
}

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


/* --------------------------- background patterns -------------------------- */

.polka {
    background-color: transparent;
    background-image: radial-gradient(var(--color-neutral-300) 0.5px, transparent 0.5px);
    background-size: 10px 10px;
}

.diagonal {
    background-color: transparent;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #d3d3d3 0, #d3d3d3 1px, transparent 0, transparent 50%);
}

.waves {
    background-image: url("assets/images/5kwebsite-pattern-waves-blue-600.png");
    background-size: cover;
}

.squares {
	position: relative;
	&::before {
        content: "";
        position: absolute;
        left: -30px;
        bottom: -30px;
        background-image: conic-gradient(transparent 75%, var(--squares-bg-color) 75%);
        background-size: var(--squares-bg-size);
        width: 100px;
        height: 100px;
        z-index: -1;
    }
}

.squares.neutral {
	--squares-bg-color: var(--color-neutral-300);
	--squares-bg-size: 10px 10px;
}

.squares.bright {
    --squares-bg-color: var(--color-primary-200);
    --squares-bg-size: 10px 10px;
}

/* .squares {
	.neutral {
		--squares-bg-color: var(--color-neutral-400);
		--squares-bg-size: 10px 10px;
		position: relative;
	}
	&::before {
		content: "";
		position: absolute;
		left: -30px;
		top: 20px;
		background-image: conic-gradient(transparent 75%, var(--squares-bg-color) 75%);
		background-size: var(--squares-bg-size);
		width: 100px;
		height: 170px;
		z-index: -1;
    }
} */


/*
.squares.bc {
    &::before {
        content: "";
        position: absolute;
        left: calc(50% - 75px);
        bottom: -30px;
        background-image: conic-gradient(transparent 75%, var(--squares-bg-color) 75%);
        background-size: var(--squares-bg-size);
        width: 150px;
        height: 100px;
        z-index: -1;
    }
}

.squares.llc {
    &::before {
        content: "";
        position: absolute;
        left: -30px;
        bottom: -30px;
        background-image: conic-gradient(transparent 75%, var(--squares-bg-color) 75%);
        background-size: var(--squares-bg-size);
        width: 100px;
        height: 100px;
        z-index: -1;
    }
} */

.page-id-90,
.parent-pageid-90 {
	.site-inner {
		background: url('assets/images/5kwebsite-sora-asterisk-split-flip.svg') no-repeat;
		background-position: center left;
		background-size: cover;
	}
}

.page-id-130 {
   .site-inner {
		background: url('assets/images/5kwebsite-sora-asterisk-split.svg') no-repeat;
		background-position: center left;
		background-size: cover;
	}
}

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

.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;
		mask-repeat: no-repeat;
		mask-size: contain;
		transition: var(--transition);
		content: "";
	}

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

.button-link {
	--button-link-color-hover: var(--color-primary-bright);
	font-size: var(--font-size-md);
}

.button-link::after {
	--button-link-url: url('assets/images/arrow-right-sharp-solid-full.svg');
	mask-image: var(--button-link-url);
	width: 1rem;
	height: 1rem !important;
	display: inline-flex;
}

/* ----------------------------------- cta ---------------------------------- */

.cta.one-shot {
	background-color: hsl(from var(--color-alt) h s l / 0.5);
	background-image:  linear-gradient(hsl(from var(--color-neutral-300) h s l / 0.2) 1px, transparent 1px), linear-gradient(to right, hsl(from var(--color-neutral-300) h s l / 0.2) 1px, transparent 1px);
	background-size: 16px 16px;

	h2.has-fit-text {
		display: none;
	}
}


/* --------------------------------- banner --------------------------------- */

.banner {
	background:
	linear-gradient(
		to right, transparent 70%,
		hsl(from var(--color-neutral-300) h s l / 0.3) 70%),
		linear-gradient(
		to bottom, transparent 40%,
		hsl(from var(--color-neutral) h s l / 0.2) 40%);
	background-repeat:  no-repeat, no-repeat;
	background-size: contain, contain;
	background-position: left bottom, right top;
    h1 {
		font-size: var(--font-size-xxxxl);
		font-weight: 500;
		line-height: 1;
		margin-bottom: .5lh;
		&::after {
			content: "";
			display: block;
			width: 8rem;
			height: .08em;
			margin: 1rem 0 0;
			background-color: var(--color-primary-highlight);
		}
	}
}

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

:not(.home).wide-content {
    .wp-block-group.two-col {
        .wp-block-group__inner-container {
            margin-left: calc((var(--breakpoint-xl) - var(--breakpoint-lg)) / 2);
            margin-right: calc((var(--breakpoint-xl) - var(--breakpoint-lg)) / 2);
        }
    }
    .entry-excerpt.entry-excerpt-single {
        max-width: 72%;
    }
}

/* ------------------------------ two-col pages ----------------------------- */

.two-col .wp-block-group__inner-container > h3:not(:first-child) {
	--heading-margin-top: var(--spacing-xl);
}
.wp-block-group.two-col {
	.wp-block-group__inner-container {
		columns: 2 200px;
		column-gap: 5rem;
		h2 {
			font-size: var(--font-size-xl);
		}
		h3 {
			font-size: var(--font-size-base);
			font-weight: 700;
			letter-spacing: 0.5px;
			text-transform: uppercase;
			display:flex;
			/* margin-bottom: 1lh; */
			&::after {
			content: "";
				flex-grow: 1;
				height: 4px;
				background: hsl(from var(--color-primary-500) h s l / 0.5);
				min-width: 20px;
				margin-left: var(--spacing-md);
				margin-top: 8px;
			}
		}
	}
}

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

/* --------------------------------- wpforms -------------------------------- */

.wpforms-container .wpforms-field-label,
.wp-core-ui div.wpforms-container .wpforms-field-label {
	font-weight: 600;
	letter-spacing: normal;
	font-family: var(--alt-font-family);
	font-size: var(--font-size-base);
	margin-bottom: var(--spacing-xxs);
}

.wpforms-container .wpforms-submit-container {
	margin-top: var(--spacing-md);
}

.wpforms-container .wpforms-required-label,
.wp-core-ui div.wpforms-container .wpforms-required-label {
	font-weight: 600;
	color: var(--color-secondary-600);
}

#wpforms-274{
	--color-alt: #ebebeb;
	padding: var(--spacing-lg) var(--spacing-xl);
	background-color: var(--color-alt);
	position: relative;
	&::after {
		content: "";
        position: absolute;
		bottom: -60px;
		left:-30px;
        background-image: url("assets/images/5kwebsite-ellipse-primary.svg");
		background-repeat: no-repeat;
        width: 16ch;
		height: 16ch;
        z-index: 0;
	}
	form {
		position: relative;
		z-index: 1;
	}
}

/* -------------------------------- mai-grid -------------------------------- */

.mai-grid {
    & .entry-excerpt {
		line-height: var(--body-line-height);
    }
}

.mai-grid.counter {
	.entry-title {
			&::after {
            content: "";
            display: block;
            width: 3.5rem;
            height: .2em;
            margin: 1rem 0;
            background-color: var(--color-secondary-400);
        }
	}
    .entry-title-link {
        color: var(--color-heading);
        counter-increment: entry-counter;
        position: relative;
        .word1,
        .word2 {
            display: none;
        }
        &::before {
            content: counter(entry-counter, decimal-leading-zero);
            font-family: var(--alt-font-family);
            font-weight: 600;
            color: hsl(from var(--color-neutral) h s l / 0.2);
            position: absolute;
            left: -12%;
            top: -100%;
            font-size: 5em;
            z-index: -1;
        }
    }

}


.mai-grid.counter {
	counter-reset: entry-counter;
	.entry-excerpt {
		color: hsl(from var(--color-body) h s l);
		font-size: var(--font-size-md);
	}
	h3.entry-title {
		position: relative;
		display: list-item;
		list-style-type: none;
		font-size: var(--font-size-xl);
	}

}

.mai-grid.favorites {
	.entry-title {
		--heading-font-weight: 500;
	}
	.entry-excerpt {
		cite {
			font-size: .9rem;
			font-weight: 500;
			font-style: italic;
		}
	}
}


/* ------------------------------ mai accordion ----------------------------- */

.mai-accordion {
	--icon-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0nTTMyMC4zIDQ2MS4zTDUwMi45IDI3OC43TDUyNS41IDI1Ni4xTDQ4MC4yIDIxMC44TDQ1Ny42IDIzMy40TDMyMC4yIDM3MC44TDE4Mi44IDIzMy40TDE2MC4yIDIxMC44TDExNC45IDI1Ni4xTDEzNy41IDI3OC43TDI5Ny41IDQzOC43TDMyMC4xIDQ2MS4zeicvPjwvc3ZnPg==") !important;

	--icon-minus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0nTTMyMC4zIDE3OC43TDM0Mi45IDIwMS4zTDUyNS41IDM4My45TDQ4MC4yIDQyOS4yTDQ1Ny42IDQwNi42TDMyMC4yIDI2OS4yTDE4Mi44IDQwNi42TDE2MC4yIDQyOS4yTDExNC45IDM4My45TDEzNy41IDM2MS4zTDI5Ny41IDIwMS4zTDMyMC4xIDE3OC43eicvPjwvc3ZnPg==") !important;

	--accordion-item-border: none;
	--accordion-summary-font-size: var(--font-size-lg);
	--accordion-summary-font-weight: 500;
	--accordion-summary-letter-spacing: .3;
	--accordion-item-background: transparent;
}

.mai-accordion-summary {
	--accordion-summary-padding: var(--spacing-md) var(--spacing-lg);
	border-bottom: 1px solid hsl(from var(--color-primary) h s l / 0.2);
	color: var(--color-body);
	letter-spacing: 0.3px;
	&::after {
		font-size: 1em;
	}

	.mai-accordion-title {
		color: var(--color-heading);
		font-size: var(--font-size-lg);
		line-height: 1.2;
		font-family: var(--alt-font-family);
		letter-spacing: normal;
		font-weight: 650;
	}
}

.mai-accordion-item:nth-child(1) > .mai-accordion-summary {
	border-top: 1px solid hsl(from var(--color-primary) h s l / 0.2);
}

.mai-accordion-item[open] > .mai-accordion-content {
	border-bottom: 2px solid hsl(from var(--color-primary-dark) h s l / 0.6);
}

.mai-accordion-content {
	--accordion-content-padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg);
	ul:last-child,
	ol:last-child {
		margin-bottom: 0;
	}
	p {
		margin-bottom: .5lh;
	}
}

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

/* .mai-notice-has-icon {
    --mai-notice-padding-left: 80px;
    --mai-notice-icon-max-width: 36px;
    --mai-notice-icon-top: 20px;
    --mai-notice-icon-left: 24px;
} */

/* .mai-notice {
	color: var(--color-body,inherit);
	background: var(--color-white,white);
	border: var(--border,1px solid rgba(0,0,0,.04));
	border-left: none;
	border-radius: var(--border-radius,5px);
	-webkit-box-shadow: var(--shadow,0 0 16px rgba(0,0,0,.05));
	box-shadow: var(--shadow,0 0 16px rgba(0,0,0,.05));
} */


.mai-notice-custom {
	--mai-notice-color: var(--color-secondary);
	--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;
	color: var(--color-body-dark);
	box-shadow: none;
	position: relative;
	background-color: var(--color-secondary-50);
	overflow: visible;
	border-radius: 0;
	margin: var(--spacing-lg) 0;
	border: 1px solid hsl(from var(--color-secondary) h s l / 0.15);
}

.mai-notice::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: var(--color-secondary-400);
	content: "";
}

.mai-notice-icon {
	color: var(--color-secondary-400);
	background-color: var(--color-white);
	z-index: 1;
	padding: var(--spacing-xs);
	border-radius: 9999px;
	transform: translate(-50%, -50%);
}


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

/* .footer-main,
.footer-credits {
	a {
		text-decoration-color: var(--color-primary-bright);
		text-underline-offset: auto;
		text-decoration-thickness: 1px;
	}
} */

.site-footer {
	background-color: var(--color-primary-950);
	background-image: url('assets/images/5kwebsite-bg-geometric-footer.svg');
	background-repeat: no-repeat;
	background-size: cover;
    .mai-column {
        color: var(--color-primary-100);
    }
}



.footer-main, .footer-credits {
	font-size: var(--font-size-sm);
	color: var(--color-primary-light);
	background-color: transparent;
	h5 {
		font-family: var(--alt-font-family);
		color: var(--color-primary-300);
		letter-spacing: .1px;
	}
	a, a:link, a:visited {
		color: var(--color-primary-200);
        text-decoration-color: var(--color-primary-400);
		text-underline-offset: auto;
		text-decoration-thickness: 1px;
	}
}

.footer-credits {
    color: var(--color-primary-200);
	border-top: 1px solid hsl(from var(--color-neutral-300) h s l / 0.2);
}


@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) {

    /* Your CSS here. */
}

@media only screen and (min-width: 1000px) {

    .banner {
		h1 {
			max-width: 11ch;
		}
        background: url("assets/images/5kwebsite-losing-customers.svg"),
        linear-gradient(
            to right, transparent 70%,
            hsl(from var(--color-neutral-300) h s l / 0.3) 70%),
            linear-gradient(
            to bottom, transparent 40%,
            hsl(from var(--color-neutral) h s l / 0.2) 40%);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 35%, contain, contain;
        background-position: bottom 4vh right 7vw, left bottom, right top;
	}

    .wp-block-quote.alignleft {
        width: 22vw;
        margin-left: calc(var(--spacing-xxxxl) * -1);
        margin-right: 2rem;
        color: var(--color-primary-100);
    }


    /* .wp-block-quote.alignleft {
		width: 22vw;
        margin-left: calc(var(--spacing-xxxxl) * -1);
        margin-right: 2rem;
        color: var(--color-primary-100);

        .is-style-heading {
            color: var(--color-primary-400);
            font-weight: 400;
            line-height: 1.1;
            .word3 {
                font-weight: 600;
                color: var(--color-white);
            }
        }
    } */


    blockquote.slabby {
        font-style: normal;
        border-left: none;
		background-color: var(--color-heading);

		width: 22vw;
		/* margin-left: calc(var(--spacing-xxxxl) * -1);
		margin-right: 2rem; */
        padding: 2rem;
        .slab {
             color: var(--color-primary-100);
        }
    }

    .cta.one-shot {
        .mai-column:nth-child(1) h2 {
            /* --heading-font-weight: 600 !important; */
        }
		.mai-column:nth-child(2) p {
			color: black;
		}
		position: relative;
		display: flex;
		align-items: center;
		overflow: hidden;
		z-index: 0;
		&::before {
			box-sizing: inherit;
			content: "";
			position: absolute;
			background: url("assets/images/5kwebsite-sora-asterisk-flip-200.svg") no-repeat;
			background-size: cover;
			top: -80%;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: -1;

		}
		h2.has-fit-text {
			display: block;
			margin-bottom: calc(var(--spacing-xxxl) * -1);
			margin-top: 0;
			font-weight: 700;
			color: var(--color-white);
			filter: var(--drop-shadow);
		}

	}
}