/* Columns
-------------------------------------------------- */

/* Responsive Mods
------------------------- */

/* Extend responsive layouts to max-width of 959px (default is max 781px) */
@media (max-width: 959px) {

    /* Extend responsive column layouts to 959px (default is max 781px) */
    .wp-block-columns {
        flex-wrap: wrap !important;
    }

    .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
    }

}

/* Overlap Bottom
------------------------- */

.is-style-columns-overlap-bottom {
    margin-bottom: calc(var(--wp--preset--spacing--50) * -1) !important;
    position: relative;
    z-index: 9;
}

/* Margin collapse hack for negative margin-bottom overlap */
.wp-block-columns:has(> .is-style-columns-overlap-bottom) {
    padding-bottom: 1px !important;
}

/* Overlap Left
------------------------- */

.is-style-columns-overlap-left {
    @media (min-width: 1280px) {
        margin-left: calc(var(--wp--preset--spacing--50) * -1) !important;
        position: relative;
        z-index: 9;
    }
}

/* Overlap Right
------------------------- */

.is-style-columns-overlap-right {
    @media (min-width: 1280px) {
        margin-right: calc(var(--wp--preset--spacing--50) * -1) !important;
        position: relative;
        z-index: 9;

    }
}

/* Overlap Top
------------------------- */

.is-style-columns-overlap-top {
    margin-top: calc(var(--wp--preset--spacing--50) * -1) !important;
    position: relative;
    z-index: 9;
}

/* Margin collapse hack for negative margin-top overlap */
.wp-block-columns:has(> .is-style-columns-overlap-top) {
    padding-top: 1px !important;
}

/* Overlap Top Half Height
------------------------- */

.is-style-columns-overlap-top-half {
    @media (min-width: 960px) {
        position: relative;
        z-index: 9;
        transform: translateY(-50%);
    }
}

/* Reverse Mobile Column Order
------------------------- */

@media (max-width: 959px) {
    .is-style-columns-reverse-mobile {
        flex-direction: column-reverse;
    }
}