/*
Theme Name: My Website Theme
Theme URI: https://up-to-you.ch/
Author: Léa Medrano
Author URI: https://leamedrano.myportfolio.com/
Description: uptoyoutheme
Text Domain: uptoyoutheme
Requires at least: WordPress 5.6
Version: 1.0
*/

/****
WP CUSTOM
 */

#top-header {
    display: none;
}

/*****
VARS
 */

 html,
 body {
     border: none;
     margin: 0 auto;
     padding: 0;
     text-align: left;
     font-family: var(--main-font);
 }


:root {
    --main-font: obviously, sans-serif;
    --accent-color: #F39200;
    --basic-color: #ffffff;
    --uptoyou-color: #143983;
    --scaling: 0.75;
    --section-height: -webkit-fill-available;
}

body {
    margin: 0 auto;
    background-color: #000;
    padding: 0;
    margin: 0;
    min-height: var(--section-height);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

html {
   height: -webkit-fill-available;
 }

 /* Avoid Chrome to see Safari hack */
 @supports (-webkit-touch-callout: none) {
   body {
     /* The hack for Safari */
     min-height: -webkit-fill-available;
   }
 }

/*****
GENERAL
 */


p {
    margin-top: 0;
    margin-bottom: 0;
}

a {
    text-decoration: none;
    color: var(--accent-color);
}

a:hover {
    font-weight: 600;
    color: var(--accent-color);
    text-decoration: none;
}

li {
    list-style: none;
}


img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
}

/*****
DISPOSITION
 */

.di__container {
    width: calc(100% - 50px);
    margin: 0 auto;
}

[role=button] {
    cursor: auto;
}

/*****
TITLES
 */


.basic-title {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 560;
    font-size: calc(20px * var(--scaling));
    line-height: calc(32px * var(--scaling));
    text-align: left;
    text-transform: uppercase;
    color: var(--accent-color);
}

.subtitle {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 600;
    font-size: calc(18px * var(--scaling));
    line-height: calc(32px * var(--scaling));
    color: var(--accent-color);
    text-transform: uppercase;
}

.subtitle-lowercase {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 500;
    font-size: calc(18px * var(--scaling));
    line-height: calc(32px * var(--scaling));
    color: var(--accent-color);
    text-transform: capitalize;
}

.title-cross, .title-cross-orange, .title-cross-orange-last {
    width: calc(20px * var(--scaling));
    height: calc(20px * var(--scaling));
    position: absolute;
    top: calc(20px * var(--scaling));
    right: calc(20px* var(--scaling));
    opacity: 0;
    visibility: hidden;
    transition: opacity ease 0.5s;
    z-index: 999;
}

.title-cross.show, .title-cross-orange.show, .title-cross-orange-last.show {
    opacity: 1;
    visibility: visible;
    transition: opacity ease 0.5s;
}

.el__toggle-parent.last {
    position: relative;
}

.title-black, .title-orange {
    cursor: pointer;
    transition: all ease 0.5s;
    z-index: 999;
}

.title-black {
    text-align: center;
    background: #000;
    color: var(--accent-color);
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 560;
    font-size: calc(20px * var(--scaling));
    line-height: calc(32px * var(--scaling));
    color: #FFFFFF;
    padding: calc(20px * var(--scaling)) 0;
    position: relative;
}

.title-black .title-content .title-img {
    width: calc(52px * var(--scaling));
    height: calc(37px * var(--scaling));
}

.logged-in.admin-bar .title-black .title-cross-orange {
    top: calc(82px * var(--scaling)) !important;
}

.title-black .title-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-orange .title-content h3 {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 560;
    font-size: calc(20px * var(--scaling));
    line-height: calc(32px * var(--scaling));
    text-align: center;
    color: #F5F5F5;
}

.title-orange {
    text-align: center;
    background-color: var(--accent-color);
    color: #000;
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 560;
    font-size: calc(20px * var(--scaling));
    line-height: calc(32px * var(--scaling));
    padding: calc(20px * var(--scaling)) 0;
    position: relative;
}

#header-1 .title-orange {
    color: #ffffff;
    border: 0;
    text-transform: uppercase;
}

.title-black::before {
    content: "\f107";
    color: var(--accent-color);
    font-family: "FontAwesome";
    transition: all ease 0.5s;
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 9999;
}

.title-orange::before {
    content: "\f107";
    color: #000;
    font-family: "FontAwesome";
    transition: all ease 0.5s;
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 9999;
}

.title-orange.active::before, .title-black.active::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-group {
    display: flex;
    flex-direction: column;
    min-height: 93vh;
}

.panel-group .panel:first-child, .panel-group .panel:last-child, .panel-group .panel:nth-child(2) {
    background-color: #000;
}

.panel-group .panel {
    flex: 1 1 auto;
    background-color: var(--accent-color);
    border: calc(0.5px * var(--scaling)) solid #555555;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: relative; */
}

.panel-group .panel .panel-heading {
    width: 100%;
}

.el__programme, .el__vertinight, .el__map-container, .el__race {
    background-color: #FFFFFF;
}

.panel-group .panel .panel-body {
    padding: 25px 0;
}

.panel-group .panel #header-9 .panel-body {
    padding: 0;
}

.panel.panel-default {
    -webkit-overflow-scrolling: touch;
}

/* FOOTER */

.el__footer {
    height: 53px;
    position: sticky;
    bottom: 0;
    z-index: 999;
}

.socials .social-img img {
    width: 30px;
    height: 30px;
}

.el__socials {
    padding: calc(15px * var(--scaling)) 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #000;
    border-top: calc(0.5px * var(--scaling)) solid #F39200;
    border-bottom: calc(0.5px * var(--scaling)) solid #F39200;
}

.socials {
    cursor: pointer;
}

.el__footer-link-title {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    font-family: var(--accent-font);
    font-style: normal;
    font-weight: 700;
    font-size: calc(18px * var(--scaling));
    line-height: calc(32px * var(--scaling));
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--basic-color);
}

.el__footer-link-img {
    width: calc(16px * var(--scaling));
    height: calc(16px * var(--scaling));
    margin-right: calc(4px calc(16px * var(--scaling)));
}

.uptoyou {
    display: none;
    text-align: center;
    color: var(--basic-color);
    padding: 5px 0 0 0;
    background-color: #000;
    font-size: calc(14px * var(--scaling));
    transition: all ease 0.5s;
    height: 30px;
}

.uptoyou.visible {
    height: 30px;
    visibility: visible;
    opacity: 1;
    transition: all ease 0.5s;
    padding: calc(10px * var(--scaling)) 0;
}

.uptoyou a {
    color: var(--uptoyou-color);
}

#page-container {
    height:100%;
    width:100%;
    overflow:hidden; 
}

#over {
    filter: grayscale(1);
}

#over .title-orange .title-content h3 {
    opacity: 0.4;
}


#over .title-orange::before {
    content: "";
}

#header-7 .panel-body, #header-7 .course-resto .basic-title, #header-7 .course-things-to-do .subtitle {
    margin: 0 !important;
    padding-bottom: 0 !important;
}
/* RESPONSIVE DESKTOP */
@media (max-width: 2560px) {
    #header-3 .container-resto {
        padding-bottom: 20px;
    }

    #header-3 .panel-body {
        padding: 0;
    }

   #header-3 .course-content {
        padding-top: calc(20px * var(--scaling));
   } 

    .title-orange, .title-black  {
        padding: 8px 0;
    }
    /* Section PROGRAMME */

    .el__programme .agenda {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px* var(--scaling));
        color: #555555;
    }

    .el__programme .agenda .agenda-time {
        width: calc(33% * var(--scaling));
        margin: calc(10px * var(--scaling)) 0;
        color: #F39200;
    }

    .el__programme .agenda .agenda-time span {
        font-weight: 500;
    }

    .el__programme .agenda .agenda-infos {
        width: calc(63% * var(--scaling));
        margin: calc(10px * var(--scaling)) 0;
    }

    .programme-date .basic-title {
        margin-top: calc(32px * var(--scaling));
    }

    .wpml-ls-current-language .wpml-ls-link .wpml-ls-native {
        font-weight: 600;
    }

    .wpml-ls-native, .language-switcher a {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(18px * var(--scaling));
        line-height: calc(32px * var(--scaling));
        color: var(--accent-color);
        text-decoration: none;
    }

    .wpml-ls-item:not(.wpml-ls-item-en) .wpml-ls-native::after {
        content: "/";
        margin-left:2px;
        font-weight: 400;
    }

    .wpml-ls-legacy-list-horizontal, .language-switcher {
        text-align: right;
    }

    .wpml-ls-legacy-list-horizontal a:hover {
        text-decoration: none;
    }

    .wpml-ls-legacy-list-horizontal a {
        padding: 0px calc(2px * var(--scaling)) 0px;
    }

    /* Section COURSE */
    .acces {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-top: 23px;
        margin-bottom: 33px;
    }

    .acces .acces-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .acces .acces-content .acces-img {
        height: 100px;
    }

    .acces .acces-content .acces-img img {
        height: 100%;
        width: auto;
    }

    .el__course p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .el__course .course-content .course-time {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: calc(20px * var(--scaling));
    }

    .el__course .course-content .course-time .infos {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .el__course .course-content h3 {
        margin: calc(20px * var(--scaling)) 0;
    }

    .course-resto .basic-title {
        margin-top: calc(20px * var(--scaling));
    }

    .course-resto p, .course-things-to-do p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .infrastructures {
        display: flex;
        justify-content: center;
    }

    .infrastructures .infrastructure-content .infrastructure-img {
        height: calc(45px * var(--scaling));
        margin-right: 0;
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }

    .infrastructures .infrastructure-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 calc(33px* var(--scaling));
        margin-top: calc(23px* var(--scaling)); 
        margin-bottom: calc(32px * var(--scaling));
    }

    .infrastructures .infrastructure-content p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .infrastructures .infrastructure-img img {
        width: 45px;
        height: auto;
    }

    .race_infos-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin: calc(25px * var(--scaling)) 0;
    }

    .race_infos .subtitle {
        text-align: left;
    }

    .race_infos .acces p {
        font-family: var(--main-font);
        text-align: left;
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        text-transform: inherit;
        color: var(--accent-color);
    }
    
    .race_infos-content p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .race_infos-content .denivele .subtitle {
        margin-right: 10px;
    }

    .race_infos-content .logo {
        width: 15%;
        margin-bottom: calc(20px * var(--scaling));
    }

    .vertignir-pres p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .vertignir-pres {
        margin-bottom: calc(35px * var(--scaling));
    }
    /* Section MAP */

    .el__ultracks-map p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
        margin-bottom: calc(20px * var(--scaling));
    }

    .free-transports {
        font-family: var(--main-font);
        text-align: left;
        margin-bottom: 25px;
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        text-transform: inherit;
        color: var(--accent-color);
    }

    .el__ultracks-map .legend {
        margin: calc(20px * var(--scaling)) 0;
    }

    .map-container {
        height: calc(355px * var(--scaling));
        background-color: var(--accent-color);
        text-align: center;
    }

    .map-container img {
        height: 100%;
        width: auto;
    }

    .el__ultracks-map .listing-legend .picto  {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }

    .el__ultracks-map .listing-legend .picto img {
        height: auto;
        width: 45px;
    }

    .el__ultracks-map .listing-legend .the-legend  {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 8px;
    }

    .el__ultracks-map .listing-legend .the-legend .legend-content {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        text-align: left;
        margin-left: 50px;
        min-width: 200px;
        color: var(--accent-color);
        min-width: 200px;
        width: 50%;
    }

    .infrastructure-txt {
        min-width: 200px;
        width: 50%;
    }

    .coureurs-infra {
        margin: 0 calc(70px * var(--scaling));
        margin-bottom: calc(39px * var(--scaling));
    }

    .infrastructure-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .partners .logo {
        width: calc(25% * var(--scaling));
        margin-bottom: calc(8px * var(--scaling));
        padding-bottom: 30px;
        margin: 0 auto;
    }

    .partners .basic-title {
        margin-bottom: calc(30px * var(--scaling));
    }

    .partners .partner-content p {
        margin-bottom: 0;
    }

    .partners .partner-content {
        margin-bottom: calc(20px * var(--scaling));
    }

    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-width: 1000%;
        width: auto;
        margin-bottom: calc(33px * var(--scaling));
    }

    .partners .alignfull:last-child {
        margin-bottom: 0;
    }

    .title-black .title-content h3 {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 560;
        font-size: calc(20px * var(--scaling));
        line-height: calc(32px * var(--scaling));
        text-align: center;
        color: #F5F5F5;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .infos .course_logo {
        width: 65%;
    }

    .infrastructure-img {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }

    .infrastructure-img img {
        width: 45px;
        height: auto;
    }

    .infrastructure-txt {
        margin-left: 50px;
    }
    
    /*EXTREME*/
    #header-8 .infos:nth-child(2) .course_logo, #header-3 .infos .course_logo, #header-7 .infos:nth-child(1) .course_logo {
        width: 96%;
    }

    /*VERTINIGHT*/
    #header-7 .infos:nth-child(1) .course_logo {
        width: 55%;
    }

    /*MOUNTAIN*/
    #header-6 .infos:nth-child(2) .course_logo, #header-7 .infos:nth-child(3) .course_logo {
        width: 90%;
    }

    /* SKY */
    #header-2 .infos:nth-child(3) .course_logo, #header-4 .infos .course_logo, #header-6 .infos:nth-child(1) .course_logo, #header-7 .infos:nth-child(2) .course_logo, #header-8 .infos:nth-child(1) .course_logo, #header-6 .infos:nth-child(2) .course_logo {
        width: 48%;
    }

    #header-5 .infos:nth-child(1) .course_logo, #header-5 .infos:nth-child(2) .course_logo, #header-5 .infos:nth-child(4) .course_logo, #header-5 .infos:nth-child(3) .course_logo {
        width: 50%;
    }

    #header-5 .infos:nth-child(1) .course_logo img {
        height: 100%;
        object-fit: contain;
    }

    #header-5 .infos:nth-child(1) .course_logo {
        height: 55px;
        margin: 0 100px;
    }

    .coureurs-infra, .listing-legend {
        margin: 0 calc(70px * var(--scaling));
        margin-bottom: calc(39px * var(--scaling));
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
/* RESPONSIVE MOBILE */

@media (max-width: 991px) {
        /*EXTREME*/
        #header-8 .infos:nth-child(1) .course_logo, #header-7 .infos:nth-child(1) .course_logo,  #header-6 .infos:nth-child(1) .course_logo{
            width: 96% !important;
        }
    
        /*VERTINIGHT*/

        #header-5 .infos:nth-child(1) .course_logo {
            height: unset;
            margin: 0;
        }

        #header-5 .infos:nth-child(1) .course_logo img {
            height: auto;
            object-fit: cover;
        }
    
        /*MOUNTAIN*/
        #header-4 .infos:nth-child(2) .course_logo, #header-1 .infos:nth-child(2) .course_logo, #header-3 .infos:nth-child(2) .course_logo, #header-2 .infos:nth-child(2) .course_logo, #header-7 .infos:nth-child(3) .course_logo {
            width: 90% !important;
        }
    
        /* SKY */
        #header-1 .infos:nth-child(1) .course_logo, #header-3 .infos .course_logo, #header-2 .infos:nth-child(1) .course_logo, #header-4 .infos:nth-child(1) .course_logo, #header-5 .infos .course_logo, #header-6 .infos:nth-child(2) .course_logo, #header-7 .infos:nth-child(2) .course_logo {
            width: 48% !important;
        }
    
        /* ACTIVE */
        #header-2 .infos:nth-child(3) .course_logo, #header-3 .infos:nth-child(4) .course_logo {
            width: 72% !important;
        }
    
        /* RELAY */
        #header-2 .infos:nth-child(3) .course_logo, #header-3 .infos:nth-child(3) .course_logo,  #header-4 .infos:nth-child(3) .course_logo, #header-5 .infos:nth-child(3) .course_logo, #header-6 .infos:nth-child(4) .course_logo  {
            width: 65% !important;
        }
    .race_infos-content .logo {
        width: 28%;
    }

    .acces .acces-content .acces-img {
        height: 40px;
    }
    /* Section PROGRAMME */
    .el__programme .agenda {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: #555555;
    }

    .el__programme .agenda .agenda-time {
        width: calc(45% * var(--scaling));
        margin: calc(10px * var(--scaling)) 0;
        color: #F39200;
    }

    .el__programme .agenda .agenda-time span {
        font-weight: 500;
    }

    .el__programme .agenda .agenda-infos {
        width: calc(63% * var(--scaling));
        margin: calc(10px * var(--scaling)) 0;
    }

    .programme-date .basic-title {
        margin-top: calc(32px * var(--scaling));
    }

    /* Section COURSE */
    .el__course p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
        text-align: center;
    }

    .el__course .course-content .course-time {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: calc(20px * var(--scaling));
    }

    .el__course .course-content .course-time .infos {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 33%;
        margin-bottom: calc(20px * var(--scaling));
    }

    .el__course .course-content h3 {
        margin: calc(20px * var(--scaling)) 0;
    }

    .course-resto p, .course-things-to-do p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .infrastructures {
        display: flex;
        justify-content: center;
    }

    .infrastructures .infrastructure-content .infrastructure-img {
        height: calc(45px * var(--scaling));
        margin-right: 0;
    }

    .infrastructures .infrastructure-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 calc(33px * var(--scaling));
        margin-top: calc(23px * var(--scaling));
        margin-bottom: calc(32px * var(--scaling));
    }

    .infrastructures .infrastructure-content p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .infrastructures .infrastructure-img img {
        width: auto;
        height: 100%;
    }

    /* Section MAP */

    .el__ultracks-map p {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
        margin-bottom: calc(20px * var(--scaling));
    }


    .el__ultracks-map .legend {
        margin: calc(20px * var(--scaling)) 0;
    }

    .map-container {
        height: calc(355px * var(--scaling));
        background-color: var(--accent-color);
        text-align: center;
    }

    .map-container img {
        height: 100%;
        width: auto;
    }

    .el__ultracks-map .listing-legend .the-legend  {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }

    .el__ultracks-map .listing-legend .the-legend .legend-content {
        font-family: var(--main-font);
        font-style: normal;
        font-weight: 400;
        font-size: calc(16px * var(--scaling));
        line-height: calc(24px * var(--scaling));
        color: var(--accent-color);
    }

    .coureurs-infra, .listing-legend {
        margin: 0 calc(70px * var(--scaling));
        margin-bottom: calc(39px * var(--scaling));
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .infrastructure-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .partners .logo {
        width: calc(50% * var(--scaling));
        margin-bottom: calc(8px * var(--scaling));
        margin: 0;
    }

    .partners .basic-title {
        margin-bottom: calc(30px * var(--scaling));
    }

    .partners .partner-content p {
        margin-bottom: 0;
    }

    .partners .partner-content {
        margin-bottom: calc(30px * var(--scaling));
    }

    .partners .alignfull:last-child {
        margin-bottom: 0;
    }

    .logged-in .admin-bar .title-black .title-content h3 {
        font-size: calc(1.35rem * var(--scaling));
    }

    .el__ultracks-map .listing-legend .the-legend {
        justify-content: center;
    }

    .el__ultracks-map .listing-legend .the-legend .legend-content {
        text-align: left;
        margin-left: 50px;
    }

    .infrastructure-content {
        justify-content: center;
    }

}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }

    .panel-group {
        display: flex;
        flex-direction: column;
        min-height: 79vh;
    }

    .infrastructure-img {
        margin-left: 0px;
    }

    .el__ultracks-map .listing-legend .the-legend .picto {
        margin-left: 0px;
    }

    .el__ultracks-map .listing-legend .picto, .infrastructure-img {
        width: 20%;
    }
}

@media screen and (max-width: 425px) {

    .el__ultracks-map .listing-legend .the-legend .picto {
        margin-left: 0;
    }

    .el__ultracks-map .listing-legend .the-legend .picto {
        margin-left: 0px;
    }

}

@media (max-width: 375px) {
    .map-container img {
        width: 100%;
        object-fit: contain;
    }

    .el__ultracks-map .listing-legend .the-legend .picto {
        margin-left: 0px;
    }

    .el__ultracks-map .listing-legend .the-legend .legend-content {
        text-align: left;
    }

    .coureurs-infra, .listing-legend {
        margin: 0 calc(0px * var(--scaling));
        margin-bottom: calc(39px * var(--scaling));
    }
}

@media (max-width: 320px) {

    #wpadminbar #wp-admin-bar-site-name>.ab-item {
        width: 40px;
    }

    .logged-in .admin-bar .title-black .title-cross-orange {
        top: calc(66px * var(--scaling)) !important;
    }
}