/* login page stylesheet */
html {
  --dark-blue: #1a3866;
  --light-blue: #4563ad;
  --red: #e53538;
}
body.login {
  background: linear-gradient(
    to top left,
    var(--dark-blue) 0%,
    var(--light-blue) 100%
  );
}
.login h1 a {
  background: no-repeat center/100% auto url(../../img/logo.svg);
  width: auto;
  height: 76px;
}
.login #backtoblog {
  display: none;
}
.login #nav {
  margin-top: 12px;
  text-align: center;
}
.login #nav a {
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
}
.login #nav a:hover {
  color: #fff;
  text-decoration: underline;
}
.login #login_error,
.login .message,
.login .success {
  border-left-color: #fff;
}
.login #loginform {
  color: var(--dark-blue);
}
.login.wp-core-ui #wp-submit.button-primary {
  border-radius: 6px;
  background-color: var(--red);
  text-transform: uppercase;
  border: solid 2px var(--red);
  transition: all 0.25s ease;
  color: #fff;
}
.login.wp-core-ui #wp-submit.button-primary:hover {
  color: var(--red);
  background-color: #fff;
}
.login form .input,
.login form input[type="checkbox"],
.login input[type="text"] {
  border-radius: 0;
}