/* WORDPRESS LOGIN PAGE */
body.login {
  background-size: cover;
  background-attachment: fixed;
}
body.login #login {
  width: 400px;
  max-width: 96%;
  padding-top: 3em;
}
body.login div#login h1 a {
  background-size: contain;
  width: 100%;
  height: 75px;
  margin-bottom: .75em;
}
body.login #login #loginform {
  background: #034674;
  border: 3px solid #fff;
  box-shadow: 4px 8px 0px 3px rgba(0,0,0,.5) !important;
  border-radius: 5px;
  padding: 1.25em 2em 1.5em;
}
body.login #login #loginform label {
  color:#FFF;
  font-weight:bold;
  text-transform: uppercase;
  letter-spacing:1px;
  cursor: pointer;
}
body.login #login #loginform label[for="user_login"],
body.login #login #loginform label[for="user_pass"] {
  font-size: 1.5em;
}
body.login #login #loginform input.input {
  background: #ffffff;
  font-weight: bold;
  border: 3px solid #000000;
  border-radius: 12px;
  margin: 2px 0px 15px;
  padding: 10px 12px;
}

body.login #login #loginform .forgetmenot {
  margin-top: 10px;
  color: #FFF;
}

p.forgetmenot > input#rememberme,
p.forgetmenot > input#rememberme + label,
p.forgetmenot > input#rememberme:checked,
p.forgetmenot > input#rememberme:checked + label {
  transition:.2s!important;
}
body.login #login #loginform input[type="checkbox"] {
  border-radius: 3px;
  border: none;
  scale:1.1;
}
p.forgetmenot > input#rememberme:checked,
p.forgetmenot > input#rememberme:checked + label {
  background: #000;
  padding: 0px 2px;
}


body.login #login #loginform input[type="submit"] {
  font-family: "comic sans ms", arial;
  font-size: 1.75em;
  background: #ffeb3b;
  color: #000;
  font-weight: bold;
  line-height: 1!important;
  padding: 0.55em 1em;
  border-radius: 100px;
  border: 2px solid #000;
  border-bottom-width: 3px;
  transition:.2s;
}
body.login #login #loginform input[type="submit"]:hover {
  background:#34c548;
  color:#FFF;
  scale:1.05;
}


body.login #login #nav {
  margin-top: 3em;
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
}
body.login #login #nav,
body.login #login #backtoblog {
  text-align: center;
}
body.login #login #nav a,
body.login #login #backtoblog a {
  color:#FFF;
  font-size: 1.5em;
}
body.login a.privacy-policy-link {
  color: #FFF;
}

body.login .language-switcher {
  padding-bottom:5em;
}

@media (max-width:640px) and (orientation: portrait) {
  body.login #login #loginform {
    box-shadow: none!important;
  }
}

@media (max-width:640px) {
  body.login #login #loginform {
    padding: 1.25em 1em;
  }
  body.login #login #loginform label[for="user_login"],
  body.login #login #loginform label[for="user_pass"],
  body.login #login #loginform input.input {
    font-size:1.25em;
  }
  body.login div#login h1 a {
    height:70px;
  }

}

/* Plugins */
body.login #login form p.two-factor-prompt {
  color:#fff;
  font-weight:bold;
  text-shadow:1px 1px 1px #000;
  text-align:center;
}