@import "tools.mixins";

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

    .o-card__hed--22b {
      font-size: rem(28);
      line-height: line-height(28, 30);
    }

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

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

@mixin o-card--event-md {
  .o-card--event {
    .o-card__hed--22b {
      font-size: rem(36);
      line-height: line-height(36, 38);
    }

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

    // place the image on the left
    .o-card__content {
      .o-card__col {
        &:nth-of-type(2) {
          max-width: rem(230);
        }
      }
    }
  }
}
