@media (max-width: 992px) {
header .header-wrapper .wp-block-navigation .wp-block-navigation__submenu-container,
header .header-wrapper .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
border: none;
}
header .header-wrapper .wp-block-navigation .wp-block-navigation__submenu-container::before {
display: none;
}
} @media (max-width: 768px) {
header .header-wrapper .header-panel {
overflow: hidden;
}
header .header-panel .wp-block-group .trust-signals p::before {
left: 0;
font-size: 20px;
}
header .header-panel .wp-block-group .trust-signals {
animation: scroll 40s linear infinite;
gap: 24px;
}
header .header-panel .wp-block-group .trust-signals .wp-block-column {
min-width: max-content;
}
header .wp-block-site-logo .custom-logo {
width: 120px;
}
header .header-wrapper .header-main .inner-container {
justify-content: flex-start;
gap: 8px;
}
header .header-wrapper .header-main .menu-container {
order: 2;
}
header .header-wrapper .header-main .verkopen-container {
margin-left: auto;
}
header .header-wrapper .header-main-container .logo-navigation {
gap: 12px;
justify-content: flex-start;
}
header .header-wrapper .header-main-container .logo-navigation>.wp-block-navigation {
order: -1;
}
header .header-wrapper .wp-block-navigation__responsive-container-close {
right: 12px;
top: 12px;
}
header .header-wrapper .wp-block-navigation__responsive-container {
background-color: var(--wp--preset--color--secondary-background)
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close,
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
margin-top: 0 !important;
height: 100%;
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
padding: var(--wp--preset--spacing--x-large);
width: 100%;
height: 100%;
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
margin-top: var(--wp--preset--spacing--large);
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container::before {
content: "MENU";
font-size: var(--wp--preset--font-size--large);
font-weight: 600;
}
header .header-wrapper .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
padding: initial;
border-top: none;
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item.kopen,
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item.verkopen {
line-height: 2.4;
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item.verkopen {
padding-bottom: var(--wp--preset--spacing--x-large);
border-bottom: 1px solid var(--wp--preset--color--border);
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item>a {
position: relative;
}
header .header-wrapper .wp-block-navigation__responsive-container .nav-item>.wp-block-navigation-item__content {
font-size: var(--wp--preset--font-size--large);
font-weight: 600;
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul,
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li,
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li>a {
width: 100%;
}
header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation__submenu-container {
width: 100% !important;
padding: 0 !important
} .wp-block-group .trust-signals p {
width: 50%;
padding-left: 32px;
}
main.wp-block-group .trust-signals p::before {
left: 0;
}
main.wp-block-group .verkopen-categories .content .wp-block-group-is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
main.wp-block-group .product-gallery-container {
margin-top: 56px !important;
}
main.wp-block-group .breadcrumbs-container {
position: absolute;
top: 0;
}
footer .footer-wrapper .footer-columns .footer-column {
width: 46%;
}
footer .footer-wrapper .footer-columns .footer-column:nth-of-type(3) {
order: 2;
}
} @media (max-width: 576px) {
.m-w-100,
.m-w-100 .wp-block-button {
width: 100%;
}
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-110%);
}
}