/* ============================================================ Upright Forklift Repair — Blog brand override Restyles the frozen Astra/Elementor blog export to match the static homepage (Direction C: Heavy-Industrial / Forged). Loaded LAST in on every WP-exported page (blog index, posts, categories, date archives). CSS-only, non-destructive. Mirrors tokens from /assets/misc/styles-13779050fe.css (homepage). Created 2026-06-14. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap'); :root { --uf-primary: #24891f; --uf-primary-700: #1d6e18; --uf-steel: #2d3e52; --uf-steel-700: #1f2c3a; --uf-steel-300: #6a7c91; --uf-ink: #1a1d20; --uf-ink-deep: #0f1113; --uf-text: #2a2d31; --uf-text-muted: #5a5d62; --uf-text-dim: #8a8d92; --uf-bg: #f0eee9; --uf-surface: #e8e6e1; --uf-surface-2: #d9d6cf; --uf-paper: #faf8f3; --uf-border: #c5c2bb; --uf-border-strong: #a8a59e; --uf-display: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif; --uf-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --uf-brushed-paper: linear-gradient(180deg, var(--uf-paper) 0%, #f3f0eb 100%); --uf-brushed-graphite: linear-gradient(180deg, #22262a 0%, #1a1d20 100%); } /* ---------- base canvas + type ---------- */ body.ehf-template-astra, .ehf-template-astra #page, .ehf-template-astra .site-content, .ehf-template-astra #content { background: var(--uf-bg) !important; } .ehf-template-astra, .ehf-template-astra p, .ehf-template-astra li, .ehf-template-astra .entry-content, .ehf-template-astra .ast-excerpt-container { font-family: var(--uf-body) !important; color: var(--uf-text); } .ehf-template-astra .entry-content { line-height: 1.7; } .ehf-template-astra h1, .ehf-template-astra h2, .ehf-template-astra h3, .ehf-template-astra h4, .ehf-template-astra .entry-title, .ehf-template-astra .ast-archive-title, .ehf-template-astra .widget-title, .ehf-template-astra #secondary .wp-block-heading { font-family: var(--uf-display) !important; color: var(--uf-ink); letter-spacing: -0.005em; font-weight: 800; } .ehf-template-astra .entry-content h2, .ehf-template-astra .entry-content h3, .ehf-template-astra .ast-archive-title, .ehf-template-astra .entry-title { text-transform: uppercase; } .ehf-template-astra .entry-content h2 { font-size: 2.1rem; line-height: 1.05; margin: 2.2rem 0 1rem; } .ehf-template-astra .entry-content h3 { font-size: 1.55rem; line-height: 1.1; margin: 1.8rem 0 .75rem; text-transform: none; letter-spacing: 0; } /* content links */ .ehf-template-astra .entry-content a { color: var(--uf-steel); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; } .ehf-template-astra .entry-content a:hover { color: var(--uf-primary); } /* ---------- header: graphite slab w/ steel accent (matches homepage) ---------- */ .ehf-template-astra #masthead, .ehf-template-astra .ast-main-header-wrap, .ehf-template-astra .main-header-bar, .ehf-template-astra .ast-primary-header-bar, .ehf-template-astra .site-primary-header-wrap { background: var(--uf-brushed-graphite) !important; border: none !important; box-shadow: none !important; } .ehf-template-astra #masthead { border-bottom: 3px solid var(--uf-steel) !important; } /* primary nav */ .ehf-template-astra .main-header-menu .menu-link, .ehf-template-astra .main-header-menu .menu-link:visited { color: rgba(245, 243, 238, 0.85) !important; font-family: var(--uf-display) !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; font-size: 1.02rem; } .ehf-template-astra .main-header-menu .menu-link:hover, .ehf-template-astra .main-header-menu .menu-item:hover > .menu-link, .ehf-template-astra .main-header-menu .current-menu-item > .menu-link { color: #fff !important; } .ehf-template-astra .main-header-menu .ast-arrow-svg { fill: currentColor; } /* submenu dropdown surface */ .ehf-template-astra .main-header-menu .sub-menu { background: var(--uf-ink-deep) !important; border-top: 2px solid var(--uf-steel) !important; } /* header green call button -> brand .btn-primary NOTE: Astra markup is TEXT. Style ONLY the inner pill; keep the outer a transparent wrapper, else the taller outer box pokes past the inner pill (the stray green bars). */ .ehf-template-astra .ast-custom-button-link { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; display: inline-flex !important; align-items: center; } .ehf-template-astra .ast-custom-button-link .ast-custom-button, .ehf-template-astra .ast-header-button-1 .ast-custom-button { background: var(--uf-primary) !important; color: #fff !important; font-family: var(--uf-display) !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.95rem; line-height: 1.1 !important; white-space: nowrap !important; border-radius: 2px !important; border: none !important; padding: 13px 22px !important; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2); transition: background .15s ease; } .ehf-template-astra .ast-custom-button-link:hover .ast-custom-button { background: var(--uf-primary-700) !important; } /* primary nav: keep on one line, tighten to forged scale */ .ehf-template-astra .main-header-menu > .menu-item > .menu-link { font-size: 0.95rem !important; letter-spacing: 0.05em; white-space: nowrap; } .ehf-template-astra .main-header-menu > .menu-item > .menu-link { padding-left: 12px; padding-right: 12px; } /* hide the per-item dropdown caret chevrons in the top bar for a cleaner line */ .ehf-template-astra .main-header-menu > .menu-item > .menu-link > .icon-arrow { margin-left: 4px; } /* ---------- content cards (separate-container) -> forged paper card ---------- */ .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ehf-template-astra #secondary .widget { background: var(--uf-brushed-paper) !important; border: 1px solid var(--uf-border) !important; border-top: 3px solid var(--uf-ink) !important; border-radius: 0 !important; box-shadow: none !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .ast-separate-container .ast-article-post:hover { border-top-color: var(--uf-primary) !important; transform: translateY(-2px); box-shadow: 0 4px 16px rgba(26,29,32,0.08) !important; } /* blog-card title + excerpt + meta */ .ehf-template-astra .entry-title a { color: var(--uf-ink) !important; } .ehf-template-astra .entry-title a:hover { color: var(--uf-primary) !important; } .ehf-template-astra .ast-excerpt-container { color: var(--uf-text-muted) !important; } .ehf-template-astra .ast-blog-meta-container, .ehf-template-astra .entry-meta, .ehf-template-astra .posted-on, .ehf-template-astra .ast-terms-link a { color: var(--uf-text-dim) !important; font-family: var(--uf-display) !important; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.8rem; } /* read-more -> outline forged button */ .ehf-template-astra .ast-button, .ehf-template-astra .read-more .ast-button { display: inline-flex; align-items: center; background: transparent !important; color: var(--uf-ink) !important; border: 2px solid var(--uf-ink) !important; border-radius: 2px !important; font-family: var(--uf-display) !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 10px 20px !important; transition: all .15s ease; } .ehf-template-astra .ast-button:hover, .ehf-template-astra .read-more .ast-button:hover { background: var(--uf-ink) !important; color: var(--uf-paper) !important; } /* ---------- sidebar widgets ---------- */ .ehf-template-astra #secondary .widget { padding: 24px !important; } .ehf-template-astra .widget-title, .ehf-template-astra #secondary .wp-block-heading { text-transform: uppercase; letter-spacing: 0.12em; font-size: 1.05rem; font-weight: 700; padding-bottom: 8px; margin-bottom: 14px; border-bottom: 2px solid var(--uf-steel); } .ehf-template-astra #secondary a { color: var(--uf-steel); } .ehf-template-astra #secondary a:hover { color: var(--uf-primary); } /* search widget button */ .ehf-template-astra .wp-block-search__button, .ehf-template-astra .search-submit { background: var(--uf-primary) !important; color: #fff !important; border: none !important; border-radius: 2px !important; font-family: var(--uf-display) !important; text-transform: uppercase; letter-spacing: 0.05em; } .ehf-template-astra .wp-block-search__input, .ehf-template-astra .search-field { border: 1px solid var(--uf-border-strong) !important; border-radius: 2px !important; background: #fff !important; } /* ---------- pagination ---------- */ .ehf-template-astra .ast-pagination .page-numbers { font-family: var(--uf-display) !important; font-weight: 700; border: 1px solid var(--uf-border-strong) !important; background: var(--uf-paper) !important; color: var(--uf-ink) !important; border-radius: 0 !important; padding: 8px 14px; margin: 0 3px; } .ehf-template-astra .ast-pagination .page-numbers:hover { border-color: var(--uf-primary) !important; color: var(--uf-primary) !important; } .ehf-template-astra .ast-pagination .page-numbers.current { background: var(--uf-ink) !important; border-color: var(--uf-ink) !important; color: var(--uf-paper) !important; } /* ---------- single-post body polish ---------- */ .ast-single-post .entry-content blockquote { border-left: 4px solid var(--uf-steel); background: var(--uf-surface); padding: 16px 20px; margin: 1.5rem 0; font-style: normal; } .ast-single-post .entry-content img { border-radius: 2px; } .ast-single-post .ast-archive-description, .ast-single-post .entry-content ul li::marker { color: var(--uf-steel); } /* ---------- footer: graphite slab to match homepage ---------- */ .ehf-template-astra footer.elementor-location-footer { background: var(--uf-ink) !important; } .ehf-template-astra footer.elementor-location-footer .elementor-section, .ehf-template-astra footer.elementor-location-footer .elementor-element { background-color: transparent !important; } .ehf-template-astra footer.elementor-location-footer, .ehf-template-astra footer.elementor-location-footer p, .ehf-template-astra footer.elementor-location-footer li, .ehf-template-astra footer.elementor-location-footer span { color: rgba(245,243,238,0.78) !important; } .ehf-template-astra footer.elementor-location-footer h1, .ehf-template-astra footer.elementor-location-footer h2, .ehf-template-astra footer.elementor-location-footer h3, .ehf-template-astra footer.elementor-location-footer h4, .ehf-template-astra footer.elementor-location-footer h5, .ehf-template-astra footer.elementor-location-footer .elementor-heading-title { color: #faf8f3 !important; font-family: var(--uf-display) !important; text-transform: uppercase; } .ehf-template-astra footer.elementor-location-footer a { color: rgba(245,243,238,0.7) !important; } .ehf-template-astra footer.elementor-location-footer a:hover { color: var(--uf-primary) !important; } /* keep emergency/CTA phone links readable on dark footer */ .ehf-template-astra footer.elementor-location-footer a[href^="tel:"] { color: #8fd2b5 !important; }