#filiali-loop {
   display: flex;
   flex-direction: column;
   gap:15px;
   padding: 5px 0 10px;
   background-color: transparent;
   /*box-shadow: -100px 0 0 var(--nectar-extra-color-1), 100px 0 0 var(--nectar-extra-color-1);*/
}
#filiali-loop .filiale {
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px; 
   padding: 15px;
   cursor: pointer;
   width: 100%; 
   transition: background-color 0.2s;
   text-decoration: none;
}
  
#filiali-loop .filiale .filiale-title {
   margin-bottom: 0; 
   line-height: 1.3;
   word-wrap: break-word;
}

#filiali-loop .filiale .iwithtext {
    margin-bottom:15px;
   display: flex;
   align-items: center;
}
#filiali-loop .filiale .iwithtext .clear {
    display: none;
}
#filiali-loop .filiale .iwt-icon {
   position: relative;
   background: var(--nectar-extra-color-3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
   flex-shrink: 0;
}
#filiali-loop .filiale .iwt-icon > i {
    color: #fff !important;
   font-size: 24px;
}
#filiali-loop .filiale .iwt-icon > i.fa-envelope {
    color: #fff !important;
   font-size: 20px;
   top: -2px;
}
#filiali-loop .filiale .iwt-icon:has(.steadysets-icon-map-marker) i {
    position: relative;
    top: 5px;
}
#filiali-loop .filiale .iwt-text {
    padding-left: 15px;
   color: var(--nectar-extra-color-2);
   line-height: 1.3;
}

body[data-button-style*="slightly_rounded"] .filiale .nectar-button {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500 !important;
    border-radius: 15px !important; 
   margin-top:15px;
}


@media(min-width:1000px){
   #filiali-loop {
      flex-direction: row;
      flex-wrap: wrap;      
      padding: 35px 0 70px;
   }
   #filiali-loop .filiale-dettagli > div:nth-child(2) {
      margin-bottom:30px;
   }

   /*all'hover*/
   #filiali-loop .filiale:hover {
       background: var(--nectar-extra-color-2);
   }
   #filiali-loop .filiale:hover .filiale-title,
   #filiali-loop .filiale:hover .iwt-text {
       color: #fff;
   }
}
@media(min-width:1000px){
   #filiali-loop .filiale {
     width:calc((100% - 15px)/2);
      padding:25px;
   }  
   
   #filiali-loop .filiale .filiale-title {
      margin-bottom: 0; 
      /*imposto altezza minima 2 righe, se serve lo script copiare quello in archive-annunci.php */
      min-height: 55px;
   }
}
@media(min-width:1201px){
   #filiali-loop .filiale {
     width:calc((100% - 30px)/3);
   }
}

@media(max-width:999px){
   #filiali-filtri {
      display: none;
   }
   .filiale-title {
        padding-right: 32px;
        position: relative;
        cursor: pointer;
    }
   .filiale-title:after {
       content: var(--risorse-icona-select);
       position: absolute;
       width: 20px;
       height: 20px;
       right: 0;
       top: 50%;
       transform: translateY(-50%);
   }
}



/*funzionamento toggles mobile*/
#filiali-loop .filiale-dettagli {
   margin-top:10px;
}
@media(min-width:1000px){
   #filiali-loop .filiale-dettagli {
      display: block !important;
   }
}



/*isotope*/
#filiali-loop .filiale[style*="absolute"] {
    margin-bottom: 15px;
}
/*lo stile dei pulsanti è nel css genereale*/