.splash {
  position: relative;
  background-image: url('./splash.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  padding-top: calc(var(--line-height-em)*5);
  min-height: 400px;
}

.no-webp .splash {
  background-image: url('./splash.jpg');
}

.mailchimp-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

#mc_embed_signup {
  clear: left;
  width: 90%;
}

#mc_embed_signup input.email {
  width: 100%;
  padding: var(--line-height-em) calc(var(--line-height-em)/2);
  border: none;
  box-shadow: 0 0px 3px 1px rgba(30, 30, 30, .3);
  font-size: var(--fs-large);
  font-family: "BentonSans", "LibreFrank", serif;
  font-weight: var(--fw-normal);
  color: var(--muted);
}

#mc_embed_signup input.email::placeholder {
  color: var(--muted);
}

#mc_embed_signup input.button {
  display: block;
  /* margin: 0; */
  background-color: var(--burnt-orange);
  font-size: 1em;
  line-height: 1;
  padding: calc(var(--line-height-em)/2) var(--line-height-em);
  letter-spacing: 0;
  height: auto;
}

#mc_embed_signup input.button:hover {
  background-color: var(--bright-orange);
}

@media screen and (max-width:639px) {
  .mailchimp-wrapper {
    min-height: auto;
  }

  #mc_embed_signup {
    clear: left;
    width: 100%;
  }

  #mc_embed_signup form {
    padding-left: 0;
  }

}

/* ---- */

.myp-wrapper {
  max-width: 17em;
  display: block;
  margin: auto;
}

.newsletter-iframe {
  display: block;
  margin: calc(var(--line-height-em)*2) auto;
  width: 50em;
  max-width: 100%;
  height: 800px;
  box-shadow: none;
  border: 1px solid var(--burnt-orange);
}

.newsletter-empty-state {
  display: block;
  margin: calc(var(--line-height-em)*2) auto;
  width: 50em;
  max-width: 100%;
  padding: var(--line-height-em) 1em;
  border: 1px solid var(--burnt-orange);
}

.newsletter-empty-state p {
  display: block;
  margin: auto auto 0 auto;
  width: 30em;
  max-width: 100%;
  font-weight: var(--fw-medium);
}