/* -------------------------- DÉBUT GÉNÉRAL -------------------------- */

#footer{
    margin-top: 100px;
}

#footer .h2{
    text-align: center;
}

@media (max-width: 992px) {
    #footer{
        margin-top: 50px;
    }
}

/* -------------------------- FIN GÉNÉRAL -------------------------- */

/* -------------------------- DÉBUT NAVIGATION -------------------------- */

#footer .navigation{
    padding-block: 32px 40px;
    margin-top: 36px;
    position: relative;
    background-color: #F5F1F5;
}

#footer .navigation > .container{
    display: flex;
    justify-content: space-between;
    gap: 40px 50px;
    position: relative;
}

#footer .navigation .menuContainer .menu{
    display: grid;
    grid-template-columns: repeat(9, auto);
    gap: 50px;
}

#footer .navigation .menuContainer .menu > li > a,
#footer .navigation .menuContainer .menu > li#menu-item-78459 > ul > li > a{
    color: var(--purpleDark) !important;
    font-size: 1.375rem !important;
    line-height: 1.9375rem !important;
    margin-bottom: 15px !important;
    display: block !important;
    font-family: "Field_Gothic_No_44_Demi_Cond" !important;
}

#footer .navigation .menuContainer .menu > li#menu-item-78459 > a{
    pointer-events: auto !important;
}

#footer .navigation .menuContainer .menu > li > ul{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#footer .navigation .menuContainer .menu > li > ul > li > a{
    color: var(--purpleDark);
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Field_Gothic_No_44_Demi_Cond";
}

#footer .navigation aside{
    min-width: 260px;
    width: auto;
}

#footer .navigation .links{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#footer .navigation .links .btn{
    background-color: var(--purpleDark);
    color: #fff;
    padding: 11px 14px;
}

#footer .navigation .links .btn::after{
    content: "";
    width: 18px;
    min-width: 18px;
    height: 18px;
}

#footer .navigation .links .btn.tickets::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.062' height='17.062' viewBox='0 0 17.062 17.062'%3E%3Cg id='Icon_ion-ticket-outline' data-name='Icon ion-ticket-outline' transform='translate(0.539 0.539)'%3E%3Cpath id='Tracé_37' data-name='Tracé 37' d='M14.169,6.318a1.666,1.666,0,0,1-.086-2.263.138.138,0,0,0-.008-.188L12.5,2.291a.139.139,0,0,0-.2,0L9.794,4.8a.843.843,0,0,0-.2.33.844.844,0,0,1-.533.535.846.846,0,0,0-.33.2L2.291,12.3a.139.139,0,0,0,0,.2l1.575,1.575a.138.138,0,0,0,.188.008A1.666,1.666,0,0,1,6.4,16.432a.138.138,0,0,0,.008.188l1.575,1.575a.139.139,0,0,0,.2,0l6.437-6.437a.846.846,0,0,0,.2-.33.844.844,0,0,1,.533-.535.843.843,0,0,0,.33-.2l2.51-2.51a.139.139,0,0,0,0-.2L16.62,6.408a.138.138,0,0,0-.188-.008,1.666,1.666,0,0,1-2.263-.083Z' transform='translate(-2.25 -2.25)' fill='none' stroke='%23fbfbfc' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Tracé_38' data-name='Tracé 38' d='M17.042,9.3l-.589-.589m2.16,2.16-.393-.392m1.964,1.964-.392-.393m2.16,2.16-.589-.589' transform='translate(-9.245 -5.434)' fill='none' stroke='%23fbfbfc' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#footer .navigation .links .btn.application::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.2' height='17.999' viewBox='0 0 11.2 17.999'%3E%3Cg id='Icon_akar-mobile-device' data-name='Icon akar-mobile-device' transform='translate(0.5 0.5)'%3E%3Cpath id='Tracé_39' data-name='Tracé 39' d='M10.7,3h6.8a1.7,1.7,0,0,1,1.7,1.7V18.3A1.7,1.7,0,0,1,17.5,20H10.7A1.7,1.7,0,0,1,9,18.3V4.7A1.7,1.7,0,0,1,10.7,3Z' transform='translate(-9 -3)' fill='none' stroke='%23fbfbfb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Tracé_40' data-name='Tracé 40' d='M17.925,27h.085' transform='translate(-12.868 -13.401)' fill='none' stroke='%23fbfbfb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#footer .navigation .links .btn.subscriptions::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.274' height='18.016' viewBox='0 0 15.274 18.016'%3E%3Cg id='Icon_akar-victory-hand' data-name='Icon akar-victory-hand' transform='translate(0.5 0.516)'%3E%3Cpath id='Tracé_41' data-name='Tracé 41' d='M17.349,10.617,16.5,4.446a1.491,1.491,0,0,1,2.968-.211l1.276,5.534,1.28-5.37a1.427,1.427,0,0,1,2.78.62L23.289,14.86' transform='translate(-10.559 -2.952)' fill='none' stroke='%23fbfbfb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Tracé_42' data-name='Tracé 42' d='M18.73,24c-.455,3.395-2.85,5.092-6.365,5.092S6,27.395,6,24' transform='translate(-6 -12.092)' fill='none' stroke='%23fbfbfb' stroke-width='1'/%3E%3Cpath id='Tracé_43' data-name='Tracé 43' d='M6,19.441V16.046a1.7,1.7,0,0,1,3.395,0m3.395.849V15.2a1.7,1.7,0,1,0-3.395,0v3.395' transform='translate(-6 -7.533)' fill='none' stroke='%23fbfbfb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Tracé_44' data-name='Tracé 44' d='M17.482,22.895H15.2a1.7,1.7,0,0,1,0-3.395h3.395a3.107,3.107,0,0,1,2.97,4.243' transform='translate(-9.257 -10.138)' fill='none' stroke='%23fbfbfb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#footer .navigation .links .btn.shop::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17' fill='none'%3E%3Cpath d='M7.24707 0C7.69248 0.0129114 8.14361 0.0721446 8.58789 0.152344L8.86914 0.21582C9.93754 0.500183 10.637 1.25473 11.0186 2.34668L11.0908 2.57031L11.1641 2.83887L11.208 3.06152C11.2539 3.3304 11.2928 3.66518 11.3301 3.96582L11.3682 4.25293C11.3806 4.34268 11.3932 4.42571 11.4062 4.49609L11.4111 4.52148C11.4116 4.52325 11.4127 4.52488 11.4131 4.52637L11.4863 4.91504H14.499C14.498 5.60115 14.4905 6.28725 14.4805 6.97363L14.4414 9.20605C14.4198 10.3226 14.399 11.4411 14.3896 12.5596L14.3848 13.6777C14.3846 15.2802 13.2283 16.377 11.6826 16.377H2.81641C1.3647 16.375 0.259506 15.4076 0.12793 13.9697L0.118164 13.8291L0.114258 13.667C0.11365 12.9247 0.106418 12.1822 0.0957031 11.4404L0.0566406 9.2041C0.0292531 7.77237 0.00206197 6.34344 0 4.91504H3.00684L3.08496 4.50879L3.08398 4.50781C3.08482 4.50393 3.08703 4.49982 3.08789 4.49512L3.12598 4.25293C3.1385 4.16303 3.15077 4.06481 3.16309 3.96484L3.24121 3.34766C3.26847 3.15056 3.29764 2.97125 3.33008 2.83887L3.3291 2.83789L3.40234 2.57031C3.78969 1.27243 4.58883 0.395392 5.89355 0.155273L6.24414 0.0966797L6.24316 0.0957031C6.57671 0.045192 6.9137 0.0112508 7.24707 0ZM1.60645 6.29492L1.60254 6.79004C1.6018 6.87294 1.60114 6.91513 1.60059 6.94043L1.5918 6.98242V7.03906C1.59147 8.70832 1.59944 10.3453 1.59277 12.001L1.5791 13.7744C1.57098 14.4661 2.17098 15.0099 2.83691 15.0049L5.06543 14.9932C5.79768 14.9911 6.52238 14.9902 7.24707 14.9902L9.42871 14.9922C10.1607 14.9946 10.9012 14.9994 11.6572 15.0059H11.6846L11.7598 15.0029L11.7744 15.002L11.7871 15.001C12.3591 14.946 12.853 14.4899 12.9121 13.9023L12.9141 13.8867L12.915 13.8701L12.917 13.7979L12.918 13.7861L12.917 13.7744C12.8901 11.5097 12.9021 9.30115 12.9033 7.03613V6.98242L12.8994 6.96289V6.95312H12.8975L12.8945 6.94336C12.8939 6.91853 12.8943 6.87643 12.8936 6.79004L12.8896 6.29492H1.60645ZM12.8633 7.14551C12.8589 7.15629 12.8548 7.16509 12.8535 7.16797L12.8525 7.16895C12.8535 7.16676 12.8559 7.16193 12.8584 7.15625C12.8623 7.1473 12.867 7.13257 12.873 7.11426C12.8685 7.12824 12.8657 7.13949 12.8633 7.14551ZM6.46582 1.4209L6.46094 1.41602L6.22266 1.44043C5.574 1.51012 5.07833 2.01051 4.80078 2.60156L4.77832 2.64648L4.76562 2.67578C4.66627 2.9158 4.59127 3.24572 4.53516 3.56055L4.48535 3.86719C4.45785 4.04844 4.43538 4.21588 4.41797 4.3457L4.34277 4.91211H10.1494L10.0752 4.34668L10.0078 3.86719C9.95239 3.50211 9.86918 3.04822 9.74414 2.72363V2.71094L9.69824 2.61133L9.58398 2.39258C9.29399 1.89529 8.84081 1.49956 8.26855 1.44141C8.26629 1.44116 8.26399 1.44067 8.26172 1.44043L8.24316 1.43945H8.24023C7.90994 1.40613 7.57868 1.39592 7.24707 1.4043C6.98648 1.39771 6.72578 1.40264 6.46582 1.4209Z' fill='white'/%3E%3C/svg%3E");
}

#footer .navigation .links .btn.subscriptions{
    background-color: var(--goldMedium);
}

#footer .navigation .menuContainer .menu .logoMobile a{
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    background-image: url("/wp-content/themes/saxv/img/logo.png") !important;
    font-size: 0px !important;
    color: #fff !important;
    margin: 0px !important;
}

#footer .navigation .socialNetworks{
    display: flex;
    justify-content: end;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

#footer .navigation .socialNetworks li a, 
#footer .navigation .socialNetworks li a svg{
    display: block;
    height: auto;
    max-height: 30px;
    max-width: 30px;
}

@media (max-width: 1700px) {
    #footer .navigation .menuContainer .menu{
        grid-template-columns: repeat(6, auto);
        gap: 40px 70px;
    }
}

@media (max-width: 1400px) {
    #footer .navigation .menuContainer .menu{
        grid-template-columns: repeat(4, auto);
    }
}

@media (max-width: 1100px) {
    #footer .navigation .menuContainer .menu{
        grid-template-columns: repeat(3, auto);
    }
}

@media (min-width: 993px) {
    #footer .navigation .links .btn:hover{
        background-color: var(--purpleLight);
        transition: 300ms ease;
    }
    #footer .navigation .links .btn.subscriptions:hover{
        background-color: var(--goldLight);
    }
    #footer .navigation .socialNetworks li a svg:hover path{
        fill: var(--purpleLight);
    }
}

@media (max-width: 992px) {
    #footer .navigation > .container{
        flex-direction: column;
        gap: 30px;
    }
}

@media (min-width: 701px) {
    #footer .navigation .menuContainer .menu .logoMobile{
        display: none;
    }
}

@media (max-width: 700px) {
    #footer .navigation .menuContainer .menu{
        grid-template-columns: repeat(2, auto);
        gap: 26px;
    }
    #footer .navigation aside{
        width: 100%;
    }
    #footer .navigation .socialNetworks{
        justify-content: center;
    }
}

/* -------------------------- FIN NAVIGATION -------------------------- */

/* -------------------------- DÉBUT PARTENAIRES -------------------------- */

#footer .partners{
    display: flex;
    gap: 80px;
    margin-top: 30px;
}

#footer .partnersContainer{
    width: calc(100% - 180px - 80px);
    max-width: calc(100% - 180px - 80px);
}

#footer .partners > .logo,
#footer .partners > .logo img{
    width: 180px;
    min-width: 180px;
}

#footer .partners .tabs{
    width: 100%;
    display: flex;
    gap: 42px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-bottom: 25px;
    border-bottom: solid 1px #000;
}

#footer .partners .tabs::-webkit-scrollbar{
    display: none;
}

#footer .partners .tabs li{
    padding: 10px 16px;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #B7B7B7;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    font-family: "Field_Gothic_No_43_Med_Cond";
    letter-spacing: 1px;
}

#footer .partners .tabs li::after{
    content: "";
    width: 100%;
    height: 4px;
    border-radius: 10px 10px 0px 0px;
    display: block;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
}

#footer .partners .tabs li[aria-selected="true"]{
    color: var(--purpleLight);
}

#footer .partners .tabs li[aria-selected="true"]::after{
    background-color: var(--purpleLight);
}

#footer .partners .tabcontent{
    width: 100%;
}

#footer .partners .tabcontent .swiper-slide{
    display: block;
}

#footer .partners .tabcontent .swiper-slide img{
    aspect-ratio: 1;
    object-fit: contain;
}

@media (max-width: 1600px) {
    #footer .partners{
        gap: 50px;
    }
    #footer .partnersContainer{
        width: calc(100% - 150px - 50px);
        max-width: calc(100% - 150px - 50px);
    }
    #footer .partners > .logo,
    #footer .partners > .logo img{
        width: 150px;
        min-width: 150px;
    }
    #footer .partners .tabs{
        gap: 30px;
    }
}

@media (max-width: 1300px) {
    #footer .partnersContainer{
        width: calc(100% - 130px - 50px);
        max-width: calc(100% - 130px - 50px);
    }
    #footer .partners > .logo,
    #footer .partners > .logo img{
        width: 130px;
        min-width: 130px;
    }
}

@media (min-width: 993px) {
    #footer .partners .tabs li:hover{
        color: var(--purpleDark);
    }
    #footer .partners .tabs li:hover::after{
        background-color: var(--purpleDark);
    }
}

@media (max-width: 992px) {
    #footer .partners{
        padding-inline: 0px !important;
    }
    #footer .partners > .logo{
        display: none;
    }
    #footer .partnersContainer{
        width: 100%;
        max-width: 100%;
    }
    #footer .partners .tabs{
        margin-bottom: 20px;
        gap: 15px;
        padding-inline: 20px;
    }
    #footer .partners .tabs li{
        font-size: .75rem;
        line-height: .875rem;
    }
    #footer .partners .tabcontent .swiper{
        padding-inline: 20px;
    }
}

/* -------------------------- FIN PARTENAIRES -------------------------- */

/* -------------------------- DÉBUT BOTTOM -------------------------- */

#footer .bottom{
    padding-block: 8px;
    background-color: var(--purpleDark);
}

#footer .bottom .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 30px;
}

#footer .bottom .logo,
#footer .bottom .logo img {
    width: 50px;
    height: auto;
}

#footer .bottom .links{
    display: flex;
    align-items: center;
    gap: 36px;
}

#footer .bottom p,
#footer .bottom a{
    color: #fff;
    font-size: .9375rem;
    line-height: 1.0625rem;
    text-align: center;
    font-family: "Field_Gothic_No_52_Reg_Compact";
    text-transform: uppercase;
}

@media (max-width: 1300px) {
    #footer .bottom .container{
        justify-content: start;
    }
}

@media (max-width: 992px) {
    #footer .bottom{
        padding-block: 16px;
    }
}

@media (max-width: 700px) {
    #footer .bottom .logo{
        display: none;
    }
    #footer .bottom .container{
        justify-content: center;
    }
    #footer .bottom .links{
        gap: 14px;
    }
    #footer .bottom p,
    #footer .bottom a{
        font-size: .75rem;
        line-height: .875rem;
    }
}

/* -------------------------- FIN BOTTOM -------------------------- */