/* -------------------------- DÉBUT SECTION 1 -------------------------- */

.frontpage .section1 .swiper .swiper-slide{
    padding-block: 15vh;
}

.frontpage .section1 .swiper .swiper-slide::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #000000;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: color;
    z-index: 1;
}

.frontpage .section1 .swiper .swiper-slide .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.frontpage .section1 .swiper .swiper-slide .supertitle{
    font-family: "Field_Gothic_No_51_Light_Compact";
    font-size: 1.5rem;
    line-height: 1.5625rem;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 28px;
    border: solid 1px #fff;
    border-radius: 12px;
    margin-bottom: 20px;
    width: fit-content;
}

.frontpage .section1 .swiper .swiper-slide .title,
.frontpage .section1 .swiper .swiper-slide .title *{
    font-family: "Field_Gothic_No_55_Bold_Compact";
    font-size: 5rem;
    line-height: 4.375rem;
    text-transform: uppercase;
    color: #fff;
}

.frontpage .section1 .swiper .swiper-slide .btn{
    margin-top: 25px;
    background-color: var(--goldMedium);
    color: var(--purpleDark);
    width: fit-content;
}

.frontpage .section1 .swiper .swiper-slide .btn::after{
    content: "";
    display: block;
    width: 21px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23450e33'/%3E%3C/svg%3E%0A");
}

.frontpage .section1 .swiper .swiper-slide .container{
    z-index: 2;
}

.frontpage .section1 .swiper .swiper-slide .subtitle{
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #fff;
    margin-top: 20px;
}

.frontpage .section1 .swiper .swiper-pagination{
    bottom: 60px !important;
    top: initial !important;
    left: initial;
    right: 60px;
    height: fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 12px;
}

.frontpage .section1 .swiper  .swiper-pagination-bullet{
    background-color: #C7C7C7 !important;
    margin: 0px !important;
    height: 17px !important;
    width: 17px !important;
}

.frontpage .section1 .swiper .swiper-pagination-bullet-active{
    background-color: var(--goldMedium) !important;
}

.frontpage .section1 .partnersWeek{
    background-color: var(--purpleDark);
    background-image: url('/wp-content/themes/saxv/img/backgroundSAXV.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 25px 80px;
    border-radius: 0px 0px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.frontpage .section1 .partnersWeek p{
    font-family: 'Field_Gothic_No_44_Demi_Cond';
    color: #fff;
    font-size: 2.125rem;
    line-height: 2.125rem;
    padding-right: 24px;
    border-right: solid 1px #fff;
    white-space: nowrap;
} 

.frontpage .section1 .partnersWeek .partnersGroup{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.frontpage .section1 .partnersWeek .partnersGroup img{
    max-width: 100px;
}

@media (max-width: 1600px) {
    .frontpage .section1 .swiper .swiper-slide .title,
    .frontpage .section1 .swiper .swiper-slide .title *{
        font-size: 4.0625rem;
        line-height: 3.4375rem;
    }
    .frontpage .section1 .swiper .swiper-slide .subtitle{
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .frontpage .section1 .swiper .swiper-slide .supertitle{
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 6px 24px;
    }
}

@media (max-width: 1300px) {
    .frontpage .section1 .swiper .swiper-slide .container.two-columns{
        display: block;
    }
    .frontpage .section1 .swiper .swiper-slide .container.two-columns .left{
        width: 100%;
    }
    .frontpage .section1 .swiper .swiper-slide .container.two-columns .right{
        display: none;
    }
    .frontpage .section1 .swiper .swiper-slide .title,
    .frontpage .section1 .swiper .swiper-slide .title *{
        font-size: 3.4375rem;
        line-height: 3.125rem;
    }
}

@media (max-width: 992px) {
    .frontpage .section1 .swiper .swiper-slide{
        padding-block: 10vh;
    }
    .frontpage .section1 .swiper .swiper-pagination{
        display: none;
    }
    .frontpage .section1 .swiper .swiper-slide .title,
    .frontpage .section1 .swiper .swiper-slide .title *{
        font-size: 2.375rem;
        line-height: 2.8125rem;
    }
    .frontpage .section1 .partnersWeek{
        flex-direction: column;
        padding: 20px;
        gap: 16px;
    }
    .frontpage .section1 .partnersWeek .partnersGroup{
        gap: 20px;
    }
    .frontpage .section1 .partnersWeek p{
        padding: 0px;
        border: none;
        font-size: 1.5625rem;
        line-height: 1.5625rem;
    }
}

@media (min-width: 993px) {
    .frontpage .section1 .swiper .swiper-slide .btn:hover{
        background-color: var(--purpleDark);
        color: #fff;
    }
    .frontpage .section1 .swiper .swiper-slide .btn:hover::after{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23fff'/%3E%3C/svg%3E%0A");
    }
}

/* -------------------------- FIN SECTION 1 -------------------------- */

/* -------------------------- DÉBUT SECTION 1 - MATCHS -------------------------- */

.frontpage .section1 .matchsDatas{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background-color: #450e33de;
    padding: 20px 45px 30px 140px;
    border-radius: 20px 20px 0px 0px;
}

.frontpage .section1 .matchsDatas .matchsDatasHeader{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: solid 1px #fff;
    width: 100%;
}

.frontpage .section1 .matchsDatas .matchsDatasHeader p,
.frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch p{
    color: #E2E2E2;
    font-family: "Field_Gothic_No_44_Demi_Cond";
    font-size: .75rem;
    line-height: 1rem;
    text-transform: uppercase;
}

.frontpage .section1 .matchsDatas .matchsDatasContent{
    display: flex;
    align-items: center;
}

.frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch{
    display: flex;
    align-items: center;
    gap: 36px;
}

.frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch span{
    font-family: 'Field_Gothic_No_45_Bold_Cond';
    font-size: 3.125rem;
    line-height: 3.125rem;
    color: #fff;
}

.frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch img{
    aspect-ratio: 1;
    width: 80px;
    display: block;
    object-fit: contain;
}

.frontpage .section1 .matchsDatas .matchsDatasContent .resume{
    color: #fff;
    font-family: 'Field_Gothic_No_45_Bold_Cond';
    font-size: 1.3125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    padding-left: 45px;
    margin-left: 45px;
    border-left: solid 1px #fff;
    height: 80px;
}

.frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 45px;
    margin-left: 45px;
    border-left: solid 1px #fff;
    gap: 5px;
}

.frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch img{
    aspect-ratio: 1;
    width: 80px;
    display: block;
    object-fit: contain;
}

.frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch p{
    display: none;
}

@media (max-width: 1600px) {
    .frontpage .section1 .matchsDatas {
        padding: 20px 45px 30px 100px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch{
        gap: 30px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .resume,
    .frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch{
        padding-left: 40px;
        margin-left: 40px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch img,
    .frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch img{
        width: 60px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .resume{
        height: 60px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch span{
        font-size: 2.8125rem;
        line-height: 2.8125rem;
    }
}

@media (max-width: 1300px) {
    .frontpage .section1 .matchsDatas {
        padding: 20px 45px;
    }
}

@media (max-width: 800px) {
    .frontpage .section1 .matchsDatas {
        padding: 10px 20px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent{
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 40px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .resume,
    .frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch{
        padding-left: 0px;
        margin-left: 0px;
        border: none;
        font-size: 1rem;
        line-height: 1rem;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch span{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .frontpage .section1 .matchsDatas .matchsDatasHeader{
        justify-content: center;
        padding-bottom: 10px;
        margin-bottom: 18px;
    }
    .frontpage .section1 .matchsDatas .matchsDatasHeader p:last-child{
        display: none;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch p{
        display: block;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .resume{
        height: auto;
    }
    .frontpage .section1 .matchsDatas .matchsDatasContent .lastMatch img,
    .frontpage .section1 .matchsDatas .matchsDatasContent .nextMatch img{
        width: 55px;
    }
}

/* -------------------------- FIN SECTION 1 - MATCH -------------------------- */

/* -------------------------- DÉBUT SECTION 2 -------------------------- */

.frontpage .section2{
    padding-top: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.frontpage .section2 .btn{
    background-color: var(--purpleDark);
    color: #fff;
}

.frontpage .section2 .btn::after{
    content: "";
    display: block;
    width: 21px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.frontpage .section2 .saisonInfos{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 30px;
}

.frontpage .section2 .saisonInfos::before,
.frontpage .section2 .saisonInfos::after{
    content: "";
    display: block;
    width: 180px;
    height: auto;
    aspect-ratio: 190/130;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("/wp-content/themes/saxv/img/logo_trait_dore.png");
}

.frontpage .section2 .saisonInfos .left .title{
    font-family: "Schabo";
    font-size: 5rem;
    line-height: 5rem;
    text-transform: uppercase;
    color: var(--goldMedium);
    text-align: center;
}

.frontpage .section2 .saisonInfos .left .date{
    font-family: "Schabo";
    font-size: 3.75rem;
    line-height: 3.75rem;
    text-transform: uppercase;
    color: var(--purpleDark);
    text-align: center;
}

.frontpage .section2 .saisonInfos .right{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.frontpage .section2 .saisonInfos .right p{
    font-size: 4.6875rem;
    line-height: 4.0625rem;
    text-transform: uppercase;
    color: var(--purpleDark);
    font-family: "GeomGraphic";
}

.frontpage .section2 .saisonInfos .right .saison{
    position: relative;
}

.frontpage .section2 .saisonInfos .right .saison::after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 75px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63.973' height='87.664' viewBox='0 0 63.973 87.664'%3E%3Cg id='Tracé_177' data-name='Tracé 177' transform='translate(64.836 9.197)' fill='%23e1b77f'%3E%3Cpath d='M -49.33257293701172 74.96669769287109 L -56.56728744506836 74.96669769287109 C -58.29142379760742 74.96669769287109 -59.82731246948242 74.11355590820312 -60.67580032348633 72.68455505371094 C -61.53806304931641 71.23236846923828 -61.55048751831055 69.44399261474609 -60.70903778076172 67.90064239501953 L -60.70759963989258 67.89799499511719 L -60.70615005493164 67.89535522460938 L -22.31916236877441 -2.224826335906982 C -21.09073257446289 -4.496389865875244 -19.03287315368652 -5.696991920471191 -16.36721229553223 -5.696991920471191 L -9.132512092590332 -5.696991920471191 C -7.408386707305908 -5.696991920471191 -5.872486591339111 -4.84386682510376 -5.023999214172363 -3.41486668586731 C -4.161749362945557 -1.962704300880432 -4.149312019348145 -0.1743292659521103 -4.990724086761475 1.369008183479309 L -4.99217414855957 1.371670722961426 L -4.993636608123779 1.374333262443542 L -43.38077163696289 71.49476623535156 C -44.60920333862305 73.76611328125 -46.66704940795898 74.96669769287109 -49.33257293701172 74.96669769287109 Z' stroke='none'/%3E%3Cpath d='M -16.36721420288086 -2.197006225585938 C -17.84651565551758 -2.197006225585938 -18.66835021972656 -1.622154235839844 -19.24404907226562 -0.5533370971679688 L -57.63610076904297 69.57604217529297 C -58.12919998168945 70.48049926757812 -57.63610076904297 71.46669769287109 -56.56728363037109 71.46669769287109 L -49.33258056640625 71.46669769287109 C -47.8532829284668 71.46669769287109 -47.03144836425781 70.891845703125 -46.45573425292969 69.82302856445312 L -8.063697814941406 -0.3063507080078125 C -7.570598602294922 -1.210807800292969 -8.063697814941406 -2.197006225585938 -9.132514953613281 -2.197006225585938 L -16.36721420288086 -2.197006225585938 M -16.36721420288086 -9.197006225585938 L -9.132514953613281 -9.197006225585938 C -6.160865783691406 -9.197006225585938 -3.499950408935547 -7.703468322753906 -2.014533996582031 -5.201805114746094 C -0.5153656005859375 -2.676971435546875 -0.4791793823242188 0.4057159423828125 -1.917747497558594 3.044380187988281 L -40.31561660766602 73.18441009521484 C -42.14225006103516 76.57589721679688 -45.35260009765625 78.46669769287109 -49.33258056640625 78.46669769287109 L -56.56728363037109 78.46669769287109 C -59.53893280029297 78.46669769287109 -62.19984817504883 76.97315979003906 -63.68526458740234 74.47149658203125 C -65.18443298339844 71.94666290283203 -65.22061920166016 68.86397552490234 -63.78205108642578 66.22531127929688 L -25.3841667175293 -3.914718627929688 C -23.55759811401367 -7.306190490722656 -20.34724807739258 -9.197006225585938 -16.36721420288086 -9.197006225585938 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
}

@media (max-width: 1600px) {
    .frontpage .section2 .saisonInfos::before,
    .frontpage .section2 .saisonInfos::after{
        width: 130px;
    }
    .frontpage .section2 .saisonInfos .left .title{
        font-size: 4.0625rem;
        line-height: 4.0625rem;
    }
    .frontpage .section2 .saisonInfos .left .date{
        font-size: 3.125rem;
        line-height: 3.125rem;
    }
    .frontpage .section2 .saisonInfos .right p{
        font-size: 3.75rem;
        line-height: 3.4375rem;
    }
    .frontpage .section2 .saisonInfos .right .saison::after{
        height: 60px;
    }
}

@media (max-width: 1200px) {
    .frontpage .section2 .saisonInfos::before,
    .frontpage .section2 .saisonInfos::after{
        display: none;
    }
}

@media (min-width: 993px) {
    .frontpage .section2 .btn:hover{
        background-color: var(--goldMedium);
        color: var(--purpleDark);
    }
    .frontpage .section2 .btn:hover::after{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23450e33'/%3E%3C/svg%3E%0A");
    }
}

@media (max-width: 800px) {
    .frontpage .section2 .saisonInfos{
        flex-direction: column;
        gap: 12px;
    }
    .frontpage .section2 .saisonInfos .left .title{
        font-size: 3.25rem;
        line-height: 3.25rem;
    }
    .frontpage .section2 .saisonInfos .left .date{
        font-size: 2.625rem;
        line-height: 2.625rem;
    }
    .frontpage .section2 .saisonInfos .right p{
        font-size: 3.125rem;
        line-height: 3.125rem;
    }
    .frontpage .section2 .saisonInfos .right .saison::after{
        height: 50px;
    }
}

/* -------------------------- FIN SECTION 2 -------------------------- */

/* -------------------------- DÉBUT SECTION 3 -------------------------- */

.frontpage .section3{
    padding-top: 70px;
    position: relative;
}

/* .frontpage .section3::before,
.frontpage .section3::after{
    content: "";
    position: absolute;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
}

.frontpage .section3::before{
    background-image: url("/wp-content/themes/saxv/img/joueur1.png");
    width: 17%;
    aspect-ratio: 335/480;
    top: 16%;
    left: -4%;
}

.frontpage .section3::after{
    background-image: url("/wp-content/themes/saxv/img/joueur2.png");
    width: 20%;
    aspect-ratio: 385/580;
    top: 4%;
    right: -9%;
} */

.frontpage .section3 .container{
    display: flex;
    gap: 60px;
    max-width: 1640px;
}

.frontpage .section3 .container .left{
    width: 55%;
    padding: 30px 56px;
    border: solid 4px #E4E4E4;
    border-radius: 20px;
    background-image: url('/wp-content/themes/saxv/img/backgroundSAXVWhite.png');
}

.frontpage .section3 .container .right{
    width: 45%;
}

.frontpage .section3 .left .btn{
    background-color: var(--purpleDark);
    color: #fff;
    width: fit-content;
    margin-inline: auto;
    margin-top: 36px;
}

.frontpage .section3 .left .btn::after{
    content: "";
    display: block;
    width: 21px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.frontpage .section3 .left .header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;
    margin-bottom: 38px;
}

.frontpage .section3 .left .header a{
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--purpleDark);
    text-transform: uppercase;
}

.frontpage .section3 .infos{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding-bottom: 8px;
    border-bottom: solid 1px var(--purpleDark);
    margin-bottom: 36px;
}

.frontpage .section3 .infos p,
.frontpage .section3 .infos a{
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--purpleDark);
    text-transform: uppercase;
    display: flex;
    align-items: end;
    gap: 12px;
    white-space: nowrap;
}

.frontpage .section3 .infos p img{
    max-width: 52px;
}

.frontpage .section3 .left .imageNextMatch{
    width: 100%;
    height: auto;
    aspect-ratio: 21/8;
    display: block;
    object-fit: contain;
}

.frontpage .section3 .right h2{
    margin-bottom: 18px;
}

@media (max-width: 1900px) {
    .frontpage .section3::before{
        width: 13%;
        top: 40%;
    }
    .frontpage .section3::after{
        width: 16%;
        top: 24%;
    }
}

@media (max-width: 1300px) {
    .frontpage .section3 .container{
        gap: 30px;
    }
    .frontpage .section3 .container .left{
        padding: 30px 45px;
    }
}

@media (min-width: 993px) {
    .frontpage .section3 .btn:hover{
        background-color: var(--goldMedium);
        color: var(--purpleDark);
    }
    .frontpage .section3 .btn:hover::after{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23450e33'/%3E%3C/svg%3E%0A");
    }
}

@media (max-width: 992px) {
    .frontpage .section3{
        padding-top: 45px;
    }
    .frontpage .section3::before,
    .frontpage .section3::after{
        display: none;
    }
    .frontpage .section3 .container{
        flex-direction: column;
    }
    .frontpage .section3 .container .left,
    .frontpage .section3 .container .right{
        width: 100%;
    }
    .frontpage .section3 .left .header{
        margin-bottom: 25px;
    }
}

@media (max-width: 600px) {
    .frontpage .section3 .container{
        flex-direction: column;
    }
    .frontpage .section3 .container .left,
    .frontpage .section3 .container .right{
        width: 100%;
    }
    .frontpage .section3 .container .left{
        padding: 25px 20px;
    }
}

/* -------------------------- FIN SECTION 3 -------------------------- */

/* -------------------------- DÉBUT SECTION 4 -------------------------- */

.frontpage .section4{
    padding-block: 100px 120px;
}

.frontpage .section4 h2{
    margin-bottom: 24px;
}

.frontpage .section4 .grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 520px;
    gap: 20px;
}

.frontpage .section4 .grid > .miniature{
    width: 100%;
    height: 100%;
}

.frontpage .section4 .grid > .miniature .imgContainer img{
    aspect-ratio: 16/9;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+2) .imgContainer img,
.frontpage .section4 .grid > .miniature:nth-child(7n+5) .imgContainer img{
    aspect-ratio: 16/4;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+1) {
    grid-column: 1/4;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+2) {
    grid-column: 4/9;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+3) {
    grid-column: 9/13;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+4) {
    grid-column: 1/3;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+5) {
    grid-column: 3/8;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+6) {
    grid-column: 8/10;
}

.frontpage .section4 .grid > .miniature:nth-child(7n+7) {
    grid-column: 10/13;
}

@media (max-width: 1600px) {
    .frontpage .section4 .grid > .miniature:nth-child(7n+1) {
        grid-column: 1/5;
    }
    .frontpage .section4 .grid > .miniature:nth-child(7n+2) {
        grid-column: 5/9;
    }
    .frontpage .section4 .grid > .miniature:nth-child(7n+3) {
        grid-column: 9/13;
    }
    .frontpage .section4 .grid > .miniature:nth-child(7n+4) {
        grid-column: 1/4;
    }
    .frontpage .section4 .grid > .miniature:nth-child(7n+5) {
        grid-column: 4/7;
    }
    .frontpage .section4 .grid > .miniature:nth-child(7n+6) {
        grid-column: 7/10;
    }
    .frontpage .section4 .grid > .miniature:nth-child(7n+7) {
        grid-column: 10/13;
    }
}

@media (max-width: 1300px) {
    .frontpage .section4 .grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .frontpage .section4 .grid > .miniature {
        grid-column: auto !important;
    }
}

@media (max-width: 800px) {
    .frontpage .section4{
        padding-block: 80px 100px;
    }
    .frontpage .section4 .grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .frontpage .section4 .grid{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        gap: 10px;
    }
    .frontpage .section4 .grid > .miniature .imgContainer img{
        aspect-ratio: 1 !important;
    }
    .frontpage .section4 .grid::-webkit-scrollbar {
        display: none;
    }
    .frontpage .section4 .grid > .miniature {
        min-width: 75vw;
        width: 75vw;
    }
    .miniature figcaption .title{
        min-height: 72px;
    }
}

/* -------------------------- FIN SECTION 4 -------------------------- */

/* -------------------------- DÉBUT SECTION 5 -------------------------- */

.frontpage .section5{
    padding-block: 80px;
    background-color: var(--purpleDark);
    background-image: url('/wp-content/themes/saxv/img/backgroundSAXV.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.frontpage .section5::after{
    content: "";
    display: block;
    height: auto;
    width: 28%;
    aspect-ratio: 530/220;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/wp-content/themes/saxv/img/saxvdeco.png');
    position: absolute;
    top: 0px;
    right: 0px;
}

.frontpage .section5 .container{
    z-index: 1;
    max-width: 1320px;
}

.frontpage .section5 h2{
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

.frontpage .section5 .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 90px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.frontpage .section5 .grid::-webkit-scrollbar{
    display: none;
}

.frontpage .section5 .grid .element .imgContainer{
    border-radius: 20px;
    padding: 20px 16px;
    border: 3px solid var(--goldMedium);
    position: relative;
}

.frontpage .section5 .grid .element .imgContainer div{
    position: relative;
}

.frontpage .section5 .grid .element .imgContainer div::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: var(--goldMedium);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: color;
}

.frontpage .section5 .grid .element img{
    aspect-ratio: 3/4;
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: block;
}

.frontpage .section5 .grid .element figcaption{
    margin-top: 20px;
}

.frontpage .section5 .grid .element figcaption .title{
    font-size: 2rem;
    line-height: 2.1875rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: "Field_Gothic_No_54_Demi_Compact";
}

.frontpage .section5 .grid .element .btn{
    background-color: #fff;
    color: var(--purpleDark);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.frontpage .section5 .grid .element .btn::after{
    content: "";
    display: block;
    width: 21px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23450e33'/%3E%3C/svg%3E%0A");
}

@media (min-width: 993px) {
    .frontpage .section5 .grid .element:hover .imgContainer div::after{
        opacity: 0;
    }
    .frontpage .section5 .grid .element:hover figcaption .title{
        color: var(--goldMedium);
    }
    .frontpage .section5 .grid .element:hover .btn{
        display: flex;
    }
}

@media (max-width: 1500px) {
    .frontpage .section5 .grid .element figcaption .title{
        font-size: 1.75rem;
        line-height: 1.875rem;
    }
    .frontpage .section5 .grid .element .btn{
        padding: 11px 32px;
    }
}

@media (max-width: 1300px) {
    .frontpage .section5 .grid{
        gap: 50px;
    }
}

@media (max-width: 992px) {
    .frontpage .section5 .grid{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 30px;
        padding-inline: 20px;
        transform: translateX(-20px);
        width: 100vw;
    }
    .frontpage .section5 .grid .element{
        min-width: 50vw;
        width: 50vw;
    }
    .frontpage .section5 .grid .element figcaption .title{
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .frontpage .section5 h2{
        margin-bottom: 38px;
    }
}

@media (max-width: 500px) {
    .frontpage .section5::after{
        width: 45%;
    }
    .frontpage .section5 .grid .element{
        min-width: 80vw;
        width: 80vw;
    }
}

/* -------------------------- FIN SECTION 5 -------------------------- */

/* -------------------------- DÉBUT SECTION 6 -------------------------- */

.frontpage .section6{
    padding-block: 80px 100px;
}

.frontpage .section6 h2{
    text-align: center;
    margin-bottom: 50px;
}

.frontpage .section6 .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.frontpage .section6 .grid .element{
    display: block;
    border-radius: 35px;
    border: solid 4px transparent;
    position: relative;
}

.frontpage .section6 .grid .element img{
    border-radius: 30px;
    display: block;
    filter: brightness(0.9);
    aspect-ratio: 510/430;
}

.frontpage .section6 .grid .element figcaption{
    position: absolute;
    bottom: 20px;
    left: 25px;
    width: calc(100% - 50px);
}

.frontpage .section6 .grid .element figcaption .title{
    font-family: "Field_Gothic_No_55_Bold_Compact";
    font-size: 2.1875rem;
    line-height: 2.5rem;
    margin-bottom: 12px;
    color: #fff;
    text-transform: uppercase;
}

.frontpage .section6 .grid .element figcaption .btn{
    background-color: #ffffff42;
    padding: 12px;
    color: #fff;
    font-size: .875rem;
    line-height: 1rem;
    font-family: "Field_Gothic_No_54_Demi_Compact";
    backdrop-filter: blur(10px);
}

.frontpage .section6 .grid .element figcaption .btn::after{
    content: "";
    display: block;
    width: 21px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='13.501' viewBox='0 0 20.243 13.501'%3E%3Cpath id='Icon_ion-ios-arrow-round-forward' data-name='Icon ion-ios-arrow-round-forward' d='M20.784,11.51a.919.919,0,0,0-.007,1.294l4.275,4.282H8.782a.914.914,0,0,0,0,1.828H25.045L20.77,23.2a.925.925,0,0,0,.007,1.294.91.91,0,0,0,1.287-.007l5.794-5.836a1.026,1.026,0,0,0,.19-.288.872.872,0,0,0,.07-.352.916.916,0,0,0-.26-.64l-5.794-5.836a.9.9,0,0,0-1.28-.021Z' transform='translate(-7.875 -11.252)' fill='%23fafbfb'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1600px) {
    .frontpage .section6 .grid .element figcaption .title{
        font-size: 1.875rem;
        line-height: 2.1875rem;
    }
    .frontpage .section6 h2{
        margin-bottom: 35px;
    }
}

@media (max-width: 1300px) {
    .frontpage .section6 .grid{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .frontpage .section6 .grid .element img{
        aspect-ratio: 40/8;
    }
}

@media (min-width: 993px) {
    .frontpage .section6 .grid .element:hover{
        border-color: var(--purpleDark);
    }
}

@media (max-width: 992px) {
    .frontpage .section6 .grid .element img{
        aspect-ratio: 20/8;
    }
}

@media (max-width: 600px) {
    .frontpage .section6 .grid .element img{
        aspect-ratio: 1;
    }
}

/* -------------------------- FIN SECTION 6 -------------------------- */