/* --- 1. THE GLOBAL HEADER & NAV (WHITE) --- */
.site-header, #masthead {
background-color: #000000 !important;
}
.site-title a, .site-branding .site-title a, .main-navigation a, .menu-toggle {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* --- 2. THE SINGLE POST HEADER (FORCE WHITE TITLE) --- */
/* This targets the black bar at the top of individual articles */
.single .entry-header, .page .entry-header {
background-color: #000000 !important;
}
.single .entry-header .entry-title, 
.single .entry-header .entry-meta,
.single .entry-header .entry-meta a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* --- 3. THE POST BODY (BLACK TEXT ON WHITE) --- */
body {
background-color: #ffffff !important;
}
/* This targets the actual article content below the header */
.entry-content p, 
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content li {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* --- 4. CLEANUP (REMOVING BORDERS) --- */
.site-main article, .entry-header, .entry-footer {
border: none !important;
}
.site-title a {
font-family: "Helvetica Neue", Arial, sans-serif !important;
font-weight: 900 !important;
font-size: 3.2rem !important;
text-transform: uppercase !important;
letter-spacing: -2px !important;
}
/* Reveal the footer and force a break in the infinite scroll */
#infinite-handle {
display: block !important;
visibility: visible !important;
text-align: center;
padding: 20px;
background: #000; /* Change to your brand color */
color: #fff;
cursor: pointer;
}
#infinite-handle span {
display: block;
padding: 15px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Hides the category list at the bottom of the page */
.footer-categories, .widget_categories, .post-categories {
display: none !important;
}
/* --- HIDE LOGO IMAGE COMPLETELY --- */
.custom-logo,
.custom-logo-link,
.site-logo,
.site-branding img {
display: none !important;
}
/* --- FORCE ALL NAVIGATION ITEMS TO ALL CAPS --- */
.main-navigation a,
.main-navigation li a,
.menu a,
.wp-block-navigation a {
text-transform: uppercase !important;
letter-spacing: 0.12em;
font-weight: 600;
}
/* --- DISCOVER-OPTIMIZED HEADLINES --- */
.entry-title {
line-height: 1.08 !important; /* tight but readable */
letter-spacing: -0.5px;
}
/* Mobile-specific tuning (Discover is mobile-first) */
@media (max-width: 768px) {
.entry-title {
line-height: 1.05 !important;
}
}
/* --- CATEGORY PILL STYLE --- */
.post-categories a,
.cat-links a {
display: inline-block;
padding: 6px 12px;
margin-right: 6px;
margin-bottom: 6px;
background-color: #000000;
color: #ffffff !important;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 999px; /* pill shape */
text-decoration: none !important;
}
/* Hover (desktop only) */
@media (hover: hover) {
.post-categories a:hover,
.cat-links a:hover {
background-color: #222222;
}
}
.single .post-categories {
margin-bottom: 10px;
}
/* --- DISCOVER-OPTIMIZED HEADLINE SIZING --- */
.entry-title {
font-size: clamp(2.1rem, 5vw, 3.1rem);
max-width: 14ch; /* prevents long ugly wraps */
}
/* Mobile tuning */
@media (max-width: 768px) {
.entry-title {
font-size: clamp(1.8rem, 6vw, 2.3rem);
max-width: 100%;
}
}
/* ===============================
EDITORIAL TYPOGRAPHY POLISH
(SAFE — NO LAYOUT CHANGES)
================================ */
/* --- Discover-friendly headline geometry --- */
.entry-title {
line-height: 1.15;
max-width: 14ch;
}
/* Mobile breathing room */
@media (max-width: 768px) {
.entry-title {
max-width: 100%;
}
}
/* --- Article body rhythm --- */
.entry-content p {
line-height: 1.65;
margin-bottom: 1.4em;
}
/* --- Feature-style subheads --- */
.entry-content h2 {
margin-top: 2.2em;
margin-bottom: 0.6em;
letter-spacing: -0.5px;
}
/* --- RESPONSIVE MOBILE HEADLINE TRUNCATION (safe) --- */
@media (max-width: 500px) {
.home .entry-title,
.archive .entry-title {
display: -webkit-box;
-webkit-line-clamp: 4; /* 4 lines max on very narrow screens */
-webkit-box-orient: vertical;
overflow: hidden;
}
}