.bp-timeline {
  overflow: hidden; }
  .bp-timeline .timeline-row {
    display: grid;
    gap: 3rem; }
    @media (min-width: 50em) {
      .bp-timeline .timeline-row {
        gap: 5rem;
        grid-template-columns: calc(50% - 2.5rem) calc(50% - 2.5rem); } }
  .bp-timeline .timeline-content {
    margin-bottom: 2rem; }
    @media (min-width: 50em) {
      .bp-timeline .timeline-content {
        grid-column: 2 / 3;
        margin-bottom: 6rem; } }
  .bp-timeline .timeline-image img {
    display: block;
    position: relative;
    z-index: 11; }
  .bp-timeline .timeline-year-scroller {
    border-bottom: 1px solid var(--wp--preset--color--blue);
    margin-bottom: 3rem;
    position: relative; }
    .bp-timeline .timeline-year-scroller:before {
      content: '';
      position: absolute;
      right: 100%;
      top: 0;
      bottom: 0;
      width: 70vw;
      background-color: var(--wp--preset--color--white);
      z-index: 10; }
    .bp-timeline .timeline-year-scroller .flickity-viewport {
      overflow: visible; }
  .bp-timeline .timeline-year {
    font-size: 2rem;
    margin: 0 0 1rem 0;
    padding-right: 3.5rem;
    opacity: 0.25;
    transition: all 0.2s ease-in-out;
    z-index: -1; }
    .bp-timeline .timeline-year.is-selected {
      opacity: 1; }
  .bp-timeline .timeline-text {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 2rem; }