.menu > a:nth-of-type(5) { color: var(--webheads-color-primary); }
.company-info { display: none !important; }
nav:not(.scrolled) { padding-bottom: 3rem !important; }


.header-contact { position: relative; align-content: center; height: 25rem; }
.header-contact img { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; /*filter: brightness(.6);*/ }
.header-contact h2 { font-size: 3rem; text-align: center; font-weight: bold; text-transform: uppercase; filter: var(--webheads-dropshadow); margin-top: 7rem; padding-inline: var(--webheads-inline-padding); }


.contact-page { display: flex; justify-content: space-between; padding-inline: var(--webheads-inline-padding); margin-top: 3rem; padding-bottom: 6rem; }
.contact-info { width: 45%; }
.contact-info h2 { font-size: 2.5rem; font-weight: bold; text-transform: uppercase; }
.contact-info p { margin-block: 2rem; width: 80%; }
.contact-info .tel { margin-bottom: 1rem; margin-left: .25rem; }
.tel, .email { display: flex; gap: 1rem; font-size: 1.5rem; }
.tel a, .email a { font-family: 'Tektur'; font-weight: bold; }

.contact-page .bar { display: none; box-shadow: var(--webheads-boxshadow); background: linear-gradient(180deg, var(--webheads-color-primary), var(--webheads-color-secondary)); width: 100%; height: .3em; position: relative; border-radius: .5rem; margin-top: 2rem; }
.contact-formulier { width: 35%; }
.contact-formulier input, .contact-formulier textarea { border-radius: .5rem !important; background: var(--webheads-element-background-color)  !important; }
.contact-formulier input::placeholder, .contact-formulier textarea::placeholder { color: white !important; }
.contact-formulier input:focus, .contact-formulier textarea:focus { border-color: var(--webheads-color-primary) !important; box-shadow: 0 0 0 1px var(--webheads-color-primary), 0px 1px 2px rgba(0, 0, 0, 0.15) !important; }
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error { position: absolute !important; top: -1.2rem; }
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field { padding: 1.1rem 0 !important; }
.contact-formulier .wpforms-submit { background-color: var(--webheads-color-primary) !important; float: right; margin-bottom: 2rem; }
.contact-formulier .wpforms-submit:after { border-color: var(--webheads-color-primary) !important; }



@media screen and (max-width: 1050px) {  
    .contact-page { flex-wrap: wrap; }
    .contact-page > div { width: 100%; }
    .contact-page .bar { display: block; }
    .header-contact h2 { margin-top: 5rem; }
}

@media screen and (max-width: 475px) { 
    .header-contact { height: 16rem; }
    .contact-info h2, .header-contact h2{ font-size: 2rem; }
    .contact-page { margin-top: 2rem; }
} 