/* Source and licensing information for the line(s) below can be found at https://www.ekopolis.fr/modules/custom/custom_search/css/leaflet-inte.css. */
/* EKOPOLIS CUSTOM CSS */

body.path-search-map-view .main-container >.row >section{
    width: 98%;
    margin: auto;
}
body.path-search-map-view .main-container >.row >div.container{
    display: none;
}

/* END EKOPOLIS CUSTOM CSS */
.loadwrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    background-color: rgba(255,255,255,.9);
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #E6EF9C; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.wrapCustomSearch{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap row;
    border: 2px solid #E6EF9C;
    border-top: unset;
    z-index: 0;
}
#customSearchMap{
    height: 70vh;
    z-index: 0;
    width: 60%;
}
@media screen and (max-width: 1023px){
    #customSearchMap{
        height: 80vh;
        z-index: 0;
        width: 100%;
    }
}
.wrapFormList{
    width: 40%;
    padding: 10px 10px 0;
    box-shadow: 7px 0px 10px rgba(0, 0, 0, .3);
    z-index: 1;
}
.wrapCustomSearch .header-form form{
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    justify-content: space-between;
}
.wrapCustomSearch .header-form form >div{
    /* margin-bottom: 15px !important; */
}
.wrapCustomSearch .header-form form .input-group-addon{
    display: none;
}
.wrapCustomSearch .header-form form .form-item-title{
    flex-basis: 60%;
    margin: 0 !important;
}
.wrapCustomSearch .header-form form .search-wrapper{
    display: flex;
    margin: 1rem 0;
}
.wrapCustomSearch .header-form form .search-wrapper .form-submit{
    background-image: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    margin: 0;
    margin-left: -38px;
}
.wrapCustomSearch .header-form form .search-wrapper #reset{
    margin-left: 1rem;
    display: flex;
    align-items: center;
}
.wrapCustomSearch .header-form form .cta-wrapper{
    display: flex;
    gap: .5rem;
    align-items: center;
}
.wrapCustomSearch .header-form form .cta-wrapper >div{
    margin: 6px;
}
.wrapCustomSearch .header-form form .form-item-content-type{
    flex-basis: 70%;
    overflow: unset !important;
    max-width: 70%;
}
.wrapCustomSearch .header-form form .form-item-content-type .input-group{
    display: inline-flex;
    width: 100%;
}
.wrapCustomSearch .header-form form .form-item-content-type .input-group .input-group-addon{
    display: none;
}
.wrapCustomSearch .header-form form .fieldgroup{
    margin: 0 !important;
    width: 100%;
    border: 0;
}
.wrapCustomSearch .header-form form .fieldgroup .fieldset-wrapper{
    padding: 0;
}
.wrapCustomSearch .header-form form .fieldgroup .fieldset-wrapper .form-checkboxes >div{
    margin-right: 1rem;
}
.wrapCustomSearch .header-form form .fieldgroup legend{
    display: none;
}
.wrapCustomSearch .header-form .form-actions{
    /*display: none;*/
}
.wrapCustomSearch .header-form form .form-checkboxes{
    display: flex;
    flex-flow: wrap row;
}
.wrapCustomSearch .header-form form .form-checkboxes .checkbox{
    margin: 0;
}
.wrapCustomSearch .header-form form .form-checkboxes .checkbox .ajax-throbber{
    display: none;
}
.wrapCustomSearch .header-form form .form-checkboxes .checkbox label.option{
    padding-left: 35px !important;
}
.wrapCustomSearch .header-form form .form-checkboxes .checkbox label.option span{
    transform: translateY(-60%);
    right: unset !important;
    left: 0;
}
.wrapCustomSearch .header-form form .form-checkboxes .option{
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 14px !important;
}
.wrapCustomSearch .header-form form .form-checkboxes .option .icon-wrap{
    position: initial;
}

#atlasTrigger{
    text-decoration: underline;
    cursor: pointer;
}
.wrapCustomSearch .form-item-sort{
    display: flex;
    align-items: center;
    margin: 0 0 1rem;
}
.wrapCustomSearch .form-item-sort #edit-sort{
    padding-right: 2em;
    margin-left: 1rem;
}

.leaflet-marker-icon{
    transition: all 400ms ease-in-out;
}
.wrapCustomSearch .delayed-search-submit{
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    border: 1px solid rgba(0,0,0,.5) !important;
    border-radius: 0;
}
#customSearchList ul{
    list-style: none;
    padding: 0;
    overflow-y: scroll;
    position: relative;
    margin: 0;
}
#customSearchList ul li{
    list-style: unset;
    margin: 10px 0;
    background-color: rgba(0,0,0,.05);
    border: 2px solid transparent;
    transition: all 200ms ease-in-out;
}
#customSearchList ul li a{
    border: 2px solid transparent;
    transition: all 200ms ease-in-out;
    text-decoration: unset;
}
#customSearchList ul li a:hover{
    border: 2px solid #344C99;
}
#customSearchList ul li a *{
    color: black !important;
}
#customSearchList ul li a:hover *{
    color: black;
}
#customSearchList ul li a .thumbnail-img{
    position: relative;
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: white;
}
#customSearchList ul li a .thumbnail-img .front{
    min-width: 100%;
    height: auto;
    transition: all 200ms ease-in-out;
    z-index: 1;
    background-color: white;
}

#customSearchList ul li a .thumbnail-img .back{
    display: none;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: -30%;
    width: auto;
    height: 100%;
    backdrop-filter: blur(10px);
}
#customSearchList ul li a:hover .thumbnail-img .front{
    transform: scale(1.2);
}
#customSearchList ul li a .thumbnail-img span{
    background-color: #E6EF9C;
    padding: 2px 4px;
    border-radius: 4px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    font-size: 11px;
    z-index: 3;
}span.acteur_structure, span.acteur_personne{
     display: none;
 }span.operation_amenagement{
      background-color: #ef6477 !important;
  }span.operation_batiment{
       background-color: #00c4de !important;
   }
span.departement{
    background: transparent !important;
}
span.departement.operation_amenagement:before{
    background-image: url('/modules/custom/custom_search/css/images/marker-icon-pink.png') !important;
}
span.departement.operation_batiment:before{
    background-image: url('/modules/custom/custom_search/css/images/marker-icon-blue.png') !important;
}

.green-highlight{
    color: #E6EF9C;
}

#customSearchList ul li a:hover .thumbnail-img span{
    color: black;
}
#customSearchList ul li a .text-col{
    padding: 12px 15px;
    width: 100%;
}
#customSearchList ul li a .text-col .info{
    display: flex;
    flex-flow: wrap row;
    font-size: 75%;
}
#customSearchList ul li a .text-col .info .top-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-basis: 100%;
}
#customSearchList ul li a .text-col .info .intervention{
    display: flex;
    flex-flow: wrap row;
    flex-basis: 100%;
    margin-bottom: 5px;
}
#customSearchList ul li a .text-col .info .type-operation.BDF{
    font-size: 0;
    width: 60px;
    height: 25px;
    display: block;
    background: url('/modules/custom/custom_search/css/images/bdf.png') no-repeat center;
    background-size: contain !important;
}
#customSearchList ul li a .text-col .info .type-operation.QDF{
    font-size: 0;
    width: 60px;
    height: 25px;
    display: block;
    background: url('/modules/custom/custom_search/css/images/qdf.png') no-repeat center;
    background-size: contain !important;
}
#customSearchList ul li a .text-col .info .departement{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#customSearchList ul li a .text-col .info .departement:before{
    content: " ";
    width: 14px;
    height: 14px;
    background: url('/modules/custom/custom_search/css/images/marker-icon.png') no-repeat center;
    background-size: contain;
    margin-right: 4px;

}
#customSearchList ul li a .text-col .info .intervention .type-inter, #customSearchList ul li a .text-col .info .type-prog{
    padding: 4px 5px;
    margin-right: 5px;
    background-color: #e6e5db;
}
#customSearchList ul li a:hover .text-col .info .intervention .type-inter, #customSearchList ul li a .text-col .info .type-prog{
    color: black;
}
#customSearchList ul li a .text-col h4{
    margin-top: 0;
    line-height: 22px;
}

@media screen and (max-width: 1023px){
    #customSearchList ul li a .text-col h4{
        font-size: 20px;
    }
}
#customSearchList ul li:first-child{
    margin-top: 0;
}
#customSearchList ul li.marker-hover{
    border-color: #E6EF9C;
}
#customSearchList ul li.marker-click{
    border-color: #E6EF9C;
}
#customSearchList ul li a{
    display: flex;
    justify-content: left;
}
#reset{
    cursor: pointer;
    padding: 5px;
    background-color: #e6e5db;
}
#reset:hover{
    background-color: #000;
    color: white;
}
.list{
    cursor: pointer;
    padding: 5px;
    background-color: #000;
    color: white;
    font-weight: normal;
    text-decoration: unset;
}
#advFilters, #atlasPopin{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px;
    margin: auto;
    z-index: 99;
    background-color: rgba(255,255,255,1);
    margin-bottom: auto !important;
}

#atlasPopin .close{
    position: absolute;
    right: 7%;
    top: 4%;
    z-index: 1;
    color: #191919;
    display: flex;
    flex-flow: wrap row;
    font-size: 1.5rem;
    opacity: 1;
    text-shadow: unset;
    font-weight: normal;
    padding-top: 1px;
    background: transparent;
    border: transparent;
    align-items: center;
    font-family: inherit;
}
#atlasPopin .close:before{
    content: "Fermer";
    font-size: 1rem;
    margin-right: 10px;
}

#advFilters{
    height: 85% !important;
    width: 75%;
}
#advFilters .form-wrapper, #advFilters .form-wrapper .fieldset-wrapper {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
}
#advFilters .form-wrapper > summary::-webkit-details-marker, #advFilters .form-wrapper legend {
    display: none;
}

#advFilters .panel-title{
    padding: 5px 10px;
    font-weight: 600;
}
#advFilters .label-adv{
    margin-top: 0;
}
#advFilters .panel-heading{
    background-color: transparent;
}
#advFilters fieldset.form-item{
    background-color: transparent;
}
#advFilters .form-item{
    margin-bottom: 0 !important;
}
#advFilters .panel{
    border: 0;
    box-shadow: unset;
}
#advFilters .form-type-select, #advFilters .panel{
    overflow: unset;
    margin-bottom: 10px !important;
}
#advFilters .form-type-select{
    flex-basis: 49%;
    max-width: 49%;
    margin-right: 1%;
    display: flex;
    flex-flow: wrap column;
}
#advFilters .panel-body{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: wrap row;
    padding: 10px;
}
#advFilters .details-wrapper, #advFilters .fieldset-wrapper{
    display: flex;
    flex-flow: wrap row;
}

#advFilters .form-actions{
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
}

#advFilters .close{
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url('/modules/custom/custom_search/css/images/close-b copie.svg');
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
}

#advFilters .btn-primary{
    background-color: #E6EF9C;
    color: #344C99;
    border-radius: 0;
    transition: all 150ms ease-in-out;
}

#advFilters .btn-primary:hover{
    background-color: #344C99;
    color: white;
    border-radius: 0;
    font-weight: bold;
}
#openAdv{
    /*
    width: 35px;
    height: 35px;
    font-size: 0px;*/
    padding: 5px;
    color: black;
    background-color: #E6EF9C;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
#openAdv:after{
    /*content: ""; */
    width: 100%;
    position: absolute;
    height: 100%;
    background-image: url('/modules/custom/custom_search/css/images/add-black.svg');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
#openAdv span{
    position: absolute;
    font-size: 14px;
    box-shadow: 6px 6px 10px rgba(0, 0 ,0,.3);
    border-radius: 10px;
    display: none;
    width: max-content;
    background-color: white;
    padding: 3px 5px;
    top: 105%;
    z-index: 6;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}
#openAdv:hover{
    background-color: #000;
    color: white;
}
#openAdv:hover span{
    display: block;
    color: black;
    opacity: 1;
}
#openAdv:hover:after{
    background-image: url('/modules/custom/custom_search/css/images/add.svg');
}

.overlay-adv-filters{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 2;
    top: 0;
    left: 0;
}

.custom-search-tabs-mobile{
    display: none;
    flex-flow: wrap row;
    justify-content: center;
    align-items: center;
}
.custom-search-tabs-mobile .tab{
    text-align: center;
    padding: 10px;
    border: 2px solid #E6EF9C;
    border-bottom: 0;
    cursor: pointer;
    min-width: 40%;
    transition: all 200ms ease-in-out;
}
.custom-search-tabs-mobile .tab.active{
    flex-basis: 60%;
    background-color: #E6EF9C;
    z-index: 1;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, .3);
}
.popin-map{
    display: flex;
    flex-flow: wrap row;
    color: black !important;
    align-items: center;
}
.popin-map p{
    margin: 0;
}
.popin-map >div:last-child{
    flex-basis: 57%;
}
.popin-map .thumbnail-img{
    flex-basis: 40%;
    position: relative;
    margin-right: 10px;
    background: url('/modules/custom/custom_search/css/images/default_map.png') no-repeat center;
    background-size: cover;
    min-height: 150px;
}
.popin-map .thumbnail-img{
    position: relative;
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: lightgray;
}
.popin-map .thumbnail-img .front{
    min-width: 100%;
    height: auto;
    transition: all 200ms ease-in-out;
    z-index: 1;
    background-color: white;
}

.popin-map a{
    text-decoration: unset;
}

.popin-map .thumbnail-img .back{
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: -30%;
    width: auto;
    height: 100%;
    backdrop-filter: blur(10px);
}
.popin-map .thumbnail-img .field--name-field-image-une{
    background-color: white;
    max-height: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popin-map .intervention .type-inter{
    margin-right: 6px;
}
.popin-map .thumbnail-img span{
    background-color: #E6EF9C;
    padding: 2px 4px;
    border-radius: 4px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 11px;
    z-index: 2;
}
.popin-map h5{
    color: black;
    margin-top: 0;
    margin-bottom: 10px;
}
.popin-map .field *{
    hyphens: auto;
    font-size: 12px;
}
.popin-map .wrap-img{
    overflow: hidden;
    max-height: 100px;
}
.popin-map .btn{
    margin: 10px 0;
    display: block;
    line-height: 28px;
}
.leaflet-popup-content{
    min-width: 380px !important;
}
@media screen and (max-width: 1023px) {
    .leaflet-popup-content{
        min-width: unset !important;
    }
}
#reset-zoom{
    position: absolute;
    display: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 20px;
    z-index: 400;
    width: 100px;
    font-family: "Akrobat ExtraBold";
    padding: 4px 10px;
    background-color: black;
    font-size: 16px;
    color: white;
}
@media screen and (max-width: 1023px) {
    .custom-search-tabs-mobile{
        display: flex;
    }
    .wrapCustomSearch .header-form form .form-item-title{
        flex-basis: 60%;
    }
    .wrapCustomSearch .header-form form .form-checkboxes .checkbox label.option {
        font-size: 12px !important;
        line-height: 26px;
    }
    body.path-search-map-view .main-container >.row >section{
        width: 100%;
    }
    #customSearchMap{
        width: 100%;
        right: -100%;
        transition: all 200ms ease-in-out;
    }
    .wrapFormList{
        width: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        border-right: 1px solid #E6EF9C;
        transition: all 200ms ease-in-out;
    }
    .wrapCustomSearch{
        border: 0;
    }
    .wrapCustomSearch form{
        width: 100% !important;
    }
    #advFilters{
        width: 94%;
    }
}

.contener_general{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:88px;height:88px} .contener_mixte{width:88px;height:88px;position:absolute} .ballcolor{width:40px;height:40px} .ball_1, .ball_2, .ball_3, .ball_4{position:absolute;-webkit-animation:animball_one 1.3s infinite ease;-moz-animation:animball_one 1.3s infinite ease-in;-ms-animation:animball_one 1.3s infinite ease-in;animation:animball_one 1.3s infinite ease-in} .ball_1{border:1px solid #344C99;top:0;left:0} .ball_2{border:1px solid #A9D100;top:0;left:48px} .ball_3{border:1px solid #FB4E01;top:48px;left:0} .ball_4{border:1px solid #E6EF9C;top:48px;left:48px} @-webkit-keyframes animball_one{0%{position:absolute;-webkit-transform:rotate(0deg)} 50%{top:24px;left:24px;position:absolute;opacity:0.5} 100%{position:absolute;-webkit-transform:rotate(360deg)}} @-moz-keyframes animball_one{0%{position:absolute;-moz-transform:rotate(0deg)} 50%{top:24px;left:24px;position:absolute;opacity:0.5} 100%{position:absolute;-moz-transform:rotate(360deg)}} @-ms-keyframes animball_one{0%{position:absolute;-ms-transform:rotate(0deg)} 50%{top:24px;left:24px;position:absolute;opacity:0.5} 100%{position:absolute;-ms-transform:rotate(360deg)}} @keyframes animball_one{0%{position:absolute;transform:rotate(0deg)} 50%{top:24px;left:24px;position:absolute;opacity:0.5} 100%{position:absolute;transform:rotate(360deg)}}
/* Source and licensing information for the above line(s) can be found at https://www.ekopolis.fr/modules/custom/custom_search/css/leaflet-inte.css. */