Elementor #5351

/* ===================================================================== SPACE COAST DAILY UK — bmmagazine-style editorial reskin HOW TO USE: WordPress admin > Appearance > Customize > Additional CSS Paste this whole block in, then click Publish. Colors are intentionally different from bmmagazine's exact palette (navy + amber instead of their exact red) per your request. ===================================================================== */ :root { --scd-ink: #101828; /* near-black navy for header/text */ --scd-accent: #C2410C; /* burnt-orange accent for tags/links */ --scd-line: #E5E7EB; --scd-muted: #667085; } /* Site-wide editorial font pairing: serif headlines, clean sans body */ body { font-family: -apple-system, "Segoe UI", Arial, sans-serif; color: var(--scd-ink); } h1, h2, h3, .entry-title, .post-title { font-family: Georgia, "Times New Roman", serif !important; font-weight: 700 !important; letter-spacing: -0.01em; } /* Top navigation bar — dark, business-editorial */ #header, .mvp-header-wrap, header { background-color: var(--scd-ink) !important; border-bottom: 3px solid var(--scd-accent); } #header a, .mvp-header-wrap a, header nav a { color: #F2F4F7 !important; } #header a:hover, .mvp-header-wrap a:hover, header nav a:hover { color: var(--scd-accent) !important; } /* Category labels / eyebrow tags on article cards */ .mvp-cat-link, .cat-links, .post-cat, .category-label { background-color: var(--scd-accent) !important; color: #fff !important; text-transform: uppercase; font-size: 11px; letter-spacing: 0.06em; padding: 3px 8px; border-radius: 3px; } /* Article titles on cards/listing */ .mvp-blog-story-out h2 a, .entry-title a, .post-title a { color: var(--scd-ink) !important; } .mvp-blog-story-out h2 a:hover, .entry-title a:hover, .post-title a:hover { color: var(--scd-accent) !important; } /* Divider lines between story blocks */ .mvp-blog-story-out { border-bottom: 1px solid var(--scd-line); padding-bottom: 18px; margin-bottom: 18px; } /* Sidebar "Trending / Most Read" style widget headers */ .widget-title, .sidebar h3, .mvp-widget-title { font-family: Georgia, serif !important; border-bottom: 2px solid var(--scd-accent); padding-bottom: 8px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.04em; } /* Buttons / CTAs (e.g. "More Posts", newsletter signup) */ .mvp-more-btn, .btn, button[type="submit"] { background-color: var(--scd-accent) !important; color: #fff !important; border: none !important; border-radius: 4px !important; font-weight: 600; } .mvp-more-btn:hover, .btn:hover, button[type="submit"]:hover { background-color: #9A3412 !important; } /* Footer */ footer, #footer, .mvp-footer-wrap { background-color: var(--scd-ink) !important; color: #C9CBD8 !important; } footer a, #footer a, .mvp-footer-wrap a { color: #F2F4F7 !important; }