body {
  --main-bg-color: #e3dcc8;
  --button-background-color: #75866d;
  --elements-accent-color: #323232;
  --logo-icon-url: url(../images/logo.svg);
  --logo-bg-size: 60%;
}

@font-face {
  font-family: 'Poppins Light';
  src: url(../fonts/Poppins-Light.woff2);
}

body.login {
  background: var(--main-bg-color);
}

body.login div#login h1 a {
  background-image: var(--logo-icon-url);
  background-size: var(--logo-bg-size);
  height: 169px;
  width: 100%;
}

body.login #login_error,
body.login .message,
body.login .success {
  border-left: 4px solid var(--elements-accent-color);
  font-family: var(--font-family-name-base);
}

body.login form {
  margin-top: 20px;
  margin-left: 0;
  padding: 26px 24px 34px;
  font-weight: 400;
  overflow: hidden;
  background: #fff;
  border: 0;
  box-shadow: none;
}
body.login label {
  font-size: 16px;
}

body.login .forgetmenot label {
  font-size: 13px;
}
body.login label,
body.login #backtoblog a,
body.login #nav a {
  font-family: var(--font-family-name-base);
}
body.login input {
  font-family: var(--font-family-name-base);
}

body.login input[type='text'],
body.login input[type='password'] {
  border: 0;
  border-bottom: 2px solid var(--elements-accent-color);
  border-radius: 0;
}

body.login input[type='color']:focus,
body.login input[type='date']:focus,
body.login input[type='datetime-local']:focus,
body.login input[type='datetime']:focus,
body.login input[type='email']:focus,
body.login input[type='month']:focus,
body.login input[type='number']:focus,
body.login input[type='password']:focus,
body.login input[type='radio']:focus,
body.login input[type='search']:focus,
body.login input[type='tel']:focus,
body.login input[type='text']:focus,
body.login input[type='time']:focus,
body.login input[type='url']:focus,
body.login input[type='week']:focus,
body.login select:focus,
textarea:focus {
  border-bottom: solid 2px var(--elements-accent-color);
  border-radius: 0;
  box-shadow: none;
  outline: 2px solid transparent;
}

body.login .button.wp-hide-pw:focus {
  background: 0 0;
  border: 0;
  box-shadow: none;
  outline: 0;
}

body.wp-core-ui .button,
body.wp-core-ui .button-secondary {
  color: var(--elements-accent-color);
  border: 0;
  background: var(--button-background-color);
  vertical-align: top;
  border-radius: 0;
}

body.login.wp-core-ui select {
  color: black;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

body.login #backtoblog a:hover,
body.login #nav a:hover,
body.login h1 a:hover {
  color: black;
}

body.login input[type='checkbox'],
body.login input[type='radio'] {
  border: 2px solid #e5f0f0;
  border-radius: 0;
  box-shadow: none;
}

.login.wp-core-ui .button-primary.focus,
.login.wp-core-ui .button-primary.hover,
.login.wp-core-ui .button-primary:focus,
.login.wp-core-ui .button-primary:hover {
  background: black;
  border-color: black;
  color: #fff;
}

.login.wp-core-ui .button-primary.active,
.login.wp-core-ui .button-primary.active:focus,
.login.wp-core-ui .button-primary.active:hover,
.login.wp-core-ui .button-primary:active {
  background: black;
  border-color: black;
  box-shadow: none;
  color: #fff;
  outline: 0;
}

.login.wp-core-ui .button-primary.focus,
.login.wp-core-ui .button-primary:focus {
  box-shadow: none;
}

.login.wp-core-ui .button-secondary:not(.wp-hide-pw):focus,
.login.wp-core-ui .button.focus:not(.wp-hide-pw),
.login.wp-core-ui .button:not(.wp-hide-pw):focus {
  background: black;
  border: 0;
  color: white;
  box-shadow: none;
  outline: 0;
}

.login.wp-core-ui .button-secondary:not(.wp-hide-pw):hover,
.login.wp-core-ui .button.hover:not(.wp-hide-pw),
.login.wp-core-ui .button:not(.wp-hide-pw):hover {
  background: black;
  border: 0;
  color: white;
}

.login input[type='checkbox']:checked::before {
  content: url(../images/check-icon.svg);
}

.login.wp-core-ui .button-secondary.wp-hide-pw:hover {
  color: black;
}