@import url(https://fonts.googleapis.com/css?family=Abel|Oswald|Roboto);

  body {
    background: transparent url('https://ovationtix.s3.amazonaws.com/clientFiles/34821/hiff2016-bodyBG0826.jpg') no-repeat scroll center top;
    padding: 0;
    margin: 0;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
  }

  header {
    background-color: #000;
    position: fixed;
    width: 100%;
    top: 0;
    padding-left: 18px;
    height: 70px;
    z-index: 999;
  }

  footer > .client-footer, 
  section > .ot-content,
  header > .client-header {
    max-width: 1170px;
    margin: 0 auto;
  }

  section {
    margin-top: 106px;
    text-align: center;
  }

  section > .ot-content {
    background-color: #FFF;
    padding: 14pt;
    box-shadow: 0 0 10px 0px #444;
    border: solid #CCC 1px;
    min-height: 500px;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
  }

#secondary-linked-feature-2 {
  font-size: 8pt;
}

#secondary-linked-feature-2 > div {
  margin-bottom: 20px;
}

.secondary-linked-feature-div img {

}

.secondary-linked-feature-div h2 {
  text-align: left;
}

section > .ot-content > ul {
  width: 99%;
}

.banner-images {
  display: table-row;
}

.film-section, .film-poster {
  display: table-cell;
  
}

img.section-title {

}

  .film-poster {
    border: 10px solid #E0E0E0;
    right: 0;
    position: relative;
  }

  .ot-content > div {
    display: inline-block;
    vertical-align: top;
    padding-left: 18px;
  }

.ot-content > .sidebar {
  width: 95%;  
}

.film-info table {
  display: inline-block;
}

.ot-content > .main-body {
  width: 95%;
}

.film-detail {
  margin-bottom: 20px;
}

h1, h2, h3, h4, h5 {
  font-family: "Oswald", Tahoma, Arial, sans-serif;
  font-weight: normal;
  color: #141414;
}

.main-body h2 {
  border-bottom: 1px dotted #CCC;
}

.screening-info, .venue-info {
  display: none;
}

#secondary-linked-feature-3 tr {
  width: 100%;
}

#secondary-linked-feature-3 tr > td:first-child {
  width: 35%;
}

.secondary-linked-feature-div > .side-data {
  font-size: small;
  text-align: left;
  float: left;
  border-spacing: 0;
  width: 50%;
}

.secondary-linked-feature-div > .side-data td {
  width: 100%;
}

a {
  color: #ed1749;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #000;
}

.side-data tr:nth-of-type(2n) {
  background-color: #E0E0E0;
}

.side-data tr > td:first-of-type {
  min-width: 90px;
}

.side-data tr > td:not(:first-of-type) {
  width: 100%;
}

.side-data tr:nth-of-type(2n+1) {
  background-color: #C0C0C0;
}

.ot-output {
  width: 98%;
  margin-top: 20px;
}

.main-body .content {
  background-color: unset;
  border: unset;
}

.sidebar .odd td, 
.sidebar .even td {
  background-color: inherit;
}

.side-data {
  border-collapse: collapse;
  border-spacing: 0;
}

a, a:hover {
  border: 0;
}

.ot-content .pageFrame, 
.ot-content .content {
  border: 0;
}

.ot-main-content > div:not(#consumerMenu):not(.custServiceInfo) {
  width: 98%;
  max-width: 780px !important;
  margin: 0 auto !important;
  background-color: #FFF;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 0 10px #999;
}

.client-logo {
  margin-top: 4px;
}

#consumerMenu {
  position: fixed;
  top: 18px;
  font-size: 14pt;
  color: transparent;
  z-index: 1000;
  right: 20px;
  font-family: "Abel", "Arial Narrow", sans-serif;
}

#consumerMenu a {
  font-weight: normal;
  color: #FFF;
}

#consumerMenu a:hover {
  color: #e30d40;
}

#calendarLink {
  visibility: hidden;
}

tr.subHead td, td.subHead, th.subHead, .list th.subHead, div.subHead,
.ot-content table.content th, 
.ot-output table.content th {
  font-family: "Oswald", Tahoma, sans-serif;
  font-weight: normal;
  font-size: 14pt;
  text-align: left;
  background-color: transparent;
  color: #141414;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px dotted #CCC;
}

.ot-output #viewBySeries .sortHeaders ~ tr > td:not(:first-of-type):not(:last-of-type):not(.subtitle):not(.venue),
.ot-output #viewBySeries .sortHeaders td:not(:first-of-type):not(:last-of-type):not(subtitle):not(.venue) {
  display: none;
}

#viewBySeries .perfList {
  width: 100%;
}

.perfList .buy > a {
  background-color: #000;
  color: #FFF;
  font-family: "Oswald", Tahoma, sans-serif;
  padding: 4pt 10pt;
  font-weight: normal;
  line-height: 25pt;
}

tr.short-film > td {
  background-color: #CCC;
}

tr.short-film .venue {
  display: none;
}

tr.short-film .buy > a {
  line-height: 13pt;
  padding: 2pt 6pt;
}

.sortNoteContainer, .sortHeaders {
  display: none;
}

.legend {
  display: none;
}

.custServiceInfo {
  clear: both;
}

.submit, .cancelSubmit {
	border: #000 1px solid;
	margin: 1px;
	color: white;
	background-color: #000;
	padding: 2px;
	font-weight: normal;
	cursor: pointer;
	font-family: "Abel", Helvetica, sans-serif;
	font-size: 90%;
  text-transform: uppercase
}

.submit:hover {
	background-color: #e30d40;
	border: 1px solid #e30d40;
}


.cartInstructions ~ #cartForm > * {
  width: unset !important;
} 

form#shippingCheckoutForm table *:not([align="right"]) {
	text-align: left;
}

.deliveryMethod th {
  display: none;
}

.deliveryMethod td:first-of-type {
  width: 78%;
}

.deliveryMethod td:last-of-type {
  text-align: right !important;
}

.inputDiv > div {
  display: inline-block;
}

.inputDiv > .inputText {
  right: 0;
}


#viewBySeries .dates {
  width: 10%;
  min-width: 60px;
  max-width: 80px;
}



.legend {
  visibility: hidden;
}

.short-film-page .please-select-tickets, .short-film-page .divider {
  display: none;
}

.short-film-page {
  width: 100%;
}

.short-film-page .rightDiv div:not(.productionTitle) {
  visibility: hidden;
}

.short-film-page div {
  font-size: 10pt;
}

.short-film-page a {
  font-weight: bold;
}

img.section-title {
  max-height: 420px; 
  margin-bottom: 0;
  width: 100%
}

.shorts-program .film-details.short-description {
  text-align: center;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {
    .client-logo {
      margin-top: 4px;
    }
}

@media only screen and (max-width: 1123px) {
  .client-logo {
    margin-top: 4px;
  }
  .pageFrame {
    padding: 4px !important;
  }
  
  .film-section img.section-title {
    
  }
  
  .film-section {
    
  }
  

}

@media only screen and (max-width: 868px) {
  .client-logo {
    width: 45%;
    max-width: 220px;
    margin-top: 4px;
  }
  .ot-content {
    padding: 0 !important;
    margin: 0 auto 0 !important;
    width: 98% !important;
  }
  #consumerMenu {
    font-size: 10pt;
    width: 40%;
    top: 4px;
    right: 0;
  }
  #consumerMenu a {
    white-space: nowrap;
  }
  .pageFrame {
    padding: 4px !important;
  }
  
  #viewBySeries .perfList {
    max-width: 400px;
  }


}

@media only screen and (max-width: 480px) {
  .client-logo {
    width: 55%;
    max-width: 220px;
    margin-top: 8px;
  }
  #consumerMenu {
    font-size: 7pt;
    width: 40%;
    top: 4px;
    right: 0;
  }
  #consumerMenu a {
    white-space: nowrap;
  }
  .ot-content {
    padding: 0 !important;
    margin: 0 auto 0 !important;
    width: 98% !important;
  }
  .pageFrame {
    padding: 4px !important;
  }
  
  #viewBySeries .perfList {
    width: 100%;
    max-width: 400px;
  }
  
  #viewBySeries .venue {
    white-space: nowrap;
  }
  
  .perfList .venue, 
  .calendarProd0, .calendarProd1, .calendarProd2, .calendarProd3, .calendarProd4, .calendarProd5, .calendarProd6, .calendarProd7, .calendarProd8, .calendarProd9 {
    max-width: 100px !important;
  }
}