/* Block: Simple Image Content — block-specific styling
 * Placed in blocks/simple-image-content/style.css so ACF enqueues it with the block.
 * Uses Bootstrap utility classes where possible; these rules cover layout/typography
 * that cannot be achieved via bootstrap alone (positioning, overlays, responsive
 * hero sizing, large decorative header).
 */

.simple-image-content_block {
}
.simple-image-content_block .simple-image-content_image_wrapper {
  // Fix ratio to 16:9 and ensure image covers the area
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  background-size: cover;
  background-position: center center;
  margin-bottom: 1rem;
}
.simple-image-content_block h2.simple-image-content_header {
  font-size: 2rem;
  line-height: 2.4rem;
}
.simple-image-content_block .simple-image-content_lead {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1.5rem;
}
.simple-image-content_block .simple-image-content_content p,
.simple-image-content_block .simple-image-content_content li,
.simple-image-content_block .simple-image-content_content span,
.simple-image-content_block .simple-image-content_content div,
.simple-image-content_block .simple-image-content_content a {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

/* Responsive: stack on small screens */
@media (min-width: 768px) {

}

@media (min-width: 991px) {
  .simple-image-content_block .simple-image-content_image_wrapper {
    margin-bottom: 0;
  }
    .simple-image-content_block h2.simple-image-content_header {
    font-size: 2.75rem;
    line-height: 3rem;
  }
  .simple-image-content_block .simple-image-content_lead {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
  }
  .simple-image-content_block .simple-image-content_content p,
  .simple-image-content_block .simple-image-content_content li,
  .simple-image-content_block .simple-image-content_content span,
  .simple-image-content_block .simple-image-content_content div,
  .simple-image-content_block .simple-image-content_content a {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

@media (max-width: 1200px) {
}