/* - - - - - - - - - - - - - - - - - - - -
   SCREENINGS MOBILE CSS
- - - - - - - - - - - - - - - - - - - - -

CONTENTS:
- mobile media query (mobile-only styles)
- mobile base styling (mobile-first philosophy) for components (e.g., header, menu, slider, footer, etc...)

*/

/* CSS for mobile only */
@media all and (max-width: 1140px) {
	
	/* RESPONSIVE VISIBILITY
	- - - - - - - - - - - - - - - - - */
	.mobile  { display: block; }
	.desktop { display: none !important; }
	span.mobile { display: inline; }
	br.mobile { margin-bottom: 1em; } /* FF fix only */
	
	/* HELPERS
	- - - - - - - - - - - - - - - - - */
	.m-twolines   { height: 2.4em; }
	.m-threelines { height: 3.6em; }
	.m-text-center { text-align: center; }
	.m-block-center { margin-left: auto; margin-right: auto; }
	.m-clear { clear: both; }
	.m-black { color: #000 !important; }
	.text-center-mb { text-align: center; text-shadow: none; }
	.no-fr-mb { float: none; }

	a.button.cta { width: 100%; }
	a.button.cta span {  }
	/* RETINA ICONS */
	a.button.cta:before { width: 25px; height: 25px; margin-top: 10px; background-size: 350px 200px; }
	a.button.cta.signup:before { background-position: -47.5px   -27.5px; }
	a.button.cta.login:before  { background-position:   -77px   -27.5px; }
	a.button.cta.redeem:before { background-position: -17.5px   -27.5px; }
	a.button.cta.local:before  { background-position: -108.5px   -27.5px; }
	

	/* CHUNKS
	- - - - - - - - - - - - - - - - - */
	.chunk.expandable { width: auto; }
	.chunk.expandable.left  { float: none; padding-right: 0; }
	.chunk.expandable.fl 	{ float: none; padding-right: 0; }
	.chunk.expandable.right { float: none;  padding-left: 0; }
	.chunk.expandable.fr 	{ float: none;  padding-left: 0; }
	.chunk.expandable.padding-left  { padding-left:  0; }
	.chunk.expandable.padding-right { padding-right: 0; }
	.chunk.expandable.border-left  { border-left: none; }
	.chunk.expandable.border-right { border-right: none; }
	a.expandable { float: none; margin-right: auto; margin-left: auto; }
	p.expandable { float: none; margin-right: auto; margin-left: auto; }
	
	/* COLUMNS
	- - - - - - - - - - - - - - - - - */
	.columns2.collapsable { width: auto; }
	.columns2.collapsable.left  { float: none; padding-right: 0; }
	.columns2.collapsable.right { float: none;  padding-left: 0; }
	.columns3.collapsable.left  { float: none; padding-right: 0; }
	.columns3.collapsable.right { float: none;  padding-left: 0; }
	/* 2-columns */
	.columns2.collapsable .column { float: none; width: auto !important; }
	.columns2.collapsable .column.border-left  { border-left: none; }
	.columns2.collapsable .column.border-right { border-right: none; }
	.columns2.collapsable .column:nth-child(1) { padding-right: 0px; }
	.columns2.collapsable .column:nth-child(2) { padding-left:  0px; }
	/* 3-columns */
	.columns3.collapsable .column { float: none; width: auto; text-shadow: 0px 0px 1px #fff; }

	.columns3.collapsable .column.border-left  { border-left: none; }
	.columns3.collapsable .column.border-right { border-right: none; }
	.columns3.collapsable .column:nth-child(1) { border-bottom: 3px solid #e7e7e7; }
	.columns3.collapsable .column:nth-child(2) { border-bottom: 3px solid #e7e7e7; }
	.columns3.fixed-height.home-page .column { height: auto; }
	.columns3.fr-mb { width: 62%; float: right; }
	.columns3.fr-mb h2 { font-size: 20px; }

	.columns3.white-box { background-color: #fff; border: 2px solid #d0d0d0;  }
	.columns3.white-box .column { padding: 10px 15px;  }
	.columns3:after { background-size: 350px 200px; background-position: -2.5px -27.5px; }

	/* craps - Tof: I don't like doing this, but... */
	.columns2 p { margin-left: auto; margin-right: auto; }
	.columns3 p { margin-left: auto; margin-right: auto; }
	.columns2.collapsable .column a.button.bottom { position: static; }
	.columns3.collapsable .column a.button.bottom { position: static; }

	/* yellow icon top right in columns */
	.columns2.home-page .column:after { background-size: 350px 200px; background-position: -2.5px -27.5px; }
	.columns3.home-page .column:after { background-size: 350px 200px; background-position: -2.5px -27.5px; }

	/* ICONS */
	a.icon.gplus, a.icon.youtube, a.icon.soundcloud { margin-right: 0; }
	a.icon-bt.fl { float: none; margin-right: auto; margin-left: auto; margin-bottom: .5em; }
	div.share-buttons { margin-top: 2.3em; }
	
	/* BUTTONS
	- - - - - - - - - - - - - - - - - */
	div.share-buttons.foldable a.button.share { clear: left; margin: 8px 0; }
	a.button.expandable { float: none; width: auto; max-width: 500px; margin-left: auto; margin-right: auto; }
	a.button.flex.expandable { display: block; }

	/* FORMS
	- - - - - - - - - - - - - - - - - */
	input.expandable    { width: 100%; max-width: 500px; }
	select.expandable   { width: 100%; max-width: 500px; }
	textarea.expandable { width: 100% !important; max-width: 500px; }
	
	/* WHITE BOXES
	- - - - - - - - - - - - - - - - - */
	div.screeningactionsbox { max-width: 500px; margin-left: auto; margin-right: auto; }
	
	/* CONTENT
	- - - - - - - - - - - - - - - - - */
	div.header h1.m-blue,
	div.header h2.m-blue,
	div.header h3.m-blue { color: #2c3e50; text-shadow: none; }
	div.header h1.m-white,
	div.header h2.m-white,
	div.header h3.m-white,
	div.header p.m-white { color: #ecf0f1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
	div.whitebox.pic.mt2 { margin-top: 0;  }

	h2.white.fr-mb { width: 62%; float: right; font-size: 20px; }

	div.login-btns-container {
		width:100%; 
		margin:0 auto 0 auto;
	}
	div.app-img { position: relative; width: 300px; margin: 0 auto; }


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

/* CSS for mobile-first base-styling */

/* BASE
- - - - - - - - - - - - - - - - - */
body.bgfull {
	background-position: center top;
	background-size: cover;
}
/* body.bgfull mods */
body.bgfull.fox-logo-banner  { background-image: url(../img/slider/slider-bg-searchlight.jpg); }
body.bgfull.fox-blue--banner   { background-image: url(../img/header/slider-bg-searchlight.jpg); }
body.bgfull.filmstrip        { background-image: url(../img/header/filmstrip.jpg); background-color: #102d65; }
body.bgfull h1        		 { font-size: 30px; text-transform: uppercase; }

h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }

/*  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;
}
h1.section-header {
	font-size:28px;
	color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
p.mini-movie-large {
	color:#FCF9F9; 
	font-size:18px;  
	text-transform: uppercase;
}
p.mini-movie-large.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.mini-movie-banner iframe.youtubeFrame{
	width:300px;
	height:200px;
}
div.social-buttons-container-mobile {
	position: relative;
	top: 29px;
	width: 300px;
	height:150px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0, 0, 0, 0.5);
}
div.mini-movie-trailer-button {
	/*position:relative;
	left:calc(100% - 250px);*/
	position:absolute;
	right:0;
	width:140px;
	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:16px;
	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:160px;
	height:0px;
	/*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:16px;
	font-weight:bold;
	color:#FCF9F9;
	cursor:pointer;
	/*line-height:20px;*/
}
div.mini-movie-banner{
	width: 100%;
	/*height:200px;*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center top;
	text-align:center;
	padding-bottom:31.25%;
}
#mini-movie-trailer-expand {
	display:none;
}
div.mini-movie-bgmap {
	/*margin-top:150px;*/
	width:100%; 
	min-height:600px; 
	background:#233543;
	background:linear-gradient(bottom,#000,rgba(35,53,67,0.8) 60%),url(/assets/img/blp/america_bg.png) center top no-repeat;
	background:-moz-linear-gradient(bottom,#000,rgba(35,53,67,0.8) 60%),url(/assets/img/blp/america_bg.png) center top no-repeat;
	background:-webkit-linear-gradient(bottom,#000,rgba(35,53,67,0.8) 60%),url(/assets/img/blp/america_bg.png) center top no-repeat;
	background-size:cover;
	overflow-y:auto;
	padding-bottom:50px;
	color:#FCF9F9;;
}
div.mini-movie-bgmap table {
	width:95%;
	margin-left:10px;
	border-collapse: collapse;
}
div.mini-movie-bgmap table td { padding:10px; }
a.mini-movie-info::before {
	content: " ";
	float: left;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../img/sprite/sAdd.png');
	background-position:-498px -219px;
	margin-left: 46px;
	margin-right: 5px;
	margin-top:-4px;
}
a.mini-movie-info{
	text-decoration:none;
	color:#FCF9F9;
}
a.mini-movie-trailer::before {
	content: " ";
	float: left;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../img/sprite/sAdd.png');
	background-position:-462px -219px;
	margin-left: 46px;
	margin-right: 5px;
	margin-top:-4px;
}
a.mini-movie-trailer{
	text-decoration:none;
	color:#FCF9F9;
}

div.mini-movie-instagram {
	width:100%; 
	min-height:300px;
	background:#43A9FE;
}
div.mini-movie-synopsis {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	width:100%; 
	min-height:300px;
	padding:20px;
}
div.mini-movie-social {
	width:100%; 
	min-height:600px; 
	background:url(https://searchlightscreenings.com/assets/img/blpback.png) center top repeat-x;
	padding-bottom:50px;
	color:#FCF9F9;
	background-size:cover;
	overflow-y:auto;
}
div.socialbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #FCF9F9;
	background-color:#FCF9F9;
}
div.socialboxHeader {
	background-color: #279BFE;
	padding: 4px;
	margin-bottom: 5px;
}

#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;
    padding-right: 35px;
    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: 80%;
    padding:20px;
}

/* MENU
- - - - - - - - - - - - - - - - - */
div.menu {
	width: 100%;
	height: 88px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: white;
}
div.menu div.inner {
	height: 100%;
	position: relative;
}
div.menu a.logo {
	display: block;
	width: 143px;
	height: 100%;
	position: absolute;
	margin-left: 22px;
	background: url(../img/logos/Searchlight_pictures_logo.jpeg) no-repeat left bottom;
	background-size: contain;
}
div.menu div.trigger {
	width: 52px;
	height: 50px;
	position: absolute;
	top: 6px;
	right: 24px;
	margin-top: 20px;
	background: url(../img/mobile/menu-trigger@2x.png) no-repeat;
	background-size: 52px 50px;
	cursor: pointer;
}
div.menu div.trigger.open { border-bottom: none; }
div.menu ul {
	display: none;
	width: 100%;
	position: absolute;
	top: 76px;
	left: 0;
	background-color: #e8e8e8;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}
div.menu ul:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	border: 46px solid #e8e8e8;
	right: -46px;
	border-left-width: 0;
	border-top-width: 0;
	border-right-color: transparent;
}
div.menu ul.open { display: block; }
div.menu a { text-decoration: none; color: #707070; }
div.menu ul a:last-child li { border-bottom: 1px solid #494949; }
div.menu ul li {
	width: 100%;
	height: 44px;
	position: relative;
	color: #707070;
	font-family: 'Oswald-Bold', Arial, sans-serif;
	font-size: 20px;
	line-height: 1.8;
	text-indent: 70px;
	border-top: 1px solid #494949;
	background-color: rgba(0, 0, 0, 0.0);
	-webkit-transition: background-color 0.1s ease-out;
	   -moz-transition: background-color 0.1s ease-out;
	    -ms-transition: background-color 0.1s ease-out;
	        transition: background-color 0.1s ease-out;
}
div.menu ul li a { 
	width: 100%; display:block; 
	font-size: 28px;
	font-family: 'Filmotype-Glenlake';
	}
div.menu ul li:hover a {
	color: #A9A9A9;
}
div.menu ul li:before {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -15px;
	background: url(../img/mobile/main-menu-icons@2x.png) no-repeat;
	background-size: 30px 180px;
}
div.menu ul li.redeem:before  { background-position: 0px    0px; }
div.menu ul li.signup:before  { background-position: 0px  -30px; }
div.menu ul li.login:before   { background-position: 0px  -60px; }
div.menu ul li.account:before { background-position: 0px  -90px; }
div.menu ul li.logout:before  { background-position: 0px -120px; }
div.menu ul li.local:before   { background-position: 0px -150px; }


/* HEADER
- - - - - - - - - - - - - - - - - */
div.header {
	width: 100%;
	position: relative;
	margin-top: 87px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
div.header > div.inner {
	position: relative;
	padding: 40px 5% 7px 3%;
}

div.header h1 {	color: #fff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
div.header h2 {	color: #ecf0f1; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
div.header h3 {	 }
div.header h2.blue { font-size: 20px; }
div.header h1.blue,
div.header h2.blue,
div.header h3.blue { color: #000; text-shadow: 0 1px 1px rgba(255,255,255, 0.2); }
div.header h1.white,
div.header h2.white,
div.header h3.white,
div.header p.white { color: #ecf0f1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
/* bg mods */
div.header.filmstrip   { background-image: url(../img/header/filmstrip.jpg); background-color: #102d65; }
div.header.blue 	   { background-color: #219CFD; }
div.header.sliver      { background-image: url(../img/header/sliver.jpg); }
div.header.stars       { background-image: url(../img/header/stars.jpg); }
div.header.audience    { background-image: url(../img/header/audience.jpg); }
div.header.projection  { background-image: url(../img/header/projection-faux-desktop.jpg); }
div.header.projector-blue { background-image: url(../img/header/searchlight-faded.png); background-size: 120%; }
div.header.fox-blue--banner { background-image: url(../img/header/slider-bg-searchlight.jpg); }
div.header.projector-blue-fx { background-image: url(../img/header/slider-bg-searchlight.jpg); }
div.header.projection-faux,
div.header.projection-faux2 {
	background-image: url(../img/header/projection-faux-mobile.jpg);
	background-color: #ecf0f1;
	background-size: auto;
}

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


/* FOOTER
- - - - - - - - - - - - - - - - - */
div.footer {
	clear: both;
	width: 100%;
	background-color: #d4d5d7;
}
div.footer.fixed {
	position: fixed;
	left: 0;
	bottom: 0;
}
div.footer ul {
	text-align: center;
	margin: 0 auto;
}
div.footer ul li {
	display: inline-block;
	color: #707070;
	font-family: 'OpenSans-Light', Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6667;
}
div.footer ul li:after {
	content: " | ";
}
div.footer ul li:last-child:after { content: ""; }
div.footer ul li a {
	color: inherit;
	text-decoration: none;
	color: #219CFD;
}
div.footer ul li a:hover { text-decoration: underline; }
body.bgfull div.footer { position: absolute; bottom: 0; }

/* Site Map */
div.sitemap-content div.block a { text-decoration: none; margin-bottom: 10px; display: block; }
div.sitemap-content {  margin: 0 auto; }
div.sitemap-content div.block { 
    font-family: 'OpenSans-Semibold', Arial, sans-serif;
    font-size: 18px;
    margin-right: 89px;
    margin-top: 21px;
    text-align: left;
}
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; }

div.sitemap-content { width: auto; margin: 0 auto; }
div.sitemap-content div.block { 
    font-family:'OpenSans-Semibold', Arial, sans-serif;
    font-size: 18px;
    margin-top: 21px;i
    text-align: left;
    color: #243645;
    width: 196px;
}

div.block a:hover {text-decoration: underline;}
div.sitemap-content div.block div.icon { margin: 0 auto; }
div.sitemap-content div.block p.title { font-size: 16px; color: #df383c; font-family: 'SourceSansPro-Bold'; margin-bottom: 0px; }
div.sitemap-content div.line  { width: 1px; border:0; border-bottom: 1px solid #9d9d9d; margin: 18px auto; }

/* SLIDER
- - - - - - - - - - - - - - - - - */
div.slider {
	width: 100%;
	height: 315px;
	position: relative;
	overflow: hidden;
	background: url(../img/slider/slider-bg-searchlight.jpg) no-repeat center;
	background-size: cover;
}
div.slider ul {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
}
div.slider ul .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

div.slider .slide div.promptbox {
	max-width: 650px;
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
}

div.slider .slide div.promptbox h2 {
	color: #ecf0f1;
	font-family: 'OpenSans-Bold', Arial, sans-serif;
	font-size: 28px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
	margin-bottom: 8px;
	clear: both;
	padding-right: 15px;
}
div.slider .slide div.promptbox p {
	color: #ecf0f1;
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	font-size: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	margin-bottom: 20px;
	width: 82%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	padding-right: 15px;
}
div.slider a.nav {
	display: block;
	width: 50%;
	height: 60px;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	background-position: 50% 54%;
	background-size: 19px 24px;
	-webkit-transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	   -moz-transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	    -ms-transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	        transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	cursor: pointer;
}
div.slider a.button { 
	margin-left: auto;
	margin-right: auto;
	width: 210px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	clear: both;  
}

div.slider a.nav.prev { left:  0; background-image: url(../img/slider/slider-nav-prev-m@2x.png); }
div.slider a.nav.next { right: 0; background-image: url(../img/slider/slider-nav-next-m@2x.png); }
div.slider a.nav:hover { background-color: rgba(0, 0, 0, 0.8); }
div.slider a.nav.prev:hover  { background-position: 48% center; }
div.slider a.nav.next:hover  { background-position: 52% center; }
div.slider a.nav.prev:active { background-position: 50% center; }
div.slider a.nav.next:active { background-position: 50% center; }


/* GHOST BOX
- - - - - - - - - - - - - - - - - */
div.ghostbox {
	width: auto;
	max-width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-radius: 2px;
	background-color: rgba(255,255,255, 0.5);
	box-shadow: 0 2px 1px rgba(255,255,255, 0.2);
}
div.ghostbox h2 { color: #000; font-size: 28px; text-shadow: none; }
div.ghostbox p  { color: #000; }
div.ghostbox.white { 	
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 2px 1px rgba(255, 255, 255, 0.2); 
}
div.ghostbox.white p { color: #000; }

/* PIC BOX
- - - - - - - - - - - - - - - - - */
div.picbox {}
div.picbox img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
/* mods */
div.picbox.partner {
	width: 200px;
}
div.picbox.trailer {
	width: 100%;
}
div.picbox.with-border img { border: 1px solid gray; }
div.picbox.with-info div.pic {
	float: left;
	width: 40%;
	margin-bottom: 10px;
}
div.picbox.with-info div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 60%;
	margin-bottom: 10px;
	padding-left: 3%;
}

/* Contact FAQ */

div.faq-container {
	margin-right: 2em;
	margin-left: 2em;
	min-height: 350px;
	font-family: Arial;
	margin-top: 2em;
}

.level0 { 
	background-color: #219cfd;
	border-radius: 7px;
	color: #fff !important;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em; 
	padding: 20px;
	width: 100px; 
	height: 50px; 
	line-height: 50px; 
	text-align: center;
	font-family: "Lato-Black", Arial, sans-serif;
	cursor: pointer;
}

.level0:hover {
	background-color: #219cfd;
	opacity: 0.7;
}

.level1,.level2 {
	background-color: #219cfd;
	border-radius: 7px;
	color: #fff;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em; 
	padding: 20px;
	width: 300px; 
	text-align: center;
	cursor: pointer;
}

.level1:hover {
	background-color: #219cfd;
	opacity: 0.7;
}

.level2:hover {
	background-color: #219cfd;
	opacity: 0.7;
}

.level3 { 
	background-color: #219cfd;
	border-radius: 7px;
	color: #fff;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em; 
	padding: 20px;
	max-width: 600px;}

.back {
	cursor: pointer;
	text-decoration: none;
	margin-top: 30px;
}

.lightblue { color: #9BC9D9;}
.white { color: #fff; }

a:visited { color: #8c8c8c;}

.word-count {
    font-size: 11px;
    margin-left: 4%;
    color: #fff;
}

/* WHITE BOXES
- - - - - - - - - - - - - - - - - */
div.whitebox {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	padding: 10px;
	border-radius: 1px;
	background-color: #EFEFEF;
	border: 1px solid #d0d0d0;
	box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
	position: relative;
}
div.whitebox.thin { padding: 4px; }

/* userinfo box */
div.whitebox.userinfo {
	font-size: 12px;
}
div.whitebox.userinfo div.pic {
	float: left;
	width: 25%;
	margin-bottom: 10px;
}
div.whitebox.userinfo div.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
div.whitebox.userinfo div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 75%;
	padding-left: 3%;
	margin-bottom: 10px;
}
div.whitebox: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; 
}

/* screening header box */
div.whitebox.screeningheader { margin-bottom: 6px; }
div.whitebox.screeningheader div.social { float: right; }
div.whitebox.screeningheader div.social span.cta-text { float: left; display: block; }
div.whitebox.screeningheader div.social a.icon { float: left; display: block; width: 24px; height: 24px; margin-left: 10px; border-radius: 2px; }
div.whitebox.screeningheader div.social a.icon.tw { background: url(../img/logos/social2.jpg) no-repeat   0px 0px; }
div.whitebox.screeningheader div.social a.icon.fb { background: url(../img/logos/social2.jpg) no-repeat -24px 0px; }

/* screening actions box */
div.whitebox.screeningactions { font-size: 12px; margin-bottom: 30px; }
div.whitebox.screeningactions div.pic {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 40%;
	margin-bottom: 10px;
	padding-right: 3%;
}
div.whitebox.screeningactions div.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
div.whitebox.screeningactions div.social {  }
div.whitebox.screeningactions div.social span.cta-text { display: block; }
div.whitebox.screeningactions div.social a.icon { float: left; display: block; width: 24px; height: 24px; margin-right: 10px; border-radius: 2px; }
div.whitebox.screeningactions div.social a.icon.tw { background: url(../img/logos/social2.jpg) no-repeat   0px 0px; }
div.whitebox.screeningactions div.social a.icon.fb { background: url(../img/logos/social2.jpg) no-repeat -24px 0px; }
div.whitebox.screeningactions div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 60%;
	overflow: auto;
}

/* screening info box */
div.whitebox.screeninginfo { font-size: 12px; }
div.whitebox.screeninginfo div.pic {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 25%;
	margin-bottom: 10px;
	padding-right: 3%;
}
div.whitebox.screeninginfo div.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
div.whitebox.screeninginfo div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 75%;
	overflow: auto;
}

/* pic box */
div.whitebox.pic:after { background: none; }
div.whitebox.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
.whitebox.pic.thin.reg  img {
	max-width: 126px;
    min-width: 126px;
    width: auto;
}
/* star rating box */
div.whitebox.stars { }
div.whitebox.stars label {
	display: inline-block;
	font-size: 14px;
	margin-top: 4px;
	margin-left: 10px;
}

div.whitebox.userinfo div span {
	font-weight: 600;
}


/* SCREENING SEARCH BOX
- - - - - - - - - - - - - - - - - */
div.screening-search-box {
	max-height: 300px;
	width: 100%;
}
/* screenings search result  */
div.screening-search-result {
	height: 100px;
	border: 2px solid #d0d0d0;
	background-color: #fff;
	position: relative;
}
div.screening-search-result: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.screening-search-result:not(:first-child){
	border-top: 0;
}
/* mods */
div.screening-search-result.taller {
	height: 115px;
}

div.screening-search-result div.details,
div.screening-search-result div.getpasses {
	float: left; 
	height: 100%;
	background: #fefefe;
	background-color: #ffffff;
}
div.screening-search-result div.num {
	float:left;
	width: 10%;
	height: 100%;
	font-size: 24px; 
	text-align: center;
	color: #777;
	overflow:hidden;
	background: #a9acad; 
}
div.screening-search-result div.num div { padding-top:30px; color: #d3d4d6; }
div.screening-search-result div.details { width: 80%;  }
div.screening-search-result div.details div { padding: 10px;white-space:nowrap; }
div.screening-search-result div.getpasses { width: 10%; position: relative; }
div.screening-search-result div.getpasses a.yellow-arrow {
	display: block;
	width: 23px;
	height: 22px;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	background-image: url('../img/mobile/yellow_arrow.png');
}
div.screening-search-result br.mobile {
	margin-bottom: 0;
}
 
 
/* ADS
- - - - - - - - - - - - - - - - - */
div.ad {
	width: 260px;
	text-align: left;
	overflow: auto;
}
div.ad h3 { color: #2c3e50; text-shadow: none; }
div.ad.left  { float: left; }
div.ad.right { float: right; }


/* STAR RATINGS
- - - - - - - - - - - - - - - - - */
ul.starfield {
	clear: left;
}
ul.starfield.error li { background-color: #ffafa9; }
ul.starfield li {
	float: left;
	width: 24px;
	height: 24px;
	background: url(../img/ratings@2x.png) 0 0;
	background-size: 48px 48px;
	cursor: pointer;
}
ul.starfield li:hover,
ul.starfield li.active { background-position: -24px 0; }

div.fsl-bg-container {
	width: 100%;
	background-image: url(/assets/img/fsl_large_bg.jpg);
	background-size: cover;
	background-position: center;
}

/* REVIEW RATINGS
- - - - - - - - - - - - - - - - - */
div.review {
	overflow: auto;
}
div.review ul.questions {
	counter-reset: num;
}
div.review ul.questions li {
	font-size: 14px;
	margin-bottom: 24px;
	overflow: auto;
}
div.review ul.questions li.error { background-color: #ffafa9; }
div.review ul.questions li p {
	margin-top: 8px;
	margin-bottom: 4px;
}
div.review ul.questions li p:before {
	counter-increment: num;
	content: counter(num) '.' ' ';
}
div.review div.dots {
	margin-top: 8px;
}
div.review div.dot {
	display: inline-block;
	font-size: 23px;
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	text-align: center;
	line-height: 1.739;
	width: 40px;
	height: 40px;
	margin-left: 8px;
	border-radius: 40px;
	border: 1px solid #7f8c8d;
	background-color: #fafeff;
	cursor: pointer;
}
div.review div.dot:first-child { margin-left: 0; }
div.review div.dot:hover,
div.review div.dot.active { color: #ffffff; border-color: #e67e22; background-color: #f1c40f; }


/* sign up more info */
#su-more-info { cursor: pointer; }
#su-more-info:hover  { color: #777; }
#su-more-info:before { content:'+'; width: 22px; height: 22px; font-size: 50px; margin-top: -24px; margin-bottom: 5px; padding-right: 10px; float: left; }
#su-more-info.opened:before { content:'-'; width: 22px; height: 22px; font-size: 50px; margin-top: -24px; margin-bottom: 5px; padding-right: 10px; float: left; }
#su-more-info-ct { display: none; }

#su-dob .dobMonthCt { width: 105px; float: left; }
#su-dob .dobDayCt   { width: 80px; float: left; }
#su-dob .dobYearCt  { width: 85px; float: left; }

#su-dob #dobMonth 	{ width: 95px; }
#su-dob #dobDay		{ width: 70px;  }
#su-dob #dobYear	{ width: 75px; }

/* STEPS
- - - - - - - - - - - - - - - - - */
ul.steps {
	position: absolute;
	left: 50%;
	bottom: 10px;
	padding-left: 3%;
}
ul.steps li {
	float: left;
	color: #ecf0f1;
	font-size: 14px;
	line-height: 2.142;
	height: 30px;
	position: relative;
	margin-right: 5px;
	padding-right: 10px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: default;
}
ul.steps li.active { background-color: rgba(0, 0, 0, 0.7); }
ul.steps li div.circle {
	float: left;
	color: black;
	text-align: center;
	line-height: 1.429;
	width: 20px;
	height: 20px;
	margin: 5px;
	border-radius: 20px;
	background-color: #ecf0f1;
}


/* CONTENT
- - - - - - - - - - - - - - - - - */
div.content-anchor { border-top: 1px solid white; }

div.content:after { content: ''; clear: both; display: block; }
div.content.white { background-color: #fafeff; }
div.content div.inner {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	padding: 10px 3% 40px;
}
div.content.sweepstakes h3 { color: #2C3E50; }

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

/* COLUMNS Styles */
.columns3.home-page { border: 2px solid #e7e7e7; }
.columns3.home-page div.column { padding: 20px; background-color: #f7f7f7;  }
.columns3.home-page div.column a.button.bottom { bottom: 20px; }
.columns3.home-page div.column:first-child { background-color: #fff; }

.columns2.home-page { border: 3px solid #e7e7e7;  }
.columns2.home-page.center { text-align: center;  }
.columns2.home-page div.column { padding: 20px; background-color: #f7f7f7;  }
.columns2.home-page div.column p { padding: .5em 1em; }
.columns2.home-page div.column p.header { padding-left: 0; padding-top: 0; }
.columns2.home-page div.column a.button { margin-left: auto; margin-right: auto; position: relative; }
.columns2.home-page div.column p.header { color: #707070; font-family: 'Sanchez-Regular'; font-size: 20px; margin:0; padding-bottom: .8em; }
.columns2.home-page div.column.border-left { border-left: 3px solid #e7e7e7; padding-left: 20px;  }
.columns2.home-page div.column.border-top{ border-top: 3px solid #e7e7e7; padding-left: 20px;  }

.sweepstakes .columns2 { border: 2px solid #e5e6e6; background-color: #fff; padding: 10px 20px; }

div.gray-line  { border-top: 2px solid #e7e7e7; }
div.white-line { border-top: 2px solid #ffffff; }

.email-preferences input[type="checkbox"]{
	width: 100%;
	height: 25px;
	margin: 0;
}

.email-preferences .row{
	display: flex;
	padding: 25px 0;
} 

@media (max-width: 350px) {

	div.header.projector-blue { background-image: url(../img/header/searchlight-faded.png); background-size: 280%;}

}

/* * * * * * * * * * *
  Switch Assets Menu 
 * * * * * * * * * * * */

div.switch_assets_menu {
	width: 200px;
	height: 14px;
	background-color: rgba(205,205,205,.5);
	position: absolute;
	top: 0;
	right: 0;
	padding: 7px 5px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
div.switch_assets_menu div.arrow-down {
	width: auto;
	text-align: center;
	height: 20px;
}
div.switch_assets_menu div.arrow-up {
	width: auto;
	text-align: center;
	height: 0px;
	overflow: hidden;
}
div.switch_assets_menu.open div.arrow-down {
	height: 0;
}
div.switch_assets_menu.open div.arrow-up {
	height: 25px;
}
div.switch_assets_menu.open div.arrow-up hr {
	height: 2px;
	margin: 5px 0;

}

div.switch_assets_menu.open  {
	background-color: rgba(222,222,222,.95);
	height: 120px;
}
div.switch_assets_menu.open div.arrow-down {
	display: none;
}
div.switch_assets_menu div.options {
	height: 0;
	overflow: hidden;
}
div.switch_assets_menu div.options input[type='submit'] {
	width: 90%;
}
div.switch_assets_menu div.options input[type='radio'] {
	float: left;
	width: 25px;
}
div.switch_assets_menu div.options label {
	padding-top: 15px;
	float: left;
	margin-right: 15px;
}
div.switch_assets_menu.open div.options {
	height: 100px;
}
div.switch_assets_menu.open div.options div {
	margin-bottom: 10px;
}