/*======================================
Theme Name: Divi
Theme URI: https://divicake.com/
Description: Child theme NAE
Version: 1.1
Author: WEBADN
Author URI: https://divicake.com/
Template: Divi
======================================*/
/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

#map-filter:not(.drones){
    border-top:none!important;
    padding-top:0!important;
}
#map-filter .panel-first-child,
#map-filter .panel-first-child + .so-panel{
    display:flex;
    justify-content:center;
}
#map-filter .so-panel:nth-child(3){
    margin-bottom:0!important;
}
#map-filter .et_pb_column:first-child{
    display:flex;
    flex-direction: column;
}
.panel-filters{
    max-width:1280px;
    margin:0 auto;
    position: relative;
    z-index:9;
    box-shadow:0 0 18px -6px rgba(0,0,0,0.2);
    border-radius:10px;
    background-color:#ffffff;
    border:1px solid #ddd;
}
.panel-filters p{
    margin-bottom:0;
}
#map-filter .facetwp-facet{
    margin-bottom:0;
    margin-right:0;
}
#map-filter .facetwp-facet span{
    line-height:1em;
}
.facetwp-type-fselect .fs-label-wrap{
    border:none;
    border-right:1px solid #ddd;
}
.facetwp-type-fselect .fs-label-wrap:first-child{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    overflow:hidden;
}
.facetwp-type-fselect .fs-label-wrap .fs-label{
    display:flex;
    align-items:center;
    padding:16px 22px 16px 16px;
    font-size:15px;
    cursor:pointer;
    color:#313131;
}
.facetwp-type-fselect .fs-label-wrap .fs-label:hover{
    background-color:#fafafa;
}
.facetwp-facet .fs-wrap{
    display:block;
    line-height:inherit;
}
.facetwp-facet .fs-arrow{
    right:10px;
    border-top-color:#ddd;
    border-width:6px;
    border-radius:3px;
}
.fs-label .facetwp-counter{
    display:none;
}
.panel-filters .et_pb_code_inner{
    display:flex;
    flex-wrap:wrap;
}
.template-map{
    margin-top:-3.5rem;
    position: relative;
    z-index: 8;
}

@media(min-width:579px){
    .template-map .content{
        display:flex;
    }
    .template-map .content .left{
        padding-right:2rem;
    }
}
.template-map .content .left img{
    max-width:240px;
}
.template-map .content .contact{
    max-width:280px;
    background-color: #e8e8e8;
    padding:1rem;
}
.template-map .content .contact .title{
    font-size:16px;
    font-weight:500;
    margin-bottom:0.5rem;
}
.template-map .content .right ul{
    list-style:initial;
}
.template-map .content .right ul li{
    line-height:1.2em;
    margin-bottom:0.6rem;
}
.template-map .content .website{
    margin-top:2rem;
}
.template-map .content .website a{
    color:#39baf4;
    font-weight:bold;
}
.template-map .bottom-content{
    margin-top:2rem;
}
.template-map .bottom-content img{
    display:none;
}
#facetwp-map{
    min-height:80vh!important;
}
.list-actors:not(.show-actors){
    display:none;
}
.list-actors{
  padding:2rem;
  margin-top:2rem;
  display:block!important;
  background-color: #f4f4f4 !important;
}

.list-actors .facetwp-template {
  display:flex;
  flex-wrap:wrap;
  width: 90%;
  margin: 0 auto;
  max-width: 1380px;
  text-align:center;
}

.list-actors .facetwp-template[data-name="listing_centres"] {
    width: 100%;
}

.list-actors .facetwp-template[data-name="listing_centres"] .actor__item {
    text-align: left;
}

.list-actors .facetwp-template[data-name="listing_centres"] .actor__img-featured,
.infos-actors .img-featured {
    display: inline-flex;
    min-width: 60px;
}

.list-actors .actor__item {
  padding: 1rem;
}
.list-actors .actor__img-featured,
.infos-actors .img-featured {
  margin-bottom: 1rem;
  height: 8vh;
  max-height:80px;
  min-width: 80px;
  background-color: #eee;
  border-radius: 4px;
}

.list-actors .actor__img-featured img,
.infos-actors .img-featured img {
  object-fit:contain;
  width:100%;
  height:100%;
}
.list-actors .actor__link {
  display:block;
  position: relative;
  background-color:white;
  border-radius:8px;
  padding:1.5rem 1rem;
  height: 100%;
  color:inherit;
  transition:box-shadow ease-in-out 0.4s;
}

.actor__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.actor__meta--line1 {
    font-size: 14px;
    font-weight: 700;
}

.actor__meta--line1 .separator {
    margin: 0.4rem;
}

.actor__meta--line2 {
    font-size: 14px;
    font-weight: 700;
}
.actor__meta svg {
    flex-shrink: 0;
    width: 20px;
    height: 18px;
    margin-right: .8rem;
}
.actor_flag {
    position: absolute;
    top: -12px;
    border-radius: 4px;
    background-color: #c61e38;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    right: 0;
}

.infos-actors .actor_flag {
    right: initial;
    left: 0;
    top: 0;
    padding: 6px 8px;
}

.infos-actors .actor__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 14Px;
    font-weight: 400;
    background-color: #3b5b9c;
    color: #ffffff;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 4px;
}

.infos-actors .actor__link svg {
    width: 20px;
    height: 18px;
    flex-shrink: 0;
    fill: #ffffff;
    color: #ffffff;
}

.list-actors .actor__link:hover {
  box-shadow:0 0 20px -5px rgba(0,0,0,0.2);
}
.facetwp-facet-maps{
    position: relative;
}
.facetwp-map-filtering{
    position: absolute;
    left:0;
    right:0;
    bottom:-20px;
    margin:0 auto;
    display:none;
}
.location-wrap{
    height:100%;
    border-right:1px solid #ddd;
}
#facetwp-location{
    padding:14px 22px 14px 16px;
    height:100%;
    border:none;
}
.location-wrap .locate-me{
    right:10px;
}
#map-filter .fs-dropdown{
    margin-top:0;
    border-radius:4px;
    box-shadow:0 6px 18px -6px rgba(0,0,0,0.2);
    font-size:14px;
}
#map-filter .fs-option{
    word-break: normal;
}
#map-filter .facetwp-facet .fs-options{
    max-height:300px;
}
#map-filter .facetwp-type-fselect .fs-option .fs-option-label{
    white-space:normal;
    line-height:1.2em;
}
#map-filter .fs-options .facetwp-counter{
    font-size:14px;
    margin-left:0.5rem;
}
.facetwp-facet .fs-wrap.multiple .fs-option.selected .fs-checkbox i{
    background-color: #f16c20;
}
.facetwp-facet.facetwp-type-fselect.facetwp-facet-lactivit_principale .fs-dropdown,
.facetwp-facet.facetwp-type-fselect.facetwp-facet-categories .fs-dropdown{
    width:100%;
    max-width:300px;
}

#map-filter .panel-first-child .siteorigin-widget-tinymce img:not(:first-child){
    margin-left:1rem;
}
#map-filter .infos-actors h3{
    font-size:24px;
    margin:0;
}
#map-filter .infos-actors h3:after{
    display:block;
    content:"";
    width:60px;
    height:2px;
    background-color:#be0e3b;
    margin:10px 0;
}
#map-filter .infos-actors p{
    font-size:14px;
}

#map-filter .infos-actors .link__single {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #223d85;
    color: white;
    margin-top:1rem;
    text-transform: uppercase;
    border-radius: 6px;
}

#map-filter .gm-style .gm-style-iw-c{
    padding:2rem;
    border-radius:10px;
    box-shadow:0 6px 10px -6px rgba(0,0,0,0.2);
}
#map-filter .reset{
    display: flex;
    height:54px;
    align-items: center;
    padding: 14px 22px 14px 16px;
    font-size: 15px;
    cursor: pointer;
    color:#313131;
    background-color:#eeeeee;
    background-image:none;
    text-transform:capitalize;
    border:none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#map-filter .marker-center-adress {
    margin-bottom: 1rem;
}

.entry-content #adminForm,
#adminForm .wpfd-table,
.wpfd-content .wpfd-table{
    padding:0!important;
}
#adminForm .box-search-filter{
    margin-top:0!important;
}
#adminForm .searchSection{
    margin-bottom:0!important;
}

.facetwp-load-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 400;
    background-color: #3b5b9c;
    color: #ffffff;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

@media only screen and (min-width:600px){
  .list-actors .actor__item {
    flex: 0 0 50%
  }
}

@media only screen and (min-width:980px){
  .list-actors .actor__item {
    flex: 0 0 33.3333333%
  }
}

@media only screen and (min-width:1200px){
  .list-actors .actor__item {
    flex: 0 0 20%
  }

  .list-actors .facetwp-template[data-name="listing_centres"] .actor__item {
    flex: 0 0 33%;
  }
  
}