.TimelineEntry {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-column-gap: 25px;
  -moz-column-gap: 25px;
       column-gap: 25px;
}

.TimelineEntry:last-child {
    margin-bottom: 0 !important;
    margin-bottom: initial !important;
  }

.TimelineEntry {

  .TimelineEntry-bullet {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 24px;
    margin-right: calc(25px * -0.5);
    color: var(--clr-primary-01);
  }

    .TimelineEntry-bullet::before {
      content: '';
      position: absolute;
      display: block;
      width: 2px;
      height: 100%;
      margin-left: 11px;
      background: var(--clr-primary-01);
    }

  .TimelineEntry-bullet {

    svg {
      margin: 2.5px auto;
    }
  }
}

.TimelineEntry.TimelineEntry--future .TimelineEntry-bullet::before {
      display: none;
    }

.TimelineEntry:last-child .TimelineEntry-bullet::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 48px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23D4004B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" height="48" width="24"><line x1="12" y1="4" x2="12" y2="36"/><polyline points="6,30 12,36 18,30"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
  }

.TimelineEntry {

  .TimelineEntry-date {
    min-width: 130px;
    font-weight: 700;
  }

  .TimelineEntry-content > p:first-of-type {
    margin-top: 0;
  }
}

.Columns .Column > .TimelineEntry {
  margin-bottom: -50px;
}