.timeline-item {
  padding: 2em 2em 10px;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-left: 5px solid rgba(40, 75, 140, 0.6);
  font-size: 11px;
}
.timeline-item::before {
  content: attr(date-is);
  position: absolute;
  left: 2em;
  font-weight: bold;
  top: 1em;
  display: block;
  font-weight: 700;
  /*font-size: .785rem;*/
}
.timeline-item::after {
  width: 14px;
  height: 14px;
  display: block;
  top: 1em;
  position: absolute;
  left: -10px;
  border-radius: 10px;
  content: '';
  border: 2px solid rgba(40, 75, 140, 0.6);
  background: white;
}
.timeline-item:last-child {
  -o-border-image: linear-gradient(to bottom, rgba(40, 75, 140, 0.6) 60%, transparent) 1 100%;
     border-image: -webkit-linear-gradient(top, rgba(40, 75, 140, 0.6) 60%, transparent) 1 100%;
     border-image: linear-gradient(to bottom, rgba(40, 75, 140, 0.6) 60%, transparent) 1 100%;
}