@import url(reset.css);
@import url(shop.css);

@font-face {
  font-family: 'icons';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/fontawesome-webfont.woff') format('woff'),
	   url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'ropa_sansregular';
    src: url('ropasans-regular-webfont.eot');
    src: url('ropasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ropasans-regular-webfont.woff') format('woff'),
         url('ropasans-regular-webfont.ttf') format('truetype'),
         url('ropasans-regular-webfont.svg#ropa_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Navigation */

.nav ul ul {
	display: none;
	}
	
	.nav ul li.mobileNav { /*Hidden icon for smaller screens */
		display: none;
	}
	
	.nav li {
		position: relative;
		text-align: left;
		}
		
	.nav li ul {
		position: absolute;
		top: 100%;
		left:-0.25em;
		z-index: 1;
		width: 200%;
		margin:0;
		padding:0;
		min-width: 150px;
		}
		
		.nav li ul li {
			padding: 0;
			margin: 0;
			display: block;
			}
			
			.nav li ul li a {
				padding: 0.5em;
				}
		
	.nav li:hover ul,
	.nav li:hover ul li:hover,
	.nav li ul:hover {
		display: block;
		}

/* Columns */

.col-3 {
	width: 25%;
	display: inline-block;
	float: left;
	clear:none !important;
	}
	
.col-6 {
	width: 80%;
	display: inline-block;
	float: left;
	clear: none !important;
	}

/* Forms */

legend {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 1em;
	}
	
label {
	line-height: 1;
	}

input, button, textarea {
	padding: 0.5em;
	vertical-align: baseline;
	border-radius: 4px;
	}
	
	[type=text],
	[type=password],
	textarea {
		min-width: 190px;
		}
		
	select {
		max-width: 175px;
		}
		
		.date select, .date input { min-width: 0; width: auto;}
	
	textarea {
		vertical-align: top;
		min-height: 3em;
		}

.label-left label {
	width: 150px;
	display: inline-block;
	text-align: right;
	padding-right: 10px;
	margin: 0.5em 0 0.5em -160px;
	}

.label-left {
	padding-left: 160px;
	clear: both;
	position: relative;
	}

.label-top,
.sidebar .label-left {
	padding-left: 0;
	clear: both;
	}

.label-top label,
.sidebar .label-left label {
	width: 100%;
	display: block;
	margin: 0.5em 0;
	text-align: left;
	}

.label-right { position: relative; }
.label-right label {
	margin-left: 165px;
	}
.label-right input {
	position: absolute;
	left: 160px;
	top: 0.3em;
	margin-left: -2em;
	}

.joined-left, button.joined-left {
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.joined-right, button.joined-right {
	-webkit-border-radius: 6px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-radius: 6px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

button.orange {
	border: none !important;
	background: url(../i/btn_email_bg.png) left center no-repeat;
}

button.blue {
	border: none !important;
	background: url(../i/btn_email_bgblue.png) left center no-repeat;
}

/* Mailing Forms */

body#Home form.signup .label-left, body#Home form#subForm .label-left, body#Home form#mc-embedded-subscribe-form .label-left{
	padding: 0;	
	}
	
body#Home form.signup p, body#Home form#subForm p, body#Home form#mc-embedded-subscribe-form p {
	float: left;
	margin-left:1em;
	}

body#Home form#subForm .label-left input {
	float: left;
	}

body#Home form.signup label, body#Home form#subForm label, body#Home form#mc-embedded-subscribe-form label {
	width: auto;
	display: block;
	text-align: left;
	margin: 0.5em 0;
	}
body#Home form.signup button, body#Home form#mc-embedded-subscribe-form button {
	margin-top: 2.4em;
	}
	
body#Home form#subForm button {
	margin-top: 0;
	}
	
/* Buttons */

.button, button {
	padding: 0.65em 0.5em;
	display: inline-block;
	border-radius: 0.2rem;
	height: auto;
	vertical-align: bottom;
	border: none;
	}
	
	.button:hover {
		text-decoration: none;
		}
	
	.checkout .button {
		padding: 0 0.5em;
		}
	
	.btn-purchase {
		font-size: 23px;
		padding: 10px 20px !important;
		float: left;
	}
	
	.checkout #total_price {
		font-size: 23px;
		vertical-align: middle;
	}

/* Fundraising */

body#Home div.fundingWrapper.igg {
		background: url(../i/fundingWrapper_igg.png) left top no-repeat;
}

body#Home div.fundingWrapper.ks {
		background: url(../i/fundingWrapper_ks.png) left top no-repeat;
}

/* Screenings */

table.screenings {
	width: 100%;
	}

.screenings th {
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 0.5em;
	}

.screenings tr:nth-child(2n) {
	background: rgba(0,0,0,0.05);
	}
	
	.screenings tr:hover {
		background: rgba(0,0,0,0.1);
		cursor: pointer;
		}

	
.screenings td, .screenings th {
	padding: 0.5em;
	}
	
.details td {
	box-shadow: inset 0 1em 1em -1em rgba(0, 0, 0, 0.3);
	}


ul.screenings {
	
}

.screening-widget {
	clear: both;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	list-style: none;
	float: left;
	width: 100%;
	}
	
	.screening-widget .button {
		text-transform: uppercase;
		}
	
	@media screen and (min-width:480px) {
	.limited .screening-widget {
		width: 20%;
		margin-right:1%;
		clear: none;
		padding: 1em;
		position: relative;
		min-height: 18em;
		}
	}
	
	.screening-widget .descriptor {
		font-size: 8px;
		font-size: 0.8rem;
		display: block;
		text-transform: uppercase;
		opacity: 0.66;
		font-weight: bold;
		margin-bottom: -0.8em;
		}
	.screenings .date {
		overflow: hidden;
		position: relative;
		}	
		
	.screening-widget .date {
		display: block;
		float: left;
		border-right: 1px solid rgba(255,255,255,0.3);
		text-align: center;
		font-weight: bold;
		margin-right: 1%;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.6;
		min-width: 10%;
		padding-bottom: 5px;
		padding-bottom: 0.5rem;
		min-height: 2.8em;
		}
		
		@media screen and (min-width:480px) {
		.limited .screening-widget .date {
			min-width: 50%;
			}
		}
		
		.screening-widget .month {
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 1.5;
			display: block;
			margin-top: -8px;
			margin-top: -0.8rem;
			}
			
		.screening-widget .time {
			font-size: 8px;
			font-size: 0.8rem;
			display: block;
			}
			
			@media screen and (min-width:480px) {
			.limited .screening-widget .time {
				display: block;
				margin-top: 0.5em;
				}
			}
			
	.screening-widget .venue, .screening-widget .venueMain {
		float: right;
		width: 87%;
		}
		
		@media screen and (min-width:480px) {
		.limited .screening-widget .venue, .screening-widget .venueMain {
			width: 100%;
			}
		}
		
		.details .screening-widget .venue, .details .screening-widget .venueMain {
			width: 66%;
			}
		
		.screening-widget .venue strong {
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 1.6;
				font-weight: bold;
				}
				
				@media screen and (min-width:480px) {
				.limited .screening-widget .venue strong {
					display: block;
					line-height: 1;
					margin-top: 0.5em;
					margin-bottom: 0.25em;
					}
				}
				
		.screening-widget .venue a, .screening-widget .venue p {
			font-size: 14px;
			font-size: 1.4rem;
			font-style: italic;
			line-height: 1.2;
			}
			
			@media screen and (min-width:480px) {
			.limited .screening-widget .venue a {
				width: 105%;
				display: block;
				}
			}
			
			.details .screening-widget .venue a {
				display: block;
				}
			
	.screening-widget .links {
		float: right;
		padding-top: 0.6em;
		clear:right;
		width: 87%;
		}
		
		@media screen and (min-width:480px) {
		.limited .screening-widget .links {
			position: absolute;
			top: 0;
			left: 50%;
			width: 30%;
			height: 35%;
			margin-left: 1em;
			padding: 1em;
			z-index: 1;
			overflow: hidden;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			transition: 0.3s;
			}
			
			.details .screening-widget .links {
				width: 66%;
				}
				
			.limited .screening-widget .links:hover {
				width: 130%;
				z-index: 2;
				box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.25);
				}
				
				.limited .screening-widget .links>* {
					opacity: 0;
					-webkit-transition-delay: 0.3s;
					-moz-transition-delay: 0.3s;
					transition-delay: 0.3s;
					-webkit-transition: 0.6s;
					-moz-transition: 0.6s;
					transition: 0.6s;
					}
				.limited .screening-widget .links:hover>* {
					opacity: 1;
					}

			
			.limited .screening-widget .links:before {
				content: "+";
				font-size: 5em;
				font-weight: bold;
				width: 1em;
				height: 1em;
				display: block;
				text-align: center;
				float: right;
				line-height: 1;
				margin-bottom: 1em;
				cursor: pointer;
				}
				
				.limited .screening-widget .links:hover:before {
					display: none;
					}
		}

.sold-out .date::after {
	content: "Sold Out";
	position: absolute;
	top: 0;
	left: 0;
	z-index:10;
	display: block;
	padding: 1em;
	background: black;
	color: white;
	width: 200%;
	box-sizing: border-box;
	text-align: center;
	-ms-transform: rotate(-45deg) translate(-10%,20%);
	-moz-transform: rotate(-45deg) translate(-10%,20%);
	-webkit-transform: rotate(-45deg) translate(-10%,20%);
	transform: rotate(-45deg) translate(-10%,20%);
	font-size: 8px;
	font-size: 0.8rem;
	margin-left: -50%;
	text-transform: uppercase;
	}
	
	.limited .sold-out .date::after {
		box-shadow: 0 0 1em black;
		-ms-transform: rotate(-45deg) translate(-10%,0%);
		-moz-transform: rotate(-45deg) translate(-10%,0%);
		-webkit-transform: rotate(-45deg) translate(-10%,0%);
		transform: rotate(-45deg) translate(-10%,0%);
		}

	table .sold-out .date::after {
		-webkit-transform: none;
		width: 33%;
		margin-left: 66%;
		font-size: 6px;
		font-size: 0.6rem;
		padding: 1em 0;
		}	
			
	.screening-widget .fb-like { top:0.25em; }
	.screening-widget .twitter-share-button { position: relative; top: 0.5em; }
	
	.details .screening-widget .location {
		width: 30%;
		float: left;
		padding: 1em;
		}
		
		.details .screening-widget .location iframe {
			width: 100%;
			}
	.details .screening-widget .more-info {
		width: 66%;
		float: right;
		margin-top: 20px;
		margin-top: 2rem;
		}

.past-screenings .booking { display: none;}

iframe.ScreeningMap {
	width: 100%;
	min-height: 400px;
}

/* Gallery & Press Room LEGACY */

.content ul.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}

	ul.gallery li {
		display: block;
		width: 150px;
		float: left;
		margin: 0 5px 5px 0;
	}
			
.content ul.gallery_big {
	list-style: none;
	padding: 0;
	margin: 0;
}
	
	ul.gallery_big li {
		display: block;
		float: left;
		margin: 0 5px 5px 0;		
		width: 280px;
	}
	
	
.content ul.press {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 60%;
	float: right;
}

	.content ul.press li {
		display: block;
		float: left;
		margin: 0 5px 5px 0;
		width: 200px;
	}

	
.footer ul li p {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-size: inherit;
}

.facebook_button, .twitter_button {
	display: inline-block;
	color: #fff;
	padding: 15px 15px 15px 43px;
	margin-right: 15px;
	line-height: 1.2em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none !important;
	}
	.facebook_button:hover, .twitter_button:hover {
		opacity: 0.8;
		}

.facebook_button_small, .twitter_button_small {
	display: inline-block;
	color: #fff;
	padding: 6px 10px 6px 34px;
	margin-right: 15px;
	line-height: 1.2em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	background-position-x: -7px !important;
	text-decoration: none !important;
}

.facebook_button, .facebook_button_small {
	background: url(/assets/shared/images/icons/btn_fb_bg.png) left center no-repeat;
	}
	
.twitter_button, .twitter_button_small {	
	background: url(/assets/shared/images/icons/btn_tw_bg.png) left center no-repeat;
	}
	
.dotted_bubble {
	border: 1px dotted; 
	padding: 5px;
	display: inline-block; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin: 0 5px 5px 0;
	}

/*-------------------------------------------------------
	Screening Room Header
-------------------------------------------------------*/


body#Digital .content.download {
	bottom: auto;
	position: auto;
	left: 0;
	right: 0;
	overflow: visible;
	top:auto;
	}
	
/* body#Digital #header h1 {
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
	margin: 0 auto 0 auto;
	background-position: 0 0;
	background-attachment: scroll;
	}	

body#Digital .header {
		position:absolute;
		top:0;
		left: 0;
		height:100px;
		right: 0;
		padding:0;
		margin: 0;
	}
	body#Digital .header h1 {
		position:absolute;
		top:0;
		left:0;
		right: 0;
		height:100px;
		padding:0;
		margin: 0;
		text-indent:-999em;
		display: block;
		} */



/* = Screening Room Layout elements
-------------------------------------------------------*/

body#Digital .content.streaming {
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 999999;
	}
	
body#Digital .content.streaming div.viewer {
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 250px;
	overflow: hidden;
	background-color: #000 !important;
	}
	
body#Digital .content.streaming div.extras {
	top: 0;
	bottom: 0;
	position: absolute;
	right: 0;
	width: 250px;
	padding-top: 10px;
	background-color: #000 !important;
	border-left: 1px solid #333;
	}
	
body#Digital div.extras a {
	display: block;
	margin: 0 5px 2px 10px;
	padding: 4px;
	font-size: 11px;
	background-color: #333;
	text-decoration: none;
	}

body#Digital div.extras a:hover {
	color: #000;
	background-color: #ddd;
	}


body#Digital div.extras h2, body#Digital div.extras h1 {
	display: block;
	padding: 3px 3px 3px 10px;
	font-size: 14px;
	text-transform: none;
	color: #666;
	}

body#Digital div.extras h1 {
	font-size: 22px;
	}

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

body#Digital div.viewer {
	right: 0;
	bottom: 100px;
	}

body#Digital div.extras {
	top: auto;
	bottom: 0;
	left:0;
	width: auto;
	height: 100px;
	overflow: auto;
	padding-top: 10px;
	}
}

/* Download page only */
body#Digital div.content.download { 
	width: 920px;
	margin: 40px auto 0 auto;
	text-align: center;
	}

/* Watch Page */

ul.WatchList {
	list-style: none;
	width: 100%;
	text-align: center;
}

ul.WatchList li {
	width: 21%;
	margin: 0 3% 10px 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

ul.WatchList li img {
	max-width: 120px;
	max-height: 80px;
}

ul.WatchList li p.watchTitle, ul.WatchList li div.productRights a {
	font-size: 21px;
}
ul.WatchList li p.watchDesc {
	font-size: 12px;
	width: 70%;
	display: block;
	margin: 0 auto 0 auto;
}


.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* Slideshow */
.slideshow { overflow:hidden; height: 100%; width: 100%; position: fixed; top: 0; left: 0;}
.slideshow li { 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				z-index: 1;
				-ms-transition: 2s;
				-moz-transition: 2s;
				-webkit-transition: 2s;
				transition: 2s;
				text-align: center;
				background: center center no-repeat;
				background-position: center center;
				background-origin: padding-box;
				background-size: cover;	
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;  
				}
.slideshow .current { z-index: 2}

/*Fade*/
.slideshow.fade li { opacity: 0;}
.slideshow.fade .current { opacity: 1;}

/* Video Background */

.video-background {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
/* 	z-index: -1000; */
}
.video-background video {
	min-height: 100%; 
	min-width:100%; 
}
#control {
	position: absolute;
	right: 20px;
	z-index: 10000;
}

/* Background random - caption */

li#caption {
	position: fixed;
	right: 20px;
	z-index: 999999;
	opacity: 0.6;
	}
	
span.bg_caption {
	display: none;
	right: 0;
	width: 20%;
	padding: 10px;
	position: fixed;
}


/* Modules -------------------------------------------------------------------------------------------------------------------------------------------- */

/* Gallery */

div.group .galleryModule ul.gallery li {
	display: block;
	width: 32%;
	float: left;
	margin: 0 1% 1% 0;
}	
	div.group .galleryModule ul.gallery li img {
		width: 100%;
		}

/* Press Stills */
		
.section .galleryModule ul.press {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	}

	.section .galleryModule ul.press li {
		display: block;
		float: left;
		width: 32%;
		margin: 0 1% 1% 0;
		}
	
		div.group .galleryModule ul.press li img {
			width: 100%;
			}

			div.group .galleryModule ul.press li p.captionText {
				font-size: 10px;
				line-height: 12px;
				padding: 5px 0;
				}

div.galleryModule ul.press li {
	position: relative;
	}

ul.press li a {
	display: block;
	}

div.group .galleryModule ul.pressCompact li a {
	display: block;
	width: 100%;
	min-height: 170px;
	background-position: center center;
	background-size: cover;
	padding: 0;
	margin: 0;
	text-decoration: none;	
	}

ul.pressCompact li a p {
	display: none;
	background-color: rgba(0,0,0,0.5);
	margin: 0;
	padding: 5%;
	overflow: hidden;
	color: #fff !important;
	font-size: 11px;
	line-height: 12px;
	}
	
	ul.pressCompact li a:hover p {	
		display: block;
		}

ul.pressAligned li {
	height: 240px;
	overflow: hidden;
	}

	div.group .galleryModule ul.pressAligned li a {
		display: block;
		width: 100%;
		min-height: 150px;
		background-position: center center;
		background-size: cover;
		}

/* Trailer Module */

.trailerModule a {
	display: block;
	text-align: center;
}

.trailerModule img {
	margin: 0 auto 0 auto;
}

/* Mailing List Module */

div.mailinglistModule input[type=text] {
	margin: 0 0 5px;
	max-width: 100%;
}

div.mailinglistModule button.button {
	margin: 0 0 5px;
}

/* Twitter */

div.twitterModule ul.twitter-feed {
	margin: 0;
	padding: 0;
}