/*
Block Name: Columns
Description: An extremely flexible block allowing simple and complex layouts. This block is used for images and static text purposes.
*/

.block-columns.bg-img-text-over .col{aspect-ratio: 1;position: relative;}
.block-columns.bg-img-text-over .col h3{position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 600;}
.block-columns.bg-img-text-over .col::before{content: ''; position: absolute; height: 100%;width: 100%;background: rgba(0, 0, 0, 0.2); display: block; z-index: 1;}

.block-columns.bg-img-text-over .col h1, .block-columns.bg-img-text-over .col h2, .block-columns.bg-img-text-over .col h3, .block-columns.bg-img-text-over .col p, .block-columns.bg-img-text-over .col a{position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 600; word-break: auto-phrase;}

.block-columns.straight-edges img{border-radius: 0;}
.block-columns.rounded-img img{border-radius: 1rem; overflow: hidden;}
.block-columns.rounded-img .col.has-bg-img{border-radius: 1rem; overflow: hidden;}
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;}


/*@media (max-width: 767px) {
	
  .col.has-bg-img:before { 
 	content: "";
 	 display: block;
  padding-top: 100%; /* This creates a square aspect ratio */ /*
  background-image: inherit;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
	
} */