/* visa2travel.news login/register screen: dark 'Departure Board' theme
   applied to WordPress's own wp-login.php so it doesn't look like a
   separate, unbranded site. */

body.login {
  background: #0B0F14;
}

body.login #login h1 a {
  background-image: none;
  width: auto;
  height: auto;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #E7ECF2;
  text-indent: 0;
  display: block;
  text-align: center;
}

body.login form {
  background: #121822;
  border: 1px solid #1F2836;
  border-radius: 6px;
  box-shadow: none;
  padding: 26px 24px 20px;
}

body.login label {
  color: #8B97A6;
  font-family: 'IBM Plex Sans', sans-serif;
}

body.login input[type=text],
body.login input[type=password],
body.login input[type=email] {
  background: #0B0F14;
  border: 1px solid #1F2836;
  color: #E7ECF2;
  box-shadow: none;
  font-family: 'IBM Plex Sans', sans-serif;
}

body.login input[type=text]:focus,
body.login input[type=password]:focus,
body.login input[type=email]:focus {
  border-color: #F2A63C;
  box-shadow: 0 0 0 1px #F2A63C;
}

body.login .button-primary {
  background: #F2A63C;
  border-color: #F2A63C;
  color: #1A1300;
  text-shadow: none;
  box-shadow: none;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  letter-spacing: 0.04em;
}

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

body.login #nav a,
body.login #backtoblog a {
  color: #8B97A6;
  font-family: 'IBM Plex Sans', sans-serif;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #F2A63C;
}

body.login .message,
body.login #login_error {
  background: #121822;
  border-left: 4px solid #F2A63C;
  color: #E7ECF2;
}

body.login #login_error {
  border-left-color: #E2604A;
}