/**
* Login CSS
*/

body.login {
  background: #ffc33c;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="checkbox"]:focus,
body.login input[type="submit"]:focus {
  border-color: #ffc33c;
  box-shadow: 0 0 2px rgba(251, 196, 80, 0.8);
}

body.login h1 a {
  background-image: url("../img/logo.png");
  background-size: 220px;
  width: 220px;
}

body.login .button {
  background: #fff;
  border-color: #000;
  color: #000;
  box-shadow: none;
  text-shadow: none;
  transition: background 0.3s ease-in-out;
}

body.login .button:hover {
  background: #cfc5b7;
  border-color: #000;
  color: #000;
}

body.login .button-primary {
  background: #ffc33c;
  border-color: #ffc33c;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  transition:
    background 0.3s ease-in-out,
    border 0.3s ease-in-out;
}

body.login .button-primary:hover,
body.login input[type="submit"]:focus,
body.login input[type="submit"]:active {
  background: #c58908;
  border-color: #c58908;
  color: #fff;
}

body.login form#loginform {
  border-radius: 6px;
}

body.login .wp-pwd .dashicons::before {
  color: #ffc33c;
}

body.login a {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

body.login #nav a,
body.login #backtoblog a {
  color: #fff !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #000 !important;
}

body.login button[name="itsec_resend_2fa"] {
  margin-bottom: 20px;
}

body.login button[name="itsec_resend_2fa"] {
  margin-bottom: 20px;
}