﻿.timeline-parent-box.war-timelines .date-box:before, .timeline-date:before, .timeline > li:before, .timeline:before, .timeline-parent-box.war-timelines .date-box:after, .timeline-date:after, .timeline > li:after, .timeline:after {
  content: "";
}

.timeline-parent-box.war-timelines .date-box:before {
  top: 50%;
  transform: translateY(-50%);
}

/*LOCAL VARIABLES*/
.timeline {
  padding-right: 50px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .timeline {
    padding-right: 96px;
  }
}
.timeline h3 {
  font-family: "arimobold", sans-serif;
  position: relative;
  display: inline-block;
  font-size: 21px;
  margin-bottom: 20px;
}
.timeline h3:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 3px;
  background: #fde85e;
}
.timeline:before {
  width: 2px;
  background: #dae4ee;
  position: absolute;
  right: 4px;
  top: 25px;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 992px) {
  .timeline:before {
    top: 29px;
  }
}
.timeline > li {
  margin: 0 0 10px;
  position: relative;
}
.timeline > li:before {
  width: 11px;
  height: 11px;
  background: #f1f6fb;
  position: absolute;
  border-radius: 100%;
  top: 15px;
  border: 2px solid #dae4ee;
  right: -51px;
  z-index: 2;
}
@media (min-width: 992px) {
  .timeline > li:before {
    right: -96px;
    top: 29px;
  }
}
.timeline > li:last-child:after {
  background: #f1f6fb;
  z-index: 3;
  position: absolute;
  width: 3px;
  bottom: 0;
  top: 26px;
  right: -47px;
}
@media (min-width: 992px) {
  .timeline > li:last-child:after {
    right: -92px;
    top: 40px;
  }
}
.timeline-content {
  background: #ffffff;
  box-shadow: 0 4px 10px 0 rgba(141, 176, 211, 0.2);
  border-radius: 5px;
  padding: 13px 15px;
  font-size: 13px;
  line-height: 19px;
}
@media (min-width: 992px) {
  .timeline-content {
    padding: 27px 31px;
    font-size: 18px;
    line-height: 26px;
  }
}
.timeline-date {
  margin-right: -35px;
  padding-top: 9px;
  position: relative;
  font: 13px "arimobold", sans-serif;
}
@media (min-width: 992px) {
  .timeline-date {
    font: 16px "arimobold", sans-serif;
    padding-top: 22px;
    margin-right: -65px;
  }
}
.timeline-date:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 3px;
  background: #fde85e;
}
.timeline-parent-box {
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .timeline-parent-box {
    margin-bottom: 86px;
  }
  .timeline-parent-box .heading-default {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .timeline-parent-box.war-timelines .main-heading-section .social-list {
    left: 0;
    right: auto;
    z-index: 2;
    bottom: 0;
  }
}
.timeline-parent-box.war-timelines .main-heading-section .share-btn {
  position: absolute;
  left: 0;
  top: 15px;
}
.timeline-parent-box.war-timelines .timeline-date {
  max-width: 35px;
}
@media (min-width: 768px) {
  .timeline-parent-box.war-timelines .timeline-date {
    max-width: 45px;
  }
}
.timeline-parent-box.war-timelines .timeline-date.war-date-timeline {
  font-family: "arimoregular", sans-serif;
}
.timeline-parent-box.war-timelines .timeline-date.war-date-timeline:before {
  display: none;
}
.timeline-parent-box.war-timelines .timeline-date.war-date-timeline .main-date {
  display: block;
  padding-top: 0;
  margin-right: 0;
  margin-bottom: 9px;
}
.timeline-parent-box.war-timelines .timeline-content {
  padding-right: 29px;
}
@media (min-width: 768px) {
  .timeline-parent-box.war-timelines .timeline-content {
    font-size: 16px;
    line-height: 24px;
    padding-right: 15px;
  }
  .timeline-parent-box.war-timelines .timeline-content .btn-link-text {
    margin-top: -10px;
    display: block;
    margin-bottom: 10px;
  }
}
.timeline-parent-box.war-timelines .timeline-item {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .timeline-parent-box.war-timelines .timeline-item {
    margin-bottom: 10px;
  }
}
.timeline-parent-box.war-timelines .date-box {
  font-size: 14px;
  line-height: 24px;
  font-family: "arimobold", sans-serif;
  display: block;
}
@media (min-width: 768px) {
  .timeline-parent-box.war-timelines .date-box {
    font-size: 16px;
    line-height: 26px;
    margin-left: 19px;
    padding-left: 29px;
  }
}
.timeline-parent-box.war-timelines .date-box:before {
  position: absolute;
  width: 5px;
  height: 6px;
  background: url("../../images/list-triangle.png") 0 0 no-repeat;
  background-size: contain;
  right: -15px;
}
@media (min-width: 768px) {
  .timeline-parent-box.war-timelines .date-box:before {
    width: 10px;
    height: 12px;
    right: auto;
    left: 0;
  }
}
.timeline-parent-box.war-timelines .timeline-img {
  margin-top: 18px;
}
@media (min-width: 576px) {
  .timeline-parent-box.war-timelines .timeline-img {
    margin-right: auto;
    margin-top: 0;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_mixins.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/timeline.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_varibales.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AA2DI;EAEI;;;AAIR;EACI;EACA;;;AChEJ;AAIA;EAEI;EACA;;AAEA;EALJ;IAMQ;;;AAGJ;EACI,aC8BW;ED7BX;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA,YCxBU;EDyBV;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;;;AAIR;EAEI;EACA;;AAEA;EDlCJ,OCmC4B;EDlC5B,QCkCkC;EAC1B,YC7CO;ED8CP;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;IACA;;;AAKJ;EACI,YC7DG;ED8DH;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;;;AAMhB;EACI,YCvFA;EDwFA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;IACA;;;AAIR;EACI;EACA;EACA;EAEA;;AAEA;EAPJ;IAQQ;IACA;IACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,YCtGM;;AD0Gd;EACI;;AAEA;EAHJ;IAIQ;;EAEA;IACI;;;AAOI;EADJ;IAEQ;IACA;IACA;IACA;;;AAIR;EACI;EACA;EACA;;AAKR;EACI;;AAEA;EAHJ;IAIQ;;;AAGJ;EACI,aC1HE;;AD4HF;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAKZ;EACI;;AAEA;EAHJ;IAIQ;IACA;IACA;;EAEA;IACI;IACA;IACA;;;AAKZ;EACI;;AAEA;EAHJ;IAIQ;;;AAIR;EACI;EACA;EACA,aC9JG;EDgKH;;AAEA;EAPJ;IAQQ;IACA;IACA;IACA;;;AAGJ;EACI;EDtMhB,OCuMqC;EDtMrC,QCsM0C;EDtLtC;EACA,iBCsLmC;EAEvB;;AAEA;EAPJ;IDrMZ,OC6MyC;ID5MzC,QC4M+C;IAC3B;IACA;;;AAKZ;EACI;;AAEA;EAHJ;IAIQ;IACA%22%7D */