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

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

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

  .o-card__hed {
    margin-bottom: rem(15);
    color: $color-grey-700;

    &:visited {
      color: $color-grey-660;
      text-decoration: none;
    }
    &:hover,
    &:focus {
      color: $color-grey-700;
      text-decoration: underline;
    }
    &:active {
      color: $color-grey-900;
      text-decoration: underline;
    }
  }

  // register now buttons
  .c-button--hidden-xs-down {
    display: none;
  }
  .c-button--hidden-sm-up {
    margin-top: rem(15);
  }

  // place the image on the right
  .o-card__content {
    .o-card__col {
      &:nth-of-type(1) {
        flex: 4;
      }
      &:nth-of-type(2) {
        max-width: rem(80);
      }
    }
  }
}

// similiar to meta, but is: date, time and location
.o-card__when {
  @include font-gm-sans;
  font-size: rem(14);
  letter-spacing: rem(0.3);
  line-height: line-height(14, 18);
  color: $color-grey-900;
  margin-top: rem(15);
}
