footer {
  position: relative;
}

.newsletter-form-in-footer {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  top: 85dvw;
  overflow: hidden;
  padding: 1rem;
  box-sizing: border-box;
  max-height: 440px;
}
.newsletter-form-in-footer h1, .newsletter-form-in-footer h2, .newsletter-form-in-footer h3, .newsletter-form-in-footer h4, .newsletter-form-in-footer h5, .newsletter-form-in-footer h6, .newsletter-form-in-footer p, .newsletter-form-in-footer span, .newsletter-form-in-footer a {
  color: currentColor;
}
.newsletter-form-in-footer h1, .newsletter-form-in-footer h2, .newsletter-form-in-footer h3, .newsletter-form-in-footer h4, .newsletter-form-in-footer h5, .newsletter-form-in-footer h6 {
  padding-top: 0;
}

.newsletter-form-in-footer-inner {
  width: 100%;
  display: block;
  padding: 1rem;
  background-color: var(--theme-ui-colors-background);
  color: var(--theme-ui-colors-text);
  box-sizing: border-box;
}
.newsletter-form-in-footer-inner > h2 {
  font-size: 19px;
  --wp--preset--font-size--large:19px;
  font-family: var(--wp--preset--font-family--konsole-expanded) !important;
  font-weight: 600;
  hyphens: manual;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-bottom: 40px !important;
  padding-bottom: 0 !important;
}
.newsletter-form-in-footer-inner > p {
  margin-bottom: calc(1em + 10px) !important;
  padding-bottom: 0 !important;
}

.theme-ui-dreams .newsletter-form-in-footer-inner {
  color: var(--theme-ui-colors-altText);
}

@media screen and (min-width: 520px) {
  .newsletter-form-in-footer {
    top: 80dvw;
  }
}
@media screen and (min-width: 630px) {
  .newsletter-form-in-footer {
    top: 60dvw;
  }
}
@media screen and (min-width: 782px) {
  .newsletter-form-in-footer {
    right: 0.5rem;
    left: unset;
    top: 220px;
    bottom: 4rem;
    width: 30rem;
    overflow: hidden;
  }
  .newsletter-form-in-footer-inner {
    padding: 2.5rem 2.5rem 1.5rem 2.5rem;
  }
}
@media screen and (min-width: 1100px) {
  .newsletter-form-in-footer {
    top: 290px;
  }
}