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

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

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


/* theme.json */
/*
"core/column": {
    "css": "&.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%);}"
},
*/
  

/* Make columns into 2 columns - dividing gap between 2 columns */
/* Added class cfwd-2-columns to the Columns block */

/* min-width 782px and max-width 1000px */
@media only screen and (min-width: 782px) and (max-width: 1000px)  {
.wp-block-columns.cfwd-2-columns {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: var(--wp--preset--spacing--medium);
}

.wp-block-columns.cfwd-2-columns .wp-block-column {
     -ms-flex: 0 0 calc(50% - var(--wp--preset--spacing--medium)/2) !important;
    flex: 0 0 calc(50% - var(--wp--preset--spacing--medium)/2) !important;
    max-width: 0 0 calc(50% - var(--wp--preset--spacing--medium)/2) !important;
}
} /* end media min-width 782px and max0width 1000px */


/* Make multiple columns into 3 columns - dividing gap between 3 columns */
/* We have 2 gaps divided between 3 columns

/* Add class cfwd-3-columns for the main Columns block */

/* min-width 782px and max-width 1000px */
@media only screen and (min-width: 782px) and (max-width: 1000px)  {

.wp-block-columns.cfwd-3-columns {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: var(--wp--preset--spacing--medium);
}

.wp-block-columns.cfwd-3-columns .wp-block-column {
     -ms-flex: 0 0 calc(33.33333% - var(--wp--preset--spacing--medium)*2 /3) !important;
    flex: 0 0 calc(33.33333% - var(--wp--preset--spacing--medium)*2 /3) !important;
    max-width: 0 0 calc(33.3333% - var(--wp--preset--spacing--medium)*2 /3) !important;
}

} /* end media min-width 782px and max-width 1000px */

/* Helper class to swap order on mobile */
@media only screen and (max-width: 781px) {
	.cfwd-swap-order {
		-webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse;
	}
	.cfwd-row-reverse {
		-webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse;
	}
} /* end media query max-781px */