/* ============================================================
  HTML & BODY
============================================================ */

body {
  font-family: 'Source Sans Pro', sans-serif;
  color: #26344e;
  background: #fefdeb;
  position:relative;
}

/* ============================================================
  TYPOGRAPHY & ICONS
============================================================ */

h1 {
  padding: 0;
  margin: 0;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 20px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#fe4906, #b63102);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 1px solid #eddf5a;
}

h1.h1-compact {
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: 10px;
}

h1.h1-inverted {
  background: -webkit-linear-gradient(#b63102, #fe4906);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: none;
  border-top: 1px solid #eddf5a;
}

strong {
  font-weight: 600;
}

.small-text {
  font-size: smaller;
}

.spacer {
  margin-top: 1rem;
}

.fa-puzzle-piece {
  padding: 0;
  margin: 2rem 0 0 0;
  background: -webkit-linear-gradient(#b63102, #fe4906);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ============================================================
  NAVBAR OVERRIDES
============================================================ */

.navbar-toggler span {
  background-color: #fe4906;
}

  nav.navbar {
  background: #fefdeb;
}

.navbar {
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1rem;
  font-family: 'Source Sans Pro', serif;
  color: #21334b;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.navbar-light .navbar-nav .nav-link {
  color:#384466;
}

li.nav-item {
  padding: 0 .5rem 0 .5rem;
  border-bottom: 1px solid #eddf5a;
}

.navbar-expand-lg {
  background: transparent;
}

/* change the link color */
 a.nav-link {
  font-size: 1.5rem;
  line-height: 1.25rem;
  font-family: 'Source Sans Pro', serif;
  color: #21334b;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a.nav-link:hover {
  background: -webkit-linear-gradient(#21334b, #fe4906);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ============================================================
  STRUCTURE - General
============================================================ */

/* Centered texts in each section */
.section {
  text-align: center;
}

.clear {
  clear: both;
  display: block;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.parallax-window {
    min-height: 400px;
    background:  linear-gradient(
      rgba(254,67,9, 0.55), 
      rgba(254,67,9, 0.15),
      rgba(254,67,9, 0.10),
      rgba(253,253,253, 0.10),
      rgba(253,253,253, 0.2),
      rgba(253,253,253, 0.55)),
}

/* ============================================================
  BACKGROUNDS - Section Specific
============================================================ */

#page1 {
  padding-top:  3.5rem;
  background: #fefdeb;
}

.col-featured {
  display: block;
  min-height: 350px;
  max-height: 600px;
  background: linear-gradient(
      rgba(254,67,9, 0.45), 
      rgba(254,67,9, 0.25),
      rgba(254,67,9, 0.05),
      rgba(254,67,9, 0.0)),
  url(../images/featured-image.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page2 {
  background: #fefdeb;
}

#page3 {
  background: #fefdeb;
}

#page4 {
  background: #fefdeb;
}

#page5 {
  background: #fefdeb;
}

#page6 {
  background: #fefdeb;
}

#page7 {
  padding-top:  3.5rem;
}


/* ============================================================
  SECTION STYLES - General
============================================================ */

.scrolltext {
  margin: 1rem 0 0 0;
  padding: 0 1.5rem .1rem 0;
  max-height: 325px;
  overflow-y: scroll;
}

.scrolltext p {
  font-family: 'Lato', sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  color: #26344e;
}

.scrolltext ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.scrolltext ul li {
  margin: 0;
  padding: .2rem 0;
  font-family: 'Lato', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #26344e;
}

.list-group-item {
  border: none;
  background: transparent;
  background-color: transparent;
}

.role {
  display: block;
  clear: both;
}

.scrolltext ul li a {
  font-weight: 300;
  text-transform: uppercase;
  color: #26344e;
  border-bottom: 1px dotted #eddf5a;
}

.scrolltext ul li a:hover {
  text-decoration: none;
  background: -webkit-linear-gradient(#21334b, #fe4906);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.scrolltext .link {
  display: block;
  clear: both;
  font-weight: 300;
  text-transform: uppercase;
  color: #26344e;
}

.scrolltext-description {
  display: block;
  clear: both;
  font-size: 1rem;
  font-weight: 300;
  text-transform: none;
  color: #26344e;
}

.section-quote {
  border-top: 1px solid #eddf5a;
}

.spacer-bottom {
  margin-bottom: .25rem;
}

/* ============================================================
  SECTION SPECIFIC STYLES - Home
============================================================ */

.homepage-quote {
  margin-top: 0;
}

.homepage-producer {
  margin-top: 1rem;
}

.col-quote, .col-producer, .section-quote {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 300;
  color: #26344e;
  text-transform: uppercase;
}

.producer-title {
  font-weight: 600;
  display: block;
  clear: both;
}

.quote-header {
  font-weight: 600;
  display: block;
  clear: both;
}

.quote-credit {
  display: block;
  clear: both;
  font-size: .9rem;
  line-height: 1.15rem;
  font-weight: 300;
  text-transform: none;
}

.homepage-actors {
  margin: .75rem 0 .75rem 0;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
  color: #26344e;
  text-transform: uppercase;
}

.col-actor {
  padding: .75rem 0 .75rem 0;
}

.homepage h1 {
  padding: 0;
  margin: 0;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 8rem;
  line-height: 6.5rem;
  letter-spacing: 20px;
  background: -webkit-linear-gradient(#21334b, #fe4906);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: none;
}

.homepage-featured {
  margin: 2rem 0 0 0;
}

.homepage-puzzle-copy {
  position: relative;
  padding: 6rem 0 3rem 0;
  margin: 0;
  z-index: 100;
}

.homepage-puzzle-copy a {
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#fe4906, #21334b, #21334b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.homepage-puzzle-copy:after {
  content: "\f12e"; 
  font-family: FontAwesome;
  position: absolute;
  font-size: 8rem;
  line-height: 8rem;
  background: -webkit-linear-gradient(#eddf5a, #fefdeb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: -6rem 0 0 -4rem;
  z-index: -1;
 }

/* ============================================================
  SECTION SPECIFIC STYLES - Reviews
============================================================ */

.quote-page-block {
  padding-bottom: 1rem;
}

.large-quote {
  font-family: 'Lato', sans-serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: #26344e;
  text-transform: uppercase;
}

.quote-feature {
  font-size: 2rem;
  font-weight: 600;
  display: block;
  clear: both;
}

hr {
  padding: 0;
  border-color: #eddf5a;
}

#page7 .quote-header {
  font-weight: 400;
  display: block;
  clear: both;
  text-transform: uppercase;
}

#page7 .large-quote {
  font-weight: 600;
}

#page7 .quote-credit {
  display: block;
  clear: both;
  font-size: .9rem;
  line-height: 1.15rem;
  font-weight: 300;
  text-transform: none;
}

#page7 hr {
  padding: 0;
  margin: .25rem auto;
  max-width: 10%;
  border-color: #eddf5a;
}

.quote-button {
  display: block;
  clear: both;
  font-size: .9rem;
  line-height: 1.15rem;
  font-weight: 300;
  text-transform: uppercase;
}

.quote-button a {
  font-weight: 600;
  font-size: 1rem;
  background: -webkit-linear-gradient(#21334b, #fe4906);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ============================================================
SLIDER
============================================================ */

.wrapper-slider {
  padding: 0;
  margin: 0;
}

.slide {
  margin: 3rem 0;
  padding: 0 3rem 0 3rem;
}

.col-quote .slide {
  margin: 0;
  padding: 0;
  min-height: 3.75rem;
}

.slide p {
  font-family: 'Lato', sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  color: #26344e;
}

.fp-controlArrow.fp-prev {
  border-width: 15px 15px 15px 0;
  border-color: transparent rgba(237,223,90,0.75) transparent transparent;
}

.fp-controlArrow.fp-next {
  border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent rgba(237,223,90,0.75);
}

/* ============================================================
  MODALS
============================================================ */

.modal-title {
  margin-left: 0;
  padding-left: 0;
}

button.close {
  font-family: 'Lato', sans-serif;
  font-weight: 200;
  font-size: 2rem;
  line-height: 2rem;
  color: #8b0030;
}

.modal-content {
  padding: 0 1.5rem 1rem 1.5rem;
  background-color: #fffeec;
}

.modal-header {
  border-bottom: none;
}

.modal .close {
  float: right;
}

.modal-content .scrolltext {
  max-height: 600px;
  overflow-y: scroll;
}

.modal strong {
  font-weight: 600;
}

.modal-content p {
  font-family: 'Lato', sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  color: #26344e;
}

img.bio-image {
  margin: .25rem 0 0 0;
  padding: 0;
  max-width: 350px;
  border-radius: 3px;
  opacity: 0.9;
  border: 2px solid #eddf5a;
}

img.float-right {
  margin: 0 0 .25rem .5rem;
}

img.float-left {
  margin: 0 .5rem .25rem 0;
}


/* ============================================================
  FOOTER
============================================================ */

#footer {
  margin: 0 0 .1rem 0;
  padding: 0;
}

#footer a {
  color: #26344e;
}

.footer-dates {
  visibility: hidden;
  display: none;
}

.footer-dates .fa-puzzle-piece {
  margin: 0 .25rem 0 .5rem;
  padding: 0;
  display: inline;
  font-size: 1.5rem;
  line-height: 1.5rem;
  border: 0;
  background: -webkit-linear-gradient(#26344e, #fe4906,#26344e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-first {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.footer-second {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.col-social {
  margin: 0;
  padding: 0 3rem 0;
  text-align: center;
  font-size: .8rem;
  line-height: .7rem;
  font-family: 'Source Sans Pro', sans-serif;
  color: #26344e;
}

.col-spc {
  margin: 0;
  padding: .75rem 3rem 0 3rem;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  color: #26344e;
  font-size: .9rem;
  line-height: .8rem;
  text-transform: uppercase;
}

.show-for-mobile-only {
  visibility: hidden;
  display: none;
}

/* ============================================================
  SCROLLERS
============================================================ */

.scrolltext::-webkit-scrollbar{width: 1px;}
.scrolltext::-webkit-scrollbar-thumb{background-color:rgba(237,227,90,0.5); border-radius: 0;}
.scrolltext::-webkit-scrollbar-thumb:hover{background-color:rgba(227,219,103,0.75);}
.scrolltext::-webkit-scrollbar-track{background-color:rgba(241,238,198,0.25);}


/* ============================================================
  GOWATCHIT
============================================================ */

.homepage-gettix {
  position: relative;
  padding: 6rem 0 3rem 0;
  margin: 0;
  z-index: 100;
}

.homepage-gettix a {
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#fe4906, #21334b, #21334b);
  -webkit-background-clip: text;
  cursor: pointer;
}

.homepage-gettix:after {
  content: "\f12e"; 
  font-family: FontAwesome;
  position: absolute;
  font-size: 8rem;
  line-height: 8rem;
  background: -webkit-linear-gradient(#eddf5a, #fefdeb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: -4rem 0 0 -7.5rem;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: -1;
}

/* ============================================================
Blu-ray & Digital
============================================================ */
.bluray-digital-wrapper {
  float: left;
}

.box-art {
  max-height: 175px;
  max-width: 142px;
  float: left;
  padding: 0 1rem 0 0;
}

.box-art img {
  max-height: 175px;
  max-width: 142px;
}

.cta {
  float: left;
  padding: .25rem 0 0 0;
}

.cta-copy {
  width: 100%;
  display: block;
  clear: both;
  text-align: left;
  padding-bottom: .5rem;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#fe4906, #21334b, #21334b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

img.cta-button {
  width: 100%;
  max-width: 140px;
  margin: 0 0 .5rem 0;
  float: left;
  display: block;
  clear: both;
}


/* ============================================================
  BUG FIXES
  Solves problem with overflowing video in Mac with Chrome
============================================================ */

#section0 {
  overflow: hidden;
}

/* ============================================================
  MEDIA QUERIES
============================================================ */


@media (max-height: 680px) {
#page1 {
  padding-top:  2.5rem;
}

.navbar {
  font-size: 1.25rem;
  line-height: 1rem;
}

a.nav-link {
  font-size: 1.25rem;
  line-height: 1rem;
}

.col-quote, .col-producer {
  font-size: .9rem;
  line-height: 1.1rem;
}

.homepage h1 {
  font-size: 7rem;
  line-height: 6rem;
}

.homepage-producer {
  margin-top: 0;
}

.col-producer {
  line-height: 1rem;
}
}

@media  (max-height: 700px) {
.col-featured {
  min-height: 300px;
  max-height: 300px;
}
}

@media  (max-height: 730px) {

.homepage-actors {
  margin: 0;
}
.col-featured {
  min-height: 350px;
  max-height: 350px;
}
}

@media  (max-height: 760px) {
.col-actor {
  padding: .5rem 0 .5rem 0;
}

.homepage-producer {
  margin-top: .5rem;
}

.homepage-featured {
  margin: .25rem 0 0 0;
}

.footer-dates {
  padding: 0 0 .5rem 0;
}
}

/**** End Height Based ****?

@media (min-width: 577px) {
  h1 {
    padding-bottom:1.5rem;
  }
  .navbar-text {
    display:block;
    float:right !important;
  }

  a.nav-link {
    font-size:20px;
  }

  .my-gallery figure {
    width:23%;
      margin: 1%;
  }
}

@media (max-width: 576px) {
h1 {
  padding-bottom:1rem;
}

.navbar-text {
  display:block;
  clear:both;
  width:100%;
  text-align:center;
  border-top:1px solid rgba(255,255,255,0.2);
}

a.nav-link {
  font-size:36px;
}

.my-gallery figure {
  width:45.5%;
    margin: 2%;
}
}

@media (max-width: 767px){
.homepage-actors {
  font-size: 1rem;
  line-height: .8rem;
}
.col-actor {
  padding: .5rem 0 .25rem 0;
} 

.homepage-featured {
  margin: .5rem 0 0 0;
}
}
 
@media (max-width: 800px){
h1 {
  font-size:  2.5rem;
  line-height: 2rem;
} 
}

@media (max-width: 991px){
#page1 {
  padding-top:  1.5rem;
}
img.bio-image {
  max-width: 250px;
}
.quote-credit {
  font-size: .8rem;
  line-height: 1.05rem;
}

.homepage-actors {
  font-size: .9rem;
  line-height: .9rem;
}
}
 
@media (max-width: 1250px){
h1 {
  font-size: 4rem;
  line-height: 3.5rem;
  letter-spacing: 10px;
} 
.cta-copy {
  font-size: 1rem;
  line-height: 1rem;
}
}

/* iPhone 5 Portrait ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
#page1 {
  padding-top:  1.75rem;
}

#page2, #page3, #page4, #page5, #page6, #page8 {
  padding-top: 2rem;
}

#page7 {
  padding-top: 4rem;
}

.parallax-window {
  visibility: hidden;
  display: none;
}

#page9 {
  visibility: hidden;
  display: none;
}

.homepage-actors {
  margin: 0;
  padding: 0;
  font-size: .9rem;
  line-height: .9rem;
}

.col-actor {
  margin: 0;
  padding: .25rem 0 .25rem 0;
}
 
.bluray-digital-wrapper {
  width: 100%;
  float: none;
}

.box-art {
  visibility: hidden;
  display: none;
}

.box-art img {
  visibility: hidden;
  display: none;
}

.cta-copy {
  width: 100%;
  text-align: center;
  padding: .5rem 0 .5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

.cta {
  width: 100%;
  float: none;
  padding: 0;
}

img.cta-button {
  width: 100%;
  max-width: 120px;
  margin: 0 0 .5rem 0;
  float: none;
  display: inline;
  clear: none;
}

.homepage h1 {
  font-size: 4rem;
  line-height: 3.5rem;
  letter-spacing: 10px;
}

.col-featured {
  min-height: 250px;
  max-height: 800px;
  background-position: 50% 50%;
}

.homepage-puzzle-copy a {
  visibility: hidden;
  display: none;
}

.homepage-puzzle-copy:after {
  visibility: hidden;
  display: none;
 }

.footer-dates {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0 .75rem 0;
}

.col-social {
  padding: 0 1rem 0;
  font-size: .7rem;
  line-height: .9rem;
}

.col-spc {
  padding: .25rem 1rem 0 1rem;
  font-size: .7rem;
  line-height: .7rem;
}

h1 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 5px;
}

h1.h1-compact {
  font-size: 2rem;
  line-height: 2rem;
}

img.bio-image {
  display: block;
  float: left;
  clear: both;
  max-width: 350px;
}

.slide {
  margin: 1rem 0;
}

.large-quote {
  font-size: 1rem;
  line-height: 1.25rem;
}

.quote-feature {
  font-size: 1rem;
  line-height: 1.25rem;
}

.homepage-puzzle-copy  {
  visibility: hidden;
  display: none;
}

.homepage-gettix {
  visibility: hidden;
  display: none;
}

.show-for-mobile-only {
  visibility: visible;
  display: inline;
  margin: 0 .0 0 .5rem;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  background: -webkit-linear-gradient(#fe4906, #b63102);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  z-index: 1;
}
}


/* iPhone 5 Landscape ----------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
#page1 {
  padding-top:  1.75rem;
}

#page2, #page3, #page4, #page5, #page6, #page7 {
  padding-top: 2rem;
}

.homepage-actors {
  margin: 0;
  padding: 0;
}

.homepage-actors {
  font-size: .9rem;
  line-height: .9rem;
}

.col-actor {
  margin: 0;
  padding: .25rem 0 .25rem 0;
}
 
.cta-copy {
  font-size: 1rem;
  line-height: 1rem;
}

.homepage h1 {
  font-size: 7rem;
  line-height: 6.5rem;
  letter-spacing: 10px;
}

.homepage-featured {
  visibility: hidden;
  display: none;
}

.footer-dates {
  visibility: visible;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 1rem 0;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
  color: #26344e;
  text-transform: uppercase;
  padding: 0 0 .75rem 0;
}

.bluray-digital-wrapper {
  width: 100%;
  float: none;
}

.cta-copy {
  width: 100%;
  text-align: center;
  padding: .5rem 0 .5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.col-social {
  padding: 0 1rem 0;
  font-size: .7rem;
  line-height: .9rem;
}

.col-spc {
  padding: .25rem 1rem 0 1rem;
  font-size: .7rem;
  line-height: .7rem;
}

h1 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 5px;
}

h1.h1-compact {
  font-size: 1.75rem;
  line-height: 1.75rem;
}

.scrolltext {
  max-height: 225px;
}

.section .fa-puzzle-piece {
  visibility: hidden;
  display: none;
}

img.bio-image {
  visibility: hidden;
  display: none;
}

.slide {
  margin: 0;
}

.large-quote {
  font-size: 1rem;
  line-height: 1.25rem;
}

.quote-feature {
  font-size: 1rem;
  line-height: 1.25rem;
  display: inline;
  clear: none;
  padding-right: 5px;
}

.quote-header {
  display: inline;
  clear: none;
  padding-right: 5px;
}

.quote-credit {
  margin: 0;
  padding: 0;
}

.slide p {
  margin: 2rem 0 0 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.25rem;
}

.homepage-puzzle-copy  {
  visibility: hidden;
  display: none;
}

.homepage-gettix {
  visibility: hidden;
  display: none;
}

.show-for-mobile-only {
  visibility: visible;
  display: inline;
  margin: 0 .0 0 .5rem;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  background: -webkit-linear-gradient(#fe4906, #b63102);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  z-index: 1;
}
}