body{
font-size: 20px;
font-family: var(--main-font-family);
overflow-x: hidden;
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;
line-height: 180%;
margin: 1rem 0 1rem;
}
p{
color: var(--black);
}
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 .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: #ffcd49;
--primary-400: #fab600;
--primary-600: #eaab00;
--primary-800: #db9f00;
--secondary-100: #94c891;
--secondary-200: #5eac5a;
--secondary-400: #3f773c;
--secondary-600: #325f30;
--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-white{
background: transparent;
border-radius: 4px;
color: var(--white);
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 .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: .75rem 1.25rem;
}
}
.button-small{
font-size: 14px;
font-weight: bold;
padding: .5rem 1rem;
}
.button-regular{
font-size: 1rem;
font-weight: bold;
padding: .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 .2s;
}
.animated-arrow-button:hover .icon-text{
color: var(--primary-600);
}
.animated-arrow-button .icon{
transition: all .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;
}
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 {
padding: 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-item img {
max-height: unset;
}
section.header-section, nav.navbar.is-transparent {
background: var(--primary-400);
}
ul#primary-menu a:not(.navbar-dropdown a) {
color: #fff;
font-size: 20px;
}
.navbar-link:not(.is-arrowless)::after {
border-color: var(--white) !important;
margin-top: -.375em;
right: 1.125em;
}
.navbar-dropdown {
border-radius: 0 0 24px 24px;
background: var(--primary-400);
border-top: 0;
color: #fff;
padding: 0px;
right: auto;
left: 0;
padding-bottom: 20px;
min-width: unset;
}
ul#primary-menu a {
margin-left: 25px; }
a.ghost-button-white.btn.header-button {
margin-bottom: 0;
}
a.mobile-menu-icon.icon-text {
color: #fff;
gap: 10px;
margin-left: 25px;
margin-bottom: 0;
margin-top: 20px;
}
.navbar-item img {
max-height: 40px;
margin: 0;
} @media screen and (min-width: 768px){ section.header-section {
padding: 0 .75em;
}
}
@media screen and (min-width: 1024px){ section.header-section {
padding: 0 2em;
}
}    .hero-content-holder {
text-align: center;
color: #fff;
position: relative;
z-index: 1;
}
ul#primary-menu a:hover {
color: var(--secondary-400) !important;
}
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 .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: 100vh;
background: var(--primary-400);
z-index: 100;
top: 0;
right: -400px; max-width: 400px;
color: var(--white);
transition: all .2s;
}
.menu-main-menu-container a:hover {
color: #3F773C;
}
.social-icons.social-icons-menu a:hover path {
stroke: #3F773B;
}
.navbar-dropdown a {
margin-left: 24px !important;
}
.mobile-menu-footer {
position: absolute;
bottom: 0;
}
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: #F0E9D7;
}
.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 .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;
}
.footer-column.footer-menu a {
color: var(--dark);
}
.footer-column.footer-menu a:hover {
color: var(--primary-600);
}
.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(--neutral-100);
padding-top: 10px;
padding-bottom: 10px;
}
section.footer-white.section-divider .container, section.bottom-footer .container {
padding: 0 1em;
}
section.footer-white {
background: #F0E9D7;
}
section.bottom-footer {
background: var(--accent-400);
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(--black);
line-height: 180%;
}
.footer-column.footer-menu h6 {
color: var(--secondary-400);
font-size: 20px;
margin-bottom: 32px;
}
.footer-column.footer-menu a {
color: var(--black);
font-weight: 500;
font-size: 20px;
}
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;
}
.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: .2;
width: 100%;
z-index: 0;
max-height: 100%;
}
.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.container-small.usps-list-absolute-holder {
background: var(--primary-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(--white);
font-weight: bold;
}
@media screen and (min-width: 768px){ section.header-section, section.mobile-menu-holder .navbar {
padding: 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: 960px){
.img-left-content-holder {
padding: 0 0 0 1rem;
}
}
@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(--dark);
}
.footer-column.footer-menu a:hover {
color: var(--primary-600);
}
.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(--accent-400);
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: 10rem;
background: var(--accent-200);
}
section.home-usps {
padding: 250px;
background: var(--accent-200);
}
section.home-usps {
padding: 250px 0;
background: var(--accent-200);
clip-path: polygon(0 0, 50% 16%, 100% 0, 100% 100%, 50% 85%, 0 100%);
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(--white);
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 p{
color: var(--white);
}
.usps-g-item h3 {
font-size: 39px;
}
.usps-g-item:after {
content: url(https://www.boomy.be/wp-content/themes/boomy/img/usps-list-g-bg.svg);
position: absolute;
right: 0;
bottom: -11px;
}
.usps-g-item .underline-button {
margin-top: 50px;
} 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(https://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%; position: absolute;
bottom: 0;
}
section.hondenvoer-hero p {
max-width: 44ch;
color: #fff;
}
a.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, 97% 85%, 4% 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(https://www.boomy.be/wp-content/themes/boomy/img/email-icon.svg);
vertical-align: sub;
margin-right: 10px;
}
p.contact-phone:before {
content: url(https://www.boomy.be/wp-content/themes/boomy/img/phone-icon.svg);
vertical-align: sub;
margin-right: 10px;
}
p.contact-address:before {
content: url(https://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;
}
setion.blog-hero {
background: var(--secondary-400);
position: relative;
display: block;
}
setion.blog-hero {
background: var(--secondary-400);
position: relative;
display: block;
padding-bottom: 13rem;
padding-top: 4rem;
}
img.blog-archive-clip-path {
width: 100%;
position: absolute;
bottom: 0;
transform: scaleX(-1);
}
setion.blog-hero {
background: var(--secondary-400);
position: relative;
display: block;
padding-bottom: 13rem;
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(https://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: .5;
color: var(--black);
}
p.blog-cat-breadcrumb span {
font-weight: bold;
opacity: .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(https://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: 200px;
}
img.boomy-club-hero-img {
max-width: 450px;
position: absolute;
right: 0;
bottom: 0;
}
section.boomy-club-gallery {
background-color: var(--secondary-400);
text-align: center;
color: #fff;
padding: 200px 0;
clip-path: polygon(50% 0%, -30% 100%, 100% 100%);
clip-path: polygon(50% 0, 100% 100px, 100% 100%, 50% 96%, 0 100%, 0 100px);
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;
margin-top: -100px;
}
.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-600)!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(--accent-600);
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: 32px;
}
.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);
}
.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;
}
@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);
clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
background-image: url(https://www.boomy.be/wp-content/uploads/2023/11/image-1.png);
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 div:last-child {
max-width: 350px;
}
.assortiment-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 140px;
position: relative;
}
.assortiment-item:first-child {
margin-top: 100px;
}
.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;
margin-left: 107px;
}
.assortiment-item:nth-child(odd) div:first-child:before {
position: absolute;
width: calc(100% * 1.9);
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;
margin-right: 107px;
}
.assortiment-item:nth-child(even) div:first-child:before {
position: absolute;
width: calc(100% * 1.9);
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: 33px;
}
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: 100px 16px;
clip-path: polygon(50% 0%, -30% 100%, 100% 100%);
clip-path: polygon(50% 0, 100% 50px, 100% 100%, 50% 98%, 0 100%, 0 50px);
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;
margin-top: -100px;
}
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;
}
.container.container-small.usps-list-absolute-holder {
background: var(--primary-100);
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(--accent-200);
clip-path: polygon(0 0, 50% 4%, 100% 0, 100% 100%, 50% 96%, 0 100%);
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: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: .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;
}
}
@media screen and (max-width:1280px){
ul#primary-menu a {
margin-left: 10px;
font-size: 16px !important;
}
a.mobile-menu-icon.icon-text {
color: #fff;
gap: 10px;
margin-left: 10px;
margin-bottom: 0;
margin-top: 20px;
}
a.ghost-button-white.btn.header-button {
padding: 8px 15px;
}
}
@media screen and (max-width:1380px){
ul#primary-menu a {
margin-left: 10px;
font-size: 16px !important;
}
a.mobile-menu-icon.icon-text {
color: #fff;
gap: 10px;
margin-left: 10px;
margin-bottom: 0;
margin-top: 16px;
}
.navbar-dropdown a {
margin: auto;
margin-left: auto !important;
}
a.ghost-button-white.btn.header-button {
padding: 8px 15px;
}
}
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(--primary-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;
}
.shop-sidebar-filters input {
background: transparent !important;
border: 1px solid #fff !important;
border-radius: 4px;
}
.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;
}
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: #fff;
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);
clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
background-image: url(https://www.boomy.be/wp-content/uploads/2023/11/image-1.png);
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) div:first-child:before, .assortiment-item:nth-child(even) div:first-child: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;
}
setion.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;
}
.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: #00000058;
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;
}