/*   
Theme Name: True Conviction Theme V.4
Description: Theme created for Jamie Meltzer
Author: Martin Schapiro
Author URI: http://martinschapiro.com
Version: 4.1
*/

@media screen {


* {
margin: 0;
}
html, body {
height: 100%;
font-family: AmericanTypewriter-MediumA;
font-weight: normal;
font-style: normal;
font-size:15px;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -191px;
}

#sky{
background-image:url(images/ff_bg_sky.svg);
background-repeat:repeat-x;
background-size:contain;
position:absolute;
top:42px;
width:100%;
z-index:-10;
}

.wrapper_inner{
	padding-bottom:25%;
	margin-bottom:-25%;
	}
	
.footer, .push {
	height: 191px;
	}

.text-center{
	text-align:center;
	}
.text-left{
	text-align:left;
	}
.row{
	margin:0px 0 50px;}

#signup:focus, #screenings:focus, #dvd:focus, #press:focus{
outline:none;}


/* constant contact signup */
.ctct-disclosure{color:#bbb;}

.ctct-form-description p{margin-bottom:10px;}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

/* single page site home */

.content{
max-width:652px;
margin:0 auto;
padding-left:15px;
padding-right:15px;
box-sizing:border-box;
}

.ff_foreground{
position:relative;
width:100%;
background-image:url(images/ff_fg0.png);
background-size:cover;
overflow:hidden;
background-position:center;
}

#foreground{
min-width:690px;
position:relative;
}

.caption{
bottom:10px;
right:10px;
color:#fff;
position:absolute;
}

.content.title{
	line-height: 50px;
    margin-bottom: 36px;
    text-transform: uppercase;
    letter-spacing: 18px;
    margin-right:-18px;
    max-width:800px;
	margin:0 auto;
	margin-bottom:0;
	padding:0 15px;
}

.content.title img{
	width:100%;
	height:auto;
	}


.content.byline{
    margin-bottom: 0px;
    text-transform: uppercase;
	margin-bottom:10px;
	font-size:24px;        
}

.content.logline{
font-size:24px;
padding:0 50px 20px 15px;
box-sizing:border-box;
}


.header{
padding-top:50px;
margin:0 auto -65px;
}

/* Colors */
.bg-grey{
background-color:#F2F1F0;
padding:50px 0 80px;
}

/* navbar */

.navbar a:link, .navbar a:visited{
	font-family: AlternateGothicEF-NoTwo; 
	font-size:22px; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-weight:normal;
	color:#000;
	}

.navbar a:hover{
	color:#8e8d8d;
	}

.navbar{
	text-align:right; 
	width:100%;  
	background-color:transparent;
	}
	
.navbar li{
	display:inline-block;
	margin:20px;
	position:relative;
	}
	
.home .navbar:after{
	background-position:top;
	position:absolute;
	display:block;
	width:100%;
	content:'';
	background-image:url(images/ff_bg_sky-mid.svg);
	background-repeat:repeat-x;
	height:450px;
	z-index:-9;
	margin-top:-4px;
}

.home .navbar:before{
	background-position:top;
	position:absolute;
	display:block;
	width:100%;
	content:'';
	background-image:url(images/ff_bg_sky-top.svg);
	background-repeat:repeat-x;
	height:200px;
	z-index:1;
	top:0;
}

.navbar ul{
	list-style:none; 
	padding:0px;
	margin:0;
	position:relative;
	z-index:5;
	}

.nav .title{
	line-height:38px;
	display:inline-block;
	width:100%;
	max-width:400px;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	float:left;
	position:relative;
	z-index:20;
	}

.home .nav .title{ display:none;}
.home .navbar a{color:#fff;}
.home .navbar{background-color:#c2cfd5; z-index:0;}

.footer{
text-align:center;
background-color:#DFE6EC;}

.footer .logos{
background-color:#fff;
padding:26px 0;}

.footer .logos img{
margin:6px 30px 6px 0;
}
.footer .logos img:last-child{
margin-right: 0;
}
.play.button{
top: 30%;
position: absolute;
left: 50%;
margin-left: -35px;
width:70px;
height:42px;
}
a:hover .play.button , a:active .play.button {
opacity:.8;
}

/*  single page */

.page-template-template-dvd .wrapper, .page-template-template-dvd-custom .wrapper{
background-color:#F2F1F0;}
/* press */

.content.press{
	padding:120px 15px 160px;}

.credit a:link, .credit a:visited{
	color:inherit;
	text-decoration:none;
	}
.credit a:hover, .credit a:active{
	color:inherit;
	text-decoration:underline
	}
.credit{
	margin-bottom:50px;
	}	

/* dvd */


.dvd{
background-color:#F2F1F0;
padding:160px 0;
}

.dvd .content{
	max-width:950px;
	}
	
	
a.button{
	display:inline-block;
	padding:10px 12px;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	line-height:20px;
	font-size:20px;
	}

a:hover.button{
	display:inline-block;
	background-color:#424242;
	color:#fff;
	text-decoration:none;
	}
.dvd img{
	max-width:100%;
	height:auto;
	margin-right:-40px;
	}



/* festival */

.content.festival, .content.signup{
width:100%;
max-width:950px;
text-align:center;
padding:0;
margin-top:150px;
margin-bottom:120px;
}

.festival ul{
	list-style:none;
	font-size:17px;
	line-height:1.4em;
	}
	.festival li{
	margin:0 0 10px 0;
	}


	
/* cols */	
.two-col{
	margin: 0 0 20px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	box-sizing:border-box;
	padding:0 15px;
}

.two-col:first-child{
/* 
	border-right:1px solid #CCC;
	padding-right:10px;
	margin-right:10px;
 */
}

.two-col.half{
	width:49%;
	}
	
.two-col.two-thirds{
	width:66%;
	}
	
.two-col.one-third{
	width:33%;
	}



/* contact form 7 response */

div.wpcf7-response-output {
    padding: 20px!important;
    margin: 0!important;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #398f14;
	background-color:rgba(57, 143, 20, 0.3);
}

div.wpcf7-mail-sent-ng {
	border: 1px solid #ff0000 !important;
	background-color: rgba(255, 0, 0, 0.3);
}

div.wpcf7-spam-blocked {
	border: 1px solid #ffa500!important;
	background-color: rgba(255, 165, 0, 0.3);
}

div.wpcf7-validation-errors {
	border: 1px solid #f7e700!important;
	background-color:  rgba(247, 231, 0, 0.3);
}

.signup input, .signup textarea{
    width: 90%;
    height: 38px;
    font-size: 20px;
    padding: 5px 14px 1px;
    margin:10px auto;
    border:1px solid #000;
  font-family: AmericanTypewriter-MediumA;
    }
    
    .signup textarea{
    height:120px;
    }
   .signup input[type="submit"]{
   height:35px;
   width:150px;
   font-size:18px;
  font-family: AmericanTypewriter-MediumA;
   background-color:#f2f2f2;
   } 
    .signup input[type="submit"]:hover{
    background-color:#cccccc;
    }
    
        .signup input[type="submit"]:active{
    background-color:#000;
    color:#fff;
    }
    
 .signup input:hover{ 
 background-color:#f2f2f2;}  
    
div.pp_default .pp_loaderIcon{
background-size:contain !important;
}


	.visible-xs, .visible-sm, .visible-md{
	display:none;
	}

@media screen and (max-width:1200px) { 
	.visible-md{
	display:inline-block
	}
	.hidden-md{
	display:none;
	}
	
 }

@media screen and (max-width:992px) { 
	.visible-sm{
	display:inline-block
	}
	.hidden-sm{
	display:none;
	}
	.content.logline{
	padding-right:120px;}
	
	.nav .title{
	float:none;display:block
	}
	.navbar{
	text-align:left;
	}
	.home .navbar{
	text-align:center;
	padding-top:20px;
	}
	.navbar li{
	margin:0 20px 20px;
	}
 }
 
 @media screen and (max-width:767px) { 
	.visible-xs{
	display:inline-block
	}
	.hidden-xs{
	display:none;
	}
	.dvd img{
	clear:both;
	float:right;
	margin-left:10px;}

	.content.logline{
	padding-right:60px;
	padding-bottom:30px;}
	
	.two-col.two-thirds{
	width:100%;
	}
	.content.title.visible-xs{
	display:block;
	max-width:652px;}

 }
 
@media screen and (max-width:740px) { 
	
	.signup .form:first-child{
	border-right:0px;
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
	padding-bottom:30px;
	}
 }
 
@media screen and (max-width:710px) { 	
	.ff_foreground{
	background-image:url(images/ff_fg_sm.png);}

  	.content{padding-right:15px;padding-left:15px;}

 }
 
   @media screen and (max-width:615px) { 
	.logline{
	width:100%;
	min-width:none;
	}
   h1.title{
    font-size: 34px;
    line-height: 42px;
    }
    .byline{
    width:auto;
    display:inline-block;
    }
	.content{
/* 	padding-top:30px; */
	}
	 .content.header{
   margin-bottom:-34px;
   }
 }
 
 @media screen and (max-width:540px){
 	.dvd img.visible-xs{
	float:none;
	display:block;
	margin: 0 auto;
    left: 10px;
    position: relative;
	}
	.dvd .content{
	padding:0
	}
	.two-col.half{
		display:block;
		width:100%;
		margin-bottom:50px;
		}
	}
 
   @media screen and (max-width:450px) { 
   
   .caption{
   font-size:11px;
   left:10px;
   }
  
  	.two-col{
  	min-width:100%;
  	}
	.nav	.title {margin:0 auto; padding-bottom:10px;}
   .navbar li{margin:15px auto; display:block; }
   .navbar ul{ text-align:center; }
   .navbar{padding:1px;}
   .content.logline{
   	font-size:20px;}
   
   }

* { margin: 0; padding: 0; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


h1, h2, h3{font-weight:normal; margin:0 0 10px 0;}
h4, h5, h6 {font-family: AlternateGothicEF-NoTwo; font-weight:normal; margin:0 0 10px 0;}
h1 {font-size:42px;}
h2 {font-size:29px; margin-bottom:40px;}
h3 {font-size:16px; }
h4{font-size:25px; margin-bottom:30px;}
h5{font-size:22px; margin-bottom:20px;}
h6{font-size:18px; margin-bottom:20px;}

p{
	margin: 0 0 10px 0;
	font-size:18px;
	line-height:1.5em;
	}
	
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

form p{	margin:0;}

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

img{
	border:0;}

ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */