/* ============================================================ NEWS: Single divider under title area (uses template
) Ensures we do NOT accidentally create a second divider ============================================================ */ /* Ensure no other borders are acting like dividers in the header */ .single-news_post_type .entry-header{ border: 0 !important; } /* ============================================================ REVIEWS: Starbox author card - Reviews use the same Starbox plugin markup (.abh_box) as News. - These rules mirror the existing NEWS-only rules above, but are scoped to single Review posts. - This is CSS-only: no templates/sidebars/taxonomies are touched. ============================================================ */ /* Remove tabs + non-author panels + social */ .single-review_post_type .entry-content .abh_box .abh_tabs, .single-review_post_type .entry-content .abh_box .abh_posts_tab, .single-review_post_type .entry-content .abh_box .abh_social{ display: none !important; } /* Remove plugin separators */ .single-review_post_type .entry-content .abh_box hr, .single-review_post_type .entry-content .abh_box .abh_line, .single-review_post_type .entry-content .abh_box .abh_sep{ display: none !important; } /* Ensure no fixed heights/margins create dead space */ .single-review_post_type .entry-content .abh_box .abh_tab, .single-review_post_type .entry-content .abh_box .abh_tab_content{ height: auto !important; min-height: 0 !important; margin: 0 !important; border: 0 !important; } /* The visible panel */ .single-review_post_type .entry-content .abh_box .abh_tab_content{ background: #fafafa !important; border: 1px solid #e6e6e6 !important; border-radius: 8px !important; padding: 18px !important; position: relative; /* required for full-card clickable overlay */ cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease; } /* Layout: avatar left, text right */ .single-review_post_type .entry-content .abh_box .abh_about_tab, .single-review_post_type .entry-content .abh_box .vcard.author{ display: flex !important; align-items: flex-start; gap: 14px; } /* Kill legacy floats */ .single-review_post_type .entry-content .abh_box .abh_image, .single-review_post_type .entry-content .abh_box .abh_text{ float: none !important; margin: 0 !important; } /* Avatar */ .single-review_post_type .entry-content .abh_box .abh_image{ flex: 0 0 64px; } .single-review_post_type .entry-content .abh_box .abh_image img{ width: 64px !important; height: 64px !important; border-radius: 999px !important; object-fit: cover; display: block; box-shadow: 0 1px 2px rgba(0,0,0,0.10); } /* Text column */ .single-review_post_type .entry-content .abh_box .abh_text{ flex: 1 1 auto; min-width: 0; text-align: left !important; } .single-review_post_type .entry-content .abh_box .abh_name{ margin: 0 0 6px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.2; } .single-review_post_type .entry-content .abh_box .abh_description{ margin: 0 !important; line-height: 1.55; opacity: 0.9; overflow-wrap: anywhere; word-break: normal; } /* Hover effect */ .single-review_post_type .entry-content .abh_box:hover .abh_tab_content{ transform: translateY(-2px); border-color: rgba(0,0,0,0.18) !important; background: rgba(0,0,0,0.01) !important; box-shadow: 0 10px 26px rgba(0,0,0,0.08); } /* Kill mouse-click border flash */ .single-review_post_type .entry-content .abh_box:focus-within .abh_tab_content{ box-shadow: none; border-color: #e6e6e6 !important; } /* Keyboard ring only (when supported) */ .single-review_post_type .entry-content .abh_box:has(a:focus-visible) .abh_tab_content{ border-color: rgba(0,0,0,0.22) !important; box-shadow: 0 0 0 3px rgba(180, 60, 48, 0.18); } /* Suppress UA outlines on links inside the panel */ .single-review_post_type .entry-content .abh_box a:focus, .single-review_post_type .entry-content .abh_box a:active{ outline: none; box-shadow: none; } /* Make the whole panel clickable by expanding the author-name link */ .single-review_post_type .entry-content .abh_box .abh_tab_content .abh_about_tab, .single-review_post_type .entry-content .abh_box .abh_tab_content .vcard.author{ position: relative; z-index: 1; } .single-review_post_type .entry-content .abh_box .abh_tab_content .abh_name a{ position: static; -webkit-tap-highlight-color: transparent; } .single-review_post_type .entry-content .abh_box .abh_tab_content .abh_name a::after{ content: ""; position: absolute; inset: 0; z-index: 2; cursor: pointer; } /* Remove Starbox-inserted clears/spacers */ .single-review_post_type .entry-content .abh_box .clear, .single-review_post_type .entry-content .abh_box .clearfix, .single-review_post_type .entry-content .abh_box .abh_box_bottom, .single-review_post_type .entry-content .abh_box .abh_footer, .single-review_post_type .entry-content .abh_box .abh_bottom, .single-review_post_type .entry-content .abh_box .abh_clear, .single-review_post_type .entry-content .abh_box div[style*="clear"]{ display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .single-news_post_type .entry-title{ border: 0 !important; } .single-news_post_type .written-by, .single-news_post_type .written-by p{ border: 0 !important; } /* The divider you’re pointing to is the
in the template */ .single-news_post_type .entry-header hr{ border: 0; height: 2px; background: rgba(0,0,0,0.28); margin: 10px 0 14px; } /* ============================================================ NEWS: tighten image → title spacing (single posts only) ============================================================ */ .single-news_post_type .entry-header .post-special-image{ margin-bottom: 8px; /* was visually a bit loose */ } /* ============================================================ NEWS: Tags spacing (under author box) ============================================================ */ .single-news_post_type .entry-tags{ margin: 0 0 22px; } .single-news_post_type .entry-tags a{ display: inline-block; margin: 0 6px 8px 0; padding: 6px 10px; border-radius: 4px; line-height: 1.2; } /* ============================================================ NEWS: Starbox — Author bio panel (LOCKED direction) - Applies only to Single News - .abh_box is neutral wrapper - .abh_tab_content is the visible panel (matches Author page) ============================================================ */ /* ============================================================ NEWS: Starbox — wrapper + gap control (single source of truth) Does NOT modify paragraph spacing; offsets only the bio block. ============================================================ */ .single-news_post_type .entry-content .abh_box{ max-width: 60ch; margin: 14px auto 14px; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; /* Perceived gap tweak */ transform: translateY(-10px); } /* ============================================================ REVIEWS: Starbox — Author bio panel (match NEWS styling) Scope: single Reviews only Applies the same “bio card” styling used on single News posts, without altering any taxonomy blocks or sidebars. ============================================================ */ .single-review_post_type .entry-content .abh_box{ max-width: 60ch; margin: 14px auto 14px; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; /* Perceived gap tweak */ transform: translateY(-10px); } /* Remove tabs + non-author panels + social */ .single-news_post_type .entry-content .abh_box .abh_tabs, .single-news_post_type .entry-content .abh_box .abh_posts_tab, .single-news_post_type .entry-content .abh_box .abh_social{ display: none !important; } .single-review_post_type .entry-content .abh_box .abh_tabs, .single-review_post_type .entry-content .abh_box .abh_posts_tab, .single-review_post_type .entry-content .abh_box .abh_social{ display: none !important; } /* Remove plugin separators */ .single-news_post_type .entry-content .abh_box hr, .single-news_post_type .entry-content .abh_box .abh_line, .single-news_post_type .entry-content .abh_box .abh_sep{ display: none !important; } .single-review_post_type .entry-content .abh_box hr, .single-review_post_type .entry-content .abh_box .abh_line, .single-review_post_type .entry-content .abh_box .abh_sep{ display: none !important; } /* Ensure no fixed heights/margins create dead space */ .single-news_post_type .entry-content .abh_box .abh_tab, .single-news_post_type .entry-content .abh_box .abh_tab_content{ height: auto !important; min-height: 0 !important; margin: 0 !important; border: 0 !important; } .single-review_post_type .entry-content .abh_box .abh_tab, .single-review_post_type .entry-content .abh_box .abh_tab_content{ height: auto !important; min-height: 0 !important; margin: 0 !important; border: 0 !important; } /* The visible panel */ .single-news_post_type .entry-content .abh_box .abh_tab_content{ background: #fafafa !important; border: 1px solid #e6e6e6 !important; border-radius: 8px !important; padding: 18px !important; } .single-review_post_type .entry-content .abh_box .abh_tab_content{ background: #fafafa !important; border: 1px solid #e6e6e6 !important; border-radius: 8px !important; padding: 18px !important; } /* Layout: avatar left, text right */ .single-news_post_type .entry-content .abh_box .abh_about_tab, .single-news_post_type .entry-content .abh_box .vcard.author{ display: flex !important; align-items: flex-start; gap: 14px; } .single-review_post_type .entry-content .abh_box .abh_about_tab, .single-review_post_type .entry-content .abh_box .vcard.author{ display: flex !important; align-items: flex-start; gap: 14px; } /* Kill legacy floats */ .single-news_post_type .entry-content .abh_box .abh_image, .single-news_post_type .entry-content .abh_box .abh_text{ float: none !important; margin: 0 !important; } .single-review_post_type .entry-content .abh_box .abh_image, .single-review_post_type .entry-content .abh_box .abh_text{ float: none !important; margin: 0 !important; } /* Avatar */ .single-news_post_type .entry-content .abh_box .abh_image{ flex: 0 0 64px; } .single-review_post_type .entry-content .abh_box .abh_image{ flex: 0 0 64px; } .single-news_post_type .entry-content .abh_box .abh_image img{ width: 64px !important; height: 64px !important; border-radius: 999px !important; object-fit: cover; display: block; box-shadow: 0 1px 2px rgba(0,0,0,0.10); } .single-review_post_type .entry-content .abh_box .abh_image img{ width: 64px !important; height: 64px !important; border-radius: 999px !important; object-fit: cover; display: block; box-shadow: 0 1px 2px rgba(0,0,0,0.10); } /* Text column (long-bio safe) */ .single-news_post_type .entry-content .abh_box .abh_text{ flex: 1 1 auto; min-width: 0; text-align: left !important; } .single-review_post_type .entry-content .abh_box .abh_text{ flex: 1 1 auto; min-width: 0; text-align: left !important; } .single-news_post_type .entry-content .abh_box .abh_name{ margin: 0 0 6px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.2; } .single-review_post_type .entry-content .abh_box .abh_name{ margin: 0 0 6px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.2; } .single-news_post_type .entry-content .abh_box .abh_description{ margin: 0 !important; line-height: 1.55; opacity: 0.9; overflow-wrap: anywhere; word-break: normal; } .single-review_post_type .entry-content .abh_box .abh_description{ margin: 0 !important; line-height: 1.55; opacity: 0.9; overflow-wrap: anywhere; word-break: normal; } /* Remove Starbox-inserted clears/spacers */ .single-news_post_type .entry-content .abh_box .clear, .single-news_post_type .entry-content .abh_box .clearfix, .single-news_post_type .entry-content .abh_box .abh_box_bottom, .single-news_post_type .entry-content .abh_box .abh_footer, .single-news_post_type .entry-content .abh_box .abh_bottom, .single-news_post_type .entry-content .abh_box .abh_clear, .single-news_post_type .entry-content .abh_box div[style*="clear"]{ display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .single-review_post_type .entry-content .abh_box .clear, .single-review_post_type .entry-content .abh_box .clearfix, .single-review_post_type .entry-content .abh_box .abh_box_bottom, .single-review_post_type .entry-content .abh_box .abh_footer, .single-review_post_type .entry-content .abh_box .abh_bottom, .single-review_post_type .entry-content .abh_box .abh_clear, .single-review_post_type .entry-content .abh_box div[style*="clear"]{ display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ============================================================ SIDEBAR: Story/Review titles (NOT section headers) Goal: reduce boldness for item titles like "Millennium Dragon" Scope: only the sidebar list rows ============================================================ */ /* The clickable title block is the that contains the

. Force a lighter weight. */ #secondary a.sidebar-article-text-content-link h2{ font-weight: 400 !important; /* try 500 first; drop to 400 if you want lighter */ letter-spacing: 0; /* prevents “stiff” look */ line-height: 1.25; } /* If any theme rule is bolding the link itself, neutralize it (title only). */ #secondary a.sidebar-article-text-content-link{ font-weight: 400 !important; } /* Single News pages sometimes have a stronger rule — override it too */ .single-news_post_type #secondary a.sidebar-article-text-content-link h2{ font-weight: 400 !important; } /* ============================================================ PRIVACY POLICY: Layout + spacing (single source of truth) Scope: Privacy Policy template only Dependencies: - privacy-policy.php wraps content in: .about-page-content.fef-privacy-wrap ============================================================ */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap{ max-width: 760px; margin: 0 auto; padding-top: 5px !important; /* was 0; restores “standard page” rhythm */ padding-bottom: 40px; } /* Avoid stacked padding from theme containers */ .page-template-privacy-policy #primary{ padding-top: 0 !important; } .page-template-privacy-policy .site-content{ padding-top: 0 !important; } /* Title spacing */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap h1{ margin: 0 0 14px !important; } .page-template-privacy-policy .about-page-content.fef-privacy-wrap hr{ margin: 0 0 22px !important; } /* Body typography */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap p, .page-template-privacy-policy .about-page-content.fef-privacy-wrap li{ line-height: 1.7; } /* Headings hierarchy */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap h2{ margin: 28px 0 10px; font-size: 22px; line-height: 1.25; } .page-template-privacy-policy .about-page-content.fef-privacy-wrap h3{ margin: 20px 0 8px; font-size: 18px; line-height: 1.3; } /* Lists */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap ul{ margin: 10px 0 18px 22px; } .page-template-privacy-policy .about-page-content.fef-privacy-wrap li{ margin: 6px 0; } /* Prevent “About page” drop-cap behavior */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap p:first-letter{ float: none !important; font-size: inherit !important; line-height: inherit !important; padding: 0 !important; margin: 0 !important; } /* Subtle “last updated” line */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap .fef-legal-updated{ margin-top: 28px; font-size: 0.95em; opacity: 0.8; } /* Emergency top-gap clamp (only if theme applies margin here) */ .page-template-privacy-policy #content.site-content{ margin-top: 0 !important; } /* Ensure inner content never exceeds the wrap width */ .page-template-privacy-policy .about-page-content.fef-privacy-wrap .fef-legal-content{ max-width: 100%; } .page-template-privacy-policy .about-page-content.fef-privacy-wrap hr{ margin: 12px 0 20px; } /* ============================================================ CONTACT PAGE (scoped): single source of truth Goals: - No hero image - Clean centered column - Consistent widths for title, disclaimer, form - CF7 fields full width (no tiny inputs) ============================================================ */ /* 1) Remove hero image entirely on Contact */ .page-template-contact .about-header{ display: none !important; } /* 2) Stop theme stacking extra padding above the page */ .page-template-contact .site-content{ padding-top: 0 !important; } /* 3) Page content wrapper: centered column (and pulled up slightly) */ .page-template-contact .about-page-content{ max-width: 760px; margin: -16px auto 0; /* pulls the whole panel up */ padding-top: 24px !important; /* adjust 16–40px */ padding-bottom: 48px; } /* 4) Title styling + spacing (single rule) */ .page-template-contact .about-page-content .about-title{ margin: 12px 0 18px !important; letter-spacing: 0.12em; font-size: 0.85em; } /* 5) Disclaimer: keep it in the same column width */ .page-template-contact .contact-disclaimer{ margin: 0 0 22px; padding: 14px 16px; border: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.03); border-radius: 6px; line-height: 1.6; } /* ============================================================ CONTACT FORM (CF7) styling (scoped) ============================================================ */ /* 6) CF7 container as a subtle panel */ .page-template-contact .wpcf7{ margin: 0; padding: 22px; border: 1px solid rgba(0,0,0,0.10); border-radius: 10px; background: rgba(0,0,0,0.02); } /* 7) Space fields reliably (avoid grid on CF7 forms) */ .page-template-contact .wpcf7 form p{ margin: 0 0 16px; } .page-template-contact .wpcf7 form p:last-of-type{ margin-bottom: 0; } /* 8) Labels */ .page-template-contact .wpcf7 label{ display: block; font-weight: 600; margin: 0 0 8px; } /* 9) Make CF7 control wrappers full width */ .page-template-contact .wpcf7 .wpcf7-form-control-wrap{ display: block; width: 100%; } /* 10) Inputs + textarea: force full width and sane sizing */ .page-template-contact .wpcf7 input[type="text"], .page-template-contact .wpcf7 input[type="email"], .page-template-contact .wpcf7 input[type="url"], .page-template-contact .wpcf7 input[type="tel"], .page-template-contact .wpcf7 input[type="number"], .page-template-contact .wpcf7 textarea{ display: block; width: 100% !important; max-width: 100% !important; box-sizing: border-box; padding: 12px 14px; border: 1px solid rgba(0,0,0,0.18); border-radius: 6px; line-height: 1.4; background: #fff; } /* Textarea size */ .page-template-contact .wpcf7 textarea{ min-height: 180px; resize: vertical; } /* 11) Focus states */ .page-template-contact .wpcf7 input[type="text"]:focus, .page-template-contact .wpcf7 input[type="email"]:focus, .page-template-contact .wpcf7 input[type="url"]:focus, .page-template-contact .wpcf7 input[type="tel"]:focus, .page-template-contact .wpcf7 input[type="number"]:focus, .page-template-contact .wpcf7 textarea:focus{ outline: none; border-color: rgba(0,0,0,0.38); box-shadow: 0 0 0 3px rgba(0,0,0,0.08); } /* 12) Submit button */ .page-template-contact .wpcf7 input[type="submit"]{ display: inline-block; width: 100%; padding: 12px 16px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.35); background: #f3f3f3; font-weight: 600; cursor: pointer; } .page-template-contact .wpcf7 input[type="submit"]:hover{ background: #e9e9e9; } .page-template-contact .wpcf7 input[type="submit"]:active{ transform: translateY(1px); } /* 13) Validation / response output */ .page-template-contact .wpcf7 .wpcf7-not-valid-tip{ margin-top: 8px; font-size: 0.95em; } .page-template-contact .wpcf7 .wpcf7-response-output{ margin: 18px 0 0; padding: 12px 14px; border-radius: 6px; } .page-template-contact .wpcf7 .wpcf7-not-valid{ border-color: rgba(180,0,0,0.45) !important; } /* ============================================================ NEWS: Author bio panel — match About card interactivity Scope: single News only Adds: hover lift, cursor, and keyboard-only focus ring Does NOT change layout/typography you already set. ============================================================ */ /* Make the whole bio panel feel like an interactive card */ .single-news_post_type .entry-content .abh_box{ cursor: pointer; } .single-news_post_type .entry-content .abh_box .abh_tab_content{ transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease; } /* Hover effect */ .single-news_post_type .entry-content .abh_box:hover .abh_tab_content{ transform: translateY(-2px); border-color: rgba(0,0,0,0.18) !important; background: rgba(0,0,0,0.01) !important; box-shadow: 0 10px 26px rgba(0,0,0,0.08); } /* Kill “mouse click” border flash (focus-within) */ .single-news_post_type .entry-content .abh_box:focus-within .abh_tab_content{ box-shadow: none; border-color: #e6e6e6 !important; } /* Keyboard ring only (when supported) */ .single-news_post_type .entry-content .abh_box:has(a:focus-visible) .abh_tab_content{ border-color: rgba(0,0,0,0.22) !important; box-shadow: 0 0 0 3px rgba(180, 60, 48, 0.18); } /* Suppress UA outlines on links inside the panel (the parent ring is enough) */ .single-news_post_type .entry-content .abh_box a:focus, .single-news_post_type .entry-content .abh_box a:active{ outline: none; box-shadow: none; } /* ============================================================ NEWS: Make the whole Starbox author panel clickable Scope: single News only Assumes the author name contains the primary link: .abh_name a ============================================================ */ /* The visible panel becomes the positioning context */ .single-news_post_type .entry-content .abh_box .abh_tab_content{ position: relative; } /* Keep the actual content above the overlay for correct rendering */ .single-news_post_type .entry-content .abh_box .abh_tab_content .abh_about_tab, .single-news_post_type .entry-content .abh_box .abh_tab_content .vcard.author{ position: relative; z-index: 1; } /* Turn the author-name link into a full-panel hit area */ .single-news_post_type .entry-content .abh_box .abh_tab_content .abh_name a{ position: static; /* link stays in normal flow */ -webkit-tap-highlight-color: transparent; } /* Full-card overlay */ .single-news_post_type .entry-content .abh_box .abh_tab_content .abh_name a::after{ content: ""; position: absolute; inset: 0; z-index: 2; cursor: pointer; } /* Prevent “weird border/outline” when clicking the overlay */ .single-news_post_type .entry-content .abh_box .abh_tab_content .abh_name a:focus, .single-news_post_type .entry-content .abh_box .abh_tab_content .abh_name a:active{ outline: none; box-shadow: none; } /* Ensure the panel shows a pointer cursor */ .single-news_post_type .entry-content .abh_box .abh_tab_content{ cursor: pointer; } .fef-author-filter { margin: 0 0 20px; } .fef-author-filter select { padding: 6px 10px; font-size: 14px; } /* ============================================================ AUTHOR ARCHIVES: Post-type filter dropdown (single source of truth) Goals: - Align with the author content column - Avoid click-focus artefacts (Safari/Chrome) - Keep a minimal keyboard focus indicator Scope: author archives only ============================================================ */ .author #primary .fef-author-filter{ width: 100%; margin: 14px 0 22px; padding: 0; max-width: none; } .author #primary .fef-author-filter select{ display: inline-block; min-width: 260px; max-width: 100%; /* typography */ font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 500; line-height: 1.1; /* component look */ padding: 12px 14px; border: 1px solid rgba(0,0,0,0.18); border-radius: 10px; background: #fff; box-shadow: none; background-clip: padding-box; /* consistent control rendering */ -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; } /* Focus normalisation: Some browsers apply an inset border on mouse click. Keep a subtle border change for focus (keyboard or mouse). */ .author #primary .fef-author-filter select:focus, .author #primary .fef-author-filter select:focus-visible, .author #primary .fef-author-filter select:active{ outline: none !important; box-shadow: none !important; border-color: rgba(0,0,0,0.32) !important; } /* Optional keyboard ring (supported browsers only) */ .author #primary .fef-author-filter select:focus-visible{ box-shadow: 0 0 0 3px rgba(180, 60, 48, 0.14); } @media (max-width: 600px){ .author #primary .fef-author-filter{ margin: 12px 0 18px; } .author #primary .fef-author-filter select{ width: 100%; min-width: 0; } } /* ============================================================ Pagination — MOBILE (restore scroll-strip, hide scrollbar) Goal: - Keep pagination on a single line (no wrap / no “stretch” layout) - Allow horizontal swipe when needed (large page counts) - Hide the visible scrollbar chrome Scope: all nav.fef-pagination instances (archives, search, author) ============================================================ */ @media (max-width: 600px){ /* Restore single-row scroll strip */ nav.fef-pagination{ overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; padding: 0 10px !important; } nav.fef-pagination ul.fef-pagination__list{ flex-wrap: nowrap !important; justify-content: flex-start !important; white-space: nowrap !important; } /* Hide scrollbar chrome (still scrollable) */ nav.fef-pagination{ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE/Edge legacy */ } nav.fef-pagination::-webkit-scrollbar{ width: 0; height: 0; } /* Keep buttons compact to reduce the need to scroll */ nav.fef-pagination .page-numbers{ height: 38px !important; min-width: 38px !important; padding: 0 12px !important; font-size: 12px !important; letter-spacing: 0.12em !important; } } /* --- Starbox: tighten spacing on News to match Reviews --- */ .single-news_post_type .entry-content .abh_box { padding: 20px 24px; } .single-news_post_type .entry-content .abh_box .abh_name { margin-bottom: 6px; } .single-news_post_type .entry-content .abh_box .abh_description { margin-top: 0; } .single-news_post_type .entry-content .abh_box img { margin-bottom: 0; } /* ============================================================ STARBOX: Center avatar vertically in the author card Scope: single News + single Reviews - Keeps existing card styling; only adjusts alignment ============================================================ */ /* Make the main row vertically centered */ .single-news_post_type .entry-content .abh_box .abh_about_tab, .single-news_post_type .entry-content .abh_box .vcard.author, .single-review_post_type .entry-content .abh_box .abh_about_tab, .single-review_post_type .entry-content .abh_box .vcard.author{ align-items: center !important; } /* Ensure the avatar container itself centers its contents */ .single-news_post_type .entry-content .abh_box .abh_image, .single-review_post_type .entry-content .abh_box .abh_image{ display: flex !important; align-items: center; justify-content: center; } /* Safety: prevent any residual top-margin from nudging the avatar */ .single-news_post_type .entry-content .abh_box .abh_image img, .single-review_post_type .entry-content .abh_box .abh_image img{ margin-top: 0 !important; } /* === Normalize taxonomy spacing on review pages only === */ .single-review_post_type .post-taxonomies { display: block; } /* Kill inherited paragraph spacing */ .single-review_post_type .post-taxonomies p { margin: 0.25rem 0 0.5rem 0 !important; line-height: 1.35; } /* Control block spacing explicitly */ .single-review_post_type .post-taxonomy-individual { margin-bottom: 0.75rem !important; } /* Titles tighter but consistent */ .single-review_post_type .post-taxonomy-title { margin-bottom: 0.15rem !important; } /* Prevent float-induced vertical explosions at tablet sizes */ @media (max-width: 971px) { .single-review_post_type .left-column-container .post-taxonomy-individual { margin-bottom: 0.75rem !important; } } /* === Review taxonomy alignment + scanability === Scoped to single Review CPT left column taxonomy stack ONLY. Does NOT touch Starbox/author cards (.abh_*, .vcard, etc.) ================================================== */ /* Desktop / wide screens: consistent alignment + subtle separators */ .single-review_post_type .left-column-container .post-taxonomies { /* Keep existing flow; just ensure consistent spacing */ margin-top: 0; } .single-review_post_type .left-column-container .post-taxonomy-individual { /* Section spacing control (fixes the “sometimes tight / sometimes normal” feel) */ margin: 0 0 14px 0 !important; padding: 0 0 14px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } /* Remove bottom divider on the last taxonomy group */ .single-review_post_type .left-column-container .post-taxonomy-individual:last-of-type { border-bottom: 0; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Two-column alignment: label left, terms right */ .single-review_post_type .left-column-container .post-taxonomy-individual { display: grid; grid-template-columns: 92px 1fr; /* label column width */ column-gap: 14px; align-items: start; } /* Label styling remains subtle and consistent */ .single-review_post_type .left-column-container .post-taxonomy-title { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; line-height: 1.2 !important; letter-spacing: 0.12em; } /* Terms block: stable line-height + spacing */ .single-review_post_type .left-column-container .fef-tax-terms { margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; } /* If terms are rendered as links/spans inside the terms paragraph, give them safe separation */ .single-review_post_type .left-column-container .fef-tax-terms a, .single-review_post_type .left-column-container .fef-tax-terms span { display: inline-block; margin: 0 0 6px 0; } /* If terms are separated with
, make each line more readable without changing markup */ .single-review_post_type .left-column-container .fef-tax-terms br { content: ""; } /* Optional: subtle per-name separators ONLY when terms are stacked vertically. Works when the theme outputs each term/link on its own line (via
or block). */ .single-review_post_type .left-column-container .fef-tax-terms a + br, .single-review_post_type .left-column-container .fef-tax-terms span + br { margin-bottom: 6px; } /* Mobile: fix theme responsive rules that force a 2-col layout / floats */ @media (max-width: 971px) { /* Ensure the taxonomy wrapper behaves as a single column stack */ .single-review_post_type .left-column-container .post-taxonomies { display: block !important; width: 100% !important; } /* Each taxonomy group must be full-width and not floated */ .single-review_post_type .left-column-container .post-taxonomy-individual { display: block !important; float: none !important; width: 100% !important; margin: 0 0 16px 0 !important; padding: 0 0 16px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; box-sizing: border-box !important; } .single-review_post_type .left-column-container .post-taxonomy-individual:last-of-type { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Label */ .single-review_post_type .left-column-container .post-taxonomy-title { display: block !important; float: none !important; width: auto !important; margin: 0 0 8px 0 !important; padding: 0 !important; line-height: 1.2 !important; } /* Terms block should also be full width and not floated */ .single-review_post_type .left-column-container .fef-tax-terms { display: block !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.45 !important; } /* Term separation: - Prefer inline flow so the theme’s
handling remains natural. - But increase readability by adding spacing via
margins. */ .single-review_post_type .left-column-container .fef-tax-terms a, .single-review_post_type .left-column-container .fef-tax-terms span { display: inline !important; margin: 0 !important; } .single-review_post_type .left-column-container .fef-tax-terms br { display: block; content: ""; margin: 0 0 6px 0; } /* Clear any residual floats inside each group (belt + braces) */ .single-review_post_type .left-column-container .post-taxonomy-individual::after { content: ""; display: table; clear: both; } } /* ============================================================ REVIEWS: header meta + affiliate/trailer row (calibrated) Scoped to single review only. No layout model changes. ============================================================ */ .single-review_post_type .entry-header .written-by{ margin: 10px 0 14px; /* gives breathing room before the affiliate row */ } .single-review_post_type .entry-header .top-social{ margin: 0 0 18px; /* restores separation before the body */ } /* Keep the affiliate row from sitting on top of the content */ .single-review_post_type .entry-header .top-social #ytTrailerLink{ margin-bottom: 15px; /* moderate spacing under the link row */ } /* Improve readability without making it feel cramped */ .single-review_post_type .entry-header .top-social #ytTrailerLink a{ line-height: 1.35; } @media (min-width: 972px){ .single-review_post_type .entry-header .top-social #ytTrailerLink a.link-to-info{ display: none; } } /* ============================================================ REVIEWS: avoid desktop metadata duplication Hide inline film meta under title on desktop only ============================================================ */ @media (min-width: 972px){ .single-review_post_type .entry-header .directed-by{ display: none; } } /* ============================================================ REVIEWS: header divider logic (desktop) Goal: - Keep AKA above the divider when AKA exists - Keep a divider even when AKA is absent Notes: - Uses :has() for the “AKA exists” refinement. - Fallback (no :has support): divider sits under title. Scope: single reviews only ============================================================ */ @media (min-width: 972px){ .single-review_post_type .entry-header{ position: relative; } /* Default fallback: divider under title (works everywhere) */ .single-review_post_type .entry-header .entry-title.review-movie-name{ margin-bottom: 10px; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.15); } /* AKA spacing (no divider responsibility by default) */ .single-review_post_type .entry-header .also-known-as{ margin: 10px 0 0; padding: 0; border: 0; } /* Preferred: when AKA exists, move divider to sit under AKA (AKA above divider) */ .single-review_post_type .entry-header:has(.also-known-as) .entry-title.review-movie-name{ border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; } .single-review_post_type .entry-header:has(.also-known-as) .also-known-as{ padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.15); } /* Keep the byline tight to the divider */ .single-review_post_type .entry-header .written-by{ margin-top: 0; } } /* ============================================================ REVIEWS: "Also known as" polish Scoped to single review only. ============================================================ */ .single-review_post_type .entry-header .also-known-as{ margin: 6px 0 14px; } .single-review_post_type .entry-header .also-known-as .aka-title{ display: inline-block; font-size: 14px; line-height: 1.35; color: rgba(0,0,0,0.68); font-style: italic; } /* Optional: add a label only if your stored akaTitle DOES NOT already include it */ .single-review_post_type .entry-header .also-known-as .aka-title:not(:empty)::before{ content: "Also known as: "; font-style: normal; letter-spacing: 0.06em; text-transform: uppercase; font-size: 11px; color: rgba(0,0,0,0.45); } /* ============================================================ REVIEWS: Affiliate / Trailer actions module (editorial style) No surrounding box; pills carry the affordance. ============================================================ */ .single-review_post_type .entry-header .review-actions{ margin: 12px 0 14px; padding: 0; border: 0; background: transparent; } .single-review_post_type .entry-header .review-actions-label{ display: block; margin: 0 0 8px; font-size: 11px; letter-spacing: 0.10em; text-transform: uppercase; color: rgba(0,0,0,0.55); } /* Neutralize legacy layout rules inside this module only */ .single-review_post_type .entry-header .review-actions #ytTrailerLink{ float: none !important; clear: none !important; margin: 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; } /* Pills: lighter, less “button”, still clearly clickable */ .single-review_post_type .entry-header .review-actions #ytTrailerLink a{ margin: 0 !important; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid rgba(0,0,0,0.16); border-radius: 999px; background: transparent; line-height: 1.2; text-decoration: none; white-space: nowrap; } .single-review_post_type .entry-header .review-actions #ytTrailerLink a:hover{ background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.28); } .single-review_post_type .entry-header .review-actions #ytTrailerLink a[href*="youtube"]{ opacity: 0.9; font-weight: inherit; /* override earlier "primary" trailer weight */ } /* ============================================================ REVIEWS: Mobile header cleanup - Hide the long metadata line (.directed-by) - Keep a divider (anchored to title/AKA instead) ============================================================ */ @media (max-width: 971px){ /* Hide long “year · genre · country · dir …” line */ .single-review_post_type .entry-header .directed-by{ display: none; } /* Default fallback: divider under title */ .single-review_post_type .entry-header .entry-title.review-movie-name{ margin-bottom: 10px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.15); } /* If AKA exists, move divider to sit under AKA (AKA above divider) */ .single-review_post_type .entry-header:has(.also-known-as) .entry-title.review-movie-name{ border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; } .single-review_post_type .entry-header:has(.also-known-as) .also-known-as{ padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.15); } } /* ============================================================ REVIEWS: fully remove drop cap styling (including bold) ============================================================ */ .single-review_post_type .entry-content > p:first-letter{ float: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; font-weight: inherit; /* THIS is the missing piece */ } .single-review_post_type .entry-content > p:first-child{ margin-top: 1.2em; } /* ============================================================ REVIEWS: tighten spacing after Starbox (author box) Scope: single reviews only ============================================================ */ .single-review_post_type .entry-content .abh_box{ margin-top: 10px !important; margin-bottom: 10px !important; padding-top: 14px !important; padding-bottom: 14px !important; } /* ============================================================ REVIEWS: tighten gap between Starbox and Related Posts ============================================================ */ .single-review_post_type .entry-content .abh_box{ margin-bottom: 6px !important; padding-bottom: 10px !important; } /* Related Posts block is carrying too much top spacing */ .single-review_post_type .related{ margin-top: 0 !important; padding-top: 0 !important; } /* If the "RELATED POSTS" title has its own margin, reduce it */ .single-review_post_type .related h2, .single-review_post_type .related h3{ margin-top: 10px !important; } /* === Author archive: keep card styling for compact bios (desktop) === */ @media (min-width: 972px) { body.author .fef-author-bio.fef-author-bio--compact { /* Keep the normal card background/border; only tighten spacing */ padding: 18px 22px; margin: 0 0 18px; } body.author .fef-author-bio.fef-author-bio--compact .fef-author-bio__avatar { margin: 0 18px 0 0; } body.author .fef-author-bio.fef-author-bio--compact p:last-child { margin-bottom: 0; } } /* ===================================================== Review archive – clickable card affordance Applies to: - Latest Reviews page - Review post type archive ===================================================== */ /* Base card transition */ .page-id-21 .review-item, .post-type-archive-review_post_type .review-item { position: relative; transition: transform 0.18s ease, box-shadow 0.18s ease; } /* Hover affordance (pointer devices only) */ @media (hover: hover) { .page-id-21 .review-item:hover, .post-type-archive-review_post_type .review-item:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); } /* Title underline on hover */ .page-id-21 .review-item:hover h2, .post-type-archive-review_post_type .review-item:hover h2 { text-decoration: underline; text-underline-offset: 3px; } } /* Keyboard focus (accessibility) */ .page-id-21 .review-item a:focus-visible, .post-type-archive-review_post_type .review-item a:focus-visible { outline: 2px solid #c0392b; /* FE red */ outline-offset: 4px; border-radius: 4px; } /* Prevent nested elements from stealing clicks */ .page-id-21 .review-item * { pointer-events: none; } .page-id-21 .review-item a { pointer-events: auto; } .post-type-archive-review_post_type .review-item * { pointer-events: none; } .post-type-archive-review_post_type .review-item a { pointer-events: auto; } /* ===================================================== Reviews archive – remove "white flash" and add clean hover Scope: - Latest Reviews page (page_id=21) - Review CPT archive ===================================================== */ /* 1) Kill any inherited hover background/opacity on the card link */ .page-id-21 a.review-card-link, .post-type-archive-review_post_type a.review-card-link { background: transparent !important; opacity: 1 !important; transition: none; } /* Also prevent hover from applying a background via global link rules */ .page-id-21 a.review-card-link:hover, .page-id-21 a.review-card-link:focus, .post-type-archive-review_post_type a.review-card-link:hover, .post-type-archive-review_post_type a.review-card-link:focus { background: transparent !important; opacity: 1 !important; } /* 2) Put the hover/focus affordance on the card wrapper */ .page-id-21 .review-item, .post-type-archive-review_post_type .review-item { transition: transform 160ms ease, box-shadow 160ms ease; border-radius: 6px; /* helps the shadow read cleanly */ } /* Hover only on real hover devices (prevents weird mobile tap states) */ @media (hover: hover) and (pointer: fine) { .page-id-21 .review-item:hover, .post-type-archive-review_post_type .review-item:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,0.08); } .page-id-21 .review-item:hover h2, .post-type-archive-review_post_type .review-item:hover h2 { text-decoration: underline; text-underline-offset: 3px; } } /* 3) Keyboard focus ring that doesn't “flash” */ .page-id-21 a.review-card-link:focus-visible, .post-type-archive-review_post_type a.review-card-link:focus-visible { outline: 2px solid rgba(196, 76, 59, 0.55); outline-offset: 4px; border-radius: 6px; } /* ===================================================== Review archive – hover/focus polish (cards) Scope: latest reviews page + CPT archive ===================================================== */ .page-id-21 .review-card-link, .post-type-archive-review_post_type .review-card-link { /* Replace the “flash” effect with a calmer, more intentional affordance */ background: transparent; border: 1px solid transparent; border-radius: 10px; transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; will-change: transform; } .page-id-21 .review-card-link:hover, .post-type-archive-review_post_type .review-card-link:hover { background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .page-id-21 .review-card-link:focus, .page-id-21 .review-card-link:focus-visible, .post-type-archive-review_post_type .review-card-link:focus, .post-type-archive-review_post_type .review-card-link:focus-visible { outline: none; background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 3px rgba(167, 74, 61, 0.20), 0 10px 24px rgba(0, 0, 0, 0.08); } /* Tighten vertical rhythm inside cards (reduces perceived dead space) */ .page-id-21 .review-card-link h2, .post-type-archive-review_post_type .review-card-link h2 { margin-top: 10px; margin-bottom: 8px; } .page-id-21 .review-card-link .home-rating, .post-type-archive-review_post_type .review-card-link .home-rating { margin-bottom: 6px; } .page-id-21 .review-card-link .directed-by, .post-type-archive-review_post_type .review-card-link .directed-by { line-height: 1.35; } .page-id-21 .review-card-link .directed-by .date, .post-type-archive-review_post_type .review-card-link .directed-by .date { display: block; margin-top: 4px; } /* ===================================================== Reviews archive – hover card padding + metadata polish Fixes: - Title/metadata text sitting hard against the hover “card” edge - Genres/date block feeling under-designed Scope: - Latest Reviews page (page_id=21) - Review CPT archive ===================================================== */ /* Add comfortable padding for text while keeping images full-bleed */ .page-id-21 .review-card-link, .post-type-archive-review_post_type .review-card-link { padding: 12px 12px 14px; box-sizing: border-box; } /* Pull the lead image back out to the card edges */ .page-id-21 .review-card-link > img, .post-type-archive-review_post_type .review-card-link > img, .page-id-21 .review-card-link img.wp-post-image, .post-type-archive-review_post_type .review-card-link img.wp-post-image, .page-id-21 .review-card-link .post-thumbnail img, .post-type-archive-review_post_type .review-card-link .post-thumbnail img, .page-id-21 .review-card-link .post-special-image img, .post-type-archive-review_post_type .review-card-link .post-special-image img { display: block; width: calc(100% + 24px); max-width: none; height: auto; margin: -12px -12px 10px; border-radius: 8px 8px 0 0; } /* Ensure text blocks don’t touch the edge */ .page-id-21 .review-card-link h2, .post-type-archive-review_post_type .review-card-link h2, .page-id-21 .review-card-link h3, .post-type-archive-review_post_type .review-card-link h3 { margin-top: 0; } /* Metadata “designed” treatment */ .page-id-21 .review-card-link .directed-by, .post-type-archive-review_post_type .review-card-link .directed-by { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; line-height: 1.35; } /* Date as a secondary line with tighter rhythm */ .page-id-21 .review-card-link .directed-by .date, .post-type-archive-review_post_type .review-card-link .directed-by .date { font-size: 10px; letter-spacing: 0.14em; opacity: 0.85; margin-top: 6px; } /* Slightly tighten spacing under the title to reduce “dead air” */ .page-id-21 .review-card-link .home-rating, .post-type-archive-review_post_type .review-card-link .home-rating { margin-top: 6px; margin-bottom: 6px; } /* ============================================================ NEWS ARCHIVE CARD POLISH (post-type-archive-news_post_type) - Add consistent card hover/focus treatment - Tame long excerpts - Remove odd rounding artifacts ============================================================ */ .post-type-archive-news_post_type .reviews-section ul li { /* Make the whole tile feel like a card without changing markup */ background: transparent; border-radius: 10px; padding: 0; transition: box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease; } .post-type-archive-news_post_type .reviews-section ul li > a.card-link { display: block; padding: 14px 14px 12px; color: inherit; text-decoration: none; } .post-type-archive-news_post_type .reviews-section ul li > a.card-link:focus, .post-type-archive-news_post_type .reviews-section ul li > a.card-link:active { outline: none; } .post-type-archive-news_post_type .reviews-section ul li:hover, .post-type-archive-news_post_type .reviews-section ul li:focus-within { background: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.08); transform: translateY(-2px); } /* Ensure the thumbnail never produces asymmetrical rounding */ .post-type-archive-news_post_type .reviews-section ul li .thumbnail, .post-type-archive-news_post_type .reviews-section ul li .thumbnail a, .post-type-archive-news_post_type .reviews-section ul li .thumbnail img { border-radius: 10px; } .post-type-archive-news_post_type .reviews-section ul li .thumbnail { overflow: hidden; /* prevents the "random" clipped corner effect */ } /* Titles: keep the rhythm tight and readable */ .post-type-archive-news_post_type .reviews-section ul li h2 { margin-top: 12px; margin-bottom: 6px; line-height: 1.2; } .post-type-archive-news_post_type .reviews-section ul li h2 a { display: inline-block; text-decoration: none; } .post-type-archive-news_post_type .reviews-section ul li h2 a:hover { text-decoration: underline; } /* Meta (date): make it feel intentional and consistent */ .post-type-archive-news_post_type .reviews-section ul li .directed-by { margin-top: 4px; margin-bottom: 10px; letter-spacing: .08em; text-transform: uppercase; font-size: 11px; line-height: 1; opacity: .75; } /* Excerpt: clamp to reduce visual noise on long entries */ .post-type-archive-news_post_type .reviews-section ul li .excerpt { margin-top: 0; font-size: 14px; line-height: 1.5; opacity: .9; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } /* Accessibility: avoid double/ugly focus rings while keeping keyboard affordance */ .post-type-archive-news_post_type .reviews-section ul li a:focus { outline: none; } .post-type-archive-news_post_type .reviews-section ul li a:focus-visible { outline: 2px solid rgba(164,64,64,.45); outline-offset: 3px; border-radius: 8px; } /* ============================================================ REVIEWS ARCHIVE: FIX "EXTRA BORDER" ON CLICK/FOCUS ============================================================ */ .post-type-archive-review_post_type .reviews-section ul li a, .post-type-archive-review_post_type .reviews-section ul li a * { -webkit-tap-highlight-color: transparent; } .post-type-archive-review_post_type .reviews-section ul li a:focus, .post-type-archive-review_post_type .reviews-section ul li a:active { outline: none; box-shadow: none; } .post-type-archive-review_post_type .reviews-section ul li a img { border: 0; outline: none; } .post-type-archive-review_post_type .reviews-section ul li a:focus-visible { outline: 2px solid rgba(164,64,64,.45); outline-offset: 3px; border-radius: 8px; } .post-type-archive-review_post_type .reviews-section ul li a:focus-visible { outline: 2px solid rgba(164,64,64,.45); outline-offset: 3px; border-radius: 8px; } /* NEWS ARCHIVE: MOBILE TYPE TWEAKS */ @media (max-width: 600px) { .post-type-archive-news_post_type .news-section .entry-summary { font-size: 14px; line-height: 1.55; } .post-type-archive-news_post_type .news-section .entry-meta { font-size: 11px; } } /* ============================================================ NEWS ARCHIVE: Card-link text styling reset (1551 hotfix) Ensures full-tile anchor does not inherit default link blue/underline. ============================================================ */ .post-type-archive-news_post_type .reviews-section ul li a.card-link{ color: inherit; text-decoration: none; } .post-type-archive-news_post_type .reviews-section ul li a.card-link:visited{ color: inherit; } .post-type-archive-news_post_type .reviews-section ul li a.card-link *{ color: inherit; text-decoration: none; } .post-type-archive-news_post_type .reviews-section ul li a.card-link:hover *, .post-type-archive-news_post_type .reviews-section ul li a.card-link:focus-visible *{ text-decoration: none; } /* Re-apply intentional underline only on title hover */ .post-type-archive-news_post_type .reviews-section ul li a.card-link:hover h2, .post-type-archive-news_post_type .reviews-section ul li a.card-link:focus-visible h2{ text-decoration: underline; text-underline-offset: 3px; } /* NEWS archive: whole-card link should not inherit default link styling */ .archive-cardlink, .archive-cardlink:visited { color: inherit; text-decoration: none; display: block; } .archive-cardlink:hover, .archive-cardlink:focus, .archive-cardlink:active { color: inherit; text-decoration: none; outline: none; } /* Ensure inner text elements don’t get underlined/blue */ .archive-cardlink h2, .archive-cardlink .excerpt, .archive-cardlink .directed-by, .archive-cardlink .directed-by .date { color: inherit; text-decoration: none; } /* If you have any global "a:hover { text-decoration: underline; }" rules, this prevents it here */ .archive-cardlink:hover h2, .archive-cardlink:hover .excerpt, .archive-cardlink:hover .directed-by, .archive-cardlink:hover .directed-by .date { text-decoration: none; } /* NEWS archive: prevent text from touching the card edge */ .archive-cardlink { box-sizing: border-box; padding: 0; /* keep media flush */ border-radius: 12px; /* match your effect radius */ overflow: hidden; /* ensures inner content never crosses rounded edge */ } /* The link becomes the card container (match Reviews archive spacing) */ .post-type-archive-news_post_type a.archive-cardlink, .post-type-archive-news_post_type a.archive-cardlink:visited { color: inherit; text-decoration: none; display: block; padding: 14px; border-radius: 10px; } /* Keep the thumbnail flush to the card edges, like Reviews */ .post-type-archive-news_post_type a.archive-cardlink .wp-post-image { display: block; margin: -14px -14px 0; width: calc(100% + 28px); max-width: none; } /* Internal spacing */ .post-type-archive-news_post_type a.archive-cardlink h2 { margin: 14px 0 0; } .post-type-archive-news_post_type a.archive-cardlink .directed-by { margin: 6px 0 0; } .post-type-archive-news_post_type a.archive-cardlink .excerpt { margin: 10px 0 0; } /* Typography polish */ .post-type-archive-news_post_type a.archive-cardlink .directed-by { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; opacity: 0.65; } .post-type-archive-news_post_type a.archive-cardlink .excerpt { font-size: 0.92rem; line-height: 1.55; } /* Remove extra default margins inside the excerpt */ .post-type-archive-news_post_type a.archive-cardlink .excerpt p { margin: 0; } /* Title underline on card hover/focus, consistent with Reviews */ .post-type-archive-news_post_type .reviews-section ul li:hover a.archive-cardlink h2, .post-type-archive-news_post_type .reviews-section ul li:focus-within a.archive-cardlink h2 { text-decoration: underline; text-underline-offset: 3px; } /* ========================================================= UNIFIED ARCHIVE CARD ACCESSIBILITY & INTERACTION (Reviews + News) ========================================================= */ .post-type-archive-review_post_type a.review-card-link, .post-type-archive-news_post_type a.archive-cardlink { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); } .post-type-archive-review_post_type a.review-card-link:focus, .post-type-archive-review_post_type a.review-card-link:active, .post-type-archive-news_post_type a.archive-cardlink:focus, .post-type-archive-news_post_type a.archive-cardlink:active { outline: none; } .post-type-archive-review_post_type a.review-card-link:focus-visible, .post-type-archive-news_post_type a.archive-cardlink:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(167, 74, 61, 0.20), 0 10px 24px rgba(0, 0, 0, 0.08); } /* ===================================================== GLOBAL: Review cards — apply archive styling wherever .review-card-link is used (taxonomy, search, tag, etc.) Safe scope: only within .reviews-section lists. ===================================================== */ .reviews-section ul li > a.review-card-link{ color: inherit; text-decoration: none; display: block; box-sizing: border-box; padding: 12px 12px 14px; border: 1px solid transparent; border-radius: 10px; background: transparent; transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; will-change: transform; -webkit-tap-highlight-color: transparent; } .reviews-section ul li > a.review-card-link:visited{ color: inherit; } /* Keep poster/thumb full-bleed to card edges */ .reviews-section ul li > a.review-card-link .article-thumbnail img, .reviews-section ul li > a.review-card-link > img{ display: block; width: calc(100% + 24px); max-width: none; height: auto; margin: -12px -12px 10px; border-radius: 8px 8px 0 0; } /* Hover/focus affordance */ @media (hover: hover) and (pointer: fine){ .reviews-section ul li > a.review-card-link:hover{ background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .reviews-section ul li > a.review-card-link:hover h2{ text-decoration: underline; text-underline-offset: 3px; } } .reviews-section ul li > a.review-card-link:focus, .reviews-section ul li > a.review-card-link:active{ outline: none; } .reviews-section ul li > a.review-card-link:focus-visible{ outline: none; background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 3px rgba(167, 74, 61, 0.20), 0 10px 24px rgba(0, 0, 0, 0.08); } /* Review meta polish (genres/country/date) — match review archive */ .reviews-section ul li > a.review-card-link .directed-by{ font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; line-height: 1.35; } .reviews-section ul li > a.review-card-link .directed-by .date{ display: block; font-size: 10px; letter-spacing: 0.14em; opacity: 0.85; margin-top: 6px; } /* ===================================================== GLOBAL: Editorial cards — apply News archive styling wherever .archive-cardlink is used (features, interviews, search, tag) Safe scope: only within .reviews-section lists. ===================================================== */ .reviews-section ul li > a.archive-cardlink{ color: inherit; text-decoration: none; display: block; box-sizing: border-box; border: 1px solid transparent; padding: 12px 12px 14px; border-radius: 10px; background: transparent; transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, border-color 180ms ease; -webkit-tap-highlight-color: transparent; } .reviews-section ul li > a.archive-cardlink:visited{ color: inherit; } /* Make the landscape thumb flush to the card edges */ .reviews-section ul li > a.archive-cardlink .article-thumbnail img{ display: block; margin: -14px -14px 0; width: calc(100% + 28px); max-width: none; border-radius: 10px 10px 0 0; } /* Internal spacing */ .reviews-section ul li > a.archive-cardlink h2{ margin: 14px 0 0; line-height: 1.2; } .reviews-section ul li > a.archive-cardlink .directed-by{ margin: 6px 0 0; letter-spacing: .08em; text-transform: uppercase; font-size: 11px; line-height: 1; opacity: .75; } .reviews-section ul li > a.archive-cardlink .excerpt{ margin: 10px 0 0; font-size: 14px; line-height: 1.5; opacity: .9; } /* Hover + title underline */ @media (hover: hover) and (pointer: fine){ .reviews-section ul li > a.archive-cardlink:hover{ background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.06); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .reviews-section ul li > a.archive-cardlink:hover h2{ text-decoration: underline; text-underline-offset: 3px; } } .reviews-section ul li > a.archive-cardlink:focus, .reviews-section ul li > a.archive-cardlink:active{ outline: none; } .reviews-section ul li > a.archive-cardlink:focus-visible{ outline: none; background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 3px rgba(167, 74, 61, 0.20), 0 10px 24px rgba(0, 0, 0, 0.08); } /* ===================================================== FIX: Review archive hover "white flash" Cause: base theme sets hovered thumbnail opacity to 0.95 on review archive, which blends with white page background and reads as a white flash. Override to keep thumbnails at full opacity for consistency with other archives. Scoped ONLY to review archive/link structure. ===================================================== */ .post-type-archive-review_post_type .reviews-archive-wrap a.review-card-link:hover .article-thumbnail img, .post-type-archive-review_post_type .reviews-archive-wrap a.review-card-link:focus .article-thumbnail img, .post-type-archive-review_post_type .reviews-archive-wrap a.review-card-link:focus-visible .article-thumbnail img { opacity: 1 !important; } /* ============================================================ FEATURES/INTERVIEWS (feature_post_type): Starbox author card Goal: match the News/Reviews Starbox “bio card” styling. Scope: single Feature posts only. ============================================================ */ .single-feature_post_type .entry-content .abh_box{ max-width: 60ch; margin: 14px auto 14px; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; transform: translateY(-10px); cursor: pointer; } .single-feature_post_type .entry-content .abh_box .abh_tabs, .single-feature_post_type .entry-content .abh_box .abh_posts_tab, .single-feature_post_type .entry-content .abh_box .abh_social{ display: none !important; } .single-feature_post_type .entry-content .abh_box hr, .single-feature_post_type .entry-content .abh_box .abh_line, .single-feature_post_type .entry-content .abh_box .abh_sep{ display: none !important; } .single-feature_post_type .entry-content .abh_box .abh_tab, .single-feature_post_type .entry-content .abh_box .abh_tab_content{ height: auto !important; min-height: 0 !important; margin: 0 !important; border: 0 !important; } .single-feature_post_type .entry-content .abh_box .abh_tab_content{ background: #fafafa !important; border: 1px solid #e6e6e6 !important; border-radius: 8px !important; padding: 18px !important; position: relative; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease; } .single-feature_post_type .entry-content .abh_box .abh_about_tab, .single-feature_post_type .entry-content .abh_box .vcard.author{ display: flex !important; align-items: center !important; gap: 14px; } .single-feature_post_type .entry-content .abh_box .abh_image, .single-feature_post_type .entry-content .abh_box .abh_text{ float: none !important; margin: 0 !important; } .single-feature_post_type .entry-content .abh_box .abh_image{ flex: 0 0 64px; display: flex !important; align-items: center; justify-content: center; } .single-feature_post_type .entry-content .abh_box .abh_image img{ width: 64px !important; height: 64px !important; border-radius: 999px !important; object-fit: cover; display: block; margin-top: 0 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.10); } .single-feature_post_type .entry-content .abh_box .abh_text{ flex: 1 1 auto; min-width: 0; text-align: left !important; } .single-feature_post_type .entry-content .abh_box .abh_name{ margin: 0 0 6px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.2; } .single-feature_post_type .entry-content .abh_box .abh_description{ margin: 0 !important; line-height: 1.55; opacity: 0.9; overflow-wrap: anywhere; word-break: normal; } .single-feature_post_type .entry-content .abh_box:hover .abh_tab_content{ transform: translateY(-2px); border-color: rgba(0,0,0,0.18) !important; background: rgba(0,0,0,0.01) !important; box-shadow: 0 10px 26px rgba(0,0,0,0.08); } .single-feature_post_type .entry-content .abh_box:focus-within .abh_tab_content{ box-shadow: none; border-color: #e6e6e6 !important; } .single-feature_post_type .entry-content .abh_box:has(a:focus-visible) .abh_tab_content{ border-color: rgba(0,0,0,0.22) !important; box-shadow: 0 0 0 3px rgba(180, 60, 48, 0.18); } .single-feature_post_type .entry-content .abh_box a:focus, .single-feature_post_type .entry-content .abh_box a:active{ outline: none; box-shadow: none; } .single-feature_post_type .entry-content .abh_box .abh_tab_content .abh_about_tab, .single-feature_post_type .entry-content .abh_box .abh_tab_content .vcard.author{ position: relative; z-index: 1; } .single-feature_post_type .entry-content .abh_box .abh_tab_content .abh_name a{ position: static; -webkit-tap-highlight-color: transparent; } .single-feature_post_type .entry-content .abh_box .abh_tab_content .abh_name a::after{ content: ""; position: absolute; inset: 0; z-index: 2; cursor: pointer; } .single-feature_post_type .entry-content .abh_box .clear, .single-feature_post_type .entry-content .abh_box .clearfix, .single-feature_post_type .entry-content .abh_box .abh_box_bottom, .single-feature_post_type .entry-content .abh_box .abh_footer, .single-feature_post_type .entry-content .abh_box .abh_bottom, .single-feature_post_type .entry-content .abh_box .abh_clear, .single-feature_post_type .entry-content .abh_box div[style*="clear"]{ display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ============================================================ WORDPRESS CAPTIONS: single post content (News/Features/Reviews) Goal: - Use built-in WP captioning (wp-caption / figcaption) - Match the restrained News caption tone - Prevent drop-cap styling from affecting captions Scope: - Single News, Single Feature (incl Interviews), Single Reviews ============================================================ */ .single-news_post_type .entry-content .wp-caption, .single-feature_post_type .entry-content .wp-caption, .single-review_post_type .entry-content .wp-caption, .single-news_post_type .entry-content figure.wp-caption, .single-feature_post_type .entry-content figure.wp-caption, .single-review_post_type .entry-content figure.wp-caption, .single-news_post_type .entry-content figure.wp-block-image, .single-feature_post_type .entry-content figure.wp-block-image, .single-review_post_type .entry-content figure.wp-block-image{ max-width: 100%; margin: 22px 0 26px; } .single-news_post_type .entry-content .wp-caption img, .single-feature_post_type .entry-content .wp-caption img, .single-review_post_type .entry-content .wp-caption img, .single-news_post_type .entry-content figure.wp-block-image img, .single-feature_post_type .entry-content figure.wp-block-image img, .single-review_post_type .entry-content figure.wp-block-image img{ display: block; width: 100%; height: auto; } .single-news_post_type .entry-content .wp-caption-text, .single-feature_post_type .entry-content .wp-caption-text, .single-review_post_type .entry-content .wp-caption-text, .single-news_post_type .entry-content figure.wp-caption figcaption, .single-feature_post_type .entry-content figure.wp-caption figcaption, .single-review_post_type .entry-content figure.wp-caption figcaption, .single-news_post_type .entry-content figure.wp-block-image figcaption, .single-feature_post_type .entry-content figure.wp-block-image figcaption, .single-review_post_type .entry-content figure.wp-block-image figcaption{ margin: 10px 0 0; font-size: 11px; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; } /* Prevent any site-wide “drop cap” rules from affecting captions */ .single-news_post_type .entry-content .wp-caption-text:first-letter, .single-feature_post_type .entry-content .wp-caption-text:first-letter, .single-review_post_type .entry-content .wp-caption-text:first-letter, .single-news_post_type .entry-content figure.wp-block-image figcaption:first-letter, .single-feature_post_type .entry-content figure.wp-block-image figcaption:first-letter, .single-review_post_type .entry-content figure.wp-block-image figcaption:first-letter{ float: none !important; font-size: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; font-weight: inherit !important; } /* ============================================================ CAPTION UNIFICATION: make legacy “heading captions” match WP captions Applies only when a heading immediately follows an image/figure. Keep scope tight: only h5/h6 to avoid affecting real subheadings. ============================================================ */ /* Match the WP caption styling (your current caption tone) */ .single-news_post_type .entry-content figure + h6, .single-feature_post_type .entry-content figure + h6, .single-review_post_type .entry-content figure + h6, .single-news_post_type .entry-content figure + h5, .single-feature_post_type .entry-content figure + h5, .single-review_post_type .entry-content figure + h5, /* Classic editor cases where images are wrapped in .wp-caption */ .single-news_post_type .entry-content .wp-caption + h6, .single-feature_post_type .entry-content .wp-caption + h6, .single-review_post_type .entry-content .wp-caption + h6, .single-news_post_type .entry-content .wp-caption + h5, .single-feature_post_type .entry-content .wp-caption + h5, .single-review_post_type .entry-content .wp-caption + h5, /* Gutenberg image blocks */ .single-news_post_type .entry-content figure.wp-block-image + h6, .single-feature_post_type .entry-content figure.wp-block-image + h6, .single-review_post_type .entry-content figure.wp-block-image + h6, .single-news_post_type .entry-content figure.wp-block-image + h5, .single-feature_post_type .entry-content figure.wp-block-image + h5, .single-review_post_type .entry-content figure.wp-block-image + h5 { margin: 10px 0 26px; font-size: 11px; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; font-weight: 400; } /* Remove the default heading spacing above so it “sticks” to the image */ .single-news_post_type .entry-content figure + h5, .single-feature_post_type .entry-content figure + h5, .single-review_post_type .entry-content figure + h5, .single-news_post_type .entry-content figure + h6, .single-feature_post_type .entry-content figure + h6, .single-review_post_type .entry-content figure + h6 { padding-top: 0; } /* ============================================================ CAPTION UNIFICATION (legacy variant) Handles: figure/image → H5/H6 “Image” heading → caption paragraph ============================================================ */ /* If an image/figure is followed by a heading (often “Image”) and then a paragraph, style that paragraph like a caption. */ .single-news_post_type .entry-content figure + h6 + p, .single-feature_post_type .entry-content figure + h6 + p, .single-review_post_type .entry-content figure + h6 + p, .single-news_post_type .entry-content figure + h5 + p, .single-feature_post_type .entry-content figure + h5 + p, .single-review_post_type .entry-content figure + h5 + p, /* Gutenberg figure blocks specifically */ .single-news_post_type .entry-content figure.wp-block-image + h6 + p, .single-feature_post_type .entry-content figure.wp-block-image + h6 + p, .single-review_post_type .entry-content figure.wp-block-image + h6 + p, .single-news_post_type .entry-content figure.wp-block-image + h5 + p, .single-feature_post_type .entry-content figure.wp-block-image + h5 + p, .single-review_post_type .entry-content figure.wp-block-image + h5 + p { margin: 10px 0 26px; font-size: 11px; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; font-weight: 400; } .single-news_post_type .entry-content .wp-element-caption, .single-feature_post_type .entry-content .wp-element-caption, .single-review_post_type .entry-content .wp-element-caption { margin: 10px 0 26px; font-size: 11px; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; font-weight: 400; } /* ============================================================ CAPTION NORMALIZATION (safe) - No display:none, no height:0, no overflow tricks - Only typography + spacing so legacy + WP captions match ============================================================ */ /* 1) WordPress captions: classic + blocks */ .single-news_post_type .entry-content .wp-caption-text, .single-feature_post_type .entry-content .wp-caption-text, .single-review_post_type .entry-content .wp-caption-text, .single-news_post_type .entry-content figure.wp-block-image figcaption, .single-feature_post_type .entry-content figure.wp-block-image figcaption, .single-review_post_type .entry-content figure.wp-block-image figcaption, .single-news_post_type .entry-content .wp-element-caption, .single-feature_post_type .entry-content .wp-element-caption, .single-review_post_type .entry-content .wp-element-caption { font-size: 11px; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; font-weight: 400; margin: 10px 0 26px; } /* 2) Legacy “heading caption” immediately after an image/figure */ .single-news_post_type .entry-content figure + h5, .single-feature_post_type .entry-content figure + h5, .single-review_post_type .entry-content figure + h5, .single-news_post_type .entry-content figure + h6, .single-feature_post_type .entry-content figure + h6, .single-review_post_type .entry-content figure + h6 { font-size: 11px; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; font-weight: 400; margin: 10px 0 26px; } /* 3) Legacy variant: figure + h5/h6 + paragraph caption */ .single-news_post_type .entry-content figure + h5 + p, .single-feature_post_type .entry-content figure + h5 + p, .single-review_post_type .entry-content figure + h5 + p, .single-news_post_type .entry-content figure + h6 + p, .single-feature_post_type .entry-content figure + h6 + p, .single-review_post_type .entry-content figure + h6 + p { font-size: 11px; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.70; font-weight: 400; margin: 10px 0 26px; } /* ============================================================ CAPTION NORMALIZATION (strong override) Goal: make all caption variants match one house style Safe: typography only, no hiding/collapsing of elements ============================================================ */ .single-news_post_type .entry-content .wp-caption-text, .single-feature_post_type .entry-content .wp-caption-text, .single-review_post_type .entry-content .wp-caption-text, .single-news_post_type .entry-content figure figcaption, .single-feature_post_type .entry-content figure figcaption, .single-review_post_type .entry-content figure figcaption, .single-news_post_type .entry-content .wp-element-caption, .single-feature_post_type .entry-content .wp-element-caption, .single-review_post_type .entry-content .wp-element-caption { font-size: 11px !important; line-height: 1.35 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; opacity: 0.70 !important; font-weight: 400 !important; font-family: inherit !important; margin: 10px 0 26px !important; } /* Legacy “caption as heading” (covers Gutenberg headings too) */ .single-news_post_type .entry-content figure + h5, .single-feature_post_type .entry-content figure + h5, .single-review_post_type .entry-content figure + h5, .single-news_post_type .entry-content figure + h6, .single-feature_post_type .entry-content figure + h6, .single-review_post_type .entry-content figure + h6, .single-news_post_type .entry-content .wp-block-image + h5, .single-feature_post_type .entry-content .wp-block-image + h5, .single-review_post_type .entry-content .wp-block-image + h5, .single-news_post_type .entry-content .wp-block-image + h6, .single-feature_post_type .entry-content .wp-block-image + h6, .single-review_post_type .entry-content .wp-block-image + h6, .single-news_post_type .entry-content figure + .wp-block-heading, .single-feature_post_type .entry-content figure + .wp-block-heading, .single-review_post_type .entry-content figure + .wp-block-heading, .single-news_post_type .entry-content .wp-block-image + .wp-block-heading, .single-feature_post_type .entry-content .wp-block-image + .wp-block-heading, .single-review_post_type .entry-content .wp-block-image + .wp-block-heading { font-size: 11px !important; line-height: 1.35 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; opacity: 0.70 !important; font-weight: 400 !important; font-family: inherit !important; margin: 10px 0 26px !important; } /* Legacy “caption as centered paragraph” immediately after an image block */ .single-news_post_type .entry-content figure + p.has-text-align-center, .single-feature_post_type .entry-content figure + p.has-text-align-center, .single-review_post_type .entry-content figure + p.has-text-align-center, .single-news_post_type .entry-content .wp-block-image + p.has-text-align-center, .single-feature_post_type .entry-content .wp-block-image + p.has-text-align-center, .single-review_post_type .entry-content .wp-block-image + p.has-text-align-center { font-size: 11px !important; line-height: 1.35 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; opacity: 0.70 !important; font-weight: 400 !important; font-family: inherit !important; margin: 10px 0 26px !important; } /* ============================================================ FIX: Legacy image captions written as

Purpose: override .entry-content h5 heading styles Only applies when h5 is acting as an image caption ============================================================ */ .single-news_post_type .entry-content figure + h5, .single-feature_post_type .entry-content figure + h5, .single-review_post_type .entry-content figure + h5, .single-news_post_type .entry-content .wp-block-image + h5, .single-feature_post_type .entry-content .wp-block-image + h5, .single-review_post_type .entry-content .wp-block-image + h5 { /* Caption typography */ font-size: 11px !important; line-height: 1.35 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; font-weight: 400 !important; color: inherit !important; opacity: 0.7 !important; /* Caption spacing */ margin: 10px 0 26px !important; text-align: center; } /* ============================================================ CAPTIONS — FINAL OVERRIDE (2026-01) Purpose: - Make ALL caption variants render identically (WP captions + legacy captions) - Avoid requiring retroactive content edits Safety: - Typography + spacing only (no display/height/overflow changes) Scope: - Single News / Feature (incl Interviews) / Reviews ============================================================ */ /* House style tokens */ .single-news_post_type .entry-content, .single-feature_post_type .entry-content, .single-review_post_type .entry-content{ --fef-caption-size: 11px; --fef-caption-line: 1.35; --fef-caption-track: 0.12em; --fef-caption-opacity: 0.70; --fef-caption-color: #666; --fef-caption-margin-top: 10px; --fef-caption-margin-bottom: 26px; } /* 1) Native WordPress caption outputs (classic + blocks) */ .single-news_post_type .entry-content .wp-caption-text, .single-feature_post_type .entry-content .wp-caption-text, .single-review_post_type .entry-content .wp-caption-text, .single-news_post_type .entry-content .wp-element-caption, .single-feature_post_type .entry-content .wp-element-caption, .single-review_post_type .entry-content .wp-element-caption, .single-news_post_type .entry-content figure figcaption, .single-feature_post_type .entry-content figure figcaption, .single-review_post_type .entry-content figure figcaption{ font-size: var(--fef-caption-size) !important; line-height: var(--fef-caption-line) !important; letter-spacing: var(--fef-caption-track) !important; text-transform: uppercase !important; font-weight: 400 !important; font-family: inherit !important; color: var(--fef-caption-color) !important; opacity: var(--fef-caption-opacity) !important; text-align: center !important; margin: var(--fef-caption-margin-top) 0 var(--fef-caption-margin-bottom) !important; } /* 2) Legacy “caption as heading” (Shift+Enter + heading) */ .single-news_post_type .entry-content figure + h5, .single-feature_post_type .entry-content figure + h5, .single-review_post_type .entry-content figure + h5, .single-news_post_type .entry-content figure + h6, .single-feature_post_type .entry-content figure + h6, .single-review_post_type .entry-content figure + h6, .single-news_post_type .entry-content .wp-block-image + h5, .single-feature_post_type .entry-content .wp-block-image + h5, .single-review_post_type .entry-content .wp-block-image + h5, .single-news_post_type .entry-content .wp-block-image + h6, .single-feature_post_type .entry-content .wp-block-image + h6, .single-review_post_type .entry-content .wp-block-image + h6, .single-news_post_type .entry-content .wp-caption + h5, .single-feature_post_type .entry-content .wp-caption + h5, .single-review_post_type .entry-content .wp-caption + h5, .single-news_post_type .entry-content .wp-caption + h6, .single-feature_post_type .entry-content .wp-caption + h6, .single-review_post_type .entry-content .wp-caption + h6, /* Some older content uses a bare followed by a centered heading */ .single-news_post_type .entry-content img + h5, .single-feature_post_type .entry-content img + h5, .single-review_post_type .entry-content img + h5, .single-news_post_type .entry-content img + h6, .single-feature_post_type .entry-content img + h6, .single-review_post_type .entry-content img + h6{ font-size: var(--fef-caption-size) !important; line-height: var(--fef-caption-line) !important; letter-spacing: var(--fef-caption-track) !important; text-transform: uppercase !important; font-weight: 400 !important; font-family: inherit !important; color: var(--fef-caption-color) !important; opacity: var(--fef-caption-opacity) !important; text-align: center !important; margin: var(--fef-caption-margin-top) 0 var(--fef-caption-margin-bottom) !important; } /* 3) Legacy “Image” heading + caption paragraph pattern */ .single-news_post_type .entry-content figure + h5 + p, .single-feature_post_type .entry-content figure + h5 + p, .single-review_post_type .entry-content figure + h5 + p, .single-news_post_type .entry-content figure + h6 + p, .single-feature_post_type .entry-content figure + h6 + p, .single-review_post_type .entry-content figure + h6 + p, .single-news_post_type .entry-content .wp-block-image + h5 + p, .single-feature_post_type .entry-content .wp-block-image + h5 + p, .single-review_post_type .entry-content .wp-block-image + h5 + p, .single-news_post_type .entry-content .wp-block-image + h6 + p, .single-feature_post_type .entry-content .wp-block-image + h6 + p, .single-review_post_type .entry-content .wp-block-image + h6 + p, .single-news_post_type .entry-content img + h5 + p, .single-feature_post_type .entry-content img + h5 + p, .single-review_post_type .entry-content img + h5 + p, .single-news_post_type .entry-content img + h6 + p, .single-feature_post_type .entry-content img + h6 + p, .single-review_post_type .entry-content img + h6 + p{ font-size: var(--fef-caption-size) !important; line-height: var(--fef-caption-line) !important; letter-spacing: var(--fef-caption-track) !important; text-transform: uppercase !important; font-weight: 400 !important; font-family: inherit !important; color: var(--fef-caption-color) !important; opacity: var(--fef-caption-opacity) !important; text-align: center !important; margin: var(--fef-caption-margin-top) 0 var(--fef-caption-margin-bottom) !important; } /* 4) Ensure “caption headings” do not inherit global heading borders/underlines */ .single-news_post_type .entry-content figure + h5, .single-feature_post_type .entry-content figure + h5, .single-review_post_type .entry-content figure + h5, .single-news_post_type .entry-content figure + h6, .single-feature_post_type .entry-content figure + h6, .single-review_post_type .entry-content figure + h6{ border: 0 !important; padding: 0 !important; } /* ============================================================ TOP TEN FEATURE PAGES (tag: top ten) Robust hook: .fef-top-ten is added by the single-feature template. Scope: Top Ten features ONLY. ============================================================ */ .single-feature_post_type .entry-content.fef-top-ten{ counter-reset: fefTopTen; } /* Treat content headings as ranked entry starts (excluding the page title) */ .single-feature_post_type .entry-content.fef-top-ten h1:not(.entry-title), .single-feature_post_type .entry-content.fef-top-ten h2, .single-feature_post_type .entry-content.fef-top-ten h3, .single-feature_post_type .entry-content.fef-top-ten h4{ counter-increment: fefTopTen; position: relative; margin: 3.2em 0 0.9em !important; padding: 1.3em 0 0 3.6rem !important; border-top: 1px solid rgba(0,0,0,0.10); font-weight: 800; letter-spacing: -0.01em; } .single-feature_post_type .entry-content.fef-top-ten h1:not(.entry-title)::before, .single-feature_post_type .entry-content.fef-top-ten h2::before, .single-feature_post_type .entry-content.fef-top-ten h3::before, .single-feature_post_type .entry-content.fef-top-ten h4::before{ content: counter(fefTopTen); position: absolute; left: 0; top: 0.05em; font-size: 3.1rem; line-height: 1; font-weight: 900; opacity: 0.10; letter-spacing: -0.03em; } /* First ranked heading shouldn't look like mid-article */ .single-feature_post_type .entry-content.fef-top-ten h1:not(.entry-title):first-of-type, .single-feature_post_type .entry-content.fef-top-ten h2:first-of-type, .single-feature_post_type .entry-content.fef-top-ten h3:first-of-type, .single-feature_post_type .entry-content.fef-top-ten h4:first-of-type{ margin-top: 1.6em !important; } /* Image + copy rhythm inside entries */ .single-feature_post_type .entry-content.fef-top-ten img{ display: block; max-width: 100%; height: auto; margin: 0.9em 0 1.0em; } .single-feature_post_type .entry-content.fef-top-ten p{ margin: 0 0 1.05em; } /* Make Director/Cast lines read like metadata */ .single-feature_post_type .entry-content.fef-top-ten p strong{ font-weight: 800; } /* Review link treatment */ .single-feature_post_type .entry-content.fef-top-ten a[href*="/review/"]{ display: inline-block; margin-top: 0.35em; font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 3px; } /* Slightly wider measure for long list pages */ .single-feature_post_type .entry-content.fef-top-ten{ max-width: 740px; } /* ============================================================ TOP TEN (tagged): layout polish — scoped to Top Ten only Hook: .single-feature_post_type .entry-content.fef-top-ten ============================================================ */ .single-feature_post_type .entry-content.fef-top-ten .fef-topten-rank{ display: none !important; } .single-feature_post_type .entry-content.fef-top-ten h1:not(.entry-title), .single-feature_post_type .entry-content.fef-top-ten h2, .single-feature_post_type .entry-content.fef-top-ten h3, .single-feature_post_type .entry-content.fef-top-ten h4, .single-feature_post_type .entry-content.fef-top-ten h5, .single-feature_post_type .entry-content.fef-top-ten h6{ position: relative; margin: 3.0em 0 0.9em !important; padding: 1.2em 0 0 !important; border-top: 1px solid rgba(0,0,0,0.10); font-weight: 800; letter-spacing: -0.01em; } .single-feature_post_type .entry-content.fef-top-ten h1[data-rank]:not(.entry-title)::before, .single-feature_post_type .entry-content.fef-top-ten h2[data-rank]::before, .single-feature_post_type .entry-content.fef-top-ten h3[data-rank]::before, .single-feature_post_type .entry-content.fef-top-ten h4[data-rank]::before, .single-feature_post_type .entry-content.fef-top-ten h5[data-rank]::before, .single-feature_post_type .entry-content.fef-top-ten h6[data-rank]::before{ content: attr(data-rank); position: absolute; left: 0; top: 0.05em; font-size: 3.1rem; line-height: 1; font-weight: 900; opacity: 0.10; letter-spacing: -0.03em; transform: translateX(-0.25em); pointer-events: none; } .single-feature_post_type .entry-content.fef-top-ten img{ display: block; max-width: 100%; height: auto; margin: 0.9em 0 1.0em; } .single-feature_post_type .entry-content.fef-top-ten p{ margin: 0 0 1.1em; } .single-feature_post_type .entry-content.fef-top-ten a[href*="/review/"]{ display: inline-block; margin-top: 0.55em; font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 3px; } /* ============================================================ NEWS ARCHIVE: Hover parity with review cards (2026-01 hotfix) Problem: - News tiles were darker/heavier due to li:hover background/shadow rules - Anchor hover used a stronger white background + bigger lift Fix: - Neutralise li:hover styling on News archive - Apply the same hover recipe as review cards to the anchor Scope: News archive only (.post-type-archive-news_post_type) ============================================================ */ /* Ensure the card link has a border channel so hover doesn't look like a “double edge” */ .post-type-archive-news_post_type .reviews-section ul li > a.archive-cardlink{ border: 1px solid transparent; } @media (hover: hover) and (pointer: fine){ /* Remove the heavier li-level hover (this was adding the darker/bordered feel) */ .post-type-archive-news_post_type .reviews-section ul li:hover, .post-type-archive-news_post_type .reviews-section ul li:focus-within{ background: transparent !important; box-shadow: none !important; transform: none !important; } /* Match the review-card hover language (subtle tint, smaller lift, same shadow) */ .post-type-archive-news_post_type .reviews-section ul li > a.archive-cardlink:hover{ background-color: rgba(0, 0, 0, 0.02) !important; border-color: rgba(0, 0, 0, 0.06) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important; transform: translateY(-1px) !important; } } /* Keyboard focus parity (keep existing outline-free approach, but match review affordance) */ .post-type-archive-news_post_type .reviews-section ul li > a.archive-cardlink:focus, .post-type-archive-news_post_type .reviews-section ul li > a.archive-cardlink:active{ outline: none; } .post-type-archive-news_post_type .reviews-section ul li > a.archive-cardlink:focus-visible{ outline: none; background-color: rgba(0, 0, 0, 0.02) !important; border-color: rgba(0, 0, 0, 0.12) !important; box-shadow: 0 0 0 3px rgba(167, 74, 61, 0.20), 0 10px 24px rgba(0, 0, 0, 0.08) !important; } /* ===================================================== FEF_RELATED_POSTS_HOVER_V1 Single review: related posts hover/focus parity with archive cards Scoped to review singles only. No layout/size forcing. ===================================================== */ .single-review_post_type .related-items li > a{ display: block; padding: 10px 10px 12px; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease; background-color: transparent; } .single-review_post_type .related-items li > a .related-post-image img{ display: block; width: 100%; height: auto; } @media (hover: hover){ .single-review_post_type .related-items li > a:hover{ transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.08); } .single-review_post_type .related-items li > a:hover span{ text-decoration: underline; text-underline-offset: 3px; } } .single-review_post_type .related-items li > a:focus-visible{ outline: 2px solid #c0392b; outline-offset: 2px; } /* ========================================================= HOME HERO (LOCKED FINAL) — SINGLE OVERLAY + CLEAN HOVER + REVIEW KICKER (DESKTOP TUNED) Scope: .home-main-article-link only Goals: - Overlay constrained to image (no bleed below image) - No second “box” backgrounds (neutralize .overlay) - Hover triggers anywhere on hero link - Stars readable (drop-shadow) - Kicker (“REVIEW”) non-blue + positioned closer to title on desktop only ========================================================= */ /* Hero link wrapper */ .home-main-article-link{ display:block; position:relative; text-decoration:none; } /* Image wrapper is the positioning context for the gradient */ .home-main-article-link .main-article-image{ position:relative; } /* Ensure the image defines height */ .home-main-article-link .main-article-image img, .home-main-article-link .main-article-image picture, .home-main-article-link .main-article-image video{ display:block; width:100%; height:auto; } /* Neutralize any legacy pseudo overlays on the link itself */ .home-main-article-link::before, .home-main-article-link::after{ content:none !important; } /* SINGLE gradient overlay — constrained to IMAGE only */ .home-main-article-link .main-article-image::after{ content:""; position:absolute; left:0; right:0; bottom:0; top:50%; /* adjust 45–60% if needed */ pointer-events:none; z-index:1; background:linear-gradient( to top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.36) 58%, rgba(0,0,0,0.00) 100% ); transition:opacity 220ms ease; opacity:1; } /* Text overlay container (no background panel) */ .home-main-article-link .main-article-text-content, .home-main-article-link .main-article-text-content.overlay{ position:absolute; left:0; right:0; bottom:0; padding:18px 22px 16px; background:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; z-index:2; } /* REVIEW kicker — editorial label */ .home-main-article-link .home-hero-kicker{ display:block; width:fit-content; margin:0 0 6px 0; padding:0; font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; line-height:1; opacity:0.78; color:rgba(255,255,255,0.90) !important; text-decoration:none !important; text-shadow:0 1px 2px rgba(0,0,0,0.65); } /* Ensure kicker stays non-blue in all link states */ .home-main-article-link:link .home-hero-kicker, .home-main-article-link:visited .home-hero-kicker, .home-main-article-link:hover .home-hero-kicker, .home-main-article-link:active .home-hero-kicker, .home-main-article-link:focus .home-hero-kicker, .home-main-article-link:focus-visible .home-hero-kicker{ color:rgba(255,255,255,0.90) !important; text-decoration:none !important; } /* Typography spacing */ .home-main-article-link .main-article-title{ margin:0 0 10px; line-height:1.08; } .home-main-article-link .home-rating{ margin:0 0 8px; } .home-main-article-link .main-article-meta{ margin:0; } /* Star readability */ .home-main-article-link .home-rating, .home-main-article-link .home-stars-wrap{ filter:drop-shadow(0 1px 2px rgba(0,0,0,0.65)); } /* Hover underline triggers anywhere on the hero */ .home-main-article-link:hover .main-article-title, .home-main-article-link:focus-visible .main-article-title{ text-decoration:underline; text-underline-offset:0.18em; } /* Desktop hover reveal + desktop-only kicker/title tuning */ @media (hover:hover) and (pointer:fine){ /* Hide rating/byline until hover/focus */ .home-main-article-link .home-rating, .home-main-article-link .main-article-meta{ opacity:0; transform:translateY(6px); transition:opacity 240ms ease, transform 240ms ease; } .home-main-article-link:hover .home-rating, .home-main-article-link:hover .main-article-meta, .home-main-article-link:focus-visible .home-rating, .home-main-article-link:focus-visible .main-article-meta{ opacity:1; transform:translateY(0); } /* Desktop-only: bring REVIEW kicker closer to title */ .home-main-article-link .home-hero-kicker{ transform:translateY(10px); } /* Desktop-only: tighten title upward slightly (fine-tune gap) */ .home-main-article-link .main-article-title{ margin-top:-4px; } /* Deepen gradient slightly on hover/focus to support stars/byline */ .home-main-article-link:hover .main-article-image::after, .home-main-article-link:focus-visible .main-article-image::after{ background:linear-gradient( to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.40) 60%, rgba(0,0,0,0.00) 100% ); } } /* Mobile */ @media (max-width:768px){ .home-main-article-link .main-article-text-content, .home-main-article-link .main-article-text-content.overlay{ padding:14px 14px 12px; } .home-main-article-link .main-article-title{ margin:0 0 8px; font-size:clamp(22px, 6vw, 34px); } .home-main-article-link .home-rating{ margin:0 0 6px; transform:scale(0.95); transform-origin:left bottom; } /* Slightly reduce overlay coverage on mobile */ .home-main-article-link .main-article-image::after{ top:60%; background:linear-gradient( to top, rgba(0,0,0,0.84) 0%, rgba(0,0,0,0.34) 58%, rgba(0,0,0,0.00) 100% ); } .home-main-article-link .home-hero-kicker{ font-size:10px; margin-bottom:5px; transform:none; /* ensure desktop tuning never affects mobile */ } } /* ============================================================ HOME PAGE (2026-01): 4 blocks x 6 thumbnails Scope: body.home only Notes: - Intentionally additive (no deletions) to avoid regressions. - Reuses existing .stacked-items grid rules. ============================================================ */ body.home .fef-home-block{ float: none; width: 100%; margin: 0 0 44px; padding: 0; border: 0; clear: both; } body.home .fef-home-block:last-of-type{ margin-bottom: 10px; } /* Header row: title left, archive link right */ body.home .fef-home-block-header{ display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 0 16px; } body.home .fef-home-block-header .section-title{ margin: 0; } /* Archive link: match existing uppercase nav rhythm */ body.home a.fef-home-archive-link, body.home a.fef-home-archive-link:link, body.home a.fef-home-archive-link:visited{ text-decoration: none; font-size: 0.75em; letter-spacing: 0.12em; text-transform: uppercase; color: #959595; white-space: nowrap; } body.home a.fef-home-archive-link:hover{ color: #BE3A26; } /* Ensure the reused stacked grid does not inherit old two-column homepage floats */ body.home .home-reviews, body.home .home-trailers, body.home .home-news, body.home .home-features-1{ float: none !important; width: 100% !important; margin-right: 0 !important; padding-right: 0 !important; border-right: 0 !important; } /* Grid list hygiene */ body.home .fef-home-block ul{ margin-left: 0; padding-left: 0; } body.home .fef-home-block ul li{ list-style: none; } /* Consistent thumbnail behaviour in the grid */ body.home .fef-home-block .article-thumbnail a{ display: block; width: 100%; overflow: hidden; margin-bottom: 0.5rem; } body.home .fef-home-block .article-thumbnail img{ display: block; width: 100%; height: auto; } /* Reviews: keep stars tight under title */ body.home .fef-home-reviews .home-rating{ margin: 6px 0 0; line-height: 1; } /* Mobile: reduce bottom spacing slightly */ @media (max-width: 600px){ body.home .fef-home-block{ margin-bottom: 34px; } } /* ============================================================ HOME: section separators + card hover + full-tile click Scope: body.home only (safe, non-invasive) ============================================================ */ /* Uniform separation between homepage blocks (not above the first one) */ body.home .fef-home-block + .fef-home-block{ margin-top: 34px; padding-top: 26px; border-top: 1px solid rgba(0,0,0,0.08); } /* Footer "View all" anchored bottom-right */ body.home .fef-home-block-footer{ margin-top: 12px; display: flex; justify-content: flex-end; clear: both; /* in case lists use floats */ } body.home .fef-home-block-footer .fef-home-archive-link{ font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; } /* Full-tile link wrapper */ body.home a.fef-home-cardlink{ display: block; color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; } /* Remove any inherited link styling inside the tile */ body.home a.fef-home-cardlink *{ color: inherit; text-decoration: none; } /* Thumbnail hover effect + title underline (hover + keyboard focus parity) */ body.home a.fef-home-cardlink .article-thumbnail img{ display: block; width: 100%; height: auto; transition: filter 160ms ease; } @media (hover:hover) and (pointer:fine){ body.home li:hover > a.fef-home-cardlink .article-thumbnail img{ filter: brightness(0.92); } body.home li:hover > a.fef-home-cardlink h2{ text-decoration: underline; text-underline-offset: 3px; } } /* Keyboard focus parity */ body.home li:focus-within > a.fef-home-cardlink .article-thumbnail img{ filter: brightness(0.92); } body.home li:focus-within > a.fef-home-cardlink h2{ text-decoration: underline; text-underline-offset: 3px; } /* Mobile containment (prevents thumbnail bleed) */ @media (max-width: 720px){ body.home .fef-home-block ul{ padding-left: 14px; padding-right: 14px; box-sizing: border-box; } body.home .fef-home-block .article-thumbnail img{ max-width: 100%; } } /* ================= HOME: thumbnail rollover effect (explicit) ================= */ /* Ensure tile acts as hover trigger */ body.home a.fef-home-cardlink{ display: block; } /* Smooth image transition */ body.home a.fef-home-cardlink .article-thumbnail img{ transition: transform 180ms ease, filter 180ms ease; } /* Hover (desktop) */ @media (hover:hover) and (pointer:fine){ body.home a.fef-home-cardlink:hover .article-thumbnail img{ transform: scale(1.03); filter: brightness(0.9); } body.home a.fef-home-cardlink:hover h2{ text-decoration: underline; text-underline-offset: 3px; } } /* Keyboard focus parity */ body.home a.fef-home-cardlink:focus-visible .article-thumbnail img{ transform: scale(1.03); filter: brightness(0.9); } body.home a.fef-home-cardlink:focus-visible h2{ text-decoration: underline; text-underline-offset: 3px; } /* ================= HOME: FIXED ROLLOVER (uses existing markup) ================= */ /* Contain zoom */ body.home .fef-home-block .article-thumbnail{ overflow: hidden; } /* Image transition */ body.home .fef-home-block .article-thumbnail img{ transition: transform 180ms ease, filter 180ms ease; } /* Hover trigger on the whole tile */ @media (hover:hover) and (pointer:fine){ body.home .fef-home-block li:hover .article-thumbnail img{ transform: scale(1.04); filter: brightness(0.9); } body.home .fef-home-block li:hover h2 a{ text-decoration: underline; text-underline-offset: 3px; } } /* Keyboard accessibility */ body.home .fef-home-block li:focus-within .article-thumbnail img{ transform: scale(1.04); filter: brightness(0.9); } body.home .fef-home-block li:focus-within h2 a{ text-decoration: underline; text-underline-offset: 3px; } /* ================= HOME: rollover (hardened) ================= */ /* Use high specificity + !important to beat any legacy img rules */ body.home .fef-home-block a.fef-home-cardlink{ cursor: pointer; } body.home .fef-home-block a.fef-home-cardlink .article-thumbnail{ overflow: hidden; /* makes zoom readable without bleeding layout */ } body.home .fef-home-block a.fef-home-cardlink .article-thumbnail img{ transition: transform 180ms ease, filter 180ms ease !important; transform: translateZ(0); } @media (hover:hover) and (pointer:fine){ body.home .fef-home-block a.fef-home-cardlink:hover .article-thumbnail img{ transform: scale(1.04) !important; filter: brightness(0.88) !important; } body.home .fef-home-block a.fef-home-cardlink:hover h2{ text-decoration: underline !important; text-underline-offset: 3px; } } body.home .fef-home-block a.fef-home-cardlink:focus-visible .article-thumbnail img{ transform: scale(1.04) !important; filter: brightness(0.88) !important; } body.home .fef-home-block a.fef-home-cardlink:focus-visible h2{ text-decoration: underline !important; text-underline-offset: 3px; } /* ================= HOME: mobile padding for headers + footer links ================= */ @media (max-width: 720px){ body.home .fef-home-block-header, body.home .fef-home-block-footer{ padding-left: 14px; padding-right: 14px; box-sizing: border-box; } /* Ensure header/CTA text doesn't visually touch viewport edge */ body.home .fef-home-block-header .section-title, body.home .fef-home-block-footer .fef-home-archive-link{ display: inline-block; } } /* ================= MOBILE: section header edge spacing ================= */ @media (max-width: 720px){ body.home .fef-home-block-header{ padding-left: 14px; padding-right: 14px; box-sizing: border-box; } body.home .fef-home-block-header .section-title{ margin-left: 0; } body.home .fef-home-block-footer{ padding-left: 14px; padding-right: 14px; box-sizing: border-box; } } /* ================= MOBILE: section header edge spacing ================= */ @media (max-width: 720px){ body.home .fef-home-block-header{ padding-left: 14px; padding-right: 14px; box-sizing: border-box; } body.home .fef-home-block-footer{ padding-left: 14px; padding-right: 14px; box-sizing: border-box; } } /* ================= HOME: refined vertical rhythm ================= */ /* Pull footer CTA closer to grid */ body.home .fef-home-block-footer{ margin-top: 6px; } /* Add more breathing room before each new section header */ body.home .fef-home-block + .fef-home-block .fef-home-block-header{ margin-top: 18px; } /* Slightly tighten bottom of grids */ body.home .fef-home-block ul{ margin-bottom: 4px; } /* ================= HOME: section header scale adjustment ================= */ body.home .fef-home-block-header .section-title{ font-size: 18px; line-height: 1.2; } /* ================= HOME: extra bottom breathing room after final section ================= */ body.home .fef-home-block:last-of-type{ margin-bottom: 32px; } /* ================= HOME: strengthen section footer CTA ("More ...") ================= */ body.home .fef-home-block-footer .fef-home-archive-link{ font-size: 13px; font-weight: 800; letter-spacing: 0.06em; opacity: 0.9; } /* ================= HOME: mobile spacing between hero and first section ================= */ /* Use padding on the first block to avoid margin-collapsing quirks */ @media (max-width: 720px){ body.home .fef-home-block:first-of-type{ padding-top: 16px !important; } } /* ================= HOME MICRO-POLISH ================= */ /* 1. Soften hover zoom slightly */ body.home a.fef-home-cardlink:hover .article-thumbnail img, body.home a.fef-home-cardlink:focus-visible .article-thumbnail img{ transform: scale(1.025) !important; } /* 2. Clamp card titles to 2 lines for consistent grid rhythm */ body.home .fef-home-block h2{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* 3. Tighten title rhythm */ body.home .fef-home-block h2{ line-height: 1.25; margin-bottom: 6px; } /* 4. Normalize meta/date spacing and tone */ body.home .fef-home-block .home-date, body.home .fef-home-block .entry-date{ opacity: 0.75; margin-top: 2px; display: block; } /* 5. Add subtle arrow to section footer CTAs */ body.home .fef-home-archive-link::after{ content: " →"; } /* ================= HOME: title clamping (2 lines) ================= */ /* Keeps grids tidy by preventing overly tall titles. Falls back gracefully where unsupported. */ body.home .fef-home-block h2, body.home .fef-home-block h2 a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* Fallback-ish cap for non-webkit implementations */ body.home .fef-home-block h2{ max-height: calc(2 * 1.25em); } /* ================= HOME: footer arrow spacing (prevent clipping) ================= */ body.home .fef-home-block-footer .fef-home-archive-link{ padding-right: 6px; line-height: 1.4; } /* ================= HOME: fix CTA arrow clipping ================= */ body.home .fef-home-block-footer .fef-home-archive-link{ display: inline-flex; align-items: center; gap: 6px; overflow: visible; } body.home .fef-home-block-footer .fef-home-archive-link::after{ content: "→"; font-size: 14px; line-height: 1; position: relative; top: 1px; } /* ================= HOME: micro polish — card title line-height ================= */ body.home .fef-home-block h2{ line-height: 1.22; } /* ================= HOME: micro polish — meta contrast normalization ================= */ /* Slightly soften meta so it sits behind titles consistently */ body.home .fef-home-block .meta, body.home .fef-home-block .date, body.home .fef-home-block time{ opacity: 0.72; letter-spacing: 0.04em; } /* ============================================================ TRAILERS PAGE: make featured row match Interviews "highlights" Constraint: add-only (no edits elsewhere) ============================================================ */ /* Page template body class (WP adds both of these depending on setup) */ body.page-template-page-trailers-php .featured-items .excerpt p, body.page-template-page-trailers .featured-items .excerpt p{ font-size: 0.9em; margin-top: 0px; } body.page-template-page-trailers-php .featured-items h2, body.page-template-page-trailers .featured-items h2{ font-size: 1.4em; margin-bottom: 0.5rem; line-height: 1.4em; margin-top: 1rem; font-weight: 400; } body.page-template-page-trailers-php .featured-items h2 .date, body.page-template-page-trailers .featured-items h2 .date{ text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.35em; color: #C5AD45; } body.page-template-page-trailers-php .featured-items h2 a, body.page-template-page-trailers .featured-items h2 a{ text-decoration: none; color: #000; } /* ===== Trailers page: match archive top spacing (desktop) ===== Note: #masthead uses a shorthand margin in style.css; we override with the same shorthand + !important to ensure it wins regardless of load order. */ body.page-template-page-trailers-php #masthead, body.page-template-page-trailers #masthead { margin: 0 auto 12px auto !important; } body.page-template-page-trailers-php .page-title, body.page-template-page-trailers .page-title { margin-top: 0.75rem !important; margin-bottom: 1.25rem !important; } /* Prevent occasional margin-collapse at the very top (mirror archive rule) */ body.page-template-page-trailers-php #content, body.page-template-page-trailers #content { padding-top: 1px !important; } /* If the template outputs a page-header wrapper, keep it neutral */ body.page-template-page-trailers-php .page-header, body.page-template-page-trailers .page-header { margin-top: 0 !important; margin-bottom: 0 !important; } /* ============================================================ Trailers Archive (template) — desktop top gap alignment Scoped to the Trailers template markup only (.trailers-archive) ============================================================ */ @media (min-width: 721px){ /* Pull the trailers content up to match archive rhythm without touching global header spacing */ #primary.trailers-archive{ margin-top: -18px !important; } } /* ============================================================ NEWS (single): match Reviews divider + tighten hero->title gap ============================================================ */ /* Tighten the title drop from the hero image */ .single-news_post_type .entry-header h1.entry-title{ margin-top: 6px !important; /* was 15px via global .entry-header h1 */ } /* Force the divider to match the site’s standard divider weight/color */ .single-news_post_type .entry-header hr{ opacity: 1 !important; /* overrides style.css opacity:0.15 */ border: 0 !important; height: 0 !important; background: none !important; border-top: 1px solid rgb(189, 189, 189) !important; /* matches theme divider language */ margin: 10px 0 14px !important; /* keeps your current spacing rhythm */ } /* ============================================================ GLOBAL Back To Top — match Reviews A–Z rectangular button Element: #fef-back-to-top (injected by JS) ============================================================ */ #fef-back-to-top{ position: fixed; right: 18px; bottom: 18px; z-index: 9999; display: inline-flex; align-items: center; justify-content: center; /* No fixed height: makes it less tall like the A–Z link */ padding: 10px 17px; border: 0; border-radius: 4px; background: #BE3A26; color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1; /* Slightly smaller/sharper to match A–Z */ font-size: 11px; letter-spacing: 0.18em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: 0 4px 10px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease, background-color .2s ease, box-shadow .2s ease; } #fef-back-to-top.is-visible{ opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } @media (hover: hover) and (pointer: fine){ #fef-back-to-top:hover{ background: #9f2f20; color: #fff; text-decoration: underline; /* matches A–Z rollover underline */ } } #fef-back-to-top:focus{ outline: none; text-decoration: underline; } #fef-back-to-top:focus-visible{ box-shadow: 0 0 0 3px rgba(0,0,0,0.25), 0 4px 10px rgba(0,0,0,0.15); } #fef-back-to-top:active{ transform: translateY(1px); box-shadow: 0 2px 6px rgba(0,0,0,0.2); } /* ============================ Privacy Policy page tuning Scope: .fef-privacy-wrap only ============================ */ .fef-privacy-wrap{ max-width: 760px; margin-left: auto; margin-right: auto; } /* Bring the header block up slightly */ .fef-privacy-wrap .page-title{ margin-bottom: 12px; } /* Improve readability for long-form policy copy */ .fef-privacy-wrap .fef-privacy-content{ line-height: 1.75; } /* Make the divider match your site’s standard rule weight */ .fef-privacy-wrap .fef-privacy-content hr{ opacity: 1; border: 0; height: 0; border-top: 1px solid rgb(189, 189, 189); margin: 18px 0 22px; } /* Reduce “accordion-like” spacing between numbered sections */ .fef-privacy-wrap .fef-privacy-content h2{ margin-top: 26px; } .fef-privacy-wrap .fef-privacy-content h3{ margin-top: 18px; margin-bottom: 8px; } /* ============================================================ Privacy Policy page: typography + rhythm (Gutenberg blocks) Scope: .fef-privacy-wrap only ============================================================ */ /* Keep policy text comfortably readable */ .fef-privacy-wrap .fef-privacy-content{ max-width: 760px; margin-left: auto; margin-right: auto; line-height: 1.75; } /* Tighten the intro paragraph slightly */ .fef-privacy-wrap .fef-privacy-content > p:first-of-type{ margin-bottom: 18px; } /* Make Gutenberg separators match your site divider language */ .fef-privacy-wrap .fef-privacy-content .wp-block-separator{ opacity: 1; border: 0; height: 0; border-top: 1px solid rgb(189, 189, 189); margin: 22px 0; } /* Headings: clearer hierarchy + better spacing */ .fef-privacy-wrap .fef-privacy-content h2.wp-block-heading{ margin: 28px 0 10px; } .fef-privacy-wrap .fef-privacy-content h3.wp-block-heading{ margin: 18px 0 6px; font-weight: 700; /* makes numbered items read like subheads */ } /* Paragraph/list spacing tuned for policy docs */ .fef-privacy-wrap .fef-privacy-content p{ margin: 0 0 14px; } .fef-privacy-wrap .fef-privacy-content ul.wp-block-list{ margin: 0 0 16px 1.1em; } .fef-privacy-wrap .fef-privacy-content ul.wp-block-list li{ margin: 0 0 8px; } /* The “Last updated” line should read like a footer note */ .fef-privacy-wrap .fef-privacy-content p:last-of-type{ margin-top: 18px; font-size: 0.95em; opacity: 0.85; } /* Hide Google reCAPTCHA badge */ body .grecaptcha-badge{ visibility: hidden !important; } .recaptcha-disclosure{ font-size: 12px; opacity: 0.4; text-align: center; padding: 10px 15px 18px; } .recaptcha-disclosure a{ text-decoration: underline; } /* ============================================================ AUTHOR BIO: nicer link treatment (author archive only) Scope: .author + .fef-author-bio__text ============================================================ */ .author .fef-author-bio__text a{ color: inherit; /* keeps it consistent with your typography */ font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(190, 58, 38, 0.45); /* subtle accent underline */ -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } .author .fef-author-bio__text a:hover, .author .fef-author-bio__text a:focus{ text-decoration-color: rgba(190, 58, 38, 0.95); } .author .fef-author-bio__text a:focus{ outline: none; } .author .fef-author-bio__text a:focus-visible{ outline: 2px solid rgba(190, 58, 38, 0.35); outline-offset: 2px; border-radius: 2px; }