/* - - - - - - - - - - - - - - - - - - - -
   SCREENINGS GLOBAL CSS
- - - - - - - - - - - - - - - - - - - - - 

CONTENTS:
- helpers
- reset
- fonts
- base
- layout
- links
- buttons
- forms

- - - - - - - - - - - - - - - - - -
FORMULAS:
- - - - - - - - - - - - - - - - - -
FF line-height fix: (container-height / font-size = line-height)

COLORS:
ecf0f1  white
34495e  dull navy blue

*/


/* HELPERS
- - - - - - - - - - - - - - - - - */
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.text-center { text-align: center; }
.text-right  { text-align: right; }
.block-center { margin-left: auto; margin-right: auto; }
img.center { display: block; margin-left: auto; margin-right: auto; }
.relative { position: relative; }
.mt0_5 { margin-top: 0.5em; }
.mt1 { margin-top: 1em; }
.mt1_5 { margin-top: 1.5em; }
.mt2 { margin-top: 2em; }
.mt3 { margin-top: 3em; }
.mt4 { margin-top: 4em; }
.mt5 { margin-top: 5em; }
.mb0_5 { margin-bottom: 0.5em; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }
.mb4 { margin-bottom: 4em; }
.mb5 { margin-bottom: 5em; }
.ml1 { margin-left: 1em; }
.ml2 { margin-left: 2em; }
.mr1 { margin-right: 1em; }
.mr2 { margin-right: 2em; }
.onethird    { width:  33.3333%; }
.twothirds   { width:  66.6666%; }
.five        { width:   5%; }
.ten         { width:  10%; }
.fifteen     { width:  15%; }
.twenty      { width:  20%; }
.twentyfive  { width:  25%; }
.thirty      { width:  30%; }
.thirtyfive  { width:  35%; }
.forty       { width:  40%; }
.fortyfive   { width:  45%; }
.fifty       { width:  50%; }
.fiftyfive   { width:  55%; }
.sixty       { width:  60%; }
.sixtyfive   { width:  65%; }
.seventy     { width:  70%; }
.seventyfive { width:  75%; }
.eighty      { width:  80%; }
.eightyfive  { width:  85%; }
.ninety      { width:  90%; }
.ninetyfive  { width:  95%; }
.onehundred  { width: 100%; }
.full        { width: 100%; }


/* RESET
- - - - - - - - - - - - - - - - - */
* {
	margin: 0;
	padding: 0;
}

strong { font-weight: bold; }

/* FONTS
- - - - - - - - - - - - - - - - - */
/* @font-face {
	font-family: proxima-nova, sans-serif;font-weight: 700;font-style: normal;;
	src: url(../fonts/ProximaNova-Bold.otf) format("opentype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'ProximaNova-Extrabold';
	src: url(../fonts/ProximaNova-Extrabold.otf) format("opentype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: proxima-nova, sans-serif;font-weight: 300;font-style: italic;;
	src: url(../fonts/ProximaNova-LightItalic.otf) format("opentype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;;
	src: url(../fonts/ProximaNova-Regular.otf) format("opentype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'ProximaNova-RegularItalic';
	src: url(../fonts/ProximaNova-RegularItalic.otf) format("opentype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: proxima-nova, sans-serif;font-weight: 600;font-style: normal;;
	src: url(../fonts/ProximaNova-Semibold.otf) format("opentype");
	font-weight: 400;
	font-style: normal
} */

/* BASE
- - - - - - - - - - - - - - - - - */
html {
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	height: 100%;
	background-image: url('../img/main-bg.jpg');
	background-size: cover;
	background-position: center;
}
body {
	color: #81898f;
	font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;;
	font-size: 14px;
	min-height: 100%;
	position: relative;
	background-color: #f7f7f7;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 20%, rgba(0,0,0,0.60) 51%, rgba(0,0,0,0.97) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0.05)), color-stop(51%,rgba(0,0,0,0.60)), color-stop(100%,rgba(0,0,0,0.97))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.60) 51%,rgba(0,0,0,0.97) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.60) 51%,rgba(0,0,0,0.97) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.60) 51%,rgba(0,0,0,0.97) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.60) 51%,rgba(0,0,0,0.97) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */

}
body.home, body.no-gradient {
	background: none;
}
ul {
	list-style: none;
}

.basics {
	min-height: 450px;
}

h1, h2, h3 { font-weight: normal; line-height: 1.2; margin-bottom: 0.125em; }
h1 { font-family: proxima-nova, sans-serif;font-weight: 600;font-style: normal;; }
h1.small { font-size: 29px; }
h2 { font-family: proxima-nova, sans-serif;font-weight: 600;font-style: normal;; font-size: 32px; }
h2.reg { font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;; }
h3 { font-family: proxima-nova, sans-serif;font-weight: 600;font-style: normal;; text-transform: uppercase; }

h2.white { color: #fff; text-transform: uppercase; font-size: 14px; }
h3.red, p.red, span.red { color: #c0392b; }
h3.green, p.green, span.green { color: #27ae60; }


body.bgfull h1        		 { font-size: 40px; text-transform: uppercase; }

p {
	font-size: 14px;
	margin: 0.5em 0;
	line-height: 1.3;
	color: #7d7d7d;
}
p.link { text-decoration: underline; cursor: pointer; }
p.smaller { font-size: 12px; }
p.bigger { font-size: 16px; }
p.large { font-size: 20px; }
p.white { color: white; }
p.shadow { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
p.blue { color: #043650; }
.upper { text-transform: uppercase; }
p.no-margin { margin: 0; }

span.smaller { font-size: 12px; }
.black { color: black; }

strong { font-family: proxima-nova, sans-serif;font-weight: 600;font-style: normal;; color: #000000; }
strong.yellow{ color:#D4AA00; }
.gray-text { color: #a7a9ab; }

hr {
	clear: both;
	height: 0;
	margin: 25px 0;
	border: 0;
	border-top: 2px solid #81898f;
	border-bottom: 1px solid #ffffff;
}
hr.dark { border-top: 2px solid #878889; }
hr.thin { margin: 5px 0; border-bottom: none; }
hr.gray { border: 0; border-bottom: 2px solid #ccc; margin: 5px 0; }


/* CHUNKS
- - - - - - - - - - - - - - - - - */
.chunk {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
/* chunk mods */
.chunk.left  { float:  left; padding-right: 3%; }
.chunk.right { float: right; padding-left:  3%; }
.chunk.padding-left  { padding-left:  3%; }
.chunk.padding-right { padding-right: 3%; }
.chunk.no-padding { padding-left: 0; padding-right: 0; }
.chunk.border-left  {  border-left: 1px solid #dcdcdc; }
.chunk.border-right { border-right: 1px solid #dcdcdc; }


/* COLUMNS
- - - - - - - - - - - - - - - - - */
.columns2, .columns3, .column {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
.column {
	float: left;
}
/* column mods */
.column.border-left  {  border-left: 1px solid #dcdcdc; }
.column.border-right { border-right: 1px solid #dcdcdc; }
/* 2-columns */
.columns2 .column { width: 50%; position: relative;  }

.columns2 .column:nth-child(1) { padding-right: 2.5%; }
.columns2 .column:nth-child(2) { padding-left:  2.5%; }
/* 2-columns mods */
.columns2.wider-gutter .column:nth-child(1) { padding-right: 5%; }
.columns2.wider-gutter .column:nth-child(2) { padding-left:  5%; }
.columns2.one-to-two   .column:nth-child(1) { width: 33.3333%; }
.columns2.one-to-two   .column:nth-child(2) { width: 66.6666%; }
.columns2.two-to-one   .column:nth-child(1) { width: 66.6666%; }
.columns2.two-to-one   .column:nth-child(2) { width: 33.3333%; }
/* 3-columns */
.columns3 .column { width: 33.3333%; }
.columns3 .column:nth-child(1) { padding-right: 2.5%; }
.columns3 .column:nth-child(2) { padding-left: 2.5%; padding-right: 2.5%; }
.columns3 .column:nth-child(3) { padding-left: 2.5%; }
/* 3-columns mods */
.columns3.fixed-height.home-page .column { height: 260px; }

/* yellow icon top right in columns */
.columns2.home-page .column: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; }
.columns3.home-page .column: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; }


/* LINKS
- - - - - - - - - - - - - - - - - */
a.link {
	text-decoration: underline;
	cursor: pointer;
	font-size: 13px;
}
a.link:hover { text-decoration: none; }
/* mods */
a.link.red  { color: #e74c3c; }
a.link.blue { color: #043650; }
a.link.gray { color: #7f8c8d;  }
a.link.center  { display: block; text-align: center; }
a.link.center2 { display: inline-block; text-align: center; }
a.link.inline-block { display: inline-block; }
a.link.right   { display: block; float: right; }
a.link.film    {
	height: 26px;
	padding-left: 45px;
	background: url(../img/icon-film@2x.png) no-repeat left center;
	background-size: 37px 26px;
}
a.link.href:after   { content: attr(href); }
a.more-film 	   { font-size: 13px; }
a.more-film:before { content:' '; float: left; display: inline-block; width: 42px; height: 31px; background-image: url(../img/sprite/s.png); background-position: -523px -9px; margin-left: -0px; margin-right: 3px; margin-top: -4px;   }

/* SOCIAL ICONS
- - - - - - - - - - - - - - - - - */
a.icon { display: block; }
a.icon.twitter 		{ width: 30px; height: 29px; background-image: url(../img/sprite/s.png);  background-position: -185px -195px;  }
a.icon.facebook		{ width: 30px; height: 29px; background-image: url(../img/sprite/s.png);  background-position: -185px -157px;  }
a.icon.gplus		{ width: 30px; height: 29px; background-image: url(../img/sprite/s.png);  background-position: -227px -195px;  }

a.icon.tumblr 		{ width: 63px; height: 63px; background-image: url(../img/social/icon_tumblr_l.png); 	}
a.icon.pintrest 	{ width: 63px; height: 63px; background-image: url(../img/social/icon_pintrest_l.png); 	}
a.icon.youtube 		{ width: 63px; height: 63px; background-image: url(../img/social/icon_youtube_l.png); 	}
a.icon.instagram  	{ width: 63px; height: 63px; background-image: url(../img/social/icon_instagram_l.png);	}
a.icon.stumble    	{ width: 63px; height: 63px; background-image: url(../img/social/icon_stumble_l.png); 	}
a.icon.soundcloud 	{ width: 63px; height: 63px; background-image: url(../img/social/icon_soundcloud_l.png); }
a.icon.flipboard  	{ width: 63px; height: 63px; background-image: url(../img/social/icon_flipboard_l.png);  }
a.icon.sm 			{ width: 31px; height: 31px; background-size: 31px 31px; margin-right: .6em; margin-bottom: 1em; }

#fbLoginButton { border: none; text-indent: -99999px; cursor: pointer; margin-bottom: -23px; }
a.fb-login, #fbLoginButton 	{ background-image: url(../img/sprite/s.png);  width: 244px; background-size:720px 400px; height: 41px; background-position: -6px -49px; display: block; opacity: .94; }
a.tw-login 	{ background-image: url(../img/sprite/s.png);  width: 244px; background-size:720px 400px; height: 41px; background-position: -6px -97px; display: block; opacity: .94; }
a.fb-login:hover, #fbLoginButton:hover, a.tw-login:hover { opacity: 1.0; } 

a.fb-login.small 	{ background-image: url(../img/sprite/s.png); width: 113px; height:31px; background-position: -8px -335px; display: block; opacity: .94; }
a.tw-login.small 	{ background-image: url(../img/sprite/s.png); width: 113px; height:31px; background-position: -138px -335px; display: block; opacity: .94; }

a.fb-icon { background-image: url(../img/sprite/s.png); width: 108px; height: 39px; background-position: -6px -4px;  display: block;  }
a.tw-icon { background-image: url(../img/sprite/s.png); width: 131px;  height: 39px; background-position: -120px -4px;  display: block;  }

a.fb-mb { background-image: url(../img/sprite/s.png); width: 38px; height: 38px; background-position:  -3px -73.5px;  display: block; background-size: 350px 200px; }
a.tw-mb { background-image: url(../img/sprite/s.png); width: 38px; height: 38px; background-position: -47px -73.5px;  display: block; background-size: 350px 200px; }

a.fb-btn { background-image: url(../img/sprite/s.png); width: 265px; height: 41px; background-position: -6px -231px;  display: block; }
a.tw-btn { background-image: url(../img/sprite/s.png); width: 265px; height: 41px; background-position: -6px -279px;  display: block; }

div.redeem-icon { width: 31px; height: 30px; display: block; background-image: url(../img/sprite/s.png); float: left;  margin-left: 5px; background-position:  -29px   -5px; }

div.fb-bar { background-color: #395797; width: 300px; height: 39px; margin-bottom: 1em; border-right: 2px solid #2c4570;  border-bottom: 2px solid #2c4570;  }
div.tw-bar { background-color: #29a8df; width: 472px; height: 39px; margin-bottom: 1em; border-right: 2px solid #1f7fa0;  border-bottom: 2px solid #1f7fa0;  }



/* BUTTONS
- - - - - - - - - - - - - - - - - */
a.button {
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

/* cta buttons */
a.button.cta {
	display: block;
	width: 290px;
	height: 68px;
	line-height: 68px; 
	font-size: 25px; 
	color: #231f20; 
	background-color: #fbcc00;
	background-repeat: no-repeat;
	border: 0;
	border-bottom: 3px solid #bc7d17;
	text-transform: uppercase;
	border-bottom-left-radius: 30px; 
	border-top-left-radius: 30px; 
	border-top-right-radius: 30px; 
	box-shadow: none;
	font-family: proxima-nova, sans-serif;font-weight: 700;font-style: normal;;
}     
a.button.cta.sweepstakes 		{ width: 350px; }
a.button.cta:before 	        { content:' '; width: 57px; height: 56px; display: inline-block; background-image: url(../img/sprite/s.png); float: left; margin-top: 7px; margin-left: 10px; }
a.button.cta span 		        { color: #231f20; text-transform: none; font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;; }
a.button.cta.signup:before      { background-position: -114px   -5px; }
a.button.cta.login:before       { background-position:  -70px   -5px; }
a.button.cta.redeem:before,
a.button.cta.sweepstakes:before { background-position: -287px   -4px; }

a.button.cta.local              { background-position:    0px -174px; }
a.button.cta.sweeps             { background-position:    0px -232px; }
a.button.cta.signup:hover       { background-position: -200px    0px; }
a.button.cta.login:hover        { background-position: -200px  -58px; }
a.button.cta.redeem:hover       { background-position: -200px -116px; }
a.button.cta.local:hover        { background-position: -200px -174px; }
a.button.cta.sweeps:hover       { background-position: -200px -232px; }
a.button.cta.signup:active      { background-position: -400px    0px; }
a.button.cta.login:active       { background-position: -400px  -58px; }
a.button.cta.redeem:active      { background-position: -400px -116px; }
a.button.cta.local:active       { background-position: -400px -174px; }
a.button.cta.sweeps:active      { background-position: -400px -232px; }
     
/*  black button */
a.button {
	display: block;
	width: 195px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #6d6e71;
	font-size: 17px;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.85);
	-webkit-transition: all .3s ease;
  	   -moz-transition: all .3s ease;
  	    -ms-transition: all .3s ease;
  	     -o-transition: all .3s ease;
  	        transition: all .3s ease;
}
a.button.black 		 { color: #81898f;	background: #24272a; }
a.button.black:hover { color: #ddd; box-shadow: inset 0px 0px 10px rgba(0,0,0,1.0); }

a.button.yellow 	   { background-color: #ffcc00; color: #4A4A4A; }
a.button.yellow:hover  { color: #000; box-shadow: inset 0px 0px 10px rgba(0,0,0,1.0); }

a.button.blue 	     { background-color: #043650; color: #81898f; }
a.button.blue:hover  { color: #fff; box-shadow: inset 0px 0px 10px rgba(0,0,0,1.0); }

/* share buttons */
a.button.share {
	width: 100px;
	height: 31px;
	background-image: url(../img/buttons/buttons-social@2x.png);
	background-repeat: no-repeat;
	background-size: 202px 62px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
}
a.button.share.facebook        { background-position:    0px   0px; }
a.button.share.facebook:hover  { background-position:    0px -31px; }
a.button.share.twitter         { background-position: -101px   0px; }
a.button.share.twitter:hover   { background-position: -101px -31px; }

/* share buttons container */
div.share-buttons.bottom { position: absolute; bottom: 0; }
div.share-buttons a.button.share {
	float: left;
	height: 31px;
	margin-right: 15px;
	margin-bottom: 8px;
}
div.share-buttons a.button.share:last-child { margin-right: 0; }


/* common button mods */
a.button.full { width: 100%; }
a.button.short { width: 105px; }
a.button.flex { width: auto; display: inline-block; }
a.button.long { width: 300px; height: 41px; line-height: 41px; }
.bgfull a.button.long { width: 280px; height: 41px; line-height: 41px; text-transform: uppercase; }
a.button.small 	{ width: 170px;}
a.button.mini { width: 95px; height: 33px; line-height: 33px; font-size: 13px; padding: 0; }
a.button.tiny { width: 120px; height: 33px; line-height: 33px; font-size: 13px; padding: 0; }
a.button.center { margin-left: auto; margin-right: auto; }
a.button.right  { float: right; }
a.button.small-txt { font-size: 14px; }
a.button.bottom {
	position: absolute; /* Note: There MUST be a non-static parent, obviously. */
	bottom: 0px;
}
a.button.su-btn { width: 235px; }
a.blue.medium { height:30px; line-height: 30px; font-size: 16px; }

/* Square Button e.g for seats number selection*/
a.button.square {
    -moz-box-sizing: border-box;
	     box-sizing: border-box;
	display: inline-block;
	margin-right:10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color:#4A4A4A;
	font-family: 'BerninoSansCondensed-Regular', Arial, sans-serif;
	border: 1px solid #6d6e71;
	/*border-radius: 20px;*/
}
a.button.square:hover, a.button.square.chosen {color:#000; background-color: #ffcc00;}


/* FORMS
- - - - - - - - - - - - - - - - - */
label {
	color: #000;
	font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;;
	font-size: 14px;
	font-weight: normal;
}
label span  { color: #95a5a6; font-size: 10px; }
label.light { color: #999; }
label.error { color: #e44c3e; display: block; }
label.green { color: #27ae60; }
label.red   { color: #e44c3e; }
label.white { }
input, textarea, select {
	width: 260px;
	outline: none; /* removes crappy default webkit blue glow */
}
input.error, textarea.error, select.error { border: 2px solid #e44c3e; box-shadow: none; }
input, textarea, select {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	padding-left:  4px;
	padding-right: 4px;
	border: none;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
	background-color: #f3f3f4;
	margin-top: 5px;
}
input, select {
	color: #2c3e50;
	font-family: 'OpenSans-Regular', Arial, sans-serif;
	font-size: 14px;
	line-height: 2;
	height: 28px;
}
select{ padding: 3px 0; margin-bottom: 10px; }
input.long { width: 240px; }


input.short { width: 110%; }
textarea {
	color: #2c3e50;
	font-family: 'OpenSans-Regular', Arial, sans-serif;
	font-size: 12px;
	height: 60px;
	max-width: 100%;
	max-height: 400px;
	background-color: white;
}
textarea.taller { height: 120px; }

input[type="file"] {
	line-height: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}

input[type="checkbox"] {
	display: inline;
	width: auto;
	box-shadow: none;
	margin-right: 4px;
}

.checkboxes input[type="checkbox"],
.checkboxes label {
	height: auto;
	line-height: 1;
	vertical-align: middle;
}
.checkboxes input[type="checkbox"] {
}

.flex
{
	display: flex;
}
.flex-wrap
{
	flex-wrap: wrap;
}
.flex-col
{
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

.flex-row
{
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
}

.jc-center
{
	justify-content: center;
}

.ai-center
{
	align-items: center;
}
