/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/

:root{
	--text_boton: 1px;
	--border-radius: 5px;
	--font-size-button : 1rem;
	--font-weight-button : 500;
	--border-width-input : 1px;
	--border-width-button : 1px;
	--border-width-button-hover : 1px;
}

/*--------------------------------------------------------------
# Grid Login
--------------------------------------------------------------*/

body.login  {
	width: 100vw; 
	height: 100vh;
	display: flex; 
	flex-direction: column;
	justify-content: center;
	background-color: #fff;
}



#login>h1:first-child {
	display: none!important;
}

#login {
	all: unset;
	margin: 0 auto;
	padding: 2em;
	width: 400px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.login-header {
	margin-bottom: 1.5em;
}

.title-login {
	margin-bottom: 0.5em;
}

.text-login {
	text-align: center;
}

.login form {
	all: unset;
	display: flex; 
	flex-direction: column;
	gap: 1em;
}

.login form .forgetmenot {
	float: none;
}

.login .button-primary {
	width: 100%;
	float: none;
}

.wp-hide-pw>.dashicons {
    color: #FB7D55;
    border-color: #FB7D55;
    background: #fff;
    vertical-align: top;
}

.wp-hide-pw>.dashicons:hover { 
	color: #fb7d55e8;
	 border-color: #fb7d55e8;
}

.wp-core-ui .button-primary {
	background-color: #FB7D55;
	border-color:  #FB7D55; 
}

.wp-core-ui .button-primary:hover, 
.wp-core-ui .button-primary:active, 
.wp-core-ui .button-primary:visited,
.wp-core-ui .button-primary:focus, 
.wp-core-ui .button-primary:target {
	background-color: #fb7d55e8;
	border-color:  #fb7d55e8; 
	outline: none;
	box-shadow: none;
}


#nav {
	display: flex; 
	justify-content: space-between;
}

.login #backtoblog a, .login #nav a {
	flex: 1 1 auto;
	text-align: center;
}

.login #backtoblog a:hover, .login #nav a:hover, 
.login #backtoblog a:active, .login #nav a:active , 
.login #backtoblog a:visited, .login #nav a:visited , 
.login #backtoblog a:focus, .login #nav a:focus , 
.login #backtoblog a:target, .login #nav a:target {
	color:#fb7d55e8;
}