/* OVPUE Timeline Custom Section CSS */

.framework-timeline {
  display:grid;
  grid-template-columns: auto 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}

.framework-timeline .timeline-time {
  font-family: BentonSansBold;
  grid-column: 1 / span 1;
  font-size:1.3rem;
  border-right: 2px solid #990000;
  padding-right: 15px;
  text-align:right;
}

.bg-dark .framework-timeline .timeline-time {
  border-color: #fff
}

.framework-timeline .timeline-heading {
  font-family: BentonSansBold;
  grid-column: 2 / span 1;
  font-size:1.3rem;
}

.framework-timeline .timeline-content {
  margin-bottom:10px;
}

@media screen and (max-width:30em){
  .framework-timeline {
    display: block;
  }
  .framework-timeline .timeline-time {
    font-family: BentonSansBold;
    display:block;
    border-right: none;
    padding-right: none;
    font-size:1.2rem;
    border-bottom: 2px solid #990000;
    border-top: 2px solid #990000;
    margin-bottom:10px;
    text-align: center;
  }
  .bg-dark .framework-timeline .timeline-time {
    border-color: #fff;
  }

  .framework-timeline .timeline-heading {
    font-size:1.2rem;
  }

  .framework-timeline .timeline-content  {
    padding: 0 15px;
    margin-bottom:40px;
  }
}