/**
* Custom styles for the theme, not SCSS related
**/

/* Anchor links (#section-id): land below the sticky header instead of underneath it */
section[id]:not([id=""]) {
    scroll-margin-top: 150px;
}
@media (max-width: 991px) {
    section[id]:not([id=""]) {
        scroll-margin-top: 175px;
    }
}

/* Images now carry width/height attributes so the browser reserves space before they
   load (prevents layout shift that threw off anchor jumps). Keep aspect ratio intact. */
.s-image_text .img,
.s-partners_carousel .logo-holder img,
.s-text_on_brand_image .img {
    height: auto;
}

/* Desktop: the image column is auto-sized by flex, so a 100%-wide image has no size until it
   loads. The width/height attributes size it instead (w100p class removed from the template);
   cap at the column width, and stretch to full width on stacked layouts. */
.s-image_text .img {
    max-width: 100%;
}
@media (max-width: 991px) {
    .s-image_text .img {
        width: 100%;
    }
}

/* Full Height Image Fix */
.s-text_on_brand_image .img.full_height {height:100%;}