/* =====================================
   FEATURED IMAGE FIXED CAPTION (BELOW)
   SINGLE POSTS ONLY
   ===================================== */

.single-post .featured-image-with-caption {
  display: block;
}

/* Image stays normal */
.single-post .featured-image-with-caption img {
  display: block;
  width: 100%;
  height: auto;
}

/* Caption bar below image */
.single-post .featured-image-caption {
  position: static;              /* key change */
  display: block;

  margin: 0;
  padding: 12px 16px;

  background: var(--primary-color); /* BlockWP gold */
  color: #111;                      /* readable on gold */

  font-size: 0.85rem;
  line-height: 1.35;

  border-radius: 0 0 2px 2px;       /* subtle finish */
}
/* =====================================
   RELATED POSTS — FORCE 16:9 UNIFORM IMAGES
   ===================================== */

/* Target related post thumbnails only */
.related-posts .card-media img {
  transform: scale(1.02);
}
.related-posts .img-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
}

/* Ensure images fill the 16:9 box cleanly */
.related-posts .card-media img,
.related-posts .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* key line */
  object-position: center;
  display: block;
}
=====================================
   HIDE POST TAGS (BlockWP)
   ===================================== */

.entry-footer .tags-links,
.entry-footer .post-tags,
.entry-footer .tagcloud {
  display: none !important;
}
/* =====================================
   FEATURED IMAGE GRADIENT — FORCE TALLER
   (BlockWP uses .img-wrapper:before)
   ===================================== */

.featured-wrap .img-wrapper:before,
.featured-wrap .img-wrapper::before,
.featured-slider .img-wrapper:before,
.featured-slider .img-wrapper::before,
.featured-carousel .img-wrapper:before,
.featured-carousel .img-wrapper::before {
  height: 70% !important;  /* raise the gradient */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.55) 35%,
    rgba(0, 0, 0, 0.25) 60%,
    rgba(0, 0, 0, 0.05) 80%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}
/* =====================================
   FEATURED IMAGE GRADIENT — FINAL VERSION
   (Homepage + Featured blocks)
   ===================================== */

.featured-wrap .img-wrapper:before,
.featured-wrap .img-wrapper::before,
.featured-wrap .img-wrapper:after,
.featured-wrap .img-wrapper::after {
  height: 72% !important;   /* raises gradient higher */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.6) 30%,
    rgba(0, 0, 0, 0.35) 55%,
    rgba(0, 0, 0, 0.15) 70%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}
/* =====================================
   FEATURED / HOMEPAGE IMAGE HEADLINES
   — REDUCE SIZE & TIGHTEN HIERARCHY
   ===================================== */

/* Main featured (large left card) */
.featured-wrap .entry-title {
  font-size: clamp(1.9rem, 2.6vw, 2.4rem) !important;
  line-height: 1.15;
  max-width: 92%;
}

/* Secondary featured cards (right column / slider) */
.featured-slider .entry-title,
.featured-carousel .entry-title {
  font-size: clamp(1.4rem, 2vw, 1.8rem) !important;
  line-height: 1.2;
}

/* Prevent runaway multi-line headlines */
.featured-wrap .entry-title,
.featured-slider .entry-title,
.featured-carousel .entry-title {
  letter-spacing: -0.015em;
}
/* =====================================
   FEATURED / HOMEPAGE HEADLINES — FIXED SCALE
   (No viewport runaway)
   ===================================== */

/* Large main feature (left) */
.featured-wrap .entry-title {
  font-size: 2.2rem !important;   /* calm, authoritative */
  line-height: 1.15;
  max-width: 92%;
}

/* Secondary featured cards (right column) */
.featured-slider .entry-title,
.featured-carousel .entry-title {
  font-size: 1.5rem !important;
  line-height: 1.2;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .featured-wrap .entry-title {
    font-size: 1.6rem !important;
  }

  .featured-slider .entry-title,
  .featured-carousel .entry-title {
    font-size: 1.3rem !important;
  }
}
/* =====================================
   FORCE FEATURED CARD HEADLINE SIZES
   (Targets overlay titles, not just .entry-title)
   ===================================== */

/* Main featured modules */
.featured-wrap h1,
.featured-wrap h2,
.featured-wrap h3,
.featured-wrap .entry-title,
.featured-wrap .entry-title a {
  font-size: 2.0rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

/* Right column / smaller featured modules */
.featured-slider h1,
.featured-slider h2,
.featured-slider h3,
.featured-slider .entry-title,
.featured-slider .entry-title a,
.featured-carousel h1,
.featured-carousel h2,
.featured-carousel h3,
.featured-carousel .entry-title,
.featured-carousel .entry-title a {
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

/* Mobile */
@media (max-width: 768px) {
  .featured-wrap h1,
  .featured-wrap h2,
  .featured-wrap h3,
  .featured-wrap .entry-title,
  .featured-wrap .entry-title a {
    font-size: 1.5rem !important;
  }

  .featured-slider h1,
  .featured-slider h2,
  .featured-slider h3,
  .featured-slider .entry-title,
  .featured-slider .entry-title a,
  .featured-carousel h1,
  .featured-carousel h2,
  .featured-carousel h3,
  .featured-carousel .entry-title,
  .featured-carousel .entry-title a {
    font-size: 1.2rem !important;
  }
}
/* =========================================================
   BLOCKWP FEATURED OVERLAY — HARD RESET HEADLINE SCALE
   (Use when theme is overriding everything)
   ========================================================= */

/* 1) Reset any inherited huge font sizing inside featured overlays */
.featured-wrap,
.featured-slider,
.featured-carousel {
  font-size: 16px !important; /* reset base so nothing can balloon */
}

/* 2) Force overlay headings + any bold/strong text back into sane range */
.featured-wrap .featured-content *,
.featured-slider .featured-content *,
.featured-carousel .featured-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* 3) Now explicitly size the titles (this is what you care about) */
.featured-wrap .featured-content .entry-title,
.featured-wrap .featured-content .entry-title a,
.featured-wrap .featured-content h1,
.featured-wrap .featured-content h2,
.featured-wrap .featured-content h3 {
  font-size: 2.0rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

/* Right column / smaller cards */
.featured-slider .featured-content .entry-title,
.featured-slider .featured-content .entry-title a,
.featured-slider .featured-content h1,
.featured-slider .featured-content h2,
.featured-slider .featured-content h3,
.featured-carousel .featured-content .entry-title,
.featured-carousel .featured-content .entry-title a,
.featured-carousel .featured-content h1,
.featured-carousel .featured-content h2,
.featured-carousel .featured-content h3 {
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

/* Mobile */
@media (max-width: 768px) {
  .featured-wrap .featured-content .entry-title,
  .featured-wrap .featured-content .entry-title a,
  .featured-wrap .featured-content h1,
  .featured-wrap .featured-content h2,
  .featured-wrap .featured-content h3 {
    font-size: 1.5rem !important;
  }

  .featured-slider .featured-content .entry-title,
  .featured-slider .featured-content .entry-title a,
  .featured-slider .featured-content h1,
  .featured-slider .featured-content h2,
  .featured-slider .featured-content h3,
  .featured-carousel .featured-content .entry-title,
  .featured-carousel .featured-content .entry-title a,
  .featured-carousel .featured-content h1,
  .featured-carousel .featured-content h2,
  .featured-carousel .featured-content h3 {
    font-size: 1.15rem !important;
  }
}
.featured-wrap .featured-content,
.featured-slider .featured-content,
.featured-carousel .featured-content {
  transform: none !important;
}
/* =========================================
   THE STAT MAN (BlockWP): HERO + RELATED + TAGS
   Paste into: Appearance → Customize → Additional CSS
   ========================================= */


/* -----------------------------------------
   1) HOMEPAGE FEATURED (big hero + small tiles)
   Make headlines smaller + readable
   ----------------------------------------- */

/* Big featured hero title */
.featured-wrap .featured-content .entry-title {
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.08 !important;
}

/* Small featured tiles (right column / list) */
.featured-list .featured-content .entry-title,
.featured-list .featured-content .entry-title a {
  font-size: clamp(18px, 1.6vw, 28px) !important;
  line-height: 1.12 !important;
}

/* If your theme outputs h2/h3 inside .entry-title, clamp those too */
.featured-wrap .featured-content .entry-title h2,
.featured-wrap .featured-content .entry-title h3,
.featured-list .featured-content .entry-title h2,
.featured-list .featured-content .entry-title h3 {
  font-size: inherit !important;
  line-height: inherit !important;
}


/* -----------------------------------------
   2) FEATURED IMAGE GRADIENT (make it higher + force dark)
   This targets the theme’s existing :before overlay.
   ----------------------------------------- */

.featured-wrap .img-wrapper:before {
  /* Higher gradient: start the darkness earlier */
  height: 72% !important; /* try 65–80% */
  bottom: 0 !important;

  /* Force “dark”, not red (overrides any accidental color overlay) */
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.88) 0%,
    rgba(0, 0, 0, 0.55) 45%,
    rgba(0, 0, 0, 0.00) 100%
  ) !important;
}

/* If anything else added a tinted overlay, neutralise it */
.featured-wrap .img-wrapper,
.featured-wrap .img-wrapper * {
  filter: none !important;
}


/* -----------------------------------------
   3) RELATED POSTS: wider + consistent 16:9 thumbnails
   (same height for all thumbnails, keeps them tidy)
   ----------------------------------------- */

/* Let related cards use full width of their column */
.related-posts .rel-post-list,
.related-posts .rel-post-content {
  width: 100% !important;
}

/* Make the thumbnail wrapper a fixed 16:9 box */
.related-posts .rel-post-list .img-wrapper {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: hidden !important;
  display: block !important;
}

/* Make the image fill that 16:9 box cleanly */
.related-posts .rel-post-list .img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* If the theme hard-sets 250px height, kill it (your CSS file did this) */
.related-posts .rel-post-list .img-wrapper img {
  max-height: none !important;
}


/* -----------------------------------------
   4) HIDE TAGS (the row of tags on posts)
   ----------------------------------------- */

/* Classic WordPress “tags-links” */
.tags-links,
.entry-footer .tags-links {
  display: none !important;
}

/* If tags are output as a block (common in block themes) */
.wp-block-post-terms,
.wp-block-post-terms.taxonomy-post_tag {
  display: none !important;
}

/* Sometimes themes show tags near the top as “post-tags” */
.post-tags,
.post-tags-wrapper {
  display: none !important;
}
/* =====================================
   HOMEPAGE FEATURED HIERARCHY
   - Left hero: keep large
   - Right cards: ~20% smaller
   ===================================== */

/* LEFT HERO — leave headline as-is (no change) */
.featured-wrap .entry-title,
.featured-wrap .entry-title a {
  font-size: inherit !important;
}

/* RIGHT COLUMN FEATURED CARDS — reduce by ~20% */
.featured-list .entry-title,
.featured-list .entry-title a,
.featured-slider .entry-title,
.featured-slider .entry-title a {
  font-size: 80% !important;   /* ≈ 20% smaller */
  line-height: 1.15 !important;
}

/* Mobile: keep hierarchy but slightly tighter */
@media (max-width: 768px) {
  .featured-list .entry-title,
  .featured-list .entry-title a,
  .featured-slider .entry-title,
  .featured-slider .entry-title a {
    font-size: 85% !important;
  }
}
/* ================================
   HOMEPAGE: HERO BIG, RIGHT SMALLER
   BlockWP Pro
   ================================ */

/* LEFT HERO (keep / enforce bigger) */
body.home .featured-slider .featured-content .entry-title,
body.home .featured-slider .featured-content .entry-title a {
  font-size: 36px !important;   /* adjust if you want bigger/smaller */
  line-height: 1.1 !important;
}

/* RIGHT COLUMN (make ~20% smaller) */
body.home .featured-list .featured-content .entry-title,
body.home .featured-list .featured-content .entry-title a {
  font-size: 18px !important;   /* ~20% smaller than BlockWP's 22px */
  line-height: 1.15 !important;
}

/* Optional: keep right column a touch smaller on wide screens */
@media (min-width: 1200px) {
  body.home .featured-list .featured-content .entry-title,
  body.home .featured-list .featured-content .entry-title a {
    font-size: 17px !important;
  }
}
/* =====================================
   HERO FEATURE: FORCE 2-LINE HEADLINE
   (Left main image only)
   ===================================== */

body.home .featured-slider .featured-content .entry-title,
body.home .featured-slider .featured-content .entry-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
/* =====================================
   HERO FEATURE: ALLOW HEADLINE TO RUN WIDER
   (So tag + first words sit on same line)
   ===================================== */

/* Expand the content container on the LEFT hero */
body.home .featured-slider .featured-content {
  max-width: 85% !important;   /* was tighter before */
}

/* Also make sure the title itself isn’t capped */
body.home .featured-slider .featured-content .entry-title,
body.home .featured-slider .featured-content .entry-title a {
  max-width: 100% !important;
}
/* =====================================
   HERO FEATURE: REMOVE INNER TEXT CONSTRAINT
   Allow headline to run further right
   ===================================== */

/* Reduce side padding on hero text block */
body.home .featured-slider .featured-content {
  padding-right: 2% !important;   /* was too tight */
  padding-left: 2% !important;
  max-width: 90% !important;
}

/* Make sure title itself is not constrained */
body.home .featured-slider .featured-content .entry-title,
body.home .featured-slider .featured-content .entry-title a {
  width: 100% !important;
  max-width: 100% !important;
}
/* Match post-style captions on pages */
.page .wp-caption,
.page figure.wp-block-image {
  max-width: 100%;
}

.page figcaption,
.page .wp-caption-text {
  font-size: 0.85rem;
  color: #666;
  text-align: center;
  margin-top: 0.5rem;
  font-style: italic;
}
/* Make page image captions match post captions */
.page figure.wp-block-image figcaption,
.page .wp-caption-text {
  font-size: 0.85rem;
  font-style: italic;
  text-align: center;
  margin-top: 0.6rem;
  color: inherit;
  opacity: 0.75;
}
/* Force images to fill the content column on PAGES */
.page .wp-block-image img {
  width: 100%;
  height: auto;
}

/* If your image is “wide”/“full” but still capped, remove the cap on pages */
.page .wp-block-image,
.page .wp-block-image.alignwide,
.page .wp-block-image.alignfull,
.page figure.wp-block-image {
  max-width: 100%;
}
/* Caption style: apply the same look on Pages as Posts */
.single-post figcaption,
.page figcaption,
.single-post .wp-caption-text,
.page .wp-caption-text {
  font-size: 0.85rem;
  font-style: italic;
  text-align: center;
  margin-top: 0.6rem;
  opacity: 0.75;
}
.archive .page-title {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
}

.archive .page-title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #d4a63a; /* your gold */
    margin-top: 0.5rem;
}
/* Ensure image + caption wrap tightly */
.wp-block-image {
  display: inline-block;
  text-align: center;
}

/* Caption styling */
.wp-block-image figcaption {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* Body images match text width everywhere */
.entry-content .wp-block-image {
  max-width: var(--wp--style--global--content-size);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.entry-content .wp-block-image img {
  width: 100%;
  height: auto;
  max-width: none;
  display: block;
}

.entry-content .wp-block-image figcaption {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Keep column layouts intact */
.wp-block-columns .wp-block-image {
  max-width: 100%;
}
@media (max-width: 781px) {
  body.single-post .wp-block-post-featured-image {
    display: none;
  }
}
/* Global image caption styling (all devices, AMP + non-AMP) */
.wp-element-caption,
figcaption {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.85rem;
  line-height: 1.4;
  color: #666;
  text-align: center;
}