:root {
  --primary: #4f62ee;
}

body {
  background: #393e46;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

#login {
  width: 25% !important;
}

.privacy-policy-page-link{
  display: none;
}

@media screen and (max-width: 1200px) {
  #login {
    width: 80% !important;
  }
}

.login h1 a {
  background-image: url("/wp-content/themes/Blueprint/assets/images/electrical-plumbing-skills-logo--3.svg");
  background-size: 125px;
  height: 125px;
  margin: 0 auto 24px;
  width: 125px;
}

.login .message,
.login .notice,
.login .success {
  border: none;
  box-shadow: none;
}

.language-switcher,
.notice.notice-info.message,
label {
  display: none !important;
}

.forgetmenot label {
  display: inline-block !important;
}

#login-message {
  display: block !important;
  background: none;
  border: 1px solid var(--primary);
  color: var(--primary);
}

#loginform,
#lostpasswordform {
  padding: 40px;
}

input {
  border-radius: 0px !important;
  border: 1px solid #d1d1d1 !important;
  border-radius: 3px !important;
  color: var(--primary) !important;
  font-family: Arial !important;
  font-size: 16px !important;
  padding: 17px 0 17px 20px !important;
  box-sizing: border-box !important;
}

input:focus {
  border: 1px solid var(--primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

.button.button-large {
  border: 1px solid var(--primary) !important;
  border-radius: 3px !important;
  color: var(--primary) !important;
  padding: 14px 20px !important;
  text-decoration: none !important;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) !important;
  background: transparent !important;
  text-align: center !important;
  line-height: normal !important;
  /* float: left !important; */
}

.button.button-large.button:hover {
  background: var(--primary) !important;
  color: #ffffff !important;
}

.login .button.wp-hide-pw:focus {
  border: none !important;
  box-shadow: none !important;
}

#lostpasswordform .button.button-large {
  float: left !important;
}

.dashicons-visibility:before,
.dashicons-hidden:before {
  color: var(--primary);
}

.login #backtoblog,
.login #nav {
  padding: 0;
}

.login .button.wp-hide-pw .dashicons {
  /* width: 1.25rem;
    height: 1.25rem; */
  top: calc(0.25rem + 8.5px);
  left: -8.5px;
}

input[type="checkbox"]:checked::before {
  content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%234F62EE%27%2F%3E%3C%2Fsvg%3E) /
    "";
  margin: -0.1875rem 0 0 -0.25rem;
  height: 1.3125rem;
  width: 1.3125rem;
}

a {
  color: #ffffff !important;
}

a:focus {
  outline: none !important;
  box-shadow: none !important;
}

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