/* ==========================================================================
   Typography — Paragraphs
   Applies to: single post, RD paragraph blocks, single press release,
   and the speexx-page.php template.
   ========================================================================== */

:root {
    --fcb-paragraph-size: 20px;
    --fcb-paragraph-line-height: 1.4;
    --fcb-paragraph-spacing: 0.8em;
    --spx-color-white: #fff;
    --spx-color-darker-gray: #181818;
}

.single-post .post-content p,
.rd-paragraph p,
.single-press-release .post-content p,
.single-integration .post-content p,
.page-template-speexx-page-php .post-content p,
.page-text-block p,
.pbq-content p,
.faq-item summary,
.is-text p,
.fcb-wrapper p,
.text span,
.spppi-text p,
.single-post .post-content :not(.sq-content) p,
.single-press-release .post-content h1,
.single-press-release .post-content h2,
.single-press-release .post-content h3,
.single-press-release .post-content h4,
.single-press-release .post-content h5,
.single-press-release .post-content h6,
.single-press-release .post-content :not(.sq-content) p,
.page .fcb-gb-design-light_grey p,
.page .fcb-gb-design-white p,
.page-template .page-text-block *,
.post-type-archive-integration .page-text-block *,
.fcb-gb-design-white p,
.fcb-gb-design-white .speexx-badges-text *,
.fcb-gb-design-white .speexx-badges-heading *,
.fcb-gb-design-light_grey p,
.fcb-gb-design-light_grey .speexx-badges-text *,
.fcb-gb-design-light_grey .speexx-badges-heading *,
.fcb-gb-design-black p,
.fcb-gb-design-black .speexx-badges-text *,
.fcb-gb-design-black .speexx-badges-heading *,
.fcb-gb-design-black .is-text p,
.fcb-gb-design-black .fcb-wrapper p,
.fcb-gb-design-dark_grey p,
.fcb-gb-design-dark_grey .speexx-badges-text *,
.fcb-gb-design-dark_grey .speexx-badges-heading *,
.fcb-gb-design-dark_grey .is-text p,
.fcb-gb-design-dark_grey .fcb-wrapper p,
#g2_badges_pricing .speexx-badges-text *,
#g2_badges_pricing .speexx-badges-heading * {
    font-size: var(--fcb-paragraph-size) !important;
    line-height: var(--fcb-paragraph-line-height) !important;
    margin-bottom: var(--fcb-paragraph-spacing) !important;
    color: var(--spx-color-darker-gray);
}

.fcb-gb-design-dark_grey li,
.speexx-block .speexx_page_bg_overlay.overlay_show_dark + .inner-block-container li,
.fcb-gb-design-black li,
.fcb-gb-design-white li,
.fcb-gb-design-light_grey li,
.single-press-release .post-content li,
.single-post .post-content li,
.page-header-subheading li,
.page-text-block li,
.post-content ul li
{
    font-size: var(--fcb-paragraph-size) !important;
    line-height: var(--fcb-paragraph-line-height) !important;
    color: var(--spx-color-darker-gray);
}


/* ==========================================================================
   Text color — light backgrounds (dark text)
   ========================================================================== */

.rd-paragraph p,
.single-post .post-content h1,
.single-post .post-content h2,
.single-post .post-content h3,
.single-post .post-content h4,
.single-post .post-content h5,
.single-post .post-content h6,
.single-post .post-content :not(.sq-content) p,
.single-post .post-content li,
.single-press-release .post-content h1,
.single-press-release .post-content h2,
.single-press-release .post-content h3,
.single-press-release .post-content h4,
.single-press-release .post-content h5,
.single-press-release .post-content h6,
.single-press-release .post-content :not(.sq-content) p,
.single-press-release .post-content li,
.page .fcb-gb-design-light_grey p,
.page .fcb-gb-design-white p,
.page-template .page-text-block *,
.post-type-archive-integration .page-text-block * {
    color: var(--spx-color-darker-gray) !important;
}

.pbq-content p {
    color: var(--spx-color-white);
}

/* ==========================================================================
   Block design variants — text color by background
   fcb-gb-design-white / fcb-gb-design-light_grey  -> dark text (light bg)
   fcb-gb-design-black / fcb-gb-design-dark_grey   -> white text (dark bg)
   ========================================================================== */

.fcb-gb-design-white p,
.fcb-gb-design-white h1,
.fcb-gb-design-white h2,
.fcb-gb-design-white h3,
.fcb-gb-design-white h4,
.fcb-gb-design-white h5,
.fcb-gb-design-white h6,
.fcb-gb-design-white li,
.fcb-gb-design-white .speexx-badges-text *,
.fcb-gb-design-white .speexx-badges-heading *,
.fcb-gb-design-light_grey p,
.fcb-gb-design-light_grey h1,
.fcb-gb-design-light_grey h2,
.fcb-gb-design-light_grey h3,
.fcb-gb-design-light_grey h4,
.fcb-gb-design-light_grey h5,
.fcb-gb-design-light_grey h6,
.fcb-gb-design-light_grey li,
.fcb-gb-design-light_grey .speexx-badges-text *,
.fcb-gb-design-light_grey .speexx-badges-heading * {
    color: var(--spx-color-darker-gray) !important;
}

.fcb-gb-design-black p,
.fcb-gb-design-black h1,
.fcb-gb-design-black h2,
.fcb-gb-design-black h3,
.fcb-gb-design-black h4,
.fcb-gb-design-black h5,
.fcb-gb-design-black h6,
.fcb-gb-design-black li,
.fcb-gb-design-black .speexx-badges-text *,
.fcb-gb-design-black .speexx-badges-heading *,
.fcb-gb-design-black .is-text p,
.fcb-gb-design-black .fcb-wrapper p,
.fcb-gb-design-dark_grey p,
.fcb-gb-design-dark_grey h1,
.fcb-gb-design-dark_grey h2,
.fcb-gb-design-dark_grey h3,
.fcb-gb-design-dark_grey h4,
.fcb-gb-design-dark_grey h5,
.fcb-gb-design-dark_grey h6,
.fcb-gb-design-dark_grey li,
.fcb-gb-design-dark_grey .speexx-badges-text *,
.fcb-gb-design-dark_grey .speexx-badges-heading *,
.fcb-gb-design-dark_grey .is-text p,
.fcb-gb-design-dark_grey .fcb-wrapper p,
.speexx-block .speexx_page_bg_overlay.overlay_show_dark + .inner-block-container li,
#g2_badges_pricing .speexx-badges-text *,
#g2_badges_pricing .speexx-badges-heading * {
    color: var(--spx-color-white) !important;
}