@import "settings.colors";

@import "mixins/tools.functions";
@import "mixins/tools.mixins";

.o-member-feature__content--experiences {
  // This makes IE11 behave
  @include grid-template-rows(0, auto auto);

  .o-member-feature__title {
    @include grid-row(1, 2);
  }
}

.o-member-feature-experiences {
  margin: 0 auto;
  width: 100%;
  color: $color-white;
  @include grid-row(2, 3);
}

// no scheduled events message
.o-member-feature-experiences__message {
  margin-top: rem(35);
  margin-bottom: rem(93);
  @include font-gm-sans;
  font-size: rem(16);
  letter-spacing: rem(0.3);
  line-height: line-height(16, 20);
  color: inherit;
  text-align: center;
}

// see all experiences button
.o-member-feature-experiences__button {
  margin-top: rem(42);
  text-align: center;

  .c-button {
    width: 100%;
  }
}
