/* SLIDER RETROSPECTIVE */
#retrospective {
    width: 100%;
    max-width: calc(100vw - 25rem);
}

@media only screen and (max-width: 900px) {
    #retrospective {
        max-width: 100%;
    }
}

#retrospective .retro-slider {
    height: 80px;
}

#retrospective .retro-slider .slick-list,
#retrospective .retro-slider .slick-track {
    height: 100%;
}

#retrospective .retro-slider .retro-slider__item {
    height: 100%;
    margin-inline: .175rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    border: 4px solid transparent;
    transition: border 200ms ease-in-out;
}

#retrospective .retro-slider .retro-slider__item.retro-active {
    border: 4px solid #db3c00;
}

#retrospective .slick-arrow {
    height: 48px !important;
    width: 48px !important;
}

#retrospective .slick-arrow:before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px !important;
    width: 48px !important;
    border-radius: 50%;
    background-color: #f3f3f3;
    color: #db3c00;
    transition: all 200ms ease-in-out;
    font-family: 'icons';
}

#retrospective .slick-arrow:hover:before {
    color: #f3f3f3;
    background-color: #db3c00;
}

#retrospective .slick-arrow.slick-prev {
    margin-left: 1rem;
}

#retrospective .slick-arrow.slick-prev:before {
    content: '\e815';
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

#retrospective .slick-arrow.slick-next {
    margin-right: 1rem;
}

#retrospective .slick-arrow.slick-next:before {
    content: '\e815';
}

#retrospective .retro-item {
    display: none;
    opacity: 0;
}

#retrospective .retro-item#retro-0 {
    display: flex;
    opacity: 1;
}

#retrospective .retro-item img {
    width: 100%;
    height: 100%;
    max-height: 300px;
    object-fit: cover;
}

@media only screen and (max-width: 900px) {
    #retrospective .retro-item img {
        max-height: 200px;
    }
}

/* #retrospective .retro-item .description *,
#retrospective .retro-item .complement *,
#retrospective .retro-item .complement {
    font-size: .875rem;
    font-weight: 600;
    color: #10337f;
}

#retrospective .retro-item .complement ul {
    padding-left: 1rem;
}

#retrospective .retro-item .complement ul li,
#retrospective .retro-item .complement ul li * {
    color: #db3c00;
    list-style-type: none;
}

#retrospective .retro-item .complement ul li:before {
    content: '\e802';
    font-family: 'icons';
    margin-right: 1rem;
}

#retrospective .retro-item .complement ul li a {
    text-decoration: none;
}

#retrospective .retro-item .complement ul li a:hover {
    text-decoration: underline;
} */

#retrospective .retro-item .retro-header {
    font-size: 1.75rem;
    line-height: 1.3em;
    color: #10337f;
    margin-bottom: 1.5rem;
    padding: 0;
}

#retrospective .retro-item .retro-header * {
    font-size: 1.75rem;
    line-height: 1.3em;
    color: #10337f;
    margin-bottom: 0;
    padding: 0;
}

#retrospective .retro-item .retro-header::before {
    all: unset;
}