/* Theme default */
/* ======= Timeline ========= */
.timeline-wrapper {
  position: relative;
  padding-bottom: 60px;
}
.timeline-wrapper .timeline-block {
  position: relative;
  top: 0;
}
.timeline-wrapper .timeline-block + .timeline-block {
  margin-top: 70px;
}
.timeline-wrapper .timeline-stop {
  position: absolute;
  width: 80px;
  height: 80px;
  background: red;
  border-radius: 50%;
  background-clip: padding-box;
  left: 50%;
  margin-left: -40px;
  border: 4px solid #eaeaf1;
  background: #fff;
  padding-top: 18px;
}
.timeline-wrapper .timeline-stop.timeline-stop-current .date {
  color: #40babd;
}
.theme-2 .timeline-wrapper .timeline-stop.timeline-stop-current .date {
  color: #6dbd63;
}
.theme-3 .timeline-wrapper .timeline-stop.timeline-stop-current .date {
  color: #497cb1;
}
.theme-4 .timeline-wrapper .timeline-stop.timeline-stop-current .date {
  color: #ec6952;
}
.timeline-wrapper .timeline-stop .date {
  color: #616670;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}
.timeline-wrapper .timeline-stop .date-sub {
  color: #9499a3;
  font-size: 12px;
}
.timeline-wrapper .timeline-content-wrapper {
  padding-top: 80px;
}
.timeline-wrapper .timeline-item {
  position: relative;
  margin-bottom: 60px;
}
.timeline-wrapper .timeline-item .timeline-item-inner {
  position: relative;
  right: 0;
  top: 15px;
}
.timeline-wrapper .timeline-item .item-heading {
  position: relative;
  border-bottom: 4px solid #eaeaf1;
}
.timeline-wrapper .timeline-item .item-heading .item-title {
  font-size: 14px;
  margin-top: 0;
  font-weight: 600;
}
.timeline-wrapper .timeline-item .item-heading .time-meta {
  position: absolute;
  right: 15px;
  top: 0;
  color: #9499a3;
}
.timeline-wrapper .timeline-item .item-content {
  padding: 0;
  padding-top: 30px;
}
.timeline-wrapper .timeline-item .item-content-inner {
  position: relative;
  border-radius: 4px;
  padding: 15px;
  background: #fff;
  border: 1px solid #eaeaf1;
}
.timeline-wrapper .timeline-item .item-content-inner.cat-1 {
  border-bottom: 3px solid #58bbee;
}
.timeline-wrapper .timeline-item .item-content-inner.cat-2 {
  border-bottom: 3px solid #75c181;
}
.timeline-wrapper .timeline-item .item-content-inner.cat-3 {
  border-bottom: 3px solid #F8A13F;
}
.timeline-wrapper .timeline-item .item-content-inner.cat-4 {
  border-bottom: 3px solid #EA5395;
}
.timeline-wrapper .timeline-item .item-content-inner .arrow {
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #eaeaf1;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  top: -8px;
}
.timeline-wrapper .timeline-item .item-content-inner .arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  right: -8px;
  top: 1px;
}
.timeline-wrapper .timeline-item .media .profile {
  padding-right: 15px;
}
.timeline-wrapper .timeline-item .media .profile img {
  width: 32px;
  height: 32px;
}
.timeline-wrapper .timeline-item .media-body {
  width: auto;
}
.timeline-wrapper .timeline-item .media-body .summary {
  margin-bottom: 15px;
  font-size: 14px;
}
.timeline-wrapper .timeline-item .media-body .summary .name {
  color: #616670;
}
.timeline-wrapper .timeline-item .media-body .summary .action {
  font-weight: 600;
}
.timeline-wrapper .timeline-item .media-body .excerpt {
  font-size: 12px;
  color: #6c727e;
  font-style: italic;
}
.timeline-wrapper .timeline-item .media-body .resource {
  padding-top: 15px;
  border-top: 1px dashed #eaeaf1;
  font-style: normal;
}
.timeline-wrapper .timeline-item .media-body .resource li > a {
  color: #797f8b;
}
.timeline-wrapper .timeline-item .media-body .resource li > a:hover {
  color: #40babd;
}
.theme-2 .timeline-wrapper .timeline-item .media-body .resource li > a:hover {
  color: #6dbd63;
}
.theme-3 .timeline-wrapper .timeline-item .media-body .resource li > a:hover {
  color: #497cb1;
}
.theme-4 .timeline-wrapper .timeline-item .media-body .resource li > a:hover {
  color: #ec6952;
}
.timeline-wrapper .timeline-item .media-body .resource .label-number {
  vertical-align: middle;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .timeline-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #dadae7;
    left: 50%;
    margin-left: -2px;
  }
  .timeline-wrapper .timeline-block:last-child {
    padding-bottom: 60px;
  }
  .timeline-wrapper .timeline-item {
    margin-left: -2px;
    width: 50%;
  }
  .timeline-wrapper .timeline-item.opposite {
    margin-right: -2px;
    margin-left: auto;
    width: 50%;
  }
  .timeline-wrapper .timeline-item.opposite .item-heading .item-title {
    text-align: right;
  }
  .timeline-wrapper .timeline-item.opposite .item-heading .time-meta {
    left: 15px;
    right: auto;
  }
  .timeline-wrapper .timeline-item .item-content {
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 0;
  }
  .timeline-wrapper .timeline-item .item-content .media .profile img {
    width: 80px;
    height: 80px;
  }
  .timeline-wrapper .timeline-load-more {
    position: relative;
    z-index: 10;
    margin-top: 80px;
    background: #fff;
    padding: 30px;
  }
}