/*
 Theme Name:     Webbros
 Author:         Webbros Digital
 Author URI:     https://www.webbros.co.nz
 Template:       Divi
 Version:        1.0
*/


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */


.customheader{
	display: inline-block;
	background-color:#000000 !important;
	width:100%;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	transition: height 0.3s ease;
  	-webkit-transition: height 0.3s ease;
}
.et-fixed-header .customheader{
	padding-top:5px;
	padding-bottom:5px;
	transition: height 0.3s ease;
  	-webkit-transition: height 0.3s ease;
}
.header-left{
	float:left;
	width:50%;
}
.header-right{
	float:right;
	width:50%;
	text-align:right;
}
#tf-logo{
	width:90%;
	transition: width 0.3s ease;
  	-webkit-transition: width 0.3s ease;
}
.et-fixed-header #tf-logo{
	width:60%;
}
.customheaderwrapper{
	max-width:1080px;
	margin: 0 auto;
}
.phoneno{
	font-weight:bold;
	font-size:18pt;
	color:#d62027;
	text-align:right;
	display:block;
	margin-bottom:5px;
	transition: height 0.3s ease;
  	-webkit-transition: height 0.3s ease;
}
.et-fixed-header .phoneno{
padding-top: 10px;
}
.et-fixed-header a.emaillink{
padding-top: 0px;
	color:#ffffff !important;
	font-size:16px;
}

@media all and (min-width: 480px){
    .keep600 {
        min-width: 600px!important;
    }
    .left-slant-black:after,.right-slant-black:before,.left-slant-light-blue:after,.right-slant-light-blue:before,.left-slant-dark:after,.right-slant-dark:before,.left-slant-green:after,.right-slant-green:before{
        width: 115%;
        height: 100%;
        z-index: -1;
        content: "";
        position: absolute;
        top: 0;
    }
}
.left-slant-black:after{
    left:0;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
    background-color: rgba(0,0,0,0.80);
}
.right-slant-black:before{
    right: 0;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    background-color: rgba(0,0,0,0.80);
}
.left-slant-light-blue:after{
    left:0;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
    background-color: rgba(225,0,0,0.80);
}
.right-slant-light-blue:before{
    right: 0;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    background-color: rgba(225,0,0,0.80);
}
.left-slant-dark:after{
    left:0;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
    background-color: #000019;
}
.right-slant-dark:before{
    right: 0;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    background-color: #000019;
}
.left-slant-green:after{
    left:0;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
    background-color: #003241;
}
.right-slant-green:before{
    right: 0;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    background-color: #003241;
}
img#logo {
    max-width: 300px !important;
}
@media all and (max-width: 480px){
	img#logo {
	    max-width: 210px !important;
	}
}
@media (max-width: 1205px) {
 #et_mobile_nav_menu {
 display: block;
 }

#top-menu {
 display: none;
 }
 }
 #footer-widgets .footer-widget li {
     position: relative;
     padding-left: 0px;
 }
 #main-footer .footer-widget h4 {
	 font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
 }
 body #page-container .et_pb_section .product-button:after {
    line-height: 38px;
    font-size: 28px !important;
    opacity: 1;
    margin-left: .3em;
		left:initial;
		right: -20px !important;
    width: 40px !important;
    padding: 5px 10px !important;
}
#overlay-517 #input_2_2 > div{
		margin: 0 auto;
}