/* styles for the images on SIPA team page and board page */
/* 2025-10-27 - Josh */

/* Single Column - adjust breakpoints on image text wrapping */
.align-left:has(img.sipa-team) {
    display: block;
    float: none;

    @media (min-width: 550px) {
        float: left;
    }

    & img.sipa-team {
        border-radius: 50%;
        margin-right: 1rem;
        margin-bottom: 1rem;
        max-width: 220px;
        max-height: 220px;

        @media (min-width: 1440px) {
            margin-bottom: 2.2rem;
        }
    }
}

/* Make H2s smaller */
main h2 {
    font-size: calc(1.2rem + 1vmin);
}

/* Make H2 row titles left-aligned */
.paragraph > .paragraph__column .row__title {
    text-align: left;
}

/* Two Columns - adjust breakpoints on image text wrapping */
div.container:has(.paragraph--type--bp-columns__2col img.img-responsive) .align-left {
    float: none;

    @media (min-width: 900px) {
        float: left;
    }
    @media (min-width: 475px) and (max-width: 767px) {
        float: left;
    }
}