
/*  Sign in (Register /Login)  */

.bg {
    position: relative;
    background-color: hsl(0deg 0% 100% / 25%);
    transition: all .8s;
    background-image: url(/static/img/bg.png);
    overflow: visible;
    background-position: top;
    background-repeat: repeat-x;
}

@media (max-width: 769px) {
  .bg {
    background-position-y: -100px;
  }
}

#error-span {
  display: none;
}

.error #error-span {
  display: block;
}

.red-text, #email-error, #password-error {
  color: #ff0000;
  font-size: 0.9em;
  margin-top: 0.5em;
}

#couponInput {
  background-color: #00000000;
  color: #fff;
  width: -webkit-fill-available;
}

#couponInput input::placeholder, #promo-code input::placeholder, #card-element iframe input::placeholder  { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd!important;
  font-weight: 500!important;
  font-family: 'Montserrat', sans-serif!important;
}

.promo-code-input-container {
  display: inline-flex;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  min-width: 360px;
  border: 1px solid #fff;
  padding: 12px;
}

.coupon {
  width: min-content;
}

.checkbox_not_checked, .checkbox_checked {
  height: 44px;
}

/* Stripe style overrides (Not working inside iframe) */

#card-element iframe input  {
  border-radius: 4px!important;
  border: 1px solid #fff!important;
  font-family: 'Montserrat', sans-serif!important;
}

#card-element iframe input.InputElement.is-invalid.Input {
  color: #ffffff!important;
  font-family: 'Montserrat', sans-serif!important;
  font-weight: 400!important;
}

.ElementsApp:not(.is-autofilled) .InputElement:-webkit-autofill {
  color: #fff;
  -webkit-text-fill-color: #fff;
}