/* Slideshow */
.slideshow {
}
.slideshow .slides > li {
    opacity: 1 !important;
}
.slideshow.loading .slides > li {
    opacity: 0 !important;
}
.slideshow,
.slideshow .slides,
.slideshow .slides li {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideshow .slides li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.slideshow .slides li .caption {
    display: none;
}
.slideshow .prev {
    left: 0;
    background: url('../img/prev2.svg') no-repeat left center transparent;
    background-size: 16px;
}
.slideshow .next {
    right: 0;
    background: url('../img/next2.svg') no-repeat right center transparent;
    background-size: 16px;
}
.slideshow .arrow:hover {
    opacity: 1;
}
.slideshow .arrow {
    font-size: 0;
    border: 0;
    width: 10%;
    z-index: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.medias .nav {
    margin-top: var(--default-spacing);
}
.medias .nav nav span {
    cursor: pointer;
    width: 10px;
    height: 10px;
    display: inline-block;
    font-size: 0;
    background: url('../img/pager.svg') no-repeat;
    background-size: 100%;
}
.medias .nav nav span:hover,
.medias .nav nav span.active {
    background: url('../img/pager_active.svg') no-repeat;
    background-size: 100%;
}
.medias .nav .caption {
    margin-top: 10px;
}