/*
Loginpage CSS
*/

/* Hide login error */
.login #login_error {
  display: none !important;
}

/* Change background color and font family */
body {
  background: var(--secondary-dark);
  font-family: Arial, Helvetica, sans-serif;
}

.login form {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 24px 26px;
  border:none;
}

/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  width: 272px;
  background-size: 100%;
  margin: 0 auto;
}
 
/* Add a few changes to the color and style of form itself */
.login label {
  color: var(--light);
  display: block;
  margin-bottom: 0;
  font-weight: 200;
}
 
.login form .input {
  font-weight: normal;
  border-radius: 3px;
}
 
.login #backtoblog a, .login #nav a {
  color: var(--light) !important;
}

.wp-core-ui .button-group.button-large .button,
.wp-core-ui .button.button-large {
  height: 36px;
  line-height: 36px;
  padding: 0px;
  width: 100%;
}
 
.wp-core-ui .button-primary {
  background: var(--primary);
  border: solid 1px var(--primary-dark);
  text-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary:focus {
  background: var(--primary-dark);
  border: solid 1px var(--primary-dark);
}

.login #nav {
  visibility: hidden;
  margin-top: -1em;
}

.login #backtoblog,
.message,
.privacy-policy-page-link,
.language-switcher {
  display: none;
}

.login p a:hover {
  color: var(--primary) !important;
}

.login  .forgetmenot label {
  margin-bottom: 2em;
  display: inline-block;
}

@media (min-width: 750px) {
#login {
  padding: 12% 0 0 !important;
}
}