/* - - - - - - - - - - - - - - - - - - - -
   SCREENINGS DESKTOP CSS
- - - - - - - - - - - - - - - - - - - - -

CONTENTS:
- desktop media query (style overrides via mobile-first philosophy)

*/

/* CSS for desktop only */
@media all and (min-width: 1140px) {

/* RESPONSIVE VISIBILITY
- - - - - - - - - - - - - - - - - */
.mobile  { display: none !important; }
.desktop { display: block; }
span.desktop { display: inline; }
br.desktop { margin-bottom: 1em; } /* FF fix only */

/* HELPERS
- - - - - - - - - - - - - - - - - */
.d-text-center { text-align: center; }
.d-twolines   { height: 2.4em; }
.d-threelines { height: 3.6em; }
.text-right-dk { text-align: right; }
.dk-float-left { float: left; }

/* BASE
- - - - - - - - - - - - - - - - - */
body {
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.5);
}

h1 { font-size: 36px; }
h2 { font-size: 36px; color: #707070; }
h2.small 	{ font-size: 26px; color: #fff; }
h2.dark 	{ font-size: 26px; color: #707070; }
h2.smaller 	{ font-size: 22px; color: #000; }
h3 { font-size: 18px; }
p.dk-white { color: #fff; }


/* MENU
- - - - - - - - - - - - - - - - - */
/*
div.menu:after {
	content: '';
	display: block;
	width: 100%;
	height: 12px;
	position: absolute;
	left: 0;
	bottom: 0;
	box-shadow: inset 0 -6px 12px rgba(0, 0, 0, 0.2);
}
*/
div.menu.fixed {
	position: fixed;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
div.menu div.inner {
	width: 1140px;
	margin: 0 auto;
}
div.menu a.logo {
	margin-left: 16px;
	margin-right: 44px;
	z-index: 2;
}
div.menu div.trigger { display: none; }
div.menu ul {
	display: block;
	width: auto;
	height: 46px;
	top: auto;
	bottom: 0;
	margin-left: 152px;
	box-shadow: none;
	z-index: 1;
	float: left;
}
div.menu ul li {
	float: left;
	display: inline-block;
	width: auto;
	height: 100%;
	padding-left: 16px;
	padding-right: 0;
	text-align: center;
	text-indent: 0;
	line-height: 1.6;
	vertical-align: middle;
	border: none;
}
div.menu ul li a  {
	color: #707070;
	height: 100%;
	width: 100%;
	display: block;
	font-size: 34px;
	font-family: 'Filmotype-Glenlake';
}
div.menu ul li:last-child a:after  {
	content: '';
	padding-left: 4px;
}
div.menu ul li:before { display: none; }
div.menu ul li a:after {
	content: '|';
	float: right;
	display: inline-block;
	padding-top: 11px;
	padding-left: 16px;
	font-size: 21px;
}
div.menu ul li:hover a {
	color: #A9A9A9;
}
div.menu div.social-icons {
	width: 270px;
	float: right;
	margin-top: 3.5em;
	margin-right: 10px;
}
div.menu div.social-icons p, div.menu div.social-icons a {
	float: left;
}

div.inner { width: 1005px; margin-left: auto; margin-right: auto; }

/*blp*/
.ghost-button {
  display: inline-block;
  width:auto;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius:5px;
  text-align: center;
  outline: none;
  text-decoration: none;
}
div.outer { width: 1140px; margin: 0 auto; }
h1.section-header {
	font-size:44px;
	color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0;
}
p.mini-movie-large {
	color:#FCF9F9; 
	font-size:24px;  
	text-transform: uppercase;
}
div.social-buttons-container-desktop {
	position: relative;
	top: 270px;
	width: 600px;
	height: 97px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0, 0, 0, 0.7);
	text-align:center;
	color:#fff;
}
div.mini-movie-trailer-button {
	/*position:relative;
	left:calc(100% - 250px);*/
	position:absolute;
	right:0;
	width:165px;
	height:55px;
	background:url('/assets/img/buttons/play.png') 10px center no-repeat;
	background-color: rgba(0, 0, 0, 0.5);
	background-size:40px 40px;
	padding-left:60px;
	font-size:20px;
	font-weight:bold;
	color:#FCF9F9;
	cursor:pointer;
	line-height:55px;
}
div.mini-movie-trailer-hide {
	/*position:relative;
	left:calc(100% - 250px);*/
	display:none;
	position:absolute;
	right:0;
	width:220px;
	height:55px;
	/*background:url('/assets/img/buttons/play.png') 10px center no-repeat;*/
	background-color: rgba(0, 0, 0, 0.5);
	background-size:40px 40px;
	padding-left:60px;
	font-size:20px;
	font-weight:bold;
	color:#FCF9F9;
	cursor:pointer;
	line-height:55px;
}
div.mini-movie-banner-wraper{
	width: 100%;
}
div.mini-movie-banner{
	width: 100%;
	/*height: 475px;*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center top;
	margin:5px 0;
	padding-bottom:31.25%;
}
div.mini-movie-banner iframe.youtubeFrame{
	width:100%;
	height:700px;
}


div.mini-movie-bgmap table {
	width:100%;
	margin-top:20px;
	margin-left:0px;
}

/* HEADER
- - - - - - - - - - - - - - - - - */
div.header {
	margin-bottom: 4px;
	margin-top: 40px;
	padding-bottom: 4px;
}
div.header > div.inner {
	width: 999px;
	margin: 0 auto;
	padding: 7px 0;
	position: relative;
	padding: 60px 3% 5px 40px;
}


#modalBoxDelete, #modalBoxNoSeatChosen, #modalBoxMoreThanOneSeat {
    position: fixed;
	font-family:'OpenSans-Semibold', Arial, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
#modalContentDelete, #modalContentNoSeatChosen, #modalContentMoreThanOneSeat {
    position: absolute;
    border-left: 40px solid #279cfe;
	border-bottom: none;
	border-right: none;
	border-top: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 610px;
    padding:20px;
}

/* mods */
div.header > div.inner.narrow {
	
}
div.header > div.inner.long {
	width: 1140px;
}

div.header h1 { text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); color: #fff; }
div.header h2 { text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
/* mods */
div.header.projection       { background-image: url(../img/header/projection-faux-desktop.jpg); }
div.header.projection-faux  { background-image: url(../img/header/projection-faux-desktop.jpg); }
div.header.projection-faux2 { background-image: url(../img/header/projection-faux-desktop2.jpg); }
div.header.projector-blue { background-image: url(../img/header/searchlight-faded.png);  width: 1140px; margin-left: auto; margin-right: auto; background-size: 1140px; min-height: 376px; }

div.header h1.d-blue,
div.header h2.d-blue,
div.header h3.d-blue { color: #2c3e50; text-shadow: none; }
div.header h1.d-white,
div.header h2.d-white,
div.header h3.d-white,
div.header p.d-white { color: #ecf0f1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
div.header h3 {	color: #ecf0f1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

/* FOOTER
- - - - - - - - - - - - - - - - - */
div.footer.fixed { }

/* SITE MAP*/
div.sitemap-content div.block a { text-decoration: none; margin-bottom: 10px; display: block; }
div.sitemap-content { width: 890px; margin: 0 auto; }
div.sitemap-content div.block { 
    float: left;
    font-family: 'OpenSans-Semibold', Arial, sans-serif;
    font-size: 18px;
    margin-right: 20px;
    margin-top: 21px;
    text-align: left;
    width: 196px;
}
div.sitemap-content div.block2 { margin-top:60px; width: 180px; float: left; text-align: center;  margin-left: 65px;font-size: 30px; font-family: 'SourceSansPro'; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}

div.block a { text-decoration: none; }
div.block a:hover {text-decoration: underline;}
div.block a:visited {color: #4F224F;}
div.block2 a { text-decoration: none; }
div.block2 a:hover {text-decoration: underline;}
div.block2 a:visited {color: #4F224F;}
div.sitemap-content  div.block p.title { font-size: 16px; color: #df383c; font-family: 'SourceSansPro-Bold'; margin-bottom: 0px; }
div.sitemap-content  div.line  {  margin-left: 68px; width: 1px; border-left: 1px solid #9d9d9d;  float: left; height: 315px; }
/* SLIDER
- - - - - - - - - - - - - - - - - */
div.slider {
	width: 1140px;
	height: 478px;
	margin: 0 auto;
}

div.slider .slide div.promptbox {
	margin-top: 104px;
}
div.slider .slide.signup div.promptbox {
	margin-top: 88px;
}

div.slider .slide div.promptbox h2 {
	color: #fff;
	font-family: 'OpenSans-Regular', Arial, sans-serif;
	font-size: 68px;
	text-align: center;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
	margin-bottom: 4px;
	float: none;

}
div.slider .slide div.promptbox p {
	float: none;
	color: #fff;
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	font-size: 30px;
	text-align: center;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
	margin-bottom: 10px;
	margin-top: 5px;
	float: none;
	width: auto;
	clear: both;
}
div.slider .slide div.promptbox a.button.cta {
	width: 350px;
	height: 78px;
	font-size: 31px;
	line-height: 78px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
div.slider .slide div.promptbox a.button.cta:before {
	width: 50px;
	height: 50px;
	margin-top: 14px;
	margin-left: 15px;
}
div.slider .slide.redeem div.promptbox a.button.cta:before { background-position: -35px -55px; }
div.slider .slide.login  div.promptbox a.button.cta:before { background-position: -95px -55px; }
div.slider .slide.signup div.promptbox a.button.cta:before { background-position: -154px -55px; }
div.slider .slide.local  div.promptbox a.button.cta:before { background-position: -217px -55px; }
div.slider a.nav {
	width: 160px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
	background-size: 18px 67px;
}
div.slider a.nav.prev { left: 0;  background-image: url(../img/slider/slider-nav-prev-d@2x.png); }
div.slider a.nav.next { right: 0; background-image: url(../img/slider/slider-nav-next-d@2x.png); }
div.slider a.nav:hover { background-color: rgba(0, 0, 0, 0.5); }
div.slider a.nav.prev:hover  { background-position: 40% 55%; }
div.slider a.nav.next:hover  { background-position: 60% 55%; }
div.slider a.nav.prev:active { background-position: 50% 55%; }
div.slider a.nav.next:active { background-position: 50% 55%; }

div.login-btns-container {
	width:365px; 
	margin:0 auto 0 auto;
}

/* Redeem input */
div.redeem-input { width: 72%; margin-right: auto; margin-left: auto; }

/* GHOST BOX
- - - - - - - - - - - - - - - - - */
div.ghostbox {
	width: 400px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.7);
}
div.ghostbox h2 { color: #2c3e50; text-shadow: none; font-size: 32px; }
div.ghostbox p { color: #2c3e50; }
/* mods */
div.ghostbox.dark { background-color: rgba(0, 0, 0, 0.5); }
div.ghostbox.dark h2 { color: #ecf0f1; }
div.ghostbox.dark p  { color: #ecf0f1; }


/* WHITE BOXES
- - - - - - - - - - - - - - - - - */
div.whitebox.screeningactions div.pic  { width: 15%; }
div.whitebox.screeningactions div.info { width: 55%; }
div.whitebox.screeninginfo div.pic { float: none; width: 100%; padding-right: 0; }
div.whitebox.screeninginfo div.pic img { min-width: 100%; }
div.whitebox.screeninginfo div.info { float: none; width: 100%; }
div.whitebox.pic img { max-height: 480px; }

/* REVIEW RATINGS
- - - - - - - - - - - - - - - - - */
div.review div.thumbs {
	float: right;
	width: 134px;
}
div.review div.thumbs div.icon {
	width: 24px;
	height: 24px;
	background: url(../img/ratings@2x.png);
	background-size: 48px 48px;
}
div.review div.thumbs div.icon.thumb-down { float: left;  background-position:   0px -24px; }
div.review div.thumbs div.icon.thumb-up   { float: right; background-position: -24px -24px; }
div.review ul.questions {
	border-top:    1px solid #ffffff;
	border-bottom: 1px solid #e3e3e3;
}
div.review ul.questions li {
	margin-bottom: 0;
	border-top:    1px solid #e3e3e3;
	border-bottom: 1px solid #ffffff;
}
div.review ul.questions li p {
	float: left;
	font-size: 12px;
	max-width: 360px;
	margin-top: 8px;
}
div.review div.dots {
	float: right;
	margin-top: 3px;
}
div.review div.dot {
	font-size: 12px;
	line-height: 1.5;
	width: 18px;
	height: 18px;
	margin-left: 8px;
	border-radius: 18px;
}


/* SCREENING SEARCH BOX
- - - - - - - - - - - - - - - - - */
div.screening-search-box {
	max-height: 329px;
}

div.screening-search-result {}
div.screening-search-result div.num { width: 8%; font-size: 28px; }
div.screening-search-result div.num div { padding-top: 60%; }
div.screening-search-result div.details { width: 67%; } 
div.screening-search-result div.getpasses { width: 22%; }
div.screening-search-result div.getpasses div { padding: 14% 10px 0;  }
/* mods */
div.screening-search-result.taller { height: 100px; }


/* CONTENT
- - - - - - - - - - - - - - - - - */
div.content {
	margin: 0 auto;
}
div.content div.inner {
	width: 1140px;
	margin: 0 auto;
	padding: 20px 5% 40px;
}
div.content div.inner.home {
	padding: 20px 1.5% 40px;	
}

/* mods */
div.content div.inner.narrow {
	padding-left:  20%;
	padding-right: 20%;
}

div.white-logo { width: 221px; height: 172px; background: url(../img/logos/Searchlight_pictures_logo.jpeg) no-repeat; position: absolute; top: 185px; background-size: contain; }

/* coumns 2 */
.columns2.home-page div.column p 		{ padding: .5em 3em; }
.columns2.home-page.short div.column 	{ height: 168px;  }
.columns2.home-page.tall div.column 	{ height: 350px; padding-left: 30px; }
.columns2.home-page.tall div.column.border-left { padding-left: 35px; }

/* columns 3 */
.columns3.home-page div.column.border-left { border-left: 3px solid #e7e7e7;  }
.columns3.home-page div.column.border-right { border-left: 3px solid #e7e7e7;  }

.columns3.white-box { background-color: #fff; border: 2px solid #d0d0d0;  }
.columns3.white-box .column { padding: 12px 20px;  }
.columns3.white-box:after { width: 9px; height: 9px; position: absolute; content:' '; display: block; top: 0; right: 0; background-image: url(../img/sprite/s.png); background-position: -5px -5px; }

div.app-img {
	width: 320px; 
	position: absolute;
	top: 0;
	left: 0;
	
}


/* END MEDIA QUERY */

a.yes-rec-sr
{
	text-decoration: none;
	color:#000;
	font-family:'OpenSans-Semibold';
	font-size:18px;
	line-height:1.9;
	text-align:center;
	background-color:#fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	width:100px;
	height:35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a.yes-rec-sr:hover
{
	background-color:#29b516;
}
a.no-rec-sr
{
	margin-left: 20px;
	text-decoration: none;
	color:#000;
	font-family:'OpenSans-Semibold';
	font-size:18px;
	line-height:1.9;
	text-align:center;
	background-color:#fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	width:100px;
	height:35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a.no-rec-sr:hover
{
	background-color:#df383c;
}
}

.footer #ot-sdk-btn.ot-sdk-show-settings {
	display: inline-block;
    font-family: 'OpenSans-Light', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.6667;
	border: none;
	background: transparent;
	padding: 0;
	text-decoration: none;
    color: #219CFD;
}

.footer #ot-sdk-btn.ot-sdk-show-settings:hover {
	text-decoration: underline;
	background: transparent;
	color: #219CFD;
}