body.login {
  min-height: 100vh;
  background: #0D1B2A;
  color: #E0E5EE;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
}

body.login #login {
  width: 360px;
  padding-top: 7vh;
}

body.login h1 a {
  width: 232px;
  height: 100px;
  margin: 0 auto 22px;
  background-image: url("full-logo-white-text-orange-crown.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* The wordmark is part of the logo lockup image above — never typed. */

body.login form {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
}

body.login label {
  color: #1B365D;
  font-weight: 700;
}

body.login input[type="text"],
body.login input[type="password"] {
  border-color: #E0E5EE;
  border-radius: 4px;
}

body.login .button-primary {
  min-height: 38px;
  border: 1px solid #FF5722;
  border-radius: 4px;
  background: #FF5722;
  box-shadow: none;
  font-weight: 700;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
  border-color: #E0431A;
  background: #E0431A;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
  color: #C5CDDB;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
  color: #fff;
}

body.login .vigil-books-login-warning {
  border-left-color: #FF5722;
  color: #1B365D;
  font-size: 13px;
  line-height: 1.5;
}

/* Login notices inherit the page's light text color, which is unreadable on their
   light backgrounds — force readable contrast on every message and the error box. */
body.login .message,
body.login #login_error {
  color: #1B365D;
  background: #fff;
}

body.login #login_error {
  color: #8A2710;
  background: #FFEDE5;
  border-left: 4px solid #C24A2C;
}