/* Column
--------------------------------------------- */

.is-style-column-box-shadow {
	box-shadow: 0px 8px 40px -20px rgb(21 14 41 / 12%);
	transition: .4s ease;
}

.is-style-column-box-shadow:hover {
	box-shadow: 0px 12px 60px -20px rgb(21 14 41 / 16%);
}

/* Helper class to swap order on mobile */
@media (max-width: 781px) {
	.ollie-swap-order {
		flex-direction: column-reverse;
	}
	.ollie-row-reverse {
		flex-direction: row-reverse;
	}

	/* Helper classes to gain more control on mobile for core/columns */
	.wp-block-columns.has-2-columns-mobile {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
        gap: var(--wp--style--block-gap, 2em) !important;
    }
    
    .wp-block-columns.has-3-columns-mobile {
        grid-template-columns: repeat(3, 1fr) !important;
        display: grid !important;
        gap: var(--wp--style--block-gap, 2em) !important;
    }
    
    .wp-block-columns.has-4-columns-mobile {
        grid-template-columns: repeat(4, 1fr) !important;
        display: grid !important;
        gap: var(--wp--style--block-gap, 2em) !important;
    }

    .wp-block-columns[class*="has-"] .wp-block-column {
        margin-left: 0 !important;
        flex-basis: unset !important;
    }
}