:root {
  --font-size--xsmall: clamp(14px, calc(14px + (100vw - 480px) * 0.0010416667), 15px);
  --font-size--small: clamp(17px, calc(17px + (100vw - 480px) * 0.003125), 20px);
  --font-size--medium: clamp(20px, calc(20px + (100vw - 480px) * 0.0041666667), 24px);
  --font-size--large: clamp(26px, calc(26px + (100vw - 480px) * 0.00625), 32px);
  --font-size--xlarge: clamp(34px, calc(34px + (100vw - 480px) * 0.0166666667), 50px);
  --font-size--xxlarge: clamp(46px, calc(46px + (100vw - 480px) * 0.0270833333), 72px);
  --font-size--menu: clamp(24px, calc(24px + (100vw - 480px) * 0), 24px);
}

:root {
  --spacing--1: 0.375rem;
  --spacing--2: 0.75rem;
  --spacing--3: 1.5rem;
  --spacing--4: 3rem;
  --spacing--5: 6rem;
  --spacing--6: 10rem;
}
@media (min-width: 782px) {
  :root {
    --spacing--1: 0.5rem;
    --spacing--2: 1rem;
    --spacing--3: 2rem;
    --spacing--4: 3rem;
    --spacing--5: 6rem;
    --spacing--6: 10rem;
  }
}
@media (min-width: 960px) {
  :root {
    --spacing--1: 0.5rem;
    --spacing--2: 1rem;
    --spacing--3: 2rem;
    --spacing--4: 4rem;
    --spacing--5: 8rem;
    --spacing--6: 12rem;
  }
}
@media (min-width: 1440px) {
  :root {
    --spacing--1: 0.5rem;
    --spacing--2: 1rem;
    --spacing--3: 2rem;
    --spacing--4: 4rem;
    --spacing--5: 8rem;
    --spacing--6: 12rem;
  }
}

body {
  background-color: var(--wp--preset--color--white) !important;
  font-size: var(--font-size--small);
}

h1, .site-title {
  font-size: var(--font-size--xxlarge) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

h2 {
  font-size: var(--font-size--xlarge) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

h3 {
  font-size: var(--font-size--large) !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

h4, h5, h6 {
  font-size: var(--font-size--medium) !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

.col-full {
  padding: 0 var(--spacing--2) !important;
  max-width: var(--wp--style--global--wide-size) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.content-area,
.site-main {
  margin-bottom: 0 !important;
}

.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--wide-size);
  padding: 0;
}

/* afbeelding fix (editor & frontend) */
.hentry .entry-content .wp-block-group.is-layout-flex figure.wp-block-image,
.editor-styles-wrapper .wp-block-group.is-layout-flex figure.wp-block-image {
  margin: 0;
}
.hentry .entry-content .wp-block-columns .wp-block-column,
.editor-styles-wrapper .wp-block-columns .wp-block-column {
  margin-bottom: 0;
}

.site-main .hentry {
  margin-bottom: 0;
}

.hentry .entry-content figure.wp-block-image,
.editor-styles-wrapper figure.wp-block-image {
  margin-bottom: 0;
}

/* remove extra button spacing */
.hentry .entry-content .wp-block-button,
.editor-styles-wrapper .wp-block-button {
  margin-bottom: 0;
}

/* style button in excerpts */
.wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
  background-color: var(--wp--preset--color--darkblue);
  color: var(--wp--preset--color--yellow);
  padding: 6px 18px;
}

/* query block */
.wp-block-query .wp-block-post .wp-block-post-title > a {
  text-decoration: none;
}

/* cover block */
.editor-styles-wrapper .wp-block-cover.alignfull,
.hentry .entry-content .wp-block-cover.alignfull {
  padding-top: 0;
  padding-bottom: 0;
}
.editor-styles-wrapper .wp-block-cover.alignfull .wp-block-cover__inner-container,
.hentry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
  width: 100%;
  max-width: unset;
  padding-top: 0;
  padding-bottom: 0;
}

/* row alignment */
.wp-block-group.is-vertical > * {
  width: 100%;
}

/* invert black to white on png */
.wp-block-image.is-style-invert img {
  filter: brightness(0) invert(1);
}

@media only screen and (max-width: 782px) {
  #wpadminbar {
    display: none;
  }
  html {
    margin-top: 71.59px !important;
  }
}
@media only screen and (min-width: 782px) {
  #page.site {
    padding-top: 138.26px;
  }
}

.storefront-secondary-navigation.woocommerce-active #masthead.site-header {
  padding: var(--spacing--2) 0 0 0;
  position: fixed;
  width: 100%;
  top: 0;
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header > .col-full {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 782px) {
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header {
    top: var(--wp-admin--admin-bar--height, 0);
  }
}
@media only screen and (min-width: 768px) {
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header {
    position: fixed;
    padding-bottom: 0;
  }
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .site-branding,
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .site-search,
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .secondary-navigation {
  margin-bottom: 0;
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .storefront-primary-navigation > .col-full {
  margin-left: auto;
  margin-right: auto;
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .storefront-primary-navigation .nav-menu > li > a {
  padding-top: var(--spacing--2);
  padding-bottom: var(--spacing--2);
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .site-header-cart {
  padding-top: var(--spacing--1);
  padding-bottom: var(--spacing--1);
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .site-header-cart > li > a {
  padding-top: var(--spacing--1);
  padding-bottom: var(--spacing--1);
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .site-header-cart .cart-contents::after {
  background-color: var(--wp--preset--color--yellow);
  padding: 8px;
  line-height: 1;
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .site-search {
  order: 1 !important;
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .secondary-navigation {
  order: 2 !important;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header .secondary-navigation {
    margin-right: 0;
    width: auto;
  }
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header ul.menu li.current-menu-item > a {
  color: var(--wp--preset--color--darkblue);
  text-decoration: underline;
}
.storefront-secondary-navigation.woocommerce-active #masthead.site-header .col-full .site-branding .custom-logo-link > img {
  height: 32px;
  width: auto;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header .col-full {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header .col-full .site-branding {
    flex-basis: 240px;
    margin-right: 24px;
  }
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header .col-full .site-branding .custom-logo-link > img {
    height: 50px;
    margin-top: 0;
  }
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header .col-full .nav-wrap-left {
    display: flex;
    justify-content: flex-end;
    flex-basis: calc(100% - 266px);
  }
  .storefront-secondary-navigation.woocommerce-active #masthead.site-header .col-full .nav-wrap-left .site-search {
    width: 30%;
    min-width: 200px;
  }
}

.site .site-footer {
  background-color: var(--wp--preset--color--darkblue);
  padding-bottom: var(--spacing--5);
}
@media only screen and (min-width: 768px) {
  .site .site-footer {
    padding-bottom: var(--spacing--3);
  }
}
.site .site-footer .wp-block-heading {
  font-weight: 600;
}
.site .site-footer .col-full {
  margin-left: auto;
  margin-right: auto;
}
.site .site-footer .col-full .site-info {
  padding: 0;
}
.site .site-footer .footer-widgets {
  padding-top: var(--spacing--4);
}

.page-template-default .storefront-breadcrumb {
  display: none;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
  background-color: var(--wp--preset--color--darkblue);
}

@media only screen and (max-width: 767px) {
  .wc-block-product-template__responsive.columns-4 {
    grid-template-columns: 1fr;
  }
}

.single-product .container-product {
  background-color: var(--wp--preset--color--darkblue);
  padding-top: var(--spacing--4);
  color: var(--wp--preset--color--white);
}
.single-product .container-details-inner,
.single-product .container-product-inner {
  padding: 0 var(--spacing--2) !important;
  max-width: var(--wp--style--global--wide-size) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.single-product .container-details-inner::after,
.single-product .container-product-inner::after {
  content: "";
  display: table;
  clear: both;
}
.single-product .storefront-breadcrumb {
  background-color: var(--wp--preset--color--darkblue);
  color: var(--wp--preset--color--white);
  padding-top: var(--spacing--2);
  padding-bottom: var(--spacing--2);
}
.single-product .storefront-breadcrumb .woocommerce-breadcrumb {
  color: var(--wp--preset--color--white);
}
.single-product .storefront-breadcrumb .woocommerce-breadcrumb a,
.single-product .storefront-breadcrumb .woocommerce-breadcrumb a.woocommerce-review-link, .single-product .storefront-breadcrumb .woocommerce-breadcrumb .product_meta a {
  color: var(--wp--preset--color--white);
}
.single-product .entry-summary .edit-link a {
  color: var(--wp--preset--color--yellow);
}
.single-product .entry-summary .product_title,
.single-product .entry-summary .product_meta .posted_in a,
.single-product .entry-summary .product-meta {
  color: var(--wp--preset--color--white);
}
.single-product div.product .woocommerce-product-gallery img {
  width: 100%;
}
.single-product .woocommerce-info,
.single-product .woocommerce-noreviews,
.single-product p.no-comments {
  background-color: var(--wp--preset--color--darkblue);
}
.single-product.storefront-full-width-content .up-sells > h2:first-child, .single-product.storefront-full-width-content .related.products > h2:first-child {
  text-align: left;
  color: var(--wp--preset--color--darkblue);
}
@media only screen and (min-width: 768px) {
  .single-product.storefront-full-width-content .woocommerce-tabs .wc-tabs {
    width: 39.1304347826%;
    margin-right: 4.347826087%;
  }
  .single-product.storefront-full-width-content .woocommerce-tabs .woocommerce-Tabs-panel {
    width: 56.5217391304%;
    margin-right: 0;
  }
}
.single-product.storefront-full-width-content .woocommerce-Tabs-panel h2 {
  color: var(--wp--preset--color--darkblue);
}

.custom-shop-header {
  padding-top: var(--wp--preset--spacing--4);
  padding-bottom: var(--wp--preset--spacing--4);
  background-color: var(--wp--preset--color--darkblue);
}
.custom-shop-header h1 {
  color: var(--wp--preset--color--white);
  margin: 0;
}
.custom-shop-header .col-full + .custom-header-breadcrumbs {
  margin-top: var(--spacing--2);
}

.custom-header-breadcrumbs .storefront-breadcrumb {
  padding: 0;
}
.custom-header-breadcrumbs .storefront-breadcrumb .woocommerce-breadcrumb {
  color: var(--wp--preset--color--yellow);
}
.custom-header-breadcrumbs .storefront-breadcrumb .woocommerce-breadcrumb a,
.custom-header-breadcrumbs .storefront-breadcrumb .woocommerce-breadcrumb a.woocommerce-review-link, .custom-header-breadcrumbs .storefront-breadcrumb .woocommerce-breadcrumb .product_meta a {
  color: var(--wp--preset--color--yellow);
}

@media only screen and (min-width: 768px) {
  body.post-type-archive-product .woocommerce-products-header {
    padding-bottom: 1.5rem;
  }
}
body.post-type-archive-product .woocommerce-products-header .wp-block-cover {
  min-height: 320px;
}
body.post-type-archive-product .site-content {
  padding-top: var(--spacing--2);
}

/* product blocks in grid */
ul.products,
.wc-block-product-template {
  margin: 0;
}
ul.products li.product,
ul.products .wc-block-product,
.wc-block-product-template li.product,
.wc-block-product-template .wc-block-product {
  border: 1px solid;
  background-color: var(--wp--preset--color--darkblue);
  padding: var(--spacing--3);
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  ul.products li.product,
  ul.products .wc-block-product,
  .wc-block-product-template li.product,
  .wc-block-product-template .wc-block-product {
    margin-bottom: 2em !important;
  }
}
@media only screen and (min-width: 768px) {
  ul.products li.product,
  ul.products .wc-block-product,
  .wc-block-product-template li.product,
  .wc-block-product-template .wc-block-product {
    padding: var(--spacing--1) var(--spacing--1) var(--spacing--3) var(--spacing--1);
  }
}
ul.products li.product h2,
ul.products .wc-block-product h2,
.wc-block-product-template li.product h2,
.wc-block-product-template .wc-block-product h2 {
  color: inherit;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .wp-block-post-title > a,
ul.products .wc-block-product .woocommerce-loop-product__title,
ul.products .wc-block-product .wp-block-post-title > a,
.wc-block-product-template li.product .woocommerce-loop-product__title,
.wc-block-product-template li.product .wp-block-post-title > a,
.wc-block-product-template .wc-block-product .woocommerce-loop-product__title,
.wc-block-product-template .wc-block-product .wp-block-post-title > a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products .wc-block-product .woocommerce-loop-product__title,
.wc-block-product-template li.product .woocommerce-loop-product__title,
.wc-block-product-template .wc-block-product .woocommerce-loop-product__title {
  font-size: var(--wp--preset--font-size--small) !important;
}
ul.products li.product .price,
ul.products li.product .wp-block-woocommerce-product-price,
ul.products .wc-block-product .price,
ul.products .wc-block-product .wp-block-woocommerce-product-price,
.wc-block-product-template li.product .price,
.wc-block-product-template li.product .wp-block-woocommerce-product-price,
.wc-block-product-template .wc-block-product .price,
.wc-block-product-template .wc-block-product .wp-block-woocommerce-product-price {
  color: var(--wp--preset--color--yellow) !important;
  padding: 6px 12px;
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}
ul.products li.product .product_type_simple.add_to_cart_button,
ul.products .wc-block-product .product_type_simple.add_to_cart_button,
.wc-block-product-template li.product .product_type_simple.add_to_cart_button,
.wc-block-product-template .wc-block-product .product_type_simple.add_to_cart_button {
  background-color: var(--wp--preset--color--yellow);
  color: var(--wp--preset--color--darkblue);
  padding: var(--spacing--1) var(--spacing--3);
}
ul.products li.product .woocommerce-loop-product__link > img,
ul.products li.product .wc-block-components-product-image,
ul.products .wc-block-product .woocommerce-loop-product__link > img,
ul.products .wc-block-product .wc-block-components-product-image,
.wc-block-product-template li.product .woocommerce-loop-product__link > img,
.wc-block-product-template li.product .wc-block-components-product-image,
.wc-block-product-template .wc-block-product .woocommerce-loop-product__link > img,
.wc-block-product-template .wc-block-product .wc-block-components-product-image {
  border-radius: 8px;
  overflow: hidden;
}
ul.products li.product .woocommerce-loop-product__link > img img,
ul.products li.product .wc-block-components-product-image img,
ul.products .wc-block-product .woocommerce-loop-product__link > img img,
ul.products .wc-block-product .wc-block-components-product-image img,
.wc-block-product-template li.product .woocommerce-loop-product__link > img img,
.wc-block-product-template li.product .wc-block-components-product-image img,
.wc-block-product-template .wc-block-product .woocommerce-loop-product__link > img img,
.wc-block-product-template .wc-block-product .wc-block-components-product-image img {
  transition: transform 0.2s ease-in-out;
  transform: scale(1) translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}
ul.products li.product:hover .wc-block-components-product-image img,
ul.products .wc-block-product:hover .wc-block-components-product-image img,
.wc-block-product-template li.product:hover .wc-block-components-product-image img,
.wc-block-product-template .wc-block-product:hover .wc-block-components-product-image img {
  transform: scale(1.05);
}

/* filter styling */
.storefront-sorting .woocommerce-result-count {
  font-size: var(--wp--preset--font-size--xsmall);
  padding: 1em 0;
}
@media only screen and (max-width: 767px) {
  .storefront-sorting .woocommerce-ordering {
    margin-bottom: 0;
  }
}
.storefront-sorting .woocommerce-ordering .orderby {
  padding: var(--spacing--1);
}
@media only screen and (max-width: 767px) {
  .storefront-sorting .woocommerce-result-count {
    margin-bottom: 0;
  }
}

.storefront-full-width-content .storefront-breadcrumb {
  margin-bottom: 0;
}
.storefront-full-width-content .site-main .woocommerce-products-header {
  padding: 0 0 var(--spacing--3) 0;
  text-align: left;
}
.storefront-full-width-content .site-main .woocommerce-products-header h1 {
  color: var(--wp--preset--color--darkblue);
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
  text-align: left !important;
  max-width: unset !important;
  margin-left: unset;
  margin-right: unset;
}
.page-template-template-homepage.home .type-page, .page-template-template-homepage.home:not(.has-post-thumbnail) .site-main {
  padding-top: 0 !important;
}
.page-template-template-homepage.home.page-template-default #masthead {
  margin-bottom: 0;
}
.page-template-template-homepage .content-area {
  margin-bottom: 0;
}
.page-template-template-homepage .site-main {
  margin-bottom: 0;
}
.page-template-template-homepage .site-main > div {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 1024px) {
  body.page-template-template-homepage .content-area .col-full {
    margin-right: 0;
    margin-left: 0;
  }
  #homepage-categories {
    display: block;
  }
  #homepage-categories .wp-block-column {
    margin-right: 0;
  }
  #homepage-categories .columns-3 {
    display: block;
  }
  #homepage-categories .columns-3 li {
    margin-bottom: 1.5rem;
  }
}
.woocommerce-account .woocommerce-info, .woocommerce-account .woocommerce-noreviews, .woocommerce-account p.no-comments {
  background-color: var(--wp--preset--color--darkblue);
}
.woocommerce-account h2 {
  font-size: var(--wp--preset--font-size--large) !important;
}
.woocommerce-account .site-content {
  padding-top: var(--spacing--4);
  padding-bottom: var(--spacing--4);
}

.wp-block-yoast-faq-block {
  --spacing--2: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
  --spacing--3: clamp(1rem, 0.9643rem + 0.1786vw, 1.125rem);
  --spacing--4: clamp(1.875rem, 1.5536rem + 1.6071vw, 3rem);
  margin-bottom: var(--spacing--3);
  color: var(--wp--preset--color--darkblue);
}
.wp-block-yoast-faq-block:last-child {
  margin-bottom: 0;
}
.wp-block-yoast-faq-block .schema-faq-section {
  border-bottom: 1px solid var(--wp--preset--color--darkblue);
}
.wp-block-yoast-faq-block .schema-faq-question {
  color: var(--wp--preset--color--darkblue);
  cursor: pointer;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  padding: var(--spacing--2) 0;
  font-weight: 600;
}
.wp-block-yoast-faq-block .schema-faq-question:after {
  content: "";
  display: block;
  background-image: url("../images/bs-chevron-down.svg");
  background-size: 0.75em 0.75em;
  height: 0.75em;
  width: 0.75em;
  position: absolute;
  top: calc(50% - 0.375em);
  right: var(--spacing--3);
  transition: transform 0.2s ease-in-out;
}
.wp-block-yoast-faq-block .schema-faq-question.faq-q-open {
  border: none;
}
.wp-block-yoast-faq-block .schema-faq-question.faq-q-open:after {
  transform: rotate(180deg);
}
.wp-block-yoast-faq-block p.schema-faq-answer {
  display: none;
  margin: 0;
  padding: var(--spacing--2) var(--spacing--2) var(--spacing--4) var(--spacing--2);
}
.wp-block-yoast-faq-block p.schema-faq-answer .icon {
  top: 0;
  margin-right: 0.5em;
}
.wp-block-yoast-faq-block p.schema-faq-answer img {
  margin-top: var(--spacing--3);
}/*# sourceMappingURL=main.css.map */