/*#2fef103
Theme Name: Disinfection Mats Child Theme
Version: 2.0
Description: Child Theme for Disinfection Mats
Author: Gavin Lovegrove
Template: Divi
Author URL: https://www.shoofinternational.com/disinfectionmat
*/
/*------- Theme Customizations------- */
/*
**********************************

 VARIABLES

**********************************
*/
/***********************************/
/* WOOCOMMERCE CSS */
/***********************************/
/* Hide acrt icon */
#et-top-navigation .et-cart-info {
  display: none;
}

.woocommerce button.button.alt.disabled {
  background-color: rgba(46, 163, 242, 0.5);
}

.woocommerce-page a.button,
.woocommerce-page.et_pb_button_helper_class a.button.alt,
.woocommerce-page.et_pb_button_helper_class a.button,
.woocommerce button.button, .woocommerce button.button.alt,
.woocommerce-page button.button, .woocommerce-page button.button.alt,
.woocommerce-page.et_pb_button_helper_class a.button.alt {
  /*color: rgba(46,163,242,0.9);*/
  color: #FFF;
}

.related.products {
  display: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding: 8px 12px;
}

.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty {
  height: 39px;
  background-color: rgba(0, 0, 0, 0.7) !important;
}

/***********************************/
/* STANDARD SITE CSS */
/***********************************/
.et_pb_section {
  background-color: transparent !important;
}

h2, h3, h4 {
  color: #444444;
  position: relative;
  margin-bottom: 15px;
}

h2.center:before,
h3.center:before,
h4.center:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 3px;
  bottom: 4px;
  left: 50%;
  background: #0AAFFF;
  transform: translateX(-50%);
}

/* For vertical positioning of hero text */
.relative {
  position: relative;
}

.hero-text-wrapper {
  position: relative;
  height: 400px;
}

.hero-text {
  position: absolute;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  font-size: 2.5vw;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: -1px;
  line-height: 1.2em;
  top: 50%;
  left: 0;
  padding: 15px;
  transform: translate(0, -50%);
  width: 50%;
  background-color: rgba(0, 0, 0, 0.4);
}

p.text-large {
  font-size: 24px;
  font-weight: normal;
  color: #777777;
  line-height: 1.4;
}

p.text-medium {
  font-size: 20px;
  font-weight: normal;
  color: #888888;
  line-height: 1.4;
}

.et_pb_text_inner .columns-2 {
  -moz-columns: 2 200px;
       columns: 2 200px;
  -moz-column-fill: auto;
       column-fill: auto;
}

.et_pb_text_inner .columns-3 {
  -moz-columns: 3 200px;
       columns: 3 200px;
  -moz-column-fill: auto;
       column-fill: auto;
}

.et_pb_text_inner .columns-4 {
  -moz-columns: 4 200px;
       columns: 4 200px;
  -moz-column-fill: auto;
       column-fill: auto;
}

#main-content a:hover {
  text-decoration: underline;
}

a.et_pb_button,
button.et_pb_contact_submit.et_pb_button {
  color: #fff !important;
  background-color: #1679D7 !important;
  text-decoration: none !important;
}

a.et_pb_button:hover,
button.et_pb_contact_submit.et_pb_button:hover {
  color: #1679D7 !important;
  background-color: #ffffff !important;
  text-decoration: none !important;
}

.sm-tile {
  background: #fff;
  box-shadow: -1px 44px 22px -54px rgba(0, 0, 0, 0.28);
  padding-bottom: 25px;
  text-align: center;
  transition: all 0.2s linear;
  border: solid 1px #eee;
  border-radius: 3px;
}

.sm-tile:hover {
  box-shadow: -1px 44px 22px -36px rgba(0, 0, 0, 0.31);
  transition: all 0.2s linear;
}

.sm-tile h4 {
  font-size: 20px;
}

.sm-tile h3,
.sm-tile h4 {
  padding: 15px 20px 0px;
}

.sm-tile p {
  font-size: 14px;
  line-height: 1.4;
  padding: 0 20px 15px;
}

.sm-tile .specs {
  font-size: 15px;
  width: calc(100% - 40px);
  margin: 0 20px 5px;
}

.sm-tile .specs th {
  background: #eee;
}

#contact-details {
  text-align: right;
}

#footer-details {
  text-align: left;
}

#footer-details a {
  color: #ffffff;
}

ol.steps {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding: 0 0 23px 0px !important;
}

ol.steps li {
  counter-increment: my-awesome-counter;
  display: flex;
}

ol.steps li::before {
  content: counter(my-awesome-counter) ". ";
  color: #0AAFFF;
  font-weight: bold;
  margin-right: 10px;
}

/* Table styles */
table.specs {
  text-align: left;
}

table.specs tr th,
table.specs tr td {
  border: solid 1px #eee;
  padding: 6px 10px;
  vertical-align: text-top;
  width: 12.5%;
  line-height: 1.3;
}

.table-bg-1 {
  font-weight: bold;
  color: #fff;
  background: #666;
}

.table-bg-2 {
  color: #fff;
  background: #0AAFFF;
}

.table-bg-3 {
  font-weight: bold;
}

.highlight {
  font-size: 22px;
  font-weight: bold;
  margin: 25px auto 15px;
  padding: 15px 30px !important;
  display: inline-block;
  text-align: center;
  border-top: dotted 1px #0AAFFF;
  border-bottom: dotted 1px #0AAFFF;
}

.table-sub-text {
  font-size: 12px;
  line-height: 1.3;
}

/* Contact form */
.et_pb_contact_form_0.et_pb_contact_form_container .input, .et_pb_contact_form_0.et_pb_contact_form_container .input[type=checkbox] + label i, .et_pb_contact_form_0.et_pb_contact_form_container .input[type=radio] + label i {
  border: none;
}

/* BUY NOW Menu Buttons*/
.buy-now ul li a {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  background: #1679D7;
  text-transform: uppercase;
  padding: 15px 25px !important;
  border-radius: 3px;
}
.buy-now ul li a:hover {
  text-decoration: none !important;
}

/* Prevent the BUY NOW menu from showing as a dropdown on mobile. */
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex !important;
}

.lwp-hide-mobile-menu .et_mobile_nav_menu {
  display: none;
}

@media (min-width: 768px) and (max-width: 980px) {
  .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
  .lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex !important;
  }
  .lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
  }
}
/*
**********************************

 VIDEO ELEMENTS

**********************************
*/
a.et_pb_video_play {
  color: #0AAFFF;
}
a.et_pb_video_play:hover {
  text-decoration: none !important;
}

/*** Responsive Styles Large Desktop And Above ***/
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
  .hero-text {
    font-size: 4vw;
  }
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  .hero-text {
    font-size: 5vw;
  }
  .table-scroll {
    overflow-x: scroll;
  }
  .contact-details {
    text-align: center;
  }
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  .hero-text {
    font-size: 4vw;
  }
  #contact-details {
    text-align: center;
  }
  #footer-details {
    text-align: center;
  }
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .hero-text-wrapper {
    height: 200px;
  }
  .hero-text {
    font-size: 30px;
    width: 75%;
  }
  #contact-details {
    text-align: center;
  }
  #footer-details * {
    text-align: center !important;
  }
  table.specs {
    text-align: center;
  }
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  .hero-text {
    font-size: 20px;
    width: 75%;
  }
  p.text-large {
    font-size: 20px;
  }
}/*# sourceMappingURL=style.css.map */