//
// Component: Timeline
//

.timeline {
    // The line
    &::before {
      left: unset;
      right: 31px;
    }
    // Element
    > div {
      margin-right: unset;
      margin-left: 10px;
      // The content
      > .timeline-item {
        margin-left: 15px;
        margin-right: 60px;
        // The time and header
        > .time {
          float: left;
        }
      }
      // The icons at line
      > .fa,
      > .fas,
      > .far,
      > .fab,
      > .glyphicon,
      > .ion {
        left: unset;
        right: 18px;
      }
    }
  }