Kadence Timeline Block

style.css

/*
 * Create Timeline Block with the Kadence Icon List Block
 * See: https://bloggerpilot.com/timeline-css/
 */

.timeline li {
  list-style: none;
  padding-bottom: 1.8rem !important;
  border-left: 1px dotted #897B76;
  position: relative;
  padding-left: 20px !important;
  margin-left: -10px !important;
  margin-bottom: 0px !important;
}

.timeline li:last-child {
  border: 0px;
  padding-bottom: 0;
  margin-bottom: 0px !important;
}

.timeline li:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #E25013;
  box-shadow: 4px 4px 2px #ddd;
  border-radius: 50%;
  position: absolute;
  left: -8px;
  top: 0px;
}

.timeline li span {
  margin-top: -6px;
}