/* Site-specific overrides for humbleclark.com.
 *
 * Kept separate from styles.css so the purchased theme stays diffable against a
 * clean copy of itself. Loaded last, after rte.css.
 */

/* ---------------------------------------------------------------------------
 * Rich text on the dark block.
 *
 * People, Fees and News moved from .section-block-grey (#f9f9f9) to
 * .section-block (#000033). People and News were fine unaided: their cards
 * (.team-box-2-overlay, .blog-grid-simple) carry their own white background.
 * Fees is the exception -- .legal-content renders the feesDescription rich text
 * straight onto the block with nothing behind it, and its type was coloured for
 * a light ground.
 *
 * Scoped to .section-block on purpose: LegalPage, NewsItem and ServiceDetail use
 * .legal-content too and are still on the grey block, so they must keep dark type.
 *
 * These selectors are (0,2,1); the bare h3/h4/h5 rules in rte.css are (0,0,1),
 * so specificity settles it and no !important is needed despite rte.css loading
 * after this file would otherwise matter.
 * ------------------------------------------------------------------------- */
.section-block .legal-content {
    color: #ddd;
}

/* Both of these are set by an element-level rule that beats inheritance, so the
 * base rule above cannot reach them: default.css has a bare `p { color: #111 }`,
 * and styles.css sets `.legal-content li { color: #111 }`. */
.section-block .legal-content p,
.section-block .legal-content li {
    color: #ddd;
}

/* rte.css sets these to #4f3d92, which is close to unreadable on navy.
 * h5 is left alone: rte.css's #D83F87 clears AA on this background, and the
 * <strong> inside those call-to-action lines must keep inheriting it. */
.section-block .legal-content h3,
.section-block .legal-content h4 {
    color: #fff;
}

/* Deliberately no rule for links. The feesDescription rich text contains no <a> of
 * its own -- the only anchors inside .legal-content are the quote buttons injected by
 * the Hoowla widget, which brings its own styling and must keep it. */

/* Bootstrap's rgba(0,0,0,.1) rule is invisible against #000033. */
.section-block .legal-content hr {
    border-top-color: rgba(255, 255, 255, 0.2);
}