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

.arrow-icon{
  left: 50% !important;
}

/* GENERAL */

#vis-mis-row .quote-blurb .et_pb_main_blurb_image {
  background-color: #F7F7F7;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.image-mod img{
  object-fit: cover
}

.service-blurb-mod h3{
font-weight: 700;
  color: #41B5E7
}


.gen-text-mod.white-text p{
  color: #fff !important;
}


.gen-text-mod h1{
  font-family: 'Antique Olive Std Bold',Helvetica,Arial,Lucida,sans-serif;
font-size: 20px;
line-height: 25px;
text-transform: uppercase
}

.gen-text-mod.blue-head h1, .gen-text-mod.blue-head h2{
  color: #0069B0
}

.gen-text-mod h2{
   font-family: 'Antique Olive Std Bold',Helvetica,Arial,Lucida,sans-serif;
font-size: 20px;
line-height: 25px;
text-transform: uppercase

}

.service-mod h2{
font-weight: 900;
font-size: 20px;
}

.gen-text-mod p, .gen-text-mod, li{
font-family: Arial;
font-size: 15px;
color: #2e2e2e;
}

.quote-blurb p{
font-family: Arial;
font-size: 16px;
line-height: 23px;
color: #0069B0;
}

.quote-blurb li{
font-family: Arial;
font-size: 16px;
line-height: 23px;
color: #0069B0;
}
.gen-text-mod.white-text th{
  color: #fff;
}

.quote-blurb p strong{
  color: #2E2E2E;
  font-weight: 500
}
.footer-text-mod a{
  font-family: Arial;
font-size: 15px;
color: #fff;
  display: block

}

.footer-text-mod h3{
       font-family: 'Antique Olive Std Bold',Helvetica,Arial,Lucida,sans-serif;
font-weight: bold;
font-size: 15px !important;;
line-height: 18px;
color: #fff;
}

.footer-text-mod p{
  padding-bottom: 7px
}

.gform_title{
     font-family: 'Antique Olive Std Bold',Helvetica,Arial,Lucida,sans-serif;
font-weight: bold;
font-size: 15px !important;;
line-height: 18px;
color: #fff;

}

/* _________________________________________________________ */

/* HEADER */

#menu-header-row{
  display: flex;
  align-items: center
}

/* _________________________________________________________ */

/* FOOTER */

.copy-right-mod img{
  vertical-align: middle;
}

.profile-mod img{
box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.16);
  border-radius: 5px
}
.contact-form input, .contact-form .textarea{
  border-radius: 5px;
  border: none;
  font-family: Arial;
font-size: 15px;
color: #0069b0;

}
.contact-form h2{
  margin-bottom: 10px !important
}

.contact-form .button{
  background-color: #41B5E7;
  padding: 10px !important;
  color: #fff !important;;
  cursor: pointer
}
.gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 10px !important
 
}
  .gform-footer{
    padding-top: 5px !important;
  }

/* _________________________________________________________ */

/* HOME IMAGE MODS */

.three-col-image .et_pb_text_inner{
  display: flex
}

.image-mod img{
  border-radius: 20px;
  overflow: hidden
}

.three-col-image .small{
  margin-right: 10px
}


/* _________________________________________________________ */

/* FLEXED ROWS */

.flex{
  display: flex;
  align-items: center
}

.slogan-blurb .et_pb_blurb_container h2{
  margin-top: 30px
}

/* _________________________________________________________ */

/* IMAGE MOD WITH THREE IMAGES */

.eq-three-col-mod .et_pb_text_inner{
  display: flex;
  justify-content: space-between
}

.eq-three-col-mod .et_pb_text_inner img{
  max-width: 32%
}

.eq-three-col-mod .et_pb_text_inner br{
  display: none
}
.two-col-image-mod .et_pb_text_inner{
  display: flex;
  justify-content: space-between
}

.two-col-image-mod img{
  width: 48%
}

/* _________________________________________________________ */

/* SERVICE MODS */

.service-mod .et_pb_text_inner{
  background: linear-gradient(rgba(0, 105, 176, 0) 0%, rgba(0, 105, 176, 0.8) 37.44%, #0069b0 100%);
  width: 100%;
  height: 90px;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px
 }


.service-mod{
  display: flex;
  justify-content: center;
  align-items:  end;
}
.service-mod h2{
  line-height: 120%
}


/* _________________________________________________________ */

/* BUTTONS */

.white-btn:hover{
  background-color: #0069B0;
  color: #fff;
  transition: all 0.6s
}

.light-blue-btn:hover{
  background-color: #fff;
  color: #41B5E7;
    transition: all 0.6s
}

.blue-btn:hover{
  background-color: #41B5E7;
  transition: all 0.6s
}

.blue-btn{
  background-color: #0069B0;
  color: #fff
}

.light-blue-btn{
  background-color: #41B5E7;
  color: #fff
}
.btn{
  padding: 14px 20px 10px 20px;
  border-radius: 10px;
    font-family: 'Antique Olive Std Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 14px;
  transition: all 0.6s
}

.white-btn{
  background-color: #fff;
  color: #0069B0
}

a{
    transition: all 0.6s
}
.contact-form .button:hover{
  background-color: #fff !important;
  color: #0069B0 !important;
  transition: all 0.6s !important;
}

.contact-form .button{
  transition: all 0.6s !important;
}

/* _________________________________________________________ */

/* QUOTE CONTAINER */

.quote-blurb{
  border: 1px solid #41B5E7;
  border-radius: 20px;
  padding: 0px 20px 20px 20px;
}

.quote-blurb .et_pb_main_blurb_image{
  margin-top: -50px;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px
}

/* _________________________________________________________ */

/* REFERENCE TABLE */

.num-col{
  width: 185px
}

/* _________________________________________________________ */

/* SERVICE PAGE */

.service-blurb-mod .et_pb_main_blurb_image img{
  height: 300px;
  object-fit: cover;
  border-radius: 20px
}

/* _________________________________________________________ */

/* MOBILE RESPONSIVE */

@media screen and (max-width: 980px){
	
	.projects-mobile-container .et_pb_toggle_open {
  background-color: transparent;
  color: #fff;
  border-color: #fff
}

.projects-mobile-container h5{
  color: #fff !important;
  font-weight: 700;
  font-size: 18px
}

.projects-mobile-container h4{
  color: #fff;
  font-weight: 500;
  border-bottom: 1px solid #fff;
  display: inline-block;
  margin-bottom: 10px;
  padding-bottom: 5px
}

.projects-mobile-container p a{
  color: #fff
}

.projects-mobile-container .et_pb_toggle_close {
  background-color: transparent;
  border-color: #fff
    
}
.projects-mobile-container .et_pb_toggle_close h5{
  font-size: 15px
}

.et_pb_toggle_title::before {
  color: #fff
}
  
  .flex{
    flex-flow: column
  }
  
}

/* _________________________________________________________ */

@media screen and (max-width: 600px){
	
	#service-section .gen-text-mod table tr{
  font-size: 12px !important;
  line-height: 120%

}

#service-section .gen-text-mod table th, #service-section .gen-text-mod table td{
  padding: 5px
}
  
  .et_pb_row{
    width: 90%
  }
	.slogan-blurb .et_pb_blurb_container h2 {
  margin-top: 0;

}
.slogan-blurb .et_pb_blurb_content{
  display: flex;
  align-items: center
  
}
.slogan-blurb .et_pb_main_blurb_image{
  width: 100px
}
  
}

/* _________________________________________________________ */

/* _________________________________________________________ */


/* _________________________________________________________ */


/* _________________________________________________________ */


/* _________________________________________________________ */