/*
 * Contact-pagina: Gutenberg-layout gelijk aan de oude WPBakery-rijen.
 *
 * Opgemeten op localhost met js_composer actief (contact, desktop ~1670px):
 *
 *   rij 1 (.vc_custom_1444635240404)  padding 70px 10% 140px  hoogte 211px  contact.jpg cover
 *   rij 2 (.vc_custom_1430820467284)  padding 70px 10%         bg #fcfcfc
 *   rij 3 (vc_row)                    padding 70px 10%         bg #f7f7f7
 *
 * De driehoek onder de banner komt van themes/faculty/css/style.css
 * (.fac-page #inside > .wpb_row:first-child:before) — hier voor .contact-hero-banner.
 */

.fac-page #inside > .contact-hero-banner {
    position: relative;
    margin: 0;
    padding: 70px 10% 140px;
    background-color: #f3f3f3;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.fac-page #inside > .contact-hero-banner::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(8, 4, 13, 0);
    border-top-color: #f3f3f3;
    border-width: 30px;
    left: 50%;
    margin-left: -30px;
    z-index: 1;
}

.fac-page #inside > .contact-content-band {
    padding: 70px 10%;
    margin: 0;
    background-color: #fcfcfc;
}

.fac-page #inside > .contact-content-band .wp-block-columns {
    margin-bottom: 0;
}

.fac-page #inside > .contact-map-band {
    padding: 70px 10%;
    margin: 0;
    background-color: #f7f7f7;
}

.fac-page #inside > .contact-map-band .wp-block-html {
    margin-bottom: 0;
}

.fac-page #inside > .contact-map-band iframe {
    display: block;
    width: 100%;
}