/* Vendored from: https://unpkg.com/bs-brain@2.0.4/tutorials/timelines/timeline-1/assets/css/timeline-1.css */

/* --- bs-brain timeline-1 (vendored) --- */

.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
@media(min-width:576px){.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:768px){.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:992px){.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:1200px){.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:1400px){.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}

.bsb-timeline-1{
  --bsb-tl-color:var(--bs-primary-bg-subtle);
  --bsb-tl-circle-color:var(--bs-primary);
  --bsb-tl-circle-size:18px;
  --bsb-tl-circle-offset:9px
}
.bsb-timeline-1 .timeline{list-style:none;margin:0;padding:0;position:relative}
.bsb-timeline-1 .timeline:after{background-color:var(--bsb-tl-color);bottom:0;content:"";left:0;margin-left:-1px;position:absolute;top:0;width:2px}
.bsb-timeline-1 .timeline>.timeline-item{margin:0;padding:0;position:relative}
.bsb-timeline-1 .timeline>.timeline-item:before{background-color:var(--bsb-tl-circle-color);border-radius:50%;content:"";height:var(--bsb-tl-circle-size);left:calc(var(--bsb-tl-circle-offset)*-1);position:absolute;top:0;width:var(--bsb-tl-circle-size);z-index:1}
.bsb-timeline-1 .timeline>.timeline-item .timeline-body{margin:0;padding:0;position:relative}
.bsb-timeline-1 .timeline>.timeline-item .timeline-content{padding:0 0 2.5rem 2.5rem}
@media(min-width:768px){.bsb-timeline-1 .timeline>.timeline-item .timeline-content{padding-bottom:3rem}}
.bsb-timeline-1 .timeline>.timeline-item:last-child .timeline-content{padding-bottom:0}

/* --- Project-specific timeline overrides --- */

.timeline-item {
  display: flex;
  position: relative;
  padding: 1em 1em 2em 1em;
}
.timeline-item::before{
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 2em);
    top: 1rem;
    left: -2px;
    background-color: var(--bs-border-color);
}

@media only screen and (max-width: 599px) {
  .timeline-item {
    padding: 1em 0 1em 1em;
  }
}

.timeline-item:hover::after {
  height: calc(100% - 3em);
}

.timeline-item::after {
  transition: all 0.3s ease;
  background: var(--bs-border-color);
  display: block;
  position: absolute;
  content: '';
  width: 3px;
  height: 26px;
  top: 1rem;
  left: -2px;
}

.timeline-item.border-primary::after {
  background: var(--bs-primary);
}

.timeline-item.border-info::after {
  background: var(--bs-info);
}

.timeline-item.border-success::after {
  background: var(--bs-success);
}

.timeline-item.border-warning::after {
  background: var(--bs-warning);
}

.timeline-item.border-danger::after {
  background: var(--bs-danger);
}

.timeline-activity {
  border-left: 3px solid var(--bs-secondary);
  position: relative;
  margin-left: 100px;
}

.timeline-activity .activity {
  position: relative;
}

.timeline-activity .activity::before,
.timeline-activity .activity::after {
  position: absolute;
  display: block;
}

.timeline-activity .activity::before {
  content: attr(data-date);
  text-align: right;
  left: -120px;
  font-size: 12px;
  min-width: 100px;
}

.timeline-activity .activity::after {
  content: "";
  box-shadow: 0 0 0 3px var(--bs-primary);
  background: var(--bs-card-bg);
  left: -6px;
  border-radius: 2px;
  height: 9px;
  width: 9px;
  top: 14px;
}