:root {
	--color1: #1266B1;
	--color2: #FAF9DB;
	--color3: #1C1F22;
	--color4: #FDFDED;
	--color5: #F0AC4A;
	--color6: #BE653A;
	--color7: #F1583F;
	--color8: #FBAA2A;
	--color9: #C3B62F;
	--color10: #40B44A;
	--color11: #5BAAB3;
	--color12: #00B1B8;
	--color13: #0457A4;
	--color14: #1B3E6B;
	--color15: #17264E;
	--color16: #555;
}

body.login {
    background-color: #1266B1;
    color: #fff;
}

.login label {
    color: var(--color3);
}

body.login a,
body.login #nav a,
body.login #backtoblog a{
    color: #fff;
}

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

#login,
#loginform,
#lostpasswordform,
#resetpassform {
    width: 450px;
    max-width: 100%;
    margin: 0 auto;
}

#loginform,
#lostpasswordform,
#resetpassform {
    background-color: #ffffff3b;
    border-radius: 10px;
    border: 0;
    box-shadow: 0 0 9px 1px rgb(0 0 0 / 16%);
    padding: 3em 2em;
    /*height: 300px;
    max-height: 60vh;*/
}

#loginform p,
#loginform div {
    max-width: 300px;
    margin: 0 auto;
}

@media (min-width: 500px) {
    #loginform {
        margin-left: -25px;
    }
}

.login form .forgetmenot {
    float: none;
}

#loginform .button,
#lostpasswordform .button {
    background-color: #FAF9DB;
    border-color: #FAF9DB;
    border-radius: 5px;
    color: #1266B1;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}

#resetpassform .button-primary {
    background-color: #FAF9DB;
    border-color: #FAF9DB;
    color: #1266B1;
}

#lostpasswordform .submit {
    float: right;
}

#login form p.submit {
    width: 300px;
    max-width: 100%;
    margin: 20px auto;
    padding: 0;
}

#loginform .button.button-primary {
    width: 100%;
}

#login h1 a,
.login h1 a {
    background-image: url(/wp-content/uploads/Logo-Economipedia-Blanco-2.png);
    background-size: auto;
    color: #1C1F22;
    color: #fff;
    height: 60px;
    width: 300px;
}

#loginform,
#loginform a {
    color: #fff;
}

#loginform .button.button-secondary {
    background-color: transparent;
    border: 0;
    color: #1266B1;
}

#loginform .button.button-secondary:hover {
    color: #999;
}

.login #backtoblog,
.language-switcher {
    display: none;
}

/* Avisos y errores */
.login #login_error, 
.login .message, 
.login .success {
    color: var(--color6);
    border-left: 4px solid var(--color6);
}

.login #login_error a, 
.login .message a, 
.login .success a {
    color: var(--color6);
}

#loginform #continue-with-magic-login a {
	min-height: 32px;
	line-height: 2.30769231;
    background-color: var(--color5);
    border-color: var(--color5);
    color: var(--color3);
}

#loginform #continue-with-magic-login a:hover {
    background-color: var(--color8);
    border-color: var(--color8);
    text-decoration: none;
}

@media (max-width: 768px) {
    #loginform #continue-with-magic-login a {
        min-height: 40px;
        line-height: 2.71428571;
    }
}