@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-card--lead-story {
  >.c-card__label--muted {
    padding-bottom: rem(10);
  }
  .c-card__label-link {
    display: block;
    padding-bottom: rem(10);
    .c-card__label--muted {
      text-decoration: underline;
      color: $color-grey-660;
      display: block;
      margin: 0;
    }
    &:hover,
    &:focus {
      .c-card__label--muted {
        color: $color-grey-500;
      }
    }
  }

  .c-card__label--muted {
    @include font-gm-sans-bold;
    display: block;
    margin-bottom: 0;
  }

  .c-card__content-link {
    text-decoration: none;

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

}

.c-card--lead-story--section {
  .c-card__label--muted,
  .c-card__hed,
  .c-card__dek {
    text-align: center;
  }

  .c-card__hed {
    font-size: rem(19);
    line-height: line-height(19, 21);
  }

  .c-card__dek {
    display: block;
    padding-top: rem(5);
  }
}
