:root {
    --background: #000;
    --links: #FFF; /* text links */
    --maincolour: #000; /* Button included */
    --buttontextcolour: #FFF; /* button text colour */
}


/* Background */
body.login {
  background-color: var(--background);
}

/* Logo */
.login h1 a {
  background-image: url('wkh-logo.svg');
  background-size: 60%;
  width: 100%;
  height: 76px;
}

.login h1 a:focus {
  color: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Login */
  #login {
  padding: 6% 0 0;
  }

/* Message - strip color */
.login .message {
  border-left: 4px solid var(--maincolour);
}

/* Button */
.login .button-primary,
.login .button-primary:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary:focus {
  background: var(--maincolour);
  border-color: var(--maincolour);
  box-shadow: 0 1px 0 var(--maincolour);
  text-shadow: none;
}

/* Navigaiton under the sign in box */
.login #backtoblog a,
.login #backtoblog a:focus {
  color: var(--links);
  text-decoration: none;
}
.login #backtoblog a:hover {
  color: var(--links);
  text-decoration: underline;
}

.login #nav a,
.login #nav a:focus {
  color: var(--links);
  box-shadow: none;
  text-decoration: none;
}
.login #nav a:hover {
  color: var(--links);
  text-decoration: underline;
}

.login .privacy-policy-page-link a,
.login .privacy-policy-page-link a:hover,
.login .privacy-policy-page-link a:focus {
  color: var(--links);
  text-decoration: underline;
}


/* Username box */
input[type=text] {
  -webkit-box-shadow: none;
  box-shadow: none;
}
input[type=text]:focus {
  border-color: var(--links);
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* Password box */
input[type=password] {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=password]:focus {
  border-color: var(--links);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Remember me - tick box */
input[type=checkbox] {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox]:focus {
  border-color: var(--links);
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox]:checked:before {
  color: var(--links);
}


/* Hide Language Selector */
.language-switcher {
    display: none !important;
}