body.login {
/*  background-color: #009cdf;*/
background-color: #d3451f;
}

#login {
  max-width: 100%;
  width: 400px;
  padding: 0;
}

#login h1 {
  max-width: 100%;
  padding: 32px 144px 0;
}

#login h1 a {
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA5MyA5NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qxe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01MS4xIDI4LjFoLTYuOHYxMi41aDcuOGMzLjQgMCA1LjEtMS41IDUuMS00LjZ2LTMuM2MwLTMtMi00LjYtNi4xLTQuNnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTAuMiAzOS45QzkwLjIgMTguMyA3Mi43LjggNTEuMS44UzEyIDE4LjMgMTIgMzkuOWwuMyA0OWMwIDguOSAxMC45IDMuOCAxMC45IDMuOEw2My4xIDc3YzEuNS0uNSAzLTEuMSA0LjQtMS43bC44LS4zaC0uMWMxMy02LjMgMjItMTkuNyAyMi0zNS4xem0tMjEuMS0zLjZjMCAyLjMtLjQgNC40LTEuMSA2LjMtLjcgMS45LTEuOCAzLjUtMy4yIDQuOC0xLjQgMS4zLTMuMiAyLjQtNS4yIDMuMS0yIC43LTQuMyAxLjEtNi45IDEuMWgtOC4zdjE0YzAgMS43LS42IDMuMS0xLjcgNC4yLTEuMiAxLjItMi42IDEuNy00LjIgMS43LTEuNyAwLTMuMS0uNi00LjItMS43LTEuMi0xLjItMS43LTIuNi0xLjctNC4yVjIyLjljMC0xLjYuNi0zIDEuNy00LjIgMS4yLTEuMiAyLjYtMS44IDQuMi0xLjhoMTMuOWM1LjkgMCAxMC4zIDEuNiAxMy4zIDQuOSAyLjQgMi44IDMuNSA2LjMgMy41IDEwLjZ2My45eiIvPjwvc3ZnPg==') no-repeat 50% 50%;
  background-size: cover;
  display: block;
  height: 0;
  margin: 0 auto;
  padding: 0 0 115px;
  width: 100%;
}

#login h1 a:active,
#login h1 a:focus,
#login h1 a:hover {
  background-position: 50% 50%;
  box-shadow: none;
}

#login form {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  margin-top: 10px;
}

#login input[type=email],
#login input[type=password],
#login input[type=text],
#login input[type=email]:focus,
#login input[type=password]:focus,
#login input[type=text]:focus {
  color: #000;
  border: 0;
  box-shadow: none;
}

#login label,
#login #nav {
  color: #fff;
}

#login .button-primary {
/*  background-color: #26598c;*/
  background-color: #212529;
  color: #fff;
}

#login .button-primary,
#login .button-primary.active,
#login .button-primary.focus,
#login .button-primary.hover,
#login .button-primary:active,
#login .button-primary:focus,
#login .button-primary:hover {
  background-image: none;
  border-bottom-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(51, 51, 51, .1);
  transition: 0.25s;
}

#login .button-primary.active,
#login .button-primary.focus,
#login .button-primary.hover,
#login .button-primary:active,
#login .button-primary:focus,
#login .button-primary:hover {
/*  background-color: #043370;*/
  background-color: #212529;
  color: #fff;
}

#login .privacy-policy-link {
  display: none;
}

#login #backtoblog,
#login #nav {
  text-shadow: none;
}

#login #backtoblog a,
#login #nav a {
  color: #fff !important;
}

#login #backtoblog a:focus,
#login #backtoblog a:hover,
#login #nav a:focus,
#login #nav a:hover {
/*  color: #26598c !important;*/
  color: #212529 !important;
}

.login .message,
.login #login_error {
  background-color: #fff;
  border-left-color: #26598c;
  box-shadow: none;
  margin: 16px 24px;
  padding: 12px;
}

.interim-login #login_error,
.interim-login.login .message {
  margin: 16px 24px;
}

@media only screen and (min-width:768px) {
  #login {
    width: 400px;
  }
}