/* 
 Theme Name:     Divi Child Theme
 Author:         Theresa Kibler
 Author URI:     https://websitesbytheresa.com
 Template:       Divi
 Version:        1.0 
*/ 


@import url("../Divi/style.css"); 


/* OVERRIDING DIVI STYLES*/

#main-header .container{width:100% !important; max-width:100% !important; padding:0px !important}

.logo_container, .et_menu_container{padding-left:0px !important; padding-right:0px !important; margin-left:0px !important; margin-right:0px !important}

#logo{float:left !important}
#logo, .logo_container img{width:100%; padding-left:0px !important; padding-right:0px !important; margin-left:0px !important; margin-right:0px !important}

#et-top-navigation{padding:10px 0px 0px 0px !important; background-color:#EFEFEF}
#top-menu li a{padding-bottom:15px !important}

.nav li ul{width: 270px}
#top-menu li li a, .fullwidth-menu li li a{width: 250px; padding:2px 8px; font-size:14px !important; line-height:14px !important; margin-bottom:0px !important}
.sub-menu li{line-height:14px !important}

h1{font-size:36px !important; line-height:40px !important}
h2{font-size:34px !important; line-height:38px !important}
h3{font-size:30px !important; line-height:36px !important}

.et_pb_blog_grid h2{color:#1B98E8 !important; font-size:22px !important; line-height:24px !important}

.et_post_meta_wrapper img{display:none !important}

.et_pb_toggle_title{color:#1B98E8 !important; font-size:22px !important; line-height:26px !important}

body.blog article img, body.category article img{max-width:400px !important; height:auto !important}

body.blog h2.entry-title, body.category h2.entry-title{color:#1B98E8 !important; font-size:30px !important; line-height:36px !important}

#commentform .comment-form-url{display:none !important}

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DV0HFN60R5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DV0HFN60R5');
</script>

/* CUSTOM STYLES*/

.white, a.white, h4.white{color:#FFF !important}
.black, .black h2, .black h3{color:#000 !important}
.blue{color:#1B98E8 !important}
.pink{color:#FF76AA !important}

.medium{font-size:18px; line-height:22px}
.large{font-size:22px; line-height:26px}

.outline h2{letter-spacing: 3px; font-size:44px !important; line-height:50px !important; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000}

/*
.homeBlog .et_pb_salvattore_content[data-columns]::before {content: '4 .column.size-1of4' !important;}

@media only screen and ( min-width: 981px ) {
	.homeBlog .column.size-1of4 {width: 24% !important; margin-right: 1%}
}
*/

.grecaptcha-badge{visibility: collapse !important}

.homeBlog{max-width:80% !important; margin:auto !important}

.homeHeader, .grayHeader{background-color:#EFEFEF; padding:15px}

.contactForm form{background-color:#EFEFEF; padding:20px}
.contactForm input[type="text"], .contactForm input[type="email"]{width:100%; height:32px}
.contactForm textarea{width:100%; height:100px}
.contactForm input[type="submit"]{cursor:pointer; border:none; background-color:#FF76AA; color:#FFF; font-size:18px; padding:10px; margin-top:20px; border-radius:4px}

.donateButton input[type="submit"], .donateButton input[type="submit"]:hover{cursor:pointer; border:none; background-color:#1B98E8; color:#FFF; font-size:18px; padding:10px; margin-top:10px; border-radius:4px}

.footerNews{max-width:100% !important; width:650px !important; color:#FFF !important}
.footerNews img{max-width:100px !important; height:auto !important}
.footerNews h3{color:#FFF !important; margin-bottom:0px !important}
.footerNews p{margin-bottom:15px !important}
.footerNews a{clear:both; border-color:#FE76A9; background-color:#FE76A9 !important; color:#FFF !important; border-radius:4px; padding:10px 15px}

.footerMenu a:hover{text-decoration:underline !important}

#main-footer{padding:0px !important; margin:0px !important}
#footer-widgets{padding-top:20px !important; padding-bottom:0px !important}
.footer-widget{margin-bottom:30px !important}

#footerTK{clear:both; color:#FFF; font-size:11px; margin:5px 0px 5px 0px} 
#footerTK a{color:#FFF}
#footerTK a:hover{text-decoration:underline} 



@media only screen and ( max-width: 1600px ) 
{	

	h1{font-size: calc(26px + (36 - 26) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300))) !important}
	
	h2{font-size: calc(38px + (34 - 38) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(42px + (38 - 42) * ((100vw - 300px) / (1600 - 300))) !important}
	
	.medium{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))) !important}
	
	.large{font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(22px + (26 - 22) * ((100vw - 300px) / (1600 - 300))) !important}
	
	#main-header .logo_container{max-height:150px !important}
}

@media only screen and ( max-width: 1400px ) 
{	
	#main-header .logo_container{max-height:140px !important}
}

@media only screen and ( max-width: 1300px ) 
{	
	#main-header .logo_container{max-height:130px !important}
}

@media only screen and ( max-width: 1200px ) 
{	
	#main-header .logo_container{max-height:120px !important}
}

@media only screen and ( max-width: 1100px ) 
{	
	#main-header .logo_container{max-height:110px !important}
}

@media only screen and ( max-width: 1024px ) 
{	
	#main-header .logo_container{max-height:100px !important; height:100px !important}
}

@media only screen and ( max-width: 980px ) 
{
	.mobile_nav{margin-top:-30px !important}

	#logo{max-width: 100% !important; width:100% !important; height:100% !important; max-height:100% !important}

}

@media only screen and ( max-width: 736px ) 
{
	.et_monarch .et_social_top .et_social_icon {background-color:rgba( 0, 0, 0, 0 ) !important}
	.et_monarch .et_social_networks .et_social_icon, .et_monarch .et_social_networks .et_social_icon::before, .et_monarch .et_social_networks .et_social_icon::after {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;}
	
	.et_header_style_centered #main-header{padding-top:10px !important}
	#main-header .logo_container{max-height:160px !important; height:160px !important}
	
	#logo{content: url("https://sciencecheerleaders.org/wp-content/uploads/2020/03/logo-sci-cheer-mobile.jpg") !important; padding-bottom:10px !important; max-width: 100% !important; width:100% !important; height:auto !important; max-height:auto !important}

}

@media only screen and ( max-width: 684px ) 
{
	#main-header .logo_container{max-height:120px !important; height:120px !important}

}

@media only screen and ( max-width: 414px ) 
{
	#main-header .logo_container{max-height:90px !important; height:90px !important}
	
}