/**
* Login
*/
.uo-login,
.uo-login .container-wrap {
  background-color: var(--bg-dark-primary);
}

.uo-login {
  --ult-form-field-padding: 8px 10px;
  --ult-form-field-color: #404040;
  --ult-form-field-background: #fff;
  --ult-form-field-box-shadow: none;
  --ult-form-field-border-color: var(--input-border);
  --ult-form-field-border-radius: var(--radius--rounded-xs);
  --ult-form-field-hover-border-color: #b1b5b2;
  --ult-form-field-focus-border-color: var(--input-border-focus);
  --ult-form-field-focus-background: #fff;
  --ult-form-field-focus-box-shadow: 0 0 0 2px #8cbf88;
}

.uo-login a {
  color: var(--green-100);
}

.uo-login a:hover,
.uo-login a:focus {
  color: var(--gray-50);
}

.ult-form-password-wrapper.ult-form-password-wrapper--focus,
.ult-form-password-wrapper:focus,
.ult-form__container :not(.ult-form-password-wrapper)>input[type=password].ult-form-password-wrapper--focus,
.ult-form__container :not(.ult-form-password-wrapper)>input[type=password]:focus,
.ult-form__container :not(.ult-form-password-wrapper)>input[type=tel].ult-form-password-wrapper--focus,
.ult-form__container :not(.ult-form-password-wrapper)>input[type=tel]:focus,
.ult-form__container :not(.ult-form-password-wrapper)>input[type=text].ult-form-password-wrapper--focus,
.ult-form__container :not(.ult-form-password-wrapper)>input[type=text]:focus,
:not(.ult-form-password-wrapper)>.ult-form__input.ult-form-password-wrapper--focus,
:not(.ult-form-password-wrapper)>.ult-form__input:focus {
  background-color: var(--ult-form-field-focus-background);
}

.original[data-form-style=default] .ult-form-password-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.original[data-form-style=default] .ult-form-password-wrapper input[type=password],
.original[data-form-style=default] .ult-form-password-wrapper input[type=text] {
  padding: var(--ult-form-field-padding) !important;
}

.original[data-form-style=default] .ult-form-password-wrapper input[type=password]:focus,
.original[data-form-style=default] .ult-form-password-wrapper input[type=text]:focus {
  background: none;
}

.original[data-form-style=default] .ult-form-password-wrapper--focus input[type=password],
.original[data-form-style=default] .ult-form-password-wrapper--focus input[type=text],
.original[data-form-style=default] .ult-form-password-wrapper:focus-within input[type=password],
.original[data-form-style=default] .ult-form-password-wrapper:focus-within input[type=text] {
  background: none !important;
}

#ult-2fa-validation-form--templated #submit,
#ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend],
#ult-login-form #ult-login-submit,
.ult-form__submit-btn,
#ult-forgot-password-submit-btn {
  --button-text-default: var(--button-primary-text-default);
  --button-bg-default: var(--button-primary-bg-default);
  --button-text-hover: var(--button-primary-text-hover);
  --button-bg-hover: var(--button-primary-bg-hover);
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  border: 0;
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 8px;
  line-height: 1;
  padding: 1.25em 1.75em !important;
  font-size: 16px;
  transition-property: box-shadow background-color color;
  transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  color: var(--button-text-default);
  background-color: var(--button-bg-default);
  box-shadow: transparent 0px 0px 0px 2px inset;
  width: 100%;
}

#ult-2fa-validation-form--templated #submit:hover,
#ult-2fa-validation-form--templated #submit:focus,
#ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend]:hover,
#ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend]:focus,
#ult-login-form #ult-login-submit:hover,
#ult-login-form #ult-login-submit:focus,
.ult-form__submit-btn:hover,
.ult-form__submit-btn:focus,
#ult-forgot-password-submit-btn:hover,
#ult-forgot-password-submit-btn:focus {
  text-decoration: none !important;
  background-color: var(--button-bg-hover) !important;
  color: var(--button-text-hover);
}

#ult-2fa-validation-form--templated #submit[disabled],
#ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend][disabled],
#ult-login-form #ult-login-submit[disabled],
.ult-form__submit-btn[disabled],
#ult-forgot-password-submit-btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.uo_loginForm {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.uo-login-page-container {
  padding-left: 30px;
  padding-right: 30px;
}

.uo-login .ult-box {
  border-radius: var(--radius--rounded-sm);
  padding: var(--component-card-padding);
  background-color: var(--component-card-bg);
  color: var(--component-card-contrast);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.uo_loginForm #ult-login,
.uo_loginForm #ult-forgot-password,
.uo_loginForm #ult-reset-password,
.uo_loginForm .uo-login__copyright {
  width: 100%;
  max-width: 490px;
}

.uo-login .container-wrap {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.uo-login__logo {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.uo-login__logo:before {
  content: "";
  width: 50%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d8d8d8;
}

.uo-login__logo-img {
  width: 150px !important;
  margin-bottom: 0 !important;
}

.uo-login__disclaimer {
  line-height: 1.4;
  text-align: center;
  margin-top: 15px;
}

.ult-form__container form p {
  padding: 0;
}

.uo-login .login-remember {
  display: none;
}

.uo-login .ult-box .ult-notice+.uo-login__logo {
  margin-top: 20px;
}

.ult-form__title,
.ult-form__description {
  text-align: center;
}

.ult-form__title {
  font-size: var(--font-size--05);
  font-weight: 500;
  line-height: 1.4;
  color: var(--component-card-contrast-emphasis);
}

.ult-form__description {
  font-size: 16px;
  color: var(--component-card-contrast);
}

.ult-form__description~.ult-form__container,
.ult-form__title~.ult-form__container {
  border-top: 0;
  margin-top: 15px;
}

#ult-login-form .login-submit {
  margin-top: 20px;
}

.ult-form__footer {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 0;
  position: relative;
  font-size: 15px;
  color: #525252;
}

.ult-form__footer:before {
  content: "";
  width: 50%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d8d8d8;
}

.uo-login__copyright {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.uo-login__copyright a {
  color: inherit;
}

.uo-login__copyright a:hover,
.uo-login__copyright a:focus {
  color: #fff;
}

.uo-login-copyright__left {
  flex: 1 1 auto;
}

.uo-login-copyright__right {
  flex: 0 0 auto;
}

.uo-login .uo-login__welcome-notice {
  width: 100%;
  padding: 10px 15px;
  background: #f7f7f7;
  border: 1px solid #d8d8d8;
  color: #777777;
  border-radius: 3px;
  margin-top: 20px;
  text-align: center;
}

.uo-login .uo-login__welcome-notice strong {
  font-weight: 500;
}

.uo-login .woocommerce-info {
  margin-top: 15px !important;
  margin-bottom: 0 !important;
}