.aeip-block-news-event-slider {
margin-inline: calc(-1 * var(--aeip-content-padding));
}
.aeip-block-news-event-slider:not(:last-child) {
margin-bottom: var(--aeip-section-bottom-margin);
}
.aeip-block-news-event-slider .filters {
margin-inline: 50px;
display: flex;
align-items: center;
justify-content: center;
-moz-column-gap: 32px;
column-gap: 32px;
margin-bottom: 16px;
}
.aeip-block-news-event-slider .filters button.active {
text-decoration: underline;
font-weight: bold;
}
.aeip-block-news-event-slider .slider-wrapper {
width: 100%;
display: grid;
grid-template-columns: 1fr;
overflow: clip;
--animation-duration: 500ms;
--expading-animation-duration: 150ms;
}
.aeip-block-news-event-slider .slider-wrapper[selection=events] .slider {
translate: -100% 0;
grid-template-rows: 0fr 0fr 0fr;
transition-duration: var(--animation-duration), var(--expading-animation-duration);
transition-delay: 0ms, calc(var(--animation-duration) - var(--expading-animation-duration));
}
.aeip-block-news-event-slider .slider-wrapper[selection=events] .slider[type=events] {
translate: 0;
grid-template-rows: 1fr auto auto;
transition-duration: var(--animation-duration), 0ms;
transition-delay: 0ms;
}
.aeip-block-news-event-slider .slider {
width: 100%;
min-width: 0;
align-self: start;
grid-row: 1;
grid-column: 1;
overflow: clip;
display: grid;
grid-template-rows: 1fr auto auto;
transition: translate var(--animation-duration) ease-out, grid-template-rows 0ms linear;
}
.aeip-block-news-event-slider .slider[type=events] {
translate: 100% 0;
grid-template-rows: 0fr 0fr 0fr;
transition-duration: var(--animation-duration), var(--expading-animation-duration);
transition-delay: 0ms, calc(var(--animation-duration) - var(--expading-animation-duration));
}
.aeip-block-news-event-slider .slider-container {
width: 100%;
min-width: 0;
height: 100%;
min-height: 0;
opacity: 1;
transition: opacity 150ms linear;
}
.aeip-block-news-event-slider .slider-container.hide {
opacity: 0;
}
.aeip-block-news-event-slider .link {
text-align: center;
}
.aeip-block-news-event-slider .swiper-pagination {
position: initial;
padding-inline: 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-block: 24px;
}
.aeip-block-news-event-slider .swiper-pagination-bullet {
height: 8px;
border-radius: 8px;
width: auto;
max-width: 60px;
background-color: rgba(28, 71, 145, 0.4);
flex: 1;
}
.aeip-block-news-event-slider .swiper-pagination-bullet-active {
background-color: rgb(28, 71, 145);
}
.aeip-block-news-event-slider .slide {
height: auto;
overflow: clip;
display: grid;
grid-template-rows: auto 1fr;
}
.aeip-block-news-event-slider .slide.orange {
background-color: var(--aeip-color-orange);
color: var(--aeip-color-green);
}
.aeip-block-news-event-slider .slide.blue-light {
background-color: var(--aeip-color-blue-light);
color: white;
}
.aeip-block-news-event-slider .slide.yellow {
background-color: var(--aeip-color-yellow);
color: var(--aeip-color-green);
}
.aeip-block-news-event-slider .slide.green {
background-color: var(--aeip-color-green);
color: white;
}
.aeip-block-news-event-slider .slide.green-light {
background-color: var(--aeip-color-green-light);
color: white;
}
.aeip-block-news-event-slider .slide.blue {
background-color: var(--aeip-color-blue);
color: white;
}
.aeip-block-news-event-slider .thumbnail {
width: 100%;
aspect-ratio: 16/9;
height: auto;
}
.aeip-block-news-event-slider .thumbnail-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.aeip-block-news-event-slider .content {
flex: 1;
padding-inline: var(--aeip-content-padding);
padding-block: 2em;
display: grid;
row-gap: 1em;
font-size: 1rem;
grid-template-rows: [title-start] auto [title-end description-start] 1fr [description-end more-start] auto [more-end];
}
.aeip-block-news-event-slider .title {
font-size: 1.25rem;
margin-bottom: 0;
}
.aeip-block-news-event-slider .read-more {
display: flex;
-moz-column-gap: 8px;
column-gap: 8px;
align-items: center;
font-size: 0.875rem;
font-weight: bold;
}
.aeip-block-news-event-slider .read-more svg {
height: 0.875rem;
width: auto;
rotate: 180deg;
}
.aeip-block-news-event-slider .slide-link {
margin-top: auto;
}
@media screen and (min-width: 768px) {
.aeip-block-news-event-slider .content {
padding-inline: 32px;
padding-block: 24px;
}
}
@media screen and (min-width: 992px) {
.aeip-block-news-event-slider {
margin-inline: 0;
}
}