/* ============================================================= Brian Elmore Homes — Global Design Patch Loaded after each page's inline styles to enforce sitewide consistency: logo, type sizes, contrast. ============================================================= */ /* ── Inner-page Nav: White Header ──────────────────────────── index.html gets class="home" on ; every other page uses this rule to replace the navy nav with the same white/frosted style the homepage shows when scrolled. */ body:not(.home) #navbar { background: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important; backdrop-filter: blur(12px) !important; } /* Nav link text: switch from cream to dark on white bg */ body:not(.home) .nav-links a { color: #4b5563 !important; } body:not(.home) .nav-links a:hover, body:not(.home) .nav-links a.active { color: #032b42 !important; } /* Logo wordmark: switch from cream to navy on white bg */ body:not(.home) .be-logo { color: #032b42 !important; } /* Hamburger bars: switch from cream to dark */ body:not(.home) .nav-toggle span { background: #374151 !important; } /* ── Logo: Pure Wordmark Mode ───────────────────────────────── Hides the square BE monogram and the vertical rule on every page. Only the BRIAN ELMORE / HOMES text remains. */ .be-logo svg { display: none !important; } .be-logo-vr { display: none !important; } /* Consistent nav size for all pages (inner pages omit --sm) */ .be-logo-name { font-size: 20px !important; } .be-logo-homes { font-size: 9px !important; } /* Footer (--lg) overrides the base rule above */ .be-logo--lg .be-logo-name { font-size: 34px !important; } .be-logo--lg .be-logo-homes { font-size: 13px !important; } /* ── Eyebrow Labels ─────────────────────────────────────────── Normalize the small ALL-CAPS labels across pages. Most pages use 0.65–0.66 rem; bump to 0.72 for legibility. */ .page-eyebrow, .eyebrow, .cred-strip-eyebrow, .network-cta-eyebrow { font-size: 0.72rem !important; letter-spacing: 0.18em !important; } /* ── Hero & CTA Body Text ───────────────────────────────────── Many pages used opacity values as low as 0.45–0.6 on cream text over the dark navy hero/CTA background. Boosting all of them to 0.85 for readable contrast. */ .page-hero-sub { color: rgba(237, 232, 223, 0.85) !important; } .page-hero p { color: rgba(237, 232, 223, 0.85) !important; } .page-hero-meta { color: rgba(237, 232, 223, 0.72) !important; } .page-cta p { color: rgba(237, 232, 223, 0.85) !important; } .cta-block p { color: rgba(237, 232, 223, 0.85) !important; } .article-cta p { color: rgba(237, 232, 223, 0.85) !important; } /* ── Secondary Label Text ───────────────────────────────────── #9ca3af (~2.8:1 contrast on white) is used for many secondary labels that still convey information. Bumping to #6b7280 (~4.1:1) passes WCAG AA for small text. */ .filter-label, .footer-col-title, .footer-copy, .footer-legal a, .sidebar-label, .net-subcat-label, .net-cat-count, .prop-hood, .review-meta, .row-meta, .listing-count, .compliance-note { color: #6b7280 !important; } /* ── Minimum Font-Size Floor ────────────────────────────────── Several pages have labels at 0.6–0.62 rem, which is barely legible on most screens. */ .footer-col-title, .sidebar-label, .filter-label, .net-subcat-label { font-size: 0.66rem !important; } /* ── Section & CTA Headings: Montserrat not Cormorant ──────── Cormorant stays on large display hero h1s and big numerics. Section h2s, CTA blocks, and content headings switch to Montserrat so the body of each page feels consistent. */ .article-section h2, .page-cta h2, .article-cta h2, .articles-cta h2, .cta-block h2, .guide-cta h2, .network-cta h2, .resources-cta h2, .net-cat-name, .form-title { font-family: 'Montserrat', sans-serif !important; font-weight: 500 !important; letter-spacing: 0.01em !important; } /* Scale down slightly — Montserrat reads larger than Cormorant at the same rem, so we trim a bit for visual parity. */ .page-cta h2, .article-cta h2, .articles-cta h2, .cta-block h2, .guide-cta h2, .network-cta h2, .resources-cta h2 { font-size: clamp(1.35rem, 2.5vw, 1.7rem) !important; } .article-section h2 { font-size: 1.3rem !important; } .net-cat-name { font-size: 1rem !important; } .form-title { font-size: 1.3rem !important; font-weight: 600 !important; } /* ── Testimonial Quote Mark ─────────────────────────────────── Reduce the oversized quote-mark opacity so it doesn't compete with the card text. */ .test-card::before { opacity: 0.2 !important; } /* ── Form Labels ────────────────────────────────────────────── Slightly heavier weight makes form labels easier to scan. */ .form-group label { font-weight: 500 !important; }