html,
body {
  font-family: Barlow, sans-serif, ui-sans-serif, system-ui, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.login h1 a {
  background-size: contain;
  width: 100% !important;
  height: 85px;
}

#login {
  margin-top: 10vh;
  padding: 30px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(5px);
  box-shadow: 0 10px 50px -2px rgba(0, 0, 0, .14);
}

.login form {
  border: 0px;
  box-shadow: none;
  padding: 2px;
  background-color: transparent;
}

.login form .input,
.login input[type=password],
.login input[type=text] {
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
}

.login form .input:focus,
.login input[type=password]:focus,
.login input[type=text]:focus {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #FFFFFF;
  outline: 0;
  box-shadow: none;
}

.login .wp-pwd {
  margin: 0 6px 16px 0;
}

.js.login input.password-input {
  margin-bottom: 0;
}

.login .button.wp-hide-pw {
  top: calc(50% - 1.25rem);
}

div#login form p.submit {
  display: flex;
}

.login form input#wp-submit {
  outline: 0;
  /* display: block; */
  width: -moz-fit-content;
  width: fit-content;
  min-width: 14rem;
  margin: 2rem auto;
  box-shadow: none;
  border: 2px solid;
  border-color: rgb(183, 135, 126);
  border-radius: 0;
  /* background-color: rgb(183 143 92); */
  background: var(--button_gradient_top_color);
  padding-top: var(--button_padding-top, 13px);
  padding-right: var(--button_padding-right, 29px);
  padding-bottom: var(--button_padding-bottom, 13px);
  padding-left: var(--button_padding-left, 29px);
  /* padding: .5rem 4rem; */
  text-align: center;
  font-family: Montserrat, sans-serif, ui-sans-serif, system-ui, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: var(--button_line_height, 1);
  font-size: var(--button_font_size, 14px);
  /* font-size: 1rem; */
  /* line-height: 1.5rem; */
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: rgb(116, 81, 82);
  /* color: rgb(255 255 255); */
  outline: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .2s
}

.login form input#wp-submit:hover {
  border-color: #ffffff;
  color: #FFFFFF;
}

@media (min-width: 640px) {
  /* .login form input#wp-submit {
    font-size: 1.5rem;
    line-height: 2rem
  } */
}

#login form p {
  float: none;
  width: 100%;
}

.login #nav {
  margin-top: 0;
  padding-left: 0px;
  text-align: center;
}

.login #backtoblog {
  padding-left: 0px;
  text-align: center;
}

.language-switcher {
  display: none;
}

.login .message,
.login .notice,
.login .success {
  border-left-width: 10px;
}