/* === Custom Block Styling === */
.timelineBlock{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.timeline__outerContainer{
    padding-top: 32px;
    padding-bottom: 32px;
}

.timeline__imageWrapper{
    max-width: 100%;
    padding-bottom: 150px;
    margin-bottom: 16px;
    background-size: cover;
    background-position: center;
}

.timeline__image{
    max-width: 100%;
    width: 100%;
}

.timeline__dateWrapper, .timeline__lastDateWrapper{
    max-width: 275px;
    padding: 16px;
    border: solid 1px var(--FC-black);
    height: 100%;
    margin: auto;
}

.timeline__lastDateWrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.timeline__lastHeading, .timeline__lastCopy{
    text-align: center;
}


.timelineSwiper .swiper-slide{
    width: auto;
    flex-shrink: 0;
    height: 100%;
}


.timeline__navWrapper{
    height: 100%;
    width: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    padding-top: 32px;
}

.timeline__navPrev, .timeline__navNext, .timeline__navDivider{
    font-size: var(--FC-font-size-18);
    margin-bottom: 0;
    user-select: none;
}
.timeline__navPrev, .timeline__navNext{
    cursor: pointer;
}
.timeline__navDivider{
    padding: 0px 16px;
}