/*-------------- Join Movement Area Start ----------*/
.join-movement-area {
  padding: 7.5rem 0;
  background-color: #ffffff;
  text-align: center; }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .join-movement-area {
      padding: 5rem 0; } }
  @media only screen and (max-width: 47.9375rem) {
    .join-movement-area {
      padding: 3.75rem 0; } }

  .join-movement-area .join-movement__content {
    font-family: "Gantari", sans-serif; }

  /* Tighten .area__title default 50px bottom margin for this centered layout */
  .join-movement-area .join-movement__content .area__title {
    margin-bottom: 1.5rem; }

  .join-movement-area .join-movement__content .content__box {
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 47.9375rem) {
      .join-movement-area .join-movement__content .content__box {
        margin-bottom: 2rem; } }

  /* Override global .content__box p (18px) to match the 1.25rem scoped standard used by other blocks */
  .join-movement-area .join-movement__content .content__box p {
    font-size: 1.25rem;
    line-height: 1.5;
    color: #1C191A; }
    @media (min-width: 75rem) and (max-width: 87.4375rem) {
      .join-movement-area .join-movement__content .content__box p {
        font-size: 1.125rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .join-movement-area .join-movement__content .content__box p {
        font-size: 1.0625rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .join-movement-area .join-movement__content .content__box p {
        font-size: 1.125rem; } }

  .join-movement-area .join-movement__cta {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem; }
/*-------------- Join Movement Area End ----------*/
