/*
 * ============================================================
 * BUSINESS — CONTACT
 * ============================================================
 */

@media screen and (min-width: 969px) {

body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-main {
    padding:
        85px
        0 !important;

    background:
        #ffffff !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-main-grid {
    display:
        grid !important;

    grid-template-columns:
        .8fr
        1.2fr !important;

    gap:
        0 !important;

    align-items:
        stretch !important;

    border:
        1px solid
        var(--pb-business-line) !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-info {
    padding:
        55px !important;

    background:
        var(--pb-business-dark) !important;

    color:
        #ffffff !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-info h2,
body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-info p,
body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-detail-body a,
body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-detail-body span,
body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-hours h3,
body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-hours-row {
    color:
        #ffffff !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-detail {
    padding:
        22px
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.14) !important;

    border-radius:
        0 !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-detail-icon {
    background:
        transparent !important;

    border:
        1px solid
        rgba(255,255,255,.25) !important;

    color:
        var(--vokk-primary-light) !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-hours {
    margin-top:
        32px !important;

    padding:
        28px
        0
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-top:
        3px solid
        var(--vokk-primary) !important;

    border-radius:
        0 !important;
}


/*
 * Formulier rechts als formele werkruimte.
 */

body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-form-panel {
    padding:
        55px
        60px !important;

    background:
        var(--pb-business-soft) !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;
}


/*
 * Vertrouwen = zakelijke drie-koloms rij.
 */

body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-reassurance {
    padding:
        70px
        0 !important;

    background:
        #ffffff !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-reassurance-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:
        0 !important;

    border:
        1px solid
        var(--pb-business-line) !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-reassurance-item {
    padding:
        34px !important;

    background:
        var(--pb-business-soft) !important;

    border:
        0 !important;

    border-radius:
        0 !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-reassurance-item
+ .vokk-contact-reassurance-item {
    border-left:
        1px solid
        var(--pb-business-line) !important;
}


/*
 * FAQ als klassieke informatiekolom.
 */

body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-extra {
    padding:
        85px
        0 !important;

    background:
        var(--pb-business-soft) !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-extra-grid {
    display:
        grid !important;

    grid-template-columns:
        .72fr
        1.28fr !important;

    gap:
        70px !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-faq {
    border-top:
        1px solid
        var(--pb-business-line) !important;
}


body.pb-layout-pack-business.pb-template-page-contact
.vokk-contact-faq-item {
    padding:
        25px
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-bottom:
        1px solid
        var(--pb-business-line) !important;

    border-radius:
        0 !important;
}

}

/* PB BUSINESS CONTACT HOURS STRONG CONTRAST START */

@media screen and (min-width: 969px) {

    html body.pb-layout-pack-business.pb-mode-medium:not(.pb-mode-dark)
    body.pb-template-page-contact .vokk-contact-hours-row strong {
        color: #667085 !important;
    }

}

/* PB BUSINESS CONTACT HOURS STRONG CONTRAST END */