@media (min-width: 768px) {
  body.login #login {
    width: 520px;
  }
}
html body.login {
  background: url(https://www.indiv.nl/static/loginbackground.jpg) no-repeat center center fixed;
  background-size: 100% 100% !important;
}
html body.login div#login h1 a {
  background-image: url(https://www.indiv.nl/static/loginlogo.png);
  height: 85px;
  width: 294px;
  background-size: 294px 85px;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}
html body.login div#login #backtoblog a, html body.login div#login #nav a {
  text-decoration: none;
  color: #fff !important;
}
html body.login div#login #backtoblog a:focus, html body.login div#login #nav a:focus, html body.login div#login h1 a:focus, html body.login div#login #backtoblog a:hover, html body.login div#login #nav a:hover, html body.login div#login h1 a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
html body.login div#login form#loginform {
  border-radius: 0.5rem;
  /* border: 5px solid #ffffff; */
  position: relative;
  z-index: 1;
  background-color: white;
  background: white !important;
  border: none !important;
  /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; */
  padding: 26px 24px 26px !important;
  /* filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); */
  /* box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; */
  box-shadow: 0px 0.2px 0.4px -2px rgba(0, 0, 0, 0.037), 0px 0.5px 1px -2px rgba(0, 0, 0, 0.053), 0px 1.1px 2.1px -2px rgba(0, 0, 0, 0.067), 0px 2.2px 4.4px -2px rgba(0, 0, 0, 0.083), 0px 6px 12px -2px rgba(0, 0, 0, 0.12) !important;
}
html body.login div#login form#loginform label {
  color: #fb8c16;
  font-size: 14px;
}
html body.login div#login form#loginform p.submit .button-primary {
  background: #fb8c16 !important;
  font-size: 14px;
  border: none !important;
  text-shadow: none;
  border-radius: 0.375rem;
  box-shadow: 0 1px 0 #fff;
  width: 100%;
  height: 40px;
  text-align: center;
  margin-top: 15px;
  transition: background 0.15s ease-in-out;
}
html body.login div#login form#loginform p.submit .button-primary:hover, html body.login div#login form#loginform p.submit .button-primary:focus {
  background: rgba(251, 140, 22, 0.9) !important;
}
html body.login div#login form#loginform .input {
  transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 0.375rem;
}
html body.login div#login form#loginform .input:focus {
  border-color: #fb8c16;
  box-shadow: 0 0 0 1px #fb8c16;
  outline: 2px solid transparent;
}