body {
font-size: 20px;
font-family: var(--main-font-family);
overflow-x: clip;
background-color: var(--white);
}
.white-text {
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
line-height: 120%;
font-weight: 800;
}
p, a {
font-size: 1em;
margin: 1rem 0 1rem;
}
p {
color: var(--black);
line-height: 180%;
}
h1 {
font-size: 2.25em;
margin: 1.5rem 0 1.5rem; }
h2 {
font-size: 33px;
margin: 1.25rem 0 1.25rem; }
h3 {
font-size: 1.75em;
margin: 1rem 0 1rem; }
h4 {
font-size: 23px;
margin: 1rem 0 1rem; }
h5 {
font-size: 18px;
margin: 1rem 0 1rem; }
h6 {
font-size: 1em;
margin: 1rem 0 1rem; }
.display-big-title {
font-size: 4.25em;
}
.display-small-title {
font-size: 3.75em;
} .semi-bold {
font-weight: 700;
}
.bold {
font-weight: 800;
}
.extra-bold {
font-weight: 900;
}
.text-small {
font-size: 14px;
}
.text-big {
font-size: 18px;
}
.section-divider {
padding: 60px 0;
} .left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.justify {
text-align: justify;
}
.small-text, .small-text p {
font-size: 14px;
}
.big-text, .big-text p {
font-size: 18px;
}
.container-big {
width: 100%;
max-width: 1920px;
margin: auto;
}
.columns.is-variable > .column {
padding-left: 4px;
padding-right: 4px;
}
.columns.is-variable {
margin-left: -4px;
margin-right: -4px;
} .custom-container {
max-width: 1440px;
width: 100%;
padding: 0 0.5rem;
} @media only screen and (min-width: 33.75em) { }
@media only screen and (min-width: 768px) { .columns.is-variable > .column {
padding-left: 8px;
padding-right: 8px;
}
.columns.is-variable {
margin-left: -8px;
margin-right: -8px;
}
.custom-container {
max-width: 1440px;
width: 100%;
padding: 0 1rem;
}
}
@media only screen and (min-width: 1024px) { h1 {
font-size: 3em;
margin: 1.5rem 0 1.5rem;
}
h2 {
font-size: 39px;
margin: 1.25rem 0 1.25rem;
}
h3 {
font-size: 33px;
margin: 1rem 0 1rem;
}
h4 {
font-size: 1.5em;
margin: 1rem 0 1rem;
}
h5 {
font-size: 23px;
margin: 1rem 0 1rem;
}
h6 {
font-size: 18px;
margin: 1rem 0 1rem;
}
.column {
padding-left: 10px;
padding-right: 10px;
}
.columns.is-variable {
margin-left: -10px;
margin-right: -10px;
}
.custom-container {
max-width: 1440px;
width: 100%;
padding: 0 1.5rem;
}
}
@media screen and (min-width: 1440px) {
.columns.is-variable > .column {
padding-left: 12px;
padding-right: 12px;
}
.columns.is-variable {
margin-left: -12px;
margin-right: -12px;
}
}  :root { --primary-100: #FFDC7D;
--primary-200: #f7da39;
--primary-400: #fab600;
--primary-600: #eaab00;
--primary-800: #db9f00;
--secondary-100: #94c891;
--secondary-200: #6152a9;
--secondary-400: #483b8b;
--secondary-600: #302080;
--secondary-800: #264724;
--accent-100: #db5499;
--accent-200: #00aae5;
--accent-400: #2f863f;
--accent-600: #9e6bab;
--accent-800: #ce3437;
--white: #FFFAEE;
--neutral-100: #F0E9D7;
--black: #1d1d1b; --main-font-family: "interstate", sans-serif;
--secondary-font-family: "interstate", sans-serif; --shadow-xs: 0px 4px 8px rgba(0, 0, 0, 0.1);
--shadow-sm: 0px 6px 12px rgba(0, 0, 0, 0.1);
--shadow-md: 0px 8px 16px rgba(0, 0, 0, 0.1);
--shadow-lg: 0px 10px 20px rgba(0, 0, 0, 0.1);
--shadow-xl: 0px 12px 24px rgba(51, 51, 51, 0.1);
}  .primary-button {
background: var(--accent-200);
border-radius: 48px;
color: var(--white);
display: inline-block;
font-size: 20px;
border: 1px solid var(--accent-200);
}
.primary-button:hover {
background: #0094C7;
color: var(--white);
}
.primary-button:active {
background: var(--accent-200);
}
.secondary-button {
background: var(--secondary-400);
border-radius: 4px;
color: var(--black);
display: inline-block;
border: 1px solid var(--secondary-400);
}
.secondary-button:hover {
background: var(--secondary-600);
color: var(--black);
}
.secondary-button:active {
background: var(--secondary-800);
}
.ghost-button {
background: transparent;
border-radius: 4px;
color: var(--primary-400);
display: inline-block;
border: 1px solid var(--primary-400);
}
.ghost-button:hover {
background: var(--primary-600);
color: var(--white);
}
.ghost-button:active {
background: var(--primary-800);
}
.ghost-button-dark {
background: transparent;
border-radius: 4px;
color: var(--secondary-400);
display: inline-block;
background-color: var(--primary-400);
border: 1px solid var(--primary-800);
}
.ghost-button-dark:hover {
background: var(--secondary-400);
color: var(--white);
border: 1px solid var(--primary-600);
}
.ghost-button-white:active {
background: var(--primary-800);
}
.ghost-button-white {
background: transparent;
border-radius: 4px;
color: var(--);
display: inline-block;
border: 1px solid var(--white);
}
.ghost-button-white:hover {
background: var(--primary-600);
color: var(--white);
border: 1px solid var(--primary-600);
}
.ghost-button-white:active {
background: var(--primary-800);
}
.btn {
font-size: 20px;
font-weight: bold;
padding: 12px 20px;
margin: 0;
border-radius: 48px;
margin-bottom: 12px;
transition: all 0.2s;
}
.underline-button {
font-weight: 800;
border-bottom: 3px solid vaR(--primary-400);
padding-bottom: 10px;
cursor: pointer;
}
.underline-button:hover {
color: var(--primary-400);
} .underline-button.icon-text {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.underline-button.icon-text .icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.underline-button.icon-text:hover .icon,
.underline-button.icon-text:focus .icon,
.underline-button.icon-text:active .icon {
-webkit-transform: translateX(4px);
transform: translateX(4px);
} @-webkit-keyframes hvr-icon-down {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@media screen and (min-width: 1024px) {
.btn {
font-size: 20px;
font-weight: bold;
padding: 0.75rem 1.25rem;
}
}
.button-small {
font-size: 14px;
font-weight: bold;
padding: 0.5rem 1rem;
}
.button-regular {
font-size: 1rem;
font-weight: bold;
padding: 0.75rem 1.25rem;
}
.button-big {
font-size: 18px;
font-weight: bold;
padding: 1rem 1.5rem;
}
.button-icon-right span {
margin-left: 10px;
}
.button-icon-left span {
margin-right: 10px;
}
.animated-arrow-button.icon-text {
justify-content: space-between;
display: flex;
transition: all 0.2s;
}
.animated-arrow-button:hover .icon-text {
color: var(--primary-600);
}
.animated-arrow-button .icon {
transition: all 0.2s;
}
.image-w-button-item:hover .icon {
transform: translate(5px, -5px);
} .cv-auto {
content-visibility: auto;
contain-intrinsic-size: 1px 5000px;
}  img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}  :root { --primary-100: #FFDC7D;
--primary-200: #f7da39;
--primary-400: #fab600;
--primary-600: #eaab00;
--primary-800: #db9f00;
--secondary-100: #94c891;
--secondary-200: #6152a9;
--secondary-400: #483b8b;
--secondary-600: #302080;
--secondary-800: #264724;
--accent-100: #db5499;
--accent-200: #00aae5;
--accent-400: #2f863f;
--accent-600: #9e6bab;
--accent-800: #ce3437;
--white: #FFFAEE;
--black: #1d1d1b; --main-font-family: "interstate", sans-serif;
--secondary-font-family: "interstate", sans-serif; --shadow-xs: 0px 4px 8px rgba(0, 0, 0, 0.1);
--shadow-sm: 0px 6px 12px rgba(0, 0, 0, 0.1);
--shadow-md: 0px 8px 16px rgba(0, 0, 0, 0.1);
--shadow-lg: 0px 10px 20px rgba(0, 0, 0, 0.1);
--shadow-xl: 0px 12px 24px rgba(51, 51, 51, 0.1);
}  .primary-button {
background: var(--accent-200);
border-radius: 48px;
color: var(--white);
display: inline-block;
font-size: 20px;
border: 1px solid var(--accent-200);
}
.primary-button:hover {
background: #0094C7;
color: var(--white);
}
.primary-button:active {
background: var(--accent-200);
}
.secondary-button {
background: var(--secondary-400);
border-radius: 4px;
color: var(--black);
display: inline-block;
border: 1px solid var(--secondary-400);
}
.secondary-button:hover {
background: var(--secondary-600);
color: var(--black);
}
.secondary-button:active {
background: var(--secondary-800);
}
.ghost-button {
background: transparent;
border-radius: 4px;
color: var(--primary-400);
display: inline-block;
border: 1px solid var(--primary-400);
}
.ghost-button:hover {
background: var(--primary-600);
color: var(--white);
}
.ghost-button:active {
background: var(--primary-800);
}
.ghost-button-dark {
background: transparent;
border-radius: 4px;
color: var(--secondary-400);
display: inline-block;
background-color: var(--primary-400);
border: 1px solid var(--primary-800);
}
.ghost-button-dark:hover {
background: var(--secondary-400);
color: var(--white);
border: 1px solid var(--primary-600);
}
.ghost-button-white:active {
background: var(--primary-800);
}
.ghost-button-white {
background: transparent;
border-radius: 4px;
color: var(--);
display: inline-block;
border: 1px solid var(--white);
}
.ghost-button-white:hover {
background: var(--primary-600);
color: var(--white);
border: 1px solid var(--primary-600);
}
.ghost-button-white:active {
background: var(--primary-800);
}
.btn {
font-size: 20px;
font-weight: bold;
padding: 12px 20px;
margin: 0;
border-radius: 48px;
margin-bottom: 12px;
transition: all 0.2s;
}
.underline-button {
font-weight: 800;
border-bottom: 3px solid vaR(--primary-400);
padding-bottom: 10px;
cursor: pointer;
}
.underline-button:hover {
color: var(--primary-400);
} .underline-button.icon-text {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.underline-button.icon-text .icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.underline-button.icon-text:hover .icon,
.underline-button.icon-text:focus .icon,
.underline-button.icon-text:active .icon {
-webkit-transform: translateX(4px);
transform: translateX(4px);
} @-webkit-keyframes hvr-icon-down {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%, 50%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%, 75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@media screen and (min-width: 1024px) {
.btn {
font-size: 20px;
font-weight: bold;
padding: 0.75rem 1.25rem;
}
}
.button-small {
font-size: 14px;
font-weight: bold;
padding: 0.5rem 1rem;
}
.button-regular {
font-size: 1rem;
font-weight: bold;
padding: 0.75rem 1.25rem;
}
.button-big {
font-size: 18px;
font-weight: bold;
padding: 1rem 1.5rem;
}
.button-icon-right span {
margin-left: 10px;
}
.button-icon-left span {
margin-right: 10px;
}
.animated-arrow-button.icon-text {
justify-content: space-between;
display: flex;
transition: all 0.2s;
}
.animated-arrow-button:hover .icon-text {
color: var(--primary-600);
}
.animated-arrow-button .icon {
transition: all 0.2s;
}
.image-w-button-item:hover .icon {
transform: translate(5px, -5px);
} .cv-auto {
content-visibility: auto;
contain-intrinsic-size: 1px 5000px;
}  img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
nav.navbar.is-transparent {
max-width: 1920px;
margin: auto;
}     .hero-content-holder {
text-align: center;
color: #fff;
position: relative;
z-index: 1;
}
section.hero-full-width .container-big {
padding: 3rem 1rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
section.hero-full-width .container-big {
position: relative;
}
.hero-content-holder .btn {
margin-right: 6px;
margin-left: 6px;
}
section.hero-full-width {
background: var(--secondary-400);
background-size: cover;
position: relative;
}
img.hero-img-right {
display: none;
}
section.home-shop-section {
margin-top: 3rem;
z-index: 10;
}
@media screen and (min-width: 768px) { section.hero-full-width .column {
height: 25em;
}
img.hero-img-right {
max-width: 340px;
transform: rotate(45deg);
position: absolute;
right: -140px;
}
}
@media screen and (min-width: 1024px) { section.hero-full-width .column {
height: 37.5em;
}
img.hero-img-right {
max-width: 340px;
transform: rotate(45deg);
position: absolute;
right: -140px;
display: block;
}
}  .img-right-img-holder {
text-align: right;
}
.img-right-content-holder {
padding: 0 1rem;
}
.img-right-img-holder img {
width: 100%;
}
@media screen and (min-width: 960px) {
.img-right-content-holder {
padding: 0 1rem 0 0;
}
}
@media screen and (min-width: 1024px) { .img-right-content-holder {
padding: 0 5rem 0 0;
}
}
@media screen and (min-width: 1440px) { .img-right-content-holder {
padding: 0 8.5rem 0 0;
}
}
@media screen and (min-width: 1920px) { }  .img-left-img-holder {
text-align: right;
}
.img-left-content-holder {
padding: 0 1rem;
}
.img-left-img-holder img {
width: 100%;
}
@media screen and (min-width: 768px) { .navbar-item img {
max-height: unset;
}
}
@media screen and (min-width: 960px) {
.img-left-content-holder {
padding: 0 0 0 1rem;
}
}
@media screen and (min-width: 1024px) { .img-left-content-holder {
padding: 0 0 0 5rem;
}
}
@media screen and (min-width: 1440px) { .img-left-content-holder {
padding: 0 0 0 8.5rem;
}
} nav.navbar.is-transparent {
max-width: 1920px;
margin: auto;
}
a.btn.primary-button.header-button {
margin: 0;
}
section.header-section .navbar-item {
font-weight: bold;
color: var(--dark);
font-size: 1.125rem;
background: transparent;
}
section.header-section,
section.mobile-menu-holder .navbar {
padding: 0 0.5em;
}
a.navbar-item:hover {
color: var(--primary-600);
}
.navbar-brand {
align-items: center;
justify-content: space-between;
}
.mobile-menu-icon.is-hidden-desktop {
margin-bottom: -5px;
}
.navbar-brand .navbar-item {
padding-left: 0;
padding-right: 0;
}
.mobile-menu-notice-holder {
text-align: center;
background: var(--neutral-200);
padding: 12px;
}
span.notice-opening-label {
font-weight: bold;
}
.notice-label-open {
color: #52BC55;
}
.notice-label-closed {
color: #ea2020;
}
.mobile-menu-body-holder {
padding-left: 56px;
margin-top: 60px;
}
.mobile-menu-body-holder li {
margin-bottom: 10px;
}
.mobile-menu-body-holder li a {
font-weight: 700;
font-size: 18px;
color: var(--dark);
}
.mobile-menu-body-holder .btn {
margin-top: 10px;
}
.mobile-menu-footer {
padding: 40px 40px 20px;
text-align: center;
}
.mobile-menu-footer {
margin: 40px 10px 20px;
text-align: center;
border-top: 1px solid var(--neutral-400);
padding-top: 20px;
}
section.mobile-menu-holder {
position: fixed;
width: 100%;
height: 100%;
background: var(--primary-400);
z-index: 99999;
top: 0;
right: -400px; max-width: 400px;
color: var(--secondary-400);
transition: all 0.2s;
overflow-y: auto;
min-height: 100%;
}
.menu-main-menu-container a:hover {
color: var(--secondary-200);
}
a.navbar-item.Gepperste.brokken:after {
content: "Nieuw";
font-size: 12px;
position: absolute;
right: 20px;
top: -23px;
background: var(--accent-600);
padding: 7px 11px;
clip-path: polygon(0 0, 100% 0, 88% 82%, 9% 92%);
color: #fff;
}
.usps-slider-arrows img {
cursor: pointer;
}
.usps-slider-arrows img:hover,
.boomy-club-slider-arrows img:hover {
background: var(--neutral-100);
}
.nieuw-item a:after {
content: "Nieuw";
font-size: 12px;
position: absolute;
left: 98%;
top: -23px;
background: var(--accent-600);
padding: 7px 11px;
clip-path: polygon(0 0, 100% 0, 88% 82%, 9% 92%);
height: 25px;
display: flex;
align-items: center;
color: #fff;
font-weight: 500;
}
.footer-menu a {
position: relative;
}
section.mobile-menu-holder.mobile-menu-active {
right: 0;
transition: all 0.2s;
}
.close-mobile-menu-icon {
right: 40px;
position: absolute;
top: 40px;
cursor: pointer;
}
.mobile-menu-footer a {
margin: 0;
margin-bottom: 10px;
}
.footer-column.first-footer-column p a {
margin: 0;
margin-bottom: 12px;
}
.footer-column.footer-menu li {
margin-bottom: 10px;
}
.social-icons {
display: flex;
gap: 28px;
align-items: center;
}
.social-icons a {
margin-top: 10px;
}
section.bottom-footer {
background: var(--neutral-100);
}
section.footer-white.section-divider .container,
section.bottom-footer .container {
padding: 0 1em;
}
section.footer-white {
background: var(--secondary-400);
}
section.bottom-footer {
background: var(--secondary-600);
padding-top: 10px;
padding-bottom: 10px;
color: var(--white);
}
section.bottom-footer a,
section.bottom-footer p {
color: var(--white);
font-weight: 500;
}
.footer-column.first-footer-column p {
font-weight: 500;
margin: 0;
font-size: 20px;
color: var(--white);
line-height: 180%;
}
.footer-column.footer-menu h6 {
color: var(--white);
font-size: 20px;
margin-bottom: 32px;
}
.footer-column.footer-menu a {
color: var(--black);
font-weight: 500;
font-size: 18px;
}
svg.footer-clip-path {
min-width: 100%;
margin-bottom: -10px;
position: relative;
} .hero-content-holder {
text-align: center;
color: var(--white);
position: relative;
z-index: 1;
width: 100%;
}
section.hero-full-width .container-big {
padding: 48px 16px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
section.hero-full-width .container-big {
position: relative;
}
section.footer-white.section-divider {
position: relative;
} .hero-content-holder .btn {
margin-right: 6px;
margin-left: 6px;
}
h1 {
line-height: 112%;
color: var(--white);
}
.hero-content-holder p {
font-weight: 800;
color: var(--white);
}
.home-winkels-section h2 {
color: var(--secondary-400);
}
.img-left-img-holder {
text-align: right;
}
.img-left-content-holder {
padding: 0 1rem;
padding-block: 2.5rem;
}
.img-left-img-holder img {
width: 100%;
}
section.home-boomy-club.section-divider {
background: var(--secondary-400);
color: #fff;
position: relative;
overflow: hidden;
}
section.home-boomy-club.section-divider .container {
position: relative;
z-index: 1;
}
section.home-boomy-club p {
color: #fff;
}
img.home-boomy-club-bg {
position: absolute;
top: 0;
left: 0;
opacity: 0.2;
width: 100%;
z-index: 0;
max-height: 100%;
height: 100%;
object-fit: cover;
}
.boomy-club-gallery-item.slick-slide {
margin: 16px;
}
.boomy-club-gallery-item {
padding: 16px;
background: var(--white);
border-radius: 5px;
}
.boomy-club-gallery-item img {
border-radius: 5px;
height: 200px;
object-fit: cover;
width: 100%;
}
.boomy-club-gallery-item h5 {
color: var(--secondary-400);
text-align: center;
margin-bottom: 0;
}
.boomy-club-slider-holder .boomy-club-gallery-item:nth-child(odd) {
margin-top: 52px;
}
.container.container-small {
max-width: 1024px !important;
}
section.home-shop-section h2 {
font-size: 28px;
text-align: center;
}
.home-shop-item,
.home-shop-item img,
.home-shop-item h2 {
position: relative;
z-index: 1;
color: vaR(--white);
}
.home-shop-item:after {
content: "";
width: 100%;
height: 188px;
background: var(--accent-200);
position: absolute;
bottom: -30px;
left: 0;
border-radius: 20px;
z-index: 0;
}
section.home-shop-section .columns {
align-items: end;
}
.home-shop-item img {
margin-bottom: -30px;
} .boomy-club-slider-arrows {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 70px;
}
.boomy-club-slider-arrows img {
background: var(--white);
padding: 15px;
border-radius: 50%;
cursor: pointer;
}
.container.usps-list-absolute-holder {
background: var(--neutral-100);
border-radius: 48px;
padding: 64px;
}
.usps-item h5 {
color: var(--secondary-400);
}
img.hero-img-left {
margin-bottom: -4rem;
}
section.hero-full-width {
overflow: hidden;
}
svg.hero-clip-path {
width: 100%;
z-index: 1;
position: absolute;
min-width: 100%;
bottom: -10px;
left: 0;
height: auto;
}
a.mobile-menu-icon.icon-text {
font-size: 18px;
color: var(--secondary-400);
font-weight: bold;
}
@media screen and (min-width: 768px) { section.header-section,
section.mobile-menu-holder .navbar {
padding: 0 0.75em;
}
section.bottom-footer .container {
display: flex;
justify-content: space-between;
align-items: center;
}
section.home-shop-section {
margin-top: -160px;
z-index: 10;
}
section.footer-white.section-divider .container,
section.bottom-footer .container {
padding: 0 1.5em;
}
section.hero-full-width .column {
height: 400px;
}
}
@media screen and (min-width: 1024px) { section.header-section,
section.mobile-menu-holder .navbar {
padding: 0 2em;
}
section.home-shop-section {
margin-top: -430px;
z-index: 10;
}
section.footer-white.section-divider .container,
section.bottom-footer .container {
padding: unset;
}
section.home-uspslist-section .container:first-child .column.is-4 {
position: absolute;
z-index: 1;
top: -130px;
}
section.hero-full-width .column {
height: 658px;
}
}
.footer-column.first-footer-column p a {
margin: 0;
margin-bottom: 12px;
}
.footer-column.footer-menu li {
margin-bottom: 10px;
}
.footer-column.footer-menu a {
color: var(--white);
opacity: 0.8;
transition: all 0.3s ease-in-out;
}
.footer-column.footer-menu a:hover {
opacity: 1;
}
.social-icons {
display: flex;
gap: 28px;
align-items: center;
}
.social-icons a {
margin-top: 10px;
}
section.bottom-footer {
background: var(--neutral-100);
}
section.bottom-footer {
background: var(--secondary-600);
padding-top: 10px;
padding-bottom: 10px;
color: var(--white);
font-weight: 600;
}
section.footer-white.section-divider .container,
section.bottom-footer .container {
padding: 0 1em;
}
section.home-shop-section .column:nth-child(2) {
margin-bottom: 33px;
}
section.home-usps {
padding: 80px 0;
background: var(--secondary-400);
position: relative;
overflow: hidden;
}
.home-usps-content-holder > h2,
.home-usps-content-holder > p {
color: var(--white);
text-align: center;
}
img.usps-slider-bg {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.home-usps-slider {
z-index: 1;
position: relative;
}
section.home-usps {
margin: 20px 0 0px;
}
.usps-slider-item > div {
display: flex;
gap: 20px;
background: var(--white);
border-radius: 20px;
padding: 48px;
height: 100%;
}
.usps-slider-item {
margin: 16px;
}
.home-usps-slider .slick-track {
display: flex; }
.home-usps-content-holder > p {
max-width: 70ch;
margin: auto;
} .home .slick-list.draggable {
padding: 0 20% 0 0 !important;
}
.home .home-usps-slider.slick-initialized.slick-slider .slick-slide {
height: unset;
}
.usps-slider-arrows {
display: flex;
gap: 16px;
margin: 3rem 2rem 2rem;
justify-content: flex-end;
}
.usps-slider-arrows img {
background: var(--accent-200);
padding: 15px;
border-radius: 50%;
}
.usps-g-item {
background: var(--secondary-400);
padding: 64px;
border-radius: 32px;
color: var(--white);
position: relative;
}
.usps-g-item > * {
position: relative;
z-index: 1;
}
.usps-g-item p {
color: var(--white);
}
.usps-g-item h3 {
font-size: 39px;
}
.usps-g-item:before {
content: url(//www.boomy.be/wp-content/themes/boomy/img/usps-list-g-bg.svg);
position: absolute;
right: 0;
bottom: -11px;
opacity: 0.2;
}
.usps-g-item .underline-button {
margin-top: 50px;
position: relative;
z-index: 1;
} section.home-uspslist-section.section-divider {
margin-top: 200px;
}
.social-icons.social-icons-menu {
gap: 20px;
padding-left: 56px;
margin-top: 15px;
}
section.mobile-menu-holder:after {
content: url(//www.boomy.be/wp-content/themes/boomy/img/mobile-menu-bg.svg);
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.home-shop-item.home-shop-item-second p {
position: absolute;
color: vaR(--white);
background: var(--accent-600);
padding: 5px 20px;
}
.extra-data-note p {
margin: 0;
}
.extra-data-note {
margin-bottom: 20px;
}
.home-shop-item.home-shop-item-second p {
position: absolute;
color: vaR(--white);
background: var(--accent-600);
padding: 9px 20px 15px;
clip-path: polygon(0 0, 100% 0, 88% 85%, 9% 92%);
line-height: 100%;
font-weight: bold;
margin: auto;
z-index: 1;
left: 0;
right: 0;
margin: auto;
width: 110px;
bottom: -50px;
}
section.hondenvoer-hero {
min-height: 700px;
background: var(--secondary-400);
position: relative;
margin-top: 12px;
}
img.hondenvoer-clip-path {
min-width: 100%;
margin-bottom: -2px;
position: absolute;
bottom: 0;
}
.hondenvoer-hero .columns {
min-height: 700px;
align-items: stretch;
}
.hondenvoer-hero .container-big {
height: 100%;
}
section.hondenvoer-hero p, section.blog-hero p {
max-width: 44ch;
color: #fff;
}
.underline-button.icon-text.underline-button-green {
color: var(--secondary-400);
}
.image-left-content-holder .underline-button {
margin-top: 5px;
display: inline-block;
}
section.image-left.section-divider h2 {
color: var(--secondary-400); }
section.image-left.section-divider .columns {
align-items: center;
}
.image-left-img-holder {
text-align: center;
position: relative;
}
.image-left-img-holder img {
position: relative;
z-index: 1;
}
svg.img-left-bg-bg {
position: absolute;
top: -40px;
left: 0;
z-index: 0;
max-width: 90%;
margin: auto;
left: 0;
right: 0;
}
.image-left-content-holder p {
max-width: 29ch;
}
ul.img-left-list li {
display: table;
padding: 5px 15px 8px;
color: #fff;
font-weight: bold;
font-size: 18px;
clip-path: polygon(1% 0%, 100% 0, 98% 99%, 2% 100%);
margin-bottom: 32px;
}
.products-slider-description {
max-width: 667px;
margin: auto;
width: 100%;
}
.products-slider-description h2 {
color: var(--secondary-400);
}
.slider-item .columns {
align-items: center;
}
.products-slider-content-holder h3 {
color: var(--secondary-400);
margin-bottom: 39px;
}  .products-slider-content-holder {
position: relative;
}
.products-slider-slides .slider-item .columns {
max-width: 860px;
margin: auto;
margin: 60px auto;
background: #F0E9D7;
padding: 60px;
border-radius: 24px;
}
.product-slider-arrows img {
background: var(--secondary-400);
padding: 10px;
border-radius: 50%;
cursor: pointer;
}
.product-slider-arrows {
position: absolute;
top: calc(50% - 25px);
width: 100%;
display: flex;
justify-content: space-between;
}
.slider-item {
margin-left: 10px;
}
section.contact-content .columns {
align-items: center;
}
section.contact-content {
margin-top: 8rem;
margin-bottom: 8rem;
}
.contact-content-holder h5 {
font-size: 23px;
color: var(--secondary-400);
}
.contact-content-holder p {
display: block;
margin: 0;
}
.contact-content-holder a {
color: unset;
}
p.contact-mail:before {
content: url(//www.boomy.be/wp-content/themes/boomy/img/email-icon.svg);
vertical-align: sub;
margin-right: 10px;
}
p.contact-phone:before {
content: url(//www.boomy.be/wp-content/themes/boomy/img/phone-icon.svg);
vertical-align: sub;
margin-right: 10px;
}
p.contact-address:before {
content: url(//www.boomy.be/wp-content/themes/boomy/img/address-icon.svg);
vertical-align: sub;
margin-right: 10px;
}
.contact-img-holder img {
max-width: 90%;
border-radius: 30px;
}
svg.contact-clip-path {
position: absolute;
z-index: 0;
right: 0;
top: -40px;
}
.contact-img-holder,
.contact-content-holder {
position: relative;
}
img.contact-footer-image {
max-width: 452px;
width: 100%;
position: absolute;
right: 0;
bottom: -320px;
z-index: 0;
}
img.blog-archive-clip-path {
width: 100%;
position: absolute;
bottom: -2px;
transform: scaleX(-1);
color: var(--white);
}
section.blog-hero {
background: var(--secondary-400);
position: relative;
display: block;
padding-bottom: 6rem;
padding-top: 4rem;
background-image: url(https://www.boomy.be/wp-content/uploads/2023/11/image-1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.blog-archive .card {
padding: 24px;
border-radius: 8px;
background: #F1E9D7;
box-shadow: none;
margin-bottom: 54px;
}
.blog-archive .card img {
border-radius: 8px;
}
.blog-archive h3.title.is-4 {
color: var(--secondary-400);
}
li.archive-blog-item-link a {
color: vaR(--black);
}
ul.lisst-of-posts-on-archive {
list-style: none;
margin: 0;
margin-left: 30px;
}
.lisst-of-posts-on-archive li {
position: relative;
}
.lisst-of-posts-on-archive li:before {
content: url(//www.boomy.be/wp-content/themes/boomy/img/blog-item-img.svg);
left: -30px;
position: absolute;
top: 4px;
}
a.archive-blog-cat-link.primary-button.btn {
position: absolute;
bottom: -40px;
left: 54px;
}
li.archive-blog-item-link:hover a {
color: var(--primary-400);
}
p.blog-cat-breadcrumb a {
opacity: 0.5;
color: var(--black);
}
p.blog-cat-breadcrumb span {
font-weight: bold;
opacity: 0.75;
}
.blog-cat-header h1 {
color: var(--secondary-400); }
.blog-cat-header h1 {
color: var(--secondary-400);
max-width: 26ch;
}
.blog-cat-header h1 {
color: var(--secondary-400);
max-width: 26ch;
margin: 4px 0 40px;
}
p.blog-cat-breadcrumb {
margin-top: 32px;
}
article.blog-post-card a {
border: 1px solid var(--black);
display: flex;
align-items: center;
gap: 20px;
flex: 1 0 0;
border-radius: 16px;
}
article.blog-post-card a {
border: 1px solid #F0E9D7;
display: flex;
align-items: center;
gap: 20px;
flex: 1 0 0;
border-radius: 16px;
}
article.blog-post-card a img {
border-radius: 10px 0 0 10px;
display: block;
height: 160px;
width: 180px;
object-fit: cover;
}
article.blog-post-card h4 {
font-size: 20px;
color: var(--black);
}
section.blog-cat-archive-loop {
margin-bottom: 4rem;
}
.post-archive-content p {
color: var(--secondary-400);
}
.post-archive-content p:after {
content: url(//www.boomy.be/wp-content/themes/boomy/img/blog-item-img.svg);
top: 4px;
vertical-align: middle;
margin-left: 8px;
}
article.blog-post-card a {
margin: 0;
}
.single-post-hero-img-holder {
margin-top: 16px;
}
.single-post-hero-img-holder img {
max-width: 90%;
border-radius: 20px;
}
.post-single-hero-content h1 {
color: var(--secondary-400);
}
.builder-root-container .image-left-content-holder p {
max-width: unset;
}
.builder-root-container .image-left .columns,
.builder-root-container .image-right .columns {
align-items: center;
}
.builder-root-container section.image-right.section-divider .image-holder {
text-align: right;
}
.builder-root-container section.image-left.section-divider .image-holder {
text-align: left;
}
section.blog-club-hidden-section {
height: 200px;
background: var(--secondary-400);
margin-bottom: -280px;
}
.image-right-content-holder h3,
.image-left-content-holder h3 {
color: var(--secondary-400);
}
section.post-boomy-club.section-divider {
background: var(--secondary-400);
color: #fff;
position: relative;
overflow: hidden;
padding-bottom: 130px;
}
section.single-post-back-button {
margin-bottom: 4rem;
}
.boomy-club-hero-content-holder h1 {
color: var(--secondary-400);
}
.boomy-club-hero-content-holder {
margin-top: 80px;
margin-bottom: 80px;
}
img.boomy-club-hero-img {
max-width: 450px;
position: absolute;
right: 0;
bottom: 0;
}
.boomy-club-hero .columns {
margin-bottom: 0;
}
section.boomy-club-gallery {
background-color: var(--secondary-400);
text-align: center;
color: #fff;
padding: 60px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.boomy-club-gallery-title-holder p {
color: var(--white);
}
.boomy-club-form-content-holder h2 {
text-align: center;
color: var(--secondary-400);
margin-bottom: 64px;
}
.boomy-club-form-holder {
width: 100%;
max-width: 810px;
margin: auto;
background: var(--primary-400);
border-radius: 32px;
padding: 64px 48px;
}
.gform_heading {
display: none !important;
}
form#gform_1 label {
font-size: 20px;
}
span.gfield_required {
color: var(--black) !important;
font-size: 20px;
}
form#gform_1 input {
background: transparent;
border: 2px solid var(--white);
padding: 10px !important;
border-radius: 20px;
width: 100%;
}
form#gform_1 input#gform_submit_button_1 {
margin-top: 30px;
width: unset !important;
display: inline-block;
padding: 12px 20px !important;
position: relative;
background: var(--accent-200) !important;
border: none !important;
font-size: 20px;
height: unset;
border-radius: 48px;
}
div#gform_drag_drop_area_1_1 {
border-radius: 20px;
background: transparent;
border: 2px solid vaR(--white);
}
button#gform_browse_button_1_1 {
background: var(--secondary-400);
font-size: 20px;
padding: 12px 20px;
border-radius: 48px;
}
div#gform_drag_drop_area_1_1::before {
color: var(--white);
}
.boomy-club-item {
background: var(--white);
border-radius: 10px;
padding: 24px;
}
.boomy-club-item img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 8px;
}
.boomy-club-item h4 {
margin-bottom: 0;
color: var(--secondary-400);
font-size: 24px;
margin-top: 16px;
}
.boomy-club-gallery-title-holder {
margin-bottom: 90px;
}
.home .boomy-club-item img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px;
}
section.verkooppuntent-hero h1 {
color: var(--secondary-400);
max-width: 20ch;
text-align: center;
margin: auto;
padding: 100px 0;
margin-bottom: 0rem;
}
section.verkooppuntent-hero {
background: #F0E9D7;
}
.verkooppunten-form-holder {
max-width: 600px;
margin: auto;
width: 100%;
padding: 70px 70px;
background: var(--accent-600);
clip-path: polygon(0 0, 100% 0, 91% 90%, 11% 100%);
margin-top: -50px;
z-index: 2;
position: relative;
}
.verkooppunten-form-holder input {
background: transparent;
color: #fff;
border: none;
border-bottom: 2px solid var(--white);
border-radius: 0;
box-shadow: none;
}
.verkooppunten-form-holder .button,
button.button.is-primary:hover {
background: transparent;
margin-bottom: -20px;
position: absolute;
left: -30px;
}
.verkooppunten-form-holder input::placeholder {
color: white !important;
}
.verkooppunt-item {
padding: 32px;
border-radius: 10px;
border: 2px solid #F0E9D7;
}
.verkoppunntent-footer-text-content {
margin-bottom: 4rem;
}
.verkooppunt-item h4 {
font-size: 20px;
color: var(--black);
max-width: 30ch;
}
.tabs {
margin-bottom: 48px !important;
}
.verkooppunt-item p {
margin: 0;
font-weight: 400;
}
p.underline-button.verkooppunten-button {
display: inline-block;
font-weight: bold;
color: var(--secondary-400);
margin-top: 20px;
}
.verkoppunntent-footer-text-content h2 {
color: var(--secondary-400);
}
.verkooppunt-item {
position: relative;
height: 100%;
}
.load-more-holder.has-text-centered {
margin-top: 60px;
}
.hide-load-btn {
display: none;
}
.tabs a.active-tab {
border-bottom-color: #363636;
color: #363636;
}
.verkooppunt-item .labels-holder {
position: absolute;
left: 30px;
bottom: -30px;
}
.verkooppunt-item .labels-holder img {
margin-right: 10px;
}
.verkooppunt.column.is-3.premium .verkooppunt-item {
border-color: var(--secondary-400);
}
button.button.is-primary.my-location-button {
position: relative;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: auto;
}
button.button.is-primary.my-location-button path {
fill: white;
}
form#search_place .field {
width: 90%;
}
form#search_place {
display: flex;
justify-content: space-between;
gap: 10px;
}
section.verkoppunt-content {
margin-bottom: 4rem;
}
.verkoppunt-single-contact-data h1 {
color: var(--secondary-400);
font-size: 28px;
margin: 0;
margin-bottom: 15px;
}
svg.vp-sing-bg {
position: absolute;
right: 0;
z-index: 0;
bottom: -40px;
}
.verkoppunt-single-contact-data {
padding-left: 9%;
position: relative;
}
.container.vp-map-container {
margin-top: 80px;
}
.long-desc {
position: relative;
}
.verkoppunt-single-contact-data p {
display: block;
margin: 0;
}
.verkoppunt-single-contact-data .icon-text {
vertical-align: super;
display: flex;
align-items: center;
margin-bottom: 10px;
color: #1D1D1B;
}
section.verkoppunnten-footer-text {
padding: 0 16px;
}
.verkoppunt-single-contact-data .icon-text a {
color: #1D1D1B;
}
section.verkooppunten-loop.section-divider .verkooppunt {
margin-bottom: 15px;
}
ul#openingHoursList li {
margin-bottom: 5px;
font-weight: 400;
color: #1D1D1B; }
ul#openingHoursList li > span:first-child {
text-transform: capitalize;
width: 120px;
display: inline-block;
}
h5#openingHours {
margin-top: 40px;
margin-bottom: 10px;
} .usps-slider-item.slick-slide:nth-child(odd) {
margin-top: 0px;
margin-bottom: 40px;
}
.usps-slider-item.slick-slide {
margin-top: 40px;
}
div#map { height: 640px !important;
margin-top: -140px;
}
.single-verkooppunten #map {
margin-top: 0;
}
ul#ui-id-1 {
background: #fff;
border-radius: 10px;
padding: 20px;
position: relative;
width: auto;
box-shadow: var(--shadow-sm);
max-width: 400px;
width: 100%;
}
li.ui-menu-item {
margin: 0 0 10px;
cursor: pointer;
}
.over-ons-hero h1 {
color: var(--secondary-400);
}
.over-ons-hero .img-left-img-holder {
position: relative;
}
svg.over-ons-clip-path {
position: absolute;
bottom: 0;
left: 0;
width: 101%;
}
section.image-left-full-width-section.over-ons-hero {
margin-bottom: 4rem;
}
.center-text-imgs {
border-radius: 10px;
aspect-ratio: 3/4;
object-fit: cover;
}
.assortiment-item:last-child {
flex: 1;
}
.assortiment-item:first-child {
flex: 2;
}
@media screen and (min-width: 1024px) {
.oo-center-text-content {
max-width: 32ch;
margin: auto;
position: relative;
padding-bottom: 500px;
}
section.home-usps.team-over-ons {
background: #F0E9D7;
margin-bottom: -150px;
clip-path: polygon(0 0, 50% 16%, 100% 0, 100% 100%, 50% 100%, 0 100%);
}
img.center-text-img-2.center-text-imgs {
position: absolute;
left: calc(-100% - 100px);
bottom: 50px;
transform: rotate(-5deg);
}
img.center-text-img-1.center-text-imgs {
position: absolute;
left: calc(-100% - 100px);
top: 30px;
transform: rotate(15deg);
}
img.center-text-img-3.center-text-imgs {
position: absolute;
left: calc(100% + 150px);
bottom: 0;
transform: rotate(15deg);
}
img.center-text-img-4.center-text-imgs {
position: absolute;
left: calc(100% + 100px);
top: 0;
transform: rotate(-5deg);
}
section.image-left-over-ons.section-divider {
padding: 200px 0;
}
.over-muva-bg {
position: absolute;
height: calc(100% + 150px);
width: calc(100% + 150px);
background: #F0E9D7;
top: -75px;
left: -75px;
z-index: 0;
clip-path: polygon(0 0, 100% 0, 95% 95%, 7% 100%);
}
section.image-left-over-ons.section-divider .container > img {
position: absolute;
bottom: -120px;
}
section.home-boomy-club.section-divider.post-boomy-club.over-ons-boomy-club {
padding-top: 230px;
clip-path: polygon(50% 0px, 100% 150px, 100% 100%, 0% 100%, 0px 150px);
margin-bottom: -1px;
}
}
.over-muva-content {
position: relative;
}
.over-muva-content h2,
.over-muva-content p {
position: relative;
}
.over-muva-content h2 {
color: var(--secondary-400);
}
.over-muva-content {
padding: 0 20px;
}
.oo-center-text-content h2,
.img-right-content-holder h2,
.verdeler-full-width-text-content h2 {
color: var(--secondary-400);
}
.werdeler-hero-content-holder.has-text-centered {
max-width: 60ch;
margin: auto;
padding: 100px 0 154px;
}
section.werdeler-hero p {
color: var(--white);
}
section.werdeler-hero {
background: var(--secondary-400);
background-size: cover;
background-position: center;
}
.werdeler-img-left-content-holder {
margin-right: auto;
margin-left: auto;
margin-top: 100px;
}
.werdeler-img-left-content-holder h2 {
color: var(--secondary-400);
}
.img-right-img-holder {
position: relative;
}
.verdeler-full-width-text-content {
max-width: 60ch;
margin: auto;
}
section.image-right-full-width-section.werdeler-image-right .img-right-img-holder:before {
content: "";
width: 200px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: var(--white);
clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
}
.verdeler-full-width-text-content img:first-child {
position: absolute;
left: -200px;
top: 0;
}
.verdeler-full-width-text-content img:nth-child(2) {
position: absolute;
left: -100px;
bottom: 0;
}
.verdeler-full-width-text-content img:last-child {
position: absolute;
right: -200px;
top: -100px;
}
.verdeler-full-width-text-content img:first-child {
position: absolute;
left: -200px;
top: -100px;
}
section.verdeler-form {
padding: 250px 0 400px;
background: var(--secondary-400);
margin-bottom: -200px;
margin-top: 4rem;
background-image: url(https://www.boomy.be/wp-content/uploads/2023/11/image-1.png);
background-size: cover;
background-position: center;
clip-path: polygon(50% 150px, 100% 0, 100% 100%, 0 100%, 0 0);
}
.verdeler-form-holder {
width: 100%;
max-width: 813px;
margin: auto;
padding: 48px;
background: var(--white);
border-radius: 20px;
}
section.verdeler-form h2 {
margin-bottom: 64px;
}
form#gform_2 label {
font-size: 20px;
}
form#gform_2 input {
border-radius: 20px;
border: 2px solid vaR(--primary-400);
background: transparent;
}
input#gform_submit_button_2 {
background: var(--accent-200) !important;
height: unset;
padding: 20px;
border-radius: 30px !important;
border: none !important;
margin-top: 20px;
font-size: 20px;
}
section.verdeler-assortiment.section-divider h2,
section.verdeler-assortiment.section-divider h3 {
color: var(--secondary-400);
}
.assortiment-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 140px;
position: relative;
column-gap: 40px;
}
.assortiment-item:first-child {
margin-top: 100px;
flex: 2;
}
.assortiment-item:last-child {
flex: 1;
}
.page-template-over-ons .usps-slider-item > div {
display: flex;
gap: 20px;
background: var(--primary-400);
border-radius: 20px;
padding: 48px;
align-items: center;
}
.page-template-over-ons .usps-slider-item img {
border-radius: 50%;
width: 110px !important;
height: 110px !important;
object-fit: cover;
}
section.home-usps.team-over-ons .usps-slider-item {
position: relative;
}
.page-template-over-ons .usps-slider-item h6,
.page-template-over-ons .usps-slider-item p {
color: #fff;
margin: 0;
}
svg.over-ons-slider-bg {
position: absolute;
bottom: -10px;
right: 0;
}
section.home-usps.team-over-ons {
background: #F0E9D7;
}
section.home-usps.team-over-ons h2 {
color: var(--secondary-400);
}
section.home-usps.team-over-ons .home-usps-content-holder > p {
max-width: 50ch;
margin: auto;
color: var(--black);
}
section.home-usps.team-over-ons .home-usps-slider .usps-slider-item:nth-child(odd) {
margin-bottom: 0px;
}
section.home-usps.team-over-ons .home-usps-slider .usps-slider-item:nth-child(even) {
margin-bottom: 48px;
} .assortiment-item p,
.assortiment-item h3,
.assortiment-item img {
position: relative;
z-index: 1;
}
.assortiment-item:nth-child(odd) div:first-child {
position: relative;
}
.assortiment-item:nth-child(odd):before {
position: absolute;
width: calc(100% + 150px);
left: -107px;
height: calc(70% + 170px);
vertical-align: middle;
padding: 3rem 0 3rem 100px;
content: "";
background: #F0E9D7;
top: -80px;
clip-path: polygon(100% 35%, 100% 100%, 0 100%, 6% 3%);
}
.assortiment-item:nth-child(even) div:first-child {
position: relative;
}
.assortiment-item:nth-child(even):before {
position: absolute;
width: calc(100% + 150px);
right: -107px;
height: calc(70% + 170px);
vertical-align: middle;
padding: 3rem 0 3rem 100px;
content: "";
background: #F0E9D7;
top: -100px;
clip-path: polygon(97% 6%, 100% 100%, 0 100%, 0 35%);
}
@media screen and (min-width: 768px) { section.bottom-footer .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.builder-root-container .image-holder img {
max-width: 90%;
}
.woocommerce-product-gallery .flex-viewport {
min-height: 400px !important;
}
.assortiment-item:nth-child(even) {
flex-direction: row-reverse;
}
.werdeler-img-left-holder img {
max-width: 80%;
}
.assortiment-item div:first-child {
max-width: 50ch;
}
section.werdeler-image-left.section-divider .columns {
align-items: center;
}
section.boomy-club-gallery .columns .column:nth-child(even) {
margin-top: 32px;
}
.boomy-club-slider-holder .column:nth-child(even) {
margin-top: 32px;
}
svg.hero-clip-path {
width: 100%;
z-index: 1;
position: absolute;
min-width: 100%;
bottom: -2px;
left: 0;
height: auto;
}
.image-right-content-holder h3,
.image-left-content-holder h3 {
color: var(--secondary-400);
font-size: 39px;
}
section.footer-white.section-divider .container,
section.bottom-footer .container {
padding: 0 1.5em;
}
section.home-boomy-club.section-divider .columns {
align-items: center;
}
section.home-boomy-club.section-divider h4 { font-size: 24px;
}
section.home-usps {
margin: 100px 0 0px;
}
section.single-blog-hero .columns {
align-items: center;
}
}
@media screen and (max-width: 769px) {
section.boomy-club-hero {
display: block;
padding: 0 16px;
}
.full-width-text-content {
padding: 0 16px;
}
.boomy-club-hero-content-holder {
margin-top: 80px;
margin-bottom: 400px;
}
section.image-right.section-divider {
padding: 0px 16px;
}
section.image-right.section-divider .columns {
display: flex;
flex-direction: column-reverse;
}
section.single-post-back-button {
padding: 0 16px;
}
img.boomy-club-hero-img {
max-width: 360px;
position: absolute;
right: 0;
bottom: 0;
}
section.boomy-club-gallery {
background-color: var(--secondary-400);
text-align: center;
color: #fff;
padding: 60px 16px;
background-image: url(https://www.boomy.be/wp-content/uploads/2023/11/image-1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
section.boomy-club-form.section-divider {
padding-left: 16px;
padding-right: 16px;
}
.boomy-club-form-holder {
width: 100%;
max-width: 810px;
margin: auto;
background: var(--primary-400);
border-radius: 32px;
padding: 24px;
}
}
@media screen and (min-width: 1024px) { section.footer-white.section-divider .container,
section.bottom-footer .container {
padding: unset;
}
.post-single-hero-content h1 {
color: var(--secondary-400);
font-size: 48px;
}
section.image-left-full-width-section.section-divider.cv-auto.home-winkels-section .img-left-img-holder {
position: relative;
} img.hero-img-right {
max-width: 250px;
transform: rotate(33deg);
position: absolute;
right: -30px;
top: 7%;
}
section.image-left.section-divider h2 {
font-size: 48px;
color: var(--secondary-400);
margin-bottom: 0;
margin-top: 0;
}
section.hondenvoer-hero .columns {
align-items: center;
}
img.hero-img-left {
position: absolute;
bottom: 110px;
left: -180px;
}
}  a.three_images_w_button_link {
color: unset;
}
@media screen and (min-width: 960px) {
section.home-boomy-club .columns {
align-items: center;
}
} @media screen and (max-width: 1023px) {
section.home-shop-section {
padding: 0 16px;
}
.usps-g-item h3 {
font-size: 24px;
}
.usps-g-item {
background: var(--secondary-400);
padding: 16px 24px;
border-radius: 0;
color: var(--white);
position: relative;
}
.usps-g-item > * {
position: relative;
z-index: 999;
}
.container.usps-list-absolute-holder {
border-radius: 0;
padding: 16px 24px;
margin-top: 0px;
}
section.home-uspslist-section .container:first-child::after {
content: unset;
}
section.home-uspslist-section.section-divider {
margin-top: 4rem;
}
.home-shop-item img {
margin-bottom: -30px;
max-width: 80%;
text-align: center;
}
.home-shop-item {
text-align: center;
}
.home-shop-item.home-shop-item-second img {
max-width: 40%;
}
section.home-usps {
padding: 3rem 0 6rem 0;
background: var(--secondary-400);
position: relative;
overflow: hidden;
}
.usps-slider-arrows {
display: flex;
gap: 16px;
margin: 3rem 2rem 2rem;
justify-content: flex-start;
}
.home-usps-slider .usps-slider-item {
margin: 0 18px;
}
.home-usps-slider .usps-slider-item div {
flex-direction: column;
}
.home-usps-slider .usps-slider-item__image {
width: 124px;
height: 124px;
}
.home-usps-slider .usps-slider-item__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.home-usps-slider .usps-slider-item:nth-child(odd) {
margin-bottom: 0;
}
.usps-slider-item > div {
display: flex;
gap: 0px;
background: var(--white);
border-radius: 20px;
padding: 16px;
flex-wrap: wrap;
}
.boomy-club-slider-holder .boomy-club-gallery-item:nth-child(odd) {
margin-top: 16px;
}
section.home-boomy-club.section-divider .columns {
padding: 0 16px;
}
img.home-boomy-club-bg {
position: absolute;
top: 0;
left: 0;
opacity: 0.2;
width: 100%;
z-index: 0;
max-height: 100%;
height: 100%;
object-fit: cover;
}
a.mobile-menu-icon.icon-text {
margin-top: 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
img.hero-img-left {
margin-bottom: 0;
width: 220px;
left: 0;
position: absolute;
bottom: -30px;
}
section.home-uspslist-section .container:first-child .column.is-4 {
position: absolute;
z-index: 1;
top: 0px;
}
section.single-blog-hero {
padding: 0 16px;
} section.image-right.section-divider,
section.image-left.section-divider {
padding: 30px 16px;
}
}
section.header-section,
section.mobile-menu-holder .navbar {
position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
img.hero-img-left {
max-width: 490px;
}
.usps-g-item {
background: var(--secondary-400);
padding: 16px;
border-radius: 32px;
color: var(--white);
position: relative;
}
.usps-g-item h3 {
font-size: 29px;
}
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
.usps-g-item {
background: var(--secondary-400);
padding: 30px;
border-radius: 32px;
color: var(--white);
position: relative;
}
.usps-g-item h3 {
font-size: 34px;
}
}
section.bottom-footer p {
font-size: 14px;
margin: 5px;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
li#menu-item-346 a:after {
content: "Nieuw";
font-size: 12px;
position: absolute;
right: 0;
top: -23px;
background: var(--accent-600);
padding: 7px 11px;
clip-path: polygon(0 0, 100% 0, 88% 82%, 9% 92%);
height: 25px;
display: flex;
align-items: center;
color: #fff;
font-weight: 500;
left: auto;
}
section.contact-content {
padding: 0 16px;
margin-top: 4rem;
}
svg.contact-clip-path {
position: absolute;
z-index: 0;
right: -60px;
top: -80px;
max-width: 670px;
}
}
.snacks-hero-content-holder {
max-width: 50ch;
width: 100%;
}
.snacks-hero-content-holder h1 {
color: var(--secondary-400);
}
section.snacks-hero {
margin-bottom: 4rem;
}
.snacks-item-child a {
display: block;
text-align: center;
}
.snacks-item-child {
background: #F0E9D7;
border-radius: 10px;
padding-top: 24px;
}
.snacks-item-child img {
width: calc(100% - 48px);
margin: auto;
padding-bottom: 0;
border-radius: 10px;
display: block; max-height: 180px;
object-fit: cover;
}
.snacks-item-child {
background: #F0E9D7;
border-radius: 10px;
padding-bottom: 1px;
}
.snacks-content > h2 {
color: var(--secondary-400);
}
.snacks-item-child a {
display: block;
text-align: center;
color: var(--secondary-400);
font-size: 24px;
}
.snacks-content.kattensnacks-content .snacks-item-child h3 a {
font-size: 18px;
padding: 0 16px;
}
.snacks-content.kattensnacks-content h3 {
min-height: 60px;
}
li.product-category a {
color: var(--secondary-400);
}
li.product-category mark.count {
display: none;
}
h2.woocommerce-loop-category__title {
text-align: center;
height: unset;
}
li.product-category.product {
min-height: unset;
}
.snacks-content .columns {
margin-bottom: 4rem;
}
.snacks-item-child > a {
margin: 0;
}
section.main-shop-cat-header {
margin-top: 32px;
}
h1.woocommerce-products-header__title.page-title {
font-size: 39px;
color: var(--secondary-400);
margin-top: 0;
}
form.woocommerce-ordering select {
padding: 5px;
border-radius: 5px;
background: transparent;
color: var(--secondary-400);
border-color: var(--secondary-400);
}
.shop-sidebar-filters {
padding: 24px;
background: var(--secondary-400);
border-radius: 24px;
color: #fff;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 1.35% 0.992em 0 !important;
padding: 0;
position: relative;
width: 23.65%;
margin-left: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product a {
margin-block: 0;
}
.shop-sidebar-filters input {
background: transparent !important;
border: 2px solid var(--secondary-200) !important;
border-radius: 4px;
}
.shop-sidebar-filters input::after {
border-bottom: 2px solid var(--white) !important;
border-right: 2px solid var(--white) !important;
}
.bapf_sfilter ul li ul {
margin-top: 20px;
}
.bapf_sfilter ul li {
margin-bottom: 8px !important;
font-size: 18px;
}
.bapf_head h3 {
font-size: 20px;
margin-top: 40px;
} .single-product-breadcrumb-holder.container {
margin-top: 24px;
margin-bottom: 24px;
}
nav.woocommerce-breadcrumb {
font-weight: bold;
color: var(--black) !important;
}
nav.woocommerce-breadcrumb a {
font-weight: 500;
}
span.bc-delimiter {
color: #F0E9D7;
}
.woocommerce div.product div.images img {
border-radius: 20px;
}
section.single-product-content {
margin-top: 110px;
}
ul.tabs.wc-tabs {
display: none;
}
li.product {
background: #F0E9D7;
padding: 24px !important;
border-radius: 10px;
}
li.product img {
border-radius: 10px;
}
h2.woocommerce-loop-product__title {
font-weight: 600;
font-size: 20px !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
color: var(--secondary-400);
}
h1.product_title.entry-title {
color: var(--secondary-400);
font-size: 28px;
} ol.flex-control-nav.flex-control-thumbs {
display: none;
}
.summary.entry-summary {
margin-top: 3rem;
z-index: 1;
position: relative;
}
.single-product-top {
position: relative;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
z-index: 1;
}
.product_meta {
display: none;
}
ul.usps-product {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 2rem;
}
ul.usps-product li {
font-size: 20px;
font-weight: 500;
color: var(--black);
gap: 6px;
}
svg.single-product-bg {
position: absolute;
height: 500px;
top: -30px;
right: 0;
z-index: 0;
}
div#tab-description {
box-shadow: none;
}
section.related.products {
margin-top: 60px;
}
section.related.products h2 {
font-size: 33px;
color: var(--secondary-400);
margin-bottom: 50px;
}
.clearfix-sp {
width: 100%;
height: 1px;
margin-top: 5rem;
display: block;
position: relative;
clear: both;
}
.woocommerce-tabs.wc-tabs-wrapper {
position: relative;
margin-top: 5rem;
}
.woocommerce-tabs.wc-tabs-wrapper {
display: none;
}
.acf-fields-single-product {
margin-top: 70px;
}
.long-desc p {
margin: 5px 0;
}
.single-post h1 {
font-size: 39px;
color: #4a4a4a;
}
section.hondenvoer-hero a {
color: #fff;
}
@media screen and (max-width: 767px) {
svg.contact-clip-path {
position: absolute;
z-index: 0;
right: -70px;
top: 170px;
bottom: auto;
}
.single-post h1 {
font-size: 24px;
color: #4a4a4a;
}
.acf-fields-single-product {
margin-top: 10px;
}
section.contact-content {
padding: 0 16px;
margin-top: 4rem;
}
.contact-img-holder img {
width: 100%;
max-width: unset;
}
}
@media screen and (min-width: 1024px) and (max-width: 1220px) {
svg.contact-clip-path {
position: absolute;
z-index: 0;
right: 0;
top: -110px;
max-width: 700px;
}
}
html {
scroll-behavior: smooth;
}
.slider-item .column:last-child img {
height: 350px;
object-fit: cover;
}
@media screen and (max-width: 768px) {
a.mobile-menu-icon.icon-text {
color: var(--secondary-400);
gap: 10px;
margin-left: 10px;
margin-bottom: 0;
margin-top: 0;
}
.product-slider-arrows {
position: absolute;
top: 0;
width: 100%;
display: flex;
justify-content: flex-start;
gap: 20px;
}
.slider-item .column:last-child img {
height: 200px;
object-fit: cover;
}
.products-slider-slides .slider-item .columns {
max-width: 860px;
margin: auto;
margin: 60px auto;
background: #F0E9D7;
padding: 30px;
border-radius: 24px;
}
section.products-slider.section-divider {
padding: 0 16px;
}
.oo-center-text-content {
padding: 0 16px;
}
.slider-item {
margin-left: 0;
}
section.image-left-over-ons.section-divider img {
padding: 0 16px;
}
.werdeler-img-left-content-holder {
padding: 0 16px;
}
section.werdeler-hero {
background: var(--secondary-400);
background-size: cover;
background-position: center;
}
section.image-right-full-width-section.werdeler-image-right .img-right-img-holder:before {
content: unset;
}
section.image-right-full-width-section.section-divider.werdeler-image-right .columns {
display: flex;
flex-direction: column-reverse;
}
section.verdeler-full-width-text.section-divider {
padding: 0 16px;
}
.verdeler-full-width-text-content img:first-child,
.verdeler-full-width-text-content img:nth-child(2),
.verdeler-full-width-text-content img:last-child {
display: none;
}
.assortiment-item {
flex-direction: column;
}
.assortiment-item:nth-child(odd):before,
.assortiment-item:nth-child(even):before {
content: unset;
}
.assortiment-item:nth-child(odd) div:first-child {
margin-left: 0;
}
.assortiment-item {
padding: 0 16px;
margin-bottom: 50px;
}
section.verdeler-assortiment.section-divider h2 {
padding: 0 16px;
}
.assortiment-item:nth-child(even) div:first-child {
margin-right: 0;
}
section.verdeler-form {
padding: 140px 0 400px;
background: var(--secondary-400);
margin-bottom: -200px;
margin-top: 4rem;
background-image: url(https://www.boomy.be/wp-content/uploads/2023/11/image-1.png);
background-size: cover;
background-position: center;
clip-path: polygon(50% 90px, 100% 0, 100% 100%, 0 100%, 0 0);
}
.verdeler-form-holder {
width: unset;
max-width: 813px;
margin: auto;
padding: 18px;
background: var(--white);
border-radius: 20px;
margin: 0 16px;
}
section.home-usps.team-over-ons {
background: #F0E9D7;
margin-bottom: -50px;
}
section.image-left-over-ons.section-divider .container {
display: flex;
flex-direction: column-reverse;
}
.page-template-over-ons .usps-slider-item > div {
display: flex;
gap: 20px;
background: var(--primary-400);
border-radius: 20px;
padding: 48px;
align-items: center;
justify-content: center;
}
section.blog-hero {
background: var(--secondary-400);
position: relative;
display: block;
padding-bottom: 7rem;
padding-top: 4rem;
background-image: url(https://www.boomy.be/wp-content/uploads/2023/11/image-1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.blog-archive-hero-holder {
padding: 0 16px;
}
.blog-archive .card {
padding: 24px;
border-radius: 8px;
background: #F1E9D7;
box-shadow: none;
margin-bottom: 54px;
margin: 16px;
}
.snacks-hero-content-holder {
padding: 0 16px;
}
section.snacks-content-holder {
padding: 0 16px;
}
.snacks-item-child img {
width: calc(100% - 48px);
margin: auto;
padding-bottom: 0;
border-radius: 10px;
display: block; max-height: 250px;
object-fit: cover;
}
section.main-cat-products-section,
nav.woocommerce-breadcrumb {
padding: 0 16px;
}
nav.woocommerce-breadcrumb {
padding: 0 16px !important;
}
.hondenvoer-img-holder img {
margin-bottom: -70px;
z-index: 0;
max-width: 60%;
text-align: center;
margin: auto;
margin-bottom: -30px;
display: block;
}
section.hondenvoer-hero {
overflow: hidden;
margin-top: 0;
}
.hondenvoer-hero-text-holder {
padding: 0 16px;
}
section.image-left.section-divider {
padding: 0 16px;
}
.image-left-content-holder .underline-button {
margin-top: 14px;
display: inline-block;
}
li.product {
min-height: 310px;
}
section.home-shop-section .column {
margin-top: 50px;
}
section.image-left.section-divider.image-right-hondenv .columns {
display: flex;
flex-direction: column-reverse;
}
section.image-left.section-divider {
margin: 60px 0;
}
section.image-left-full-width-section.section-divider.cv-auto.home-winkels-section {
padding-top: 0;
}
section.main-cat-products-section .columns {
display: flex;
flex-direction: column-reverse;
}
svg.single-product-bg {
position: absolute;
height: 590px;
top: -30px;
right: 0;
z-index: 0;
width: 270%;
left: -100%;
}
section.single-product-content {
padding: 0 16px;
margin-top: 50px;
}
.summary.entry-summary .btn {
font-size: 16px;
}
.clearfix-sp {
width: 100%;
height: 1px;
margin-top: 0rem;
display: block;
position: relative;
clear: both;
}
article.blog-post-card a {
border: 1px solid #F0E9D7;
display: flex;
align-items: unset;
gap: 20px;
flex: 1 0 0;
border-radius: 16px;
flex-direction: column;
}
article.blog-post-card a img {
border-radius: 10px 10px 0 0;
display: block;
height: auto;
width: 100%;
object-fit: cover;
max-height: 290px;
}
section.blog-cat-archive-loop,
section.blog-cat-archive,
section.default-page-template.section-divider {
padding: 0 16px;
}
.post-archive-content {
padding: 16px;
}
}
.woocommerce nav.woocommerce-pagination {
text-align: right;
}
ul.page-numbers .page-numbers {
font-weight: 700 !important;
font-family: var(--main-font-family);
color: var(--dark);
font-size: 18px !important;
}
ul.page-numbers .page-numbers:not(.next):not(.prev):not(.current):hover {
color: var(--secondary-400) !important;
background-color: transparent !important;
}
ul.page-numbers .page-numbers.next,
ul.page-numbers .page-numbers.prev {
border-radius: 50px;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
span.page-numbers.current {
background: var(--secondary-400) !important;
color: #fff !important;
border-radius: 50%;
width: 35px;
text-align: center;
height: 35px;
}
a.next.page-numbers,
a.prev.page-numbers {
color: var(--primary-400);
}
p.bg-shape-nieuw.fr_nieuw {
width: 130px;
}
.extra-data-note p {
max-width: 40ch;
}
@media screen and (max-width: 1220px) {
svg.single-product-bg {
position: absolute;
height: 400px;
top: -30px;
right: 0;
z-index: 0;
}
} .full-width-text-content h3 {
color: var(--secondary-400);
}
.pagination-main-holder {
margin: auto;
margin-top: 20px;
color: vaR(--secondary-600);
width: 200px;
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination-main-holder span.page-numbers.current {
display: flex;
align-items: center;
justify-content: center;
}
.pagination-main-holder a.page-numbers {
color: var(--secondary-600);
}
section.verkooppunten-loop.section-divider {
padding: 60px 16px;
}
.tabs li:nth-child(9) {
display: none;
}
p#load-more-btn {
cursor: pointer;
}
.full-width-text-content { margin: auto; }
@media screen and (max-width: 768px) {
section.verkooppuntent-hero h1 {
font-size: 30px;
padding: 30px 16px 100px;
}
div#map {
margin-top: 0;
}
.post-single-hero-content {
padding: 0 16px;
}
ul#openingHoursList li span:first-child {
text-transform: capitalize;
width: 100px;
display: inline-block;
}
ul#openingHoursList {
font-size: 16px;
}
.verkoppunt-single-contact-data {
font-size: 16px;
}
.container.vp-map-container {
margin-top: 30px;
}
p.blog-cat-breadcrumb {
padding: 0 16px;
font-size: 16px;
}
.verkooppunten-form-holder {
max-width: 600px;
margin: auto;
width: 100%;
padding: 20px;
background: var(--accent-600);
clip-path: unset;
margin-top: -50px;
z-index: 2;
position: relative;
}
svg.vp-sing-bg {
position: absolute;
right: -80px;
z-index: 0;
bottom: -60px;
}
.verkoppunt-single-contact-data {
padding-left: 16px;
position: relative;
}
}
.boomy-club-popup {
position: fixed;
width: 100%;
height: 100vh;
z-index: 100;
background: transparent;
top: 0;
display: none;
}
.boomy-club-overlay {
width: 100%;
height: 100vh;
position: absolute;
z-index: 1;
background: rgba(0, 0, 0, 0.3450980392);
top: 0;
left: 0;
}
.boomy-club-content-holder {
position: relative;
z-index: 2;
background: #fffbef;
width: 95%;
margin: 16px;
max-width: 900px;
margin: auto;
border-radius: 20px;
top: 10vh;
box-shadow: var(--shadow-sm);
}
.boomy-club-popup-body {
padding: 10px 30px 20px;
}
svg.close-boomy-club-popup {
fill: #fff;
position: absolute;
right: 10px;
top: 10px;
width: 30px;
height: 30px;
cursor: pointer;
}
.boomy-club-popup-body h4 {
color: var(--secondary-400);
}
.boomy-club-popup-header img {
border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 1240px) {
.boomy-club-content-holder {
max-width: 700px !important;
}
}
.single-post h3,
.single-post h3 strong {
font-size: 25px;
color: var(--secondary-400) !important;
}
.single-post h2,
.single-post h2 strong {
font-size: 32px;
color: var(--secondary-400) !important;
} .home-usps-slider .slick-list {
overflow: unset;
}
.shop-main-products {
margin-bottom: 60px;
}
.woocommerce-pagination {
display: flex;
justify-content: center;
}
.container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.boomy-club-item.remaining-counter {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--secondary-200);
}
.boomy-club-item.remaining-counter p, .boomy-club-item.remaining-counter span, .boomy-club-item.remaining-counter strong {
color: var(--white) !important;
display: block;
}
.boomy-club-item.remaining-counter span {
font-size: 1.8rem;
font-weight: 600;
}
section.home-boomy-club.section-divider.post-boomy-club.over-ons-boomy-club {
clip-path: unset;
padding-top: 60px;
}
section.home-usps.team-over-ons {
clip-path: unset;
padding: 60px 0;
margin-bottom: 0;
}
.werdeler-hero {
position: relative;
}
.stick-to-bottom-image {
padding-bottom: 0;
margin-bottom: 0;
align-self: flex-end !important;
display: flex;
align-items: flex-end;
}
.stick-to-bottom-image img {
display: block;
}
section.verdeler-form {
clip-path: unset;
padding-top: 60px;
}
.home-usps-slider .usps-slider-item div {
flex-direction: column;
}
.home-usps-slider .usps-slider-item__image {
width: 124px;
height: 124px;
}
.home-usps-slider .usps-slider-item__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.slick-arrow {
background-color: var(--accent-200) !important;
}
.slick-arrow:hover {
background-color: #0094C7 !important;
}
.over-muva-content > *:not(.over-muva-bg) {
position: relative;
}
.over-muva-content > .btn {
margin-top: 2.4rem;
}
.snacks-item-child h3 a {
font-size: 18px;
line-height: 120%;
}
.gform-theme--foundation .gform_fields {
row-gap: 20px !important;
}
.boomy-club-hero {
position: relative;
}
.boomy-club-hero svg {
position: absolute;
margin-bottom: -2px;
bottom: 0;
left: 0;
min-width: 100%;
color: var(--secondary-400);
}
.blog-hero {
position: relative;
}
.blog-hero svg {
position: absolute;
margin-bottom: -2px;
bottom: 0;
left: 0;
min-width: 100%;
color: var(--white);
}
section.boomy-club-gallery {
position: relative;
padding-bottom: 120px;
}
section.boomy-club-gallery svg {
position: absolute;
margin-bottom: -2px;
bottom: 0;
left: 0;
min-width: 100%;
color: var(--white);
}
.assortiment-item div:last-child {
flex: 1;
}
.assortiment-item div:last-child img {
width: 100%;
}
.assortiment-item div:first-child {
flex: 1;
}
html.mobile-menu-active {
overflow: hidden;
touch-action: none;
}
.navbar {
background-color: var(--primary-400);
position: sticky;
top: 0;
}
.navbar-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
column-gap: 1.5rem;
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding: 0 2rem;
flex-shrink: 0;
flex-grow: 0;
padding: 0 1.5rem;
flex-wrap: wrap;
}
.navbar__logo {
width: 180px;
min-width: 120px;
order: 0;
}
@media (max-width: 1350px) {
.navbar__logo {
width: 120px;
}
}
@media (max-width: 1350px) {
.navbar__nav {
order: 3;
flex-basis: 100%;
padding: 0 0 1.5rem;
}
}
@media (max-width: 992px) {
.navbar__nav {
display: none;
}
}
.navbar__menu {
display: flex;
gap: 2rem;
flex-shrink: 0;
order: 2;
flex-basis: 100%;
}
.navbar__menu .menu-item {
flex-shrink: 0;
position: relative;
}
.navbar__menu .menu-item:hover .sub-menu {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0);
}
.navbar__menu .menu-item a {
color: var(--secondary-400);
font-weight: 600;
transition: color 0.3s ease-in-out;
}
.navbar__menu .menu-item a:hover {
color: var(--secondary-200);
}
.navbar__menu .menu-item .sub-menu {
position: absolute;
top: 3.5rem;
left: 0;
background-color: #fff;
border-radius: 8px;
padding-block: 0.5rem;
width: max-content; min-width: 100%; max-width: 250px; opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.navbar__menu .menu-item .sub-menu::before {
content: "";
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent;
}
.navbar__menu .menu-item .sub-menu a {
display: block;
padding: 0.5rem 1.5rem;
margin: 0;
font-weight: 500;
font-size: 1.125rem;
}
.navbar__menu .menu-item .sub-menu a:hover {
background-color: var(--neutral-100);
}
.navbar__menu .menu-item-has-children:hover:after {
transform: rotate(90deg);
}
.navbar__menu .menu-item-has-children:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%23483B8B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-left: 0.25rem;
}
.navbar__end {
margin-left: auto;
display: flex;
gap: 1.5rem;
align-items: center;
justify-content: center;
flex-shrink: 0;
order: 1;
}
.navbar__button {
margin: 0;
background: transparent;
border-radius: 80px;
color: var(--white);
display: inline-block;
background-color: var(--accent-200);
}
.navbar__button:hover {
background-color: #0094C7;
color: var(--white);
}
@media (max-width: 992px) {
.navbar__button {
display: none;
}
}
.mobile-menu-icon {
display: flex;
gap: 0.5rem;
}
.hero {
text-align: center;
position: relative;
z-index: 1;
}
.hero__background {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: var(--primary-400);
z-index: -1;
}
.hero__blob {
color: var(--primary-200);
position: absolute;
width: 20vw;
max-width: 380px;
}
.hero__blob--left {
left: 0;
bottom: 0;
}
.hero__blob--right {
right: 0;
bottom: 0;
}
.hero__content {
margin-top: 4rem;
margin-bottom: clamp(8rem, 8rem + 12.5vw, 20rem);
}
.hero__content .title-eyebrow {
color: var(--secondary-400);
margin-bottom: 2rem;
width: fit-content;
margin-inline: auto; padding: 0.3rem 1rem;
clip-path: polygon(0 3%, 96% 4%, 99% 95%, 0% 100%);
font-weight: 600;
}
.hero__border {
position: absolute;
bottom: -2px;
color: var(--white);
}
.hero__categories {
display: flex;
justify-content: center;
gap: 3rem;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.hero__categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
row-gap: 1rem;
}
}
.hero__category {
text-align: center;
flex-shrink: 0;
flex-grow: 0;
margin: 0;
max-width: 300px;
}
.hero__category:hover .hero__category__image:before {
transform: scale(1.05);
background-color: var(--secondary-200);
}
.hero__category:hover .hero__category__image img {
transform: translateY(-20px);
}
.hero__category__image {
width: 100%;
position: relative;
aspect-ratio: 1/1;
z-index: 1;
display: flex;
justify-content: center;
align-items: flex-end;
}
.hero__category__image:before {
content: "";
display: block;
width: 100%;
aspect-ratio: 1/1;
border-radius: 50%;
bottom: 0;
left: 0;
position: absolute;
background-color: var(--secondary-400);
z-index: -1;
transition: all 0.2s ease-in-out;
-webkit-mask-position: center bottom;
mask-position: center bottom;
}
.hero__category__image img {
position: relative;
bottom: 15%;
transition: all 0.2s ease-in-out;
width: 100%;
max-height: 100%;
object-fit: contain;
}
.hero__category h2 {
font-size: 28px;
color: var(--secondary-400);
hyphens: auto;
}
.hero__category h2:hover {
color: var(--secondary-200);
}
@media (max-width: 992px) {
.hero__category h2 {
font-size: 24px;
margin: 0.5rem;
}
}
@media (max-width: 768px) {
.hero__category h2 {
font-size: 21px;
}
}
.title-with-background {
text-align: center;
font-size: clamp(2rem, 5vw, 4rem);
color: #4b3aa8;
letter-spacing: -0.04ch;
display: inline;
padding: 0.3em 0.6em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
font-family: "Interstate";
line-height: 130%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 703 137' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M6 0L691 10.5L703 137H0L6 0Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
}
@media (max-width: 768px) {
.title-with-background {
line-height: 140%;
}
}
.categories {
margin-top: clamp(-8rem, -8rem + 12.5vw, -20rem);
}
.hero__categories[data-count="2"] .hero__category {
flex: 1 0 calc(50% - 3rem);
max-width: 500px;
}
.hero__categories[data-count="3"] .hero__category {
flex: 1 0 calc(33.33% - 3rem);
}
@media (max-width: 768px) {
.hero__categories[data-count="3"] .hero__category {
flex: 1 0 100%;
min-width: 100%;
}
}
.hero__categories[data-count="4"] .hero__category {
flex: 1 0 calc(25% - 3rem);
min-width: calc(25% - 3rem);
}
@media (max-width: 768px) {
.hero__categories[data-count="4"] .hero__category {
flex: 1 0 calc(50% - 3rem);
min-width: calc(50% - 3rem);
}
}
.hero__categories[data-count="5"] .hero__category {
flex: 1 0 calc(20% - 3rem);
min-width: calc(20% - 3rem);
}
@media (max-width: 992px) {
.hero__categories[data-count="5"] .hero__category {
flex: 1 0 calc(30% - 3rem);
min-width: calc(30% - 3rem);
max-width: calc(30% - 3rem);
}
}
@media (max-width: 768px) {
.hero__categories[data-count="5"] .hero__category {
flex: 1 0 calc(50% - 3rem);
width: calc(50% - 3rem);
max-width: 200px;
}
}
.hero__categories[data-count="6"] .hero__category {
flex: 1 0 calc(33.33% - 3rem);
min-width: calc(33.33% - 3rem);
max-width: 120px;
}
@media (max-width: 768px) {
.hero__categories[data-count="6"] .hero__category {
flex: 1 0 calc(50% - 3rem);
width: calc(50% - 3rem);
max-width: 300px;
}
}
.hero__category:nth-of-type(1) .hero__category__image:before, .hero__category:nth-of-type(5) .hero__category__image:before {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 0;  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 363 327"><path d="M285.132 43.3097C327.531 75.4758 365.071 123.05 362.911 169.002C361.019 214.683 319.972 258.745 277.302 285.774C234.903 312.806 190.882 323.077 143.891 326.049C97.1712 329.292 46.9397 325.236 21.824 298.207C-3.02036 271.175 -3.29158 220.898 4.54113 178.461C12.1024 136.024 27.4964 101.152 52.3407 69.2577C77.4564 37.0916 112.294 7.62849 153.612 1.41043C194.931 -5.07658 242.462 11.1409 285.132 43.307V43.3097Z" fill="black"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 363 327"><path d="M285.132 43.3097C327.531 75.4758 365.071 123.05 362.911 169.002C361.019 214.683 319.972 258.745 277.302 285.774C234.903 312.806 190.882 323.077 143.891 326.049C97.1712 329.292 46.9397 325.236 21.824 298.207C-3.02036 271.175 -3.29158 220.898 4.54113 178.461C12.1024 136.024 27.4964 101.152 52.3407 69.2577C77.4564 37.0916 112.294 7.62849 153.612 1.41043C194.931 -5.07658 242.462 11.1409 285.132 43.307V43.3097Z" fill="black"/></svg>'); -webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.hero__category:nth-of-type(2) .hero__category__image:before, .hero__category:nth-of-type(6) .hero__category__image:before {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 0;  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 338"%3E%3Cpath d="M358.402 49.2421C386.247 88.4294 381.736 148.001 374.578 200.428C367.417 252.852 357.343 298.129 329.764 314.543C302.185 331.224 256.841 319.044 207.253 323.282C157.665 327.517 103.835 348.17 62.4665 331.755C21.3643 315.075 -7.53981 261.325 1.74185 216.845C11.0235 172.362 58.491 137.15 99.5932 97.9625C140.961 58.7752 176.231 15.8842 223.695 3.70476C271.163 -8.47468 330.828 10.0602 358.404 49.2448L358.402 49.2421Z" fill="black"/%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 338"%3E%3Cpath d="M358.402 49.2421C386.247 88.4294 381.736 148.001 374.578 200.428C367.417 252.852 357.343 298.129 329.764 314.543C302.185 331.224 256.841 319.044 207.253 323.282C157.665 327.517 103.835 348.17 62.4665 331.755C21.3643 315.075 -7.53981 261.325 1.74185 216.845C11.0235 172.362 58.491 137.15 99.5932 97.9625C140.961 58.7752 176.231 15.8842 223.695 3.70476C271.163 -8.47468 330.828 10.0602 358.404 49.2448L358.402 49.2421Z" fill="black"/%3E%3C/svg%3E'); -webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.hero__category:nth-of-type(3) .hero__category__image:before {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 0;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='293' height='249' viewBox='0 0 293 249' fill='none'%3E%3Cpath d='M290.325 79.0814C293.834 99.0638 293.2 120.211 288.488 139.367C262.817 243.922 148.366 279.113 63.4276 219.999C41.628 204.814 21.7689 183.503 10.1451 157.154C-1.47874 130.805 -3.89451 99.1402 6.99572 75.4726C17.8859 51.805 43.4428 38.6555 67.0821 47.866C76.8796 51.7496 87.3483 58.2682 94.8882 65.4388C102.979 73.2361 111.233 81.3166 123.087 82.2184C128.131 82.6123 133.31 81.6056 138.04 79.8195C153.231 74.0712 163.192 62.3697 165.657 46.6833C167.769 33.6568 169.641 19.0689 180.079 9.83087C187.213 3.53954 196.463 0.7496 205.774 0.191364C254.719 -3.0364 282.547 35.0209 290.284 79.0105L290.325 79.0814Z' fill='%23F8B518'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='293' height='249' viewBox='0 0 293 249' fill='none'%3E%3Cpath d='M290.325 79.0814C293.834 99.0638 293.2 120.211 288.488 139.367C262.817 243.922 148.366 279.113 63.4276 219.999C41.628 204.814 21.7689 183.503 10.1451 157.154C-1.47874 130.805 -3.89451 99.1402 6.99572 75.4726C17.8859 51.805 43.4428 38.6555 67.0821 47.866C76.8796 51.7496 87.3483 58.2682 94.8882 65.4388C102.979 73.2361 111.233 81.3166 123.087 82.2184C128.131 82.6123 133.31 81.6056 138.04 79.8195C153.231 74.0712 163.192 62.3697 165.657 46.6833C167.769 33.6568 169.641 19.0689 180.079 9.83087C187.213 3.53954 196.463 0.7496 205.774 0.191364C254.719 -3.0364 282.547 35.0209 290.284 79.0105L290.325 79.0814Z' fill='%23F8B518'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.hero__category:nth-of-type(4) .hero__category__image:before {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 0;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='391' height='379' viewBox='0 0 391 379' fill='none'%3E%3Cpath d='M193.422 1.61648C226.577 10.1864 252.632 54.2974 284.171 84.6407C315.523 115.154 352.526 132.088 372.969 164.017C393.58 196.129 397.651 242.882 378.234 276.035C359.004 309.019 316.302 328.049 272.539 347.022C228.758 366.352 183.931 385.275 147.117 375.281C110.49 365.117 81.7206 325.491 53.2285 283.927C24.3818 242.344 -4.00648 198.653 0.468755 158.722C5.12735 118.62 42.8189 82.4647 81.696 50.9878C120.388 19.6787 160.622 -6.934 193.422 1.62028L193.422 1.61648Z' fill='%23F8B518'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='391' height='379' viewBox='0 0 391 379' fill='none'%3E%3Cpath d='M193.422 1.61648C226.577 10.1864 252.632 54.2974 284.171 84.6407C315.523 115.154 352.526 132.088 372.969 164.017C393.58 196.129 397.651 242.882 378.234 276.035C359.004 309.019 316.302 328.049 272.539 347.022C228.758 366.352 183.931 385.275 147.117 375.281C110.49 365.117 81.7206 325.491 53.2285 283.927C24.3818 242.344 -4.00648 198.653 0.468755 158.722C5.12735 118.62 42.8189 82.4647 81.696 50.9878C120.388 19.6787 160.622 -6.934 193.422 1.62028L193.422 1.61648Z' fill='%23F8B518'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
section.hondenvoer-hero.hondenvoer-hero--green {
background-color: var(--accent-400);
}
.rotator {
display: inline-block; vertical-align: middle;
position: relative;
}
.word-loop {
display: none; color: var(--accent-200);
}
.word-loop.active {
display: inline; animation: fadeUpIn 0s forwards;
}
.word-loop.exit {
display: inline;
position: absolute; left: 0;
animation: fadeUpOut 0s forwards;
}
@keyframes fadeUpIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeUpOut {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-10px);
}
}
.footer-border {
height: 0;
position: relative;
pointer-events: none;
}
.footer-border svg {
color: var(--secondary-400);
position: absolute;
bottom: -2px;
}
.social-icons {
margin-top: 1rem;
}
.social-icons a {
color: var(--accent-200);
transition: color 0.2s ease-in-out;
}
.social-icons a:hover {
color: var(--primary-400);
}
.social-icons-menu a {
color: var(--secondary-400);
transition: color 0.2s ease-in-out;
}
.social-icons-menu a:hover {
color: var(--white);
}
.footer-column.first-footer-column p {
font-size: 1.1rem;
}
.first-footer-column p a {
color: var(--white);
}
.first-footer-column p a:hover {
color: white;
}
.products-list {
padding-top: 60px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
@media (max-width: 1350px) {
.products-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 992px) {
.products-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.products-list {
grid-template-columns: repeat(1, 1fr);
}
}
.product-card {
background-color: var(--neutral-100);
border-radius: 8px;
padding: 1.5rem;
}
.product-card__link-wrapper {
text-decoration: none;
}
.product-card__link-wrapper h3 {
color: var(--secondary-400);
}
.product-card__image img {
aspect-ratio: 1/1;
object-fit: contain;
}
.product-card h3 {
font-size: 1.8rem;
}
.tag-list {
flex-wrap: wrap;
gap: 0.25rem;
margin-block: 0.5rem;
}
.tag-list li {
color: var(--secondary-400);
font-weight: regular;
font-size: 1.1rem !important;
margin: 0 !important;
padding-left: 1.75rem;
padding-bottom: 0.5rem;
position: relative;
}
.tag-list li:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 2px;
width: 1.2rem; height: 1.2rem;
margin-right: 10px;
background-color: var(--paw-color, --primary-400);  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 35"><path d="M12.6444 31.1874C11.5111 29.7427 10.6667 28.0166 10.2223 26.2904C7.82237 16.8375 15.4813 9.1551 24.7845 10.2663C27.177 10.5553 29.6657 11.4072 31.7101 13.0222C33.7618 14.6372 35.3025 17.0598 35.4358 19.4156C35.5691 21.7714 34.0951 23.9124 31.8064 24.1791C30.8583 24.2902 29.7472 24.2087 28.8361 23.9569C27.8584 23.6828 26.8511 23.3864 25.8659 23.8161C25.4437 24.0013 25.0808 24.2976 24.7771 24.6458C23.8068 25.7497 23.5105 27.1128 23.9771 28.4685C24.3623 29.5945 24.8363 30.8392 24.3919 32.0245C24.0882 32.832 23.4735 33.4468 22.7476 33.8913C18.9774 36.2324 15.1331 34.3729 12.6444 31.1874Z" fill="black"/><path d="M1.51219 12.1923C-0.0358847 15.7483 3.28247 19.9784 7.09709 18.2745C8.71183 17.5485 9.79325 15.7705 9.68214 13.9999C9.57104 12.2293 8.28222 10.5921 6.58601 10.0809C4.72684 9.51048 2.31216 10.3476 1.50479 12.1923H1.51219Z" fill="black"/><path d="M9.52 3.86564C7.97193 7.42161 11.2903 11.6517 15.1049 9.94781C16.7196 9.2218 17.801 7.44384 17.6899 5.67326C17.5788 3.90268 16.29 2.26542 14.5938 1.75425C12.7346 1.18382 10.32 2.02098 9.51259 3.86564H9.52Z" fill="black"/><path d="M21.5504 2.1467C19.9283 4.80627 22.2319 8.27333 25.2984 8.10294C27.5798 7.977 29.4908 5.65081 29.1723 3.39129C28.6019 -0.690674 23.5133 -1.06848 21.5504 2.15412V2.1467Z" fill="black"/><path d="M0.534806 24.0161C-1.08733 26.6756 1.21627 30.1427 4.28279 29.9724C6.56415 29.8464 8.47515 27.5202 8.15665 25.2607C7.58631 21.1787 2.49767 20.8009 0.534806 24.0235V24.0161Z" fill="white"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 35"><path d="M12.6444 31.1874C11.5111 29.7427 10.6667 28.0166 10.2223 26.2904C7.82237 16.8375 15.4813 9.1551 24.7845 10.2663C27.177 10.5553 29.6657 11.4072 31.7101 13.0222C33.7618 14.6372 35.3025 17.0598 35.4358 19.4156C35.5691 21.7714 34.0951 23.9124 31.8064 24.1791C30.8583 24.2902 29.7472 24.2087 28.8361 23.9569C27.8584 23.6828 26.8511 23.3864 25.8659 23.8161C25.4437 24.0013 25.0808 24.2976 24.7771 24.6458C23.8068 25.7497 23.5105 27.1128 23.9771 28.4685C24.3623 29.5945 24.8363 30.8392 24.3919 32.0245C24.0882 32.832 23.4735 33.4468 22.7476 33.8913C18.9774 36.2324 15.1331 34.3729 12.6444 31.1874Z" fill="black"/><path d="M1.51219 12.1923C-0.0358847 15.7483 3.28247 19.9784 7.09709 18.2745C8.71183 17.5485 9.79325 15.7705 9.68214 13.9999C9.57104 12.2293 8.28222 10.5921 6.58601 10.0809C4.72684 9.51048 2.31216 10.3476 1.50479 12.1923H1.51219Z" fill="black"/><path d="M9.52 3.86564C7.97193 7.42161 11.2903 11.6517 15.1049 9.94781C16.7196 9.2218 17.801 7.44384 17.6899 5.67326C17.5788 3.90268 16.29 2.26542 14.5938 1.75425C12.7346 1.18382 10.32 2.02098 9.51259 3.86564H9.52Z" fill="black"/><path d="M21.5504 2.1467C19.9283 4.80627 22.2319 8.27333 25.2984 8.10294C27.5798 7.977 29.4908 5.65081 29.1723 3.39129C28.6019 -0.690674 23.5133 -1.06848 21.5504 2.15412V2.1467Z" fill="black"/><path d="M0.534806 24.0161C-1.08733 26.6756 1.21627 30.1427 4.28279 29.9724C6.56415 29.8464 8.47515 27.5202 8.15665 25.2607C7.58631 21.1787 2.49767 20.8009 0.534806 24.0235V24.0161Z" fill="white"/></svg>');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.tag-list-purple li:before {
background-color: var(--secondary-400);
}
.tag-list-yellow li:before {
background-color: var(--primary-400);
color: var(--secondary-400);
}
.tag-list-light-yellow li:before {
background-color: var(--primary-200);
color: var(--secondary-400);
}
.tag-list-blue li:before {
background-color: var(--accent-200);
}
.wpml-ls-statics-shortcode_actions {
border-color: transparent;
background-color: transparent;
}
@media (max-width: 992px) {
.wpml-ls-statics-shortcode_actions {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 768px) {
.wpml-ls-statics-shortcode_actions {
display: none !important;
visibility: hidden !important;
}
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
background-color: transparent;
border-color: transparent;
color: var(--secondary-400);
}
.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
border-color: transparent;
background-color: transparent;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown-click a:hover {
background-color: transparent;
color: var(--secondary-300);
}
.wpml-ls-legacy-dropdown {
width: auto;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding-right: 0;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%23483B8B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
position: unset;
border: none;
border-top: none;
margin-left: 0.5rem;
}
.wpml-ls-statics-shortcode_actions a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link:link {
background: var(--white);
color: var(--secondary-400);
}
.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu {
background: var(--white);
border-color: transparent;
border-radius: 8px;
}
.wpml-ls-sub-menu {
min-width: fit-content !important;
}
.page-template-over-ons .usps-slider-item > div {
all: unset;
}
.page-template-over-ons .usps-slider-item img {
border-radius: unset;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.page-template-over-ons .usps-slider-item h5 {
color: var(--secondary-400);
margin-bottom: 0;
}
.page-template-over-ons .usps-slider-item p {
color: var(--black);
}
.team-card__image {
border-radius: 8px;
overflow: hidden;
margin-bottom: 1.6rem;
}
.team-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 3/4;
}
.team-card__title {
color: var(--secondary-400);
}
.team-card__role {
font-size: 1.8rem;
color: var(--black);
}
@media (max-width: 768px) {
.team-card__role {
font-size: 1.6rem;
}
}  .verkooppunt-item .labels-holder img {
margin-right: 10px;
width: 40px;
height: 40px;
}
.woocommerce div.product div.summary {
margin-bottom: 2em;
padding-right: 40px;
}
.image-left-img-holder img,
.image-right-img-holder img {
max-height: 640px !important;
} .woocommerce div.product form.cart:not(.variations_form),
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
margin-top: 10px;
}
.woocommerce div.product form.cart .quantity {
margin: 0;
float: none;
}
.woocommerce div.product form.cart .quantity .qty {
box-sizing: border-box;
height: 52px;
width: 88px;
padding: 0 10px;
text-align: center;
font-size: 18px;
font-weight: 700;
color: var(--secondary-400);
background: var(--white);
border: 2px solid var(--secondary-400);
border-radius: 48px;
-moz-appearance: textfield;
}
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .single_add_to_cart_button {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
height: 52px;
margin: 0;
padding: 0 32px;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
color: var(--white);
background: var(--accent-200);
border: 1px solid var(--accent-200);
border-radius: 48px;
cursor: pointer;
transition: all 0.2s;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
background: #0094c7;
border-color: #0094c7;
color: var(--white);
} .woocommerce div.product form.cart .variations select {
box-sizing: border-box;
min-height: 48px;
padding: 8px 16px;
font-size: 16px;
color: var(--secondary-400);
background-color: var(--white);
border: 2px solid var(--secondary-400);
border-radius: 48px;
} .woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart {
display: inline-block;
padding: 10px 24px;
font-size: 18px;
font-weight: 700;
color: var(--white);
background: var(--accent-200);
border: 1px solid var(--accent-200);
border-radius: 48px;
transition: all 0.2s;
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
background: #0094c7;
border-color: #0094c7;
color: var(--white);
}  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #payment #place_order {
box-sizing: border-box;
display: block;
width: 100%;
text-align: center;
padding: 15px 28px;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
color: var(--white);
background: var(--accent-200);
border: 1px solid var(--accent-200);
border-radius: 48px;
cursor: pointer;
transition: all 0.2s;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout #payment #place_order:hover {
background: #0094c7;
border-color: #0094c7;
color: var(--white);
} .woocommerce-cart .woocommerce a.button,
.woocommerce-cart .woocommerce button.button,
.woocommerce-cart .woocommerce input.button {
box-sizing: border-box;
padding: 12px 24px;
font-size: 16px;
font-weight: 700;
color: var(--accent-200);
background: transparent;
border: 2px solid var(--accent-200);
border-radius: 48px;
cursor: pointer;
transition: all 0.2s;
height: auto;
}
.woocommerce-cart .woocommerce a.button:hover,
.woocommerce-cart .woocommerce button.button:hover,
.woocommerce-cart .woocommerce input.button:hover {
background: var(--accent-200);
color: var(--white);
}
.woocommerce-cart .woocommerce button.button:disabled,
.woocommerce-cart .woocommerce button.button[disabled] {
opacity: 0.4;
} .woocommerce-cart .woocommerce input.input-text,
.woocommerce-checkout .woocommerce input.input-text,
.woocommerce-checkout .woocommerce textarea,
.woocommerce-checkout .woocommerce select,
.woocommerce-checkout .select2-container .select2-selection {
box-sizing: border-box;
width: 100%;
min-height: 50px;
padding: 12px 16px;
font-size: 16px;
color: var(--black);
background: #fff;
border: 2px solid rgba(72, 59, 139, 0.25);
border-radius: 12px;
transition: border-color 0.2s;
}
.woocommerce-cart .woocommerce input.input-text:focus,
.woocommerce-checkout .woocommerce input.input-text:focus,
.woocommerce-checkout .woocommerce textarea:focus,
.woocommerce-checkout .woocommerce select:focus,
.woocommerce-checkout .select2-container--focus .select2-selection {
border-color: var(--accent-200);
outline: none;
} .woocommerce-checkout .select2-container .select2-selection--single {
display: flex;
align-items: center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px;
} .woocommerce-cart .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3 {
color: var(--secondary-400);
font-weight: 700;
} .woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
border: 1px solid rgba(72, 59, 139, 0.15);
border-radius: 16px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
.woocommerce-cart table.shop_table thead th,
.woocommerce-checkout table.shop_table thead th {
background: var(--secondary-400);
color: var(--white);
padding: 16px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
border: 0;
}
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th,
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th {
padding: 16px;
vertical-align: middle;
border-top: 1px solid rgba(72, 59, 139, 0.1);
}
.woocommerce-cart table.shop_table img {
width: 72px;
height: auto;
border-radius: 10px;
}
.woocommerce-cart td.product-name a,
.woocommerce-checkout td.product-name a {
color: var(--secondary-400);
font-weight: 700;
} .woocommerce-cart td.product-remove a.remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
color: var(--accent-800) !important;
background: rgba(206, 52, 55, 0.1);
font-size: 18px;
line-height: 1;
}
.woocommerce-cart td.product-remove a.remove:hover {
color: var(--white) !important;
background: var(--accent-800);
} .woocommerce-cart td.product-quantity .quantity .qty {
box-sizing: border-box;
width: 76px;
height: 46px;
padding: 0 8px;
text-align: center;
font-weight: 700;
border: 2px solid rgba(72, 59, 139, 0.25);
border-radius: 48px;
} .woocommerce-cart .cart .actions .coupon input#coupon_code {
box-sizing: border-box;
min-height: 50px;
padding: 12px 16px;
border: 2px solid rgba(72, 59, 139, 0.25);
border-radius: 12px;
} .woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #payment.woocommerce-checkout-payment {
background: var(--white);
border: 1px solid rgba(72, 59, 139, 0.15);
border-radius: 16px;
padding: 24px;
}
.woocommerce-checkout #payment.woocommerce-checkout-payment {
background: var(--neutral-100);
}
.woocommerce-cart .wc-proceed-to-checkout {
padding-top: 16px;
} .woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
border-radius: 12px;
border-top: 0;
border-left: 4px solid var(--accent-200);
background: var(--neutral-100);
color: var(--black);
}
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message {
border-left-color: var(--accent-400);
}
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
border-left-color: var(--accent-800);
}
.woocommerce-cart .woocommerce-message .button,
.woocommerce-checkout .woocommerce-info .button {
font-size: 14px;
} .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce > .woocommerce-message,
.woocommerce > .woocommerce-info,
.woocommerce > .woocommerce-error {
position: relative;
margin: 20px 0;
padding: 16px 20px 16px 56px; border-radius: 12px;
border-top: 0;
border-left: 4px solid var(--accent-200);
background: var(--neutral-100);
color: var(--black);
} .woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce > .woocommerce-message::before,
.woocommerce > .woocommerce-info::before,
.woocommerce > .woocommerce-error::before {
left: 22px;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce > .woocommerce-message {
border-left-color: var(--accent-400);
}
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce > .woocommerce-error {
border-left-color: var(--accent-800);
} .single-product-notices {
margin-top: 8px;
} body.woocommerce-checkout .select2-container {
z-index: 29;
} .checkout-product-summary {
display: flex;
gap: 1.5rem;
align-items: center;
margin-top: 2rem;
padding: 1.5rem;
background: #fff;
border: 1px solid var(--primary-400, #f7a823);
border-radius: 16px;
}
.checkout-product-summary__media {
flex: 0 0 140px;
max-width: 140px;
}
.checkout-product-summary__media img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
}
.checkout-product-summary__body {
flex: 1 1 auto;
min-width: 0;
}
.checkout-product-summary__title {
margin: 0 0 0.25rem;
color: var(--secondary-400);
font-size: 1.5rem;
line-height: 1.2;
}
.checkout-product-summary__meta {
margin: 0 0 0.75rem;
opacity: 0.75;
}
.checkout-product-summary__desc p:last-child {
margin-bottom: 0;
}
@media (max-width: 600px) {
.checkout-product-summary {
flex-direction: column;
}
.checkout-product-summary__media {
flex-basis: auto;
max-width: 200px;
}
} .checkout-product-summary {
position: relative;
}
.checkout-product-summary__remove {
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
font-size: 20px;
line-height: 1;
text-decoration: none;
color: inherit;
opacity: 0.55;
transition: opacity 0.15s ease, background-color 0.15s ease;
margin: 0;
}
button#place_order {
height: auto;
}
.checkout-product-summary__remove:hover,
.checkout-product-summary__remove:focus {
opacity: 1;
color : var(--black);
}
div#order_review {
margin-bottom: 60px;
}
.checkout-product-summary__body {
padding-right: 1.75rem;
}  .woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
background-color: var(--secondary-400);
color: var(--white);
min-width: 0;
min-height: 0;
width: auto;
height: auto;
padding: 0.4em 1.1em;
border-radius: 48px;
font-size: 0.95rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
text-transform: uppercase;
} .woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
color: var(--secondary-400);
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del {
color: var(--black);
opacity: 0.45;
font-weight: 400;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
background: none;
color: var(--secondary-400);
font-weight: 700;
text-decoration: none;
} .woocommerce div.product table.variations {
border-collapse: separate;
border-spacing: 0 0.75rem;
}
.woocommerce div.product table.variations th.label,
.woocommerce div.product table.variations td.value {
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
} .single-product .related.products,
.single-product .up-sells.products {
padding-bottom: clamp(5rem, 9vw, 11rem);
} .woocommerce-checkout h1.default-title {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
} .builder-quiz .products-slider-description,
.wc-products-block .products-slider-description {
text-align: center;
margin-bottom: 2rem;
} .wc-products-block__grid .woocommerce ul.products {
display: grid;
grid-template-columns: repeat(var(--wc-products-cols, 3), minmax(0, 1fr));
gap: 1.5rem;
margin: 0;
}
.wc-products-block__grid .woocommerce ul.products::before,
.wc-products-block__grid .woocommerce ul.products::after {
display: none;
}
.wc-products-block__grid .woocommerce ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
clear: none !important;
}
@media (max-width: 1023px) {
.wc-products-block__grid .woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 599px) {
.wc-products-block__grid .woocommerce ul.products {
grid-template-columns: minmax(0, 1fr);
}
}
.wc-products-block__button {
text-align: center;
margin-top: 2.5rem;
} section.products-slider.builder-quiz:has(+ .footer-border),
section.products-slider.wc-products-block:has(+ .footer-border) {
padding-bottom: clamp(5rem, 9vw, 11rem);
} .hero__buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px 16px;
}
.hero__buttons .hero__button {
margin: 0;
}
@media (max-width: 599px) {
.hero__buttons {
flex-direction: column;
align-items: center;
}
}