/**
 * Theme Color Variables and Utility Classes
 * Auto-generated from colors.json - do not edit manually
 * Regenerate with: npm run generate-config
 */

:root {
	--color-black: #000000;
	--color-svh-purple: #91278B;
	--color-dark-purple: #532D6D;
	--color-dark-gray: #56565A;
	--color-teal: #60A9C1;
	--color-yellow: #F5C400;
	--color-orange: #EB881F;
	--color-darker-gray: #343030;
	--color-lightest-gray: #F3F3F3;
	--color-gray: #DEDEDE;
	--color-white: #FFFFFF;
	--color-microsite-purple: #c893c5;
	--color-current: var(--text-color, currentcolor);
	--color-current\/10: color-mix(in oklab, var(--text-color, currentcolor) 10%, transparent);
	--color-current\/20: color-mix(in oklab, var(--text-color, currentcolor) 20%, transparent);
	--color-current\/30: color-mix(in oklab, var(--text-color, currentcolor) 30%, transparent);
	--color-current\/40: color-mix(in oklab, var(--text-color, currentcolor) 40%, transparent);
	--color-current\/50: color-mix(in oklab, var(--text-color, currentcolor) 50%, transparent);
	--color-current\/60: color-mix(in oklab, var(--text-color, currentcolor) 60%, transparent);
	--color-current\/70: color-mix(in oklab, var(--text-color, currentcolor) 70%, transparent);
	--color-current\/80: color-mix(in oklab, var(--text-color, currentcolor) 80%, transparent);
	--color-current\/90: color-mix(in oklab, var(--text-color, currentcolor) 90%, transparent);
}

.has-black-color {
	color: var(--color-black) !important;
	--text-color: var(--color-black) !important;
}

.has-black-background-color {
	background-color: var(--color-black) !important;
	--background-color: var(--color-black) !important;
}

.has-svh-purple-color {
	color: var(--color-svh-purple) !important;
	--text-color: var(--color-svh-purple) !important;
}

.has-svh-purple-background-color {
	background-color: var(--color-svh-purple) !important;
	--background-color: var(--color-svh-purple) !important;
}

.has-sv-purple-color {
	color: var(--color-svh-purple) !important;
	--text-color: var(--color-svh-purple) !important;
}

.has-sv-purple-background-color {
	background-color: var(--color-svh-purple) !important;
	--background-color: var(--color-svh-purple) !important;
}

.has-dark-purple-color {
	color: var(--color-dark-purple) !important;
	--text-color: var(--color-dark-purple) !important;
}

.has-dark-purple-background-color {
	background-color: var(--color-dark-purple) !important;
	--background-color: var(--color-dark-purple) !important;
}

.has-sv-dark-purple-color {
	color: var(--color-dark-purple) !important;
	--text-color: var(--color-dark-purple) !important;
}

.has-sv-dark-purple-background-color {
	background-color: var(--color-dark-purple) !important;
	--background-color: var(--color-dark-purple) !important;
}

.has-dark-gray-color {
	color: var(--color-dark-gray) !important;
	--text-color: var(--color-dark-gray) !important;
}

.has-dark-gray-background-color {
	background-color: var(--color-dark-gray) !important;
	--background-color: var(--color-dark-gray) !important;
}

.has-teal-color {
	color: var(--color-teal) !important;
	--text-color: var(--color-teal) !important;
}

.has-teal-background-color {
	background-color: var(--color-teal) !important;
	--background-color: var(--color-teal) !important;
}

.has-sv-lt-blue-color {
	color: var(--color-teal) !important;
	--text-color: var(--color-teal) !important;
}

.has-sv-lt-blue-background-color {
	background-color: var(--color-teal) !important;
	--background-color: var(--color-teal) !important;
}

.has-yellow-color {
	color: var(--color-yellow) !important;
	--text-color: var(--color-yellow) !important;
}

.has-yellow-background-color {
	background-color: var(--color-yellow) !important;
	--background-color: var(--color-yellow) !important;
}

.has-sv-yellow-color {
	color: var(--color-yellow) !important;
	--text-color: var(--color-yellow) !important;
}

.has-sv-yellow-background-color {
	background-color: var(--color-yellow) !important;
	--background-color: var(--color-yellow) !important;
}

.has-orange-color {
	color: var(--color-orange) !important;
	--text-color: var(--color-orange) !important;
}

.has-orange-background-color {
	background-color: var(--color-orange) !important;
	--background-color: var(--color-orange) !important;
}

.has-sv-orange-color {
	color: var(--color-orange) !important;
	--text-color: var(--color-orange) !important;
}

.has-sv-orange-background-color {
	background-color: var(--color-orange) !important;
	--background-color: var(--color-orange) !important;
}

.has-sv-blue-color {
	color: var(--color-orange) !important;
	--text-color: var(--color-orange) !important;
}

.has-sv-blue-background-color {
	background-color: var(--color-orange) !important;
	--background-color: var(--color-orange) !important;
}

.has-darker-gray-color {
	color: var(--color-darker-gray) !important;
	--text-color: var(--color-darker-gray) !important;
}

.has-darker-gray-background-color {
	background-color: var(--color-darker-gray) !important;
	--background-color: var(--color-darker-gray) !important;
}

.has-lightest-gray-color {
	color: var(--color-lightest-gray) !important;
	--text-color: var(--color-lightest-gray) !important;
}

.has-lightest-gray-background-color {
	background-color: var(--color-lightest-gray) !important;
	--background-color: var(--color-lightest-gray) !important;
}

.has-sv-lt-purple-color {
	color: var(--color-lightest-gray) !important;
	--text-color: var(--color-lightest-gray) !important;
}

.has-sv-lt-purple-background-color {
	background-color: var(--color-lightest-gray) !important;
	--background-color: var(--color-lightest-gray) !important;
}

.has-gray-color {
	color: var(--color-gray) !important;
	--text-color: var(--color-gray) !important;
}

.has-gray-background-color {
	background-color: var(--color-gray) !important;
	--background-color: var(--color-gray) !important;
}

.has-white-color {
	color: var(--color-white) !important;
	--text-color: var(--color-white) !important;
}

.has-white-background-color {
	background-color: var(--color-white) !important;
	--background-color: var(--color-white) !important;
}

.has-microsite-purple-color {
	color: var(--color-microsite-purple) !important;
	--text-color: var(--color-microsite-purple) !important;
}

.has-microsite-purple-background-color {
	background-color: var(--color-microsite-purple) !important;
	--background-color: var(--color-microsite-purple) !important;
}


/**
 * Theme Spacing Variables
 * Auto-generated from spacing.json - do not edit manually
 * Regenerate with: npm run generate-config
 */

:root {
	--spacing-xxs: 0.4rem;
	--wp--preset--spacing--xxs: var(--spacing-xxs) !important;
	--spacing-xs: 0.8rem;
	--wp--preset--spacing--xs: var(--spacing-xs) !important;
	--spacing-small: 2rem;
	--wp--preset--spacing--small: var(--spacing-small) !important;
	--spacing-medium: 3.6rem;
	--wp--preset--spacing--medium: var(--spacing-medium) !important;
	--spacing-large: 5.6rem;
	--wp--preset--spacing--large: var(--spacing-large) !important;
	--spacing-xlarge: 20rem;
	--wp--preset--spacing--xlarge: var(--spacing-xlarge) !important;
}

@media (min-width: 768px) {
	:root {
		--spacing-large: 7.6rem;
	}
}

@media (min-width: 1025px) {
	:root {
		--spacing-xxs: 0.4rem;
		--spacing-xs: 1.2rem;
		--spacing-small: 2rem;
		--spacing-medium: 3.6rem;
		--spacing-large: 10.2rem;
		--spacing-xlarge: 20rem;
	}
}

@media (min-width: 1440px) {
	:root {
		--spacing-xxs: 0.4rem;
		--spacing-xs: 1.2rem;
		--spacing-small: 2.4rem;
		--spacing-medium: 4.8rem;
		--spacing-large: 12.8rem;
		--spacing-xlarge: 24rem;
	}
}

.gap-xxs {
	gap: var(--spacing-xxs);
}

.gap-y-xxs {
	row-gap: var(--spacing-xxs);
}

.gap-x-xxs {
	column-gap: var(--spacing-xxs);
}

.py-xxs {
	padding-block: var(--spacing-xxs);
}

.px-xxs {
	padding-inline: var(--spacing-xxs);
}

.my-xxs {
	margin-block: var(--spacing-xxs);
}

.mx-xxs {
	margin-inline: var(--spacing-xxs);
}

.gap-xs {
	gap: var(--spacing-xs);
}

.gap-y-xs {
	row-gap: var(--spacing-xs);
}

.gap-x-xs {
	column-gap: var(--spacing-xs);
}

.py-xs {
	padding-block: var(--spacing-xs);
}

.px-xs {
	padding-inline: var(--spacing-xs);
}

.my-xs {
	margin-block: var(--spacing-xs);
}

.mx-xs {
	margin-inline: var(--spacing-xs);
}

.gap-small {
	gap: var(--spacing-small);
}

.gap-y-small {
	row-gap: var(--spacing-small);
}

.gap-x-small {
	column-gap: var(--spacing-small);
}

.py-small {
	padding-block: var(--spacing-small);
}

.px-small {
	padding-inline: var(--spacing-small);
}

.my-small {
	margin-block: var(--spacing-small);
}

.mx-small {
	margin-inline: var(--spacing-small);
}

.gap-medium {
	gap: var(--spacing-medium);
}

.gap-y-medium {
	row-gap: var(--spacing-medium);
}

.gap-x-medium {
	column-gap: var(--spacing-medium);
}

.py-medium {
	padding-block: var(--spacing-medium);
}

.px-medium {
	padding-inline: var(--spacing-medium);
}

.my-medium {
	margin-block: var(--spacing-medium);
}

.mx-medium {
	margin-inline: var(--spacing-medium);
}

.gap-large {
	gap: var(--spacing-large);
}

.gap-y-large {
	row-gap: var(--spacing-large);
}

.gap-x-large {
	column-gap: var(--spacing-large);
}

.py-large {
	padding-block: var(--spacing-large);
}

.px-large {
	padding-inline: var(--spacing-large);
}

.my-large {
	margin-block: var(--spacing-large);
}

.mx-large {
	margin-inline: var(--spacing-large);
}

.gap-xlarge {
	gap: var(--spacing-xlarge);
}

.gap-y-xlarge {
	row-gap: var(--spacing-xlarge);
}

.gap-x-xlarge {
	column-gap: var(--spacing-xlarge);
}

.py-xlarge {
	padding-block: var(--spacing-xlarge);
}

.px-xlarge {
	padding-inline: var(--spacing-xlarge);
}

.my-xlarge {
	margin-block: var(--spacing-xlarge);
}

.mx-xlarge {
	margin-inline: var(--spacing-xlarge);
}

@media (min-width: 768px) {
	.md\:gap-xxs {
		gap: var(--spacing-xxs);
	}

	.md\:py-xxs {
		padding-block: var(--spacing-xxs);
	}

	.md\:px-xxs {
		padding-inline: var(--spacing-xxs);
	}

	.md\:my-xxs {
		margin-block: var(--spacing-xxs);
	}

	.md\:mx-xxs {
		margin-inline: var(--spacing-xxs);
	}

	.md\:gap-xs {
		gap: var(--spacing-xs);
	}

	.md\:py-xs {
		padding-block: var(--spacing-xs);
	}

	.md\:px-xs {
		padding-inline: var(--spacing-xs);
	}

	.md\:my-xs {
		margin-block: var(--spacing-xs);
	}

	.md\:mx-xs {
		margin-inline: var(--spacing-xs);
	}

	.md\:gap-small {
		gap: var(--spacing-small);
	}

	.md\:py-small {
		padding-block: var(--spacing-small);
	}

	.md\:px-small {
		padding-inline: var(--spacing-small);
	}

	.md\:my-small {
		margin-block: var(--spacing-small);
	}

	.md\:mx-small {
		margin-inline: var(--spacing-small);
	}

	.md\:gap-medium {
		gap: var(--spacing-medium);
	}

	.md\:py-medium {
		padding-block: var(--spacing-medium);
	}

	.md\:px-medium {
		padding-inline: var(--spacing-medium);
	}

	.md\:my-medium {
		margin-block: var(--spacing-medium);
	}

	.md\:mx-medium {
		margin-inline: var(--spacing-medium);
	}

	.md\:gap-large {
		gap: var(--spacing-large);
	}

	.md\:py-large {
		padding-block: var(--spacing-large);
	}

	.md\:px-large {
		padding-inline: var(--spacing-large);
	}

	.md\:my-large {
		margin-block: var(--spacing-large);
	}

	.md\:mx-large {
		margin-inline: var(--spacing-large);
	}

	.md\:gap-xlarge {
		gap: var(--spacing-xlarge);
	}

	.md\:py-xlarge {
		padding-block: var(--spacing-xlarge);
	}

	.md\:px-xlarge {
		padding-inline: var(--spacing-xlarge);
	}

	.md\:my-xlarge {
		margin-block: var(--spacing-xlarge);
	}

	.md\:mx-xlarge {
		margin-inline: var(--spacing-xlarge);
	}

}


/**
 * Theme Font Variables
 * Auto-generated from fonts.json - do not edit manually
 * Regenerate with: npm run generate-config
 */

:root {
	--font-urbanist: urbanist, sans-serif;
	--wp--preset--font-family--urbanist: var(--font-urbanist) !important;
	--font-avenir: avenir, sans-serif;
	--wp--preset--font-family--avenir: var(--font-avenir) !important;
}


/**
 * Theme Layout/Structure Variables
 * Auto-generated from structure.json - do not edit manually
 * Regenerate with: npm run generate-config
 */

:root {
	--layout-nav-height: 64px;
	--layout-site-margins: 20px;
	--layout-left-right-max-width: calc(var(--wp--style--global--content-size) / 2);
	--layout-left-right-screen-margin: 0px;
	--layout-wide-size: 900px;
	--wp--style--global--wide-size: min( calc((var(--vw, 1vw) * 100) - (var(--layout-site-margins) * 2)), var(--layout-wide-size)) !important;
	--layout-content-size: 646px;
	--wp--style--global--content-size: min( calc((var(--vw, 1vw) * 100) - (var(--layout-site-margins) * 2)), var(--layout-content-size)) !important;
}

@media (min-width: 768px) {
	:root {
		--layout-site-margins: 24px;
		--layout-left-right-max-width: calc(var(--wp--style--global--content-size) / 2);
		--layout-left-right-screen-margin: var(--spacing-medium);
		--layout-content-size: 718px;
	}
}

@media (min-width: 1025px) {
	:root {
		--layout-site-margins: 32px;
	}
}

@media (min-width: 1300px) {
	:root {
		--layout-nav-height: 80px;
	}
}

@media (min-width: 1440px) {
	:root {
		--layout-wide-size: 1280px;
		--layout-content-size: 848px;
	}
}


/**
 * Theme Typography Variables
 * Auto-generated from typography.json - do not edit manually
 * Regenerate with: npm run generate-config
 */

:root {
	--type-h1: 4rem;
	--type-h1-font-family-mobile: var(--font-urbanist);
	--type-h1-font-family: var(--font-urbanist);
	--type-h1-font-weight-mobile: 500;
	--type-h1-font-weight: 500;
	--type-h1-line-height-mobile: 0.95em;
	--type-h1-line-height: 0.95em;
	--type-h1-letter-spacing-mobile: initial;
	--type-h1-letter-spacing: initial;
	--type-h1-text-transform-mobile: uppercase;
	--type-h1-text-transform: uppercase;
	--wp--preset--font-size--h-1: var(--type-h1) !important;
	--type-h2: 3.2rem;
	--type-h2-font-family-mobile: var(--font-urbanist);
	--type-h2-font-family: var(--font-urbanist);
	--type-h2-font-weight-mobile: 500;
	--type-h2-font-weight: 500;
	--type-h2-line-height-mobile: 0.9375em;
	--type-h2-line-height: 0.9375em;
	--type-h2-letter-spacing-mobile: initial;
	--type-h2-letter-spacing: initial;
	--type-h2-text-transform-mobile: initial;
	--type-h2-text-transform: initial;
	--type-h2-desktop: 3.6rem;
	--type-h2-font-family-desktop: var(--font-urbanist);
	--type-h2-font-weight-desktop: 500;
	--type-h2-line-height-desktop: 0.9444444444444444em;
	--type-h2-letter-spacing-desktop: initial;
	--type-h2-text-transform-desktop: initial;
	@media (min-width: 1025px) {
		--type-h2: var(--type-h2-desktop);
		--type-h2-font-family: var(--type-h2-font-family-desktop);
		--type-h2-font-weight: var(--type-h2-font-weight-desktop);
		--type-h2-line-height: var(--type-h2-line-height-desktop);
		--type-h2-letter-spacing: var(--type-h2-letter-spacing-desktop);
		--type-h2-text-transform: var(--type-h2-text-transform-desktop);
	}
	--wp--preset--font-size--h-2: var(--type-h2) !important;
	--type-h3: 2.8rem;
	--type-h3-font-family-desktop: var(--font-urbanist);
	--type-h3-font-family: var(--font-urbanist);
	--type-h3-font-weight-desktop: 500;
	--type-h3-font-weight: 500;
	--type-h3-line-height-desktop: 0.9285714285714286em;
	--type-h3-line-height: 0.9285714285714286em;
	--type-h3-letter-spacing-desktop: initial;
	--type-h3-letter-spacing: initial;
	--type-h3-text-transform-desktop: initial;
	--type-h3-text-transform: initial;
	--wp--preset--font-size--h-3: var(--type-h3) !important;
	--type-h4: 2.6rem;
	--type-h4-font-family-desktop: var(--font-urbanist);
	--type-h4-font-family: var(--font-urbanist);
	--type-h4-font-weight-desktop: 500;
	--type-h4-font-weight: 500;
	--type-h4-line-height-desktop: 0.9230769230769231em;
	--type-h4-line-height: 0.9230769230769231em;
	--type-h4-letter-spacing-desktop: initial;
	--type-h4-letter-spacing: initial;
	--type-h4-text-transform-desktop: initial;
	--type-h4-text-transform: initial;
	--wp--preset--font-size--h-4: var(--type-h4) !important;
	--type-h5: 2.2rem;
	--type-h5-font-family-desktop: var(--font-urbanist);
	--type-h5-font-family: var(--font-urbanist);
	--type-h5-font-weight-desktop: 600;
	--type-h5-font-weight: 600;
	--type-h5-line-height-desktop: 0.9090909090909091em;
	--type-h5-line-height: 0.9090909090909091em;
	--type-h5-letter-spacing-desktop: initial;
	--type-h5-letter-spacing: initial;
	--type-h5-text-transform-desktop: initial;
	--type-h5-text-transform: initial;
	--wp--preset--font-size--h-5: var(--type-h5) !important;
	--type-h6: 1.4rem;
	--type-h6-font-family-desktop: var(--font-urbanist);
	--type-h6-font-family: var(--font-urbanist);
	--type-h6-font-weight-desktop: 600;
	--type-h6-font-weight: 600;
	--type-h6-line-height-desktop: 1.1428571428571428em;
	--type-h6-line-height: 1.1428571428571428em;
	--type-h6-letter-spacing-desktop: initial;
	--type-h6-letter-spacing: initial;
	--type-h6-text-transform-desktop: initial;
	--type-h6-text-transform: initial;
	--wp--preset--font-size--h-6: var(--type-h6) !important;
	--type-p: 1.4rem;
	--type-p-font-family-mobile: var(--font-avenir);
	--type-p-font-family: var(--font-avenir);
	--type-p-font-weight-mobile: 300;
	--type-p-font-weight: 300;
	--type-p-line-height-mobile: 1.5714285714285714em;
	--type-p-line-height: 1.5714285714285714em;
	--type-p-letter-spacing-mobile: initial;
	--type-p-letter-spacing: initial;
	--type-p-text-transform-mobile: initial;
	--type-p-text-transform: initial;
	--type-p-desktop: 1.8rem;
	--type-p-font-family-desktop: var(--font-avenir);
	--type-p-font-weight-desktop: 300;
	--type-p-line-height-desktop: 1.6666666666666667em;
	--type-p-letter-spacing-desktop: -0.03;
	--type-p-text-transform-desktop: initial;
	@media (min-width: 1025px) {
		--type-p: var(--type-p-desktop);
		--type-p-font-family: var(--type-p-font-family-desktop);
		--type-p-font-weight: var(--type-p-font-weight-desktop);
		--type-p-line-height: var(--type-p-line-height-desktop);
		--type-p-letter-spacing: var(--type-p-letter-spacing-desktop);
		--type-p-text-transform: var(--type-p-text-transform-desktop);
	}
	--wp--preset--font-size--p: var(--type-p) !important;
	--type-xs: 1.4rem;
	--type-xs-font-family-mobile: var(--font-avenir);
	--type-xs-font-family: var(--font-avenir);
	--type-xs-font-weight-mobile: 300;
	--type-xs-font-weight: 300;
	--type-xs-line-height-mobile: 1.5714285714285714em;
	--type-xs-line-height: 1.5714285714285714em;
	--type-xs-letter-spacing-mobile: initial;
	--type-xs-letter-spacing: initial;
	--type-xs-text-transform-mobile: initial;
	--type-xs-text-transform: initial;
	--type-xs-desktop: 1.4rem;
	--type-xs-font-family-desktop: var(--font-avenir);
	--type-xs-font-weight-desktop: 300;
	--type-xs-line-height-desktop: 1.4000000000000001em;
	--type-xs-letter-spacing-desktop: -0.03;
	--type-xs-text-transform-desktop: initial;
	@media (min-width: 1025px) {
		--type-xs: var(--type-xs-desktop);
		--type-xs-font-family: var(--type-xs-font-family-desktop);
		--type-xs-font-weight: var(--type-xs-font-weight-desktop);
		--type-xs-line-height: var(--type-xs-line-height-desktop);
		--type-xs-letter-spacing: var(--type-xs-letter-spacing-desktop);
		--type-xs-text-transform: var(--type-xs-text-transform-desktop);
	}
	--wp--preset--font-size--xs: var(--type-xs) !important;
	--type-xxs: 1.2rem;
	--type-xxs-font-family-mobile: var(--font-avenir);
	--type-xxs-font-family: var(--font-avenir);
	--type-xxs-font-weight-mobile: 300;
	--type-xxs-font-weight: 300;
	--type-xxs-line-height-mobile: 1.8333333333333333em;
	--type-xxs-line-height: 1.8333333333333333em;
	--type-xxs-letter-spacing-mobile: initial;
	--type-xxs-letter-spacing: initial;
	--type-xxs-text-transform-mobile: initial;
	--type-xxs-text-transform: initial;
	--type-xxs-desktop: 1.2rem;
	--type-xxs-font-family-desktop: var(--font-avenir);
	--type-xxs-font-weight-desktop: 300;
	--type-xxs-line-height-desktop: 1em;
	--type-xxs-letter-spacing-desktop: initial;
	--type-xxs-text-transform-desktop: initial;
	@media (min-width: 1025px) {
		--type-xxs: var(--type-xxs-desktop);
		--type-xxs-font-family: var(--type-xxs-font-family-desktop);
		--type-xxs-font-weight: var(--type-xxs-font-weight-desktop);
		--type-xxs-line-height: var(--type-xxs-line-height-desktop);
		--type-xxs-letter-spacing: var(--type-xxs-letter-spacing-desktop);
		--type-xxs-text-transform: var(--type-xxs-text-transform-desktop);
	}
	--wp--preset--font-size--xxs: var(--type-xxs) !important;
	--type-button: 1.6rem;
	--type-button-font-family-desktop: var(--font-urbanist);
	--type-button-font-family: var(--font-urbanist);
	--type-button-font-weight-desktop: 700;
	--type-button-font-weight: 700;
	--type-button-line-height-desktop: 1em;
	--type-button-line-height: 1em;
	--type-button-letter-spacing-desktop: 0.02em;
	--type-button-letter-spacing: 0.02em;
	--type-button-text-transform-desktop: uppercase;
	--type-button-text-transform: uppercase;
	--wp--preset--font-size--button: var(--type-button) !important;
	--type-nav: 2rem;
	--type-nav-font-family-mobile: var(--font-urbanist);
	--type-nav-font-family: var(--font-urbanist);
	--type-nav-font-weight-mobile: 700;
	--type-nav-font-weight: 700;
	--type-nav-line-height-mobile: 1em;
	--type-nav-line-height: 1em;
	--type-nav-letter-spacing-mobile: 0.04em;
	--type-nav-letter-spacing: 0.04em;
	--type-nav-text-transform-mobile: uppercase;
	--type-nav-text-transform: uppercase;
	--type-nav-desktop: 1.6rem;
	--type-nav-font-family-desktop: var(--font-urbanist);
	--type-nav-font-weight-desktop: 700;
	--type-nav-line-height-desktop: 1em;
	--type-nav-letter-spacing-desktop: 0.04em;
	--type-nav-text-transform-desktop: uppercase;
	@media (min-width: 1025px) {
		--type-nav: var(--type-nav-desktop);
		--type-nav-font-family: var(--type-nav-font-family-desktop);
		--type-nav-font-weight: var(--type-nav-font-weight-desktop);
		--type-nav-line-height: var(--type-nav-line-height-desktop);
		--type-nav-letter-spacing: var(--type-nav-letter-spacing-desktop);
		--type-nav-text-transform: var(--type-nav-text-transform-desktop);
	}
	--wp--preset--font-size--nav: var(--type-nav) !important;
}

.is-h-1-style, .has-h-1-font-size, h1 {
	font-family: var(--type-h1-font-family);
	font-size: var(--type-h1);
	font-weight: var(--type-h1-font-weight);
	line-height: var(--type-h1-line-height);
	letter-spacing: var(--type-h1-letter-spacing);
	text-transform: var(--type-h1-text-transform);
}

.is-h-2-style, .has-h-2-font-size, h2 {
	font-family: var(--type-h2-font-family);
	font-size: var(--type-h2);
	font-weight: var(--type-h2-font-weight);
	line-height: var(--type-h2-line-height);
	letter-spacing: var(--type-h2-letter-spacing);
	text-transform: var(--type-h2-text-transform);
}

.is-h-3-style, .has-h-3-font-size, h3 {
	font-family: var(--type-h3-font-family);
	font-size: var(--type-h3);
	font-weight: var(--type-h3-font-weight);
	line-height: var(--type-h3-line-height);
	letter-spacing: var(--type-h3-letter-spacing);
	text-transform: var(--type-h3-text-transform);
}

.is-h-4-style, .has-h-4-font-size, h4 {
	font-family: var(--type-h4-font-family);
	font-size: var(--type-h4);
	font-weight: var(--type-h4-font-weight);
	line-height: var(--type-h4-line-height);
	letter-spacing: var(--type-h4-letter-spacing);
	text-transform: var(--type-h4-text-transform);
}

.is-h-5-style, .has-h-5-font-size, h5 {
	font-family: var(--type-h5-font-family);
	font-size: var(--type-h5);
	font-weight: var(--type-h5-font-weight);
	line-height: var(--type-h5-line-height);
	letter-spacing: var(--type-h5-letter-spacing);
	text-transform: var(--type-h5-text-transform);
}

.is-h-6-style, .has-h-6-font-size, h6 {
	font-family: var(--type-h6-font-family);
	font-size: var(--type-h6);
	font-weight: var(--type-h6-font-weight);
	line-height: var(--type-h6-line-height);
	letter-spacing: var(--type-h6-letter-spacing);
	text-transform: var(--type-h6-text-transform);
}

.is-p-style, .has-p-font-size, p, ul, ol {
	font-family: var(--type-p-font-family);
	font-size: var(--type-p);
	font-weight: var(--type-p-font-weight);
	line-height: var(--type-p-line-height);
	letter-spacing: var(--type-p-letter-spacing);
	text-transform: var(--type-p-text-transform);
}

.is-xs-style, .has-xs-font-size {
	font-family: var(--type-xs-font-family);
	font-size: var(--type-xs);
	font-weight: var(--type-xs-font-weight);
	line-height: var(--type-xs-line-height);
	letter-spacing: var(--type-xs-letter-spacing);
	text-transform: var(--type-xs-text-transform);
}

.is-xxs-style, .has-xxs-font-size {
	font-family: var(--type-xxs-font-family);
	font-size: var(--type-xxs);
	font-weight: var(--type-xxs-font-weight);
	line-height: var(--type-xxs-line-height);
	letter-spacing: var(--type-xxs-letter-spacing);
	text-transform: var(--type-xxs-text-transform);
}

.is-button-style, .has-button-font-size {
	font-family: var(--type-button-font-family);
	font-size: var(--type-button);
	font-weight: var(--type-button-font-weight);
	line-height: var(--type-button-line-height);
	letter-spacing: var(--type-button-letter-spacing);
	text-transform: var(--type-button-text-transform);
}

.is-nav-style, .has-nav-font-size {
	font-family: var(--type-nav-font-family);
	font-size: var(--type-nav);
	font-weight: var(--type-nav-font-weight);
	line-height: var(--type-nav-line-height);
	letter-spacing: var(--type-nav-letter-spacing);
	text-transform: var(--type-nav-text-transform);
}