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

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

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

    .c-card__content {
      @include grid-row(1, 2);
      @include grid-column(1, 2);
      margin-top: 0;
    }
    .c-card__hed {
      @include font-hed(22, 25);
    }
    .c-card__media {
      @include grid-row(1, 2);
      @include grid-column(2, 3);
      width: rem(170);
      @include grid-align-self(center);
    }
  }
}

@mixin c-card--single-md--square {
  .c-card--single-md--square {
    .c-card__grid {
      @include grid-template-columns(0, 1fr);
      @include grid-template-rows(0, 1fr auto);
    }
    .c-card__media {
      @include grid-row(1, 2);
      @include grid-column(1, 2);
      width: 100%;
    }
    .c-card__content {
      @include grid-row(2, 3);
      @include grid-column(1, 2);
      margin-top: rem(-20);
    }
  }
}
