/** Login form **/
html {
position: relative;
font-size: 8.5px;
}

body.login {
/*background: rgb(79, 117, 139);*/
background: white;
font-family: 'weblysleek', sans-serif;
color:black;
}

body.login #login {
width: 100%;
height: 70rem;
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding: 0;
background: white;
}


.login h1 {
text-align: left;
display: block;
width: 34.7rem;
margin: 0 auto;
}

.login h1 a {
background: url(../Images/Logo_ihs_gesuiti_specifica_blu.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 36rem;
width: auto;
height: 15rem;
margin: 0 -2.3rem;
}

.login form {
background: transparent;
border: none;
box-shadow: none;
width: 34.7rem;
margin: 2rem auto;
padding: 0 2rem;
}

h3.galogin-or {
font-weight: 200;
}

.login label {
color: #666;
font-weight: 600;
font-size: 1.8rem;
}

#user_login, #user_pass{
font-size: 4rem;
font-weight: 200;
color: black;
padding: 0rem 1rem;
font-family: 'weblysleek', sans-serif;
background: rgba(0,0,0,0.1);
border: 1px solid #666;
margin: 0 0 2rem;
box-sizing: border-box;
line-height: 4rem;
float: left;
}

.login form .forgetmenot label {
font-size: 1.6rem;
line-height: 2rem;
}

.login #backtoblog, .login #nav {
width: 34.7rem;
margin: 1rem auto;
padding: 0;
}

.login #backtoblog a, .login #nav a {
font-size: 1.6rem;
text-decoration: none;
color: darkgoldenrod;
font-weight: 200;
}

form#loginform p.galogin,
form#loginform p.galogin a,
.login #wp-submit {
background: #666;
color: white;
cursor: pointer;
font-size: 1.8rem;
font-weight: 600;
line-height: 5.35rem;
padding: 0;
display: block;
clear: both;
text-align: center;
text-decoration: none;
width: 100%;
height: 5.35rem;
margin: 1rem 0 0 0;
border: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
font-weight:200;
}

form#loginform p.galogin a {
background: crimson;
}

.login .message {
padding: 0 2rem;
border-left: none;
box-shadow: none;
-webkit-box-shadow: none;
font-size: 1.8rem;
font-weight: 200;
width: 34.7rem;
margin: 2rem auto 0 auto;
}


/** Login check in wp-admin **/

#wp-auth-check-wrap #wp-auth-check {
background: white;
}

body.interim-login {
background: transparent;
}

body.interim-login.login #login {
background: transparent;
height: auto;	
}

.interim-login #login_error, .interim-login.login .message {
margin: 0 0 16px;
background: transparent;
font-size: 14px;
}

.login #login_error {
border: none;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
width: 34.7rem;
margin: 1rem auto;
box-sizing: border-box;
padding: 1rem 0;
font-weight: 200;
}

.interim-login form#loginform h3.galogin-or {
margin: 5px 0;
}

.interim-login #login h1 {
display: none;
}


.interim-login.login form {
margin: 20px auto;
padding: 0 16px;
box-sizing: border-box;
width: 100%;
}

.interim-login #wp-submit {
display: inline-block;
float: right;
font-size: 14px;
line-height: 14px;
height: 30px;
width: auto;
}

.interim-login form#loginform p.galogin a,
.interim-login #user_login, 
.interim-login #user_pass{
font-size: 2rem;
}

.interim-login #user_login,
.interim-login #user_pass {
margin: 5px 0;
}

.interim-login .login .message {
padding: 0 0 0 10px;
}

@media (orientation: portrait) and (max-device-width: 480px), (orientation: landscape) and (max-device-width: 749px), (max-width: 480px) {
html {
 font-size: 9.1px; 
}
}