/*
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;
	--transition-long:all 250ms ease-in-out;

	--zwart:#000;
	--wit:#FFF;

	--tekst:#0C0C0C;

	--mint:#3ADEAC;
	--mint-bg:#EFF8F9
}

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}
*{line-height:1.75em;}
html,body{width:100%;font-family:"sofia-pro", 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;}

/* 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: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);}
.top::before{width: 100%;height: 0;content: '';position: absolute;z-index: -1;top: 0;background-color: rgba(0, 0, 0, 0.8);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);transition:all 200ms ease-in-out;}
.top.scrolled{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.top.scrolled::before{height: 100%;}
.m-logo{display: block;object-fit: contain;}

.top img.m-logo{transform-origin: center left;transition: var(--transition);}
.top.scrolled img.m-logo{transform:scale(0.8) translateY(2px);}

.oc-menu .navbar-nav ul.sub-menu{padding-left: 0;}
.oc-menu .navbar-nav li a{padding:10px 12px;color: var(--wit);font-size: 24px;font-weight: bold;width: fit-content;}
.oc-menu .navbar-nav li.menu-item-has-children a{width: 100%;}
.oc-menu .navbar-nav li.menu-item-has-children a i{line-height: 1.25;padding: 0 0 0 25px;font-weight: 300;color:var(--mint);}
.oc-menu .navbar-nav li.menu-item-has-children li a{padding: 10px 12px;font-size: 16px;font-weight: 400;border: none;}

.oc-menu .navbar-nav > li:not(:has(.open)) a{}

.oc-menu :is(.navbar-collapse, .product-wrap)::-webkit-scrollbar{width: 6px;border-radius: 5px;}
.oc-menu :is(.navbar-collapse, .product-wrap)::-webkit-scrollbar-track{background:#415A4F;border-radius: 5px;}
.oc-menu :is(.navbar-collapse, .product-wrap)::-webkit-scrollbar-thumb{background: var(--mint);border-radius: 5px;}

.oc-toggler{margin: 0;font-size: 16px;font-weight: bold;color: var(--wit);border:2px solid var(--wit);border-radius: 50px;text-transform: uppercase;padding: 14px 20px;background: transparent;transition: var(--transition);}
.oc-close{background: transparent;color: #fff;border: 2px solid #fff;border-radius: 50%;font-size: 27px;margin: 0;padding: 0;min-width: 48px;max-width: 48px;min-height: 48px;max-height: 48px;transition: var(--transition);}
.oc-menu{background:#181818;}
.oc-header{padding: 10px 12px;border: none;}
.oc-body{padding: 0;border-top: none;position: relative;overflow: hidden;}
.oc-body::after{content: '';position: absolute;pointer-events: none;width: 100%;height: 700px;top: 0;right: -125px;background: #3ADEAC;background: radial-gradient(circle, rgba(58, 222, 172, 0.15) 0%, rgba(24, 24, 24, 1) 50%);z-index: -1;}
.oc-bottom{padding: 0 12px 12px 12px;}

/* Breadcrumbs */
.breadcrumbs{line-height:24px;margin: 0 0 30px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform: uppercase;color: var(--mint);}
.breadcrumbs span{font-weight:700;color: var(--mint);}
.breadcrumbs span i{padding:0 10px;font-size:12px;}
.breadcrumbs span i.fa-house{padding: 0;font-size: 14px;}
.breadcrumbs span a{text-decoration:none;color:var(--mint);font-weight: 400;}
.breadcrumbs span .breadcrumb_last{font-weight: 400;}

.breadcrumbs a.terug{text-decoration: none;display: inline-flex;align-items:baseline;width: fit-content;font-size: 12px;color: var(--wit);background: rgba(255, 255, 255, 0.25);border-radius: 50px;padding: 0 10px;letter-spacing: 0.5px;margin-right: 20px;}
.breadcrumbs a.terug i{padding-right: 5px;}

/* FAQ */
.faq #accordionGroup{width:100%;}
.faq .accordion-item{border:1px solid #D8EDEF;border-radius: 10px !important;background: transparent;}
.faq .accordion-item + .accordion-item{margin-top:20px;}
.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:700;text-transform:none;margin:0;color: var(--zwart);}
.faq h4 button{padding:15px 25px;font-weight:600;font-size: 16px;line-height: 24px;background: transparent;box-shadow: none !important;}
.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 20px 25px;}

.faq .accordion-body .leesmeer{color: var(--mint);font-size: 16px;display: block;width: fit-content;margin-top: 10px;text-decoration: none;}
.faq .accordion-body .leesmeer:hover > i{transform: translateX(5px);}

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

/* Footer */
.footer{background-color:var(--zwart);color:#fff;}
.footer::before{content: '';position: absolute;top: 0;right: 0;width: 800px;height: 100%;z-index: 1;background-image: url(images/beeldmerk.svg);background-repeat: no-repeat;background-size: 160%;background-position: 0% 50%;opacity: 0.1;pointer-events: none;}

.footer .social a,.social a{background-color: #3D3D3D;color: #fff;width: 32px;height: 32px;border-radius: 50%;font-size: 16px;}
.footer .logo{display: block;object-fit: contain;}
.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;}

.copyright{color:#fff;line-height: 2;}
.copyright .split{opacity: 0.5;margin: 0 5px;}

/* 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 10px 0;padding:10px;border:1px solid var(--blauw);width:100%;color:var(--zwart);background-color:var(--blauw-licht);border-radius:5px;}
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: var(--zwart) !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 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%}
.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%;}

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

/* Images */
.img-wrap img{display: block;width: 100%;height: 100%;object-fit: cover;}
img.dark{-wekit-filter:brightness(0.5);filter:brightness(0.5);}

/* Knoppen */
.knop{text-decoration: none;display: inline-flex;width: fit-content;height: fit-content;align-items: center;justify-content: center;background: var(--mint);color: var(--zwart);border-radius: 50px;transition: var(--transition);padding: 13px 53px 16px 28px;border: none;font-size: 16px;line-height: 24px;font-weight: 600;position: relative;}
.knop::after{content:'\f061';position: absolute;right:28px;top:calc(50% - 12px);font-size: 16px;font-family: 'Font Awesome 6 Pro';transform: rotate(-45deg);transition: var(--transition);}
.knop:hover{background: var(--wit);}
.knop:hover:after{color: var(--zwart);transform: rotate(0deg);}

.knop.alt{background: transparent;border:2px solid var(--mint);}
.knop.alt:hover{background: var(--mint);}

.knop.trans{background: transparent;border:2px solid var(--mint);}
.knop.trans:hover{background: var(--mint);}

.knop.wit{background: transparent;border:2px solid var(--wit);color: var(--wit);}
.knop.wit:hover{background: var(--mint);border:2px solid var(--mint);color: var(--zwart);}

.knop.mix{background: transparent;border:2px solid var(--mint);color: var(--wit);}
.knop.mix:hover{background: var(--mint);color: var(--zwart);}

.knop-underline, .knop-underline:hover{color: var(--wit);width: fit-content;height: fit-content;text-decoration: underline;}
.knop-underline.video{font-size: 16px;text-decoration: none;color: var(--wit);}
.knop-underline.video i{color: var(--mint);}

.knop-pijl{text-decoration: none;color: var(--mint) !important;display: inline-flex;width: fit-content;align-items: center;position: relative;padding-right: 24px;}
.knop-pijl::after{font-family: 'Font Awesome 6 Pro';position: absolute;right: 0;color: var(--mint);content:'\f061';transition: var(--transition);}
.knop-pijl:hover:after{transform: translateX(5px);}

/* Fonts */
.tekst :is(p, li, a, span){font-size: 16px;line-height: 28px;color: var(--tekst);font-weight: 400;}
.titel{margin:0 0 20px 0;color: var(--zwart);line-height: calc(100% + 10px);font-weight: bold;font-size: 44px;}
h1.titel{font-size: 36px;}
h2.titel{font-size: 30px;}
.titel.groot{font-size: 32px;}

.subtitel{color: var(--mint);text-transform: uppercase;font-size: 14px;font-weight: 500;}

.tekst :is(h1,h2,h3,h4){font-weight: 700;color: var(--zwart);line-height: calc(100% + 5px);margin:0 0 20px 0;}
.tekst :is(h1,h2){font-size: 26px;}
.tekst h3{font-size: 24px;}
.tekst h4{font-size: 22px;}

.tekst p + :is(h1,h2,h3,h4){margin:40px 0 20px 0;}
.tekst :is(ul, ol){padding: 0;list-style-type: none;margin: 0;}
.tekst :is(ul, ol) li{position: relative;padding-left: 24px;}
.tekst :is(ul, ol) li + li{margin-top: 20px;}
.tekst :is(ul, ol) li::before{position: absolute;left:0;content:'\f00c';font-family: 'Font Awesome 6 Pro';color: var(--mint);}

.tekst :is(p, h1, h2, h3, h4) + :is(ul, ol){margin-bottom: 40px;}
.tekst :is(ul, ol) + :is(p, h1, h2, h3, h4){margin-top: 40px;}

span.offset{position: relative;transform: translateY(-1px);}

/* Font colors */
.tekst.wit :is(p, li, a, span), .wit{color: var(--wit);}

/* Colors */
.bg-blauw{background: var(--mint-bg);}

/* Swiper */
.swiper{width: 100%;position: relative;overflow: hidden;}
.swiper-pagination .swiper-pagination-bullet{border-radius: 0;width: 12px;height: 4px;margin: 0 3px !important;opacity: 0.125;}
.swiper-pagination .swiper-pagination-bullet-active{background:var(--mint);opacity: 1;}

/* Basic pages */
.main-content :is(ol, ul) li{padding-left: 20px;}
.main-content :is(ol, ul) li::before{content:'\2022';}
.main-content :is(ol, ul) li + li{margin-top: 5px;}

/* Banner */
.banner .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;}
.banner img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-filter:brightness(0.5);filter:brightness(0.5);}

/* Homepage */
.home-header{height: 100dvh;width: 100%;}
.home-header .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;}

.home-header .bg::before{content: "";position: absolute;top: 0px;right: 0px;width: 900px;height: 100%;z-index: 1;background-image: url(images/beeldmerk.svg);background-repeat: no-repeat;background-size: 140%;opacity: 0.2;pointer-events: none;background-position: 0% 50%;}
.home-header .bg::after{content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.1) 100%);}

.home-header h1{font-size: 40px;line-height: 100%;margin-bottom: 0;}
.home-header .tekst{margin: 40px 0 30px 0;}

/* Page header */
.page-header{position: relative;top:-77px;margin-bottom: -77px;padding:152px 0 100px 0;}
.page-header .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;}
.page-header .bg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.page-header .bg::before{content: "";position: absolute;top: 0px;right: 0px;width: 900px;height: 100%;z-index: 1;background-image: url(images/beeldmerk.svg);background-repeat: no-repeat;background-size: 140%;opacity: 0.2;pointer-events: none;background-position: 0% 50%;}
.page-header .bg::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.45) 100%);}
.page-header.small h1{line-height: calc(100% + 3px);}

/* Widget */
.widget{background: #EFF8F9;padding: 40px 35px;}
.widget h4{font-size: 20px;line-height: 22px;}
.widget img{min-width: 80px;max-width: 80px;min-height: 80px;max-height: 80px;display: none;object-fit: cover;margin-left: 25px;}

/* FAQ module */
.faq-module .faq .accordion-item{background:#ffffff;}
.faq-module .acc-col{margin-top: 20px;}

/* Loop item */
.loop-item{aspect-ratio: 1;position: relative;}
.loop-item .bg{position: absolute;z-index: -1;width: 100%;height: 100%;overflow: hidden;}
.loop-item .bg img{display: block;object-fit: cover;width: 100%;height: 100%;-webkit-filter:brightness(0.65);filter:brightness(0.65);transition: var(--transition);}

.loop-item .content{width: 100%;padding: 40px;}
.loop-item .content h4{font-size: 24px;line-height: 34px;transition: var(--transition);-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;margin-bottom: 15px;}

.loop-item .overlay{opacity:0;transition: var(--transition);transform: translateY(25px);position: absolute;bottom: 75px;left: 40px;width: calc(100% - 80px);}
.loop-item .overlay p{-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}

.loop-item:hover .bg img{transform: scale(1.025);}
.loop-item:hover h4{transform: translateY(-70px);}
.loop-item:hover .overlay{opacity: 1;max-height: unset;transform: translateY(0);}
.loop-item:hover a.knop-pijl::after{transform: translateX(5px);}

/* Nieuws */
.post-date{color: var(--mint);font-size: 16px;font-weight: 400;margin-top: 35px;}
.nieuws-item .post-date{position: absolute;top:40px;left:40px;margin: 0;font-size: 13px;color: var(--wit);padding: 10px 15px;background-color: rgba(255, 255, 255, 0.25);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);border-radius: 5px;}

.swiper-nieuws, .swiper-branches{width: 100vw;left:-12px;}
.swiper-nieuws .swiper-slide{height: auto !important;align-self: stretch;}

/* Pagination */
.custom-pag a,.custom-pag span.current{text-decoration: none;display: inline-flex;align-items: center;justify-content: center;min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;background: transparent;border-radius: 0;margin: 0 5px;font-size: 18px;font-weight: 600;color: #181818;transition: var(--transition);}
.custom-pag span.current{color: #fff;background: var(--mint);}
.custom-pag a:hover{opacity: 0.85;}
.custom-pag :is(.next,.prev){background: #1818182E;color: #181818;}
.custom-pag .page-numbers.dots{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 45px;margin: 0 5px;color:#181818;}

/* Contact */
.contact .form-wrap{background: var(--mint-bg);padding: 40px;}
.contact .form-wrap .wpcf7{margin-top: 30px;}
.contact .form-wrap :is(input, textarea){background: var(--wit);border-radius: 20px;padding: 10px 20px;}
.contact .form-wrap :is(input, textarea)::placeholder{color:#353A3E!important;}
.contact .form-wrap textarea{height: 150px;padding: 15px 20px;}

.contact .form-wrap .knop{border:2px solid transparent;}
.contact .form-wrap .knop:hover{border:2px solid var(--mint);}

.contact .info{padding: 40px;aspect-ratio: 1;}
.contact .info .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.contact .info .bg img{-webkit-filter:brightness(0.4);filter:brightness(0.4);}
.contact .info h3{font-weight: bold;font-size: 28px;}
.contact .info i{min-width: 26px;padding-right: 10px;}
.contact .info .offset-left{margin-left: 26px;}

#maps, #maps iframe{height: 350px;}

/* Standaard pagina */
.blok.gallery a{display: block;width: 100%;height: fit-content;}
.blok.gallery a img{object-fit: cover;display: block;aspect-ratio: 4/3;width: 100%;}
.blok.gallery a:focus-visible{border: none;outline: none;box-shadow: none;}

.blok.img-right img, .blok.img-left img{display: block;width: 100%;height: 100%;object-fit: cover;aspect-ratio: 4/3;}

.yt-video{width: 100%;height: 600px;max-width: 1795px;margin: 0 auto;}
.yt-video .bg{width: 100%;height: 100%;position: relative;}
.yt-video .bg img{display: block;object-fit: cover;width: 100%;height: 100%;-webkit-filter:brightness(0.5);filter:brightness(0.5);}
.yt-video .play{width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--mint);position: absolute;top: calc(50% - 70px);left: 0;right: 0;margin: 0 auto;}
.yt-video .play i{font-size: 60px;padding-left: 10px;color:var(--wit);}

.yt-video .play::before{content: '';position: absolute;width: 160px;height: 160px;left: -10px;top: -10px;border: 10px solid rgba(255, 255, 255, 0.5);border-radius: 50%;animation: circleBg 3s ease-in-out 0s infinite normal forwards;}
@keyframes circleBg{0%{opacity: 1;}50%{opacity: 0.5;}100%{opacity: 1;}}

.video-modal :is(.modal-content, .modal-header){background: transparent;border-radius: 0;border: 0;}
.video-modal .modal-body{padding: 0;border-top: 0;border-radius: 0;}
.video-modal .close{background: var(--mint);padding: 0;border: 0;color: #000000;font-size: 15px;width: 36px;height: 36px;border-radius: 50%;}

/* Item blokken */
.product-item{aspect-ratio: 3/3.5;}
.branche-item{aspect-ratio: 1;}

/* Producten */
.inner-blok{min-height: 450px;}
.inner-blok .bg{position: absolute;width: 100%;height: 100%;}
.inner-blok .bg img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-filter:brightness(0.65);filter:brightness(0.65);}
.inner-blok .content{position: relative;z-index: 3;padding: 40px;}

/* Cases */
.swiper-cases .swiper-slide a img{aspect-ratio: 3 / 3.5;}
.swiper-cases .swiper-slide:has(video){display: flex;align-items: center;justify-content: center;height: auto;align-self: stretch;background: rgba(0,0,0,0.05);}
.swiper-cases .swiper-slide video{aspect-ratio: 16/9;width: 100%;height: auto;}

.post-type-archive-cases .top{background: #0C0C0C;}
.post-type-archive-cases .page-wrap{background: #0C0C0C;position: relative;overflow: hidden;}
.post-type-archive-cases .page-wrap::before{content: '';position: fixed;pointer-events: none;width: 700px;height: 700px;top: 150px;left: -400px;background: #3ADEAC;background: radial-gradient(circle, rgb(56 137 112 / 60%) 0%, rgba(12, 12, 12, 1) 65%);z-index:0;}
.post-type-archive-cases .page-wrap::after{content: '';position: fixed;pointer-events: none;width: 700px;height: 700px;top: 600px;right: -400px;background: #3ADEAC;background: radial-gradient(circle, rgb(56 137 112 / 60%) 0%, rgba(12, 12, 12, 1) 65%);z-index:0;}

.case-item h4{transition: var(--transition);}
.case-item img{transition: var(--transition-long) !important;}
.case-item .overlay{bottom: 40px;}
.case-item:hover h4{transform: translateY(-55px);}
.case-item::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 10px solid rgba(255, 255, 255, 0.2);transition: var(--transition);opacity: 0;content:'';}
.case-item:hover:before{opacity: 1;}

.post-type-archive-cases .custom-pag a{color: var(--wit);}
.post-type-archive-cases .custom-pag span.current{border-radius: 5px;}
.post-type-archive-cases .custom-pag :is(a.prev, a.next){background: rgba(255, 255, 255, 0.2);border-radius: 5px;}

.blok-p.cases{background: #0C0C0C;}
.blok-p.cases::before{content: '';position:absolute;pointer-events: none;width: 700px;height: 700px;top: 0;left: -400px;background: #3ADEAC;background: radial-gradient(circle, rgb(56 137 112 / 60%) 0%, rgba(12, 12, 12, 1) 65%);z-index:0;}
.blok-p.cases::after{content: '';position:absolute;pointer-events: none;width: 700px;height: 700px;bottom: -150px;right: -400px;background: #3ADEAC;background: radial-gradient(circle, rgb(56 137 112 / 60%) 0%, rgba(12, 12, 12, 1) 65%);z-index:0;}

/* USP's */
.usps .usp .icon{min-width: 60px;max-width: 60px;height: auto;}
.usps .usp .icon img{width: 100%;height: 100%;display: block;object-fit:contain;object-position: 50% 0%;}
.usps .usp strong{font-size:20px;line-height: 100%;margin-bottom: 10px;}
.usps .usp span{font-weight: 300;font-size: 16px;line-height: 28px;}

/* Swiper navigation */
.swiper-nav{position: relative;height: 40px;width: 95px;}
.swiper-nav .nav-btn{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;border-radius: 50%;border:2px solid var(--mint);}
.swiper-nav .nav-btn.prev{left:0;right: unset;}
.swiper-nav .nav-btn.next{left:55px;right: unset;}
.swiper-nav .nav-btn::after{content:'\f104';font-family: 'Font Awesome 6 Pro';color: var(--mint);font-size: 22px;}
.swiper-nav .nav-btn.next::after{transform: rotate(180deg);}

/* Custom list */
.custom-list ul{counter-reset: item;}
.custom-list li{font-weight: 400 !important;padding-left: 32px !important;}
.custom-list li strong{font-weight: bold;}
.custom-list li::before{counter-increment: item;content: counter(item) !important;color: var(--wit) !important;background: var(--mint);border-radius: 50%;min-width: 22px;max-width: 22px;min-height: 22px;max-height: 22px;display: flex;align-items: center;justify-content: center;font-size: 12px;top: 4px;}

/* WPML */
.wpml-wrap .wpml-ls-legacy-dropdown{width: fit-content;}
.wpml-wrap ul li a{background: transparent;padding: 10px;display: inline-flex;align-items: center;color: #fff;border: none;transition: all 75ms ease-in-out;border-radius: 0 !important;}
.wpml-wrap .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content: '\f107';font-family: 'Font Awesome 6 Pro';font-weight: 600;border: none;background: transparent;padding: 0;top: calc(50% - 7px);font-size: 14px;color:#fff !important;}
.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-wrap .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{color:#000;background: transparent !important;}
.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{border: none;}
.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border: 1px solid rgba(255, 255, 255, 0.25);width: 100%;background: #000;justify-content: center;}
.wpml-wrap .wpml-ls-legacy-dropdown a:hover{background: transparent !important;color:#fff !important;}

/* Margings/paddings */
.container.wide{max-width: 1820px;}
.blok{margin: 75px 0;}
.blok-p{padding: 75px 0;}
.blok-p.small{padding: 90px 0;}
.mt-35{margin-top: 35px !important;}
.mb-35{margin-bottom: 35px !important;}

/* Producten */
.flex-usps i{color: var(--mint);font-size: 20px;}
.flex-usps strong{font-size: 20px;color: var(--tekst);}
.flex-usps .tekst p{font-weight: 300;}

/* Product - Video */
.single-producten .page-header{}
.single-producten .page-header img{display: block;width: 100%;height: 100%;object-fit:cover;filter: brightness(0.5);filter: brightness(0.5);}
.single-producten .page-header video{display: block;width: 100%;height: 100%;object-fit: cover;filter: brightness(0.5);filter: brightness(0.5);}
.single-producten .page-header :is(video, img){position: absolute;top:0;left:0;}

.single-producten #videoModal .modal-content{background: transparent;border: none;}
.single-producten #videoModal .modal-header{padding: 0;border: 0;}
.single-producten #videoModal .modal-header .oc-close{padding:10px;color: #fff;background: var(--blauw);border-radius: 50%;min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;margin-bottom: 15px;font-size: 22px;}
.single-producten #videoModal .modal-body{padding: 0;margin-bottom: -3px;}
.single-producten #videoModal .modal-body iframe{aspect-ratio:16/9;}

/* Whitepaper */
#whitepaperModal .contact .form-wrap{padding: 0;background: transparent;}
#whitepaperModal .contact .form-wrap button{margin-top: 10px;}

#whitepaperModal .modal-content{border: none;border-radius: 0;}
#whitepaperModal .modal-header{padding: 20px 40px;}
#whitepaperModal .modal-header h4{margin: 0;color: var(--zwart);line-height: calc(100% + 10px);font-weight: bold;font-size: 24px;}
#whitepaperModal .modal-header button{border: none;background: transparent;padding: 0;margin: 0;font-size: 24px;color: #000;}
#whitepaperModal .modal-body{background: #EFF8F9;padding: 40px;}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px) {
	/* Swipers */
	.swiper-nieuws, .swiper-branches{left: calc((-100vw + 540px - 12px)/2);}
}
@media (min-width: 768px) {
	/* Swipers */
	.swiper-nieuws, .swiper-branches{left: calc((-100vw + 720px - 12px)/2);}

	/* Standaard pagina */
	.blok.gallery .last a{width: 100%;}
	.blok.gallery .last a img, .producten .last .product-item{aspect-ratio: 2/1;width: 100%;}

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

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

	/* Fonts */
	.titel.groot{font-size: 46px;}
	.home-header h1{font-size: 60px;}
	h2.titel{font-size: 38px;}
	.loop-item .content h4{font-size: 27px;line-height: 37px;}
	.usps .usp strong{font-size: 22px;}
	.widget h4{font-size: 24px;line-height: 26px;}
	.tekst :is(h1,h2){font-size: 30px;}
	.tekst h3{font-size: 28px;}
	.tekst h4{font-size: 26px;}
}
@media (min-width: 992px) {
	/* Menu (desktop) */
	.top .navbar{text-align:center;display:inline-block;}
	.top .navbar-default{border:none;}
	.top .navbar-collapse{padding:0;margin-top:0;box-shadow:none}
	.top .navbar-collapse.collapse{background-color:transparent;}
	.top .navbar ul.nav{padding:0;margin-top:0;}

	.top .navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.top .navbar-collapse ul a{display:block;color:var(--wit) !important;text-decoration:none;font-weight:bold;font-size:16px;line-height:100%;padding:0;border:none;margin:0;text-transform: uppercase;transition: var(--transition);}
	.top .navbar-collapse ul li{position:relative;float:left;margin:0 8px;padding:0;}
	.top .navbar-collapse > ul > li:last-of-type{margin-right: 0;}
	.top .navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--wit) !important;border:none}
	.top .navbar-collapse ul ul.sub-menu li.current-menu-item>a{color:var(--zwart) !important;background:#f1f1f1;}
	/*.top .navbar-collapse ul ul li.current-menu-item i{display:none}*/
	.top .navbar-collapse ul ul li.current-menu-item a{border-bottom:none}

	.top .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);}
	.top .navbar-collapse ul ul::before{content:'';z-index:-1;width: 100%;height: 43px;top:-43px;left:0;position: absolute;}
	.top .navbar-collapse ul li:hover > ul{z-index:999;opacity: 1;pointer-events: initial;transform: translateY(0);}

	.top .navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;padding: 0;margin: 0;}
	.top .navbar-collapse ul ul a{padding:15px;color:var(--zwart) !important;text-shadow:none;white-space:nowrap;border-radius: 10px;width: 100%;transition: var(--transition);display: flex;align-items: baseline;justify-content: space-between;}
	.top .navbar-collapse ul ul a:hover{background-color:#f1f1f1;}
	.top .navbar-collapse ul ul ul{top:0;left:100%}
	.top .navbar-collapse ul li:hover > ul{display:block;z-index:1;}
	.top .navbar-nav li li li a {padding:15px}
	.top .navbar-brand{display:none}
	.top .navbar-nav li a i{line-height:1;}

	/* Menu */
	.oc-menu-xl{border: none;width: 100vw;min-width: 100vw;}
	.oc-menu-xl .navbar-collapse{max-height: 411px;}
	.oc-menu-xl .navbar-nav li a{padding: 10px 0;}
	.oc-menu-xl .navbar-nav li.menu-item-has-children li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;}
	.oc-menu-xl .product-wrap{overflow-y:auto;height: calc(100dvh - 413px);max-height: calc(100dvh - 413px);}
	.oc-menu-xl .offcanvas-footer{margin: 75px 0;}
	.oc-menu-xl::after{content: '';position: absolute;pointer-events: none;width: 100%;height: 100%;top: 0;right: 0;left: 0;margin: 0 auto;background: #3ADEAC;background: radial-gradient(circle, rgba(58, 222, 172, 0.25) 0%, rgba(24, 24, 24, 1) 50%);z-index: -1;}

	.oc-toggler:hover, .oc-close:hover{border:2px solid var(--mint);}

	.producten-wrap a.product img{display: block;width: 100%;height: 100%;object-fit: cover;aspect-ratio: 3 / 4.5;transition: var(--transition-long);-webkit-filter:brightness(0.65);filter:brightness(0.65);}
	.producten-wrap a.product .overlay{position: absolute;bottom: 0;left:0;width: 100%;padding: 25px;z-index: 3;}
	.producten-wrap a.product .overlay h4{font-size: 30px;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;}
	.producten-wrap a.product .overlay :is(span, i){color: var(--mint);transition: var(--transition-long);}
	.producten-wrap a.product:hover > .bg img{transform: scale(1.05);}
	.producten-wrap a.product:hover > .overlay span i{transform: translateX(5px);}

	.oc-menu .navbar-nav ul.sub-menu li.menu-item-has-children a i{transform: rotate(90deg);padding: 0;margin-left: 25px;}
	.oc-menu .navbar-nav ul.sub-menu li.menu-item-has-children a i.active{transform: rotate(-90deg);}

	/* Homepage */
	.home-header .bg::before{opacity: 0.3;}

	/* Footer */
	.footer .copyright{margin-top: 100px !important;}
	.f-wrap{background:#3D3D3D;border-radius: 50px;padding: 8px 26px;}
	.f-logo{background:#3D3D3D;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;}

	/* Page header */
	.page-header{top: -91px;margin-bottom: -91px;padding: 225px 0 175px 0;}
	
	.page-header.small{padding: 180px 0 115px 0;}
	.page-header.small h1{font-size: 50px;}

	.page-header.small h1.long{font-size: 44px;}

	/* Contact */
	.contact .wrapper::before{content: '';background: var(--mint-bg);z-index: -1;width: calc(100% - 24px);height: 100%;position: absolute;top: 0;left: 12px;}

	/* Standaard pagina */
	.blok.gallery :is(a img, .last a img){aspect-ratio: 3/3.5;}
	.blok.img-right, .blok.img-left{margin: 150px 0 0 0;overflow: hidden;}
	.blok.img-right .content, .blok.img-left .content{padding-top: 150px;padding-bottom: 150px;}
	.blok.img-right img, .blok.img-left img{position: absolute;width: 50vw;min-width: 50vw;height: calc(100% + 300px);top: -150px;left: 0;aspect-ratio: unset;}
	.blok.img-left img{left: unset;right: 0;}

	.blok.img-right.blauw::before, .blok.img-left.blauw::before{position: absolute;right: 50%;top: 0;width: calc(1795px / 2);height: 100%;background: var(--mint-bg);z-index: -1;content: '';}
	 .blok.img-left.blauw::before{right: unset;left: 50%;}

	/* Swipers */
	.swiper-nieuws, .swiper-branches{left: calc((-100vw + 960px - 12px)/2);}

	/* Swiper - Branches */
	.branches-nav{width: 100% !important;height: fit-content;min-height: 40px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
	.branches-nav .nav-btn.prev{bottom:0;}
	.branches-nav .nav-btn.next{left: unset;right: 0;bottom:0;}
	.branches-nav .swiper-scrollbar{width: calc(100% - 150px);height: 8px;left: 0;right: 0;margin: 0 auto;background:#1818180D;}
	.branches-nav .swiper-scrollbar-drag{background: var(--mint);}

	.branches-nav .swiper-scrollbar-drag:hover{cursor:pointer;cursor: grab;}
	.branches-nav .swiper-scrollbar-drag:active{cursor:pointer;cursor: grabbing;}

	/* WPML */
	.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{background: #000;border: 1px solid rgba(255, 255, 255, 0.75);}
	.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover{background:#000 !important;}
	.top.scrolled .wpml-ls-legacy-dropdown .wpml-ls-sub-menu :is(a, a:hover){border:none;background:#fff !important;}

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

	/* Fonts */
	.titel.groot{font-size: 60px;}
	.home-header h1{font-size: 80px;}
	h2.titel{font-size: 44px;}
	.loop-item .content h4{font-size: 30px;line-height: 40px;}
	.usps .usp strong{font-size: 24px;}
	.widget h4{font-size: 28px;line-height: 30px;}
	.tekst :is(h1,h2){font-size: 32px;}
	.tekst h3{font-size: 30px;}
	.tekst h4{font-size: 28px;}
}
@media (min-width: 1200px) {
	.top .navbar-collapse ul li{margin: 0 20px;}

	/* Swipers */
	.swiper-nieuws, .swiper-branches{left: calc((-100vw + 1140px - 12px)/2);}

	/* Producten */
	.inner-blok{min-height: 600px;}
}
@media (min-width: 1400px) {
	/* Swipers */
	.swiper-nieuws, .swiper-branches{left: calc((-100vw + 1320px - 12px)/2);}
	.nieuws-item{aspect-ratio: 3/2.5;}
	.blok.gallery:has(.swiper-cases) a img{aspect-ratio: unset;height: 700px;}

	.blok.gallery video{aspect-ratio: 16/9;width: 100%;height: 700px;background: rgba(0,0,0,0.05);}

	/* Cases */
	.case-item{height: 550px !important;}

	/* Widget */
	.widget img{display: block !important;}
}
@media (min-width: 1800px) {
	/* Standaard pagina */
	.blok.img-right img, .blok.img-left img{min-width: 897px;width: 897px;}
	.blok.img-right .content{padding-right: 150px !important;}
	.blok.img-left .content{padding-left: 150px !important;}

	/* Swiper */
	/*:is(.swiper-branches, .swiper-nieuws)*/ .swiper-nieuws .swiper-slide{transition: var(--transition);opacity: 0.5;}
	/*:is(.swiper-branches, .swiper-nieuws)*/ .swiper-nieuws :is(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next){opacity: 1;}

	/*.swiper-branches :is(.swiper-slide-active, .swiper-slide.swiper-slide.next, .swiper-slide.swiper-slide-next + .swiper-slide){opacity: 1 !important;}*/

	/* Swiper - Nieuws */
	.hide-1800{margin-top: 0 !important;display: none !important;}

	.prev-1800, .next-1800{min-width: 60px;max-width: 60px;min-height: 60px;max-height: 60px;background: var(--mint);border-radius: 50%;display: flex !important;align-items: center;justify-content: center;top:calc(50% - 8px);}
	.prev-1800{left:calc((100vw - 1320px + 12px)/2);right: unset;}
	.next-1800{right: calc((100vw - 1320px + 36px) / 2);left: unset;}
	.prev-1800::after, .next-1800::after{content: '\f104';font-family: 'Font Awesome 6 Pro';color: var(--wit);font-size: 32px;}
	.next-1800::after{transform: rotate(180deg);}

	/* Menu */
	.wpml-xl, .offcanvas-header .wpml-wrap{display: none !important;}
	.wpml-sticky{position: fixed;display: block !important;top:0;right: 0;}

	.wpml-wrap ul li a{background: #fff;border-radius: 0 0 0 5px !important;color: #000;font-size: 12px;font-weight: 500;flex-direction: row-reverse;padding: 10px !important;width: 100%;justify-content: center;}
	.wpml-wrap ul li a .wpml-ls-native{margin-left: 0 !important;margin-right: 10px;}
	.wpml-wrap .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{display: none !important;}

	.wpml-wrap .wpml-ls-legacy-dropdown > ul{min-width: 111px;}
	.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-wrap .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{background: #fff !important;color:#000 !important;}
	.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{top: calc(100% + 5px);}
	.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu::before{z-index: -1;height: 5px;width: 100%;top: -5px;left: 0;background: transparent;content: '';position: absolute;}
	.wpml-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu :is(a, a:hover){color:#000 !important;background:#fff !important;border:none !important;border-radius: 5px 0 0 5px !important;}
}
@media (min-width: 2560px) {
	.swiper-nieuws, .swiper-branches{width: 100%;left: unset;}
	.swiper-nieuws .nieuws-item{aspect-ratio:1;}
	/*:is(.swiper-branches, .swiper-nieuws)*/ .swiper-nieuws .swiper-slide{opacity: 1 !important;}

	/* Swiper - Nieuws */
	.prev-1800{left:24px;}
	.next-1800{right: 24px;}
}