/* 4. Make content blocks full width */
body.page-id-17 .wp-block-group,
body.page.bwmc .wp-block-group {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 5. Fix image sizes - constrain to reasonable width */
body.page-id-17 .entry-content img,
body.page.bwmc .entry-content img {
  max-width: 1400px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
}

/* 6. Add proper spacing to content sections */
body.page-id-17 .entry-content > *,
body.page.bwmc .entry-content > * {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* 7. Let full-width images break out */
body.page-id-17 .entry-content img,
body.page.bwmc .entry-content img {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 8. Fix BWMC logo image specifically (the circular one on page) */
img[src*="bwmc"] {
  background: transparent !important;
}

/* 9. Clean up spacing */
body.page-id-17,
body.page.bwmc {
  background: #FAF7F2 !important;
}

/* 10. Fix header/navigation spacing */
body.page-id-17 .site-header,
body.page.bwmc .site-header {
  background: rgba(250,247,242,0.95) !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  body.page-id-17 .entry-content > *,
  body.page.bwmc .entry-content > * {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.about-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 48px !important;
}

.about-img-frame {
  width: 280px !important;
  height: 280px !important;
  border-radius: 50% !important;
}

.about-img-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.about-bio, .about-quote {
  text-align: center !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* === TCOB: Consistent images across posts/pages (Nook-safe) === */

/* 1) Featured image (try multiple selectors so it works even if theme changes) */
.single-post .post-thumbnail img,
.single-post .wp-block-post-featured-image img,
.single-post .entry-content > figure.wp-block-image:first-of-type img {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 28px auto;
  display: block;

  /* consistent shape */
  aspect-ratio: 16 / 9;
  object-fit: cover;

  border-radius: 10px;
}

/* 2) All other images inside post body = same size + same shape */
.single-post .entry-content figure.wp-block-image img,
.single-post .entry-content img {
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
  display: block;

  aspect-ratio: 16 / 9;
  object-fit: cover;

  border-radius: 10px;
}

/* 3) If you want featured image slightly larger than the rest */
.single-post .post-thumbnail img,
.single-post .wp-block-post-featured-image img {
  max-width: 1040px;
}

/* 4) Make sure images never “overflow” weirdly on desktop */
.single-post .entry-content figure.wp-block-image,
.single-post .entry-content .wp-block-image {
  margin-left: auto;
  margin-right: auto;
}
/* Full-bleed section for BWMC page */
.bwmc-fullbleed{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Optional: keep content nicely padded */
.bwmc-inner{
  max-width: 1200px;  /* adjust if you want wider */
  margin: 0 auto;
  padding: 0 20px;
}