#panolens-viewer {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
} 
#fullscreenBtn {
    display: none;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    margin: 0 1rem .5rem 0;
    background-color: #009BD0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik03IDE0SDV2NWg1di0ySDd2LTN6bS0yLTRoMlY3aDNWNUg1djV6bTEyIDdoLTN2Mmg1di01aC0ydjN6TTE0IDV2MmgzdjNoMlY1aC01eiIvPgo8L3N2Zz4=");
    background-size: cover;
    border: none;
}
#fullscreenBtn::after {
    display: none;
}
/* html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    font-family: sans-serif;
} */

.infospots-holder .base-infospot {
    display: none;
}
.base-infospot {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: fit-content;
    background-color: white;
    color: #222;
    border-radius: .5rem;
    transform-origin: top center;
    padding: 1rem 1.5rem;
    box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 10%), 0 0px 0 1px rgb(0 0 0 / 2%);
    z-index: 2;
}

.base-infospot p.title {
    font-weight: 700;
    font-size: 1rem;
    border-bottom: 1px solid whitesmoke;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
    text-align: center;
}
.base-infospot p.sub-title {
    font-weight: bold;
}
.base-infospot p.title + p.sub-title {
    margin: -1rem 0 0;
}

.base-infospot .desc {
    font-size: 0.875rem;
    text-align: center;
}

.base-infospot .infos {
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
    border-radius: 0 0 .5rem .5rem ;
    color: #009BD0;
}
/* .base-infospot .infos .infos-title {
    font-weight: 400;
    font-size: 0.725rem;
    align-items: center;
    display: flex;
    margin-bottom: 5px;
    text-align: center;
    color: #3c3c3b;
} */
.base-infospot .infos .infos-title span{
margin: 0 0.5rem;
}

.base-infospot .infos .infos-title::before,
.base-infospot .infos .infos-title::after {
    border-top: 1px solid whitesmoke;
    content: "";
    flex: 1;
}

span[class^=icon] {
    display: inline-block;
    vertical-align:middle;
    width: 1.75rem;
    padding-right: .5rem;
}
span.icon.icon-pied::before {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJlbl9OQiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIuNjggMjIuNjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojM2EzYTM5O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMS4zMywwQzYuNiwwLDIuMjYsMy4wNi42Niw3LjUxYy0xLjYxLDQuNDctLjE4LDkuNTgsMy40OCwxMi42LDMuNjYsMy4wMyw4Ljk4LDMuNDIsMTMuMDUuOTYsNC4wNS0yLjQ1LDYuMi03LjI4LDUuMjgtMTEuOTJDMjEuNDMsMy45LDE2LjY4LDAsMTEuMzMsMCIvPjxnPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTIuMTkiIGN5PSI0LjM5IiByPSIxLjU1Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMTAuMDQsNy4wOWMuMDYtLjM5LjM2LS42My41OS0uNTdsMS42Mi40NWMuMjIuMDYuMy41OC4yNC44MWwtMS4zNCw1LjQ5Yy0uMDcuMjMtLjIuMzQtLjQyLjI3bC0xLjEtLjI0Yy0uODgtLjczLS44OC0xLjM2LS43LTIuMjNsMS4xMS0zLjk4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTguNjUsMTMuNGwtLjI4LDEuOTRzLS43MiwxLjctMS4yMSwyLjdjLS4zNy43Ni0uNTUsMS4zLS4yOSwxLjQ0LjM5LjIxLjkyLS4yNiwxLjQ3LTEuMTIuOTMtMS40NCwxLjQtMi4xNywxLjU4LTIuNTJsLjI4LS45MnMtMS4zNy0uOTEtMS41Ni0xLjUyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTEzLjU2LDE0LjJsLTIuMTctMi4xNWMtLjM0LS4zNC0uODUtLjE4LTEuMi4xNi0uMzQuMzQtMS4wMi42Ni0uNjgsMS4wMWwyLjc1LDIuMzItLjMsMi45N2MtLjAyLjczLjAyLDEuMTYuNDksMS4yMS40My4wNS42My0uODYuNjctMS4wOSwwLDAsLjU2LTIuODUuNjItMy4yNS4wNy0uNC4xMS0uODctLjE5LTEuMThaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMTYuMTgsNy44MmwtMS42My43Ny0yLjA2LTEuNWMtLjMzLS4yNC0uNzgtLjE2LTEuMDIuMTctLjI0LjMzLS4xNi43OC4xNywxLjAybDIuMjIsMS42MWMuMjEuMTUuNTMuMjMuNzYuMTMsMCwwLDEuNTItLjkyLDEuOTMtMS4xOS40My0uMjguODgtLjY1LjcxLS45Ni0uMjMtLjQ0LS42Ni0uMjQtMS4wOC0uMDRaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMTYuMTIsMTkuODRjLS4yMSwwLS4zNy0uMTctLjM3LS4zN1Y3LjAxYzAtLjIxLjE3LS4zNy4zNy0uMzdzLjM3LjE3LjM3LjM3djEyLjQ2YzAsLjIxLS4xNy4zNy0uMzcuMzdaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtOS4yNyw3LjAycy0uOTcsMy4wMi0xLjEyLDMuNWMtLjE1LjQ4LS42Ni44MS0xLjM5LjU5LS43My0uMjItMS40OC0uNTMtMS4zNi0xLjM4LjEzLS45MywxLTIuMTUsMS43Ni0yLjk1Ljc2LS43OSwyLjQ5LTEuMDYsMi4xMS4yM1oiLz48L2c+PC9zdmc+");
}
span.icon.icon-velo::before {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJlbl9OQiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIuNjggMjIuNjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojM2EzYTM5O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMS4zMywwQzYuNiwwLDIuMjYsMy4wNi42Niw3LjUxYy0xLjYxLDQuNDctLjE4LDkuNTgsMy40OCwxMi42LDMuNjYsMy4wMyw4Ljk4LDMuNDIsMTMuMDUuOTYsNC4wNS0yLjQ1LDYuMi03LjI4LDUuMjgtMTEuOTJDMjEuNDMsMy45LDE2LjY4LDAsMTEuMzMsMCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTE2LjIyLDkuMjFjLS40NiwwLS45LjA5LTEuMy4yNWwtLjgtMS44Mi4zMy0uODZoLjY1Yy4xMywwLC4yMy0uMTEuMjMtLjIzcy0uMTEtLjIzLS4yMy0uMjNoLTEuNTVjLS4xMywwLS4yMy4xMS0uMjMuMjNzLjExLjIzLjIzLjIzaC40bC0uMjUuNjZoLTUuNjZsLjItLjgzYy4wMi0uMDcsMC0uMTQtLjA0LS4yLS4wNC0uMDYtLjExLS4wOS0uMTgtLjA5aC0xLjZjLS43NiwwLTEuMzguNjItMS4zOCwxLjM4cy42MiwxLjM4LDEuMzgsMS4zOGMuMTMsMCwuMjMtLjEuMjMtLjIzcy0uMTEtLjIzLS4yMy0uMjNjLS41LDAtLjkxLS40MS0uOTEtLjkxcy40MS0uOTEuOTEtLjkxaDEuM2wtLjYxLDIuNDhjLS4yMS0uMDQtLjQyLS4wNi0uNjQtLjA2LTEuOTgsMC0zLjU4LDEuNjEtMy41OCwzLjU4czEuNjEsMy41OCwzLjU4LDMuNTgsMy41OS0xLjYxLDMuNTktMy41OGMwLTEuNi0xLjA1LTIuOTUtMi40OS0zLjQxbC4yMS0uODYsMy44OCw0LjQ2Yy4wNS4wNS4xMS4wOC4xOC4wOC4wMSwwLC4wMywwLC4wNCwwLC4wMSwwLC4wMywwLC4wNCwwaC43NGMuMTQsMS44NSwxLjY4LDMuMzIsMy41NywzLjMyczMuNTgtMS42MSwzLjU4LTMuNTgtMS42MS0zLjU4LTMuNTgtMy41OFptLTYuNjQsMy41OGMwLDEuNzItMS40LDMuMTEtMy4xMiwzLjExcy0zLjEyLTEuNC0zLjEyLTMuMTEsMS40LTMuMTEsMy4xMi0zLjExYy4xOCwwLC4zNS4wMi41Mi4wNWwtLjc1LDMuMDRjLS4wMy4xMy4wNS4yNS4xNy4yOC4wMiwwLC4wNCwwLC4wNiwwLC4xMSwwLC4yLS4wNy4yMy0uMThsLjc1LTMuMDRjMS4yNC40MSwyLjE0LDEuNTgsMi4xNCwyLjk1Wm0zLjA3LS4yaC0uNGwxLjY0LTQuMzMuNjEsMS4zOWMtMS4wNS41OC0xLjc4LDEuNjctMS44NSwyLjk0Wm0yLjA0LTIuNWwxLjEsMi41aC0yLjY3Yy4wNy0xLjA3LjY4LTIsMS41Ny0yLjVabS02Ljc4LTIuMTJ2LS4wNWg1LjYxbC0xLjcxLDQuNTMtMy45LTQuNDhabTguMzIsNy45NGMtMS42MywwLTIuOTctMS4yNi0zLjEtMi44NWgzLjAzYy4wOCwwLC4xNS0uMDQuMi0uMTEuMDQtLjA3LjA1LS4xNS4wMi0uMjJsLTEuMjUtMi44NGMuMzUtLjEzLjcyLS4yMSwxLjExLS4yMSwxLjcyLDAsMy4xMiwxLjQsMy4xMiwzLjExcy0xLjQsMy4xMS0zLjEyLDMuMTFaIi8+PC9zdmc+");
}
span.icon.icon-voiture::before {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJlbl9OQiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIuNjggMjIuNjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojM2EzYTM5O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMS4zMywwQzYuNiwwLDIuMjYsMy4wNi42Niw3LjUxYy0xLjYxLDQuNDctLjE4LDkuNTgsMy40OCwxMi42LDMuNjYsMy4wMyw4Ljk4LDMuNDIsMTMuMDUuOTYsNC4wNS0yLjQ1LDYuMi03LjI4LDUuMjgtMTEuOTJDMjEuNDMsMy45LDE2LjY4LDAsMTEuMzMsMCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTYuOTgsMTcuMzNjLS4zOC0uMDMtMS4xLS4yOC0xLjI1LTEuMDh2LTEuMTJoLS42NmMtLjE4LDAtLjMzLS4xNS0uMzMtLjMzdi0zLjk0czAtLjA3LjAyLS4xYy4wNC0uMTMuNC0xLjE4LDEuMi0xLjRsMS4xNi0zLjE2Yy4wMi0uMDUuNC0uODcsMS41My0uODdoNS4zOWMxLjEzLDAsMS41MS44MSwxLjUyLjg1bDEuMTcsMy4xOGMuOC4yMiwxLjE2LDEuMjcsMS4yLDEuNC4wMS4wMy4wMi4wNy4wMi4xdjMuOTRjMCwuMTgtLjE1LjMzLS4zMy4zM2gtLjY1djEuMDZjLS4xNi44Ni0uODgsMS4xMi0xLjI0LDEuMTRoMGMtLjgyLDAtMS4yMi0uNjktMS4zMS0xLjA1LDAtLjAzLS4wMS0uMDYtLjAxLS4wOWwuMDItMS4wNmgtNi4xNWwuMDIsMS4wNnMwLC4wNi0uMDEuMDljLS4xLjM3LS41LDEuMDYtMS4yOSwxLjA2Wm0tMS41OS0yLjg1aC42NWMuMTgsMCwuMzMuMTUuMzMuMzN2MS4zOWMuMDkuNDUuNjEuNDkuNjMuNDkuNDEsMCwuNTktLjQxLjYzLS41NGwtLjAyLTEuMzNjMC0uMDkuMDMtLjE3LjA5LS4yMy4wNi0uMDYuMTQtLjEuMjMtLjFoNi44MWMuMDksMCwuMTcuMDQuMjMuMS4wNi4wNi4wOS4xNS4wOS4yM2wtLjAyLDEuMzNjLjA0LjEzLjIzLjU0LjY1LjU0LjAzLDAsLjUyLS4wNi42MS0uNTV2LTEuMzNjMC0uMTguMTQtLjMzLjMyLS4zM2guNjV2LTMuNTZjLS4xLS4yOC0uNDEtLjkxLS44Mi0uOTQtLjEzLDAtLjI0LS4wOS0uMjgtLjIxbC0xLjIyLTMuMzNoMHMtLjIzLS40NC0uOTItLjQ0aC01LjM5Yy0uNywwLS45My40Ni0uOTMuNDZsLTEuMjIsMy4zMWMtLjA0LjEyLS4xNS4yLS4yOC4yMS0uNDIuMDMtLjczLjY2LS44Mi45NHYzLjU2Wm0xMC4yOS0xLjYxYy0uNjcsMC0xLjIxLS41Ny0xLjIxLTEuMjdzLjU0LTEuMjcsMS4yMS0xLjI3LDEuMjEuNTcsMS4yMSwxLjI3LS41NCwxLjI3LTEuMjEsMS4yN1ptMC0xLjg5Yy0uMzEsMC0uNTYuMjgtLjU2LjYycy4yNS42Mi41Ni42Mi41Ni0uMjguNTYtLjYyLS4yNS0uNjItLjU2LS42MlptLTguNjUsMS44OWMtLjY3LDAtMS4yMS0uNTctMS4yMS0xLjI3cy41NC0xLjI3LDEuMjEtMS4yNywxLjIxLjU3LDEuMjEsMS4yNy0uNTQsMS4yNy0xLjIxLDEuMjdabTAtMS44OWMtLjMxLDAtLjU2LjI4LS41Ni42MnMuMjUuNjIuNTYuNjIuNTYtLjI4LjU2LS42Mi0uMjUtLjYyLS41Ni0uNjJabTguMzgtMS4xSDcuMjVjLS4xMSwwLS4yLS4wNS0uMjctLjE0LS4wNi0uMDktLjA4LS4yLS4wNC0uM2wuODMtMi4zNmMuNDUtLjcyLjg5LS42OC45OC0uNjZoNS4xOWMuNjQsMCwuODkuNDEuOTMuNjJsLjg1LDIuNGMuMDQuMS4wMi4yMS0uMDQuMy0uMDYuMDktLjE2LjE0LS4yNy4xNFptLTcuNy0uNjVoNy4yNGwtLjcxLTIuMDFzLS4wNi0uMTUtLjMtLjE1aC01LjI1cy0uMTYuMDItLjM0LjNsLS42NSwxLjg2WiIvPjwvc3ZnPg==");
}


#infospot-navigation {
    display: none;
}

@media (min-width:640px) {
    #infospot-navigation {
        display: flex;
        width: fit-content;
        right: 0;
        background-color: whitesmoke;
        border-radius: 1rem;
        position: absolute;
        padding: 8px;
        z-index: 1;
        margin: 1rem;
    }
    .base-infospot p.title {
        font-size: 1.25rem;
    }
    .base-infospot .infos {
        font-size: 1.125rem;
    }
}

#infospot-navigation a.wp-element-button[rel]:not(.visible) {
    display: none;
}

#infospot-navigation .wp-element-button {
    background-color: white;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #3C3C3B;
    padding: 0.5rem 1rem;
}

#infospot-navigation .wp-element-button:hover {
    background-color: #b7edff;
    color: #009BD0;
}

#infospot-navigation .wp-element-button.active {
    background-color: #009BD0;
    color: white;
}


/*
.base-infospot.detente .title::before {
    content: "";
}
*/