@import "../settings.colors";
@import "../settings.fonts";

@import "settings.fonts";
@import "tools.functions";

@mixin o-card--lead {
  padding: 0;
  .o-card__content {
    flex-wrap: wrap;
  }
  .o-card__col {
    order: 1;
    flex: 100%;
    &:first-of-type {
      order: 2;
      flex: 100%;
      margin-right: 0;
      padding: rem(10);
    }
  }
}

@mixin o-card--lead--tablet {
  .o-card__col {
    flex: 1;
    &:first-of-type {
      flex: 1;
      padding: 0 rem(10) rem(10);
    }
  }
  .o-card__hed {
    @include font28b;
  }
  .o-card__dek {
    @include font17r;
  }
}

@mixin o-card--lead--tablet-medium {
  .o-card__hed {
    @include font38b;
  }
  .o-card__dek {
    @include font24r;
  }
}

@mixin o-card--lead--desktop {
  .o-card__hed {
    @include font32b;
  }
  .o-card__dek {
    @include font19r;
  }
}

@mixin o-card-label--muted {
  .o-card__label-text {
    @include font-gm-sans;
    background-color: transparent;
    color: $color-grey-660;
    padding: 0;
  }
  .o-card--adv & {
    .o-card__label-text {
      font-family: $font-sans-stack;
      font-weight: bold;
    }
  }
}
