.banner-title.empty-editor-preview {
display: flex;
justify-content: center;
width: 100%;
border: 2px solid #E4002B;
padding: 1em;
color: #001489;
font-weight: bold;
font-size: 1.2em;
cursor: pointer;
background-color: #efefef;
transition: background-color .3s ease-in-out;
}
.banner-title.empty-editor-preview:hover {
background-color: #fefefe;
transition: background-color .3s ease-in-out;
}
.banner-title.empty-editor-preview img {
transition: padding-right .3s ease-in-out;
height: 36px;
padding-right: .75em;
}
.banner-title.empty-editor-preview:hover img {
transition: padding-right .3s ease-in-out;
height: 36px;
padding-right: 1.5em;
} .acf-block-preview .banner-title .row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.banner-title-container {
width: 100%;
height: 360px;
text-align: center;
background-size: cover;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.banner-title-container.darken::before {
content: '';
background-color: #000;
opacity: .4;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.acf-block-preview .banner-title-container h1 {
z-index: 1;
color: #fff;
margin: 0;
font-size:48px;
text-transform: uppercase;
}