/* --------------------------------------------------------------
SmogPros — Custom CSS
Theme Name:   SmogPros (Child of Hello Elementor)
File:         custom.css
Description:  SmogPros Custom CSS
Author:       SmogPros
Author URI:   https://dev.mysmogcheck.com/
Version:      1.0.0
-------------------------------------------------------------- */

/*
ffc926 yellow
001a66 blue bg
070070 blue text

*/

:root {
	--lh-heading: 1.1;
	--lh-text: 1.25;
	--lh-subtext: 1.438;
	--lh-loose: 1.625;
	
	--fluid-40-80: clamp(2.5rem, 1.6304rem + 4.3478vw, 5rem);
	--fluid-30-60: clamp(1.875rem, 1.2228rem + 3.2609vw, 3.75rem);
}

/* ------------------------------
	Typography
------------------------------ */
#smogpros-container h1,
#smogpros-container h2,
#smogpros-container h3,
#smogpros-container h4,
#smogpros-container h5,
#smogpros-container h6 {
	font-weight: 400;
	color: #333;
}
#smogpros-container h1 {
	font-size: 2.25rem;
	line-height: var(--lh-heading);
}
#smogpros-container h2 {
	font-size: 1.5rem;
	line-height: var(--lh-heading);
	text-wrap: balance;
	color: #070070;
}
#smogpros-container h3 {
/* 	font-weight: 500; */
}
#smogpros-container h4 {
/* 	font-weight: 500; */
}
#smogpros-container h5 {
/* 	font-weight: 500; */
}
#smogpros-container h6 {
/* 	font-weight: 500; */
}
#smogpros-container p {
	font-weight: 400;
	line-height: var(--lh-subtext);
	color: #333;
}
#smogpros-container .weight-500 {
	font-weight: 500;
	letter-spacing: 0.05rem;
}


.balance {
	text-wrap: balance;
	text-wrap: pretty;
}

/* ------------------------------
	Spacing
------------------------------ */
#smogpros-container main#content {
	padding-top: var(--fluid-40-80);
	padding-bottom: var(--fluid-40-80);
}