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

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

@mixin c-card--event-sm {
  .c-card--event {
    padding: rem(20);
    margin-bottom: rem(20);

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

    .c-card__content {
      @include grid-row(1, 2);
      @include grid-column(2, 3);
    }

    .c-card__hed-text {
      font-size: rem(28);
      line-height: line-height(28, 30);
    }

    .c-card__media {
      @include grid-row(1, 3);
      @include grid-column(1, 2);
      width: rem(180);
      margin-right: rem(20);
    }

    // register now buttons
    .c-button {
      @include grid-row(2, 3);
      @include grid-column(2, 3);
      @include grid-justify-self(start);
      @include grid-align-self(start);
    }
  }
}

@mixin c-card--event-md {
  .c-card--event {
    .c-card__content {
      @include grid-row(1, 2);
      @include grid-column(2, 3);
    }

    .c-card__hed-text {
      font-size: rem(36);
      line-height: line-height(36, 38);
    }

    .c-card__media {
      width: rem(230);
    }

    // register now buttons
    .c-button {
      margin-top: rem(20);
    }
  }
}
