/*
Theme Name: Vizien (v2.3)
Author: Roald Craenen
Author URI: https://www.vizien.nl/
Version: 2.3
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;
	--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;

	--bruin:rgba(198, 173, 143, 1);
	--groen:rgba(177, 209, 193, 1);
	--groen-alt:rgba(80, 135, 106, 1);
	--roze:rgba(230, 41, 112, 1);
	--oranje:rgba(246, 128, 56, 1);

	--groen-donker:rgba(92, 134, 112, 1) ;
	--roze-licht:rgba(236, 156, 186, 0.5);
	--oranje-licht:rgba(250, 167, 116, 1) ;

	--bg-licht:rgba(243, 243, 240, 1);
	--bg-grijs:rgba(240, 240, 240, 1);
}

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,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: futura-pt, sans-serif;font-weight:400;font-size:18px;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;}

/* 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:#000;display:block;font-size:16px;font-weight:400;padding:10px 25px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.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:#fff;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:#fff;transition: var(--transition);}
.top.scrolled{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.m-logo{display: block;object-fit: contain;width: 60px;height: auto;transition: var(--transition);}

.oc-menu{max-width: calc(100% - 24px);}
.oc-menu .navbar-collapse{background-color: transparent;}
.oc-menu .navbar-nav ul.sub-menu{padding-left: 0;}
.oc-menu .navbar-nav li a{border-bottom: none;color:#fff !important;font-size: 18px;}
.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:10px 25px 10px 64px;}
.oc-menu .navbar-nav li a i{padding: 0;font-weight: 300;}

.oc-menu .navbar-nav > li + li{margin-top: 20px;}
.oc-menu .navbar-nav li.menu-item-has-children a:has(i.active){background: rgba(1, 50, 24, 1);}
.oc-menu .navbar-nav li.menu-item-has-children ul.sub-menu{margin-top: 15px;}

.oc-menu .navbar-nav > li > a{position: relative;transition: var(--transition);}
.oc-menu .navbar-nav > li > a::before{position: relative;font-family: 'Font Awesome 6 Pro';font-weight: 300;left: 0;color: #fff;margin-right: 15px;width: 24px;height: auto;display: inline-flex;}
.oc-menu .navbar-nav > li.menu-home > a::before{content:'\f015';}
.oc-menu .navbar-nav > li.menu-ouders > a::before{content:'\e300';}
.oc-menu .navbar-nav > li.menu-onderwijs > a::before{content:'\f549';}
.oc-menu .navbar-nav > li.menu-kennis > a::before{content:'\f02d';}
.oc-menu .navbar-nav > li.menu-over > a::before{content:'\e5d6';}

.oc-toggler{margin: 0;padding:0 10px 0 0;background: transparent;border: none;}
.oc-toggler span{width: 30px;height: 3px;background: var(--zwart);border-radius: 5px;transition: var(--transition);}
.oc-toggler span + span{margin-top: 8px;}
.oc-toggler span:nth-child(2){width: 22px;}
.oc-close{color: #fff;font-size: 24px;padding: 0;background: rgba(1, 50, 24, 1);width: 40px;height: 40px;border-radius: 50%;position: relative;right: -45px;border: 1px solid rgba(255, 255, 255, 0.1);}

.oc-header{padding: 25px;background: rgba(0, 39, 18, 1);}
.oc-header .m-logo{width: 100px;}
.oc-body{padding: 0;background:rgba(0, 39, 18, 1);}
.oc-footer{padding: 25px;background:rgba(0, 39, 18, 1);}
.oc-footer a.w-fitcontent{text-decoration: none;color: #fff;font-size: 16px;line-height: 26px;}
.oc-footer a.w-fitcontent i{color: var(--roze);}
.oc-footer .knop{font-size: 16px;}

/* Menu home */
.home .top a:has(.m-logo){position: relative;}
.home .top a:has(.m-logo) .m-logo, .home .top.scrolled a:has(.m-logo) .m-logo.wit{opacity: 0;}
.home .top a:has(.m-logo) .m-logo.wit{position: absolute;top:0;left:0;opacity: 1;}
.home .top.scrolled a:has(.m-logo) .m-logo{opacity: 1;}

.home .oc-toggler span{background: #fff;}
.home .top.scrolled .oc-toggler span{background: var(--zwart);}
.home .top{background-color: transparent;}
.home .top.scrolled{background-color: #fff;}

/* Breadcrumbs */
.breadcrumbs{line-height:100%;margin: 0 0 30px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;}
.breadcrumbs span i{padding:0 10px;font-size: 12px;}
.breadcrumbs span i.fa-house{padding:0 !important;font-size: 14px;}
.breadcrumbs span a{text-decoration:none;color:var(--zwart)}
.breadcrumbs span .breadcrumb_last{font-weight: 400;color:rgba(198, 173, 143, 1);}

/* FAQ */
.faq #accordionGroup{width:100%;}
.faq .accordion-item{border:none;border-radius: 0 !important;background: transparent;}
.faq .accordion-item + .accordion-item{margin-top:10px;}
.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(--zwart);}
.faq h4 button{padding:25px 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(--zwart);background-color:transparent;border-radius: 0 !important;box-shadow: none !important;}
.faq h4 button:after{content:none}
.accordion-button:not(.collapsed){color:var(--zwart);background-color:transparent;box-shadow: none !important;border-radius: 0 !important;}
.faq .accordion-body{padding:0 25px;padding: 25px 0 0 0;}
.faq .accordion-body .knop{color: var(--wit);font-size: 14px;padding: 8px 16px;}
.faq .accordion-body .knop:hover{background: #0667cf;color: var(--wit);}

.faq .accordion-button i{transition: var(--transition);margin-left: 25px;color: var(--zwart);}
.faq .accordion-button:not(.collapsed) i{transform: rotate(180deg);}

/* Footer */
.footer{background-color:rgba(0, 39, 18, 1);color:#fff;padding: 60px 0;}
.footer .logo{display: block;object-fit: contain;}
.footer .social a,.social a{background-color:var(--roze);color:#fff;width:40px;height:40px;border-radius:0;display: inline-flex;align-items: center;justify-content: center;font-size: 20px;}
.footer .social a + a{margin-left:5px;}
.footer h4{color:#fff;font-size:24px;font-weight: bold;}
.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 a.w-fitcontent i{color: var(--roze);}

.footer img.f-main-logo{width: auto;height: 140px;display: block;object-fit: contain;}

.copyright{background-color:rgba(0, 29, 14, 1);color:#fff;padding:30px 0;line-height: 1.75;}
.copyright a.underline{text-decoration:underline;}
.copyright .copy span.divider{margin: 0 10px;opacity: 0.25;}
.copyright 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 20px;border:none;width:100%;color:var(--zwart);background-color:rgba(243, 243, 240, 1);border-radius:0;font-size: 18px;}
select.wpcf7-not-valid,input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #ff0000 !important}
.wpcf7-form textarea{height: 140px;}
.wpcf7-form :is(input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="text"],textarea)::placeholder{color: rgba(149, 149, 149, 1) !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 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 */
.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%;}

/* ---------------------------------- General ---------------------------------- */

body{background-color: var(--bg-licht);}

/* Margings/paddings */
.blok{margin: 60px 0;}
.blok-p{padding: 60px 0;}

.blok.wit, .blok-p.wit{background:#fff;}
.blok.bg, .blok-p.bg{background: var(--bg-licht);}

/* Knoppen */
.knop{text-decoration: none;display: inline-flex;width: fit-content;align-items: center;justify-content: center;background: var(--bruin);color: var(--wit);border-radius:2px;transition: var(--transition);padding: 18px 40px;border: none;font-size: 18px;font-weight: 600;}
.knop:hover{color: var(--wit) !important;}
a.w-fitcontent{width: fit-content;display: inline-flex;}

/* Fonts */
.titel{margin:0 0 20px 0;color: var(--zwart);line-height: calc(100% + 8px);font-weight: 500;}
strong.subtitel{font-size: 24px;font-weight: 500 !important;margin-bottom: 25px;display: block;}
span.subtitel{color: var(--bruin);text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 5px;display: block;margin-bottom: 5px;}

h1.titel, h2.titel{font-size: 28px;line-height: calc(100% + 4px);}
h3.titel{font-size: 26px;line-height: calc(100% + 4px);}
h4.titel{font-size: 24px;line-height: calc(100% + 4px);}

.tekst :is(p, li, a, span){font-size: 18px;line-height: calc(100% + 7px);color: var(--zwart);font-weight: 400;}
.tekst.wit :is(p,strong,span,ul li, ol li,a), .titel.wit{color: var(--wit) !important;}

.tekst ul{list-style-type: none;padding: 0;}
.tekst ul li{display: flex;align-items: baseline;}
.tekst ul li + li{margin-top: 15px;}
.tekst ul li i{position: relative;top:1px;}

.tekst :is(h2,h3,h4){font-size: 22px;font-weight: 500;margin: 30px 0 20px 0;}

.main-content .breadcrumbs{padding: 0 !important;margin-bottom: 50px;}
.main-content :is(h2,h3,h4){margin:40px 0 20px 0;color: var(--zwart);line-height: calc(100% + 8px);font-weight: 500;font-size: 26px;}
.main-content h2:first-of-type{margin-top: 0;}

.main-content .tekst ul{list-style-type: disc !important;}
.main-content .tekst a{color: rgb(167 145 120);}

/* Images */
.img-wrap{display: block;width: 100%;height: fit-content;overflow: hidden;border-radius: 2px;}
.img-wrap.square{aspect-ratio: 1;}
.img-wrap img{display: block;object-fit: cover;width: 100%;height: 100%;}

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

/* Page header */
.page-header{background:var(--bg-licht);position: relative;padding-bottom: 60px;}
.breadcrumbs{padding: 30px 0;}

/* Banner */
.banner{background-color: rgba(0, 49, 17, 1);padding: 60px 0;}
.banner .titel strong{color: rgba(30, 214, 96, 1) !important;}
.banner .knop{background-color: rgba(30, 214, 96, 1);}
.banner .img-wrap{position: absolute;bottom: -60px;left: 12px;width: fit-content;height: calc(100% + 213px);}
.banner .img-wrap img{display: block;width: 100%;height: 100%;object-fit: contain;object-position: 0% 100%;}

/* Reviews */
.filters a{transition: var(--transition);background:rgba(196, 196, 196, 1);white-space: nowrap;margin-right: 25px;}
.filters a.ouders.active{background:var(--roze);}
.filters a.onderwijs.active{background:var(--groen-alt);}
.filters a.kennisontwikkeling.active{background:var(--oranje);}
.filters a.reset{padding: 0;border-radius: 50%;background: darkred;width: 30px;height: 30px;align-items: center;justify-content: center;font-size: 16px;}

.review-col.ouders .stars i{color:var(--roze);}
.review-col.onderwijs .stars i{color:var(--groen-alt);}
.review-col.kennisontwikkeling .stars i{color:var(--oranje);}

.review-item{background: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);padding: 80px 40px;}
.review-item .stars i.empty{opacity: 0.4;}
.review-item .date{font-size: 14px;color:rgba(196, 196, 196, 1);}
.review-item .tekst p{line-height: 20px;}

/* Referentie swiper */
.referentie-swiper{width: 100%;position: relative;overflow: hidden;}
.referentie-swiper .swiper-slide{height: auto;align-self: stretch;}
.referentie-swiper .tekst{-webkit-line-clamp: 5;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}

/* Contact */
.contact .form-wrap{background: #fff;padding: 30px;}
.contact .info a.w-fitcontent i{color: var(--roze);}

/* Programma's */
.blok-item{padding: 40px;transition: var(--transition);background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.blok-item::after{content:'';position: absolute;top:0;right: 0;width: 0;height: 0;z-index: 1;background: rgba(255,255,255,0.5);transition: var(--transition);transform-origin: 100% 0%;opacity: 0;}
.blok-item:hover:after{opacity: 1;width: 90px;height: 90px;}
.blok-item img{width: 60px;height: auto;object-fit: contain;}
.blok-item :is(strong, .tekst p){transition: var(--transition);}
.blok-item:hover :is(strong, .tekst p){color: #fff;}

.blok-item.grijs{background:var(--bg-grijs);}
.blok-item.grijs span{font-size: 32px;line-height: 40px;font-weight: 500;}

.prog-banner{padding: 60px 0;}
.prog-banner a.knop{background:var(--zwart) !important;}
.prog-banner a.w-fitcontent{color: var(--wit) !important;}

/* Programma's - kleuren */
.prog-ouders .blok-item:not(.grijs):hover, .prog-banner.prog-ouders{background: var(--roze);}
.prog-ouders .tekst ul i{color: var(--roze);}
.prog-onderwijs .blok-item:not(.grijs):hover, .prog-banner.prog-onderwijs{background: var(--groen-alt);}
.prog-onderwijs .tekst ul i{color: var(--groen-alt);}
.prog-kennisontwikkeling .blok-item:not(.grijs):hover, .prog-banner.prog-kennisontwikkeling{background: var(--oranje);}
.prog-kennisontwikkeling .tekst ul i{color: var(--oranje);}

/* Default page */
.page-template-default .tekst ul li i{color:rgba(99, 79, 56, 1);}

.page-template-default .galerij a{display: block;width: fit-content;height: fit-content;text-decoration: none;}
.page-template-default .galerij a img{display: block;object-fit: cover;width: 100%;height: 100%;}

/* Over mij */
.om-banner{background-color: var(--groen-alt);padding: 60px 0 !important;}

/* Home */
.home-header{position: relative;top:-83px;margin-bottom: -83px;/*height: 80vh;*/min-height: 80vh;width: 100%;padding-bottom: 60px;padding-top: 120px;}
.home-header .bg{width: 100%;height: 100%;z-index: -1;position: absolute;top:0;left:0;}
.home-header .bg img{filter: brightness(0.75);}
/*.home-header h1{font-size: 34px;}*/
.home-header h1{font-size: 38px;}

.home-diensten{padding: 60px 0;}

.prog-swiper{position: relative;width: calc(100% + 13.5px);overflow: hidden;}
.prog-swiper .swiper-slide{width:270px;height: 270px;}

.prog-swiper .prog-item{width:100%;height: 100%;padding: 30px;background: var(--groen-alt);transition: var(--transition);overflow: hidden;}
.prog-swiper .prog-item:hover{background: rgba(177, 209, 193, 1);}
.prog-swiper .prog-item::after{content:'';position: absolute;top:0;right: 0;width: 0;height: 0;z-index: 1;background: var(--groen-alt);transition: var(--transition);transform-origin: 100% 0%;opacity: 0;}
.prog-swiper .prog-item:hover:after{opacity: 1;width: 90px;height: 90px;}
.prog-swiper .prog-item img{height: auto;width: 70px;object-fit: contain;object-position: 0% 100%;margin-bottom: 25px;}
.prog-swiper .prog-item i{font-size: 50px;color: var(--bruin);margin-bottom: 25px;}
.prog-swiper .prog-item strong{color: var(--wit);display: block;font-size: 20px;}

.prog-swiper .prog-item .content{transition: var(--transition);transform:translateY(0);}
.prog-swiper .prog-item .overlay{transition: var(--transition);transform: translateY(30px);opacity: 0;pointer-events: none;position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 30px 30px 30px;}
.prog-swiper .prog-item .overlay p{-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}
.prog-swiper .prog-item:hover .content{transform:translateY(-50px);}
.prog-swiper .prog-item:hover .overlay{opacity: 1;transform: translateY(0);pointer-events: unset;}

.home-kolommen ul.groen li i{color: var(--groen-alt);}
.home-kolommen ul.roze li i{color: var(--roze);}

.home-aanbod .aanbod-item{padding: 40px;overflow: hidden;}
.home-aanbod .aanbod-item .tekst p{-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;text-wrap: pretty;}
.home-aanbod .aanbod-item .knop{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);margin-top: 30px;}

.home-aanbod .aanbod-item.onderwijs{background: var(--groen-alt);}
.home-aanbod .aanbod-item.ouders{background: var(--roze);}
.home-aanbod .aanbod-item.kennisontwikkeling{background: var(--oranje);}

.home-aanbod .aanbod-item .wrap{position: relative;margin-top: -20px;bottom: -40px;right: -20px;width: 100%;}
.home-aanbod .aanbod-item .wrap img{display: block;height: auto;width: 160px;object-fit: scale-down;}

/* Inspiratie */
.inspiratie .inspi-item{background: var(--groen-alt);padding: 40px;}
.inspiratie .inspi-item .icon{color: #fff;font-size: 50px;margin-bottom: 25px;}

/* Modal */
:is(.inspiratie, .single-programmas) .modal .modal-content{border-radius: 0;border:0;}
:is(.inspiratie, .single-programmas) .modal h4.modal-title{font-size: 24px;font-weight: 500;}

/* Aanbod swiper */
.swiper-aanbod{position: relative;width: calc(100% + 14px);overflow: hidden;}
.swiper-aanbod .swiper-slide{height: auto;align-self: stretch;}

/* Swiper navigation */
:is(.prog-swiper, .swiper-aanbod){padding-bottom: 20px;}
.nav-wrap{position: relative;display: flex;flex-direction: row;align-items: center;height: 50px;width: 120px;}
.nav-wrap .nav-btn{display: flex;align-items: center;justify-content: center;min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;border-radius: 0;background: var(--bruin);color: var(--wit);position: relative;left: unset;right: unset;margin-top:0;margin-bottom: 0;top: unset;bottom: -20px;transition: var(--transition);}
.nav-wrap .nav-btn::after{content:'\f105';font-family: 'Font Awesome 6 Pro';font-weight: 300;font-size: 30px;}
.nav-wrap .nav-btn.prev::after{content:'\f104';}
.nav-wrap .nav-btn.next{margin-left: 20px;}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px) {
	/* Home */
	.prog-swiper{width: calc((100vw + 540px - 42px)/2);}

	/* Aanbod swiper */
	.swiper-aanbod{width: calc((100vw + 540px - 43px)/2);}
}
@media (min-width: 768px) {
	/* Margings/paddings */
	.blok{margin: 90px 0;}
	.blok-p{padding: 90px 0;}

	/* Page header */
	.page-header{padding-bottom: 90px;}
	.breadcrumbs{padding: 30px 0 45px 0;}

	/* Footer */
	.footer{padding: 90px 0;}
	.mt-col{margin-top: 188px !important;}

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

	/* Home */
	.home-header{padding-bottom: 90px;}
	.prog-swiper{width: calc((100vw + 720px - 42px)/2);}

	/* Modal */
	.modal .modal-dialog{max-width: 650px;}
	.modal .modal-header{padding: 24px 24px 0 24px;}
	.modal .modal-body{padding: 24px;}

	/* Fonts */
	h1.titel, h2.titel{font-size: 32px;line-height: calc(100% + 6px);}
	h3.titel{font-size: 30px;line-height: calc(100% + 6px);}
	h4.titel{font-size: 28px;line-height: calc(100% + 6px);}
	.home-header h1{font-size: 44px;}
	strong.subtitel{font-size: 26px;}
	span.subtitel{font-size: 16px;}
	.tekst :is(h2,h3,h4){font-size: 26px;}

	/* Aanbod swiper */
	.swiper-aanbod{width: calc((100vw + 720px - 43px)/2);}
}
@media (min-width: 992px) {
	/* Margings/paddings */
	.blok{margin: 120px 0;}
	.blok-p{padding: 120px 0;}
	
	/* 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(--zwart) !important;text-decoration:none;font-weight:600;font-size:18px;line-height:100%;padding:0;border:none;margin:0;transition: var(--transition);}
	.navbar-collapse ul li{position:relative;float:left;margin:0 10px;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(--zwart) !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 ul{display:block;position:absolute;top:calc(100% + 43px);left:-20px;text-align:left;background-color:#fff;border-radius: 3px;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(--zwart) !important;text-shadow:none;white-space:nowrap;border-radius: 3px;width: 100%;transition: var(--transition);display: flex;flex-direction: row;align-items: center;}
	.navbar-collapse ul ul a i{padding-left: 20px;}
	.navbar-collapse ul ul a:hover{background-color:#f1f1f1;}
	.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: 18px;font-size: 14px;font-weight: 400;}

	.navbar a.knop{padding: 12px 20px;margin: 0 30px;}
	.navbar a.spotify{color: rgba(30, 214, 96, 1);font-size: 32px;}

	.top .m-logo{width:unset;max-width: 65px;transition: var(--transition);transform-origin: center left;}

	/* Menu home */
	.home .top :is(.navbar-collapse > ul > li > a){color:#fff !important;}
	.home .top.scrolled :is(.navbar-collapse > ul > li > a){color:#000 !important;}

	/* Page header */
	.page-header{padding-bottom: 120px;}
	.breadcrumbs{padding: 30px 0 60px 0;}

	/* Programma's */
	.images-wrap{position: relative;}
	.images-wrap .img-wrap.square{padding-right: 100px;}
	.images-wrap .img-wrap:not(.square){aspect-ratio: 3 / 3.5;position: absolute;top: 120px;right: 0;width: 45%;height: calc(100% - 240px);box-shadow: -10px 10px 40px rgba(0, 0, 0, 0.1);}

	/* Home */
	.home-header{top:-136px;margin-bottom: -136px;/*padding-bottom: 0;*/padding-top: 200px;}
	.prog-swiper{width: calc((100vw + 66.66666667% - 130px)/2);top: -70px;margin-bottom: -70px;}
	.home-diensten + .blok-p{padding-top: 40px;}

	/* Modal */
	.modal .modal-dialog{max-width: 800px;}
	.modal .modal-header{padding: 32px 32px 0 32px;}
	.modal .modal-body{padding: 32px;}

	/* Banner */
	.banner{margin-top: 85px;position: relative;}
	:is(.blok.wit, .blok-p.wit) + .banner::before{content: '';position: absolute;top: -85px;left: 0;width: 100%;height: 85px;background: #fff;}
	
	/* Footer */
	.footer{padding: 120px 0;}
	.mt-col{margin-top: 0 !important;}
	.f-wrap{background:rgba(217, 217, 217, 0.1);border-radius: 50px;padding: 10px 26px;}
	.f-logo{background:rgba(217, 217, 217, 0.1);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;}

	/* Fonts */
	.home-header h1{font-size: 50px !important;}

	/* Aanbod swiper */
	.swiper-aanbod{width: calc((100vw + 960px - 43px)/2);}
}
@media (min-width: 1200px) {
	/* Home */
	.prog-swiper{width: calc((100vw + 66.66666667% - 150px)/2);}

	/* Modal */
	.modal .modal-dialog{max-width: 1000px;}
	.modal .modal-header{padding: 40px 40px 0 40px;}
	.modal .modal-body{padding: 40px;}

	/* Fonts */
	h1.titel, h2.titel{font-size: 36px;}
	h3.titel{font-size: 34px;}
	h4.titel{font-size: 32px;}
	.tekst :is(h2,h3,h4){font-size: 28px;}
	strong.subtitel{font-size: 28px;}

	/* Aanbod swiper */
	.swiper-aanbod{width: calc((100vw + 1140px - 43px)/2);}

	/* Menu */
	.navbar-collapse ul li{margin:0 15px;}
	.top .m-logo{max-width: 110px;}
	.top.scrolled .m-logo{max-width: 70px;}
}
@media (min-width: 1400px) {
	/* Contact */
	.contact .form-wrap{padding: 100px;}

	/* Programma's */
	.img-overflow{position: relative;}
	.img-overflow img{position: absolute;width: calc(100% - 14px);right: 14px;aspect-ratio: 1 / 0.85;height: calc(100% + 220px);}
	.page-header:has(.img-overflow) + .blok-p{padding-top: 200px;}

	/* Over mij */
	.page-template-over-mij .page-header{padding-bottom: 160px;}
	.img-overflow-left{position: relative;top: -140px;margin-bottom: -140px;height: calc(100% + 140px);}
	.page-header + .blok-p:has(.img-overflow-left){padding: 60px 0 100px 0;}

	.om-banner{padding: 120px 0 !important;margin-bottom: 120px;}
	.om-banner::before{bottom: -120px;left: 0;width: 100%;height: 120px;background: #fff;content: '';position: absolute;z-index: -1;}
	.om-banner .img-wrap{position: absolute;width: 414px;height: calc(100% + 50px + 120px + 120px);top: -50px;margin-bottom: -50px;}

	/* Home */
	.prog-swiper{width: calc((100vw + 66.66666667% - 170px)/2);}
	.home-aanbod .aanbod-item .content{max-width: 70%;position: relative;z-index: 1;}
	.home-aanbod .aanbod-item .knop{margin-top: 150px;position: relative;z-index: 1;}
	.home-aanbod .aanbod-item .wrap{position: absolute;bottom: 0;right: 0;margin-top: 0;height: 100%;z-index: 0;}
	.home-aanbod .aanbod-item .wrap img{width: 250px;height: 100%;object-position: 100% 100%;object-fit: contain;}

	/* Modal */
	.modal .modal-dialog{max-width: 1200px;}
	.modal .img-wrap{min-width: 400px;max-width: 400px;}
	.modal .modal-header{padding: 100px 100px 0 100px;}
	.modal .modal-body{padding: 40px 100px 100px 100px;}

	/* Fonts */
	h1.titel, h2.titel{font-size: 42px;line-height: calc(100% + 8px);}
	h3.titel{font-size: 40px;line-height: calc(100% + 8px);}
	h4.titel{font-size: 38px;line-height: calc(100% + 8px);}
	strong.subtitel{font-size: 30px;}
	.tekst :is(h2,h3,h4){font-size: 30px;}

	/* Aanbod swiper */
	.swiper-aanbod{width: calc((100vw + 1320px - 43px)/2);}
	.swiper-aanbod .swiper-slide{width: 634px;}

	/* Default page */
	.galerij :is(.img-1, .img-4, .img-5, .img-6){width: 25%;height: 272px;}
	.galerij .img-2{height: 568px;width: 25%;}
	.galerij .img-3{width: 50%;height: 272px;}
	.galerij .img-4{position: absolute;top: calc(272px + 24px);left: 0;}
	.galerij .img-5{position: absolute;top: calc(272px + 24px);left: 50%;}
	.galerij .img-6{position: absolute;top: calc(272px + 24px);left: 75%;}

	.galerij a{height: 100% !important;width: 100% !important;}
}
@media (min-width: 1600px) {
	.referentie-swiper.alt{display: block !important;}
	.referentie-swiper .swiper-wrapper{-webkit-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
	.referentie-swiper.alt{direction: rtl;}
	.referentie-swiper.alt .review-item{direction: ltr !important;}

	.blok-p:has(.images-wrap.alt){overflow: hidden;}
	.images-wrap.alt .img-wrap.square{padding-right: 0;}
	.images-wrap.alt .img-wrap:not(.square){aspect-ratio: unset;position: absolute;top: unset;right: unset;bottom: -130px;left: -40%;width: 90%;height: 45%;box-shadow: 10px -10px 40px rgba(0, 0, 0, 0.1);}

	.bg-pattern, .page-header, .blok-p.contact, .referenties, .inspiratie{background-repeat: no-repeat;background-size: 1800px auto;background-position: 50% 0%;}
	.bg-pattern.home-1{background-image:url('images/bg-home-1.svg');}
	.bg-pattern.home-2{background-image:url('images/bg-home-2.svg');}
	.page-header{background-image:url('images/bg-header.svg');}
	.page-header.ref, .blok-p.contact{background-image:url('images/bg-overig.svg');}
	.referenties{background-image:url('images/bg-header.svg');background-position: 50% 0%;}
	.bg-pattern.algemeen, .inspiratie{background-image:url('images/bg-overig.svg');}
}
@media (min-width: 2560px) {
	/* Home */
	.prog-swiper{width: 100%;}
}