/* 
 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{max-width:94% !important; width:94% !important}

.nav li ul{width: 290px}
#top-menu li li a, .fullwidth-menu li li a{width: 270px; padding:6px 10px}

span.mobile_menu_bar:before{color:#8FAFD9 !important}

.et_pb_text_inner ul{margin-top:20px !important}
.et_pb_text_inner li{margin-bottom:8px !important}

.et_pb_text_inner, .et_pb_text_inner p, .et_pb_text_inner li, .et_pb_toggle_content, .et_pb_blurb_content{}
.et_pb_text_inner a, .et_pb_toggle_content a, .et_pb_blurb_content a{font-weight:bold}

.et_pb_countdown_timer .section.days p.value:first-letter {font-size: 0px !important; vertical-align: top !important}

/* CUSTOM STYLES*/
.white, a.white, .white a{color:#FFF !important}
.black, .black h2, .black h3{color:#000 !important}

.yellow{color:#F4C519 !important}
.blue{color:#003965 !important}
.green{color:#004422 !important}
.navy{color:#0B3659 !important}

h1{color:#0B3659; font-size: calc(40px + (60 - 40) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(50px + (70 - 50) * ((100vw - 300px) / (1600 - 300))) !important}	

h2{color:#004422 !important; font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(40px + (50 - 40) * ((100vw - 300px) / (1600 - 300))) !important}

h3{font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(28px + (32 - 28) * ((100vw - 300px) / (1600 - 300))) !important}
	
.headerBook h1{color:#0B3659; font-size: calc(34px + (44 - 34) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(40px + (54 - 40) * ((100vw - 300px) / (1600 - 300))) !important}

.verticalAlign{display: flex; flex-direction: column; justify-content: center}

.smallText{font-size:15px !important; line-height:20px !important}

.largeText{font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(26px + (30 - 26) * ((100vw - 300px) / (1600 - 300))) !important}
	
.hugeText{font-size: calc(30px + (34 - 30) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(40px + (44 - 40) * ((100vw - 300px) / (1600 - 300))) !important}

.quoteText{font-family: "Abril Fatface", serif !important; font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(30px + (36 - 30) * ((100vw - 300px) / (1600 - 300))) !important}
	
h2.gform_submission_error{font-size:18px !important; line-height:24px !important}
.gform_button{border:none; cursor:pointer; padding:10px 20px !important; border-radius:4px !important; color:#FFF; background-color:#003965 !important; font-size:20px !important}
.gform_button:hover{background-color:#005BA0 !important}
.gform_required_legend{display:none !important}
.grecaptcha-badge {visibility: hidden !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; margin:20px 0px 20px 0px !important} 
#footerTK a{color:#FFF}
#footerTK a:hover{text-decoration:underline} 


@media only screen and ( max-width: 1400px ) 
{	
	#main-content .et_pb_row{max-width:94%; width:94%}
	#main-content .fullWidth{max-width:100% !important; width:100% !important}

	.et_pb_tab_content img{max-width:500px !important; height:auto !important}	
}

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

@media only screen and ( max-width: 980px ) 
{	
	.open-mobile-menu .et_pb_menu__menu {display: flex! important}
	.open-mobile-menu .et_mobile_nav_menu {display: none !important}
	
	/* Home pg */
	.headerRowHome .et_pb_column_1_4{margin-bottom:0px !important; width:45% !important}
	.headerRowHome .et_pb_column_3_4{margin-bottom:0px !important; width:55% !important}
	.headerRowHome .et-menu nav{margin-top:70px !important}
	
}
@media only screen and ( max-width: 768px ) 
{	
	.et_pb_tab_content img{max-width:100% !important}	
}