body.login {
  background-image: url('../mintlogic/assets/img/login.png');
}

body.login.interim-login {
  background-image: none;
}

body.login div#login {
  position: relative;
  top: 8%;
  width: 320px;
  padding: 20px 30px;
  display: block;
  background-color: #F1F1F1;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

body.login.interim-login div#login {
  box-shadow: none;
  margin-bottom: 0;
  padding: 0 30px;
}

body.login div#login form#loginform {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#login h1 a,
.login h1 a {
  max-width: 250px;
}

body.login div#login form#loginform input {
  transition: 0.25s ease;
}

body.login div#login form#loginform input:focus {
  border-color: #333333;
  outline: none;
  box-shadow: none;
}

body.login div#login form#loginform input[type=checkbox]:checked:before {
  color: #333333;
}

body.login div#login form#loginform p.forgetmenot,
body.login div#login form#loginform p.submit {
  float: none;
}

body.login div#login form#loginform p.submit input#wp-submit {
  display: block;
  margin-top: 20px;
  padding: 10px 25px;
  height: auto;
  width: 100%;
  border-radius: 0;
  border: 1px solid #A5A5A5;
  color: #333333;
  background: none;
  text-transform: uppercase;
  font-weight: medium;
  letter-spacing: 2px;
  text-shadow: none;
  transition: 0.25s ease;
}

body.login div#login form#loginform p.submit input#wp-submit:hover {
  background: #333333;
  border: 1px solid #333333;
  color: #FFFFFF;
}

body.login div#login p#nav,
body.login div#login p#backtoblog {
  padding: 0;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
  color: inherit;
  text-decoration: underline;
}