/* @media (max-width: 781px) */
/* @media (max-width: 1125px) */

:root {
	overflow-x: hidden;
}

/* Anchor Offset */
:root * {
	scroll-margin-top: var(--wp--preset--spacing--100);
}

/* Root Styles */

:root {
	--base-size: 16;

	/* Used if the entire site's size needs adjusting */
	--site-size-adjuster: 1;
	font-size: calc(var(--base-size) * 1px * var(--site-size-adjuster));

	scroll-behavior: smooth;
	overflow-x: hidden;

	.wp-admin {
		--responsive-font-size: calc(1em * var(--font-size, var(--base-size)) / var(--base-size));
	}
}

/* Site content grows when screen larger than this */
@media (min-width: 1920px) {
	:root {
		font-size: calc(var(--base-size) / 1920 * 100vw * var(--site-size-adjuster));
	}
}

/* Site content shrinks when screen smaller than this */
@media (max-width: 1600px) {
	:root {
		font-size: calc(var(--base-size) / 1600 * 100vw * var(--site-size-adjuster));
	}
}

body {

	/* Calculate Header Size for Sticky Header Padding and Anchor Link Offset */

	/* Calculate Left Side */
	--logo-height: 82;
	--logo-width: 400;
	--logo-calculated-height: calc(var(--logo-height)/var(--logo-width) * max(200px, calc(400rem/var(--base-size))));
	--header-left: calc(var(--spacing-40) + var(--logo-calculated-height) + var(--spacing-35));

	/* Calculate Right Side */
	--header-right-tallest-element: 68;
	--header-right: max(calc(1px * (((var(--header-right-tallest-element) - var(--font-size-min))/var(--font-range)) * var(--mobile-font-range) + var(--mobile-font-size-min))), calc(1rem*var(--header-right-tallest-element)/var(--base-size)));

	/* Set Header Height Variables */
	--header-height: max(var(--header-left), var(--header-right));
}

@media (max-width: 959px) {
	body {
		--header-height: 88px;
	}
}


:root * {
	/* Anchor Offset */
	scroll-margin-top: calc(var(--header-height));


	/* Font Size Variables */

	/* Largest font size in desktop design */
	--font-size-max: 80;
	/* Smallest font size in desktop design */
	--font-size-min: 16;
	--font-range: calc(var(--font-size-max) - var(--font-size-min));

	/* Size you want the largest font size to be on mobile */
	--mobile-font-size-max: 40;
	/* Size you want the smallest font size to be on mobile */
	--mobile-font-size-min: 16;
	--mobile-font-range: calc(var(--mobile-font-size-max) - var(--mobile-font-size-min));

	--min-font-size: calc(1px * (((var(--font-size, var(--base-size)) - var(--font-size-min))/var(--font-range)) * var(--mobile-font-range) + var(--mobile-font-size-min)));
	--responsive-font-size: calc(1rem*var(--font-size, var(--base-size))/var(--base-size));
	--font-size-generator: max(var(--min-font-size), var(--responsive-font-size));

	font-size: var(--font-size-generator);
}