/*
Block Name: Icon Columns
Description: The standard columns block with the option to add Font Awesome icons to the top.
*/

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-icon-columns.col-icon-flex .col { display: flex; align-items: center;  }
.block-icon-columns.col-icon-flex .col-icon-fa i { font-size: 6rem; color: var(--brand-1); margin-right: 2rem; }
.block-icon-columns .col-icon-fa i { font-size: 6rem; color: var(--brand-1); margin-bottom: 2rem; }

.block-icon-columns.supply .col-icon-fa i { font-size: 3rem; color: var(--brand-1); margin-bottom: 1rem; }
.block-icon-columns.supply :is(h1, h2, h3, h4, h5, h6, ul, ol, blockquote, table) + :is(.button, .button-block) { margin-top: 0; }
.block-icon-columns.supply h3:not(.section-title) { font-size: 2rem; margin-bottom: 0; }