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

/* DISPLAY NONE */

.product_meta > :last-child {
  display: none
}

/* GENERAL */

body, p, a, li, h1, h2, h3, h4, div{
  font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
}
.sub-heading h2{
font-weight: 600;
font-size: 35px;
line-height: 40px;
}

.sub-heading h1{
  font-weight: 600;
font-size: 35px;
line-height: 40px;
  color: #000
}

.sub-heading.black-head h2{
  color: #000 !important;
}

.sub-heading.blue-head h2{
  color: #0093FF !important;
}

.sub-heading h3{
font-weight: 300;
font-size: 15px;
color: #707070;
line-height: 23px
}

.gen-text-mod p, .gen-text-mod li{
font-weight: 300 !important;
font-size: 13px;
color: #707070;
	line-height: 20px
}

/* ___________________________________________________________ */

/* Hero Section */

.hero-slider-mod h2{
  font-size: 15px;
  line-height: 23px;
  font-weight: 500
}

.hero-slider-mod .et_pb_slide{
  padding: 0 !important;
  
  
}

.hero-slider-mod .et_pb_container{
   width: 80%;
  max-width: 1080px
}

.hero-slider-mod .et_pb_container .et_pb_slide_description{
 max-width: 430px;
  margin-left: 0
}

.btn{
  padding: 10px 20px;
  border-radius: 5px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 13px;
   transition: all 0.6s;
  border: 1px solid
  }

.blue-btn{
  background-color: #0093FF;
  color: #fff !important;
	border-color: #0093FF
}

.white-btn{
  background-color: #fff !important;;
  color: #0093FF !important;
	border-color: #fff
}

.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: unset !important;
  
}

.hero-btn-container{
  display: flex;
  margin-top: 20px
}

.hero-btn-container .blue-btn{
  margin-right: 15px
}

.hero-slider-mod h1{
  margin-bottom: 15px
}

.blue-btn:hover{
  background-color: #fff !important;;
  color: #0093FF !important;
  transition: all 0.6s
}

.white-btn:hover{
  background-color: #0093FF !important;
  color: #fff !important;
   transition: all 0.6s
}

.products .product .button{
  width: 100%;
  text-align: center;
  border-radius: 0 !important;
  color: #fff !important;
  background-color: #000 !important;;
  border-color: #000 !important;
}

/* ___________________________________________________________ */

/* SEARCH BAR */

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
border-radius: 10px !important;
background: #fff;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16) !important;;
padding-top: 8px !important;
  padding-bottom: 8px !important;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
	font-size: 12px !important;
	font-style: italic !important
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{
  top: 5px
}

.dgwt-wcas-sf-wrapp{
  padding: 0 !important;
}


/* ___________________________________________________________ */

/* HEADER */

#header-contact-row .dark{
font-weight: 700 !important;
color: #707070 !important;
}

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

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

.header-menu-mod a{
  font-weight: 500;
font-size: 13px;
color: #707070;
}

.header-logo-mod .et_pb_text_inner{
  display: flex;
  align-items: center
}

.header-logo-mod h3{
  font-size: 15px;
  font-weight: 600;
  color: #0093FF;
  font-style: italic
  }

.header-logo-mod img{
  padding-right: 20px
}

/* ___________________________________________________________ */

/* FOOTER */

.footer-text-mod p{
font-weight: 300;
font-size: 13px;
}

.footer-text-mod h3{
font-weight: bold;
font-size: 13px;;
  margin-bottom: 5px
}

.footer-text-mod a{
  display: block;
  margin-bottom: 5px;
    font-weight: 300;
font-size: 13px;
   transition: all 0.6s
  }

.footer-text-mod br{
  display: none
}

.footer-text-mod a:hover{
  padding-left: 10px ;
  transition: all 0.6s
}

.copy-right-text{
  font-weight: 300 !important;
font-size: 13px;
}

.copy-right-text a{
  font-weight: 500
}

#contact-mod a img{
  padding-right: 10px
}

#time-mod.footer-text-mod br{
  display: block
}

/* ___________________________________________________________ */

/* PRODUCT CATEGORY SECTION */

.et_pb_column:has(.product-cat-blurb:hover){
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.60);
  transition: all 0.6s
}

.cat-row .et_pb_column{
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  overflow: hidden;
	transition: all 0.6s

}

.product-cat-blurb .et_pb_blurb_container{
  padding: 0px 20px 20px 20px
}

/* ___________________________________________________________ */

/* SERVICE TABS */

#service-tab-mod .et_pb_tabs_controls{
  background-color: transparent;
  }

#service-tab-mod{
  border: unset !important;
}

#service-tab-mod li{
  border: none;
    background-color: transparent;
}

#service-row ul.et_pb_tabs_controls::after {
  border-color: transparent
}

#service-tab-mod .et_pb_all_tabs{
    background-color: transparent !important;
}
#service-tab-mod li a{
font-weight: bold;
font-size: 16px;
color: #b7b7b7;
  padding-right: 5px
}

#service-tab-mod li.et_pb_tab_active a{
font-weight: bold;
font-size: 16px;
color: #707070 !important;
}

#service-tab-mod .et_pb_tab p{
  margin-bottom: 10px
}

#service-tab-mod .blue-btn{
  margin-top: 20px !important;
  display: inline-block
}

#service-tab-mod{
  background-color: #f7fbff;
  border-left: 1px solid #E5E7EB !important;
  border-right: 1px solid #E5E7EB !important;
  border-bottom: 1px solid #E5E7EB !important;
  border-radius: 0px 0px 10px 10px;
  max-width: 85%;
  padding-bottom: 70px
}

#services-head-row.sub-heading{
  background-color: #f7fbff;
  border-top: 1px solid #E5E7EB !important;
  border-left: 1px solid #E5E7EB !important;
  border-right: 1px solid #E5E7EB !important;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 0 !important;
  padding-top: 60px;
    max-width: 85%
}
.image-mod img{
  border-radius: 20px
}

#proware-service-image-mod{
  max-width: 47%;
  position: absolute;
 top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding-top: 50px;
  }

#proware-service-image-mod img{
  border-radius: 20px
}

#service-tab-mod .et_pb_tab_content, #service-tab-mod, #service-tab-mod .et_pb_all_tabs, #service-tab-mod .et_pb_tab{
  position: unset !important;
}

#service-tab-mod ul.et_pb_tabs_controls, #service-tab-mod div.et_pb_all_tabs{
  max-width: 60%
}

/* ___________________________________________________________ */

/* ABOUT SECTION - HOME */

#about-image-mod img{
  margin-left: -10%;
  z-index: 999;
  position: relative
}
#about-image-mod{
	overflow: visible;
}

/* ___________________________________________________________ */

/* WHY BLURBS */

#why-blurb-row .et_pb_column{
 border-radius: 10px;
background: #f7fbff;
border: 1px solid #e5e7eb;
  padding: 30px 30px 30px 30px;
}

#why-blurb-row .why-blurbs{
  margin-top: -50px
}

#why-blurb-row .why-blurbs .et_pb_main_blurb_image {
  margin-bottom: 20px !important;
}



/* ___________________________________________________________ */

/* PRODUCT THUMBNAILS */

li.product{
background: #fff;
filter: drop-shadow(0px 10px 33px rgba(0, 0, 0, 0.16));
border-radius: 10px;
  overflow: hidden
}

li.product h2{
font-weight: 500;
font-size: 15px;
text-align: center;
color: #333d48;
}

li.product .price bdi{
font-weight: bold !important;;
font-size: 20px !important;
color: #000 !important;
  padding-bottom: 0;
  	font-style: normal;
  }

#left-area li.product span.price{
font-weight: 400 !important;;
font-size: 13px !important;
color: #000 !important;
  padding-bottom: 0;
	font-style: italic;
  line-height: 25px
 }

li.product .price{
  text-align: center;
  padding-bottom: 20px
}

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

.help-btn-mod .btn{
  display: block
}

.help-btn-mod#border-btn a{
  background-color: transparent !important;
  color: #fff !important;
}


.help-btn-mod#border-btn a:hover{
   background-color: #fff !important;
  color: #1A6EDD !important;
}

/* ___________________________________________________________ */

/* Product Page */

h4.widgettitle{
font-weight: bold;
font-size: 18px;
color: #000;
  margin-bottom: 20px
}

#sidebar li.cat-item a{
font-weight: 500;
font-size: 14px !important;
color: #333d48;
  display: block;
  border-bottom: 1px solid #F2F2F2;
padding-bottom: 13px;
  margin-bottom: 25px;
   transition: all 0.6s
}

#sidebar li.cat-item a:hover{
  border-color: #000;
  padding-left: 10px;
  transition: all 0.6s
}

#sidebar{
  padding-right: 0px !important;
}

#et-main-area #main-content .container::before {
  background-color: #F2F2F2;
  left: 23.875% !important;
}

#main-content .container{
  padding-top: 0 !important;
  margin-top: 30px
}

.woocommerce-breadcrumb{
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important
}

h1.product_title{
  font-weight: bold;
  font-size: 25px;
  color: #0093ff;
}

.woocommerce-Price-amount bdi{
font-weight: bold;
font-size: 23px;
color: #000 !important;
}

#left-area .price{
  font-weight: 600;
font-size: 18px !important;;
color: #000 !important;
  font-style: italic
}

#main-content .price{
  font-weight: 400;
font-size: 13px !important;;
color: #000 !important;
  font-style: italic;
  }



.et_overlay::before {
  display: none
}

.et_shop_image{
display: unset
}

.woocommerce-product-details__short-description{
  margin-top: 10px
}

.woocommerce-product-details__short-description p, .woocommerce-Tabs-panel p{
  font-weight: 300 !important;
font-size: 13px !important;
color: #707070 !important;
	line-height: 20px
}

.woocommerce-tabs h2{
font-weight: 600 !important;
font-size: 14px !important;
color: #707070 !important;
}

.woocommerce-Tabs-panel{
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  margin-top: 20px !important;
}

.woocommerce-tabs{
  border: unset !important;
}

.tabs.wc-tabs, .tabs.wc-tabs li{
  background-color: transparent !important;
  border: unset !important;

}

.tabs.wc-tabs, .tabs.wc-tabs li a{
  font-weight: 500 !important;;
font-size: 14px;
color: #333d48;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
  background-color: #000;
  color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-color: transparent
}
.submit{
  padding: 10px 20px !important;;
  border-radius: 5px !important;;
   font-weight: 500 !important;;
  font-size: 13px !important;;
   transition: all 0.6s !important;
  border: 1px solid #0093FF !important;
  color: #0093FF !important;
}

.submit:hover, .button:hover{
  background-color: #0093FF !important;
  color: #fff !important;
}

#content-area .cart .button{
  padding: 10px 20px !important;;
  border-radius: 5px !important;;
   font-weight: 500 !important;;
  font-size: 13px !important;;
   transition: all 0.6s !important;
  border: 1px solid #0093FF !important;
  color: #0093FF !important;
   background-color: #fff !important;
}

.button{
  padding: 10px 20px !important;;
  border-radius: 5px !important;;
   font-weight: 500 !important;;
  font-size: 13px !important;;
   transition: all 0.6s !important;
  border: 1px solid #0093FF !important;
 }


.button:after{
  display: none
}

.input-text{
  padding: 9px 5px !important;;
  border-radius: 5px !important;
  border: 1px solid #0093FF !important;
  background-color: transparent !important;
}

.product_meta{
  border-top: 1px solid #F2F2F2;
  padding-top: 10px;
  color: #7E7E7E;
  font-size: 13px
}

.product_meta a{
  color: #000
}

.related.products>h2{
 font-weight: bold;
font-size: 25px;
text-align: center;
color: #000;
  margin-bottom: 20px;
  padding-top: 20px !important;
}

.related.products .woocommerce-loop-product__title{
font-weight: 500;
font-size: 15px !important;;
text-align: center;
color: #333d48;
  padding: 0px 7px !important;
}

h1.woocommerce-products-header__title{
font-weight: bold;
font-size: 25px;
color: #0093ff;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  background: transparent;
  border-radius: 10px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16) !important;
font-weight: 300;
font-size: 13px !important;;
color: #707070 !important;
  margin-top: 10px
}

.why-choose-checks .et_pb_blurb_container{
  padding-left: 0 !important;
  padding-top: 2px
}

.why-choose-checks .et_pb_main_blurb_image{
  width: 25px
}


/* ___________________________________________________________ */

/* Contact */

#contact-col-form{
border-radius: 10px;
background: #f7fbff;
border: 1px solid #e5e7eb;
padding: 30px
}

.contact-form input, .contact-form .textarea{
  border-radius: 10px;
  border: 1px solid #E5E7EB;
}

.contact-form label{
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #000
}

#contact-col-form .sub-heading h2{
  text-align: center !important;
}

/* ___________________________________________________________ */

/* NEWS */

.blog #sidebar{
  display: none
}

.blog #left-area{
  padding-left: 0;
  width: 100%;
}

.blog  #main-content .container::before {
  display: none
}

.blog #left-area{
  display: flex;
  justify-content: space-between;
	flex-flow: wrap;
}
.blog #left-area article{
  width: 30%;
border-radius: 15px !important;;
background: #fff;
border: 1px solid #e5e7eb;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  padding: 220px 20px 20px 20px;
  position: relative;
font-weight: 300;
font-size: 13px;
color: #707070;
  transition: all 0.6s
}

.blog .entry-featured-image-url{
  position: absolute;
  top: 0;
  width: 100%;
  left: 0
}

.blog h2.entry-title{
font-weight: bold;
font-size: 16px;
color: #707070;
	  line-height: 150%
}

.blog #left-area article:hover{
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.56);
  cursor: pointer;
  transition: all 0.6s
}
.single-post h1.entry-title{
font-family: Poppins;
font-weight: 600;
font-size: 35px;
line-height: 40px;
color: #000;
}

.single-post article{
border-radius: 10px;
background: #fff;
border: 1px solid #e5e7eb;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
max-width: 900px;
  margin: 50px auto !important;
  overflow: hidden
}

.single-post .entry-content{
  width: 90%;
  margin: auto
}

.single-post .entry-title{
   width: 90%;
  margin: auto;
  padding-top: 25px
}

.single-post .post-meta{
font-weight: 300;
font-size: 15px;
text-align: center;
color: #707070;
  display: none
}

.et_post_meta_wrapper{
  display: flex;
  flex-flow: column-reverse
}

.single-post article, .single-post article p{
font-weight: 300;
font-size: 13px;
color: #707070;
}

.single-post article h2{
font-weight: bold;
font-size: 17px;
color: #707070;
}

.single-post article h3{
font-weight: 700;
font-size: 13px;
color: #707070;
}
#comment-wrap{
  width: 90%;
  margin: auto
}

/* ___________________________________________________________ */

/* Product OPTIONS */

.variations .label{
  padding: 0 !important;;
  margin-left: 0 !important;;
  text-align: left;
  color: #000;
  padding-top: 5px !important;
}

#left-area .variations .value select{
  background-color: #0093FF !important;
  padding: 10px 10px !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* ___________________________________________________________ */

/* PRODUCT ARCHIVE COLUMNS */

.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product, .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product {
   width: 31.666% ;
   margin-right: 2.5%;
   margin-bottom: 2.5%
}

archive li.product:nth-child(3n){
  margin-right: 0 !important;
}

.products li.product.product_cat-top-sellers:after{
  content: url(/wp-content/uploads/Top-Seller.svg);
  position: absolute;
  top: 5px;
  right: 5px
}

/* ___________________________________________________________ */

/* Request a quote layout */

#left-area .addify-quote-form.template_one .af-quote-field-table {
  max-width: 100% !important;
}

.woocommerce .quote-fields input, .woocommerce .quote-fields textarea{
  border-radius: 10px
}

.woocommerce .af-quote-field-table .form_row {
  text-align: left !important;
  left: 0 !important;
}

.woocommerce .af-quote-field-table button{
  border-color: inherit !important;
}

.woocommerce .quote-fields label{
  font-weight: 400;
  color: #000;
  font-size: 14px
}

.woocommerce.adf-request-quote-page{
border-radius: 10px;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
padding: 20px
}

/* ___________________________________________________________ */

/* RACKING */

#racking-service-row .why-blurbs .et_pb_main_blurb_image{
  margin-top: -30px;
  z-index: 99
}

#racking-service-row .et_pb_column{
  overflow: visible
}

#racking-row .et_pb_column{
border-radius: 10px;
background: #f7fbff;
border: 1px solid #e5e7eb;
  overflow: hidden;
  padding-bottom: 20px
}

.racking-blurb .et_pb_blurb_description{
  padding: 0px 10px
}

.racking-blurb .blue-btn{
  display: block;
  margin: 0 10px;
  margin-top: 10px
}

.product-categories{
  display:flex;
  flex-direction:column; /* keeps it vertical like a normal <ul> */
}
.product-categories > li{ order: 10; }  /* default order */
.product-categories > li.cat-item-35{ 
  order: 0; }/* appears first */

.product-categories > li.cat-item-35 a{ 
 font-weight: 700 !important;
  color: #0091FC !important;
}

/* ___________________________________________________________ */

/* OTHER PAGES */

.page-id-3 #main-content .container, .page-id-13 #main-content .container, .page-id-464 #main-content .container{
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
padding: 20px !important;
  margin-bottom: 70px
}

/* ___________________________________________________________ */

/* Mobile 980 */

@media screen and (max-width: 980px){
	
	#sidebar{
  margin-top: 30px
}
	
	.blog #left-area article{
   padding: 34% 20px 20px 20px;
	}
	
	.blog #left-area {
 flex-flow: wrap
}

.blog #left-area article{
  width: 49%
}
	
	.sub-hero-text-mod p{
  font-size: 11px;
  line-height: 150%
}
	
	#sub-hero-section, #sub-hero-row{
  height: unset !important;
}

#sub-hero-section #sub-hero-row .et_pb_column{
  position: relative !important;
  top: unset !important;
  bottom: unset !important;;
  left: Unset !important;;
  right: unset !important;;
  transform: unset !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important
}

#sub-hero-section{
  background-position: center 
}
	
	#services-head-row.sub-heading, #service-tab-mod{
   max-width: 100%;
}

#proware-service-image-mod{
  max-width: 100%;
  position: relative;
  top: 0 !important;;
  transform: unset;
  right: unset;
  padding-top: 20px;
}

#service-tab-mod ul.et_pb_tabs_controls, #service-tab-mod div.et_pb_all_tabs {
  max-width: 100% !important;
}
	
  .cat-row{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: stretch !important; /* equal heights */
  column-gap: 2% !important;       /* adjust gutter */
  padding-bottom: 2%
}

.et_pb_row > .et_pb_column{
  height: 100%;
  padding-top: 10px
}

.product-cat-blurb .et_pb_blurb_container {
  padding: 0px 15px 0px 15px;
}
	#tick-row{
  display: flex;
  flex-flow: column;
  max-width: 134px
}

#tick-row .et_pb_column{
  margin-bottom: 0
}
	
		.single-product #sub-hero-section{
  background-position: center
}
	
}


/* ___________________________________________________________ */



/* Mobile 600 */

@media screen and (max-width: 600px){
	
	.blog #left-area article{
   padding: 64% 20px 20px 20px;
	}
	
	.blog #left-area {
 flex-flow: wrap
}

.blog #left-area article{
  width: 100%
}
	
	
	.container {
  width: 90%
}
	
	.sub-hero-text-mod h2{
 font-size: 25px !important
}
  
  .et_pb_row:not(#hero-row){
    width: 90%
  }
  .hero-slider-mod .et_pb_container{
    width: 90%;
   }
  
  .hero-slider-mod .et_pb_container .et_pb_slide_description {
    max-width: 100% !important;
    text-align: center !important;
  }
  
  .hero-btn-container{
    justify-content: center;
    flex-flow: column
  }
  
  #hero-row .hero-slider-mod h1{
    font-size: 30px !important;
  }
  
  #hero-row .hero-slider-mod h2{
    font-size: 13px !important;
  }
  
  #hero-row .hero-slider-mod .et_pb_slide_description br{
    display: none
  }
  .hero-btn-container .blue-btn {
  margin-right: 0;
    margin-bottom: 15px
  }
	.sub-heading h2, .single-post h1.entry-title {
  font-size: 28px
}
	
	.product-cat-blurb h3{
  font-size: 15px !important;
}
	
.product-cat-blurb p{
  font-size: 12px !important;
}
	
}



.mobmenu-panel{
  border-radius: 20px;
  border: 2px solid #E5E7EB
}

.request-btn a{
 color: #000 !important;
  font-weight: 700 !important;
}

#mobmenuright .dgwt-wcas-search-wrapp{
  max-width: 80%;
  margin-top: 20px
}
	
	/* ___________________________________________________________ */

/* Mobile 479 */

@media screen and (max-width: 479px){
	#left-area li.product{
  width: 47.25% !important;
}

#left-area li.product h2{
  font-size: 13px !important;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px
}
}


	/* ___________________________________________________________ */
	/* ___________________________________________________________ */
	/* ___________________________________________________________ */
	/* ___________________________________________________________ */
	/* ___________________________________________________________ */