/*
Theme Name: Vind mij Online
Author: Roald Craenen
Author URI: https://www.vindmijonline.nl/
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-ms-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

:root{
	--animate-delay: 0.2s;

	--zwart:#000;
	--wit:#fff;
	--groen:#7ED321;

	--grijs:#F1F1F1;
	--grijs-2:#F6F6F6;
	--grijs-border:#E6E6E6;
	--grijs-hover:#e7e7e7;

	--footer:#151419;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
html{-webkit-animation: fadein 500ms;-moz-animation: fadein 500ms;-ms-animation: fadein 500ms;-o-animation: fadein 500ms;animation: fadein 500ms;}
html,body{width:100%;height:auto;font-family:"futura-pt", sans-serif;font-weight:400;font-size:18px;line-height:28px;color:var(--zwart)}
b,strong{font-weight:700}
em,i{font-style:italic}
img{max-width:100%;height:auto;}
a img{border:none;text-decoration:none}
a{color:var(--groen);text-decoration:underline;}
a:hover{color:var(--groen);text-decoration:underline;}
h1,h2,h3,h4{line-height:100%;font-weight:700;color:var(--groen)}
h1{font-size:40px;margin:0 0 30px 0}
h2{font-size:30px;margin:0 0 30px 0}
h3{font-size:20px;margin:0 0 30px 0}
h4{font-size:18px;margin:0 0 20px 0}
p{margin:5px 0 20px 0}
p:first-of-type{margin-top:0;}
p:last-of-type{margin-bottom:0;}
i.padding-left{padding-left:10px;}
i.padding-right{padding-right:10px;}
input:focus,textarea:focus,button:focus {outline:0;}

/* General */
.blok{padding:60px 0 75px 0;}
.transition, .transition a{transition:all 100ms ease-in-out;}
.transition.schaduw{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.schaduw:hover{box-shadow:0 0 40px rgba(0,0,0,0.2);}
.spacing{letter-spacing:1px;}
.objectfit_ie{background-size:cover;background-position:50%;}
.objectfit_ie img{width:100%;height:100%;object-fit:cover;display:block;}
.compat-object-fit img{opacity:0;}
.grecaptcha-badge{display:none;}
.fa-input {font-family:'Font Awesome 5 Pro',sans-serif;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cta{padding:12px 20px;background:var(--groen);color:#fff;font-weight:700;text-decoration:none;display:inline-block;margin-top:30px;border-radius:5px;border:none;}
.cta:hover{background:#78c91e;color:#fff;}
.cta.ghost{background-color:transparent;color:var(--lichtgroen);border:2px solid var(--lichtgroen)}
.cta.ghost:hover{background-color:var(--lichtgroen);color:#fff;}

/* 404 */
.notfound{padding: 75px 0;}

/* Top */
.top{padding:0;background-color:#fff;}
.logo{display:none}
.logo{height:100px;margin:25px 0}
.call{border:2px solid var(--groen);padding:5px 12px 4px 12px;margin:15px 5px 0 0;}
.call a{color:var(--groen)}

/* Nav */
.navigation{background-color:var(--groen)}
.navbar{margin-bottom:0;padding:0}
.navbar-default{border:none;background-color:transparent;margin:0 -15px}
.navbar-header{width:100%;text-align:left}
.navbar ul{list-style:none;margin:0;padding:0}
.navbar ul#menu-hoofdmenu{padding:0 0 0 0}
.navbar-nav li a{text-decoration:none;color:#fff !important;display:block;font-size:16px;font-weight:400;padding:10px 25px;border-bottom:1px solid rgba(255,255,255,0.1);}
.navbar-nav li a i{float:right;transition:all 100ms ease-in-out;line-height:1.8;}
.navbar-nav li a i.active{float:right;-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}
.navbar-nav li li a{padding:10px 25px 10px 45px}
.navbar-nav li li li a {padding:10px 25px 10px 65px}
.navbar-toggler{border:none;padding:10px;background:#000;border:none;border-radius:50%;min-width: 45px;max-width: 45px;min-height: 45px;max-height: 45px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.navbar-toggler .icon-bar{background-color:#fff !important;height:2px}
.navbar-collapse{background-color:#3d3d3d;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0}
.navbar-brand{padding:0;height:auto;margin: 15px 0;}
.navbar-brand img{width:175px;padding:15px 0 10px 0}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* Animate hamburger */
.navbar-toggler .icon-bar{width:20px;transition:all 0.2s;display:block;margin-bottom:5px;}
.navbar-toggler .top-bar{transform:translateY(7px) rotate(45deg);transform-origin:center}
.navbar-toggler .middle-bar{opacity:0;transform:translateX(5px)}
.navbar-toggler .bottom-bar{transform:translateY(-7px) rotate(-45deg);transform-origin:center;margin-bottom:0;}
.navbar-toggler.collapsed .top-bar{transform:rotate(0);}
.navbar-toggler.collapsed .middle-bar{opacity:1;transform:translateX(0px)}
.navbar-toggler.collapsed .bottom-bar{transform:rotate(0);}

/* Animate hamburger */
.navbar-toggle:hover{background:transparent !important;}
.navbar-toggle .icon-bar{width:22px;transition:all 0.2s;}
.navbar-toggle .top-bar{transform:rotate(45deg);transform-origin:0% 10%;}
.navbar-toggle .middle-bar{opacity:0;}
.navbar-toggle .bottom-bar{transform:rotate(-45deg);transform-origin:6% 90%;}
.navbar-toggle.collapsed .top-bar{transform:rotate(0);}
.navbar-toggle.collapsed .middle-bar{opacity:1;}
.navbar-toggle.collapsed .bottom-bar{transform:rotate(0);}

/* Hero */
.hero{width:100%;position:relative;}
.hero .item{height:460px;background-size:cover;background-position:50%;}
.hero .item .container{position: relative;z-index: 3;}
.hero .item .col-md-8{position:relative;z-index: 2;}
.hero h3{font-size:32px;color:#000;margin-bottom:30px;line-height: calc(100% + 6px);}
.hero p{color:#000;margin-bottom:0}
.hero a.cta + a{color:#000;margin-left:30px;text-decoration:none;font-weight:700;}

.owl-nav{position:absolute;top:-50px;width:100%;text-align:right;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{padding:10px !important}
.owl-nav button i{color:var(--groen);font-size:16px}
.owl-carousel .owl-nav button.disabled{cursor:default}
.owl-carousel .owl-nav button.disabled i{color:var(--grijs);}

/* Breadcrumbs */
.breadcrumbs{line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:16px;color:var(--zwart);background: #fff;margin: 30px 0;}
.breadcrumbs.wit{background: #fff;}
.breadcrumbs > div > div > div > span{margin-left:10px;}
.breadcrumbs .col-12{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.breadcrumbs .col-12 > span:first-child{margin-left: 0;}
.breadcrumbs span.vv{margin-left: 0;font-weight: 400;color: #C4C4C4;}
.breadcrumbs span{font-weight:400;line-height: 22px;}
.breadcrumbs span i{padding: 0 10px;color: var(--zwart);font-size: 12px;}
.breadcrumbs span a{text-decoration:none;color:var(--groen)}
.breadcrumbs span .breadcrumb_last{font-weight: 400;color:var(--groen);}

/* Main */
.header{height:300px;background-size:cover;background-position:50%;}
.tekst{}
.tekst h1{}
.tekst h2{font-size:24px;margin:40px 0 20px 0}
.tekst h3{font-size:20px;margin:30px 0 10px 0}

/* Over */
.over{}
.over .img{margin-bottom:30px;}
.over h2.subtitel{display: inline-block;width: max-content;}
.over h1{font-size:30px;}

/* Diensten */
.diensten{}
.diensten .item{margin-bottom:30px;position:relative;background-color:#fff;padding:60px 30px;border-radius:10px;}
.diensten .item .img{height:80px;width:80px;border-radius:50%;overflow:hidden;margin:0 auto 30px auto}
.diensten .item .txt{background-color:#fff}
.diensten .item .txt h3{font-size:20px;line-height:100%;margin:0 0 20px 0}
.diensten .item .txt a{color:var(--groen);text-decoration:none;font-weight:700;}
.diensten .item .txt a:hover i{transform:translateX(3px)}
.diensten .item .txt p{margin:0 0 30px 0}
.diensten .item .txt h3 a{color:var(--groen);text-decoration:none;}

/* Reviews */
.reviews{position:relative;overflow:hidden}
.reviews hr{margin-bottom:90px;}
.reviews .naam{margin-bottom:30px;}
.reviews .naam h2{font-size:24px;}
.reviews .google .img{width:48px;height:48px;background-image:url("images/google.svg");margin-right:20px;}
.reviews .google .txt{font-size:20px;line-height:31px;}
.reviews .google .txt .rating{color:var(--oranje);}
.reviews .google .txt .rating b{margin-right:5px;}
.reviews .google .txt .rating i{}
.reviews .google .txt .rating i + i{margin-left:2px;}
.reviews .item{margin-bottom:30px;background-color:#fff;padding: 30px;border: 1px solid var(--grijs);border-radius: 10px;}
.reviews .item .score{margin-bottom:10px;}
.reviews .item .score .stars{margin-right:10px;font-size:14px;}
.reviews .item .score .date{font-size:12px;color:var(--grijs)}
.reviews .item .score i{color:var(--oranje)}
.reviews .item .score i + i{margin-left:2px;}
.reviews .item .author{margin-bottom:20px;font-size:14px;}
.reviews .item .author .img{width:60px;height:60px;display:inline-block;margin-right:20px;border-radius:50%;overflow:hidden;vertical-align:middle}
.reviews .item .author .name{display:inline-block;width:calc(100% - 90px);color:var(--grijs);font-weight:300;vertical-align:middle}
.reviews .item .author .name b{font-size:16px;line-height:16px;font-weight:700;color:var(--zwart);display:block;}
.reviews .item .desc{font-size:14px;line-height:24px}
.reviews .desc.collapse:not(.show) {display: block;height: 3rem;overflow: hidden;}
.reviews .desc.collapsing {height: 3rem;}
.reviews a.collapsed::after {content: '+ Lees meer';}
.reviews a:not(.collapsed)::after {content: '- Lees minder';}
.reviews .img img{height: 60px;object-fit: cover;}
.reviews h3.subtitel{display: inline-block;width: max-content;}

/* Contact */
.contact h3{font-size:30px;margin:0 0 30px 0;text-transform:uppercase;}
.contact p + h3{margin-top:40px}
.contact a i{color:var(--lichtgroen)}
.contact .wpcf7{margin-bottom:60px}

/* Footer */
.footer{background-color:#3C3835;}
.footer iframe{margin-bottom:30px;}
.footer .margintop{margin-top:98px;}
.footer .logo{display:block;width:100%;margin-bottom:30px;margin-top:-55px;}
.footer .item{margin-bottom:30px;}
.footer .item i{color:var(--groen);font-size:24px;display:inline-block;width:45px;vertical-align:top;}
.footer .item .social i{color:#FFF;font-size:20px;width:auto;vertical-align:unset;}
.footer .item .inner .vandaag{color:var(--groen);font-weight: bold;}
.footer .item .inner span{width:100px;display: inline-block}
.footer .item .inner span time{}
.footer h4{}
.footer a{color:var(--zwart);text-decoration:none}
.social{margin-top:30px;font-size:20px;}
.footer .social a,.social a{color:#fff;width:40px;height:40px;border-radius:50%;text-align:center;padding-top:7px;display:inline-block;}
.social a + a{margin-left:10px;}
.copyright.blok{padding:40px 0}
.copyright,.copyright a{color:#fff;text-decoration:none;font-size:12px;line-height:150%;}
.copyright img{height:20px;}
.footer .item, .footer .item h4, .footer .item a{color: #FFF;}

/* Sidebar */
.sidebar{position:relative;margin-top:60px;background-color:var(--groen);border-radius: 10px;}
.widget.normal, .widget.normal ul, .widget.normal li{list-style:none;margin:0;padding:0}
.widget.normal{padding:30px}
.widget.normal h3{font-size:24px;margin:0 0 30px 0;color:#fff;}
.widget.normal p{color:#fff;}
.widget.normal li{padding:0 0 10px 0}
.widget.normal li:last-child{border:none}
.widget.normal .textwidget .center{text-align:center;}
.widget.normal :is(.btn-arrow, .btn-arrow:hover){background: var(--zwart);color: #fff;}

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form{margin-top:0px}
.wpcf7-form .field{display:block;margin-bottom:20px}
.wpcf7-form strong{margin-bottom:5px;display:block;font-weight:700;}
.wpcf7-form .telefoonnummer input{width:200px}
.wpcf7-form td{padding-bottom:20px}
.wpcf7-form input[type="date"],.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form select,.wpcf7-form textarea,.wpcf7-tel,.wpcf7-form input[type="tel"] {margin:0 0 10px 0;padding:10px 15px;border:1px solid var(--grijs-border);width:100%;color:var(--zwart);border-radius: 10px;}
select.wpcf7-not-valid,input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #ff0000 !important}
.wpcf7-validation-errors{border:2px solid #ff0000 !important;margin:0 0 20px 0 !important;color:#ff0000 !important;padding:10px !important}
span.wpcf7-not-valid-tip{color:#981b1e !important;font-size:12px !important;display: none !important;}
div.wpcf7-response-output{margin-top:30px !important;background-color:rgba(152,27,30,0.1);padding:10px 20px !important}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);}
#wpcf7-f57-p20-o1 .versturen{margin-bottom:0}
.wpcf7-form button{margin-top:0}

.wpcf7-form label{width: 100%;position: relative;}
.wpcf7-form label span{position: absolute;top: -15px;left: 10px;z-index: 999;background: #fff;padding: 0 5px;color: #D5D5D5;}

/* Default Wordpress */
.entry-content td{padding-right:20px}
.alignleft{float:left;margin-right:20px}
.alignright{float:right;margin-left:20px}
.aligncenter{clear:both;display:block;margin:0 auto 20px}
blockquote{font-style:italic;border-left:4px solid #e1001a;padding-left:10px}

/* Gallery */
.gallery{margin-top:60px}
.gallery img{width:100%}
.gallery .gallery-item{margin-bottom:30px}
.gallery .gallery-item a{border:none;height:200px;background-size:cover;background-position:50%;padding:0;display:block;}
.gallery .gallery-item a img{object-fit:cover;display:block;width:100%;height:200px;}
.gallery .gallery-item a.compat-object-fit img{opacity:0;}

/* Modal */
.modal{background-color:rgba(0,0,0,0.4)}
.modal-content{box-shadow:none;background-color:transparent;border:none;}
.modal-header{border:none;}
.modal .close{color:#fff;opacity:1;font-size:40px}

/* IE fixes */
.widget-area{width:100%}
.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,0.1);}
.table>tbody>tr>td{border:none;}
video{height:auto}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:30px}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe[name='google_conversion_frame'] {font-size: 0 !important;height: 0 !important;line-height: 0 !important;margin-top: -13px;width: 0 !important;}

/* Responsive oembed */
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;} 
.embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Pagination */
.pagination{width:100%;position:relative;margin-bottom:90px;}
.pagination > div{position:absolute;}
.pagination .nav-previous{left:0;}
.pagination .nav-next{right:0;}

/* ------------------------------ NIEUW ------------------------------ */

/* Fonts */
h1{color: var(--zwart);font-weight: 700;}
h2{color: var(--zwart);font-weight: 700;}
h3{color: var(--zwart);font-weight: 700;}
h4{color: var(--zwart);font-size: 19px;line-height: 32px;font-weight: 700;}

.section-title{font-size: 25px;color: var(--zwart);font-weight: 700;margin: 0;line-height: 32px;}

.regular-text p{font-size: 18px;line-height: 28px;color: var(--zwart);font-weight: 400;margin: 20px 0;}
.regular-text ul{margin: 20px 0;padding: 0 0 0 20px;}
.regular-text h1{font-size: 25px;margin: 0 0 20px 0;}
.regular-text h2{font-size: 23px;margin: 0 0 20px 0;}
.regular-text h3{font-size: 21px;margin: 0 0 20px 0;}
.regular-text h4, .regular-text h5, .regular-text h6{}{font-size: 19px;margin: 0 0 20px 0;}

.top-row{margin-bottom: 40px;}
.bottom-row{margin-top: 30px;}
.bottom-row.blog-row{margin-top: 0;}

/* Buttons */
.btn-arrow{background: var(--groen);padding: 10px 20px;border-radius: 10px;color: var(--zwart);font-weight: 600;text-decoration: none;position: relative;display: inline-flex;justify-content: center;}
.btn-arrow:hover{text-decoration: none;color: var(--zwart);background: #78c91e;}

.btn-arrow-thin{font-weight: 700;position: relative;text-decoration: none;color: var(--zwart);font-size: 18px;line-height: 32px;display: inline-flex;width: fit-content;}
.btn-arrow-thin:hover{text-decoration: none;color: var(--zwart);}
.btn-arrow-thin.wit, .btn-arrow-thin.wit:hover{color: var(--zwart) !important;}

.btn-arrow-left{font-weight: 700;position: relative;text-decoration: none;color: var(--zwart);padding-left: 20px;font-size: 16px;line-height: 32px;display: inline-flex;width: fit-content;}
.btn-arrow-left::before{position: absolute;left: 0;content: "\f104";font-family: "Font Awesome 6 Pro";font-weight: 600;font-size: 14px;transition: all 100ms ease-in-out;}
.btn-arrow-left:hover{text-decoration: none;color: var(--zwart);}
.btn-arrow-left:hover:before{left: -5px;}

.btn-grijs{display: block;width: fit-content;background: var(--grijs);color: var(--zwart);font-weight: 600;border-radius: 10px;padding: 10px 18px;text-decoration: none;transition: all 100ms ease-in-out;}
.btn-grijs:hover{text-decoration: none;color: var(--zwart);background: var(--grijs-hover);}

/* Footer */
.footer{background: var(--footer);padding: 75px 0;}
.footer p, .footer span, .footer a, .footer time{color: var(--wit);font-size: 16px;line-height: 32px;}
.footer span{display: block;width: fit-content;}
.footer h4{line-height: 100%;margin: 0 0 20px 0;font-size: 19px;color: var(--wit);}
.footer a{display: block;width: fit-content;text-decoration: underline;}
.footer .tijden div{display: flex;flex-direction: row;}
.footer .tijden span{min-width: 110px;}
.footer .footer-nav{margin: 0;padding: 0;}
.footer .footer-nav li{list-style-type: none;}
.footer .footer-nav li a{text-decoration: none;}
.footer .social a{background: var(--groen);padding: 0;display: inline-flex;justify-content: center;align-items: center;text-decoration: none;font-size: 18px;line-height: 100%;}
.footer .social a:hover{opacity: 1;text-decoration: none;}
.copyright{background: #000000;padding: 35px 0;}
.copyright span{display: inline-block;}
.copyright .divider{opacity: 0.5;margin: 0 10px;}
.copyright span, .copyright a{font-size: 16px;line-height: 19px;}

/* Menu */
.navbar-brand{display: inline-flex;}
.navbar-brand img{width: auto;height: 60px;padding: 0;}
.logo{width: auto;height: 70px;margin: 0;}
.menu-buttons .menu-btn{min-width: 45px;max-width: 45px;min-height: 45px;max-height: 45px;display: flex;align-items: center;justify-content: center;background: #000;border-radius: 50%;margin-right: 10px;color: #fff;font-size: 18px;border: none;position: relative;}
.menu-btn .cart-amount{display: flex;justify-content: center;align-items: center;background: var(--groen);border-radius: 50%;width: 16px;height: 16px;min-width: 16px;min-height: 16px;font-size: 10px;line-height: 16px;color: #FFF;font-weight: normal;position: absolute;top: -3px;right: -3px;}

a.b2b-login{text-decoration: none;color: #fff !important;display: block;font-size: 16px;font-weight: 400;padding: 10px 25px;}

/* CTA balk */
.cta-balk{padding: 75px 0;position: relative;}
.cta-balk img{position: absolute;z-index: -1;width: 100%;height: 100%;display: block;top: 0;left: 0;object-fit: cover;filter: brightness(0.35);}

.cta-balk .icon{min-width: 45px;max-width: 45px;min-height: 45px;max-height: 45px;border-radius: 50%;background:#ababab;display: flex;align-items: center;justify-content: center;margin-right: 25px;}
.cta-balk h4{margin: 0 0 5px 0;line-height: 100%;color: var(--wit);}
.cta-balk p{color: var(--wit);font-size: 16px;line-height: 32px;font-weight: 400;}
.cta-balk :is(i,a){color: var(--wit) !important;}

/* USP balk */
.usp-balk{background: #000;padding: 15px 0;}
.usp-balk p{display: inline;color:#fff;}
.usp-balk span{margin-right: 25px;font-size: 16px;line-height: 28px;font-weight: 400;width: 100%;}
.usp-balk span:last-of-type{margin-right: 0;}
.usp-balk span i{color: #fff;}
.swiper-usps{width: 100%;overflow: hidden;height: 25px;max-height: 25px;}
.swiper-usps .swiper-slide{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Review swiper/slider */
.review-module{padding: 0;margin: 75px 0;}
.review-swiper{width: 100%;overflow: hidden;position: relative;padding-bottom: 60px;}
.review-swiper .item{border-radius: 10px;border: 1px solid var(--grijs-border);padding: 30px 35px;}
.review-swiper .item .name b{font-size: 18px;font-weight: 700;}
.review-swiper .item .date{font-size: 15px;font-weight: 400;}
.review-swiper .item .stars i{color: var(--groen);margin-right: 3px;}
.review-swiper .item .stars i.empty{color: var(--grijs);}
.review-swiper .item .stars i.half-empty::after{color: var(--grijs);opacity: 1;}
.review-swiper .item .desc{margin-top: 15px;}
.review-swiper .item .desc p{font-size: 16px;line-height:28px;font-weight: 400;}
.rev-nav .swiper-pagination-bullet{min-width: 15px;max-width: 15px;min-height: 15px;max-height: 15px;background: var(--groen);margin: 0 5px !important;}

/* Homepage */
.hero .btn-arrow{margin-right: 25px;}
.hero .btn-arrow-thin{font-weight: 600;margin-top: 20px;margin-left: 20px;}
.hero p{margin:30px 0;}
.over{padding: 75px 0;padding: 0;background: #FAFAFA;}
.over .img{width: 100%;height: 100%;margin: 0;}
.over .img img{display: block;width: 100%;height: 100%;object-fit: cover;overflow: hidden;border-radius: 10px;}
.over .over-img{position: absolute;left: 0;transform: translateY(-50px);width: calc(50% - 75px);height: calc(100% + 100px);overflow: hidden;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.home-products{padding: 100px 0;}
.featured-products{margin: 75px 0;}

/* Sidebar */
.sidebar a{margin-top: 10px;}

/* Review/blogs padding */
.blog-module{padding: 0;margin: 75px 0;}
.blog-module.blog-archive{margin: 60px 0 75px 0;}
.blog-module .bottom-row .bericht-row:nth-child(n+2) .bericht-item{margin-top: 40px;}

/* Blog module */
.blog-module-single{background-color: var(--grijs-bg);}
.button-row{padding-top: 30px;}
.blog-module .top-row a, .blog-module .button-row a{text-decoration: none;font-weight: bold;}
.blog-module .top-row a:hover > i, .blog-module .button-row a:hover > i{transform: translateX(3px);}
.blog-module .bottom-row .bericht-item{border-radius: 0;overflow: hidden;}
.blog-module .bottom-row .img-wrapper{aspect-ratio: 2/1;background: var(--grijs-border);position: relative;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.blog-module .bottom-row .img-wrapper img{aspect-ratio: 2/1;object-fit: cover;display: block;width: 100%;}
.blog-module .bottom-row .content{padding: 30px 40px 40px 40px;overflow: hidden;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;border-right: 1px solid var(--grijs-border);border-bottom: 1px solid var(--grijs-border);border-left: 1px solid var(--grijs-border);}
.blog-module .bottom-row .content .meta{margin-bottom: 10px;font-size: 16px;line-height: 28px;font-weight: 400;}
.blog-module .bottom-row .content .meta i{color: var(--groen);font-size: 4px;margin: 0 5px;position: relative;top: -3px;}
.blog-module .bottom-row .content p{margin-bottom: 20px;font-size: 16px;line-height: 28px;font-weight: 400;}
.blog-module .bottom-row .content a{text-decoration: none;}
.blog-module .bottom-row .content h3{margin: 0 0 10px 0;color: var(--zwart);font-size: 20px;line-height: 30px;font-weight: 700;}

/* Single blog */
.blog-meta{font-size: 16px;line-height: 28px;font-weight: 400;margin-bottom: 15px;}
.blog-meta i{color: var(--groen);font-size: 4px;margin: 0 10px;}

/* Archive blogs */
.title-row{padding: 60px 0 0 0;}
.title-row h1{margin: 0;}
.blog-module .bottom-row .archive-bericht-row .bericht-item{margin-top: 40px;}

/* Contact */
.contact-content h1, .contact-content h2, .contact-content h3, .contact-content h4{font-size: 25px;line-height: 40px;margin-bottom: 10px;}
.contact-adres{margin-top: 30px;}
.contact-adres span, .contact-adres a{display: block;width: fit-content;color: var(--zwart);}
.contact-form .btn-arrow{border: none !important;}
.contact-form .wpcf7-form textarea{height: 200px;}
.contact-form .send-row p{display: flex;flex-direction: row;align-items: center;justify-content:start;}

/* Input field label overlay */
.contact-form .input-row label{position: relative;width: fit-content;background: #fff;padding: 0 7px;top: 14px;left: 14px;z-index: 10;}
.contact-form .input-row :is(input[type="text"],input[type="email"],input[type="tel"]){padding: 10px 20px;}
.contact-form .input-row textarea{padding: 15px 20px;}

/* Galerij */
.blok.galerij{background: #E6E7E8;padding: 60px 0;}
.blok.galerij .grid-item{padding: 0 12px;}
.blok.galerij .img{border-radius: 10px;overflow: hidden;margin-bottom: 24px;}
.blok.galerij .img img{aspect-ratio: 4/3;}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px){
	.hero .btn-arrow-thin{margin-left: 0;margin-top: 0;}
}
@media (min-width: 768px) and (max-width: 991px){
	.blog-module .bottom-row .bericht-row:nth-child(3), .featured-products .featured-row .featured-item:nth-child(3){display: none !important;}
}
@media (min-width: 768px) {
	.blok{padding: 100px 0 125px 0;}
	.hero h3{font-size:43px;}
	.hero .item{height:700px}
	.footer .item .inner{display:inline-block;width:calc(100% - 50px)}
	.footer .item .inner span{width:120px}

	.title-row{padding: 100px 0 0 0;}
	.blog-module.blog-archive{margin: 100px 0 125px 0;}
	.blog-module .bottom-row .bericht-row:nth-child(n+2) .bericht-item{margin-top: 0;}

	.featured-products, .blog-module, .review-module{margin: 100px 0;}
	.cta-balk, .footer, .over{padding: 100px 0;}
	.notfound{padding: 100px 0;}

	/* Galerij */
	.blok.galerij{padding: 100px 0;}
}
@media (min-width: 992px) {
	body{overflow-x:hidden;}
	.logo{display:block;}
	.column{column-count:2;column-gap:30px;}

	.navbar{text-align:center;display:inline-block;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul#menu-hoofdmenu{padding:0}
	.navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.navbar-collapse ul a{display:block;color:var(--zwart) !important;text-decoration:none;font-weight:400;font-size:20px;line-height:100%;padding:20px 0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 12px}
	.navbar-collapse ul li:last-of-type{padding-right:0;}
	.navbar-collapse ul li ul li:last-of-type{padding-right:20px;}
	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--groen) !important;border:none;}
	.navbar-collapse ul ul li.current-menu-item i{display:none}
	.navbar-collapse ul ul li.current-menu-item a{border-bottom:none}
	.navbar-collapse ul li a:hover{background:none !important;color:var(--groen) !important}
	.navbar-collapse ul li a:hover + i{}

	.navbar-collapse ul ul{display:none;position:absolute;top:100%;left:0;text-align:left;background-color:rgba(255,255,255,1);box-shadow:0 5px 10px rgba(0, 0, 0, .1);}
	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;}
	.navbar-collapse ul ul li:hover{background-color:var(--grijs-2)}
	.navbar-collapse ul ul a{padding:15px;color:var(--zwart) !important;text-shadow:none;white-space:nowrap;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-collapse ul li:hover > ul{display:block;z-index:1;}
	.navbar-nav li li li a {padding:15px}
	.navbar-brand{display:none}
	.navbar-nav li a i{line-height: 1.65;transition: none;font-size: 14px;}

	.over .over-img img{border-top-left-radius: 0;border-bottom-left-radius: 0;}

	.featured-products, .blog-module, .review-module{margin: 125px 0;}
	.notfound, .over{padding: 125px 0;}

	.sidebar{margin-top: 0;}

	.footer .tijden span{min-width: 110px;}

	/* Menu */
	.top{padding: 20px 0;}

	.menu-buttons{margin-left: 50px;}
	.menu-buttons .menu-btn{transition: all 100ms ease-in-out;}

	.menu-buttons .b2b-login{min-width: unset;max-width: unset;border-radius: 100px;}

	.contact-form .same-line .form-input-naam, .contact-form .same-line .form-input-telefoon{display: inline-flex;width: calc(50% - 15px);}
	.contact-form .send-row p{flex-direction: row-reverse;justify-content:end;}
}
@media (min-width: 1200px) {
	.navbar-collapse ul li{padding:0 20px}
	.menu-buttons{margin-left: 150px;}

	.footer .tijden span{min-width: 125px;}

	.navbar-collapse ul li{padding:0 15px;}

	.contact-form .form-row .left{padding-right: 12px !important;}
	.contact-form .form-row .right{padding-left: 12px !important;}

	/* Galerij */
	.blok.galerij :is(.item-1, .item-4, .item-7, .item-8) .img, .blok.galerij :is(.item-1, .item-4, .item-7, .item-8) .img img{height: 300px;}
	.blok.galerij :is(.item-2, .item-3, .item-5 , .item-6) .img, .blok.galerij :is(.item-2, .item-3, .item-5, .item-6) .img img{height: 624px;}
	.blok.galerij .img img{aspect-ratio: unset;}
}
@media (min-width: 1400px){
	.navbar-collapse ul li{padding:0 20px;}

	.widget.normal{padding: 50px;}

	/* Additional Bootstrap */
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1320px;}
	.flex-xxl-row{flex-direction: row !important;}
	.justify-content-xxl-between{justify-content: space-between !important;}
	.mt-xxl-0{margin-top: 0 !important;}
	.mb-xxl-0{margin-bottom: 0 !important;}
	.ml-xxl-3{margin-left: 16px !important;}
	.mr-xxl-3{margin-right: 16px !important;}
	.d-xxl-none{display: none !important;}
	.d-xxl-flex{display: flex !important;}
}