/**
 * EMLearn – Login Screen Branding
 *
 * Enqueued only on wp-login.php via the branding module.
 *
 * @package EMLearn
 */

/* Background */
body.login {
    background-color: #1e1e1e;
    background-size: cover;
    background-position: center;
}

/* White text throughout */
body.login,
body.login #login,
body.login #nav,
body.login #backtoblog,
body.login label,
body.login .message,
body.login .notice,
body.login .success,
body.login #login_error {
    color: #fff !important;
}

body.login #nav a,
body.login #backtoblog a {
    color: #fff !important;
}

/* Semi-transparent form panels */
body.login #loginform,
body.login .message,
body.login #login_error {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* Inputs */
body.login input[type="text"],
body.login input[type="password"] {
    color: #fff !important;
    background: rgba(0, 0, 0, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Primary button */
body.login .button-primary {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
    font-family: Calibri, sans-serif !important;
    font-size: 16px !important;
}

/* Logo */
body.login div#login h1 a {
    background-size: contain;
    width: 100%;
    height: 80px;
    padding-bottom: 30px;
}
