/* text-banner.css: ported 1:1 from foodforjoe.es CSS modules (hash suffixes removed). */

/* ── TextBanner ── */
.TextBanner_textBanner {
  display:flex;
  background:var(--color-green);
  color:var(--color-white);
  text-align:center;
  align-items:center;
  width:100%;
  justify-content:center;
  padding:50px 20px 30px;
}

.TextBanner_textBanner img {
  width:.9em;
}

.TextBanner_textBanner {
  font-family:var(--font-family-serif-light);
  font-weight:200;
  font-size:24px;
  text-wrap:balance;
}

.TextBanner_textBanner strong {
  color:var(--color-yellow);
  font-family: var(--font-family-serif-medium); font-variation-settings: var(--gp-medium-axes);
  font-size:30px;
  display:block;
}

.TextBanner_cta {
  width:-moz-fit-content;
  width:fit-content;
  margin:20px auto;
}

@media (min-width:960px) {
  .TextBanner_textBanner {
    padding:80px 0 60px;
    font-size:35px;
  }
}

@media (min-width:960px) {
  .TextBanner_textBanner strong {
    font-size:40px;
  }
}

@media (min-width:960px) {
  .TextBanner_cta {
    margin-top:30px;
  }
}