/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 div.growlUI {
  padding-left: 25px;
  position: relative;
}

div.growlUI:before {
  position: absolute;
  font-family: "Font Awesome 5 Brands";
  top: 8px;
  content: "\f560";
  left: 14px;
}

div.growlUI h1,
div.growlUI h2 {
  color: white;
  padding: 10px;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
}

/* .wcf-embed-checkout-form-two-column .woocommerce-checkout .wcf-order-wrap {
  position: relative;
  height: 100vh;
} */

iframe#frame-one {
  position: relative;
  width: 98%;
  height: 100%;
  min-height: 1500px;
}

.blockUI.blockOverlay {
  background-color: rgb(255 255 255) !important;
}

.woocommerce #customer_details .blockUI.blockOverlay::before {
  background: none;
}

.heroTable {
  border: 1px solid #f1f1f1
}

.heroTable tr td.heroTd {
  text-align: center;
  background: #f1f1f1;
  padding: 2% 1%;
}

.heroTd .auxicon-check-mark-circle-outline:before {
  font-size: 4em;
  color: #84a02c;
}

.heroTd .auxicon-exclamation:before {
  font-size: 4em;
  color: #F00;
}

.heroTd .heroBtn {
  padding: 10px 20px;
  background: #212121;
  color: #FFF;
  margin: 10px;
  display: inline-flex;
}

.heroData .heading {
  background: #222;
  color: #FFF;
}

.headingtotal {
  background: rgba(239, 239, 239, .19);
}

.headingtotal .tright {
  text-align: right;
}

.heroPolicy {
  margin: 0 0 20px 0;
  font-weight: bold;
}

form.checkout.woocommerce-checkout {
  margin-bottom: 50px;
}

body.woocommerce .woocommerce-error {
  background-color: #E74C3C;
}

/* .wcf-embed-checkout-form #order_review {
  display: inline-flex;
  min-height: 1280px;
} */

body.woocommerce-checkout div.woocommerce-additional-fields textarea#order_comments {
  min-width: 100%;
  min-height: 80px;
}

body.woocommerce .woocommerce-error,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-cart .woocommerce-error{
  background-color: #E74C3C !important;
}

body .wcf-embed-checkout-form-two-column .woocommerce-checkout .wcf-order-wrap,
body .wcf-embed-checkout-form .woocommerce-checkout .col2-set, .wcf-embed-checkout-form .woocommerce-checkout .wcf-col2-set {
  display: block;
  width: 100%;
}

/* Delivery to Store CSS */
/* ---------------------------------- */
body.woocommerce-checkout table.lpp-shipping-package-wrapper {
  min-width: 320px;
  font-size: 13px;
}

body.woocommerce-checkout table.lpp-shipping-package-wrapper tbody {
  border: none;
}

body.woocommerce-checkout table.lpp-shipping-package-wrapper tr.woocommerce-shipping-totals  th{
  display: none;
}

body.woocommerce-checkout .pickup-location-field-per-order.pickup-location-package-field,
body.woocommerce-cart .pickup-location-field-per-order.pickup-location-package-field{
  margin: 12px 0 0px 0;
  font-size: 13px;
}

body.woocommerce-checkout .wcf-embed-checkout-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: ;
  font-size: 13px;
}

table.working_hours {
  border: none;
  margin: 0;
  width: auto;
}

table.working_hours td{
  border: none;
  padding: 2px 10px 2px 2px;
  font-size: 14px;
  color: rgb(61, 61, 61);
  line-height: 17px;
  vertical-align: top;
}

div[data-elementor-type="footer"]  table.working_hours{
  margin-top: 10px;
}

/* ---------------------------------- */

@media only screen and (min-width: 1024px) {
  iframe#frame-one {
    min-height: 1500px;
  }  
}  

@media only screen and (min-width: 768px) {
  /* tablets and desktop */
}

@media only screen and (max-width: 767px) {
  /* phones */
  iframe#frame-one {
    min-height: 1500px;
  }  
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  /* portrait phones */
  iframe#frame-one {
    min-height: 1500px;
  }  
}