@charset "UTF-8";
/******************************************************************
Site Name: Thornbury Picture House
Author: Hody Hong

******************************************************************/
@import url(https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css);
@font-face {
  font-family: "Norwester Regular";
  src: url("../fonts/norwester.woff") format("woff"), url("../fonts/norwester.eot") format("eot"), url("../fonts/norwester.svg") format("svg"), url("../fonts/norwester.ttf") format("ttf");
  font-style: normal;
  font-weight: 400; }

/**************
COLOURS
**************/
/*********************
TYPOGRAPHY
*********************/
/* =============================================================================
  MENU TOGGLE SWITCHES
============================================================================= */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `cmn-toggle-switch` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.cmn-toggle-switch {
  z-index: 1000;
  display: block;
  position: relative;
  margin: 6px 0 0 0;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  overflow: hidden;
  background: transparent; }

.cmn-toggle-switch:focus,
.block-toggle {
  outline: none;
  box-sizing: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15) !important; }

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0px;
  right: 18px;
  height: 3px;
  background: #fff;
  width: 100%;
  text-indent: 10000px; }

.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: ""; }

.cmn-toggle-switch span::before {
  top: 10px; }

.cmn-toggle-switch span::after {
  bottom: 10px; }

.cmn-toggle-switch span,
.cmn-toggle-switch span:before,
.cmn-toggle-switch span:after {
  transition: all 500ms ease-in-out; }

.cmn-toggle-switch.active span {
  background-color: transparent; }

.cmn-toggle-switch.active span:before, .cmn-toggle-switch.active span:after {
  top: 0; }

.cmn-toggle-switch.active span:before {
  transform: rotate(45deg); }

.cmn-toggle-switch.active span:after {
  transform: rotate(-45deg); }

/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

/*svg,
* svg,
* svg path,
* svg rect,
* svg polygon
{
	fill: currentColor !important;
}*/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
* {
  font-family: "Nunito", sans-serif; }

.button, .button:visited,
input.button {
  border: none;
  width: auto;
  height: 36px;
  color: #1A2F59;
  display: inline-block;
  font-size: 16px !important;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 8px;
  margin-top: 8px;
  line-height: 36px;
  text-align: center;
  padding: 0 10px;
  border: 1px solid #1A2F59;
  background: #fff;
  width: 185px;
  min-width: 185px;
  text-transform: uppercase; }
  .button:hover, .button:focus, .button:visited:hover, .button:visited:focus,
  input.button:hover,
  input.button:focus {
    background: #1A2F59;
    color: #fff !important; }
  .button.small, .button:visited.small,
  input.button.small {
    padding: 14px;
    font-size: 16px !important;
    color: #1A2F59;
    background: #fff; }
    .button.small:hover, .button.small:focus, .button:visited.small:hover, .button:visited.small:focus,
    input.button.small:hover,
    input.button.small:focus {
      color: #fff;
      background: #1A2F59; }
    .button.small.white:hover, .button.small.white:focus, .button:visited.small.white:hover, .button:visited.small.white:focus,
    input.button.small.white:hover,
    input.button.small.white:focus {
      background: #1A2F59; }

#content .wp-block-column input.button {
  min-width: 185px;
  color: #1A2F59 !important;
  border: 1px solid #1A2F59;
  float: right;
  margin-right: 0; }
  #content .wp-block-column input.button:hover {
    color: #fff !important; }

.clear {
  clear: both; }

/*********************
FORM
*********************/
input:not([type=checkbox]):not([type=radio]):not([type=submit]), textarea, select {
  height: 40px;
  line-height: 40px;
  font-size: 16px !important;
  width: 100% !important;
  background: transparent;
  border-radius: 0 !important;
  border: 1px solid #1A2F59 !important;
  font-family: "Nunito", sans-serif !important; }

textarea {
  border: 1px solid #1A2F59 !important;
  padding-left: 10px; }

#content .wp-block-column .gform_body input {
  border: none !important;
  border-bottom: 1px solid #1A2F59 !important;
  padding-left: 0; }
  #content .wp-block-column .gform_body input::placeholder {
    font-weight: 700; }

#content .wp-block-column .gform_wrapper .top_label .gfield_label,
#content .wp-block-column .gform_wrapper legend.gfield_label {
  margin-top: 20px; }

.gform_wrapper {
  margin-top: 0; }
  .gform_wrapper .gfield_required {
    color: #1A2F59 !important;
    display: none; }
  .gform_wrapper .gform_body .gfrield:first-child {
    margin-top: 0; }

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
  font-family: "Nunito", sans-serif !important;
  color: #1A2F59;
  margin-top: 30px; }

::placeholder {
  font-family: "Nunito", sans-serif !important;
  color: #1A2F59 !important;
  opacity: 1; }

.gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0 !important; }

#content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
  width: 100%; }

a span,
.hide {
  display: none; }

a strong,
strong a {
  font-weight: 800; }

body,
html {
  margin: 0;
  padding: 0; }

.left {
  float: left; }

.right {
  float: right; }

/* IOS removing ugly rounded corner */
input:not([type=checkbox]):not([type=radio]), select, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-appearance: none;
  appearance: none; }

header nav a {
  font-family: "Norwester Regular", sans-serif; }

h1 {
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 700;
  color: #1A2F59; }

h2 {
  font-size: 40px;
  line-height: 1.125;
  text-transform: uppercase;
  font-weight: 700;
  color: #1A2F59; }

h2.title,
#content section.details h2.title {
  font-family: "Norwester Regular", sans-serif; }

h3 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: #1A2F59;
  margin-top: 0; }

#content section.details .quotes h3 span {
  color: #fff !important; }

h4 {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 400;
  color: #1A2F59; }

.wp-block-button__link {
  font-size: 16px; }

h5, header nav a, #content section.details .quotes h3 span {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  color: #1A2F59; }

h6, p, ul, ol, a {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 300;
  color: #1A2F59; }

h6, p, ul, ol {
  font-family: "Nunito", sans-serif; }

p {
  margin: 0 0 15px; }

footer *, footer a {
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  font-family: "Nunito", sans-serif; }

#content .wp-block-column .wp-block-button .wp-block-button__link {
  color: #1A2F59 !important;
  background: #fff;
  border: 1px solid #1A2F59;
  height: 40px;
  padding-top: 0;
  line-height: 40px; }
  #content .wp-block-column .wp-block-button .wp-block-button__link:hover {
    background: #1A2F59;
    color: #fff !important; }

a {
  color: #1A2F59; }

* {
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

body {
  position: relative; }

body, html {
  height: 100%; }

body, html {
  margin: 0;
  padding: 0; }

.mobile {
  display: none; }

a:hover {
  border-color: inherit; }

a.mobile.back, a.arrow-down {
  display: none;
  margin: auto;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -100px;
  text-align: center;
  border: none; }
  a.mobile.back img, a.arrow-down img {
    width: 5%;
    height: 100%;
    height: auto; }

a.arrow-down {
  bottom: 10%;
  display: none; }
  a.arrow-down img {
    width: 3%; }

article#content, footer {
  position: relative;
  top: calc(170px + 40vw); }
  article#content.has_no_banner, footer.has_no_banner {
    top: 170px; }

header {
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 0;
  margin: auto;
  height: 170px;
  width: 100%;
  background: #1A2F59;
  border-bottom: 2px solid #B39A60;
  z-index: 12; }
  header section {
    width: calc(100%);
    padding: 30px 40px; }
  header h1 {
    width: 265px;
    height: 70px;
    margin: auto;
    display: block; }
    header h1 a {
      border: none; }
      header h1 a img, header h1 a svg {
        width: 100%;
        height: 100%; }
        header h1 a img.small, header h1 a svg.small {
          display: none; }
      header h1 a:hover {
        border: none; }
  header .cmn-toggle-switch {
    display: none;
    position: absolute;
    right: -4px;
    top: 40px;
    z-index: 2;
    margin: 0; }
    header .cmn-toggle-switch.active span::after, header .cmn-toggle-switch.active span::before {
      background: #fff; }
  header nav {
    z-index: 1;
    float: left;
    width: 100%; }
    header nav ul {
      margin: auto;
      padding: 0;
      width: auto;
      display: table;
      text-align: center; }
      header nav ul li {
        list-style: none;
        display: inline-block; }
        header nav ul li.current-menu-item a {
          border-color: #B39A60;
          color: #B39A60; }
      header nav ul a {
        border-bottom: 1px solid #1A2F59;
        padding: 10px 5px 0;
        margin: 0 2vw;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px; }
        header nav ul a:hover {
          border-color: #B39A60;
          color: #B39A60; }
  header .mobile {
    margin-top: 140px;
    border-top: 1px solid white;
    height: auto;
    overflow: hidden; }
    header .mobile nav ul li a {
      color: #fff;
      padding: 0; }

footer {
  background: #1A2F59; }
  footer article {
    padding: 50px 0px 80px;
    width: calc(100% - 80px);
    margin: 0 40px;
    overflow: hidden; }
    footer article:first-child {
      border-bottom: 1px solid #fff; }
    footer article a.logo {
      display: block;
      width: 140px;
      height: auto;
      clear: both;
      margin-bottom: 60px; }
    footer article .copy {
      display: none; }
    footer article section {
      float: left;
      padding: 0 20px 0 0px; }
      footer article section ul, footer article section li {
        list-style: none;
        padding: 0;
        margin: 0; }
      footer article section a {
        text-decoration: none; }
      footer article section nav {
        padding-top: 33px; }
        footer article section nav a {
          text-transform: uppercase;
          line-height: 18px; }
  footer .terms a {
    text-decoration: none; }
  footer .terms p.left a {
    padding-right: 60px; }

article.main {
  min-height: calc(100% - 277px);
  transition: none !important; }
  article.main nav {
    margin: 20px 10px auto;
    display: table;
    width: calc(100% - 20px);
    text-align: center; }
    article.main nav a {
      border-bottom: 1px solid #1A2F59;
      padding-bottom: 10px; }
      article.main nav a.middle {
        display: inline-block; }

.single-tph_film #content h2 {
  color: #fff; }

.banner-holder {
  position: fixed;
  top: 170px;
  width: 100%;
  left: 0; }
  .banner-holder section.banner {
    height: 40vw;
    width: 100%;
    background-size: cover;
    background-position: center 20%;
    background-color: #1A2F59; }
    .banner-holder section.banner div {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 100px; }
      .banner-holder section.banner div a.button {
        text-align: center;
        margin: auto;
        display: block;
        background: rgba(255, 255, 255, 0.2);
        min-width: 185px;
        border: 2px solid #fff;
        padding: 0 10px;
        color: #fff !important; }
        .banner-holder section.banner div a.button:hover {
          background: #fff;
          color: #1A2F59 !important; }
  .banner-holder section.banners {
    overflow: hidden;
    height: 40vw;
    width: 100%; }
    .banner-holder section.banners .banner {
      position: relative;
      width: 100% !important;
      transition: none !important; }
      .banner-holder section.banners .banner h2 {
        font-family: "Norwester Regular", sans-serif;
        text-align: center;
        margin-bottom: 20px;
        color: #fff;
        line-height: 40px;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
    .banner-holder section.banners .control {
      position: absolute;
      width: 100%;
      top: 0; }
      .banner-holder section.banners .control a {
        display: table-cell;
        width: 20%;
        height: 40vw;
        vertical-align: middle;
        cursor: pointer;
        padding-bottom: 10vw;
        padding-left: 40px;
        z-index: 10000;
        position: relative; }
        .banner-holder section.banners .control a.next {
          position: absolute;
          right: 0;
          transform: rotate(180deg);
          top: 0;
          padding-top: 24vw; }
        .banner-holder section.banners .control a:hover svg g {
          fill-opacity: 1; }
        .banner-holder section.banners .control a:hover svg path {
          fill: #B39A60; }

#content {
  overflow: hidden;
  border-top: 2px solid #B39A60;
  background: #fff; }
  #content h2 {
    text-align: center;
    color: #1A2F59; }
  #content section {
    overflow: hidden;
    width: 100%; }
    #content section.details {
      max-width: 1100px;
      margin: auto; }
      #content section.details a:hover {
        color: #B39A60; }
      #content section.details.full {
        max-width: none; }
      #content section.details.full {
        width: 100%; }
        #content section.details.full > p {
          padding: 0 40px; }
          #content section.details.full > p:first-child {
            padding-top: 40px; }
        #content section.details.full .wp-block-image {
          padding: 40px 40px;
          margin: 0; }
        #content section.details.full .wp-block-columns {
          padding: 40px 30px; }
          #content section.details.full .wp-block-columns .wp-block-column {
            padding: 10px; }
        #content section.details.full h2 {
          text-transform: none; }
      #content section.details aside {
        float: left;
        padding: 0 10px;
        margin-bottom: 100px; }
        #content section.details aside img {
          width: 100%;
          max-width: 290px;
          height: auto;
          margin-bottom: 20px; }
        #content section.details aside a.trailer {
          margin-top: 20px; }
      #content section.details > article {
        float: left;
        padding: 0 10px; }
      #content section.details dl {
        margin-top: 20px;
        text-transform: uppercase;
        font-weight: bold; }
        #content section.details dl dd {
          margin-left: 0;
          margin-bottom: 20px;
          font-weight: normal; }
      #content section.details select.select-date {
        border-bottom: 2px solid #fff !important;
        border-top: 2px solid #fff !important;
        text-transform: uppercase;
        width: auto !important;
        padding: 0 40px 0 10px;
        min-width: 185px !important;
        background: url(../images/arrow-down.svg) no-repeat calc(100% - 10px) center;
        background-size: 20px; }
      #content section.details option {
        background: #1A2F59;
        color: #fff; }
      #content section.details ul.dates {
        padding: 0;
        margin: 10px 0; }
        #content section.details ul.dates li {
          display: none;
          list-style: none; }
          #content section.details ul.dates li span {
            clear: both;
            text-align: center;
            width: 100%; }
          #content section.details ul.dates li a.sold {
            width: auto;
            padding: 0 18px; }
            #content section.details ul.dates li a.sold span.soldout {
              display: block;
              float: left;
              width: auto;
              clear: none;
              padding-right: 10px; }
            #content section.details ul.dates li a.sold:hover span.soldout {
              color: #1A2F59; }
      #content section.details .quotes {
        overflow: visible; }
        #content section.details .quotes h3 {
          position: relative; }
          #content section.details .quotes h3:before {
            content: '“';
            position: absolute;
            left: -20px; }
    #content section.may-like {
      clear: both;
      padding: 40px 30px 80px;
      margin: 0;
      overflow: hidden;
      background: #fff;
      display: block; }
      #content section.may-like h2 {
        width: 100%;
        margin: auto auto 30px;
        font-family: "Norwester Regular", sans-serif;
        color: #1A2F59; }
      #content section.may-like .holder {
        display: flex; }
      #content section.may-like .film {
        float: left; }
        #content section.may-like .film a {
          height: 100%; }
    #content section.films {
      padding: 40px 0 0;
      margin-bottom: 20px;
      min-height: 0 !important;
      display: block; }
      #content section.films h1 {
        text-align: center;
        margin: 0 auto 30px;
        font-family: "Norwester Regular", sans-serif; }
      #content section.films .film {
        float: left; }
    #content section.subscribe {
      background: #B39A60;
      padding: 20px 40px;
      margin-top: 70px; }
      #content section.subscribe * {
        color: #1A2F59; }
      #content section.subscribe .gform_wrapper {
        float: left;
        width: 90%;
        margin: 0; }
        #content section.subscribe .gform_wrapper .button {
          background: transparent;
          color: #1A2F59; }
          #content section.subscribe .gform_wrapper .button:hover {
            background: #1A2F59;
            color: #B39A60 !important; }
        #content section.subscribe .gform_wrapper h3 {
          font-size: 16px;
          font-family: "Nunito", sans-serif;
          margin: 0;
          line-height: 40px; }
        #content section.subscribe .gform_wrapper form > div {
          float: left;
          clear: none;
          margin: 0; }
          #content section.subscribe .gform_wrapper form > div.validation_error {
            display: none; }
          #content section.subscribe .gform_wrapper form > div:first-child {
            width: 50%; }
          #content section.subscribe .gform_wrapper form > div:last-child {
            width: 20%;
            padding: 0; }
            #content section.subscribe .gform_wrapper form > div:last-child input.button {
              padding: 10px;
              height: 40px;
              line-height: 20px;
              border: solid 1px #1A2F59;
              width: 100%; }
            #content section.subscribe .gform_wrapper form > div:last-child .gform_ajax_spinner {
              position: absolute;
              display: none; }
          #content section.subscribe .gform_wrapper form > div:nth-child(2), #content section.subscribe .gform_wrapper form > div.gform_body {
            width: 30%; }
            #content section.subscribe .gform_wrapper form > div:nth-child(2) input, #content section.subscribe .gform_wrapper form > div.gform_body input {
              margin: 0;
              margin-right: 20px;
              width: calc(100% - 20px) !important;
              padding: 10px 10px !important; }
          #content section.subscribe .gform_wrapper form > div ul.gform_fields li.gfield {
            margin: 0; }
            #content section.subscribe .gform_wrapper form > div ul.gform_fields li.gfield.gfield_error {
              padding-top: 0;
              background: transparent;
              border: none; }
          #content section.subscribe .gform_wrapper form > div .top_label div.ginput_container {
            margin: 0; }
            #content section.subscribe .gform_wrapper form > div .top_label div.ginput_container input {
              margin: 0; }
      #content section.subscribe .social {
        margin: 8px 0 0 30px;
        padding: 0;
        float: right; }
        #content section.subscribe .social li {
          list-style: none;
          float: left; }
          #content section.subscribe .social li a {
            font-size: 25px;
            margin-left: 10px; }
    #content section a.cta {
      font-family: "Nunito", sans-serif;
      clear: both;
      display: block;
      text-align: center;
      padding: 40px;
      text-transform: uppercase; }
  #content .wp-block-image img {
    width: 100%;
    height: auto; }
  #content .wp-block-column h2 {
    margin-top: 0;
    text-align: left; }
  #content .wp-block-column * {
    color: #1A2F59; }
  #content .wp-block-column .wp-block-image {
    padding: 0 !important; }
  #content .blue {
    background: #1A2F59; }
    #content .blue .wp-block-column * {
      color: #fff; }
    #content .blue .wp-block-column a:hover, #content .blue .wp-block-column a:hover * {
      color: #B39A60; }

.single-tph_film #content {
  background: #1A2F59; }
  .single-tph_film #content * {
    color: #fff; }
  .single-tph_film #content .button {
    background: #1A2F59;
    border-color: #fff; }
    .single-tph_film #content .button:hover {
      background: #fff;
      color: #1A2F59 !important; }
  .single-tph_film #content section.details {
    padding: 0 30px; }
    .single-tph_film #content section.details h5 {
      margin-bottom: 10px; }

.page #content > h2.title {
  display: none; }
  .page #content > h2.title.show {
    display: block; }

.page-template-coming-soon header,
.page-template-now-showing header {
  border-bottom: none; }

.page-template-coming-soon #content,
.page-template-now-showing #content {
  top: 170px; }
  .page-template-coming-soon #content > h2.title,
  .page-template-now-showing #content > h2.title {
    display: block; }

body.logged-in.admin-bar header,
body.logged-in.admin-bar .banner-holder {
  transform: translate(0px, 32px); }
  @media screen and (max-width: 782px) {
    body.logged-in.admin-bar header,
    body.logged-in.admin-bar .banner-holder {
      transform: translate(0px, 46px); } }
  body.logged-in.admin-bar header section.banner,
  body.logged-in.admin-bar .banner-holder section.banner {
    background-position: center 20%;
    height: calc(40vw - 32px); }
    @media screen and (max-width: 782px) {
      body.logged-in.admin-bar header section.banner,
      body.logged-in.admin-bar .banner-holder section.banner {
        height: calc(70vh + 3px); } }

#films,
.feature-section {
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  min-height: 600px;
  flex-direction: column; }
  #films .pure-g.container,
  .feature-section .pure-g.container {
    margin: 0 30px;
    display: flex;
    flex-wrap: wrap; }
    #films .pure-g.container span,
    .feature-section .pure-g.container span {
      display: inline-flex;
      align-self: stretch; }
  #films .loading,
  .feature-section .loading {
    width: 64px;
    height: 64px;
    display: flex;
    margin: 40px auto;
    align-self: center; }
  #films .links,
  .feature-section .links {
    display: block;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    margin: 0 auto; }
  #films .link,
  .feature-section .link {
    text-transform: uppercase;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    margin: 0 20px 10px;
    display: inline-flex;
    text-decoration: none;
    cursor: hand;
    color: #1A2F59;
    border-bottom: 1px solid transparent; }
    #films .link.active, #films .link:hover,
    .feature-section .link.active,
    .feature-section .link:hover {
      color: #B39A60;
      border-bottom: 1px solid #B39A60; }
  #films h1, #films h2,
  .feature-section h1,
  .feature-section h2 {
    text-align: center;
    margin: 20px auto;
    color: #1A2F59; }
  #films .film-day,
  .feature-section .film-day {
    padding: 40px 0 0 10px;
    text-transform: uppercase;
    color: #1A2F59;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    display: block; }
    #films .film-day span,
    .feature-section .film-day span {
      text-transform: none;
      font-family: inherit; }
  #films .film,
  .feature-section .film {
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative; }
    #films .film a,
    .feature-section .film a {
      text-decoration: none;
      flex-direction: column;
      flex: 1 0 auto;
      display: flex; }
    #films .film img,
    .feature-section .film img {
      width: 100%;
      height: auto;
      border: solid 2px transparent; }
    #films .film .inner,
    .feature-section .film .inner {
      border-bottom: 1px solid #1A2F59;
      position: relative;
      padding-bottom: 1rem;
      display: flex;
      flex-direction: column;
      flex: 1 0 auto;
      width: 100%; }
    #films .film .text-box,
    .feature-section .film .text-box {
      position: relative;
      width: 100%;
      display: flex;
      flex-direction: column;
      flex: 1 0 auto; }
    #films .film .title-time,
    .feature-section .film .title-time {
      display: inline-flex;
      flex-direction: row;
      width: 100%;
      padding-top: 1rem; }
    #films .film h5,
    .feature-section .film h5 {
      font-size: 16px;
      text-align: right;
      padding-top: 8px;
      margin: 0;
      color: #1A2F59;
      flex-grow: 1;
      font-weight: bold; }
      #films .film h5 span,
      .feature-section .film h5 span {
        display: inline-block;
        margin: 0;
        color: #1A2F59;
        padding: 0; }
    #films .film h3,
    .feature-section .film h3 {
      font-family: "Norwester Regular", sans-serif;
      font-size: 30px;
      text-transform: uppercase;
      margin: 0;
      flex-grow: 1;
      color: #1A2F59; }
    #films .film h6,
    .feature-section .film h6 {
      margin: 4px 0 0 0;
      font-size: 16px;
      font-weight: 700;
      padding-bottom: 4px;
      color: #9E1F1F;
      min-height: 24px;
      height: auto;
      text-transform: uppercase; }
    #films .film p,
    .feature-section .film p {
      font-size: 16px;
      line-height: 1.2;
      color: #1A2F59; }
    #films .film:hover,
    .feature-section .film:hover {
      border-color: #B39A60; }
      #films .film:hover img,
      .feature-section .film:hover img {
        border-color: #B39A60; }
      #films .film:hover .inner,
      .feature-section .film:hover .inner {
        border-color: #B39A60; }
      #films .film:hover p, #films .film:hover h3, #films .film:hover h5, #films .film:hover h6,
      .feature-section .film:hover p,
      .feature-section .film:hover h3,
      .feature-section .film:hover h5,
      .feature-section .film:hover h6 {
        color: #B39A60; }
      #films .film:hover h5 span,
      .feature-section .film:hover h5 span {
        color: #B39A60; }
    #films .film.single-film,
    .feature-section .film.single-film {
      width: 100%; }
      #films .film.single-film a,
      .feature-section .film.single-film a {
        width: 100% !important; }
        @media only screen and (min-width: 568px) {
          #films .film.single-film a,
          .feature-section .film.single-film a {
            flex-direction: row; }
            #films .film.single-film a .inner,
            .feature-section .film.single-film a .inner {
              margin-left: 20px;
              border-top: 1px solid #1A2F59; }
              #films .film.single-film a .inner .text-box,
              .feature-section .film.single-film a .inner .text-box {
                justify-content: flex-end; } }
        #films .film.single-film a:hover .inner,
        .feature-section .film.single-film a:hover .inner {
          border-color: #B39A60; }
        #films .film.single-film a img,
        .feature-section .film.single-film a img {
          align-self: flex-start !important; }
          @media only screen and (min-width: 568px) {
            #films .film.single-film a img,
            .feature-section .film.single-film a img {
              width: calc(50% - 10px) !important; } }
        @media only screen and (min-width: 568px) {
          #films .film.single-film a .inner.feature,
          .feature-section .film.single-film a .inner.feature {
            width: calc(50% - 10px) !important; } }
  #films .loader,
  .feature-section .loader {
    width: 100%;
    margin: 200px auto;
    font-family: "Norwester Regular", sans-serif;
    font-size: 48px;
    align-items: center;
    display: flex;
    flex-direction: column;
    opacity: 1; }
    #films .loader img,
    .feature-section .loader img {
      margin-bottom: 20px; }
    #films .loader h4,
    .feature-section .loader h4 {
      font-size: 32px;
      color: #1A2F59 !important; }
  #films .no-matches,
  .feature-section .no-matches {
    width: 100%;
    margin: 100px auto;
    font-family: "Norwester Regular", sans-serif;
    font-size: 30px;
    font-weight: bold;
    align-items: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column; }
    #films .no-matches button,
    .feature-section .no-matches button {
      margin: 20px 0; }
  #films .feature-section,
  .feature-section .feature-section {
    min-height: 0; }

@media only screen and (max-width: 900px) {
  header nav ul li a {
    margin: 0 1vw; } }

@media only screen and (max-width: 765px) {
  .open header nav {
    height: calc(100vh - 130px); }
  header {
    height: 130px;
    overflow: visible; }
    header section {
      width: 100%; }
    header .cmn-toggle-switch {
      display: block;
      right: 20px;
      top: calc(50% - 20px); }
    header nav {
      display: block;
      position: relative;
      height: 0;
      background: #1A2F59;
      overflow: hidden;
      z-index: 1; }
      header nav ul {
        position: absolute;
        width: 100%;
        padding: 10px;
        z-index: 2; }
        header nav ul li {
          clear: both;
          display: block;
          width: 100%; }
          header nav ul li a {
            padding: 10px 5px 10px;
            display: block;
            font-size: 8vw; }
  .banner-holder {
    z-index: 10;
    top: 130px; }
    .banner-holder section.banners {
      height: calc(90vh - 130px); }
      .banner-holder section.banners .banner div {
        bottom: 30px; }
      .banner-holder section.banners .control {
        display: none; }
    .banner-holder section.banner {
      height: calc(90vh - 130px); }
  #content, footer {
    position: relative;
    z-index: 11; }
  #content section.details aside img {
    max-width: 100%; }
  .page-template-coming-soon #content,
  .page-template-now-showing #content {
    top: 130px; }
  article#content, footer {
    position: relative;
    top: 90vh; }
    article#content.has_no_banner, footer.has_no_banner {
      top: 130px; } }

@media only screen and (max-width: 480px) {
  header h1 {
    width: 70%; }
    header h1 a img {
      display: none; }
      header h1 a img.small {
        display: block; }
  header .cmn-toggle-switch {
    top: calc(50% - 20px);
    width: 30px; }
  #content section.films h1,
  .banner-holder section.banners .banner h2,
  #content section.details.full h2,
  .single-tph_film #content h2 {
    line-height: 1.2;
    font-size: 8vw; }
  #content .wp-block-columns .wp-block-column {
    margin-bottom: 0; }
  #content .details.full > p {
    padding: 0 20px; }
    #content .details.full > p:first-child {
      padding-top: 20px; }
  #content .details.full .wp-block-image {
    padding: 20px; }
  #content .details.full .wp-block-columns {
    padding: 10px; }
  #content section.films {
    padding: 40px 0 0; }
  #content section.subscribe {
    padding: 20px; }
    #content section.subscribe .social {
      float: left;
      margin-left: 0; }
      #content section.subscribe .social li:first-child a {
        margin-left: 0; }
    #content section.subscribe .gform_wrapper {
      width: 100%; }
      #content section.subscribe .gform_wrapper .gform_heading:before {
        content: 'Sign up to the TPH newsletter';
        font-size: 16px;
        font-family: "Nunito", sans-serif;
        margin: 0px;
        line-height: 1;
        display: block;
        font-weight: 700; }
      #content section.subscribe .gform_wrapper h3 {
        display: none; }
      #content section.subscribe .gform_wrapper form > div:first-child, #content section.subscribe .gform_wrapper form > div:nth-child(2), #content section.subscribe .gform_wrapper form > div:nth-child(3) {
        width: 100%;
        margin-bottom: 20px; }
        #content section.subscribe .gform_wrapper form > div:first-child input, #content section.subscribe .gform_wrapper form > div:nth-child(2) input, #content section.subscribe .gform_wrapper form > div:nth-child(3) input {
          width: 100% !important; }
      #content section.subscribe .gform_wrapper form > div:nth-child(3) {
        margin-bottom: 0; }
  #content section.may-like {
    flex-direction: column; }
  .page #content > h2.title {
    margin-bottom: 0; }
  #films .pure-g.container,
  .feature-section .pure-g.container {
    margin: 0 10px; }
  footer article {
    margin: 0 20px; }
  footer .terms p.left a,
  footer .terms .right {
    clear: both;
    float: left; }
  .single-tph_film section.details aside {
    width: 100%;
    margin-bottom: 20px; }
    .single-tph_film section.details aside img {
      display: block;
      margin: auto auto 20px; }
  .single-tph_film section.details ul.dates li span.cry {
    clear: none;
    float: left;
    padding-right: 5px;
    text-align: left;
    width: auto; }
  .single-tph_film section.details ul.dates li span.soldout {
    float: right;
    text-align: left;
    clear: none;
    width: auto; }
  .single-tph_film section.details ul.dates li a.sold {
    float: left; } }

/*# sourceMappingURL=main.css.map */