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

:root{
	--animate-delay: 0.2s;
	--transition:all 150ms ease-in-out;

	--zwart:#000000;
	--wit:#FFFFFF;
	--grijs:#C4C4C4;

	--main:#9E1C3B;

	--bg-grijs:#F5F4F2;
	--bg:#FAFAFA;
	--bg-donker:#E6E7E8;
}

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,body{width:100%;height:auto;font-family:"Montserrat", sans-serif;font-weight:400;font-size:16px;line-height:30px;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(--main);text-decoration:underline;}
a:hover{color:var(--main);text-decoration:none}
h1,h2,h3,h4{line-height:calc(100% + 8px);font-weight:700;color:var(--zwart);}
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;}
hr{border-top: 1px solid #000;opacity: 0.15;}

/* General */
.subtitel{color: var(--main);font-size: 14px;margin: 0 0 5px 0;font-weight: 700;text-transform: uppercase;}
.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 30px;background: var(--main);color: #fff;font-weight: 700;text-decoration: none;display: inline-block;margin-top: 35px;border-radius: 50px;border: none;width: fit-content;position: relative;transition:var(--transition) !important;}
.cta:hover{color: #fff !important;background: var(--main);}

/* 404/sitemap */
.notfound h2{font-size: 22px;}
.sitemap-blok :is(ul, ol) li a{color: var(--zwart);}
.sitemap-blok ul.children{margin:0;}

/* Top */
.top{padding:0;background-color:#fff;transition:var(--transition);border-bottom-left-radius: 50px;box-shadow: 0 10px 30px rgba(0,0,0,0.075);}
.top.scrolled{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.logo{display:none;height:54px;margin: 0}

/* Nav */
.navbar{margin-bottom:0;padding:0;width: 100%;}
.navbar-default{border:none;background-color:transparent;margin:0 -15px}
.navbar-header{width:100%;text-align:left;padding:15px 0;}
.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;}
.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:transparent !important;float:right;border:2px solid var(--zwart);border-radius:7px;margin-left:5px;}
.navbar-toggler .icon-bar{background-color:var(--zwart) !important;height:3px}
.navbar-collapse{background-color:var(--zwart);z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0;width: 100%;}
.navbar-brand{padding:0;height:auto;margin:0;display: inline-flex;align-items: center;justify-content: start;}
.navbar-brand img{width:150px;padding:0}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* Menu offcanvas */
.oc-toggler span{background: #000;width: 30px;height: 3px;border-radius: 5px;margin-bottom: 6px;overflow: hidden;}
.oc-toggler span:last-of-type{margin-bottom: 0;width: 20px;}
.oc-close{font-size: 32px;color: #fff;}

.oc-menu{background-color:rgba(0,0,0,0.95);}
.oc-menu .oc-footer a.w-fitcontent{color: #fff !important;}

.oc-menu ul li + li{margin-top: 10px;}
.oc-menu ul li > a{border-radius: 50px;border:1px solid transparent;}
.oc-menu ul li > a:has(i.active){border:1px solid var(--main);}
.oc-menu ul li li a{padding: 10px 25px 10px 60px;}
.oc-menu ul{list-style-type:none;margin: 0;padding: 0;}
.oc-menu ul ul.sub-menu{margin-top: 15px;}
.oc-menu ul ul.sub-menu li + li{margin-top: 0;}

.oc-menu li a::before{font-family: 'Font Awesome 6 Pro';font-weight: 100;padding-right: 15px;width: 35px;display: inline-block;}
.oc-menu li.menu-home > a::before{content:'\f015';}
.oc-menu li.menu-programmas > a::before{content:'\f02d';}
.oc-menu li.menu-inspiratie > a::before{content:'\f672';}
.oc-menu li.menu-reviews > a::before{content:'\f4b0';}
.oc-menu li.menu-over > a::before{content:'\f007';}

/* Breadcrumbs */
.breadcrumbs{line-height:calc(100% + 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:16px;color:var(--main);background: transparent;}
.breadcrumbs > div > div > div > span{margin-left:10px;}
.breadcrumbs span{font-weight:700;color:var(--main);}
.breadcrumbs span i{padding:0 5px;color:var(--main);}
.breadcrumbs span a{text-decoration:none;color:var(--zwart);color:var(--main);}
.breadcrumbs :is(span, a){color:#C4C4C4 !important;font-weight: 400;}

/* Reviews */
.reviews{position:relative;overflow:hidden;background: var(--bg);}
.reviews hr{margin-bottom:90px;}
.reviews .naam{margin-bottom:30px;}
.reviews .naam h2{font-size:24px;color: #000;margin-bottom: 15px;}
.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;color: #000;}
.reviews .google .txt .rating{color:var(--main);}
.reviews .google .txt .rating b{margin-right:5px;color: #000;}
.reviews .google .txt .rating i{}
.reviews .google .txt .rating i + i{margin-left:2px;}
.reviews .item{background-color: #fff;padding: 30px;border: 1px solid #2a337921;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:#dadada}
.reviews .item .score i{color:var(--main)}
.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:#dadada;font-weight:300;vertical-align:middle}
.reviews .item .author .name b{font-size: 20px;line-height: calc(100% + 5px);font-weight:700;color:#000;display:block;}
.reviews .item .desc{font-size:14px;line-height:24px; color: #000;}
.reviews .img img{height: 60px;object-fit: cover;}
.reviews h3.subtitel{display: inline-block;width: max-content;margin-bottom: 0;}

/* Footer */
.footer{background-color:#6E1127;}
.footer .f-logo{display: block;width: fit-content;}
.footer .f-logo img{display: block;width: auto;height: 70px;object-fit: contain;}
.footer a.w-fitcontent:has(i){color:var(--wit) !important;}
.footer a.w-fitcontent:has(i) i{color: #C98897;}
.footer a{color:var(--wit);text-decoration:none}

.footer ul.footernav{padding: 0;margin: 0;list-style-type: none;}

.footer .social a,.social a{color:#C98897;width:40px;height:40px;display: inline-flex;align-items: center;justify-content: center;background:#E7E0DA;border-radius: 50%;}
.footer .social a > i{width: fit-content;min-width: unset;}
.social a + a{margin-left:7px;}

.copyright{padding:20px 0;background: var(--zwart);}
.copyright,.copyright a{color:#fff;text-decoration:none;font-size:14px;line-height:28px;}
.copyright img{height:20px;}
.copyright :is(span, a){display: inline-block;}
.copyright .divider{display: inline-block;margin:0 5px;}
.copyright a:has(img){position: relative;top: 4px;margin-left: 4px;}

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form{margin-top:0;}
.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-control-wrap{position: relative;height: fit-content;display: block;}
.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"], .wpcf7-form input[type="number"]{margin: 0 0 12px 0;padding: 10px 25px;border: none;width: 100%;color: var(--zwart);border-radius: 50px;background: var(--bg-grijs);}
.wpcf7-form textarea{height: 180px;border-radius: 25px;padding: 15px 25px;}

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;background: #981b1e1c !important;border-radius: 5px;padding: 0 10px;display: block;width: fit-content;margin-bottom: 25px;}
.form-row.last-row .wpcf7-not-valid-tip{margin-top: -10px;}
div.wpcf7-response-output{margin-top:30px !important;background-color:rgba(152,27,30,0.1);margin-left: 0 !important;margin-right: 0 !important;line-height: calc(100% + 10px);border-radius: 5px;padding: 15px !important;}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);margin-left: 0 !important;margin-right: 0 !important;line-height: calc(100% + 10px);border-radius: 5px;padding: 15px !important;}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);margin-left: 0 !important;margin-right: 0 !important;line-height: calc(100% + 10px);border-radius: 5px;padding: 15px !important;}
#wpcf7-f57-p20-o1 .versturen{margin-bottom:0}

.wpcf7-form button{margin-top:0}
.wpcf7-form .send-row p{display: flex;align-items: center;}
.wpcf7-form .input-row p{position: relative;}
.wpcf7-form .input-row p label{position: absolute;top: -13px;left: 13px;z-index: 10;color: #C4C4C4;line-height: 100%;background: #fff;padding: 5px 10px;}

/* 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%}
.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;}

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

/* General */
.w-fitcontent{width: fit-content;display: block;color: var(--zwart) !important;text-decoration: none;}
.mt-35{margin-top: 35px;}

/* Blokken */
.blok{margin: 60px 0;}
.blok-p{padding: 60px 0;}
.bg-grijs{background-color: var(--bg-grijs);}

/* Buttons */
.cta{display: flex;align-items: center;justify-content: center;margin-top: 35px;}
.cta.call::after{content: '\f061';font-family: 'Font Awesome 6 Pro';font-weight: 300;position: relative;padding-left: 12px;}
.cta:hover{background: var(--main);color: var(--wit);}
.cta.grijs{background: var(--grijs);color: var(--wit);padding: 12px 30px;}
.cta.trans{background: transparent;border:1px solid var(--main);font-weight: 400;color: var(--main) !important;}
.cta.zwart{background: var(--zwart);color: var(--wit) !important;}

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

/* Fonts */
.titel, .tekst :is(h1,h2,h3,h4){font-weight: 500;color: var(--zwart);line-height: calc(100% + 8px);}
h1.titel, h2.titel{font-size: 24px;}

.tekst :is(h1,h2,h3,h4){font-size: 20px;margin-bottom: 20px;}
.tekst :is(p, ul) + :is(h1,h2,h3,h4){margin-top: 40px;}
.tekst :is(p,span,a){font-size: 16px;line-height: calc(100% + 8px);}

.tekst ul{padding-left: 20px;margin: 25px 0;}
.tekst ul li{padding-left: 10px;line-height: calc(100% + 10px);}
.tekst ul li + li{margin-top: 10px;}
.tekst ul li::marker{content:'\f058';font-family: 'Font Awesome 6 Pro';font-weight: 900;color: #6E1127;}

.wit, .tekst.wit :is(span,p,strong li,a){color: var(--wit);}

/* Policy */
.main-content ul li::marker{content: '\e122';font-size: 12px;}

/* Forms */
.form-wrap{background: var(--wit);border-radius: 20px;padding: 30px;}

/* Home */
.home-header{background-color: var(--bg-grijs);padding-bottom: 60px;}
.home-header .img-wrap{clip-path: circle(96% at 39% 0%);aspect-ratio: 1;}

/* Offset */
.home-header, .page-header, .blog-header{position: relative;top:-83px;margin-bottom: -83px;}

/* Balk */
.balk{padding: 35px 0;background: #6E1127;background: linear-gradient(70deg, rgba(110, 17, 39, 1) 0%, rgba(212, 33, 75, 1) 100%);overflow: hidden;}
.balk .scrolling-text-inner{display: flex;white-space: nowrap;}
.balk .scrolling-text-inner > div{animation: var(--direction) var(--marquee-speed) linear infinite;}
@keyframes scroll-left{0%{transform: translateX(0%);}100%{transform: translateX(-100%);}}
.balk .scrolling-text-inner .scrolling-text-item{white-space: nowrap;}
.balk .scrolling-text-inner .scrolling-text-item span{color: var(--wit);}

.balk .scrolling-text-inner .scrolling-text-item i{color: #fff;font-size: 8px;opacity: 0.25;}
.wit .balk .scrolling-text-inner .scrolling-text-item i{color: #000;}

.grijs .balk{background: var(--bg-grijs);}
.wit .balk{background: var(--wit);}
:is(.grijs, .wit) .balk .scrolling-text-inner .scrolling-text-item span{color: var(--zwart);}

.swiper-balk{position: relative;overflow: hidden;width: 100%;}
.swiper-balk .swiper-wrapper{}
.swiper-balk .swiper-slide{}

/* Page header */
.page-header{padding-top: calc(83px + 30px);padding-bottom:60px;background-color: var(--bg-grijs);}
.page-header .content-col{margin: 30px 0 0 0;}
.page-header:not(:has(.content-col)) .breadcrumbs{margin-bottom: 30px;}

/* Widget */
.widget{background-color: #BF2149;padding: 40px;border-radius: 30px;}
.widget strong{display: block;width: fit-content;font-size: 22px;font-weight: 600 !important;margin-bottom: 15px;}

/* USP's */
.usp-blok{border:1px solid var(--bg-grijs);border-radius: 10px;transition: var(--transition);padding: 30px;background: var(--wit);}
.usp-blok:hover{border:1px solid var(--main);}
.usp-blok i{color: var(--main);font-size: 64px;margin-bottom: 25px;}
.usp-blok p{font-size: 14px;line-height: calc(100% + 10px);}

/* Stappen */
.stap-blok{border:1px solid var(--main);padding: 30px;background: var(--wit);border-radius: 40px;}
.stap-blok .subtitel{font-weight: 400;text-transform: uppercase;letter-spacing: 2px;color: var(--main);font-size: 14px;margin-bottom:0;}
.stap-blok h3{color: var(--main);font-weight: 500;font-size: 25px;margin-bottom: 15px;}

.stappen .stap-wrap .counter{font-size: 25px;font-weight: 600;color: var(--main);background: var(--wit);border:1px solid var(--main);border-radius: 50%;min-width: 58px;max-width: 58px;min-height: 58px;max-height: 58px;}
.stappen .stap-wrap:first-of-type .counter{background: var(--main);color: var(--wit);}
.stappen .stap-wrap:not(:last-child)::before{content:'';width: 1px;border-left:1px dashed var(--main);height: calc(100% + 48px);position: absolute;top:0;left:29px;z-index: -1;}

/* Contact */
.contact :is(span,a){font-weight: 400 !important;}
.contact a i{color: #C98897 !important;}
.contact .social a{background: var(--wit);}

/* FAQ */
.faq #accordionGroup{width:100%;}
.faq .accordion-item{border:none;border-radius: 0 !important;background: transparent;}
.faq .accordion-item + .accordion-item{margin-top:25px;}
.faq .accordion-header{padding:0;border:none;}

.faq h4 button{padding: 20px 25px;border-radius: 50px !important;font-weight: 500;font-size: 16px;line-height: 1.25;background: var(--bg-grijs);box-shadow: none !important;}
.faq h4 button:after{content:none}
.faq h4 button.collapsed{color:var(--zwart);background: var(--wit);box-shadow: none !important;}
.faq h4 button:not(.collapsed){color:var(--main);background-color:var(--wit);box-shadow: none !important;}

.faq .accordion-body{padding:20px;}
.faq .accordion-body .leesmeer{color: var(--zwart);font-size: 16px;padding: 0;font-weight: 500;display: block;width: fit-content;margin-top: 10px;text-decoration: underline;}

.faq .accordion-button i{transition: var(--transition);margin-left: 25px;color: var(--zwart);}
.faq .accordion-button i.fa-minus{opacity: 0;position: absolute;right: 25px;color: var(--main);}

.faq .accordion-button:not(.collapsed) i.fa-minus{opacity: 1;}
.faq .accordion-button:not(.collapsed) i.fa-plus{opacity: 0;}

.single-faq :is(.faq h4 button, .faq h4 button.collapsed){background:var(--bg-grijs);}

/* Agenda */
.agenda-item{background-color: #F0F0F0;padding: 40px;border-radius: 0 50px 50px 50px;}
.agenda-item .month{font-size: 20px;font-weight: 400;margin-bottom: 5px;}
.agenda-item .day{font-size: 40px;font-weight: 600;}
.agenda-item .time span{color:#C98897;font-size: 14px;font-weight: 400;}
.agenda-item .time strong{font-weight: 700;color: var(--zwart);font-size: 16px;line-height: 24px;}
.agenda-item .cta{height: fit-content;white-space: nowrap;}

.agenda-item.first{background: #6E1127;}
.agenda-item.first :is(.month, .day, .time strong){color: var(--wit);}
.agenda-item.first .cta{background: var(--wit) !important;color:var(--main) !important;}

/* Reviews */
.review-item{border-radius: 50px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);padding: 30px;background: var(--wit);}
.review-item i.quote{font-size: 30px;color: #9f9f9f;}
.review-item .author{margin-top: 75px;}
.review-item .author .img{min-width: 60px;max-width: 60px;min-height: 60px;max-height: 60px;border-radius: 50%;overflow: hidden;margin-right: 20px;}
.review-item .author img{display: block;object-fit: cover;width: 100%;height: 100%;}
.review-item .name b{font-size: 14px;line-height: 18px;font-weight: 500;}
.review-item .stars i{color:#FFCC00;}
.review-item .stars i + i{margin-left: 2px;}

.review-col.first .review-item{background: #6E1127;}
.review-col.first .review-item i.quote{color: #C98897;}
.review-col.first .review-item :is(.tekst p, .name b){color: var(--wit);}

.review-module .tekst{-webkit-line-clamp: 5;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;margin-top: 20px !important;}
.review-module .author{margin-top: 20px !important;}

/* Blog */
.blog-header{padding-top: calc(83px + 30px);padding-bottom: 60px;position: relative;}
.blog-header::before{content:'';position: absolute;top:0;left:0;width: 100%;height: 60%;background: var(--bg-grijs);}

.blog-header .breadcrumbs{margin-bottom: 30px;}
.blog-header .img-wrap{background-color: #c5c5c5;min-height: 300px;max-height: 500px;}
.blog-header .img-wrap img{min-height: 300px;max-height: 500px;width: 100%;}

.blog-header .img-wrap .blurbs{position: absolute;left: 30px;bottom: 30px;}
.blog-header .img-wrap .blurb, .blog-item .date{color: var(--wit);font-size: 12px;line-height: 100%;white-space: nowrap;font-weight: bold;border-radius: 50px;padding: 15px 20px;background-color: rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);border: 1px solid #fff;}

.blog-img-blok img{max-height: 550px;}

.blog-banner{padding: 60px 0;background: #6E1127;background: linear-gradient(70deg, rgba(110, 17, 39, 1) 0%, rgba(212, 33, 75, 1) 100%);}

.blog-item{border-radius: 50px;padding: 30px;aspect-ratio: 1;background: #c5c5c5;overflow: hidden;box-shadow: 0 5px 3px rgba(0,0,0,0.2);}
.blog-item .wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.blog-item .wrap::after{content:'';position: absolute;top:0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(50, 0, 12, 0.8) 0%, rgba(255, 255, 255, 0) 100%);}
.blog-item img{width: 100%;height: 100%;display: block;object-fit: cover;transition: var(--transition);transform: scale(1);}
.blog-item .date{width: fit-content;font-size: 14px;padding: 12px 20px;}
.blog-item h4{font-weight: 700;font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.blog-item .tekst{-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}
.blog-item .tekst p{font-weight: 500;font-size: 16px;line-height: 24px;}
.blog-item a:has(i){min-height: 58px;max-height: 58px;min-width: 58px;max-width: 58px;border-radius: 50%;background: rgba(255, 255, 255, 0.15);border:1px solid #fff;box-shadow: 0px 4px 4px 0px #00000040;text-decoration: none;color: #fff;font-size: 18px;transition: var(--transition);}

.blog-item:hover a:has(i){background: var(--main);border:1px solid var(--main);}
.blog-item:hover img{transform: scale(1.05);}

.swiper-blogs, .swiper-progs{position: relative;width: 100%;overflow: hidden;}

.swiper-nav{height: 58px;}
.swiper-nav .nav-btn{min-height: 58px;max-height: 58px;min-width: 58px;max-width: 58px;border-radius: 50%;background:transparent;box-shadow: 0px 4px 4px 0px #00000040;text-decoration: none;border: 1px solid var(--main);color: var(--main);font-size: 18px;transition: var(--transition);position: relative;}
.swiper-nav .nav-btn.prev{bottom: 0;top: unset;left: unset;right: 15px;margin-top: 0;}
.swiper-nav .nav-btn.next{bottom: 0;top: unset;right: 0;left: unset;margin-top: 0;}
.swiper-nav .nav-btn::after{content:'\f061';font-family: 'Font Awesome 6 Pro';font-weight: 300;font-size: 18px;}
.swiper-nav .nav-btn.prev::after{transform: rotate(180deg);}

/* Modal */
.form-modal .modal-content{border: none;border-radius: 50px;}
.form-modal .modal-body{padding: 30px;}
.form-modal .modal-body h4{max-width: calc(100% - 50px);font-size: 20px;line-height: calc(100% + 8px);font-weight: 500;margin-bottom: 30px;padding-left: 5px;}
.form-modal button.close{border: none;background: transparent;padding: 0;margin: 0;color: var(--main);font-size: 26px;position: absolute;top: 30px;right: 30px;z-index: 50;}

.agenda-modal .modal-content{border: none;border-radius: 50px;}
.agenda-modal .modal-header{border: none;padding: 30px 30px 0 30px;}
.agenda-modal .modal-header h4{font-size: 20px;line-height: calc(100% + 8px);font-weight: 500;margin: 0 24px 0 0;padding-left: 5px;}
.agenda-modal .modal-header .close{border: none;background: transparent;padding: 0;margin: 0;color: var(--main);font-size: 26px;}
.agenda-modal .modal-body{padding: 30px;}

:is(.form-modal, .agenda-modal) button.cta{margin-top: 12px;}

/* Inspiratie */
.single-inspiratie .img-top{padding-bottom: 12px;}
.single-inspiratie .img-bottom{padding-top: 12px;}

.swiper-media{position: relative;width: 100%;overflow: hidden;}
.swiper-media .swiper-slide{transition: var(--transition);aspect-ratio: 4/3;}
.swiper-media .swiper-slide :is(img, video){aspect-ratio: 4/3;}
.swiper-media .swiper-slide video{width: 100%;height: 100%;display: block;object-fit: cover;border-radius: 50px;}
.swiper-media .swiper-slide .has-video::before{content: '\f144';font-family: 'Font Awesome 6 Pro';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;color: var(--wit);font-size: 80px;font-weight: 100;border-radius: 50px;}

/* Spotify */
.blok-spotify{padding: 75px 0;background: #6E1127;background: linear-gradient(288.92deg, #6E1127 3.18%, #D4214B 97.95%);}
.blok-spotify h2 strong{color: var(--zwart) !important;font-weight: 500;}

/* ------------------------------ Media Queries ------------------------------ */

@media (min-width: 768px) {
	/* Blokken */
	.blok{margin: 90px 0;}
	.blok-p{padding: 90px 0;}

	/* Forms */
	.form-wrap{padding: 40px;}
	:is(.page-template-contact, .single-programmas, .page-template-agenda) :is(.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form input[type="tel"]){margin: 0 0 24px 0;}

	/* Page header */
	.page-header{padding-bottom: 90px}
	.page-header.has-img{padding-bottom: 60px;}

	/* Review */
	.review-col:nth-child(even) .review-item{background: var(--wit);}
	.review-col:nth-child(even) .review-item i.quote{color: #9f9f9f;}
	.review-col:nth-child(even) .review-item :is(.tekst p, .name b){color: var(--zwart);}

	/* Modal */
	:is(.form-modal, .agenda-modal) .modal-dialog{max-width: 650px;}
	:is(.form-modal, .agenda-modal) button.cta{margin-top: 0;}

	/* Fonts */
	h1.titel, h2.titel{font-size: 30px;}
	.tekst :is(h1,h2,h3,h4){font-size: 22px;}
}
@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;width: unset;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul#menu-hoofdmenu{padding:0;align-items: center;}
	.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:500;font-size:16px;line-height:100%;padding:20px 0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 8px}
	.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(--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 li a:hover{background:none !important;color:var(--zwart) !important}
	.navbar-collapse ul li a:hover + i{}
	.navbar-collapse ul li ul li a{display: flex;justify-content: space-between;align-items: center;}
	.navbar-collapse ul li ul li a > i{margin-left: 25px;}

	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;}
	.navbar-collapse ul ul li:hover{background-color:var(--bg-grijs);}
	.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 ul{display:block;position:absolute;top:calc(100% + 33px);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: 33px;top:-33px;left:0;position: absolute;}
	.navbar-collapse ul li:hover > ul{z-index:999;opacity: 1;pointer-events: initial;transform: translateY(0);}

	.navbar-collapse ul li ul.sub-menu li{padding: 0 !important;border-radius: 5px;}

	.navbar-nav li li li a{padding:15px}
	.navbar-brand{display:none}
	.navbar-nav li a i{line-height:1.2;transition: none;}

	.navbar-lg{display: inline-flex;align-items: center;margin: 25px 0;}
	.navbar-collapse{width: unset;left:unset;min-width: unset;}

	/* Menu */
	.top{border-bottom-right-radius: 50px;}
	.navbar-collapse .extra a:not(.cta){display: block;color: var(--zwart) !important;text-decoration: none;font-weight: 500;font-size: 16px;line-height: 100%;margin: 0 20px 0 8px;}
	.navbar-lg{margin:20px 0;}
	.navbar-lg .logo{height: 45px;}

	.navbar-collapse ul li:last-of-type{padding-right: 8px;}
	
	.navbar-collapse .cta{padding: 12px 30px !important;}

	/* Offset */
	.home-header, .page-header{top:-85px;margin-bottom: -85px;}

	/* Home */
	.home-header{padding: 250px 0;}
	.home-header .img-wrap{width: 50%;position: absolute;right: 0;top: 0;height: 100%;clip-path: circle(65% at 91% 51%);border-radius: 0;}

	/* Page header */
	.page-header{padding-top: calc(100px - 17px + 40px);}
	.page-header .content-col{margin: 90px 0;}
	.page-header:not(:has(.content-col)) .breadcrumbs{margin-bottom: 90px;}

	/* Forms */
	.form-wrap{padding: 50px;}
	.page-template-contact :is(.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form input[type="tel"]){margin: 0 0 12px 0;}

	/* Blokken */
	.blok{margin: 120px 0;}
	.blok-p{padding: 120px 0;}

	/* Page header */
	.page-header{padding-bottom: 120px}
	.page-header.has-img{padding-bottom: 60px;}
	.page-header.has-img .img-wrap{position: relative;top: 80px;}

	/* Reviews */
	.review-item{padding: 40px;}

	/* Blogs */
	.blog-header .breadcrumbs{margin-bottom: 60px;}

	/* Over mij */
	.galerij{padding: 120px 0 144px 0;}

	.galerij :is(.img-1, .img-4){width: 50%;}
	.galerij :is(.img-2, .img-3, .img-5){width: 25%;}

	.galerij .img-1{position: relative;top:0;left: 0;}
	.galerij .img-3{position: absolute;top: calc(270px + 24px);left: 0;}
	.galerij .img-4{position: relative;top: 24px;left: 25%;}
	.galerij .img-5{position: absolute;top:0;right: 0;}

	.galerij :is(a, .img-wrap, img){width: 100%;}
	.galerij img{height: 270px;}
	.galerij .img-5 img{height: 564px;}

	/* Fonts */
	h1.titel, h2.titel{font-size: 32px;}
	.tekst :is(h1,h2,h3,h4){font-size: 24px;}
	.blok-spotify h2.titel{font-size: 32px !important;}
}
@media (min-width: 1200px) {
	/* Home */
	.home-header{padding: 300px 0 250px 0;}
	.home-header .img-wrap{clip-path: circle(76% at 94% 51%);}

	/* Menu */
	.navbar-lg .logo{height: 70px;}
	.navbar-collapse ul li{padding: 0 15px;}
	.navbar-collapse ul li:last-of-type{padding-right: 15px;}
	.navbar-collapse .extra a:not(.cta){margin: 0 30px 0 15px;}

	.navbar-collapse ul ul{top:calc(100% + 48px);left: -15px;}
	.navbar-collapse ul ul::before{height: 48px;top:-48px;}

	/* Offset */
	.home-header, .page-header{top:-110px;margin-bottom: -110px;}

	/* Page header */
	.page-header{padding-top: calc(100px - 17px + 65px);}

	/* Fonts */
	h1.titel, h2.titel{font-size: 36px;}
}
@media (min-width: 1400px) {
	/* Menu */
	.navbar-collapse ul li{padding: 0 20px;}
	.navbar-collapse ul li:last-of-type{padding-right: 20px;}
	.navbar-collapse .extra a:not(.cta){margin: 0 40px 0 20px;}

	/* Footer */
	.faq-module + .footer{padding: 170px 0 120px 0;}
	.faq-module + .footer::before{content:'';position: absolute;top:0;left:0;background: var(--bg-grijs);width: 100%;height: 50px;border-radius: 0 0 50px 50px;}

	/* CTA */
	.cta:not(.call){padding: 12px 60px;}

	/* Home */
	.home-header .img-wrap{clip-path: circle(79% at 89% 51%);}

	/* Forms */
	.page-template-contact :is(.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form input[type="tel"]){margin: 0 0 24px 0;}

	/* Review */
	.review-item{padding: 50px;}
	.review-module .review-item{padding: 40px !important;}

	.review-col.first .review-item{background: var(--wit);}
	.review-col.first .review-item i.quote{color: #9f9f9f;}
	.review-col.first .review-item :is(.tekst p, .name b){color: var(--zwart);}

	.review-col:nth-child(even) .review-item{background: #6E1127;;}
	.review-col:nth-child(even) .review-item i.quote{color: #C98897;}
	.review-col:nth-child(even) .review-item :is(.tekst p, .name b){color: var(--wit);}

	/* Modal */
	.form-modal .modal-dialog{max-width: 1050px;}
	.form-modal button.close{right: 45px;top: 35px;}
	.form-modal .modal-body{padding: 45px;}
	.form-modal .modal-body h4{font-size: 26px;}
	.form-modal .img-wrap{margin-right: 40px;min-width: 350px;min-height: 550px;}
	.form-modal .img-wrap img{min-width: 350px;min-height: 550px;}

	.single-programmas .form-modal :is(.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form input[type="tel"]){margin: 0 0 12px 0;}
	.single-programmas .form-modal button.cta{margin-top: 12px;}

	/* Blog swiper */
	.swiper-blogs, .swiper-progs{min-width: calc((100vw + 1320px - 12px) / 2);}
	.swiper-blogs :is(.swiper-slide, .blog-item), .swiper-progs :is(.swiper-slide, .prog-item){max-width: 400px; max-height: 400px;}

	/* Blog media */
	.single-inspiratie .swiper-media{border-radius: 50px;padding-bottom: 0 !important;}
	.single-inspiratie .media-galerij .swiper-nav{padding-top: 24px;}

	.swiper-media .swiper-wrapper{align-items: center;transition-timing-function: ease-in-out;}
	.swiper-media .swiper-slide{height: 475px;min-height: 475px;max-height: 475px;overflow: hidden;border-radius: 50px;display: flex;}
	.swiper-media .swiper-slide :is(a, .img-wrap, img, video){height: 100%;width: 100%;}
	.swiper-media .swiper-slide :is(.img-wrap, video){border-radius: 0;}
	
	/* Spotify */
	.blok-spotify{background: var(--bg-grijs);position: relative;overflow: hidden;}
	.blok-spotify :is(.container, .row){position: relative;z-index: 2;}
	.blok-spotify::before{content: '';position: absolute;top: 0;left: 0;width: calc((100vw + 1320px - 41px)/2);height: 100%;border-radius: 0 500px 500px 0;background: #6E1127;background: linear-gradient(29deg, #6E1127 3.18%, #D4214B 97.95%);z-index: 1;}
	.blok-spotify::after{content: '';position: absolute;top: 0;left: calc((100vw + 1320px + 75px) / 2);width: 100vw;height: 100%;border-radius: 500px 0 0 500px;background: #6E1127;background: linear-gradient(151deg, #6E1127 22.93%, #D4214B 88.72%);z-index: 1;}

	/* Gradients */
	.home-header::before, .page-header::before, .review-module::after{content: '';bottom: 0;left: -380px;position: absolute;width: 800px;height: 800px;max-height: 100%;border-radius: 50%;background: #9E1C3B;background: radial-gradient(circle, rgba(158, 28, 59, 0.125) 0%, rgba(245, 244, 242, 1) 75%, rgba(255, 255, 255, 0) 100%);}
	.page-header.large::before{bottom: unset;top: 0;}
	.review-module::after{left: unset;right: -380px;bottom: -380px;}
	.blog-header::before{background: #9E1C3B;background: linear-gradient(70deg, rgba(158, 28, 59, 0.03) 0%, rgba(245, 244, 242, 1) 100%);}

	/* Vlakken */
	.programmas::before, .blog-img-blok::before, .galerij::before, .media-galerij::before{content: '';position: absolute;bottom: -30px;right: calc((100vw + 1320px - 760px) / 2);width: 100vw;height: 460px;border-radius: 0 500px 500px 0;background: #6E1127;background: linear-gradient(105deg, #6E1127 50%, #D4214B 97.95%);z-index: 1;}
	.galerij::before{height: 600px;right: calc((100vw + 1320px - 490px) / 2);}
	.programmas::after, .blog-img-blok::after, .galerij::after, .media-galerij::after{content: '';position: absolute;top: 0;left: calc((100vw + 1320px + 200px) / 2);width: 100vw;height: 460px;border-radius: 500px 0 0 500px;background: #6E1127;background: linear-gradient(289deg, #6E1127 50%, #D4214B 97.95%);z-index: 1;}

	.circle-right::after{content: '';position: absolute;top: 0;left: calc((100vw + 1320px + 200px) / 2);width: 750px;height: 750px;max-height: 100%;border-radius: 50%;background: #6E1127;background: linear-gradient(188deg, #6E1127 50%, #D4214B 97.95%);z-index: 1;}

	/* Fonts */
	h1.titel, h2.titel{font-size: 40px}
}
@media(min-width: 1600px){
	.home-header .img-wrap{clip-path: circle(85% at 89% 33%);}
}
@media(min-width: 1920px){
	.home-header .img-wrap{clip-path: circle(75% at 72% 40%);}
}