/** * GHFF Film Lineup — styles for the /films/ archive and /films/{slug}/ pages. * * Colors reference the theme's own Elementor Kit custom properties * (--e-global-color-*, set on the via the elementor-kit-# class) * with hardcoded fallbacks matching the live site, so this keeps tracking * the theme's palette automatically if it's ever tweaked in wp-admin. * Container width (1400px) matches the theme's --content-width. */ .ghff-films-page { --ghff-black: var(--e-global-color-primary, #000000); --ghff-gold: var(--e-global-color-accent, #d4af37); --ghff-gold-dark: #b3922a; --ghff-secondary: var(--e-global-color-secondary, #54595f); --ghff-muted: var(--e-global-color-text, #7a7a7a); --ghff-mint: var(--e-global-color-7422973, #e4f1e3); --ghff-border: #e5e5e5; font-family: inherit; color: var(--ghff-black); background: #fff; padding: 40px 0 80px; } .ghff-films-container { max-width: 1400px; margin: 0 auto; padding: 0 20px; } .ghff-films-title { font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; font-size: 30px; line-height: 1.2; letter-spacing: -0.5px; margin: 0 0 8px; color: var(--ghff-black); } /* Used on /film-block/{slug}/ (see templates/film-block.php) — the "Short Film Block - " lead-in stays unbolded so the block's own name (still bold, inherited from .ghff-films-title) is what stands out. !important: same fight as the buttons elsewhere in this file — the theme's own heading styles can otherwise force every span inside an

back to bold regardless of this rule's normal-specificity weight. / .ghff-films-title-prefix { font-weight: 400 !important; } .ghff-films-subtitle { color: var(--ghff-secondary); margin: 0 0 32px; font-size: 16px; line-height: 1.5; } / Filters / .ghff-films-filters { border: 1px solid var(--ghff-border); padding: 20px; display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; } .ghff-films-search { position: relative; } .ghff-films-search input { width: 100%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px 14px; font-size: 14px; line-height: 1.4; font-family: inherit; } .ghff-films-search input:focus { outline: none; border-color: var(--ghff-gold); } .ghff-films-filter-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 20px; } .ghff-films-filter-row label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; line-height: 1.3; font-weight: 600; color: var(--ghff-secondary); } .ghff-films-filter-row select { border: 1px solid #ccc; padding: 7px 8px; font-size: 14px; line-height: 1.4; font-family: inherit; background: #fff; } .ghff-films-wa-toggle { flex-direction: row !important; align-items: center; gap: 8px !important; cursor: pointer; } .ghff-films-wa-toggle input { width: 16px; height: 16px; accent-color: var(--ghff-gold); } / !important below: the theme's reset.css applies a hard-coded style to every