/* Force Cover block with class .thin-banner to be shorter and full width */
.thin-banner.wp-block-cover {
  min-height: 180px !important;
  height: 180px !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Make the background image fit the new size properly */
.thin-banner .wp-block-cover__image-background {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Remove any dark overlay on the banner */
.thin-banner .wp-block-cover__background,
.thin-banner .wp-block-cover__gradient-background {
  opacity: 0 !important;
}

/* Exact banner by anchor */
#tools-banner.wp-block-cover {
  min-height: 160px !important;   /* change to 180/200 if you want */
  height: 160px !important;
  overflow: hidden;
}

/* Make the media fill that height neatly */
#tools-banner .wp-block-cover__image-background,
#tools-banner video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Kill any dim/gradient overlays */
#tools-banner .wp-block-cover__background,
#tools-banner .wp-block-cover__gradient-background {
  opacity: 0 !important;
}

/* Remove extra spacing Astra can add around full-width blocks */
#tools-banner.alignfull {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Tidy up featured image size just for the Tools page */
.page-id-70 .wp-post-image,
.page-id-70 .post-thumbnail img {
  display: block;
  margin: 0 auto;
  max-height: 220px; /* Adjust: smaller number = shorter image */
  width: auto;
  object-fit: cover;
  border-radius: 12px; /* optional: soft rounded corners */
}
.page-id-41 .ast-single-post-featured-section .wp-post-image {
  width: 100% !important;
  max-height: 200px !important;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.page-id-41 .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Remove white space and make banner flush */
.page-id-41 .ast-single-post-featured-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.page-id-41 .ast-single-post-featured-section img {
  display: block;
  width: 100% !important;
  max-height: 220px !important; /* tweak 200–250px for your liking */
  object-fit: cover;
  margin-bottom: -5px; /* pulls the image down to meet the banner */
  border-radius: 0;
}

/* Remove any top padding from main content so it sits right under the banner */
.page-id-41 .site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

