.wp-block-timeline-slider {
margin-top: 4em;
margin-bottom: 4em;
}
.wp-block-timeline-slider .container {
position: relative;
}
.wp-block-timeline-slider h1,
.wp-block-timeline-slider h2,
.wp-block-timeline-slider h3,
.wp-block-timeline-slider h4,
.wp-block-timeline-slider h5 {
margin: 0;
}
.wp-block-timeline-slider .wp-block-timeline-slider__text {
margin-bottom: 2em;
text-align: center;
} .wp-block-timeline-slider .swiper-pagination-progressbar {
background-color: #FFD100;
}
.wp-block-timeline-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #001F59;
}
.wp-block-timeline-slider .wp-block-timeline-slider__header .swiper-slide h2 {
color: #FFD100;
font-size: 8em;
margin-top: 1rem;
margin-bottom: 1rem;
}
.wp-block-timeline-slider .wp-block-timeline-slider__header .swiper-slide.swiper-slide-active h2 {
color: #001F59;
} .wp-block-timeline-slider .swiper-wrapper {
align-items: flex-end;
}
.wp-block-timeline-slider .wp-block-timeline-slider__item {
display: flex;
gap: 3em;
align-items: flex-end;
padding-right: 8em; }
.wp-block-timeline-slider .wp-block-timeline-slider__item > div:first-child {
flex: 1;
}
.wp-block-timeline-slider .wp-block-timeline-slider__item > div:last-child {
flex: 2;
}
.wp-block-timeline-slider .wp-block-timeline-slider__item > div:last-child > *:last-child {
margin-bottom: 0;
} .wp-block-timeline-slider .swiper-buttons {
display: flex;
gap: 0.5em;
position: absolute;
right: 1em; bottom: 0;
}
.wp-block-timeline-slider .swiper-button-next,
.wp-block-timeline-slider .swiper-button-prev {
color: #001F59;
font-size: 2em;
margin: 0;
height: auto;
position: relative;
top: unset;
right: unset;
bottom: unset;
left: unset;
width: auto;
}
.wp-block-timeline-slider .swiper-button-next::after,
.wp-block-timeline-slider .swiper-button-prev::after {
display: none;
}
@media (max-width: 992px) {
.wp-block-timeline-slider .wp-block-timeline-slider__header .swiper-slide h2 {
font-size: 6em;
}
.wp-block-timeline-slider .wp-block-timeline-slider__item {
padding-right: 0;
}
.wp-block-timeline-slider .swiper-buttons {
margin-top: 2em;
justify-content: center;
position: relative;
}
}
@media (max-width: 768px) {
.wp-block-timeline-slider .wp-block-timeline-slider__header .swiper-slide h2 {
font-size: 3em;
}
.wp-block-timeline-slider .wp-block-timeline-slider__item {
display: block;
}
.wp-block-timeline-slider .wp-block-timeline-slider__item > div:first-child {
margin-bottom: 1em;
}
}