.timeline {
  background: #00353A;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0;
  overflow-x: clip;
  color: white;
}
.timeline .section-title {
  border-top: 1px solid #FFFFFF;
}
@media screen and (max-width: 768px) {
  .timeline .section-title {
    margin-bottom: 25px !important;
  }
}
.timeline__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 20px;
  row-gap: 40px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .timeline__wrapper {
    column-gap: 0;
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .timeline__wrapper {
    row-gap: 25px;
    margin-top: 25px;
  }
}
.timeline__years {
  grid-column: span 12/span 12;
}
@media screen and (min-width: 768px) {
  .timeline__years {
    grid-column: span 3/span 3;
  }
}
.timeline__years {
  position: sticky;
  top: 120px;
  max-height: calc(100vh - 150px);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media screen and (max-width: 767px) {
  .timeline__years {
    margin-right: -30px;
    background-color: #00353A;
    top: 65px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.timeline__years::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .timeline__years ul {
    display: flex;
    gap: 20px;
  }
}
.timeline__years li {
  opacity: 0.5;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .timeline__years li {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .timeline__years li {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .timeline__years li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.timeline__years li.active {
  opacity: 1;
  color: #FFAEF7;
}
.timeline__content {
  grid-column: span 12/span 12;
}
@media screen and (min-width: 768px) {
  .timeline__content {
    grid-column: span 7/span 7;
  }
}
@media screen and (min-width: 1025px) {
  .timeline__content {
    grid-column-start: 4;
  }
}
.timeline__content .year-block {
  scroll-margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .timeline__content .year-block {
    scroll-margin-top: 200px;
  }
}
.timeline__content .year-block:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #FFFFFF;
}
@media screen and (min-width: 1025px) {
  .timeline__content .year-block:not(:last-child) {
    margin-bottom: 80px;
    padding-bottom: 80px;
  }
}
.timeline__content .year-block__image {
  order: 2;
}
.timeline__content .year-block__content {
  order: 1;
}
.timeline__content .year-block__inner {
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
  column-gap: 20px;
  row-gap: 40px;
  direction: ltr;
}
@media screen and (min-width: 768px) {
  .timeline__content .year-block__inner {
    row-gap: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .timeline__content .year-block__inner {
    grid-template-columns: 1fr 320px;
  }
}
@media screen and (min-width: 1025px) {
  .timeline__content .year-block__inner.year-block--image-bottom {
    grid-template-columns: 1fr;
  }
  .timeline__content .year-block__inner.year-block--image-bottom .year-block__image {
    grid-column: 1;
  }
}
.timeline__content .year-block__inner--no-image .year-block__content {
  grid-column: 1/-1;
}
.timeline__content .year-block__inner .timeline__text ul {
  list-style: disc;
  margin-left: 25px;
}
.timeline__content .year-block__inner .timeline__text a {
  text-decoration: underline;
}
.timeline__content .year-block__inner .timeline__text a:active {
  color: #FFAEF7;
}
@media screen and (min-width: 1025px) {
  .timeline__content .year-block__inner .timeline__text a:hover {
    color: #FFAEF7;
  }
}
.timeline__content .year-block--reverse .year-block__inner {
  direction: rtl;
}
.timeline__content .year-block--reverse .year-block__content, .timeline__content .year-block--reverse .year-block__image {
  direction: ltr;
}
.timeline__content .year-block__content {
  grid-column: 1;
}
.timeline__content .year-block__image {
  grid-column: 1;
}
@media screen and (min-width: 1025px) {
  .timeline__content .year-block__image {
    grid-column: 2;
  }
}
.timeline__content .year-block h2 {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .timeline__content .year-block h2 {
    margin-bottom: 40px;
  }
}
.timeline__content .timeline__image img {
  width: 100%;
  height: 351px;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 768px) {
  .timeline__content .timeline__image img {
    height: 357px;
  }
}

.admin-bar .timeline__years {
  top: 150px;
}
@media screen and (max-width: 767px) {
  .admin-bar .timeline__years {
    top: 110px;
  }
}

/*# sourceMappingURL=timeline.css.map */