/* Login Styles */

/* Container width */
body.login #login {
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
  margin: 40px auto;
}

/* Form */
form#loginform {
    margin: 30px auto;
}

/* Username input */
input#user_login {
  font-size: 18px;
  padding: 10px 12px;
}

/* Username label */
label[for="user_login"] {
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}

/* Password input */
input#user_pass {
  font-size: 18px;
  padding: 10px 12px;
}

/* Password label */
label[for="user_pass"] {
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}

/* Responsive styling */
/* Container width */
@media (max-width: 640px) {
body.login #login {
  max-width: 90%;
  width: 100%;
  box-sizing: border-box;
  margin: 40px auto;
}
}

/* Login Logo */
/* Place a logo image (.png format) in the same folder as this script and name it login-logo.png
/* Use an absolute URL or a path relative to this CSS file, e.g. url('../login-logo.png') */
/* UNCOMMENT TO USE - HERE AND BELOW
.login h1 a {
  background-image: url('../login-logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 220px;
  height: 80px;
  display: block;
  margin: 0 auto 18px;
  border: 0;
  text-indent: -9999px;
}
*/