.clinic-locations {
  padding-top: 3rem;

  h3 {
    margin-bottom: 1rem;
  }

  &.full-width {
    padding: 0 2rem;
  }
}

.address-grid {
  margin: 0 -2rem 4rem;

  &::after {
    clear: both;
    content: '';
    display: block;
  }

  .address-block {
    margin-bottom: 1.5rem;

    @media screen and (min-width: 47em) {
      margin-bottom: 1rem;
    }
  }
}

.address-block {
  margin-bottom: 1rem;
  padding: .5rem 2rem;

  a {
    color: var(--color-body-text);

    &:hover,
    &:focus {
      text-decoration: underline;
    }
  }

  a.orange-caps, a.orange-no-caps {
    color: var(--color-address-block);

    &:hover,
    &:focus {
      color: var(--color-brand-blue);
    }
  }

  h5 {
    font-size: 1rem;
    margin: 0;

    a {
      color: inherit;
      cursor: pointer;

      &:hover {
        color: var(--color-address-block-hover);
      }
    }
  }

  &.clinic-map-item {
    a {
      &:hover,
      &:focus {
        color: var(--color-brand-blue) !important;
        text-decoration: underline;
      }
    }
  }
}

.clinic-map-list-container .address-grid {
  /* Override for Clinic Map block*/
  margin: 0 -2rem 0;
}

.address-block--address,
.address-block--address2 {
  font-weight: bold;
}

.address-block--distance {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}

.hide-clinic-list {
  display: none;
}