.hidden {
  display: none;
}

.influencer-container {
  padding: 48px 16px;
  text-align: center;
}

.container--blue {
  background: #485cc7;
  color: white;
}

.copy-container > * {
  max-width: 70ch;
  margin: 0 auto;
}

.influencer-head {
  font-size: 1.8em;
  text-wrap: balance;
}

.join {
  background: white;
  color: #485cc7;
  border: 1px solid #485cc7;
  box-shadow: 0 0 0 12px white;
  margin: 48px auto 64px;
  padding: 12px;
  max-width: 80ch;
}

.join h2 {
  padding-top: 0;
}

.influencer-goal {
  padding: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
}
.influencer-goal .supporters {
  text-align: left;
}
.influencer-goal .goal {
  text-align: right;
}
.influencer-goal h3 {
  font-size: 1em;
}
.influencer-goal h3 span {
  display: block;
  margin-top: 8px;
  font-size: 1.6em;
}
.influencer-goal progress {
  flex: 2 0 100%;
  width: 100%;
  height: 32px;
}

.container--big {
  position: relative;
  color: white;
  min-height: 400px;
  width: 100%;
  height: 100%;
}
.container--big::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
@media (min-width: 900px) {
  .container--big {
    min-height: 600px;
  }
}

.email-contents {
  padding: 48px 16px;
  max-width: 1200px;
  margin: 0 auto;
}
.email-contents > p {
  max-width: 30em;
}
@media (max-width: 899px) {
  .email-contents {
    padding: 32px 16px 48px;
  }
  .email-contents > p {
    margin: 0 auto 16px;
  }
}

.influencer__form-container {
  max-width: 450px;
  margin: 0 auto;
  padding: 32px;
  background: rgba(72, 92, 199, 0.6);
  margin-top: 32px;
}
.influencer__form-container h2 {
  padding-top: 0;
}
.influencer__form-container h4 {
  display: none;
}
.influencer__form-container .footer--social {
  display: none;
}
.influencer__form-container .inputWrapper {
  margin-bottom: 16px;
}
.influencer__form-container .inputWrapper input {
  font-size: 1em;
}
.influencer__form-container .actions.actions {
  width: 100%;
}
.influencer__form-container .errMsg {
  color: #a50034;
  margin-top: -8px;
  padding-bottom: 12px;
}
.influencer__form-container [name=tfa_5] {
  background: red;
  font-family: Segoe Script, Noteworthy, Comic Sans MS, Comic Sans, MV Boli, "Ink Free", Lucida;
}

.hero-bg-img {
  background: url("https://www.mda.org/sites/default/files/mda-frontend/banner-image.jpg") no-repeat;
  background-size: cover;
  background-position: center bottom;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
}
@media (min-width: 900px) {
  .hero-bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.video--big {
  max-width: 1000px;
  width: 100%;
}

.responsive-video {
  position: relative;
  aspect-ratio: 16/9;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.learnmore {
  margin-top: 48px;
}

.learnmore a {
  font-weight: bold;
  font-size: 1.2em;
  color: white;
}

.tk-input-container label {
  opacity: 0;
}

.input__empty label {
  opacity: 1;
}

.tk-input:focus + label {
  opacity: 0;
}

[disabled] {
  opacity: 0.5;
}

.supportInfo,
.wFormFooter {
  display: none;
}