/* ###### COLOR VARIABLES ###### */
/* ##### TEXT LINKS ##### */
/* ###### FONT VARIABLES ###### */
/* ###### NAV VARIABLES ###### */
/* ##### HEADER BANNER VARIBLES ##### */
/* ##### BTN VARIABLES ##### */
/* ##### CARDS VARIABLES ##### */
/* ##### FOOTER VARIABLES ##### */
.view-switch .btn-style {
  transition: all .5s linear; }
  .view-switch .btn-style:hover, .view-switch .btn-style.is-selected {
    color: #fff;
    background-color: #f26a35; }

.poster-wrapper .callout-image {
  height: 490px;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .poster-wrapper .callout-image {
      height: 490px; } }
  @media screen and (min-width: 992px) {
    .poster-wrapper .callout-image {
      height: 400px; } }

.prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
  right: -10px;
  background: transparent;
  border: none;
  position: absolute;
  z-index: 1100;
  font-size: 33px;
  color: #f26a35;
  cursor: pointer; }
  .prev-next-button.previous {
    left: -10px;
    transform: rotate(180deg);
    top: 33%; }
    @media screen and (min-width: 768px) {
      .prev-next-button.previous {
        left: -50px; } }
  .prev-next-button.next {
    right: -10px; }
    @media screen and (min-width: 768px) {
      .prev-next-button.next {
        right: -30px; } }
  .prev-next-button .button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    fill: currentColor; }

.movie-panel .row {
  margin-bottom: 70px; }

.movie-listing .movie-title, .date-listing .movie-title {
  color: #f26a35;
  padding-top: 15px; }
.movie-listing .rating-length, .date-listing .rating-length {
  color: #148bb7; }
.movie-listing .trailer-link a, .date-listing .trailer-link a {
  display: flex;
  align-items: center;
  justify-content: center; }
  .movie-listing .trailer-link a .icon, .date-listing .trailer-link a .icon {
    font-size: 18px;
    margin-right: 8px;
    color: #f26a35;
    padding-top: 2px;
    transition: color 1s linear; }
  .movie-listing .trailer-link a:hover .icon, .date-listing .trailer-link a:hover .icon {
    color: #fff; }
.movie-listing .movie-desc, .date-listing .movie-desc {
  padding-bottom: 40px; }
  .movie-listing .movie-desc p, .date-listing .movie-desc p {
    line-height: 25px; }
.movie-listing ul, .date-listing ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: start;
  padding-left: 0;
  width: 100%; }
  .movie-listing ul li, .date-listing ul li {
    margin-right: 35px;
    margin-bottom: 25px; }
    .movie-listing ul li .movie-time, .date-listing ul li .movie-time {
      width: 150px;
      height: 42px;
      background-color: #148bb7;
      color: #faf3db;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 25px;
      font-weight: bold;
      letter-spacing: 3px;
      transition: all .5s;
      border: 2px solid #148bb7; }
      .movie-listing ul li .movie-time:hover, .date-listing ul li .movie-time:hover {
        background-color: transparent;
        color: #148bb7; }
.movie-listing .btn-style, .date-listing .btn-style {
  margin: 0 0 25px; }
  .movie-listing .btn-style :hover, .date-listing .btn-style :hover {
    opacity: .8; }
.movie-listing .shadowed-image, .date-listing .shadowed-image {
  margin: auto auto 50px 30px;
  width: 75%; }
.movie-listing .container, .date-listing .container {
  padding-left: 15px; }

.dates {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 50px; }
  .dates .dates-nav {
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 127px;
    background-color: #148bb7; }
    .dates .dates-nav:before {
      content: '';
      display: none;
      right: 100%;
      width: 100%;
      position: absolute;
      height: 100%;
      background-color: #148bb7;
      z-index: 1000; }
    .dates .dates-nav:after {
      content: '';
      display: none;
      left: 100%;
      width: 100%;
      position: absolute;
      height: 100%;
      background-color: #148bb7; }
    .dates .dates-nav .flickity-viewport {
      width: 100%;
      height: 140px; }
    .dates .dates-nav .day {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      padding: 16px 0;
      width: 50%;
      min-height: 100px;
      margin: auto;
      cursor: pointer;
      background-color: transparent;
      transition: background-color 1s;
      position: relative; }
      .dates .dates-nav .day:after {
        content: '\f0dd';
        font-family: 'motherload-', sans-serif;
        display: block;
        position: absolute;
        bottom: -20px;
        font-size: 35px;
        color: #0d789f;
        left: 45%;
        opacity: 0;
        transition: opacity .2s; }
      .dates .dates-nav .day.is-selected {
        background-color: #0d789f; }
        .dates .dates-nav .day.is-selected:after {
          opacity: 1; }
      .dates .dates-nav .day div {
        display: block;
        position: relative;
        width: 100%;
        color: #faf3db;
        text-transform: uppercase;
        text-align: center; }
        .dates .dates-nav .day div.dayAbbr, .dates .dates-nav .day div.monthFull {
          font-size: 15px;
          line-height: 27px; }
        .dates .dates-nav .day div.dayNum {
          font-size: 40px;
          font-weight: 600;
          line-height: 40px; }

.movie-listing {
  display: none; }
  .movie-listing .row {
    margin-bottom: 75px; }
  .movie-listing .dates .flickity-prev-next-button {
    color: #f26a35; }
    .movie-listing .dates .flickity-prev-next-button.previous {
      left: -45px; }
    .movie-listing .dates .flickity-prev-next-button.next {
      right: -45px; }
  .movie-listing .dates .dates-nav {
    width: 75%;
    height: 100px; }
    .movie-listing .dates .dates-nav .flickity-viewport {
      padding-left: 0;
      height: 115px; }
    .movie-listing .dates .dates-nav:before {
      background-color: #fffdf3; }
    .movie-listing .dates .dates-nav:after {
      background-color: #fffdf3; }
    .movie-listing .dates .dates-nav .day {
      height: 100px; }
      .movie-listing .dates .dates-nav .day div.dayAbbr, .movie-listing .dates .dates-nav .day div.monthFull {
        font-size: 12px;
        line-height: 15px; }
      .movie-listing .dates .dates-nav .day div.dayNum {
        font-size: 33px;
        line-height: 33px; }
  .movie-listing .movie-times-time-slides {
    margin-left: 42px; }

.date-listing .dates {
  height: 140px;
  position: relative; }
  .date-listing .dates:after {
    content: '';
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    height: 91%;
    top: 0;
    width: 100%;
    background: #148bb7;
    z-index: -1; }
.date-listing .movie-panel-slideshow .flickity-viewport {
  transition: height .2s; }
.date-listing .movie-panel-slideshow .movie-panel {
  width: 100%;
  height: auto;
  margin-left: 65px;
  opacity: 0;
  transition: opacity .8s; }
  .date-listing .movie-panel-slideshow .movie-panel .row {
    margin-bottom: 75px; }

@media screen and (min-width: 768px) {
  .movie-listing .shadowed-image, .date-listing .shadowed-image {
    margin: auto auto 50px auto;
    width: 100%; }
  .movie-listing ul li, .date-listing ul li {
    margin-right: 10px;
    margin-bottom: 10px; }
  .movie-listing .container, .date-listing .container {
    padding-left: 24px; }

  .dates .dates-nav {
    width: 80%; }
    .dates .dates-nav:before, .dates .dates-nav:after {
      display: flex; }
    .dates .dates-nav .day {
      width: 21.233%; }

  .date-listing .movie-panel-slideshow .flickity-viewport {
    overflow: visible; } }
@media screen and (min-width: 992px) {
  .dates .dates-nav {
    width: 913px; }
    .dates .dates-nav .day {
      width: 127px; }

  .movie-listing .dates .dates-nav {
    width: 85%; }
    .movie-listing .dates .dates-nav .day {
      width: 100px; } }
@media screen and (min-width: 1200px) {
  .date-listing .container, .movie-listing .container {
    max-width: 960px; } }
.disabled {
  pointer-events: none; }

/*# sourceMappingURL=movie-template-styles.css.map */