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


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

.et_pb_text_inner, .et_pb_text_inner p, .et_pb_text_inner li, .et_pb_toggle_content, .et_pb_blurb_content, .et_pb_testimonial{font-weight:300}



/* OVERRIDING DIVI STYLES*/

#main-header .container{max-width:90% !important; width:90% !important}

.nav li ul{width: 220px}
#top-menu li li a, .fullwidth-menu li li a{width: 180px; padding:6px !important}

#mobile_menu{background-color:rgba(255,255,255,.95) !important}
#mobile_menu a{text-transform:uppercase !important}

li.current-menu-parent a{color:#ac512e !important}

li.current_page_item a{color:#000000 !important}

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

.et_pb_text_inner a:hover, .et_pb_blurb a:hover{text-decoration:underline !important}


/* CUSTOM STYLES*/

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

.tealDk{color:#2F8AAC !important}
.teal{color:#319BA9 !important}

.copper, a.copper{color:#AC512F !important}

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(28px + (32 - 28) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(32px + (36 - 32) * ((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}

h2.et_pb_module_header{font-size: calc(36px + (46 - 36) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(46px + (56 - 46) * ((100vw - 300px) / (1600 - 300))) !important}

h3.et_pb_toggle_title{font-size: 24px !important; line-height: 30px !important}

body.page-id-3 h2{color:#AC512F !important}

.mediumText{font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(28px + (34 - 28) * ((100vw - 300px) / (1600 - 300))) !important}
.largeText{font-size: calc(28px + (32 - 28) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(34px + (42 - 34) * ((100vw - 300px) / (1600 - 300))) !important}
.hugeText{font-size: calc(40px + (50 - 40) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(50px + (60 - 50) * ((100vw - 300px) / (1600 - 300))) !important}

.script{font-family: 'Dancing Script',handwriting !important}

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

.quotes img{-webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px;}

body.page-id-3908 h1{font-size: calc(36px + (46 - 36) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(46px + (56 - 46) * ((100vw - 300px) / (1600 - 300))) !important}	


.gform_button{border:none; border-radius:4px; cursor:pointer; padding:10px 20px; color:#FFF; background-color:#2F8AAC !important; font-size:20px !important}
.gform_button:hover{background-color:#319BA9 !important}

.gform_required_legend{display:none !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:16px; margin:5px 0px 5px 0px} 
#footerTK a{color:#FFF}
#footerTK a:hover{text-decoration:underline} 


@media only screen and ( max-width: 1400px ) 
{	
	
	.et_pb_tab_content img{max-width:500px !important; height:auto !important}	
	
}

@media only screen and ( max-width: 1200px ) 
{	
	
	#main-header .container{max-width:98% !important; width:98% !important}

	#main-content .et_pb_row{max-width:90%; width:90%}
	
	#main-content .fullWidth{max-width:100% !important; width:100% !important}

	
}

@media only screen and ( max-width: 980px ) 
{	
	#logo{max-height:100% !important}
	
	.homeServices img{max-width:60% !important; height:auto !important}
	
	.quotes img{width:150px !important; height:150px !important; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px}

	.headerRow .et_pb_column_1_4{margin-bottom:0px !important; width:45% !important}
	.headerRow .et_pb_column_3_4{margin-bottom:0px !important; width:55% !important}
	
}

@media only screen and ( max-width: 768px ) 
{	
	.et_pb_tab_content img{max-width:100% !important}	

	.homeServices img{max-width:80% !important; height:auto !important}

}