/* Variables */
/* Mixens: */
.new-newsletter-signup {
  --ns-width: 150px;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 375px) {
  .new-newsletter-signup {
    --ns-width: 200px;
  }
}
@media screen and (min-width: 576px) {
  .new-newsletter-signup {
    --ns-width: 300px;
  }
}
@media screen and (min-width: 768px) {
  .new-newsletter-signup {
    --ns-width: 350px;
  }
}
#footer-email {
  flex: 0 1 var(--ns-width);
  width: var(--ns-width);
}

.newsletter-signup-email-group {
  width: auto;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

#footer-email::placeholder {
  color: var(--bs-primary);
  opacity: 1;
}

.bg-primary .form-control:focus,
.site-footer .form-control:focus {
  box-shadow: 0 0 4px 0.25rem inset var(--bs-secondary);
}

.bg-primary .form-control:focus,
.site-footer .form-control:focus,
.site-footer button:focus {
  box-shadow: 0 0 4px 0.25rem var(--bs-secondary);
}