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


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

@font-face {
	font-family: Veneer; 
	src: url("fonts/Veneer.otf")
}


/* OVERRIDING DIVI STYLES*/


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

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}

.bottom-nav{padding:4px !important}

.et-social-tiktok a img{width:18px !important; height:18px !important}

/* CUSTOM STYLES*/

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

.small{font-size:16px !important; line-height:18px !important}
.medium{font-size:18px !important; line-height:22px !important}
.large{font-size:24px !important; line-height:30px !important}

#et-info{float:right !important}

#et-info-phone{display:none !important}

#et-info-email::before {content:"" !important}

.homeHeaderRed h2{font-family: "Veneer" !important; font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(24px + (46 - 24) * ((100vw - 300px) / (1600 - 300))) !important; color:#F14946 !important}

.homeHeader h2{font-family: "Veneer" !important; font-size: calc(18px + (40 - 18) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(24px + (46 - 24) * ((100vw - 300px) / (1600 - 300))) !important; color:#E0A3CA !important}

.homeHeader h2 span.small{font-size:20px !important; line-height:24px !important}

.borderHomeRed{border:1px solid #F14946 !important; padding:0 0 2% 0 !important}
.borderHome{border:1px solid #E0A3CA !important; padding:0 0 2% 0 !important}

h2.largeRed{color:#EE4945; text-transform:uppercase; font-size:24px; line-height:30px}

h2.largeOrange, p.largeOrange a{color:#ff6600; text-transform:uppercase; font-size:24px; line-height:30px; text-decoration:none !important}

h4.widgettitle{color:#F14946; font-size:20px !important; line-height:24px !important}
#sidebar p{font-size:16px !important; line-height:20px !important}

.yks-mailchimpFormDivRowField input{float:none !important; width:220px} 
#ykfmc-submit_1-2388369bfe{float:none !important}
.yks-mailchimpFormDivSubmit input{float:left !important; width:275px !important}
.yks-mailchimpFormDivSubmit p{padding-left:0px !important}
.yikes-easy-mc-submit-button{background-color:#EC4544 !important}
.yikes-easy-mc-form .yikes-easy-mc-checkbox-label{margin-top:10px}
.yikes-easy-mc-checkbox-label input[type="checkbox"]{margin-left:0px !important; width:20px !important; height:20px !important}
.dgd_stb_box.clean_white form input[type=checkbox]{width:50px}
.dgd_stb_box.clean_white form input{float:none !important;}
.checkbox-parent-label{display:none !important}

p.form-field-description{margin-bottom:10px !important; padding-bottom:0px !important}

.redButton{margin:0px auto 10px auto; border-radius:6px; background-color: #ef4a46; padding: 20px; width:180px; text-align:center}
.redButton a{color:#FFF; font-size:18px !important}  

#pop-up-form-1{margin-top:15px !important}

.red{color:#ef4a46 !important}

.gfield_description{font-size:16px !important; line-height:20px !important; margin-top:10px}

.gform_body label{font-size:16px !important; line-height:22px !important}
.gform_body select{width:100% !important}

#label_1_17_0, #label_1_17_1, #label_1_17_2, #label_1_17_3, #label_1_19_1, #label_1_19_2, #label_1_19_3, #label_2_17_0, #label_2_17_1, #label_2_19_1, #label_2_19_2, #label_2_19_3, #label_2_19_4, #label_2_19_5{vertical-align:text-top !important}

#field_1_19, #field_2_19{margin-top:20px !important}

.ginput_container_radio{margin-top:20px !important; margin-bottom:20px !important}

.gfield_radio li{margin-top:15px !important; margin-bottom:15px !important}
.gform_button{background-color: #ef4a46 !important; border-radius:4px; padding:10px; border:none; cursor:pointer; color:#FFF; font-size:20px}
.gform_button:hover{background-color: #E0A3CA !important}

a.redButtonLarge{margin:30px auto; border-radius:6px; background-color: #ef4a46; color:#FFF; font-size:18px; padding: 10px; width:auto; text-align:center; text-decoration:none}



#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}
	
	
	
}

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



}