/* ============================================================
   OATMEAL FESTIVAL — Blog Page CSS (clean version)
   Paste into: Appearance → Customize → Additional CSS
   REPLACES all previous blog CSS
   ============================================================ */

/* ── Fix post thumbnail zoom/scaling bug ─────────────────── */
.blog .post-thumbnail,
.blog .wp-block-post-featured-image,
.blog article .entry-image-link img,
.blog article .post-thumbnail img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

.blog article .entry-image,
.blog article .post-thumbnail,
.blog .kadence-post-grid .entry-image {
  overflow: hidden !important;
  max-width: 100% !important;
}

.blog article.type-post {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* ── Category label — festival red ───────────────────────── */
.blog .entry-taxonomies .category-style-normal a,
.blog .entry-taxonomies a,
.blog .posted-in a {
  color: #8B1A1A !important;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  font-weight: 600;
}

/* ── Read More link — festival red ───────────────────────── */
.blog .more-link,
.blog a.more-link {
  color: #8B1A1A !important;
  font-weight: 600;
}

.blog .more-link:hover,
.blog a.more-link:hover {
  color: #5a1010 !important;
  text-decoration: underline;
}
/* ── Consistent featured image height on blog cards ─────── */
.blog article .entry-image-link,
.blog article .post-thumbnail {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.blog article .entry-image-link img,
.blog article .post-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.blog .kadence-page-hero,
.blog .entry-hero-section {
  background-image: url('https://oatmealfestival.org/wp-content/uploads/2026/05/Oatmeal-fest-Contributed.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}
.widget-area .wp-block-heading {
  color: #ffffff !important;
}
/* ── Footer widget heading color fix ─────────────────────── */
#footer-widget-area .wp-block-heading,
.footer-widget-area .wp-block-heading,
.widget-area h1, .widget-area h2, 
.widget-area h3, .widget-area h4 {
  color: #ffffff !important;
}

/* ── Footer logo/title text white ────────────────────────── */
.footer-widget-1 h1,
.footer-widget-1 h2,
.footer-widget-1 h3,
.footer-widget-1 .wp-block-heading,
#footer-sidebar-1 .wp-block-heading,
#footer-sidebar-1 h1,
#footer-sidebar-1 h2,
.wp-block-kadence-column .wp-block-heading,
.footer-widgets .wp-block-heading {
  color: #ffffff !important;
}
/* ── Footer Oatmeal Festival heading white ───────────────── */
[data-section="sidebar-widgets-footer1"] .wp-block-kadence-advancedheading,
[data-section="sidebar-widgets-footer1"] strong {
  color: #ffffff !important;
}
.mailpoet_form {
  scroll-margin-top: 20px;
}
.widget_mailpoet_form:first-of-type {
  scroll-margin-top: 20px;
}
#newsletter-footer {
  scroll-margin-top: 20px;
}
.newsletter-footer { scroll-margin-top: 20px; }
.gm-svpc { display: none !important; }
a[href*="maps.google.com/maps"] img { display: none !important; }
.entry-title a,
.entry-title {
  color: #1a1a1a !important;
}
.entry-title a,
.entry-title {
  color: #1a1a1a !important;
}

.entry-title a:hover {
  color: #b45309 !important;
}
.site-footer .footer-navigation ul,
.site-footer nav ul {
  font-size: 13px;
  letter-spacing: 1px;
  gap: 1.25rem;
}
@media (min-width: 782px) {
  .site-footer .footer-navigation ul,
  .site-footer nav ul {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}
.site-footer .footer-navigation a,
.site-footer nav a {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
}

#colophon .footer-navigation .footer-menu-container > ul li a {
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 2px;
}
#colophon .footer-navigation .footer-menu-container > ul li a {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 1px;
}