.soft-border:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  transform: scale(1.01);
  transition: all 0.3s ease;
}

/* Reserve desktop space for the top WordAds banner to reduce CLS. */
@media (min-width: 769px) {
  .wordads-ad-wrapper--top {
    min-height: 280px;
  }
}

/* Preserve the current H1 appearance without the duplicate font loader. */h1 {  color: #1A202C;  font-family: 'Baloo 2', sans-serif;  font-size: 30px;  font-style: normal;  font-weight: 400;  text-decoration: none;  text-transform: uppercase;}/* Reserve desktop space for the below-post WordAds banner. */@media (min-width: 769px) {  .wordads-ad-wrapper--belowpost {    min-height: 116px;  }}


/* Keep the active top navigation link consistent with the other menu items. */
#site-navigation .current-menu-item > a,
#site-navigation .current_page_item > a {
  color: #4a5568 !important;
}

/* Keep the coloring-books link in the footer without adding it to the header navigation. */
.site-header .menu-item-20702 {
  display: none !important;
}

#masthead .menu-item-20702 {
  display: none !important;
}


/* MC CWV 2026-10-14: reserve the existing top banner before WordAds initializes.
   Keep the reservation after an unfilled ad is hidden. No ad format is disabled.
   280px slot + its existing 25px top and bottom margins = 330px. */
@media (min-width: 769px) {
  body:has(.wordads-tag[data-slot-type="top"]),
  body:has(.wordads-ad-wrapper--top) {
    padding-top: 330px;
  }
  body > .wordads-ad-wrapper--top {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  body.admin-bar > .wordads-ad-wrapper--top {
    top: 32px;
  }
}

/* Reserve the square artwork ratio without changing image files or display width. */
.single-content .wp-block-image img[width="1200"][height="1200"] {
  aspect-ratio: 1 / 1;
}
.soft-border:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  transform: scale(1.01);
  transition: all 0.3s ease;
}

/* Reserve desktop space for the top WordAds banner to reduce CLS. */
@media (min-width: 769px) {
  .wordads-ad-wrapper--top {
    min-height: 280px;
  }
}

/* Preserve the current H1 appearance without the duplicate font loader. */h1 {  color: #1A202C;  font-family: 'Baloo 2', sans-serif;  font-size: 30px;  font-style: normal;  font-weight: 400;  text-decoration: none;  text-transform: uppercase;}/* Reserve desktop space for the below-post WordAds banner. */@media (min-width: 769px) {  .wordads-ad-wrapper--belowpost {    min-height: 116px;  }}


/* Keep the active top navigation link consistent with the other menu items. */
#site-navigation .current-menu-item > a,
#site-navigation .current_page_item > a {
  color: #4a5568 !important;
}

/* Keep the coloring-books link in the footer without adding it to the header navigation. */
.site-header .menu-item-20702 {
  display: none !important;
}

#masthead .menu-item-20702 {
  display: none !important;
}


/* MC CWV 2026-10-14: reserve the existing top banner before WordAds initializes.
   Keep the reservation after an unfilled ad is hidden. No ad format is disabled.
   280px slot + its existing 25px top and bottom margins = 330px. */
@media (min-width: 769px) {
  html:has(head #adflow_config-js) body {
    padding-top: 330px;
  }
  body > .wordads-ad-wrapper--top {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  body.admin-bar > .wordads-ad-wrapper--top {
    top: 32px;
  }
}

/* Reserve the square artwork ratio without changing image files or display width. */
.single-content .wp-block-image img[width="1200"][height="1200"] {
  aspect-ratio: 1 / 1;
}
.soft-border:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  transform: scale(1.01);
  transition: all 0.3s ease;
}

/* Reserve desktop space for the top WordAds banner to reduce CLS. */
@media (min-width: 769px) {
  .wordads-ad-wrapper--top {
    min-height: 280px;
  }
}

/* Preserve the current H1 appearance without the duplicate font loader. */h1 {  color: #1A202C;  font-family: 'Baloo 2', sans-serif;  font-size: 30px;  font-style: normal;  font-weight: 400;  text-decoration: none;  text-transform: uppercase;}/* Reserve desktop space for the below-post WordAds banner. */@media (min-width: 769px) {  .wordads-ad-wrapper--belowpost {    min-height: 116px;  }}


/* Keep the active top navigation link consistent with the other menu items. */
#site-navigation .current-menu-item > a,
#site-navigation .current_page_item > a {
  color: #4a5568 !important;
}

/* Keep the coloring-books link in the footer without adding it to the header navigation. */
.site-header .menu-item-20702 {
  display: none !important;
}

#masthead .menu-item-20702 {
  display: none !important;
}


/* MC CWV 2026-10-16: keep the existing design and ads, stabilize their loading. */

/* Font-display is controlled at the original Kadence loader, not duplicated here. */

/* This slot serves a 250px-high ad plus its existing label/controls.
   Reserve the same space before and after initialization, at every breakpoint. */
.wordads-tag[data-slot-type="belowpost"],
.wordads-ad-wrapper--belowpost {
  box-sizing: border-box;
  min-height: 280px;
  padding: 0 !important;
  margin: 25px auto;
}
.wordads-tag[data-slot-type="belowpost"] {
  display: block;
}
/* Keep an unfilled slot's reservation; do not reveal the hidden ad. */
.wordads-ad-wrapper--belowpost.wordads-ad-hidden {
  position: relative !important;
  width: 100% !important;
  height: 280px !important;
}

/* Fixed sidebar unit: reserve its own dimensions without changing page flow. */
@media (min-width: 769px) {
  .wordads-ad-wrapper--sidebar_sticky_right {
    min-width: 300px;
    min-height: 288px;
  }
}

/* The existing footer photo is square. Reserve its shape even while lazy loading;
   leave its responsive width and source artwork unchanged. */
.footer-widget-area figure:has(> img.wp-image-8223) {
  aspect-ratio: 1 / 1;
}
.footer-widget-area img.wp-image-8223 {
  aspect-ratio: 1 / 1;
  height: auto;
}