/**
 * Top Hero - Center Layout Styles
 * Specific styles for centered content variant
 */

.top-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Dark overlay mask for background images */
.top-hero__mask {
    background: rgba(3, 13, 35, 0.7);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 989;
}

.top-hero > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    position: relative;
    z-index: 990;
}

.top-hero__cta {
    margin-top: 32px;
}
.top-hero__title {
    text-align: center;
    z-index: 990;
    position: relative;
}

.top-hero__sub-title {
    text-align: center;
    z-index: 990;
    position: relative;
}

/* RGE badge z-index for hero overlay context */
.top-hero .rge-badge {
    z-index: 990;
    position: relative;
}

/* Light variant */
.top-hero--light {
    background-color: #EFF6FF;
}