/* =====================================================================
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;
}
