/*#||###############################################*/
/*# STILI MULTISCHERMO #############################*/
/*#||###############################################*/
/*#||###############################################*/
.thmb_sede { aspect-ratio: 10/16; height: auto; width: 100%; position: relative; }
    .thmb_sede:hover { box-shadow: 0 0.3rem 0.8rem rgba(0,0,0,0.25); }
    .thmb_sede .sede_id { flex: 0 1 75%; width: 100%; position: relative;}
        /*IMMAGINE - Foto e Nome*/
        .thmb_sede .sede_id .media { width: 100%; aspect-ratio: 1/1; }
            .thmb_sede .sede_id .media img { width: 100%; height: 100%; object-fit: contain; z-index: 1; }
            .thmb_sede .sede_id .media .nome { z-index: 3; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2rem 0; text-align: center; text-shadow: 0 0 1rem rgba(255,255,255,0.5); }
            .thmb_sede .sede_id .media:after { z-index: 2; content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
        /*Macro contenitore - Dati*/
        .thmb_sede .sede_id .dati { position: absolute; bottom: 0; left: 0;  width: 100%; z-index: 3; padding-bottom: 0.5rem;}
        /*NOME*/
        .thmb_sede .sede_id .dati .nome { padding-bottom: 1.5rem; }
        /*BRAND UFFICIALI*/
            .thmb_sede .sede_id .dati .brand_ufficiali { flex: 0 1 16%; }
                .thmb_sede .sede_id .dati .brand_ufficiali .flx_itm { flex: 0 1 calc(100%/7); padding: 0.5rem; aspect-ratio: 1.45/1; }
                    .thmb_sede .sede_id .dati .brand_ufficiali .flx_itm .brand { width: 100%; aspect-ratio: inherit; }
                        .thmb_sede .sede_id .dati .brand_ufficiali .flx_itm .brand img { }
    /*CONTATTI*/
    .thmb_sede .contatti_container { flex: 0 1 25%; width: 100%; border-top: solid 1px #ccc; }
        .thmb_sede .contatti_container a { flex: 1; border-bottom: solid 1px #ccc; width: inherit; }
            .thmb_sede .contatti_container a:last-child { border-bottom-color: transparent; }
            .thmb_sede .contatti_container a i { margin-right: 0.4rem; }
            .thmb_sede .contatti_container a:hover i { margin-right: 0.8rem; }
            .thmb_sede .contatti_container a:hover span { text-decoration: underline; }
    /*LINK PER DETTAGLIO*/
    .thmb_sede .dettaglio_link { position: absolute; bottom: 0.5rem; right: 0.5rem; height: 4rem; aspect-ratio: 1/1; border-radius: 50%; }
        .thmb_sede .dettaglio_link i { font-size: 2.5rem; color: #666; }
    .thmb_sede:hover .dettaglio_link i { color: #034798; }
    .thmb_sede .dettaglio_link:hover i { transform: translate(-50%,-50%) rotate(20deg); }
/*#||###############################################*/
/*#|Impostazioni larghezza per Lista Sedi|##########*/
.lista_sedi ul.list_container { flex-wrap: wrap; }
    .lista_sedi ul.list_container li { padding: 1.2rem; flex: 0 1 calc(100% / 4); }
/*#||###############################################*/

/*#||###############################################*/
/*--------------------------------------------------*/
/*#||###############################################*/
/*- STILI Comuni: tutti gli schermi DESKTOP --------*/
@media (min-width: 769px) {
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI Comuni: tutti gli schermi PORTABLE -------*/
@media (max-width: 768px) {
    /*#||###############################################*/
}
/*#||###############################################*/
/*--------------------------------------------------*/
/*#||###############################################*/
/*- STILI ESCLUSIVI GRANDI SCHERMI -----------------*/
@media (min-width: 1281px) {
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI SCHERMI MEDI --------------------------*/
@media (min-width: 1025px) and (max-width: 1280px) {
    /*#||###############################################*/
    .lista_sedi ul.list_container li { flex: 0 1 calc(100% / 3); width: calc(100% / 3); }
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI PICCOLI SCHERMI --------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {
    /*#||###############################################*/
    .lista_sedi ul.list_container li { flex: 0 1 calc(100% / 2); width: calc(100% / 2); }
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI TABLET -----------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {
    /*#||###############################################*/
    .lista_sedi ul.list_container li { flex: 0 1 calc(100% / 2); width: calc(100% /2); }
    /*#||###############################################*/
}
/*#||###############################################*/
/*- STILI MOBILE -----------------------------------*/
@media (max-width: 480px) {
    /*#||###############################################*/
    .lista_sedi ul.list_container li { flex: 1 1 calc(100% / 1); width: calc(100% / 1); }
    /*#||###############################################*/
}
/*--------------------------------------------------*/