.find-clinic-page {
  h1 {
    padding: 3rem 0 1rem;
  }

  .c-hero__headline {
    padding: 0;
  }
}

.clinic-directory-list {
  a {
    color: var(--color-clinic-directory-list);

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

  &.has-row-border {
    box-shadow: 0 -1px 0 0 inset var(--color-neutral-gray-08);
  }

  h2 {
    color: var(--color-clinic-directory-list);
    font-size: var(--font-size-large);
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .c-column-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;

    li {
      flex: 0 0 50%;
      font-size: var(--font-size-med);

      @media all and (min-width: 28em) {
        flex: 0 0 50%;
        font-size: var(--font-size-med-2);
      }

      @media all and (min-width: 47em) {
        flex: 0 0 33.33%;
      }

      @media all and (min-width: 60em) {
        flex: 0 0 25%;
      }
    }
  }
}

.clinic-directory-list--item a {
  display: block;
  font-weight: 700;
  padding: 1rem 1rem 1rem 0;
  text-decoration: none;

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

.has-row-border .clinic-directory-list--item {
  border-bottom: 1px solid var(--color-neutral-gray-08);
}