nav { z-index: 99; }
nav ul li a { color: black; }
nav ul li a:hover { filter: none; }
nav .mobile { filter: none; }
#navToggle span { background: black; }
#navToggle.open span { background: white; }
nav .menu .fa-angle-down { color: black; }

/* NAVIGATION UNDERSCORE ANIMATION */
nav #menu-mainmenu .menu-item { position: relative; }
nav #menu-mainmenu .menu-item > a:after { 
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: solid 3px var(--wijzijn11-orange);
    transform: scaleX(0);  
    transition: all 300ms ease-in-out;
}

nav #menu-mainmenu .menu-item > a:hover:after, nav.scrolled .menu-item > a.current {
    transform: scaleX(1);
    color: var(--wijzijn11-orange);
}

.vastgoedmarketing { padding-inline: var( --Wijzijn11-outer-area); position: relative; background: white; padding-top: 250px; }
.vastgoedmarketing h2 { display: block; text-align: center; color: var(--wijzijn11-blue); font-weight: bold; font-style: italic; font-size: 44px; margin-bottom: 30px; }
.vastgoedmarketing p { font-size: 20px; }
.vastgoedmarketing img { width: 60%; display: block; margin-inline: auto; margin-top: 30px; transform: translateY(3px); }


.klantreis { padding-inline: var( --Wijzijn11-outer-area); position: relative; background: var(--wijzijn11-blue); padding-bottom: 100px; overflow: hidden; z-index: -1; }
.klantreis .phones { position: relative; display: flex; justify-content: space-between; }
.klantreis h2 { display: block; text-align: center; width: 100%; color: white; font-size: 46px; font-weight: bold; padding-block: 60px; }
.klantreis img { width: 100%; filter: drop-shadow(2px 3px 3px #00000067); }
.klantreis .dot { position: relative; background: var(--wijzijn11-orange); width: 30px; height: 30px; border-radius: 60px; margin-inline: auto; }
.klantreis.desktop .dot-first::before { display: block; position: relative; content: ""; background: var(--wijzijn11-orange); height: 5px; width: 45vw; left: 0; bottom: -13px; }
.klantreis.desktop .dot-last::before { display: block; position: absolute; content: ""; background: var(--wijzijn11-orange); height: 5px; width: 45vw; right: 0; bottom: 12px; }
.klantreis .phone { flex: 0 1 28%; }
.klantreis p { color: white; text-align: center; font-size: 20px; }
.phone > p { font-size: 24px; font-weight: bold; } 


.klantreis.tablet { display: none; }
.klantreis.mobile { display: none; }
.klantreis.tablet .tablet-container { display: flex; justify-content: space-between; }
.phone-container { display: flex; justify-content: space-between; margin-bottom: 60px; }
.phone-container .tablet-info { width: 30%; margin-block: auto; }
.klantreis.tablet .phones { display: block; }
.klantreis.tablet .phone { flex: unset; width: 250px; }
.tablet-info > p { font-size: 26px; }
.tablet-info p { text-align: left; }
.klantreis.tablet .dot { margin-block: auto; }
.klantreis.tablet .dot-first::before { display: block; position: relative; content: ""; background: var(--wijzijn11-orange); height: 1120px; width: 5px; left: 12px; bottom: -13px; }

.klantreis.mobile .phones { display: block; }
.klantreis.mobile .phone { flex: 0 1 60%; }
.klantreis.mobile .phone-container { gap: 90px; justify-content: center; }
.klantreis.mobile .dot { margin-block: auto; margin-inline: unset; }
.klantreis.mobile .dot-first::before { display: block; position: relative; content: ""; background: var(--wijzijn11-orange); height: 1120px; width: 5px; left: 12px; bottom: -13px; }
.klantreis.mobile .dot-last::before { display: block; position: relative; content: ""; background: var(--wijzijn11-orange); height: 1120px; width: 5px; left: 12px; top: -1120px; }
.stats { padding-inline: var( --Wijzijn11-outer-area); padding-block: 60px; position: relative; background: var(--wijzijn11-orange); color: black; font-size: 22px; font-weight: bold; text-align: center; }


.kanalen { padding-inline: var( --Wijzijn11-outer-area); position: relative; background: white; padding-block: 60px; }
.kanalen h2 { display: block; color: var(--wijzijn11-blue); font-size: 44px; font-weight: bold; text-align: center; margin-bottom: 60px; padding-top: 30px; }
.kanalen h3 { color: var(--wijzijn11-blue); font-weight: bold; margin-bottom: 0; font-size: 22px; }
.kanalen div { font-size: 22px; margin-bottom: 60px; }
.kanalen div p { margin-block: 0; }

.opdrachtgevers { position: relative; background: var(--wijzijn11-orange); }
.opdrachtgevers .flex-container { display: flex; gap: 120px; padding-right: 7.5%; }
.opdrachtgevers .flex-container img { width: 55%; height: 500px; object-fit: cover; }
.opdrachtgevers .splide-logos { padding-block: 30px; }
.opdrachtgevers .flex-container div { width: 40%; margin-block: auto; }
.opdrachtgevers .flex-container div h2 { font-weight: bold; font-size: 42px; }
.opdrachtgevers .flex-container div p { font-size: 20px; margin-bottom: 0; }

.cases { padding-top: 200px; }
.cases .titel { top: 50px; }
.cases .sub-titel { top: 100px; }

.vooruit div h2 { font-size: 38px; }

.img-popup { object-fit: contain; width: 200px; height: 100px; }
.popup h2 { color: black; font-size: 16px; font-weight: bold; }

.projecten { position: relative; background: var(--wijzijn11-blue); padding-inline: 60px; padding-bottom: 90px; overflow: hidden; z-index: -1; }
.projecten h2 { display: block; text-align: center; color: white; font-size: 48px; font-weight: bold; padding-block: 60px; }
.wpsl-directions, .wpsl-icon-direction, .gm-style-iw-ch { display: none !important; }
.gm-style-iw-chr { position: absolute; right: 0; }
.wpsl-info-window { padding-top: 25px; min-width: 200px; }
.wpsl-store-location { color: white; }
.wpsl-store-location a { color: white; }
.wpsl-store-location p:first-child a { font-size: 20px; }
.wpsl-store-location a:hover { color: var(--wijzijn11-orange); }
#wpsl-wrap .wpsl-icon-reset { padding-right: 12px !important; }
.wpsl-search { background: none; color: white; margin-bottom: 0; padding: 0; } 
label[for="wpsl-results-dropdown"], label[for="wpsl-radius-dropdown"], label[for="wpsl-search-input"] { margin-top: 5px; margin-left: 10px; margin-right: 5px !important; }
.wpsl-input label, #wpsl-radius label, #wpsl-category label { width: unset !important; }
#wpsl-search-wrap div { margin-right: 0; }
#wpsl-search-input { padding: 9px 12px; }
#wpsl-search-wrap { width: fit-content; float: right; }
#wpsl-search-btn { padding: 9px 15px; margin-right: 0; margin-left: 20px; }

/************************ Responsive ************************/


@media screen and (max-width: 1562px) { 
    nav ul li a { color: white; }
}  


@media screen and (max-width: 1275px) {  
    .opdrachtgevers .flex-container { flex-wrap: wrap; padding-right: 0; gap: 60px; }
	.opdrachtgevers .flex-container div { width: 100%; margin-bottom: 30px; }
    .flex-container div { width: 100%; }
    .flex-container img { width: 100% !important;  height: 400px !important; }
    .flex-container div { padding-inline: var(--Wijzijn11-outer-area); margin-bottom: 30px; }
    .vastgoedmarketing img { transform: translateY(2px); }


}

@media screen and (max-width: 950px) {  
    .klantreis.desktop { display: none; }
    .klantreis.tablet { display: block; }
}

@media screen and (max-width: 900px) {  
    .vastgoedmarketing { padding-top: 200px; }
}

@media screen and (max-width: 756px) {  
    /*.vastgoedmarketing h2 { font-size: 36px; }*/
    .vastgoedmarketing img { width: 100%; }
}

@media screen and (max-width: 675px) { 
	.projecten { padding-inline: 3%; }
}

@media screen and (max-width: 575px) {
    .vastgoedmarketing h2 { font-size: 30px; } 
    .klantreis.tablet { display: none; }
    .klantreis.mobile { display: block; }
    .mobile-info > p { font-size: 26px;  }
    .klantreis h2 { font-size: 32px; }
    .kanalen h2 { font-size: 36px; }
    .projecten img { width: 300px; }
}

@media screen and (max-width: 475px) {  
    .vastgoedmarketing h2 { font-size: 26px; }
    .vastgoedmarketing p { font-size: 18px; }
    .flex-container div h2 { font-size: 32px; }
    .vooruit div h2 { font-size: 26px; }
    .cases { padding-top: 280px; }
    .vastgoedmarketing { padding-top: 130px; }
	.opdrachtgevers .flex-container div h2 { font-size: 34px; text-align: center; }
}