@import "settings.breakpoints";
@import "settings.colors";

@import "mixins/objects.card";
@import "mixins/objects.homepage-cards";

// ------------------------------------
// Shared
// ------------------------------------

// Hide images in all cards except for the lead card
.o-package--single-section--muted,
.o-package--single-section--muted--stacked,
.o-package--single-section--muted--stacked--bold {
  .u-wrapper:nth-of-type(n+2) > .o-card .o-card__col:nth-of-type(n+2) {
    display: none;
  }
}

.o-package--single-section {
  .u-wrapper {
    flex: 100%;
    border-style: solid;
    border-color: $color-stone-200;
    border-width: 0 1px 1px 0;
    &:last-of-type {
      border-width: 0 1px 0 0;
    }
    > .o-card,
    > .o-card:last-of-type {
      border-width: 0;
    }
  }
}

.o-package--single-section--muted {
  .o-package__stories > .u-wrapper {
    &:first-of-type .o-card {
      .o-card__hed {
        @include font19b;
      }
    }
    &:nth-of-type(n+2) {
      .o-card__label {
        @include o-card-label--muted;
      }
    }
  }
  @include mq($from: tablet) {
    .o-package__stories > .u-wrapper:first-of-type .o-card {
      .o-card__hed {
        @include font24b;
      }
    }
  }
}
.o-package--single-section--video {
  @include mq($from: tablet) {
    .o-package__col:first-of-type .u-wrapper:first-of-type .o-card {
      .o-card__hed {
        @include font24b;
      }
    }
  }
  @include mq($from: tabletMedium) {
    .o-package__col:first-of-type .u-wrapper:first-of-type .o-card {
      .o-card__dek {
        @include font17r;
      }
    }
  }
}
