.tippy-box[data-theme~='custom'] {
   /* background-color: black; */
    color: #fff;
}
/*
.tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: tomato;
}
.tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: tomato;
}
.tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: tomato;
}
.tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: tomato;
}

*/


/* From GIT

.wp-grid-builder.wpgb-grid-4 .wpgb-sidebar,
.wp-grid-builder.wpgb-grid-8 .wpgb-sidebar{
    position: sticky !important;
    flex-basis: 50% !important;
    height: 100vh !important;
    top: 0 !important;
}

 */

.wp-grid-builder.wpgb-grid-4 .wpgb-sidebar .wpgb-facet,
.wp-grid-builder.wpgb-grid-8 .wpgb-sidebar .wpgb-facet,
.wp-grid-builder.wpgb-grid-4 .wpgb-sidebar .wpgb-facet fieldset,
.wp-grid-builder.wpgb-grid-8 .wpgb-sidebar .wpgb-facet fieldset,
.wp-grid-builder.wpgb-grid-4 .wpgb-sidebar .wpgb-facet .wpgb-map-facet,
.wp-grid-builder.wpgb-grid-8 .wpgb-sidebar .wpgb-facet .wpgb-map-facet {
    height: 100% !important;
}
.wp-grid-builder.wpgb-grid-4 .wpgb-area-top-2 .wpgb-facet fieldset,
.wp-grid-builder.wpgb-grid-8 .wpgb-area-top-2 .wpgb-facet fieldset{
    margin-bottom: 16px !important;
}
.wp-grid-builder .wpgb-area-top-2 .wpgb-facet .wpgb-facet-title {
    margin-bottom: 8px !important;
}
.wpgb-result-count {
    color: #2a2a2a !important;
    font-size: calc(32em / 18) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}
.wp-grid-builder .wpgb-card.wpgb-no-result > div {
    padding: 0 !important;
    color: #2a2a2a !important;
    font-size: calc(1.77778em) !important;
}


.leaflet-top.leaflet-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 24px !important;
}
.leaflet-top.leaflet-right .leaflet-control-zoom {
    margin: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: rgba(0,0,0,0.16) 4px 0 24px,rgba(0,0,0,0.04) 0 0 0 1px !important;
}
.leaflet-top.leaflet-right .leaflet-control-zoom > a {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 40px !important;
    width: 40px !important;
    border-radius: 8px 8px 0 0 !important;
    border-width: 2px !important;
    border-color: transparent !important;
    color: rgb(44,44,44) !important;
    font-size: 30px !important;
    font-weight: 400 !important;
}
.leaflet-top.leaflet-right .leaflet-control-zoom > a:first-child:after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    height: 1px !important;
    width: 80% !important;
    margin: 0 auto !important;
    background: rgb(0,0,0) !important;
    opacity: .1 !important;
}
.leaflet-top.leaflet-right .leaflet-control-zoom > a:last-child {
    border-radius: 0 0 8px 8px !important;
}
.leaflet-popup-content-wrapper {
    box-shadow: rgba(0,0,0,0.16) 4px 0 24px,rgba(0,0,0,0.04) 0 0 0 1px !important;
}
.leaflet-container a.leaflet-popup-close-button {
    display: none !important;
}

/* ADDS */

.features-star-2 i{
    transform: translate(27px, 1px) !important;
    font-size: 13px !important;
}

.features-star-2{
    top:-1px;
    right:-1px;
}
.features-star-2.urgent::before{
    border-color: #E52D27 #E52D27 transparent transparent !important;
}
.features-star-2.feature::before{
    border-color: var(--main-color) var(--main-color) transparent transparent !important;
}
.features-star-2.feature.urgent::before{
    border-color: goldenrod goldenrod transparent transparent !important;
}
.card_feature_space .features-star-2{
    z-index: 3;
}


.logo_cards img{
    height:48px !important;
    width:48px !important;
}

.card_fav{
    position: absolute;
    top:15px;
    right:15px;
}
.card_fav i{
    font-weight:bold;
}
.card_fav:hover i{
    color:var(--three-5);
}




@media screen and (max-width: 1680px) {
    .wp-grid-builder .wpgb-area-top-2 > div,.wp-grid-builder .wpgb-area-top-1 > div {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}
@media screen and (min-width: 1181px) {
    .wp-grid-builder .wpgb-sidebar .wpgb-facet .wpgb-map-facet {
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 1180px) {
    .wp-grid-builder .wpgb-wrapper {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .wp-grid-builder .wpgb-main {
        order: 1 !important;
    }
    .wp-grid-builder .wpgb-sidebar {
        position: relative !important;
        flex-basis: 100% !important;
        order: 0 !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
    @media screen and (max-width: 767px) {
    .wp-grid-builder .wpgb-area-top-1>div,.wp-grid-builder .wpgb-area-top-2>div {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .wp-grid-builder .wpgb-area-top-2 .wpgb-facet fieldset {
        margin-bottom: 0 !important;
    }

    /*TODO AIlleurs */
    .wpgb-facet.wpgb-facet-1{
        min-height:50vh;
    }

    article.wpgb-card.wpgb-card-48{
        padding-left:0 !important;
        padding-right: 0 !important;
    }
    select[name=job_locations]{

    }
    /*
    .wpgb-grid-4 .wpgb-area-top-1 > div,
    .wpgb-grid-4 .wpgb-area-top-2 > div{
        text-align: center;
        margin-top: 1em;
    }
    */
    .wpgb-facet{
        margin-top: 0.5em;
    }
    .wpgb-area-top-1{
        margin-bottom:0 !important;
    }
}
@media screen and (min-width: 993px){
    .wpgb-facet .wpgb-map-facet {
        padding-bottom: 0  !important;
        height: 100vh !important;
    }}
@media screen and (max-width: 992px) {
    .wpgb-facet .wpgb-map-facet {
        padding-bottom: 0 !important;
        height: 50vh !important;
    }
}

/* TODO Ailleurs !*/
@media (min-width: 320px) and (max-width: 767px) {
    .mega-menu > section.menu-list-items {
        padding: 10px 0;
    }
    .mega-menu .menu-links{
        padding-top: 1em;
    }
    .wpgb-facet.wpgb-facet-12{
        margin-bottom: 1em;
    }
    .wpgb-facet{
        margin-top: 0;
    }

}



/* Special Categories Search Custom Page */
.banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fff; /* Couleur de fond du bandeau */
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    max-width: 1280px;
    height: 80px;
    box-shadow: none;
    border-bottom:1px solid transparent;
    border-top:1px solid transparent;
    transition: 0.5s;
    margin:auto;
    margin-top:-80px;

}

page-template-page-search-php *{
    scrollbar-height: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    ::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent;
    }  ::-webkit-scrollbar {
       width: 1px !important;
       background-color: transparent;
   }  ::-webkit-scrollbar-thumb {
          background-color: transparent;
      }
}
.banner , .banner * {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
    ::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent;
    }  ::-webkit-scrollbar {
       width: 3px !important;
       background-color: transparent;
   }  ::-webkit-scrollbar-thumb {
          background-color: transparent;
  }

}

.banner .banner-content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap; /* Empêche les éléments de s'envelopper et les force à rester sur une seule ligne */
    overflow-x: auto; /* Ajoute une barre de défilement horizontale si le contenu déborde */
    align-items: center;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

.banner .banner-content .banner-categories{
    float:left;
}

.chevrons{
    width: 100%;
    height:80px;
    max-width: 1280px;
    display: block;
    position: relative;
    margin:auto;
}


.chevron {
    position: absolute;
    display: none;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    background-color:  #fff;
    border-radius: 50%; /* Pour arrondir le fond */
    padding: 5px; /* Ajouter de l'espace autour de l'icône */
    border:0.5px solid rgb(0 0 0/0.3);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px 0px;
    transition:0.3s;
    fill: var(--four-2);
}

.chevron:hover{
    background-color:var(--four-1);
    border:0.5px solid var(--four-2);
}

#chevron-left {
    left: -30px; /* Ajustez la distance du bord gauche */
}

#chevron-right {
    right: -30px; /* Ajustez la distance du bord droit */
}


.banner .text-and-icon {
    cursor: pointer;
    padding-left:10px;
    padding-right:10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid #fff;
    margin:5px;
    margin-bottom:0;

    scale:0.9;
    transition: 0.3s;
}
.banner .text-and-icon:not(.icon-disabled):hover{
    scale:1;
}

.banner .text-and-icon:not(.icon-disabled):after{
    content: "";
    display:block;
    margin: 0 auto;
    width: 0;
    border-bottom: 2px solid var(--main-color);
    padding-bottom:10px;
    transition: .5s;
}


.text-and-icon.job-cat-active{
    background: var(--four-1);
    border:1px solid var(--four-2);
    border-radius:10px;
}

.text-and-icon.job-cat-active:hover{
    scale:0.9 !important;
}

.banner .text-and-icon:not(.job-cat-active):hover:after {
    width: 100%;
}
.banner .icon-disabled{
    cursor: not-allowed;
    opacity: 0.2;
}

.banner .text-and-icon span{
    height:14px;
    font-size:14px;
    line-height: 14px;
    margin-top:10px;
    text-align: center;
    color:#4D4D4D;
    font-weight:400;
    white-space: nowrap;
    display: inline-block;
}
.banner .text-and-icon img{
    margin:1px;
    max-height:32px;
    max-width: 32px;
    margin-top:5px;
    opacity: 0.5;
    transition: 0.3s;
}
.banner .text-and-icon:hover img{

    opacity: 1;
}
.wpgb-card-body .logo_cards img{
    opacity:0.6 !important;
}
.mega-menu{
    box-shadow: none !important;
}


.wpgb-result-count{
    font-weight:normal !important;
}

.wpgb-map-facet .leaflet-cluster-icon.leaflet-digits-1{
    background-image: url(../img/m1.png) !important;
}
.wpgb-map-facet .leaflet-cluster-icon{
    color:white !important;
}

.wpgb-facet > fieldset:last-child,
.wpgb-facet .wpgb-facet-title{
    margin-bottom: 5px !important;
}

/* Ok pour retirer 'fait par openstreetmap' */
.leaflet-control-attribution.leaflet-control{
    display: none !important;
}

/* Popup Map */
.leaflet-popup-content-wrapper{
    border-radius: 5px !important;

    box-shadow: var(--box-shadow) !important;

}

.leaflet-popup-content{
    width:300px !important;
}

.leaflet-popup-content-wrapper h3{
    padding: 0 !important;
}
.leaflet-popup-content-wrapper a{
    color: var(--second-color) !important;
}
.leaflet-popup-content-wrapper a:hover{
    color: var(--main-color) !important;
}
.leaflet-popup-content-wrapper img{
    opacity: 0.6 !important;
}
.leaflet-popup-content p{
    margin: 5px 0 !important;
}

.wpgb-card-footer .wpgb-block-5{
    z-index: 2 !important;
}


.wpgb-facet button.wpgb-apply{
        margin: 0 !important;
    }

    .HomeSearchFilter .wpgb-facet button.wpgb-button{
        max-height: 40px;
        line-height: 40px;
        width: 100%;
        padding: 0;
    border: 2px solid lightgray;
}

.HomeSearchFilter {

    margin-left:auto;
    margin-right:auto;
    box-shadow:rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.JobSearchFilter{
    box-shadow:none !important;
}

.HomeSearchFilter .wpgb-facet-title{
    display: none !important;
}

.wpgb-apply{
    background: #fff !important;
    color:var(--second-color) !important;
}

.wpgb-apply:hover{
    color: var(--main-color) !important;
    border: 2px solid grey !important;
}


#JobSearchGeneral{
    display: none;
}




/* New CSS May 2024 !!  */
/* WP GRID BUILDER */
/* Labels */

.wp-grid-builder [class*="wpgb-scheme-"] .wpgb-idle-accent-1,
.wp-grid-builder [class*="wpgb-scheme-"] [class^="wpgb-block-"].wpgb-hover-accent-1:hover{
    color:var(--four-5) !important;
}

.wp-grid-builder .wpgb-card-36 .wpgb-card-inner,
.wp-grid-builder .wpgb-card-47 .wpgb-card-inner,
.wp-grid-builder .wpgb-card-48 .wpgb-card-inner{
    border:1px solid lightgrey !important;
    transition: transform .2s; /* Animation */
    box-shadow: none !important;
    border-radius: 5px !important;
    overflow: hidden;
}


.wpgrid-job-feature .wpgb-block-term{
    background:var(--three-1) !important;
    color:var(--three-3);
}

.wpgrid-job-type .wpgb-block-term{
    background:var(--four-1) !important;
    color:var(--four-3);

}

.wpgb-card-73 .wpgb-card-content .wpgb-card-body,
.wpgb-card-73 .wpgb-card-content .wpgb-card-footer{
    background: var(--one-1) !important;
}

.wp-grid-builder .wpgb-card-73 .wpgb-card-inner{
    background: var(--one-1) !important;
    border:1px solid var(--one-2) !important;
}

.wp-grid-builder .wpgb-card-73:hover .wpgb-card-inner,
.wp-grid-builder .wpgb-card-inner.hoveredMarker{
    border:1px solid var(--one-2) !important;
    transform: scale(1.01);
}


/* Labels */
.tags-job-cat,
.wpgrid-job-loc {
    position: relative;
    display: inline-block;
}

.tags-job-cat::before,
.wpgrid-job-loc::before {
    content: '';
    background-size: cover;
    position: absolute;
    top: 0; /* Aligner en haut */
}

.wpgrid-job-loc::before {
    width: 13.65px;
    height: 17.07px;
    left: -8.65px; /* Ajustez la position horizontale */
    background-image: url('../img/icons/job-location.svg');
}

.tags-job-cat::before {
    width: 7px;
    height: 7px;
    top:50%;
    left: -2px; /* Ajustez la position horizontale */
    transform: translateY(-50%);
    background-image: url('../img/icons/dot-purple.svg');
}

.wpgrid-job-loc span:first-child {
    padding-left: 10px !important; /* Espace pour l'icône */
}
.tags-job-cat span:first-child{
    padding-left: 10px !important;
}

.tags-job-cat span,
.tags-job-cat span:hover,
.wpgrid-job-loc span,
.wpgrid-job-loc span:hover{
    color:var(--four-5) !important;

}

.wpgrid-job-date,
.wpgrid-job-date span{
    color:var(--five-4) !important;
    font-style: italic;
}
.wpgrid-job-date::before {
    content: 'Publié ';
    display: inline-block;
    padding-right: 5px !important;
    font-style: italic;
}

.elementor-4224.e-loop-item *{
    word-break: unset !important;
}

.wp-grid-builder .wpgb-main{
    padding: 2px 4em !important
}

@media screen and (max-width: 747px) {
    .wp-grid-builder .wpgb-main {
        padding: 2em !important
    }

    .chevrons{
        display: none !important;
        width: 0;
        height: 0;
        opacity: 0;
    }
    .banner{
        margin-top:0;
    }
}

@media screen and (min-width: 747px) {

    body.page-id-2354 .wpgb-area.wpgb-area-top-1 .wpgb-facet,
    body.page-id-2354 .wpgb-area.wpgb-area-top-2 .wpgb-facet,
	.tax-job_category .wpgb-area.wpgb-area-top-1 .wpgb-facet,
	.tax-job_category .wpgb-area.wpgb-area-top-2 .wpgb-facet {
        display: none;
    }
    .showFilters .wpgb-area.wpgb-area-top-1{
        margin-bottom: 2em !important;
    }
}

.job_cat_no_filter .button-filtres{
    display: none;
}