/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://popweb.co.za
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");


 


 /* =Theme customization starts here
------------------------------------------------------- */

.blue-light {
	color:#309ae5!important;
}


  /*---------- [Additional font import] ----------
     ----------remove comment tags below to import a font  i.e slash star and star slash
  */
/*@import url('https://fonts.googleapis.com/css?family=FONT-NAME-HERE:400,700');*/
	

	

	
/* Contact Form 7
------------------------------------------------------------ */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],
.wpcf7 input[type="tel"],
.wpcf7-captchar,
.wpcf7-select{
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0px; /*change border radius - 0px is sharp corners*/
color: #ffffff;  /*change font colour*/
background-color: #C5BEB8; /*change field background colour*/
display: inline-block;
font-size: 17px;
height: 40px;
line-height: 20px;
margin-bottom: 5px;
padding: 4px 6px;
vertical-align: middle;
}

.wpcf7 textarea {
width: 100%;
height: 100px;
border-radius: 0px; /*change border radius - 0px is sharp corners*/
color: #ffffff; /*change font colour*/
background-color: #C5BEB8; /*change field background colour*/
display: inline-block;
font-size: 17px;
margin-bottom: 5px;
padding: 4px 6px;
vertical-align: middle;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="select"]:focus,
.wpcf7-captchar:focus,
.wpcf7-tel:focus,
.wpcf7 textarea:focus,
.wpcf7-select:focus{
border-color: #0072bc; /*change border colour on focus */
outline: 0px none;
	color: #ffffff;
}
 
.wpcf7-submit {
color: #006eb6 !important; /*change font colour on submit*/
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #000000; /*change submit background colour on hover*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 2px solid;
border-color:#ffffff; /*change submit border colour on hover*/
padding: 6px 20px !important; 
}
 
.wpcf7 p {
font-size: 17px;
line-height: 20px;
color: #858788;
}

h6 {
	font-size: 20px !important;
	font-weight: 300;
}


@media only screen and (max-width: 980px) {
#logo {
    height: 80% !important;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    }
}

/*Kenburns Top Effect*/
.dp-kenburns-top .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top 10s cubic-bezier(.39,.575,.565,1.000) both;animation:dp-kenburns-top 10s cubic-bezier(.39,.575,.565,1.000) both;}
@-webkit-keyframes dp-kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:scale(1.2) translateY(-15px);transform:scale(1.2) translateY(-15px);-webkit-transform-origin:bottom;transform-origin:bottom}}@keyframes dp-kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:scale(1.2) translateY(-15px);transform:scale(1.2) translateY(-15px);-webkit-transform-origin:bottom;transform-origin:bottom}}

/*Kenburns Top Reverse Effect*/
.dp-kenburns-top-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-rev 6s cubic-bezier(.39,.575,.565,1.000) reverse both;animation:dp-kenburns-top-rev 6s cubic-bezier(.39,.575,.565,1.000) reverse both;}
@-webkit-keyframes dp-kenburns-top-rev{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes dp-kenburns-top-rev{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}

/*Kenburns Top Right Effect*/
.dp-kenburns-top-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-right 5s ease-in-out both;animation:dp-kenburns-top-right 5s ease-in-out both;}
@-webkit-keyframes dp-kenburns-top-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}@keyframes dp-kenburns-top-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}

/*Kenburns Top Right Reverse Effect*/
.dp-kenburns-top-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-right-rev 5s ease-in-out reverse both;animation:dp-kenburns-top-right-rev 5s ease-in-out reverse both;}
@-webkit-keyframes dp-kenburns-top-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top;}}@keyframes dp-kenburns-top-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}

/*Kenburns Right Effect*/
.dp-kenburns-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-right 5s cubic-bezier(.55,.085,.68,.53) both;animation:dp-kenburns-right 5s cubic-bezier(.55,.085,.68,.53) both;}
@-webkit-keyframes dp-kenburns-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}@keyframes dp-kenburns-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}

/*Kenburns Right Reverse Effect*/
.dp-kenburns-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-right-rev 5s cubic-bezier(.55,.085,.68,.53) reverse both;animation:dp-kenburns-right-rev 5s cubic-bezier(.55,.085,.68,.53) reverse both;}
@-webkit-keyframes dp-kenburns-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}@keyframes dp-kenburns-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}

/*Kenburns Bottom Right Effect*/
.dp-kenburns-bottom-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-bottom-right 5s ease-in-out both;animation:dp-kenburns-bottom-right 5s ease-in-out both;}
@-webkit-keyframes dp-kenburns-bottom-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}@keyframes dp-kenburns-bottom-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}

/*Kenburns Bottom Right Reverse Effect*/
.dp-kenburns-bottom-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-bottom-right-rev 5s ease-in-out reverse both;animation:dp-kenburns-bottom-right-rev 5s ease-in-out reverse both;}
@-webkit-keyframes dp-kenburns-bottom-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}@keyframes dp-kenburns-bottom-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}

span.mobile_menu_bar:before{
  color:#ffffff;
}

h4, h5 {
	font-weight: normal !important;
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/* Class to place 2 buttons side by side */
.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline {
    text-align: left !important;
}	

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover {
color: #0173BC !important;
opacity:1 !important;
}

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #0173BC; /*** COLOUR OF THE LINE ***/
 height: 1px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

@media only screen and (max-width: 1140px) {
#top-menu-nav {
display: none;
}
#et_mobile_nav_menu {
display: block
}
}

.grecaptcha-badge { opacity:0;}