/*
* === THEME COLORS ===
*/
:root {
	--primary: #ce0700;
	--primary-2: #656176;
	--primary-hover: #E94F37;
	--primary-2-hover: #6DA34D;
	--accent: #E94F37;
	--text-1: #cfcfcf;
	--text-2: #b1b1b1;
	--text-3: #F6F7EB;
	--dark-background: #111111;
	--dark-background-2: #1e1e1e;
	--light-background: #F6F7EB;
	--white: #ffffff;
	--black: #000000;

}
/*
* === FLUID SIZES ===
*/
:root {
	--rem-val: 16;
}
/* Group 0: 480px - 1120px */
:root {
	--spacing-2xs: 12px;
	--spacing-xs: 20px;
	--spacing-sm: 25px;
	--spacing-md: 30px;
	--spacing-lg: 40px;
	--spacing-xl: 50px;
	--spacing-2xl: 60px;
	--spacing-3xl: 80px;
	--spacing-4xl: 100px;
	--spacing-5xl: 100px;
	--h1: 1.875rem;
	--h1-lg: 2.25rem;
	--h1-xl: 3rem;
	--post-h1: 2.125rem;
	--h2: 1.75rem;
	--post-h2: 2rem;
	--h3: 1.375rem;
	--h3-lg: 1.625rem;
	--post-h3: 1.75rem;
	--h4: 1.625rem;
	--post-h4: 1.5rem;
	--h5: 1.375rem;
	--h6: 1.188rem;
	--body-text: 1.125rem;
	--text-lead: 1.625rem;
	--hero-padding: 110px;
	--hero-padding-xl: 120px;
	--hero-page-padding: 100px;
	--hero-page-padding-overlay: 130px;
	--hero-page-padding-overlay-solid: 60px;
	--section-padding: 30px;
	--section-padding-sm: 20px;
	--section-padding-lg: 60px;
	--section-padding-xl: 80px;
}
@media screen and (min-width: 480px) {
	:root {
		--spacing-2xs: calc(12px + ((100vw - 480px) / (1120 - 480)) * (15 - 12) );
		--spacing-xs: calc(20px + ((100vw - 480px) / (1120 - 480)) * (20 - 20) );
		--spacing-sm: calc(25px + ((100vw - 480px) / (1120 - 480)) * (30 - 25) );
		--spacing-md: calc(30px + ((100vw - 480px) / (1120 - 480)) * (40 - 30) );
		--spacing-lg: calc(40px + ((100vw - 480px) / (1120 - 480)) * (50 - 40) );
		--spacing-xl: calc(50px + ((100vw - 480px) / (1120 - 480)) * (60 - 50) );
		--spacing-2xl: calc(60px + ((100vw - 480px) / (1120 - 480)) * (80 - 60) );
		--spacing-3xl: calc(80px + ((100vw - 480px) / (1120 - 480)) * (100 - 80) );
		--spacing-4xl: calc(100px + ((100vw - 480px) / (1120 - 480)) * (120 - 100) );
		--spacing-5xl: calc(100px + ((100vw - 480px) / (1120 - 480)) * (160 - 100) );
		--h1: calc(1.875rem + ((100vw - 480px) / (1120 - 480)) * ((2.25 - 1.875) * var(--rem-val)));
		--h1-lg: calc(2.25rem + ((100vw - 480px) / (1120 - 480)) * ((3.5 - 2.25) * var(--rem-val)));
		--h1-xl: calc(3rem + ((100vw - 480px) / (1120 - 480)) * ((6.625 - 3) * var(--rem-val)));
		--post-h1: calc(2.125rem + ((100vw - 480px) / (1120 - 480)) * ((2.625 - 2.125) * var(--rem-val)));
		--h2: calc(1.75rem + ((100vw - 480px) / (1120 - 480)) * ((2.25 - 1.75) * var(--rem-val)));
		--post-h2: calc(2rem + ((100vw - 480px) / (1120 - 480)) * ((2.5 - 2) * var(--rem-val)));
		--h3: calc(1.375rem + ((100vw - 480px) / (1120 - 480)) * ((1.5 - 1.375) * var(--rem-val)));
		--h3-lg: calc(1.625rem + ((100vw - 480px) / (1120 - 480)) * ((1.8125 - 1.625) * var(--rem-val)));
		--post-h3: calc(1.75rem + ((100vw - 480px) / (1120 - 480)) * ((2 - 1.75) * var(--rem-val)));
		--h4: calc(1.625rem + ((100vw - 480px) / (1120 - 480)) * ((1.625 - 1.625) * var(--rem-val)));
		--post-h4: calc(1.5rem + ((100vw - 480px) / (1120 - 480)) * ((1.625 - 1.5) * var(--rem-val)));
		--h5: calc(1.375rem + ((100vw - 480px) / (1120 - 480)) * ((1.375 - 1.375) * var(--rem-val)));
		--h6: calc(1.188rem + ((100vw - 480px) / (1120 - 480)) * ((1.188 - 1.188) * var(--rem-val)));
		--body-text: calc(1.125rem + ((100vw - 480px) / (1120 - 480)) * ((1.25 - 1.125) * var(--rem-val)));
		--text-lead: calc(1.625rem + ((100vw - 480px) / (1120 - 480)) * ((1.875 - 1.625) * var(--rem-val)));
		--hero-padding: calc(110px + ((100vw - 480px) / (1120 - 480)) * (190 - 110) );
		--hero-padding-xl: calc(120px + ((100vw - 480px) / (1120 - 480)) * (200 - 120) );
		--hero-page-padding: calc(100px + ((100vw - 480px) / (1120 - 480)) * (160 - 100) );
		--hero-page-padding-overlay: calc(130px + ((100vw - 480px) / (1120 - 480)) * (190 - 130) );
		--hero-page-padding-overlay-solid: calc(60px + ((100vw - 480px) / (1120 - 480)) * (70 - 60) );
		--section-padding: calc(30px + ((100vw - 480px) / (1120 - 480)) * (60 - 30) );
		--section-padding-sm: calc(20px + ((100vw - 480px) / (1120 - 480)) * (30 - 20) );
		--section-padding-lg: calc(60px + ((100vw - 480px) / (1120 - 480)) * (120 - 60) );
		--section-padding-xl: calc(80px + ((100vw - 480px) / (1120 - 480)) * (160 - 80) );
	}
}
@media screen and (min-width: 1120px) {
	:root {
		--spacing-2xs: 15px;
		--spacing-xs: 20px;
		--spacing-sm: 30px;
		--spacing-md: 40px;
		--spacing-lg: 50px;
		--spacing-xl: 60px;
		--spacing-2xl: 80px;
		--spacing-3xl: 100px;
		--spacing-4xl: 120px;
		--spacing-5xl: 160px;
		--h1: 2.25rem;
		--h1-lg: 3.5rem;
		--h1-xl: 6.625rem;
		--post-h1: 2.625rem;
		--h2: 2.25rem;
		--post-h2: 2.5rem;
		--h3: 1.5rem;
		--h3-lg: 1.8125rem;
		--post-h3: 2rem;
		--h4: 1.625rem;
		--post-h4: 1.625rem;
		--h5: 1.375rem;
		--h6: 1.188rem;
		--body-text: 1.25rem;
		--text-lead: 1.875rem;
		--hero-padding: 190px;
		--hero-padding-xl: 200px;
		--hero-page-padding: 160px;
		--hero-page-padding-overlay: 190px;
		--hero-page-padding-overlay-solid: 70px;
		--section-padding: 60px;
		--section-padding-sm: 30px;
		--section-padding-lg: 120px;
		--section-padding-xl: 160px;
	}
}
/*
* === VAR MAPS ===
*/
body:not(.wp-admin) {
	font-size: var(--body-text);
	line-height: 1.7;
}
h1, .h1 {
	font-size: var(--h1);
	line-height: 1.05;
}
.h1--lg {
	font-size: var(--h1-lg);
}
.h1--xl, .hero-page .h1--xl {
	font-size: var(--h1-xl);
}
h2, .h2 {
	font-size: var(--h2);
	line-height: 1.25;
}
.post-content h2 {
	font-size: var(--post-h2);
}
h3, .h3 {
	font-size: var(--h3);
	line-height: 1.25;
}
.h3--lg {
	font-size: var(--h3-lg);
}
.post-content h3 {
	font-size: var(--post-h3);
}
h4, .h4 {
	font-size: var(--h4);
	line-height: 1.25;
}
.post-content h4 {
	font-size: var(--post-h4);
}
h5, .h5 {
	font-size: var(--h5);
	line-height: 1.25;
}
h6, .h6 {
	font-size: var(--h6);
	line-height: 1.3;
}
.ct-section-inner-wrap {
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
}
.section--padding-5xl .ct-section-inner-wrap {
	padding-top: var(--spacing-5xl);
	padding-bottom: var(--spacing-5xl);
}
.section--padding-xl .ct-section-inner-wrap {
	padding-top: var(--section-padding-xl);
	padding-bottom: var(--section-padding-xl);
}
.section--padding-lg .ct-section-inner-wrap {
	padding-top: var(--section-padding-lg);
	padding-bottom: var(--section-padding-lg);
}
.section--padding-top-lg .ct-section-inner-wrap {
	padding-top: var(--section-padding-lg);
}
.section--padding-bottom-lg .ct-section-inner-wrap {
	padding-bottom: var(--section-padding-lg);
}
.section--padding-sm .ct-section-inner-wrap {
	padding-top: var(--section-padding-sm);
	padding-bottom: var(--section-padding-sm);
}
.section--padding-bottom-sm .ct-section-inner-wrap {
	padding-bottom: var(--section-padding-sm);
}
.hero1 .ct-section-inner-wrap {
	padding-top: var(--hero-padding);
	padding-bottom: var(--hero-padding);
}
.hero--xl .ct-section-inner-wrap {
	padding-top: var(--hero-padding-xl);
	padding-bottom: var(--hero-padding-xl);
}
.hero-page1 .ct-section-inner-wrap {
	padding-top: var(--hero-page-padding);
	padding-bottom: var(--hero-page-padding);
}
.hero-page--overlay1 .ct-section-inner-wrap {
	padding-top: var(--hero-page-padding-overlay);
}
.hero-page--overlay-solid1 .ct-section-inner-wrap {
	padding-bottom: var(--hero-page-padding-overlay-solid);
}
