/* Site-wide fixes on top of the Salient theme CSS. Loaded last in <head> (src/layouts/Base.astro).
   Page-specific fixes live in a <style> block at the top of that page's content.html. */

/* Image-only columns (background image, no text) collapse to ~60px once Salient stacks the
   columns below 1000px — the photo ends up as a thin strip (it did on the WordPress site too:
   Business Advancement and the 7 service pages). Give them a real height. */
@media only screen and (max-width: 999px) {
  .wpb_column:has(> .vc_column-inner > .column-image-bg-wrap):not(:has(p, li, img, iframe)) {
    min-height: 60vw;
  }
  .wpb_column:has(> .vc_column-inner > .column-image-bg-wrap):not(:has(p, li, img, iframe)) > .vc_column-inner {
    min-height: 60vw;
  }
}