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

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

  .o-member-feature-4columns-link,
  .o-member-feature-4columns-item--no-link {
    @include grid-template-columns(rem(52) auto);
  }
}

// modifies the size of the icons
// main styling for .o-member-feature-4columns-item: patterns/stylesheets/_objects.member-feature.scss
.o-member-feature-4columns--other-ways {
  @include grid-row(2, 3);
  .o-member-feature-4columns-item {
    &:nth-of-type(1) {
      .o-member-feature__icon {
        width: rem(48);
        height: rem(44);
      }
    }
    &:nth-of-type(2) {
      .o-member-feature__icon {
        width: rem(52);
        height: rem(24);
      }
    }
    &:nth-of-type(3) {
      .o-member-feature__icon {
        width: rem(42);
        height: rem(34);
      }
    }
    &:nth-of-type(4) {
      .o-member-feature__icon {
        width: rem(41);
        height: rem(29);
      }
    }
  }
}
