/* CSS Document */

#spettacoli { margin-top:10px; }

.avvisi {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	width: 90%;
	border: 1px solid #CC2229;
	color: #CC2229;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}

.altricinema {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: 90%;
	background-color: #0072ce;
	color: #fff;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	max-height:80px;
}


.date div.box { margin:auto; margin-bottom:10px; }
.date div.data { text-align:center; margin:auto;}
.date div a {
	font-size: 14px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	 width:75px;
	background-color: #0072ce;
	color: #fff;
	border: 1px solid #0072ce;
	margin-right:20px;
	display:inline-block;
	float:left;	
	}

.date div a:hover, .date div a.selez {
	color: #0072ce;
	background-color: #fff;
	text-decoration:none;
}

#copertina  {
	width: 100%;
	height: 80vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	
}



#copertina h2 { left:5%; position:absolute; top:auto; bottom:20px; font-size:60px; z-index:999; line-height:70px; font-family: 'Abril Fatface', display; width:70%; text-shadow: 2px 2px 4px rgba(0,0,0,0.83); color:#fff; }

.scheda { padding-top:30px; min-height:60vh; }

.scheda .locandina {
	height: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 80%;
}

.scheda .locandina img { width:80%; height:auto; }

.scheda h3, #spettacoli h3 {
	font-weight: 400;
	font-style: normal;
	font-family: 'Abril Fatface', display;
	color: #666666;
	font-size: 28px;
	line-height: 1.5;	
}

#spettacoli h3  { font-size:30px; text-align:center; }

.scheda h4 {
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0px;
	color: #999;
	
}

.scheda h5 { text-align:center; text-transform:uppercase; color:#CC2229 }


.scheda .orario { margin-top:20px; text-align:center;margin-bottom: 10px;}
.scheda .orario span {
	font-size: 16px;
	line-height: 20px;
	padding:8px;
	letter-spacing: 0px;
	color: #FFF;
	background-color: #0072ce;
}

.scheda .orario a:hover span.rounded {
	background-color: #FFF;
	color: #0072ce;
}

.scheda .orario .biglietto { font-size:12px; line-height:16px; margin-top:10px; }

.scheda .wrapper { padding:8px; }
.scheda p { font-size:16px; line-height:20px; }

.scheda .testofilm strong {
	clear: both;
	display: block;
	margin-bottom: 3px;
	padding-bottom: 3px;
	position: relative;
	z-index : 1;
	font-weight: 500;
	color:#0072ce;
}

.scheda .testofilm strong:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 150px;  /* or 100px */
  border-bottom:1px solid #ccc;
}

#video {
  position: relative;
  background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
  width: 100%;
  height:80vh;
}

#video img,
#video iframe { display: block; }



#play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url('../img/play-button.png') no-repeat 50% 50%;
  background-size: auto, cover;
  z-index: 9999;
}

#play:hover { background-color: rgba(0,0,0,0.2) !important; }

@media only screen and (max-width: 800px) {
	

	

#copertina h2 { bottom:10px; font-size:40px; z-index:999; line-height:45px; }

.scheda.spettacolo .locandina { order:2; -webkit-order:-1; }
.scheda.spettacolo .info { order:1; -webkit-order:-2; }


}