/* Algemene login stijl */
body.login {
  background: #000;
}

#login {
  width: 400px;
  padding-top: 12%;
}

/* Logo styling */
#login h1 a {
  width: 234px;
  height: 100px;
  background: url(../img/logo-wp.svg) no-repeat center;
  background-size: contain;
}

/* Formulier styling */
.login form {
  background: #373736;
  border: none;
}

.login label {
  color: #fff;
  margin-bottom: 10px;
}

/* Invoervelden */
.login form .input {
  background: #272727;
  border: none;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
}

/* Focus-stijlen invoervelden */
.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border: 1px solid #000;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
}

/* Knop styling */
.wp-core-ui .button-primary {
  background: #373736;
  border-color: #373736;
  box-shadow: 0 1px 0 #373736;
  text-shadow: none;
}

/* Inlogknop specifieke stijl */
.login form #wp-submit {
  background: #272727;
}

/* Checkbox styling */
.login input[type="checkbox"]:checked:before {
  color: #373736;
}

.login input[type="checkbox"]:focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* Foutmeldingen en berichten */
.login #login_error, 
.login .message {
  border-left: 4px solid #373736;
}

/* Verwijderen van ongewenste links */
#nav, 
#backtoblog, 
.privacy-policy-page-link {
  display: none;
}

/* Focus styling voor links */
a:focus {
  box-shadow: none;
}

/* Hover en focus kleur voor links */
.login #nav a:hover, 
.login #backtoblog a:hover, 
.login #nav a:focus, 
.login #backtoblog a:focus {
  color: #373736;
}

/* Dashboard logo vervangen */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
  content: url(../img/dash-logo.png);
  width: 32px;
  height: 32px;
  background-size: cover;
}

#wpadminbar #wp-admin-bar-wp-logo > a.ab-item {
  pointer-events: none;
  cursor: default;
}