/*
Theme Name: Tahoe Web Company Flatsome Child 
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@font-face {
    font-family: 'Franklin Gothic Book';
    src: url('fonts/FranklinGothic-Book.woff2') format('woff2'),
        url('fonts/FranklinGothic-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin Gothic Demi Cond';
    src: url('fonts/FranklinGothic-DemiCond.woff2') format('woff2'),
        url('fonts/FranklinGothic-DemiCond.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.custom-font-1 {
    font-family: 'Franklin Gothic Book';
    font-weight: normal;
    font-style: normal;
}

.custom-font-2 {
    font-family: 'Franklin Gothic Demi Cond' !important;
    font-weight: normal;
    font-style: normal;
}


body { font-family: "Franklin Gothic Book", sans-serif !important; }

h1, h2, h3, h4, h5, h6, .nav > li > a, .nav-dropdown > li > a { font-family: "Franklin Gothic Book", sans-serif !important; }



/* full responsive players ------------*/
	.video-container {
		position: relative;
			/* Set Padding Bottom Ratios: Aspect Ratios:
			21:9 = 42.86%
			16:9 = 56.25%
			75% = 4:3
			66.66% = 3:2
			62.5% = 8:5*/
    	padding-bottom: 56.25%;
    	padding-top: 30px; height: 0; overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed,
	.video-container video  {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.video-container-limit-size {
		max-width:1024px;
		margin:auto;
		text-align:center;
	}
	
	
/* END full responsive players ------------*/


	
/* full responsive IFRAMES ------------*/
	.iframe-container {
		position: relative;
		/* Set Padding Bottom Ratios: Aspect Ratios:
			21:9 = 42.86%
			16:9 = 56.25%
			75% = 4:3
			66.66% = 3:2
			62.5% = 8:5*/
    	padding-bottom: 42.86%;
    	padding-top: 30px; height: 0; overflow: hidden;
	}

	.iframe-container iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
/* END full responsive IRAMES ------------*/



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}