/* White badging the login */
/* Just the brand colors again */
body.login .button-primary {
  background-color: #021d2e;
  border-color: #021a29;
  text-shadow: 0 -1px 1px #021927, 1px 0 1px #021927, 0 1px 1px #021927, -1px 0 1px #021927;
  box-shadow: 0 1px 0 #021725;
}

body.login .button-primary:active,
body.login .button-primary:focus,
body.login .button-primary:hover {
  background-color: black;
  border-color: black;
  text-shadow: 0 -1px 1px black, 1px 0 1px black, 0 1px 1px black, -1px 0 1px black;
  box-shadow: 0 1px 0 black;
}

body.login {
  background-color: #fff;
}

/* Recolor the title */
.login h1 a {
  color: transparent;
  font-size: 0px;
  background-image: none;
  width: auto;
  height: auto;
  text-indent: 0;
}

/* Recolor form field */
#login #loginform {
  background: #085CA9;
  border-color: #22a4f5;
  border-radius: 4px;
  color: #fff;
}

/* Recolor input fields on focus */
#login .input:focus {
  border-color: #021d2e;
  box-shadow: 0 0 0 1px #021d2e;
  appearance: none;
}

/* Recolor the Register & Lost password links */
.login #nav {
  display: flex;
  justify-content: center;
}
.login #nav a {
  color: #021d2e;
}
.login #nav a:hover, .login #nav a:focus {
  color: #021d2e;
}

/* Recolor the Back to main page link */
.login #backtoblog {
  display: flex;
  justify-content: center;
}
.login #backtoblog a {
  color: #021d2e;
}
.login #backtoblog a:hover, .login #backtoblog a:focus {
  color: #021d2e;
}

.login .language-switcher .button {
  background-color: #a4c8eb;
  border-color: #065587;
  color: black;
}