/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 0.1
*/
/* Fonts */
/* dm-sans-regular - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
src: url('assets/fonts/dm-sans-v14-latin-regular.woff2') format('woff2');
}
/* dm-sans-500 - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
src: url('assets/fonts/dm-sans-v14-latin-500.woff2') format('woff2');
}
/* dm-sans-700 - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
src: url('assets/fonts/dm-sans-v14-latin-700.woff2') format('woff2');
}
/* figtree-500 - latin */
@font-face {
font-display: swap;
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
src: url('assets/fonts/figtree-v5-latin-500.woff2') format('woff2');
}
/* figtree-700 - latin */
@font-face {
font-display: swap;
font-family: 'Figtree';
font-style: normal;
font-weight: 600;
src: url('assets/fonts/figtree-v5-latin-600.woff2') format('woff2');
}
/* Globals */
:root {
--sitewidth: 1328px;
--border-radius: .25rem;
--site-width: 1328px;
}
html {
scroll-behavior: smooth;
}
h1, h2, h3 {
word-wrap: anywhere;
}
ul, ol {
margin-left: 1.5em;
}
.sitewidth-container {
max-width: var(--site-width);
margin-left: auto;
margin-right: auto;
}
.container-padding {
padding-inline: 1rem;
}
.mirror-icon {
rotate: 180deg;
}
.full-height-image {
height: 100% !important;
}
.posted-on {
font-size: .875rem;
color: var(--contrast-2);
}
.price sup {
font-size: .6em;
}
.page .entry-content p > a,
.single .entry-content p > a {
font-weight: 600;
text-decoration: underline;
}
.page .entry-content p > a:hover,
.single .entry-content p > a:hover {
text-decoration: none;
}
figcaption.gb-headline {
margin-top: .375rem;
font-weight: 500;
}
.list-nostyle {
list-style-type: '';
margin: 0;
}
.list-checkmark li {
display: flex;
gap: .5rem;
padding: .25rem 0;
}
.list-checkmark li::before {
content: '';
flex-shrink: 0;
background-color: var(--secondary-accent);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
width: 1rem;
height: 1rem;
margin-top: .35rem;
}
.btn-text {
background: none;
padding: 0;
color: var(--contrast);
font-weight: inherit !important;
text-decoration: underline;
}
.btn-text:is(:hover,:focus-visible) {
text-decoration: none;
}
.btn-text:is(:hover,:focus,:focus-visible) {
background: none;
color: var(--contrast);
}
/* Header - Menu */
.site-logo {
max-width: 170px;
}
#generate-slideout-menu {
--gp-slideout-width: 500px;
max-width: 90%;
}
.site-header .menu-toggle {
display: flex;
align-items: center;
padding: 14px;
background-color: var(--contrast) !important;
color: var(--base) !important;
border-radius: var(--border-radius);
}
.site-header .menu-toggle svg {
top: 0;
}
.header-search-container input[type="search"] {
border-radius: var(--border-radius) !important;
padding-inline: 1.5rem !important;
}
.mobile-search-container form .dgwt-wcas-sf-wrapp {
padding: 0 !important;
border-radius: 0 !important;
}
.mobile-search-container input[type="search"] {
border-radius: 0 !important;
padding-inline: 1rem !important;
}
.dgwt-wcas-search-submit {
left: revert !important;
right: 1.75rem !important;
}
.mobile-search-container .dgwt-wcas-search-submit {
top: 10px !important;
right: 1rem !important;
}
.header-cart-container .fkcart-shortcode-container {
display: grid;
place-content: center;
width: 48px;
height: 45px;
}
.callto-icon svg {
rotate: 90deg;
}
.main-navigation:not(.mobile-menu-control-wrapper) .menu {
row-gap: .75rem;
}
.main-navigation:not(.mobile-menu-control-wrapper) .menu > li:first-child > a {
padding-left: 0;
}
.main-navigation:not(.mobile-menu-control-wrapper) .menu > li:not(:last-child) > a {
border-right: 1px solid var(--border-color);
}
.main-navigation:not(.mobile-menu-control-wrapper) .menu > .highlighted a {
color: var(--primary-accent);
border: 1px solid var(--primary-accent);
border-radius: var(--border-radius);
margin-left: 1.25rem;
padding: 0.25rem 0.75rem;
}
.main-navigation:not(.mobile-menu-control-wrapper) .menu > .highlighted a:hover {
color: var(--contrast);
border: 1px solid var(--contrast);
}
.mega-menu .sub-menu.toggled-on {
margin-bottom: .5rem;
}
.mega-menu > .sub-menu > li a:not(.gb-button) {
padding-inline: 0 !important;
}
.mega-menu > .sub-menu > li a .dropdown-menu-toggle {
padding: 0;
margin-top: -5px;
}
.mega-menu ul.sub-menu .sub-menu li a {
font-family: 'DM Sans', 'sans-serif';
font-size: .875rem;
color: var(--contrast-2);
font-weight: 500;
padding-block: 0.25rem;
}
.mega-menu ul.sub-menu .sub-menu .link-to-all a {
color: var(--contrast);
font-weight: 600;
}
.menu-icon-heading > a {
color: var(--contrast) !important;
}
.menu-icon-heading > a > svg {
color: var(--primary-accent) !important;
font-weight: 400;
margin-right: .5rem;
}
/* Slideout navigation */
html.mobile-menu-open.slide-opened {
overflow: hidden;
}
.slideout-navigation .inside-navigation {
display: -ms-grid;
display: grid;
row-gap: 1rem;
padding: 1rem;
}
.slideout-navigation .site-logo {
-ms-grid-column-span: 5;
grid-column: span 5;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
}
.slideout-navigation .slideout-exit {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
padding: 0 !important;
}
.slideout-navigation .main-nav {
-ms-grid-column-span: 6;
grid-column: span 6;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
}
.slideout-navigation .slideout-exit .gp-icon {
font-size: 1.5rem;
float: right;
}
.slideout-navigation .slideout-exit svg {
top: revert;
}
.slideout-navigation .slideout-menu > li:not(:last-child) {
border-bottom: 1px solid var(--border-color);
}
.slideout-navigation .slideout-menu > li > a {
padding: 0.5rem 0 !important;
}
.slideout-navigation .highlighted a {
color: var(--primary-accent) !important;
}
.slideout-navigation .sub-menu {
-webkit-box-shadow: none;
box-shadow: none;
}
.slideout-navigation .dropdown-menu-toggle {
padding-right: 0;
}
.slideout-navigation .dropdown-menu-toggle svg {
height: 1.5em;
width: 1.5em;
color: var(--primary-accent);
}
/* Breadcrumbs */
.single-product .breadcrumb {
margin-bottom: -.75rem;
}
.single-product .breadcrumb li:nth-last-child(2)::after {
content: none;
}
.single-product .breadcrumb li:last-child {
display: none;
}
.breadcrumb .breadcrumb-item::after {
-webkit-mask: url('data:image/svg+xml;utf8,') 4px 5px / auto 12px no-repeat;
mask: url('data:image/svg+xml;utf8,') 4px 5px / auto 12px no-repeat;
background-color: #888;
color: #888;
display: inline-block;
width: 14px;
height: 21px;
vertical-align: text-bottom;
}
.breadcrumb .breadcrumb-item a {
color: var(--contrast-2);
}
.breadcrumb .breadcrumb-item.active {
font-weight: 500;
}
/* Buttons */
.gb-button:not(.gb-button-button-nobg):hover,
.gb-button:not(.gb-button-button-nobg):focus-visible {
text-decoration: none;
}
.gb-button::before {
content: '';
background-color: var(--contrast);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width: 1em;
height: 1em;
margin-top: -.125rem;
margin-left: -.125rem;
transition: background-color .1s ease-in-out;
}
.gb-button.no-icon::before,
.gb-button.gb-accordion__toggle::before {
content: none;
}
.gb-button-button-main::before {
background-color: var(--base);
}
.gb-button-button-alt:focus-visible:before,
.gb-button-button-alt:hover:before {
background-color: var(--primary-accent);
}
.gb-button-button-nobg::before {
background-color: var(--primary-accent);
}
/* Swiper global */
.swiper > .heading-link {
margin-top: 1rem;
}
.swiper-heading {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: .75rem 1rem;
margin-bottom: .5rem;
}
.swiper-heading .heading-title {
margin-bottom: 0;
}
.swiper-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
margin-block: 1.25rem;
}
.swiper-button {
position: static;
margin-top: 0;
width: 3.375rem;
height: 3.375rem;
background-color: var(--base-2);
border: none;
border-radius: var(--border-radius);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.swiper-button::after {
content: '';
width: 1.125rem;
height: 1.125rem;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
background-color: var(--contrast);
}
.swiper-button-next::after {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z'/%3E%3C/svg%3E") no-repeat 50% 50%;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
}
.swiper-button-prev::after {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M4.7 244.7c-6.2 6.2-6.2 16.4 0 22.6l176 176c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L54.6 272 432 272c8.8 0 16-7.2 16-16s-7.2-16-16-16L54.6 240 203.3 91.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-176 176z'/%3E%3C/svg%3E") no-repeat 50% 50%;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M4.7 244.7c-6.2 6.2-6.2 16.4 0 22.6l176 176c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L54.6 272 432 272c8.8 0 16-7.2 16-16s-7.2-16-16-16L54.6 240 203.3 91.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-176 176z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
}
/* Product badges */
.product-badge {
display: inline-block;
grid-column: 1/2;
grid-row: 1/2;
width: fit-content;
font-size: .675rem;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
margin-top: .375rem;
padding: .25rem;
border-radius: .25rem;
z-index: 2;
}
.product-badge:nth-of-type(1) {
margin-left: .375rem;
}
.product-badge:nth-of-type(2) {
grid-column: 2/3;
margin-right: .375rem;
}
.on-sale-badge {
color: var(--base);
background-color: var(--primary-accent);
}
.custom-badge {
color: var(--base);
}
.custom-badge[data-custom-label="nieuw"] {
background-color: #3177FF;
}
.custom-badge[data-custom-label="op=op"] {
background-color: var(--base);
color: var(--primary-accent);
}
.custom-badge[data-custom-label="actie"] {
background-color: #FF7A00;
}
.custom-badge[data-custom-label="tijdelijke-actie"] {
background-color: var(--contrast);
}
.custom-badge[data-custom-label="tegelknaller"] {
background-color: #4134a0;
}
/* Sidebar */
.archive .sidebar {
display: none;
}
/* Product archive / loop products */
.woocommerce.archive .site {
margin-bottom: 2rem;
}
.woocommerce.archive .woocommerce-ordering {
margin-bottom: 1.5rem;
}
.woocommerce.archive .woocommerce-ordering select {
font-family: 'Figtree';
font-weight: 600;
border-radius: var(--border-radius);
border-color: var(--border-color);
}
.woocommerce.archive .term-description a {
text-decoration: underline;
}
.woocommerce.archive .term-description a:hover {
text-decoration: none;
}
ul.products > li > a,
div.products > div > a {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
padding: 0.5rem;
}
ul.products > li.archive-product-banner a {
padding: 0;
}
.woocommerce-loop-product__link {
display: flex !important;
flex-direction: column;
gap: 0.5rem;
height: 100%;
}
.woocommerce-loop-product__link .wc-product-image {
margin-top: 0 !important;
}
.woocommerce-loop-product__link .inside-wc-product-image {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.5rem;
}
.woocommerce-loop-product__link .inside-wc-product-image img {
grid-column: 1/3;
grid-row: 1/3;
width: 100% !important;
}
.woocommerce-loop-product__link:hover,
.woocommerce-loop-product__link:focus-visible {
text-decoration: none;
}
.woocommerce ul.products li.product h4.woocommerce-loop-product__title {
font-size: 1rem;
line-height: 1.5em;
}
.woocommerce-loop-product__title {
font-size: 1rem;
line-height: 1.5;
margin-block: 0 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.woocommerce-loop-product__link .product-size {
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
color: var(--contrast-2);
margin-block: 0 !important;
}
.delivery-time {
color: #FF9900;
}
.woocommerce-loop-product__link .delivery-time {
font-size: .875rem;
font-weight: 500;
border: 1px solid #FF9900;
border-radius: 0.25rem;
padding-inline: 0.5rem;
margin-top: 0 !important;
margin-bottom: .75rem !important;
width: fit-content;
}
.delivery-time[data-delivery-time="1-3werkdagen"],
.delivery-time[data-delivery-time="1-2weken"] {
color: var(--secondary-accent);
border-color: 1px solid var(--secondary-accent);
}
.delivery-time[data-delivery-time="uitverkocht"] {
color: var(--primary-accent);
border-color: var(--primary-accent);
}
.woocommerce-loop-product__link .price {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 0 .5rem;
margin-top: auto !important;
font-size: .875rem !important;
font-weight: 700;
color: var(--contrast) !important;
}
.woocommerce-loop-product__link .price::after {
content: '';
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width: 1em;
height: 1em;
margin-left: auto;
background-color: var(--contrast);
}
.woocommerce-loop-product__link .price del {
width: 100%;
padding-right: 0 !important;
color: var(--contrast-2) !important;
opacity: 1 !important;
}
.woocommerce-loop-product__link .price ins {
font-size: 1.5rem;
}
.woocommerce-loop-product__link .price-unit {
color: var(--contrast-2);
font-weight: 500;
}
.taxonomy-seo-text-container {
border-top: 1px solid var(--border-color);
}
.taxonomy-seo-text {
max-width: 1050px;
margin-inline: auto;
margin-top: 1rem;
}
.taxonomy-seo-text a {
text-decoration: underline;
}
.taxonomy-seo-text a:hover {
text-decoration: none;
}
.taxonomy-seo-text .image-gallery {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(11rem,1fr));
gap: 1rem;
margin-bottom: 2rem;
}
.woocommerce-pagination {
margin-top: 1.5rem !important;
}
.woocommerce-pagination ul.page-numbers {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center;
gap: .5rem;
border: none !important;
}
.woocommerce-pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after {
content: none !important;
}
.woocommerce-pagination ul.page-numbers li {
border: none !important;
}
.woocommerce-pagination ul.page-numbers .page-numbers {
display: grid;
place-content: center;
min-width: 34px;
min-height: 34px;
font-weight: 500;
border: 1px solid var(--base-2);
background-color: var(--base-2);
border-radius: .25rem;
}
.woocommerce-pagination ul.page-numbers .page-numbers.current {
border-color: var(--contrast);
color: var(--contrast);
background-color: var(--base);
}
.woocommerce-pagination ul.page-numbers .page-numbers:not(.current, .dots):focus,
.woocommerce-pagination ul.page-numbers .page-numbers:not(.current, .dots):hover {
background-color: var(--contrast);
color: var(--base);
}
.woocommerce-pagination .pagination-text,
.woocommerce-pagination .pagination-icon {
padding: 0 !important;
font-weight: 500 !important;
}
.woocommerce-result-count {
display: none;
}
/* Facetwp */
.facetwp-counter {
font-size: .875em;
color: var(--contrast-2);
}
.facet-label {
font-family: 'DM Sans', 'sans-serif';
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.64px;
margin-bottom: .75rem;
}
.facet-wrap .facetwp-facet {
padding-bottom: 1rem;
border-bottom: 1px solid var(--border-color);
}
.facetwp-type-checkboxes .facetwp-checkbox {
padding-left: 1.75rem;
margin-bottom: .5rem;
background: url(/wp-content/themes/generatepress_child/assets/images/empty-checkbox.svg) 0 50% no-repeat;
}
.facetwp-type-checkboxes .facetwp-checkbox:hover {
background: url(/wp-content/themes/generatepress_child/assets/images/empty-checkbox-highlighted.svg) 0 50% no-repeat;
}
.facetwp-type-checkboxes .facetwp-checkbox.checked {
background-image: url(/wp-content/themes/generatepress_child/assets/images/filled-checkbox.svg);
}
.facetwp-facet-levertijd.facetwp-type-checkboxes .facetwp-display-value {
display: inline-block;
}
.facetwp-facet-levertijd.facetwp-type-checkboxes .facetwp-display-value::first-letter {
text-transform: uppercase;
}
.facetwp-toggle:not(.facetwp-hidden) {
display: flex;
align-items: center;
gap: 0.25rem;
color: var(--primary-accent);
font-weight: 500;
}
.facetwp-toggle::after {
content: '';
display: inline-block;
background-image: url(/wp-content/themes/generatepress_child/assets/images/filled-arrow-down.svg);
background-size: 1rem;
width: 1rem;
height: 1rem;
}
.facetwp-toggle[aria-label="Toon minder"] {
margin-top: .5rem;
}
.facetwp-toggle[aria-label="Toon minder"]::after {
rotate: 180deg;
}
.facetwp-facet .facetwp-color {
box-shadow: none;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
transition: transform 250ms;
}
.facetwp-facet .facetwp-color:hover {
transform: scale(1.2);
}
.facetwp-facet .facetwp-color.checked::after {
margin: 14px 0 0 10px;
}
.facetwp-facet .facetwp-color:last-child {
margin-bottom: 12px;
}
.facetwp-facet .facetwp-color[data-value="grijs"] {
background-color: #808080;
}
.facetwp-facet .facetwp-color[data-value="wit"] {
border: 1px solid var(--border-color);
}
.facetwp-facet .facetwp-color[data-value="antraciet"] {
background-color: #383e42;
}
.facetwp-facet .facetwp-color[data-value="groen"] {
background-color: green;
}
.facetwp-facet .facetwp-color[data-value="blauw"] {
background-color: blue;
}
.facetwp-facet .facetwp-color[data-value="bruin"] {
background-color: sienna;
}
.facetwp-facet .facetwp-color[data-value="zwart"] {
background-color: black;
}
.facetwp-facet .facetwp-color[data-value="rood"] {
background-color: red;
}
.facetwp-facet .facetwp-color[data-value="roze"] {
background-color: pink;
}
.facetwp-facet .facetwp-color[data-value="taupe"] {
background-color: #b6ad9e;
}
.facetwp-facet .facetwp-color[data-value="geel"] {
background-color: yellow;
}
.facetwp-facet .facetwp-color[data-value="goud"] {
background-color: gold;
}
.facetwp-facet .facetwp-color[data-value="oranje"] {
background-color: orange;
}
.facetwp-facet .facetwp-color[data-value="mokka"] {
background-color: #A07B71;
}
.facetwp-facet .facetwp-color[data-value="paars"] {
background-color: purple;
}
.facetwp-facet .facetwp-color[data-value="multikleur"] {
background-image: url("assets/images/color-wheel.png");
background-size: 2.25rem;
}
.facetwp-facet .facetwp-color[data-value="wit"].checked::after,
.facetwp-facet .facetwp-color[data-value="beige"].checked::after,
.facetwp-facet .facetwp-color[data-value="geel"].checked::after,
.facetwp-facet .facetwp-color[data-value="multikleur"].checked::after,
.facetwp-facet .facetwp-color[data-value="goud"].checked::after {
border-color: var(--contrast);
}
.facetwp-reset {
border-radius: var(--border-radius);
padding: 0.25rem 0.75rem;
}
.facetwp-reset:focus {
outline-offset: .25rem;
}
.flyout-open-wrapper {
position: fixed !important;
width: 100%;
bottom: 1rem;
}
.flyout-row:not(.name-reset_filters) {
border-bottom: 1px solid var(--border-color);
}
.flyout-row h3 {
font-family: 'DM Sans', 'sans-serif';
font-size: 1rem;
line-height: 32px;
letter-spacing: 0.64px;
cursor: pointer;
margin: 0.5em 0;
}
.flyout-row h3:not(.screen-reader-text):after {
content: '';
float: right;
background-color: var(--primary-accent);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width: 1em;
height: 2em;
rotate: 270deg;
}
.flyout-row.expanded h3:after {
rotate: 90deg;
}
.flyout-row .facetwp-facet {
margin-bottom: 1rem;
}
.flyout-item {
display: none;
}
.name-reset_filters .flyout-item,
.flyout-row.expanded .flyout-item {
display: block;
}
.facetwp-flyout .facetwp-flyout-wrap {
height: calc(100% - 62px); /* 62 is the height of 'facetwp-flyout-close' div */
}
.facetwp-flyout .facetwp-flyout-content {
padding: 0 1rem;
}
.facetwp-flyout .facetwp-flyout-close {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 1rem;
}
.facetwp-flyout-close h2 {
font-size: 1.5rem;
margin-bottom: 0;
}
.facetwp-flyout-close .icon {
font-size: 1.5rem;
}
/* Tijdelijke actie banner */
.tijdelijke-actie-banner {
position: relative;
}
.tijdelijke-actie-banner img {
display: block;
margin-bottom: 1.5rem;
max-height: 140px;
object-fit: cover;
border-radius: var(--border-radius);
}
.tijdelijke-actie-banner span {
position: absolute;
right: 1rem;
bottom: 1rem;
}
/* Product banner */
.archive-product-banner a {
display: grid;
height: 100%;
}
.archive-product-banner a:hover {
text-decoration: none;
}
.archive-product-banner img {
object-fit: cover;
height: inherit;
grid-row: 1/-1;
grid-column: 1/-1;
}
.archive-product-banner span {
grid-row: 1/-1;
grid-column: 1/-1;
width: fit-content;
height: fit-content;
margin: auto .5rem .5rem;
padding: .5rem;
}
/* Single product */
.single-product-title-wrapper {
display: flex;
flex-direction: column;
gap: .25rem 2rem;
margin-bottom: .75rem;
}
.woocommerce.single-product div.product div.images .flex-control-thumbs {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(70px,1fr));
gap: 0.75rem;
margin-top: 0.75rem;
}
.woocommerce.single-product .woocommerce-product-gallery {
margin-right: 1.5rem;
}
.woocommerce.single-product div.product div.images .flex-control-thumbs li {
width: auto;
max-width: 90px;
padding: 0;
border: 1px solid var(--border-color);
}
.single-product-title-wrapper .product_title {
font-size: 1.25rem;
}
.single-product-title-wrapper .product_sku {
flex-shrink: 0;
font-size: .875rem;
font-weight: 500;
color: var(--contrast-2);
}
.single-product .badge-wrapper {
position: absolute;
left: 1rem;
top: 1rem;
z-index: 9;
}
.single-product .badge-wrapper .product-badge {
font-size: .875rem;
padding: .675rem;
margin-top: 0;
}
.single-product .badge-wrapper .product-badge:nth-of-type(1) {
margin-left: 0;
}
.single-product .badge-wrapper .product-badge:nth-of-type(2) {
margin-inline: .375rem 0;
}
/* single product video */
.rsfv-video {
aspect-ratio: 1/1 !important;
height: 100% !important;
display: block;
}
/* Cart form */
.single-product form.cart {
padding: 1rem 1rem 0;
border-bottom: 1px solid var(--border-color);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 0 !important;
}
.single-product form.cart::before {
content: none !important;
}
.single-product form.cart .quantity {
float: revert !important;
margin: 0 !important;
}
.single-product form.cart .quantity-label {
display: flex;
align-items: center;
gap: .5rem;
margin-bottom: .75rem;
}
.single-product form.cart .qty-input-field-wrapper .qty {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
max-width: revert;
font-weight: 500;
text-align: left;
padding-left: 1rem;
padding-right: 2.25rem;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat calc(100% - 0.5rem) 50%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.single-product form.cart .qty-input-field-wrapper span {
color: var(--contrast-2);
}
.single-product form.cart .single-product-totals {
display: grid;
}
.single-product form.cart .single-product-totals .total-price-heading {
color: var(--contrast-2);
}
.single-product form.cart .single-product-totals .total-price-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 1rem;
height: 100%;
}
.single-product form.cart .single-product-totals .total-price-amount {
font-size: 2rem;
font-weight: 700;
line-height: 1;
align-self: center;
}
.single-product form.cart .single-product-totals .total-price-amount sup {
font-size: .6em;
}
.single-product form.cart .single-product-totals .aantal {
color: var(--contrast-2);
align-self: center;
}
.single-product form.cart .single_add_to_cart_button {
display: flex;
justify-content: center;
align-items: center;
padding: 1.25rem;
flex-basis: 100%;
border-radius: var(--border-radius);
}
.single-product form.cart .single_add_to_cart_button:before {
content: '';
background-color: var(--base);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width: 1.25em;
height: 1.25em;
margin-right: 0.75rem;
}
.afmetingen-delivery-container[data-stock="uitverkocht"] ~ form.cart .single_add_to_cart_button {
display: none;
}
/* Sample + stock */
#stock-open,
.sample-button {
padding: .75rem .25rem;
border-radius: var(--border-radius);
}
#stock-open {
display: inline-block;
background-color: var(--contrast);
color: var(--base);
}
#stock-open:first-letter {
text-transform: uppercase;
}
#stock-open:hover {
background-color: var(--contrast-dark);
}
#stock-open > span {
pointer-events: none;
}
.sample-button {
display: flex;
justify-content: center;
align-items: center;
column-gap: .75rem;
background-color: var(--base);
border: 1px solid var(--contrast);
color: var(--contrast);
}
.sample-button::before {
content: none;
}
.sample-button:hover,
.sample-button:focus {
background-color: var(--base);
color: var(--primary-accent);
border: 1px solid var(--primary-accent);
}
.sample-button:hover::before,
.sample-button:focus::before {
background-color: var(--primary-accent);
}
.stock-table-container {
overflow-x: auto;
}
.stock-table {
border: none;
margin-bottom: 0;
white-space: nowrap;
}
.stock-table th {
padding: 1rem;
border: none;
text-align: left;
font-weight: 600;
}
.stock-table td {
padding: 1rem;
border: none;
border-bottom: 1px solid var(--border-color);
}
.stock-table tr td:first-of-type {
font-weight: 600;
}
.stock-table tr:nth-of-type(4) td {
border-bottom: none;
}
.stock-table .stock-message {
color: var(--secondary-accent);
padding: .375rem .5rem;
border: 1px solid var(--secondary-accent);
border-radius: var(--border-radius);
width: fit-content;
}
.stock-table tr[data-voorraad="False"] .stock-message {
color: #F90;
border-color: #F90;
}
@media screen and (max-width: 768px) {
.stock-table {
white-space: revert;
}
.stock-table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.stock-table tr {
border-bottom: 1px solid #ddd;
display: block;
margin-bottom: .75rem;
}
.stock-table tr:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.stock-table td {
display: flex;
padding: 0.125rem 0;
border-bottom: 0;
font-size: .875rem;
font-weight: 600;
}
.stock-table td:first-of-type {
font-size: 1rem;
padding-bottom: .5rem;
}
.stock-table td:last-of-type {
padding-bottom: .75rem;
}
.stock-table td::before {
content: attr(data-label);
min-width: 90px;
}
.stock-table td[data-label="Vestiging"]::before {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.stock-table .stock-message {
width: auto;
border: none;
padding: 0;
}
}
/* Summary */
.single-product .entry-summary {
font-family: 'Figtree', 'sans-serif';
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
}
.single-product .entry-summary .price-summary-wrapper {
border-bottom: 1px solid var(--border-color);
}
.single-product .entry-summary .price-summary-inner {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
}
.single-product .entry-summary .price {
display: flex;
align-items: center;
gap: .5rem;
margin-bottom: 0;
}
.single-product .entry-summary .price-unit {
font-size: 12px;
line-height: 1.3;
margin-top: 1.5rem;
}
.single-product .entry-summary .price del {
font-size: 1rem;
text-decoration: none;
}
.single-product .entry-summary .price del .amount {
text-decoration: line-through;
}
.single-product .entry-summary .price ins {
font-size: 2rem;
margin-left: 1.5rem;
}
.single-product .entry-summary .price-per-box div {
padding: .25rem .5rem;
border: 1px solid var(--contrast);
border-radius: var(--border-radius);
text-align: center;
}
.single-product-summary-palletinfo {
flex-basis: 100%;
margin-top: .5rem;
padding-block: .25rem;
border-left: 5px solid var(--primary-accent);
padding-left: .75rem;
}
.single-product-summary-palletinfo .label {
font-size: 1rem;
font-weight: 600;
margin-bottom: .5rem;
}
.single-product-summary-palletinfo .prices {
display: flex;
align-items: baseline;
gap: 1rem;
font-size: 1.5rem;
font-weight: 700;
}
.single-product-summary-palletinfo .prices > span:last-child {
font-size: 1.125rem;
}
.single-product-summary-palletinfo sup {
font-size: .6em;
}
.single-product .product-summary-container {
padding: 0 1rem;
margin: 1rem 0;
}
.single-product .product-summary-container:empty {
padding: 0;
margin: 0;
}
.single-product .product-summary-container .current-slide-title {
font-weight: 600;
margin-bottom: .5rem;
}
.single-product-summary-delivery-wrapper {
position: relative;
padding-top: 1.5rem;
margin-block: .25rem;
}
.single-product-summary-delivery-wrapper::before {
content: '';
position: absolute;
width: calc(100% + 3rem);
top: 0;
left: -1.5rem;
height: 1px;
background: var(--border-color);
}
.single-product-summary-delivery-wrapper .online-voorraad,
.single-product-summary-delivery-wrapper .winkel-voorraad {
display: flex;
align-items: center;
gap: .75rem;
}
.single-product-summary-delivery-wrapper .online-voorraad {
gap: 1.25rem;
margin-bottom: .75rem;
}
.single-product-summary-delivery-wrapper .online-voorraad::before {
content: '';
flex-shrink: 0;
width: .5rem;
height: .5rem;
background-color: #FF9900;
border-radius: 100vw;
}
.single-product-summary-delivery-wrapper .online-voorraad > span::first-letter {
text-transform: uppercase;
}
.single-product-summary-delivery-wrapper .online-voorraad[data-delivery-time="1-3werkdagen"]::before {
background-color: var(--secondary-accent);
}
.single-product-summary-delivery-wrapper .winkel-voorraad::before {
content: '';
flex-shrink: 0;
background-color: var(--contrast);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='17' viewBox='0 0 19 17' fill='none'%3E%3Cpath d='M5.318 11.104a.28.28 0 0 0-.277.278v.5a.278.278 0 1 0 .555 0v-.5a.28.28 0 0 0-.278-.278' fill='%23000'/%3E%3Cpath d='M18.098 14.795h-.45V7.083a1.594 1.594 0 0 0 1.313-1.567V4.43l-.001-.01-.005-.032v-.001l-.009-.03-.002-.007-.01-.025-.003-.004-1.229-2.444V.598A.6.6 0 0 0 17.105 0H4.464a.278.278 0 0 0 0 .556h12.64c.024 0 .043.019.043.042v1.07H1.829V.597c0-.023.019-.042.042-.042h1.3a.278.278 0 1 0 0-.556h-1.3a.6.6 0 0 0-.598.598v1.279L.044 4.32l-.002.004-.01.025-.003.007-.008.03v.001l-.005.033v.009l-.002.016v1.07c0 .783.568 1.435 1.314 1.567v7.712h-.45a.88.88 0 0 0-.878.878v.879c0 .247.201.448.448.448h18.08a.45.45 0 0 0 .447-.448v-.88a.88.88 0 0 0-.878-.877m.307-9.279a1.037 1.037 0 0 1-2.071 0v-.792h2.071zm-1.15-3.293.977 1.945h-1.98l-.699-1.945zm-2.293 0 .699 1.945h-2.008l-.419-1.945zm.816 2.5v.793a1.037 1.037 0 0 1-2.071 0v-.792zm-3.113-2.5.42 1.945H11.06l-.14-1.945zm.486 2.5v.793a1.037 1.037 0 0 1-2.072 0v-.792zm-4.539-2.5h1.751l.14 1.945h-2.03zm-.16 2.5h2.071v.793a1.037 1.037 0 0 1-2.071 0zm1.036 2.385a1.59 1.59 0 0 0 1.313-.695 1.59 1.59 0 0 0 2.628 0 1.59 1.59 0 0 0 2.627 0c.237.346.607.594 1.036.67v7.712H6.628V8.618a.52.52 0 0 0-.517-.517H2.897a.52.52 0 0 0-.517.517v6.177h-.496V7.083a1.6 1.6 0 0 0 1.036-.67 1.59 1.59 0 0 0 2.627 0 1.59 1.59 0 0 0 2.627 0 1.59 1.59 0 0 0 1.314.695M6.072 8.657v6.138H2.936V8.657zM3.198 5.516v-.792h2.07v.792a1.037 1.037 0 0 1-2.07 0M6.31 2.223h1.745l-.14 1.945H5.891zm-.485 2.5h2.071v.793a1.037 1.037 0 0 1-2.071 0zm-.084-2.5-.419 1.945H3.315l.698-1.945zm-4.02 0h1.701l-.698 1.945H.744zM.571 5.516v-.792h2.07v.792a1.037 1.037 0 0 1-2.07 0M.555 16.444v-.771c0-.178.144-.322.322-.322h17.22c.177 0 .322.144.322.322v.771z' fill='%23000'/%3E%3Cpath d='M15.817 8.101h-3.4a.278.278 0 0 0 0 .556h3.361v4.374H7.764V8.657h3.345a.278.278 0 0 0 0-.556H7.726a.52.52 0 0 0-.518.517v4.452c0 .286.232.518.518.518h8.09a.52.52 0 0 0 .518-.518V8.619a.52.52 0 0 0-.517-.517' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='17' viewBox='0 0 19 17' fill='none'%3E%3Cpath d='M5.318 11.104a.28.28 0 0 0-.277.278v.5a.278.278 0 1 0 .555 0v-.5a.28.28 0 0 0-.278-.278' fill='%23000'/%3E%3Cpath d='M18.098 14.795h-.45V7.083a1.594 1.594 0 0 0 1.313-1.567V4.43l-.001-.01-.005-.032v-.001l-.009-.03-.002-.007-.01-.025-.003-.004-1.229-2.444V.598A.6.6 0 0 0 17.105 0H4.464a.278.278 0 0 0 0 .556h12.64c.024 0 .043.019.043.042v1.07H1.829V.597c0-.023.019-.042.042-.042h1.3a.278.278 0 1 0 0-.556h-1.3a.6.6 0 0 0-.598.598v1.279L.044 4.32l-.002.004-.01.025-.003.007-.008.03v.001l-.005.033v.009l-.002.016v1.07c0 .783.568 1.435 1.314 1.567v7.712h-.45a.88.88 0 0 0-.878.878v.879c0 .247.201.448.448.448h18.08a.45.45 0 0 0 .447-.448v-.88a.88.88 0 0 0-.878-.877m.307-9.279a1.037 1.037 0 0 1-2.071 0v-.792h2.071zm-1.15-3.293.977 1.945h-1.98l-.699-1.945zm-2.293 0 .699 1.945h-2.008l-.419-1.945zm.816 2.5v.793a1.037 1.037 0 0 1-2.071 0v-.792zm-3.113-2.5.42 1.945H11.06l-.14-1.945zm.486 2.5v.793a1.037 1.037 0 0 1-2.072 0v-.792zm-4.539-2.5h1.751l.14 1.945h-2.03zm-.16 2.5h2.071v.793a1.037 1.037 0 0 1-2.071 0zm1.036 2.385a1.59 1.59 0 0 0 1.313-.695 1.59 1.59 0 0 0 2.628 0 1.59 1.59 0 0 0 2.627 0c.237.346.607.594 1.036.67v7.712H6.628V8.618a.52.52 0 0 0-.517-.517H2.897a.52.52 0 0 0-.517.517v6.177h-.496V7.083a1.6 1.6 0 0 0 1.036-.67 1.59 1.59 0 0 0 2.627 0 1.59 1.59 0 0 0 2.627 0 1.59 1.59 0 0 0 1.314.695M6.072 8.657v6.138H2.936V8.657zM3.198 5.516v-.792h2.07v.792a1.037 1.037 0 0 1-2.07 0M6.31 2.223h1.745l-.14 1.945H5.891zm-.485 2.5h2.071v.793a1.037 1.037 0 0 1-2.071 0zm-.084-2.5-.419 1.945H3.315l.698-1.945zm-4.02 0h1.701l-.698 1.945H.744zM.571 5.516v-.792h2.07v.792a1.037 1.037 0 0 1-2.07 0M.555 16.444v-.771c0-.178.144-.322.322-.322h17.22c.177 0 .322.144.322.322v.771z' fill='%23000'/%3E%3Cpath d='M15.817 8.101h-3.4a.278.278 0 0 0 0 .556h3.361v4.374H7.764V8.657h3.345a.278.278 0 0 0 0-.556H7.726a.52.52 0 0 0-.518.517v4.452c0 .286.232.518.518.518h8.09a.52.52 0 0 0 .518-.518V8.619a.52.52 0 0 0-.517-.517' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
width: 1rem;
height: 1rem;
}
/* Swiper kleurswiper */
.single-kleuren-container .swiper-overflowing-buttons-inner {
position: relative;
overflow: visible;
margin-inline: auto;
max-width: 1400px;
}
.kleurswiper {
position: static;
}
.kleurswiper img {
display: block;
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
}
.kleurswiper .swiper-slide {
cursor: pointer;
}
.kleurswiper .slide-inner {
padding: .25rem;
border: 1px solid transparent;
}
.kleurswiper .swiper-slide:first-of-type .slide-inner {
border: 1px solid var(--contrast-2);
}
/*
.kleurswiper .swiper-slide-active .slide-inner {
border: 1px solid var(--contrast-2);
}
.kleurswiper .product-link {
display: none;
}
.kleurswiper .swiper-slide-active .product-link {
display: block;
margin-top: 0.25rem;
font-weight: 500;
text-align: center;
text-decoration: underline;
}
*/
.kleurswiper .swiper-slide a {
position: relative;
display: block;
}
.kleurswiper .swiper-slide .hover-color {
display: none;
}
.kleurswiper .swiper-slide:hover .hover-color {
display: grid;
place-content: center;
position: absolute;
inset: 0;
color: var(--base);
background-color: #28282894;
}
.kleurswiper .swiper-buttons {
margin: 0;
}
.kleurswiper .swiper-button {
position: absolute;
top: calc(50% - 1.25rem);
width: 2.375rem;
height: 2.375rem;
}
.kleurswiper .swiper-button-prev {
left: -.5rem;
}
.kleurswiper .swiper-button-next {
right: -.5rem;
}
/* Afmetingen */
.afmetingen-delivery-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.afmetingen-label {
flex-basis: 100%;
font-weight: 600;
}
.afmetingen {
display: flex;
flex-wrap: wrap;
gap: .75rem;
font-weight: 600;
}
.afmetingen a {
display: block;
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
padding: .5rem 1.25rem;
}
.afmetingen li:first-child a {
border-color: var(--primary-accent);
}
.woocommerce-tabs .wc-tabs {
display: none !important;
flex-direction: row !important;
border-bottom: 1px solid var(--border-color);
margin-bottom: 3rem !important;
}
.woocommerce-tabs .wc-tabs > li {
background-color: var(--base) !important;
border: none !important;
padding: 0 1.25rem!important;
}
.woocommerce-tabs .wc-tabs > li:first-child {
padding-left: 0 !important;
}
.woocommerce-tabs .wc-tabs .upsells_tab {
display: none !important;
}
.woocommerce-tabs .wc-tabs > li a {
/* font-family: 'Figtree', 'sans-serif'; */
padding-bottom: 0 !important;
}
.woocommerce-tabs .wc-tabs > li a:after {
transition: width ease-in-out 250ms;
transform: rotate(180deg);
background: none repeat scroll 0 0 var(--contrast);
content: "";
display: block;
height: .2rem;
width: 0;
margin-top: .125rem;
}
.woocommerce-tabs .wc-tabs > li.selected-tab a:after,
.woocommerce-tabs .wc-tabs > li a:hover:after {
width: 100%;
}
.woocommerce-tabs .wc-tabs > li a:hover,
.woocommerce-tabs .wc-tabs > li a:focus {
color: var(--contrast) !important;
}
.woocommerce-tabs .wc-tabs > li:not(:hover, :focus).active a {
color: var(--contrast) !important;
}
.woocommerce-Tabs-panel {
display: block !important;
scroll-margin-top: 100px;
}
.woocommerce-Tabs-panel h2 {
border-bottom: 1px solid var(--border-color);
padding-bottom: 0.5em;
}
.single-product-warning {
padding: 1.5rem;
border: 1px solid var(--border-color);
}
.single-product-warning h3 {
display: flex;
align-items: center;
gap: .625rem;
font-size: 1.125rem;
line-height: 1.5rem;
color: var(--primary-accent);
}
.single-product-warning .icon {
font-size: 1.33em;
}
.single-product-warning p:last-child {
margin-bottom: 0;
}
/* Specifications */
.specifications {
overflow: hidden;
transition: height 200ms;
}
.specifications .spec {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 1rem;
padding: 1rem;
}
.specifications .spec:nth-child(even) {
background-color: var(--base-2);
}
.specifications .spec-label {
font-weight: 500;
color: var(--contrast-2);
}
.specifications .spec-label .tooltip-open {
padding: 0;
background-color: transparent;
}
.specifications .spec-label .icon {
pointer-events: none;
color: var(--primary-accent);
width: 2rem;
height: 1.25rem;
vertical-align: sub;
}
.specifications .spec-value {
font-weight: 500;
margin: 0;
}
.specifications .spec-value .fa-check {
color: var(--secondary-accent);
}
.read-more-toggle {
position: relative;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
font-family: 'Figtree', 'sans-serif';
font-weight: 600;
}
.read-more-toggle.read-less {
margin-top: 1rem;
}
.read-more-toggle:focus-visible {
outline: 2px solid var(--contrast);
}
.read-more-toggle::before {
content: '';
background-color: var(--primary-accent);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width: 2rem;
height: 2em;
rotate: 90deg;
margin-right: 0.5rem;
}
.read-more-toggle.read-less::before {
rotate: 270deg;
}
.read-more-toggle::after {
content: '';
position: absolute;
bottom: 2rem;
left: 0;
width: 100%;
height: 200px;
background: linear-gradient(rgba(255,255,255,0),#fff);
z-index: -1;
pointer-events: none;
}
.read-more-toggle.read-less::after {
content: none;
}
/* Upsells */
.upsells-container h2 {
border-bottom: none;
padding-bottom: 0;
}
.upsells-categories-list {
list-style: none;
margin: 0;
}
.awaiting-response .upsells-categories-list {
opacity: .5;
}
.upsells-category {
display: flex;
align-items: center;
gap: 1.5rem;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
margin-bottom: 1rem;
}
.upsells-category img {
max-width: 80px;
}
.upsells-category h3 {
font-size: 1.25rem;
}
.upsells-category button {
padding: 0;
background-color: transparent;
}
.upsells-swiper {
padding-inline: .125rem;
}
.upsells-swiper .custom-badge {
display: none;
}
.upsells-swiper .on-sale-badge {
position: absolute;
margin-left: .5rem;
}
.upsells-swiper .swiper-slide h2 {
font-size: 1.125rem;
}
.upsells-swiper .woocommerce-loop-product__link .price {
border-top: none;
margin-bottom: .625rem;
}
.upsells-swiper .woocommerce-loop-product__link .price::after {
content: none;
}
.upsells-swiper .price-unit {
display: none;
}
.upsells-swiper .button.add_to_cart_button {
display: flex;
font-size: 0;
align-items: center;
position: absolute;
bottom: 1rem;
right: 1rem;
background-color: var(--secondary-accent);
border-radius: var(--border-radius);
}
.upsells-swiper .add_to_cart_button::before,
.upsells-swiper .add_to_cart_button::after {
content: '';
background-color: var(--base);
-webkit-mask-size: cover;
mask-size: cover;
width: 1rem;
height: 1rem;
}
.upsells-swiper .add_to_cart_button::before {
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24V232H40c-13.3 0-24 10.7-24 24s10.7 24 24 24H200V440c0 13.3 10.7 24 24 24s24-10.7 24-24V280H408c13.3 0 24-10.7 24-24s-10.7-24-24-24H248V72z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24V232H40c-13.3 0-24 10.7-24 24s10.7 24 24 24H200V440c0 13.3 10.7 24 24 24s24-10.7 24-24V280H408c13.3 0 24-10.7 24-24s-10.7-24-24-24H248V72z'/%3E%3C/svg%3E") no-repeat 50% 50%;
margin-right: .5rem;
}
.upsells-swiper .add_to_cart_button::after {
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='18' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='18' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width: 1.125rem;
}
/* Productvoordelen - Downloads */
.productvoordelen,
.downloads-list {
list-style: none;
margin: 0;
font-weight: 500;
}
.productvoordelen li,
.downloads-list li {
margin-bottom: .5rem;
}
.productvoordelen li {
display: flex;
}
.productvoordelen .icon,
.downloads-list .icon {
margin-right: .5rem;
}
.productvoordelen .icon {
color: var(--secondary-accent);
margin-top: .25rem;
}
.downloads-list .icon {
color: var(--primary-accent);
}
.downloads-list a {
font-weight: 500;
text-decoration: underline;
}
.downloads-list a:hover {
text-decoration: none;
}
/* Related products */
.related.products {
margin-top: 1.75rem;
}
/* Dialogs */
.dialog {
width: calc(100% - 2rem);
max-width: 600px;
border: none;
border-radius: var(--border-radius);
padding: 1rem;
font-weight: 400;
}
.dialog.upsells-dialog {
max-width: calc( var(--site-width) - 4rem );
}
.dialog::-webkit-backdrop {
background-color: rgba(0, 0, 0, 0.4);
}
.dialog::backdrop {
background-color: rgba(0, 0, 0, 0.4);
}
.dialog-close {
display: block;
padding: 0;
margin-left: auto;
background-color: transparent;
}
.dialog-close:focus,
.dialog-close:hover {
background-color: transparent;
}
.dialog-close .icon.close-icon {
pointer-events: none;
color: var(--contrast);
height: 2rem;
vertical-align: bottom;
}
.stock-dialog,
.sample-dialog {
max-width: 720px;
}
.stock-dialog-header,
.sample-dialog-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
margin: -1rem -1rem 1rem -1rem;
padding: 0.75rem 1rem;
background-color: var(--base-2);
}
.stock-dialog-header .dialog-title,
.sample-dialog-header .dialog-title {
font-size: 1.625rem;
margin-bottom: 0;
}
.stock-dialog-content a {
text-decoration: underline;
}
.sample-dialog-content p {
font-style: italic;
}
.bestelhoeveelheid-open {
background-color: transparent;
color: var(--contrast);
padding: 0;
width: 1.125rem;
height: 1.125rem;
}
.bestelhoeveelheid-open svg {
display: block;
}
.bestelhoeveelheid-open:hover,
.bestelhoeveelheid-open:focus {
background-color: transparent;
color: var(--primary-accent);
}
/* Woocommerce notices */
.single-product .woocommerce-notices-wrapper .woocommerce-message {
display: flex;
flex-direction: column-reverse;
gap: .75rem;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message .wc-forward {
display: inline-flex;
gap: 0.25rem;
text-decoration: underline;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message .wc-forward:hover {
text-decoration: none;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message .wc-forward::before {
content: '';
background-color: var(--contrast);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25em' height='1.25em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width: 1em;
height: 1em;
margin-top: .25rem;
background-color: var(--base);
}
/* Woocommerce photoswiper */
.single-product .pswp__caption {
display: none;
}
/* Blog page */
.archive:not(.woocommerce) .generate-columns-container {
padding-inline: 1rem;
}
.archive:not(.woocommerce) .page-header {
padding-inline: 0;
}
.archive:not(.woocommerce) article > .inside-article {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
padding-inline: 0;
}
.archive:not(.woocommerce) .post-image {
margin-bottom: 0 !important;
padding: 1rem 1rem 0;
}
.archive:not(.woocommerce) .post-image img {
display: block;
aspect-ratio: 1.5/1;
object-fit: cover;
border-radius: var(--border-radius);
}
.archive:not(.woocommerce) .post-image img:hover {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
10% {
opacity: .8;
}
100% {
opacity: 1;
}
}
@keyframes flash {
10% {
opacity: .8;
}
100% {
opacity: 1;
}
}
.archive:not(.woocommerce) .entry-header {
padding-inline: 1rem;
}
.archive:not(.woocommerce) .entry-meta {
margin-block: .75rem .5rem;
}
.archive:not(.woocommerce) .entry-title {
font-size: 1rem;
line-height: 1.5;
}
.archive:not(.woocommerce) .entry-title a:hover {
text-decoration: underline;
}
.archive:not(.woocommerce) .entry-summary {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: .25rem;
margin-bottom: 1rem;
padding-inline: 1rem;
}
/* Blog navigation */
#nav-below.paging-navigation {
padding: 0;
}
.paging-navigation .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .5rem;
}
.paging-navigation .page-numbers {
display: grid;
place-content: center;
min-width: 34px;
height: 34px;
font-weight: 500;
padding: 0.5em;
border: 1px solid var(--base-2);
background-color: var(--base-2);
border-radius: 0.25rem;
}
.paging-navigation .page-numbers:not(.current, .dots):hover,
.paging-navigation .page-numbers:not(.current, .dots):focus {
background-color: var(--contrast);
color: var(--base);
text-decoration: none;
}
.paging-navigation .current {
border-color: var(--contrast);
color: var(--contrast);
background-color: var(--base);
}
.paging-navigation .prev {
text-transform: capitalize;
}
.paging-navigation .prev > span,
.paging-navigation .next > span {
display: none;
}
/* Single */
.single .featured-image {
margin-bottom: .75rem !important;
}
.single .featured-image img {
width: 100%;
aspect-ratio: 1.5/1;
max-height: 450px;
-o-object-fit: cover;
object-fit: cover;
border-radius: .25rem;
}
/* Advies cards */
.advies-cards > .gb-grid-column {
position: relative;
}
.advies-cards > .gb-grid-column a::after {
content: '';
position: absolute;
inset: 0;
z-index: 2;
}
/* Single Advies */
.single-advies .entry-header .entry-meta {
font-size: .875rem;
margin-block: .75rem .5rem;
}
.single-advies .instagram-bar {
background-color: var(--base);
}
.single-advies .entry-content ul.list-with-spacing li {
margin-bottom: 1rem;
}
.single-advies .entry-content ol li {
padding-left: .25rem;
margin-bottom: .5em;
}
.single-advies .entry-content ol li::marker {
font-weight: 600;
color: var(--primary-accent);
}
.single-advies .entry-content > figure {
margin-block: 1.5rem;
}
.single-advies .entry-content > figure img {
border-radius: var(--border-radius);
}
/* Advies loop */
.advies-loop-grid.gb-query-loop-wrapper {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: .5rem;
}
.advies-loop-grid > .gb-grid-column {
min-width: 280px;
scroll-snap-align: center;
}
.advies-loop-article:hover,
.advies-loop-article:focus {
text-decoration: none;
}
.advies-loop-article .posted-on {
margin-block: .75rem .5rem;
}
.advies-loop-article .summary {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0;
}
/* reviews archive */
.reviews-pagination a:hover,
.reviews-pagination a:focus {
text-decoration: none;
}
.reviews-pagination span[aria-current="page"] {
background-color: var(--base);
border: 1px solid var(--contrast);
}
.reviews-pagination span[aria-current="page"]:hover {
background-color: var(--base);
color: var(--contrast);
}
.review img {
display: inline-block;
float: revert;
margin-top: .5rem;
margin-right: .5rem;
}
.review img:last-of-type {
margin-right: 0;
}
/* Reviews loop block */
.review-loop-grid.gb-query-loop-wrapper {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: .5rem;
}
.review-loop-grid > .gb-grid-column {
min-width: 280px;
scroll-snap-align: center;
}
.review .review-stars {
display: flex;
gap: .25rem;
margin-bottom: .75rem;
min-height: 24px;
}
.review .review-stars svg {
background-color: var(--secondary-accent);
width: 1rem;
padding: .25rem;
}
.review .review-stars svg path {
color: var(--base);
}
.review .title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Vacatures */
.vacatures-sidebar .facet-wrap {
margin-bottom: 1rem;
}
/* Checkout + thank you page */
#payment .wc_payment_methods span {
float: right;
background: #090;
padding: 5px;
border-radius: 0.25rem;
color: #fff !important;
font-size: 10px !important;
text-transform: uppercase;
}
.woocommerce-checkout,
.woocommerce-checkout article > .inside-article,
.single-wffn_ty,
.single-wffn_ty article > .inside-article {
background-color: #f9f9f9;
}
.woocommerce-checkout .mobile-search-container,
.single-wffn_ty .mobile-search-container {
display: none;
}
.woocommerce-checkout .header-cart-container,
.single-wffn_ty .header-cart-container {
display: none;
}
.woocommerce-checkout .variation {
margin-top: .25rem !important;
display: grid;
gap: .25rem;
}
.woocommerce-checkout .variation dt {
grid-column: 1/2;
}
.woocommerce-checkout .variation dd {
grid-column: 2/3;
}
.woocommerce-checkout .variation dt,
.woocommerce-checkout .variation dd p,
.woocommerce-checkout .variation dd span {
font-size: 13px !important;
}
.woocommerce-checkout .variation dd p,
.woocommerce-checkout .variation dd span {
font-weight: 400 !important;
}
.woocommerce-checkout .shipping-method-desc {
margin-top: .5rem;
font-weight: 400;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-link {
text-decoration: underline !important;
}
.back-to-cart::before {
transform: rotate(180deg);
}
.woocommerce-checkout #place_order {
text-transform: none !important;
}
:is(#billing_house_number_field, #billing_street_name_field, #shipping_house_number_field, #shipping_street_name_field) label abbr {
display: none;
}
/* Checkout betaallink */
.woocommerce-order-pay #order_review {
width: 100% !important;
}
.woocommerce-order-pay .wfacp-mini-cart-block {
display: none;
}
.woocommerce-order-pay .wc-item-meta li {
text-align: left !important;
margin-top: .5rem !important;
}
.payment_box.payment_method_mollie_wc_gateway_ideal {
padding: 0 !important;
border: none !important;
}
/* Checkout - postcode checker */
.wcnlpc-error {
padding-left: .5rem !important;
margin-bottom: .375rem;
}
@media (min-width: 768px) {
.wcnlpc-error {
width: 100%;
}
#billing_postcode_field,
#shipping_postcode_field {
width: 50% !important;
}
#billing_house_number_field,
#shipping_house_number_field {
width: 25% !important;
margin-right: 0 !important;
}
#billing_house_number_suffix_field,
#shipping_house_number_suffix_field {
width: 25% !important;
}
}
@media (min-width: 1025px) {
body.woocommerce-checkout {
overflow-x: revert;
}
.woocommerce-checkout .entry-content .bwf-align-wrap-full:last-child .bwf-col .bwf-inner-col:last-of-type {
position: sticky;
top: 1rem;
align-self: flex-start;
}
}
/* Thank you page */
.woocommerce-order-received .breadcrumb li:not(:first-child,:last-child) {
display: none;
}
.wfty_order_details .wfty_p_name span {
color: var(--contrast) !important;
font-weight: 500 !important;
}
.wfty_order_details .wfty_info {
margin-top: .5rem;
}
.wfty_order_details .wc-item-meta-label {
font-weight: 500 !important;
}
/* Accordions */
.gb-accordion .gb-icon svg path {
fill: var(--primary-accent);
}
/* Gravity forms */
input.gform_button[type="submit"] {
font-family: Figtree !important;
font-weight: 600 !important;
}
/* Openingstijden table */
.openingstijden-table table,
.openingstijden-table td {
border: none;
}
.openingstijden-table td {
padding: .125rem 0;
}
/* Footer */
.footer-accordion ul {
list-style: none;
margin: 0 0 0 0.05rem;
}
.footer-accordion li:not(:first-of-type) {
margin-top: .75rem;
}
.footer-addresses-container {
word-wrap: anywhere;
}
.footer-portrait {
position: absolute;
left: 0;
bottom: 0;
}
/* Cart */
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
display: none !important;
}
.woocommerce-cart .checkout-button {
border-radius: var(--border-radius) !important;
}
.woocommerce-cart .product-name a {
font-weight: 600;
}
.woocommerce-cart dl.variation {
margin-top: .25rem;
font-size: .875rem;
}
.woocommerce-cart .coupon {
display: flex;
flex-direction: column;
gap: .75rem;
}
.woocommerce-cart .coupon .input-text,
.woocommerce-cart .coupon .button {
width: auto !important;
margin: 0 !important;
}
/* Instagram feed */
#sb_instagram #sbi_images {
padding-block: 0;
}
/* Funnelkit */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-meta-content {
margin-block: .25rem;
}
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-meta-content > * {
display: flex;
gap: 0.25rem;
}
@media (hover: hover) and (pointer: fine) {
.swiper-button:hover {
background-color: var(--contrast);
}
.swiper-button:hover::after {
background-color: var(--base);
}
ul.products > li > a:hover,
div.products > div > a:hover {
box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
}
}
@media (min-width: 481px) { /* Mobile breakpoint */
.site-logo {
max-width: revert;
}
.single-product .breadcrumb {
margin-bottom: 0;
}
.single-product .breadcrumb li:nth-last-child(2)::after {
content: ' > ';
}
.single-product .entry-summary .price-per-box {
width: fit-content;
}
.afmetingen-delivery-container {
justify-content: flex-start;
gap: .5rem 1.5rem;
}
.afmetingen {
max-width: revert;
}
.afmetingen-delivery-container .delivery-time {
font-size: 1rem;
}
.single-product form.cart .single-product-totals {
width: auto !important;
}
/* Cart */
.woocommerce-cart .coupon {
flex-direction: row;
}
}
@media (min-width: 768px) { /* GP breakpoint - to tablet */
.woocommerce ul.products li.product h4.woocommerce-loop-product__title {
font-size: 1.125rem;
line-height: 1.33em;
font-size: 1rem;
line-height: 1.5em;
}
/* General */
.container-padding {
padding-inline: 2rem;
}
/* Dialogs */
.dialog {
width: calc(100% - 4rem);
padding: 1.5rem;
}
.archive .sidebar {
display: block;
}
.stock-dialog-header,
.sample-dialog-header {
margin: -1.5rem -1.5rem 1.5rem -1.5rem;
padding: 0.75rem 1.5rem;
}
/* Product archive / loop products */
.woocommerce.archive .site {
margin-bottom: 45px;
}
.woocommerce.archive .site-main {
margin-left: 0;
margin-top: 1rem;
}
ul.products > li:not(.archive-product-banner) > a,
div.products > div > a {
padding: 1rem !important;
}
.product-badge {
font-size: .875rem;
margin-top: .5rem;
}
.single-product .badge-wrapper .product-badge {
font-size: 1rem;
}
.product-badge:nth-of-type(1) {
margin-left: .5rem;
}
.woocommerce-loop-product__title {
font-size: 1.125rem;
line-height: 1.33;
}
.woocommerce-loop-product__link .price {
padding-top: .75rem;
border-top: 1px solid var(--border-color);
font-size: 1.5rem !important;
}
.woocommerce-loop-product__link .price del {
width: auto;
font-size: 1.125rem !important;
color: var(--contrast) !important;
padding-right: .25rem !important;
}
.woocommerce-loop-product__link .price .price-unit{
font-size: .875rem !important;
}
.taxonomy-seo-text {
margin-top: 2rem;
}
.woocommerce-pagination {
margin-top: 3rem !important;
}
.paging-navigation {
margin-top: 1.75rem;
}
.woocommerce-pagination ul.page-numbers,
.paging-navigation .nav-links {
justify-content: end;
gap: .75rem;
}
.woocommerce-pagination ul.page-numbers .page-numbers,
.paging-navigation .page-numbers {
min-width: 3rem;
min-height: 3rem;
line-height: 1.5;
}
.archive-product-banner span {
padding: 14px;
margin: auto 1rem 1rem;
}
/* Single product */
.woocommerce-tabs .wc-tabs {
display: revert !important;
}
.specifications .spec {
padding: 1rem 2rem;
}
.related.products {
margin-top: 3.5rem;
}
/* Blog */
.archive:not(.woocommerce) .generate-columns-container {
padding-inline: 2rem;
}
/* Single Blog */
.featured-image img {
aspect-ratio: 2/1;
}
/* Footer */
.footer-accordion .gb-accordion__toggle {
pointer-events: none;
}
.footer-accordion .gb-accordion__toggle .gb-icon {
display: none;
}
.footer-accordion .gb-accordion__content {
max-height: inherit !important;
visibility: visible !important;
}
}
@media (min-width: 769px) {
.woocommerce.archive .woocommerce-archive-wrapper > .inside-article {
padding-left: 0;
}
}
@media (min-width: 1025px) { /* GP breakpoint - to desktop */
/* Mega menu */
.site-header .main-navigation .inside-navigation {
position: initial;
}
nav .main-nav .mega-menu {
position: static;
padding-bottom: 1.625rem;
margin-bottom: -1.625rem;
}
nav .main-nav .mega-menu > ul {
position: absolute;
display: grid;
gap: 2rem 1rem;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto auto;
padding-block: 2rem;
padding-inline: calc((100% - 1264px) / 2);
top: 100%;
width: 100%;
left: 0 !important;
background-color: var(--base-2);
border-top: 1px solid var(--border-color);
box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.12);
}
nav .main-nav .mega-menu > ul > li {
display: inline-block;
}
nav .main-nav .mega-menu > ul > li:nth-child(1) {
grid-column: 1/2;
grid-row: 1/3;
padding-left: 1rem;
}
nav .main-nav .mega-menu > ul > li:nth-child(2) {
grid-column: 2/3;
grid-row: 1/2;
}
nav .main-nav .mega-menu > ul > li:nth-child(3) {
grid-column: 2/3;
grid-row: 2/3;
}
nav .main-nav .mega-menu > ul > li:nth-child(4) {
grid-column: 3/4;
grid-row: 1/3;
}
nav .main-nav .mega-menu > ul > li:nth-child(5) {
grid-column: 4/5;
grid-row: 1/3;
}
nav .main-nav .mega-menu > ul > li:nth-child(6) {
grid-column: 5/7;
grid-row: 1/3;
padding-right: 1rem;
}
.menu-icon-heading > a {
font-size: 1rem !important;
}
nav .main-nav .mega-menu > ul > li:hover > a,
nav .main-nav .mega-menu > ul > li:focus > a,
nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
nav .main-nav .mega-menu ul ul {
background-color: transparent !important;
color: inherit;
}
nav .main-nav .mega-menu ul .sub-menu {
position: static;
opacity: 1;
visibility: visible;
width: 100%;
box-shadow: 0 0 0;
left: 0;
height: auto;
pointer-events: auto;
}
nav .main-nav .mega-menu ul.toggled-on .sub-menu {
pointer-events: auto;
}
nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
display: none;
}
.mega-menu-promo-container {
padding: 4.25rem 2rem;
border-radius: var(--border-radius);
}
.mega-menu-promo-container .inner-container {
padding: 2rem;
border-radius: var(--border-radius);
background-color: var(--contrast);
color: var(--base);
font-weight: 600;
}
.mega-menu-promo-container .title {
font-family: 'Figtree', 'sans-serif';
font-size: 2rem;
margin-bottom: 1rem;
padding: .5rem;
border-left: 2px solid var(--primary-accent);
}
.mega-menu-promo-container p {
font-family: 'DM Sans', 'sans-serif';
font-weight: 400;
}
.mega-menu-promo-container .gb-button {
display: inline-flex;
}
.site-header .menu-toggle {
display: none;
}
.header-cart-container > .gb-container {
position: relative;
}
.header-cart-container .fkcart-mini-toggler {
position: absolute;
inset: 0;
padding-left: 1rem;
place-content: center start;
width: auto;
height: auto;
}
.header-cart-container > .gb-container {
background-color: var(--contrast);
color: var(--base);
}
.header-cart-container > .gb-container:hover {
background-color: var(--contrast-dark);
}
.home-customer-service-portrait {
position: absolute;
left: 0;
bottom: 0;
}
/* Archive */
.woocommerce-pagination ul.page-numbers .next,
.woocommerce-pagination ul.page-numbers .prev,
.paging-navigation .prev,
.paging-navigation .next {
padding-inline: 1rem;
}
.woocommerce-result-count {
display: revert;
font-weight: 500;
color: var(--contrast-2);
padding: 0 !important;
}
.woocommerce.archive .page-title {
font-size: 2rem;
}
.taxonomy-seo-text h2 {
font-size: 1.625rem;
}
.taxonomy-seo-text h3 {
font-size: 1.375rem;
}
/* Single product */
.single-product-title-wrapper {
flex-direction: row;
align-items: end;
justify-content: space-between;
margin-bottom: 2rem;
}
.single-product-title-wrapper .product_title {
font-size: 2rem;
}
.single-product .product-summary-container {
padding: 0 1.5rem;
margin: 1.5rem 0;
}
.single-product .entry-summary .price-summary-inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding: 1.5rem;
}
.single-product .entry-summary .price del::before,
.single-product .entry-summary .price ins::before {
margin-bottom: .5rem;
}
.single-product .entry-summary .price del {
font-size: 1.5rem;
}
.single-product .entry-summary .price ins {
font-size: 2.75rem;
}
.kleurswiper img {
max-width: 130px;
}
.kleurswiper .swiper-button-prev {
left: -1.1875rem;
}
.kleurswiper .swiper-button-next {
right: -1.1875rem;
}
.single-product form.cart {
padding-inline: 1.5rem;
}
.single-product form.cart .single-product-totals .total-price-amount {
font-size: 2.75rem;
}
.single-product form.cart .single_add_to_cart_button {
font-size: 1.125rem;
}
.sample-button::before {
content: '';
flex-shrink: 0;
background-color: var(--contrast);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M224 464H448c8.8 0 16-7.2 16-16V224c0-8.8-7.2-16-16-16H384V160h64c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64V384h48v64c0 8.8 7.2 16 16 16zm64-112H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H288c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64z'/%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M224 464H448c8.8 0 16-7.2 16-16V224c0-8.8-7.2-16-16-16H384V160h64c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64V384h48v64c0 8.8 7.2 16 16 16zm64-112H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H288c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.sample-button,
#stock-open {
max-width: 275px;
padding: 1.125rem;
font-size: 1.125rem !important;
}
.woocommerce-tabs {
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 2rem;
}
.woocommerce-tabs > * {
grid-column: 1/2;
}
.woocommerce-tabs .woocommerce-Tabs-panel--upsells {
grid-column: 2/3;
grid-row: 2/6;
max-width: 400px;
margin-left: auto !important;
}
.woocommerce-tabs h2 {
font-size: 1.625rem;
}
.single-product .customer-service-block {
margin-top: 2rem;
}
/* swiper */
.swiper-heading {
margin-bottom: 1rem;
}
.swiper-overflowing-buttons-inner {
position: relative;
overflow: visible;
margin-inline: auto;
max-width: 1400px;
}
.swiper-buttons-relative-container {
position: relative;
}
.swiper-buttons {
margin: 0;
}
.swiper-button {
position: absolute;
top: calc(50% - 1.5rem);
}
.product-cat-swiper .swiper-button {
top: calc(50% - .5rem);
}
.swiper-button-prev {
left: -1rem;
}
.swiper-button-next {
right: -1rem;
}
/* Blog */
.archive:not(.woocommerce) .entry-title {
font-size: 1.125rem;
line-height: 1.33;
}
/* reviews block */
.review-loop-grid.gb-query-loop-wrapper {
flex-wrap: wrap;
overflow-x: revert;
}
.review-loop-grid > .gb-grid-column {
min-width: revert;
}
.review-loop-grid > .gb-grid-column:nth-of-type(2),
.review-loop-grid > .gb-grid-column:nth-of-type(3) {
margin-bottom: 2rem;
}
.review-loop-grid > .gb-grid-column:nth-of-type(6),
.review-loop-grid > .gb-grid-column:nth-of-type(7) {
margin-top: -2rem;
margin-bottom: 2rem;
}
.all-reviews-link::after {
content: '';
position: absolute;
bottom: 2rem;
left: 0;
width: 100%;
height: 300px;
background: linear-gradient(rgba(255,255,255,0),#fff);
z-index: -1;
pointer-events: none;
}
.all-reviews-link:focus-visible {
outline: 2px solid var(--contrast);
}
/* Single advies */
.single-advies .entry-content > .gb-container {
margin-block: 3rem;
}
.single-advies .entry-content h2:not(.woocommerce-loop-product__title) {
font-size: 1.675rem;
}
.single-advies .entry-content h3 {
font-size: 1.375rem;
}
.single-advies .entry-content h4 {
font-size: 1.25rem;
}
}
@media (min-width: 1328px) { /* fullwidth */
.header-callto {
margin-inline: 3rem !important;
}
nav .main-nav .mega-menu > ul > li:nth-child(1) {
padding-left: 0;
}
nav .main-nav .mega-menu > ul > li:nth-child(6) {
padding-right: 0;
}
}
@media (min-width: 1480px) { /* fullwidth */
.swiper-button-prev {
left: -2.5rem;
}
.swiper-button-next {
right: -2.5rem;
}
.dialog.upsells-dialog {
padding-inline: 3rem;
}
}