/* Piccole regole aggiunte nella riscrittura (prima erano stili inline o impostati via JavaScript) */
.foto-kelly { height: 40px; cursor: pointer; transition: height .3s; }
.link-gestione, .link-gestione h2, .link-gestione h3 { background-color: #fff; text-align: center; }
.list-news li ul { list-style: circle outside; }
.list-news li ul li { display: list-item; }
.posizionearticolo { min-height: 400px; }
.listaorari ul li { width: 80%; }
.alternate { background: #F2EAC7; }
.nascosto { display: none; }
#googlemappa, #googlestrada { width: 100%; }
.messaggio-errore { margin-top: 1em; }
/* Elenchi del bollettino (prima erano in un blocco <style> dentro il testo del bollettino) */
.bollettino ul li { list-style-type: circle; list-style-position: outside; margin-left: 1rem; font-weight: normal; }
.bollettino ol > li { font-weight: bold; }

/* Bottoni social dell'intestazione (Facebook, YouTube, WhatsApp): cerchi uguali nel rosso del sito,
   al passaggio del mouse prendono il colore del social. WhatsApp compare solo se impostato in web.config. */
a.social i.fa {
    display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%;
    text-align: center; font-size: 16px; color: #fff; background-color: rgb(231, 79, 78);
    transition: background-color .2s ease, transform .2s ease;
}
a.social:hover i.fa, a.social:focus i.fa { transform: scale(1.1); }
a.social-facebook:hover i.fa, a.social-facebook:focus i.fa { background-color: #1877F2; }
a.social-youtube:hover i.fa, a.social-youtube:focus i.fa { background-color: #FF0000; }
a.social-whatsapp:hover i.fa, a.social-whatsapp:focus i.fa { background-color: #25D366; }
.navbar-default .navbar-nav > li > a.social { padding: 10px 3px; }
.navbar-default .navbar-nav > li > a.social:hover, .navbar-default .navbar-nav > li > a.social:focus { background: transparent; }
/* Menu del telefono (sfondo rosso): cerchi color crema con l'icona rossa, tutti su una riga */
.submenu li.social-riga a.social { display: inline-block; height: auto; border-bottom: 0; margin-right: 10px; }
.submenu li.social-riga a.social i.fa { color: #CD0000; background-color: #F9F9D9; width: 36px; height: 36px; line-height: 36px; font-size: 20px; }
.submenu li.social-riga a.social:hover i.fa, .submenu li.social-riga a.social:focus i.fa { color: #fff; }