/*
 Theme Name:   Divi Child
 Theme URI:    http://www.laurus.co.za/
 Description:  Divi Child Theme
 Author:       Collin Little
 Author URI:   http://www.laurus.co.za
 Template:     Divi
 Version:      1.0.0
 License:      Copyright 2016
 License URI:  http://www.laurus.co.za
 Tags:         
 Text Domain:  Divi-Child
*/


@font-face {
    font-family: GOTHIC;
    src: url('fonts/GOTHIC.TTF');
}

h1, h2, h3, h4, h5, h6, body, p{
 font-family: GOTHIC;
}


.et-social-icon.et-social-twitter {
    display: none;
}


#logo {
    -webkit-transform: initial !important;
    }

#top-menu-nav {
    text-transform: uppercase !important;
}

/**HOME**/

.et_parallax_bg {
    background-position: center center !important;
}

.et_pb_slide_description {
    padding-top: 20px !important;
}

.cust_fw_slider .et_pb_slide_content h5 {
    /*z-index: 5;*/
min-width: auto;
max-width: 657px;
font-weight: 300;
line-height: 5px;
border-width: 0px;
margin: 0px auto;
letter-spacing: 0px;
font-size: 25px;
min-height: 37px;
max-height: 37px;
}

.cust_fw_slider .et_pb_slide_content h2{
    /*z-index: 6;*/
min-width: 959px;
max-width: 959px;
text-indent: 0em;
letter-spacing: 10px;
line-height: 80px;
margin: 0px auto;
padding: 0px;
font-weight: 100;
font-size: 80px;
}

 hr.line-grey-center {
   border: 0;
   height: 3px;
   background-color: #666;
   width: 70px;
   margin-bottom: 30px;
 }
 
  hr.line-white-center {
   border: 0;
   height: 3px;
   background-color: #fff;
   width: 70px;
   margin-bottom: 30px;
 }
  
  hr.line-grey-left {
   border: 0;
   height: 3px;
   background-color: #666;
   width: 70px;
   margin-bottom: 30px;
   margin-left:0;
 }
 
   hr.line-white-left {
   border: 0;
   height: 3px;
   background-color: #fff;
   width: 70px;
   margin-bottom: 30px;
   margin-left:0;
 }
 
  
   .cust_fw_slider .et_pb_slide {
    height: 760px;
    max-height: 760px;
 } 
  
 .et_parallax_bg.et_pb_parallax_css {
    background-size: cover !important;
    max-height: 870px;
 } 
 
 .et_pb_module .et_pb_slider{
    height: 870px;
     }
 
 
    /**Portfolio**/    
  
  .et_pb_portfolio_item.et_pb_grid_item {
    height: 460px !important;
    width: 33.3% !important;
    max-width: 33.3% !important;    
  } 
    
    .cust_row_port {
        margin-top: -150px !important;
        width: auto;
        /*width: 1450px;*/
        max-width: 1500px;        
        background-color: #ffffff !important;
        padding-top: 104px !important;
        padding-left: 35px !important;
        padding-right: 35px !important;
        padding-bottom: 90px !important;
    }
    
    .et_pb_portfolio_title {
        text-transform: uppercase;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
       }  
    
    .et_pb_portfolio_image .et_overlay {
        width: 101%;
    } 
    
    .img_col_hover {
         -webkit-transition: all 2.0s;
  transition: all 2.0s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.img_col_hover:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-filter: none;
  filter: none;

    }  
     
         .design_cust.et_pb_text_inner {
        background: rgba(0,0,0,0.4);
        /*padding: 5%;*/
    }
    
    
    /**Portfolio Pages**/
    
    
    .sec_height {
        height: 500px;
    }
    
      .cust_port_text {
        position: absolute;
        margin-top: 250px;
        width: 376px;
        height: 120px;
        padding: 40px 50px;
        margin-bottom: auto;
        background-color: transparent;
        left: 25%;
        border: solid 5px #fff;
      }
      
      .fw_proj_txt  {
        border: 2px solid #1f1a17;
        width: 15%; 
        padding-left: 35px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 10px;      
       
      }   

      .proj_custom_btn {
         border: 2px solid #1f1a17;
         color: #1f1a17;
         background: transparent;
         font-size: 14px !important;
         padding: 15px 35px;
         font-weight: 600;
      }

        .proj_custom_btn:hover{
         border: 2px solid #1f1a17 !important;
         color: #1f1a17;
         background: transparent !important;
         font-size: 14px !important;
         padding: 15px 35px !important;
         }

           .proj_custom_btn::after{
             content: " ";
            }


      .fw_proj_heros .et_pb_slide {
        height: 650px;
        max-height: 650px;
      } 

       .fw_proj_heros.et_pb_slider .et_pb_slide{
         background-size: cover !important;
       }
      
        
    /**Services**/
    
    .et-pb-icon .et-waypoint .et_pb_animation_off .et-animated{
        border-radius: 50%;
        width: 94px;
        height: 94px;
        line-height: 94px;
    }
    
    
    .blurb-1,
.blurb-1 h4,
.blurb-1 .et-pb-icon {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.blurb-1:hover {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

 .cust_btn_serv {
    color: #1f1a17 !important;
    font-size: 16px;
    background-color: transparent;
 }

 
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 {
 margin-top: 60% !important;
}  

/**Slider**/

 .wpls-logo-showcase .wpls-logo-cnt.slick-slide img {
    border: none;
 }
 
 .slick-dots  {
    display: none !important;
 }
 
 button.slick-prev.slick-arrow  {
  display: none !important;
 }
 
 button.slick-next.slick-arrow {
    display: none !important;
 }
 
 
 @media all and (min-width: 320px) and (max-width: 480px) {
    
    
    .et_mobile_menu {
        text-transform: uppercase;
    }    

      .cust_fw_slider.et_pb_module.et_pb_slider{
        height: 450px !important;
       }
    
    
    .et_pb_module.et_pb_slider {
        height: auto;
    }

     .fw_proj_heros.et_pb_slider .et_pb_slide{
         background-size: cover !important;
         height: 355px !important;
       }
      
  
     .fw_proj_heros .et_pb_slide{
       height: 400px !important;
       max-height: 400px !important;
     }

        
    .et_pb_slider_container_inner {
        width: auto;
        vertical-align: inherit !important;
    }
        
   .cust_fw_slider .et_pb_slide_description {     
     padding-top: 50px !important;
   }
    
    .cust_fw_slider .et_pb_slide_content h5 {
    /*z-index: 5;*/
min-width: 260px;
/*max-width: 300px;*/
margin-left: -20px !important;
margin-right: auto;
width: auto;
font-weight: 300;
line-height: normal;
border-width: 0px;
margin: 0px auto;
letter-spacing: 0px;
font-size: 20px;
/*min-height: 37px;
max-height: 37px;*/
padding-bottom: 80px;
}

.cust_fw_slider .et_pb_slide_content h2{
    /*z-index: 6;*/
min-width: 270px;
/*max-width: 600px;*/
margin-left: -30px !important;
margin-right: auto;
width:auto;
text-indent: 0em;
text-transform: uppercase;
letter-spacing: 2px;
line-height: normal;
margin: 0px auto;
/*padding: 0px;*/
font-weight: 100;
font-size: 29px;
}

 /**Portfolio**/
 
    .et_pb_portfolio_item.et_pb_grid_item {
        height: 350px;
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0;
        margin-left: 0;
    }
    
    .et_pb_portfolio_image .et_overlay {
        height: 100%;
    }
    
    .serv_sec {
        width: 100% !important;
    }
    
      .serv_sec_blrp {
        padding-right:10% !important;
        padding-bottom: 0px !important;
        padding-left:10% !important;
        padding-top: 0px;
      }
      
      .blurb-1.et_pb_column  {
        margin-bottom:40px !important;
      }
      
       .cust_btn_serv {
    color: #1f1a17 !important;
    font-size: 16px;
    background-color: transparent;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
 }
    
    
    .design_cust {
        height: auto;
    }
    
     .sec_height {
        height: auto;
    }
    
      .cust_port_text {
        position: absolute;
        margin-top: 50px;
        width: 130%;
        height: auto;
        padding: 52px 50px;
        margin-bottom: auto;
        background-color: rgba(246,246,246,.98);
      }
    

    /**Contact Us**/
    
     .main_height {
        height: 250px;
     }   
}
 
   
 @media all and (min-width: 481px) and (max-width: 980px) {
    
     .et_mobile_menu {
        text-transform: uppercase;
    }
    
        
    .et_pb_module.et_pb_slider {
        height: 450px !important;
    }
        
    .et_pb_slider_container_inner {
        width: auto;
        vertical-align: inherit !important;
    }
        
   .cust_fw_slider .et_pb_slide_description {     
     padding-top: 40px !important;
   }
   
   .cust_fw_slider .et_pb_slide_content h5 {
    min-width: auto;
    max-width: 460px; 
    margin-left: -20px !important;
    margin-right: auto;
    width: auto;
    font-weight: 300;
    line-height: 25px;
    border-width: 0px;
    margin: 0px auto;
    letter-spacing: 0px;
    font-size: 25px;
    padding-bottom: 80px;
  }


 .cust_fw_slider .et_pb_slide_content h2{
 min-width: 340px;
 margin-left: -30px !important;
 margin-right: auto;
 width:auto;
 text-indent: 0em;
 text-transform: uppercase;
 letter-spacing: 3px;
 line-height: normal;
 margin: 0px auto;
 font-weight: 100;
 font-size: 35px;
} 

    /**Portfolio**/


    .et_pb_portfolio_item.et_pb_grid_item{
      height: 240px !important;
      width: 50% !important;
      max-width: 50% !important;
     }
    
   .img_col_hover .et_pb_team_member_image {
        margin-left: 30px;
        margin-right: auto;
    }
    
    .design_cust {
        height: auto;
    }
    
     .et-pb-icon .et-waypoint .et_pb_animation_off .et-animated{
        border-radius: 50%;
        width: 70px;
        height: 70px;
        line-height: 94px;
    }
    
    .blurb-1 {
        max-width: 340px;
        margin-left: 20px;
        margin-right: auto;
    }
    
        .img_col_hover {
         -webkit-transition: all 2.0s;
  transition: all 2.0s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.img_col_hover:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-filter: none;
  filter: none;

    }    
   
 }


 @media all and (min-width: 981px) and (max-width: 1024px) {

     #et-top-navigation{
       padding-left: 434px !important;
      }

    .cust_fw_slider .et_pb_slide_description {     
     padding-top: 40px !important;
   }

     .et_pb_module.et_pb_slider {
        height: 550px !important;
    }


      .et_pb_slides .et_pb_slider_container_inner{
         vertical-align: inherit !important;
       }
   
   .cust_fw_slider .et_pb_slide_content h5 {
    min-width: 600px;
    max-width: 600px; 
    margin-left: -20px !important;
    margin-right: auto;
    width: auto;
    font-weight: 300;
    line-height: 25px;
    border-width: 0px;
    margin: 0px auto;
    letter-spacing: 0px;
    font-size: 25px;
    padding-bottom: 80px;
  }


 .cust_fw_slider .et_pb_slide_content h2{
 min-width: 340px;
 margin-left: -30px !important;
 margin-right: auto;
 width:auto;
 text-indent: 0em;
 text-transform: uppercase;
 letter-spacing: 3px;
 line-height: normal;
 margin: 0px auto;
 font-weight: 100;
 font-size: 35px;
} 
 

}