/*
Theme Name: Vizien v2.4.1.5
Author: Vizien
Author URI: https://www.vizien.nl/
Version: 2.4.1.5
Description: CTA's per objectcategorie
*/

:root{
	--animate-delay: 0.2s;
	--boxshadow:0 0 20px rgba(0,0,0,0.1);
	--boxshadow_hover:0 0 40px rgba(0,0,0,0.2);
	--transition:all 150ms ease-in-out;

	--zwart:#000;
	--wit:#FFF;
	
	--blauw:#003A65;
	--blauw-bg:#F2F5F7;
	--blauw-licht:#F8FBFE;
	--blauw-donker:#002D50;
	--blauw-alt:#6688A2;
	--groen:#BECF00;
}

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,caption,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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
*{line-height:1.75em;}
html,body{width:100%;font-family:'Open Sans', sans-serif;font-weight:400;font-size:16px;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(--blauw);text-decoration:underline;}
a:hover{color:var(--blauw);text-decoration:none}
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;}
.wp-caption{max-width:100%;}
p + ul{margin-top:30px;}
::target-text{background: #E1ECFF;}
sup{font-size:0.5rem;margin-right:5px;line-height:1;vertical-align:super;}

/* General */
.transition{transition:all 100ms ease-in-out;}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.objectfit_ie{background-size:cover;background-position:50%;}
.objectfit_ie img{width:100%;height:100%;object-fit:cover;display:block;}
.grecaptcha-badge{display:none;}
.clickable:hover{cursor:pointer;}
.w-fitcontent{width: fit-content;}

/* Nav */
.navigation{background-color:#1a171b}
.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.nav{padding:0 0 0 0}
.navbar-nav li a{text-decoration:none;color:var(--blauw-donker);display:block;font-size:16px;font-weight:600;padding:10px 25px;border-bottom: none;}
.navbar-nav li a i{float:right;transition:all 100ms ease-in-out;line-height: 1.75;padding-left: 10px;}
.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-collapse{background-color:transparent;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0;margin-left: 0;margin-right: 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* Menu */
.top{padding:10px 0;background-color:transparent;transition: var(--transition);position: relative;}
.m-logo{display: block;object-fit: contain;}

.oc-menu .navbar-nav ul.sub-menu{padding-left: 0;}
.oc-menu .navbar-nav li.menu-item-has-children a{padding:10px 25px;}
.oc-menu .navbar-nav li.menu-item-has-children li a{padding: 5px 25px 5px 45px;font-size: 14px;position: relative;font-weight: 400;}
.oc-menu .navbar-nav li.menu-item-has-children li:not(:last-child) a::after{content:'';bottom:0;left:25px;width: calc(100% - 50px);position: absolute;height: 1px;background: #D8E0E7;}
.oc-menu .navbar-nav li.menu-item-has-children li li a{padding: 5px 25px 5px 65px;}
.oc-menu .navbar-nav li a i{padding: 0 0 0 25px;color:var(--blauw-donker);}

.oc-toggler{margin: 0;padding: 14px 10px;border-radius: 5px;width: 44px;height: 44px;background: var(--blauw);border: none;transition: var(--transition);}
.oc-toggler span{width: 100%;height: 2px;background: #fff;}
.oc-toggler span:nth-child(3){width: 65%;}
.oc-close{border: none;background: transparent;color:#fff;font-size: 25px;padding: 5px 0 5px 5px;}

.oc-header{padding: 10px 25px;background: var(--blauw);}
.oc-body{padding: 0;background: #E5EBEF;}
.oc-body .buttons{margin: 40px 25px;}
.oc-body .buttons .oc-btn{border: 1px solid var(--blauw);border-radius: 10px;padding: 15px;font-size: 14px;font-weight: 600;text-decoration: none;}
.oc-body .search{margin:25px;}

.top.scrolled{box-shadow: 0 0 20px rgba(0,0,0,0.5);background: var(--blauw);}
.top.scrolled .oc-toggler{background: #fff;}
.top.scrolled .oc-toggler span{background: var(--blauw);}

/* Breadcrumbs */
.breadcrumbs{line-height:100%;margin: 0 0 30px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.breadcrumbs span{font-weight:400;font-size: 14px;color:#7F9CB1;}
.breadcrumbs span i{padding:0 8px;}
.breadcrumbs span a{text-decoration:none;color:#7F9CB1;}
.breadcrumbs span .breadcrumb_last{color:#CCD7E0;}
.breadcrumbs span i.fa-house{padding: 0;}

/* FAQ */
.faq #accordionGroup{width:100%;}
.faq .accordion-item{border:none;border-radius: 0 !important;background: transparent;border-bottom: 1px solid #002D5042;}
.faq .accordion-item:first-of-type{border-top: 1px solid #002D5042;}
.faq .accordion-header{padding:0;border:none;}
.faq .accordion-button:focus{box-shadow: none !important;border-color: rgba(0,0,0,0.5) !important;}
.faq h4{font-size:16px;font-weight:600;text-transform:none;margin:0;color: var(--blauw-donker);}
.faq h4 button{padding:20px 0;font-weight:600;font-size: 16px;line-height: 1.25;background: transparent;box-shadow: none !important;/*border-bottom: 1px solid rgba(0,0,0,0.5);*/}
.faq h4 button.collapsed{color:var(--blauw-donker);background-color:transparent;border-radius: 0 !important;box-shadow: none !important;}
.faq h4 button:after{content:none}
.accordion-button:not(.collapsed){color:var(--blauw-donker);background-color:transparent;box-shadow: none !important;border-radius: 0 !important;}

.faq .accordion-body{padding: 0 0 25px 0;}
.faq .accordion-body .leesmeer{display: block;width: fit-content;font-weight: bold;text-decoration: none;margin-top: 15px;font-size: 15px;}
.faq .accordion-body .leesmeer:hover i{transform: translateX(5px);}

.faq .accordion-button i{transition: var(--transition);margin-left: 25px;color: var(--blauw-donker);}
.faq .accordion-button .fa-minus{position: absolute;opacity: 0;right: 0;}
.faq .accordion-button:not(.collapsed) .fa-minus{opacity: 1;}
.faq .accordion-button:not(.collapsed) .fa-plus{opacity: 0;}

/* Footer */
.footer{background-color:#11476F;color:#fff;padding: 60px 0;}
.footer .social a,.social a{background-color:var(--zwart);color:#fff;width:40px;height:40px;border-radius:0;display: inline-flex;align-items: center;justify-content: center;font-size: 20px;}
.footer .logo{display: block;object-fit: contain;}
.social a + a{margin-left:5px;}
.footer h4{color:#fff;font-size:24px;font-weight: bold;margin-bottom: 24px;}
.footer a,.copyright a{color:#fff;text-decoration:none}
.footer ul.footernav{list-style:none;margin:0;padding:0}
.footer .footer-contact p a{display: block;width: max-content;}
.footer .footernav ul{margin: 0;padding: 0;}
.footer .footernav ul li{list-style-type: none;}
.footer .tekst :is(a, span){color: #fff !important;}

.footer ul{-webkit-columns: 2;columns: 2;}
.footer ul li{line-height: 30px;}
.footer ul li a{font-size: 16px;line-height: 30px;}

.footer .vests i{color: var(--groen);}

.footer .km{margin:0 25px 25px 0;}
.footer .km img{display: block;object-fit: contain;max-width: 125px;max-height: 50px;width: 125px;height: 50px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);object-position: 0% 50%;}

.copyright{color: #fff;line-height: 2;}
.copyright .divider{border-top: 1px solid rgba(255, 255, 255, 0.1);margin:45px 0;background: transparent !important;}
.copyright a.underline{text-decoration:underline;}
.copyright a.social{background-color:#26608B;color:#fff;width:30px;height:30px;border-radius:50%;font-size: 14px;color:#fff;margin-left: 5px;}
.copyright :is(span, a, strong){display: inline-block;white-space: nowrap;font-size: 16px;}
.copyright .copy span.split{margin: 0 10px;opacity: 0.25;}

/* Contact form */
.wpcf7-form :is(input[type="date"],input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],select,textarea){margin: 0 0 14px 0;padding: 12px 18px;border: 1px solid #E5EBEF;width: 100%;color: var(--blauw-donker);background-color: #fff;border-radius: 10px;}
select.wpcf7-not-valid,input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #ff0000 !important;}
.wpcf7-form :is(input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="text"],textarea)::placeholder{color: #b9b9b9 !important;}
.wpcf7-form textarea{height: 200px;}

.wpcf7-form select{appearance: none;-webkit-appearance:none;-moz-appearance:none;}
.wpcf7-form select{background-image: url(includes/ajax/angle-down-blauw.svg);background-position: calc(100% - 20px) 23px;background-size: 12px auto;background-repeat: no-repeat;}
/* .wpcf7-form select:is(:focus, :focus-visible, :focus-within){outline: none;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}
div.wpcf7-response-output{background-color:rgba(152,27,30,0.1);margin: 30px 0 0 0!important;line-height: 1.5;padding: 12px 15px !important;}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);}
span.wpcf7-not-valid-tip{display:none !important;}

.wpcf7-form .send-row button{border: none;padding: 10px 55px 10px 25px;margin-top: 0;}
.wpcf7-form .send-row p{display: flex;align-items: center;}
.wpcf7-form .send-row .wpcf7-spinner{margin-right: 0 !important;}

/* 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}

/* IE fixes */
.widget-area{width:100%}
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%;}

/* ---------------------------------- Extra ---------------------------------- */

/* Knoppen */
/*.knop{text-decoration: none;display: inline-flex;width: fit-content;align-items: center;justify-content: center;background: var(--blauw);color: var(--wit);border-radius:10px;transition: var(--transition);padding: 15px 25px;margin-top: 25px;border: none;}
.knop:hover{background: var(--blauw);color: var(--wit);}*/

/* Knoppen */
.knop{text-decoration: none;display: inline-flex;width: fit-content;align-items: center;justify-content: center;background: var(--blauw-donker);color: var(--wit);border-radius: 10px;transition: var(--transition);padding: 15px 55px 15px 25px;border: none;font-size: 16px;font-weight: 600;position: relative;}
.knop::after{content: '\f178';position: absolute;right: 25px;font-family: 'Font Awesome 6 Pro';font-weight: 400;transition:var(--transition);}
.knop:hover{color: var(--wit);}
.knop:hover:after{transform: translateX(5px);}

.knop.groen, .knop.groen:hover{background: var(--groen);color: var(--blauw);}

.knop-rand{text-decoration: none;display: inline-flex;width: fit-content;align-items: center;justify-content: center;background: var(--blauw);color: var(--wit);border-radius: 10px;transition: var(--transition);padding: 15px 25px;border: 1px solid var(--wit);font-size: 16px;font-weight: 600;position: relative;}
.knop-rand:hover{color: var(--wit);}

.knop-lijn{display: inline-flex;text-decoration: none;width: fit-content;align-items: center;justify-content: center;color: var(--blauw);position: relative;border-bottom: 2px solid var(--groen);font-weight: 600;margin-right: 20px;}
.knop-lijn::after{position: absolute;right: -20px;font-family: 'Font Awesome 6 Pro';font-weight: 400;content: '\f105';width: 40px;display: flex;justify-content: flex-end;transition: var(--transition);}
.knop-lijn:hover:after{transform: translateX(5px);}

.terug{font-size: 14px;color: #7F9CB1;text-decoration: none;display: flex;align-items: baseline;width: fit-content;margin-top: 25px;}
.terug:hover{color: #7F9CB1;}
.terug:hover i{transform: translateX(-3px);}

.wfc{width: fit-content;}

/* Fonts */
.tekst :is(p, li, a, span){font-size: 16px;line-height: 28px;color: var(--blauw-donker);font-weight: 400;}
.titel{margin:0 0 25px 0;color: var(--blauw-donker);line-height: calc(100% + 8px);font-weight: bold;font-size: 36px;}
.titel.groot{font-size: 45px;line-height: 61px;}
.subtitel{display: block;width: fit-content;color: var(--groen);font-size: 18px;line-height: 28px;font-weight: 600;}

.wit, .wit :is(p, li, a, span), .wit:hover{color: var(--wit);}
.groen :is(i, span), .titel strong{color: var(--groen);}

.tekst :is(h1,h2,h3,h4){margin:0 0 15px 0;color: var(--blauw-donker);line-height: calc(100% + 8px);font-weight: bold;}
.tekst :is(h1,h2){font-size: 28px;}
.tekst h3{font-size: 26px;}
.tekst h4{font-size: 24px;}

.tekst ul{padding: 0;margin: 20px 0;list-style-type: none;}
.tekst ul li{padding-left: 30px;position: relative;color: var(--blauw-donker);}
.tekst ul li::before{position: absolute;left:0;content:'\f058';font-family: 'Font Awesome 6 Pro';font-weight: 600;color: var(--groen);}
.tekst ul li + li{margin-top: 5px;}

.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}

/* Clamp */
.clamp{-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}
.clamp.two{-webkit-line-clamp: 2;}

/* Images */
.img-wrap{display: block;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.img-wrap.wide{aspect-ratio: 16/9;}
.img-wrap.high{aspect-ratio: 4/3;}
.img-wrap.square{aspect-ratio: 1;}
.img-wrap img{display: block;width: 100%;height: 100%;object-fit: cover;}

/* Page header */
.page-header{background-color: var(--blauw);position: relative;padding: 94px 0 90px 0;top:-64px;overflow-x:clip;margin-bottom: 30px;}
.page-header::before{content: "";position: absolute;left:-20px;right: 0;bottom: -80px;height: 130px;background: var(--blauw);transform: skewY(2deg);transform-origin: top center;z-index: -1;border-radius: 0 0 100px 100px;}
.streep{position: absolute;inset: 0;background: linear-gradient(285deg, #c2c2c21c, transparent);z-index: 0;background-repeat: no-repeat;transform: skewX(70deg);right: 0;top:100%;height:100%;mix-blend-mode:overlay;pointer-events:none;}
.streep1{transform: skewX(344deg) rotate(17deg);right:-60vw;top:90%;}
.streep2{transform: skewX(344deg) rotate(348deg);top:90%;}
.page-header .inner{background:var(--blauw-bg);padding: 30px;border-radius: 10px;}
.page-header .img-wrap{height: 350px;}

/* Vacatures */
/*.blok-top{position: relative;top:-100px;margin-bottom: -100px;}*/
.detail{border-radius: 5px;background: #E5EBEF;color: var(--blauw-donker);font-size: 12px;padding: 10px 15px;}

.ul-check{padding: 0;margin: 0;list-style-type: none;}
.ul-check li{padding-left: 30px;position: relative;color: var(--blauw-donker);}
.ul-check li::before{position: absolute;left:0;content:'\f058';font-family: 'Font Awesome 6 Pro';font-weight: 600;color: var(--groen);}
.ul-check li + li{margin-top: 10px;}

.vac-usp .icon{min-width:35px;max-width:35px;}
.vac-usp .icon i{font-size: 24px;color: var(--blauw-donker);position: relative;top:3px;}
.vac-usp strong{font-size: 16px;line-height: 28px;color: var(--blauw-donker);}

:is(.banner, .vac-banner) .inner{background: var(--blauw);padding: 30px;border-radius: 10px;}
:is(.banner, .vac-banner) .img-wrap{position: absolute;top: -30px;left: -30px;border-radius: 10px 0 0 10px;height: calc(100% + 60px);width: calc(100% + 50px);clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);}
.page-header .inner .img-wrap{position: relative;bottom: 0px;left: -42px;border-radius: 0 0 10px 10px;height: calc(100% + 30px);width: calc(100% + 84px);clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);}
:is(.banner, .vac-banner) h2{font-size: 28px;margin-bottom: 20px;}

.modal h3{font-size: 20px;font-weight: bold;color: var(--blauw-donker);}
.modal button.close{background: transparent;border: none;margin: 0;font-size: 24px;color: var(--blauw-donker);padding: 0 5px 0 10px;}
.modal .modal-dialog{max-width: 600px;}
.modal .modal-header{border-bottom: 0;background: #F9FAFB;padding: 25px 25px 15px 25px;}
.modal .modal-body{background: #F9FAFB;border-radius: 0 0 10px 10px;padding: 0 25px 30px 25px;}

.vac-item{background-color: var(--blauw-bg);padding: 30px;border-radius: 10px;overflow: hidden;}
.vac-item h2{font-size: 24px;}
.vac-item a.bekijk{text-decoration: none;font-weight: 600;}
.vac-item:hover a.bekijk i{transform: translateX(5px);}

/* Nieuws */
.leestijd{position: absolute;z-index: 3;bottom: 30px;left: 30px;background: #003A659E;border-radius: 10px;padding: 10px 15px;font-size: 14px;color: #fff;}
.widget{background-color: var(--blauw-bg);border-radius: 10px;overflow: hidden;padding: 30px 30px 50px 30px;position: relative;}
.widget::after{position: absolute;content: '';bottom: -30px;left: 0;background: var(--groen);width: 100%;height: 50px;transform: rotate(-2deg);}
.widget h4{font-size: 20px;}
.widget .tekst p{font-size: 14px;line-height: 24px;}

.flex-content .flex-item{margin: 40px 0;}
.flex-content .flex-item:first-child{margin: 0 0 40px 0;}
.flex-content .flex-item:last-child{margin: 40px 0 0 0;}

.related .bg{position: absolute;z-index: -1;width: 100%;height: 100%;top:0;left:0;}
.related .bg::after{content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgb(255,255,255);
background: linear-gradient(128deg, rgba(255,255,255,0.6082808123249299) 0%, rgba(0,58,101,0.6026785714285714) 100%);}
.related .bg img{display: block;width: 100%;height: 100%;object-fit: cover;}

.nieuws-item .content{position: absolute;bottom: 0;left: 0;padding: 40px 30px 30px 30px;width: 100%;background: rgb(0, 0, 0);background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);border-radius: 0 0 10px 10px;}
.nieuws-item h4{font-size: 20px;}
.nieuws-item:hover .content i{transform: translateX(5px);}

/* FAQ's */
.faq-banner .inner{background: var(--blauw-bg);padding: 50px 18px 80px 18px;border-radius: 10px;position: relative;overflow: hidden;}
.faq-banner .inner::before{position: absolute;content: '';width: calc(100% + 20px);height: 100px;background: #fff;left: -20px;bottom: -10px;transform: rotate(4deg);z-index: 0;}
.faq-banner .inner::after{position: absolute;content: '';width: calc(100% + 100px);height: 130px;background: var(--blauw);bottom: -70px;left: 0;z-index: 1;transform: rotate(-4deg);}

.related-faqs{display: block;width: 100%;margin-top: 75px;padding-top: 75px;border-top: 1px solid #ededed;}
.related-faqs h2{font-size: 28px;}

.faq-blok .inner{border-radius: 10px;padding: 40px 18px 50px 18px;background: var(--blauw-bg);}

/* Projecten */
.tags .tag{background: var(--blauw-alt);border-radius: 10px;padding: 12px 20px;color: #fff;font-size: 14px;font-weight: 600;}
.sp-blok{border-radius: 10px;padding: 25px;}
.sp-blok h3{font-size: 28px;margin-bottom: 15px;}
.sp-blok.licht{background: var(--blauw-bg);}
.sp-blok.donker{background: var(--blauw);}

.project-item .content{position: absolute;bottom: 0;left: 0;padding: 30px;width: 100%;border-radius: 0 0 10px 10px;background: var(--blauw);clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);}
.project-item .content h4{font-size: 20px;font-weight: 600;line-height: 24px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.project-item:hover img{transform: scale(1.05);}
.project-item:hover i{transform: translateX(5px);}

/* Project blok */
.project-blok .img-wrap{max-height: 300px;border-radius: 10px 10px 0 0;}
.project-blok .content{padding: 30px;background: var(--blauw-bg);border-radius: 0 0 10px 10px;}
.project-blok .content .titel{font-size: 24px;line-height: 32px;}
.project-blok .tags{position: absolute;top:0;left:0;z-index: 3;padding: 30px;}
.project-blok .tag{background-color: rgba(255, 255, 255, 0.7);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);color: var(--blauw-donker);font-size: 14px;font-weight: 600;}

.project-blok:hover img{transform: scale(1.05);}
.project-blok:hover .knop::after{transform: translateX(5px);}

.pr-galerij a{border-radius: 10px;overflow: hidden;display: block;width: 100%;height: 100%;}
.pr-galerij a img{aspect-ratio: 4/3;object-fit: cover;display: block;width: 100%;height: 100%;}

/* Klantverhalen */
.swiper-kv{width: calc(100% + 24px) !important;left: -12px;}
.swiper-kv .swiper-slide{transition: var(--transition);}
.swiper-kv :is(.swiper-slide-prev, .swiper-slide-next){opacity: 0.25;}

.swiper-kv .nav-row{position: absolute;left: 0;right: 0;margin: 0 auto !important;width: 100%;height: fit-content;}
.swiper-kv .nav-btn.prev{left:0;position: relative;top:10px;}
.swiper-kv .nav-btn.next{right: 0;position: relative;top:10px;}

.kv-item .img-wrap{border-radius: 10px 10px 0 0;position: relative;}
.kv-item .tags{position: absolute;top:0;left:0;width: 100%;height: fit-content;padding: 30px;}
.kv-item .tags .tag{background-color: rgba(255, 255, 255, 0.7);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);color: var(--blauw-donker);}
.kv-item .content{background: var(--blauw-bg);border-radius: 0 0 10px 10px;padding: 30px;}
.kv-item .content h3{font-size: 28px;}

.kv-item:hover img{transform: scale(1.05);}
.kv-item:hover .knop::after{transform: translateX(5px);}

/* Diensten */
.stappen .accordion-item button{line-height: 24px;}
.stappen .accordion-item .number{display: inline-flex;align-items: center;justify-content: center;background: var(--blauw);color: var(--wit);border-radius: 50%;min-width: 28px;min-height: 28px;max-width: 28px;max-height: 28px;font-weight: 400;margin-right: 15px;}

/*.blok-diensten{background:url('images/gradient-diensten.svg') no-repeat;}*/
.blok-diensten.tax{padding-bottom:60px;}

/* Vestigingen */
.kaart :is(#maps, #maps iframe){height: 440px;border-radius: 10px;}

.vest-item{overflow: hidden;border-radius: 10px;background: var(--blauw-bg);padding: 30px;box-shadow: 0px 3px 6px #0000001A;border-bottom: 2px solid var(--groen);}
.vest-item h2{font-size: 24px;font-weight: 600;margin-bottom: 10px;}

.vest-data strong{font-size: 24px;font-weight: 600;margin-bottom: 5px;line-height: 40px;}

/* Medewerkers */
.loc :is(span, i), .specs span{line-height: 24px;}
.specs span{opacity: 0.65;}

.mw-item .content{position: absolute;bottom: 0;left: 0;width: 100%;padding: 50px 30px 30px 30px;background: rgb(0, 0, 0);background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);overflow: hidden;border-radius: 10px;}
.mw-item .content strong{font-size: 18px;line-height: 22px;font-weight: 600;margin-bottom: 5px;}
.mw-item .content .tekst span{line-height: 18px;font-size: 14px;}

.mw-item a.pijl{display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--blauw);color: var(--wit);min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;margin-left: 25px;position: relative;top: -4px;}
.mw-item:hover img{transform: scale(1.05);}
.mw-item:hover a.pijl i{transform: rotate(-45deg);}

/* AJAX filter */
select#filter{appearance: none;-webkit-appearance: none;-moz-appearance: none;}
select#filter{font-size: 16px;line-height: 26px;border: 1px solid #CCD7E0;border-radius: 15px;padding: 12px 50px 12px 20px;background-image: url(includes/ajax/angle-down-blauw.svg);background-position: calc(100% - 20px) 21px;background-size: 12px auto;background-repeat: no-repeat;color: var(--blauw);}
select#filter:focus, select#filter:focus-within, select#filter:focus-visible{border:1px solid var(--blauw) !important;outline: none;box-shadow: none;}

.loading::after{position: absolute;top: 24px;left: 12px;z-index: 999;width: calc(100% - 24px);height: calc(100% - 24px);background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;content: '';background-image: url(includes/ajax/loader.svg);background-repeat: no-repeat;background-size: 80px 80px;background-position: 50% 50%;border-radius: 10px;}

/* Agenda */
.agenda-widget .img-wrap{border-radius:10px 10px 0 0;}
.agenda-widget .content{background: var(--blauw-bg);padding: 30px;border-radius: 0 0 10px 10px;}
.agenda-widget .item{border-bottom: 1px solid #003A6521;}
.agenda-widget .item span{font-size: 16px;line-height: 34px;color: var(--blauw-donker);}
.agenda-widget .item span:first-child{font-weight: 600;}
.agenda-widget .item span i{min-width: 26px;max-width: 26px;}
.agenda-widget .item span:last-child{margin-left: 25px;}

.agenda-item{overflow: hidden;border-radius: 10px;}

.agenda-item .img-wrap{background: #e3e3e3;}
.agenda-item img{object-fit: scale-down;object-position: 50% 0%;}

.agenda-item .info{position: absolute;bottom: 0;left: 0;width: 100%;height: auto;background-color: rgba(255, 255, 255, 0.7);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);}
.agenda-item .info .right{padding: 20px;width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:var(--blauw);}
.agenda-item .info .left{/*background: var(--groen);*/padding: 20px 25px 20px 20px;white-space: nowrap;font-size: 14px;line-height: 24px;font-weight: 600;color: var(--blauw);position: relative;}
.agenda-item .info .left::before{position: absolute;left:0;top:0;width: calc(100% - 30px);height:100%;background: var(--groen);content: '';z-index: -1;}
.agenda-item .info .left::after{position: absolute;top: 0;right: 0;content: '';background-image: url(images/agenda.svg);background-repeat: no-repeat;background-size: contain;background-position: 100% 50%;z-index: -1;height: 64px;width: 64px;}
.agenda-item .info .left i{padding-right: 5px;}
.agenda-item .info h4{display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;line-height: 24px;font-weight: 600;}

.agenda-item:hover img{transform: scale(1.05);}
.agenda-item:hover h4 a i{transform: translateX(5px);}

#agendaModal .info-wrap{background: #6688a21c;padding: 12px 18px;border-radius: 10px;margin: 5px 0 20px 0;}
#agendaModal .info-wrap strong{color:var(--blauw-donker);display: block;width: fit-content;font-size: 16px;line-height: 24px;margin-bottom: 5px;}
#agendaModal .info-wrap .items span{font-size: 14px;line-height: 24px;margin-right: 20px;color: var(--blauw-donker);}
#agendaModal .info-wrap .items i{color: var(--groen);min-width: 22px;max-width: 22px;}
/*#agendaModal select{color: #b9b9b9 !important;}
#agendaModal select option{color: var(--blauw-donker) !important;*/}

/* Contact */
.form-wrap.rand{border-radius: 10px;background: #F9FAFB;padding: 30px;}
.form-wrap.rand .send-row p{flex-direction: row-reverse;}
.form-wrap.rand .send-row p .wpcf7-spinner{margin-right: 24px !important;}

/* Standaard pagina */
.usps .usp .icon{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;background: var(--wit);border-radius: 10px;}
.usps .usp .icon i{color: var(--groen);font-size: 20px;}
.usps .usp span{color: var(--blauw-donker);font-weight: 600;font-size: 16px;line-height: 24px;margin-left: 15px;}

/* Policy/sitemap/404 */
.main-content ul li{padding-left: 20px;}
/*.main-content ul li::before{content:'\e122';font-size: 12px;}*/
.main-content :is(h2,h3,h4){margin: 40px 0 20px 0;color: var(--blauw-donker);line-height: calc(100% + 8px);font-weight: bold;font-size: 24px;}

/* Homepage */
.home-header{top:-64px;margin-bottom: -64px;padding: 125px 0;}
.home-header .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;}
.home-header .bg img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-filter: brightness(0.7);filter: brightness(0.7);}
.home-header .usps .usp span{color: var(--wit);}
.home-header .usps .usp .icon{background-color: rgb(168 201 172 / 25%);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);}
.home-header .usps .usp i::after{color: #FFF;opacity: 1;}

/* Blok gradient */
.blok-gradient{position: relative;overflow: hidden;}
.blok-gradient :is(.row,.container){position: relative;z-index: 3;}
.blok-gradient::before{position: absolute;content: '';width: 100%;height: 100px;background: #E9F0BC;left: 0;bottom: 0;z-index: 1;clip-path: polygon(0 0, 0% 100%, 100% 100%);pointer-events: none;}
.blok-gradient::after{position: absolute;content:'';width: 50%;height: 120px;background: #003A65;right: 0;bottom: 0;z-index: 2;clip-path: polygon(0 100%, 100% 100%, 100% 0);pointer-events: none;}

/* Swipers */
.swiper{position: relative;width: 100%;overflow: hidden;padding-bottom: 35px;}

.nav-btn{background: var(--groen);min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;border-radius: 50%;transition: var(--transition);box-shadow: 0px 5px 10px rgba(0,0,0,0.25);top:calc(50% - 25px);}
.nav-btn.swiper-button-disabled{opacity: 0;}
.nav-btn::after{content:'\f105';font-family: 'Font Awesome 6 Pro';color: #fff;font-weight: 400;font-size: 22px;}
.nav-btn.prev::after{transform: rotate(180deg);}

.nav-scroll{width: 100% !important;left: 0 !important;bottom: 0 !important;background: #becf0030;}
.nav-scroll .swiper-scrollbar-drag{background: var(--groen);}

/* Overeenkomsten */
.form-wrap.ok .akkoord .wpcf7-acceptance .wpcf7-list-item{margin-left: 0;}
.form-wrap.ok .akkoord .wpcf7-acceptance .wpcf7-list-item label{display: flex;align-items: baseline;line-height: 24px;color: var(--blauw-donker);}
.form-wrap.ok .akkoord .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label{margin-left: 10px;}
.form-wrap.ok .akkoord input[type="checkbox"]{accent-color: var(--blauw);}
.form-wrap.ok .akkoord span.blauw{color: var(--blauw-donker);font-weight: 600;}

/* Aanbod - Single */
.aanbod-header .postcode{color: var(--groen);font-size: 16px;display: block;margin: 10px 0 15px 0;}
.aanbod-header .object-info .item{margin:0 15px 15px 0;}
/*.aanbod-header .object-info .item + .item{margin-left:24px;}*/
.aanbod-header .object-info .item i{color: var(--groen);}
.aanbod-header .prijs{font-size: 24px;font-weight: 600;}

.aanbod-buttons .knop{padding: 15px 25px;}
.aanbod-buttons .knop::after{display: none;}
.aanbod-buttons .knop.ghost{background: #fff;border: 1px solid var(--blauw-donker);color: var(--blauw-donker);}

.aanbod-media{position: relative;top: -80px;margin-bottom: -80px;}

.swiper-aanbod{width: 100%;overflow: hidden;position: relative;border-radius: 10px;}
.swiper-aanbod .swiper-slide a{display: block;width: 100%;height:100%;overflow: hidden;border-radius: 10px;}
.swiper-aanbod .swiper-slide a img{display: block;object-fit: cover;aspect-ratio: 4/3;width: 100%;height:100%;}
.swiper-aanbod .nav-btn{top: 50%;background: var(--blauw);}

.aanbod-content .excerpt{-webkit-line-clamp: 10;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;color:var(--blauw-donker);}
.aanbod-content .excerpt:not(.show)::after{position: absolute;width: 100%;height: 75%;content: '';background: #FFF;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);bottom: 0;transition: var(--transition);left:0;}
.aanbod-content .excerpt.show{-webkit-line-clamp: unset;overflow: unset;}
.aanbod-content .leesmeer{padding: 15px 50px 15px 25px;position: absolute;bottom: 0;left:0;right: 0;margin: 0 auto;z-index: 3;}
/* .aanbod-content .leesmeer::after{content:'\f063';} */

.aanbod-content :is(.leesmeer, .knop.download):hover:after{transform: unset;}
/*.aanbod-content .leesmeer.rotate::after{transform: rotate(180deg);}*/

.aanbod-content .kenmerk:first-of-type{border-top: 1px solid rgb(0 58 101 / 10%);}
.aanbod-content .kenmerk{padding: 20px 0;color: var(--blauw-donker);border-bottom: 1px solid rgb(0 58 101 / 10%);}
.aanbod-content .kenmerk :is(strong, span){width: 50%;}
.aanbod-content .kenmerk span{line-height: 22px;}

.aanbod-content .knop.download{padding: 15px 25px 15px 55px;}
.aanbod-content .knop.download::after{content:'\f019';right: unset;left:25px;font-weight: 900;}

.aanbod-widget{background: var(--groen);border-radius: 10px;padding: 30px;top: 140px;z-index: 999;}
.aanbod-widget .maps{width: 100%;height: 175px;background: #fff;border-radius: 10px;overflow: hidden;/*margin-bottom: 25px;*/}
.aanbod-widget .maps #map{height: 175px;}
.aanbod-widget h4{font-size: 22px;line-height: 28px;margin-bottom: 20px;margin-top: 25px;}

.aanbod-widget .data{margin:20px 0;color:var(--blauw-donker);}
.aanbod-widget .data dl{display:grid;grid-template-columns: 1fr 1fr;gap:0;}
.aanbod-widget .data dd,dt{padding:10px 0;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.aanbod-widget .data dt{font-weight:700;}

#bezichtigingModal .f-strong{display: block;color: var(--blauw-donker);margin: 10px 0;}
#bezichtigingModal p:has(.f-note){line-height: 100%;}
#bezichtigingModal .f-note{color: var(--blauw-donker);font-size: 12px;line-height: 18px;margin-top: 14px;display: block;padding: 0 18px;}

.contactpersoon i{color: var(--blauw-donker);}
.contactpersoon .knop{padding: 15px 25px;}
.contactpersoon .knop::after{display: none;}

.swiper-plattegrond{width: 100%;overflow: hidden;position: relative;height: fit-content;margin-top: 35px;}
.swiper-plattegrond::after{pointer-events: none;position: absolute;width: 75px;height: 100%;top: 0;right: 0;content: '';z-index: 5;background: rgb(255, 255, 255);background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.swiper-plattegrond .swiper-slide img{aspect-ratio: 1;display: block;object-fit: scale-down;border: 1px solid var(--blauw-donker);padding: 20px;border-radius: 10px;}
.swiper-plattegrond .nav-btn{top: 50%;background: var(--blauw);}

.widget.zoekservice{}
.widget.zoekservice h4{font-weight:700;font-size:22px;line-height:28px;margin-bottom:20px}

/* Pagination */
.no-posts{border-radius: 10px;background: var(--blauw-bg);padding: 30px;}

.custom-pag{overflow-x: auto;overflow-y: hidden;margin-top: 35px;}
.custom-pag ul.page-numbers{margin: 0;padding: 0;list-style-type: none;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
.custom-pag li:first-of-type :is(a, span){margin-left: 0;}
.custom-pag ul.page-numbers{margin-bottom: 0 !important;}

.custom-pag a,.custom-pag span.current{text-decoration: none;display: inline-flex;align-items: center;justify-content: center;min-width: 38px;max-width: 38px;min-height: 38px;max-height: 38px;background: #fff;border-radius: 50%;margin: 0 5px;font-size: 16px;font-weight: 400;color: #b7c6d1;border: 1px solid #b7c6d1;transition: var(--transition);}
.custom-pag span.current{color: var(--blauw-donker);background: #fff;border:1px solid var(--blauw-donker);}
.custom-pag :is(.next,.prev){background: var(--groen);color: #fff;;}
.custom-pag .page-numbers.dots{display: inline-flex;align-items: center;justify-content: center;width:38px;height: 38px;margin: 0 5px;color:#b7c6d1;}

/* Aanbod item */
.aanbod-item{overflow: hidden;border-radius: 10px;}
.aanbod-item:hover img{transform: scale(1.025);}

.aanbod-item .wrap{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.aanbod-item .wrap::after{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 40%);}
.aanbod-item .wrap img{display: block;object-fit: cover;aspect-ratio: 4/3;width: 100%;height: 100%;transition: var(--transition);}

.aanbod-item .wrap .status{position: absolute;z-index: 3;top:30px;right: 30px;border-radius: 3px;font-size: 12px;padding: 7px 13px;color: #fff;/*background: rgba(255,255,255,0.2);border:1px solid #fff;*/}
.page-header .status{position: relative;border-radius: 3px;font-size: 12px;padding: 7px 13px;color: #fff;width: fit-content;height: fit-content;}

:is(.aanbod-item .wrap, .page-header) .status.beschikbaar{background: #a3b101;}
:is(.aanbod-item .wrap, .page-header) .status.onder-bod{background: #c7b900;}
:is(.aanbod-item .wrap, .page-header) .status.verkocht-onder-voorbehoud{background:#cd8500;}
:is(.aanbod-item .wrap, .page-header) :is(.status.verkocht, .status.verkocht-bij-inschrijving){background: #8f0101;}

.aanbod-item .info{padding: 30px;background: var(--blauw-bg);}
.aanbod-item h4{color: var(--blauw-donker);font-weight: 600;font-size: 20px;}
.aanbod-item .plaats{color: var(--blauw-alt);font-size: 16px;display: block;margin: 10px 0 15px 0;}
.aanbod-item .object-info .item{margin:0 15px 15px 0;color: var(--blauw-donker);}
.aanbod-item .object-info .item i{color: var(--groen);}
.aanbod-item .prijs{font-size: 20px;font-weight: 600;color: var(--blauw-donker);}

/* Aanbod - zoeken */
.zoeken{background: rgb(190 207 0 / 85%);padding: 30px;border-radius: 10px;}
.zoeken h3{font-size: 28px;line-height: 100%;}
.zoeken div.count{font-size: 16px;line-height: 22px;color: var(--blauw-donker);}

.zoeken form select{-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.zoeken form select{font-size: 16px;line-height: 26px;color: var(--blauw);border-radius: 5px;background: #fff;box-shadow: 0px 3px 6px #0000000D;border: none;padding: 10px 45px 10px 15px;background-image: url(images/angle-down.svg);background-position: calc(100% - 15px) 20px;background-size: 12px auto;background-repeat: no-repeat;}
.zoeken form :is(input[type="search"], input[type="text"]){font-size: 16px;line-height: 26px;color: var(--blauw);border-radius: 5px;background: #fff;box-shadow: 0px 3px 6px #0000000D;border: none;padding: 10px 15px;}
.zoeken form :is(input[type="search"], input[type="text"])::placeholder{color:#7F9CB1;}
.zoeken button{text-decoration: none;display: inline-flex;width: fit-content;align-items: center;justify-content: center;background: var(--blauw-donker);color: var(--wit);border-radius: 5px;transition: var(--transition);padding: 15px 25px;border: none;font-size: 16px;font-weight: 600;position: relative;}

.zoeken button.disabled{pointer-events: none;opacity: 0.5;}
/* Search */
.zoeken form input[type="text"]{padding: 10px 45px 10px 15px;}
.laden{position: absolute;top: calc(50% - 8px);right: 15px;visibility: hidden;opacity: 0;color: var(--blauw);}
.laden.show{opacity: 1;visibility: visible;}

.search_result{position: absolute;top:55px;left:0;width: 100%;height: fit-content;background: var(--wit);z-index:99;opacity: 0;visibility: hidden;transition: var(--transition);}
.search_result ul{list-style-type: none;margin: 0;padding: 0;}
.search_result ul li.list-header{margin-bottom: 10px;background: #f1f1f1;padding: 10px 20px;color: var(--blauw-donker);font-size: 16px;
    font-weight: 700;}
.search_result ul li:last-of-type{margin-bottom: 10px;}
.search_result ul :is(span.list-result, .link-result a){padding: 5px 20px;color: var(--blauw-donker);font-size: 16px;display: block;width: 100%;transition: var(--transition);line-height: calc(100% + 10px);text-decoration: none;}
.search_result .scroll-results{overflow-y: scroll;max-height: 250px;padding-top: 10px;}

.show-results{opacity: 1;visibility: visible;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);border-radius: 10px;overflow-x: hidden;}

.empty-results{background: #f6f6f6;padding: 10px 20px;}
.empty-results i{color: darkred;}

.empty-results.large{padding: 40px;border-radius: 10px;}

.ajax-results :is(span, button){display: inline-flex;align-items: center;justify-content: center;font-size: 16px;text-decoration: none;font-weight: 600;}
.ajax-results :is(.results, .bull){color: var(--blauw-donker);}
.reset-filters{text-decoration: none;color: darkred;background: transparent;border: none;padding: 0;transition: var(--transition);}
.reset-filters > i{margin-left: 8px;}
.reset-filters:hover{opacity: 0.75;}

.search_result .scroll-results::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px transparent;background-color: transparent;}
.search_result .scroll-results::-webkit-scrollbar{width: 6px;background-color:#F6F6F6;}
.search_result .scroll-results::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px transparent;background:#B7B7B7;}

/* Zoekservice */
.page-template-zoekservice .tekst.wit ul{margin: 0;}
.page-template-zoekservice .tekst.wit ul li{color: var(--wit);}

.page-template-zoekservice .zoekservice-wrap{background: var(--blauw-bg);padding: 30px;border-radius: 15px;}
.page-template-zoekservice .zoekservice-wrap h4{color: var(--blauw-donker);}
.page-template-zoekservice .zoekservice-wrap .wpcf7-form .woonplaatsen .select2-selection{margin: 0 0 14px 0;padding: 12px 18px;border: 1px solid #E5EBEF;width: 100%;color: var(--blauw-donker);background-color: #fff;border-radius: 10px;min-height: 54px;max-height: 54px;display: flex;align-items: center;background-image: url(includes/ajax/angle-down-blauw.svg);background-position: calc(100% - 20px) 23px;background-size: 12px auto;background-repeat: no-repeat;}
.page-template-zoekservice .zoekservice-wrap .wpcf7-form .woonplaatsen input.select2-search__field{margin-top: 0 !important;}
.page-template-zoekservice .zoekservice-wrap .wpcf7-form .woonplaatsen input.select2-search__field::placeholder{color: var(--blauw-donker);}
.page-template-zoekservice .zoekservice-wrap .wpcf7-form .woonplaatsen .select2-selection__clear{padding: 0;background: darkred;color: #fff;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 20px;margin: 0 0 0 20px;position: relative;right: 30px;top: 3px;}
.page-template-zoekservice .zoekservice-wrap .wpcf7-form .woonplaatsen ul.select2-selection__rendered{padding: 0;}
.page-template-zoekservice .zoekservice-wrap .wpcf7-form .woonplaatsen ul.select2-selection__rendered li{margin: 0 10px 0 0;}
.page-template-zoekservice .zoekservice-wrap .wpcf7-form .woonplaatsen ul.select2-selection__rendered li:has(span.select2-selection__choice__remove){margin: 0 10px 0 0;font-size: 14px;background: var(--blauw-bg);}

/* Zoekfilters - aanbod */
a.toggle-filters, #offcanvasFilters #apply-filters{display: flex;align-items: center;justify-content: center;width: fit-content;height: fit-content;text-decoration: none;background: var(--blauw-donker);color: #fff;border-radius: 5px;transition: var(--transition);padding: 15px 25px;font-weight: 600;}

#offcanvasFilters .offcanvas-header{background: var(--blauw-donker);justify-content: space-between;}
#offcanvasFilters .offcanvas-title{color: #fff;font-weight: 600;font-size: 20px;}
#offcanvasFilters .close{border: none;padding: 0;margin: 0;color: #fff;background: transparent;font-size: 24px;}

#offcanvasFilters .extra-filters .filter-item{background: #f7f7f7;border-radius: 10px;padding: 15px 20px;}
#offcanvasFilters .extra-filters strong{display: block;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);color: var(--blauw-donker);}
#offcanvasFilters .extra-filters .filter-radio{display: flex;flex-direction: row;align-items:center;line-height: 28px;}
#offcanvasFilters .extra-filters .filter-radio input[type="radio"]{margin-right: 10px;accent-color: var(--blauw);}
#offcanvasFilters #apply-filters{border: none;background: var(--groen);}
#offcanvasFilters .offcanvas-footer{box-shadow:0 -5px 20px 0 rgba(0, 0, 0, 0.1);}
/*#offcanvasFilters #reset-filters{border:none;background: darkred;}*/

#offcanvasFilters .filter-btn.disabled{pointer-events: none;opacity: 0.5;}

#offcanvasFilters .extra-filters.disabled{pointer-events: none;opacity: 0.4;user-select: none;}

/* Margings/paddings */
.blok{margin: 60px 0;}
.blok-p{padding: 60px 0;}
.blok-xl{margin:100px 0;}
.blok-p-xl{padding:100px 0;}
.blok-blauw{background-color: var(--blauw-bg);}

/*.bg-grijs::before{content:'';top:0;left:0;width: 100%;z-index: -1;position: absolute;background: #F9FAFB;height: 80%;}*/
.bg-grijs::before{content: '';top: -120px;left: 0;width: 100%;z-index: -2;position: absolute;background: #F9FAFB;height: 100%;}

.mt-35{margin-top: 35px !important;}
.mb-35{margin-bottom: 35px !important;}

/* Campagnes */
.single-campagnes .tekst.wit ul li{color: var(--wit);}

/* Sollicitatieformulieren */
.wpcf7-form input[type=file]{position: relative;width: 100%;padding: 10px 65px 10px 15px;margin: 0 0 14px 0;background: #fff;color: var(--blauw-donker);border: 1px solid #E5EBEF;border-radius: 10px;transition: var(--transition);}

.wpcf7-form input::file-selector-button{display: none !important;}
.wpcf7-form input[type=file]::before{position: absolute;background: #fff;display: inline-flex;align-items: center;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;width: 100%;left: 0;top: 0;padding: 10px 65px 10px 15px;color: #b9b9b9 !important;transition:var(--transition);}

.wpcf7-form input[type=file].file-cv::before{content:'CV *';}
.wpcf7-form input[type=file].file-brief::before{content:'Motivatiebrief';}

.wpcf7-form input[type=file]::after{transition: var(--transition);content: '\e09a';font-family: 'Font Awesome 6 Pro';display: inline-flex;position: absolute;right: 0;padding: 0;width: 50px;align-items: center;justify-content: center;color: #fff;top: 0;height: 100%;font-weight: 300;background: var(--blauw);font-size: 24px;border-radius: 10px 0 0 10px;}

.wpcf7-form input.file-selected[type=file]::before{content:'';background: transparent;}
.wpcf7-form input.file-selected[type=file]::after{content:'\f058';}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px) {
	/* Klantverhalen */
	.swiper-kv{width: 100vw !important;left: calc((-100vw + 540px - 30px) / 2);}
	.swiper-kv .nav-row{width: 540px;}
}
@media (min-width: 768px) {
	/* Footer */
	.footer ul{-webkit-columns:2;columns:2;}

	/* Form */
	.form-wrap .left{padding-right: 7px !important;}
	.form-wrap .right{padding-left: 7px !important;}

	/* Page header */
	/*.page-header{margin-bottom: 11px;}*/

	/* FAQ */
	.faq-banner .inner::after{bottom: -60px;}

	/* Klantverhalen */
	.swiper-kv{left: calc((-100vw + 720px - 30px) / 2);}
	.swiper-kv .nav-row{width: 720px;}

	.kv-item.large{background:var(--blauw-donker);overflow: hidden;border-radius: 10px;}
	.kv-item.large .img-wrap{border-radius: 10px 0 0 10px;clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);aspect-ratio: 16/10 !important;}
	.kv-item.large .content{border-radius: 0 10px 10px 0;background: transparent;}
	.kv-item.large .content :is(h3, .tekst p){color: var(--wit) !important;}
	.kv-item.large .knop{background: var(--groen);color: var(--blauw-donker);}
	.kv-item.large .tags .tag{background-color: rgb(102 136 162 / 70%);color: var(--wit);}

	/* Homepage */
	.home-header{padding: 175px 0;}

	/* Zoekservice */
	.page-template-zoekservice .zoekservice-wrap{padding: 50px;}
	.page-template-zoekservice .zoekservice-wrap .wpcf7-form .col-md-6:nth-child(odd){padding-right: 7px !important;}
	.page-template-zoekservice .zoekservice-wrap .wpcf7-form .col-md-6:nth-child(even){padding-left: 7px !important;}
	
	/* Margings/paddings */
	.blok{margin: 75px 0;}
	.blok-p{padding: 75px 0;}
	.blok-xl{margin:125px 0;}
	.blok-p-xl{padding:125px 0;}
}
@media (min-width: 992px) {
	/* Menu (desktop) */
	.navbar{text-align:center;display:inline-block;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul.nav{padding:0;margin-top:0;}

	.navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.navbar-collapse ul a{display:block;color:var(--wit) !important;text-decoration:none;font-weight:600;font-size:16px;line-height:100%;padding:0;border:none;margin:0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0 20px;padding:0;}
	.navbar-collapse > ul > li:last-of-type{margin-right: 0;}
	/*.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--blauw) !important;border:none}*/
	.navbar-collapse ul li.current-menu-item>a{color:var(--wit) !important;}
	.navbar-collapse ul.sub-menu li.current-menu-item>a{color:var(--blauw) !important;}
	/*.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 ul{display:block;position:absolute;top:calc(100% + 43px);left:-20px;text-align:left;background-color:#fff;border-radius: 15px;transform: translateY(25px);opacity: 0;z-index:-999;pointer-events: none;transition: var(--transition);padding: 15px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
	.navbar-collapse ul ul::before{content:'';z-index:-1;width: 100%;height: 43px;top:-43px;left:0;position: absolute;}
	.navbar-collapse ul li:hover > ul{z-index:999;opacity: 1;pointer-events: initial;transform: translateY(0);}

	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;padding: 0;margin: 0;}
	.navbar-collapse ul ul a{padding:15px;color:var(--blauw) !important;text-shadow:none;white-space:nowrap;border-radius: 10px;width: 100%;transition: var(--transition);display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
	.navbar-collapse ul ul a i{margin-left: 25px;}
	.navbar-collapse ul ul a:hover{background-color:#003a650f;}
	.navbar-collapse ul ul ul{top: -15px;left: calc(100% + 25px);}
	.navbar-collapse ul ul ul::before{content:'';z-index:-1;width: 25px;height: 100%;top:0;left:-25px;position: absolute;}
	.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;}

	.nav-buttons a.menu-contact{margin-left: 40px;font-weight: 600;color: #fff;text-decoration: none;background: var(--blauw-alt);border-radius: 10px;padding: 13px 26px;transition: var(--transition);}
	.nav-buttons a.menu-contact:hover > i{transform: translateX(5px);}
	.nav-buttons button.menu-search{width: 42px;height: 42px;background: var(--blauw-alt);border-radius: 10px;color:#fff;font-size: 16px;margin-left: 25px;transition: var(--transition);}

	.top{overflow-x: clip;}
	.top.scrolled{background:var(--blauw);}
	.top .logo-wrap{top:-20px;margin-bottom: -10px;}
/*	.top .m-logo.wit{transition: var(--transition);}*/
/*	.top .m-logo.blauw{position: absolute;opacity: 0;transition: var(--transition);}*/
/*	.top.scrolled .m-logo.blauw{opacity: 1;}*/

	/* Menu home */
	.home .navbar-collapse ul a{color: var(--blauw) !important;transition: var(--transition);}
	.home .secnav-col::before, .home .nav-buttons a.menu-contact{background: var(--blauw);transition: var(--transition);}
	.home .top.scrolled .navbar-collapse ul a{color: var(--wit) !important;}
	.home .top.scrolled .navbar-collapse ul.sub-menu a{color: var(--blauw) !important;}
	.home .top.scrolled .secnav-col::before, .home .top.scrolled .nav-buttons a.menu-contact{background:var(--blauw-alt) !important;}

	.secnav-col{position: relative;padding: 10px 12px 10px 10px;top: -10px;margin-bottom: -5px;z-index: 3;}
	.secnav-col::before{content: '';position: absolute;top: 0;left: -30px;width: 100vw;height: 100%;background: var(--blauw-alt);z-index: -1;border-bottom-left-radius: 20px;}
	.secnav :is(a, ul li a){color: #fff;font-size: 12px;font-weight: 400;line-height: 100%;text-decoration: none;padding: 0;}
	.secnav li:nth-child(2) a{margin: 0 30px;}

	/* Home header */
	.home-header{top: -111px;margin-bottom: -111px;padding: 225px 0 200px 0;/*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);border-radius: 0 0 200px 0;overflow: clip;*/}
	.home-header .bg{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);border-radius: 0 0 200px 0;overflow: clip;}
	.home-header .search_result{box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;}

	/* Page header */
	.page-header{padding: 165px 0 100px 0;top:-112px;margin-bottom:0;}
	.page-header .inner .img-wrap{left: unset;right: 30px;bottom: unset;top: -30px;width: calc(100% + 72px);height: calc(100% + 60px);border-radius: 0 10px 10px 0;clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);}

	/* Vacatures */
/*	.blok-top{top:-150px;margin-bottom: -150px;}*/
	.blok-top .img-wrap{position: absolute;top: -30px;right: -30px;border-radius: 0 10px 10px 0;height: calc(100% + 60px);width: calc(100% + 50px);clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);}
	.blok-diensten.tax{padding-bottom:100px;}

	/* FAQ */
	.faq-banner .persoon{position: absolute;bottom: 0;right: 50px;width: 250px;height: calc(100% + 75px);z-index: 1;}
	.faq-banner .persoon img{display: block;object-fit: contain;width: 100%;height: 100%;object-position: 50% 0%;}

	.faq-blok .inner::before{content: '';position: absolute;top: 5px;left: 0px;width: 100%;height: 100%;background: rgb(190 207 0 / 60%);border-radius: 10px;z-index: -1;transform: rotate(3deg);}
	.faq-blok .inner{background: rgb(242 245 247 / 90%);padding: 100px 68px 110px 68px;}

	/* Klantverhalen */
	.swiper-kv{left: calc((-100vw + 960px - 30px) / 2);}
	.swiper-kv :is(.swiper-slide-prev, .swiper-slide-next){opacity: 1;}
	.swiper-kv .swiper-slide:not(.swiper-slide-prev, .swiper-slide-next, .swiper-slide-active){opacity: 0.25;}
	.swiper-kv .nav-row{width: 960px;}
	.swiper-kv .nav-btn{left: unset !important;right: unset !important;}

	/* Swiper projecten */
	.projecten.blok{overflow: hidden;}
	.swiper-projecten{width: calc((100vw + 960px)/2);}
	.nav-scroll{width: 936px !important;}
	.nav-btn.next{right: unset;left: calc(936px - 60px);}

	/* Diensten */
	.blok-stappen .inner{background: var(--blauw-bg);overflow: hidden;border-radius: 10px;padding-left: 75px;position: relative;}
	.blok-stappen .inner .content{padding: 100px 0;}
	.blok-stappen .inner .img-wrap{border-radius: 0;position: absolute;top: 0;right: 0;width: 41.66666667%;height: 100%;clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);}

	/* Homepage */
	.home-header{top:-111px;margin-bottom: -111px;padding: 225px 0 200px 0;}

	/* Single aanbod */
	.swiper-plattegrond .nav-btn.next{right: 10px;left: auto;}

	/* Zoekservice */
	.page-template-zoekservice .zoekservice-wrap{padding: 75px;}
	
	/* Margings/paddings */
	.blok{margin: 100px 0;}
	.blok-p{padding: 100px 0;}
	.blok-xl{margin:150px 0;}
	.blok-p-xl{padding:150px 0;}

	.mt-lg-35{margin-top: 35px !important;}
	.mb-lg-35{margin-bottom: 35px !important;}
	.mt-more{margin-top: 225px;margin-bottom: 125px;}

	/* AL&V - Single */
	.aanbod-media{overflow: hidden;}
	.swiper-aanbod{border-radius: 0 0 10px 10px;width: calc((100vw + 960px)/2);}

	.swiper-aanbod .swiper-slide{transition: var(--transition);opacity: 1;}
	.swiper-aanbod .swiper-slide-next{opacity: 0.65;}
	.swiper-aanbod .swiper-slide-next + .swiper-slide{opacity: 0.5;}

	/* Grijs header */
	.bg-grijs::before{height: calc(100% + 380px);}
}
@media (min-width: 1200px) {
	/* Footer */
	.f-wrap{background:#26608B;border-radius: 50px;padding: 8px 26px;}
	.f-logo{background:#26608B;border-radius: 50px;margin-left: 25px;}
	.f-logo #pill{margin-left: 0 !important;height: auto !important;width: 92px !important;}
	.f-logo #pill svg{height: 48px;padding: 0 15px;}
/*	.f-wrap, .f-logo{background:#144D79;}*/
	
	.footer .ul-1{-webkit-columns:3;columns:3;}
	.footer .ul-2{-webkit-columns:1;columns:1;}
	.footer .ul-3{-webkit-columns:2;columns:2;}

	.footer :is(.container, .row){position: relative;z-index: 3;}
	.footer::before{content: '';position: absolute;bottom: 0;left: 0;height: 55%;width: 100%;z-index: 1;clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);background: rgb(0,58,101);background: linear-gradient(90deg, rgba(0,58,101,1) 0%, rgba(18,72,112,1) 100%);}

	/* FAQ */
	.faq-banner .inner::before{bottom: -30px;}
	.faq-banner .inner::after{bottom: -50px;}
	.faq-banner .persoon{width: 300px;height: calc(100% + 100px);}

	/* Klantverhalen */
	.swiper-kv{left: calc((-100vw + 1140px - 30px) / 2);}
	.swiper-kv .nav-row{width: 1140px;}

	/* Swiper projecten */
	.swiper-projecten{width: calc((100vw + 1140px)/2);}
	.nav-scroll{width: 1116px !important;}
	.nav-btn.next{left: calc(1116px - 60px);}

	/* AL&V - Single */
	.swiper-aanbod{width: calc((100vw + 1140px)/2);}

	/* Zoekservice */
	.page-template-zoekservice .zoekservice-wrap{padding: 100px;}
}
@media (min-width: 1400px) {
	/* Vacatures */
	.vac-usp .icon i{font-size: 30px;}

	/* FAQ */
	.faq-banner .persoon{width: 350px;height: calc(100% + 125px);}

	/* Swiper projecten */
	.swiper-projecten{width: calc((100vw + 1320px)/2);}
	.nav-scroll{width: 1296px !important;}
	.nav-btn.next{left: calc(1296px - 60px);}

	/* Klantverhalen */
	.swiper-kv{left: calc((-100vw + 1320px - 30px) / 2);}
	.swiper-kv .nav-row{width: 1320px;}

	/* AL&V - Single */
	.swiper-aanbod{width: calc((100vw + 1320px)/2);}
}
@media(min-width:2560px){
	/* Swiper projecten */
	.swiper-projecten{width: 100%;}
	.nav-scroll{width: 100% !important;}
	.nav-btn.next{left: unset;right: 10px;}

	/* Klantverhalen */
	.swiper-kv{left: 0 !important;width: 100% !important;}
	.swiper-kv .nav-row{width: 1296px;}

	.page-header::before{left:-40px;height: 140px;}

	/* AL&V - Single */
	.swiper-aanbod{width: calc((90vw + 1320px)/2);}
	/* .swiper-aanbod{width: 100%;} */
}