nav { z-index: 99; }
nav ul li a:hover { filter: none; }
nav .mobile { filter: none; }
nav .menu .fa-angle-down { color: white; }
nav.scrolled .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);
}

nav .mobile { filter: none; }
.contact-intro { padding-top: 250px; min-height: 61vh; z-index: -1; padding-bottom: 126px; position: relative; overflow: hidden; background: var(--wijzijn11-blue); display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; padding-inline: var(--Wijzijn11-outer-area); }
.contact-intro h2, .contact-intro > .contact-info { color: white; margin-block: auto; }
.contact-intro > .contact-info { /*width: 41%;*/ }
.contact-intro h2 { font-size: 72px; font-weight: bold; font-style: italic; }
.contact-intro p { font-size: 20px; }
.contact-intro .info { display: flex; gap: 30px; }
.contact-intro a { display: block; font-size: 20px; text-align: center; background: transparent; font-weight: bold; color: var(--wijzijn11-orange); border: 2px solid var(--wijzijn11-orange); border-radius: 20px; min-width: 220px; padding-block: 15px; text-decoration: none; margin-top: 30px; transition: all .25s ease-in-out;  }
.contact-intro a:hover { background: var(--wijzijn11-orange); color: black; }

.contact-img { height: 600px; width: 100%; }
.contact-img img { position: fixed; z-index: -2; top: 105px; width: 100%; height: 845px; object-fit: cover; object-position: 0 26%;  }

.vragen { position: relative; background: var(--wijzijn11-orange); padding-bottom: 100px; padding-inline: 26%; }
.vragen h2 { display: block; text-align: center; font-size: 60px; color: var(--wijzijn11-blue); padding-top: 60px; }
.vragen p { font-size: 20px; }

.outro { position: relative; background: white; display: flex; justify-content: space-between;  margin-bottom: 375px; }
.outro > div { flex: 1 1 45%; margin-block: auto; }
.outro h2 { font-size: 44px; color: var(--wijzijn11-blue); font-weight: bold; }
.outro p { font-size: 20px; }
.outro > div:last-child { padding-left: 150px; }


.row { display: flex; gap: 90px; }
label { margin-bottom: 30px; }
input, textarea { background: transparent; width: 70%; border: none; outline: none; border-bottom: 1px solid white; height: 30px; font-size: 20px; color: white;  }
.send input { all: unset; float: right; background: transparent; color: var(--wijzijn11-blue); border: 2px solid var(--wijzijn11-blue); border-radius: 20px; font-weight: bold; padding-inline: 30px; padding-block: 15px; transition: all .25s ease-in-out; }
.send input:hover { cursor: pointer; background: var(--wijzijn11-blue); color: white; }
.send a { color: var(--wijzijn11-blue); }
.send .google { display: block; width: 60%; font-size: 14px; }
.send a:hover { color: white; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { border-color: white; color: white; margin-top: 70px; }
form .row label span { color: var(--wijzijn11-blue); }

/************************ Responsive ************************/
@media screen and (max-width: 1200px) {  
    .contact-intro h2, .contact-intro div { flex: 1 1 100%; }
	.vragen { padding-inline: 18%; }
}

@media screen and (max-width: 900px) {  
    .outro { flex-wrap: wrap; margin-bottom: 600px; }
    .outro > div { flex: 1 1 100%; }
    .outro > div:last-child { padding-left: 0; padding-inline: var(--Wijzijn11-outer-area);}
    .contact-intro { padding-top: 200px; }
}

@media screen and (max-width: 675px) { 
    .contact-intro .info { flex-wrap: wrap; }
    .contact-img img { object-position: 55% 26%;  }
    .outro { margin-bottom: 675px; }
    .row { flex-wrap: wrap; gap: 0; }
    input, textarea { width: 100%; }
    .vragen { padding-inline: var(--Wijzijn11-outer-area); }
    .contact-intro h2 { text-align: center; }
    .contact-intro { padding-top: 160px; }
	.send .google { width: 100%; }
	.send input { margin-top: 30px; }
}