/*
Block Name: Hero
Description: This is a hero block, designed to be used for page headers, with various customisation options.
*/

.block-hero .hero-area .grid{grid-template-columns:1fr;align-items:center; text-align: center;}
.block-hero .container { position: relative; z-index: 2; }


body:not(.home):not(.front-page) .block-hero { position: relative; padding: 10vw 0; overflow: hidden;  }
body:not(.home):not(.front-page) .block-hero:before {
    content: "";
    position: absolute;
    inset: -23rem -12rem -35rem -61rem;
    background: #026c8b;
    opacity: .7;
    border-radius: 50rem;
    transform: rotate(347deg);
}



@media (max-width: 550px) {
	
.block-hero a.hb1 { margin-left: 0rem; display: block; margin-bottom: 2rem;  }
.block-hero a.hb2 { margin-left: 0rem; display: block; }
	.header-overlay { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }
}