/*--------------------------------------------------------------
H.I. Online Login CSS

- This file loads only on login pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Define CSS Variables
--------------------------------------------------------------*/
:root {
    --alert-text-success: #155724;
    --alert-text-warning: #856404;
    --alert-text-info:    #6495ed;
    --alert-text-error:   #721c24;
    --ecru-white:         #F9F6F0;
    --cod-gray:           #181818;
  }


/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
body.login {
    background-color: var(--ecru-white);
}

.login #backtoblog,
.login #nav {
    font-size: 16px;
}

.login #backtoblog a,
.login #backtoblog a:hover,
.login #nav a,
.login #nav a:hover {
    color: var(--bb-primary-color);
}

.login #backtoblog a:hover,
.login #nav a:hover {
    text-decoration: underline;
}


/*--------------------------------------------------------------
Notifications
--------------------------------------------------------------*/
.login.login-action-lostpassword .message > .message,
.login:not(.login-action-lostpassword) .message:not(.reset-pass) {
    background-color: #d1ecf1 !important;
    border:1px solid #bee5eb !important;
    color: #0c5460 !important;
}

.login .message a {
    color: var(--bb-primary-color) !important;
}

.login #login_error,
.login.bb-login #pass-strength-result.short {
    color: var(--alert-text-error);
}

.login #login_error a {
    color: var(--bb-primary-color);
    text-decoration: underline;
}

#login p.success {
    color: var(--cod-gray);
}


/*--------------------------------------------------------------
Reset Password Page
--------------------------------------------------------------*/
.login.bb-login p.message.reset-pass {
    font-weight: 600;
}

/* hide the "Generate Password" button */
.login.bb-login .button.wp-generate-pw {
    display: none !important;
}

/* strong */
.login.bb-login #pass-strength-result.strong {
    color: var(--alert-text-success);
}

/* medium */
.login.bb-login #pass-strength-result.good {
    color: var(--alert-text-warning);
}

/* weak */
.login.bb-login #pass-strength-result.bad {
    color: var(--alert-text-error);
}