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

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

///////////////////////////
// Basic Card Styles
///////////////////////////
.o-card__link {
  &:visited {
    .o-card__hed-text {
      color: $color-grey-660;
      text-decoration: underline;
    }
  }
  &:hover,
  &:focus {
    // Prevent underline from appearing below icon
    text-decoration: none;
    .o-card__hed-text {
      text-decoration: underline;
    }
  }
  &:active {
    .o-card__hed-text {
      color: $color-grey-500;
      text-decoration: underline;
    }
  }
}

.o-card__content {
  .o-card__col {
    &:first-of-type {
      flex: 3;
    }
  }
}

///////////////////////////
// Card Labels
///////////////////////////
.o-card__label {
  margin-bottom: rem(10);
  display: block;
}

.o-card__label-text {
  @include font-gm-sans-bold;
  text-transform: uppercase;
  font-size: rem(12);
  letter-spacing: rem(1);
  line-height: line-height(12, 12);
  background-color: $color-red-700;
  color: $color-white;
  padding: rem(4) rem(7);
  display: inline-block;
}

.o-card__label--muted {
  @include o-card-label--muted;
}

///////////////////////////
// Card Hed/Dek Wrapper
///////////////////////////
.o-card__hed-dek {
  display: block;
}

///////////////////////////
// Card Hed (Title)
///////////////////////////
.o-card__hed {
  @include font15r;
  color: $color-grey-900;
  margin: 0;
}

.o-card__hed--17r {
  @include font17r;
}

.o-card__hed--19b {
  @include font19b;
}

///////////////////////////
// Card Dek
///////////////////////////
.o-card__dek {
  @include font15r;
  color: $color-grey-900;
  display: block;
  padding-top: rem(10);
  margin: 0;
}
