body {
font-size: 18px;
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: 0.9em;
margin: 1rem 0 1rem;
}
p {
color: var(--black);
line-height: 170%;
}
h1 {
font-size: 2em;
margin: 1.5rem 0 1.5rem; }
h2 {
font-size: 1.5em;
margin: 1.25rem 0 1.25rem; }
h3 {
font-size: 1.4em;
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) { p, a {
font-size: 1em;
margin: 1rem 0 1rem;
}
.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: 2.3em;
margin: 1.25rem 0 1.25rem;
}
h3 {
font-size: 1.5em;
margin: 1rem 0 1rem;
}
h4 {
font-size: 1.3em;
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 {
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;
}
@media screen and (max-width: 768px) {
.hondenvoer-hero .columns {
min-height: unset;
}
}
.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: 38ch;
}
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(--secondary-400);
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.hondenvoer-hero {
min-height: 700px;
} 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 {
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 {
width: 100%;
}
.snacks-hero-content-holder p {
max-width: 50ch;
}
.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 {
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;
}
li.product {
min-height: 360px;
}
.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;
margin-bottom: 100px;
}
section.related.products h2 {
font-size: 33px;
color: var(--secondary-400);
}
.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: 0px;
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 .columns {
display: flex;
flex-direction: column;
}
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(--secondary-400);
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;
}
.legend {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
column-gap: 16px;
row-gap: 6px;
margin-block: 16px;
}
@media screen and (max-width: 768px) {
.legend {
justify-content: flex-start;
}
}
.legend__item {
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: 0.75em;
gap: 4px;
}
@media screen and (max-width: 768px) {
.legend__item {
font-size: 0.6em;
}
}
.legend__item img {
width: 24px;
}
.image-left-img-holder img {
width: 100%;
aspect-ratio: 4/3;
object-fit: contain;
}
.image-left-full-width-section .columns {
display: flex;
}
@media screen and (max-width: 768px) {
.image-left-full-width-section .columns {
flex-direction: column-reverse;
}
}
.image-left-full-width-section .columns .image-left-full-width-section__image-column {
padding-bottom: 0;
}
.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, 15rem);
}
.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__button {
margin-top: 40px;
}
.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 {
aspect-ratio: 1/1;
position: relative;
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.is-fallback {
display: inline;
} .word-loop.active {
display: inline !important;
} #rotator:has(.active:not(.is-fallback)) .is-fallback:not(.active) {
display: none;
}
@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;
}
.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;
}
}