/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    
 Description:  Twenty Twenty Child Theme
 Author:       
 Author URI:   
 Template:     twentytwenty
 Version:      1.0.0
 License:      
 License URI:  
 Tags:         
 Text Domain:  
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


@import "lib/custom-css/sf-components/typography/display-headings.css";


html, body {
	
	/* 
	
	Note: The reason I'm deciding not to change this is becuase by doing so throws way to much logic of the theme out the window.
	The theme has based everything off of a calculation of the html beting set to 62.5%. It's so that things can be calculated off of a base 10.
	It's goooooooofy. It's assuming the browser is always defaulted at 16px. Ugh.

	*/
	/*
	font-size: 100%;
	font-size: 18px;
	*/
}



/* */


			.home .entry-header {
				padding: 0;
			}


			.home .post-inner {
				padding: 0;
			}

					.home .post-inner .entry-content .wp-block-cover {
						margin-top: 0;
						margin-bottom: 0;
					}



/* */



.sf-inter-font {
	font-family: 'Inter', sans-serif;
}

.sf-inter-font-heading {
	font-family: 'Inter' !important;
	font-weight: 700 !important;

	font-size: 72px !important;
}



/* */

#site-header {
	z-index: 100;
}




/* */


body:not(.overlay-header) .primary-menu > li > a, 
body:not(.overlay-header) .primary-menu > li > .icon, 
.modal-menu a, 
.footer-menu a, .footer-widgets a, 
#site-footer .wp-block-button.is-style-outline, 
.wp-block-pullquote:before, 
.singular:not(.overlay-header) .entry-header a, 
.archive-header a, 
.header-footer-group .color-accent, 
.header-footer-group .color-accent-hover:hover {
	color: #ffffff !important;
}



/* Stuff taking for reference, but not used right now: START */
/* *************************************************************************************** */

	/* 
	## Standard HTML headings, starting with some variables */
	:root {
		/*
		--sf-h6-size: .765625rem;
		--sf-h5-size: .765625rem;
		--sf-h4-size: .875rem;
		*/

		--sf-h6-size: .765625rem;
		--sf-h5-size: .875rem;
		--sf-h4-size: 1rem;
		--sf-h3-size: 1.3333rem;
		--sf-h2-size: 1.777rem;
		--sf-h1-size: 2.3703703rem;



		/* */


		/* */


		--sf-h6-downshift-size: .765625rem;
		--sf-h5-downshift-size: .765625rem;
		--sf-h4-downshift-size: .875rem;
		--sf-h3-downshift-size: 1rem;		/* 1.3333rem; */
		--sf-h2-downshift-size: 1.3333rem;	/* 1.777rem; */
		--sf-h1-downshift-size: 1.777rem;	/* 2.3703703rem; */
	}


	/*
	
	h1, h2, h3, h4, h5, h6,
	.sf-micro-heading, .sf-tiny-heading, .sf-small-heading, .sf-regular-heading, .sf-large-heading, .sf-jumbo-heading, .sf-giant-heading {
		font-family: 'Roboto', 'Arial', sans-serif;
		font-weight: 500;
		color: var(--sf-transparent-black-0093);

		margin: 0;
	}
	*/

	/* 
	*/


	/*

	h1 {
		font-size: var(--sf-h1-size);
	}

	h2 {
		font-size: var(--sf-h2-size);
	}

	h3 {
		font-size: var(--sf-h3-size);
	}

	h4 {
		font-size: var(--sf-h4-size);
	}

	h5 {
		font-size: var(--sf-h5-size);
	}

	h6 {
		font-size: var(--sf-h6-size);
		
	}
	*/


	/* 
	*/

	/* 
		Note: Exploring ways that this can make sense. 

		Testing way 1
	*/

	.sf-micro-heading {
		font-size: var(--sf-h6-size);
		/* color: var(--sf-transparent-black-0060); */
	}

	.sf-tiny-heading {
		font-size: var(--sf-h5-size);
	}

	.sf-small-heading {
		font-size: var(--sf-h4-size);
	}

	.sf-regular-heading {
		font-size: var(--sf-h3-size);
	}



	.sf-large-heading {
		font-size: var(--sf-h2-size);
	}


	.sf-jumbo-heading {
		font-size: var(--sf-h1-size);
	}


	/* 
	*/


	/* 
	Here we are down shifting all headings by one degree. */
	.sf-text-downshift {}


		.sf-text-downshift h1,
		.sf-text-downshift .sf-jumbo-heading {
			font-size: var(--sf-h1-downshift-size);
			
		}

		.sf-text-downshift h2,
		.sf-text-downshift .sf-large-heading {
			font-size: var(--sf-h2-downshift-size);
		}

		.sf-text-downshift h3,
		.sf-text-downshift .sf-regular-heading {
			font-size: var(--sf-h3-downshift-size);
		}

		.sf-text-downshift h4,
		.sf-text-downshift .sf-small-heading {
			font-size: var(--sf-h4-downshift-size);
		}

		.sf-text-downshift h5,
		.sf-text-downshift .sf-tiny-heading {
			font-size: var(--sf-h5-downshift-size);
		}

		.sf-text-downshift h6,
		.sf-text-downshift .sf-micro-heading {
			font-size: var(--sf-h6-downshift-size);
			color: var(--sf-transparent-black-0060);
		}


/* ********************************************************************************* */

/* Stuff taking for reference, but not used right now: END */
/* *************************************************************************************** */


/* 
# Scale: 1.33333 - Perfect Fourth */

	/* Starting from base 18px */

		h1, h2, h3, h4, h5, h6 {
			font-weight: 800;
		}

		h1 {
			font-size: 75.76px;
		}

		h2 {
			font-size: 56.83px;
		}

		h3 {
			font-size: 42.63px;
		}

		h4 {
			font-size: 31.98px;
		}

		h5 {
			font-size: 23.99px;
		}

		h6 {
			font-size: 18.00px;
		}

	/* Starting from base 16px */

		h1, h2, h3, h4, h5, h6 {
			font-weight: 800;
		}

		h1 {
			font-size: 67.34px;
		}

		h2 {
			font-size: 50.52px;
		}

		h3 {
			font-size: 37.90px;
		}

		h4 {
			font-size: 28.43px;
		}

		h5 {
			font-size: 21.33px;
		}

		h6 {
			font-size: 16.00px;
		}

/* ********************************** */
/* 
	Notes:
		
		- We'll set our body to be a gray color
		- We'll set our body base font size to 18px
		- To make our first h6 heading a shift of two degrees we would 
		  need to pick two of these settings:

			>- black color		picked
			>- bold weight 		picked
			- bigger font

		- Now ... if we use these figures as is, we'll max out our h1 at 75px, which is really big.
		- So, despite going against the logical system, in order to get the h1 to not max out so high, 
			we'll start our base h6 at 15px

*/

	/* Starting from base 15px */

		body h1, 
		body h2, 
		body h3, 
		body h4, 
		body h5, 
		body h6 {
			font-weight: 800;
		}

		body h1 {
			font-size: 63.13px;
		}

		body h2 {
			font-size: 47.36px;
		}

		body h3 {
			font-size: 35.53px;
		}

		body h4 {
			font-size: 26.65px;
		}

		body h5 {
			font-size: 20.00px;
		}

		body h6 {
			font-size: 15.00px;
		}

	


/* ********************************************** */


.primary-menu.reset-list-style {
	font-size: 15px;
}



/* */


.wp-block-themepunch-revslider.revslider {
	margin-bottom: 0;
}


/* */


.footer-menu.reset-list-style {
	font-weight: 400;
	font-size: 18px;
}


/* *************************************** */

.entry-title,
.entry-title.heading-size-1 {
	font-size: 47.36px;
}



/* ********************* */





/* latin */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 200;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	src: url(https://qsmi.com/wp-content/themes/twentytwenty-child/lib/fonts/Inter/Inter.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Fixing arrows */
	/* Right arrow replacement */
		.tparrows.tp-rightarrow:before {
			content: '\e825';
			content: none;
		}

		#rev_slider_1_1_wrapper .hades.tparrows.tp-rightarrow:before {
			content: '\e825';
			content: none;
		}

		#rev_slider_1_1_wrapper .hades.tparrows:hover:before {
			color: rgba(0,0,0,0.5);
			background: #ffffff;
		}

		.tparrows.tp-rightarrow {
			background-image: url("https://qsmi.com/right-arrow.png") !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
		}


	/* Left arrow replacement */

		.tparrows.tp-leftarrow:before {
			content: none;
		}

		#rev_slider_1_1_wrapper .hades.tparrows.tp-leftarrow:before {
			content: none;
		}

		#rev_slider_1_1_wrapper .hades.tparrows:hover:before {
			color: rgba(0,0,0,0.5);
			background: #ffffff;
		}

		.tparrows.tp-leftarrow {
			background-image: url("https://qsmi.com/left-arrow.png") !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
		}