/*
Theme Name: VAN DER DRIFT
Theme URI: https://www.vanderdriftmeubelen.nl/
Author: Bureau van den Oever
Author URI: http://bureauvdo.nl
Description: This team was tailor made for my online propositions and platforms
Version: 1.0
Tags: bone-column, two-columns, right-sidebar, custom-menu, editor-style, featured-images, ticky-post,
Text Domain: bvdo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The entire website is section based. All sections are named below
*/

.bg-lightgray {background: #f4f4f4;}

.woocommerce .related-products img.img-fluid {
    height: 235px;
    max-height: 235px;
    min-height: 235px;
    object-fit: contain;
}

/* restyle 2025 productpagina's */
body, html {scroll-behavior: smooth;}
body {overflow-x: hidden;}
/* collectie 2025 */
.anchor-filters {position: relative; top: 90%; left: 0; width: 100%; background: #fff; z-index: 20; padding: 10px 0px;}
.anchor-filters.sticky {box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);}
.anchor-filters ul.anchor-list {display:block; max-width:80%; margin:0 auto;}
.anchor-filters ul.anchor-list li.anchor {display:inline-block; list-style:none; padding:5px 10px; border:1px solid #fff; border-radius:50px; }
.anchor-filters ul.anchor-list li.anchor a {color:#E28020}
.anchor-filters ul.anchor-list li.anchor a:hover {text-decoration:none;}
.anchor-filters ul.anchor-list li.anchor.active {border:1px solid #E28020;}
.ons-aanbod-2025 .product {border-bottom:1px solid #eee}
.ons-aanbod-2025 .product.product-layout-3 {min-height:500px; height:100%; max-height:450px; align-content: center;}
.ons-aanbod-2025 .product.product-layout-3 .content {align-content:end;}
.ons-aanbod-2025 .product.product-layout-2 .row .col-md-4 img {max-height: 180px; height: 100%; min-height: 180px; object-fit: contain;}
.ons-aanbod-2025 .product .image img {min-height:465px; max-height:465px; height:100%; object-fit:cover;}

/* //collectie 2025 */
/* producten 2025 */
.ons-aanbod-2025 .breadcrumbs-slide {display:flex; text-transform:uppercase; font-weight:400}
.ons-aanbod-2025 .container {position:relative;}
.ons-aanbod-2025 .row .product:last-of-type {margin-bottom:125px;}
.ons-aanbod-2025 h3 {text-shadow:none!important; margin-bottom:0px;}
.ons-aanbod-2025 span {color:#E28020; margin-bottom: 15px; display: block;}
.ons-aanbod-2025 .productslider .item {overflow:hidden}
.ons-aanbod-2025 .productslider .item .content .box {max-width:75%;}
.ons-aanbod-2025 .productslider .item h2 {text-transform: uppercase; font-weight: 300; letter-spacing: 1px; font-size: 4rem;}
/*.ons-aanbod-2025 .productslider .item h2.after-title {position: absolute; top: 39px; right: -130%; z-index: 10; width: 100%;}*/
.ons-aanbod-2025 .productslider .item img {width:360px; height:360px; object-fit:cover;}
.ons-aanbod-2025 .btn-wrap .prev-slide {margin-right:20px;}
.ons-aanbod-2025 .btn-wrap .prev-slide, .ons-aanbod-2025 .btn-wrap .next-slide {display:block; width:25px; cursor:pointer!important;}
.ons-aanbod-2025 .btn-wrap {display:flex; transform: translate(0px, -30px);}
.ons-aanbod-2025 .btn-wrap .prev-slide i {position: relative; left:0; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-style: normal!important;}
.ons-aanbod-2025 .btn-wrap .next-slide i {position: relative; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-style: normal!important;}
/* //producten 2025 */
/* aanpassingen oudere onderdelen*/
.related-products .subcat-list li {border-bottom:0px!important;}
.related-products .subcat-list li a {border:1px solid transparent; border-radius:50px; color:#E28020}

.term-kasten .related-products .subcat-list li.item-1 a,
.term-dressoirs .related-products .subcat-list li.item-2 a,
.term-tv-dressoirs .related-products .subcat-list li.item-3 a,
.term-buffetkasten .related-products .subcat-list li.item-4 a,
.term-opbergkasten .related-products .subcat-list li.item-5 a,
.term-salonkasten .related-products .subcat-list li.item-6 a,
.term-smalle-kasten .related-products .subcat-list li.item-7 a,
.term-vitrinekasten .related-products .subcat-list li.item-8 a,
.term-wandkasten .related-products .subcat-list li.item-9 a,
.term-overige-kasten .related-products .subcat-list li.item-10 a,
.term-tafels .related-products .subcat-list li.item-1 a,
.term-eettafels .related-products .subcat-list li.item-2 a,
.term-salontafels .related-products .subcat-list li.item-3 a,
.term-bijzettafels .related-products .subcat-list li.item-5 a,
.term-salontafelsets .related-products .subcat-list li.item-6 a,
.term-tafelbladen .related-products .subcat-list li.item-7 a,
.term-eigentijdse-tafels .related-products .subcat-list li.item-8 a,
.term-sidetable .related-products .subcat-list li.item-9 a
{border:1px solid #E28020;}

.related-products ul#subcat-list li:hover a, .anchor-filters ul.anchor-list li.anchor:hover {border:1px solid #E28020;}
/* */
@media (min-width:768px) and (max-width:990px) {
    .ons-aanbod-2025 .product.product-layout-3 .content {margin-bottom:30px;}
    .ons-aanbod-2025 .product.product-layout-3 .content span {margin-bottom:0px;}
    .ons-aanbod-2025 .product.product-layout-3 .col-md-12.col-lg-6 img {max-height:150px;}
}
@media (min-width:768px) and (max-width:1023px) {
    .ons-aanbod-2025 .product.product-layout-3 {min-height:400px; height:100%; max-height:400px; align-content: center;}
    .ons-aanbod-2025 .product.product-layout-1 .image img {object-fit: contain;}
}
@media (max-width:767px) {
    body.page-template-page-collecties2025 section.page-introduction {background: none !important;}
    .ons-aanbod-2025 .anchor-filters.sticky {display:none;}
    .ons-aanbod-2025 .anchor-filters ul.anchor-list {display: block; max-width: 100%; padding-left: 0px;}
    .ons-aanbod-2025 .product {padding:0px 25px;}
    .ons-aanbod-2025 .product .row.galerij {display:none;}
    .ons-aanbod-2025 .product .image img {min-height:250px; max-height:250px;}
    .ons-aanbod-2025 .product.product-layout-3 {background:none!important;}
    .ons-aanbod-2025 .productslider .item .content .box {max-width:100%;}
}
/* // restyle 2025 productpagina's */

/* Tafelproces LP */
body.page-template-page-het-tafelproces section.header-with-video h1 {text-transform:none; color:#fff; font-weight:700; height: 100%; align-content: end; padding-bottom: 20px;}
body.page-template-page-het-tafelproces section.header-with-video iframe, body.page-template-page-het-tafelproces section.header-with-video video {transform: translate(0px, 70px); /*box-shadow: 0px 0px 10px rgba(0, 0, 0, .8);*/}
body.page-template-page-het-tafelproces .twocol-tafelproces ul {list-style-position:inside;}
body.page-template-page-het-tafelproces .twocol-tafelproces ul li {list-style-image: url("/wp-content/uploads/2025/01/vinkje.png"); text-decoration:underline;}
body.page-template-page-het-tafelproces .twocol-tafelproces .with-loop::before {position:absolute; content:''; left: -50px; top: 50%; bottom: 50%; width:100%; height:100%; background-image:url('/wp-content/uploads/2025/01/heart_van-der-drift-meubelen.png'); background-size:contain; background-repeat:no-repeat; transform:translate(-0px,-0px);}
body.page-template-page-het-tafelproces .quote-tafelproces, .quote-tafelproces {background-image:url('https://www.vanderdriftmeubelen.nl/wp-content/uploads/2025/01/vanderdrift_tafelproces_banner02.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; color:#fff;}
body.page-template-page-het-tafelproces .quote-tafelproces h2, .quote-tafelproces h2 {margin:0px 0px 40px 0px; text-shadow: 0px 0px 5px rgba(0, 0, 0, .8);}
body.page-template-page-het-tafelproces .quote-tafelproces ul li, .quote-tafelproces ul li {list-style:none; display:inline-block; padding:0px 20px 0px 20px; font-weight: 400}
body.page-template-page-het-tafelproces .quote-tafelproces ul li:first-of-type, .quote-tafelproces ul li:first-of-type {padding:0px 20px 0px 0px; border-right:1px solid orange;}
body.page-template-page-het-tafelproces .quote-tafelproces ul li:last-of-type, .quote-tafelproces ul li:last-of-type {padding:0px 0px 0px 20px; border-left:1px solid orange;}
body.page-template-page-het-tafelproces .outside-right {justify-items: end; display: grid; align-content: end;}
body.page-template-page-het-tafelproces .outside-right img {transform: translate(-25px, 0px);}


body.page-template-page-het-tafelproces .accBox {position:relative; padding:10px 0px 10px 25px; border-top:1px solid #707070; font-size:18px;}
body.page-template-page-het-tafelproces .accContent {padding-bottom:10px;}
body.page-template-page-het-tafelproces .accBox:before {position:absolute; content:'\f078'; left:0; width:50px; height:20px; font-size:18px; font-family:'FONT AWESOME 5 FREE'; font-weight:600; color:#E28020;}
body.page-template-page-het-tafelproces .accBox.active:before {content:'\f077'; }

body.page-template-page-het-tafelproces section.onderhoud-tafelproces .slick-arrow::before {color:#E28020; font-family: 'Font Awesome 5 Free'; font-weight: 600;}
body.page-template-page-het-tafelproces section.onderhoud-tafelproces .slick-next:before {content: '\f054';}
body.page-template-page-het-tafelproces section.onderhoud-tafelproces .slick-prev:before {content: '\f053'; }
body.page-template-page-het-tafelproces section.onderhoud-tafelproces .onderhoud-tips .item span {font-size: 14px; margin-top: 20px; display: block;}


/* 
body.page-template-page-het-tafelproces section.onderhoud-tafelproces {
    background:url('/wp-content/uploads/2025/02/product-verduurzamen-01_vanderdriftmeubelen.jpg'); 
    background-repeat:no-repeat; 
    background-size:40% ; 
    background-position:left;
} */
@media (max-width:579px) {
    body.page-template-page-het-tafelproces section.onderhoud-tafelproces .onderhoud-tips .slider-container {padding:0px 20px}
}
@media (max-width:767px) {
    body.page-template-page-het-tafelproces .twocol-tafelproces .image {display:none} 
    body.page-template-page-het-tafelproces .outside-right img {transform: translate(0px, 20px);}
    body.page-template-page-het-tafelproces section.header-with-video h1 {padding-bottom:0px; padding-top:40px;}
    body.page-template-page-het-tafelproces section.header-with-video iframe {transform: translate(0px, 40px);}
    body.page-template-page-het-tafelproces .twocol-tafelproces .mt-5 {margin-top: 1rem !important;}
}
@media (min-width:768px) and (max-width:991px) {
    body.page-template-page-het-tafelproces .outside-right img {transform: translate(20px, 20px);}
}
@media (max-width:991px) {
    body.page-template-page-het-tafelproces .twocol-tafelproces .row-loop .col img {max-height:220px;}
    body.page-template-page-het-tafelproces .outside-right {
        background:url('/wp-content/uploads/2025/02/product-verduurzamen-01_vanderdriftmeubelen.jpg'); 
        background-repeat:no-repeat; 
        background-size:cover ; 
        background-position:left;
        margin-bottom:30px;
    }
}

@media (min-width:992px) {
    body.page-template-page-het-tafelproces section.onderhoud-tafelproces {
        background:url('/wp-content/uploads/2025/02/product-verduurzamen-01_vanderdriftmeubelen.jpg'); 
        background-repeat:no-repeat; 
        background-size:40% ; 
        background-position:left;
    }
}
/**

/* [ALL] */
/* tafeldealer btn vervangen voor kasten */
.postid-283 .product-detail .tafeldealerbtn,
.postid-401 .product-detail .tafeldealerbtn,
.postid-488 .product-detail .tafeldealerbtn,
.postid-573 .product-detail .tafeldealerbtn,
.postid-681 .product-detail .tafeldealerbtn,
.postid-675 .product-detail .tafeldealerbtn,
.postid-679 .product-detail .tafeldealerbtn,
.postid-274 .product-detail .tafeldealerbtn,
.postid-274 .product-detail .tafeldealerbtn,
.postid-247 .product-detail .tafeldealerbtn,
.postid-388 .product-detail .tafeldealerbtn,
.postid-482 .product-detail .tafeldealerbtn,
.postid-660 .product-detail .tafeldealerbtn,
.postid-567 .product-detail .tafeldealerbtn {
    display: none !important;
}

/**/

.assortiment-highlight {
    position:relative;
    overflow:hidden;
}
.assortiment-highlight::after {
    content:'';
    z-index:-1;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-image:url('/wp-content/uploads/2024/09/vanderdriftmeubelen_assortiment-beeld.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    transform: scale(1.1);
}
.assortiment-highlight .container {padding:60px 0px}

.related-products .col-md-3:has(b.product-melding) p {padding-bottom: 0px;}
.product-melding {
    color: red;
    font-weight: 300;
    text-transform: none;
    font-size:10px;
}

.page-id-161 .page-introduction {
    background-size: 37% !important;
    background-position: 85% 40% !important;
}

.page-template-page-fullwidthpage .page-introduction .row.content a {
    color: #E28020;
    text-decoration: underline
}

*:focus {
    outline: none;
}

body,
html {
    font-family: proxima-nova, sans-serif;
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
}

a {
    color: #333333;
}

a:hover {
    color: black;
}

.button {
    padding: 8px 20px !important;
    border-radius: 30px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    -webkit-transition: all .2s linear !important;
    -moz-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    -ms-transition: all .2s linear !important;
    transition: all .2s linear !important;
}

.card .card-body .button {
    padding: 8px 16px !important;
}

.breadcrumbs .svg-inline--fa {
    margin: 0px 5px;
    vertical-align: middle;
}

h3 {
    font-size: 1.50rem
}

/**/
.facetwp-template .col-md-3,
.related-products .col-md-3 {
    position: relative;
    min-height: 400px;
}
.facetwp-template .col-md-3:hover a,
.related-products .col-md-3:hover a {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.related-products a span.product-doorlink {
    color: #E28020;
    padding-bottom: 20px;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 100%;
    transform: translate(-50%, -100%);
}

.facetwp-template .woocommerce img,
.facetwp-template .woocommerce-page img,
.related-products .woocommerce img,
.related-products .woocommerce-page img {
    max-height: 200px;
}

/**/

.white {
    color: #fff;
}

.orange {
    color: #E28020
}

b,
strong {
    font-weight: 700
}

a.transparent-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
}

.button:hover {
    text-decoration: none;
}

.button-orange {
    color: #fff;
    background-color: #E28020;
    border: 1px solid #E28020
}

.button-orange:hover {
    color: #fff;
    background-color: #b85222;
    border-color: #b85222
}

.button-white-outline {
    border: 1px solid #fff;
    color: #fff;
}

.button-white-outline:hover {
    color: #fff;
}

.button-black-outline {
    border: 1px solid #000 !important;
    color: #000 !important;
    background-color: white !important;
}

.button-black-outline:hover {
    color: #000 !important
}
.category-fulldescription .button.button-black-outline {
    display: table!important;
    margin-top: 1rem;
}
.woocommerce a.button.button-orange {
    color: #fff;
    background-color: #E28020;
    border: 1px solid #E28020;
    padding: 8px 20px;
    border-radius: 30px;
}

.woocommerce ul.products li.product .button {
    color: #fff;
    background-color: #E28020;
    border: 1px solid #E28020;
    padding: 8px 20px;
    border-radius: 30px;
}

.button.plane {
    text-transform: uppercase
}

h1 {
    font-size: 54px;
    line-height: 1;
    font-weight: 900;
    color: #333;
    text-transform: uppercase;
}

.page-introduction h2 {
    color: #E28020;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px
}

.dealerlocator-btn {
    font-size: 1em;
    text-transform: none;
    color: white !important;
    font-weight: 700;
    padding: 5px 10px;
}

.facetwp-checkbox.checked {
    background: url(/wp-content/uploads/2020/12/checkbox.png) 0 50% no-repeat !important;
    background-size: 14px 14px !important;
    margin-bottom: 4px !important;
    padding-left: 20px !important;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

i.fa-chevron-right {
    color: #bfbfbf;
    font-size: 11px;
    padding: 0px 5px;
}

span.product-doorlink {
    /*border-top:1px solid #ededed;*/
    padding-top: 5px
}

/* 2022 */
.related-products {
    background: #FAFAFA
}

.related-products .subcat-list li {
    border-bottom: 1px solid #d4d4d4;
}

.term-kasten .related-products .subcat-list li.item-1 {
    border-bottom: 2px solid #E28020;
}

.term-dressoirs .related-products .subcat-list li.item-2 {
    border-bottom: 2px solid #E28020;
}

.term-tv-dressoirs .related-products .subcat-list li.item-3 {
    border-bottom: 2px solid #E28020;
}

.term-buffetkasten .related-products .subcat-list li.item-4 {
    border-bottom: 2px solid #E28020;
}

.term-opbergkasten .related-products .subcat-list li.item-5 {
    border-bottom: 2px solid #E28020;
}

.term-salonkasten .related-products .subcat-list li.item-6 {
    border-bottom: 2px solid #E28020;
}

.term-smalle-kasten .related-products .subcat-list li.item-7 {
    border-bottom: 2px solid #E28020;
}

.term-vitrinekasten .related-products .subcat-list li.item-8 {
    border-bottom: 2px solid #E28020;
}

.term-wandkasten .related-products .subcat-list li.item-9 {
    border-bottom: 2px solid #E28020;
}

.term-overige-kasten .related-products .subcat-list li.item-10 {
    border-bottom: 2px solid #E28020;
}

.term-tafels .related-products .subcat-list li.item-1 {
    border-bottom: 2px solid #E28020;
}

.term-eettafels .related-products .subcat-list li.item-2 {
    border-bottom: 2px solid #E28020;
}

.term-salontafels .related-products .subcat-list li.item- {
    border-bottom: 2px solid #E28020;
}

.term-salontafelsets .related-products .subcat-list li.item-6 {
    border-bottom: 2px solid #E28020;
}

.term-bijzettafels .related-products .subcat-list li.item-4 {
    border-bottom: 2px solid #E28020;
}

.term-industriele-tafels .related-products .subcat-list li.item-5 {
    border-bottom: 2px solid #E28020;
}

.term-tafelpoten .related-products .subcat-list li.item-6 {
    border-bottom: 2px solid #E28020;
}

.term-tafelbladen .related-products .subcat-list li.item-7 {
    border-bottom: 2px solid #E28020;
}

.term-eigentijdse-tafels .related-products .subcat-list li.item-8 {
    border-bottom: 2px solid #E28020;
}

.term-sidetable .related-products .subcat-list li.item-9 {
    border-bottom: 2px solid #E28020;
}

.related-products .facetwp-facet .facetwp-checkbox {
    border-bottom: 1px solid #d4d4d4;
}

.related-products .facetwp-facet .facetwp-checkbox.checked {
    border-bottom: 2px solid #E28020;
}

.related-products .col-md-3 a {
    background: #fff;
    height: 100%;
    padding-top: 1em;
    padding-left: 10px;
    padding-right: 10px;
}

.searchpage.related-products .col-md-3 a {
    height: auto;
    margin-top: 15px
}

.related-products .woocommerce img,
.related-products .woocommerce-page img {
    min-height: 250px;
    object-fit: contain;
}

.related-products a p {
    text-transform: none;
    font-size: 20px;
    font-weight: 300;
    padding: 20px 20px;
    text-decoration: none !important
}

.related-products a span,
.related-products a span p {
    color: #706F6F;
    font-weight: 500;
    font-size: 16px;
}

.related-products a span.product-doorlink {
    color: #E28020;
    padding-bottom: 20px
}

.related-products a span.product-doorlink svg {
    font-size: 20px;
    vertical-align: sub;
}

.product-tussenblok {
    min-height: 300px
}

.product-tussenblok .card {
    border: none;
    border-radius: 0px
}

.product-tussenblok .card .box {
    position: absolute;
    width: 100%;
    padding: 0px 10px;
    bottom: 0;
    background: rgb(235, 235, 235);
    background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.product-tussenblok .card .card-body {
    padding-left: 0px;
    padding-right: 0px;
}

.product-tussenblok .card h3 strong {
    color: #fff;
}

.product-detail h1 {
    font-size: 36px;
    font-weight: 700;
    text-transform: none;
}


/* homepage 2022 */
.home-top-attentions .home-top-slider ul.slick-slider .slick-list,
.home-top-attentions ul.slick-slider .slick-track,
.home-top-attentions ul.slick-slider .slick-slide div {
    height: 100%
}

.home-top-attentions .home-top-slider .slick-slide .inside {
    position: relative;
}

.home-top-attentions .home-top-slider .slick-slide .inside .box {
    padding: 0px 10px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.home-top-attentions,
.home-top-attentions .home-top-slider,
.home-top-attentions .ons-aanbod {
    min-height: 600px;
}

.home-top-attentions .home-top-slider .slides:before,
.home-top-attentions .ons-aanbod .block1 .card:before {
    display: block;
    z-index: 99;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.home-top-attentions .home-top-slider .slides,
.home-top-attentions .ons-aanbod .block1 .card {
    position: relative
}

.home-top-attentions .ons-aanbod {
    padding: 0px !important;
}

.home-top-attentions .ons-aanbod .box {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 10px;
    width: 100%;
    background: rgb(235, 235, 235);
    background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.home-top-attentions .home-top-slider .slides .slick-dots {
    bottom: 10px;
}

.home-top-attentions .home-top-slider ul.slides.slider_top_positie {
    position: relative
}

.home-top-attentions .home-top-slider .slick-dots li.slick-active button:before {
    color: #E28020
}

.home-top-attentions .home-top-slider .slick-dots li button:before {
    color: #fff;
    opacity: 1;
    font-size: 10px
}
.ons-aanbod .card .card-body a.button {
    margin-right: .5rem;
    margin-bottom: 0.5rem;
    margin-left: .5rem;
    font-size: .8rem;
}/* AN */


.ons-aanbod .card .card-body .content span {
    padding: .5rem;
}
.ons-aanbod .card .content,
.ons-aanbod .card .card-body {
    z-index: 1;
    display: block !important
}

/* AN */
.ons-aanbod .card .card-body .content {
    height: 100%;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

/* AN */
.ons-aanbod .card:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 33%);
}
.ons-aanbod.eigenschappen .card:before {
    display: none;
}
/* AN */
.ons-aanbod .card .card-body .inside {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.introduction .full-width {
    width: 100vw;
    min-width: 50vw;
    padding: 0;
    position: relative;
    margin-left: -25%;
    left: 33%;
}

.introduction .home-productslider,
.introduction .home-productslider .item {
    width: 100%;
    height: 100%;
    display: block;
}

.introduction {
    overflow: hidden;
}

.slick-slider .slick-list,
.slick-slider .slick-track,
.slick-slider .slick-slide div {
    height: 100%;
    width: 100%
}

.introduction .home-productslider .slick-slider .slick-list,
.introduction .home-productslider .slick-slider .slick-track,
.introduction .home-productslider .slick-slider .slick-slide div {
    height: 100%;
    width: 100%;
    margin-bottom: 0px;
    min-height: 300px;
    min-width: 100%;
}

.introduction .home-productslider .inside {
    position: relative
}

.introduction .home-productslider .inside .box {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgb(235, 235, 235);
    background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

@media (min-width:1710px) {
    .introduction .full-width {
        width: 100vw;
        min-width: 50vw;
        padding: 0;
        position: relative;
        margin-left: -33%;
        left: 33%;
    }
}

@media (max-width:767px) {
    .introduction .full-width {
        margin-left: 0px;
        left: 0px;
    }

    .home-productslider .slick-arrow.slick-prev {
        left: 46% !important;
        top: 105% !important;
    }

    .home-productslider .slick-arrow.slick-next {
        left: 54% !important;
        top: 105% !important;
    }

    .home-top-attentions .home-top-slider {
        margin-bottom: 20px;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .page-template-page-newhomepage .collectie-banner {
        min-height: 350px !important;
        width: 100%;
        background-size: contain !important;
        background-repeat: no-repeat;
    }

    .video-banner iframe {
        min-height: 400px !important
    }

    .product-detail a.button.tafeldealerbtn,
    .product-detail a.button.kastdealerbtn {
        background-color: #656464;
        border-color: #656464;
    }

    .wood-loop img {
        max-width: 250px;
        padding-bottom: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .home-productslider .slick-arrow.slick-prev {
        left: 46% !important;
        top: 110% !important;
    }

    .home-productslider .slick-arrow.slick-next {
        left: 54% !important;
        top: 110% !important;
    }

    .home-top-attentions .ons-aanbod h3 {
        font-size: 100%;
    }

    .page-template-page-newhomepage .collectie-banner {
        min-height: 350px !important;
        width: 100%;
        background-size: contain !important;
        background-repeat: no-repeat;
    }
}

.introduction .home-productslider .slick-slide {
    border-bottom: 1px solid #E0E0E0
}

.introduction .home-productslider .slick-slide.slick-current {
    border-bottom: 2px solid #E28020
}

.home-productslider .slick-arrow {
    position: absolute;
    display: block;
    z-index: 9999;
    color: black;
    width: 24px;
    height: 24px;
    padding: 0px 0px 0px 4px;
}

.home-productslider .slick-arrow.slick-prev {
    left: -65px;
    top: 95%;
    border: 2px solid #E0E0E0;
    border-radius: 50%;
}

.home-productslider .slick-arrow.slick-next {
    left: -35px;
    top: 95%;
    border: 2px solid #E28020;
    border-radius: 50%;
}

.home-productslider .slick-arrow.slick-prev:before {
    color: #e0e0e0;
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 14px;
}

.home-productslider .slick-arrow.slick-next:before {
    color: #E28020;
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 14px;
}

.ons-aanbod.home-eigenschappen ul {
    background: #333;
}

.ons-aanbod.home-eigenschappen ul li {
    color: #fff;
    list-style-position: inside;
    line-height: 2;
    font-weight: 400;
}

.ons-aanbod.home-eigenschappen ul li::marker {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 300;
}

.video-banner iframe {
    width: 100%;
    height: 100%;
    min-height: 600px
}

/* // homepage 2022 */

/**/
.subcat-list {
    list-style: none;
    padding: 0px;
    display: flex;
}

.subcat-list li {
    float: left;
    flex-grow: 1
}

.subcat-list li a {
    font-weight: 300;
    text-transform: none;
}

/**/

/**/
.a4folder-prijzen {
    margin-bottom: 30px !important;
    width: 50%;
}

.a4folder-prijzen p {
    margin-bottom: 0px !important;
}

.a4folder-prijzen p span {
    float: right;
}

@media (max-width:767px) {
    .a4folder-prijzen {
        width: 100%;
    }
}

.page-id-1150 .contactpage-content .aantal-keuze {
    margin-bottom: 20px;
}

.page-id-1150 .contactpage-content .aantal-keuze label {
    margin-bottom: 0px !important;
}

.page-id-1150 .contactpage-content .aantal-keuze input {
    width: auto !important;
    margin-bottom: 0px !important;
}

.page-id-1150 .contactpage-content .aantal-keuze .wpcf7-list-item {
    width: 100% !important;
}

.page-id-1150 .contactpage-content .eigen-omslag input {
    width: auto !important;
}

.contactpage-content .wpcf7-spinner {
    display: none !important;
}

/**/




.home-attention .box h2 {
    text-transform: uppercase;
    /* letter-spacing: 2px; */
    letter-spacing: 8px;
    margin: 0px 0px 40px 8px;
}

.home-attention .box span {
    text-shadow: 0px 0px 5px #000;
    font-weight: 400;
    text-transform: uppercase;
}

.home-attention .box a {
    text-transform: uppercase;
    display: inline-block;
}

/* TOP BAR */
.top-bar {
    border-bottom: 1px solid #C4C4C4;
}

.top-bar .item {
    display: inline-block;
    margin-left: 20px;
}

.top-bar .item .search-wrapper {
    padding: 5px 10px;
    border: 1px solid #707070;
    border-radius: 25px;
}

.top-bar .item .search-wrapper input {
    border: 0px;
    outline: 0px;
    background: transparent;
    line-height: 1;
}

.top-bar .item .search-wrapper button {
    background-color: transparent;
    color: #E28020;
    border: 0px;
}

.top-bar .item i {
    transform: rotate(90deg);
    color: #E28020;
    margin-right: 5px;
}

.top-bar .item:nth-child(3) a {
    color: #706F6F;
}

/* MENU */
.menu ul {
    margin-bottom: 0px;
}

.menu ul li {
    display: inline-block;
    margin-left: 20px;
}

.menu ul li a {
    text-transform: uppercase;
    font-weight: bold;
    padding: 44px 0px;
    display: block;
}

.menu ul li a.active {
    border-top: 4px solid #E28020;
    display: block;
    padding: 40px 0px;
    color: #E28020;
}

/* Attention */
.home-attention {
    min-height: 500px;
}

.home-attention .box {
    transform: translate(0%, 30%);
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
}

.home-attention .box h1 {
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
}

/* HOME - AANBOD */
.ons-aanbod .card {
    border-radius: 0px;
    border: none;
    height: 100%;
    padding: 20px;
    color: #fff;
    background-size: cover;
    background-position: center;
    text-transform: uppercase;
}

.ons-aanbod .card-body {
    border: 1px solid rgba(255, 255, 255, .5);
    position: relative;
    justify-items: center;
    display: inline-grid;
}

.ons-aanbod .card-body .button {
    display: inline-table;
}

.ons-aanbod .card-body.no-border {
    border: none;
    /* padding: 0; */
}

.ons-aanbod .col-md-4,
.ons-aanbod .col-md-6 {
    padding: 5px;
}
.ons-aanbod.dealerlocator .col-md-4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ons-aanbod .col-md-4 .col-md-12:first-of-type {
    padding-bottom: 5px;
}

.ons-aanbod .col-md-4 .col-md-12:last-of-type {
    padding-top: 5px;
}

.ons-aanbod .col-md-4 .col-md-12 {
    padding: 0px 0px;
}

.ons-aanbod h3 {
    text-shadow: 0px 0px 10px #000;
    font-weight: 300
}

.ons-aanbod h3 small {
    font-size: 14px;
    line-height: 150%;
    padding: 0px 50px;
    display: block;
}

.ons-aanbod h3 strong {
    font-weight: 900
}

/* .home .ons-aanbod .col-md-4:nth-child(2) .card-body {border:none;} */
.ons-aanbod .border-left-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-left: 1px solid rgba(255, 255, 255, .5);
    border-top: 1px solid rgba(255, 255, 255, .5);
}

.ons-aanbod .border-right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    border-right: 1px solid rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.ons-aanbod.dealerlocator {
    background-color: #FBFBFB
}

.ons-aanbod.dealerlocator .col-md-4 .card {
    background: transparent
}

.ons-aanbod.dealerlocator .col-md-4 .card-body {
    border: 1px solid #000;
}

.ons-aanbod.dealerlocator p {
    color: #000;
    text-transform: none
}

.ons-aanbod.dealerlocator h3 {
    color: #E28020;
    text-shadow: unset
}

.ons-aanbod.eigenschappen .card {
    background: transparent;
    text-transform: none;
}

.ons-aanbod.eigenschappen .item-1 .card {
    padding: 0px;
    background-image: url('/wp-content/uploads/2020/09/vanderdrift_tafelconfigurator_01.jpg');
    background-size: cover;
}

.ons-aanbod.eigenschappen .item-2 {
    background-color: #333333;
}

.ons-aanbod.eigenschappen .card-body {
    justify-items: left;
}
.ons-aanbod.eigenschappen ul {
    margin-left: 22px;
}
.ons-aanbod.eigenschappen ul li {
    list-style: outside;
    line-height: 2
}

.ons-aanbod .dealerlocator-blok .card {
    background-color: #333;
}

#lookbook .card-body {
    min-height: 250px
}

/* COLLECTIE */
.collectie-banner {
    min-height: 550px;
    position: relative;
    background-image: url('/wp-content/uploads/2023/09/banner-homepage-vanderdriftmeubelen.jpg');
    background-size: cover;
    background-position: left center;
}

@media (max-width:1199px) {
    .collectie-banner {
        min-height: 350px;
    }
}

.collectie-banner .container-fluid {
    position: absolute;
    bottom: 0;
    left: 0;
}

.collectie-banner .row {
    color: #fff;
    font-size: 16px;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, .5)
}

.collectie-banner .row a {
    color: #fff
}


.home-attention a.plane {
    color: #fff;
    text-decoration: underline;
}

a.plane {
    color: #000;
    text-decoration: underline;
}

.parent-pageid-46 .page-introduction .content {
    min-height: 500px
}

/* FOOTER */
.usp-bar {
    background-color: #E28020;
    color: #fff;
    padding: 5px 0px
}

footer {
    background-color: #333;
    color: #fff;
}

footer i.orange {
    color: #E28020;
    transform: rotate(90deg);
}
footer a {
    color: #fff;
    text-decoration: none;
}
footer a:hover {
    color: #E28020;
    text-decoration: none;
}

footer .socials {
    padding: 0px;
}

footer .socials li {
    float: left;
    padding: 0px;
    list-style: none;
    margin-right: 5px;
}

.related-products strong {
    color: #333;
    font-size: 30px;
    font-weight: 600
}

.related-products a {
    display: block;
    text-transform: none;
    font-weight: 600;
    text-align: center;
}

.related-products a:hover {
    text-decoration: none;
}

.related-products a p {
    text-decoration: underline;
    margin-bottom: 0px
}

.related-products a span {
    color: #E28020;
}

.related-products a span p {
    text-decoration: none;
}

#lookbook {
    background-color: #FBFBFB
}

#lookbook .col-md-12 strong {
    color: #333;
    font-size: 30px;
    font-weight: 600
}

.page-template-page-lookbook-php .home-attention .box {
    background: rgba(241, 136, 34, .5)
}

.facetwp-template {
    display: contents;
}

.facetwp-checkbox:first-of-type {
    margin-left: 0px;
}

.facetwp-checkbox.checked {
    text-decoration: underline;
    color: #000;
    font-weight: bold
}

.facetwp-checkbox {
    background: none !important;
    padding-left: unset !important;
    flex-grow: 1;
    display: flex;
}

.facetwp-checkbox .facetwp-counter {
    display: none;
}

.facetwp-facet {
    display: flex;
}

/* MOBILE FILTERS */
.mobile-filters {
    display: none;
}

.mobile-filters .button {
    width: 100%;
    text-align: center;
    font-weight: 700;
    position: fixed;
    bottom: 0;
    z-index: 50;
    left: 0;
    border-radius: 0px !important;
    background-color: rgb(241 136 34 / 82%);
    text-transform: initial !important;
    border: 0px;
}

.mobile-filter-list {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgb(255 255 255 / 95%);
    z-index: 99999999;
    padding: 25px;
    display: none;
}

.mobile-filter-list ul {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mobile-filter-list li {
    margin-bottom: 15px;
}

.mobile-filter-list li a {
    text-transform: initial;
}

.mobile-filter-list .sluiten {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
    background-color: #E28020;
}

.mobile-filter-list .sluiten svg {
    color: white;
    font-size: 25px;
}

.product-detail .product-slider .ex1 img {
    height: 460px;
    object-fit: contain;
    padding: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.product-detail .carousel-nav {
    padding: 40px 15px;
    display: inline-block;
    background-color: rgba(237, 237, 237, 0.7);
    color: #343c45;
}

.product-detail .product-slider-container {
    position: relative;
}

.product-detail .carousel-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product-detail .carousel-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product-detail .slider-nav-thumbnails .slick-slide.slick-current img {
    border: 2px solid #E28020;
    padding: 5px;
}

.prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contactpage-content form input,
form textarea {
    width: 100%;
    border: 1px solid #E2E2E2;
    color: #333333;
    padding: 15px;
    margin-bottom: 15px
}

.contactpage-content form input[type=submit] {
    width: auto;
    border: none;
    background: transparent;
    color: #fff;
}

.contactpage-content form .button .ajax-loader {
    display: none
}

footer h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

div.collectieKnopDetail a {
    background-color: white !important;
    border: 2px solid !important;
}

.specificaties {
    background-color: rgb(51, 51, 51);
    color: white;
    padding: 15px;
}

.specificaties>p {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.specificaties>hr {
    margin: 5px 0;
    background-color: #575656;
}

.specificaties table {
    width: 100%;
}

.specificaties table tbody tr td {
    padding: 5px
}

.specificaties table tbody tr td:nth-of-type(even) {
    font-weight: 600;
}

.specificaties table tbody tr:nth-of-type(even) {
    background-color: rgb(74, 74, 74);
}

@media only screen and (max-width:991px) {
    .usp-bar .container .row div {
        font-size: 13px;
        text-align: center;    
    }
    .usp-bar .container .row div:nth-of-type(2) {
        padding: 0;
    }

}
@media (max-width:767px) {
    body.tax-product_cat .page-introduction {
        background: transparent !important;
        background-image: unset;
    }

    .usp-bar .container .row div {
        float: left;
        max-width: 50%;
        font-size: 10px;
        text-align: center;
    }

    .usp-bar .container .row div:last-of-type {
        display: none
    }

    .top-bar .dealerlocator-btn {
        padding: 5px 10px !important;
        font-size: 9px !important;
    }

    .top-bar .item a {
        display: block;
        text-align: center;
        width: 100%;
        /* text-transform: initial !important; */
    }

    /* .ons-aanbod .card .card-body a.mt-5 {margin-top: 1rem!important;} */


    /*.menu ul li.dropdown:hover .submenu {display:none!important;}*/
    .mobile-filters {
        display: block;
    }

    .subcat-list {
        display: none;
    }

    .related-products .container .row .col-md-3 {
        width: 50%;
    }

    body.archive.tax-product_cat .page-introduction .content p:nth-child(2),
    body.archive.tax-product_cat .content p:nth-child(3) {
        display: none
    }

    body.page-template-page-collectie-met-doorlinks .page-introduction p:nth-child(2),
    body.page-template-page-collectie-met-doorlinks .page-introduction p:nth-child(3),
    body.page-template-page-collectie-met-doorlinks .page-introduction p:nth-child(4) {
        display: none
    }

    body.page-template-page-collectie-met-doorlinks .page-introduction {
        background: none !important;
    }

    section.product-detail a.button {
        min-width: 100%;
        text-align: center
    }
}

.logo {
    padding: 20px 0px;
    display: block;
}

@media (min-width:992px) and (max-width:1199px) {
    .menu ul li {
        margin-left: 17px;
    }

    .menu ul li a {
        font-size: 14px;
    }

    .menu ul li:first-of-type {
        margin-left: 0px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .menu ul li {
        margin-left: 15px;
    }

    .menu ul li a {
        font-size: 11px;
    }

    .menu ul li:first-of-type {
        margin-left: 0px;
    }

    .ons-aanbod .card-body {
        display: inline-grid;
        padding: 0px;
    }

    .ons-aanbod .card-body .button {
        font-size: .8em;
    }

    /* .ons-aanbod .col-md-4 .col-md-12 {
        display: table-header-group;
    } */
}

@media (max-width:430px) {

    .facetwp-template .col-md-3,
    .related-products .col-md-3 {
        min-height: 325px
    }

    .related-products a p {
        line-height: 1;
        padding: 5px 0px;
    }
}

@media (max-width:400px) {
    footer .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width:300px) {
    .related-products .container .row .col-md-3 {
        width: 100%;
    }
}

/* HAMBURGER */
.hamburger {
    display: none;
}

/* DEALER LOCATOR */

.page-template-page-dealerlocator-php .locator .button {
    width: 100%;
    display: block;
    padding: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.page-template-page-dealerlocator-php .locator .button:hover,
.page-template-page-dealerlocator-php .locator .button a:hover {
    color: white;
    text-decoration: none !important;
}

.page-template-page-dealerlocator-php .locator .button-website {
    background-color: black;
    color: white;
}

.page-template-page-dealerlocator-php .locator .button-tafelcreator {
    background-color: #f28900;
    color: white;
}

.page-template-page-dealerlocator-php .locator .button-tafelcreator:hover {
    background-color: #b85222
}

.page-template-page-dealerlocator-php .locator .button-website:hover {
    background-color: #707070
}

.page-template-page-dealerlocator-php .locator .contact a {
    color: #f28900;
}

.page-template-page-dealerlocator-php #map {
    height: 100%;
}

.page-template-page-dealerlocator-php .locator .container {
    max-width: 1560px;
}

.locator .sidebar {
    background-color: #3a3a39;
    color: white;
    position: relative;
    border: 1px solid #efefef;
    border-right: 0px;
}

.locator .sidebar .search-wrapper {
    flex: 0 0 auto;
    padding: 30px;
}

.locator .sidebar .search-wrapper .form-control {
    padding: .625rem 1.25rem .6875rem;
    border-radius: 0px;
    border: 0px;
    font-size: 1.25rem;
    height: 52px;
}

.locator .sidebar .search-wrapper .btn {
    padding: .5625rem .9375rem;
    border-radius: 0;
    color: #000;
    background: #fff;
    border-color: #fff;
    font-size: 1.25rem;
}

.locator .results-wrapper {
    flex: 1 1 auto;
    overflow: auto;
    background: white;
    color: black;
}

.locator .results-wrapper .result {
    border-bottom: 1px solid #efefef;
    padding: 20px 20px 20px 10px;
    display: flex;
}

.locator .results-wrapper .result .distance {
    font-size: .875rem;
    padding-top: .3125rem;
    flex: 0 0 auto;
    min-width: 80px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.locator .results-wrapper .result .distance img {
    margin: 0 auto 10px;
}

.locator .results-wrapper .result .info {
    padding-left: 10px;
}

.locator .single-result-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    z-index: 10;
}

.locator .single-result-wrapper .back-button-wrapper {
    border-bottom: 1px solid #efefef;
    color: #000;
    padding: 20px 30px;
}

.locator .single-result-wrapper .back-button-wrapper span {
    margin-left: .3125rem;
}

.locator .single-result-wrapper .back-button-wrapper:hover {
    background: #fafafa;
    cursor: pointer;
}

.locator .single-result-wrapper .content-wrapper {
    padding: 20px 30px;
    color: black;
}

.locator .single-result-wrapper .content-wrapper .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

img[src*="vd_drift_marker.png"] {
    display: none;
}

.slider-nav-thumbnails .slick-slide {
    padding-right: 10px;
}

@media (max-width:767px) {
    .home-attention .box h1 {
        font-size: 2em;
    }

    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 22px !important;
    }

    .mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .mb-3 {
        margin-bottom: 0.8rem !important;
    }

    .home-attention .box h2 {
        letter-spacing: 2px;
        margin: 0 0 20px 0px;
    }

    .ons-aanbod .card-body {
        display: inline-grid;
        padding: 0px;
    }

    .top-bar .col-md-12.text-right {
        display: flex;
    }

    .top-bar .item {
        display: inline-flex;
        flex-grow: 1;
        /* margin-left: 20px; */
        padding: 0px 10px;
        font-size: 14px;
        margin: auto;
        width: 100%;
    }

    .top-bar .item .search-wrapper input {
        width: 50%;
        max-width: 50%;
        float: left;
        position: relative;
        top: 3px;
        left: 5px;
    }

    .top-bar .item .search-wrapper button {
        float: right;
        margin-top: 5px;
        margin-right: 5px;
        width: 15%;
        max-width: 15%
    }

    .top-bar .item .search-wrapper {
        padding: 5px 5px;
        margin-left: 15px;
    }
@media only screen and (max-width:479px) {
    .top-bar .item:first-of-type {
        width: 100%!important;
        max-width: 100%!important;
    }
    .top-bar .col-md-12.text-right {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .top-bar .item .search-wrapper button {
        margin-top: auto;
        width: 20px;
    }
    .top-bar .item .search-wrapper {
        padding: 2px 5px;
        margin-left: 10px;
    }
    form#searchform {
        width: 100%;
        margin-bottom: 10px;
        font-size: 12px;
    }
    


}
    .hamburger {
        display: inline-block;
        margin-left: 22px;
        position: relative;
        top: 20px;
        position: absolute;
        right: 5%;
        background: #f2f2f2;
    }

    .hamburger img {
        padding: 15px;
        cursor: pointer;
    }

    .main-menu-bar {
        display: none;
    }

    .main-menu-bar.active {
        display: grid;
        width: 100%;
        text-align: left !important
    }

    .main-menu-bar.active ul {
        display: grid;
    }

    .main-menu-bar.active ul li a.active,
    .main-menu-bar.active ul li a {
        padding: 10px 0px;
    }

    .main-menu-bar.active ul li a.active {
        border-top: 0px;
    }

    .main-menu-bar.active ul {
        border-top: 4px solid #E28020;
        background: #f2f2f2;
        padding-right: 15px;
        margin-bottom: 15px;
    }
}

.contactpage-content form input[type=submit] {
    padding: 0px;
    margin-bottom: 0px;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    display: none;
}

.offerte h2 {
    margin: 30px 0 10px 0;
}

.offerte select {
    width: 500px;
    padding: 10px;
    margin-bottom: 20px;
}

.offerte input {
    width: 500px;
    padding: 10px;
}

.slick-prev:before,
.slick-next:before {
    color: white;
}

svg.svg-inline--fa.fa-phone.fa-w-16 {
    transform: rotate(90deg);
}

.menu ul li.dropdown {
    position: relative;
}

.menu ul li.dropdown .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding-left: 0px;
    margin-left: 0px;
    background: #fff;
    min-width: 200px;
    z-index: 99
}

.menu ul li.dropdown:hover .submenu {
    display: block;
    min-width: 200px
}

.menu ul li.dropdown .submenu li a {
    padding: 0px;
    margin-left: 0px;
    text-align: left;
    width: 100%;
    border: 0px;
    padding: 15px 20px;
}

.menu ul li.dropdown .submenu li {
    margin-left: 0px;
    width: 100%;
}

.menu ul li.dropdown:hover .submenu li a {
    color: #000;
}

.menu ul li.dropdown:hover .submenu li a:hover {
    text-decoration: none;
    color: #E28020
}

.menu ul li.menu-item-has-children {
    position: relative;
}

.menu ul li.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding-left: 0px;
    margin-left: 0px;
    background: #fff;
    min-width: 200px;
    z-index: 99
}

.menu ul li.menu-item-has-children:hover .sub-menu {
    display: block;
    min-width: 200px
}

.menu ul li.menu-item-has-children .sub-menu li a {
    padding: 0px;
    margin-left: 0px;
    text-align: left;
    width: 100%;
    border: 0px;
    padding: 15px 20px;
}

.menu ul li.menu-item-has-children .sub-menu li {
    margin-left: 0px;
    width: 100%;
}

.menu ul li.menu-item-has-children:hover .sub-menu li a {
    color: #000;
}

.menu ul li.menu-item-has-children:hover .sub-menu li a:hover {
    text-decoration: none;
    color: #E28020
}

.menu ul li.menu-item-has-children:hover .sub-menu {
    border-top: 4px solid #E28020;
    display: block;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    color: #E28020;
}

.wpcf7-not-valid-tip {
    margin-top: -15px;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .locator .single-result-wrapper {
        position: relative;
    }

    .extra-content .button,
    .home-introductie .button {
        margin-bottom: 20px
    }

    .top-bar .item {
        padding: 0px 10px 0px 0px;
        max-width: 50%
    }

    section.top-bar.pt-2.pb-2 .row .text-right {
        padding: 0px;
    }

    .facetwp-facet {
        display: inline-block;
    }

    .related-products strong {
        font-size: 20px;
    }

    .facetwp-facet .facetwp-checkbox {
        display: list-item;
        width: 50%;
        list-style: inside;
        float: left;
    }

    .home-attention .box h1 {
        font-size: 2em;
    }

    .page-id-87 .page-introduction {
        background: none !important;
    }

    .page-introduction h1 {
        font-size: 2em;
    }

    section.ons-aanbod.eigenschappen .item-1 {
        min-height: 250px;
    }

    .ons-aanbod.dealerlocator .col-md-4 .card-body {
        padding: 20px
    }

    .ons-aanbod .col-md-8 .card {
        min-height: 250px
    }

    section.contactpage-content.mb-5 {
        padding: 0px 15px;
    }

    .menu ul li.dropdown .submenu,
    .menu ul li.menu-item-has-children .sub-menu {
        display: none;
    }

    .contact-mobile {
        margin-bottom: 50px;
    }
}

@media (max-width:399px) {
    h2 {
        font-size: 1.5em;
    }
}

@media (max-width:349px) {

    .home-attention .box h1,
    h3 {
        font-size: 1.5em;
    }
}

.dealerlocator-blok .no-border {
    padding: 1.25rem 0;
}

/* dealerlocator Mach3 */

iframe#iframe-pjfbLa24Ie {
    width: 100%;
    border: 1px solid #E28020;
}

@media (min-width: 1200px) {
    /*.page-id-1843 .page-introduction .container {
        max-width: 1560px!important;
    }*/
}





/* ???? */