/*
Block Name: Columns
Description: An extremely flexible block allowing simple and complex layouts. This block is used for images and static text purposes.
*/


body.wp-admin section { border: 1px solid #ccc; }
body.wp-admin section .container .grid:empty:before { font-size: 2rem; color: var(--brand-2); font-weight: 600; content: "This is an empty *block* - add content"; padding: 2rem 0; display: block;}
body.wp-admin section .container .grid .col:empty:before { color: var(--brand-2); font-weight: 600; content: "This is an empty *column* - add content"; padding: 2rem 0; display: block;}

.block-columns .grid a:hover h3 {color:var(--text-color) !important;}
.block-columns .grid .column-image img {
    object-fit: cover;
    object-position: center;
    height: 45vh;
    margin-bottom: 1rem;
}

.flex-s-between .column-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}


@media (min-width: 801px) and (max-width:1024px){
	.block-columns .grid .column-image img {max-height:300px;}
}