/* CSS Document */

/*//////////////////////////////////////////////////////////////

Font Families
'antoniolight', sans-serif;	
'antonioregular', sans-serif;	
'antoniobold', sans-serif;	

'Muli', sans-serif;

font-family: 'Nunito Sans', sans-serif;

Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif; 


//////////////////////////////////////////////////////////////*/




@font-face {
    font-family: 'antoniobold';
    src: url('../fonts/antonio-bold-webfont.woff2') format('woff2'),
         url('../fonts/antonio-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antoniolight';
    src: url('../fonts/antonio-light-webfont.woff2') format('woff2'),
         url('../fonts/antonio-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antonioregular';
    src: url('../fonts/antonio-regular-webfont.woff2') format('woff2'),
         url('../fonts/antonio-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* ==========================================================================
	Base
	========================================================================== */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

html
{
min-height: 100%;
overflow: visible;
font-size: 14px\9;
background: #fff;
}
body
{
background: transparent;
padding: 0;
margin: 0;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
body, textarea
{
font-family: 'Muli', arial, sans-serif;
font-weight: 400; 
font-style: normal;
font-size: 16px;
color: #575757;	
}
em strong, strong em
{
font-weight: bold;
font-style: italic;	
}



/* ==========================================================================
   global type 
   ========================================================================== */
h1,h2,h3,h4,h5,h6
{
/*font-size: 28px;*/
font-size: 22px;
line-height: 1.1em;
padding: 0px 0 15px;
font-weight: bold;
}
h1
{
text-transform: uppercase;	
color: #ea1c24;
font-family: 'antoniobold', sans-serif;
}
h2
{
color: #ea1c24;
font-family: 'antonioregular', sans-serif;
/*font-size: 23px;*/
font-size: 19px;
font-weight: normal;
}
h3
{
/*font-size: 26px;*/
font-size: 21px;
color: #040404;
padding: 0px 0 15px;
font-weight: 800;
}
h4
{
font-size: 17px;
color: #040404;
padding: 0px 0 15px;
font-weight: 800;
}
h5
{
font-size: 15px;
color: #040404;
font-weight: 700;
padding: 0px 0 10px;
}
h6
{
font-size: 13px;
font-weight: 400;
font-style: italic;
padding: 0px 0 15px;
}
p
{
/*font-size: 16px;*/
font-size: 13px;
line-height: 1.4em;
padding: 0px 0 15px;
font-weight: 400;
}
p:last-of-type
{
padding-bottom: 0px;	
}
p.leadIn
{
font-size: 15px;
}
blockquote
{
font-size: 1.0em;	
}
ol
{
list-style: inside decimal;	
}
ul
{
list-style: outside disc;
margin-left: 14px;
}
ol, ul, dl
{
padding: 0px 0 15px 12px;
vertical-align: baseline;
}
dl
{
padding: 5px 0 12px 0px;
}
ul li
{
/*font-size: 16px;*/
font-size: 13px;
line-height: 1.4em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 10px 3px;
vertical-align: baseline;
}
ul li ul
{
margin-top: 6px;	
}
ul li li
{
font-size: 1.0em;	
list-style: circle;
}
ol li
{
/*font-size: 16px;*/
font-size: 13px;
line-height: 1.2em;
margin-right: 20px;
padding: 0em 0 0.5em 1.7em;
vertical-align: baseline;
}
ol li li
{
font-size: 1.0em;	
}
dl dt, dl dd
{
/*font-size: 16px;*/
font-size: 13px;
line-height: 1.0em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 3px 0px;
vertical-align: baseline;	
font-weight: 700;
}
dl dd
{
padding: 0em 0 9px 0px;	
font-weight: 400;
}

a/*,
a:visited*/
{
color: #ea1c24;
font-weight: normal;		
}
a:hover
{
color: #000;
text-decoration: underline;
}

img.alignright
{
float: right;
margin: 3px 0px 12px 12px;
}
img.alignleft, span.alignleft
{
float: left;
margin: 3px 12px 12px 0px;
}
img.aligncenter
{
margin: 3px auto 3px auto;
}
.textCenter
{
text-align: center;	
}
.textRight
{
text-align: right;	
}
.textLeft
{
text-align: left;	
}
.semanticList, .semanticList li
{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;	
font-size: 1.0em;
line-height: 1.0em;
}
.semantic
{
padding: 0;
margin: 0;	
}


/* ==========================================================================
	structure
	========================================================================== */
	
section
{
width: 100%;
z-index: 20;
position: relative;
}
.pad
{
padding-left: 15px;
padding-right: 15px;	
}
.noPad
{
padding-left: 0px !important;
padding-right: 0px !important;
}
.row
{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.fullWidth
{
width: 100%;	
}

/* ==========================================================================
	Header
	========================================================================== */
#pageHeader
{
background-color: #000;
background-image: url(../i/splash.jpg);
background-repeat: no-repeat;
background-position: 70% -20px;
background-size: 920px auto;
}
#pageHeader section
{
position: relative;
padding-bottom: 30px;
max-width: 1200px;
margin: 0 auto;
}
#logo
{
top: 15px;
left: 13px;
position: absolute;
z-index: 400;
width: 190px;
overflow: visible;
}
#logo img
{
width: 100%;
height: auto;	
}
#pageHeader #tagline
{
position: relative;
display: block;
margin: 0 auto 0;
padding: 350px 0 0;
font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;
color: #fff;
font-size: 18px;
line-height: 1.3em;
text-align: center;
text-shadow: 3px 3px 3px #000000;	
}

/*#playTrailer
{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
margin-top: 20px;
}
#playTrailer h2
{
font-family: 	'antoniobold', sans-serif;
color: #fff;
font-size: 23px;
line-height: 1;
padding: 0;
margin: 0;
text-transform: uppercase;
}
#playTrailer img
{
width: 50px;
height: auto;
padding: 0 0px 0 10px;
vertical-align: unset;
}*/
#playTrailer,
#playTrailer h2
{
display: block;
width: 260px;
height: 146px;
margin: 0 auto;
background: url(../i/trailer.jpg) 0% 100% no-repeat;
background-size: 260px auto;
}
#playTrailer
{
margin: 20px auto 0;
}
#playTrailer h2
{
text-indent: -9999em;
background-position: 0% 0%;
transition: opacity 500ms ease;
opacity: 1;
}
#playTrailer a:hover h2
{
opacity: 0;
}
#headerCallout h4
{
text-align: center;
color: #b9b9b9;
font-style: italic;
font-weight: 700;
font-size: 18px;
padding-top: 20px; 
}
ul#socialLinks
{
width: 100%;
text-align: center;	
margin-top: 5px;
}
ul#socialLinks li
{
display: inline-block;
margin: 0 7px;
}
ul#socialLinks li a
{
font-size: 21px;
line-height: 21px;
vertical-align: top;	
color: #c9c7c7;
transition: color 500ms ease;
text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}
ul#socialLinks li a:hover
{
color: #fff;
}

/* ==========================================================================
	Home Header Element Revisions
	========================================================================== */
.home #pageHeader .subElementGroup
{
text-align: center;	
/*width: 50%;*/
}
.home #pageHeader .subElementGroup #tagline 
{
/*padding: 320px 0 0 0;*/
}
.home #pageHeader .subElementGroup #playTrailer
{
/*margin: 30px auto 0 auto;*/
}
.home #pageHeader .subElementGroup #headerCallout h4 
{
text-align: center;
/*padding: 75px 0 0 0px;*/
}

/* ==========================================================================
	Inside Page Header
	========================================================================== */
.insidePage #pageHeader section
{
padding-bottom: 30px;	
}
.insidePage.press #pageHeader
{
background-image: url(../i/inside/press/splash.jpg);
background-position: 90% 0px;
background-size: cover;
}
.insidePage.news #pageHeader
{
background-image: url(../i/inside/press/news/splash.jpg);
background-position: 50% 50%;
background-size: cover;
}
.insidePage.director #pageHeader
{
background-image: url(../i/inside/director/splash.jpg);
background-position: 75% 0%;
background-size: cover;
}
.insidePage.screenings #pageHeader
{
background-image: url(../i/inside/screenings/splash.jpg);
background-position: 60% 50%;
background-size: cover;
}
.insidePage.contact #pageHeader
{
background-image: url(../i/inside/contact/splash.jpg);
background-position: 50% 0%;
background-size: cover;
}
.insidePage.buy #pageHeader
{
background-image: url(../i/inside/buy/splash.jpg);
background-position: 40% 0%;
background-size: cover;
}
.insidePage.film #pageHeader
{
background-image: url(../i/inside/film/splash.jpg);
background-position: 70% 50%;
background-size: cover;
}
.insidePage.book #pageHeader
{
background-image: url(../i/inside/book/splash.jpg);
background-position: 70% 100%;
background-size: cover;
}
.insidePage #pageHeader #tagline
{
padding: 120px 0 0 20px;
text-align: left;
}
.insidePage ul#socialLinks
{
margin-top: 20px;
z-index: 500;
}
.insidePage #content section.pageTitle
{
background: #f2f2f2;
padding: 18px 0 12px;
}
.insidePage .pageTitle h1
{
/*font-size: 48px;*/
font-size: 28px;
padding: 0px 0 0;
}

/* ==========================================================================
	mobile nav
	========================================================================== */
#navToggle
{
visibility: visible;
display: inline-block;	
transition: all 0.3s ease;
position: absolute;
right: 15px;
top: 18px;
height: 32px;
padding-top: 0px;
width: 32px;
overflow: hidden;
text-align: center;
vertical-align: top;
z-index: 550;
}
#navToggle a 
{
height: 32px;
width: 32px;
display: block;
position: relative;
}
#navToggle a span
{
display: block;
background: #fff;
height: 4px;
width: 32px;
transition: all 800ms ease;	
position: absolute;
-webkit-box-shadow: 3px 3px 4px 0 rgba(1,1,1,0.4);
box-shadow: 3px 3px 4px 0 rgba(1,1,1,0.4);
}
#navToggle a span.bar1
{
left: 0;
top: 4px;
opacity: 1;
transform: translateY(0px) rotate(0deg);
}
#navToggle a span.bar2
{
left: 0;
top: 14px;
opacity: 1;
transform: translateY(0px) rotate(0deg);
}
#navToggle a span.bar3
{
left: 0;
top: 24px;
opacity: 1;
transform: translateY(0px) rotate(0deg);
}
#navToggle.navActive
{
position: fixed;
}
#navToggle.navActive a span.bar1
{
transform: translateY(10px) rotate(45deg);
}
#navToggle.navActive a span.bar2
{
opacity: 0;
}
#navToggle.navActive a span.bar3
{
transform: translateY(-10px) rotate(-45deg);
}

.main-nav 
{
position: fixed;
top: 0;
width: 0px;
right: -10px;
height: 100%;
z-index: 1000;
background: rgba(0,0,0,0.8);
overflow-y: auto;
transition: width 0.3s ease;
-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
}
.close-menu 
{
display: none;
}
#main-nav:target,
#main-nav.navActive
{
width: 220px;	
}
#main-nav:target + #navToggle,
#main-nav + #navToggle.navActive  
{
transform:translateX(-200px);
}
#main-nav:target + #navToggle .open-menu,
#main-nav + #navToggle.navActive .open-menu 
{
display: none;
}
#main-nav:target + #navToggle .close-menu,
#main-nav + #navToggle.navActive .close-menu 
{
display: block;
}

.main-nav > ul
{
width: 210px;
padding: 15px 0px;
text-align: left;
margin: 0;
}
.main-nav ul li
{
padding: 0;
margin: 0;
display: block;
width: 100%;	
height: auto;
}
.main-nav ul li a
{
display: block;
padding: 8px 15px 9px;
text-transform: uppercase;
/*font-family: 	'antoniobold', sans-serif;
font-family: 'Nunito Sans', sans-serif;
font-family: futura, sans-serif;
font-family: 'oswald', sans-serif;
font-family: 'Josefin Sans', sans-serif;*/
font-family: 'hind', sans-serif;
font-weight: 600;
color: #fff;
font-size: 20px;
line-height: 1;
text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}
.main-nav ul li a.active
{
color: #b8b8b8;
}

/* ==========================================================================
	Home content
	========================================================================== */
#content .contentCenter
{
text-align: center;	
}
#content .contentCenter .forceLeft
{
text-align: left;	
}
#content .narrowRow
{
max-width: 972px;
}
#content > section,
footer
{
padding: 30px 0;	
}
#content > section.roguesGallery
{
padding-top: 0px;	
}
#content > section.tightenedRow
{
padding-top: 0px;	
padding-bottom: 0px;
}
.insideContent.tightenedRow .row
{
padding-bottom: 0px;	
}
#content .twoColAlt .contentRow
{
display: flex;
justify-content: flex-start;
/*align-items: flex-start;*/	
align-items: center;
padding: 0px 0 30px;
}
#content .twoColAlt .contentRow:last-of-type
{
padding-bottom: 0;	
}
#content .twoColAlt .contentRow:nth-child(odd)
{
flex-direction: row;	
}
#content .twoColAlt .contentRow:nth-child(even)
{
flex-direction: row-reverse;	
}
#content .twoColAlt .contentRow:nth-child(odd) .imgCol
{
padding-bottom: 30px;	
text-align: right;
}
#content .twoColAlt .contentRow:nth-child(even) .imgCol
{
padding-bottom: 30px;	
text-align: left;
}
#content .twoColAlt .imgCol img
{
width: 100%;
max-width: 350px;	
}

/* ==========================================================================
	Home carousel
	========================================================================== */
#content .bx-wrapper
{
border: 0;
box-shadow: none;	
margin-bottom: 0;
width: 243px!important;
max-width: 243px!important;
}
#content .carouselContainer
{
width: 243px;
max-width: 243px;
margin: 0 auto;
overflow: visible;
position: relative;	
}
#content .carouselContainer li
{
text-align: center;
padding: 0 22px;
}
#content .carouselContainer li img 
{
margin: 0 auto 10px;
}
#content .carouselContainer li h5
{
font-weight: 700;
color: #000;
font-size: 18px;
padding-bottom: 5px;
}
#content .carouselContainer li p
{
font-size: 16px;
}
#content .bx-controls a.bx-prev,
#content .bx-controls a.bx-next
{
display:block;
height:38px;
width: 18px;
text-indent:-9999em;
overflow:hidden;
position:absolute;
left:-20px;
top: 50%;
margin-top: -60px;
background-image:url(../i/btnCarPrev.png); 
background-position: 0% 0; 
background-size:17.5px 38px; 
}
#content .bx-controls a.bx-next
{
right:-20px;
left: auto;
background-image:url(../i/btnCarNext.png); 
background-position: 100% 0; 
}

/* ==========================================================================
	Home review callout
	========================================================================== */
section#review
{
background-color: #000;
background-image: url(../i/bgTestimonial.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;	
}
section#review h3
{
color: #fff;	
font-size: 18px;
font-weight: 800;
padding-bottom: 25px;
text-transform: uppercase;
}
section#review h3 small
{
font-size: 16px;
font-weight: 400;
display: block;
text-transform: none;
}
section#review p
{
color: #fff;	
font-size: 14px;
}
section#review p:last-of-type
{
padding-bottom: 0;
}
/* ==========================================================================
	Pull Quotes
	========================================================================== */
#content #screeningPullQuote blockquote
{
position: relative;	
}
.home #content #screeningPullQuote
{
background-image: url(../i/bgTestimonial.jpg);
background-position: 50% 50%;
}
/* ==========================================================================
	Home Press Section
	========================================================================== */
section.press
{
background: #f2f2f2;	
}
section.press .headlineCol
{
text-align: center;	
}
section.press .post
{
padding-bottom: 30px;	
}
section.press .post:last-of-type
{
padding-bottom: 0px;	
}
/* ==========================================================================
	Bottom Nav
	========================================================================== */
section#bottomNav
{
background: #d7d7d7;
padding-top: 15px;
padding-bottom: 15px;
}
section#bottomNav nav ul li a
{
display: block;
padding: 8px 15px 9px;
text-transform: uppercase;
font-family: 	'antoniobold', sans-serif;
color: #747474;
font-size: 16px;
line-height: 1;
}
section#bottomNav nav .active
{
color: #505050!important;
}
section#bottomNav nav ul li a:hover
{
color: #ea1c24;
text-decoration: none;
}
/* ==========================================================================
	Footer
	========================================================================== */
footer
{
background: #000;	
}
footer p
{
color: #808080;
font-weight: 700;
font-size: 13px;	
}
footer p a
{
color: #909090;	
font-weight: 700;
}
footer p a:hover
{
color: #fff;	
}

/* ==========================================================================
	Inside - news grid
	========================================================================== */
#newsGrid .grid 
{
width: 100%;
max-width: 1200px;
margin: 0px auto 0;
}
#newsGrid .grid-item
{
width: 100%;
margin: 0;
overflow: hidden;
padding: 20px 15px 0;
}
#newsGrid .grid-item-width-50
{ 
width: 100%; 
}
#newsGrid .grid-item .contentWrap
{
border-top: 2px dotted #8f8f8f;	
padding: 20px 0 0;
}
#newsGrid .grid-item p.crossLink
{
text-align: right;	
font-family: 'antonioregular', sans-serif;
}

#newsGrid .grid-item h4
{
text-transform: capitalize;	
}

#newsGrid .grid-item .gridNews,
#newsGrid .grid-item .gridReview,
#newsGrid .grid-item .gridQuote,
#newsGrid .grid-item .gridVideo
{
padding-bottom: 25px;	
}
#newsGrid .grid-item .gridNews h4,
#newsGrid .grid-item .gridReview h4
{
padding-bottom: 4px;	
}
#newsGrid .grid-item .gridNews p,
#newsGrid .grid-item .gridReview p,
#newsGrid .grid-item .gridQuote p,
#newsGrid .grid-item .gridVideo p
{
padding-bottom: 10px;	
}
#newsGrid .grid-item .gridNews h6,
#newsGrid .grid-item .gridReview h6,
#newsGrid .grid-item .gridQuote h6,
#newsGrid .grid-item .gridVideo h6
{
padding-bottom: 0;
color: #000;
font-style: normal;
}
/*#newsGrid .grid-item .gridQuote h6
{
font-weight: 700;	
}*/


#newsGrid .grid-item .gridVideo .embed-responsive
{
margin-bottom: 10px;	
}

#newsGrid .grid-item-width-50 .inner-item-50 img,
#newsGrid .gridVideo img
{
width: 100%;
/*max-width: 270px;
min-height: 140px;*/
margin: 0 auto;
display: block;
}

#newsGrid .gridVideo.miniPlay
{
display: flex;
align-items: center;
align-content: flex-start;
}
#newsGrid .gridVideo.miniPlay .mpBtn
{
margin-right: 12px;
width: 51px!important;
}
#newsGrid .gridVideo.miniPlay .mpBtn img
{
width: 51px!important;
height: auto;
margin: 0;
display: block;
}
#newsGrid .gridVideo.miniPlay .mpLabel p:last-of-type
{
padding-bottom: 0!important;
}

.gridNewsList .newsList
{
padding-top: 20px;	
}
#newsGrid .grid-item .gridNews.gridNewsList 
{
padding-bottom: 0px;	
}

#newsGrid .newsList ul
{
list-style: none;
margin: 0;
padding: 0;	
}
#newsGrid .newsList ul li
{
padding-left: 0;	
}
#newsGrid .newsList .col-6
{
padding-left: 0;	
}


/*#newsGrid .grid-item .gridVideo p
{
padding-bottom: 0px;	
}*/

.press #content #screeningPullQuote
{
background-image: url(../i/inside/press/lowerSplash.jpg);
background-position: 0% 0%;
}
.press #content #screeningPullQuote blockquote
{
text-shadow: 1px 1px 15px rgba(0,0,0,0.5);
}

/* ==========================================================================
	Inside - news temp 
	========================================================================== */
.pressTemp #newsGrid .grid-item
{
width: 100%;
margin: 0;
overflow: hidden;
padding: 0px 0px 20px;
}
.pressTemp #newsGrid .grid-item .gridNews h6
{
font-style: normal;
line-height: 1.35em;	
}
.pressTemp #content #screeningPullQuote blockquote
{
top: -50px;
}

/* ==========================================================================
	Inside - news category list
	========================================================================== */
#content .subHeadRow h1
{
font-family: 'antonioregular', sans-serif;
text-transform: none;
font-size: 1.3em;
font-weight: normal;
}
#content .pressList
{
padding-bottom: 50px;	
}
#content .pressList .post
{
border-bottom: 2px dotted #8f8f8f;	
padding-bottom: 20px;
margin-bottom: 20px;
}
#content .pressList .post h6
{
font-style: normal;
color: #000;	
text-transform: uppercase;
}
#content .pressSidebar h2
{
text-transform: uppercase;
padding-bottom: 25px;
}
#content .pressSidebar ul li
{
padding-bottom: 25px;	
}
#content .pressSidebar ul li a
{
color: #000;	
font-weight: 700;
}
#content .pressSidebar ul li a:hover
{
color: #ea1c24;
text-decoration: none;	
}

/* ==========================================================================
	Inside - pagination
	========================================================================== */
#content .pagination
{
margin: 0px auto 0;	
padding-top: 10px;
text-align: center;
display: block;
}
#content .pagination span, #content .pagination a
{
font-family: 'antoniobold', sans-serif;
text-transform: uppercase;
font-size: 15px;
line-height: 24px;
padding-top: 4px;
vertical-align: top;
text-align: center;
border-radius: 14px;
background: #fff;
color: #575757;
display: inline-block;
width: 28px;
height: 28px;
margin: 0 2px;
}
#content .pagination .next,
#content .pagination .prev
{
padding-top: 3px;
}
#content .pagination a:hover
{
background: #575757;
color: #fff;	
text-decoration: none;
}
#content .pagination span
{
color: #ccc;	
}
#content .pagination a.active
{
background: #ea1c24;
color: #fff;
}

/* ==========================================================================
	Inside - screenings
	========================================================================== */
#content #screeningDates .premiereCallout,
#content #screeningDates .additionalScreenings
{
max-width: 1170px;	
}
#content #screeningDates .premiereHeadline h1
{
font-family: 'Muli', sans-serif;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
padding-bottom: 20px;
font-size: 28px;
display: block;
}
#content #screeningDates .premiereHeadline img
{
width: 220px;
max-width: 340px;
margin: 0 auto 10px;	
}
#content #screeningDates .premiereLogo
{
padding: 35px 0 25px;	
}
#content #screeningDates .premiereLogo h2
{
padding: 0;	
}
#content #screeningDates .premiereLogo img
{
width: 170px;
height: auto;	
}
#content #screeningDates .premiereImage
{
padding-bottom: 30px;	
}
#content #screeningDates .premiereImage img
{
border-top: 2px dotted #8f8f8f;
width: 100%;
height: auto;	
padding-top: 20px;
}
#content #screeningDates .premiereEvent h2
{
font-family: 'Muli', sans-serif;
font-weight: 700;
text-transform: none;
color: #040404;
font-size: 22px;	
padding-bottom: 10px;
}
#content #screeningDates .premiereEvent h4,
#content #screeningDates .premiereHeadline h4
{
font-family: 'antonioregular', sans-serif;	
font-weight: 400;
text-transform: uppercase;
color: #ea1c24;
font-size: 18px;	
padding-bottom: 18px;
}
#content #screeningDates .premiereEvent p
{
font-family: 'Muli', sans-serif;
font-weight: 700;
text-transform: none;
font-size: 16px;	
padding-bottom: 30px;
/*border-bottom: 2px dotted #8f8f8f;*/
display: block;
}
#content #screeningDates .additionalScreenings
{
padding-top: 20px;	
}
#content #screeningDates .screeningRequest,
#content #screeningDates .screeningBox
{
text-align: center;	
}
#content #screeningDates .screeningBox .sBox
{
text-align: center;	
display: inline-block;
border: 1px solid #cecece;
background: #f2f2f2;
padding: 20px;
}
#content #screeningDates .screeningBox .sBox p
{
font-family: 'antonioregular', sans-serif;	
font-weight: 400;
font-size: 18px;	
}
#content #screeningDates .screeningBox .sBox p span
{
text-transform: uppercase;
display: block;	
}
#content #screeningPullQuote
{
background-color: #000;
background-image: url(../i/inside/screenings/yearbook.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover;	
padding: 0px 0;
min-height: 245px;
display: flex;
justify-content: center;
align-items: center;
}
#content #screeningPullQuote blockquote
{
color: #fff;
font-size: 18px;
line-height: 1.6em;
font-weight: 800;
font-style: italic;
padding: 0;
text-align: center;	
}
.screenings #content #screeningPullQuote
{
background-image: url(../i/inside/screenings/justice.jpg);
background-position: 80% 100%;
}

.screeningsMulti #content #screeningDates .premiereHeadline h3
{
padding-bottom: 20px;	
}
.screeningsMulti #content #screeningDates #previousDates .previousHeadline h2
{
padding: 0 0 25px 0;	
}
.screeningsMulti #content #screeningDates .premiereEvent p
{
font-weight: 400;
font-size: 13px;
}
.screeningsMulti #content #screeningDates .additionalScreenings
{
padding-top: 0px;	
}
.screeningsMulti #content #screeningDates .screeningRequest .insideContentWrap
{
border-top: 2px dotted #8f8f8f;
border-bottom: 2px dotted #8f8f8f;
padding: 30px 0;	
margin: 0px 0 30px;	
}
.noUpcoming.screeningsMulti #content #screeningDates .screeningRequest .insideContentWrap
{
border-top: 0px;
padding-top: 0px;
}
#content #screeningDates #previousDates .premiereImage img
{
border-top: 0px;
padding-top: 0px;
margin-bottom: 20px;
}

/* ==========================================================================
	Inside - Film
	========================================================================== */
.film #content #screeningPullQuote
{
background-image: url(../i/inside/film/mural.jpg);
background-position: 0% 100%;
}
.insideContent .row
{
padding-bottom: 30px;	
}
.film #content p.leadIn
{
/*padding-bottom: 30px;*/	
padding-bottom: 14px;	
}
.insideContent .filmTrailer,
.insideContent .capture
{
padding-top: 30px;	
}
.insideContent .filmTrailer a
{
position: relative;
z-index: 100;	
width: 100%;
max-width: 528px;
margin: 0 auto;
display: block;
background: url(../i/trailerOn.jpg) no-repeat;
background-size: 100% 100%;
}
.insideContent .filmTrailer h4 a
{
background: none;
padding: 20px 0 0 0;
display: block;
text-align: center;
font-weight: 700;
text-transform: none;	
}
.insideContent .filmTrailer a img
{
width: 100%;
height: auto;
max-width: 528px;
position: relative;
z-index: 200;
opacity: 1;
transition: opacity ease 300ms;
}
.insideContent .filmTrailer a:hover img
{
opacity: 0;
}
.insideContent .scripture,
.insideContent .bookIndexInner
{
border: dotted #8f8f8f;
border-width: 2px 0;
padding: 20px 0;
}
.insideContent .scripture p
{
font-weight: 800;
color: #000;
font-size: 16px;
line-height: 1.6em;
padding-bottom: 15px;	
}
.insideContent .scripture p:last-of-type
{
padding-bottom: 0px;	
}
.insideContent .capture img
{
width: 100%;
margin-bottom: 10px;	
}
img + p.caption
{
font-weight: 700;
color: #5c5c5c;
}
.insideContent .insideSidebar
{
padding-top: 30px;	
max-width: 320px;
margin: 0 auto;
}
.insideContent .hw61Callout h2,
.insideContent .hw61Callout p
{
padding-bottom: 20px;
}
.insideContent .insideSidebar h2#hw61
{
display: block;
text-align: center;	
padding-bottom: 20px;
}
.insideContent .insideSidebar h2#hw61 img,
.insideContent .stdSidebar h2#hw61 img
{
width: 100%;
height: auto;
max-width: 185px;	
}
.insideSidebar #buyCallout
{
padding-top: 30px;
margin-top: 30px;
position: relative;	
}
.insideSidebar #buyCallout h3
{
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
padding: 30px 100px 30px 20px;
background: #fcd882;
font-family: 'antoniobold', sans-serif;	
font-weight: normal;
text-transform: uppercase;
font-size: 20px;
line-height: 1.4em;
}
.insideSidebar #buyCallout img
{
width: 100%;
max-width: 165px;
height: auto;
float: right;
z-index: 200;
position: relative;
}
.insideSidebar #buyButton
{
text-align: center;
padding-top: 30px;	
}
.chunky
{
display: inline-block;
margin: 0 auto;
color: #fff;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 15px 70px 8px;
background: rgba(234,28,36,1);
transition: all ease 500ms;
font-size: 20px;
line-height: 21px;
font-family: 'antonioregular', sans-serif;	
font-weight: normal;
}
.chunky:hover
{
background: rgba(0,0,0,1);
text-decoration: none;	
color: #fff;
}
.insideContent .downloads .downloadTitle,
.insideContent .downloads .downloadItems
{
padding-top: 15px;	
text-align: center;
}
.insideContent .downloads .downloadItems li
{
padding-bottom: 25px;
}
.insideContent .downloads .downloadItems li h5
{
font-size: 14px;
color: #575757;	
}
.insideContent .downloads .downloadItems li .poster
{
height: 118px;	
}
.insideContent .downloads .downloadItems li .sleeve
{
height: 68px;	
}
.insideContent .downloads .downloadItems li .boxart
{
height: 128px;	
}
.insideContent .downloads .downloadItems li .trailer
{
height: 68px;	
}
.insideContent .downloads .downloadItems li .QA
{
height: 64px;	
}

/* ==========================================================================
	Inside - Book
	========================================================================== */
.insideContent .bookIndexInner .cover,
.insideContent .bookIndexInner .index
{
width: 100%;
flex: 0 0 100%;
max-width: 100%;
padding-bottom: 15px;
}
.insideContent .bookIndexInner .index:last-of-type
{
padding-bottom: 0px;	
}
.insideContent .bookIndexInner .cover h2
{
padding-bottom: 10px;	
}
.insideContent .bookIndexInner .cover h2:last-of-type
{
color: #808080;	
}
.insideContent .bookIndexInner .cover h2:first-child
{
font-weight: 700;
text-transform: uppercase;	
}
.insideContent .bookIndexInner .cover span
{
display: block;
text-align: center;	
}
.insideContent .bookIndexInner .cover img
{
margin: 0 auto;
width: 100%;
max-width: 155px;
}
.insideContent .bookIndexInner .index li:before
{
content: "";
padding-right: 3px;
}

.book .buyBook
{
padding-top: 30px;	
max-width: 320px;
margin: 0 auto;
}
.book .buyBook #buyBookCallout
{
padding-top: 30px;
margin-top: 30px;
position: relative;	
}
.book .buyBook #buyBookCallout h3
{
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
padding: 30px 100px 30px 20px;
background: #fcd882;
font-family: 'antoniobold', sans-serif;	
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
line-height: 1.4em;
text-align: right;
}
.book .buyBook #buyBookCallout img
{
width: 100%;
max-width: 200px;
height: auto;
float: right;
z-index: 200;
position: relative;
margin-top: -30px;
}
.book .buyBook #buyButton
{
text-align: center;
padding-top: 30px;	
}
.book .bookQuote
{
padding-top: 20px;	
}
.book #content #screeningPullQuote
{
background-image: url(../i/inside/book/gillum.jpg);
background-position: 50% 0%;
}

.book #prologueRow
{
position: relative;
padding-bottom: 50px;
}
.book #prologueRow #ppBug
{
position: absolute;
display: inline-block;	
bottom: 15px;
width: 140px;
left: 50%;
margin-left: -70px;
}
.book #prologueRow #ppBug img
{
width: 100%;
height: auto;	
}

/* ==========================================================================
	Inside - Contact
	========================================================================== */
#contactFormWrap h6
{
font-size: 14px;	
}
#contactForm .formCol1,
#contactForm .formCol2
{
padding: 0px;
}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea 
{
-moz-appearance: none;
-webkit-appearance: none;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
font-size: 16px;
font-weight: 400;
line-height: 36px;
height: 36px;
padding: 0px 10px 0px;
vertical-align: middle;
display: inline-block;
width: 100%;
color: #202020;
background: #fff;
border: 1px solid #b6b6b6;
margin-bottom: 10px;
letter-spacing: 0.04em;
}
#contactForm textarea 
{
height: 150px;	
line-height: 22px;
padding: 10px 10px;
}
#contactForm select 
{
-moz-appearance: none;
-webkit-appearance: none;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
color: #202020;
background: #fff;
border: 1px solid #b6b6b6;
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
height: 36px;
outline: medium none;
padding: 0px 7px 0;
vertical-align: middle;
width: 100%;
-moz-outline-style: none;
-moz-outline-width: 0;
letter-spacing: 0.04em;
}
#contactForm button
{
outline: none;
border: none;	
font-family: 'antoniobold', sans-serif;
}
#contactForm ::-webkit-input-placeholder {
  opacity: 1;
  color: #202020;
}

#contactForm ::-moz-placeholder {
  opacity: 1;
  color: #202020;
}

#contactForm :-ms-input-placeholder {
  color: #202020 !important;
  opacity: 1;
}

#contactForm :-moz-placeholder {
  opacity: 1;
  color: #202020;
}

#contactForm :focus::-webkit-input-placeholder {
  opacity: 0.35;
}

#contactForm :focus::-moz-placeholder {
  opacity: 0.35;
}

#contactForm :focus:-ms-input-placeholder {
  opacity: 0.35;
}

#contactForm :focus:-moz-placeholder {
  opacity: 0.35;
}
.insideContent .stdSidebar#contactAddress
{
padding-top: 30px;
}
.insideContent .stdSidebar#contactAddress h2#hw61
{
text-align: left;
}
.stdSidebar#contactAddress p a
{
font-weight: bold;
font-style: italic;	
}
.contact #content #screeningPullQuote
{
background-image: url(../i/inside/contact/joel-hands.jpg);
background-position: 50% 50%;
}
.contact #content #screeningPullQuote blockquote
{
/*top: -50px;*/
}

/* ==========================================================================
	Inside - Buy
	========================================================================== */
.insideContent .buyWrap
{
margin: 0 0px;
display: block;
text-align: center;
}
.insideContent .buyWrap .buyPageBox
{
text-align: center;	
width: 100%;
max-width: 270px;
margin: 0 auto 40px;
padding-top: 20px;
position: relative;
z-index: 20;
}
.insideContent .buyWrap .buyPageBox:before
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 275px;
background: #fcd882;
z-index: 100;
}
.insideContent .buyWrap .buyPageBox:last-child
{
padding-bottom: 40px;
border-bottom: 2px dotted #8f8f8f;
}
.insideContent .buyWrap .buyPageBox h2
{
display: block;
padding: 0 0 20px;	
position: relative;
z-index: 200;
}
.insideContent .buyWrap .buyPageBox h2 img
{
width: 140px;
height: auto;
}
.insideContent .buyWrap .buyPageBox .buyThumb
{
position: relative;
z-index: 200;
}
.insideContent .buyWrap .buyPageBox .buyThumb img
{
width: 180px;
}
.insideContent .buyWrap .buyPageBox .buyPrice
{
margin: 10px 0 20px;
vertical-align: top;	
position: relative;
}
.insideContent .buyWrap .buyPageBox .buyPrice h3
{
padding: 0;
margin: 0;
font-weight: 900;
color: #ea1c24;
font-size: 22px;
line-height: 1;
vertical-align: top;	
position: relative;
}
.insideContent .buyWrap .buyPageBox .buyPrice h5
{
padding: 0;
margin: 0;
font-weight: 900;
color: #333;
font-size: 15px;
line-height: 1;
vertical-align: top;	
position: absolute;	
width: 120px;
left: 50%;
margin-left: -60px;
top: -15px;
}
.insideContent .buyWrap .buyPageBox .buyPrice h3 span
{
font-size: 32px;	
vertical-align: top;
position: relative;
top: -2px;	
}
.insideContent .buyWrap .buyPageBox .chunky
{
padding-left: 0;
padding-right: 0;
width: 210px;
}
.insideContent .buyWrap .buyPageBox .chunky span
{
text-transform: lowercase;	
}

.insideContent .buyWrap .buyPageBox h2 #odLogo img
{
	position: absolute;
	width: 100px;
	left: 50%;
	margin-left: -50px;
	top: 100px;
}
.insideContent .buyWrap .buyPageBox .liveOptions
{
	position: relative;
	padding-top: 10px;
}
.insideContent .buyWrap .buyPageBox .liveOptions p
{
	text-transform: uppercase;
	color: #ea1c24;
}
.insideContent .buyWrap .buyPageBox .liveOptions .liveOptionList
{	
	display: flex;
	width: 210px;
	padding: 8px 0 0 0;
	margin: 0 auto;
	list-style: none;
	align-items: center;
	justify-content: center;
}
.insideContent .buyWrap .buyPageBox .liveOptions .liveOptionList li
{	
	padding: 0 0px 0 8px;
	margin: 0;
	list-style: none;
	width: 50%;
}
.insideContent .buyWrap .buyPageBox .liveOptions .liveOptionList li:first-of-type
{	
	padding: 0 8px 0 0px;
}
.insideContent .buyWrap .buyPageBox .liveOptions .liveOptionList li img
{
	width: 100%;
	height: auto;
}

.row#buyContent, .row.buyAddress
{
padding-bottom: 0;
}
.buy #content #screeningPullQuote
{
background-image: url(../i/inside/buy/Retreat.jpg);
background-position: 50% 50%;
}
.buy #content #screeningPullQuote blockquote
{
top: 45px;
}
/* ==========================================================================
	Inside - Director
	========================================================================== */
.insidePage.director #pageHeader
{
/*background-image: url(../i/inside/director/splash.jpg);
background-position: 75% 0%;
background-size: cover;*/
}
.director #content #screeningPullQuote
{
background-image: url(../i/inside/director/evidence.jpg);
background-position: 50% 50%;
}
.director p.leadIn
{
text-indent: 15px;
}
.director .insideContent .imgCapRow
{
text-align: center;	
}
.director .insideContent .imgCapRow img
{
width: 100%;
margin-bottom: 10px;	
max-width: 270px;
}
.director .insideContent .imgCapRow img + p.caption
{
font-weight: 700;
color: #5c5c5c;
font-size: 14px;
}
.director .insideContent .imgCapRow > div
{
padding-bottom: 25px;	
}
.director .insideContent .imgCapRow > div:last-of-type
{
padding-bottom: 0;	
}
.director .insideContent .imgCapRow.morePrologue
{
text-align: left;	
}
.director .insideContent .imgCapRow.morePrologue img,
.director .insideContent .imgCapRow.morePrologue img + p.caption
{
text-align: center;	
margin-left: auto;
margin-right: auto;
display: block;
font-size: 14px;
}
.director .insideContent .imgCapRow.morePrologue img:nth-of-type(2)
{
margin-top: 15px;	
}
.director .directorProfile
{
padding-top: 5px;
}
.director .directorProfile h2,
.director .directorQA h2
{
display: block;
border-top: 0px dotted #8f8f8f;
padding: 0px 0 25px;
text-align: center;
color: #040404;
}
.director .directorQA h2
{
color: #ea1c24;
}
.director .directorProfile p,
.director .directorProfile p em,
.director .directorProfile p a
{
font-weight: 700;	
}
.director .insideContent .imgCapRow.morePrologue img.noCap
{
margin-bottom: 0;
}



/* =========== BootStrap 4 SMALL (sm) breakpoint =========== */
@media only screen and (min-width: 576px) {

/* Adjust the homepage header and the width of the carousel. That's it for this BP */
#pageHeader 
{
background-position: 75% -50px;
background-size: 1100px auto;
}
#pageHeader #tagline
{
padding: 350px 0 0;
}
#content .bx-wrapper
{
width: 486px!important;
max-width: 486px!important;
}
#content .carouselContainer
{
width: 486px;
max-width: 486px;
}
/* ==========================================================================
	Inside - news grid @SM
	========================================================================== */
#newsGrid .grid 
{
width: 100%;
}
#newsGrid .grid-item
{
width: 100%;
}

/* ==========================================================================
	Pull quotes @SM
	========================================================================== */
#content #screeningPullQuote
{
padding: 100px 0;
min-height: 290px;
}
#content #screeningPullQuote blockquote
{
width: 75%;
margin: 0 auto;
}
.home #content #screeningPullQuote blockquote
{
top: 50px;
}
.director #content #screeningPullQuote blockquote
{
top: 60px;
}
.buy #content #screeningPullQuote blockquote
{
top: 70px;
}

/* ==========================================================================
	Inside - Contact @SM
	========================================================================== */
#contactForm .formCol1
{
padding-left: 0;
padding-right: 15px;	
}
#contactForm .formCol2
{
padding-left: 0px;
padding-right: 15px;	
}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea 
{
font-size: 16px;
line-height: 36px;
height: 36px;
padding: 0px 15px 0px;
margin-bottom: 10px;
}
#contactForm textarea 
{
height: 150px;	
line-height: 22px;
padding: 12px 15px;
}
#contactForm select 
{
margin-bottom: 10px;
font-size: 16px;
height: 36px;
padding: 0px 10px 0;
}


}


/* =========== BootStrap 4 MEDIUM (md) breakpoint =========== */
@media only screen and (min-width: 768px) {
	
/*body{background:red;}*/	

/* ==========================================================================
   global type  @MD
   ========================================================================== */
h1
{
font-size: 25px;
}
div.row h1:first-of-type
{
padding-bottom: 30px;	
}
h2
{
font-size: 21px;
}
h3
{
font-size: 23px;
}
h4
{
font-size: 19px;
}
h5
{
font-size: 17px;
}
h6
{
font-size: 15px;
}
p
{
font-size: 15px;
}
p.leadIn
{
font-size: 17px;
}
blockquote
{
font-size: 15px;	
}
ul li
{
font-size: 15px;
}
ol li
{
font-size: 15px;
}
dl dt, dl dd
{
font-size: 15px;
}

/* ==========================================================================
	Header @MD
	========================================================================== */
#pageHeader
{
background-position: 55% -40px;
background-size: 1300px auto;
}
#pageHeader section
{
position: relative;
padding-bottom: 50px;
}
#logo
{
top: 15px;
left: 13px;
width: 250px;
z-index: 400;
}
#pageHeader #tagline
{
font-size: 20px;
padding: 155px 0 0 15px;
line-height: 1.3em;
text-align: left;
}
#playTrailer,
#playTrailer h2
{
width: 260px;
height: 146px;
margin: 0 0;
background-size: 260px auto;
}
#playTrailer
{
margin: 30px 0 0 15px;
}
/*
#playTrailer
{
justify-content: flex-start;
margin-top: 0px;
padding: 40px 0 0 15px;
}
#playTrailer h2
{
font-size: 24px;
}
#playTrailer img
{
width: 64px;
padding: 0 0px 0 12px;
}*/
#headerCallout h4
{
text-align: left;
font-size: 20px;
padding: 30px 0 0 15px;
}
ul#socialLinks
{
margin-top: 40px;
}
/* ==========================================================================
	Home Header Element Revisions @MD
	========================================================================== */
.home #pageHeader .subElementGroup
{
width: 50%;
}
.home #pageHeader .subElementGroup #tagline 
{
/*text-align: center;
padding-left: 0;*/
/*padding: 320px 0 0 0;*/
text-align: left;
padding-left: 16px;
}
.home #pageHeader .subElementGroup #playTrailer
{
/*margin: 30px auto 0 auto;*/
/*margin-left: auto;*/
margin-left: 54px;
margin-right: auto;
}
.home #pageHeader .subElementGroup #headerCallout h4 
{
/*text-align: center;
padding-left: 0;*/
text-align: left;
padding-left: 16px;
/*padding: 75px 0 0 0px;*/
}
/* ==========================================================================
	Inside Page Header @MD
	========================================================================== */
.insidePage.press #pageHeader
{
background-position: 50% 0px;
}
.insidePage.press #pageHeader section
{
padding-bottom: 30px;
}
.insidePage #pageHeader #tagline
{
padding: 145px 0 0 23px;
position: relative;
z-index: 100;
}
.insidePage ul#socialLinks
{
margin-top: 30px;
}
.insidePage #content section.pageTitle
{
padding: 20px 0 12px;
}
.insidePage .pageTitle div.row h1
{
/*font-size: 48px;*/
font-size: 34px;
padding: 0px 0 0;
}

/* ==========================================================================
	main nav @MD
	========================================================================== */
#main-nav
{
z-index: 300;
position: absolute;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
top: 30px;
right: 0;
left: auto;
height: 40px;
background: transparent;
/*overflow-y: none;*/
}
#main-nav ul
{
padding: 0px 15px 0px 0;
margin: 0;
list-style: none;	
width: 100%;
text-align: right;
}
#main-nav ul li
{
padding: 0 0 0 8px;
margin: 0;
list-style: none;
display: inline-block;
width: auto;
}
#main-nav ul li:first-child
{
padding-left: 0;	
}
.main-nav ul li a
{
padding: 0px 0px 0px;
color: #fff;
font-size: 15px;
line-height: 1.3em;
transition: all 500ms ease;
white-space: nowrap;
}
.main-nav ul li a:hover
{
text-decoration: none;
color: #ea1c24;
}

/* ==========================================================================
	Home content @MD
	========================================================================== */
#content > section
{
padding: 45px 0;	
}
#content .twoColAlt .contentRow
{
padding: 0px 0 50px;
}
#content .twoColAlt .contentRow:last-of-type
{
padding-bottom: 0;	
}
#content .twoColAlt .imgCol
{
padding-bottom: 0px;	
text-align: center;
}

/* ==========================================================================
	Home carousel @MD
	========================================================================== */
#content .bx-wrapper
{
width: 729px!important;
max-width: 729px!important;
}
#content .carouselContainer
{
width: 729px;
max-width: 729px;
}
#content .bx-controls a.bx-prev,
#content .bx-controls a.bx-next
{
height: 38px;
width: 18px;
left: -0px;
background-size: 18px 39px; 
}
#content .bx-controls a.bx-next
{
right: -0px;
left: auto;
}

/* ==========================================================================
	Home review callout @MD
	========================================================================== */
section#review h3
{
font-size: 20px;
}
section#review h3 small
{
font-size: 17px;
}
section#review p
{
font-size: 15px;
}

/* ==========================================================================
	Home Press Section @MD
	========================================================================== */
section.press .post
{
padding-bottom: 0px;	
}

/* ==========================================================================
	Bottom Nav @MD
	========================================================================== */
section#bottomNav
{
padding: 25px 0;	
}
section#bottomNav nav ul li
{
display: inline-block;	
}
section#bottomNav nav ul li a
{
padding: 0px 15px 0px;
font-size: 17px;
line-height: auto;
vertical-align: middle;
}

/* ==========================================================================
	Footer @MD
	========================================================================== */
footer
{
background: #000;	
padding: 20px 0;
}
footer p
{
font-size: 14px;	
}

/* ==========================================================================
	Inside - news grid @MD
	========================================================================== */
#newsGrid .grid-item
{
width: 50%;
padding: 20px 20px 0;
}
#newsGrid .grid-item-width-50,
#newsGrid .grid-item-width-50 .inner-item-50
{ 
width: 50%; 
}
#newsGrid .innerSideBySide
{
vertical-align: top;
position: relative;
}
#newsGrid .innerSideBySide:after
{
content: '';
position: absolute;
display: block;
width: 1px;
height: auto;
top: 0px;
bottom: 30px;
background: #a0a0a0;
left: 50%;
}
#newsGrid .grid-item-width-50 .inner-item-50
{
display: inline-block;
width: 50%;	
vertical-align: top;
}
#newsGrid .grid-item-width-50 .inner-item-50:nth-of-type(1)
{
padding-right: 15px;	
}
#newsGrid .grid-item-width-50 .inner-item-50:nth-of-type(2)
{
padding-left: 15px;	
}
#newsGrid .grid-item-width-50 .inner-item-50 img,
#newsGrid .gridVideo img
{
width: 100%;
/*min-height: 83px;*/
}

/* ==========================================================================
	Inside - news category list @MD
	========================================================================== */
#content .subHeadRow h1
{
font-size: 30px;
}
#content .pressList
{
padding-bottom: 0px;	
}
#content .pressList .post
{
padding-bottom: 25px;
margin-bottom: 25px;
}
#content .pressSidebar h2
{
font-size: 20px;
}
#content .pressSidebar ul li
{
padding-bottom: 25px;	
}

/* ==========================================================================
	Inside - pagination @MD
	========================================================================== */
#content .pagination
{
margin: 0px 0;	
padding-top: 10px;
text-align: left;
}
#content .pagination span, #content .pagination a
{
font-size: 18px;
line-height: 26px;
padding-top: 5px;
border-radius: 16px;
width: 32px;
height: 32px;
margin: 0 6px 0 0;
}
#content .pagination .next,
#content .pagination .prev
{
padding-top: 4px;
}

/* ==========================================================================
	Inside - screenings @MD
	========================================================================== */
#content #screeningDates .premiereHeadline h1
{
/*padding-bottom: 45px;
font-size: 56px;*/
padding-bottom: 20px;
font-size: 40px;
}
#content #screeningDates .premiereHeadline img
{
width: 260px;	
}
#content #screeningDates .premiereLogo img
{
width: 240px;
height: auto;	
}
#content #screeningDates .premiereImage
{
padding-bottom: 38px;	
}
#content #screeningDates .premiereImage img 
{
padding-top: 30px;
}
#content #screeningDates .premiereEvent h2
{
/*font-size: 32px;*/
font-size: 27px;	
padding-bottom: 20px;
}
#content #screeningDates .premiereEvent h4,
#content #screeningDates .premiereHeadline h4
{
/*font-size: 24px;*/
font-size: 21px;	
padding-bottom: 20px;
}
#content #screeningDates .premiereEvent p
{
/*font-size: 20px;*/
font-size: 18px;	
padding-bottom: 30px;
}
#content #screeningDates .additionalScreenings
{
padding-top: 0px;	
}
#content #screeningDates .screeningRequest,
#content #screeningDates .screeningBox
{
text-align: right;
padding-top:  25px;
}
#content #screeningDates .screeningRequest
{
padding-bottom: 30px;	
text-align: left;
padding-top: 50px;
}
.noUpcoming #content #screeningDates .screeningRequest
{
padding-top: 0px;	
}
#content #screeningDates .screeningBox .sBox p
{
/*font-size: 24px;*/
font-size: 21px;	
}
#content #screeningPullQuote
{
min-height: 400px;
}
.contact #content #screeningPullQuote
{

}
.screenings #content #screeningPullQuote
{
background-position: 55% 100%;
}
#content #screeningPullQuote blockquote
{
/*font-size: 24px;*/
font-size: 21px;
width: 80%;
}
.screenings #content #screeningPullQuote blockquote
{
width: 70%;
}



.screeningsMulti #content #screeningDates .premiereEvent p
{
font-size: 15px;
}
.screeningsMulti #content #screeningDates .premiereHeadline h3
{
padding-bottom: 20px;	
}
.screeningsMulti #content #screeningDates #previousDates .previousHeadline h2
{
padding: 0 0 25px 0;	
}
.screeningsMulti #content #screeningDates .additionalScreenings
{
padding-top: 0px;	
}
.screeningsMulti #content #screeningDates .screeningRequest
{
padding: 15px 15px 10px;	
text-align: center;
}
.screeningsMulti #content #screeningDates .screeningRequest .insideContentWrap
{
padding: 30px 0;	
margin: 0px 0 30px;	
}
#content #screeningDates #previousDates .premiereImage img
{
margin-bottom: 20px;
}


/* ==========================================================================
	Inside - Film @MD
	========================================================================== */
.film #content p.leadIn
{
/*padding-bottom: 30px;*/	
padding-bottom: 16px;	
}
.insideContent .row
{
padding-bottom: 45px;	
}
.insideContent .filmTrailer
{
padding-top: 0;	
}
.insideContent .capture
{
padding-top: 45px;
text-align: left;	
}
.insideContent .scripture,
.insideContent .bookIndexInner
{
padding: 35px 0;
}
.insideContent .scripture p
{
font-size: 18px;
padding-bottom: 25px;	
}

.insideContent .capture img
{
margin-bottom: 15px;	
}
.insideContent .insideSidebar
{
padding-top: 0px;	
max-width: unset;
margin-top: 0;
}
.insideContent .hw61Callout h2,
.insideContent .hw61Callout p
{
padding-bottom: 25px;
}
.insideContent .insideSidebar h2#hw61
{
text-align: left;	
padding-bottom: 25px;
}

.insideSidebar #buyCallout
{
padding-top: 30px;
margin-top: 5px;
position: relative;	
}
.insideSidebar #buyCallout h3
{
padding: 30px 100px 30px 30px;
}
.insideSidebar #buyCallout img
{
float: none;
margin-left: 130px;	
}
.insideSidebar #buyButton
{
text-align: left;	
}
.insideSidebar #buyButton .chunky
{
margin: 0;
}
.insideContent .downloads .downloadTitle
{
text-align: left;
padding-top: 40px;	
}
.insideContent .downloads .downloadItems
{
padding-top: 30px;	
text-align: unset;
}
.insideContent .downloads .downloadItems ul
{
width: 100%;	
display: flex;
justify-content: space-between;
}
.insideContent .downloads .downloadItems li
{
padding-bottom: 0;
}
.insideContent .downloads .downloadItems li h5
{
display: block;
text-align: center;
font-size: 14px;
color: #575757;	
padding-bottom: 20px;
}
.insideContent .downloads .downloadItems li .dlThumb
{
display: flex;
height: 130px;
align-items: center;
justify-content: center;	
}

/* ==========================================================================
	Inside - Book @MD
	========================================================================== */
.insideContent .bookIndexInner .cover
{
width: 100%;
flex: 0 0 100%;
max-width: 100%;
padding-bottom: 20px;
}
.insideContent .bookIndexInner .index
{
width: 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
padding-bottom: 0px;	
}
.insideContent .bookIndexInner .index li 
{
margin-right: 0px;
padding: 0em 15px 0.5em 0px;
}

.insideContent .bookIndexInner .cover span
{
display: block;
text-align: center;	
}
.insideContent .bookIndexInner .cover img
{
margin: 0 auto;
}
.insideContent .bookIndexInner .index li:before
{
content: "";
padding-right: 3px;
}

.book .buyBook
{
padding-top: 0px;	
max-width: unset;
margin-top: 0;
}
.book .buyBook #buyBookCallout
{
margin-top: 0px;
max-width: 340px;
}
.book .buyBook #buyBookCallout h3
{
padding: 30px 134px 30px 30px;
font-size: 23px;
width: 220px;
}
.book .buyBook #buyBookCallout img
{
max-width: 230px;
}
.book .buyBook #buyButton
{
text-align: left;	
}
.book .bookQuote
{
padding-top: 25px;	
}
.book .insideContent .capture 
{
padding-top: 0px;
}
.book .insideContent .details 
{
padding-top: 0px;
}

.book #prologueRow
{
padding-bottom: 60px;
}
.book #prologueRow #ppBug
{
bottom: 15px;
width: 160px;
left: auto;
right: 15px;
}
/* ==========================================================================
	Inside - Contact @MD
	========================================================================== */
#contactForm .formCol1
{
padding-left: 0;
padding-right: 15px;	
}
#contactForm .formCol2
{
padding-left: 0px;
padding-right: 15px;	
}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea 
{
font-size: 16px;
line-height: 40px;
height: 40px;
padding: 0px 15px 0px;
margin-bottom: 15px;
}
#contactForm textarea 
{
height: 150px;	
line-height: 23px;
padding: 12px 15px;
}
#contactForm select 
{
margin-bottom: 10px;
font-size: 16px;
height: 40px;
padding: 0px 10px 0;
}
.insideContent #contactFormWrap .row 
{
padding-bottom: 20px;
}


/* ==========================================================================
	Inside - Buy @MD
	========================================================================== */
.insideContent .buyWrap
{
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: center;
padding-bottom: 0px;
flex-wrap: wrap;
max-width: 700px;
}
.insideContent .buyWrap .buyPageBox
{
text-align: center;	
width: 50.0000%;
flex: 0 0 50.0000%;
max-width: 50.0000%;
max-width: 260px;
margin: 0 15px 40px;
padding-top: 20px;
position: relative;
z-index: 20;
}
.insideContent .buyWrap .buyPageBox:last-child
{
padding-bottom: 0px;
border-bottom: none;
}
.row#buyContent .row.buyAddress
{
display: block;
width: 100%;
padding-bottom: 0px;
}
.row#buyContent .row.buyAddress address
{
width: 100%;
border-top: 2px dotted #8f8f8f;
padding-top: 40px;
margin-left: auto;
margin-right: auto;
max-width: 1140px;
}
.insideContent .buyWrap .buyPageBox:before
{
height: 250px;
}
.insideContent .buyWrap .buyPageBox .liveOptions
{
	padding-top: 15px;
}

/* ==========================================================================
	Inside - Director @MD
	========================================================================== */
.insidePage.director #pageHeader
{
background-position: 75% 0%;
}
.director #content #screeningPullQuote
{
background-position: 0% 50%;
}
.director .insideContent .imgCapRow
{
text-align: left;	
}
.director .insideContent .imgCapRow img
{
width: 100%;
margin-bottom: 10px;	
max-width: 100%;
}
.director .insideContent .imgCapRow img + p.caption
{
font-weight: 700;
color: #5c5c5c;
}
.director .insideContent .imgCapRow > div
{
padding-bottom: 0px;	
}
.director .insideContent .imgCapRow.morePrologue
{
text-align: left;
padding-bottom: 0px;
}
.director .insideContent .imgCapRow.morePrologue img,
.director .insideContent .imgCapRow.morePrologue img + p.caption
{
text-align: left;
display: block;
}
.director .directorProfile
{
padding-top: 0px;
}
.director .directorProfile h2,
.director .directorQA h2
{
display: block;
border-top: 0px dotted #8f8f8f;
padding: 0px 0 30px;
text-align: center;
}


}



/* =========== BootStrap 4 LARGE (lg) breakpoint =========== */
@media only screen and (min-width: 992px) {
	
/*body{background:orange;}*/

/* ==========================================================================
   global type  @LG
   ========================================================================== */
h1
{
font-size: 28px;
}
div.row h1:first-of-type
{
padding-bottom: 45px;	
}
h2
{
font-size: 23px;
}
h3
{
font-size: 26px;
}
h4
{
font-size: 22px;
}
h5
{
font-size: 20px;
}
h6
{
font-size: 16px;
}
p
{
font-size: 16px;
}
p.leadIn
{
font-size: 20px;
}
blockquote
{
font-size: 16px;	
}
ul li
{
font-size: 16px;
}
ol li
{
font-size: 16px;
}
dl dt, dl dd
{
font-size: 16px;
}

/* ==========================================================================
	Header @LG
	========================================================================== */
#pageHeader
{
background-position: 50% 0px;
background-size: 1500px auto;
}
#pageHeader section
{
padding-bottom: 60px;
}
#logo
{
top: 50px;
left: 13px;
width: 360px;
}
#pageHeader #tagline
{
font-size: 26px;
padding-top: 230px
}
#playTrailer,
#playTrailer h2
{
width: 310px;
height: 174px;
margin: 0 0;
background-size: 310px auto;
}
#playTrailer
{
margin: 40px 0 0 15px;
}
/*#playTrailer
{
padding: 50px 0 0 15px;
}
#playTrailer img
{
width: 74px;
padding: 0 0px 0 15px;
}*/
#headerCallout h4
{
text-align: left;
font-size: 22px;
padding: 40px 0 0 15px;
}

ul#socialLinks
{
display: inline;
position: absolute;
right: 15px;
top: 25px;
width: auto;
text-align: right;
margin: 0;
}
ul#socialLinks li 
{
margin: 0 0 0 14px;
}

/* ==========================================================================
	Home Header Element Revisions @LG
	========================================================================== */
.home #pageHeader .subElementGroup #tagline 
{
/*padding-left: 0;*/
padding-left: 18px;
padding-top: 260px;
/*padding: 320px 0 0 0;*/
}
.home #pageHeader .subElementGroup #playTrailer
{
/*margin: 30px auto 0 auto;*/
/*margin-left: auto;*/
margin-left: 68px;
margin-right: auto;
}
.home #pageHeader .subElementGroup #headerCallout h4 
{
/*padding-left: 0;*/
/*padding: 75px 0 0 0px;*/
padding-left: 18px;
}

/* ==========================================================================
	Inside Page Header @LG
	========================================================================== */
.insidePage.press #pageHeader section
{
padding-bottom: 30px;
}
.insidePage #pageHeader #tagline
{
padding: 230px 0 0 28px;
position: relative;
z-index: 100;
font-size: 22px;
}
.insidePage ul#socialLinks
{
margin-top: 0px;
}
.insidePage #content section.pageTitle
{
padding: 25px 0 12px;
}
.insidePage .pageTitle div.row h1
{
/*font-size: 48px;*/
font-size: 40px;
padding: 0px 0 0;
}

/* ==========================================================================
	Home review callout @LG
	========================================================================== */
section#review h3
{
font-size: 22px;
}
section#review h3 small
{
font-size: 18px;
}
section#review p
{
font-size: 16px;
}
.home #content #screeningPullQuote blockquote
{
top: 80px;
}

/* ==========================================================================
	main nav @LG
	========================================================================== */
#main-nav
{
top: 75px;
}
#main-nav ul li
{
padding: 0 0 0 12px;
}
#main-nav ul li:first-child
{
padding-left: 0;	
}
.main-nav ul li a
{
font-size: 18px;
}
/* ==========================================================================
	Home content @LG
	========================================================================== */
#content > section
{
padding: 60px 0;	
}
/* ==========================================================================
	Home carousel @LG
	========================================================================== */
#content .bx-wrapper
{
width: 729px!important;
max-width: 729px!important;
}
#content .carouselContainer
{
width: 729px;
max-width: 729px;
}
#content .bx-controls a.bx-prev,
#content .bx-controls a.bx-next
{
left: -40px;
}
#content .bx-controls a.bx-next
{
right: -40px;
left: auto;
}
/* ==========================================================================
	Bottom Nav @LG
	========================================================================== */
section#bottomNav
{
padding: 33px 0 30px;	
}
section#bottomNav nav ul li
{
display: inline-block;	
}
section#bottomNav nav ul li a
{
padding: 0px 20px 0px;
font-size: 20px;
}

/* ==========================================================================
	Footer @LG
	========================================================================== */
footer
{	
padding: 25px 0;
}
/* ==========================================================================
	Inside - news grid @LG
	========================================================================== */
#newsGrid .grid 
{
width: 100%;
}

#newsGrid .grid-item
{
width: 25%;
padding: 20px 25px 0;
}
#newsGrid .grid-item-width-50
{ 
width: 50%; 
}
#newsGrid .grid-item-width-50 .inner-item-50 img
{
/*min-height: 112px;*/
}
/* ==========================================================================
	Inside - news category list @LG
	========================================================================== */
#content .subHeadRow h1
{
font-size: 36px;
}
#content .pressList .post
{
padding-bottom: 45px;
margin-bottom: 55px;
}

/* ==========================================================================
	Inside - screenings @LG
	========================================================================== */
#content #screeningDates .premiereHeadline h1
{
padding-bottom: 25px;
font-size: 56px;
}
#content #screeningDates .premiereHeadline img
{
width: 330px;	
margin-bottom: 20px;
}
#content #screeningDates .premiereImage
{
padding-bottom: 45px;	
}
#content #screeningDates .premiereEvent h2
{
font-size: 32px;	
padding-bottom: 30px;
}
#content #screeningDates .premiereImage img 
{
padding-top: 45px;
}
#content #screeningDates .premiereEvent h4,
#content #screeningDates .premiereHeadline h4
{
font-size: 27px;	
padding-bottom: 30px;
}
#content #screeningDates .premiereEvent h4,
#content #screeningDates .premiereEvent h5
{
padding-bottom: 	10px;
}
#content #screeningDates .premiereEvent p
{
font-size: 20px;	
padding-bottom: 30px;
}
#content #screeningDates .additionalScreenings
{
padding-top: 0px;	
}
#content #screeningDates .screeningRequest,
#content #screeningDates .screeningBox
{
text-align: right;
padding-top:  25px;
}
#content #screeningDates .screeningRequest
{
padding-bottom: 30px;	
text-align: left;
padding-top: 50px;
}
.noUpcoming #content #screeningDates .screeningRequest
{
padding-top: 0px;	
}
#content #screeningDates .screeningBox .sBox p
{
font-size: 24px;	
}
#content #screeningPullQuote blockquote
{
font-size: 24px;
width: 90%;
}
#content #screeningPullQuote
{
min-height: 480px;
}
.contact #content #screeningPullQuote
{

}


.screeningsMulti #content #screeningDates .premiereEvent p
{
font-size: 16px;
}
.screeningsMulti #content #screeningDates .premiereHeadline h3
{
padding-bottom: 30px;	
}
.screeningsMulti #content #screeningDates #previousDates .previousHeadline h2
{
padding: 0 0 40px 0;	
}
.screeningsMulti #content #screeningDates .additionalScreenings
{
padding-top: 0px;	
}
.screeningsMulti #content #screeningDates .screeningRequest
{
padding: 15px 15px 10px;	
text-align: center;
}
.noUpcoming.screeningsMulti #content #screeningDates .screeningRequest
{
padding-top: 0px;	
}
.screeningsMulti #content #screeningDates .screeningRequest .insideContentWrap
{
padding: 30px 0;	
margin: 0px 0 30px;	
}
.screeningsMulti #content #screeningDates #previousDates .premiereImage img
{
margin-bottom: 20px;
}
.screeningsMulti #content #screeningDates #previousDates .premiereImage
{
padding-bottom: 0px;	
}

/* ==========================================================================
	Inside - Film @LG
	========================================================================== */
.insideContent .row
{
padding-bottom: 55px;	
}
.insideContent .capture
{
padding-top: 60px;	
}
.insideContent .scripture,
.insideContent .bookIndexInner
{
padding: 45px 0;
}
.insideContent .scripture p
{
font-size: 20px;
padding-bottom: 30px;	
}
.insideContent .capture img
{
margin-bottom: 20px;	
}
.insideContent .hw61Callout h2,
.insideContent .hw61Callout p,
.insideContent .insideSidebar h2#hw61
{
padding-bottom: 30px;
}
.insideSidebar #buyCallout
{
margin-top: 15px;
}
.insideSidebar #buyCallout h3
{
padding: 45px 100px 45px 30px;
}
.insideSidebar #buyCallout img
{
margin-left: 130px;
margin-top: 20px;	
}
.insideContent .downloads .downloadTitle
{
padding-top: 60px;	
}
.insideContent .downloads .downloadItems
{
padding-top: 35px;
}
.insideContent .downloads .downloadItems li h5
{
padding-bottom: 25px;	
}
.insideContent .downloads .downloadItems li .dlThumb
{
height: 150px;
}
.insideContent .downloads .downloadItems li .dlThumb img
{
height: 140px;
width: auto;
}

/* ==========================================================================
	Inside - Book @LG
	========================================================================== */
.insideContent .bookIndexInner .cover
{
width: 19%;
flex: 0 0 19%;
max-width: 19%;
padding-bottom: 0px;
}
.insideContent .bookIndexInner .index
{
width: 27%;
flex: 0 0 27%;
max-width: 27%;
padding-bottom: 0px;	
}
.insideContent .bookIndexInner .cover span
{
display: block;
text-align: left;	
}
.insideContent .bookIndexInner .cover img
{
margin: 0;
}

.book .buyBook #buyBookCallout
{
max-width: 400px;
}
.book .buyBook #buyBookCallout h3
{
padding: 45px 125px 45px 0px;
font-size: 26px;
width: 220px;
}
.book .buyBook #buyBookCallout img
{
max-width: 280px;
}
.book #prologueRow
{
padding-bottom: 70px;
}
.book #prologueRow #ppBug
{
bottom: 20px;
width: 200px;
left: auto;
right: 15px;
margin-left: 0;
}

/* ==========================================================================
	Inside - Contact @LG
	========================================================================== */
#contactForm .formCol1
{
padding-left: 0;
padding-right: 20px;	
}
#contactForm .formCol2
{
padding-left: 0px;
padding-right: 20px;	
}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea 
{
font-size: 17px;
line-height: 45px;
height: 45px;
padding: 0px 15px 0px;
margin-bottom: 15px;
}
#contactForm textarea 
{
height: 165px;	
line-height: 24px;
padding: 12px 15px;
}
#contactForm select 
{
margin-bottom: 10px;
font-size: 17px;
height: 45px;
padding: 0px 10px 0;
}

/* ==========================================================================
	Inside - Buy @LG
	========================================================================== */
.insideContent .buyWrap
{
max-width: 1200px;
}
.insideContent .buyWrap .buyPageBox
{
width: 25.0000%;
flex: 0 0 25.0000%;
max-width: 25.0000%;
max-width: 210px;
margin: 0 10px 50px;
padding-top: 20px;
}
.insideContent .buyWrap .buyPageBox:last-child
{
padding-bottom: 0px;
}
.row#buyContent .row.buyAddress
{
padding-bottom: 0px;
}
.row#buyContent .row.buyAddress address
{
padding-top: 50px;
}
.insideContent .buyWrap .buyPageBox h2 img
{
/*width: 160px;
width: 145px;*/
width: 140px;
margin-bottom: 20px;
}

	
/*.insideContent .buyWrap .buyPageBox:nth-of-type(2) h2 img,
.insideContent .buyWrap .buyPageBox:nth-of-type(4) h2 img
{
width: 174px;	
margin-bottom: 0px;
}/*
.insideContent .buyWrap .buyPageBox .buyThumb img
{
width: 210px;
}
.insideContent .buyWrap .buyPageBox .buyPrice
{
margin: 20px 0 30px;
vertical-align: top;	
}
.insideContent .buyWrap .buyPageBox .buyPrice h3
{
font-size: 30px;
line-height: 1;
}
.insideContent .buyWrap .buyPageBox .buyPrice h3 span
{
font-size: 48px;
top: -2px;	
}
.insideContent .buyWrap .buyPageBox:before
{
height: 350px;
}
.buy #content #screeningPullQuote blockquote
{
top: 90px;
}

/* ==========================================================================
	Inside - Director @LG
	========================================================================== */
.insidePage.director #pageHeader
{
background-position: 75% 0%;
}
.director #content #screeningPullQuote
{
background-position: 0% 50%;
}
.extraLeftGutter
{
padding-left: 45px;	
}
.director .directorProfile h2,
.director .directorQA h2
{
padding: 0px 0 40px;
}
.director #content #screeningPullQuote blockquote
{
top: 90px;
}
/* ==========================================================================
	Inside - Press Temp @LG
	========================================================================== */
.pressTemp #newsGrid .grid-item .gridNews p,
.pressTemp #newsGrid .grid-item .gridNews h6
{
font-size: 18px;	
}

}


/* =========== BootStrap 4 EXTRA LARGE (xl) breakpoint =========== */
@media only screen and (min-width: 1200px) {

/* ==========================================================================
   global type  @XL
   ========================================================================== */
div.row h1:first-of-type
{
padding-bottom: 50px;	
}

/* ==========================================================================
	Header @XL
	========================================================================== */
#pageHeader
{
background-position: 50% 0px;
background-size: 1800px auto;
}
#pageHeader section
{
padding-bottom: 70px;
}
#pageHeader #logo img
{
width: 470px;
}
#logo
{
width: 470px;
left: 50%;
margin-left: -587px;
}
#logo img
{
width: 470px;	
}
#pageHeader #tagline
{
font-size: 35px;
padding-top: 290px;
}
/*#playTrailer,
#playTrailer h2
{
width: 364px;
height: 204px;
margin: 0 0;
background-size: 364px auto;
}*/
#playTrailer
{
margin: 60px 0 0 15px;
}
/*#playTrailer
{
padding: 65px 0 0 15px;
}*/
#headerCallout h4
{
padding: 65px 0 0 15px;
}

/* ==========================================================================
	Home Header Element Revisions @XL
	========================================================================== */
.home #pageHeader .subElementGroup #tagline 
{
/*padding-left: 0;*/
padding-left: 19px;
padding-top: 300px;
}
.home #pageHeader .subElementGroup #playTrailer
{
/*margin: 30px auto 0 auto;*/
margin: 30px auto 0 86px;
}
.home #pageHeader .subElementGroup #headerCallout h4 
{
/*padding: 75px 0 0 0px;*/
padding: 50px 0 0 19px;
}

/* ==========================================================================
	Inside Page Header @XL
	========================================================================== */
.insidePage.press #pageHeader section
{
padding-bottom: 30px;
}
.insidePage #pageHeader #tagline
{
padding: 280px 0 0 33px;
font-size: 26px;
}
.insidePage #content section.pageTitle
{
/*padding: 45px 0 23px;*/
padding: 32px 0 17px;
}
.insidePage .pageTitle div.row h1
{
font-size: 48px;
padding: 0;
}

/* ==========================================================================
	main nav @XL
	========================================================================== */
#main-nav
{
/*width: 720px;
left: 50%;
max-width: 720px;
margin-left: -120px;
padding: 0 15px;
position: absolute;
top: 65px;*/
width: 100%;
left: 0%;
right: auto;
top: 65px;
position: absolute;
}
#main-nav ul
{
padding: 0 15px 0 0px;	
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
#main-nav ul li
{
/*padding: 0 0 0 18px;*/
padding: 0 0 0 13px;
}
#main-nav ul li a 
{
font-size: 20px;
}
/* ==========================================================================
	Home content @XL
	========================================================================== */
#content > section
{
/*padding: 100px 0;	*/
padding: 75px 0;
}
.press #content > section
{
padding: 50px 0;
}
.insidePage.director #content .insideContent.section
{
padding: 60px 0;
}
.home #content #screeningPullQuote blockquote
{
top: 100px;
}

/* ==========================================================================
	Home carousel @XL
	========================================================================== */
#content .bx-wrapper
{
width: 972px!important;
max-width: 972px!important;
}
#content .carouselContainer
{
width: 972px;
max-width: 972px;
}

/* ==========================================================================
	Bottom Nav @XL
	========================================================================== */
section#bottomNav
{
padding: 42px 0 40px;	
}

/* ==========================================================================
	Inside - news grid @XL
	========================================================================== */
#newsGrid .grid-item
{
width: 25%;
padding: 20px 30px 0;
}
#newsGrid .grid-item-width-50
{ 
width: 50%; 
}
#newsGrid .grid-item-width-50 .inner-item-50 img
{
/*min-height: 138px;*/
}

/* ==========================================================================
	Inside - screenings @XL
	========================================================================== */
#content #screeningPullQuote
{
min-height: 520px;
}
#content #screeningPullQuote blockquote
{
width: 100%;
}
.contact #content #screeningPullQuote
{

}
.screeningsMulti #content #screeningDates .screeningRequest
{
padding: 30px 15px 15px;	
text-align: center;
}
.noUpcoming.screeningsMulti #content #screeningDates .screeningRequest
{
padding-top: 0px;	
}


/* ==========================================================================
	Inside - Film @XL
	========================================================================== */
.insideContent .row
{
padding-bottom: 65px;	
}
.insideContent .capture
{
padding-top: 65px;	
}
.filmPage .insideContent .teaser
{
width: 65%;
flex: 0 0 65%;
max-width: 65%;
}
.filmPage .insideContent .insideSidebar
{
width: 30%;
flex: 0 0 30%;
max-width: 30%;
margin: 0 0 0 5%;
}

/* ==========================================================================
	Inside - Book @XL
	========================================================================== */
.insideContent .bookIndexInner .cover
{
width: 22%;
flex: 0 0 22%;
max-width: 22%;
padding-bottom: 0px;
}
.insideContent .bookIndexInner .index
{
width: 26%;
flex: 0 0 26%;
max-width: 26%;
padding-bottom: 0px;	
}
.book .buyBook #buyBookCallout
{
max-width: 420px;
}
.book .buyBook #buyBookCallout img
{
max-width: 305px;
}
.book #prologueRow
{
padding-bottom: 80px;
}
.book #prologueRow #ppBug
{
bottom: 25px;
width: 240px;
left: 50%;
right: auto;
margin-left: 285px;
}

/* ==========================================================================
	Inside - Contact @XL
	========================================================================== */
#contactForm .formCol1
{
padding-left: 0;
padding-right: 30px;	
}
#contactForm .formCol2
{
padding-left: 0px;
padding-right: 30px;	
}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea 
{
font-size: 18px;
line-height: 50px;
height: 50px;
padding: 0px 15px 0px;
margin-bottom: 30px;
}
#contactForm textarea 
{
height: 210px;	
line-height: 25px;
padding: 12px 15px;
}
#contactForm select 
{
margin-bottom: 10px;
font-size: 18px;
height: 50px;
padding: 0px 10px 0;
}
.insideContent #contactFormWrap .row 
{
padding-bottom: 0px;
}

/* ==========================================================================
	Inside - Buy @XL
	========================================================================== */

.insideContent .buyWrap .buyPageBox
{
margin: 0 15px 60px;
padding-top: 30px;
max-width: 240px;
}
.insideContent .buyWrap .buyPageBox:last-child
{
padding-bottom: 0px;
}
.row#buyContent .row.buyAddress
{
padding-bottom: 0px;
}
.row#buyContent .row.buyAddress address
{
padding-top: 60px;
}
/*.insideContent .buyWrap .buyPageBox:nth-of-type(2) h2 img,
.insideContent .buyWrap .buyPageBox:nth-of-type(4) h2 img
{
width: 173px;	
margin-bottom: 0px;
}*/
.insideContent .buyWrap .buyPageBox .buyThumb img
{
width: 240px;
}
.insideContent .buyWrap .buyPageBox .buyPrice
{
margin: 20px 0 40px;
vertical-align: top;	
}
.insideContent .buyWrap .buyPageBox .buyPrice h3
{
font-size: 38px;
line-height: 1;
}
.insideContent .buyWrap .buyPageBox .buyPrice h3 span
{
font-size: 60px;
top: -2px;	
}
.insideContent .buyWrap .buyPageBox:before
{
height: 400px;
}

	
}



@media only screen and (min-width: 1800px) {

/* ==========================================================================
	Header @XL
	========================================================================== */
#pageHeader
{
background-position: 50% 0px;
background-size: 100% auto;
}

}








/* ==========================================================================
   Helper classes
   ========================================================================== */

.bgcover
{
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bgcontain
{
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}



/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden, .hiddenElement
{
	visibility: hidden!important;
    display: none!important;
}


/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.row .spacerCol
{
min-height: 5px;
padding-top: 5px;	
}



/* Clearing floats ------------------------------------------------------------------*/

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix
{
	.display: inline-block;
}
 
html[xmlns] .clearfix
{
	display: block;
}
 
* html .clearfix
{
	height: 1%;
}