/* ============================================================ "Bank Regulation after SVB" Location: 2023SRA/css/svb.css Loaded by sra_enqueue_page_bundles(), keyed on the marker data-sra-bundle="svb". Depends on 'chld_thm_cfg_child'. Migrated out of WPBakery's _wpb_post_custom_css postmeta, which held 22 rules. Fourteen are now handled by the shared sra- components in style.css, so only what is genuinely specific to this post remains here. WHAT MOVED TO sra- .intro-section, .info-section -> .sra-highlight .numbered-point (the box) -> .sra-card .summary-section -> .sra-card .sra-card-dark .key-point -> .sra-callout .sra-callout-do .warning-section -> .sra-callout .sra-callout-dont .regulation-list -> .sra-callout .sra-callout-accent .footnotes / .footnote-item -> .sra-footnotes / .sra-footnote-item .article-content p/li justify -> .sra-prose on the wrapper TWO SITE-WIDE LEAKS FIXED The original declared bare `a { ... }` and `strong { ... }` selectors. Injected into , those restyled every link and every bold element on the page - header nav, footer, widgets. Both are now scoped. ONE RULE DELETED OUTRIGHT `.article-content h1 { font-size: 2.2rem; text-align: center; ... }` The template already emits the post title as the page h1, so a second one in the content would be the duplicate-h1 problem. Nothing in this post uses it. ============================================================ */ .article-content { margin: 0 auto; padding: 20px; font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.5; color: #333; } /* -- was a bare `a` selector, restyling every link on the page -- */ .article-content a { color: #2c5aa0; text-decoration: none; font-weight: 500; } .article-content a:hover { text-decoration: underline; color: #1a4480; } /* -- was a bare `strong` selector -- */ .article-content strong { color: #303158; } /* ============================================ HEADINGS ============================================ */ .article-content h2 { color: #303158; font-size: 20px; margin-top: 25px; margin-bottom: 15px; text-align: left; } .article-content h2:first-of-type { margin-top: 15px; } .article-content h3 { color: #2c3e50; margin-top: 20px; margin-bottom: 10px; text-align: left; } /* The numbered points are .sra-card boxes; this is the heading treatment inside them, which .sra-card does not provide for an h2. */ .article-content .numbered-point h2 { color: #3a4373; font-size: 1.3em; font-weight: 600; margin-top: 0; border: none; padding: 0; } /* ============================================ PULL QUOTES FROM THE REPORT Twelve instances, the most-used component in the post. A near-transparent tint with no border, so .sra-callout is not a fit. ============================================ */ .article-content .quote-block { color: #374151; padding: 15px 20px; margin: 20px 0; background: rgba(74, 97, 163, 0.02); border-radius: 8px; position: relative; } /* ============================================ CITATIONS AND INLINE HIGHLIGHT ============================================ */ /* Not .sra-fn-ref: these are inline "pg 97" links, and .sra-fn-ref applies vertical-align: super, which would lift them off the baseline. */ .article-content .citation { color: #4a61a3; font-size: 0.9em; font-weight: 500; } .article-content .citation a { color: #4a61a3; text-decoration: none; font-weight: 500; } .article-content .citation a:hover { text-decoration: underline; } /* Inline text highlighter. Nothing in the sra set does this - the shared callouts are all block-level boxes. */ .article-content .highlight-strong { background-color: #fff3cd; padding: 2px 4px; border-radius: 3px; font-weight: 600; } /* Return arrow on the footnote. */ .article-content .footnote-back { text-decoration: none; margin-left: 0.4em; } /* ============================================ LISTS INSIDE A CALLOUT Was .regulation-list ul. That box is now .sra-callout .sra-callout-accent, which styles the box but not the list inside it. ============================================ */ .article-content .sra-callout ul { margin: 10px 0; padding-left: 25px; } .article-content .sra-callout li { margin: 8px 0; line-height: 1.6; } /* ============================================ MOBILE ============================================ */ @media (max-width: 768px) { .article-content { padding: 15px; } .article-content .quote-block { padding: 12px 15px; margin: 15px 0; } }