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

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

.c-card--event {
  margin-top: 0;
  margin-bottom: rem(25);

  .c-card__grid {
    @include grid-template-rows(0, auto 1fr);
  }

  .c-card__hed-text {
    font-size: rem(22);
    line-height: line-height(22, 25);
    margin-bottom: rem(15);
    color: $color-grey-700;
  }
  .c-card__dek {
    display: block;
    padding-top: 0;
    margin-top: rem(15);
    @include font-gm-sans;
    font-size: rem(14);
    line-height: line-height(14, 18);
    letter-spacing: rem(0.3);
  }

  .c-card__meta {
    margin-top: 0;
  }

  .c-card__media {
    width: rem(80);
    margin-right: 0;
  }

  .c-button {
    @include grid-column(1, 3);
    @include grid-row(2, 3);
    margin-top: rem(15);
  }
}
