/* compiled by scssphp v0.6.3 on Thu, 09 Sep 2021 11:57:38 +0200 (0.1554s) */

/* line 3, sass/products.scss */
/* line 4, sass/products.scss */
html #root #wrap_all .section.woocommerce.products {
  padding-top: 85px !important;
  padding-bottom: 85px;
}
/* line 7, sass/products.scss */
html #root #wrap_all .section.woocommerce.products .heading {
  margin-bottom: 35px;
}
@media only screen and (min-width: 37.5rem) {
  html #root #wrap_all .section.woocommerce.products .heading {
    float: left;
  }
}
/* line 13, sass/products.scss */
html #root #wrap_all .section.woocommerce.products .facetwp-facet {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 9px;
  padding: 15px 8px 20px;
}
@media only screen and (min-width: 37.5rem) {
  html #root #wrap_all .section.woocommerce.products .facetwp-facet {
    float: right;
  }
}
/* line 20, sass/products.scss */
html #root #wrap_all .section.woocommerce.products .facetwp-facet select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23c4a548' d='M435.658 228.913L251.656 404.907C243.922 412.313 233.953 416 224 416S204.078 412.313 196.344 404.907L12.342 228.913C-3.611 213.633 -4.174 188.321 11.092 172.353C26.373 156.354 51.686 155.854 67.655 171.103L224 320.66L380.345 171.103C396.314 155.822 421.627 156.385 436.908 172.353C452.174 188.321 451.611 213.633 435.658 228.913Z'/%3E%3C/svg%3E");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px;
  border: none;
  border-bottom: 2px solid #c4a548;
  min-width: 170px;
  margin: 0 20px;
  padding: 9px 24px 12px 20px;
  appearance: none;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
}
/* line 35, sass/products.scss */
html #root #wrap_all .section.woocommerce.products .facetwp-facet select option {
  color: #000;
}
/* line 40, sass/products.scss */
html #root #wrap_all .section.woocommerce.products ul.products {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 27px);
  margin: -13.5px;
}
@media only screen and (max-width: 37.4375rem) {
  html #root #wrap_all .section.woocommerce.products ul.products {
    width: 100%;
    margin: -13.5px 0;
  }
}
/* line 50, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 9px;
  width: calc(25% - 27px);
  margin: 115px 13.5px 13.5px;
  padding: 40px 25px 25px;
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all .section.woocommerce.products li.product {
    min-width: calc(50% - (14.5px * 2));
    max-width: calc(50% - (14.5px * 2));
  }
}
@media only screen and (max-width: 37.4375rem) {
  html #root #wrap_all .section.woocommerce.products li.product {
    min-width: 100%;
    max-width: 100%;
    margin: 110px 0 0;
  }
}
/* line 67, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_image {
  display: block;
  width: 220px;
  height: 312px;
  margin: -115px auto 5px;
}
/* line 72, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_image img {
  width: 220px;
  height: 312px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
  margin: 0 auto;
}
/* line 81, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
}
/* line 85, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content h2 {
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.825;
  text-align: start;
  text-align: center;
  flex-grow: 1;
}
/* line 95, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content .price {
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
/* line 102, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content .add_to_cart_button, html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content .button.product_type_simple {
  display: none;
}
/* line 106, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content a.woocommerce-loop-product__link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
  border-radius: 5px;
  padding: 25px 20px 15px;
  margin-bottom: 54px;
}
/* line 114, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content a.woocommerce-loop-product__link::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
/* line 123, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content a.woocommerce-loop-product__link::after {
  content: 'Bekijken';
  display: block;
  border: 2px solid rgba(255, 255, 255, 0.34);
  border-radius: 5px;
  background: none;
  padding: 12px 22px;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
}
/* line 140, sass/products.scss */
html #root #wrap_all .section.woocommerce.products li.product .draad_shop_content a.woocommerce-loop-product__link:hover::after {
  border: 2px solid rgba(255, 255, 255, 1);
}