/*
Block Name: Fee Columns
*/


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

.block-fee-columns .col-content > *:last-child{margin-bottom:0;}

.block-fee-columns .section-header {margin-bottom: 5rem;}
.block-fee-columns .grid {grid-gap:5rem;}

.block-fee-columns .fee-header {padding:3rem;}
.block-fee-columns .fee-content {padding:3rem;}
.block-fee-columns .fee-button-wrap {padding:1rem 2rem 3rem 2rem;}

.block-fee-columns .fee-header, .block-fee-columns .fee-button {background:var(--brand-light-blue);color:var(--brand-blue);font-weight:bold;text-align:center;}
.block-fee-columns .fee-content, .block-fee-columns .fee-button-wrap {background:var(--brand-blue);color:#fff;}

.block-fee-columns .button:after {background-image:url('/wp-content/themes/toast/assets/images/button-arrow-white.svg');}

.block-fee-columns .fee-header h3 {margin-bottom:1.5rem;}
.block-fee-columns .fee-content p:last-of-type {margin-bottom: 0;}

@media(max-width:1024px){
    .block-fee-columns .grid{grid-template-columns:1fr !important;}
}