/* Pantalla de login: la "a" roja y el formulario, sobre fondo blanco. */

@font-face {
    font-family: "Source Serif 4";
    src: url(../fonts/source-serif-4.woff2) format("woff2");
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}

body.login {
    background: #fff;
    color: #23201d;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 16px;
}

body.login #login { width: 300px; padding: 18vh 0 2rem; }

body.login #login h1 a {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 2.25rem;
    background: url(../img/a.svg) center / contain no-repeat;
}

body.login #login form {
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.login label { font-size: .9375rem; color: #75706a; }

body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
    margin-top: .3rem;
    padding: .35rem .7rem;
    font-family: inherit;
    font-size: 1.0625rem;
    background: #fff;
    border: 1px solid #d6cfc5;
    border-radius: 4px;
    box-shadow: none;
}

body.login input:focus {
    border-color: #c30;
    box-shadow: 0 0 0 3px rgba(204, 51, 0, .12);
    outline: 0;
}

body.login .button.wp-hide-pw { color: #75706a; }
body.login .button.wp-hide-pw:focus { border-color: #c30; box-shadow: 0 0 0 1px #c30; }

body.login .forgetmenot label { font-size: .875rem; }
body.login input[type="checkbox"]:focus { border-color: #c30; box-shadow: 0 0 0 1px #c30; }
body.login input[type="checkbox"]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23cc3300%27%2F%3E%3C%2Fsvg%3E");
}

body.login .button-primary,
body.login .button-primary:focus {
    float: right;
    min-height: 2.5rem;
    padding: 0 1.4rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    background: #c30;
    border-color: #c30;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: none;
}

body.login .button-primary:hover { background: #a32900; border-color: #a32900; }
body.login .button-primary:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #c30; }

body.login #nav { margin-top: 2rem; padding: 0; text-align: center; font-size: .9375rem; }
body.login #nav a { color: #75706a; text-decoration: underline; text-decoration-color: #d6cfc5; text-underline-offset: 3px; }
body.login #nav a:hover { color: #c30; }

body.login #login_error,
body.login .message,
body.login .notice,
body.login .success {
    margin-bottom: 1.5rem;
    padding: .75rem 1rem;
    font-size: .9375rem;
    background: #f8f6f2;
    border-left: 3px solid #c30;
    box-shadow: none;
}

body.login .message, body.login .success { border-left-color: #75706a; }