/*
Block Name: Quote
Description: This block is for quotes.
*/

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-quote .rating-icon i { font-size: 3.5rem; color: #fff; margin-right: .25rem; }
.grid.quote { grid-gap: 2rem;}



.block-quote.lightblue .container .section-description { margin-left: 23%; }
.block-quote.lightblue { position: relative; overflow: hidden; }
.block-quote.lightblue::before { content: ''; position: absolute; top: -13%; right: 0%; bottom: -11%; width: 70%; height: 134%; background: #fff; border-radius: 50% 0 0 50%; z-index: 0; }
.block-quote.lightblue .container { position: relative; z-index: 1; }



@media screen and (max-width:576px) {
	.grid.quote { grid-template-rows: 1fr 1fr; }
}