
/* SWIPER START
-------------------------------------------------- */

.swiper {
    overflow-x: hidden;
    position: relative;
}

.swiper-wrapper {

}
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
}

.banderole {
    width: 60%;
    position: absolute;
    right: 0;
    bottom: 25px;
    display: flex;
}
a .banderole,
a:visited .banderole{
    color: #000000;
}


.banderole h2 {
    font-family: 'Montserrat';
    font-weight: 600;
    padding-bottom: 15px;
}
.banderole .se-1 {
    align-self: flex-end;
    background: #fff;
}
.banderole .event-title {
    min-height: 140px;
    align-self: flex-end;
    padding: 10px 25px;
    background: #09a286a8;
    color: #fff;
    width: 100%;
}


/* NEWSLIST
-------------------------------------------------- */

.newslist {
    margin-left: -15px;
    margin-right: -15px;
}
.newslist .card {
    border: 0;
}
.newslist h4 {
    font-family: 'Montserrat';
    font-weight: 600;
}
.newslist h4 a {
    color: var(--grey);
    text-decoration: none;
}
.night .newslist h4 a {
    color: #fff;
}

.newslist p.date {
    margin-bottom: 5px;
}

/* SWIPER-EVENTS
-------------------------------------------------- */

.swiper-events {
    padding: 25px 0 50px;
}


/* RESPONSIVE
-------------------------------------------------- */

@media only screen and (max-width: 1400px) {


}
@media only screen and (max-width: 1200px) {
    .banderole {
        position: relative;
        width: 100%;
    }
    .banderole .event-title {
        flex-basis: 75%;
    }
}
@media only screen and (max-width: 990px) {

}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 650px) {

}