/*FALSO COLOPHON*/
.abs {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
div#falsocolophon {width: 100%; overflow: hidden;}
div.falsocolophon-bandablu {width: 100%; min-height: 45px; padding: 5px 20px; display: flex; align-items: center; background-color: rgb(0, 51, 102); color: white; font-size: large; font-weight: bold;}
div.falsocolophon-bandablu-italiano::after {content: "Sezione culturale e Ufficio Stampa : Contatti";}

div#falsocolophon-sotto-la-bandablu {width: 100%; margin: 10px 0px 20px; display: flex; align-items: center;}
img#falsocolophon-logo {flex: 0 0 auto; margin: 0px 25px 0px 5px;}
div#falsocolophon-recapiti {flex:  1 1 auto;}
div#falsocolophon-rigarecapiti {width: 100%; display: flex; line-height: 31px; color: darkblue; margin-left: 5px;}
div#falsocolophon-recapiti-primavoce {flex: 0 0 90px;}

/* FALSO COLOPHON: GRUPPO SNS */
div#falsocolophon-grupposns {flex: 0 0 auto; display: flex;}
div.falsocolophon-grupposns-contenitore {position: relative; width: 80px; height: 80px; margin-right: 20px;}
.essevuggi {transition: 0.3s linear;}
.essevuggi-bianca {opacity: 0}
.essevuggi-blu {opacity: 1}
.essevuggi-sfondo {z-index: -1; border-radius: 50%; transform: scale(0); transition: 0.3s ease; }
a.falsocolophon-grupposns-link {opacity: 0; z-index: 9999;}
@media screen and (min-width: 768px) {
@media not all and (pointer: coarse) {
div.falsocolophon-grupposns-contenitore:hover .essevuggi-bianca {opacity: 1;}
div.falsocolophon-grupposns-contenitore:hover .essevuggi-blu {opacity: 0;}
div.falsocolophon-grupposns-contenitore:hover .essevuggi-sfondo {transform: scale(1);}
}}

@media only screen and (max-width: 767px) {
div#falsocolophon-grupposns {width: 50px; flex-wrap: wrap;}
div.falsocolophon-grupposns-contenitore {width: 50px; height: 50px; margin: 0px 5px 0px 0px;}
img#falsocolophon-logo {display: none;}
}