/* general */
.default-page {text-align: left; margin-bottom: var(--marginXL);}
.default-body {margin-top: var(--marginL);}
.default-body .dropdown > span {font-size: var(--textM); font-weight: var(--black);}
.default-body .dropdown-list .h5 {margin-top: var(--marginM)!important; font-size: var(--textS);}
.quote-text {font-size: var(--textM); margin: var(--marginM) 0!important;}
.paragraphe {font-size: var(--textS);}

.devenir-body {margin-top: var(--marginL);}
.devenir-body .ct {display: flex; text-align: left;}
.devenir-list {width: 45%; margin-right: var(--marginXXL); min-width: 370px;}
.devenir-title {display: flex; align-items: center; margin-bottom: 10px;}
.devenir-title .icon {--dim: 25px; height: var(--dim); width: var(--dim); margin-right: 10px;}
.devenir-item + .devenir-item {margin-top: var(--marginM);}
.partner-form {width: 50%;}
.partner-faq {margin-top: var(--marginXL);}

/* map */

[data-current-page="partner_map"] .default-page, [data-current-page="choose_partner"] .default-page {margin-bottom: 0;}
[data-current-page="partner_map"] #bg, [data-current-page="choose_partner"] #bg {display: none;}
[data-current-page="partner_map"] .h3, [data-current-page="choose_partner"] .h3 {font-size: var(--textL);}
.partner-title > .sub > svg { --dim: 16px;}
.partner-list .separator {     width: 80%;    border-bottom: 1px solid #cbcbcb;    margin: 0 auto;    margin-top: 20px;}
.btn-choose-partner {margin-top: var(--marginS); color: white !important;}
.map-wrapper .right {height: calc(100vh - var(--top_header)); width: 70%; position: fixed; top: var(--top_header); right: 0;}
.map-wrapper .map-c {height: 100%;}
.map-wrapper #map {height: 100%; font-family: 'Axiforma', sans-serif;}

.map-wrapper .left {width: 30%;
    padding-top: calc(var(--height_header) + var(--marginL));}
.map-wrapper .left > .content {font-size: var(--textS); padding: 0 var(--marginM);}
.map-wrapper .left .partner-close {display: none;}
.map-wrapper .form {margin-bottom: var(--marginM);}
.map-wrapper .form .icon {--dim: 22px; bottom: -6px;}
.map-wrapper .partner-list {margin: -10px;}
.map-wrapper .item .top address {line-height: 1.3;}
.map-wrapper .item .content {margin-top: 15px;}
.map-wrapper .item {flex: 0 0 calc(100% - 20px); margin: 10px;box-shadow: var(--shadow); padding: var(--marginM); display: flex; flex-direction: column; justify-content: center; border-radius: 25px; font-size: calc(12px + 1 * (100vw - 320px) / 1080);}
.map-wrapper .item picture {border-radius: 35px; --dim: 75px; height: var(--dim); width: var(--dim);  min-width: var(--dim); overflow: hidden;  margin-right: 15px;}

.leaflet-control-container {position: absolute;bottom: 150px;}

.map-footer {background-color: var(--color_primary); font-size: var(--textXS); padding: 10px 15px; margin-top: var(--marginL); color: var(--color_white);}
.map-footer ul {display: flex; margin: -5px; justify-content: center; flex-wrap: wrap; width: 100%;}
.map-footer ul li {margin: 0 5px; line-height: 1.3}

.leaflet-popup-content {z-index: 9999; font-size: calc(11px + 1.5 * (100vw - 320px) / 1080); max-width: 320px; margin: 0; padding: 15px 20px; cursor: pointer;}
.item .top,
.leaflet-popup-content .top {display: flex;}
.item .partner-title,
.leaflet-popup-content .partner-title {font-size: var(--textS);}
.leaflet-popup-content picture {--dim: 50px; height: var(--dim); width: var(--dim);  min-width: var(--dim); overflow: hidden; border-radius: 10px; margin-right: 15px;}
.item [data-mail],
.leaflet-popup-content [data-mail] {--icon: calc(11px + 1.5 * (100vw - 320px) / 1080); --top: 2px;}
.item .horaires,
.leaflet-popup-content .horaires {font-size: 90%;}
.leaflet-popup-content .partner-close {position: absolute; cursor: pointer; top: -10px; right: -10px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color_primary);}
.leaflet-popup-content .partner-close .icon {--fill: #fff;}
.leaflet-popup-content address {margin: 10px 0;}

.marker.is-expanded {
    z-index: 999;
}

[data-mail] {fill: var(--color_text);}
[data-mail]:hover {fill: var(--color_primary);}

[data-current-page="partner_form"] #bg .shape:nth-child(2) {display: none;}

.geolocalisation {margin-top: var(--marginS);}
.geolocalisation .icon {bottom: auto!important; --fill: transparent; margin-right: 7px;}
.geolocalisation .icon > * {stroke: var(--color_white); stroke-width: 1.5px;}



@media screen and (max-width: 1400px) {
    .devenir-list {margin-right: var(--marginL);}
    .map-wrapper .left {width: 40%;}
    .map-wrapper .right {width: 60%;}
    #bg .shape:nth-child(2),
    #bg .shape:nth-child(3) {display: none;}
}
@media screen and (max-width: 1300px) {
    .devenir-body .ct {flex-direction: column-reverse;}
    .partner-form {width: 100%;}
    .devenir-list {width: 100%; margin-right: 0; margin-top: var(--marginXL); min-width: auto;}
}

@media screen and (max-width: 1050px) {
    .map-wrapper {display: flex; flex-direction: column-reverse;}
    .map-wrapper .left {width: 100%; position: relative; padding-top: var(--marginXXL);}
    .map-wrapper .right {width: 100%; height: 50vh; position: relative;}
}

@media screen and (max-width: 500px) {
    .map-wrapper {padding-bottom: var(--marginXL);}
}