ul.cinerama.opera,
ul.cinerama.opera > li,
ul.cinerama.opera > li > article > a,
ul.cinerama.opera > li > article > a > div.foto,
ul.cinerama.opera > li > article > a > div.contento,
ul.cinerama.opera > li > article > a > div.contento > div {
	display:flex;
	display:-webkit-flex;
	padding:0;
	}

ul.cinerama.opera {
	position:relative;
	
	flex-direction:row;
	flex-wrap:wrap;
	
	-webkit-flex-direction:row;
	-webkit-flex-wrap:wrap;

	margin: 0;
}

ul.cinerama.opera > li {
	flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	margin: 0;
    padding: 0;
    min-width: 100%;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 36px;
}

ul.cinerama.opera > li > article > a { 
	min-width: 100%;
	flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	position: relative;
	min-height:100%;
	text-decoration:none;
}


ul.cinerama.opera > li > article > a > div.foto { 
	max-width: 100%;
    min-width: 100%;
	height:unset;
}
ul.cinerama.opera .foto::after {
    content: '';
    display: block;
    padding-bottom: 50%;
}
ul.cinerama.opera .contento::after {
    display: block;
    padding-bottom: 0;
    content: '';
}
ul.cinerama.opera > li > article > a > div.contento {
    padding: 0;
    background-color: darkgray;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-top: 9px;
    }

ul.cinerama.opera > li > article > a > div.contento > div {
	position: relative;
    padding: 18px;
    min-height:50vw;
}
    
ul.cinerama.opera > li > article > a > div.contento > div {
	flex-direction:column;
	-webkit-flex-direction:column;
}
.opera .testo {
	font-size: 15px;
}
ul.cinerama.opera > li > article > a > div.contento > div > *,
ul.cinerama.opera > li > article > a > div.contento > div > .testo > * {
	text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 9px;
    margin-bottom: 9px;
    color:black;
}
ul.cinerama.opera > li > article > a > div.contento > div > .testo {
    margin-top: 0;
    margin-bottom: 0;
}
ul.cinerama.opera > li > article > a > div.contento > div > :nth-child(1),
ul.cinerama.opera > li > article > a > div.contento > div > .testo > :nth-child(1) {
    margin-top: 0;
}
ul.cinerama.opera > li > article > a > div.contento > div > :nth-last-child(1),
ul.cinerama.opera > li > article > a > div.contento > div > .testo > :nth-last-child(1) {
    margin-bottom: 0;
}
ul.cinerama.opera > li > article > a > div.contento > div > :empty:not(.leggi-tutto) {
	display:none;
}
ul.cinerama.opera div.testo { 
	justify-content: flex-start;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: column;	
	min-width: 100%;
	display: inline-table;
}
.cinerama.opera .leggi-tutto {
	flex:0;
	-webkit-flex:0;
	font-size: 15px;
	font-style: italic;
}
.cinerama.opera .tassonomie {
	flex:1;
	-webkit-flex:1;
}
.cinerama.opera > li > article > a:hover > .leggi-tutto {
	color:darkcyan;
	text-decoration:underline;
}

.opera .leggi-tutto::after {
    content: '';
    display: inline-block;
    width: 80px;
    height: 26px;
    position: absolute;
    background-image: url(img/leggi-opera.png);
    background-size: 80px 4px;
    background-repeat: repeat-x;
    background-position: 0;
    margin-left: 9px;
    margin-top: 0px;
}

ul.opera > li:hover .leggi-tutto::after {
	animation: ScorriOpera 1s ease 1;
    -webkit-animation: ScorriOpera 1s ease 1;
    -moz-animation: ScorriOpera 1s ease 1;
    -o-animation: ScorriOpera 1s ease 1;
    }
@keyframes ScorriOpera {
    0% {
        background-position: 0px;
    }

    100% {
        background-position: 80px;
    }
}
.opera .leggi-tutto:before {
    content: 'Vedi';
}
.opera .tasso {
    text-transform: uppercase;
    color: black;
    font-family: Arial;
}
.opera .tasso::after {
    content: ', ';
}
.opera .tasso:nth-last-child(1)::after {
    content: '';
}

.opera h2 {
	font-size: 20px;
}