#primary:has(#customer_login) .page,
#primary:has(.woocommerce-ResetPassword) .page {
  max-width: 1000px;
  width: 100%;
}
#primary:has(#customer_login),
#primary:has(.woocommerce-ResetPassword) {
  background-color: var(--light-grey-color);
}
#primary:has(#customer_login) header,
#primary:has(.woocommerce-ResetPassword) header {
  display: none;
}
#primary:has(#customer_login) .woocommerce-notices-wrapper ul,
#primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul {
  list-style: none;
  margin: 0 40px 20px;
  border-radius: 10px;
  background: #bff3c2;
}
#primary:has(#customer_login) .woocommerce-notices-wrapper ul li,
#primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul li {
  padding: 10px;
  color: var(--brand-primary);
}
#primary:has(#customer_login) .woocommerce-notices-wrapper ul li a,
#primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul li a {
  color: var(--brand-primary);
  text-decoration: underline;
  font-weight: 700;
}
#primary:has(#customer_login) .woocommerce-notices-wrapper ul.woocommerce-error,
#primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul.woocommerce-error {
  background: #ffdcdc;
}
#primary:has(#customer_login) .woocommerce-notices-wrapper ul.woocommerce-error li,
#primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul.woocommerce-error li {
  padding: 10px;
  color: #ff0000;
}
#primary:has(#customer_login) .woocommerce-notices-wrapper ul.woocommerce-error li a,
#primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul.woocommerce-error li a {
  color: #ff0000;
  text-decoration: underline;
  font-weight: 700;
}
#primary:has(#customer_login) #customer_login,
#primary:has(.woocommerce-ResetPassword) #customer_login {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin: 0 40px;
}
#primary:has(#customer_login) #customer_login > div,
#primary:has(.woocommerce-ResetPassword) #customer_login > div {
  max-width: 500px;
  width: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 20px;
  background: white;
  font-family: "helvetica";
  height: fit-content;
}
#primary:has(#customer_login) #customer_login > div form.woocommerce-form-register,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form.woocommerce-form-register {
  grid-template-areas: "username	username" "password	password" "strength	strength" "hint 		hint" "login		forgotten" "terms 		terms";
}
#primary:has(#customer_login) #customer_login > div form.woocommerce-form-register .woocommerce-password-strength,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form.woocommerce-form-register .woocommerce-password-strength {
  grid-area: strength !important;
  text-align: left;
}
#primary:has(#customer_login) #customer_login > div form.woocommerce-form-register .woocommerce-password-hint,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form.woocommerce-form-register .woocommerce-password-hint {
  grid-area: hint;
}
#primary:has(#customer_login) #customer_login > div form,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form {
  width: 100%;
  max-width: 100%;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "username username" "password password" "login forgotten" "terms terms";
}
#primary:has(#customer_login) #customer_login > div form span.password-input input,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form span.password-input input {
  padding: 5px 40px 5px 10px;
  width: 100%;
  box-sizing: border-box;
}
#primary:has(#customer_login) #customer_login > div form input,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form input {
  width: 100% !important;
  border-radius: 10px;
  padding: 5px 10px;
  box-sizing: border-box;
}
#primary:has(#customer_login) #customer_login > div form input.woocommerce-form__input-checkbox,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form input.woocommerce-form__input-checkbox {
  width: 20px !important;
}
#primary:has(#customer_login) #customer_login > div form input::placeholder,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form input::placeholder {
  color: var(--dark-grey-color);
}
#primary:has(#customer_login) #customer_login > div form input#username, #primary:has(#customer_login) #customer_login > div form input#reg_email, #primary:has(#customer_login) #customer_login > div form input#user_login,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form input#username,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form input#reg_email,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form input#user_login {
  grid-area: username;
}
#primary:has(#customer_login) #customer_login > div form .lost_password,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form .lost_password {
  grid-area: forgotten !important;
  text-align: right !important;
}
#primary:has(#customer_login) #customer_login > div form p.form-row,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row {
  grid-area: login;
  display: grid;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  gap: 1rem;
}
#primary:has(#customer_login) #customer_login > div form p.form-row label.woocommerce-form__label-for-checkbox,
#primary:has(#customer_login) #customer_login > div form p.form-row label.woocommerce-form-login__rememberme,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row label.woocommerce-form__label-for-checkbox,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row label.woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  flex: 0 0 auto;
  z-index: 999;
  cursor: pointer;
}
#primary:has(#customer_login) #customer_login > div form p.form-row label.woocommerce-form__label-for-checkbox input[type=checkbox],
#primary:has(#customer_login) #customer_login > div form p.form-row label.woocommerce-form-login__rememberme input[type=checkbox],
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row label.woocommerce-form__label-for-checkbox input[type=checkbox],
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row label.woocommerce-form-login__rememberme input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
}
#primary:has(#customer_login) #customer_login > div form p.form-row label.woocommerce-form__label-for-checkbox span,
#primary:has(#customer_login) #customer_login > div form p.form-row label.woocommerce-form-login__rememberme span,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row label.woocommerce-form__label-for-checkbox span,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row label.woocommerce-form-login__rememberme span {
  font-size: var(--font-size-md);
  color: var(--dark-grey-color);
  white-space: nowrap;
}
#primary:has(#customer_login) #customer_login > div form p.form-row button,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.form-row button {
  width: fit-content;
  background-color: var(--brand-primary);
  color: var(--light-grey-color);
  text-decoration: none;
  border-radius: var(--radius-md);
  margin: 0px;
  cursor: pointer;
  font-family: var(--font-body);
}
#primary:has(#customer_login) #customer_login > div form p.lost_password,
#primary:has(#customer_login) #customer_login > div form p.woocommerce-LostPassword,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.lost_password,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.woocommerce-LostPassword {
  grid-area: forgotten;
  text-align: center;
  margin: 0;
}
#primary:has(#customer_login) #customer_login > div form p.lost_password a,
#primary:has(#customer_login) #customer_login > div form p.woocommerce-LostPassword a,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.lost_password a,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form p.woocommerce-LostPassword a {
  color: var(--brand-primary);
  text-decoration: underline;
  font-size: var(--font-size-md);
}
#primary:has(#customer_login) #customer_login > div form .woocommerce-privacy-policy-text,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form .woocommerce-privacy-policy-text {
  grid-area: terms;
}
#primary:has(#customer_login) #customer_login > div form .woocommerce-form-row,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form .woocommerce-form-row {
  grid-area: form-row;
  display: flex;
  justify-content: center;
  margin: 0;
}
#primary:has(#customer_login) #customer_login > div form .woocommerce-form-row button,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form .woocommerce-form-row button {
  width: fit-content;
  padding: 15px 70px;
  background-color: var(--brand-primary);
  color: var(--light-grey-color);
  text-decoration: none;
  border-radius: var(--radius-md);
  margin: 5px;
  cursor: pointer;
  font-family: var(--font-body);
}
#primary:has(#customer_login) #customer_login > div form .woocommerce-privacy-policy-text,
#primary:has(.woocommerce-ResetPassword) #customer_login > div form .woocommerce-privacy-policy-text {
  font-size: 0.8rem;
}
#primary:has(#customer_login) form.woocommerce-ResetPassword,
#primary:has(.woocommerce-ResetPassword) form.woocommerce-ResetPassword {
  max-width: 1000px;
  width: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 20px;
  background: white;
  font-family: "helvetica";
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#primary:has(#customer_login) form.woocommerce-ResetPassword > span:has(input),
#primary:has(.woocommerce-ResetPassword) form.woocommerce-ResetPassword > span:has(input) {
  display: contents;
}
#primary:has(#customer_login) form.woocommerce-ResetPassword > input,
#primary:has(.woocommerce-ResetPassword) form.woocommerce-ResetPassword > input {
  width: 100%;
  border-radius: 10px;
  padding: 5px 10px;
  box-sizing: border-box;
}
#primary:has(#customer_login) form.woocommerce-ResetPassword > input::placeholder,
#primary:has(.woocommerce-ResetPassword) form.woocommerce-ResetPassword > input::placeholder {
  color: var(--dark-grey-color);
}
#primary:has(#customer_login) form.woocommerce-ResetPassword > input#user_login,
#primary:has(.woocommerce-ResetPassword) form.woocommerce-ResetPassword > input#user_login {
  grid-area: username;
}
#primary:has(#customer_login) form.woocommerce-ResetPassword button,
#primary:has(#customer_login) form.woocommerce-ResetPassword p:has(button),
#primary:has(.woocommerce-ResetPassword) form.woocommerce-ResetPassword button,
#primary:has(.woocommerce-ResetPassword) form.woocommerce-ResetPassword p:has(button) {
  grid-area: submit;
  width: fit-content;
  padding: 15px 70px;
  background-color: var(--brand-primary);
  color: var(--light-grey-color);
  text-decoration: none;
  border-radius: var(--radius-md);
  margin: 5px;
  cursor: pointer;
  font-family: var(--font-body);
}
#primary:has(#customer_login) keeper-lock,
#primary:has(.woocommerce-ResetPassword) keeper-lock {
  display: none !important;
}
#primary:has(#customer_login) .show-password-button,
#primary:has(.woocommerce-ResetPassword) .show-password-button {
  display: none !important;
}
@media (max-width: 1400px) {
  #primary:has(#customer_login) .woocommerce-notices-wrapper ul,
  #primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul {
    margin: 0 20px 20px;
  }
  #primary:has(#customer_login) #customer_login,
  #primary:has(.woocommerce-ResetPassword) #customer_login {
    grid-template-columns: 1fr;
    margin: 0 20px;
    gap: 20px;
  }
  #primary:has(#customer_login) #customer_login > div,
  #primary:has(.woocommerce-ResetPassword) #customer_login > div {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #primary:has(#customer_login) .woocommerce-notices-wrapper ul,
  #primary:has(.woocommerce-ResetPassword) .woocommerce-notices-wrapper ul {
    margin: 0 10px 20px;
  }
  #primary:has(#customer_login) #customer_login,
  #primary:has(.woocommerce-ResetPassword) #customer_login {
    margin: 0 10px;
  }
  #primary:has(#customer_login) #customer_login > div,
  #primary:has(.woocommerce-ResetPassword) #customer_login > div {
    padding: 15px;
  }
  #primary:has(#customer_login) #customer_login > div form,
  #primary:has(.woocommerce-ResetPassword) #customer_login > div form {
    gap: 8px;
  }
  #primary:has(#customer_login) #customer_login > div form input,
  #primary:has(.woocommerce-ResetPassword) #customer_login > div form input {
    font-size: var(--font-size-md);
  }
}

div.woocommerce-message {
  background: #bff3c2;
  border-radius: 10px;
  padding: 10px;
  color: var(--brand-primary);
}

span.password-input {
  grid-area: password;
  position: relative;
  display: flex;
  align-items: center;
}
span.password-input .show-password-input {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../media/images/eye-crossed.svg) no-repeat center;
  border: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
span.password-input .show-password-input.display-password {
  background: url(../media/images/eye.svg) no-repeat center;
}

.post-11 {
  margin: auto;
}
.post-11 .entry-content {
  margin-top: 80px;
  margin-bottom: 80px;
}

.woocommerce-form-login {
  margin: 0 !important;
}

.woocommerce-form-login .input-text {
  border: 1px solid #ccc !important;
}

/*# sourceMappingURL=login.css.map */