/*
Theme Name: Veerman
Version: 1.0
Description: Child theme for Storefront
Author: Yellow Submarine
Author URI: https://www.yellowsubmarine.be
Template: storefront
*/

/* --------------- Theme customization starts here ----------------- */

@font-face {
  font-family:pp;
  src:url(fonts/PPEditorialNew-Ultralight.woff2) format("woff2"),
  url(fonts/PPEditorialNew-Ultralight.woff) format("woff");
  font-weight:100;
  font-style:normal;
  font-display:block
}
@font-face {
  font-family:work-bold;
  src:url(fonts/WorkSans-Regular.woff2) format("woff2"),
  url(fonts/WorkSans-Regular.woff) format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:work;
  src:url(fonts/WorkSans-Light.woff2) format("woff2"),
  url(fonts/WorkSans-Light.woff) format("woff");
  font-weight:100;
  font-style:normal;
  font-display:block
}
body {
  font-family:work;
  color: #000;
  font-size: 18px;
}
a:focus, input:focus, textarea:focus, button:focus {
  outline: none;
}
ul {
  margin-left: 15px;
}
.site-branding .site-title a, h1, h2, h3, h4, h5 {
  font-family:pp;
  font-weight: 100;
}
#masthead, #page {
    background: url(img/bg-image.png) repeat #F7F5EB;
}
.home.post-type-archive-product .site-header {
  margin-bottom: 0;
}
h1 {
  font-size: 3.7rem;
}
h2 svg {
  vertical-align: middle;
  margin: 0 0 5px 10px;
}
.woocommerce-product-gallery__image img {
	width: 100%;
}
ul.products li.product .price {
	color: #000;
}
/*.postid-16 .booking-wraper::after {
  content: "Je kunt meerdere tijdslots van eenzelfde dag tegelijk selecteren";
  font-size: 14px;
  display: block;
  text-align: center;
  margin-top: 5px;
}
.postid-20 .booking-wraper::after {
  content: "Je kunt meerdere aansluitende datums tegelijk selecteren";
  font-size: 14px;
  display: block;
  text-align: center;
  margin-top: 5px;
}*/
.storefront-sorting,
.wc-block-components-product-metadata__description,
.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices,
.wc-block-components-order-summary-item__quantity,
.product-quantity,
.products .button,
.wc-block-cart-item__prices,
#booking_price_text .custom-price-suffix {
	display: none !important;
}
.woocommerce-loop-product__title {
  font-size: 18px !important;
  text-transform: uppercase;
  font-family: work-bold;
  font-weight: 400;
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
  background-color: #fff;
}
.site-footer {
  padding: 1.618em 0;
}
#page .time-picker-wraper #ph-calendar-time li.ph-calendar-date {
  margin-left: 4% !important;
  color: #333;
}
#page .time-picker li.ph-calendar-date {
  width: 28% !important;
}
.ph-calendar-date.de-active.not-available {
  color: red !important;
}
.wc-block-components-product-details__name,
dt.variation-BoekingStart,
dt.variation-BoekingEinde {
  display: none !important;
}
.wc-block-components-product-details > li {
  display: inline-block;
}
.wc-block-components-product-details__boeking-einde::before {
  content: "-";
}
.wc-block-components-product-details__boeking-start {
  padding-right: 3px;
}
dl.variation dd, .variation p {
  margin: 0 !important;
}
.single-product div.product {
  overflow: visible;
}
.site-footer .search {
    display: none !important;
}
.storefront-handheld-footer-bar ul.columns-3 li {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .site-header {
    border-bottom-color: #ababab;
  }
  .woocommerce-active .site-header .site-branding {
    width: 68%;
  }
  .woocommerce-active .site-header .site-header-cart {
    width: 25%;
  }
  .storefront-breadcrumb {
    margin: 0 0 25px;
  }
  .storefront-full-width-content .woocommerce-products-header {
    padding: 0 0 1.997em;
  }
 .storefront-full-width-content.woocommerce-cart .entry-header,
  .storefront-full-width-content.woocommerce-checkout .entry-header {
    padding: 0 0 4.5rem;
  }
  .site-footer .float-right {
    float: right;
  }
  .storefront-full-width-content .woocommerce-products-header {
    text-align: left;
  }
}