/* ============================================================
   MOSS & FOG — CUSTOM STYLES
   ============================================================ */

/* === 1. TOP POSTS SIDEBAR WIDGET FIXES === */

/* Fix: Remove 50% opacity that washed out text */
.widgets-list-layout span { opacity: 1 !important; }

/* Fix: Flexbox alignment for thumbnail + text */
.widgets-list-layout a.bump-view {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
  position: static !important;
}
.widgets-list-layout .widgets-list-layout-blavatar {
  float: none !important;
  flex-shrink: 0 !important;
  width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 3px;
}
.widgets-list-layout-links {
  float: none !important;
  width: auto !important;
  flex: 1 !important;
  color: #1a1a1a !important;
  font-size: 13px;
  line-height: 1.4;
}
/* Remove the dark gradient title overlay on hover */
.widget_top-posts a.bump-view::after { display: none !important; }
.widgets-list-layout li { margin-bottom: 14px !important; }
.widgets-list-layout a.bump-view:hover .widgets-list-layout-links { color: #555 !important; }


/* === 2. IN MOTION SECTION — HERO TITLES === */
/* Fix: titles over full-bleed images must be white */
.mf-im h2,
.mf-im .heading,
.mf-im a h2,
.mf-im a .heading {
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}


/* === 3. EXCERPT TEXT — READABLE, MEDIUM WEIGHT === */
section.blog .excerpt,
section.blog .post-excerpt,
.news-block .excerpt,
.highlights-block .excerpt,
.posts-large .excerpt {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #2e2e2e !important;
  line-height: 1.6 !important;
  margin-top: 6px !important;
}


/* === 4. POST META (dates, categories) — subtle but legible === */
.post-meta,
article .meta,
.meta-wrap {
  font-size: 11px !important;
  color: #999 !important;
  letter-spacing: 0.04em !important;
}
.post-meta a,
article .meta a {
  color: #888 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.post-meta a:hover,
article .meta a:hover { color: #333 !important; }


/* === 5. SECTION HEADINGS — clean, editorial === */
/* Fix the -40px negative margin that caused section label bleed */
.block-head {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #ebebeb !important;
}
.block-head h4.title,
.block-head h4.title a,
.block-head h2,
.block-head .title {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #111 !important;
  text-decoration: none !important;
}


/* === 6. SECTION BREATHING ROOM === */
section.cf.block.blog,
section.cf.block.news-block,
section.cf.block.highlights-block {
  padding-bottom: 44px !important;
}

/* === 7. WP-BLOCK-GROUP top padding === */
.wp-block-group { padding-top: 4px !important; }

/* === 8. BOLD SLIDER / COMMON SLIDER — hero overlay titles must be white === */
.bold-slider .heading h2,
.bold-slider h2.heading,
.common-slider .heading h2,
.common-slider h2.heading,
.bold-slider .heading,
.bold-slider h2 {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* === 9. HEADER LOGO — constrain to appropriate compact size === */
.main-head .title .logo-image,
.main-head .title a img {
  max-width: 200px !important;
  width: auto !important;
  height: auto !important;
}

/* === 10. ARTICLE PAGE — hero title must be white over full-bleed image === */
h1.is-title,
h1.post-title,
h1.is-title.post-title {
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

/* Ensure .post-meta color rule doesn't bleed into heading children */
.post-meta h1,
.post-meta h2,
.post-meta h3,
.post-meta .is-title,
article .meta h1,
article .meta h2 {
  color: #fff !important;
}