/*
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.block-columns { border: 1px solid #ccc; }
body.wp-admin section .container .grid:empty:before { font-size: 2rem; color: #e88b39; 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: #e88b39; font-weight: 600; content: "This is an empty *column* - add content"; padding: 2rem 0; display: block;}

.block-columns .col { position: relative; }
.block-columns .col-icon{max-width:100px;margin:0 auto 2rem;}
.block-columns.shapes .col { background-color: #fff; border-radius: 1rem; }
.block-columns.shapes .col img { border-radius: 1rem 1rem 0 0; }
.block-columns.shapes .col:nth-of-type(odd) { background-image: url(/wp-content/uploads/light-blue-shape.png); background-repeat: no-repeat; background-position: bottom right; }

.block-columns.shapes .col:nth-of-type(even) { background-image: url(/wp-content/uploads/dark-blue-shape.png); background-repeat: no-repeat; background-position: bottom right; }
	
.block-columns.large-shape { position: relative;}
.block-columns.large-shape:before { content: ""; position: absolute; inset: -20vw 0 -40vw; background: #fff url(/wp-content/uploads/large-shape.svg) no-repeat; background-size: 100%; z-index: -1; }


@media screen and (max-width:1024px ) {
	
	body section.team-block .grid { grid-template-columns: 1fr !important; }
	body section.team-block .grid .col.col-bg-img { min-height: 50rem; }
	
}


@media screen and (max-width:576px ) {
	
	body section.team-block .grid .col.col-bg-img { min-height: 27rem; }
	
}