/*————————————

Time Lines v2

————————————*/ @media (min-width: $g-md) {

.u-timeline-v2 {
  // Timeline Wrap
  &-wrap::before {
    left: 25%;
    width: 3px;
    height: 100%;
    margin-left: -1px;
    background-color: $g-color-gray-light-v5;
  }

  // Timeline Icon
  &__icon {
    font-size: 16px;
    position: absolute;

    .g-orientation-right & {
      left: 100%;
      transform: translateX(-50%);
    }

    .g-orientation-left & {
      right: 100%;
      transform: translateX(50%);
    }

    .g-orientation-bottom & {
      top: 100%;
      transform: translateY(-50%);
    }
  }
}

}