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

/* For frontend and editor - general column shadow styles */
.editor-styles-wrapper .wp-block-group.is-style-column-shadow-small, .is-style-column-shadow-small {
    box-shadow: var(--wp--preset--color--base-3) 0px 4px 6px -2px;
    border-radius: 10px;
}

.editor-styles-wrapper .wp-block-group.is-style-column-shadow-medium, .is-style-column-shadow-medium {
    box-shadow: var(--wp--preset--color--base-3) 0px 6px 12px -3px;
    border-radius: 10px;
}

.editor-styles-wrapper .wp-block-group.is-style-column-shadow-large, .is-style-column-shadow-large {
    box-shadow: var(--wp--preset--color--base-3) 0px 8px 16px -4px;
    border-radius: 10px;
}

.editor-styles-wrapper .wp-block-group.is-style-column-shadow-xl, .is-style-column-shadow-xl {
    box-shadow: var(--wp--preset--color--base-3) 0px 10px 20px -5px;
    border-radius: 10px;
}

.editor-styles-wrapper .wp-block-group.is-style-column-shadow-2xl, .is-style-column-shadow-2xl {
    box-shadow: var(--wp--preset--color--base-3) 0px 12px 24px -6px;
    border-radius: 10px;
}


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