/**
 * This file is for the Activity Hero component styling.
 */
/* stylelint-disable */
/* stylelint-enable */
.c-hero__media img {
  width: 100%;
}

.c-hero__content {
  background-color: #518325;
  padding: 24px 40px 10px 40px;
}
@media (min-width: 48em) {
  .c-hero__content {
    display: flex;
    align-items: center;
  }
}
.c-hero__content h2.c-heading {
  color: #fff;
}
.c-hero__content p {
  color: #fff;
  font-size: 0.8888888889rem;
  line-height: 1.1666666667rem;
  letter-spacing: 0.02rem;
}
@media (min-width: 64em) {
  .c-hero__content p {
    font-size: 1.1111111111rem;
    line-height: 1.3888888889rem;
    letter-spacing: 0.0244444444rem;
  }
}

@media (max-width: 47.99em) {
  .c-hero__text-wrap {
    margin-bottom: 30px;
  }
}
@media (min-width: 48em) {
  .c-hero__text-wrap {
    flex-basis: 70%;
    width: 70%;
  }
}

@media (min-width: 48em) {
  .c-hero__link-wrap {
    flex-basis: 30%;
    width: 30%;
    display: flex;
    justify-content: flex-end;
  }
}

a.btn.c-hero__link {
  font-size: 0.8888888889rem;
  line-height: 1.1111111111rem;
}
@media (min-width: 57.5em) {
  a.btn.c-hero__link {
    font-size: 1rem;
    line-height: 1.2777777778rem;
  }
}

/*# sourceMappingURL=activity-hero.css.map */