/* compiled by scssphp v0.6.3 on Thu, 09 Sep 2021 11:58:53 +0200 (0.1546s) */

/* line 4, sass/product.scss */
/* line 5, sass/product.scss */
/* line 6, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .woocommerce-product-gallery__wrapper img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 530px;
  margin: auto;
}
/* line 14, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .woocommerce-product-gallery__image:nth-child(n + 2) {
  width: 100px;
  margin: 15px 7.5px;
}
/* line 19, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .button-wrap {
  display: block;
  min-width: 100%;
}
/* line 23, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .button-wrap .button {
  background: none;
  border: none;
  margin: 0 0 5px;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
}
/* line 33, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .button-wrap .button .icon.chevron-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M243.658 43.114C227.69 27.834 202.362 28.365 187.096 44.364L11.098 228.356C-3.699 243.824 -3.699 268.198 11.098 283.666L187.096 467.657C194.955 475.875 205.471 480 216.002 480C225.94 480 235.908 476.313 243.658 468.907C259.611 453.626 260.174 428.315 244.908 412.347L95.363 256.011L244.908 99.674C260.174 83.706 259.611 58.395 243.658 43.114Z'/%3E%3C/svg%3E");
  width: 8px;
  margin-right: 10px;
  background-position: center;
}
/* line 42, sass/product.scss */
/* line 43, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .summary h1 {
  font-family: 'DM Sans', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}
@media only screen and (max-width: 63.9375rem) {
  html #root.single-product #wrap_all .section .woocommerce .summary h1 {
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -1.11px;
  }
}
@media only screen and (max-width: 37.4375rem) {
  html #root.single-product #wrap_all .section .woocommerce .summary h1 {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -1px;
  }
}
/* line 63, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .variations {
  max-width: 266px;
}
/* line 66, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .variations .label {
  display: none;
}
/* line 71, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .price {
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}
/* line 80, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .reset_variations {
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: underline;
}
/* line 90, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce input.qty {
  margin: 0;
}
/* line 94, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce button.single_add_to_cart_button {
  margin: 0;
  padding: 20px 30px 19px;
}
/* line 99, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .woocommerce-tabs {
  max-width: 780px;
}
/* line 103, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .wc-tabs {
  padding: 0;
}
/* line 106, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .wc-tabs li {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
/* line 112, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .wc-tabs li::before, html #root.single-product #wrap_all .section .woocommerce .wc-tabs li::after {
  content: none;
}
/* line 117, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .wc-tabs li a {
  background: rgba(255, 255, 255, 0.05);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  color: #fff;
  padding: 12px 35px;
}
/* line 125, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .wc-tabs li.active a {
  background: rgba(255, 255, 255, 1);
  color: #222;
}
/* line 132, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .upsells {
  margin: 80px auto;
}
/* line 135, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce .upsells .heading {
  margin-bottom: 55px;
}
/* line 140, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: clac(100.28125%);
  margin: -13.5px;
}
@media only screen and (max-width: 37.4375rem) {
  html #root.single-product #wrap_all .section .woocommerce ul.products {
    width: 100%;
    margin: -13.5px 0;
  }
}
/* line 151, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.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.single-product #wrap_all .section .woocommerce ul.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.single-product #wrap_all .section .woocommerce ul.products li.product {
    min-width: 100%;
    max-width: 100%;
    margin: 14.5px 0;
  }
}
/* line 171, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products li.product .draad_shop_image {
  display: block;
  width: 220px;
  height: 312px;
  margin: -115px auto 5px;
}
/* line 177, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products li.product .draad_shop_image img {
  width: 220px;
  height: 312px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
  margin: 0 auto;
}
/* line 187, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.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 192, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.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 203, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.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 211, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products li.product .draad_shop_content .add_to_cart_button {
  display: none;
}
/* line 215, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.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 224, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.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 234, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.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 253, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products li.product .draad_shop_content a.woocommerce-loop-product__link:hover::after {
  border: 2px solid rgba(255, 255, 255, 1);
}
/* line 262, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products.bundled_products {
  margin-bottom: 25px;
}
/* line 264, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products.bundled_products li {
  margin-top: 20px;
  padding: 0px;
}
/* line 268, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products.bundled_products li h4 {
  padding: 6px 6px;
  font-size: 14px;
  line-height: 16px;
}
/* line 274, sass/product.scss */
html #root.single-product #wrap_all .section .woocommerce ul.products.bundled_products .bundled_product_title_link {
  display: none;
}
/* line 284, sass/product.scss */
#root .woocommerce span.onsale, #root .woocommerce ul.products li.product .onsale {
  display: none !important;
}
/* line 1, sass/components/form.scss */
/* line 2, sass/components/form.scss */
html #root #wrap_all button, html #root #wrap_all input, html #root #wrap_all textarea, html #root #wrap_all select, html #root #wrap_all .select2-selection {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  height: auto;
  white-space: nowrap;
}
@media only screen and (max-width: 37.4375rem) {
  html #root #wrap_all button, html #root #wrap_all input, html #root #wrap_all textarea, html #root #wrap_all select, html #root #wrap_all .select2-selection {
    white-space: inherit;
  }
}
/* line 18, sass/components/form.scss */
html #root #wrap_all form button, html #root #wrap_all form input[type='submit'], html #root #wrap_all form input[type='button'] {
  cursor: pointer;
  border: none;
  background: none;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.6px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  display: block;
  width: 100%;
  margin: 20px 0;
  padding: 18px 30px;
  background-color: rgba(196, 165, 72, 1);
}
/* line 40, sass/components/form.scss */
html #root #wrap_all form button:hover, html #root #wrap_all form input[type='submit']:hover, html #root #wrap_all form input[type='button']:hover {
  background-color: rgba(196, 165, 72, 0.66);
}
@media only screen and (max-width: 37.4375rem) {
  html #root #wrap_all form button, html #root #wrap_all form input[type='submit'], html #root #wrap_all form input[type='button'] {
    font-size: 12px;
    padding: 20px 8px;
    width: 100%;
  }
}
/* line 51, sass/components/form.scss */
html #root #wrap_all form input[type='date'], html #root #wrap_all form input[type='email'], html #root #wrap_all form input[type='number'], html #root #wrap_all form input[type='password'], html #root #wrap_all form input[type='search'], html #root #wrap_all form input[type='tel'], html #root #wrap_all form input[type='text'], html #root #wrap_all form input[type='url'] {
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.34);
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 15px 18px 15px;
}
/* line 75, sass/components/form.scss */
html #root #wrap_all form input[type='date']::-webkit-input-placeholder, html #root #wrap_all form input[type='email']::-webkit-input-placeholder, html #root #wrap_all form input[type='number']::-webkit-input-placeholder, html #root #wrap_all form input[type='password']::-webkit-input-placeholder, html #root #wrap_all form input[type='search']::-webkit-input-placeholder, html #root #wrap_all form input[type='tel']::-webkit-input-placeholder, html #root #wrap_all form input[type='text']::-webkit-input-placeholder, html #root #wrap_all form input[type='url']::-webkit-input-placeholder, html #root #wrap_all form input[type='date']:-ms-input-placeholder, html #root #wrap_all form input[type='email']:-ms-input-placeholder, html #root #wrap_all form input[type='number']:-ms-input-placeholder, html #root #wrap_all form input[type='password']:-ms-input-placeholder, html #root #wrap_all form input[type='search']:-ms-input-placeholder, html #root #wrap_all form input[type='tel']:-ms-input-placeholder, html #root #wrap_all form input[type='text']:-ms-input-placeholder, html #root #wrap_all form input[type='url']:-ms-input-placeholder, html #root #wrap_all form input[type='date']::placeholder, html #root #wrap_all form input[type='email']::placeholder, html #root #wrap_all form input[type='number']::placeholder, html #root #wrap_all form input[type='password']::placeholder, html #root #wrap_all form input[type='search']::placeholder, html #root #wrap_all form input[type='tel']::placeholder, html #root #wrap_all form input[type='text']::placeholder, html #root #wrap_all form input[type='url']::placeholder {
  color: rgba(255, 255, 255, 0.34);
}
/* line 82, sass/components/form.scss */
html #root #wrap_all form input[type='number'] {
  width: 100px;
}
/* line 86, sass/components/form.scss */
html #root #wrap_all form input[type='checkbox'], html #root #wrap_all form input[type='radio'] {
  width: 21px;
  height: 21px;
  border: 2px solid rgba(255, 255, 255, 0.34);
  margin: 0 15px 0 0;
  vertical-align: middle;
}
/* line 94, sass/components/form.scss */
html #root #wrap_all form input[type='checkbox']:checked, html #root #wrap_all form input[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M464.563 144.563L208.563 400.563C200.75 408.375 190.516 412.281 180.281 412.281S159.813 408.375 152 400.563L24 272.563C8.375 256.938 8.375 231.625 24 216S64.938 200.375 80.562 216L180.281 315.719L408 88C423.625 72.375 448.938 72.375 464.562 88S480.188 128.938 464.563 144.563Z'/%3E%3C/svg%3E");
}
/* line 99, sass/components/form.scss */
/* line 100, sass/components/form.scss */
html #root #wrap_all form label abbr {
  color: #fff;
}
/* line 105, sass/components/form.scss */
html #root #wrap_all form input#password[style] + .show-password-input, html #root #wrap_all form input#password_current[style] + .show-password-input, html #root #wrap_all form input#password_1[style] + .show-password-input, html #root #wrap_all form input#password_2[style] + .show-password-input {
  right: 40px;
}
/* line 112, sass/components/form.scss */
html #root #wrap_all form .show-password-input {
  top: 20px;
}
/* line 116, sass/components/form.scss */
html #root #wrap_all form select, html #root #wrap_all .select2-selection, html #root #wrap_all form textarea {
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.6px;
  line-height: 1;
  text-align: start;
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.34);
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 15px 18px 15px;
}
/* line 136, sass/components/form.scss */
html #root #wrap_all form select::-webkit-input-placeholder, html #root #wrap_all .select2-selection::-webkit-input-placeholder, html #root #wrap_all form textarea::-webkit-input-placeholder, html #root #wrap_all form select:-ms-input-placeholder, html #root #wrap_all .select2-selection:-ms-input-placeholder, html #root #wrap_all form textarea:-ms-input-placeholder, html #root #wrap_all form select::placeholder, html #root #wrap_all .select2-selection::placeholder, html #root #wrap_all form textarea::placeholder {
  color: rgba(255, 255, 255, 0.34);
}
/* line 143, sass/components/form.scss */
html #root #wrap_all form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23888' d='M371.515 229.055L219.516 373.033C211.797 380.344 201.891 384 192 384S172.203 380.344 164.484 373.033L12.485 229.055C-3.546 213.87 -4.233 188.561 10.97 172.532C26.157 156.472 51.485 155.785 67.516 171.001L192 288.921L316.484 171.001C332.499 155.754 357.827 156.441 373.03 172.532C388.233 188.561 387.546 213.87 371.515 229.055Z'/%3E%3C/svg%3E");
  background-color: transparent;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px;
}
/* line 150, sass/components/form.scss */
html #root #wrap_all form select option {
  color: #333;
}
/* line 155, sass/components/form.scss */
html #root #wrap_all .gform_wrapper {
  max-width: 370px;
  margin: 0 auto;
}
@media only screen and (max-width: 37.4375rem) {
  html #root #wrap_all .gform_wrapper {
    max-width: 100%;
    margin: 0;
  }
}
/* line 164, sass/components/form.scss */
html #root #wrap_all .gform_wrapper .gform_fields {
  margin: 0;
  padding: 0;
}
/* line 169, sass/components/form.scss */
html #root #wrap_all .gform_wrapper .hidden_label label {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* line 189, sass/components/form.scss */
/* line 192, sass/components/form.scss */
html #root .select2-selection {
  padding-right: 50px;
}
/* line 196, sass/components/form.scss */
html #root .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
  line-height: inherit;
}
/* line 201, sass/components/form.scss */
html #root .select2-dropdown {
  -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background-color: transparent;
  border: 1px solid #000;
  box-sizing: border-box;
  display: block;
  width: 100%;
  z-index: 1051;
}
@supports (not (backdrop-filter: blur(30px))) and (not (-webkit-backdrop-filter: blur(30px))) {
  /* line 214, sass/components/form.scss */
  html #root .select2-dropdown {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
  }
}
/* line 220, sass/components/form.scss */
html #root .select2-container--default .select2-search__field {
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  background: none;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.34);
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 15px 18px 15px;
}
/* line 238, sass/components/form.scss */
html #root .select2-container--default .select2-results__option[aria-selected='true'], html #root .select2-container--default .select2-results__option[data-selected='true'] {
  background-color: rgba(42, 42, 43, 1);
}
/* line 243, sass/components/form.scss */
html #root .select2-container--default .select2-results__option--highlighted[aria-selected], html #root .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: rgba(196, 165, 72, 0.6);
}
/* line 248, sass/components/form.scss */
html #root .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 20px;
  right: 20px;
}