/* @override http://cineteatrosantimoteo.com/wp-content/themes/boilerplate/style_device_common.css */

* {
	
}
:root{
	--bs-primary: maroon;
}
body {
	color: white;
	background: #1a1a1a no-repeat;
	margin: 0;
	padding: 0;
	font: 16px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a {
	color: white;
	text-decoration: underline;
}

a:visited {
	color: white;
	text-decoration: underline;
}

a:hover {
	color: #cc9;
}

h2 {
	
}

p {
	margin-bottom: 10px;
	font-size: 16px;
}
span, .badge{
	font-size: 15px;
}
img {
	
}

#wrapper {
	background: url(../images/background.jpg) no-repeat;
	width: 100%;
	min-height: 650px;
	background-size: cover;
	margin: -200px auto 0;
}
.home #wrapper {
	background-size: contain;
}
.single #wrapper {
	background-size: contain;
}
/*main menu header*/
#access, .audio-link-wrapper, .acquisto-link-wrapper{
	padding-top: 10px;
	line-height: 42px;
}
.social-link-wrapper a i{
	width: 42px;
	height: 42px;
	margin-right: 20px;
	line-height: 42px;
	text-align: center;
	border: 1px solid white;
	border-radius: 100%;
	font-size: 17px;
	margin-top: 20px;
}
.acquisto-link{
	width: 200px;
	text-align: center;
	border: 1px solid white;
	font-size: 17px;
	text-transform: uppercase;
	border-radius: 25px;
	padding: 5px 0px;
	text-decoration: none!important;
	font-weight: bold;
}
.audio-link-wrapper a:hover, .social-link-wrapper a:hover, .acquisto-link-wrapper a:hover{
	cursor: pointer;
}
#access a {
	text-decoration: none;
	text-transform: uppercase;
}
#access li {
	font-weight: bold;
}
#access ul#menu-principale{
	margin-left: 0!important;
}
#logo-cinema{
	height: 120px;
	width: 100%;
}
.header-wrapper{
	background-color: black;
	padding: 20px;
	width: 100%;
}
.logo-movie-reading{
	margin-right: 0!important;
}



#titolo, #descrizione {
	visibility: hidden;
	display: none;
}
#prossimamente, #programmazione{
	background-color: rgba(0,0,0,0.75);
	position: relative;
	border-radius: 15px;
}
#programmazione img{
	margin: auto;
	display: block;
	margin-bottom: 20px;
	width: 250px;
}
#prossimamente img{
	width: 100px;
	max-height: 200px;
}
#programmazione img, #prossimamente img{
	height: auto;
	border: 2px solid white;
}
#programmazione h5{
	min-height: 60px;
}
#prossimamente h5{
	min-height: 80px;
}
.single-film-wrapper{
	background-color: rgba(255,255,255,0.2);
	border-radius: 15px;
	margin-top: 70px;
	height: 95%;
}
.single-film-wrapper a{
	text-decoration: none;
}
.single-film-wrapper a:hover{
	color: white;
}
#prossimamente .single-film-wrapper{
	padding: 20px;
}
@font-face{
	font-family: "Showtime";
	src: url(../font/Showtime.ttf) format('truetype');
}
#prossimamente h2, #programmazione h2{
	font-family: 'Showtime';
	font-size: 40px!important;
	letter-spacing: -3px;
}
#programmazione h2{
	transform: rotate(+7deg);
	position: absolute;
	display: inline-block;
	top: -70px;
	right: -30px;
	background-image: url(/wp-content/themes/boilerplate/images/programmazione.svg);
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 330px;
	height: 140px;
}
#prossimamente h2{
	transform: rotate(-7deg);
	position: absolute;
	display: inline-block;
	top: -70px;
	left: -30px;
	background-image: url(/wp-content/themes/boilerplate/images/prossimamente.svg);
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 330px;
	height: 140px;
}
#programmazione .orari-spettacoli, #prossimamente .orari-spettacoli{
	min-height: 80px;
}
#prossimamente .protagonisti, #programmazione .protagonisti{
	min-height: 30px;
}
.acquista-biglietti a{
	background-color: maroon;
	border-color: maroon;
}
.acquista-biglietti a:hover{
	border-color: maroon;
	background-color: white;
	color: maroon;
}
#prossimamente .orari-spettacoli span{
	font-size: 12px!important;
}
.orari-spettacoli span{
	background-color: dimgray!important;
}
.movie-title{
	min-height: 62px;
}
/*single page*/
.trailer-wrapper{
	border: 2px solid white;
}
.trailer-wrapper iframe{
	width: 100%;
}
.film-header .acquista-biglietti{
	float: right;
}
.trama-wrapper, .film-details-wrapper{
	background-color: rgba(0,0,0,0.75);;
}
.trama{
	background-color: rgba(255,255,255,0.2);
	border-radius: 15px;
}

#programmazioneDaNonPerdere {
	background: url(../images/Sfondo-Programmazione-DaNonPerdere.png) -10px;
}

#daNonPerdere {
	width: 1000px;
	min-height: 380px;
	background: url(../images/Sfondo-DaNonPerdere.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	padding-top: 65px;
}

#QuestoMese, #Prossimamente {
	width: 1000px;
	min-height: 380px;
	background: url(../images/Sfondo-QuestoMese.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	padding-top: 0;
}

#ArchivioMensile
 {
}

#Prossimamente {
	padding-top: 65px;
	background: url(../images/Sfondo-Prossimamente.png) no-repeat;
}

.Prossimamente {
	padding-top: 75px;
	background: url(../images/Sfondo-Prossimamente.png) no-repeat -100px 0;
	margin-left: -30px;
	padding-left: 25px;
}

#programmazione .colonna1 h3, #daNonPerdere colonna1 h3, #programmazioneDaNonPerdere colonna1 h3 {
	font-size: 17px;
}

#programmazione .colonna2 h3, #daNonPerdere colonna2 h3, #programmazioneDaNonPerdere colonna2 h3 {
	font-size: 13px;
}

#programmazione .colonna1, #programmazioneDaNonPerdere .colonna1 {
	width: 450px;
	margin-left: 140px;
	height: 360px;
	padding-top: 60px;
	float: left;
}

#programmazione .colonna2, #programmazioneDaNonPerdere .colonna2 {
	width: 260px;
	height: 360px;
	float: left;
	padding-top: 60px;
}

#daNonPerdere .colonna1 {
	width: 450px;
	margin-left: 140px;
	height: 360px;
	padding-top: 0;
	float: left;
}

#daNonPerdere .colonna2 {
	width: 260px;
	height: 360px;
	float: left;
	padding-top: 0;
}

#programmazione .colonna2 p, #daNonPerdere .colonna2 p, #programmazione .colonna2 p, #programmazioneDaNonPerdere .colonna2 p {
	padding: 0;
	margin: 0;
}

#programmazione div.colonna1 div.locandina a img, #daNonPerdere div.colonna1 div.locandina a img, #programmazioneDaNonPerdere div.colonna1 div.locandina a img {
	width: 214px;
	height: 300px;
}

#programmazione div.colonna1 div.locandina, #daNonPerdere div.colonna1 div.locandina, #programmazioneDaNonPerdere div.colonna1 div.locandina {
	float: left;
}

#programmazione div.colonna1 div.film, #daNonPerdere div.colonna1 div.film, #programmazioneDaNonPerdere div.colonna1 div.film {
	float: left;
	width: 210px;
	margin-left: 10px;
	height: 360px;
}

#programmazione div.colonna2 div.locandina a img, #daNonPerdere div.colonna2 div.locandina a img, #programmazioneDaNonPerdere div.colonna2 div.locandina a img {
	width: 100px;
	height: 135px;
}

#programmazione div.colonna2 div.locandina, #daNonPerdere div.colonna2 div.locandina, #programmazioneDaNonPerdere div.colonna2 div.locandina {
	float: left;
}

#programmazione div.colonna2 div.film, #daNonPerdere div.colonna2 div.film, #programmazioneDaNonPerdere div.colonna2 div.film {
	float: left;
	width: 150px;
	margin-left: 10px;
	font-size: 11px;
	height: 180px;
	overflow: hidden;
}

#QuestoMese div.griglia-wrapper, .layoutGriglia div.griglia-wrapper, #Prossimamente div.griglia-wrapper {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#programmazioneDaNonPerdere div.colonna1 div.griglia-wrapper {
	width: 470px;
	margin-left: -15px;
	margin-top: 5px;
}

body.single div.layoutGriglia div.griglia h3 {
	text-align: center !important;
}

#QuestoMese div.griglia, .layoutGriglia div.griglia, #Prossimamente div.griglia {
	margin: 0 15px;
	padding: 0;
	float: left;
	width: 150px;
	font-size: 11px;
	line-height: normal;
	height: 500px;
}

body.single div.layoutGriglia div.griglia {
	margin: 0 10px 10px 0;
	padding: 0;
	width: 100px;
	line-height: normal;
	height: 200px;
	font-size: 11px;
}

#QuestoMese div.griglia h3, .layoutGriglia div.griglia h3, #Prossimamente div.griglia h3 {
	font-size: 13px;
	height: 30px;
}

#QuestoMese div.griglia div.locandina, .layoutGriglia div.griglia div.locandina, #Prossimamente div.griglia div.locandina {
	text-align: center;
	padding: 0;
	margin: 0 0 5px;
}

#QuestoMese div.griglia div.locandina img, .layoutGriglia div.griglia div.locandina img, #Prossimamente div.griglia div.locandina img {
	width: 150px;
	height: 214px;
}

div.layoutGriglia div.griglia-wrapper div.griglia div.locandina img {
	width:  100px;
	height: 135px;
	
}

#QuestoMese div.griglia div.film, .layoutGriglia div.griglia div.film, #Prossimamente div.griglia div.film {
	float: left;
}

#QuestoMese div.griglia-wrapper div.navigazioneMesi h2, .layoutGriglia h2 {
	font-size: 20px;
	text-align: left;
	margin-bottom: 25px;
	padding-right: 10px;
	padding-left: 210px;
	padding-top: 10px;
}

body.single #programmazioneDaNonPerdere {
	margin-left: -133px;
	margin-bottom: 50px;
}

#programmazioneDaNonPerdere div.colonna1 div.griglia-wrapper div.griglia div.locandina a img {
	width: 100px;
	height: 135px;
}

#navigazione {
	text-align: center;
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

#navigazione ul {
	list-style-type: square;
	list-style-position: inside;
	padding: 0;
	margin: 0;
}

#navigazione ul li {
	float: left;
	padding-left: 10px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#navigazione ul li.first {
	list-style-type: none;
}

#questoMese {
	text-align: center;
}

#mano {
	width: 150px;
	padding-left: 45px;
	text-align: right;
	float: left;
}

#bottoneQuestoMese {
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding-left: 10px;
}

/*footer*/
#footer-wrapper{
	margin-top: 30px;
}
#footer{
	background-color: rgba(255,255,255,0.1);
	border-radius: 25px;
	padding:30px
}
#footer ul#menu-footer{
	margin-left: 0px!important;
}
.logo-audio{
	height: 60px;
	margin-right: 15px;
}
#footer .footer-info-wrapper{
	border-right: dotted;
}
#footer li a{
	text-decoration: none;
	text-transform: uppercase;
}
ul#menu-footer li.current_page_item a {
	text-decoration: none;
	color: #cc9;
}
.movie-reading-wrapper{
	padding-left: 20px;
}
#logo-footer img.campanile{
	height: 150px;
}

div.entry-content a {
	color: white !important;
}

.clearfix {
	float: none;
	clear: both;
}

#content {
	padding: 10px 20px 20px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-top: 300px;
}

/*.home #content, .page-id-1623 #content  {
	width: auto;
	background-color: transparent;
	padding: 0;
	height: auto;
	margin: 0;
}*/

h2.entry-title {
	font-size: 17px;
	border-top: 1px dotted #663;
	padding-top: 5px;
	padding-bottom: 5px;
}

.single h1, h1.entry-title, #content h1 {
	font-size: 30px;
}

.category .post {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

div.entry-summary div.locandina a img {
	float: right;
	display: inline-block;
	height: 214px;
	margin: 0 20px 20px 0;
	width: 150px;
}

textarea, input {
	background-color: black;
	color: white;
	border: 1px solid gray;
}
.navbar-dark .navbar-toggler {
	border-color: transparent!important;
}
.navbar ul li.current-menu-item a {
	color: white !important;
	font-weight: 800 !important;
}