.slideDotSelected {
    color:     var(--mainSiteColor);
    transform: scale(1.4);
}

#secSlides {
    display:         flex;
    flex-direction:  column;
    text-align:      center;
    width:               100%;
    height:              70vh;
    background-color:    var(--navbarBg);
    background-image:    url("/Media/Images/slide0.jpg");
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center;
    transition:          background-image 0.3s linear;
}

#secSlides p {
    display:                   none;
    z-index:                   1;
    margin:                    auto;
    max-width:                 80%;
    font-size:                 var(--fontSizeSlideP);
    color:                     var(--slideText);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-name:            textSlide;
    animation-duration:        5s;
    animation-iteration-count: infinite;
}

#secSlides p span {
    font-family: akira;
    color:       var(--mainSiteColor);
    text-shadow:
         1px  1px 0 var(--slideStroke),          
         1px -1px 0 var(--slideStroke),
        -1px  1px 0 var(--slideStroke),
        -1px -1px 0 var(--slideStroke);
}

#slideDots {
    margin-bottom: 1em;
}

#slideDots i {
    margin-right: 1em;
}

#slideDots i:last-child {
    margin-right: none;
}

/* Etapes de l'animation */
@keyframes textSlide {
    0%    {transform: translate(0%, 20%);}
    100%  {transform: translate(0%, 0%);}
}

/* MOBILE */
@media screen and (max-width: 768px) {
    #secSlides p {
        font-size: var(--fontSizeMedium);
    }
}