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

.o-member-feature__content--community {
  // 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(42) 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--community {
  @include grid-row(2, 3);
  .o-member-feature-4columns-item {
    &:nth-of-type(1) {
      .o-member-feature__icon {
        width: rem(42);
        height: rem(42);
      }
    }
    &:nth-of-type(2) {
      .o-member-feature__icon {
        width: rem(40);
        height: rem(38);
      }
    }
    &:nth-of-type(3) {
      .o-member-feature__icon {
        width: rem(42);
        height: rem(20);
      }
    }
    &:nth-of-type(4) {
      .o-member-feature__icon {
        width: rem(29);
        height: rem(49);
      }
    }
  }
}
