/* Dev and staging bar (Includes/EnvironmentBanner.ss), on the website and
   the login page. Same colours as the Resicom sites. Production has no bar,
   so it never loads this file. */
.env-banner {
    padding: .3rem 1rem;
    font-family: Inter, "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
    font-weight: 600;
    font-size: .85rem;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}

.env-dev {
    background: #8a3fa0;
}

.env-staging {
    background: #9a4f0f;
}

/* The login page's body is a flex column centred vertically: stretch the bar
   across the top, and share the free space between the gap below the bar and
   the gap below the footer, so the login form stays centred under the bar. */
.env-banner--login {
    align-self: stretch;
    margin-bottom: auto;
}

.env-banner--login ~ footer {
    margin-bottom: auto;
}