/** Styles for Hero Element **/

/* temporär */
.wp-block-uagb-container.cont-hero.coming-soon {
    height: calc(100vh - var(--header-height) - var(--footer-height));
}

.wp-block-uagb-container.cont-hero .cont-text{
gap: var(--gap-s);
}
.wp-block-uagb-container.cont-hero .wp-block-uagb-advanced-heading:last-of-type{
margin-bottom: var(--gap-m);
}


.wp-block-uagb-container.cont-hero::after {
    content: "";
    position: absolute;
    top: 0;
    opacity: 0.4;
    background: linear-gradient(90deg, #282525 0%, rgba(40, 37, 37, 0) 100%);
    background-repeat: no-repeat;
    width: 100vw;
    height: 100%;
    display: block;
    z-index: 9;
}

.wp-block-uagb-container.cont-hero * {
    color: white;
    z-index: 99;
    
}