#st-foto-video { max-width: 800px; margin-left: auto; margin-right: auto; }
#st-foto-video h1 { }
.st-cartella-descrizione, 
.st-galleria-descrizione { margin: 1em; font-size: .9rem; font-style: italic; }
.st-cartella-precedente { width: 100; display: block; text-align: center; }
#st-foto-cartelle { display: grid; grid-gap: 5px; width: 100%; justify-items: stretch; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); margin: 1em 0; }
#st-foto-cartelle > * { display: block; position: relative; min-height: 140px; overflow: hidden; background-size: cover; background-position: 50% 50%; box-shadow: inset 0 0 4px #000; }
#st-foto-cartelle .st-data-ultimo,
#st-foto-cartelle .st-numero-elementi { line-height: 1; position: absolute; top: .2em; font-size: .6rem; font-weight: 700; padding: .2em .4em; background-color: rgba(0,0,0,.95); color: #fff; }
#st-foto-cartelle .st-data-ultimo { right: .2em; }
#st-foto-cartelle .st-numero-elementi { left: .2em; }
#st-foto-cartelle .st-numero-elementi:before { font-family: IcoFont!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; line-height: 1; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; display: inline-block; margin-right: .25em; }
#st-foto-cartelle .st-numero-elementi:before { content: '\ef4b'; }
#st-foto-cartelle h3 { padding: 0 .5em; position: absolute; bottom: 0; width: 100%; font-size: .8rem; text-align: center; font-weight: 700; background-color: rgba(0,0,0,.95); color: #fff; }
#st-foto-galleria { display: grid; grid-gap: 5px; width: 100%; justify-items: stretch; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); margin: 1em 0; }
#st-foto-galleria > * { display: block; position: relative; min-height: 140px; overflow: hidden; background-size: cover; background-position: 50% 50%; box-shadow: inset 0 0 4px #000; grid-area: unset !important; }
#st-foto-galleria .st-inverticale { background-position: 50% 20%; }
#st-foto-galleria .st-diapositiva-data { line-height: 1; position: absolute; top: .2em; font-size: .6rem; font-weight: 700; padding: .2em .4em; background-color: rgba(0,0,0,.95); color: #fff; right: .2em; }
#st-foto-galleria h3 { padding: 0 .5em; position: absolute; bottom: 0; width: 100%; font-size: .8rem; text-align: center; font-weight: 700; background-color: rgba(0,0,0,.95); color: #fff; }
#st-foto-galleria .st-video:before,
#st-foto-galleria .st-foto:before { color: var(--colore1-2); position: absolute; font-size: 1.5rem; top: .1em; left: .2em; font-family: IcoFont!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; line-height: 1; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; display: inline-block; }
#st-foto-galleria .st-video:before { content: "\ed8b"; }
#st-foto-galleria .st-foto:before { content: "\eecf"; }
#st-foto-galleria .st-precedente, 
#st-foto-cartelle .st-precedente { border-style: none; background-color: var(--colore1-1); clip-path: polygon(25% 50%, 75% 80%, 65% 50%, 75% 20%); }
#st-foto-galleria .st-precedente:hover, 
#st-foto-cartelle .st-precedente:hover { background-color: var(--colore1-2); clip-path: polygon(20% 50%, 80% 85%, 70% 50%, 80% 15%); }
.st-popup.st-foto { display: table-cell; height: 0; width: 0; opacity: 0; top: 50vh; left: 50vw; vertical-align: middle; text-align: center; }
.st-popup.st-foto figure { width: 95%; position: absolute; top: 50vh; left: 50%; transform: translate(-50%, -50%); }
.st-popup.st-foto iframe { width: 95%; height: calc(95vw / 1.7778); max-height: 90vh; }
.st-popup.st-foto .st-foto-precedente,.st-popup.st-foto .st-foto-successiva { position: absolute; top: 50vh; transform: translate(0, -50%); }
.st-popup.st-foto .st-foto-successiva:after,
.st-popup.st-foto .st-foto-precedente:before { opacity: .5; font-size: 6em; font-family: IcoFont!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; line-height: 1; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }
.st-popup.st-foto .st-foto-successiva:hover:after,
.st-popup.st-foto .st-foto-precedente:hover:before { opacity: 1; }
.st-popup.st-foto .st-foto-successiva:after { content: '\2771'; }
.st-popup.st-foto .st-foto-precedente:before { content: '\2770'; }
.st-popup.st-foto .st-foto-successiva { right: 10px; }
.st-popup.st-foto .st-foto-precedente { left: 10px; }
.st-popup.st-foto:target { height: 100vh; width: 100%; opacity: 1; top: 0; left: 0; }