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

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

*/

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

/* RESPONSIVE VISIBILITY
- - - - - - - - - - - - - - - - - */
.mobile  { display: none !important; }
.desktop { display: flex; }

/* HELPERS
  - - - - - - - - - - - - - - - - - */
.d-mr1 { margin-right: 1em; }
.d-mr1_5 { margin-right: 1.5em; }
.d-ml1_5 { margin-left: 1.5em; }
.d-mt2 { margin-top: 2em; }
.d-mt5 { margin-top: 5em; }


/* FLEX BOX
- - - - - - - - - - - - - - - - - */
.box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.jc-sp-bt {
  display: flex;
  justify-content: space-between;
}


/* CHUNKS
- - - - - - - - - - - - - - - - - */
/* chunk mods */
.chunk.border-right-short { border-right: 1px solid #dcdcdc; height: 200px;}


/* CONTENT
- - - - - - - - - - - - - - - - - */
.inner-box {
  width: 600px;
}

div.content {
  margin: 0 auto;
}
div.content div.inner {
  width: 940px;
  margin: 0 auto;
}

/* mods */
div.content div.inner.narrow {
  padding-left:  20%;
  padding-right: 20%;
}
div.content.with-bottom-footer { padding-bottom: 290px;  }
div.inner { width: 980px; margin-left: auto; margin-right: auto; }


/* Homepage */

.container {
  padding: 0;
  margin: 0;
  list-style: none;
  background-image: url(../img/background/index.png);
  background-size: cover;
  height: 400px;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.container img {
  margin-right: 40px;
}

.container a.button {
  margin-left: 40px;
}

div.home-icon {
  width: 250px;
}

div.upcoming-screenings  { height: 465px; width: auto; position: relative; }
div.upcoming-screenings div.movie {	width: 172px; height: 368px; display: block; }
div.upcoming-screenings div.movie img { width: 100%; height: 254px; }

div.upcoming-screenings div.movie-carousel       { width: auto; max-width: 100%; padding: 0; }
div.upcoming-screenings div.inner { width: 940px; }

div.upcoming-screenings div.owl-pagination, #movie-carousel div.owl-pagination { display: none; }
div.upcoming-screenings div.movie-carousel div.owl-prev, #movie-carousel div.owl-prev  { position: absolute; left: -33px; bottom: 220px; width: 45px; height: 45px; background-image: url(../img/icons/slider-nav-prev.png); padding: 0; opacity: .9; background-repeat: no-repeat;background-position: 3px 0px;}
div.upcoming-screenings div.movie-carousel div.owl-next, #movie-carousel div.owl-next { position: absolute; right:-15px; bottom: 220px; width: 45px; height: 45px; background-image: url(../img/icons/slider-nav-next.png); padding: 0; opacity: .9; background-repeat: no-repeat; background-position: 5px 0px;}


/* Movie Landing */

div.movie-banner{
  display: flex;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

div.movie-landing-title {
  width: 66.6666%;
  float: right;
}

h1.movie-landing-title {
  font-size: 40px;
  color: #fff !important;
  font-weight: 200;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); 
  width: 75%;
}

div.movie-landing-pic {
  width: 33.3333%;
  margin-top: -25px;
  padding-left:10px
}

img.movie-poster {
  width: 100%;
}

div.movie-landing-passes {
  float: left;
  width: 600px;
}

div.movie-landing-passes a.button.blue-no-border {
  float:left;
}

div.movie-banner div.right-section {
  width: 66.6666%;
  float: right;
}

div.movie-landing-screening {
  background: rgba(16, 16, 16, 0.67);
  float: left;
}

div.movie-landing-screening h3.movie-landing-header1 {
  text-align: left;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);
  margin-left: 20px;
  margin-top: 30px;
}

div.movie-landing-sections {
  text-align: left;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 25px;
}

div.movie-landing-instructions {
  width: 50%;
}

div.header-bg {

  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
}

div.movie-landing-trailer {
  width: 799px;
  margin-left: auto;
  margin-right: auto;
}

h1.movie-landing-title2 {
  color: #333333;
  text-transform: none;
  font-size: 40px;
}

.smallbox {
  width: 700px;
  display: flex;
  justify-content: center;
}
/* End of Movie Landing */


/* National Campaign
   Registration Select */

div.nlp-box {
  width: 800px;
}

div.nlp-screenings {
  background: rgba(16, 16, 16, 0.67);
  float: left;
  width: 600px;
  height: auto;
  max-height: 225px;
  overflow-y: auto;
}

div.nlp-movie-pic {
  width: 33.3333%;
  padding-left:10px
}

hr.short {
  width: 180px;
}

/* Screening Details */

div.scr-detail {
  width:700px;
}

}




