@charset "UTF-8";
/* CSS Document */



	/* overrides */

	/*						*/	
	/*						*/	
	/* VIDEO            	*/
	/*						*/	
	/*						*/	
	
	section.movie {
		width: 100vw;
		margin-top: 50vh;
		margin-bottom: 50vh;
	}
	section.movie .mirror {
		position: relative;
		left: 50%;
		transform:translateX(-50%);
	}
	section.movie .preview {
		position: relative;
		height: 700px;
		
	}
	section.movie .preview figure {
		display: block;
		position: absolute;
		inset: 0;
		margin: 0 0 25px 0;
		padding: 0;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
	}
	section.movie .preview figure .poster-cover {
		position: absolute;
		background: linear-gradient(45deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%), 
		            linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%),
					linear-gradient( 0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0)  30%);
		width: 100%;
		height: 100%;
		background-color: #862E3055;
	}

	
	section.movie .preview figure iframe {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0; padding: 0;
		border: none;
	}
	section.movie[data-poster="1"] iframe { display: none; }
	
	section.movie .preview figure     { z-index: 100; }
	section.movie .preview figcaption { z-index: 120; }
	

	/* copies */
	
	.preview figcaption {
		position: relative;
		left: 50px;
		top: 50%;
		transform:translateY(-50%);
	}
	.preview figcaption p.h4 {
		font-size: 1.5rem;
		text-transform: uppercase;
	}
	.preview figcaption  h3 {
		font-size: 5rem;
		font-weight: normal;
		text-transform: uppercase;
		margin-top:30px;
	}
	.preview figcaption .short-description {
		width: 50%;
		margin-bottom: 40px;
		font-size: 1.5rem;
		line-height: 1.3;
		display: -webkit-box;
		        line-clamp:3;
		-webkit-line-clamp:3;
		        box-orient: vertical; 
		-webkit-box-orient: vertical; 
		overflow: hidden;
	}
	
	/* categories */

	.preview figcaption ul.categories {
		display: inline-block;
		margin: 0;
		font-size:   1.3em;
		line-height: 1.2;
	}
	.preview figcaption ul.categories > li {
		display: inline-block;
		list-style: none;
		vertical-align: top;
		color: white;
		padding: 5px 0;
		margin: 0 5px 0 0;
		text-transform: uppercase;
	}

	/* prizes */
	
	.preview figcaption ul.prizes {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 8px;
		font-size: 0.5em;
		line-height: 2.4;
	}
	.preview figcaption ul.prizes li {
		display: inline-block;
		list-style: none;
		vertical-align: top;
		background-color: var(--brand_color);
		color: black;
		padding: 5px 15px;
		margin: 0 0 0 5px;
		font-style: normal;
	}
	
	/* tags */

	.preview figcaption ul.tags {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 15px;
		line-height: 20px;
		overflow: hidden;
	}
	.preview figcaption ul.tags > li {
		display: inline-block;
		list-style: none;
		vertical-align: top;
		color: white;
		padding: 5px 0;
		margin: 0 5px 0 0;
		font-size: 1.0rem;
	}
	.preview figcaption ul.tags > li:before {
		content:"•";
		display: inline-block;
		position: relative;
		margin:0 12px 0 5px;
		padding: 0;
		line-height: 1.1;
		color: var(--brand_color);
	}
	.preview figcaption ul.tags > li:first-child:before { display: none; }

	/* buttons and ratings */

	.preview .buttons-and-ratings {
		margin: 35px 0 15px 0;
	}
	
		/* play movie button */

		a.play-movie-button {
			display: inline-block;
			vertical-align: top;
			color: var(--brand_color);
			border: 3px solid var(--brand_color);
			padding: 0 30px 0 30px;
			text-decoration: none;
			font-size: 1.5rem;
			line-height: 50px;
			height:      45px;
			overflow: hidden;
		}
		a.play-movie-button i {
			float: right;
			font-size: 2.5rem;
			line-height: 45px;
			margin-left: 15px;
			pointer-events: none;
		}
		a.play-movie-button i:before { content:"\EC25"; }
		a.play-movie-button em {
			font-style: normal;
			text-transform: uppercase;
			line-height: 50px;
		}
	
	/* add to favourites */
	
		a.add-to-favourites {
			display: inline-block;
			vertical-align: top;
			color: var(--brand_color);
			text-decoration: none;
			font-size:   36px;
			line-height: 50px;
			height:      50px;
			margin: 0 0 0 30px;
		}
		a.add-to-favourites i {
			font-size: inherit;
			line-height: inherit;
			height: inherit;
			transform:scale(1.0,1.0); 
			transition: transform .25s ease, color .25s ease, text-shadow .125s ease;
			pointer-events: none;
		}
		section.movie[data-favourite="adding"] a.add-to-favourites,
		li.video[data-favourite="adding"] a.add-to-favourites {
			transform:scale(1.5,1.5); 
			text-shadow: 0 0   5px var(--brand_color),
			             0 0  10px var(--brand_color),
						 0 0  15px var(--brand_color),
						 0 0  30px var(--brand_color),
						 0 0  60px var(--brand_color),
						 0 0  90px var(--brand_color);
			color:white;
			transition: transform .25s ease, color .125s ease, text-shadow .05s ease;
		}
		section.movie[data-favourite="1"] a.add-to-favourites,
		li.video[data-favourite="1"] a.add-to-favourites {
			transform:scale(1.0,1.0); 
			transition: transform 0.25s ease, color 0.25s ease, text-shadow 0.25s ease;
		}
		                                       a.add-to-favourites i:before { content:"\EA43"; }
		section.movie[data-favourite="adding"] a.add-to-favourites i:before { content:"\EA45"; }
		     li.video[data-favourite="adding"] a.add-to-favourites i:before { content:"\EA45"; }
		section.movie[data-favourite="1"]      a.add-to-favourites i:before { content:"\EA45"; }
		     li.video[data-favourite="1"]      a.add-to-favourites i:before { content:"\EA45"; }



	/* info */
	
	.info {
		position: relative;
		left: 50px;
	}
	.info .columns {
		margin: 0; padding: 0; font-size: 0; line-height: 0;
	}
	.info .column {
		display: inline-block;
		vertical-align: top;
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.info .column:nth-child(1) { width: calc(70% - 30px); padding-right: 30px; }
	.info .column:nth-child(2) { width: 30%; }
	
	.info .column ul.stats {
		display: block;
		margin: 0;
		padding: 0;
		font-size: 1.0rem;
	}
	.info .column ul.stats > li {
		display: inline-block;
		margin-right: 25px;
	}
	.info .column ul.stats > li em   { display:block; font-weight: bold; font-style: normal;}
	.info .column ul.stats > li span { display:block; font-size: 1.5rem; }

	/* subtitle */
	
	.info h4 {
		margin-bottom: 10px;
		font-size: 1.5rem;
	}
	.info p.full-description {
		margin-bottom: 10px;
		font-size: 1.5rem;
	}
	.info p.cast {
		margin-bottom: 10px;
		font-size: 1.3rem;
		text-transform: uppercase;
	}


	/* responsives */

	@media screen and (min-width:600px) and (max-width:899px) {
		main section.faq .mirror,
		section.registration .mirror,
		section.profile .mirror,
		section.favourites .mirror,
		section .mirror {
			left: 50%;
			min-width: calc(100vw - 150px);
			max-width: 100%;
		}
	}

	@media screen and (min-width:0px) and (max-width:599px) {
		/*
		main section.faq .mirror,
		section.registration .mirror,
		section.profile .mirror,
		section.favourites .mirror,
		section .mirror {
			left: 50%;
			min-width: calc(100vw - 80px);
			max-width: 100%;
		}
		*/

		main section.faq ul { margin-left:0; }
		main section.faq ul li a i { top:15px; }
		
		/* Movie */
		
		section.movie .preview {
			position: relative;
			width: 100%;
			height: auto;
		}
		section.movie .preview figure {
			position: relative;
			aspect-ratio:16 / 12;
			margin-bottom: 3em;
		}
		.preview figcaption {
			left: 0;
			top: 0;
			transform:none;
			margin-top: -12em;
			text-align: center;
		}
		.preview figcaption h3 {
			font-size: 2.5rem;
			margin-top: 0.2em;
			margin-bottom:1.5em;
			text-align: center;
		}
		.preview figcaption p.h4 { text-align: center; }
		.preview figcaption ul.categories {
			text-align: center;
		}
		.preview figcaption .short-description {
			width: 100%;
			font-size: 1.1rem;
			margin-bottom: 15px;
			text-align: left;
			color: rgba(255,255,255,0.75);
		}
		.info {
			left: 0;
			margin-top: 45px;
		}
		.info .columns {}
		.info .columns .column {
			display: block;
		}
		.info .column:nth-child(1) {
			width: 100%;
			padding-right: 0;
		}
		.info .column:nth-child(1),
		.info .column:nth-child(2) {
			width: 100%;
		}
		.info .column ul.stats,
		.info .column ul.crew-members {
			font-size: 1.3rem;
			border: 1px solid rgba(255,255,255,0.3);
			margin-bottom: 25px;
		}
		.info .column ul.stats > li,
		.info .column ul.crew-members > li {
			display: block;
			margin-right: 0;
			padding-block: 10px;
			border-bottom: 1px solid rgba(255,255,255,0.3);
		}
		.info .column ul.stats > li:last-child {
			border-bottom: none;
		}
		.info .column ul.stats > li em,
		.info .column ul.crew-members > li em {
			display: inline-block;
			text-align: right;
			padding-right: 10px;
			font-size: 0.9rem;
			color: rgba(255,255,255,0.75);
			font-weight: normal;
			font-style: normal;
		}
		.info .column ul.stats > li em        { width: calc(40% - 10px); }
		.info .column ul.crew-members > li em { width: calc(40% - 10px); }
		
		.info .column ul.stats > li span,
		.info .column ul.crew-members > li span {
			display: inline-block;
		}
		.info .column ul.stats > li   em { letter-spacing: 0.5pt; }
		.info .column ul.stats > li span { letter-spacing: 1.5pt; }
		
		.info .column ul.stats > li[data-label="age-limit"] span {
			display: inline-block;
			position: relative;
			padding: 3px 15px 0 15px;
			border-radius: 15px;
			top: -2px;
			background-color: white;
			color: black;
			font-size: 1rem;
			font-weight: bold;
		}
		.preview figcaption ul.tags {
			text-align: center;
		}
		.preview .buttons-and-ratings {
			text-align: center; 
			transform: translateX(2.2em);
		}
		
		.info h4 {
			text-align: left; 
			margin-top: 15px;
		}
		.info small { display: none; }
		.info p.full-description {
			font-size: 1.1rem;
			color: rgba(255,255,255,0.75);
		}
		.info p.cast {
			font-size: 1.1;
			color: rgba(255,255,255,0.75);
		}

		
		
		
		/* Favourites: moved to favourites.css */
		

		
		
		
		/* Registration */
	
		section.registration h2 {
			padding-right: 0%;
		}
		.user-form .checkbox em {
			margin: 0 0 0 55px;
		}
		
		/* Profile mobile */
		
		section.profile .mirror .columns  {
		}
		section.profile .mirror .columns .column {
			display: block;
			width: 100%;
		}
		section.profile .mirror .columns .column:nth-child(1) {
			border-bottom:2px solid rgba(255,255,255,0.00);
			margin-bottom: 25px;
		}
		section.profile .mirror .columns .column:nth-child(1):before {
			display: none;
		}
		
		section.profile .mirror .columns .column ul.side-menus {
			margin: 0; padding: 0; font-size: 0; line-height: 0;
			width: 100%;
		}
		section.profile .mirror .columns .column ul.side-menus li {
			display: inline-block;
			position: relative;
			z-index: 10;
			height: auto;
			font-size: 1.3rem;
			line-height: 1.2;
			margin: 0 15px -2px 0;
		}
		section.profile .mirror .columns .column ul.side-menus li:nth-child(1) {
			color: var(--brand_color);
			border-bottom:2px solid var(--brand_color);
		}
		
		/* Favourites mobile */
		
		section.favourites .mirror .columns  {
		}
		section.favourites .mirror .columns .column {
			display: block;
			width: 100%;
		}
		section.favourites .mirror .columns .column:nth-child(1) {
			border-bottom:2px solid rgba(255,255,255,0.00);
			margin-bottom: 25px;
		}
		section.favourites .mirror .columns .column:nth-child(1):before {
			display: none;
		}
		
		section.favourites .mirror .columns .column ul.side-menus {
			margin: 0; padding: 0; font-size: 0; line-height: 0;
			width: 100%;
		}
		section.favourites .mirror .columns .column ul.side-menus li {
			display: inline-block;
			position: relative;
			z-index: 10;
			height: auto;
			font-size: 1.3rem;
			line-height: 1.2;
			margin: 0 15px -2px 0;
		}
		section.favourites .mirror .columns .column ul.side-menus li:nth-child(2) {
			color: var(--brand_color);
			border-bottom:2px solid var(--brand_color);
		}
	}