/*
 * ============================================================
 * VOKK / PB WEBDIENSTEN
 * DEFINITIEVE TYPOGRAFIE
 * ============================================================
 *
 * FINAL / LOCKED
 *
 * Regels:
 *
 * - Poppins blijft de theme-font
 * - normale leestekst = 15px
 * - hero-bodytekst = 15px
 * - footer = 13px
 * - kleine labels/meta blijven uit bestaande theme-CSS
 * - bestaande headings blijven uit bestaande theme-CSS
 * - header B/C houdt zijn eigen typography
 *
 * Layoutvarianten mogen vanaf nu GEEN body-typografie meer
 * wijzigen.
 * ============================================================
 */


body {
    font-family: "Poppins", sans-serif !important;
}


/* ============================================================
 * NORMALE PARAGRAFEN
 * ============================================================ */

body p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * HERO BODY
 *
 * Alleen bodytekst.
 * H1 / kicker / buttons / tiles NIET wijzigen.
 * ============================================================ */

body .pb-hero-text,
body .vokk-services-hero p,
body .vokk-projects-hero p,
body .vokk-reviews-hero p,
body .vokk-contact-hero p,
body .vokk-about-hero p,
body .vokk-detail-hero p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * HOMEPAGE BENEFITS
 * ============================================================ */

body .pb-vokk-benefits .pb-vokk-benefit p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * HOMEPAGE DIENSTEN
 *
 * Expliciet hoog genoeg in specificiteit om de oude compacte
 * card-CSS altijd te overrulen.
 * ============================================================ */

body .pb-vokk-service-grid
.pb-vokk-service-card
.pb-vokk-service-content p,

body.pb-services-variant-a
.pb-vokk-service-grid
.pb-vokk-service-card
.pb-vokk-service-content p,

body.pb-services-variant-b
.pb-vokk-service-grid
.pb-vokk-service-card
.pb-vokk-service-content p,

body.pb-services-variant-c
.pb-vokk-service-grid
.pb-vokk-service-card
.pb-vokk-service-content p,

body.pb-services-variant-d
.pb-vokk-service-grid
.pb-vokk-service-card
.pb-vokk-service-content p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/*
 * Functionele lees-meer-link iets compacter.
 */

body .pb-vokk-service-more {
    font-size: 13px !important;
    line-height: 1.4 !important;
}


/* ============================================================
 * WERKWIJZE
 * ============================================================ */

body .pb-vokk-process .pb-vokk-process-intro,
body .pb-vokk-process .pb-vokk-process-item p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * DIENSTENPAGINA'S
 * ============================================================ */

body .vokk-services-intro p,
body .vokk-service-content p,
body .vokk-service-benefit p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * DETAILPAGINA'S
 * ============================================================ */

body .vokk-detail-intro p,
body .vokk-detail-content p,
body .vokk-detail-benefit p,
body .vokk-detail-step p,
body .vokk-detail-faq-item p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * OVER ONS
 * ============================================================ */

body .vokk-about-intro p,
body .vokk-about-story-content p,
body .vokk-about-experience-content p,
body .vokk-about-value p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * PROJECTEN
 * ============================================================ */

body .vokk-project-content p,
body .vokk-project-featured-content p,
body .vokk-project-results-head p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * REVIEWS / WAARDERING
 * ============================================================ */

body .vokk-review-card-text,
body .vokk-reviews-summary-copy p,
body .vokk-reviews-wordpress-box p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * CONTACT
 * ============================================================ */

body .vokk-contact-info p,
body .vokk-contact-reassurance-item p,
body .vokk-contact-extra-copy p,
body .vokk-contact-faq-item p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * CTA BODY
 *
 * CTA headings NIET aanpassen.
 * ============================================================ */

body .vokk-services-cta-box p,
body .vokk-about-cta-box p,
body .vokk-projects-cta-box p,
body .vokk-reviews-cta-box p,
body .vokk-detail-cta-box p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * WORDPRESS / ALGEMENE CONTENT
 * ============================================================ */

body .entry-content p,
body .wp-block-post-content p,
body .vokk-page-content p,
body .vokk-content p {
    font-size: 15px !important;
    line-height: 1.70 !important;
}


/* ============================================================
 * FORMULIERINVOER
 * ============================================================ */

body input,
body textarea,
body select {
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
}


/* ============================================================
 * FOOTER
 *
 * Bewust iets compacter dan hoofdcontent.
 * ============================================================ */

body .agencyfooter-block-footer p,
body .agencyfooter-block-footer li,
body .agencyfooter-block-footer a {
    font-size: 13px !important;
    line-height: 1.65 !important;
}


/* ============================================================
 * MOBIEL
 *
 * Zelfde leesmaat.
 * Geen layoutwijziging.
 * ============================================================ */

@media screen and (max-width: 968px) {

    body p {
        font-size: 15px !important;
        line-height: 1.70 !important;
    }


    body .pb-vokk-service-grid
    .pb-vokk-service-card
    .pb-vokk-service-content p {
        font-size: 15px !important;
        line-height: 1.70 !important;
    }


    body .agencyfooter-block-footer p,
    body .agencyfooter-block-footer li,
    body .agencyfooter-block-footer a {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

}


/*
 * ============================================================
 * TYPOGRAPHY LOCK
 * ============================================================
 *
 * BEWUST NIET HIER GEDEFINIEERD:
 *
 * h1
 * h2
 * h3
 * h4
 * navigatie
 * header
 * hero headings
 * kickers
 * meta
 * nummers
 *
 * Deze blijven exact uit de oorspronkelijke theme-CSS.
 * ============================================================
 */