/* Mobile styles for items specific to this theme. 
Styles for Custom blocks are in a different sheet */

/*============ Widescreen: Screen sizes above 1920px ============*/
@media screen and (min-width:1920px) {
    :root {
        --wp--style--global--content-size: min(75%, 1440px);
    }
}

/*============ Screen sizes up to 1024px ============*/
@media screen and (max-width:1024px) {
}

/*============ Screen sizes up to 992px ============*/
@media screen and (max-width:992px) {
}

/*============ Screen sizes up to 768px ============*/
@media screen and (max-width:768px) {

    /* For WP content patterns "2-Column, image flush on right" and "2-Column, image flush on left" */ 
    body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: 85%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .two-col-img-left .inner-wrapper,
    .two-col-img-right .inner-wrapper {
        padding-left:0;
        padding-right: 0;
    }
    .two-col-img-left .wp-block-column,
    .two-col-img-right .inner-wrapper {
        padding-left:0;
        padding-right: 0;
    }
    .two-col-img-left > .wp-block-column:first-child .wp-block-cover,
    .two-col-img-right > .wp-block-column:last-child .wp-block-cover {
        min-height: 20rem !important;
    }
}

/*============ Screen sizes up to 576px ============*/
@media screen and (max-width:576px) {
}

/*============ Screen sizes up to 480px ============*/
@media screen and (max-width:480px) {
}