/* Brand overrides only. Functional styles come from Keycloak 26.7.3. */
.login-pf body {
    background: #eef1f3 url("../img/tait-bg.jpg") no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
}

.pf-c-button.pf-m-primary {
    background-color: #02bcdf;
    color: #102a33;
}

.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus {
    background-color: #00a5c5;
    color: #102a33;
}

div.kc-logo-text {
    background: url("../img/tait-logo.png") no-repeat center;
    background-size: contain;
    width: 300px;
    max-width: 100%;
    aspect-ratio: 300 / 196;
    height: auto;
    margin: 0 auto;
}

/* Keep the brand name available to screen readers. */
div.kc-logo-text span {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tait-privacy-notice {
    margin: 24px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: #4b4b4b;
}

.tait-privacy-notice a {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .login-pf body {
        background: #fff;
    }

    #kc-info {
        margin-left: -20px;
        margin-right: -20px;
    }

    div.kc-logo-text {
        width: calc(160px * 300 / 226);
        height: auto;
        margin: 0;
    }
}