/*==========================================================================
 * Bisection
 * ========================================================================== */


.l-bisection {
  @include mq(800){
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
    align-items: center;
  }
}

.l-bisection__item {
  grid-column: 1;

  &:nth-child(2) {
    grid-column: 3;
  }

  @include mq($max: 800) {
    @include owl;
  }
}



/**
 * Modifiers for the bisection
 */

.l-bisection--reversed {
  @include mq(800){
    direction: rtl;

    & > * {
      direction: ltr;
    }
  }
}

.l-bisection--align-start {
  align-items: start;
}


.l-bisection--wide {
  display: block;

  @include mq(1000){
    display: grid;
  }
}