/*
Theme Name: Twenty Thirteen Child
Theme URI: http://example.com/
Description: Child theme for the Twenty Thirteen theme
Author: Your Name
Author URI: Your URL
Template: twentythirteen
Version: 0.1.0 
*/

/* start css reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* end css reset */


/* start general styles */
html {
	width: 100%;
	height: 100%;
	font-size: 87.5%;
}
@media (max-width: 959px) {
	html{
		font-size: 65%;
	}
}
body{
	background-color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: bold;
	color: #fff;
	font-size: 1.4rem;
	line-height: 2rem;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p{
	margin-bottom: 20px;
}
img{
	max-width: 100%;
}
/* end general styles */


/* start background */
.site-wrapper{
	width: 100vw;
	min-height: 100vh;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #999;
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.site-wrapper{
		min-width: 1024px;
		min-height: 930px;
	}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.site-wrapper{
		min-width: 1024px;
		min-height: 930px;
	}
}
/* hires and default */
.site-wrapper{
	background-image: url('/wp-content/themes/twentythirteenchild/images/home_hires.jpg');
}
.page-about .site-wrapper{
	background-image: url('/wp-content/themes/twentythirteenchild/images/about_hires.jpg');
}
.page-trailer .site-wrapper{
	background-image: url('/wp-content/themes/twentythirteenchild/images/trailer_hires.jpg');
}
.page-screenings .site-wrapper{
	background-image: url('/wp-content/themes/twentythirteenchild/images/screenings_hires.jpg');
}
.blog .site-wrapper{
	background-image: url('/wp-content/themes/twentythirteenchild/images/pressnews_hires.jpg');
}
.page-contact .site-wrapper{
	background-image: url('/wp-content/themes/twentythirteenchild/images/contact_hires.jpg');
}
/* desktops */
@media (max-width: 1223px) {
	.site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/home_desktop.jpg');
	}
	.page-about .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/about_desktop.jpg');
	}
	.page-trailer .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/trailer_desktop.jpg');
	}
	.page-screenings .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/screenings_desktop.jpg');
	}
	.blog .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/pressnews_desktop.jpg');
	}
	.page-contact .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/contact_desktop.jpg');
	}
}
/* tablets */
@media (max-width: 959px) {
	.site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/home_tablet.jpg');
	}
	.page-about .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/about_tablet.jpg');
	}
	.page-trailer .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/trailer_tablet.jpg');
	}
	.page-screenings .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/screenings_tablet.jpg');
	}
	.blog .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/pressnews_tablet.jpg');
	}
	.page-contact .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/contact_tablet.jpg');
	}
}
/* smartphones */
@media (max-width: 639px) {
	.site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/home_smartphone.jpg');
	}
	.page-about .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/about_smartphone.jpg');
	}
	.page-trailer .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/trailer_smartphone.jpg');
	}
	.page-screenings .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/screenings_smartphone.jpg');
	}
	.blog .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/pressnews_smartphone.jpg');
	}
	.page-contact .site-wrapper{
		background-image: url('/wp-content/themes/twentythirteenchild/images/contact_smartphone.jpg');
	}
}
/* end background */


/* start header and nav */
.site-header{
	position: fixed;
	top: 0;
	left: 10%;
	z-index: 1;
	width: 85%;
	height: 15vh;
	padding-top: 5vh;
	text-transform: uppercase;
}
@media (max-width: 639px) {
	.site-header{
		left: 5%;
		width: 90%;
		height: 30vh;
		padding-top: 0;
		text-align: center;
	}
}
.site-header h1{
	display: none;
	width: 425px;
	height: 113px;
	overflow: hidden;
	background-repeat: none;
	background-image: url('/wp-content/themes/twentythirteenchild/images/sprite.png');
	background-position: 0 0;
	text-indent: -9999px;
}
@media (max-width: 639px) {
	.site-header h1{
		width:143px;
		height: 39px;
		background-position: -376px -151px;
		margin: 0 auto;
	}
}
.site-header h2{
	display: none;
	width: 524px;
	height: 38px;
	overflow: hidden;
	margin: 10px 0;
	background-repeat: none;
	background-image: url('/wp-content/themes/twentythirteenchild/images/sprite.png');
	background-position: 0 -113px;
	text-indent: -9999px;
}
.site-header h3{
	display: none;
	width: 376px;
	height: 25px;
	overflow: hidden;
	background-repeat: none;
	background-image: url('/wp-content/themes/twentythirteenchild/images/sprite.png');
	background-position: 0 -151px;
	text-indent: -9999px;
}
@media (max-width: 639px) {
	.site-header h2,
	.site-header h3{
		width: auto;
		height: auto;
		margin: 0;
		background: none;
		text-indent: 0;
		text-shadow: 1px 1px 1px #000;
	}
}
.site-header ul{
	margin-top: 40px;
}
@media (max-width: 639px) {
	.site-header ul{
		margin-top: 5px;
	}
}
@media (max-width: 639px) {
	margin-top: 0;
}
.site-header li{
	position: relative;
	top: 7px;
	float: left;
	height: 40px;
	margin: 0 10px;
}
@media (max-width: 639px) {
	.site-header li{
		margin: 0 5px 2px 0;
	}
	.site-header li:first-child{
		float: none;
	}
}
.site-header li a{
	display: block;
	height: 32px;
	overflow: hidden;
	background-repeat: none;
	background-image: url('/wp-content/themes/twentythirteenchild/images/sprite.png');
	text-indent: -9999px;
}
.site-header .nav-actress{
	top: 0;
}
.site-header .nav-actress a{
	width:143px;
	height: 39px;
	background-position: -376px -151px;
}
.site-header .nav-about a{
	width:67px;
	background-position: 0px -190px;
}
.site-header .nav-trailer a{
	width:83px;
	background-position: -68px -190px;
}
.site-header .nav-screenings a{
	width:128px;
	background-position: -151px -190px;
}
.site-header .nav-pressnews a{
	width:136px;
	background-position: -281px -190px;
}
.site-header .nav-contact a{
	width:89px;
	background-position: -418px -190px;
}
.site-header .nav-facebook{
	margin: 2px 5px 0;
}
.site-header .nav-facebook a{
	width: 28px;
	height: 28px;
	background-position: -441px -86px;
}
.site-header .nav-twitter{
	margin: 2px 5px 0;
}
.site-header .nav-twitter a{
	width: 28px;
	height: 28px;
	background-position: -469px -86px;
}
.site-header .nav-kickstarter{
	margin: 2px 5px 0;
}
.site-header .nav-seedandspark a{
	width: 129px;
	height: 27px;
	background: url('/wp-content/themes/twentythirteenchild/images/seedandspark.png') 0 0 no-repeat;
}
.site-header .nav-itunes a{
	width: 109px;
	height: 40px;
	background: url('/wp-content/themes/twentythirteenchild/images/available-on-itunes.png') 0 0 no-repeat;
}
.site-header .nav-itunes{
	display: none;
}
.home .site-header .nav-itunes{
	display: block;
}
.site-header .nav-kickstarter a{
	width: 28px;
	height: 28px;
	background-position: -496px -86px;

	display: none !important; /* TODO: hiding Kickstarter link until the Kickstarter project is live */

}
.home .site-header{
	top: auto;
	bottom: 60px;
	left: 15%;
	width: 75%;
	height: auto;
}
@media (max-width: 639px) {
	.home .site-header{
		top: 10vh;
		bottom: auto;
	}
}
.home .site-header li{
	top: 0;
}
@media (max-width: 639px) {
	.home .site-header li{
		float: none;
		margin-bottom: 2px;
	}
	.home .site-header .nav-facebook,
	.home .site-header .nav-twitter,
	.home .site-header .nav-kickstarter{
		display: inline-block;
	}
	.home .site-header li a{
		margin: 0 auto;
	}
}
.home .site-header h1,
.home .site-header h2,
.home .site-header h3{
	position: relative;
	display: block;
}
.home .site-header h3 a{
	position: absolute;
	top:0;
	height: 25px;
}
.home .site-header h3 a:first-child{
	left: 15px;
	width: 120px;
}
.home .site-header h3 a:nth-child(2){
	left: 150px;
	width: 125px;
}
@media (max-width: 639px) {
	.home .site-header h3{
		margin-bottom: 10vh;
	}
	.home .site-header h3 a{
		position: relative;
		top: 0;
		left: 0 !important;
		width: auto;
	}
}
.home .site-header li:first-child{
	display: none;
}
.home .site-header li:nth-child(2){
	margin-left: 0;
}
/* end header and nav */


/* start content */
.site-content{
	position: fixed;
	top: 20%;
	top: 25vh;
	z-index: 0;
	width: 60%;
	max-width: 1024px;
	height: 65vh;
	margin: 0 20%;
	overflow: auto;
}
@media (max-width: 639px) {
	.site-content{
		top: 35vh;
		width: 90%;
		height: 50vh;
		margin: 0 5%;
	}
}
.page-about .site-content{
	max-width: 670px;
}
.page-trailer .site-content{
	height: auto;
	overflow: hidden;
	top: 17vh;
	text-align: center;
}
@media (max-width: 992px) {
	.page-trailer .site-content{
		top: 45vh;
	}
}
.page-trailer .site-content article{
	display: inline-block;
}


.page-trailer .site-content .fve-video-wrapper{
	width: 1000px;
	height: 562.5px;
	padding-bottom: 0 !important;
}

@media (max-width: 1250px) {
	.page-trailer .site-content .fve-video-wrapper{
		width: 720px;
		height: 405px;
	}
}
@media (max-width: 904px) {
	.page-trailer .site-content .fve-video-wrapper{
		width: 250px;
		height: 138px;
	}
}


.buy_tickets{
	float: right;
	width:200px;
	height:200px;
	background-image: url('/wp-content/themes/twentythirteenchild/images/buy_tickets.png');
	text-indent: -9999px;
}
@media (max-width: 639px) {
	.buy_tickets{
		float: none;
		background: none;
		text-indent: 0;
		font-size: 14px;
		line-height: 18px;
		text-shadow: 1px 1px 1px #000;
	}
}


.credits{
	font-size: 15px;
	font-size: 1.07142857rem;
	line-height: 1.2rem;
}
.page-screenings .site-content,
.blog .site-content{
	width: 30%;
	margin: 0 0 0 60%;
}
@media (max-width: 639px) {
	.page-screenings .site-content,
	.blog .site-content{
		width: 90%;
		margin: 0 5%;
	}
}
.page-trailer .site-content{
	width: 80%;
	margin: 0 10%;
	text-align: center;
}
.page-contact .site-content{
	color: #000;
}
.page-contact a{
	color: #000;
}
.site-content h1{
	display: none;
}
.entry-date{
	font-weight: bold;
}
.contact-info{
	display: inline-block;
	padding: 0 30px 20px 0;
}
@media (max-width: 639px) {
	.contact-info{
		padding: 0 10px 10px 0;
	}
}
.formRow{
	padding: 2px 0;
}
.formRow label{
	clear: both;
	float: left;
	width: 18%;
	padding-right: 2%;
}
@media (max-width: 639px) {
	.formRow label{
		float: none;
		width: 80%;
	}
}
.formRow input,
.formRow textarea{
	width: 20%;
	padding: 6px 5px !important;
	border: solid 1px #ccc !important;
	border-radius: 3px !important;
	color: #666 !important;
	font-weight: bold;
	opacity: 0.6;
}
@media (max-width: 639px) {
	.formRow input,
	.formRow textarea{
		display: block;
		width: 80% !important;
	}
}
.formRow input[type="submit"]{
	border: solid 1px #000 !important;
	opacity: 1;
	color: #000 !important;
}
.formRow textarea{
	width: 40%;
	height: 50px;
}
.formRow .recaptchatable{
	border: 0 !important;
}
.formRow .recaptchatable td{
	padding-left: 0 !important;
}
.formRow .recaptchatable input{
	width: 100% !important;
}
.formRow .recaptchatable a{
	color: #fff !important;
	font-size: 12px !important;
	font-size: 0.85714286rem !important;
}
.js-content-overflow{ /* stylized content scrollbar */
	width: 67%;
	padding-right: 3%;
}
@media (max-width: 639px) {
	.js-content-overflow{
		width: 87%;
	}
}
.site-content::-webkit-scrollbar{
	-webkit-appearance: none;
	width: 10px;
}
.site-content::-webkit-scrollbar:vertical {
	width: 8px;
}
.site-content::-webkit-scrollbar:horizontal {
	height: 8px;
}
.site-content::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .3);
}
.site-content::-webkit-scrollbar-track { 
	border-radius: 8px;
	background-color: rgba(0, 0, 0, .2);
}
/* end content */


/* start oldie support */
.ie7 body,
.ie8 body{
	background: url('/wp-content/themes/twentythirteenchild/images/home_hires.jpg') 0 0 no-repeat;
}
.ie7 .site-wrapper,
.ie8 .site-wrapper{
	background: none;
}
.ie7 .site-content,
.ie8 .site-content{
	margin-top: 200px;
}
.ie7 .home .site-header,
.ie8 .home .site-header{
	margin-top: 200px;
}
/* end oldie support */