/* -------------------------------------------*/
/* LOGIN PAGE STYLES
/* -------------------------------------------*/

body.login {
	--color-text: 			#535F7A;
	--color-background-1:	#F1F4FD;
	--color-background-2:	#E4EBF9;
	--color-orange:			#F0785B;
	--color-blue: 			#6A86FD;
	--color-navy:			#2B437A;

	color: var( --color-text );
	background: var( --color-background-2 );
}

body.login,
body.login input {
	font-family: 'Work Sans', sans-serif;
}

body.login div#login {
	width: 480px;
	max-width: 100%;
	padding: 60px 0 0;
}

body.login div#login form {
	margin: 0 5%;
	padding: 60px;
	border: 0;
	box-shadow: none;
	border-radius: 48px;
}

body.login div#login h1 a {
	background-image: url(../../../../uploads/2022/01/logo-cuoriconnessi.svg);
	width: 240px;
	height: 28px;
	margin-bottom: 60px;
	background-size: 240px 28px;
	background-repeat: no-repeat;
}

body.login div#login .message {
	margin: 0 5% 2em;
	padding: 2em;
	font-size: 1.125em;
	border: 0;
	box-shadow: none;
	background: var( --color-background-1 );
	color: var( --color-navy );
}

body.login div#login label[for="user_login"],
body.login div#login label[for="user_pass"] {
	margin-bottom: 5px;
	font-weight: 600;
	color: var( --color-navy );
}
body.login div#login form input[type="text"],
body.login div#login form input[type="password"] {
    padding: 1em;
	font-size: 1.25em;
	color: var( --color-text );
    background-color: #fff;
    border: 2px solid var( --color-background-2 );
    border-radius: 16px;
	outline: 0;
	box-shadow: none;
}
body.login div#login form input[type="text"]:focus,
body.login div#login form input[type="password"]:focus {
    border-color: var( --color-blue );
	outline: 0;
	box-shadow: none;
}
body.login div#login form .button.wp-hide-pw {
	width: 4rem;
	height: 4rem;
	color: var( --color-navy );
}

body.login div#login form input#wp-submit {
	padding: 0.5em 1.5em;
	font-size: 1.25em;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background: var( --color-navy );
	border: 0;
	border-radius: 16px;
}
body.login div#login form input#wp-submit:hover,
body.login div#login form input#wp-submit:focus {
	background: var( --color-blue );
}

body.login div#login form p.forgetmenot {
	margin-top: 1.5em;
}
body.login div#login form p.forgetmenot input[type="checkbox"] {
	appearance: auto;
	width: 1.5em;
	height: 1.5em;
	accent-color: var( --color-navy );
}

body.login div#login p#nav {
	margin-top: 2.5em;
	text-align: center;
	font-size: 1em;
}
body.login div#login p#nav a {
	font-size: 1.125em;
	font-weight: 600;
	color: var( --color-navy );
}
body.login div#login p#nav a:hover,
body.login div#login p#nav a:focus {
	color: var( --color-blue );
}

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