.movie-item{
	margin 				: 0px 0px 15px 0px;
	width				: 180px; /* 165+padding*/
	padding-right		: 15px;
	position			: relative;
}
.movie-item.smaller{
	width				: 140px; 
	height				: 202px;
}

.movie-main-content hr{ 
	border: 0px; 
	border-top: 1px dotted rgba(0,0,0,0.7); 
}

@media (max-width: 1023px){
	
	.movies-page h1.header-link.first{
		margin: 40px 0px 20px 0px;
	}
	.movies-page h1.header-link{
		margin: 0px 0px 40px 0px;
	}
	.movies-page h1.header-link.first.dimmed{
		margin: 40px 0px 20px 0px;
	}
	.movies-page h1.header-link.dimmed{
		margin: 0px 0px 40px 0px;
	}
	
	.movies-page h1.divider{
		display				: none;
	} 
	.new-movies-container{
		display				: none;
	}
	.movie-item{
		display				: block;
		margin 				: 0px auto 0px auto;
		padding-right		: 0px;
		width				: 100%;
		max-width			: 400px;
		float				: none;
	}
}


.movies.frontpage .movie-item{
	margin				: 0px 20px 0px 0px;
	padding				: 0px;
	display				: inline-block;
}


section.movies.public-frontpage{
	text-align			: left;
}
.public-frontpage .movie-item{
	margin 				: 0px 0px 20px 0px;
	width				: 185px; /* 165+padding*/
	padding-right		: 2%
}
.public-frontpage .movie-item.last-of-row{
	padding-right		: 0px;
	width				: 165px;		
}

.movies.old .movie-item{
	float				: none;
	width				:100%;
}
.movies.old .movie-item h4{
	font-size			: 20px;
	text-align			: left;
	vertical-align		: middle;
}


.arrow-letter{
	display				: none;
}
.movies.old .movie-item .arrow-letter{
	display				: inline-block;
	vertical-align		: middle;
	font-size			: 34px;
	margin-right		: 8px;
	margin-top			: -12px;
}


/*----------------
 Alphabets
-----------------*/
.alphabets-selector{
	font-family			: Montserrat,sans-serif;
	font-size			: 22px;
	margin				: 0px 0px 35px 0px;
}
.alphabets-selector .alphabets-selector-item{
	display				: inline-block;
	margin				: 0px 10px 0px 0px;
}
.alphabets-selector .alphabets-selector-item:hover{
	text-decoration		: underline;
}

.alphabets-selector .alphabets-selector-item.selected{
	text-decoration		: underline;
}
/*----------------
 Figure
-----------------*/
.movie-item figure{
	position				: relative;
	width					: 165px;
	height					: 264px;
}
.movie-item.smaller figure{
	width					: 140px;
	height					: 202px;
	
}
.movies.old .movie-item figure{
	display					: none;
}
.movie-item figure img{
	display					: none;
}
.movies.old .movie-item figure img{
	width					: 100%;
	height					: auto;
	display					: none;
}

@media (max-width: 1023px){

	.movie-item figure{
		margin				: 0px auto 0px auto;
		width				: 90%;
		max-width			: 400px;
		height				: auto;
		background-image	: none;
	}
	.movie-item figure img{
		display				: block;
		width				: 100%;
		height				: auto;
	}
	.movie-item figure.no-image{
		padding-bottom		: 120%
	}
}

section.movies{
	text-align			: center;
}
section.movies .movie{
	width				: 135px;
	height				: 202px;
}


h1.letter-divider{
	clear				: both;
	padding				: 20px 20px 20px 0px;
	text-align			: left;
	
}


	
.movie-page figure.movie-poster.no-image{
	display:none;
}

.movie-item a{
	color			: #0d0d0d;	
}
h2.movie{
	margin			: 0px 0px 35px 0px;
	
}
.movie-item h4{
	margin			: 5px 0px 15px 0px;
	font-size		: 14px;
}

@media (max-width: 1023px){
	.movie-item h4{
		font-size		: 15px;
		margin			: 10px 0px 15px 0px;
	}
}


.movies-page h1.dimmed{
	color 			: #8f8f8f;
	font-size		: 18px;
	font-weight		: 400;
}
.movies-page h1.dimmed .material-icons{
	font-size		: 28px;
	margin-top		: -2px;
}

.movies-page .admin-tools{
	position		: absolute;
	right			: 0px;
	top				: 10px;
	z-index			: 20;
	margin-top		: 0px !important;
}

/*------------------------
 Movie page
-------------------------*/
.movie-page .illustration figure{
	width				: 100%;
	min-height			: 200px;
}
.movie-page .illustration figure img{
	width				: 100%;
	height				: auto;
}
.movie-page .illustration figure.has-trailer img{
	display				: none;
}

@media (max-width: 1023px){
	movie-page .illustration figure{
		background-image: none;
	}
	.movie-page .illustration figure.has-trailer img{
		display			: block;
	}
}

/* are these used? */
.movie-page .movie-poster-container{
	min-height			: 200px;

	background-color	: red;
}
.movie-page .movie-poster-container figure{
	background-color	: white;
	min-height			: 200px;
}
/*---------------------*/

.movie-page .videoplayer{
	width				: 100%;
	min-height			: 200px;
	background-color	: black;
}
.movie-page .videoplayer iframe{
	width				: 100%;
	height				: 100%;
}
.movie-page header{
	margin-top			: 20px;
}
.movie-page h1{
	margin-top			: 0px;
	margin-bottom		: 45px;
	font-size			: 45px;
}
@media (max-width: 1023px) {
	.movie-page h1{
		font-size		: 32px;
	}
}

.movie-page h1.symbols-below{
	margin-bottom		: 35px;
}

.movie-page h1 .original-title{
	text-transform		: none;
    font-size			: 20px;
    margin-top			: 15px
}

.pegi_container{
	margin-bottom		:45px;
}
.pegi_container .pegi-symbol{
	width				: 45px;
	height				: 45px;
	vertical-align		: top;
	margin-left			: 5px;
}

.movie-page header h3{
	margin-bottom		: 20px;
}

.movie-page .description .content h1{
	font-size			: 24px;
	margin 				: 40px 0px 10px 0px;
}
.movie-page .description .content h4{
	margin				: 50px 0px 15px 0px;
	font-size			: 16px;
}


.movie-page .meta-items{
	margin-top			: 40px;
	padding-left		: 15px;
}
@media (max-width: 1023px) {
	.movie-page .meta-container{
		padding-right		: 0px;
		margin-bottom		: 20px;
	}
	.movie-page .meta-items{
		padding-left		: 0px;
		margin-top			: 0px;
		
	}
}
.movie-page .meta-items section{
	clear				: both;
	margin-bottom		: 0px;
	overflow			: visible;
	padding-bottom		: 15px;
	margin-top			: 10px;
}
.movie-page .meta-items label{
	font-weight			: 600;
	display				: block;
	float				: left;
	width				: 140px;
	margin-bottom		:0px;
}
.movie-page .meta-items .content{
	font-weight			: 400;
	display				: block;
	clear				: both;
	float				: left;
	overflow			: hidden;
	margin-top			: 5px;
	margin-bottom		: 25px;
}

.movie-page .content.movie-main-content p{
	margin-bottom		:10px;
}
	
}