/*
Block Name: Image Banner
Description: This block is used for a banner image and text overlay.
*/


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-image-banner .image-banner h1 {margin-bottom: 0px;color:#ffffff;line-height:1;}
.block-image-banner .image-banner h3 {margin-bottom: 0px;color:#ffffff;}

/* Media Queries */
@media (max-width:767px) {
	
	.block-image-banner {
		background-image: none !important;
		background-color: rgb(219 48 105 / 30%);
	}
	
	.block-image-banner .image-banner h1 {
		margin-bottom: 0px;
		color: #3c3c3c;
		line-height: 1;
	}
	
	.block-image-banner .image-banner h3 {
		margin-bottom: 0px;
		color: #3c3c3c;
	}
	
}