ul.cinerama.leporide {
	padding:0;
}
ul.cinerama.leporide > li {
	list-style-type: circle;
	margin-left: 30px;
}

ul.cinerama.leporide > li > article {
	display:block;
}

ul.cinerama.leporide > li > article > div > span.modifica {
    position: static;
    margin: 0 0 0 10px;
    }
ul.cinerama.leporide > li > article > div > span.modifica.visibile {
	display:inline;
	}
ul.cinerama.leporide > li > article > div > span.modifica > a {
	width: auto;
}

section.elegante ul.cinerama.leporide > li > article > div {
	display: block;
	height: 100%;
	}
ul.cinerama.leporide .foto {display:none;}


/* CLASSE SPECIALE .elegante */
ul.cinerama.leporide.elegante > li > article {
	display:inline;
}

ul.cinerama.leporide.elegante {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	color:black;
}
ul.cinerama.leporide.elegante > li > div {color:inherit;}
ul.cinerama.leporide.elegante > li {
	border-color: #b2b2b2;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: flex;
	display: -webkit-flex;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	align-items: center;
	-webkit-align-items: center;
	min-width: 0;
	margin-right: 0;
	height: 36px;
	margin-top: 9px;
	width: 100%;
	line-height: 1;
	color:inherit;
    }
ul.cinerama.leporide.elegante a {
	display:flex;
	display:-webkit-flex;
	flex-direction: row;
	justify-content: flex-end;
	-webkit-flex-direction: row;
	-webkit-justify-content: flex-end;
	color:inherit;
	text-decoration: none;
	height: 100%;
	align-items: center;
	-webkit-align-items: center;
	}
ul.cinerama.leporide.elegante li.link-pdf span.icona-lepre {
	background-position: right;
	width: 25px;
	height: 25px;
	background-image:url(percorso-css-cinerama/img/pdf_small.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
}
ul.cinerama.leporide.elegante li.link-zip span.icona-lepre {
	background-position: right;
	width: 25px;
	height: 25px;
	background-image:url(percorso-css-cinerama/img/zip.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
}
ul.cinerama.leporide.elegante li.link-immagine span.icona-lepre {
	background-position: right;
	width: 25px;
	height: 25px;
	background-image:url(percorso-css-cinerama/img/img_small.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
}
ul.cinerama.leporide.elegante li.link-url span.icona-lepre,
ul.cinerama.leporide.elegante li.link-html span.icona-lepre {
	background-repeat: no-repeat;
	background-position: 0px;
	background-size: 61px 10px;
	background-image: url(percorso-css-cinerama/img/freccia_leggi_tutto.png);
	content: '';
	height: 10px;
	margin-left: 18px;
	display: inline-block;
	min-width: 72px;
	transition: background-position 0.2s ease-in;
}

.leporide.elegante .titolo {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	flex: 1;
	-webkit-flex: 1;
	color:inherit;
	height: 100%;
	display: flex;
	align-items: center;
	display: -webkit-flex;
	-webkit-align-items: center;
}
ul.cinerama.leporide.elegante a:hover > .titolo {
    color: blue;
}

/* CLASSE SPECIALE .iconico */
ul.cinerama.leporide.iconico {
	--altezza-icone:22px;
	--larghezza-icone:22px;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-flex-flow: row;
	-webkit-flex-wrap: wrap;
	margin:0;
}
ul.cinerama.leporide.iconico .foto {
	display:block;
	height:var(--altezza-icone);
	width:var(--larghezza-icone);
	margin-right: 6px;
	}
ul.cinerama.leporide.iconico li:not([data-f~="01"]) .foto {
	display:none;
}

ul.cinerama.leporide.iconico > li {
	list-style: none;
	flex: 0;
	-webkit-flex: 0;
	border: 0;
	margin-right: 12px;
	margin-left:0;
	line-height: 1.2;
}
ul.leporide.iconico > li > span.modifica {
    font-size: 15px;
    width: 0.8em;
    overflow: hidden;
    height: 1.5em;
    right: -13px;
}
ul.leporide.iconico > li > span.modifica > a:not(:first-letter) {
	color:transparent;
}
ul.leporide.iconico .titolo {
	white-space: nowrap;
	}
.link-lepre {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	padding: 0 5px;
	text-decoration: none;
	color: black;
}
ul.cinerama.leporide.iconico > li > article {
    display: block;
}
ul.cinerama.leporide.iconico > li > article:hover {
	background-color:rgba(192,192,192,.2);
}

/* CLASSE SPECIALE .sottolineatura-animata */
section.cinerama.leporide.sottolineatura-animata .titolo {display:inline-block;}
section.cinerama.leporide.sottolineatura-animata .titolo:after {
	content: "";
	display: block;
	height:var(--spessore-sottolineatura);
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition-property:transform;
	transition-timing-function:ease-in-out;
	transition-duration:var(--durata-animazione);
	background-color:var(--colore-sottolineatura);
}

section.cinerama.leporide.sottolineatura-animata li:hover .titolo:after,
section.cinerama.leporide.sottolineatura-animata li:focus-visible .titolo:after,
section.cinerama.leporide.sottolineatura-animata li:focus .titolo:after,
section.cinerama.leporide.sottolineatura-animata li:focus-within .titolo:after,
section.cinerama.leporide.sottolineatura-animata li:target .titolo:after,
section.cinerama.leporide.sottolineatura-animata li:active .titolo:after {
	transform: scaleX(1);
	transform-origin: 0% 50%;
	}
section.cinerama.leporide.sottolineatura-animata {
	--spessore-sottolineatura:2px;
	--durata-animazione:.3s;
	--colore-sottolineatura:brown;
}
section.cinerama.leporide.sottolineatura-animata .titolo:after {
	margin-top: -0.3em;
}
section.cinerama.leporide.iconico.sottolineatura-animata .titolo:after {
	margin-top: 0;
}
section.cinerama.leporide.elegante.sottolineatura-animata span.titolo {
	flex-direction: column;
	-webkit-flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
section.cinerama.leporide.elegante.sottolineatura-animata .titolo:after {
	margin-top: 8px;
	min-height: var(--spessore-sottolineatura);
	width: 100%;
}