// ==========================================================================
// Page Teasers Block
// Block-level layout and modifiers only. Component styles live in
// c-image-card and b-page-teaser-text-media.
// ==========================================================================

.b-page-teasers {
  &__title {
    margin-bottom: $spacer * 1.5;
  }

  &__body {
    margin-bottom: $spacer * 2;

    p:last-child {
      margin-bottom: 0;
    }
  }

  // Separator between text-media items (last item has none)
  &--text-media-2col {
  }

  &__grid--cards {
    .c-image-card__content {
      padding: 1.25rem 0.75rem;

      @include media-breakpoint-up(sm) {
        padding: 1.25rem 0.75rem 1rem 0;
      }

      @include media-breakpoint-up(md) {
        padding: 1rem 0.5rem 1rem 0;
      }

      @include media-breakpoint-up(lg) {
        padding: 1.25rem 1rem 1.25rem 0;
      }

      @include media-breakpoint-up(xl) {
        padding: 1.5rem 1rem 1rem 0;
      }

      @media (max-width: 399.98px) {
        padding-left: 0;
      }
    }
    .c-image-card__overline {
      margin-bottom: 0.25rem;
    }
  }

  &__pagination {
    margin-top: $spacer * 4;
  }
}