/*
 Theme Name: NYICFF
 Styles for Films, film programs, ticketing, etc...
*/

/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
h1, h2, h3 {
  font-family: 'Varela Round';
  font-weight: bold;
  color: #000;
  margin-top: 10px !important; }

h3 {
  font-size: 175% !important; }

h4 {
  font-size: 120%; }
@media screen and (min-width: 600px) {
  .resphalf {
    width: 47%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
}
.facetwp-facet {
  margin-bottom: 15px !important;
  margin-top: 8px !important;
}

.respthird {
  text-align: left;
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}

@media screen and (min-width: 880px) {
  .respthird {
    width: 31%;
  }
}
@media screen and (min-width: 701px) and (max-width: 900px) {
  .respthird {
    width: 45%;
  }
}
@media screen and (max-width: 700px) {
  .respthird {
    width: 100%;
  }
}
.short, .feature, .special {
  width: auto;
  height: auto;
  padding: 3px 5px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 5px;
  margin-right: 5px;
}

.short {
  background-color: #f2d42f;
  color: #000000;
}

.feature {
  background-color: #00d4b0;
  color: #ffffff;
}

.special {
  background-color: #0389b2;
  color: #ffffff;
}

.feat-img {
  width: 100%;
  height: 200px;
  background-color: #ffffff;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.thumb-container {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
}
.thumb-container img {
  height: 200px;
  width: 100%;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ------- ARCHIVE FILM & PROGRAM PAGES ------- */
#sortpanel {
  margin: 0 0 20px 0 !important;
  padding: 15px 10px 10px 10px !important;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  text-align: left;
}
#sortpanel input[type=text] {
  padding-left: 5px;
  color: #949598;
  font-size: 14px;
  height: 30px;
}

#pagepanel-top .left, #pagepanel-bottom .left {
  text-align: left;
}

#pagepanel-top .right, #pagepanel-bottom .right {
  text-align: right;
}

#loading {
  margin: 10px;
  text-align: center;
  -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
#loading img {
  max-width: 50px;
}

#nyicffposts-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem;
  gap: 2rem;
  max-width: 1440px;
  margin: auto;
}
#nyicffposts-wrapper .main-column {
  flex: 68%;
}
#nyicffposts-wrapper h1, #nyicffposts-wrapper h2, #nyicffposts-wrapper h3, #nyicffposts-wrapper h4 {
  text-transform: none;
}
#nyicffposts-wrapper h4 {
  margin: 5px 0px;
  font-size: 120%;
}
#nyicffposts-wrapper p {
  margin: 10px 0px;
}
#nyicffposts-wrapper img {
  max-height: 100%;
}
#nyicffposts-wrapper .sidebar {
  flex: 25%;
}
#nyicffposts-wrapper .sidebar .details {
  padding: 20px;
  background-color: #f5f5f5;
  margin-bottom: 20px;
}
#nyicffposts-wrapper .sidebar .details .rel {
  padding: 10px 20px;
}
#nyicffposts-wrapper .sidebar .details ul {
  list-style-type: none;
  margin: 0 auto;
}
#nyicffposts-wrapper .sidebar .details ul li {
  margin: 5px 10px;
}
#nyicffposts-wrapper .sidebar .details .screen-with {
  margin: 15px 0px;
}
#nyicffposts-wrapper .sidebar .details .screen-with img {
  margin-top: 5px;
}

@media and (max-width: 800px) {
  #nyicffposts-wrapper .main-column, #nyicffposts-wrapper .sidebar {
    flex: 100%;
  }
}

.details {
  line-height: 1.5;
  margin: 10px 0px; }

.description {
  margin-top: 10px;
  line-height: 1.3; }

p {
  line-height: 1.5; }

.title-info {
  display: block; }

.accordian {
  width: 100%;
  background-color: #d3ecc9;
  padding-top: 5px;
  font-size: 18px;
  transition: 0.2s; }
.embed-container {
  position: relative;
  overflow: hidden;
  height: auto; }

.embed-container iframe, .embed-container object, .embed-container embed {
  top: 0;
  left: 0;
  height: auto;
  width: 100%; }

#watch {
  margin: 30px 0px; }

/*  --------- ARCHIVE PAGE STYLES --------- */
.facetwp-counter {
  display: none; }

#loading {
  margin: 10px;
  text-align: center;
  -webkit-animation: rotation 2s infinite linear; }
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
  #loading img {
    max-width: 50px; }

#sort-panel {
  margin: 0 0 20px 0 !important;
  border: 1px solid #cccccc;
  background-color: #f1f2f2;
  margin-bottom: 30px; }

#pagepanel-top .left, #pagepanel-bottom .left {
  text-align: left; }
#pagepanel-top .right, #pagepanel-bottom .right {
  text-align: right; }

.feat-img {
  width: 100%;
  height: 200px;
  background-color: #fff;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top; }

.short {
  width: auto;
  height: auto;
  background-color: #f2d42f;
  padding: 3px 5px;
  text-transform: uppercase;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  margin-right: 5px; }

.feature {
  width: auto;
  height: auto;
  background-color: #00d4b0;
  padding: 3px 5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  margin-right: 5px; }

.special {
  width: auto;
  height: auto;
  background-color: #4591a8;
  padding: 3px 5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  margin-right: 5px; }

#film-section {
  text-align: left; }
  #film-section .film-info {
    display: block;
    line-height: 1.4;
    margin-bottom: 30px; }
    #film-section .film-info h3 {
      display: inline;
      margin-top: 10px; }
    #film-section .film-info .award {
      color: #00d4b0;
      font-size: 1.5em;
      display: inline; }
    #film-section .film-info p {
      margin: 0.5em 0 1em 0; }

#prog-section {
  text-align: left; }
  #prog-section .prog-info {
    display: block;
    line-height: 1.4;
/*    padding-right: 20px;*/
    margin-bottom: 30px; }
    #prog-section .prog-info h3 {
      display: inline;
      margin-top: 10px; }
    #prog-section .prog-info .award {
      color: #00d4b0;
      font-size: 1.5em;
      display: inline; }
    #prog-section .prog-info p {
      margin: 0.5em 0 1em 0; }
    #prog-section .prog-info #q-a iframe {
      width: 320px;
      height: 240px; }

/* --------- SINGLE PAGE STYLES --------- */
#program-single {
  max-width: 80%;
  margin: 0 auto; }
  #program-single .backlink {
    background-color: #536e8c;
    color: #ffffff;
    padding: 5px 5px 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    width: 100%; }
  #program-single .entry-title {
    margin-bottom: 10px;
    font-size: 36px; }
  @media all and (max-width: 480px) {
    #program-single .prog-images {
      margin: 0 auto;
      padding-bottom: 10px; }
      #program-single .prog-images .featured-img {
        width: 100%; }
      #program-single .prog-images .extra-images {
        display: none; }
    #program-single #trailer iframe {
      width: 100%; } }
  @media all and (min-width: 501px) {
    #program-single .prog-images {
      display: inline-block; }
      #program-single .prog-images .featured-img {
        max-width: 65%;
        display: inline-block;
        padding-right: 10px;
        vertical-align: top; }
      #program-single .prog-images .extra-images {
        max-width: 30%;
        display: inline-block;
        vertical-align: top; }
        #program-single .prog-images .extra-images img {
          padding: 3px; }
    #program-single #trailer {
      padding-bottom: 10px; }
      #program-single #trailer iframe {
        max-width: 50%; } }
  #program-single .screening-with {
    padding: 15px;
    background-color: #f1f2f2; }
  #program-single .screening-with img {
    padding: 0; }
  #program-single .feature-info {
    margin-top: 20px;
    margin-bottom: 20px; }
  #program-single .program-shorts {
    margin-top: 20px;
    width: 100%;
    display: block;
    clear: both; }
    #program-single .program-shorts .feat-img {
      width: 100%;
      height: 200px;
      background-color: #fff;
      margin-bottom: 15px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top; }

#film-single {
  max-width: 80%;
  margin: 0 auto; }
  #film-single .backlink {
    background-color: #536e8c;
    color: #ffffff;
    padding: 5px 5px 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    width: 100%; }
  #film-single .entry-title {
    margin-bottom: 10px;
    font-size: 36px; }
  @media all and (max-width: 480px) {
    #film-single .film-images {
      margin: 0 auto;
      padding-bottom: 10px; }
      #film-single .film-images .featured-img {
        width: 100%; }
      #film-single .film-images .extra-images {
        display: none; }
    #film-single #trailer iframe {
      width: 100%; } }
  @media all and (min-width: 501px) {
    #film-single .film-images {
      display: inline-block; }
      #film-single .film-images .featured-img {
        display: inline-block;
        vertical-align: top; }
      #film-single .film-images .extra-images {
        max-width: 30%;
        display: inline-block;
        vertical-align: top; }
        #film-single .film-images .extra-images img {
          padding: 3px; }
    #film-single #trailer {
      padding-bottom: 10px; }
      #film-single #trailer iframe {
        max-width: 50%; } }
  #film-single .screening-in {
    padding: 15px;
    background-color: #e7e7e7; }
  #film-single .feature-info {
    margin-top: 20px;
    margin-bottom: 20px; }

/* --------- TICKETING STYLES --------- */
#screenings {
  max-width: 80%;
  margin: 0 auto;
  padding-bottom: 10px; }
  #screenings table tr td.ticket {
    vertical-align: top;
    width: 20%; }
    #screenings table tr td.ticket .cal {
      font-size: .75em; }
    #screenings table tr td.ticket .almost-gone {
      color: #ff8c65; }
    #screenings table tr td.ticket .ticketlink {
      padding: 5px 10px 5px 10px;
      background-color: #536e8c;
      color: #ffffff;
      border-radius: 5px;
      border: none; }
      #screenings table tr td.ticket .ticketlink:hover {
        background-color: #ffd553;
        text-decoration: none; }
    #screenings table tr td.ticket .ticketlink-soldout {
      padding: 5px 10px 5px 10px;
      background-color: #808285; }
    #screenings table tr td.ticket .off-sale {
      display: none; }

#sorter {
  display: block;
  margin: 0 auto;
  padding: 15px; }
  #sorter .butt {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: #000000;
    padding: 3px 5px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 5px;
    cursor: pointer; }
    #sorter .butt:hover {
      background-color: #6968d5; }
  #sorter .butt.features.active, #sorter .butt.shorts.active, #sorter .butt.special.active, #sorter .butt.all.active, #sorter .butt.anim.active, #sorter .butt.live-action.active {
    background-color: #6968d5; }

#ticket-info {
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 20px; }

.ticketlink {
  display: inline-block;
  background-color: #80afff;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px; }
  .ticketlink.qa-only {
    background-color: #ffc731; }
    .ticketlink.qa-only:hover {
      background-color: #000000; }
  .ticketlink:hover {
    cursor: pointer;
    background-color: #000000; }

.ticketlink.all-access {
  background-color: #01c09d; }
  .ticketlink.all-access:hover {
    background-image: none;
    background-color: #000000; }

.ticketlink.live {
  background-color: #0019bf; }
  .ticketlink.live:hover {
    background-color: #000000; }

.ticketlink.sold-out {
  background-color: #000000; }

.ticketlink.limited {
  background-color: #d90080; }
  .ticketlink.limited:hover {
    background-color: #000000; }

.ticketlink:hover {
  background-color: #000000; }

.genres {
  color: #00d4b0;
  font-size: 1.5em; }
  .genres img {
    width: 1.2em;
    margin-bottom: 10px; }

table#tickets td {
  vertical-align: bottom !important; }
  table#tickets td .ticketlink {
    margin-bottom: 0; }
  table#tickets td p {
    font-size: 16px; }

.elevent-modal-box, .elevent-modal-footer {
  background-color: #ffffff;
/*  color: #00D4B0;*/
  font-family: Quicksand, sans-serif;
  justify-content: flex-start; }

.elevent-container-ticket .elevent-row {
  justify-content: flex-start !important;
}
/*.elevent-modal-box .elevent-container-ticket .elevent-row .element-access-code-container {
  justify-content: flex-start !important; }*/

.elevent-nav-link {
  color: #003366; }

.elevent-nav-button {
  color: whitesmoke;
  background-color: #29265d;
  border: 2px solid #29265d; }
  .elevent-nav-button:hover, .elevent-nav-button:active, .elevent-nav-button:focus {
    color: #000000;
    background-color: #ffffff;
    border: 2px solid #29265d; }

.repshalf {
  margin: 0; }

#payment label {
  font-weight: bold;
}
#payment .wc_payment_methods .wc_payment_method {
  border-top: 1px solid #f2f2f2;
}

.product_cat-film-ed .woocommerce-variation-add-to-cart, .product_cat-film-ed .variations_button {
  text-align: right;
}
.product_cat-film-ed p.film-ed {
  margin-bottom: 0px;
}