/*
Theme Name:     KTWDChild
Description:
Author:         KTWDigital
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/




/*-----RESPONSIVE-----*/
@media only screen and (min-width:550px) and (max-width:980px){
  .herosec{
    padding: 30px 0px 30px 0px !important;
  }
  .herocon2mob{
    padding-top: 0px !important;
  }
}
@media only screen and (max-width:549px){
  .herosec{
    padding: 30px 0px 30px 0px !important;
  }
  .herocon2mob{
    padding-top: 0px !important;
  }
  .heroblurbmob > .et_pb_blurb_container h4{
    font-size: 30px !important;
  }
  .serviceblurbmob .et_pb_blurb_container h4{
    font-size: 20px !important;
  }
  .herohead h1{
    font-size: 35px !important;
  }
  .herocta{
    letter-spacing: 8px !important;
  }
  .conhead{
    font-size: 16px !important;
    padding-bottom: 15px !important;
  }
}
@media only screen and (min-width:550px) and (max-width:980px){
  .serviceconmob > .serviceconflex{
    display: flex;
    justify-content: space-between;
  }
  .serviceconmob .et_pb_blurb_content{
    margin: auto auto auto 0px !important;
    text-align: left;
  }
  .serviceblurbmobtop > .et_pb_blurb_content{
    max-width: 100% !important;
  }
  .serviceblurbmobtop > .et_pb_blurb_content > .et_pb_blurb_container{
    text-align: center !important;
  }
  .sbl{
    padding-right: 15px;
  }
  .sbr{
    padding-left: 15px;
  }
}
@media only screen and (max-width:549px){
  .serviceconmob .et_pb_blurb_content{
    margin: auto auto auto 0px !important;
    text-align: left;
  }
  .servicecon2c1 .serviceblurbmob .et_pb_blurb_content{
    margin: auto auto auto 0px !important;
    text-align: left !important;
  }
  .servicecon2c1 .serviceblurbmob .et_pb_blurb_content .et_pb_image_wrap{
    margin: auto auto auto 0px !important;
    text-align: left !important;
  }
}

/*top header fix*/
.mapicon{
  margin-right: 3px;
}
.hoursicon i{
  margin-right: 3px;
}
.hoursicon i::before{
  margin-left: 10px !important;
}
@media only screen and (max-width:980px){
  #top-header{
    position: fixed !important;
  }
}
@media only screen and (max-width:440px){
  span#et-info-phone{
    content: "/a" !important;
    white-space: pre !important;
  }
}
/*Top header RESPONSIVE*/
@media only screen and (max-width:1038px){
  #top-header > .container{
    max-width: 95% !important;
    width: 95% !important;
  }
}
@media only screen and (min-width:555px) and (max-width:874px){
  #db-info-text::After{
    content:"\a";
    white-space: pre;
  }
  #db-info-text{
    line-height: 2em;
  }
}
@media only screen and (max-width:554px){
  #db-info-text{
    display: none;
  }
}

/*make hero blurbs flex*/
@media only screen and (min-width:600px) and (max-width:980px){
  .herocon2mobc1{
display: flex !important;
justify-content: space-around !important;
  }
}

/*-----BOX CODE-------*/
@media only screen and (min-width: 1150px){
  .box{
    width: 1080px !important;
    max-width: 1080px !important;
  }
}
@media only screen and (min-width:981px) and (max-width:1140px){
  .box{
    width: 920px !important;
    max-width: 920px !important;
  }
}
@media only screen and (min-width:778px) and (max-width:980px){
  .box{
    width: 720px !important;
    max-width: 720px !important;
  }
}
@media only screen and (max-width:777px){
  .box{
    width: 90% !important;
    max-width: 90% !important;
  }
}

/*Header Tweaks*/
#main-header{
  display: none !important;
}
#et-info{
  float: none !important;
  margin: auto;
  text-align: center;
}

/*FORMIDABLE STYLES*/
.form-field label{
  text-transform: uppercase;
  color: #666666 !important;
  padding: 6px !important;
  background-color: transparent !important;
}
.form-field input,.form-field select,.form-field textarea{
  background-color: white !important;
  border-bottom: 2px solid #e02b20 !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
    background-color: transparent !important;
}
.frm_time_wrap select{
  border-radius: 0px !important;
    background-color: transparent !important;
}
.frm_submit button{
  box-shadow: none !important;
}
}
