body {
    background-color: #EAF0F5;
}

#login {
    width: 80%;
    max-width: 800px;
    background-color: white;
    margin: 10% auto;
    padding-bottom: 5%;
}

.login form {
    box-shadow: none;
}

#login .message,
#login_error {
    margin: 5% 10% 5% !important;
}

#lostpasswordform,
#loginform,
#resetpassform {
    margin: 0 10%;
    border: 0;
}

.login #login_error, .login .message, .login .success {
    border-left: 4px solid #CC2222;
    margin-bottom: 0 !important;
}

.wp-core-ui .button-primary {
    background: #CC2222;
    border-color: #CC2222;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    border-radius: 0;
    transition: all ease .2s;
}

.wp-core-ui .button-primary:hover {
    border-radius: 22px;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.active, 
.wp-core-ui .button-primary.active:focus, 
.wp-core-ui .button-primary.active:hover, 
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary-disabled,
.wp-core-ui .button-primary.disabled, 
.wp-core-ui .button-primary:disabled, 
.wp-core-ui .button-primary[disabled] {
    background: #FF0000 !important;
    border-color: #FF0000 !important;
}

.wp-core-ui .button-primary-disabled,
.wp-core-ui .button-primary.disabled, 
.wp-core-ui .button-primary:disabled, 
.wp-core-ui .button-primary[disabled] {
    color: #cc7777 !important;
}

#nav, #backtoblog {
    text-align: center;
    margin-bottom: 20px;
}

#backtoblog {
    display: none;
}

input[type="text"],
input[type="email"], 
input[type="password"],
input[type="checkbox"]
{
    border-radius: 0;
}

input[type="email"]:focus, 
input[type="password"]:focus,
input[type="text"]:focus,
input[type="checkbox"]:focus,
.wp-core-ui .button-primary:focus {
    border-color: rgb(165, 27, 27);
    box-shadow: 0 0 0 1px rgb(165, 27, 27);
}

input[type="checkbox"]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 20 20'%3E%3Cpath d%3D'M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill%3D'%23cc2222'%2F%3E%3C%2Fsvg%3E");
}

.wp-core-ui .button .dashicons,
.wp-core-ui .button-secondary .dashicons,
.login #backtoblog a:hover, 
.login #nav a:hover, 
.login h1 a:hover {
    color: #CC2222;
}
.login .button.wp-hide-pw:focus {
    border-color: #CC2222;
}

div#login h1 a {
    background-image: url('/wp-content/uploads/2020/10/logo-MyUMANA.png');
    max-width: 280px;
    background-size: contain;
    width: 70%;
}

.message.reset-pass {
    font-size: 1.2em;
    font-weight: bold;
}