/* 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;
        margin:0 !important;
    }
    .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;
    }
    /* Special Sections */
    .section_style1 .wp-block-column,
    .nopad-left .wp-block-column,
    .nopad-right .wp-block-column {
        padding-right: 35px !important;
        padding-left: 35px !important;
    }
    .nopad-right .wp-block-column:last-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .nopad-left .wp-block-column:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* .subscribe_now section */
    #subscribe_now .inner-wrapper {
        max-width: none;
      }
}

/*============ Screen sizes up to 576px ============*/
@media screen and (max-width:576px) {
    /* Header */
    header .main-menu {
        height: 0;
    }
    .has-modal-open header .main-menu { /* When the responsive menu is open */
        height: auto;
    }

    /* .post-blocks */
    body .post-blocks .post-block.one-quarter {
        flex-basis: 100%;
    }

    /* Post Query block */
    .wp-block-post {
        margin-bottom: 55px !important;
    }
}

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