/*-------------------------------------------------------------------------*/

/* Archivo CSS para modificar la pagina de Inicio del login de Wordpress. 

/*-------------------------------------------------------------------------*/

/*
Documentacion:
https://codex.wordpress.org/Customizing_the_Login_Form

ESTILOS A MODIFICAR:

body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}

*/

/*-------------------------------------------------------------------------*/

/* D E F I N I C I O N    D E    V A R I A B L E S. 

/*-------------------------------------------------------------------------*/

/* Colores principales ATTACK */

:root {
	/* COLORES */
	--color-login-link: #745286;
	--color-login-link-hover: #745286;
	--color-login-fondo: #ac97b66b;

	/* TAMAÑOS */
	--tamanio-ancho-logo: 340px;
	--tamanio-alto-logo: 66px;

}

.wp-core-ui .button-primary {
    background: var(--color-login-link-hover);
    border-color: var(--color-login-link-hover);
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.wp-core-ui .button-primary:hover {
    background: #fff;
    border-color: var(--color-login-link-hover);
    color: var(--color-login-link-hover);
}

body.login div#login .message {
	border-left: 4px solid var(--color-login-link-hover);
}

body.login div#login h1 a {
	width: var(--tamanio-ancho-logo);
	height: var(--tamanio-alto-logo);
	background-size: var(--tamanio-ancho-logo) var(--tamanio-alto-logo);
    background-image: url("../img/logo-oscuro.png");
}

body.login {
	background: var(--color-login-fondo);
}


body.login div#login p#nav a,
body.login div#login p#backtoblog a{
	color:var(--color-login-link);
}

body.login div#login p#nav a:hover,
body.login div#login p#backtoblog a:hover{
	color:var(--color-login-link-hover);
}