/*
Block Name: Custom Icon 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-custom-icon-columns .col{display: grid; grid-template-columns: 1fr 3fr; grid-gap: 2rem; align-items: center;}

.block-custom-icon-columns.icons-top .col{display: block; text-align: center;}
.block-custom-icon-columns.icons-top .col h4{color: var(--brand-1);}
.block-custom-icon-columns.icons-top .col .col-icon{display: flex; justify-content: center; margin-bottom: 2rem;}
.block-custom-icon-columns.icons-top .col .col-icon img{max-width: 200px;}