@import "plugin-layout-base";
//
// Grid 3x3
// -----------------------------------------------------------------------------

.atl--grid-3x3 {
  > .atl__cw > .atl__lc {
    margin-bottom: gutter();
  }
}

.bp--at-core-simple-tablet-isolate {
  .atl--grid-3x3 {
    > .atl__cw {
      > .atl__lc {
        flex: 0 0 auto;
        width: span(6 of 12);
      }

      // Full width hanging widows.
      > .atl__lc:nth-of-type(odd):last-child {
        flex: 1 1 auto;
        width: 100%;
      }
    }
  }
}

.bp--at-core-simple-wide {
  .atl--grid-3x3 {
    > .atl__cw > .atl__lc {
      flex: 0 0 auto;
      width: span(4 of 12);
    }
  }
}