/* Oceanbox Keycloak Login Theme */

/* Brand colours */
:root {
    --pf-v5-global--primary-color--100: #0bb4aa;
    --pf-v5-global--primary-color--200: #099e95;
    --pf-v5-global--link--Color: #0bb4aa;
    --pf-v5-global--link--Color--hover: #031275;
}

/* Background */
.login-pf body {
    background: #f9fafd url("../img/oceanbox-bg.png") no-repeat center bottom fixed;
    background-size: cover;
}

/* Logo */
div.kc-logo-text {
    background-image: url('../img/oceanbox-logo-text.png');
    height: 80px;
    width: 360px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}

div.kc-logo-text span {
    display: none;
}

/* Primary button */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: #0bb4aa;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #099e95;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #37746F;
    --pf-v5-c-button--m-primary--focus--BackgroundColor: #099e95;
}

/* Links */
a, .pf-v5-c-button.pf-m-link {
    color: #0bb4aa;
}

a:hover, .pf-v5-c-button.pf-m-link:hover {
    color: #031275;
}