:focus { outline:0; }
.login { color:rgba(255,255,255,0.8); background-color:rgb(35,31,32); }
.login h1 a { display:block; margin:0; padding:0; width:100%; height:76px; background-image:url(../images/logo-bonness-reversed.svg); background-repeat:no-repeat; background-position:top center; background-size:250px 56px; text-indent:-9999px; overflow:hidden; }
.login h1 a:focus { -webkit-box-shadow:none; box-shadow:none; }
.login .message, .login #login_error { margin:0; padding:0 25px; background-color:transparent; border-left:none; -webkit-box-shadow:none; box-shadow:none; }
.login .message { color:rgba(255,255,255,0.7); }
.login #login_error { padding:20px 25px 0 25px; color:rgba(255,255,255,0.7); font-family:'Helvtica Neue', Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; font-weight:100; letter-spacing:0.5px; }
.login #login_error strong { color:rgba(255,255,255,1); }
.login #login_error a { color:rgba(255,255,255,0.7); text-decoration:none; -webkit-transition:color .3s; transition:color .3s; }
.login #login_error a:hover { color:rgba(255,255,255,1); }
.login form { margin:0; padding:40px 25px 40px 25px; background-color:transparent; -webkit-box-shadow:none; box-shadow:none; }
.login form label { color:rgba(255,255,255,0.7); font-family:'Helvtica Neue', Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; font-weight:100; letter-spacing:0.5px; }
.login form input, .login form input[type=text], .login form input[type=password], .login form input[type=checkbox] { padding:12px 15px; color:rgba(255,255,255,0.7); font-family:'Helvtica Neue', Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; font-weight:100; letter-spacing:0.5px; background-color:transparent; border:1px solid rgba(255,255,255,0.15); -webkit-transition:all .3s; transition:all .3s; }
.login form input:hover, .login form input[type=text]:hover, .login form input[type=password]:hover, .login form input[type=checkbox]:hover { border:1px solid rgb(255,255,255,0.25); }
.login form input:focus, .login form input[type=text]:focus, .login form input[type=password]:focus, .login form input[type=checkbox]:focus { border:1px solid rgb(255,255,255,0.5); -webkit-box-shadow:none; box-shadow:none; }
.login form input[type=checkbox]:checked:before { color:rgba(255,255,255,0.7); }
.login form .submit input[type=submit] { padding:12px 30px; height:auto; color:rgba(255,255,255,0.7); font-family:'Helvtica Neue', Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; font-weight:100; letter-spacing:0.5px; text-decoration:none; text-shadow:none; background-color:transparent; border:1px solid rgba(255,255,255,0.15); border-radius:0; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:all .3s; transition:all .3s; }
.login form .submit input[type=submit]:hover { background:transparent; border-color:rgba(255,255,255,0.25); color:rgba(255,255,255,0.7); }
.login form .submit input[type=submit]:focus { background:transparent; border-color:rgba(255,255,255,0.5); color:rgba(255,255,255,0.7); }
.login #nav, .login #backtoblog { margin:0; padding:5px 25px; }
.login #nav a, .login #backtoblog a, .login a.privacy-policy-link { color:rgba(255,255,255,.7); font-family:'Helvtica Neue', Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; font-weight:100; letter-spacing:0.5px; text-decoration:none; -webkit-transition:all .3s; transition:all .3s; }
.login #nav a:hover, .login #backtoblog a:hover, .login a.privacy-policy-link:hover { color:rgba(255,255,255,1); }
.login #nav a:focus, .login #backtoblog a:focus, .login a.privacy-policy-link:focus { color:rgba(255,255,255,1); -webkit-box-shadow:none; box-shadow:none; }