/*
 Theme Name:     Divi Child
 Theme URI:      
 Description:   
 Author:         Owl Media
 Author URI:     https://www.owlmedia.co.za
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* GENERAL */

.heading-mod h1{
font-weight: 900;
font-size: 40px;
color: #1c9021;
}

#hero-section .heading-mod h2{
font-weight: 300;
font-size: 25px;
color: #707070;

}

h1, h2, h3, h4, h5, p, a, li, ul, span, div, body{
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

.btn{
  padding: 13px 30px;
  font-size: 15px;
  border-radius: 10px;
    transition: all 0.6s
}

.yellow-btn{
  background-color: #E2AC29;
  color: #fff;
}

.yellow-btn:hover{
  background-color: #1C9021;
  transition: all 0.6s
}

.heading-mod h2{
font-weight: 900;
font-size: 30px;
color: #2e2e2e;
}

.gen-text-mod p{
font-weight: 300;
font-size: 15px;
color: #707070;
	line-height: 19px
}

.mobmenu{
  background: #fff;
    background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}


/* _____________________________________________ */

.gallery-mod .uk-panel img{
  border-radius:10px !important;
  background: #fff;
  box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.16);
}

.gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 5px !important;
}
.form-mod input, .form-mod .textarea{
  border: none !important
}
.gform_button{
  background-color: #1C9021;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 20px;
   transition: all 0.6s
}

.form-mod .gform-footer{
  padding-top: 0 !important;
}

.gform_button:hover{
  background-color: #E2AC29;
  transition: all 0.6s;
  cursor: pointer
}

.heading-mod h3{
font-weight: bold;
font-size: 18px;
color: #2e2e2e;
  line-height: 130%
}

.box-shad-row-left{
padding: 0;
border-radius: 10px 10px 10px 10px !important;;
background: #fff;
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.16);
}

.box-shad-row{
  border-radius: 10px 10px 10px 10px !important;;
background: #fff;
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.16);
}

.box-shad-row-right{
padding: 0;
border-radius: 10px 10px 10px 10px !important;;
background: #fff;
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.16);
}

#content-col{
  padding: 70px 40px !important;
}

.btn{
  display: inline-block
}

#services .btn{
  margin-top: 20px
}

.why-blurb .et_pb_blurb_content{
  display: flex;
  align-items: center
}

.why-blurb .et_pb_main_blurb_image{
  width: 67px;
  margin: 0
}

.why-blurb p{
font-weight: 300;
font-size: 18px;
color: #707070;
}

.why-blurb.et_pb_with_border{
  padding-bottom: 20px !important;
}

#why-choose-row{
border-radius: 10px;
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.16);
  padding: 3% 8%;
	display:flex;
	align-items: center

}


#header-section:before{
  content: url(/wp-content/uploads/Logo-background.svg);
  top: 10px;
  position: absolute;
  max-width: 314px;
  margin: auto;
  z-index: -99 !important;;
  left: 0;
  right: 0
  
}
#header-section{
  position: relative !important;;
  background-color: #fff !important;
  z-index: 99 !important;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}


/* _____________________________________________________ */

@media screen and (max-width: 980px){
  
  #hero-section{
    padding-top: 100px
  }
  
  .home .et_pb_column.et_pb_column_empty {
    display: block;
    height: 400px
    
  }
  
  
  
}


@media screen and (max-width: 850px){
  
  
#why-choose-row {
  
  padding: 8% 12%;
  display: flex;
  align-items: center;
 flex-flow: column
  
  }
  
}


@media screen and (max-width: 660px){
  
    .home .et_pb_column.et_pb_column_empty {
    display: block;
    height: 240px
    
  }
  
  #proMud-jointing-skimming-compound img{
    max-width: 200px
  }
  
  .heading-mod h1{
    font-size: 30px
  }
  
  #hero-section .heading-mod h2 {
    font-size: 20px
  }
  
  .heading-mod h2 {
    font-size: 23px
  }
  
  .et_pb_row:not(#map-row){
     width: 90%
  }
 
  
}