/*   
Theme Name: PF Pictures Theme
Theme URI: http://martinschapiro.com
Description: Designed and built for PF Pictures
Author: Martin Schapiro
Author URI: http://martinschapiro.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white;  }
.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 */


/*

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

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
	font-family: 'Playfair Display', serif;
}
.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: -1px auto -190px; /* the bottom margin is the negative value of the footer's height */
	padding-top:1px;
}
.footer, .push {
	height:190px; /* .push must be the same height as .footer */
}

/* Header */
.nav{
text-align:center;
color:#fff;
padding:36px 0 40px;
}

.nav .logo{
margin:0 auto 28px;
width:120px;
}
.nav a.logo p{
margin:14px auto 0;
text-transform:uppercase;
font-size:14px;
letter-spacing:3px;
}

a.logo{
display:block;
}

a:link, li a:link, a:visited, li a:visited{
text-decoration:none;
color:inherit;
}

.header-menu{
display:inline-block;
margin:0 auto;}

.header-menu.white{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.header-menu.black{
border-top:1px solid #000;
border-bottom:1px solid #000;
}

ul.menu{
margin:10px auto;
list-style:none;
padding:0;
text-transform:uppercase;
font-family: 'league_gothicregular';
font-size:16px;
}

ul.menu li{
display:inline-block;
margin:0 22px;
min-width:80px;
}

.menu li a:hover{
text-decoration:none;
color:#CCC;
}

.menu li a{
display:inline-block;
padding:4px 8px;
}

.entry{
max-width:480px;
margin:0 auto;
padding-top:20px;
padding-bottom:50px;
}

.entry.nobottompad{
padding-bottom:1px;
}

.paddingtop-50{
padding-top:50px;
}

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

/* Footer */

.footer{
width:100%;
background-color:#808080;
color:#fff;
position:relative;
}

.footer a.logo{
position:absolute;
bottom:20px;
left:20px;
}

.footer .contact{
position:absolute;
bottom:20px;
right:20px;
}

.footer .description{
text-align:center;
width:90%;
margin:0 auto;
padding-top:70px; 
}


/* font sizes */

.lg_font p{
font-size:55px;
}

.xlg_font p{
font-size:72px;
}

.medium_font{
font-size: 36px;
}

p{
font-size:15px;}

.content p{
max-width:710px;
margin:0 auto 15px;}


.leaguegothic p, .leaguegothic{
font-size:18px;
}

h1 { font-size:36px; line-height:36px; text-transform:uppercase;}

/* font */

.leaguegothic{
font-family: 'league_gothicregular';
}

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; font-family: 'league_gothicregular'; text-transform:uppercase;}
h2 { }
h3 { 
font-size:20px;
background-color:#fff;
padding:8px 10px;
display:inline-block;
margin-left:-4px;
}

h4{
font-size:24px;
font-weight:normal;
padding-bottom:20px;
}
h5{
font-size:21px;
font-weight:normal;
padding-bottom:18px;
}

.content blockquote p{
font-style:italic;
font-size:20px;
margin-bottom:2px;
}

.content .entry blockquote p{
margin-bottom:15px;
}

/* color */

.black{color:#000;}
.white{color:#fff;}

.black_bg{
background-color:#000;}

.white_bg{
background-color:#FFF;}

.grey_bg{
background-color:#EEEEEE;}

.dark_grey_bg{
background-color:#AFAFAF;
}

.alternate_bg:nth-child(odd){
background-color:#fff;
margin-top:1px solid #fff;
}

.alternate_bg:nth-child(odd) h3{
background-color:#eee;
}

/* Homepage */
.home.content{
color:#fff;
text-align:center;
}

.home.content, .content.films{
width:100%;
max-width:100%;

}

.entry.over{
font-size:55px;
}

.edit_this{
font-size:14px;
}

.home_bg{
width:100%;
height:100%;
position:absolute;
z-index:-1;
background-color:#000;
bottom:0;
background-position:center 205px;
}

.billboard_push{
position:relative;
height:100vh;
width:100%;
padding-top:inherit;
}

.arrowdown{
position:absolute;
padding:10px 0px;
bottom:0px;
left:50%;
margin-left:-50px;
width:100px;
text-align:center;
font-family: 'league_gothicregular';
font-size;18px;
color:#fff;
text-transform:uppercase;
}




/* films lists */
.film.list{
width:100%;
height:480px;
text-align:center;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.film.list .title, .film.list .title_inner{
font-size:31px;
text-transform:uppercase;
}

.film.list .title{
margin:0 auto;
display:inline-block;
padding:8px 12px;
background-color:#EEEEEE;
position:relative;
top:240px;
margin-top:-27px;
}

.film.list:hover .title{
display:none;
}
.film.list:hover .inner h2.title{
display:inline-block;
top:0;
margin:0;
padding:0;
}


.year{}

.about{
	line-height:21px;
	}



.film.list .info{
transition: background-color 0.5s ease;
-webkit-transition:  width .2s ease .2s, background-color .2s ease .2s,;					
-moz-transition:  background-color 0.5s ease .5s;
-o-transition:  background-color 0.5s ease;
text-align:center;
width:0%;
margin:0 auto;
display:block;
background-color:transparent;
padding:40px 0;
opacity:0;
overflow:hidden;
display:block;
}

.film.list .info .inner{
-webkit-transition:  height .2s ease;
width:600px;
margin:0 auto;
height:0;
display:block;
max-width:100%;

}

.film.list:hover .info .inner{
height:400px;

}
.film.list:hover .info{

-webkit-transform-style: preserve-3d;
position:relative;
opacity:1;
width:100%;
background-color:#EEE;
z-index:100;
}


.content p.quote{
font-style:italic;
margin-bottom:2px;
font-size:17px;
}
.attribution{
font-size:13px;
text-transform:uppercase;
font-weight:700;
font-family: 'league_gothicregular';
}

.more{
	display:inline-block;
	padding:8px 11px;
    bottom: 32px;
    position: absolute;
    margin-left: -29px;
    left:50%;
    }

.excerpt p{
    font-size: 18px;}
.excerpt{    margin-top: 40px;
    }


/* filmmakers */

.left_col .bio_image{
float:left;
margin:3px 20px 5px -68px;
}

.right_col .bio_image{
float:right;
margin:3px -68px 5px 20px;
}

/* Columns */
.col_half{
width: 49%;
display:inline-block;
border:0;
min-width:300px;
margin-bottom:50px;
vertical-align: top;
}

.white_bg .col_half {
margin-bottom:20px;}

.col_half.left_col .inner{
margin-right:9px;
margin-left:68px;
}

.col_half.right_col .inner{
margin-left:9px;
margin-right:68px;
}

.entry.wide{
width:875px;
max-width:100%;
}

.col_half.mobile{
display:none;
}
  
 .col_half.desktop{
display:inline-block;
}

/*   commercial */


ul.client_logos{ 
max-width:710px;}

ul.image_block.client_logos{
margin-bottom:20px;
}
 
ul.client_logos li{
margin:16px;
}

.page-template-commercial_template h6{
margin:2px auto;
font-size:11.5px;
}
.page-template-commercial_template h6 span{
text-transform:uppercase;
margin-right:3px;
font-size:10px;
color:#999;
}

/* image block */

ul.image_block{
list-style:none;
text-align:center;
margin:20px auto 50px;
}


.entry ul.image_block{
padding:0;
}

ul.image_block li{
display:inline-block;
text-align:center;
vertical-align:middle;
}

.padding-50{
padding:50px 0 ; }
/* Laurels */

ul.laurels{ 
text-align:left;
margin-bottom:40px;
}
 
ul.laurels li{
margin:2px 6px;
}

/* password box */
input{    
	width: 280px;
    margin-right:15px;
    }
    
input[type='submit']{
	width:93px;
	}  

input[type='submit'], input{
	box-sizing:content-box;
	height:40px;
	display:inline-block;
	background-color:#fff;
	border:1px solid #808080;
	border-radius:0;
	font-family: 'playfair display';
	font-size: 22px;
	margin-bottom:10px;
	padding: 5px 15px 5px;
	box-shadow:0;
	} 

/* Single Film */

.film_head{
padding-bottom:25px;
}

.trailer{
max-width:600px;
margin:0 auto;
margin-bottom:25px;
}

.trailer img{
max-width:100%;
}

h1 span.year{
font-family:'Playfair Display';
font-weight:regular;
font-size:15px;
}

.thecontent{
margin-bottom:50px;
}

.thecontent iframe, .entry iframe{
margin:20px auto;}

.thecontent .fluid-width-video-wrapper iframe, .entry .fluid-width-video-wrapper iframe{
margin:0;}

.fluid-width-video-wrapper{
margin:20px auto;}

.full_width img{
max-width:100%;
width:100%;
height:auto;
display:inherit;
border:0;
}

.press{
margin:50px auto;
text-align:center;}

.credits{
text-align:center;
padding:50px 0;
}
.credits p{
margin:0;}

.credits p span{
font-weight:700;
text-transform:uppercase;
}

.sponsors.entry{
border-top:1px solid #959595;
width:100%;
padding:50px 0;
}

ul.sponsors{
margin-bottom:20px;}

ul.sponsors li{
margin: 2px 8px;
}

.no-margin-bottom{
margin-bottom:0 !important;}

h1.no-margin-bottom{
line-height:28px;}

.press.entry.wide{
margin-bottom:0;
}

/* strategy */
.morelink{
display:inline-block;
width:25px;
height:25px;
background-color:#f2f2f2;
font-size:12px;
line-height:25px;
vertical-align:middle;
text-align:center;
padding:5px;
margin-right:8px;

}
.grey_bg .morelink{
background-color:#fff;
}

ul.more{
list-style:none;
padding:0;
margin:0 0 50px;
}

ul.more li{
margin-bottom:8px;

}

/* speaking */

.speaking_imgs{
width:100%;
height:144px;
overflow:hidden;
}

.speaking_imgs .inner{
width:150%;
height:144px;
display:block;
}

.speaking_imgs img{
white-space:nowrap;
margin:0;
padding:0;
border:0;
float:left;
}

.media_appearance{
	margin:50px auto;
	display:block;
	height:325px;
	}

.media_appearance .media_logo{
	width:25%;
	display:inline-block;
	vertical-align:top;
	height:325px;
	}
	
.media_appearance .media_logo img{
	max-width:90px;
	max-height:100%;
	display:inline;
	margin-top:-25%;
	top:50%;
	position:relative;
	}	
	
.media_appearance .media_embed{
	width:74%;
	display:inline-block;
	height:325px;
	}	

.entry ul{
	padding:0 0 0 20px}

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

.entry img{
max-width:100%;
}

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

.post { }


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 { }

 @media screen and (max-width:800px) { 
 
 
 .media_appearance .media_logo img{
 top:0;
 margin-top:0;

  }
  .media_appearance, .media_appearance .media_embed, .media_appearance .media_logo{
  height:250px;
  } 
  
 }
 
 
  @media screen and (max-width:620px) { 
  
   .media_appearance, .media_appearance .media_embed, .media_appearance .media_logo{
  height:200px;
  } 
  
  .col_half{
  width:auto;
  margin:0 20px 50px;
  }
.content blockquote p{
font-style:italic;
font-size:16px;
margin-bottom:2px;
}

.col_half.right_col .inner{
margin-right:9px;
margin-left:68px;
}

.col_half.right_col .bio_image{
float:left;
margin:3px 20px 5px -68px; 
}

.col_half.mobile{
display:inherit;
margin:20px 0;
}
  
  
 .col_half.desktop{
display:none;}
   
.trailer{
	height:auto;
  	}
 }
  

  @media screen and (max-width:400px) { 
  
   .media_appearance, .media_appearance .media_embed, .media_appearance .media_logo{
display:block;
width:100%;
height:auto;
margin:10px auto;
text-align:center;
 } 
  
 .medium_font{
 font-size:30px;
 }
 
 .lg_font p{
 font-size:50px;}
  
  .footer .description{
width:95%;
margin:0 auto;
padding-top:42px; 
}

.excerpt p{
    font-size: 15px;}



  
  }

} /* 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 */