body.login {
  background-image: url('login-hero.png');
  //background-color: #e94f35;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.login h1 a {
  background-image: url('logo.png');
}
.login label {
  font-size: 12px;
  color: #555555;
}
 
.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}
 
.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}
.login .button-primary {
  width: 120px;
  float:right;
  background-color:#1783d8 !important;
  color: #ffffff;
  -webkit-border-radius: 0;
  border: none;
}
 
.login .button-primary::before {
    bottom: 0;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    right: 50%;
    transition-duration: 0.3s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}
 
.login .button-primary:hover {
  background-color:#17a8e3 !important;
  color: #fff;
  -webkit-border-radius: 0;
  border: none;
}
.login .button-primary:hover::before {
    left: 0;
    right: 0;
}
 
.login .button-primary:active {
  background-color:#17a8e3 !important;
  color: #fff;
  -webkit-border-radius: 0;
  border: none;
}
p#nav {
  display: none;
}
p#backtoblog {
  display: none;
}