/*
Theme Name: Vizien
Author: Roald Craenen
Author URI: https://www.vizien.nl/
Version: 2.4
Description: Status woningen aangepast nav mail Lily (rest zie readme.txt)
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 100ms ease-in-out;

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

	--goud:#BE9F56;
	--blauw:#009FE3;
	--roze:#E6007E;

	--blauw-donker:#1B272C;
	--grijs-bg:#F6F6F6;
}

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:'Titillium Web', 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}
h1,h2,h3,h4{line-height:1em;font-weight:700}
h1{font-size:48px;margin:0 0 30px 0}
h2{font-size:30px;margin:0 0 30px 0}
h3{font-size:30px;margin:0 0 30px 0}
h4{font-size:20px;margin:0 0 30px 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;}
.wp-caption{max-width:100%}
p + ul{margin-top:30px;}
::target-text{background: #E1ECFF;}

/* General */
.subtitel{text-transform:uppercase;font-size:24px;margin:-30px 0 30px 0}
.spacing{letter-spacing:1px;}
.transition{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:20px 30px;background:var(--blauw);color:#fff;font-size:16px;font-weight:700;text-decoration:none;display:inline-block;border-radius:10px;border:none;line-height:1em;}
.cta:hover,.cta:focus{background:var(--blauw);color:#fff}
.cta.brown{background-color:var(--grijs);}
.gradient{position:relative;}
.gradient .container{position:relative;z-index:1;}
.gradient:before{content:"";position:absolute;width:50%;height:100%;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);top:0;left:0;}
.clickable:hover{cursor:pointer;}

/* Top */
.top{padding:0;}
.logo{display:none}
.logo{max-height:60px;margin:20px 0}

/* 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:#fff !important;display:block;font-size:16px;font-weight:400;padding:10px 25px;border-bottom:1px solid rgba(255,255,255,0.1);}
.navbar-nav li a i{float: right;transition: all 100ms ease-in-out;line-height: 1.75;color: var(--goud);transform: rotate(-45deg);margin-left: 15px;}
.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 #313131;border-radius:0;margin-top:17px;}
.navbar-toggler .icon-bar{background-color:var(--zwart) !important;height:3px}
.navbar-collapse{background-color:#1a171b;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0;margin-left: 0;margin-right: 0;}
.navbar-brand{padding:0;display:inline-block;margin:15px 0 12px 0;min-width: 150px;max-width: 150px;min-height: 47px;max-height: 47px;}
.navbar-brand img{display:block;padding:0;min-width: 150px;max-width: 150px;min-height: 47px;max-height: 47px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* Breadcrumbs */
.breadcrumbs > span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;width: 100%;}
.breadcrumbs span{font-weight:600;font-size:14px;letter-spacing:1.6px;line-height:31px;color: var(--wit);text-transform: uppercase;}
.breadcrumbs span i{padding:0 10px;color: var(--goud);transform: rotate(-45deg);}
.breadcrumbs span a{text-decoration:none;color:var(--wit);}

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form{margin-top:40px}
.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 :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}
span.wpcf7-not-valid-tip{color:#981b1e !important}
div.wpcf7-response-output{margin-top:30px !important;background-color:rgba(152,27,30,0.1);padding:10px 20px !important}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);}
#wpcf7-f57-p20-o1 .versturen{margin-bottom:0}

/* Contact form validation */
span.wpcf7-not-valid-tip{font-size:12px !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%;}

/* ---- BUTTONS ---- */
.button{display: inline-flex;align-items: baseline;justify-content: center;font-weight: 600;font-size: 15px;letter-spacing: 1.7px;text-transform: uppercase;text-decoration: none;width: fit-content;}
.button > i{margin-left: 10px;transform: rotate(-45deg);transition: var(--transition);}
.btn-alt > i{color: var(--goud);}
.button:hover > i{transform: rotate(0deg);}

.btn-main, .btn-main:hover{background-color: var(--goud);color: var(--wit);padding: 15px 25px;}
.btn-alt, .btn-alt:hover{color: var(--wit);}
.btn-main.blauw, .btn-main.blauw:hover{background: var(--blauw);}
.btn-main.roze, .btn-main.roze:hover{background: var(--roze);color: var(--wit);}

.page-header .leesmeer{font-size: 17px;letter-spacing: 1.7px;text-transform: uppercase;font-weight: 500;text-decoration: none;display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.7);transition: all 200ms ease-in-out;width: fit-content;}
.page-header .leesmeer span{background: transparent;color: var(--wit);font-size: 17px;position: relative;box-sizing: content-box;min-width: 45px;max-width: 45px;min-height: 45px;max-height: 45px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.7);display: flex;align-items: center;justify-content: center;padding: 0;margin-left: 25px;}
.page-header .leesmeer span::before{transition: all 200ms ease-in-out;display: inline-block;content: "";position: absolute;width: 0;box-sizing: border-box;z-index: -2;left: 50%;top: 50%;height:0;border-radius: 50%;}
.page-header .leesmeer span > i{padding-left: 1px;position: relative;z-index:3;}
.page-header .leesmeer:hover{color: var(--wit);}
.page-header .leesmeer:hover > span::before{background: var(--goud);width: calc(100% + 2px);height: calc(100% + 2px);left: -1px;top: -1px;z-index:1;}

/* ---- BANNER ---- */
.banner{z-index:3;}
.banner .bbg{position: absolute;z-index:-1;width: 100%;height: 100%;}
.banner .bbg::after{content: '';position: absolute;z-index: 0;width: 100%;height: 100%;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.75) 100%);top: 0;left: 0;}
.banner .bbg img{width: 100%;height: 100%;display: block;object-fit:cover;}
.banner .content{padding:50px 0;}
.banner .content h3{color: var(--wit);font-size: 28px;text-wrap: balance;}
.banner .persoon{height: 100%;width: 100%;top: -35px;right: 0;}
.banner .persoon img{display: block;height:calc(100% + 35px);object-fit: scale-down;object-position: 50% 100%;}
.banner .info{bottom: 35px;right: 0;left: 0;margin: 0 auto;width: fit-content;background-color: rgba(255,255,255,0.1);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);padding: 15px 20px;}
.banner .info .naam{color: var(--wit);font-weight: bold;font-size: 20px;}
.banner .info .functie{color: var(--wit);font-weight: 400;font-size: 16px;}

/* ---- NAVIGATIE ---- */
.top{background: var(--blauw-donker);}
.menu-oc{border: none;background: transparent;}
.button-col{margin-top:2px;}
.menu-call{margin-right: 25px;}
.menu-call, .menu-call:hover{color: var(--wit) !important;font-size: 19px;}
.menu-logo{margin:10px 0 0 0;}
.menu-logo img{width: 80px;height: 50px;}

.menu-mob .menu-logo{margin:0;}
.menu-mob .offcanvas-header{padding: 9px 12px 0 12px;background: var(--blauw-donker);border-bottom: 1px solid rgba(255,255,255,0.2);}
.menu-mob .offcanvas-body{padding: 20px 0 30px 0;background: var(--blauw-donker);}
.menu-mob .navbar-collapse{background-color: transparent;}
.menu-mob .navbar-nav li a{padding: 10px 20px;}
.menu-mob .navbar-nav li a i{margin: 0;padding-right: 4px;}
.menu-mob .navbar-nav li li a{padding: 10px 20px 10px 40px;}
.menu-mob .navbar-nav li a i:not(.active){transform: rotate(0);}
.menu-mob ul.sub-menu{list-style-type: none;padding: 0;}
.menu-mob .info{padding: 0 20px;}
.menu-mob .info :is(a, span){color: rgba(255,255,255,0.7);text-decoration: none;font-size: 16px;line-height: 32px;}

.oc-close{color: var(--wit);border: none;background: transparent;padding: 0 10px;font-size: 24px;}
.menu-mob .oc-close{margin-bottom: 6px;}

/* ---- FOOTER ---- */
footer{background-color: var(--blauw-donker);padding: 75px 0;overflow-x:hidden;}
footer h4{font-size: 22px;color: var(--wit);}
footer :is(li a, a, span){font-size: 18px;font-weight: 400;color: rgba(255,255,255,0.7);text-decoration: none;line-height: calc(100% + 15px);}
footer :is(li a:hover, a:hover){color: rgba(255,255,255,0.7);}
footer .footer-ul{list-style-type: none;margin: 0;padding: 0;columns: 2;-webkit-columns: 2;-moz-columns: 2;column-gap: 15px;width: 100%;}
footer .footer-ul ul.sub-menu{list-style-type:none;margin:0;padding:0;}
footer .footer-ul li a{position: relative;padding-left: 30px;display: block;}
footer .footer-ul li a::before{font-family: 'Font Awesome 6 Pro';font-weight: 400;content:'\f061';font-size: 18px;color: var(--goud);position: absolute;left:0;transform:rotate(-45deg);transition: var(--transition);}
footer .footer-ul li a:hover:before{transform:rotate(0);}
footer .f-link{display: block;width: fit-content;transition: var(--transition);}
footer .f-link:hover{color: var(--goud);}
:is(footer, .menu-mob, .menu-desk, .ct-form-blok) .social a{display: inline-flex;justify-content: center;align-items: center;width: 35px;height: 35px;background: var(--goud);color: var(--wit);font-size: 15px;text-decoration: none;}
:is(footer, .menu-mob, .menu-desk, .ct-form-blok) .social a:hover{opacity: 0.85;}
:is(footer, .menu-mob, .menu-desk, .ct-form-blok) .social a + a{margin-left: 8px;}
:is(footer, .menu-mob, .menu-desk, .ct-form-blok) .social a.funda{background: transparent;width: 75px;height: auto;margin-left: 20px;}
:is(footer, .menu-mob, .menu-desk, .ct-form-blok) .social a:hover{color: var(--wit);}

.copyright{background: var(--blauw-donker);padding-bottom: 60px;}
.copyright :is(span, a){font-size: 18px;font-weight: 400;color: var(--wit);text-decoration: none;line-height: calc(100% + 20px);display: inline-block;}
.copyright .divider{display: block;width: 100%;height: 1px;background: rgba(255,255,255,0.15);margin-bottom: 60px;}
.copyright .split{margin:0 10px;opacity: 0.15;}
.copyright .f-logo{line-height: calc(100% + 25px);}
.copyright #pill{line-height: 10px !important;}

/* ---- WONINGEN ---- */

/* Filters */
.filter-wrapper :is(input[type="text"], select, .search-wrap){width: 100%;}
.filter-wrapper :is(input[type="text"], select, .range){margin-bottom: 20px;}

.loading{pointer-events: none;}
.loading::after{position: absolute;top:0;left:0;pointer-events: none;z-index:999;width: 100%;height: 100%;background:rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;content:'';background-image:url('images/loader.svg');background-repeat: no-repeat;background-size: 50px 50px;background-position: 50% 50%;}

.filter-wrapper{padding: 40px;background: var(--wit);margin-bottom: 60px;position: relative;}
.search_result{position: absolute;top:52px;left:0;width: 100%;height: fit-content;background: var(--wit);z-index:99;opacity: 0;visibility: hidden;transition: var(--transition);}
.show-results{opacity: 1;visibility: visible;border: 2px solid #00000014;border-top:0;box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);}
.laden{position: absolute;top: calc(50% - 8px);right: 45px;visibility: hidden;opacity: 0;color: var(--roze);}
.laden.show{opacity: 1;visibility: visible;}

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

.search_result ul{list-style-type: none;margin: 0;padding: 0;}
.search_result ul li.list-header{margin-bottom:10px;background: var(--grijs-bg);padding: 10px 20px;color: #B7B7B7;text-transform: uppercase;font-size: 16px;font-weight: 600;letter-spacing: 0.25px;}
.search_result ul li:last-of-type{margin-bottom: 10px;}
.search_result ul :is(span.list-result, .link-result a){padding: 5px 20px;color: var(--zwart);font-size: 17px;display: block;width: 100%;transition: var(--transition);line-height: calc(100% + 10px);text-decoration: none;}
.search_result ul :is(span.list-result:hover, .link-result a:hover){color: var(--roze);}
.search_result .scroll-results{overflow-y: scroll;max-height: 250px;padding-top: 10px;}

/*.sr-koop .result-huur{display: none !important;}
.sr-huur .result-koop{display: none !important;}*/

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

.empty-results{background: var(--grijs-bg);padding: 10px 20px;}
.empty-results i{color: darkred;}
.ajax .empty-results{padding: 30px;background: var(--wit);font-size: 18px;border-bottom: 2px solid darkred;margin-bottom: 100px;}

.filter-wrapper input[type="text"]{border: 2px solid #00000014;padding: 10px 50px 10px 20px;font-size: 16px;letter-spacing: 1.6px;text-transform: uppercase;color: var(--blauw-donker);font-weight: 600;}
.filter-wrapper input[type="text"]::placeholder{color:rgba(27,39,44,0.5);}

.filter-wrapper select:focus{outline: none;box-shadow: none;}
.filter-wrapper select{appearance: none;-webkit-appearance: none;}
.filter-wrapper select{background-image: url('images/select-icon.svg');background-size: 12px auto;background-repeat: no-repeat;background-position-x: calc(100% - 20px);background-position-y: 50%;transition: var(--transition);border: 2px solid #00000014;padding: 10px 20px;font-size: 16px;letter-spacing: 1.6px;text-transform: uppercase;font-weight: 600;color: rgba(27,39,44,0.5);background-color: var(--wit);}
.filter-wrapper option{font-weight: 600;font-size: 16px;letter-spacing: 1.6px;text-transform: uppercase;color: rgba(27,39,44,0.5);}
.filter-wrapper select:is(:focus, :focus-visible){background-image: url('images/select-icon-active.svg');}

.filter-wrapper button.submit{display: inline-flex;align-items: baseline;justify-content: center;border: none;background: var(--roze);color: var(--wit);font-size: 17px;text-transform: uppercase;letter-spacing: 1.7px;font-weight: 600;padding: 12px 50px;}
.filter-wrapper button.submit i{transition: var(--transition);transform: rotate(-45deg);margin-left: 10px;}
.filter-wrapper button.submit:hover > i{transform: rotate(0);}

/* Woningtype select */
#woningtype-select, #woningtype-select:hover{pointer-events: none;cursor:not-allowed;opacity:0.5;}

/* Woningen filters */
.range_container{display: flex;flex-direction: column;width: 100%;height: 100px;}
.sliders_control{position: relative;display: flex;align-items: center;}
.form_control{position: relative;display: flex;justify-content: space-between;font-size: 24px;color: #635a5a;}

input[type=range]::-webkit-slider-thumb{-webkit-appearance: none;pointer-events: all;width: 24px;height: 24px;background-color: var(--roze);border-radius: 50%;box-shadow: none;cursor: e-resize;border:none;}
input[type=range]::-moz-range-thumb{-webkit-appearance: none;pointer-events: all;width: 24px;height: 24px;background-color: var(--roze);border-radius: 50%;box-shadow: none;cursor: e-resize;border:none;}
input[type="number"]{color: #8a8383;width: fit-content;height: 30px;font-size: 20px;border: none;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{opacity: 1;}
input[type="range"]{-webkit-appearance: none;appearance: none;height: 2px;width: 100%;position: absolute;background-color: #00000014;pointer-events: none;}

#fromSlider{height: 0;z-index: 1;}
.value-container{width: 100%;margin-bottom: 15px;}
#slider-values{font-size: 16px;letter-spacing: 1.6px;color:#1B272C;font-weight: bold;}

/* ---- HOMEPAGE ---- */
.home .top{transition: all 200ms ease-in-out;background:transparent;}
.home .top.scrolled{background: var(--blauw-donker);}
.top.scrolled{box-shadow:0 0 20px rgba(0,0,0,0.1);}

.top::after{position:absolute;z-index:3;bottom:0;left:0;width: 100%;height: 1px;background:rgba(255,255,255,0.2);content:'';transition: all 200ms ease-in-out;opacity: 1;}
.home .top::after{opacity: 0;}
.home .top.scrolled::after{opacity: 1;}

.home-header{height: 100lvh;position: relative;top:-60px;margin-bottom: -60px;background: var(--blauw-donker);}
.home-header .bg{top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.home-header .bg::after{position: absolute;z-index:1;width: 100%;height: 100%;top:0;left:0;content:'';background:rgba(0,0,0,0.65);}
.home-header .bg video{display: block;width: 100%;height: 100%;object-fit:cover;}
.home-header .bg img{display: block;width: 100%;height: 100%;object-fit:cover;}
.home-header :is(.container, .row){position:relative;z-index:3;}

.anim-header .scroll-icon{bottom:-2px;width:19px;left:calc(50% - 9px);display: flex;align-items: flex-start;justify-content: center;}
.anim-header .scroll-icon img{object-fit:contain;}
.anim-header .scroll-icon .dot{position: absolute;top: 6px;left: calc(50% - 2px);width: 4px;height: 4px;border-radius: 50%;background: #fff;transform-origin: center top;animation: scrollDot 3.5s ease-in-out infinite;}

@keyframes scrollDot {
	0% { opacity:0;transform:translateY(0); }
	10% { opacity:1;transform:translateY(0); }
	20% { opacity:1;transform:translateY(-2px); }
	40% { opacity:1;transform:translateY(18px); }
	50% { opacity:1;transform:translateY(16px); }
	60% { opacity:0;transform:translateY(16px); }
	100% { opacity:0;transform:translateY(16px); }
}

.home-intro{scroll-margin-top:60px;background:var(--grijs-bg);}

/* ---- DIENSTEN BLOK ----- */
.diensten{background:var(--grijs-bg);padding:60px 0;}
.diensten-swiper{width: 100%;height:100%;overflow:hidden;position: relative;padding-bottom: 40px;}
.diensten .swiper-slide .wrapper{width: 100%;height: 100%;aspect-ratio: 1/1.35;padding: 40px 30px;}
.diensten .swiper-slide .wrapper h4{font-size: 28px;line-height: 41px;display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.diensten .swiper-slide .backg{top:0;left: 0;filter:brightness(0.5);-webkit-filter:brightness(0.5);}
.diensten .swiper-slide .backg img{display: block;width: 100%;height: 100%;object-fit:cover;}
.diensten .swiper-slide .tekst{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 35px;}

.diensten .swiper-slide{border-left:1px solid rgba(255,255,255,0.3);}
.diensten .swiper-slide:last-child{border-right: 1px solid rgba(255,255,255,0.3);}

.diensten .swiper-button-disabled{opacity: 0;}
.diensten .dienst-pag .pag-active{background: var(--goud);opacity: 1;}
.diensten :is(.dienst-prev, .dienst-next){display: flex;align-items: center;justify-content: center;min-width: 48px;max-width: 48px;min-height: 48px;max-height: 48px;background: var(--wit);border-radius: 50%;transition: var(--transition);}
.diensten .dienst-prev{left: 25px;}
.diensten .dienst-next{right: 25px;}
.diensten :is(.dienst-prev, .dienst-next):hover{background: var(--grijs-bg);}
.diensten :is(.dienst-prev, .dienst-next)::after{content:'\f061';font-family: 'Font Awesome 6 Pro';font-weight: 600;color: var(--blauw-donker);font-size: 17px;}
.diensten .dienst-prev::after{transform: rotate(180deg);}

/* ----- DIENSTEN BLOK - MOBIEL ----- */
.diensten-mob{background:var(--blauw-donker);padding-top: 60px;}
.diensten-mob .bg{top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.diensten-mob .bg::after{position: absolute;top:0;left:0;width: 100%;height: 100%;content:'';background: rgba(0,0,0,0.69);}
.diensten-mob .bg img{object-fit:cover;}
.diensten-mob .tekst.intro{text-wrap:balance;}

.diensten-swiper-mob{position: relative;overflow: hidden;margin-top: 60px;width: calc(100% + 12px);}
.diensten-swiper-mob .swiper-slide{height: auto;border-left:1px solid rgba(255,255,255,0.3);}
.diensten-swiper-mob .swiper-slide:last-child{border-right: 1px solid rgba(255,255,255,0.3);}
.diensten-swiper-mob .swiper-slide-active .wrapper{transition: all 200ms ease-in-out;}
.diensten-swiper-mob .swiper-slide-active .wrapper{background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.69) 100%);}

.diensten-swiper-mob .wrapper{padding: 60px 40px 80px 40px;}
.diensten-swiper-mob h4{font-size: 22px;line-height: 30px;}
.diensten-swiper-mob .tekst{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/* ----- REFERENTIES ----- */
.ref-blok{background:#121E23;padding: 30px 45px;border-bottom: 2px solid var(--goud);}
.ref-blok h4{font-size: 22px;line-height: 30px;margin-bottom: 5px;}
.ref-blok .tekst p{color: #BBBFC0;}
.ref-blok .meta span{font-size: 16px;line-height: 29px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.ref-blok .stars > i{font-size: 12px;}
.ref-blok .ster::after{color: var(--goud);opacity: 1;}
.referenties .ref-blok .tekst{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

/* ----- FAQ ----- */
.faq #accordionGroup{width:100%;}
.faq .accordion-item{box-shadow:none;border:none;border-radius: 0;background:transparent;}
.faq .accordion-item + .accordion-item{margin-top:10px;}
.faq .accordion-header{padding:0;border:none;}
.faq .accordion-button{background:transparent;}
.faq .accordion-button:focus{box-shadow: none !important;}
.faq h4{font-size:16px;font-weight:700;text-transform:none;margin:0;color: var(--blauw-donker);}
.faq h4 button{padding:20px 75px 20px 25px;font-weight:600;font-size: 15px;letter-spacing:1.7px;line-height: 30px;text-transform: uppercase;}
.faq h4 button.collapsed{color:var(--blauw-donker);border-radius:0;}
.faq h4 button i{position:absolute;right:30px;top:calc(50% - 9px);transition:all 200ms ease-in-out;font-weight: 400;transform: rotate(-45deg);color: var(--goud);}
.faq h4 button:after{content:none}
.faq .accordion-body{padding:0 25px 30px 25px;}
.accordion-button:not(.collapsed){color:var(--blauw-donker);border-radius: 0;box-shadow: none !important;}
.accordion-button:not(.collapsed) > i{transform: rotate(45deg);}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button{border-radius: 0;}
.accordion-item{border-top:1px solid #e1e0e0 !important;}
.accordion-item:last-of-type{border-bottom:1px solid #e1e0e0 !important;}
.faq .accordion-item + .accordion-item{margin-top: 0;}
.faq .leesmeer{display: block;width: fit-content;font-size: 18px;font-weight: bold;color: var(--blauw-donker);text-decoration: none;transition: var(--transition);}
.faq .leesmeer:hover{color: var(--goud);}

/* ----- USPS ----- */
.usps h5{font-size: 28px;line-height: 41px;}
.usps img{display: block;object-fit:contain;height: 50px;width: auto;}

/* ----- DIENSTEN ----- */
.feat-img{display: block;height: 250px;width: 100%;}
.feat-img img{display: block;width: 100%;height: 100%;object-fit:cover;}

.dienst-usps .dienst-usp{border-bottom: 1px solid #e1e0e0 !important;padding: 20px;}
.dienst-usps .dienst-usp.first{border-top: 1px solid #e1e0e0 !important;}
.dienst-usps .dienst-usp img{display: block;object-fit: contain;min-height:30px;max-height: 30px;min-width: 30px;max-width:30px;object-position: top;}
.dienst-usps .dienst-usp h4{font-size: 22px;line-height:28px;font-weight: bold;color: var(--blauw-donker);text-transform: none;}
.dienst-usps .dienst-usp h4 a{color: var(--blauw-donker);text-decoration:none;}
.dienst-usps .dienst-usp i{font-size: 17px;color: var(--goud);transform:rotate(-45deg);transition: var(--transition);}

.dienst-usps .dienst-usp .tekst.pre{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.dienst-usps .dienst-usp .tekst.full{display: none;background: var(--wit);position: relative;top:-29px;margin-bottom: -29px;}

.dienst-usps .button{color: var(--blauw-donker) !important;}
.dienst-usps .button > i{transform: rotate(-45deg) !important;transition: var(--transition);}
.dienst-usps .button:hover > i{transform: rotate(0) !important;}

.usp-open{cursor: auto;}
.rotate-i{transform: rotate(45deg) !important;}

/* ----- TEAM ARCHIVE ----- */
.team-item .foto{aspect-ratio: 1/1.35;overflow: hidden;}
.team-item .foto img{transition: var(--transition);}
.team-item h3{font-size: 22px;line-height:35px;}
.team-item .functie{font-size: 16px;line-height: 21px;color: #878787;}
/*.team-item .teammeer{display: inline-flex;text-decoration: none;align-items: center;justify-content: center;border: 1px solid #BBBFC0;border-radius: 50%;min-width: 45px;max-width: 45px;min-height: 45px;max-height: 45px;color: var(--roze);background: var(--wit);}
.team-item .teammeer i{transform: rotate(-45deg);transition: var(--transition);}
.team-item:hover > .foto img{transform: scale(1.05) rotateZ(0.01deg);}
.team-item:hover > .content a i{transform: rotate(0);}*/

.team-item .email{font-size: 16px;letter-spacing: 1.6px;line-height: 26px;color: var(--blauw-donker);font-weight: 500;width: fit-content;transition: var(--transition);}
.team-item .email > i{padding-top: 2px;}
.team-item .email:hover{opacity: 0.85;}

/* ----- TEAM SINGLE ----- */
.single-team .functie{font-size: 16px;line-height: 29px;color: rgba(255,255,255,0.50);}
.single-team .banner .functie{line-height: 16px;}
/*.single-team .email{font-size: 16px;letter-spacing: 1.6px;text-transform: uppercase;line-height: 33px;color: rgba(255,255,255,0.7);font-weight: 500;width: fit-content;transition: var(--transition);}
.single-team .email:hover{color: var(--wit);}*/
.single-team .foto{aspect-ratio: 1/1.35;}
.single-team .foto img{object-position: top center;}

.single-team .dienst-blok .img{aspect-ratio:16/10;overflow: hidden;display: block;width: 100%;height: 100%;min-height:250px;max-height: 250px;}
.single-team .dienst-blok img{transition: var(--transition);}
.single-team .dienst-blok .content{background: var(--wit);padding:30px 40px 40px 40px;border-bottom: 2px solid var(--roze);flex-grow: 1;}
.single-team .dienst-blok .content h4{font-size: 22px;line-height: 35px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.single-team .dienst-blok .content .tekst{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.single-team .dienst-blok .content .tekst :is(p, strong){font-weight: 400;}

.single-team .dienst-blok:hover > .img img{transform: scale(1.05) rotateZ(0.01deg);}

/* ----- REFERENTIES ARCHIVE ----- */
.ref-archive{padding-top: 0 !important;}
.ref-archive::before{content:'';position: absolute;top:0;left:0;background: var(--blauw-donker);z-index:-1;width: 100%;height: 200px;}
.ref-archive .ref-blok{border-bottom: none;}

.custom-pag{margin:40px 0 0 0;}
.custom-pag a, .custom-pag span.current{text-decoration:none;display: inline-flex;align-items: center;justify-content: center;min-width: 50px;max-width:50px;min-height:50px;max-height:50px;background: var(--wit);border-radius: 50%;margin-right: 15px;font-size: 16px;font-weight: 600;color: #BBBFC0;transition: var(--transition);border:1px solid #BBBFC0;}
.custom-pag span.current{color: var(--blauw-donker);}
.custom-pag a:hover{background:var(--grijs-bg);}
.custom-pag :is(.next, .prev){color: var(--blauw-donker);}
.custom-pag .page-numbers.dots{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin-right: 15px;}
.custom-pag > :last-child{margin-right: 0 !important}

/* ----- FAQ ARCHIVE ----- */
.faq-archive .accordion-item{border-top:1px solid #e1e0e0 !important;border-bottom: 1px solid #e1e0e0 !important;}
.faq-archive .accordion-item + .accordion-item{margin-top: -1px;}

.faq-cats{background: var(--wit);padding: 30px 30px 40px 30px;}
.faq-cats h4{font-size: 22px;margin-bottom: 25px;}
.filter-faqs{list-style: none;margin: 0;padding: 0;}
.scroll-mobile{display: flex;overflow-x: scroll;}
.scroll-mobile li{flex: none;}
.filter-faqs li + li{margin-left: 15px;}
.filter-faqs li a{text-decoration: none;font-weight:600;padding: 5px 10px;transition: var(--transition);display: block;background:var(--wit);color: var(--blauw-donker);font-size: 16px;letter-spacing:1.6px;border:2px solid #00000014;text-transform: uppercase;}
.filter-faqs :is(li:hover a,li a.active){background-color: var(--goud);border:2px solid var(--goud);color: var(--wit);}
.filter-faqs :is(li:hover a,li a.active) i{color: var(--wit);}

/* ----- ARCHIVE NIEUWS ----- */
.filters-nieuws select:focus{outline: none;box-shadow: none;}
.filters-nieuws select{appearance: none;-webkit-appearance: none;}
.filters-nieuws select{border: 2px solid #00000014;padding: 20px;font-size: 16px;letter-spacing: 1.6px;text-transform: uppercase;color: rgba(27,39,44,0.5);font-weight: 600;background-image: url('images/select-icon.svg');background-size: 12px auto;background-repeat: no-repeat;background-position-x: calc(100% - 20px);background-position-y: 50%;transition: var(--transition);}
.filters-nieuws option{font-weight: 600;font-size: 16px;letter-spacing: 1.6px;text-transform: uppercase;}
.filters-nieuws, .filters-nieuws select{width: 100%;}
.filters-nieuws select:is(:focus, :focus-visible){background-image: url('images/select-icon-active.svg');}
.no-results{display: flex;align-items: center;background: var(--grijs-bg);padding: 20px 25px;}

.nieuws-row .item-blok .img{min-height: 260px;max-height: 260px;}

/* ----- NIEUWS SINGLE ----- */
:is(.single-nieuws, .nieuws-archive, .woning-results, .recent-toegevoegd) .meta{font-size: 16px;line-height: 29px;color: rgba(255,255,255,0.50);}
:is(.single-nieuws, .nieuws-archive, .woning-results, .recent-toegevoegd) .meta span{display: inline-flex;align-items: center;font-weight: 600;}
:is(.single-nieuws, .nieuws-archive, .woning-results, .recent-toegevoegd) .meta i{font-size: 5px;}

.single-nieuws .widget{padding: 25px;}
.single-nieuws .author .left{min-width: 75px;max-width: 75px;min-height: 75px;max-height: 75px;border-radius: 50%;overflow: hidden;margin-right: 20px;}
.single-nieuws .author .left img{display: block;width: 100%;height: 100%;object-fit:cover;}
.single-nieuws .author span{font-size: 16px;color: #878787;line-height: 100%;font-weight: 600;}
.single-nieuws .author span > strong{font-size: 22px;font-weight: bold;line-height: 100%;color: var(--blauw-donker);}

:is(.single-nieuws, .single-vacatures) .delen{margin-top: 35px;}
:is(.single-nieuws, .single-vacatures) .delen .deel{font-size: 18px;letter-spacing: 0.54px;margin:0 0 25px 0;}
:is(.single-nieuws, .single-vacatures) .delen ul li{list-style-type: none;}
:is(.single-nieuws, .single-vacatures) .delen a{display: inline-flex;align-items: center;justify-content: center;width: 35px;height: 35px;background: var(--goud);text-decoration: none;font-size: 12px;color: var(--wit);margin-right: 10px;}
:is(.single-nieuws, .single-vacatures) .delen h4{font-size: 25px;}

.single-nieuws .flex-img{aspect-ratio:16/9;height: fit-content;width: 100%;}

.single-nieuws .blok-divider{width: 100%;height: 1px;background: #ededed;position: relative;}

/* ----- SWIPER NAVIGATIE ALGEMEEN ----- */
.swiper-with-nav{width: 100%;position: relative;overflow: hidden;padding-bottom: 100px;}
.swiper-with-nav .swiper-nav{bottom:-50px;}
.swiper-with-nav :is(.btn-prev, .btn-next){display: inline-flex;align-items: center;justify-content: center;min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;background: var(--wit);border-radius: 50%;font-size: 16px;font-weight: 600;color: #BBBFC0;transition: var(--transition);border: 1px solid #BBBFC0;}
.swiper-with-nav :is(.btn-prev, .btn-next):hover{background:var(--grijs-bg);}
.swiper-with-nav :is(.btn-prev, .btn-next)::after{font-family: 'Font Awesome 6 Pro';font-weight: 400;content:'\f061';font-size: 16px;color: var(--blauw-donker);}
.swiper-with-nav .btn-prev::after{transform: rotate(180deg);}
.swiper-with-nav .btn-prev{left: 0;}
.swiper-with-nav .btn-next{right: unset;left:65px;}

/* ----- SWIPER SLIDE HEIGHT ----- */
:is(.single-nieuws, .vac-swiper) .swiper-slide{height: auto;}
:is(.single-nieuws, .vac-swiper) .swiper-slide .item-blok .img{max-height: 250px;min-height: 250px;}
:is(.single-nieuws, .vac-swiper) .swiper-slide .item-blok .content{flex-grow:1;}

/* ----- BLOKKEN ALGEMEEN ----- */

.item-blok .img{aspect-ratio:16/10;overflow: hidden;display: block;width: 100%;height: 100%;}
.item-blok img{transition: var(--transition);}
.item-blok .content{background: var(--grijs-bg);padding:30px;border-bottom: 2px solid var(--goud);}
.item-blok .content h4{font-size: 22px;line-height: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.item-blok .content .tekst{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.item-blok .content .tekst :is(p, strong){font-weight: 400;}
.item-blok .meta{color: #878787;}
.item-blok:hover > .img img{transform: scale(1.05) rotateZ(0.01deg);}

.item-blok.open-vac .content{border: 2px solid #e5e5e5;}
.item-blok.open-vac .content h4{margin:0;display: block;overflow: unset;text-overflow: unset;white-space: unset;-webkit-line-clamp: unset;-webkit-box-orient: unset;}
.item-blok.open-vac .content .tekst{margin:25px 0 35px 0;}

/* ----- WONINGEN ARCHIEVEN ----- */
.woning-header{padding-bottom: 135px !important;}
.woning-filters{top: -75px;margin-bottom: -75px;}
.grijs-before.search::before{position: absolute;top:0;left:0;content:'';background:var(--grijs-bg);width: 100%;height: calc(100% + 100px);z-index:-1;}
.grijs-before.search.has-results::before{height: calc(100% + 225px);}
.woning-results{scroll-margin-top: 110px !important;}

:is(.woning-results, .recent-toegevoegd) .item-blok .img{max-height: 250px;min-height: 250px;}
:is(.woning-results, .recent-toegevoegd) .item-blok .content{border-bottom: 2px solid var(--roze);flex-grow:1;}
:is(.woning-results, .recent-toegevoegd) .img-wrapper::after{z-index:3;content:'';position: absolute;top:0;left:0;width: 100%;height: 50%;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);}
:is(.woning-results, .recent-toegevoegd) .status{top:0;right:30px;z-index:5;font-size: 16px;letter-spacing: 1.6px;font-weight: 600;line-height: 100%;color: var(--wit);padding: 15px 25px;border-left: 2px solid #fff;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
:is(.woning-results, .recent-toegevoegd) .detail{font-size: 17px;line-height: 100%;}
:is(.woning-results, .recent-toegevoegd) .detail sup{font-size: 12px;}
:is(.woning-results, .recent-toegevoegd) .i-wrap{display: inline-block;min-width: 22px;max-width: 22px;color: var(--goud);}
:is(.woning-results, .recent-toegevoegd) h5.prijs{font-size: 25px;font-weight: 700;}
:is(.woning-results, .recent-toegevoegd) h5.prijs span{font-size: 16px;font-weight: 400;color: rgba(27, 39, 44, 0.5);}
:is(.woning-results, .recent-toegevoegd) :is(.abfunda, .abfunda a, .abfunda a:hover){font-size: 16px;color: rgba(27, 39, 44, 0.5);font-weight: 400;}

.recent-toegevoegd .swiper-slide{height: auto;}

.i-wrap{min-width: 25px;max-width: 25px;margin-right: 10px;}
.details .detail{margin:0 25px 10px 0;}

/* ----- WONINGEN SINGLE ----- */
.objecten .item .img{position:relative;}
.objecten .item .img .status{position:absolute;top:0;right:0;background-color:rgba(0,0,0,0.5);color:#fff;font-weight:700;font-size:14px;}

:is(.single-koop,.single-huur,.single-nieuwbouw) .main dl{display:flex;flex-wrap:wrap;}
:is(.single-koop,.single-huur,.single-nieuwbouw) .main dl dt{width:40%;border-bottom:1px solid #00000014;}
:is(.single-koop,.single-huur,.single-nieuwbouw) .main dl dd{width:60%;margin-left:auto;border-bottom:1px solid #00000014;}
:is(.gm-style .place-card,.gm-inset-map,.gm-bundled-control){display:none !important;}

.single-woning-header :is(.postcode,.plaats){font-size: 16px;line-height: 29px;color: rgba(255,255,255,0.50);}
.single-woning-header .details{font-size: 18px;line-height: 100%;color: rgba(255,255,255,0.50);}
.single-woning-header .i-wrap{min-width: unset;max-width: unset;}
.single-woning-header :is(.detail, .energielabel){margin:0 15px 15px 0;}
.single-woning-header .detail sup{font-size: 12px;}
.single-woning-header .energielabel{width: auto;height: 21px;display: block;object-fit:contain;}
.single-woning-header .intro{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.single-woning-header .prijs{display: block;width: fit-content;font-size: 25px;line-height: 33px;font-weight: bold;margin-bottom: 40px;}

.single-woning-header .lijst .item{padding: 30px;border-top: 1px solid #ededed;}
.single-woning-header .lijst .item:last-of-type{border-bottom: 1px solid #ededed;}
.single-woning-header .lijst .item strong{text-transform: uppercase;font-size: 17px;letter-spacing: 1.7px;line-height: 22px;}

.single-woning-fotos .swiper{width: 100%;overflow: hidden;position: relative;height: 400px;}
.single-woning-fotos .swiper .swiper-slide img{display: block;width: 100%;height: 100%;object-fit:cover;}
.single-woning-fotos .swiper .swiper-slide-prev a::after{right:0;content:'';width: 50%;height: 100%;position: absolute;top:0;pointer-events: none;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%);}
.single-woning-fotos .swiper .swiper-slide-next a::after{left:0;content:'';width: 50%;height: 100%;position: absolute;top:0;pointer-events: none;background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%);}

.single-woning-fotos .sw-nav{top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.single-woning-fotos .sw-nav .btn-prev{top:calc(50% - 13px);left:12px;right:unset;}
.single-woning-fotos .sw-nav .btn-next{top:calc(50% - 13px);right:12px;left:unset;}

.single-woning-details{padding: 0 0 60px 0;}
.single-woning-details .omschrijving{max-height: 10000px;transition: max-height 1s ease-in-out;overflow: hidden;}
.single-woning-details .omschrijving :is(a, a:hover){color: var(--goud);}
.single-woning-details .ingeklapt{max-height: 115px;transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.single-woning-details .ingeklapt::after{content:'';position: absolute;bottom:0;left:0;width: 100%;height: 100%;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 100%);pointer-events: none;}

.single-woning-details .meer-tekst > i{color: var(--roze);}
.single-woning-details i.meer{transform: rotate(45deg);}
.single-woning-details i.minder{transform: rotate(-45deg);}
.single-woning-details .meer-tekst:hover{opacity: 0.75;}

.single-woning-details :is(.kenmerken, .downloads, .plattegrond, .bouwnummers) h2{color: var(--blauw-donker);font-size: 28px;margin-bottom: 20px;}
.single-woning-details :is(.kenmerken, .downloads, .plattegrond) h3{color: var(--blauw-donker);font-size: 18px;padding-bottom: 10px;margin-bottom: 0;margin-top:25px;border-bottom: 1px solid #00000014;}
.single-woning-details :is(.downloads, .plattegrond) h2{margin-top: 50px;}
.single-woning-details .downloads :is(.link, .link:hover){color: var(--blauw-donker);text-decoration: underline;}
.single-woning-details .downloads .link:hover > i{color: var(--roze);}

.single-woning-details :is(dd, dt){font-size: 16px;line-height:22px;font-weight: 400;color: var(--blauw-donker);padding: 10px 0;}
.single-woning-details dd{padding-left: 10px;}

.single-woning-details .omschrijving-wrap{position: relative;padding: 60px 0;margin-bottom: 60px;}
.single-woning-details .omschrijving-wrap::before{content: '';position: absolute;top: 0;left: -12px;width: calc(100% + 24px);height: 100%;background: var(--grijs-bg);z-index: -1;}

.single-woning-details .plattegrond .wrap{border:2px solid #00000014;padding: 15px;}
.single-woning-details .plattegrond img{aspect-ratio:1/1;display: block;object-fit:scale-down;}
.single-woning-details .swiper-plat{width: 100%;position: relative;overflow: hidden;}
.single-woning-details .swiper-plat::after{pointer-events: none;position: absolute;width: 75px;height: 100%;top:0;right:0;content:'';z-index:5;background: rgb(255,255,255);background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}

.plattegrond :is(.btn-prev, .btn-next){display: inline-flex;align-items: center;justify-content: center;min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;background: var(--wit);border-radius: 50%;font-size: 16px;font-weight: 600;transition: var(--transition);background:var(--roze);top:calc(50% + 25px);}
.plattegrond :is(.btn-prev, .btn-next):hover{background: #ab005d;}
.plattegrond :is(.btn-prev, .btn-next)::after{font-family: 'Font Awesome 6 Pro';font-weight: 400;content:'\f061';font-size: 16px;color: var(--wit);}
.plattegrond .btn-prev::after{transform: rotate(180deg);}
.plattegrond .swiper-button-disabled{opacity: 0 !important;}
.plattegrond .btn-prev{left: 12px;}
.plattegrond .btn-next{right: 12px;}

.sidebar.sticky-top{z-index: 1019;}
.adres-kaart{position: relative;top: -40px;left: -40px;width: calc(100% + 80px);height: 200px;overflow: hidden;}
.adres-kaart img{display: block;width: 100%;height: 100%;object-fit:cover;transform: scale(1.25);filter: blur(0.75px);-webkit-filter: blur(0.75px);}
.kaart-info{position: absolute;bottom: 25px;right: 25px;color: var(--roze);font-size: 25px;transition: all 150ms ease-in-out;opacity: 1;}
.kaart-info::before{color:var(--wit);}
.kaart-info::after{color:var(--roze);opacity: 1;}
.adres-kaart:hover > .kaart-hover{opacity: 1;visibility: visible;}
.adres-kaart:hover > .kaart-info{opacity: 0;}
.kaart-hover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.25);transition: all 150ms ease-in-out;opacity: 0;visibility: hidden;}
.kaart-hover .button{background: var(--wit);color: var(--blauw-donker);}

.bezichtiging .divider{display: block;width: 100%;height: 1px;background: #00000014;margin: 30px 0;}
.bezichtiging h4{font-size: 28px;}
.bezichtiging .info :is(i, span){font-size: 18px;color: var(--blauw-donker);line-height: 33px;}
.bezichtiging .info i{color: var(--roze);min-width: 17px;max-width: 17px;margin-right: 10px;display: inline-flex;justify-content: center;transform: rotate(-45deg);transition: var(--transition);}
.bezichtiging .f-link{display: block;width: fit-content;text-decoration: none;color: var(--blauw-donker);transition: var(--transition);}
.bezichtiging .f-link:hover{color: var(--roze);}
.bezichtiging .f-link:hover > i{transform: rotate(0);}
.bezichtiging span.no-icon{margin-left: 27px;}
.bezichtiging .form-wrap{padding: 40px 30px;}

/* ----- VACATURE SINGLE ----- */
.single-vacatures .details{font-size: 18px;line-height: 100%;color: rgba(255,255,255,0.50);}

.single-vacatures .lijst .item{padding: 30px 15px;border-top: 1px solid #ededed;}
.single-vacatures .lijst .item:last-of-type{border-bottom: 1px solid #ededed;}
.single-vacatures .lijst .item strong{text-transform: uppercase;font-size: 17px;letter-spacing: 1.7px;line-height: 22px;}

.cultuur-swiper{width: 100%;overflow: hidden;position: relative;}
.cultuur-swiper .img-wrapper{aspect-ratio:16/10;}

/* ----- DPG LANDINGSPAGINA ----- */
.page-template-landing-dpg h2.subtitel{font-size:18px;line-height:1.5;color:rgba(255,255,255,0.50);font-weight:400;margin:0;text-transform:initial;}
.page-template-landing-dpg .tekst ul{margin:0;}
.page-template-landing-dpg .tekst ul.fa-ul li{padding: 30px 15px 30px 45px;border-top: 1px solid #ededed;text-transform: uppercase;font-size: 17px;letter-spacing: 1.7px;line-height: 22px;font-weight:600;}
.page-template-landing-dpg .tekst ul.fa-ul li span{left:0;}
.page-template-landing-dpg .tekst ul.fa-ul li:last-of-type{border-bottom: 1px solid #ededed;}

/* ----- FORMULIEREN ----- */
.form-wrap{background: var(--wit);padding: 60px 50px;}
.form-wrap form{margin:0;}
.form-wrap .wpcf7-form :is(input[type="date"],input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],select,textarea){border:2px solid #00000014;border-radius: 0;background: var(--wit);font-size: 14px;letter-spacing:1.6px;font-weight: 600;color: var(--blauw-donker);padding:10px 20px;height: 63px;width: 100%;margin-bottom: 12px;text-transform: uppercase;}
.form-wrap .wpcf7-form :is(textarea){height: 200px !important;padding:15px 20px !important;margin-bottom: 0 !important;}
.wpcf7-form :is(input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="text"],input[type="url"],textarea)::placeholder{color: rgba(27,39,44,0.5) !important;}
.form-wrap .form-av{margin-bottom: 25px;}
.form-wrap .form-av .wpcf7-list-item{margin-left: 0;}
.form-wrap .form-av input{margin: 3px 10px 0 0;}
.form-wrap .form-av label{display: flex;flex-direction: row;flex-wrap: nowrap;align-items:flex-start;}
.form-wrap .form-av .wpcf7-list-item-label{display: inline;line-height: calc(100% + 5px);}
.form-wrap .form-av .av{font-size: 12px;color: var(--tekst);display: inline-block;}
.form-wrap .form-av .av a{font-weight: bold;color:rgba(0,0,0,0.5);transition: var(--transition);}
.form-wrap .form-av .av a:hover{opacity: 0.75;text-decoration: underline;}

.form-wrap span.wpcf7-not-valid-tip{display: none !important;}
.form-wrap .wpcf7-response-output{margin-left: 0 !important;margin-right: 0 !important;padding: 20px !important;line-height: calc(100% + 5px);}

.solliciteren .form-wrap{padding: 0;background: transparent;}
.solliciteren .wpcf7-form input[type=file]{position: relative;width: 100%;color: var(--blauw-donker);min-height: 63px;padding: 16px 20px 10px 20px;margin-bottom: 12px;border:2px solid #00000014;background:var(--wit);font-size: 14px;letter-spacing: 1.6px;font-weight: 600;text-transform: uppercase;}
.solliciteren .wpcf7-form input::file-selector-button{display: none !important;}
.solliciteren .wpcf7-form input[type=file]::before{position: absolute;content: 'Upload hier je CV';background:var(--wit);display: inline-flex;align-items:center;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;width: 100%;height: 60px;left: 0;top: 0;padding: 10px 20px;color: rgba(27,39,44,0.5) !important;}
.solliciteren .wpcf7-form input[type=file]::after{transition: var(--transition);content: '\e09a';font-family: 'Font Awesome 6 Pro';display: inline-flex;position: absolute;right: 0;padding: 0;width: 60px;align-items: center;justify-content: center;color: var(--blauw-donker);top: 0;height: 100%;background: transparent;}
.solliciteren .wpcf7-form input[type=file]:hover:after{color: var(--goud);}
.solliciteren .wpcf7-form input.file-selected[type=file]::before{content:'';background: transparent;}

:is(.solliciteren, .contact-form, .bezichtiging) .button-row p{display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
:is(.solliciteren, .contact-form, .bezichtiging) .button-row .button{border: none;padding: 10px 20px;}
:is(.solliciteren, .contact-form, .bezichtiging) .av-row span{font-size: 14px;color: var(--blauw-donker);}
:is(.solliciteren, .contact-form, .bezichtiging) .av-row a{color: var(--blauw-donker);font-weight: 700;transition: var(--transition);}
:is(.solliciteren, .contact-form, .bezichtiging) .av-row input{accent-color: var(--blauw-donker);}

/* ----- VACATURE MODAL ----- */
.vac-modal h5{font-size: 20px;}
.vac-modal :is(.modal-header, .modal-body){background: var(--grijs-bg);border-radius: 0;}

.vac .item-blok .img{max-height: 250px;min-height: 250px;}
.vac .item-blok .content{flex-grow:1;}

/* ----- CONTACT ----- */
.ct-form-blok h4{font-size: 22px;}
.ct-form-blok .info :is(i, span){font-size: 18px;color: var(--blauw-donker);line-height: 33px;}
.ct-form-blok .info i{color: var(--goud);min-width: 20px;max-width: 20px;margin-right: 10px;display: inline-flex;justify-content: center;}
.ct-form-blok .divider{display: block;width: 100%;height: 1px;background: #00000014;margin: 30px 0;}
.ct-form-blok .f-link{display: block;width: fit-content;text-decoration: none;color: var(--blauw-donker);transition: var(--transition);}
.ct-form-blok .f-link:hover{color: var(--goud);}
.ct-form-blok span.no-icon{margin-left: 30px;}

.ct-form-blok .form-wrap{padding: 40px 30px;}
#maps{width: 100%;height: 440px;position: relative;}

/* ----- NIEUWBOUW + PROJECTEN ARCHIVE ----- */
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten, .page-template-verkochte-projecten) .page-header::before{position: absolute;top: 0;left: 0;content: '';background: var(--grijs-bg);width: 100%;height: calc(100% + 450px);z-index: -1;}
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten, .page-template-verkochte-projecten) .item-blok .img{min-height: 475px;max-height: 475px;aspect-ratio: 1/1.25;}
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten, .page-template-verkochte-projecten) .item-blok .plaats{font-size: 16px;line-height: 29px;color: #878787;font-weight: 600;text-transform: uppercase;display: block;width: fit-content;}
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten) .item-blok .nbmeer{display: inline-flex;text-decoration: none;align-items: center;justify-content: center;border: 1px solid #BBBFC0;border-radius: 50%;min-width: 45px;max-width: 45px;min-height: 45px;max-height: 45px;color: var(--roze);background: var(--wit);}
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten) .item-blok .nbmeer i{transform: rotate(-45deg);transition: var(--transition);}
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten) .item-blok:hover > .foto img{transform: scale(1.05) rotateZ(0.01deg);}
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten, .page-template-verkochte-projecten) .item-blok .content{padding: 0;background: transparent;border-bottom: none;margin-top: 24px;}
:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten) .item-blok:hover > .content a i{transform: rotate(0);}
.post-type-archive-nieuwbouw .item-blok .img{height:300px;min-height:initial;max-height:initial;}

.post-type-archive-nieuwbouw .vragen{background:transparent !important;padding-top: 0 !important;}
:is(.post-type-archive-projecten, .page-template-verkochte-projecten) .item-blok span.extra{color:#878787;font-size: 13px;line-height: 22px;}
.post-type-archive-projecten .item-blok span.extra{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.page-template-verkochte-projecten .item-blok:hover > .img img{transform:none;}

/* ----- NIEUWBOUW PROJECT/SINGLE ----- */
.single-nieuwbouw :is(.project-link, .project-link:hover){font-size: 16px;line-height: 29px;color: var(--blauw-donker);font-weight: bold;}
.single-nieuwbouw .bouwnummers .table-wrapper{overflow-x: auto;}
.single-nieuwbouw .bouwnummers :is(tr, td){font-size: 16px;line-height: 22px;color: var(--blauw-donker);padding: 10px 0;}
.single-nieuwbouw .bouwnummers tr{border-bottom: 1px solid #00000014;}
.single-nieuwbouw .bouwnummers tr th{font-weight: bold;color: var(--blauw-donker);}
.single-nieuwbouw .bouwnummers thead tr th{padding: 10px 0;white-space: nowrap;}
.single-nieuwbouw .bouwnummers td{white-space: nowrap;}

.single-nieuwbouw .bouwnummers td:last-child{position: absolute;right: 0;padding: 10px 0 10px 30px !important;background: rgb(255, 255, 255);background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);border-bottom: none;}

.single-nieuwbouw .bouwnummers :is(td:nth-child(n+2), thead tr th:nth-child(n+2)){padding: 10px 0 10px 50px;}
.single-nieuwbouw .bouwnummers .view-nb > i{transform:rotate(-45deg);color: var(--blauw-donker);transition: var(--transition);}
.single-nieuwbouw .bouwnummers .nb-row{transition: var(--transition);}
.single-nieuwbouw .bouwnummers .nb-row:hover{background: #f9f9f9;}
.single-nieuwbouw .bouwnummers .nb-row:hover > td:last-child{background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(249,249,249,1) 50%);}
.single-nieuwbouw .bouwnummers .nb-row:hover > td a > i{transform:rotate(0deg);color: var(--roze);}

.single-nieuwbouw .bouwnummers td span{border-radius: 50px;padding: 3px 12px;font-size: 14px;}
.single-nieuwbouw .bouwnummers td span.rood{background:#FFEBEC;color:#FF4143;}
.single-nieuwbouw .bouwnummers td span.geel{background:rgba(253,178,48,0.1);color:#FDB230;}
.single-nieuwbouw .bouwnummers td span.groen{background:#ECF9F4;color:#45C592;}

.single-nieuwbouw .list-bouwnummers{max-height: 10000px;transition: max-height 1s ease-in-out;overflow: hidden;}
.single-nieuwbouw .list-bouwnummers.hide-list{max-height: 340px;transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.single-nieuwbouw .hide-list::after{content:'';position: absolute;bottom:0;left:0;width: 100%;height: 50%;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);pointer-events: none;}

.single-nieuwbouw .meer-nummers > i{color: var(--roze);}
.single-nieuwbouw i.meer{transform: rotate(45deg);}
.single-nieuwbouw i.minder{transform: rotate(-45deg);}
.single-nieuwbouw .meer-nummers:hover{opacity: 0.75;}

/* ----- FONTS ----- */

h1, h2, h3, h4, h5{font-weight: 700;line-height: calc(100% + 10px);margin:0 0 35px 0;}
h1.titel{font-size: 30px;line-height: 40px;}
h2.titel, h1.titel.page{font-size: 28px;line-height: 38px;}
.tekst :is(h1, h2){font-size: 28px;}
.tekst h3{font-size: 26px;}
.tekst h4{font-size: 24px;}
.tekst :is(p, ul, ol){font-size: 16px;line-height: 29px;font-weight: 400;}
.tekst a, .tekst a:hover{color: var(--goud);}
.tekst :is(h1, h2, h3, h4){font-weight: 700;line-height: calc(100% + 7px);color: var(--blauw-donker);margin:40px 0 20px 0;}
.policy .tekst h2:first-of-type{margin-top: 0;}
.widget h3{font-size: 25px;line-height: 32px;}

/* ----- KLEUREN ----- */
.wit, .wit:hover{color: var(--wit);}
.blauw, .blauw:hover{color:var(--blauw-donker);}
.goud, .goud:hover{color: var(--goud);}
.roze, .roze:hover{color: var(--roze);}
.blauw-licht, .blauw-licht:hover{color: var(--blauw);}

.bg-blauw{background:var(--blauw-donker);}
.bg-grijs{background:var(--grijs-bg);}

/* Kleuren (ROZE) */
.body-roze .breadcrumbs i, .body-roze :is(.dienst-1) .btn-alt > i, .body-roze .dienst-usps .dienst-usp i{color:var(--roze);}
.body-roze .page-header .leesmeer:hover > span::before, .body-roze .bezichtiging .form-wrap button.button{background:var(--roze);}
.body-roze :is(.dienst-1, .dienst-3) :is(.btn-main, .btn-main:hover){background-color: var(--roze);}

.body-roze .menu-logo :is(img.goud, .img-blauw){display: none !important;}
.body-roze .menu-logo img.roze{display: block !important;}

/* Kleuren (BLAUW) */
.body-blauw .breadcrumbs i, .body-blauw :is(.dienst-1) .btn-alt > i, .body-blauw .dienst-usps .dienst-usp i, .body-blauw .ct-form-blok .info i, .body-blauw .team-tekst .email i{color:var(--blauw);}
.body-blauw .page-header .leesmeer:hover > span::before, .body-blauw .ct-form-blok :is(.form-wrap button.button, .social a:not(.funda)){background:var(--blauw);}
.body-blauw :is(.dienst-1, .dienst-3) :is(.btn-main, .btn-main:hover), .body-blauw .ct-content .btn-main, .single-hypotheken .banner .btn-main{background-color: var(--blauw);}
.body-blauw .dienst-blok .content{border-bottom: 2px solid var(--blauw);}

.body-blauw .menu-logo :is(img.goud, img.roze){display: none !important;}
.body-blauw .menu-logo img.blauw{display: block !important;}

/* ----- PADDINGS/MARGINS ----- */
.blok-p{padding: 60px 0;}
.blok-m{margin:60px 0;}
.blok-pb{padding-bottom: 60px;}

/* ----- ALGEMEEN ----- */
.transition-100{transition: var(--transition);}
.img-wrapper{width: 100%;height: 100%;display: block;}
.img-wrapper img{display: block;width: 100%;height: 100%;object-fit:cover;}
#lees-meer, .solliciteren, #bezichtiging, #inschrijven{scroll-margin-top:60px;}

.img-hover{transition: var(--transition);}
.has-img-hover:hover > .img-hover{transform:scale(1.05) rotateZ(0.01deg);}

.widget{background: var(--wit);padding: 40px;border:1px solid #DFDFDF;}
.widget h4{font-size: 25px;line-height: 32px;}

.grijs-before-team{background: var(--grijs-bg);}

/* ----- FOOTER MENU ----- */
footer ul li.contact-hypotheken{display: none;}
.body-blauw footer ul li.contact-hypotheken{display: list-item !important;}
.body-blauw footer ul li.contact-default{display: none;}

/* ----- Boumij 50 jaar ----- */
.home .top .menu-logo{margin: 0 !important;}
.home .top .menu-logo img.logo-50{width: 80px;height: 80px;margin-bottom: -20px;position: relative;z-index: 10;transition:all 200ms ease-in-out;transform-origin: top left;}
.home .top.scrolled .menu-logo img.logo-50{transform: scale(0.8) translateY(5px);}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px) {
	/* Woningen single */
	.single-woning-details .omschrijving-wrap::before{left: calc((-100vw + 540px - 7px)/2);width: calc(100vw - 17px);}
	.single-woning-fotos .sw-nav .btn-prev{left:0;}
	.single-woning-fotos .sw-nav .btn-next{right:0;}

	/* Nieuws archive */
	.filters-nieuws, .filters-nieuws select{width: fit-content;min-width: 300px;}

	/* Diensten swiper mobile */
	.diensten-swiper-mob{width: calc((100vw + 540px - 41px)/2);}
}
@media (min-width: 768px) {
	/* Footer */
	footer{padding: 100px 0 75px 0;}
	footer .footer-ul{columns: 3;-webkit-columns: 3;-moz-columns: 3;}
	footer h4{font-size: 25px;}

	/* Algemeen */
	.blok-p{padding: 80px 0;}
	.blok-m{margin:80px 0;}
	.blok-pb{padding-bottom: 80px;}
	.single-woning-details{padding: 0 0 80px 0;}

	/* Diensten */
	.diensten{padding: 80px 0;}
	.feat-img{height: 375px;}

	/* Formulieren */
	.form-wrap .wpcf7-form :is(input,textarea){margin-bottom: 24px !important;}
	.form-wrap .wpcf7-form :is(input[type="date"],input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],input[type="file"],select,textarea, .form-av .wpcf7-list-item-label){font-size: 16px;}

	/* Vacature modal */
	.vac-modal .modal-dialog{width: 650px;max-width: 650px;}
	.vac-modal .modal-header{padding: 20px 30px;}
	.vac-modal .modal-body{padding: 30px;}
	.vac-modal h5{font-size: 24px;}

	/* Woningen single */
	.single-woning-fotos .swiper{height: 500px;}
	.single-woning-details .omschrijving-wrap{padding: 80px 0;}
	.single-woning-details .omschrijving-wrap::before{left: calc((-100vw + 720px - 7px)/2);}
	.single-woning-fotos .swiper .swiper-slide:not(.swiper-slide-active){padding-bottom: 75px;}

	/* Woningen filters */
	.filter-wrapper .bottom-row{margin-bottom: 0;margin-top: 10px;}
	.range_container{height: 60px;margin-right: 20px;}

	/* Diensten swiper mobile */
	.diensten-swiper-mob{width: calc((100vw + 720px - 41px)/2);}

	/* Nieuwbouw single */
	.single-nieuwbouw .bouwnummers :is(tr, td){font-size: 18px;line-height: 26px;}

	/* Fonts */
	.button{font-size: 17px;}

	.tekst :is(h1, h2, h3, h4){line-height: calc(100% + 10px);}
	h1.titel{font-size: 50px;line-height: 60px;}
	h2.titel, h1.titel.page{font-size: 38px;line-height: 48px;}
	.tekst :is(h1, h2){font-size: 30px;}
	.tekst h3{font-size: 28px;}
	.tekst h4{font-size: 26px;}
	.tekst :is(p, ul, ol), .single-nieuwbouw :is(.project-link, .project-link:hover){font-size: 18px;line-height: 33px;}

	.breadcrumbs span{font-size:16px;line-height:33px;}
	.faq h4 button{font-size: 17px;line-height: 33px;}
	.single-woning-details :is(dd, dt){font-size: 18px;line-height:26px;}
	.ref-blok .meta span, .team-item .functie, .single-woning-header :is(.postcode,.plaats), :is(.single-nieuws, .nieuws-archive, .woning-results, .recent-toegevoegd) .meta, .post-type-archive-nieuwbouw .item-blok .plaats{font-size: 18px;line-height: 33px;}
	.single-team .functie, .single-nieuws .author span{font-size: 18px;}
	.single-nieuws .author span > strong{font-size: 24px;}
	.team-item h3{font-size: 25px;line-height:30px;}
	.ref-blok h4{font-size: 25px;line-height: 32px;}
	.single-team .dienst-blok .content h4{font-size: 25px;line-height: 34px;}
	.item-blok .content h4{font-size: 25px;line-height: 35px;}
	:is(.single-nieuws, .single-vacatures) .delen h4, :is(.faq-cats h4, .ct-form-blok h4){font-size: 28px;}
	.widget h3{font-size: 28px;line-height: 33px;}
	.page-template-landing-dpg .widget h3{font-size:27px;}
	.dienst-usps .dienst-usp h4{font-size: 28px;line-height: 40px;}
	.banner .content h3{font-size: 40px;}

	.dienst-usps .dienst-usp img{min-height:50px;max-height: 50px;min-width: 50px;max-width:50px;}
	.item-blok .content{padding:30px 40px 40px 40px;}
	.single-vacatures .lijst .item{padding:30px;}
	:is(.bezichtiging, .ct-form-blok) .form-wrap{padding: 60px 50px;}
	.post-type-archive-nieuwbouw .item-blok .img{height:240px;}
}
@media (min-width: 992px) {
	.navbar{text-align:center;display:inline-block;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul.nav{padding:0;margin-top:0;}
	.navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.navbar-collapse ul a{display:block;color:var(--wit) !important;text-decoration:none;font-weight:bold;font-size:16px;line-height:100%;padding:0;border:none;transition: var(--transition);}
	.navbar-collapse ul li{position:relative;float:left;margin:0 15px 0 0;padding:0;}
	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--wit) !important;border:none}
	.navbar-collapse ul li.current-menu-item>a{background: var(--blauw-donker);}
	.navbar-collapse ul ul li.current-menu-item i{display:none;margin:0;}
	.navbar-collapse ul ul li.current-menu-item a{border-bottom:none}
	.navbar-collapse ul ul li a:hover{background:var(--blauw-donker) !important;color:var(--wit) !important;}

	.navbar-collapse ul ul{display: block;position: absolute;top: calc(100% + 42px);left: -29px;text-align: left;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);background-color: rgba(255,255,255,0.5);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);transform: translateY(-20px);opacity: 0;visibility: hidden;transition: all 200ms ease-in-out;min-width: 100%;width: fit-content;z-index:3;transform-origin: center;}

	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;margin: 0;transition: var(--transition);}
	.navbar-collapse ul ul a{padding:10px 15px;color:var(--blauw-donker) !important;text-shadow:none;white-space:nowrap;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-collapse ul li:hover > ul{min-width: 100%;padding: 15px;transform: translateY(0);opacity: 1;visibility: visible;}

	.menu-blauw ul.sub-menu{border-bottom: 3px solid var(--blauw);}
	.menu-roze ul.sub-menu{border-bottom: 3px solid var(--roze);}

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

	.navbar-nav li > a{text-transform: uppercase;color: var(--wit) !important;font-size: 14px;letter-spacing: 1.6px;font-weight: 600;}
	.navbar-nav li > a:hover{}
	.navbar-nav ul.sub-menu li > a{font-size: 16px;text-transform: none;font-weight: 500;}

	.navbar-nav > li > a{position: relative;}
	.navbar-nav > li > a::before{position: absolute;top: 100%;left: 0;height: 42px;width: 100%;background: transparent;content: '';}
	:not(.menu-desk) .navbar-nav > li:hover > a i{transform: rotate(45deg);}
	ul.navbar-nav:first-of-type{margin-right: 5px;}

	/* Menu */
	.menu-logo img{width: 160px;height: 100px;}
	.menu-call{transition: var(--transition);margin-right: 50px;}
	.menu-call span{font-size: 14px;letter-spacing: 1.6px;font-weight: 600;transition: var(--transition);}
	.menu-call:hover > span{color: var(--goud);}

	/* Menu offcanvas - desktop */
	.menu-desk{width: fit-content !important;padding: 0;background: var(--blauw-donker);}
	.menu-desk .offcanvas-header{padding: 36px 150px 0 0;}
	.menu-desk .offcanvas-body{padding: 0 250px 32px 150px;}
	.menu-desk .navbar-nav > li > a{padding: 0;margin-bottom: 15px;font-size: 25px;font-weight: bold;text-transform: none;border-bottom: none;width: fit-content;}
	.menu-desk .navbar-nav > li a i{float: left;margin: 0 15px 0 0;transform: rotate(-45deg) !important;}
	.menu-desk .navbar-nav > li > a:hover > i{transform: rotate(0) !important;;}
	.menu-desk .navbar-nav > li > a::before{display: none !important;}
	.menu-desk .navbar-nav ul.sub-menu{list-style-type: none;padding: 0;}
	.menu-desk .navbar-nav ul.sub-menu li a{font-size: 18px;font-weight: 400;opacity:0.7;padding: 0;border-bottom: none;line-height: 33px;width: fit-content;transition: var(--transition);}
	.menu-desk .navbar-nav ul.sub-menu li a:hover{opacity: 1;color: var(--goud) !important;}
	.menu-desk ul.navbar-nav:first-of-type{margin-right: 0;}
	.menu-desk .info :is(a, span){color: rgba(255,255,255,0.7);text-decoration: none;font-size: 18px;line-height: 36px;transition: var(--transition);}
	.menu-desk .info .f-link:hover{color: var(--goud);}

	.menu-desk ul.overig > li.menu-item-has-children{margin-bottom: 15px;}
	.menu-desk ul#menu-menu-overig-1 > li:nth-child(n+2), .menu-desk ul#menu-menu-overig-2 > li:first-child{display: none;}

	/* Banner */
	.banner .content{padding:100px 0;}

	/* Footer */
	footer .footer-ul{columns: unset;-webkit-columns: unset;-moz-columns: unset;}
	footer .footer-ul ul.sub-menu{padding-left:24px}
	.copyright .right a{margin-right: 35px;}
	.copyright :is(span, a){line-height: calc(100% + 15px);}

	/* Homepage */
	.home-header{top:-100px;margin-bottom: -100px;}
	.home-intro{scroll-margin-top:100px;}

	/* Algemeen */
	.blok-p{padding: 100px 0;}
	.blok-m{margin:100px 0;}
	.blok-pb{padding-bottom: 100px;}
	.blok-p-xl{padding: 150px 0;}
	.blok-pb-xl{padding-bottom: 150px;}
	.blok-m-xl{margin: 150px 0;}
	.single-woning-details{padding: 0 0 125px 0;}

	.sidebar.sticky-top{top:130px;z-index:1019;}

	#lees-meer, .solliciteren, #bezichtiging, #inschrijven{scroll-margin-top:100px;}
	
	.img-linksboven{position: absolute;top: -75px;left: calc((-100vw + 960px + 17px)/2);width: calc((100vw - 480px - 17px)/2);}
	.img-rechtsonder{position: absolute;bottom: -75px;right: calc((-100vw + 960px + 17px)/2);width: calc((100vw - 480px - 17px)/2);}

	.grijs-before{background: transparent;}
	.grijs-before::before{position: absolute;bottom:0;left:0;content:'';background:var(--grijs-bg);width: 100%;height: calc(100% + 100px);border-bottom-right-radius: 40px;z-index:-1;transform: skewY(2deg);}
	.grijs-before.team::before{height: 550px;bottom: 0;top: -100px;}
	.grijs-before.vac::before{height: 400px;bottom: 0;top: -100px;}
	.grijs-before.news::before{height: 400px;bottom: 0;top: -100px;}
	.ref-archive::after{position: absolute;top: 100px;left: 0;content: '';background: var(--grijs-bg);width: 100%;height: 250px;border-bottom-right-radius: 40px;z-index: -2;transform: skewY(2deg);}

	/* Diensten blok */
	.diensten{background: transparent;padding: 0;}
	.diensten .dienst-col{padding-top: 100px;padding-bottom: 100px;}
	.diensten .bg::after{position: absolute;z-index: 0;width: 100%;height: 100%;top: 0;left: 0;content: '';background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 75%);}
	.diensten img{display: block;width: 100%;height: 100%;object-fit: cover;}
	.diensten :is(.default-img, .hover-img){transition: opacity 250ms linear;}
	.diensten .hover-img{opacity: 0;}
	.diensten .hover-img.active{opacity: 1;}

	.diensten-swiper{width: calc((100vw + 320px - 41px)/2);}
	.diensten .swiper-slide .wrapper{padding: 0 40px 105px 40px;}
	.diensten .swiper-slide .tekst{margin-bottom: 0;}
	.diensten .dienst-prev{left: -12px;}
	.diensten .dienst-next{right: 12px;}

	.diensten-swiper .tekst{height: 0;opacity: 0;visibility: hidden;transition: all 200ms ease-in-out;transform-origin: center bottom;}
	.diensten-swiper .button span{width: 0;white-space: nowrap;opacity: 0;transition: all 200ms ease-in-out;}
	.diensten-swiper .button > i{margin:0;}

	.diensten-swiper .wrapper::after{position: absolute;top:0;left:0;content:'';background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);opacity: 0;width: 100%;height: 100%;transition: all 200ms ease-in-out;z-index:-1;}
	.diensten-swiper .wrapper:hover:after{opacity: 1;}
	.diensten-swiper .wrapper:hover > .button span{width: 130px;opacity: 1;margin-right: 10px;}
	.diensten-swiper .wrapper:hover > .tekst{margin-bottom: 24px;opacity: 1;visibility: visible;height:66px;margin-bottom: 35px;}

	/* Diensten */
	.feat-img{height: 500px;}
	.dienst-2{padding: 150px 0 125px 0;}

	/* Bottom block banner offset */
	.single-diensten .vragen, .single-team .content{padding-bottom: 150px;}

	/* Referenties */
	.blok-pb-large{padding-bottom: 150px;}

	/* FAQ archive */
	.scroll-mobile{overflow: visible;flex-wrap: wrap;}
	.filter-faqs li{display: block;max-width: 100%;width: 100%;}
	.filter-faqs li + li{margin: 20px 0 0 0;}
	.filter-faqs li a{background: transparent;padding: 15px 25px;font-size: 16px;letter-spacing: 1.6px;text-transform: uppercase;color: var(--blauw-donker);font-weight: 600;display: flex;align-items: center;justify-content: space-between;transition: var(--transition);}
	.filter-faqs li a i{color: var(--goud);transform: rotate(-45deg);}

	/* Vacature modal */
	.vac-modal .modal-dialog{width: 900px;max-width: 900px;}

	/* Team single */
	.single-team .foto{height: calc(100% + 100px);}
	.team-tekst{padding-bottom: 100px;}
	.team-content{padding-top:150px;}

	/* Woningen */
	.woning-header{padding-bottom: 150px !important;}
	.woning-results{scroll-margin-top: 135px !important;}
	.filter-wrapper{margin-bottom: 75px;}
	.grijs-before.search::before{height: 375px;top: 0;border-bottom-right-radius: 40px;transform: skewY(2deg);}
	.grijs-before.search.has-results::before{height: 450px;}
	.woning-widget{margin-top: 80px !important;}

	/* Woningen single */
	.single-woning-details .omschrijving-wrap{margin-bottom: 40px;}
	.single-woning-details .omschrijving-wrap::before{left: calc((-100vw + 960px - 7px)/2);border-bottom-right-radius: 40px;transform: skewY(2deg);height: calc(100% + 150px);bottom: 0;top: unset;}

	/* Woningen filters */
	.filter-wrapper form:nth-child(1){width: 40%;}
	.filter-wrapper form:nth-child(2){width: 60%;}
	.filter-wrapper form:nth-child(2) select{width: 250px;max-width: 250px;}
	.filter-wrapper .bottom-row{flex-wrap: wrap;flex-grow: 1;margin-bottom: 0;margin-top: 0;}
	.filter-wrapper :is(input[type="text"], select){margin-bottom: 0;}
	.filter-wrapper :is(input[type="text"], select, .range){margin-right: 20px;}
	.filter-wrapper .search_result{width: calc(100% - 20px);}
	.range_container{margin-right: 0;}

	/* Swiper with nav */
	.swiper-with-nav{width: calc((100vw + 960px - 41px)/2);}

	/* Nieuwbouw archief */
	:is(.post-type-archive-nieuwbouw, .post-type-archive-projecten, .page-template-verkochte-projecten) .page-header::before{border-bottom-right-radius: 40px;transform: skewY(2deg);}
	.post-type-archive-nieuwbouw .item-blok .img{height:300px;}

	/* Fonts */
	h1.titel{font-size: 60px;line-height: 70px;}
	h2.titel, h1.titel.page{font-size: 45px;line-height: 55px;}

	.item-blok .content h4{font-size: 28px;}
	.banner .content h3{font-size: 50px;}
	.team-item h3{font-size: 28px;line-height:35px;}
	.single-team .dienst-blok .content h4{font-size: 28px;line-height: 41px;}

	/* ----- Boumij 50 jaar ----- */
	.home .top .menu-logo img.logo-50{width: 150px;height: 150px;margin-bottom: -50px;transform-origin: center top;}
	.home .top.scrolled .menu-logo img.logo-50{transform: scale(0.8) translateY(5px);}
}
@media(min-width: 1200px){
	/* Navigatie */
	ul.navbar-nav:first-of-type{margin-right: 20px;}
	.navbar-nav li > a, .menu-call span{font-size: 16px;}

	/* Footer */
	.banner .persoon{right: unset;}
	footer .footer-ul.last{columns: 2;-webkit-columns: 2;-moz-columns: 2;}

	/* Vacature modal */
	.vac-modal .modal-dialog{width: 1100px;max-width: 1100px;}
	.vac-modal .modal-header{padding: 30px 50px;}
	.vac-modal .modal-body{padding: 50px;}
	.vac-modal h5{font-size: 30px;}

	/* Algemeen */
	.img-linksboven{left: calc((-100vw + 1140px + 17px)/2);width: calc((100vw - 760px - 17px)/2);}
	.img-rechtsonder{right: calc((-100vw + 1140px + 17px)/2);width: calc((100vw - 760px - 17px)/2);}

	.grijs-before.team::before{height: 650px;}
	.grijs-before.vac::before{height: 350px;}

	.ref-archive::after{height: 350px;}

	/* Diensten */
	.diensten-swiper{width: calc((100vw + 380px - 41px)/2);}

	/* Woningen single */
	.single-woning-details .omschrijving-wrap::before{left: calc((-100vw + 1140px - 7px)/2);}

	/* Swiper with nav */
	.swiper-with-nav{width: calc((100vw + 1140px - 41px)/2);}

	/* Woningen filters */
	.filter-wrapper form:nth-child(2) select{width: 300px;max-width: 300px;}
	.post-type-archive-nieuwbouw .item-blok .img{height:260px;}
}
@media(min-width: 1400px){
	/* Vacature modal */
	.vac-modal .modal-dialog{width: 1300px;max-width: 1300px;}

	/* Algemeen */
	.img-linksboven{left: calc((-100vw + 1320px + 17px)/2);width: calc((100vw - 880px - 17px)/2);}
	.img-rechtsonder{right: calc((-100vw + 1320px + 17px)/2);width: calc((100vw - 880px - 17px)/2);}

	.grijs-before.team::before{height: 700px;}
	.grijs-before.vac::before{height: 400px;}
	.grijs-before.vac::before{height: 400px;}

	/* Woningen single */
	.single-woning-fotos .swiper{height: 650px;}
	.single-woning-details .omschrijving-wrap::before{left: calc((-100vw + 1320px - 7px)/2);}
	.plattegrond .btn-prev{left: -25px;}
	.plattegrond .btn-next{right: -25px;}

	/* Swiper with nav */
	.swiper-with-nav{width: calc((100vw + 1320px - 41px)/2);}

	/* Diensten */
	.diensten-swiper{width: calc((100vw + 440px - 41px)/2);}

	/* Woningen filters */
	.filter-wrapper form:nth-child(1){width: 35%;}
	.filter-wrapper form:nth-child(2){width: 65%;}
	.filter-wrapper .bottom-row{flex-wrap: nowrap;flex-grow: 1;margin-top: 0;}
	.filter-wrapper select{width:35% !important;}
	.grijs-before.search.has-results::before{height: 425px;}
	.range_container{margin-right: 20px;}
	.post-type-archive-nieuwbouw .item-blok .img{height:300px;}
}
@media(min-width: 1600px){
	/* Formulieren */
	.solliciteren:not(.vac-modal) .form-wrap{background: var(--wit);padding: 60px 50px 55px 50px;}
}

.gform-theme--foundation legend {
	font-weight: bold !important;
}

#gform_submit_button_1 {
	background-color: var(--goud);
    color: var(--wit);
    padding: 15px 25px;
	    display: inline-flex
;
    align-items: baseline;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    text-decoration: none;
    width: fit-content;
}

.gform_confirmation_wrapper {
	line-height: 1.75em;
}

.openhuis--tag {
	left: 10px;
	bottom: 10px;
	background-color: #BE9F56;
	position: absolute;
	padding: 5px 8px;
	z-index: 9;
	color: #fff;
	font-weight: 500;
	font-weight: 600;
}