/*
Theme: Nationhats – Login
*/

body {background: #111;font-family: "Open Sans";}
body, html {overflow:hidden;}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #ea640f;
    box-shadow: 0 0 2px rgba(234, 100, 15, 0.8);
    outline: none;
}

body.interim-login #login {position: absolute;padding: 0;margin: 0 auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
body:not(.interim-login) #login {position:relative;padding:0 !important;top:50%;transform:translatey(-50%);}
#login h1 {background:#000;border-bottom:#ea640f 3px solid; padding: 0.5rem;border-radius: 5px 5px 0 0}
#login  h1 a {background-image: url(/wp-content/themes/nationhats/images/android-chrome-192x192.png);margin-bottom:0;background-size:50px;height:50px;}

#login p.message {margin-bottom: 0;border: 1px;text-align: center;background: #ea640f;color: #fff;font-weight: 600;letter-spacing: 0.01rem;margin-top: -1px;}
#login #login_error {margin-bottom: 0;border: 1px;background: #dc3232;color: #fff;}
#login #login_error a {color:#eee;font-style:italic;}
#login #login_error a:hover {color:#fff;}

#login form {padding:2em;margin-top:0;border-radius: 0 0 5px 5px;}
#login form input[type=text] {font-size:1.5em;}
#login form label {font-size: 1em;text-align: center;display: block;}
#login form #reg_passmail {font-size:90%}

#login form p.forgetmenot {margin-bottom:15px;}
#login form p.forgetmenot input[type=checkbox]:checked:before {color: #ea640f;}
#login form p.submit input {float:none;width:100%;height:auto;text-transform:uppercase;background: #ea640f;border-color: #c14b00;box-shadow: none;color: #fff;text-decoration: none;text-shadow: none;padding: 10px;font-weight: 600;}

#login p#nav, #login p#backtoblog {text-align:center;}
#login p#nav a, #login p#backtoblog a {color:#444;}
#login p#nav a:focus, #login p#backtoblog a:focus {box-shadow:none;color:inherit;}
#login p#nav a:hover, #login p#backtoblog a:hover {color:#ea640f;}