/* ============================================================
   WHCAARC Universal Login Theme (Login, Register, Lost PW, Logout)
   ============================================================ */

body.login {
    background: #00133a !important;
}

#login {
    background: #00133a !important;
    border: 2px solid #d4af37 !important;
    border-radius: 10px;
    padding: 40px 30px !important;
    max-width: 480px !important;
    margin: 60px auto !important;
    color: #ffffff !important;
    text-align: center;
}

/* Labels */
#login label {
    color: #ffffff !important;
    font-weight: 600;
    margin-bottom: 6px;
}

/* Inputs */
#login input[type="text"],
#login input[type="password"],
#login input[type="email"] {
    width: 90% !important;
    max-width: 420px !important;
    margin: 10px auto !important;
    display: block !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
    border: 1px solid #d4af37 !important;
    background: #ffffff !important;
    color: #000000 !important;
}

/* Submit Button */
#login input[type="submit"] {
    background: #d4af37 !important;
    color: #00133a !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin: 20px auto 0 auto !important;
    display: block !important;
}

#login input[type="submit"]:hover {
    background: #f5d76e !important;
}

/* Links */
#login #nav a,
#login #backtoblog a {
    color: #ffd700 !important;
}

#login #nav a:hover,
#login #backtoblog a:hover {
    color: #ffffff !important;
}

/* Logout confirmation message */
body.login-action-logout #login p {
    color: #ffffff !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
}