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

.trust-module p{
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800
}

.trust-module h2{
  font-size: 25px;
  padding-bottom: 3px
}


/* FONTS */

@font-face {
    font-family: "Merriweather Local";
    src: url("/wp-content/uploads/fonts/Merriweather_120pt-Regular.woff2")
         format("woff2");
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
}

.merriweather-120 {
    font-family: "Merriweather Local", Georgia, serif;
    font-optical-sizing: none;
    font-variation-settings:
        "opsz" 120,
        "wght" 400;
}

@font-face {
    font-family: "Merriweather Bold";
    src: url("/wp-content/uploads/fonts/Merriweather_120pt-Bold.woff2")
         format("woff2");
    font-weight: 700;
 }

.merriweather-bold {
    font-family: "Merriweather Bold", Georgia, serif;
    font-weight: 700;
}
.sub-heading h2{
   font-family: "Merriweather Bold", Georgia, serif !important;
  padding-bottom: 20px;
	text-transform:  capitalize !important;
}

.gen-bullet-list ul li{
  margin-bottom: 7px
}

.service-image-mod{
  height: 100% !important;
  max-height: 100% !important;
}

.service-image-mod div{
  height: 100% !important;
  max-height: 100% !important;
}
.service-image-mod .et_pb_image_wrap{
  height: 100% !important;
  max-height: 100% !important;
}

.service-image-mod .et_pb_image_wrap img{
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover
}

/* GENERAL */


.footer-text-mod p{
font-weight: 300;
font-size: 15px;
line-height: 20px;
text-align: left;
color: #000;
}

.footer-text-mod h3{
font-family: "avenir-lt-pro", sans-serif;
font-weight: 900;
font-size: 18px;
color: #000;
text-transform: uppercase
}

.footer-menu a{
font-weight: 300;
font-size: 14px;
color: #000;
}

a, p{
	font-family: "avenir-lt-pro", sans-serif;
}

h1{
	  font-family: "Merriweather Local", Georgia, serif;
}

.header-menu-mod a{
 font-weight: 750;
font-size: 14px;
color: #000;
text-transform: uppercase;
padding-top: 40px !important;
padding-bottom: 18px !important;
}
.heading-mod h1{
font-size: 34px !important;
line-height: 43px;
color: #e4a90c;
  font-weight: 400 !important;
}

.heading-mod h2{
font-family: "avenir-lt-pro", sans-serif;
font-weight: 300 !important;;
font-size: 20px;
line-height: 25px;
color: #1a1818 !important;;

}

.gen-text-mod h2{
  font-family: "avenir-lt-pro", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 800;
  color: #1A1818
}
.gen-text-mod h3{
  font-family: "Merriweather Local", Georgia, serif;
font-size: 30px;
line-height: 35px;
color: #e4a90c;

}
.gen-text-mod p, .gen-text-mod li{
font-family: "avenir-lt-pro", sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 22px;
color: #000;

}
#aboutpage-cta-row .cta-mod .et_pb_promo_description {
  max-width: 500px;
}

.cta-mod .et_pb_promo_description strong{
  font-weight: 800
}



/* Header */

.et_pb_menu__logo a{
  padding: 0 !important;
}

/* Keep the title and image together */
.whole-slide-slider .et_pb_slide .et_pb_container {
  display: flex;
  align-items: stretch;
  width: 100%;
}

/* Remove Divi's separate image and text animations */
.whole-slide-slider .et_pb_slide_image,
.whole-slide-slider .et_pb_slide_description,
.whole-slide-slider .et_pb_slide_content,
.whole-slide-slider .et_pb_slide_title,
.whole-slide-slider .et_pb_button_wrapper {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Animate the complete container when its slide becomes active */
.whole-slide-slider
.et_pb_slide.et-pb-active-slide
.et_pb_container {
  animation: whole-slide-fade 0.8s ease-in-out both !important;
}

@keyframes whole-slide-fade {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#hero-slider-mod .et_pb_slide_image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(228, 169, 12, 0.35);
}


#hero-slider-mod .et_pb_slider_container_inner{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
   gap: 10px
  }

#hero-slider-mod .et_pb_slide_image, #hero-slider-mod .et_pb_slide_description{
  width: 50%;
  max-width: 100%;
  margin: 0 !important;
  text-shadow: unset !important;
  top: unset !important;;
  bottom: unset !important;
  position: relative;
  text-align: unset;
}

#hero-slider-mod .et_pb_slide_image img{
  height: 100% !important;;
  width: 100% !important;
  max-height: 100% !important;
  vertical-align: unset !important;
}

#hero-slider-mod .et_pb_slide_description{
  background-color: #E4A90C !important;
  display: flex;
  align-items: center;      /* Vertical centre */
  justify-content: center;  /* Horizontal centre */
  }
#hero-slider-mod .et_pb_slide_description h2{
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
font-family: "merriweather", serif;
font-weight: 900;
color: #000;
}

#hero-slider-mod .et_pb_slide{
  padding: 0
}

.cta-mod{
  display: flex;
  align-items: center;
	  justify-content: center
  }

.cta-mod .et_pb_promo_description{
  padding-bottom: 0;
  padding-right: 30px
}
.cta-mod .et_pb_promo_description{
  max-width: 465px;
}



/* BODY */

.service-blocks h2{
  font-family: "merriweather", serif;
  padding-bottom: 0
}

.service-blocks{
  padding: 50px 10px
}

#service-blocks-section .et_pb_column{
  display: flex;
  align-items: center;
  justify-content: center
}

#service-blocks-section .et_pb_column_13, #service-blocks-section .et_pb_column_16{
  margin: 0px 10px
}


.project-row-images .gen-image-mod .et_pb_image_wrap img{
  height: 263px;
  width: 100% !important;;
  object-fit: cover
}

.project-row-images .gen-image-mod .et_pb_image_wrap{
  width: 100%
}

#sub-hero-image-row .hero-image-mod .et_pb_image_wrap img{
  height: 26vw;
  width: 100% !important;;
  object-fit: cover
}

#sub-hero-image-row .hero-image-mod  .et_pb_image_wrap{
  width: 100%
}


.page-id-11 #footer-section{
  padding-top: 200px;
}

.page-id-11 #main-content{
  z-index: 99;
  position: relative;
}

.page-id-11 #header-section{
  border-bottom: none
}

.quote-mod h4 strong{
  color: #E4A90C
}

.sub-hero-image-row-3-col #second-col{
  margin: 0px 10px
}

#sub-hero-image-row.sub-hero-image-row-2-col #first-col{
  margin-right: 4px
}

#sub-hero-image-row.sub-hero-image-row-2-col #second-col{
  margin-left: 5px
}

/* Footer */

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

@media screen and (max-width: 980px){
  
  .mobile-reversed{
  display: flex;
  flex-flow: column-reverse
}
  
}