/* custom branding for VIFF */
/* original branding stylesheet */
@import url("https://fonts.googleapis.com/css?family=Inter:600,400,300&display=swap");
@font-face {
  font-family: "Neue Haas Unica W04 Black";
  src: url("/ArticleMedia/fonts/1492039/36d66f65-87cc-4432-9713-2a0927ef589d.eot");
  src: url("/ArticleMedia/fonts/1492039/6da4e1de-4859-433c-80b1-19f14a5938f7.woff2")
      format("woff2"),
    url("/ArticleMedia/fonts/1492039/23e8438f-69da-4621-a6d8-fd2b66ad64d4.woff")
      format("woff"),
    url("/ArticleMedia/fonts/1492039/bb269234-a4f5-4925-a2a7-ddec79f8ac8a.ttf")
      format("truetype"),
    url("/ArticleMedia/fonts/1492039/36d66f65-87cc-4432-9713-2a0927ef589d.eot?#iefix")
      format("embedded-opentype");
}

html{
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", "Helvetica", "Arial", "sans-serif";
  background-color: #000;
  color: #1e1e1e;
}

a,
.btn-link {
  color: #0956fe;
  font-weight: bold;
}

a:focus,
a:focus:active,
a:hover,
a:active {
  text-decoration: underline;
  color: #0956fe;
}

.btn-link:focus,
.btn-link:focus:active,
.btn-link:hover,
.btn-link:active {
  text-decoration: none;
  /* color: #ffffff;
  background: #ed1c24; */
  /* color: #000; */
  color: #ffb800;
}

h1,
h2,
h3 {
  color: #000;
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
}

h4,
h5,
h6 {
  color: #000;
  font-family: "Inter", "Helvetica", "Arial", "sans-serif";
  font-weight: 600;
}

h1{
  font-size: 2.3rem;
}

@media (min-width: 992px) {
  h1{
    font-size: 2.8rem;
  }
}

.bold {
  font-weight: bold;
}

.margin-top {
  margin-top: 20px;
}

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

.text-link {
  color: #1e1e1e;
}

.content-wrapper {
  position: relative;
  overflow: visible;
}

#menu {
  position: relative;
  height: 70px;
  font-family: "Inter";
}

#menuTop {
  border-top: 1px solid #fff;
}

#menuTop .menu_item {
  color: #fff;
}

@media (min-width: 1200px) {
  #menuTop .menu_item {
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
  }

  #menuTop .svg-inline--fa.fa-w-14 {
    margin-left: 5px;
  }

  #menuTop .dropdown-item.active,
  .dropdown-item:active {
    background-color: #ffb800;
    color: #000;
  }
}

@media (min-width: 992px) {
  #menu {
    width: 95%;
    margin-right:0;
    margin-left: auto;
    background-color: #000;
    z-index: 7000;
  }
  #menuTop {
    border-top: none;
    float: right;
  }
  #menu .main-nav {
    display: block !important;
    width: 100%;
    position: absolute;
    z-index: 9000;
    top: 20px;
  }
  #menuTop .menuTopItem{
    margin-right: 1vw;
  }

  #menuTop .menuTopItem a.menu_item{
    padding-left: 0;
    padding-right: 5px;
  }
  #menuTop .menuSub.dropdown-menu.show{
    top:2px !important;
  }
}

@media (min-width: 1050px) {
  /* #menu {
    padding: 12px 0 12px 190px;
  } */
  /* #menuTop .menuTopItem{
    margin-right: 16px;
  }
    #menuTop .menuTopItem:last-of-type{
    margin-right: 0;
  } */
  /* #menuTop .menuTopItem a.menu_item{
    padding-right: 10px;
  } */
}

/* @media (min-width: 1200px) {
  #menu {
    width: 1170px;
  
   padding-right: 220px;
  }
  #menuTop .menuTopItem{
    margin-right: 16px;
  }
} */
@media (min-width: 1300px) {
  #menuTop .menuSub.dropdown-menu.show{
    top:12px !important;
  }
  #menu .main-nav {
    top: 30px;
  }
  #menuTop .menuTopItem a.menu_item{
    padding:0 0.5rem;
  }
  #header .header-content > a{
    left: -1.5rem;
  }
}
@media (min-width: 1400px) {
  #menuTop .menuTopItem a.menu_item{
    padding-left: 10px;
  }
}
@media (min-width: 1600px) {
  #menuTop .menuSub.dropdown-menu.show{
    top:14px !important;
  }

}
@media (min-width: 992px) {
  #menuTop .menu_item:focus,
  #menuTop .menu_item:focus:active,
  #menuTop .menu_item:hover,
  #menuTop .menu_item:active {
    color: #ffb800;
    outline: none;
  }

  .menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    background-color: #000;
    border: solid 1px #fff;
    border-radius: 2px;
  }

  .menuSubItem.dropdown-item:hover {
    font-weight: bold;
    color: #000;
    text-decoration: none;
  }
}

/* //HAMBURGER MENU STYLING */

/* === 7.38 AudienceView Changes - Start */

@media screen and (max-width: 992px) {
  .menuSub.dropdown-menu.show {
    position: relative !important;
    transform: none !important;
    background: #000 !important;
  }

  .menuSub.dropdown-menu a {
    color: #fff;
    text-align: right;
  }

  #menu .empty-link-dropdown-toggle:focus {
    color: #ffb800 !important;
    text-decoration: none;
    outline: none;
    background-color: #000;
  }
}

/* === 7.38 AudienceView Changes - Sop */

@media (max-width: 992px) {
  #menuTop .svg-inline--fa.fa-w-14 {
    /* float: right;
    margin-right: 3%; */
    margin-left: 5px;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: #000;
  }

  #menuTop a:not(.btn):hover,
  #menuTop a:not(.btn):focus {
    text-decoration: none;
    color: #ffb800;
  }
}

#customer-utilities {
  background-color: #000;
  font-family: "Inter";
  opacity: 1;
  z-index: 9999;
  padding: 4px 0;
}

#customer-utilities .btn {
  border-width: 2px;
  background-color: #ffb800;
  border-color: #fff;
  color: #000;
}

#customer-utilities .btn:hover,
#customer-utilities .btn:focus,
#customer-utilities .btn:active,
#customer-utilities .btn:active:focus,
#customer-utilities .btn.active {
  background-color: #ed1c24;
  color: #fff;
}

@media (min-width: 992px) {
  #orderInfo {
    padding: 0 230px 0 0;
  }
}

#customer-order-info {
  padding: 10px 20px;
  color: #fff;
  overflow: hidden;
}

@media (min-width: 992px) {
  #customer-order-info {
    height: 40px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    top: 5px;
    right: 260px;
  }
}

#customer-order-info > div {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  float: left;
}

@media (min-width: 992px) {
  #customer-order-info .customer-greeting {
    min-width: 100px;
    max-height: 40px;
    overflow: hidden;
  }
}

@media (min-width: 992px) {
  #customer-order-info .customer-order.order-message {
    max-height: 40px;
    display: none;
  }
}

@media (min-width: 992px) {
  #customer-order-info .customer-buttons {
    max-height: 40px;
  }
}

#customer-order-info .customer-buttons .cart-callout {
  white-space: nowrap;
}

#customer-order-info .customer-buttons .shopping-cart-link {
  padding: 6px 12px;
  font-size: 1rem;
  font-family: "Inter", "Helvetica", "Arial", "sans-serif";
  white-space: nowrap;
  margin-top: 20px;
  font-weight: bold;
}

#orderInfoCartLink::after {
  font-family: "Font Awesome 5 Free";
  content: "\f07a";
}

@media (min-width: 992px) {
  #customer-order-info .customer-buttons .shopping-cart-link {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  #promoCodeList-box {
    position: relative;
    max-height: 40px;
    max-width: 50%;
    overflow: hidden;
  }
}

#promoCodeList-box::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  width: 8%;
  height: 20px;
}

@media (min-width: 992px) {
  #promoCodeList-box::after {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(transparent),
      to(#000)
    );
    background: linear-gradient(to right, transparent, #000 100%);
  }
}

#header {
  color: #ccc;
  padding-bottom: 0;
  background-color: #000;
}

@media (min-width: 992px) {
  #header {
    background-color: #000;
  }
}

#header .header-content {
  text-align: center;
  /* top: 7px; */
  min-height: 0;
  height: 50px;
  position: relative;
  padding-top: 0.5rem;
}

@media (min-width: 992px) {
  #header .header-content {
    padding-top: 0;
    min-height: 0;
    height: 0;
    text-align: left;
    position: static;
  }
}

#header .header-content > a > img {
  max-width: 100px;
  display: inline;
}

@media (min-width: 992px) {
  #header .header-content > a > img {
    width: 150px;
    max-width: 150px;
  }
  #header .header-content > a {
    position: absolute;
    z-index: 9000;
    left: 1rem;
    top: 5.25rem;
    width: 150px;
    text-align: right;
  }
}
@media (min-width: 1200px){
  #header .header-content > a > img {
    width: 180px;
    max-width: 180px;
  }
  #header .header-content > a {
    left: 2.85rem;
    width: 180px;
    top: 4.75rem;
  }
}
@media (min-width: 1400px) {
  .menuTopItem{
    font-size: 1.1rem;
  }
}

#header .header-content > a:focus,
#header .header-content > a:focus:active {
  text-decoration: none;
}

#header .header-content > a:hover,
#header .header-content > a:active {
  text-decoration: none;
}

#header .menu-toggle.btn-secondary {
  top: 0;
  bottom: 0;
  margin: auto;
  background: none;
}

#content {
  background: #fff;
}

@media (min-width: 992px) {
  #content {
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .article-body-container {
    padding: 1rem 2rem;
  }
}
.article-body-container .tertiary-linked-features-div {
  clear: both;
}

.articles .article-body-container {
  position: relative;
}

.articles .article-container.secondary-linked-features {
  padding-top: 10px;
  width: 100%;
}

.articles .article-container.secondary-linked-features > div {
  text-align: left;
}

.articles .article-container.secondary-linked-features .promotional-code-input {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .system-message-block.alert {
    position: absolute;
    z-index: 6000;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
  }
  .system-message-block.alert::before {
    content: " ";
    width: 100%;
    position: absolute;
    top: -100px;
    height: 100px;
    background: #000;
    z-index: -1;
    left: 0;
  }
}

#footer {
  color: #fff;
  font-family: "Inter";
}

#footer a {
  color: #fff;
  font-weight: normal;
}

#footer h4 {
  font-weight: 700;
  font-family: "Inter";
  font-size: 1.2rem;
  color: #fff;
}

#footer .row.links h4{
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
}

#footer a:hover,
#footer a:active {
  text-decoration: none;
  color: #ffb800;
}

#footer .col {
  padding-left: 5px;
  padding-right: 5px;
}

#footer .partners h5{
  color: #fff;
  border-bottom: 1px solid white;
  margin-bottom: 1rem;
}
#footer .partners img{
  max-width: 200px;
  margin: 0.5rem;
}
#footer #creative-bc{
  max-width: 250px;
}
#footer .partners .premier-partner,
#footer .partners .premier-supporters{
  margin-bottom: 2rem;
}
#footer .partners h5{
  text-transform: uppercase;
}

#social {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
  margin-bottom: 1%;
}
#social a {
  padding: 0 0.5rem;
}

#footer #social a img{
  height: 34px;
  width: 34px;
}
@media screen and (min-width: 440px){
  #footer #social a img{
    height: 42px;
    width: 42px;
  }
}
@media screen and (min-width: 500px){
  #footer #social a img{
    height: 55px;
    width: 55px;
  }
} 
@media screen and (min-width: 768px){
  #footer .partners{
    display: flex;
  }

  #footer .partners .premier-partner{
    width: 35%;
  }
  #footer .partners .premier-supporters{
    width: 65%;
  }
  
} 
@media screen and (min-width: 800px) {
  #social a {
    padding: 0 2rem;
  }
  #footer #social a img{
    height: 65px;
    width: 65px;
  }
}
@media screen and (min-width: 1200px) {
  #social a {
    padding: 0 3rem;
  }
  #footer .partners img{
    max-width: 250px;
    margin-right: 1rem;
  }
  #footer #creative-bc{
    max-width: 300px;
  }
}

#social img:hover {
  transform: scale(1.2);
  transition: 0.8s;
}

#popupDiv,
#popupBody,
.popupDetails {
  background: #fff;
}

#popupDiv .btn-primary,
#popupBody .btn-primary,
.popupDetails .btn-primary {
  background-position: right bottom;
}

#calendar-widget-frame {
  min-height: 230px;
}

#calendarWidget-navigation {
  border-top: 1px solid #fff;
  background-color: #000;
  color: #fff;
}

#calendarWidget-navigation #widget-lastmonth a,
#calendarWidget-navigation #widget-nextmonth a {
  display: block;
}

#calendarWidgetTable .WidgetEvent {
  background-color: #000;
  color: #fff;
}

#calendarWidgetTable .WidgetEvent:hover,
#calendarWidgetTable .WidgetEvent:focus {
  background-color: #0956fe;
  color: #fff;
}

#calendarWidgetTable .WidgetToday {
  background-color: #0956fe;
  color: #fff;
}

#calendarWidgetTable .WidgetToday:hover,
#calendarWidgetTable .WidgetToday:focus {
  background-color: #0956fe;
  color: #fff;
}

.detailed-search-results .result-box-item {
  padding: 10px 0;
  position: relative;
}

.detailed-search-results .result-box-item.odd {
  background: none;
}

.detailed-search-results .result-box-item.even {
  background: none;
}

.detailed-search-results .item-image.no-logo,
.detailed-search-results .item-image.result-box-item-details {
  width: 100%;
}
@media (min-width: 515px){
  .standard-search-results .result-box-item .item-link .btn, .detailed-search-results .result-box-item .item-link .btn {
    width: 50% !important;
    /* float: right; */
  }
} 

@media (min-width: 768px) {
  .detailed-search-results .item-image.no-logo,
  .detailed-search-results .item-image.result-box-item-details {
    /* width: 37%; */
    width: 34%;
  }
  .standard-search-results .result-box-item .item-link .btn, .detailed-search-results .result-box-item .item-link .btn {
    float: right;
  }
}
@media (min-width: 992px){
  .detailed-search-results .item-image.no-logo,
  .detailed-search-results .item-image.result-box-item-details {
    width: auto;
    margin-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .detailed-search-results .item-image.no-logo,
  .detailed-search-results .item-image.result-box-item-details {
    width: 30%;
  }
}

.detailed-search-results .item-image.no-logo .item-logo,
.detailed-search-results .item-image.result-box-item-details .item-logo {
  height: 160px;
  width: 244px;
  border-radius: 0;
  margin: auto;
}

@media (min-width: 768px) {
  .detailed-search-results .item-image.no-logo .item-logo,
  .detailed-search-results .item-image.result-box-item-details .item-logo {
    width: 244px;
  }
}

.detailed-search-results .item-description.result-box-item-details {
  padding: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .detailed-search-results .item-description.result-box-item-details {
    padding-top: 0px;
    /* width: 36%; */
    width: 63%;
  }
}

@media (min-width: 1200px) {
  .detailed-search-results .item-description.result-box-item-details {
    width: 45%;
    padding-top: 0;
  }
}

.detailed-search-results
  .item-description.result-box-item-details
  .item-start-date {
  font-weight: bold;
}

/* removed on March 24, 2021 due to AV update layout changes */
/* @media (min-width: 768px) {
  .detailed-search-results
    .item-description.result-box-item-details
    .item-start-date {
    position: absolute;
    top: 40px;
    right: 0px;
  }
} */

.detailed-search-results
  .item-description.result-box-item-details
  .item-start-date
  .start-date-label {
  display: none;
}

.detailed-search-results
  .item-description.result-box-item-details
  .item-end-date {
  font-weight: bold;
  font-size: 16px;
}
.detailed-search-results
  .item-description.result-box-item-details
  .item-end-date .end-date::before{
    content: 'Available until: ';
    font-size: 16px;
    font-weight: normal;
  }

/* @media (min-width: 768px) {
  .detailed-search-results
    .item-description.result-box-item-details
    .item-end-date {
    position: absolute;
    top: 65px;
    right: 5px;
  }
} */

.detailed-search-results
  .item-description.result-box-item-details
  .item-end-date
  .end-date-label {
  display: none;
}

.detailed-search-results .item-description.result-box-item-details .item-name {
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
  font-size: 22px;
}

/* .detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a:hover, .detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a:active,.detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a:focus{
  color: #000;
} */

.detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a:hover,
.detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a:focus,
.detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a:active,
.detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a:active:focus,
.detailed-search-results
  .item-description.result-box-item-details
  .item-name
  a.active {
  text-decoration: none;
  /* color: #0956fe; */
  color: #000;
}

.detailed-search-results
  .item-description.result-box-item-details
  .item-start-date,
.detailed-search-results
  .item-description.result-box-item-details
  .item-end-date,
.detailed-search-results .item-description.result-box-item-details .item-venue,
.detailed-search-results
  .item-description.result-box-item-details
  .item-price-range,
.detailed-search-results
  .item-description.result-box-item-details
  .item-teaser {
  color: #1e1e1e;
}

.detailed-search-results .item-link.result-box-item-details {
  padding: 0;
  position: relative;
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .detailed-search-results .item-link.result-box-item-details {
    /* width: 27%; */
    /* width: 30%; */
    width: 100%;
    padding-top: 0;
    /* padding-top: 88px; */
  }
  .detailed-search-results .item-link.result-box-item-details .btn.btn-primary{
    width: 30% !important;
  }
}

@media (min-width: 992px){
  .detailed-search-results .item-link.result-box-item-details {
    width: 25%;
  }
  .detailed-search-results .item-link.result-box-item-details .btn.btn-primary{
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .detailed-search-results .item-link.result-box-item-details {
    width: 25%;
    padding-left: 2%;
  }
}

/* .detailed-search-results .item-link.result-box-item-details .btn.btn-primary {
  width: 100%;
} */

.detailed-search-results
  .item-link.result-box-item-details
  .availability-icon
  + span {
  display: block;
}

.grid-search-results .grid-result .item-image.no-logo .item-logo {
  border-radius: 0;
}

.btn,
.pagination-box .pagination > li > a,
.pagination-box .pagination > li > span {
  border-radius: 2px;
}

.btn-primary,
.btn-muted,
.btn-secondary,
input[type="button"]:not(.btn-link) {
  font-weight: bold;
  outline: none;
}

.btn.btn-primary.disabled{
  background-color: #6c757d;
}

.container .btn-primary,
.container .btn-danger,
.container .btn-secondary,
.container .btn-muted {
  padding: 10px 20px;
}

.btn-group .btn-primary,
.btn-group .btn-secondary,
.input-group-btn .btn-primary,
.input-group-btn .btn-secondary .btn-group .btn-muted {
  padding: 6px 12px;
}
ul.pagination{
  justify-content: center;
  font-size: 1.2rem;
}

.pagination .av-paging-links a,
.pagination #av-prev-link a {
  color: white;

  background-color: #000;
}

.pagination .av-paging-links a:hover,
.pagination .av-paging-links a:active,
.pagination #av-prev-link a:hover,
.pagination #av-prev-link a:active {
  color: #ffb800;

}
li.page-item a.page-link{
  padding: 10px;
}

.pagination .av-paging-links.active span,
.pagination #av-prev-link.active span {
  color: #ffb800;
  font-weight: bold;
  background-color: #000;
  border-color: #ffb800;
  padding: 10px;
}

li#av-next-link.page-item a{
  color: white;
  background-color: black;
}
/* .info-message,
.alert-info,
.timeout-message {
  background-color: #8fc7e2;
} */

.info-message, .alert-info{
  background-color: #ffb800;
}

.error-message, .timeout-message {
  /* background-color: #fd8686; */
  background-color: #ed1c24;
}

#searchBox {
  background: none;
  margin: 0;
}

@media (min-width: 992px) {
  #searchBox {
    position: fixed;
    top: 0;
    right: 1rem;
    z-index: 10000;
    padding: 6px 0 0;
    margin: 0 0 0 724px;
  }
}

@media (min-width: 1200px) {
  #searchBox {
    margin: 0 0 0 924px;
  }
}

#searchBox #searchItems {
  text-align: center;
}

@media (min-width: 992px) {
  #searchBox #searchItems {
    text-align: right;
  }
}

#searchBox .item-search-keyword {
  margin: 1px -13px 0 0;
  display: inline-block;
}

@media (max-width: 992px) {
  #searchBox .item-search-keyword {
    width: 80%;
  }
}

#searchBox .item-search-keyword .searchBoxLabel {
  display: none;
}

#searchBox .item-search-keyword label {
  margin: 0;
}

#searchBox .item-search-keyword input {
  border-radius: 0;
  border-color: #ccc;
  background-color: #fff;
  border-right: none;
}

@media (max-width: 992px) {
  #searchBox .item-search-keyword input {
    max-width: 100%;
    width: 100%;
  }
}

#searchBox .item-search-keyword input:focus {
  border-color: #ccc;
}

#searchBox .item-search-start-date {
  display: none;
}

#searchBox .item-search-end-date {
  display: none;
}

#searchBox .item-search-submit {
  top: -1px;
  margin: 0;
  position: relative;
  display: inline-block;
}

@media (min-width: 768px) {
  #searchBox .item-search-submit {
    top: 1px;
  }
}

@media (max-width: 768px) {
  #searchBox .item-search-submit {
    top: 1px;
    margin: 0;
    position: relative;
    display: inline-block;
    width: 40px;
  }
}

#searchBox .item-search-submit input.btn-secondary {
  background-color: #ffb800;
  border-color: #ccc;
  border-left-width: 0;
  color: transparent;
  padding: 7px 12px;
}

#searchBox .item-search-submit input.btn-secondary:hover {
  background-color: #ed1c24;
}

#searchBox .item-search-submit::after {
  pointer-events: none;
  color: #000;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  content: "\f002";
  position: absolute;
  top: 4px;
  left: 12px;
  font-weight: 900;
}

#searchBox .item-search-submit:hover::after {
  color: #fff;
}

#seatSelect .select-price-zones {
  display: none;
}

.seat-tabs-box {
  padding-top: 20px;
}

#shoppingCart .continue-shopping {
  margin-top: 30px;
}

.venue-image img {
  width: 100%;
  height: auto;
}

#showSeats .venue-image-column {
  width: 100%;
}

#showSeats .venue-image-column .venue-image {
  overflow: auto;
}

.carousel .carousel-control {
  background-image: none;
  z-index: 5000;
  width: 100px;
  text-shadow: none;
}

/* NOT SURE WHAT TO REPLACE GLYPHICON CLASS WITH */
.carousel .carousel-control .fa {
  left: 0;
  right: 0;
  margin: auto;
  margin-top: -30px;
}

.carousel .carousel-control.previous .fa {
  color: transparent;
  width: 50px;
  height: 50px;
  background: url("/ArticleMedia/Images/arrow-left.png") no-repeat center center;
  background-size: contain;
}
.carousel .carousel-control.next .fa {
  color: transparent;
  width: 50px;
  height: 50px;
  background: url("/ArticleMedia/Images/arrow-right.png") no-repeat center
    center;
  background-size: contain;
}

.carousel .carousel-inner > .item img {
  width: 100%;
}

.carousel,
.item.static {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .carousel,
  .item.static {
    display: block;
    margin: 0px -35px 0 -35px;
  }
}

.carousel::after,
.item.static::after {
  content: " ";
  width: 100%;
  position: absolute;
  height: 200px;
  pointer-events: none;
  left: 0;
  top: 0;
  background: transparent;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.2)),
    to(rgba(0, 0, 0, 0.0001))
  );
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0001));
}

.article-body-container .search-drop-downs {
  float: none;
}

@media (min-width: 992px) {
  .article-body-container .search-drop-downs {
    /*width: 220px;
    float: right;*/
    margin: 0;
  }
}

.article-body-container .search-drop-downs .dropdown {
  width: 100%;
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
}

.article-body-container .search-drop-downs .dropdown .dropdown-toggle {
  background: #000;
  color: #fff;
  padding: 10px 10px 10px 15px;
  margin-top: 10px;
  width: 100%;
  text-align: left;
}

/* New Mailing List and VIFF Plus sign up buttons included on search drop down - JXH 07/06/2019 */

.dropdown-signup {
  background: #e2e2e0;
  color: #fff;
  padding: 10px 10px 10px 15px;
  margin-top: 10px;
  width: 100%;
  text-align: left;
}

.dropdown-viffplus {
  background: #ed1c24;
  color: #fff;
  padding: 10px 10px 10px 15px;
  margin-top: 10px;
  width: 100%;
  text-align: left;
}

.dropdown-standard {
  background: #000;
  color: #fff;
  padding: 10px 10px 10px 15px;
  margin-top: 10px;
  width: 100%;
  text-align: left;
}

.dropdown-standard a.standard-btn {
  background: #000;
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
  color: #fff;
  text-decoration: none;
  width: 100%;
  text-align: left;
}

.dropdown-signup a.signup-btn {
  background: #e2e2e0;
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
  color: #000;
  text-decoration: none;
  width: 100%;
  text-align: left;
}

.dropdown-viffplus a.viffplus-btn {
  background: #ed1c24;
  font-family: "Neue Haas Unica W04 Black";
  color: #fff;
  text-decoration: none;
  width: 100%;
  text-align: left;
}

.fa.fa-plus:hover {
  transform: scale(1.2);
}

/* End of new sign up and viff plus button addition. */

.article-body-container
  .search-drop-downs
  .dropdown
  .dropdown-toggle
  .fa.fa-play {
  top: 8px;
  right: -4px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.article-body-container .search-drop-downs .dropdown .dropdown-toggle:hover,
.article-body-container .search-drop-downs .dropdown .dropdown-toggle:focus,
.article-body-container .search-drop-downs .dropdown .dropdown-toggle:active,
.article-body-container
  .search-drop-downs
  .dropdown
  .dropdown-toggle:active:focus,
.article-body-container .search-drop-downs .dropdown .dropdown-toggle.active {
  color: #fff;
}

.article-body-container .search-drop-downs .dropdown .dropdown-menu {
  width: 100%;
  position: relative;
  overflow: visible;
}

@media (min-width: 992px) {
  .article-body-container .search-drop-downs .dropdown .dropdown-menu {
    overflow: visible;
  }
}

.article-body-container .imagerotator {
  width: 100%;
  height: 220px;
  overflow: hidden;
  margin: 10px 0 0;
}

@media (min-width: 992px) {
  .article-body-container .imagerotator {
    width: 220px;
    float: right;
  }
}

.article-body-container .imagerotator > img {
  left: 0;
  right: 0;
  margin: auto;
}

.article-body-container .stream-info-container {
  position: relative;
  width: 100%;
  margin: 40px 0 0;
}

.article-body-container .stream-info-container .col {
  padding: 8px;
}

.article-body-container .stream-info-container .row {
  margin: 0 -8px;
}

.article-body-container .stream-info-container .btn-primary {
  text-align: left;
  font-size: 16px;
  width: 100%;
  border-right-width: 7px;
  border-right-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.article-body-container .stream-info-container .btn-primary:not(:hover) {
  background-color: transparent;
}

.article-body-container .stream-info-container .btn-primary:hover {
  background-image: none;
  color: #000;
}

.article-body-container
  .stream-info-container
  .btn-primary:hover
  + .stream-info {
  display: block;
}

.article-body-container .stream-info-container .stream-info {
  display: none;
  position: absolute;
  left: 8px;
  right: 8px;
  z-index: 1000;
  padding: 0 10px 0px 20px;
  min-height: 101px;
  color: #000;
}

.article-body-container .stream-info-container .stream-info:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 0px;
  border-color: inherit;
  border-width: 15px 0 0 15px;
  border-style: solid;
  border-left-color: transparent;
  left: 0;
  top: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.article-body-container .movie-article {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .article-body-container .movie-article {
    margin: 20px 0 20px 20px;
  }
}

.article-body-container .movie-article h1,
.article-body-container .movie-article h2,
.article-body-container .movie-article h3 {
  margin-top: 10px;
}

/* .article-body-container .movie-article .movie-buy-link {
  width: 50%;
} */

@media (min-width: 768px) {
  .article-body-container .movie-article .movie-buy-link {
    width: 200px;
  }
}

@media (min-width: 992px) {
  .article-body-container .movie-article .movie-buy-link {
    margin-top: 30px;
  }
}

.article-body-container .movie-article .movie-tickets {
  border: 1px solid black;
  border-radius: 4px;
  margin: 0 1rem;
  color: #000;
  padding: 20px 35px;
  /* width: 98%; */
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  /* padding: 10px 10px 20px 35px;
  margin: 0 -20px; */
  /* position: relative; */
  
}
.ticket-widget {
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 992px) {
  .article-body-container .movie-article .movie-tickets {
    /* margin: 0 0 0 -60px; */
    padding-left: 55px;
  }
  /* .article-body-container .movie-article .movie-tickets::before {
    position: absolute;
    content: " ";
    width: 45px;
    height: 0px;
    border-color: #fff;
    border-width: 45px 0 0 45px;
    border-style: solid;
    border-left-color: transparent;
    right: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  } */
}

/* .article-body-container .movie-article .movie-tickets h1,
.article-body-container .movie-article .movie-tickets h2,
.article-body-container .movie-article .movie-tickets h3 {
  color: #fff;
} */

.article-body-container .movie-article .movie-tickets .result-box-item {
  background: transparent;
  padding: 20px 25px 20px 0;
}

@media (min-width: 515px) {
  .article-body-container .movie-article .movie-tickets .result-box-item {
    padding: 10px;
  }
}

@media (min-width: 992px) {
  .article-body-container .movie-article .movie-tickets .result-box-item {
    padding-right: 0;
  }
}

.article-body-container .movie-article .movie-tickets .result-box-item-details {
  padding: 0;
}

@media (min-width: 768px) {
  .article-body-container
    .movie-article
    .movie-tickets
    .result-box-item-details {
    width: auto;
    text-align: left;
  }
}

.article-body-container .movie-article .movie-tickets a:not(.btn) {
  color: #fff;
}

.article-body-container .movie-article .movie-tickets a:not(.btn):hover,
.article-body-container .movie-article .movie-tickets a:not(.btn):focus,
.article-body-container .movie-article .movie-tickets a:not(.btn):active,
.article-body-container .movie-article .movie-tickets a:not(.btn):active:focus,
.article-body-container .movie-article .movie-tickets a:not(.btn).active {
  color: #0956fe;
  text-decoration: none;
}

.article-body-container .movie-article .movie-tickets .item-name,
.article-body-container .movie-article .movie-tickets .item-image,
.article-body-container .movie-article .movie-tickets .item-teaser {
  display: none;
}

.article-body-container .movie-article .movie-tickets .item-start-date {
  position: static;
  font-weight: bold;
  color: #ccc;
  color: #fff;
}

@media (min-width: 768px) {
  .article-body-container .movie-article .movie-tickets .item-start-date {
    float: left;
  }
}

.article-body-container .movie-article .movie-tickets .item-start-date,
.article-body-container .movie-article .movie-tickets .item-venue,
.article-body-container .movie-article .movie-tickets .item-link {
  margin: 0;
  line-height: 2;
  color: #000;
}

.article-body-container .movie-article .movie-tickets .item-start-date,
.article-body-container .movie-article .movie-tickets .item-venue {
  font-size: 16px;
}

/* @media (min-width: 768px) {
  .article-body-container .movie-article .movie-tickets .item-venue {
    float: right;
    padding: 0 0 0 35px;
  }
} */

.article-body-container .movie-article .movie-tickets .item-link {
  text-align: center;
  padding: 0 5px;
  width: 100%;
}

@media (min-width: 768px) {
  .article-body-container .movie-article .movie-tickets .item-link {
    width: 250px;
    /* text-align: left; */
  }
}

.article-body-container
  .movie-article
  .movie-tickets
  .item-link
  .availability-icon {
  display: block;
  margin: 0;
}

@media (min-width: 768px) {
  .article-body-container
    .movie-article
    .movie-tickets
    .item-link
    .availability-icon {
    display: inline-block;
  }
}

.article-body-container
  .movie-article
  .movie-tickets
  .item-link
  .availability-icon
  + span {
  float: none;
}

@media (min-width: 768px) {
  .article-body-container
    .movie-article
    .movie-tickets
    .item-link
    .availability-icon
    + span {
    float: right;
  }
}

@media (min-width: 768px) {
  .article-body-container
    .movie-article
    .movie-tickets
    .item-link
    .btn-primary {
    width: auto;
  }
}

/* end original branding stylesheet */
.btn {
  border: 0px none transparent;
  background-color: #000000;
  color: #ffffff;
}

.btn-primary,
a.btn-primary {
  /* background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom; */
  min-width: 130px;
}
/* hover and focus */
.btn-primary:hover,
a.btn-primary:hover,
.btn-primary:focus,
a.btn-primary:focus,
a.btn-primary:active,
.btn-primary:active,
a.btn-primary:active:focus,
.btn-primary:active:focus,
.btn-primary.active,
a.btn-primary:not(:disabled):not(.disabled):hover,
a.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus {
  background-color: #000;
  color: #fff;
}

/* Adding muted button */
.container .btn-muted {
  padding: 10px 20px;
}

.btn-muted {
  font-weight: bold;
  outline: none;
}
.article-body-container .stream-info-container .btn-muted {
  text-align: left;
  font-size: 16px;
  width: 100%;
  border-right-width: 7px;
  border-right-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.article-body-container .stream-info-container .btn-muted:not(:hover) {
  background-color: transparent;
}

.article-body-container .stream-info-container .btn-muted:hover {
  background-image: none;
  color: #000;
}

.open > .dropdown-toggle.btn-primary {
  background-color: transparent;
}

.btn-muted {
  background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23F0F0F0' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  min-width: 150px;
  /* hover and focus */
}

.btn-muted:hover,
.btn-muted:focus,
.btn-muted:active,
.btn-muted:active:focus,
.btn-muted.active {
  background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb880' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
}

.open > .dropdown-toggle.btn-muted {
  background-color: transparent;
}

/* end of muted button */

.article-body-container .movie-article .movie-tickets .item-link .btn-primary {
  width: 100%;
  color: #000;
  float: right;
}
/* @media (min-width: 768px) {
  .article-body-container
    .movie-article
    .movie-tickets
    .item-link
    .btn-primary {
    width: auto;
  }
} */
.article-body-container .movie-article .movie-tickets .item-link .btn-primary:hover, .article-body-container .movie-article .movie-tickets .item-link .btn-primary:active, .article-body-container .movie-article .movie-tickets .item-link .btn-primary:focus{
  color: white;
}

.dropdown-menu-search {
  padding: 0;
}

.card-group-search a:hover {
  color: #0956fe;
  text-decoration: none;
}

/*added for Combined Search. JXH 25/01/2019*/

.card-group-search .card-search {
  border-color: #ddd;
  border-radius: 0;
  border: 0 none;
  border-bottom: 1px solid #ddd;
  margin: 0;
}
.card-group-search .card-search > .card-header {
  color: #000;
  background-color: #fff;
  border-color: #ddd;
}
.card-group-search .card-search > .card-header + .card-collapse > .card-body {
  border-top-color: #ddd;
}
.card-group-search .card-search > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #ddd;
}
.card-group-search .card-search .card-header {
  border-radius: 0;
  border: 0 none;
  padding: 10px 10px 10px 15px;
}
.card-group-search .card-search .card-header a {
  display: block;
  text-decoration: none;
} /*added for Combined Search. JXH 25/01/2019*/
.card-group-search .card-search .card-header a:focus {
  color: #000;
}
.card-group-search .card-search .card-header a:hover {
  color: #000;
  background-color: #ffb800;
  transform: scale(1.02);
}
.card-group-search .card-search .card-header:hover {
  background-color: #ffb800;
}
.card-group-search .card-search .card-header .fa {
  top: 8px;
  right: -4px;
}
.card-group-search .card-search .card-header .fa-chevron-down {
  top: 2px;
  right: -12px;
}
.card-group-search .card-search .card-body {
  padding: 5px 15px;
}
.card-group-search .card-search .card-body ul.search-menu {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 15px;
}
.card-group-search .card-search .card-body ul.search-menu li {
  margin: 0 0 15px 0;
  padding: 0;
}
.card-group-search .card-search .card-body ul.search-menu a {
  color: #707070;
}
.card-group-search .card-search .card-body ul.search-menu a:hover {
  color: #000;
  text-decoration: none;
} /*added for combined search drop-down - JXH 25/01/2018*/

#category-search-dropdown .dropdown-toggle {
  text-decoration: none; /*added for combined search drop-down - JXH 25/01/2018*/
  background: none;
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
}
#category-search-dropdown .dropdown-toggle .fa {
  right: 4px;
}
#category-search-dropdown .dropdown-toggle:hover {
  color: #ffb800;
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.card-default {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-default > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23e2e2e0' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #000;
  background-color: transparent;
  border: none;
  padding: 0.2em;
}
.card-default > .card-header > .card-title {
  padding-left: 2%;
  padding-top: 1%;
  font-family: "Inter";
}
.card-default > .card-header > .card-title:before,
.card-default > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-default > .card-header > .card-title:after {
  clear: both;
}
.card-default > .card-header > .card-title a:focus {
  color: #000;
  text-decoration: none;
}
.card-default > .card-header > .card-title a {
  color: #000;
}
.card-default > .card-header > .card-title a:hover {
  color: #ed1c24;
  text-decoration: none;
}
.card-default > .card-header > .card-title a .fa {
  width: 16px;
  font-weight: 900;
}
.card-default > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-default > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-default > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Creating special info panel styling for when the black bars are just too much JXH - 17/07/2019 */

.card-viffinfo {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-viffinfo > .card-header {
  border-radius: 0;
  color: #000;
  background-color: #e2e2e0;
  border: none;
}
.card-viffinfo > .card-header > .card-title {
  padding-right: 6px;
}
.card-viffinfo > .card-header > .card-title:before,
.card-viffinfo > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-viffinfo > .card-header > .card-title:after {
  clear: both;
}
.card-viffinfo > .card-header > .card-title a:focus {
  color: #fff;
  text-decoration: none;
}
.card-viffinfo > .card-header > .card-title a:hover {
  color: #ed1c24;
  text-decoration: none;
}
.card-viffinfo > .card-header > .card-title a .fa {
  width: 16px;
}
.card-viffinfo > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-viffinfo > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-viffinfo > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* End of info panel styling. */

.card-panorama {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-panorama > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23FFB800' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #000;
  background-color: transparent;
  border: none;
}
.card-panorama > .card-header > .card-title {
  padding-right: 6px;
}
.card-panorama > .card-header > .card-title:before,
.card-panorama > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-panorama > .card-header > .card-title:after {
  clear: both;
}
.card-panorama > .card-header > .card-title a:focus {
  color: #fff;
}
.card-panorama > .card-header > .card-title a:hover {
  color: #fff;
}
.card-panorama > .card-header > .card-title a .fa {
  width: 16px;
}
.card-panorama > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-panorama > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-panorama > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-ignite {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-ignite > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%230A57FF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #fff;
  background-color: transparent;
  border: none;
}
.card-ignite > .card-header > .card-title {
  padding-right: 6px;
}
.card-ignite > .card-header > .card-title:before,
.card-ignite > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-ignite > .card-header > .card-title:after {
  clear: both;
}
.card-ignite > .card-header > .card-title a:focus {
  color: #fff;
}
.card-ignite > .card-header > .card-title a:hover {
  color: #000;
}
.card-ignite > .card-header > .card-title a .fa {
  width: 16px;
}
.card-ignite > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-ignite > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-ignite > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-true-north {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-true-north > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ED1C24' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #fff;
  background-color: transparent;
  border: none;
}
.card-true-north > .card-header > .card-title {
  padding-right: 6px;
}
.card-true-north > .card-header > .card-title:before,
.card-true-north > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-true-north > .card-header > .card-title:after {
  clear: both;
}
.card-true-north > .card-header > .card-title a:focus {
  color: #fff;
}
.card-true-north > .card-header > .card-title a:hover {
  color: #000;
}
.card-true-north > .card-header > .card-title a .fa {
  width: 16px;
}
.card-true-north > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-true-north
  > .card-header
  > .card-title
  a.collapsible-item-title-link-icon {
  float: right;
}
.card-true-north > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-impact {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-impact > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%2300D298' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #000;
  background-color: transparent;
  border: none;
}
.card-impact > .card-header > .card-title {
  padding-right: 6px;
}
.card-impact > .card-header > .card-title:before,
.card-impact > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-impact > .card-header > .card-title:after {
  clear: both;
}
.card-impact > .card-header > .card-title a:focus {
  color: #fff;
}
.card-impact > .card-header > .card-title a:hover {
  color: #fff;
}
.card-impact > .card-header > .card-title a .fa {
  width: 16px;
}
.card-impact > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-impact > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-impact > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-next {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-next > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%232137D8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #fff;
  background-color: transparent;
  border: none;
}
.card-next > .card-header > .card-title {
  padding-right: 6px;
}
.card-next > .card-header > .card-title:before,
.card-next > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-next > .card-header > .card-title:after {
  clear: both;
}
.card-next > .card-header > .card-title a:focus {
  color: #fff;
}
.card-next > .card-header > .card-title a:hover {
  color: #000;
}
.card-next > .card-header > .card-title a .fa {
  width: 16px;
}
.card-next > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-next > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-next > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-gateway {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-gateway > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23A237BC' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #fff;
  background-color: transparent;
  border: none;
}
.card-gateway > .card-header > .card-title {
  padding-right: 6px;
}
.card-gateway > .card-header > .card-title:before,
.card-gateway > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-gateway > .card-header > .card-title:after {
  clear: both;
}
.card-gateway > .card-header > .card-title a:focus {
  color: #fff;
}
.card-gateway > .card-header > .card-title a:hover {
  color: #000;
}
.card-gateway > .card-header > .card-title a .fa {
  width: 16px;
}
.card-gateway > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-gateway > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-gateway > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-mad {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-mad > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23FC4C02' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #000;
  background-color: transparent;
  border: none;
}
.card-mad > .card-header > .card-title {
  padding-right: 6px;
}
.card-mad > .card-header > .card-title:before,
.card-mad > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-mad > .card-header > .card-title:after {
  clear: both;
}
.card-mad > .card-header > .card-title a:focus {
  color: #fff;
}
.card-mad > .card-header > .card-title a:hover {
  color: #fff;
}
.card-mad > .card-header > .card-title a .fa {
  width: 16px;
}
.card-mad > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-mad > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-mad > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-alt {
  margin: 0 0 4px 0;
  background: none;
  border: 0px none;
}
.card-alt > .card-header {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23EC008C' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 0;
  color: #fff;
  background-color: transparent;
  border: none;
}
.card-alt > .card-header > .card-title {
  padding-right: 6px;
}
.card-alt > .card-header > .card-title:before,
.card-alt > .card-header > .card-title:after {
  content: " ";
  display: table;
}
.card-alt > .card-header > .card-title:after {
  clear: both;
}
.card-alt > .card-header > .card-title a:focus {
  color: #fff;
}
.card-alt > .card-header > .card-title a:hover {
  color: #000;
}
.card-alt > .card-header > .card-title a .fa {
  width: 16px;
}
.card-alt > .card-header > .card-title a.collapsible-item-title-link {
  float: left;
  width: 90%;
}
.card-alt > .card-header > .card-title a.collapsible-item-title-link-icon {
  float: right;
}
.card-alt > .card-header + .card-collapse > .card-body {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* default article layout - no flexbox */
.articles .article-body-container {
  position: relative;
}

.articles .article-container.main-article-body,
.articles .article-container.secondary-linked-features,
.articles .article-container.tertiary-linked-features {
  display: inline-block;
}

.articles .article-container.main-article-body {
  width: 100%;
}

@media (min-width: 992px) {
  .articles.has-secondary-features .article-container.main-article-body {
    width: 100%;
    float: left;
    padding: 0 0 0 10px;
  }
  .articles.has-secondary-features.has-tertiary-features
    .article-container.main-article-body,
  .articles.has-secondary-features.has-tertiary-features
    .article-container.main-article-body {
    width: 75%;
    float: left;
    padding: 0 10px 0 0;
  }
  .articles .article-container.secondary-linked-features {
    width: 75%;
    float: left;
    padding: 0 10px 0 0;
  }
  .articles .article-container.tertiary-linked-features {
    width: 25%;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    padding: 0 0 0 10px;
  }
  .articles.has-tertiary-features .article-body-container{
    min-height: 1100px;
  }
}
@media (min-width: 1150px){
  .articles.has-tertiary-features .article-body-container{
    min-height: 950px;
  }
}
@media (min-width: 1320px){
  .articles.has-tertiary-features .article-body-container{
    min-height: 900px;
  }
}
/* article layout (flexbox) */
.flexbox #content .articles .article-body-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0 -10px;
}
.flexbox
  #content
  .articles
  .article-body-container
  .article-container.main-article-body,
.flexbox
  #content
  .articles
  .article-body-container
  .article-container.secondary-linked-features,
.flexbox
  #content
  .articles
  .article-body-container
  .article-container.tertiary-linked-features {
  padding: 0 10px;
}
@media (min-width: 992px) {
  .flexbox
    #content
    .articles
    .article-body-container
    .secondary-linked-features {
    padding-top: 20px;
  }
  .flexbox
    #content
    .articles
    .article-body-container
    .article-container.main-article-body {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .flexbox
    #content
    .articles
    .article-body-container
    .article-container.secondary-linked-features {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .flexbox
    #content
    .articles
    .article-body-container
    .article-container.tertiary-linked-features {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}

@media screen and (max-width: 767px) {
  .carousel-caption {
    display: none;
  }
}
.carousel-indicators {
  width: auto;
  margin: 0;
  left: unset;
  top: unset;
  right: 50%;
  transform: translate(50%,0);
  bottom: 1rem;  
}
@media screen and (min-width: 768px) {
  /* .carousel-indicators {
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 0 20px;
    margin-left: 0;
    text-align: right;
  } */
  .carousel-indicators li {
    border: 1px solid #fff;
  }
  .carousel-indicators .active {
    background-color: #fff;
  }
  .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 30% 10px 34px;
    text-align: left;
    background: rgba(0, 0, 0, 0.55);
    font-family: "Helvetica", "Arial", "sans-serif";
    font-weight: bold;
  }
  .carousel-caption.with-stream-bar {
    bottom: 24px;
  }
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6 {
    color: #fff;
    font-weight: bold;
  }
}

.carousel-inner [class^="stream-bar-"] {
  position: absolute;
  width: 100%;
}

.stream-bar-panorama {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23FFB800' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.stream-bar-ignite {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%230A57FF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.stream-bar-true-north {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ED1C24' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.stream-bar-impact {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%2300D298' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.stream-bar-next {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%232137D8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.stream-bar-gateway {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23A237BC' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.stream-bar-mad {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23FC4C02' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.stream-bar-alt {
  padding: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23EC008C' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.card-stream {
  border: none;
  background: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.card-stream.card-stream-panorama {
  border-right: 6px solid #ffb800;
}
.card-stream.card-stream-panorama.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23FFB800' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream.card-stream-ignite {
  border-right: 6px solid #0a57ff;
}
.card-stream.card-stream-ignite.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%230A57FF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream.card-stream-true-north {
  border-right: 6px solid #ed1c24;
}
.card-stream.card-stream-true-north.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ED1C24' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream.card-stream-impact {
  border-right: 6px solid #00d298;
}
.card-stream.card-stream-impact.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%2300D298' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream.card-stream-next {
  border-right: 6px solid #2137d8;
}
.card-stream.card-stream-next.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%232137D8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream.card-stream-gateway {
  border-right: 6px solid #a237bc;
}
.card-stream.card-stream-gateway.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23A237BC' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream.card-stream-mad {
  border-right: 6px solid #fc4c02;
}
.card-stream.card-stream-mad.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23FC4C02' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream.card-stream-alt {
  border-right: 6px solid #ec008c;
}
.card-stream.card-stream-alt.open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23EC008C' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  border-right: none;
}
.card-stream a {
  color: #fff;
}
.card-stream.open a {
  color: #000;
}
.card-stream.open a:hover {
  color: #fff;
}
.card-stream .card-header {
  border: none;
  border-image-width: 0;
}

.card-group-stream .col {
  margin-bottom: 6px;
}

.card-group-stream .card-header + .card-collapse > .card-body,
.card-group-stream
  .card-group-stream
  .card-header
  + .card-collapse
  > .list-group {
  border-top: none;
}

.card-group-stream .card-stream {
  border-radius: 0;
}
.card-group-stream .card-stream .card-title .fa {
  display: none;
}

.article-body-container .stream-colour-1,
.article-body-container .stream-colour-panorama {
  background-color: #ffb800;
  border-color: #ffb800;
}

.article-body-container .stream-colour-2,
.article-body-container .stream-colour-ignite {
  background-color: #0a57ff;
  border-color: #0a57ff;
}

.article-body-container .stream-colour-3,
.article-body-container .stream-colour-true-north {
  background-color: #ed1c24;
  border-color: #ed1c24;
}

.article-body-container .stream-colour-4,
.article-body-container .stream-colour-impact {
  background-color: #00d298;
  border-color: #00d298;
}

.article-body-container .stream-colour-5,
.article-body-container .stream-colour-next {
  background-color: #2137d8;
  border-color: #2137d8;
}

.article-body-container .stream-colour-6,
.article-body-container .stream-colour-gateway {
  background-color: #a237bc;
  border-color: #a237bc;
}

.article-body-container .stream-colour-7,
.article-body-container .stream-colour-mad {
  background-color: #fc4c02;
  border-color: #fc4c02;
}

.article-body-container .stream-colour-8,
.article-body-container .stream-colour-alt {
  background-color: #ec008c;
  border-color: #ec008c;
}

.sponsor-logo {
  margin-bottom: 44px;
}

.result-box-item-details {
  color: #000000;
}

.cutout {
  padding: 12px;
  color: #fff;
  margin-bottom: 30px;
}

.cutout-tl {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
}

.cutout-tr {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
}

.cutout-bl {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
}

.cutout-br {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.Social {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  margin-right: 25px;
  padding: 0;
}

/* BUTTON FOR HEADER IMAGE (IN CENTRE) - ADDED BY JXH 20 Mar 2019 */
.header-with-button {
  position: relative;
}

/* Style the button and place it in the middle of the container/image */
.header-with-button .donate-button {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #000000;
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  font-family: Arial Black;
  padding: 12px 24px;
  border: solid;
  border-width: 2px;
  cursor: pointer;
  border-radius: 5px;
  border-color: #000;
}
/* Hide button on mobile view carousel (under 600px) */
@media screen and (max-width: 600px) {
  .header-with-button .donate-button {
    display: none;
  }
}

.header-with-button .donate-button:hover {
  color: #ffb800;
}

.header-with-button a {
  text-decoration: none;
}

/* Nudging the search results heading on the widgets in slightly to be in line with results */
h3.search-results-heading {
  padding-left: 10px;
}

.row-media {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  /* align-items: center; */
  align-items: flex-end;
  padding-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  .row-media {
    display: flex;
    /* flex-direction: column; */
    /* align-items: left;
    justify-content: space-between; */
  }

  .row-media img {
    /* margin-top: 10%;
    margin-bottom: 10%; */
    margin: 1.5em 0;
  }
}

.row-community {
  display: flex;
  justify-content: left;
  align-items: center;
  padding-bottom: 15px;
}

/* Added to fix pop up in mobile view. When menu isn't open, width of screen should only be 100% of viewport. JXH 15th April 2019 */

@media only screen and (max-width: 991px) {
  .customer-options {
    display: none;
  }
  .active-sidebar .customer-options {
    display: block;
  }
}

/* Fix for gap between promo code box and button BrianW (AV) 24th April 2019 */

.input-group-btn {
  width: 0;
  vertical-align: -webkit-baseline-middle;
}

/* .form-control {
    height: 32px;
} */

/* End of fix */

/* New nav bar design for stay and play page */

.stayandplaynav {
  display: flex;
  justify-content: space-evenly;
  list-style: none;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 2rem;
  color: #000;
  font-family: "Neue Haas Unica W04 Black";
  font-size: 1.75em;
  padding-top: 2%;
}

#stayandplay a {
  color: #e2e2e0;
  text-decoration: none;
}

#stayandplay a:hover {
  color: #ffb800;
}

#stayandplay li.active {
  padding-bottom: 25px;
  border-bottom: 2px solid #000;
}

#stayandplay a:hover {
  color: #ffb800;
}

/* End of stay and play nav bar - JXH 30/5/2019 */

/* Start of stay and play partner listings styling - JXH 30/05/2019 */

#partners h3 {
  margin-top: 2%;
}

#partners h2 {
  margin-bottom: 2%;
}

#partners .btn-primary {
  background-image: none;
  background-color: #000;
  color: #fff;
  font-family: "Neue Haas Unica W04 Black";
  margin-bottom: 25px;
  text-decoration: none;
}

#partners .btn-primary:hover {
  background-color: #ffb800;
  color: #000;
}

#partners p {
  padding-bottom: 2%;
}

@media only screen and (max-width: 600px) {
  #stayandplay li {
    padding-right: 3%;
  }
}

/* End of stay and play partner stylin' - JXH 30/05/2019 */

/* Start of Festival Info styling - JXH 05/07/2019 */
/* h2.card-header-title-pass {
  text-align: center;
}

h2.card-header-title-pack {
  text-align: center;
} */

/* Remove default bootstrap table styling */
.table > thead > tr > th {
  border-style: none;
}

.table th,
.table td {
  border-top: none;
}

/* .info-header {
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
} */

.title-header {
  border-bottom: solid 2px;
  border-color: #ffb800;
}

/* .card-container {
  display: flex;
  flex-flow: wrap;

}

.card {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;

}

.card-body {
  flex: 1 1 auto;
  padding: 0.6em;
  color: #000;
}
 */
/* .card-body {
  flex: 1 1 auto;
  padding: 0.6em;
  color: #000;
}

.card-footer {
  position: absolute;
  bottom: 0;
  left: 0.6em

}



.more-ticket-info {
  font-size: 12pt;
  line-height:1.25;
  padding-top: 1%;
  font-weight: lighter;
  margin-bottom: 0;
  padding-bottom: 0;
}
 */
.btn-unavailable {
  width: 100%;
  padding: 6px 12px;
  background-color: #e2e2e0;
  color: #000;
  font-weight: bold;
  margin: 0px 0px 5px;
  border-radius: 2px;
}

.btn-unavailable:hover {
  background-color: #000;
  color: #e2e2e0;
}

.btn-chd {
  width: 100%;
  padding: 6px 12px;
  background-color: #ed1c24;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  border-radius: 2px;
}

/* .btn-chd:hover {
  background-color: #e2e2e0;
  color: #ed1c24;
} */

/* .btn-chd:hover:after {
  content: " - Join VIFF+!";
} */

/* Added styling for Just Announced page - greyed out stream info boxes. */

.btn-muted {
  border: 0px none transparent;
  background-color: #e2e2e0;
  color: #000000;
}

.article-body-container .stream-info-container .btn-muted:hover {
  background-image: none;
  color: #000;
}

.article-body-container .stream-info-container .btn-muted:hover + .stream-info {
  display: block;
}

.article-body-container .to-be-announced,
.article-body-container .to-be-announced {
  background-color: #e2e2e0;
  border-color: #e2e2e0;
}

/* Hiding Gift Appeal and Fund text. */

.gift-appeal {
  display: none;
}

.gift-fund {
  display: none;
}

/* End of hide. JXH 10/08/2019 */

/* Steam coloured hover on primary button, because it's fun to hover. */

#truenorth .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ed1c24' /%3E%3C/svg%3E");
  color: #fff;
}

#alt .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ec008c' /%3E%3C/svg%3E");
}

#seatosky .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%230a57ff' /%3E%3C/svg%3E");
  color: #fff;
}

#impact .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%2300D298' /%3E%3C/svg%3E");
}

#gateway .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23A237bc' /%3E%3C/svg%3E");
}

#mad .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23FC4C02' /%3E%3C/svg%3E");
}

#next .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%232137D8' /%3E%3C/svg%3E");
  color: #fff;
}
/* End of stream colour button hover - JXH on a Sunday, going a bit stir-crazy. 11/08/2019 */

/* Improving styling of CHD log in widget - JXH 15/08/2019 */

#chd {
  background-color: #ed1c24;
  text-align: center;
  padding-bottom: 5px;
}

#chd a {
  color: white;
}

#chd .login-submit {
  display: inline;
  background-color: #fff;
  color: #000;
}

#chd .login-submit:hover {
  display: inline;
  background-color: #000;
  color: #fff;
}

/* End of CHD log in styling */

/* Donation shopping cart edits - JXH 15/08/2019 (I'm having quite the CSS day) */

/* .donation.section-box-item:after {
  content: "Your support is more important than ever. The recommended donation amount is $25, but anything you're able to give is gratefully received! You can change your donation amount in the box to the right and then choose how you'd like us to use your donation from the options below.";
  font-family: "Inter";
  font-size: 1.2em;
} */

.donation-data {
  background-color: #ffb800;
}

.donation-data .field-label {
  font-family: "Inter";
  font-size: 16pt;
  font-weight: 600;
  color: #000;
}

donation-data .form-control {
  width: 100%;
}

.donation-row h4 {
  color: #ffb800;
}

.donation-row::after {
  content: "Thank you for donating!";
  font-size: 20px;
  font-family: "Neue Haas Unica W04 Black";
  padding-left: 14px;
}

#shoppingCart .donation .required::after {
  content: "Please enter your donation amount.";
  font-weight: bold;
}

/* End of donation cart edits. */

/* Ticket Pack and Pass Styling - 2019 */
.packsandpasses a {
  text-decoration: none;
  color: #e2e2e0;
}

.packsandpasses a:hover {
  color: #ed1c24;
}

#reversepanorama .btn-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  color: #fff;
}

#reversepanorama .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23fff' /%3E%3C/svg%3E");
  color: #000;
}

#passpack {
  background-color: #e2e2e0;
  text-align: center;
  padding-bottom: 5px;
}

#passpack a {
  color: #000;
}

#passpack .login-submit {
  display: inline;
  background-color: #000;
  color: #fff;
}

#passpack .login-submit:hover {
  display: inline;
  background-color: #ed1c24;
  color: #fff;
}

/* End of Ticket Pack and Pass styling. */

.partner-header {
  display: flex;
  border-bottom: 2px solid;
}

.partner-header h3 {
  margin-right: 15%;
}

.row-partner-page {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 10px;
}

.partner-title {
  padding-bottom: 10px;
  border-bottom: 2px solid;
}

#mustseebc a {
  text-decoration: none;
  color: #0a57ff;
}

#mustseebc a:hover {
  text-decoration: none;
  color: #333;
}

.col-centered {
  float: none;
  margin-right: auto;
  margin-left: auto;
}

.immersed-highlight {
  background-color: #2137d8;
  color: #fff;
  padding: 10px;
  width: 100%;
}

/* START JXH Version 7 Fixes Nov 20, 2019 */

/* Search item teaser text overflow problem */

.search-results-container .item-teaser {
  font-size: 16px;
  font-style: normal;
  line-height: 1.6;
  height: 100%;
  overflow: visible;
  white-space: normal;
  text-align: left;
}

/* ^ Fixes overflow problem truncating event notes; responsiveness checked - JXH */

/* Pagination fix starts*/

.pagination {
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > .page-item li {
  margin-left: 0;
}

.pagination > .page-item li > .page-link a,
.pagination > .page-item li > span {
  float: left;
  padding: 6px 12px;
  margin-left: 10px;
  line-height: 1.42857143;
  color: #ffb800;
  text-decoration: none;
  background-color: #000;
  border: 1px solid #000;
}

.pagination > .page-item li:first-child > .page-link a,
.pagination > .page-item li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > .page-item li:last-child > .page-link a,
.pagination > .page-item li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > .page-item li > .page-link a:focus,
.pagination > .page-item li > .page-link a:hover,
.pagination > .page-item li > span:focus,
.pagination > .page-item li > span:hover {
  z-index: 3;
  color: #000;
  background-color: #ffb800;
  border-color: #ffb800;
}

.pagination > .active > .page-link a,
.pagination > .active > .page-link a:focus,
.pagination > .active > .page-link a:hover,
.pagination > .active > .page-link span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  color: #000;
  cursor: default;
  background-color: #ffb800;
  border-color: #ffb800;
}

.pagination > .disabled > .page-link a,
.pagination > .disabled > .page-link a:focus,
.pagination > .disabled > .page-link a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #fff;
  cursor: not-allowed;
  background-color: #ed1c24;
  border-color: #ed1c24;
}

.pagination-lg > .page-item li > .page-link a,
.pagination-lg > .page-item li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > .page-item li:first-child > .page-link a,
.pagination-lg > .page-item li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > .page-item li:last-child > .page-link a,
.pagination-lg > .page-item li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > .page-item li > .page-link a,
.pagination-sm > .page-item li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > .page-item li:first-child > .page-link a,
.pagination-sm > .page-item li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > .page-item li:last-child > .page-link a,
.pagination-sm > .page-item li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Pagination fix ends */

/* Improving Styling on My Account */

.alert-info {
  background-color: #000;
  color: #fff;
}

#upcoming-events-heading a,
#recentTransactions a {
  color: red;
}

.my-account-nav ul li.active,
.my-account-nav ul li:hover {
  background: #000;
}

.my-account-nav ul li.active a,
.my-account-nav ul li:hover a {
  color: #ffb800;
  border-right-color: #ffb800;
}

.my-account-nav-heading {
  font-family: "Neue Haas Unica W04 Black";
}

.customer-name {
  font-family: "Neue Haas Unica W04 Black";
}
.customer-name::before {
  content: "Hello,";
}

.customer-name::after {
  content: "!";
}

.last-name.account-header-value {
  display: none;
}

#recent-transactions a,
#upcoming-events-box a {
  color: #323232;
  text-decoration: none;
}

#recent-transactions a:hover,
#upcoming-events-box a:hover {
  color: #ffb800;
  text-decoration: none;
}

/* End new My Account styling */

/*Improving Seat Select.asp */

#unobstructedSeats {
  display: none;
}

.venue-street,
.venue-state,
.venue-zip,
.venue-country,
.venue-city {
  display: none;
}

.other-event {
  margin-bottom: 10px;
  height: 5rem;
}

.other-event.btn-link {
  background-color: black;
}

/* Restyling disabled primary button to remove background colour and hover */

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: transparent;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23323232' /%3E%3C/svg%3E"); */
}

/*End disabled button styling*/
/*End Improving Seat Select.asp*/

/* Fixing promocode box height */
#promoCodeBoxInput.form-control {
  height: 39.64px;
}
/* End of promocode box height fix */

/* #order-confirmation a {
  background-color: #ffb800;
  color: #000;
  margin-top: 10px;
} */


/* Making h5 bigger, post upgrade */
.h5,
h5 {
  font-size: 1.2em;
}
/*
end of h5 */

/* JXH December 3 2019 - Temporarily hiding 'Other Event' section */

.other-event {
  display: none;
}

/* Until we can figure out what to do with it. */

/*New Submissions Nav Tab Styling - JXH December 11 2019*/

#submissions.nav-tabs {
  background-color: #fff;
  border-style: solid 0 0;
  border-color: #000;
  border-width: 3px;
}
.tabs-container .nav-tabs{
  border-bottom: 1px solid #000;
}
#submissions .nav-item, .tabs-container .nav-item {
  font-family: "Inter";
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  margin-right: 5px;
}

#submissions.nav-tabs > li{
  float: left;
  margin-bottom: -2px;
}
.tabs-container .nav-tabs > li{
  float: left;
}
#submissions.nav-tabs > li > a, .tabs-container .nav-tabs > li > a {
  margin-right: 0;
  border-radius: 3px 0 0 0;
  color: white;
}

#submissions .nav-tabs,
#submissions .nav-link.active,
#submissions .nav-tabs .nav-item.show .nav-link, .tabs-container .nav-link.active, .tabs-container .nav-tabs .nav-item.show .nav-link{
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  color: #000;
}

@media (max-width: 620px) {
  #submissions .nav-item, .tabs-container .nav-item {
    font-family: "Inter";
    font-size: 1rem;
    text-transform: uppercase;
    width: 100%;
    background-color: #fff;
    border: 0px none transparent;
    background-position: right top;
    margin-top: 5px;
  }

  #submissions.nav-tabs > li > a.active,.tabs-container .nav-tabs > li > a.active {
    /* yellow bg */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
    border: none;
    border-radius: 0;
    background-position: right top;
    /* background-color: #ffb800; */
    color: #000;
  }
}

#submissions a {
  color: #fff;
}

#submissions .nav-item:hover, .tabs-container .nav-item:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
  border-style: none;
}
#submissions .nav-item:hover .nav-link{
  color: #000;
}
#submissions a:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  color: #000;
  border: none;
}
.tabs-container .nav-item{
  border-bottom: 1px solid black;
}
/* #submissions.nav-tabs>li.active>a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
    border: none;
    color: #000;
} */

#submissionsTabContent{
  border-style: solid;
  border-width: 0px 3px 3px 3px;
  margin-bottom: 20px;
  padding: 20px;
}
/* .tabs-container .tab-content.responsive{
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  margin-bottom: 20px;
  padding: 20px;
} */

/* .tabs-container .nav-tabs{
  border-bottom: solid 1px #000;
} */
#submissionsTabContent h4 {
  font-size: 1.2em;
}

.submissions-text {
  padding: 20px;
}

/* #submissionsTabContent {

} */

#submissionsTabContent .table > tbody > tr > td {
  vertical-align: middle;
}

.submission-quote {
  font-family: "Inter";
  font-size: 1.2em;
  border: none;
  margin-right: 10%;
  margin-left: 10%;
  margin-bottom: 20px;
}

/* End of New Submissions Page styling. JXH 11/12/2019 */

/* .accessibility-box {
  padding-left: 15px;
} */

/* Gift Card Box */
.gift-card-box {
  background-image: url(https://cdn.pixabay.com/photo/2012/03/01/00/36/abstract-19731_1280.jpg);
  opacity: 0.9;
  padding: 5px;
}

.gift-card-text {
  font-size: 1.5em;
  color: #eee;
  line-height: 1.25;
  text-align: left;
  padding: 5px;
}

.gift-card-box a {
  color: #fff;
  text-decoration: none;
}
/* End Gift Card Box */

/* CAMPUS SCREENINGS VENUE SIGNIFIER */

#venue-highlight .item-venue {
  font-weight: bold;
  text-transform: uppercase;
  background-color: #ffb800;
  padding: 5px;
  width: 80%;
}

.item-description {
  padding-right: 20px;
}

@media screen and (max-width: 515px) {
  #venue-highlight .item-venue {
    width: 100%;
  }
}

/* CAPITAL CAMPAIGN STYLING - JXH 070220 */

.campaign-text {
  font-size: 16px;
  padding-top: 25px;
}

li.campaign-text {
  padding-top: 10px;
}

.capital-campaign-highlight {
  background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  color: #000;
  /*   text-transform:uppercase; */
  padding: 2%;
  width: 100%;
}

.capital-campaign-bottom {
  background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
  color: #000;
  /*   text-transform:uppercase; */
  padding: 2%;
  width: 100%;
}

.capital-overlay {
  position: relative;
  text-align: center;
  color: #fff;
}

.capital-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.capital-overlay img:hover {
  opacity: 0.8;
}

.capital-overlay:hover h1.capital-overlay-text {
  display: block;
  background-color: #ed1c24;
  border-radius: 4px;
  padding: 2%;
  cursor: pointer;
  color: #fff;
}

/* Turning on Map Select for Reserved Seating - edits to out of box display JXH 13022020 */

.performance-info {
  background-color: #fff;
  border-bottom-style: solid;
  border-top-style: solid;
  border-width: thin;
}

.seatMap .show-more,
#seatSelect .show-more {
  display: none;
}

.seatMap .performance-venue,
#seatSelect .performance-venue {
  color: #000;
  text-transform: uppercase;
  font-weight: lighter;
}

.seatMap .performance-info #item-description-text,
#seatSelect .performance-info #item-description-text {
  display: none !important;
}

.seatMap .item-short-description,
#seatSelect .item-short-description {
  padding-bottom: 4px;
}

.seat-tabs-box.item-box.page-heading h1 {
  font-size: 30pt;
}

.seat-tab {
  font-size: 20pt;
}

.seat-tab a {
  color: #ffb800;
}

.legend-div.pricing_legend {
  background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
  color: #000;
  /*   text-transform:uppercase; */
  /*   padding:2%; */
  width: 100%;
}

.legend-div.pricing_legend #pricing_legend_title {
  color: #000;
}

.seatMap .promo-link:before {
  content: "Click to enter a ";
}

.seatMap .promo-link {
  font-size: 1.8rem;
}

.seatMap .promo-link a {
  color: #000;
  text-decoration: underline;
}

#seatSelect #aisleSeats {
  display: none;
}

.select-seat-price {
  background-color: #ffb800;
  color: #000;
}

.select-seat-price:hover {
  background-color: #000;
  color: #ffb800;
}

/* ATTEMPT TO MAKE SELECTED AND UNAVAILABLE SEATS CLEARER - REMOVE IF UNSUCCESSFUL */

/* Seat in Seat Map when checked. */
.checked_seat {
  stroke-width: 0px !important;
  fill: #ec008c !important;
}

/* Unavailable Seats */
.seats,
.seato,
.seatu,
.seatr,
.seatS,
.seatO,
.seatU,
.seatR {
  opacity: 1 !important;
  stroke-width: 8px;
  stroke: #a9a9a9;
}

/* Your Selections */
.selected_seat_color,
.selected_seat_color_inner {
  background-color: #ec008c !important;
}
/* END ATTEMPT */

.vancity-box {
  background-color: #e2e2e0;
  border-style: solid;
  border-width: 2px;
  border-color: #323232;
}

.vancity-box a {
  color: #323232;
  text-decoration: none;
}

.vancity-text {
  font-size: 1.8rem;
  margin-left: 2%;
  margin-right: 2%;
}

.btn-vancity {
  background-color: #ed1c24;
  padding: 3%;
  border-radius: 4px;
}

.btn-vancity:hover {
  background-color: #000;
  padding: 3%;
  border-radius: 4px;
}

a.btn-vancity {
  color: #fff;
}

a.btn-vancity:hover {
  color: #fff;
}

#covid-streaming {
  background-color: transparent;
  border: 0px none transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
  padding: 5px;
  width: 100%;
  margin-top: 20px;
}

#covid-streaming:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ffb800' /%3E%3C/svg%3E");
}

#covid-streaming a {
  color: #fff;
  padding-left: 10px;
}

#covid-streaming a:hover {
  text-decoration: none;
  color: #000;
}

#covid-streaming span {
  font-size: 50px;
  vertical-align: middle;
  padding-left: 5px;
}

.header-wrap {
  position: relative;
  text-align: center;
}

.header-text-bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.header-text-bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* .support-box h2:after{
  content: ' ';
  margin-left: 10px;
  display:inline-block;
  border-bottom:1px black solid;
  width:79.5%;
  margin-right:-100%;
  vertical-align:middle;
} */

/* .support-box {
  border-bottom: solid;
  border-width: 1px;
  padding-bottom: 8px;
} */

.btn-vancity {
  font-weight: bold;
}

/* Homepage Nav Tab Styling for Streaming - JXH 25032020 - COVID19 */

.covidhomepage .btn-primary:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='320' width='1400'%3E%3Cpath d='M0 14L14 0h1372l14 14v292l-14 14H14L0 306z' fill='%23ed1c24' /%3E%3C/svg%3E");
  color: #fff;
}

/* #homepage.nav-tabs {
    border-bottom: 0px none transparent;
    display: inline-flex;
}

#homepage .nav-link:active {
    border-bottom: 2px solid #ed1c24;
}

#homepage {
  margin-bottom: 20px;
  margin-top: 20px;
}

#homepage.nav-tabs li{
  margin-right:10px;
}


#homepage.nav-tabs>li {
    float: left;
    margin-bottom: -2px;
}

#homepage.nav-tabs>li>a {
    margin-right: 0;
    line-height: 2.8rem;
    border-radius: 3px 0 0 0;
}

#homepage .nav-item {
  font-family: "Inter", sans serif;
  font-size: 1.8em;
/*   text-transform: uppercase; */
/* margin-right: 3%;
  border:none;
}

#homepage a {
  color: #000;
}

#homepage .nav-item:hover {
    border: none;
    border-bottom: 2px solid #ed1c24;
}

#homepage.nav-tabs>li>a:hover {
 border:0px none transparent;
}

#homepage.nav-tabs>li.active>a {
     border:none;
     border-bottom: 2px solid #ed1c24;
     outline:0;
}

#homepage.nav-tabs>li.active>a:hover {
     color:#ed1c24;
    border-bottom:none;
    outline:0;
}

@media (max-width:620px) {
  #homepage .nav-item {
  font-size: 1.8em;
  width: 100%;
  background-color: #fff;
  border: 0px none transparent;
  margin-top: 5px;
}
    #homepage.nav-tabs {
        display: grid;
        }

          #homepage.nav-tabs>li.active>a {
              color: #ed1c24;
              outline:0;

            }

              #homepage.nav-tabs>li.fade>a {
                color: #e2e2e0;
                border-style:none;
              }

              #homepage.nav-tabs > li > a{
                color:#959595;
              }
            }

#homepage.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #fff;
  border:1px solid #ed1c24;
}

#homepage .dropdown-menu a{
  font-size: 14pt;
}

#homepage .dropdown-menu a:hover{
  background-color:#fff;
  color:#ed1c24;
}

#homepage .dropdown-menu > .active > a{
  background-color:#fff;
  color:#ed1c24;
} */

.teaser-tag {
  text-transform: uppercase;
  font-family: "Inter";
  font-weight: 200;
  color: #ed1c24;
  font-size: 14px;
}

.donate-highlight {
  color: #ffb800;
  font-family: "Neue Haas Unica W04 Black";
  font-size: 18px;
  font-weight: lighter;
}

a.donate-highlight:hover {
  color: #323232;
}

.donateSticker {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #ed1c24;
  position: absolute;
  bottom: 15%;
  right: 7%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: 0.7s;
  z-index: 1000;
}

@media only screen and (max-width: 600px) {
  .donateSticker {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  .donateSticker {
    right: 15%;
  }
}

.donateSticker:hover {
  background: #ffb800;
  transition: 0.7s;
}

.donateSticker:hover > .donate-badge a {
  color: #000;
}

.donate-badge {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
  display: table;
  -ms-transform: rotate(15deg);
  /* IE 9 */
  -webkit-transform: rotate(15deg);
  /* Chrome, Safari, Opera */
  transform: rotate(15deg);
}

.donate-badge a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  font-family: "Neue Haas Unica W04 Black";
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  color: #fff;
}

.donate-badge a:hover {
  text-decoration: none;
}

.giving-image {
  position: relative;
  text-align: center;
}

.giving-image img {
  filter: brightness(70%);
  border: 5px solid transparent;
}

.giving-image-large {
  filter: brightness(96%);
  border: 5px solid transparent;
}

.giving-image h2 {
  color: #fff;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.25em;
  opacity: 0.85;
}

.giving-text-fade img {
  position: absolute;
  filter: drop-shadow(5px 5px 5px black);
  width: 50%;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.giving-image h2 a {
  color: inherit;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #ffb800;
}

.overlay-black {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #000;
}

.overlay-truenorth {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #ed1c24;
}

.overlay-impact {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #00d298;
}

.overlay-patron {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #e2e2e0;
}

.overlay-text {
  color: #000;
  font-family: "Neue Haas Unica W04 Black";
  font-size: 2.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.overlay-text a,
.overlay-text-red a,
.overlay-text-white a {
  color: inherit;
  text-decoration: none;
}

.overlay-text-red {
  color: #ed1c24;
  font-family: "Neue Haas Unica W04 Black";
  font-size: 2.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.overlay-text-white {
  color: #fff;
  font-family: "Neue Haas Unica W04 Black";
  font-size: 2.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.giving-image:hover .overlay,
.giving-image-large:hover .overlay,
.giving-image:hover .overlay-truenorth,
.giving-image:hover .overlay-impact,
.giving-image:hover .overlay-patron,
.giving-image:hover .overlay-black {
  opacity: 0.8;
}

.giving-image:hover .giving-text-fade,
.giving-image-large:hover .giving-text-fade {
  opacity: 0;
}

#donation-details .donation-amount,
#donation-details .recommended-amount.fine-print {
  display: none;
}

#donation-details .item-short-description {
  color: #ffb800;
}

#donation-details .item-description-details:last-child:after {
  content: "\A Click the button below to add a donation to your cart. \A \A Any donations of $25 or above receive a charitable tax receipt.";
  color: #ed1c24;
  font-weight: lighter;
  white-space: pre-wrap;
}

.creator-talk-bio,
.director-bio-img {
  border-radius: 50%;
  width: 80%;
  margin: 0 auto;
  display: block;
  max-width: 500px;
}

/* TEMPORARY (UPDATE LATER) - HIDING PROMOCODE BOX TO REDUCE STREAMING CONFUSION - JXH 30TH APRIL, 2020 */
/* #promoCodeBox {
  display: none;
} */
/* END PROMOCODE BOX REMOVAL */

.creator-resources li {
  padding-bottom: 2%;
}

.creator-resources a {
  font-family: "Inter";
  line-height: 1.6;
  font-size: 1.3em;
  color: #303030;
  text-decoration: underline;
}

.creator-resources a:hover {
  color: #ed1c24;
}

.creator-resources a:visited {
  color: #a9a9a9;
}

.landing-options .col-lg-12 {
  margin-bottom: 7%;
}

.landing-options .col-lg-6,.landing-options .col-lg-3 {
  margin-bottom: 2rem;
}

.landing-options a {
  text-decoration: none;
  color: inherit;
}

.landing-image {
  position: relative;
  text-align: left;
  color: white;
  width: 100%;
  /* border: solid 1px black; */
}

.landing-image a img {
  width: 100%;
}

/* .landing-image a img {
  width: 100%;
} */

.landing-text {
  position: absolute;
  /* bottom: -10%; */
  bottom: 0;
  left: 0px;
  width: 100%;
  background-color: black;
}

.landing-text h3 {
  color: #fff;
  padding: 10px;
  font-size: 16pt;
  font-family: "Inter";
  margin: 0;
  margin-left: 5px;
}
.landing-image:hover{
    border: solid 1px black;
}
.landing-image:hover .landing-text {
  background-color: #323232;
}

/* .landing-image:hover .landing-text.gateway {
  background-color: #a237bc;
}

.landing-image:hover .landing-text.alt {
  background-color: #ec008c;
} */

.landing-image:hover .landing-text h3 > a {
  color: #fff;
  text-decoration: none;
}
.landing-image{
  overflow: hidden;
}
.landing-image img{
  transition: transform 0.5s ease; /* Animation */
}
/* .landing-image:hover img {
  filter: brightness(60%);
} */

.landing-image:hover img{
  transform: scale(1.2);
}

/* NEW SPEAKERS LAYOUT  - Cards with collapsible bio*/

.speakers {
  margin-top: 20px;
}

.speakers h5:first-of-type{
  margin-bottom: 1.5rem;
}
.speakers .card, .guestnames .speakers .card {
  border: none;
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 50px;
  display: block;
}

.speakers .card-body, .speakers .container .card .card-body {
  padding: 0;
  font-family: "Inter";
  color: #313131;
  line-height: 1.6;
  padding-bottom: 20px;
  padding-top: 20px;
}

.speakers a {
  color: #323232;
  text-decoration: none;
}

.speakers img {
  filter: grayscale(100);
}

.speakers .card:hover img {
  filter: grayscale(0);
}

.speakers a > .fa-chevron-down {
  /* color: #a237bc; */
  color: #ffb800;
  text-decoration: none;
  float: right;
}

.speakers a:hover > .fa-ellipsis-v {
  color: #000;
  text-decoration: none;
}

.speakers h4 a:hover,
.speakers h4 a:active,
.speakers h4 a:focus,
.speakers h4 a:visited {
  /* color: #a237bc; */
  /* color: #ffb800; */
  color: #303030;
  text-decoration: none;
  outline: none;
}
.speakers h4 a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
}
.speakers h4 {
  padding-top: 5px;
  font-size: 1.2rem;
}

.speakers .container {
  padding: 0;
  margin-top: 10px;
}

.bio-company,
.bio-role,
.bio-show {
  font-family: "Inter";
  /* font-size: 1.2em; */
  font-size: 0.9rem;
}

.bio-role {
  font-weight: lighter;
  font-size: 1em;
  text-transform: uppercase;
}

.bio-show {
  line-height: 2;
  font-weight: normal;
}

a.bio-show {
  font-style: oblique;
}

.bio-img {
  border-radius: 50%;
}

.speakers a:not(.btn):focus,
a:not(.btn):hover {
  color: inherit;
  text-decoration: none;
}

/* END FIRST BASH AT SPEAKER LAYOUT - TRY TO GET STREAM COLOUR SWAP OUT CODED, RENAME CREATOR TALK BIO IMG TO BIO */

/*AMP TALENT ACCELERATOR STYLING 2020 - 29/06/2020 */

.amp-faq ul {
  list-style: none;
  width: 100%;
  padding-left: 0;
  margin-bottom: 40px;
}

.amp-faq li {
  font-family: "Inter";
  /* border-bottom: solid 1px #a237bc; */
  border-bottom: 1px solid gray;
}

.amp-faq li a {
  color: #323232;
  line-height: 2;
  font-size: 1.4em;
}

.amp-faq li:hover a,
.amp-faq li:focus a,
.amp-faq li:active a,
.amp-faq li:visited a,
.amp-faq a {
  color: #a237bc;
  outline: none;
  text-decoration: none;
}

.amp-faq .card.card-body {
  border: none;
  color: #000;
}

.amp-faq li svg {
  margin-top: 10px;
  margin-right: 5px;
}

.amp-faq li svg {
  margin-top: 10px;
  margin-right: 5px;
}

.amp-highlight-box {
  background-color: #f5f5f5;
  padding: 25px 40px;
  margin-bottom: 40px;
  border-radius: 4px;
}

.amp-highlight-box h4 {
  text-align: center;
  margin-bottom: 10px;
}

.amp-highlight-box li {
  padding-bottom: 10px;
  color: #000;
}

/* FILTER RESTYLE */

#virtualfilter ul {
  display: inline;
  float: left;
  margin-right: 15px;
}

#virtualfilter select {
  display: block;
  font-size: 1em;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 10px;
  border: 1px solid #000;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.8em top 50%, 0 0;
  background-size: 1em auto, 100%;
}

#virtualfilter select::-ms-expand {
  display: none;
}

#virtualfilter select:focus {
  border-color: #ed1c24;
  outline: none;
}

#virtualfilter option {
  font-weight: lighter;
}

#virtualfilter a {
  color: #000;
  text-decoration: none;
  margin-left: 12px;
  text-transform: lowercase;
}

#virtualfilter a:hover {
  color: #ed1c24;
  outline: none;
}

#virtualfilter a[href]:after {
  position: absolute; /* Prevent underline of arrow */
  font-family: "Font AWesome 5 Free";
  padding-left: 5px; /* Add a little space between text and arrow */
  content: "\f056"; /* Unicode hex for » */
}

/* END FILTER RESTYLE */

.movie-article {
  font-family: "Inter";
}

.movie-shorts h4 {
  margin-top: 10px;
}

.movie-shorts h4 a {
  color: #323232;
}

.movie-shorts h4 a:hover {
  color: #0a57ff;
}

.movie-shorts {
  border-top: solid 1px gray;
  padding-top: 10px;
}

.movie-shorts img {
  /* width: 100%;
  max-width: 340px; */
  display: block;
}

@media screen and (min-width: 900px) {
  .movie-shorts {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 1rem 1rem 1rem 0;
  }
  .movie-shorts img {
    margin-right: 1.5rem;
  }
}

.short-text {
  padding: 0 5%;
}

.short-credit {
  text-transform: uppercase;
  font-size: 0.9em;
}

.movie-article iframe {
  margin-top: 10px;
}

.shorts-movie-information {
  display: flex;
  align-content: space-around;
  width: 100%;
  /*  border-top: solid 1px #323232; */
  padding: 10px;
  background-color: #f5f5f5;
  margin-top: 2%;
  margin-bottom: 2%;
  text-transform: uppercase;
}

.shorts-movie-information div {
  margin-right: 2%;
}

.movie-tickets {
  width: 100%;
}
.movie-info .label {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: normal;
}

/* VIFF 2020 Festival Pricing */

.viff-pricing .card-deck {
  margin: 1rem auto;
}

.viff-pricing .card-deck .row {
  justify-content: space-between;
}

/* changing Break Point */
@media screen and (min-width: 576px) {
  .viff-pricing .card-deck {
    display: block;
  }
}

/* use this if 3 cards a.k.a no in-theatre screenings */
/* @media screen and (min-width: 900px) {
  .viff-pricing .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
} */

/* use this if 4 cards a.k.a YES in-theatre screenings */
.membership-pricing .card {
  border: gray 1px solid;
  /* min-height: 1060px; */
}

/* @media screen and (min-width: 900px) {
  .membership-pricing.card-deck {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: baseline;
    margin: 0;
  }
  .membership-pricing .card{
    min-height: 1070px;
  }
}
@media screen and (min-width: 1650px) {
  .membership-pricing.card-deck {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .membership-pricing .card{
    min-height: 112 0px;
  }
} */
/* end of styles for including in-person ticket prices */

.viff-pricing .card {
  margin: 25px 15px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.viff-pricing .card-body {
  padding: 0 1rem;
}


.viff-pricing .card {
  /* border: solid 1px #1e1e1e; */
  position: relative;
}

.viff-pricing h4, .viff-pricing .card-header h5 {
  text-align: center;
  /* margin-bottom: 3%; */
}

.viff-pricing ul {
  padding-left: 10%;
  padding-right: 2%;
  padding-bottom: 15px;
}

.viff-pricing li {
  line-height: 2;
  font-size: 1.2rem;
}

.viff-pricing .card-footer {
  /* background-color: #ffb800; */
  background-color: #000;
  text-align: center;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
}


.viff-pricing .card-footer a {
  width: 100%;
  display: inline-block;
  padding: 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  line-height: normal;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}

.viff-pricing .card-footer:hover {
  background-color: #ffb800;
  /* color: #ffb800; */
}
.viff-pricing .card-footer a:hover {
  text-decoration: none;
  color: #000;
}
/* .viff-pricing .card-deck .card .card-body .accordion a[aria-expanded="true"]::after{
  transform: rotateX(180deg);
} */
/* .viff-pricing .card .card-body{
  min-height: 1850px;
} */
#monthly.viff-pricing .membership-pricing.card-deck .card .card-body{
  min-height: 800px;
}
@media screen and (min-width:350px){
  /* .viff-pricing .card .card-body{
    min-height: 1600px;
  } */
  #monthly.viff-pricing .membership-pricing.card-deck .card .card-body{
    min-height: 800px;
  }
}
@media screen and (min-width:420px){
  /* .viff-pricing .card .card-body{
    min-height: 1350px;
  } */
  #monthly.viff-pricing .membership-pricing.card-deck .card .card-body{
    min-height: 570px;
  }

}
@media screen and (min-width:480px){
  /* .viff-pricing .card .card-body{
    min-height: 1170px;
  } */
  #monthly.viff-pricing .membership-pricing.card-deck .card .card-body{
    min-height: 500px;
  }

}
@media screen and (min-width:560px){
  /* .viff-pricing .card .card-body{
    min-height: 990px;
  } */
  #monthly.viff-pricing .membership-pricing.card-deck .card .card-body{
    min-height: 450px;
  }

}
@media screen and (min-width:645px){
  /* .viff-pricing .card .card-body{
    min-height: 1090px;
  } */
  .membership-pricing.card-deck{
    padding: 0 8%;
  }
  .viff-pricing .card-body{
    /* padding: 1rem 2rem; */
    margin-bottom: 1rem;
  }
}
/* @media screen and (min-width:750px){
  .viff-pricing .card .card-body{
    min-height: 940px;
  }
} */
@media screen and (min-width:900px){
  /* .viff-pricing .card .card-body{
    min-height: 900px;
  } */

  #monthly.viff-pricing .membership-pricing.card-deck .card .card-body{
    min-height: 400px;
  }
}
@media screen and (min-width:1020px){

  .membership-pricing.card-deck{
    padding: 0;
  }
  /* .viff-pricing .card .card-body{
    min-height: 1380px;
  } */

  .viff-pricing .card-body{
    padding: 0 1rem;
    text-align: left !important;
  }
  .membership-pricing.card-deck{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #monthly.viff-pricing .membership-pricing.card-deck{
    display: block;
  }
  #monthly.viff-pricing .membership-pricing.card-deck .card{
    width: 32%;
    margin: 0 auto;
  }
  #monthly.viff-pricing .membership-pricing.card-deck .card .card-body{
    min-height: 600px;
  }
  .membership-pricing.card-deck.narrow{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .membership-pricing.card-deck.narrow .card .card-body .accordion{
    margin-bottom: 2rem;
  }
  .membership-pricing.card-deck.narrow .card .card-body{
    margin-bottom: 4rem;
  }
}
@media screen and (min-width:1200px){

  .membership-pricing.card-deck.narrow{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/* @media screen and (min-width:1500px){
  .viff-pricing .card .card-body{
    min-height: 1090px;
  }

} */
/* @media screen and (min-width:1600px){
  .viff-pricing .card .card-body{
    min-height: 1000px;
  }

} */
/* @media screen and (min-width:1800px){
  .viff-pricing .card .card-body{
    min-height: 920px;
  }
} */
.plus-flag{
  display: inline;
  padding: 8px 5px;
color: white;
background-color: black;
/* text-transform: uppercase; */
position: absolute;
right: 0;
border-radius: 10px 0 0 10px;
font-size: 1rem;
}
.toggle .fa-toggle-on{
  font-size: 2rem;
  color: #ffb800;
}
.toggle h3{
  font-size: 1rem;
  padding: 0 5px;
}
@media screen and (min-width:380px){
  .toggle .fa-toggle-on{
    font-size: 3rem;
  }
  .toggle h3{
    font-size: 1.2rem;
    padding: 0 0.5rem;
  }
}
@media screen and (min-width:600px){
  .toggle h3{
    font-size: 1.4rem;
  } 
}
@media screen and (min-width:650px){
  .toggle h3{
    padding: 0 1rem;
  } 
}
@media screen and (min-width:900px){
  .toggle h3{
    font-size: 1.75rem;
    padding: 0 1.25rem;
  } 
}
/* @media screen and (min-width:992px){
  .plus-flag{
    font-size: 1.2rem;
  }
} */
/* .plus-flag {
  margin-top: 5px;
  float: right;
  background-color: #ed1c24;
  padding: 10px;
  font-size: 0.9em;
  text-transform: uppercase;
  margin-bottom: 5px;
  opacity: 0.9;
  border-radius: 10px 0 0 10px;
}

a.plus-flag {
  color: #ffffff;
} */

/* .plus-flag:hover,
.plus-flag:focus,
a.plus-flag:active {
  background-color: #000;
  opacity: 1;
}

a.plus-flag:hover,
a.plus-flag:focus,
a.plus-flag:active {
  color: #ffb800;
}

.student-flag {
  margin-top: 5px;
  background-color: #00d298;
  padding: 10px;
  float: right;
  font-size: 0.9em;
  text-transform: uppercase;
  opacity: 0.9;
  border-radius: 10px 0 0 10px;
} */

/* .student-flag:hover {
  background-color: #000;
  opacity: 1;
}

a.student-flag {
  color: #000;
}

a.student-flag:hover,
a.student-flag:active,
a.student-flag:focus {
  color: #ffb800;
} */

/* END VIFF 2020 PRICING STYLING */

/* 2020 FILM PAGE REDESIGN */

/* NEW MOVIE INFORMATION STYLING */

.new-movie-information {
  background-color: #f5f5f5;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between !important;
  margin-bottom: 4%;
  margin-top: 2%;
}

.geolocation-text {
  width: 100%;
  /* margin-left: 2rem; */
  font-size: 20px;
}

#director-icon {
  width: 2rem;
  max-width: 2rem;
  height: auto;
}
.geolocation-text::before {
  font-family: "Font Awesome 5 Free";
  content: "\f3c5";
  font-weight: bold;
  padding-right: 5px;
  color: #ed1c24;
  font-size: 2rem;
}

.movie-info {
  padding: 0.8rem 0.9rem 0.8rem 2.9rem;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.5;
  margin-right: 5px;
}

.movie-info .director {
  padding: 0;
  color: #000;
  font-weight: bold;
  margin-left: -2.5rem;
}

.movie-info.crew,
.movie-info.country,
.movie-info.classification {
  width: 100%;
}

.movie-info.year,
.movie-info.length {
  margin-right: 15px;
}

.movie-info.language {
  width: 50%;
}

.movie-info.links {
  width: 100%;
}

.movie-info.classification {
  font-weight: bold;
  padding-left: 0.8rem;
}

.movie-info.links a {
  font-weight: lighter;
  text-decoration: underline;
}

.movie-info.links a:hover {
  color: #323232;
}
.movie-information.length,
.movie-information.country,
.movie-information.year {
  margin: 0 1rem;
}
.movie-info.country::before,
.movie-info.year::before,
.movie-info.length::before,
.movie-info.language::before,
.movie-info.links::before,
.movie-info.premiere::before,
.movie-info .cast::before {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  position: absolute;
  top: -1rem;
  left: -0.6rem;
  font-weight: bold;
  color: #323232;
  padding: 0.6em;
  float: left;
  font-size: 1.8em;
}
.movie-information.length::before,
.movie-information.country::before,
.movie-information.year::before,
.movie-awards p::before{
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: bold;
  color: #323232;
  margin-right: 10px;
  font-size: 1.8em;
}
.movie-info.crew::before {
  /* content: "\f406"; */
  padding-top: 2rem;
}

.new-movie-information .curriculum-connections::before{
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: bold;
  color: #323232;
  float: left;
  font-size: 1.8em;
  content: "\f02d";
  padding-left: 8px;
  padding-right: 10px;
  margin-bottom: 4rem;
}

.movie-info.country::before,
.movie-information.country::before {
  content: "\f024";
}

.movie-info.year::before,
.movie-information.year::before {
  content: "\f073";
}

.movie-info.length::before,
.movie-information.length::before {
  content: "\f017";
}

.movie-info.language::before {
  content: "\f27a";
}

.movie-info.links::before {
  content: "\f0c1";
}

.movie-info.premiere::before {
  content: "\f0ac";
}
.movie-info .cast::before {
  content: "\f0c0";
  top: 6rem;
  left: -1rem;
}

.movie-awards p::before{
  content:"\f091";
}

.movie-awards p{
  font-weight:bold;
}

@media screen and (min-width: 500px) {
  .movie-info .cast::before {
    top: 5rem;
  }
}

@media screen and (min-width: 992px) {
  .movie-info .cast::before {
    top: 6rem;
  }
}
@media screen and (min-width: 1117px) {
  .movie-info .cast::before {
    top: 5rem;
  }
}

/* END NEW MOVIE INFORMATION STYLING */

.movie-description p {
  margin-bottom: 2%;
}
.movie-description .movie-shorts h3.with-title{
  font-size: 1.2rem;
}
.movie-information.row {
  justify-content: flex-start;
  padding: 1rem 0.5rem;
}
.movie-bonus p {
  margin: 0;
  padding: 0;
}
.movie-bonus img {
  padding-right: 1rem;
  /* width: 100px; */
  width: 65px;
  height: auto;
}
.movie-bonus {
  align-items: center;
  justify-content: start;
  margin-bottom: 2rem;
}

.movie-bio {
  padding-top: 20px;
  padding-bottom: 20px;
}

.movie-bio .row {
  padding: 1rem 2rem;
  align-items: center;
}

.director-bio-text {
  text-align: justify;
}
.movie-info.premiere {
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}
/* FULL CREDITS STYLING */

.movie-full-credits {
  width: 100%;
  padding-right: 0.9rem;
  padding-left: 2.8rem;
}

.movie-full-credits a {
  font-weight: lighter;
  text-decoration: underline;
}

.credit {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.2rem;
}

.movie-full-credits h3 {
  padding-bottom: 7px;
  margin-bottom: 1.2rem;
}

.movie-full-credits:hover h3 a,
.movie-full-credits:active h3 a,
.movie-full-credits:focus h3 a {
  color: #ed1c24;
  outline: none;
}

.movie-full-credits svg {
  margin-left: 75%;
}

.movie-full-credits .credit-title {
  font-weight: bold;
  width: 45%;
  float: left;
  color: #000;
  margin-right: 5%;
}

.movie-full-credits .credit-name {
  width: 50%;
  float: right;
  padding-top: 5px;
  text-align: right;
}

.movie-options {
  margin-top: 3%;
}
.movie-options .row {
  justify-content: space-evenly;
  align-items: center;
}
@media screen and (min-width: 1400px) {
  .movie-options .row {
    /* width: 80%; */
    margin: 0 auto;
  }
}

.btn.btn-trailer,
.btn.btn-tickets,
.btn.btn-faq,
.btn.btn-primary {
  width: 100%;
  padding: 0.5rem;
  /* font-size: 1.2em; */
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 2%;
  margin-right: 2%;
  color: #000;
  background-color: #ffb800;
  border-radius: 20px;
  max-width: 600px;
  display: block;
  margin: 0 auto;
}

.btn.btn-trailer:hover,
.btn.btn-tickets:hover,
.btn.btn-trailer:active,
.btn.btn-tickets:active,
.btn.btn-trailer:focus,
.btn.btn-tickets:focus,
.btn.btn-faq:hover,
.btn.btn-faq:active,
.btn.btn-faq:focus,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
  background-color: #000;
  color: #fff;
}

.btn.btn-trailer::after {
  font-family: "Font Awesome 5 Free";
  content: "\f04b";
  margin-left: 5%;
}

.btn.btn-tickets::after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  content: "\f3ff";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5%;
}

.btn.btn-faq::after {
  font-family: "Font Awesome 5 Free";
  content: "\f129";
  margin-left: 5%;
}

.back-btn a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-weight: 900;
  padding-right: 5px;
}

.btn a[aria-expanded="true"] .fa-chevron-down {
  transform: rotateX(180deg);
}



/* ATTEMPT AT BROWSER WINDOW DESIGN */
.new-movie-information {
  border: 1px solid #000;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border-radius: 4px;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between !important;
  margin-bottom: 4%;
  margin-top: 4%;
  padding: 10px 15px;
}

.new-movie-information h3 {
  display: none;
}

/* END BROWSER WINDOW ATTEMPT */

} */
/* NEW FAQ DESIGN */
.faq ul {
  padding: 0;
  font-size: 1.2rem;
}

.faq a {
  color: #1e1e1e;
}

.faq_question {
  border-bottom: 1px solid;
  padding: 2%;
  list-style: none;
}

.faq_answer {
  padding: 2%;
}
.faq_answer ol {
  font-size: 1.2rem;
}

.faq h4 {
  margin: 0;
  overflow: hidden;
}

.faq svg {
  float: right;
  margin-right: 3%;
}

a.plus-faq:hover,
a.plus-faq:active,
a.plus-faq:focus {
  color: #0a57ff;
  text-decoration: none;
  outline: none;
}

.plus-faq svg {
  color: #1e1e1e;
}

a.plus-faq:hover svg {
  color: #0a57ff;
}
.faq ul{
  padding-left: 0;
}
a.viff-plus-benefits {
  font-weight: lighter;
  text-decoration: underline;
  padding-left: 3%;
  margin: 0.5rem;
  color: #0a57ff;
  text-align: center;
  transition: all 0.5s ease;
}

.viff-plus-benefits ul {
  padding-bottom: 10%;
}

.membership-pricing .card-footer {
  margin-top: 10%;
}

/* VIFF+ page  by Ava*/


.viff-pricing .card-body h6{
  font-size: 1.2rem;
}
.viff-pricing .accordion h6 a::after{
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  font-weight: bold;
  color: #0a57ff;
  margin-left: 0.5rem;
}
.viff-pricing .accordion h6 a:hover::after{
  color: black;
}
/* .viff-pricing .accordion h6 a[aria-expanded="true"]::after{
  transform: rotate(180deg);
} */
.viff-pricing .card-header {
  padding: 0;
  margin: 0;
  border-radius: 0;
  padding: 30px 0;
  /* background-color: #ffb800; */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffb800+0,ffdb66+50,ffb800+100 */
background: #ffb800; /* Old browsers */
background: -moz-linear-gradient(left, #ffb800 0%, #ffdb66 50%, #ffb800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffb800 0%,#ffdb66 50%,#ffb800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffb800 0%,#ffdb66 50%,#ffb800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb800', endColorstr='#ffb800',GradientType=1 ); /* IE6-9 */
}
.viff-pricing .silver.card-header {
  background-image: url("/content/images/2020/festival/silver.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.viff-pricing .gold.card-header {
  background-image: url("/content/images/2020/festival/gold.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.viff-pricing .bronze.card-header {
  background-image: url("/content/images/2020/festival/bronze.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.viff-pricing .card-header h4 {
  font-size: 2em;
  font-weight: 600;
  padding: 0 25px;
}
.viff-pricing.viff-2020 .card-header h4{
  font-size: 1.5rem;
}
@media screen and (min-width: 768px){
  .viff-pricing.viff-2020 .card-deck{
    display: flex !important;
    flex-flow: row wrap;
  
  }
  .viff-pricing.viff-2020 .card-header h4{
    font-size: 1.3rem;
  }
}

/* .viff-pricing .price {
  height: 70px;
  width: 70px;
  margin: 0 auto;
  background-color: white;
  margin-top: -35px;
  border-radius: 50%;
  border: 1px solid #a9a9a9;
}
.viff-pricing .price h4 {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 20px;
} */

.learn-more {
  padding: 40px 0;
  text-align: center;
  font-size: 2rem;
}
.learn-more a:hover,
.learn-more a:active,
.learn-more a:focus {
  text-decoration: underline;
}

/* Removing black padding at desktop */
#content {
  width: 100%;
}
#content .container {
  max-width: unset;
  width: 100%;
}

/* feature image does not expand out of wrapper and no horizontal scroll bar in browser */
.content-wrapper {
  overflow: hidden;
}
.header-image img {
  width: 100%;
}
.carousel-item img {
  max-width: unset;
  width: 100%;
}

/* expanding footer width for larger screens */
#footer .footer-content.container {
  max-width: unset;
  width: 100%;
}
@media screen and (min-width: 900px) {
  #footer .footer-content.container {
    padding: 30px 60px;
  }
}

/* General reset to all font sizes */
p, ul, ol {
  line-height: 1.5;
  font-size: 1.2rem;
}

.homepage-heading:last-child {
  padding-bottom: 2rem;
}
/* sidebar content top spacing similar to main content */
.article-container.tertiary-linked-features {
  margin-top: 1rem;
}

/* Share this movie on film & shorts page */
.movie-share {
  padding-top: 25px;
}

/* Viff pricing header styles */
.pricing-header {
  margin-top: 0;
}
.pricing-header .row {
  justify-content: space-between;
}

/* Hiding Misc. Items (assign to customer) Box */
.item-with-header.section-box-item-details {
  display: none !important;
}

/* rotating chevrons */
.card-body a.viff-plus-benefits[aria-expanded="true"] > .fa-chevron-down,
.faq_question a.plus-faq[aria-expanded="true"] > .fa-chevron-down {
  transform: rotate(180deg);
}

/* Land recognition text in footer */
.land-recognition-text {
  padding: 1% 8%;
}
@media screen and (min-width: 1600px) {
  .land-recognition-text {
    padding: 1% 15%;
  }
}

/* Cart/payment pages */
input#addToCart.btn.btn-primary:hover {
  color: #ffb800;
  background-color: black;
}

/* red text */
.red-text {
  color: #ed1c24;
}

/* Grey text */
.grey-text {
  color: #7f8c8d;
}
/* .attention {
  color: black;
} */

/* New Catalyst Styles by Ava*/
.catalyst-content-wrapper {
  max-width: 1300px;
  display: block;
  margin: 1rem auto;
}
.catalyst-header {
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.catalyst-header .logos {
  padding: 1rem 2rem;
}

.catalyst-header .logos div {
  margin-bottom: 2rem;
  margin-right: 2rem;
}

.rbc,
.storyhive {
  padding: 1rem;
}

#rbc-logo {
  max-height: 95px;
}

.btn.apply-catalyst {
  max-width: 400px;
  margin-bottom: 3rem;
}
.btn.apply-catalyst:hover,
.btn.apply-catalyst:active,
.btn.apply-catalyst:focus {
  color: white;
  background-color: black;
}

@media screen and (min-width: 780px) {
  .catalyst-header .logos div {
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .catalyst-header .logos {
    flex-wrap: nowrap;
  }
  .catalyst-header .logos div {
    margin-bottom: 1rem;
    margin-right: 2rem;
  }
}

.testimonial-row {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.testimonial-row img,
.testimonial-row blockquote {
  display: block;
  margin: 1rem auto;
}

.testimonial-row-2 {
  flex-direction: column-reverse;
}
.testimonial-row .submission-quote {
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  position: relative;
  width: 100%;
  max-width: 400px;
}
@media screen and (min-width: 700px) {
  .testimonial-row {
    flex-direction: row;
  }
  .testimonial-row .submission-quote {
    max-width: 100%;
  }
  .testimonial-row-1 img,
  .testimonial-row-3 img {
    float: right;
  }
  .testimonial-row-2 img {
    float: left;
  }
}
@media screen and (min-width: 1300px) {
  .testimonial-row .submission-quote {
    max-height: 245px;
  }
}
/* End new Catalyst Styles */

/* New Filter Page Styles by Ava*/
.grid-result {
  border: 1px solid grey;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  padding: 1rem;
  margin-bottom: 1rem;
  float: none;
  width: 100%;
}

.item-teaser {
  padding: 0;
  text-align: left !important;
  margin: 1rem 0;
  padding-top: 1rem;
  border-top: 1px solid rgb(155, 155, 155);
  color: black !important;
}
.item-name,
.item-start-date,
.item-end-date,
.item-venue {
  text-align: left;
}
.item-description {
  padding-right: 0;
  text-align: left;
}
.grid-result .availability-icon {
  text-align: center;
}

/* Getting rid of swipe up OVER THE PIC for film info */
/* Dropdown filter styles */
@media screen and (min-width: 750px) {
  div#searchFilters form {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1100px) {
  div#searchFilters form {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
div#searchFilters ul {
  margin: 10px;
}
div#searchFilters select {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #323232;
  cursor: pointer;
}
@media screen and (min-width: 400px) {
  .grid-search-results {
    width: 80%;
    float: none;
    margin: 0 auto;
  }
}
@media screen and (min-width: 515px) {
  .grid-search-results {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
  }
  .grid-search-results .grid-result{
    position: relative;
  }
  .grid-search-results .grid-result .item-link{
    position: absolute;
    bottom: 1rem;
    /* left: 50%;
    transform: translateX(-50%); */
    width: 90%;
  } 
  /* .grid-search-results .grid-result .item-description{
    min-height: 980px;
    position: relative;
  } */
  .grid-search-results .grid-result .availability-indicator{
    /* min-height: 100px; */
    margin-top: 1rem;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
/* With this code, the text expands the card, and appears below */
@media screen and (min-width: 768px) {
  .grid-result .item-description,
  .grid-result .item-link {
    position: static;
    min-height: unset;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .grid-search-results .grid-result{
    position: relative;
  }
  .grid-search-results .grid-result .item-link{
    position: static;
  }
  .grid-search-results .grid-result .item-link .btn.btn-primary{
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
  }
  .grid-search-results .grid-result .availability-indicator{
    margin-bottom: 4rem;
  }
  #Free .grid-search-results .grid-result .item-description .item-teaser{
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 900px) {
  .grid-search-results {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid-result {
    width: 100%;
  }
  #narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr;
  }
  .narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1150px){
  #narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1400px) {
  .grid-search-results {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  .grid-search-results {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
  }
  #narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1rem;
  }
  .narrow-widget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1rem;
  }
}
li.clear-filter {
  font-weight: bold;
}
.item-name a::after {
  font-family: "Font Awesome 5 Free";
  /* content: "\f35d"; */
  content: "\f054";
  font-weight: bold;
  color: #0a57ff;
  margin-left: 0.5rem;
  font-size: 1rem;
}
.item-name a:hover::after {
  color: black;
}

.item-venue::before {
  font-family: "Font Awesome 5 Free";
  content: "\f3c5";
  font-weight: bold;
  padding: 0 5px 0 0;
  color: #323232;
  font-size: 1.5rem;
}
.item-venue.in-cinema{
  display: flex;
  align-items: center;
}
#tickets .item-venue.in-cinema{
  display: block;
}
.item-venue.in-cinema::before{
  content: url('/content/Images/2021/icons/reel-icon.png');
  padding: 0 5px 0 0;
}
.item-venue.viff-connect::before{
  font-family: "Font Awesome 5 Free";
  content: "\f108";
  font-weight: bold;
  padding: 0 5px 0 0;
  color: #323232;
  font-size: 1.3rem;
}


/* Search Dropdown by Ava */
.search-by-btn {
  padding: 10px 15px;
  margin-top: 10px;
  width: 100%;
  text-align: left;
  background-color: black;
  cursor: pointer;
  margin-bottom: 0 !important;
}

.search-by-link {
  font-family: "Neue Haas Unica W04 Black";
  color: #ffb800;
  width: 100%;
  font-size: 1rem;
  padding: 5px 0;
}
.search-by-link::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
  font-weight: bold;
  color: #ffb800;
  display: inline-block;
  margin-left: 60%;
}
@media screen and (min-width: 360px) {
  .search-by-link::after {
    margin-left: 65%;
  }
}
@media screen and (min-width: 400px) {
  .search-by-link::after {
    margin-left: 68%;
  }
}
@media screen and (min-width: 450px) {
  .search-by-link::after {
    margin-left: 70%;
  }
}
@media screen and (min-width: 500px) {
  .search-by-link::after {
    margin-left: 75%;
  }
}
@media screen and (min-width: 550px) {
  .search-by-link::after {
    margin-left: 80%;
  }
}
@media screen and (min-width: 650px) {
  .search-by-link::after {
    margin-left: 83%;
  }
}
@media screen and (min-width: 750px) {
  .search-by-link::after {
    margin-left: 85%;
  }
}
@media screen and (min-width: 850px) {
  .search-by-link::after {
    margin-left: 88%;
  }
}
@media screen and (min-width: 992px) {
  .search-by-link::after {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1070px) {
  .search-by-link::after {
    margin-left: 54%;
  }
}
@media screen and (min-width: 1150px) {
  .search-by-link::after {
    margin-left: 58%;
  }
}
@media screen and (min-width: 1220px) {
  .search-by-link::after {
    margin-left: 61%;
  }
}
@media screen and (min-width: 1300px) {
  .search-by-link::after {
    margin-left: 63%;
  }
}
@media screen and (min-width: 1450px) {
  .search-by-link::after {
    margin-left: 68%;
  }
}
@media screen and (min-width: 1650px) {
  .search-by-link::after {
    margin-left: 72%;
  }
}
@media screen and (min-width: 1850px) {
  .search-by-link::after {
    margin-left: 75%;
  }
}

a.search-by-link[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.search-by-link:hover,
.search-by-link:active,
.search-by-link:focus,
.search-by-link:visited {
  color: #ffb800 !important;
}

#search-by-dropdown {
  padding: 10px 15px;
  background-color: black;
}

.dropdown-category p {
  margin-bottom: 0;
  padding: 10px 15px;
}
.dropdown-category p a {
  color: white;
  font-weight: bold;
}
.dropdown-category p a:active,
.dropdown-category p a:hover,
.dropdown-category p a:focus {
  color: #ffb800;
  text-decoration: none;
  outline: none;
}
.wrapper {
  border-bottom: 1px solid #333;
}
.wrapper:last-of-type {
  border-bottom: none;
}

.dropdown-results a {
  color: white;
}
.dropdown-results a:hover,
.dropdown-results a:active,
.dropdown-results a:focus {
  color: #ffb800;
}

.dropdown-results ul {
  list-style: none;
}
.dropdown-results ul li::before {
  content: "• ";
  color: white;
}
/* End search dropdown by Ava */

/* Funders & Donors page by Ava */
.funder-donor-content-wrapper {
  max-width: 1300px;
  display: block;
  margin: 1rem auto;
}
.funder-donor-content-wrapper .funders-donors-header p {
  padding-top: 1rem;
}
.funder-donor-content-wrapper h2 {
  margin: 2rem auto;
}
.funder-donor-content-wrapper h3 {
  margin: 1rem 0;
}
.funder-donor-content-wrapper .foundation-funders-container {
  justify-content: space-between;
  margin: 5px;
}
.funder-donor-content-wrapper .logos-container {
  width: 100%;
}
.funder-donor-content-wrapper .logos-container img {
  width: 250px;
  display: block;
  margin: 1rem auto;
}

@media screen and (min-width: 500px) {
  .funder-donor-content-wrapper .logos-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .funder-donor-content-wrapper .visionary-container,
  .funder-donor-content-wrapper .luminary-container,
  .funder-donor-content-wrapper .innovator-container,
  .funder-donor-content-wrapper .community-container,
  .funder-donor-content-wrapper .in-frame-container {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (min-width: 750px) {
  .funder-donor-content-wrapper .logos-container {
    margin: 0 1rem;
  }
}

@media screen and (min-width: 992px) {
  .funder-donor-content-wrapper .logos-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto;
  }
  .funder-donor-content-wrapper .logos-container img {
    height: 65px;
    width: auto;
  }
}
/* End Funders Donors by Ava */

/* == 7.39 == */
/* AV Update Fixes */
#orderInfoSecondBar {
  display: none;
}

@media screen and (max-width: 992px) {
  .menuSub.dropdown-menu a {
    text-align: left !important;
  }
}

@media screen and (min-width: 991px) {
  .dropdown-item {
    background-color: #fff;
    color: #000;
  }

  .menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] {
    border: 0px;
  }
}
/* End AV Update Fixes */

/* donate page by Ava */
.donate-content-wrapper {
  max-width: 1300px;
  display: block;
  margin: 1rem auto;
}
.donate-content-wrapper .hashtags.row{
  justify-content: space-evenly;
}
.campaign-text-container h1 {
  font-size: 2.5rem;
}

.campaign-text-container h2 {
  font-size: 2rem;
}

.campaign-text-container .campaign-text {
  font-size: 1.2rem;
  line-height: 1.5;
  padding-top: 1rem;
}

.campaign-text-container #matching-thankyou{
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
  margin: 2rem auto;
}
@media screen and (min-width: 700px){
  .campaign-text-container #matching-thankyou{
    width: 70%;
  }
}
/* testimonials section */
.donate-content-wrapper .testimonials-container {
  padding-top: 1rem;
}
/* .donate-content-wrapper .testimonials-container h2 {
  padding: 1.5rem 0;
} */
.donate-content-wrapper .testimonials-container .testimonial {
  /* border: 1px solid #afafaf; */
  /* border: 1px solid #ffb700c5; */
  padding: 1rem 2rem;
  border-radius: 10px;
  margin-bottom: 1rem;
  /* border-color: #ffb700c5; */
  background-color: #ffb70028;
}
/* .donate-content-wrapper .testimonials-container .testimonial:active,
.donate-content-wrapper .testimonials-container .testimonial:focus,
.donate-content-wrapper .testimonials-container .testimonial:hover {
  border-color: #ffb700c5;
  background-color: #ffb70028;
} */
.donate-content-wrapper .testimonials-container .wrapper .test1 {
  grid-area: test1;
}
.donate-content-wrapper
  .testimonials-container
  .wrapper
  .testimonial-text {
  position: relative;
  color: #333;
}
.donate-content-wrapper
  .testimonials-container
  .wrapper
  .testimonial-text::before {
  font-family: "Font Awesome 5 Free";
  content: "\f10d";
  font-weight: bold;
  padding: 5px 10px;
  color: #a1a1a1;
  font-size: 1rem;
  position: absolute;
  left: -30px;
  top: -14px;
}
.donate-content-wrapper
  .testimonials-container
  .wrapper
  .testimonial-text::after {
  font-family: "Font Awesome 5 Free";
  content: "\f10e";
  font-weight: bold;
  padding: 5px 10px;
  color: #a1a1a1;
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
/* .donate-content-wrapper .testimonials-container .wrapper .appeal-message{
  grid-area: appeal;
}
.donate-content-wrapper .testimonials-container .wrapper .appeal-message ul li{
  font-size: 1.2rem;
  line-height: 1.5;
} */
.donate-content-wrapper .testimonials-container .wrapper #test1 {
  grid-area: test1;
}
.donate-content-wrapper .testimonials-container .wrapper #test2 {
  grid-area: test2;
}
.donate-content-wrapper .testimonials-container .wrapper #test3 {
  grid-area: test3;
}

/* .donate-content-wrapper .testimonials-container .wrapper {
  display: grid;
  grid-template-areas: "appeal" "test1" "test2" "test3" "test4";
  grid-gap: 1rem;
  border-bottom: none;
} */
@media screen and (min-width: 750px) {
  .donate-content-wrapper .testimonials-container .wrapper {
    display: grid;
    grid-template-areas: "test1 test2" "test3 test3";
    grid-gap: 1rem;
  }
}
/* @media screen and (min-width: 992px) {
  .donate-content-wrapper .testimonials-container .wrapper {
    grid-template-areas:
    "appeal appeal appeal"
      "test3 test3 test3"
      "test1 test2 test4";
  }
} */
/* .donate-content-wrapper iframe {
  min-height: 400px;
  max-width: 1300px;
} */
/* @media screen and (min-width: 750px) {
  .donate-content-wrapper iframe {
    min-height: 600px;
  }
} */
.donate-content-wrapper
  .testimonials-container
  .wrapper
  .testimonial-info
  .testimonial-source {
  font-weight: bold;
}
.donate-content-wrapper
  .testimonials-container
  .wrapper
  .testimonial
  .testimonial-info
  .testimonial-source,
.donate-content-wrapper
  .testimonials-container
  .wrapper
  .testimonial
  .testimonial-info
  .source-title {
  margin-bottom: 0;
  color: #7a7a7a;
  font-size: 1rem;
}
p.testimonial-source,
p.source-title {
  margin-bottom: 0;
}
/* End donate page*/
/* Immersed 2020 by Ava */
/* .immersed-content-wrapper{
  max-width: 1300px;
  display: block;
  margin: 1rem auto;
} */
/* .immersed-content-wrapper .immersed-text-container h1{
  font-size: 2.5rem;
}
.immersed-content-wrapper .immersed-text-container h2{
  padding-bottom: 2rem;
  padding-top: 1rem;
  font-size: 2rem;
} */
.immersed-cards .card{
  border-color: black;
  margin: 1rem 0;
}
.immersed-cards .card .card-footer {
  padding: 0;
  background-color: black;
}
.immersed-cards .card .card-footer p {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  height: 100%;
  width: 100%;
}
.immersed-cards .card-footer p a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 1rem;
  color: white;
  font-size: 16px;
}
.immersed-cards .card .card-footer p a:hover,
.immersed-cards .card .card-footer p a:active,
.immersed-cards .card .card-footer p a:focus {
  /* color: #ec008c; */
  color: #ffb800;
}

.immersed-cards .image-link{
  overflow:hidden;

}
.immersed-cards .image-link img{
  transition: transform 0.5s ease; /* Animation */
}
.immersed-cards .image-link:hover img,.immersed-cards .image-link:active img,.immersed-cards .image-link:focus img{
  transform: scale(1.2);
}
@media screen and (min-width:992px) {
  .immersed-cards .card-footer p a {
    font-size: 18px;
  }
}
/* End of Immersed 2020 by Ava */

/* AMP 2020/2021 by Ava */

/* AMP LINKS - BOXES */
.amp-links .card {
  border-color: black;
}
.amp-links .card{
  margin: 1rem 0;
}

.amp-links .card .card-footer {
  padding: 0;
  background: black;
}
.amp-links .card .card-footer p {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  height: 100%;
  width: 100%;
}
.amp-links .card-footer p a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 1rem;
  color: white;
  font-size: 16px;
}
.amp-links .card .card-footer p a:hover,
.amp-links .card .card-footer p a:active,
.amp-links .card .card-footer p a:focus {
  /* color: #a237bc; */
  color: #ffb800;
}

.amp-links .image-link{
  overflow:hidden;

}
.amp-links .image-link img{
  transition: transform 0.5s ease; /* Animation */
}
.amp-links .image-link:hover img,.amp-links .image-link:active img,.amp-links .image-link:focus img{
  transform: scale(1.2);
}

@media screen and (min-width:992px) {
  .amp-links .card-footer p a {
    font-size: 18px;
  }
}

/* AMP LOGOS */
.amp-logos img{
  filter: grayscale(100%);
}
.amp-logos a:hover img{
  transform: scale(1.2);
  filter: grayscale(0);
}
.amp-logos h5{
  font-size: 0.65rem;
}
.amp-logos .presented-by .logo-container{
 display: flex;
align-items: baseline;
justify-content: space-between;
}
.amp-logos img{
  margin: 0.5rem 0 1rem 0;
  max-width: 80px;
  transition: all 0.2s ease-in-out;
}
.amp-logos .logo-row .comm-media-partner img{
  max-height: 45px;
  width: auto;
  margin-top: 10px;
}
.amp-logos .factor-logo{
  margin-top: 24px;
  max-width: 100px;
}
.amp-logos .creativebc-logo{
  margin-top: 12px;
  max-width: 90px;
}
.amp-logos .telus img,
.amp-logos .telus-premier img{
  max-width: 110px;
}
.amp-logos .viff40-logo{
  max-width: 120px;
}
.amp-logos .telefilm-logo{
  max-width: 110px;
  margin-right: 0.5rem;
}
.amp-logos .creativebc-vertical-logo{
  max-width: 150px;
}
.amp-logos .prod-lounge{
  max-width: 55px;
}
.amp-logos .do604-logo{
  max-width: 65px;
  margin-right: 1rem;
}
.amp-logos .media-partners .logo-container{
  margin-right: 3rem;
}
.amp-logos.tid .wfw-logo{
  max-width: 45px;
}
.amp-logos.tid .community img{
  max-width: 75px;
}
.series-landing .amp-logos .telefilm-bilingual{
  max-width: 140px;
}
.series-landing .amp-logos .global-tv{
  max-height: 30px;
  margin-right: 2rem;
}
.amp-logos.talks-landing .creativebc-logo{
  max-width: 120px;
}
.amp-logos.exhibition .occulus-tv img,
.amp-logos.exhibition .veer img,
.amp-logos.exhibition .curated-by img{
  max-width: 100px;
}
.amp-logos.exhibition .others-immersed img{
  margin-right: 1.5rem;
}
.amp-logos.exhibition .others-immersed .mor,
.amp-logos.exhibition .others-immersed .rad,
.amp-logos.exhibition .others-immersed .youtube,
.amp-logos.exhibition .others-immersed .facebook{
  max-width: 70px;
}
.amp-logos.immersed .presented-by img{
  max-width: 130px;
}
.awards .amp-logos img.creative-bc{
  max-width: 110px;
  margin-right: 2rem;
}
.awards .amp-logos img.dgc,.awards .amp-logos img.rogers,
.awards .amp-logos img.lochmaddy,.awards .amp-logos img.cineplex,.awards .amp-logos img.ubcpactra{
max-width: 95px;
margin-right: 2rem;
}
.awards .amp-logos img.wfw,.awards .amp-logos img.rbc{
  max-height: 50px;
  width: auto;
}
@media (min-width: 450px) {
  .amp-logos .presented-by img{
    margin-right: 2rem;
  }
  .amp-logos .logo-row{
    display: flex;
    flex-wrap: wrap;
}
.amp-logos .logo-row .presented-by,.amp-logos .logo-row .telus-premier,.amp-logos .viff-logo,
.amp-logos.tid .telus,.amp-logos .logo-row .produced-by{
  margin-right: 2rem;
}
.amp-logos .logo-row .telus img{
  margin-top: 20px;
  margin-right: 2rem;
}
.amp-logos .do604-logo{
  max-width: 65px;
  margin-right: 1.5rem;
}
.series-landing .amp-logos .telefilm-bilingual{
  margin-top: 1.2rem;
}
.amp-logos.talks-landing .creativebc-logo{
  max-width: 130px;
  margin-top: 20px;
}
.amp-logos.exhibition .occulus-tv,.amp-logos.exhibition .veer{
  margin-right: 2rem;
}
.amp-logos.exhibition .occulus-tv img,
.amp-logos.exhibition .veer img,
.amp-logos.exhibition .curated-by img{
  max-width: 120px;
}
.amp-logos.immersed .presented-by img{
  max-width: 150px;
  margin-top: 16px;
}
.awards .amp-logos img.creative-bc{
  max-width: 130px;
}
.awards .amp-logos img.dgc,.awards .amp-logos img.rogers,
.awards .amp-logos img.lochmaddy,.awards .amp-logos img.cineplex,.awards .amp-logos img.ubcpactra{
max-width: 115px;
}
.amp-logos.expanded .creativebc-vertical-logo{
  margin-top:1.5rem;
}
}
@media (min-width: 546px){
  .amp-logos .premier-supporters .logo-container{
    padding-top: 7px;
  }
  .amp-logos .viff-logo .viff40-logo{
    margin-top: 0.25rem;
  }
}
@media (min-width: 650px){
  .amp-logos .logo-row .presented-by,.amp-logos .logo-row .telus,.amp-logos .logo-row .produced-by{
    margin-right: 3rem;
  }
  .amp-logos .presented-by img{
    margin-right: 3rem;
  }
  .amp-logos img{
    max-width: 90px;
  }
  .amp-logos .factor-logo{
    max-width: 110px;
  }
  .amp-logos .creativebc-logo{
    max-width: 100px;
  }

  .amp-logos .telus img,.amp-logos .telus-premier img{
    max-width: 130px;
  }
  .amp-logos .viff40-logo{
    max-width: 140px;
  }
  .amp-logos .creativebc-vertical-logo{
    margin-left: 0.5rem;
  }
  .amp-logos .media-partners .logo-container{
    margin-right: 4rem;
  }
  .amp-logos .prod-lounge{
    max-width: 62px;
  }
  .amp-logos .do604-logo{
    max-width: 70px;
    margin-right: 1rem;
  }
  .amp-logos.tid .wfw-logo{
    max-width: 50px;
  }
  .series-landing .amp-logos .telefilm-bilingual{
    max-width: 150px;
  }
  .series-landing .amp-logos .global-tv{
    max-height: 35px;
    margin-right: 3rem;
  }
  .amp-logos.talks-landing .creativebc-logo{
    max-width: 150px;
  }
  .amp-logos.talks-landing .logo-row .telus img{
    margin-top: 14px;
  }
  .amp-logos.exhibition .occulus-tv,
  .amp-logos.exhibition .veer{
    margin-right: 3rem;
  }
  .amp-logos.exhibition .others-immersed img{
    margin-right: 2.5rem;
  }
  .amp-logos.immersed .presented-by img{
    max-width: 150px;
    margin-top: 16px;
  }
  .awards .amp-logos img.creative-bc{
    max-width: 140px;
  }
  .awards .amp-logos img.dgc,.awards .amp-logos img.rogers,
  .awards .amp-logos img.lochmaddy,.awards .amp-logos img.cineplex,.awards .amp-logos img.ubcpactra{
  max-width: 130px;
  }
  .awards .amp-logos img.wfw,.awards .amp-logos img.rbc{
    max-height: 60px;
    width: auto;
  }
}
@media (min-width: 992px){
  .amp-logos .logo-row .presented-by,.amp-logos .logo-row .telus,.amp-logos .logo-row .telus-premier,.amp-logos .viff-logo,.amp-logos.tid .telus,.amp-logos .logo-row .produced-by{
    margin-right: 4.5rem;
  }
  .amp-logos .logo-row .telus img{
    margin-top: 23px;
   
  }
  .amp-logos.tid .logo-row .telus img{
    margin-top: 15px;
  }
  .amp-logos img{
    max-width: 100px;
  }
  .amp-logos .logo-row .comm-media-partner img{
    max-height: 50px;
    width: auto;
    margin-top: 10px;
  }
  .amp-logos .factor-logo{
    margin-top: 24px;
    max-width: 130px;
  }
  .amp-logos .creativebc-logo,.amp-logos .telefilm-logo{
    margin-top: 12px;
    max-width: 120px;
  }
  .amp-logos .telus img,.amp-logos .telus-premier img{
    max-width: 140px;
  }
  .amp-logos .viff40-logo{
    max-width: 160px;
  }
  .amp-logos .creativebc-vertical-logo{
    /* max-width: 130px; */
    max-width: 160px;
    margin-left: 1rem;
  }
  .amp-logos .prod-lounge{
    max-width: 65px;
  }
  .amp-logos .do604-logo{
    max-width: 75px;
    margin-right: 2rem;
  }
  .amp-logos.tid .community img{
    max-width: 85px;
  }
  .series-landing .amp-logos .telefilm-bilingual{
    max-width: 155px;
    margin-top: 1.5rem;
  }
  .series-landing .amp-logos .global-tv{
    max-height: 40px;
  }
  .amp-logos.talks-landing .creativebc-logo{
    max-width: 165px;
  }
  .amp-logos.exhibition .occulus-tv img,
.amp-logos.exhibition .veer img,
.amp-logos.exhibition .curated-by img{
  max-width: 140px;
}
.amp-logos.exhibition .occulus-tv,
.amp-logos.exhibition .veer{
  margin-right: 4rem;
}
.amp-logos.exhibition .others-immersed .mor,
.amp-logos.exhibition .others-immersed .rad,
.amp-logos.exhibition .others-immersed .youtube,
.amp-logos.exhibition .others-immersed .facebook{
  max-width: 85px;
}
.amp-logos.immersed .presented-by img{
  max-width: 170px;
}
.amp-logos.immersed .telus img{
  margin-top: 16px;
}
.awards .amp-logos img.creative-bc{
  max-width: 150px;
  margin-right: 3rem;
}
.awards .amp-logos img.dgc,.awards .amp-logos img.rogers,
.awards .amp-logos img.lochmaddy,.awards .amp-logos img.cineplex,.awards .amp-logos img.ubcpactra{
max-width: 130px;
margin-right: 3rem;
}
.awards .amp-logos img.wfw,.awards .amp-logos img.rbc{
  max-height: 70px;
  width: auto;
}
}
@media (min-width: 1500px){
  .amp-logos img{
    max-width: 115px;
  }
  .amp-logos .logo-row .comm-media-partner img{
    max-height: 60px;
  }
  .amp-logos .factor-logo{
    margin-top: 24px;
    max-width: 140px;
  }
  .amp-logos .creativebc-logo{
    margin-top: 12px;
    max-width: 130px;
  }
  .amp-logos .telefilm-logo{
    max-width: 140px;
  }
  .amp-logos .telus img,.amp-logos .telus-premier img{
    max-width: 150px;
  }
  .amp-logos .viff40-logo{
    max-width: 160px;
  }
  .amp-logos .creativebc-vertical-logo{
    /* max-width: 130px; */
    max-width: 180px;
    margin-left: 1.5rem;
  }
  .amp-logos .prod-lounge{
    max-width: 75px;
  }
  .amp-logos .do604-logo{
    max-width: 85px;
  }
  .amp-logos .media-partners .logo-container{
    margin-right: 6rem;
  }
  .amp-logos.tid .wfw-logo{
    max-width: 58px;
  }
  .amp-logos.tid .community img{
    max-width: 100px;
  }
  .series-landing .amp-logos .telefilm-bilingual{
    max-width: 165px;
  }
  .series-landing .amp-logos .comm-media-partner .global-tv{
    max-height: 45px;
  }
  .amp-logos.talks-landing .creativebc-logo{
    max-width: 170px;
  }
  .amp-logos.exhibition .occulus-tv img,
.amp-logos.exhibition .veer img,
.amp-logos.exhibition .curated-by img{
  max-width: 160px;
}
.amp-logos.exhibition .others-immersed .mor,
.amp-logos.exhibition .others-immersed .rad,
.amp-logos.exhibition .others-immersed .youtube,
.amp-logos.exhibition .others-immersed .facebook{
  max-width: 100px;
}
.amp-logos.market .platform img{
  max-width: 100px;
}
.amp-logos.immersed .presented-by img{
  max-width: 190px;
}
.awards .amp-logos img.creative-bc{
  max-width: 170px;
}
.awards .amp-logos img.dgc,.awards .amp-logos img.rogers,
.awards .amp-logos img.lochmaddy,.awards .amp-logos img.cineplex,.awards .amp-logos img.ubcpactra{
max-width: 140px;
}
.awards .amp-logos img.wfw,.awards .amp-logos img.rbc{
  max-height: 85px;
  width: auto;
}
}
.amp-faq ul li a[aria-expanded="true"] > .fa-chevron-down{
  transform: rotate(180deg);
}


/* on schedule page */
.amp-logos-container{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
/* End amp */

/* amp soundoff by Ava */

.amp-soundoff-text-wrapper h1{
  text-transform: uppercase;
}

.soundoff-logos-wrapper{
  padding-bottom: 50px;
}
.soundoff-logos-wrapper .container img{
  display: block;
  margin: 0 auto;
  padding: 2rem 0;
  max-height: 171px;
}
.soundoff-logos-wrapper img{
  display: block;
  margin: 0 auto;
  padding: 2rem 0;
  max-height: 250px;
}
@media screen and (min-width: 700px){
  .soundoff-logos-wrapper .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-end;
  }
  .soundoff-logos-wrapper img{
    margin: 0;
    padding: 2rem 4rem;
  }
}
.soundoff-application ul, .soundoff-rules ul{
  font-size: 1.2rem;
  line-height: 1.5;
}

/* end of amp soundoff by Ava */

/* Check-Out Process Style Updates by Ava */

/* Select product page */
div.article-body-container
  .article-container.secondary-linked-features
  #promoCodeBox
  form
  ul
  li
  .input-group
  .input-group-append
  .btn.btn-secondary {
  padding: 7px 15px;
}
div.results-box.standard-search-results {
  max-width: 800px;
  margin: 0 auto;
}
/* tertiary feature fix spacing */
div#tertiary-linked-features-0 h5 {
  padding-top: 2rem;
}

/* Quantity Page */
#miscItemDetail .item-information.item-box {
  padding-top: 1rem;
}
#miscItemDetail .misc-item-quantity.item-box {
  position: relative;
}
#miscItemDetail .misc-item-quantity.item-box h4 {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
#miscItemDetail
  .misc-item-quantity.item-box
  .item-box-item
  .item-box-item-details {
  float: right;
  width: unset;
}

/* Terms & Conditions */
div#popupDiv_buttonContainer.modal-footer {
  flex-wrap: nowrap;
}
input#popupDiv_cancelButton.btn.btn-secondary {
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  font-size: 1.2em;
  margin-top: 2%;
  margin-right: 2%;
}

/* Shopping Cart page */
#shoppingCart.bodyDetails form .attention.alert.alert-info {
  color: white;
}
#shoppingCart.bodyDetails h1 {
  padding-top: 1rem;
}

#shoppingCart.bodyDetails form .order-items.order-misc-items.section-box {
  display: block;
  margin: 0 auto;
}
#shoppingCart.bodyDetails
  form.order-items.order-misc-items.section-box
  .order-misc-items.row {
  padding: 0 1rem;
}

.order-totals.row {
  padding-right: 1rem;
  padding-left: 1rem;
}
.navigation-box {
  padding-bottom: 1rem;
}

.navigation-box .row .col-lg-11 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.navigation-box .row .col-lg-11 input.btn.btn-secondary.cancel-order {
  float: none;
  order: 3;
  border-radius: 20px;
}
.navigation-box .row .col-lg-11 input.btn.btn-primary.navForward {
  order: 1;
  margin: 1rem;
  width: 95%;
  max-width: 500px;
}
.navigation-box .row .col-lg-11 a.btn.btn-secondary.continue-shopping {
  border-radius: 20px;
}

@media screen and (min-width: 850px) {
  .navigation-box .row .col-lg-11 {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 992px) {
  .navigation-box .row .col-lg-11 {
    flex: 1;
    max-width: 100%;
  }
  .navigation-box .row .col-lg-11 input.btn.btn-secondary.cancel-order {
    order: unset;
    margin-right: 0;
  }
  .navigation-box .row .col-lg-11 a.btn.btn-secondary.continue-shopping {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .navigation-box .row .col-lg-11 input.btn.btn-primary.navForward {
    width: 100%;
    max-width: 600px;
  }
  .navigation-box .row .col-lg-11 {
    justify-content: space-between;
  }
  .navigation-box .row .col-lg-11 input.btn.btn-secondary.cancel-order {
    margin: 0 2rem;
  }
  .navigation-box .row .col-lg-11 a.btn.btn-secondary.continue-shopping {
    position: absolute;
    top: -50px;
    left: 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .navigation-box .row .col-lg-11 input.btn.btn-primary.navForward {
    max-width: 700px;
  }
}

/* log in with my account page */
.account-box.create-account-box form input.btn.btn-secondary.btn-block {
  border-radius: 20px;
}

/* Delivery Details Page */
#accountContent.col-lg-10 .navigation-box {
  display: flex;
  flex-direction: column;
}
button#contactsLink.btn.btn-link.section-link {
  float: right;
  margin-bottom: 5px;
}

/* My Account Pages */
#recent-transactions.section-box div.alert.attention.alert-info,
div#viewArticle .attention.alert.alert-info.alert-in-content,
div#memberships-box.section-box .attention.alert.alert-info,
#saved-payment-method-box.section-box div.attention.alert.alert-info,
#order-history-box.section-box div.attention.alert.alert-info,
.section-box div.attention.alert.alert-info {
  /* black bar showing user notifications needs white text */
  color: white;
}
.navigation-box #updateButton.navUpdate.btn.btn-primary {
  margin: 1rem 0;
}
.navigation-box #cancelButton.navCancel.btn.btn-secondary {
  border-radius: 20px;
  float: none;
}
@media screen and (min-width: 650px) {
  #accountContent.col-lg-10 .navigation-box {
    flex-direction: row-reverse;
    align-items: center;
  }
  .navigation-box #updateButton.navUpdate.btn.btn-primary {
    width: 70%;
    margin-left: 1rem;
  }
  .navigation-box #cancelButton.navCancel.btn.btn-secondary {
    width: 30%;
  }
}

.change-password-action.no-label-indent input.btn.btn-secondary {
  border-radius: 20px;
}

/* Delivery Details Page */
#frmLoginDelivery .navigation-box.section-box {
  display: flex;
  flex-direction: column-reverse;
}
#frmLoginDelivery .navigation-box.section-box input.btn.btn-secondary {
  border-radius: 20px;
}
#frmLoginDelivery .navigation-box.section-box input#continue.btn.btn-primary {
  margin-right: 0;
  margin-top: 1rem;
}
@media screen and (min-width: 650px) {
  #frmLoginDelivery .navigation-box.section-box {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }
  #frmLoginDelivery .navigation-box.section-box input.btn.btn-secondary {
    width: 30%;
  }
  #frmLoginDelivery .navigation-box.section-box input#continue.btn.btn-primary {
    width: 70%;
    margin-top: 0;
    margin-left: 1rem;
  }
}
/* Billing Info page */
#purchaseBox.navigation-box.section-box {
  display: flex;
  flex-direction: column-reverse;
}
#purchaseBox.navigation-box.section-box input#cancelBtn.btn.btn-secondary {
  border-radius: 20px;
  margin-top: 1rem;
}
@media screen and (min-width: 650px) {
  #purchaseBox.navigation-box.section-box {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }
  #purchaseBox.navigation-box.section-box input#cancelBtn.btn.btn-secondary {
    width: 30%;
    margin-top: 0;
  }
  #purchaseBox.navigation-box.section-box input#buyBtn.btn.btn-primary {
    width: 70%;
    margin-left: 1rem;
    margin-top: 0;
  }
}
#orderContact
  form
  .row
  .gift-card-payment.section-box
  .gift-card-heading.section-box-item {
  padding: 0;
}
#orderContact
  form
  .row
  .order-payment-details.col-lg-8
  #payments
  div.account-box.payment-input-box {
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  #orderContact form .row .order-payment-details.col-lg-8 {
    padding-left: 4rem;
  }
}
/* Order Summary Page */
#viewOrder.bodyDetails
  .row
  .order-items.col-lg-8
  .navigation-box
  input.new-order.btn.btn-primary {
  margin-right: 0;
}
/* Attention popup asking "are you sure" */
#popupDiv_buttonContainer #popupDiv_cancelButton.btn.btn-secondary {
  padding: 7px 15px;
}
#popupDiv_buttonContainer #popupDiv_okayButton.btn.btn-primary {
  width: 70%;
}
/* End check-out process Style Updates */

/* Recommended Item Styling */
.recommended-article{
  display: inline-block;
  flex-direction:row;
  margin-right: 5%;
}
.recommended-article h5{
  max-width:244px;
}
.recommended-article h5 a{
  color:#1e1e1e;
}
.recommended-article .btn.btn-primary {
  text-transform:capitalize;
  margin-top:10px;
}
/* End Recommended Item Styling */

/* HIDING GIFT CARD RELOAD/CHECK BOX ON PURCHASE PAGE */
#giftCertificateDetails .gift-card-box{
  display:none;
}
/* END HIDE */

/* Films A-Z by Ava */
.films-cards-wrapper{
  margin: 1rem 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.films-cards-wrapper .film-card.card{
  border-color: black;
  max-width: 400px;
  margin: 0 auto;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.films-cards-wrapper .film-card.card .card-footer{
  background-color: black;
}
.films-cards-wrapper .film-card.card .card-footer p{
  margin: 0;
}
.films-cards-wrapper .film-card.card .card-footer a.btn{
  display: inline-block;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
}
.films-cards-wrapper .film-card.card .card-footer a.btn:hover, .films-cards-wrapper .film-card.card .card-footer a.btn:active, .films-cards-wrapper .film-card.card .card-footer a.btn:focus{
  color: #ffb800;
}
@media screen and (min-width: 600px){
  .films-cards-wrapper{
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 900px){
  .films-cards-wrapper{
    margin: 2rem 0;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .films-cards-wrapper .film-card.card{
    max-width: unset;
  }
}
@media screen and (min-width: 1400px){
  .films-cards-wrapper{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
/* end of films a-z by Ava */

/* From Aidan at AV fixing streaming links */
.vc{
  width: 150px;
}
/* end of Aidan's fix */

/* Sponsors 2020 Page */
.sponsors-content-wrapper{
  max-width: 1300px;
  display: block;
  margin: 1rem auto;
}
.sponsors-content-wrapper .logos a img{
  padding: 1rem;
  margin: 1rem auto;
  width: 250px;
  display: block;
}


@media screen and (min-width: 600px){
  .sponsors-content-wrapper{
    padding: 0 1rem;
  }
  .sponsors-content-wrapper .row .premier-partner{
    padding-right: 2rem;
  }
  .sponsors-content-wrapper .logos{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
  }
  .sponsors-content-wrapper .logos a img{
    padding: 1rem;
    margin: 0 auto;
  }

}

@media screen and (min-width: 900px){
  .sponsors-content-wrapper .logos a img{
    padding: 2rem;
  }
  .sponsors-content-wrapper .top-row .premier-partner{
    padding-right: 5rem;
  }
  .sponsors-content-wrapper .top-row{
    display: flex;
    /* justify-content: space-between;
    align-items: center; */
  }
  .sponsors-content-wrapper #telus-logo{
    margin-top: 2rem;
  }
}
/* end sponsors 2020 */

/* TID SESSIONS EXPORT */
.tid-content-wrapper{
  max-width: 1300px;
  display: block;
  margin: 0 auto;
}

.tid-content-wrapper .movie-description .movie-shorts,
.amp-content-wrapper .movie-description .movie-shorts{
  display: block;
}

.tid-content-wrapper .movie-description .guest-names,
.amp-content-wrapper .movie-description .guest-names{
  padding: 1rem 0;
}
/* end TID session export */

/* Talks & Masterclasses Export styling */
.talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item{
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px){
  .talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item .item-image{
    width: 100%;
  }
  .talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item .item-description.result-box-item-details{
    width: 100%;
    padding-top: 2rem;
  }
  .talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item .item-link{
    width: 100%;
    padding-top: 1rem;
  }
}
@media screen and (min-width: 992px){
  .talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item .item-image.result-box-item-details{
    margin: 0;
    width: 37%;
  }
  .talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item .item-description.result-box-item-details{
    width: 100%;
    padding-top: 0;
  }
  .talks-text-wrapper .search-results-container .detailed-search-results.results-box .result-box-item .item-link{
    width: 27%;
    padding-top: 0;
  }
}

/* TALKS LANDING PAGE */
/* event date floating FIX */
.talks-text-wrapper .search-results-container form .detailed-search-results.results-box .result-box-item .item-description.result-box-item-details .item-start-date{
  position: static;
}

/* FB share button */
.movie-share{
  padding: 1rem 0;
}


/* Immersed Landing page */
.immersed-links .card .card-footer p a:hover,
.immersed-links .card .card-footer p a:active,
.immersed-links .card .card-footer p a:focus{
  color: #ec008c;
}

/* HIDE SEAT ROW AND NUMBER */
#shoppingCart .seat-row, #shoppingCart .seat-number {
  display:none;
}
/* HIDE SEAT ROW AND NUMBER */

/*ADJUST FONT SIZE IN SEARCH WIDGET*/
.search-results-container .item-venue, .detailed-search-results .item-description.result-box-item-details .item-start-date{
  font-size:inherit;
}
/*ADJUST FONT SIZE IN SEARCH WIDGET*/

/*HIDE HELP SECTION*/
#menuTopItem-help{
  display:none;
}

#menuTopItem1 > .menu-link {
  color:#ffb800;
}

#menuTopItem2 > .menu-link {
  color:#ffb800;
}

/* system-message-block alert error-message */

.message-context div{
  font-weight: bold;
  font-size: 1.2rem;
  color: black;
}

#customerTickets .info-article::before{
  content:'The streaming links and voucher codes for your VIFF Connect films can be found below.\a Just click on the date to expand the list and see all your events.';
  margin: 0 0 10px 0;
  display: block;
}

#customerTickets .info-article::after{
  content:'You can either click the WATCH NOW button to be taken to the event directly or use the voucher code to enter into the log in page of VIFF Connect on any platform (Roku, FireTV, AndroidTV etc). Remember, some events are taking place as livestreams and will not be available until their advertised start time. Enjoy the festival!';
  margin: 10px 0 0 0;
  display: block;
}

/* Awards icon on awards page */
.winner-text::before{
  font-family: "Font Awesome 5 Free";
  font-size: 2rem;
  color: #ffb800;
  content: "\f559";
  margin: 0 10px;
  font-weight: 900;
}

/* moving tertiary item to top on mobile - Ava */
@media screen and (max-width:992px){
  .article-body-container {
    display: flex;
    flex-direction: column;
  }
  .article-container.main-article-body{
    order: 2;
  }
  .article-container.secondary-linked-features{
    order: 3;
  }
  .article-container.tertiary-linked-features{
    order: 1;
  }
}
/* coming to VIFF connect soon text */
.coming-soon-text{
  font-weight: bold;
}
.coming-soon-text::before{
  font-family: "Font AWesome 5 Free";
  font-weight: 900;
  content: "\f26c";
  color: #0956fe;
  padding-right: 10px;
    font-size: 1.5rem;
}

/* HIDING PRICE ZONE - TEMPORARY FIX */
/* #seat-price-zone {
  display:none;
} */
/* END HIDING PRICE ZONE */

/* closure notice styles */
/* .closure-notice{
    border: 1px solid #ffb700c5;
    background-color: #ffb70028;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    margin: 1rem 0;
}
@media screen and (min-width:996px){
  .closure-notice{
    padding: 1rem;
    margin: 1rem 0 1.5rem 0;
}

} */
/* end closure notice */

/* changing CTA text to "RENT" */
#connect .item-link a span{
  display:none;
}
#connect .item-link a:after{
  content:'Rent';
  font-size:1.25rem;
}
/* end */

/* Gift cards page */
.wrapper{
  max-width: 1300px;
  margin: 0 auto;
  display: block;
}
a.btn.gift-card::after{
  color: #000;
  font-family: "Font Awesome 5 Free";
  font-size: 2rem;
  content: "\f06b";
  font-weight: 900;
  padding-left: 1rem;
}
a.btn.gift-card:hover::after{
  color: #fff;
}
/* end gift cards page */

/* Cancel Membership styles */
#account-marketing-data-box{
  width: 100%;
  max-width: 100%;
}
#account-marketing-data-box .form-control{
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width:515px){
  #account-marketing-data-box .form-control{
    width: 55%;
  }
  #account-marketing-data-box .field-label{
    width: 40%;
  }
}
@media screen and (min-width:992px){
  #account-marketing-data-box .form-control{
    width: 63%;
  }
  #account-marketing-data-box .field-label{
    width: 36%;
  }
}
@media screen and (min-width:1300px){
  #account-marketing-data-box .form-control{
    width: 68%;
  }
  #account-marketing-data-box .field-label{
    width: 30%;
  }
}
#account-marketing-data-box h4::after {
  content:"\A \A If you have previously authorized VIFF to automatically renew payments for a membership or a donation, \A you can request to cancel your next upcoming payment by updating your options below. \A \A Don't forget to click 'Apply Changes'.";
  width:75%;
  word-wrap: break-word;
  white-space: pre;
  line-height:1.25;
  font-size:14pt;
}
/* end cancel membership styles */


/* KDOCS 2021 LANDING PAGE */
@media screen and (min-width: 772px){
  .kdocs.partners-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
}
@media screen and (min-width: 992px){
  .kdocs.partners-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1100px){
  .kdocs.partners-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
/* END KDOCS 2021 */

/* PATRONS CIRCLE - MARCH 2021 */
.patrons-circle .card .card-body{
  min-height: auto;
}
.patrons-circle .card-body ul{
  padding-bottom: 6em;
}
@media screen and (min-width: 772px){
  .patrons-circle.card-deck{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1600px){
  .patrons-circle.card-deck{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* end patrons circle */

/* sidebar tertiary - March 17, 2021 */
@media screen and (min-width: 650px){
  .sidebar-tertiary .buttons{
    width: 48%;
    float:left;
    margin-right: 0.5rem;
  }
  .sidebar-tertiary #widget{
    width: 48%;
    float: right;
    margin-left: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .sidebar-tertiary .closure-notice{
    clear: both;
    margin-top: 1em;
  }
}
@media screen and (min-width: 992px){
  .sidebar-tertiary .buttons{
    width: 100%;
    float:none;
    margin-right: 0;
  }
  .sidebar-tertiary #widget{
    width: 100%;
    float:none;
    margin-left: 0;
    /* margin-bottom: 0; */
  }
  .sidebar-tertiary .closure-notice{
    clear: both;
    margin-top: 0;
  }
}
/* end sidebar tertiary */

/* secondary nav - March 17, 2021 */
#header #secNav{
  display: none;
}
/* @media screen and (min-width: 992px){
  #header #secNav{
    display: block;
    position: absolute;
      z-index: 9999999;
  }
} */
/* end secondary nav */

/* login widget tertiary */
.login-widget form{
  max-width: 300px;
}
.login-widget form .form-group{
  position: relative;
}
.login-widget form .form-group label{
  padding-left: 12px;
}
.login-widget form .form-group .required{
  position: absolute;
  top: 0;
  left: -7px;
}

.login-widget form .login-submit{
  /* float: right;
  margin-top: 0; */
  /* border-radius: 0.25rem; */
  border-radius: 20px;
}
.login-widget form .login-submit:hover,.login-widget form .login-submit:active,.login-widget form .login-submit:focus{
  background-color: #ffb800;
  color: #000;
}
/* end login widget */

/* AV update fix March 24, 2021*/

/* performance widget fix */
.search-results-container{
  margin-bottom: 1rem;
}
@media screen and (min-width: 515px){
  .standard-search-results .result-box-item, .detailed-search-results .result-box-item {
    display: block !important;
    margin-bottom: 3rem;
  }
  .standard-search-results .result-box-item .availability-indicator, .detailed-search-results .result-box-item .availability-indicator {
    display: block;
}
.standard-search-results .result-box-item > *:not(:first-child), .detailed-search-results .result-box-item > *:not(:first-child){
  margin-left: 0 !important;
  /* margin-bottom: 2rem !important; */
  margin-bottom: 1rem !important;
}
}
@media screen and (min-width: 992px){
  .standard-search-results .result-box-item, .detailed-search-results .result-box-item {
    display: flex !important;
    align-items: center;
  }
  .standard-search-results .result-box-item > *:not(:first-child), .detailed-search-results .result-box-item > *:not(:first-child){
    margin-left: 10px !important;
    margin-bottom: 0 !important;
  }
  .standard-search-results .result-box-item .availability-indicator, .detailed-search-results .result-box-item .availability-indicator {
    position: absolute;
    right: 0;
    /* top: 25%; */
    top: 1rem;
    width: 25%;
}
}
/* @media screen and (min-width: 1050px){
  .standard-search-results .result-box-item .availability-indicator, .detailed-search-results .result-box-item .availability-indicator {
    top: 20%;
}
}
@media screen and (min-width: 1450px){
  .standard-search-results .result-box-item .availability-indicator, .detailed-search-results .result-box-item .availability-indicator {
    top: 18%;
}
}
@media screen and (min-width: 1600px){
  .standard-search-results .result-box-item .availability-indicator, .detailed-search-results .result-box-item .availability-indicator {
    top: 13%;
}
} */
/* ticket widget fix */
#tickets .availability-indicator{
  text-align: right;
}

#tickets .availability-indicator .availability-label,#tickets .availability-indicator .availability-text{
  color: black;
}

@media screen and (min-width: 992px){
  #tickets .availability-indicator{
    /* top: -4.5rem; */
    top: -3.5rem;
    right: 0.5rem;
  }
  #tickets .result-box-item .item-start-date{
    width: 100%;
  }
  #tickets .geolocation-text{
    width: 85%;
  }
}
/* connect add on free for memebers */
.connect-advert{
  margin: 3% auto;
}
.connect-advert.large-screens{
  display: none;
}
@media screen and (min-width: 992px){
  .connect-advert.mobile-only{
    display: none;
  }
  .connect-advert.large-screens{
    display: block;
  }
}

/* end AV update fix */

/* fake perfomance */
.fake-performance .result-box-item .item-link.result-box-item-details{
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px){
  .fake-performance.second .item-image.result-box-item-details{
    margin-top: 6rem;
  }
}
@media screen and (min-width: 992px){
  .fake-performance.second .item-image.result-box-item-details{
    margin-top: 0;
  }
}
/* end fake performance */

/* Utility Nav */
.menuContainer.utility-nav ul li a {
  padding: 8px 10px;
}
#utility-menu .utility-menu-item .menu_item{
  color: #fff;
}
#utility-menu .utility-menu-item .menu_item:hover, #utility-menu .utility-menu-item .menu_item:active,#utility-menu .utility-menu-item .menu_item:focus,#utility-menu .utility-menu-item .menu_item.dropdown-toggle-split:hover,#utility-menu .utility-menu-item .menu_item.dropdown-toggle-split:active, #utility-menu .utility-menu-item .menu_item.dropdown-toggle-split:focus{
  color: #ffb800 !important;
}
#utility-menu-item-logout a {
  color: #ffb800;

}
#utility-menu-item-logout a:hover,#utility-menu-item-logout a:active, #utility-menu-item-logout a:focus {
  color: white !important;
}
#utility-menu{
  flex-direction: column-reverse;
}
.utility-menu-item{
  display: flex;
  align-items: center;
}
#customer-utilities.customer-options.d-block{
  display: flex !important;
  flex-direction: column-reverse;
}

@media screen and (min-width: 992px) {
  #customer-utilities{
    flex-direction: row;
  }
  .menuContainer.utility-nav li a{
    font-size: 0.9rem;
  }
  .menuContainer.utility-nav {
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    top: 5px;
    /* left: 1rem; */
    left: 0.75rem;
  }
  #utility-menu{
    flex-direction: row-reverse;
  }
  .menuContainer.utility-nav:hover {
    color: #ed1c24;
  }

  .utility-sub-menu.dropdown-menu a{
    color: #000 !important;
  }
}
@media screen and (min-width: 1200px){
  .menuContainer.utility-nav li a{
    font-size: 1rem;
  }
  .menuContainer.utility-nav {
    left: 2.8rem;
  }
}
/* end utility Nav */
/* purchase process css fixes April 2021 */
#select_seats #seat-price-zone.item-box .item-box-item,
#select_seats #seat-quantity.item-box .item-box-item{
  display: flex;
}
#select_seats #seat-price-zone.item-box .item-box-item .item-box-item-details,
#select_seats #seat-quantity.item-box .item-box-item .item-box-item-details{
  width: 50%;
}
#select_seats #seat-price-zone.item-box .item-box-item .item-box-item-details .price-zone-amount{
  margin-top: 16px;
}
#select_seats #seat-price-zone.item-box .item-box-item .item-box-item-details.price-zone-option .price-zone-color,
#select_seats #seat-price-zone.item-box .item-box-item .item-box-item-details.price-zone-option .zone-label{
  margin-top: 18px;
}
/* #select_seats #seat-price-zone.item-box .item-box-item .item-box-item-details .price-zone-amount:first-of-type{
  margin-top: 0;
} */
.item-box-item-details.price-zone-option {
  border-bottom: none;
}
.item-box-item .pricetype-desc-label-best{
  display: none;
}
.item-box-item-details.price-zone-option > span {
  margin-top: 16px;
  margin-left: 8px;
  display: inline-block;
}
@media screen and (min-width: 768px){
  .item-box-item-details.price-zone-option > span {
    margin-top: 18px;
    width: auto;
  }
  #select_seats #seat-price-zone.item-box .item-box-item .item-box-item-details.price-zone-option{
    width: 50%;
  }
  #select_seats #seat-price-zone.item-box .item-box-item .item-box-item-details{
    width: 100%;
  }
}

#shoppingCart .order-items.order-admissions.section-box .order-performance.row h4.item-short-description button{
  background-color: transparent;
  color: #0956fe;
}
#shoppingCart .order-items.order-admissions.section-box .order-performance.row h4.item-short-description button:hover, #shoppingCart .order-items.order-admissions.section-box .order-performance.row h4.item-short-description button:active,#shoppingCart .order-items.order-admissions.section-box .order-performance.row h4.item-short-description button:focus{
  color: #000;
  text-decoration: underline;
}
/* end purchase process */

/* VIFF+/DOXA widget styles - April 2021 */
#avWidget_FEF14A99-5D6F-41E5-9484-B8C148E37BE7_IDFM2ASQTGY5YSCBJUZHVVAYUB0BN3WGE0G2F3RJB1ECEP1EVBKDDB .search-results-container .result-box-item .item-image.result-box-item-details{
  display: none;
}
#avWidget_88AF5CD5-48FE-4397-B96B-59ECD5E2E6A5_IDOYSFXAIRL40ADPXHLDHVGUUFREHIU5DTRBPDBBE23CWRM4ND5VCK .search-results-container .result-box-item .item-image.result-box-item-details{
  display: none;
}
@media screen and (min-width: 768px){
  #avWidget_FEF14A99-5D6F-41E5-9484-B8C148E37BE7_IDFM2ASQTGY5YSCBJUZHVVAYUB0BN3WGE0G2F3RJB1ECEP1EVBKDDB .detailed-search-results .item-description.result-box-item-details{
    width: 100%;
  }
  #avWidget_88AF5CD5-48FE-4397-B96B-59ECD5E2E6A5_IDOYSFXAIRL40ADPXHLDHVGUUFREHIU5DTRBPDBBE23CWRM4ND5VCK .detailed-search-results .item-description.result-box-item-details{
    width: 100%;
  }
}
/* end VIFF+/DOXA widget styles */
/* My Account- Check gift card balance button styles */
#accountNav #listItem_checkGiftBalance button{
  background-color: transparent;
}
#accountNav #listItem_checkGiftBalance button:hover{
  background-color: #000;
  color: #ffb800;
  border-right: 2px solid #ffb800;
}
#accountNav #listItem_checkGiftBalance button:focus{
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  text-decoration: underline;
}

.popupDetails .navigation-box .btn.btn-primary{
  margin-bottom: 1rem;
}
/* end gift card balance button styles */

/* "filter by" styles */
.filter-container{
  /* border-top: 1px solid lightgray; */
  border-bottom: 1px solid lightgray;
  margin: 0 auto;
  max-width: 1400px;
}
.filter-container h4{
  margin-top: 1rem;
}
.filter-container ul li{
  list-style: none;
  font-size: 1.2rem;
  padding: 6px 0;
}
@media screen and (min-width: 550px){
  .filter-container ul{
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 768px){
  .filter-container ul{
    grid-template-columns: repeat(3, 1fr);
  }
}
/* @media screen and (min-width: 992px){
  .filter-container ul{
    grid-template-columns: repeat(4, 1fr);
  }
} */
@media screen and (min-width: 1350px){
  .filter-container ul{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* end filter */
/* new conference html - April 2021 */
.conference .day-schedule{
  margin-bottom: 4rem;
}
.conference .day-schedule h2{
  font-size: 1.7rem;
  position: relative;
}
.conference .day-schedule h2 .fa-chevron-down{
  position: absolute;
  right: 0;
}
.conference .day-schedule h2 a{
  border-bottom: 3px solid #ffb800;
  padding-bottom: 4px;
  color: #000;
  display: block;
}
/* .conference .day-schedule h2 a:hover, .conference .day-schedule h2 a:active,.conference .day-schedule h2 a:focus{
  text-decoration: underline;
  color: #ffb800;
} */
.conference .day-schedule .session{
  margin: 2rem 0;
}
.conference .day-schedule .session h3{
  font-size: 1.5rem;
}
.conference .projects .card{
  padding: 1rem;
  border: 1px solid grey;
  box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);

}
.conference .session .logo{
  margin-bottom: 1rem;
}
.conference .session .logo h5{
  font-size: 0.65rem;
}
.conference .session .logo img{
  transition: all 0.2s ease-in-out;
  filter: grayscale(100%);
  max-width: 110px;
}
.conference .session .logo a:hover img{
  transform: scale(1.2);
  filter: grayscale(0);
}
.conference .projects .card-img-top{
  margin-bottom: 10px;
}
.conference .projects .container{
  padding: 0;
}
.conference .projects .container h4 a{
  color: #000;
  display: block;
  position: relative;
  font-size: 1.2rem;
}
.conference .projects .container h4 a .fa-chevron-down{
  color: #ffb800;
  position: absolute;
  right: 0;
  margin-right: 8px;
}
.conference .projects .container h4 a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
} 
.conference .projects .container .director{
  color: #323232;
  font-weight: lighter;
      font-size: 1em;
      text-transform: uppercase;
}
.conference .day-schedule h2 a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
}
.conference-date{
  font-size: 30px;
}
.conference-venue{
  font-size: 22px;
}
.breadcrumb{
  background-color: transparent;
}
@media screen and (min-width:650px) {
  .conference .session .logo img{
    max-width: 120px;
  }
}
@media screen and (min-width:992px) {
  .conference .session .logo img{
    max-width: 140px;
  }
}
@media screen and (min-width:1500px) {
  .conference .session .logo img{
    max-width: 150px;
  }
}
/* end conference */

/* Venue Rentals 2021 */
.venues-container table thead tr{
  border-bottom: 1px solid grey;
}
.venues-container h4{
  position: relative;
}
.venues-container h4 a{
color: #000;
}
.venues-container h4 a:hover, .venues-container h4 a:active, .venues-container h4 a:focus,
.venues-container h4 a:hover svg, .venues-container h4 a:active svg, .venues-container h4 a:focus svg{
  color:#323232;
}

.venues-container h4 a svg{
position: absolute;
right: 0;
color: #ffb800;
}
.venues-container h4 a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
}
@media screen and (min-width: 768px){
  .venues-container table tr td:first-of-type{
    width: 20%;
  }
  .venues-container table.narrow tr td:first-of-type{
    width: 50%;
  }
}
@media screen and (min-width: 992px){
  .venue-images .card.second{
  margin-bottom: 13px;
  }
}
@media screen and (min-width: 1200px){
  .venue-images .card.second{
  margin-bottom: 16px;
  }
}
@media screen and (min-width: 1400px){
  .venue-images .card.second{
  margin-bottom: 20px;
  }
}

/* end venue rentals */
/* content advisory */
.content-advisory-box .fa-exclamation-circle{
  font-size: 2.8rem;
  padding-top: 7px;
}
/* end content advisory */

/* TA AMP 2021 by Ava */
.ta.faq .fa-chevron-down{
  color: #ffb800;
}
.ta.faq a:hover .fa-chevron-down, .ta.faq a:active .fa-chevron-down, .ta.faq a:focus .fa-chevron-down{
  color: #0956fe;
}
.ta-testimonials .card{
  margin: 0.5rem 1rem;
  max-width: 400px;
  border: none;
  background-color: rgba(0,0,0,0.05);
}
.ta-testimonials .row{
  justify-content: center;
}
@media screen and (min-width:576px){
  .ta-testimonials .row .card:nth-of-type(odd){
    margin-right: 160px;
  }
  .ta-testimonials .row .card:nth-of-type(even){
    margin-left: 160px;
  }
}
@media screen and (min-width:700px){
  .ta-testimonials .row .card:nth-of-type(odd){
    margin-right: 190px;
  }
  .ta-testimonials .row .card:nth-of-type(even){
    margin-left: 190px;
  }
}
@media screen and (min-width:1076px){
  .ta-testimonials .row .card:nth-of-type(odd){
    margin: 0.5rem 1rem;
  }
  .ta-testimonials .row .card:nth-of-type(even){
    margin: 0.5rem 1rem;
  }
  .ta-testimonials .row .card p{
    margin-bottom: 0;
  }
  .ta-testimonials .row .card img{
  height: 100%;
  }
}
/* End AMP TA */


/* pricing cards - Box Office VIFF 2021 */
.viff2021-pricing h1{
  font-size: 2rem;
 }
 .viff2021-pricing.pricing-cards .section{
  margin-bottom: 40px;
}
 .pricing-cards .card-title{
   border-bottom: 3px solid #ffb800;
   padding-bottom: 10px;
 }
.pricing-cards .card-title .small-text{
  font-size: 1.1rem;
  font-weight: normal;
}
.pricing-cards .card{
  border-color: black;
  /* margin: 1rem 0; */
  margin: 1.5rem 1rem;
  width: 100%;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.pricing-cards table th {
  border-top: none !important;
}
.pricing-cards .card-body .copy p{
  font-size:1rem;
}
.pricing-cards .card-body{
  margin-bottom: 4rem;
}
.pricing-cards .card-body .collapse-text{
  position: relative;
  font-size: 1rem;
  margin-bottom: 2rem;
}
.pricing-cards .card-body .collapse-text .fa-chevron-down{
  position: absolute;
  right: 0;
  top: 5px;
  margin-left: 8px;
}
.pricing-cards .card-body .collapse-text a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
}
/* .pricing-cards .card-body .collapse{
  margin-bottom: 3rem;
} */
.pricing-cards .card-body .btn.btn-primary{
  /* max-width: 400px; */
  max-width: 90%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
}
@media screen and (min-width:550px){
  .pricing-cards .card-body .btn.btn-primary{
    /* max-width: 400px; */
    max-width: 320px;
  }
}
@media screen and (min-width:768px){
  /* .pricing-cards{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  .pricing-cards .card{
    margin: 0;
  } */
  .pricing-cards .card-body .btn.btn-primary{
    max-width: 280px;
  }
  .pricing-cards .section .row{
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .pricing-cards .card{
    /* margin: 1rem 0; */
    margin: 1rem;
    width: 40%;
  }
}
@media screen and (min-width:992px){
  .viff2021-pricing h1{
    font-size: 2.3rem;
   }
  /* .pricing-cards{
    grid-gap: 2rem;
  } */
  .viff2021-pricing.pricing-cards .section{
    margin-bottom: 80px;
  }
  /* .pricing-cards .card{
    width: 40%;
    margin: 0 1rem;
  } */
}
/* end Box Office */

/* trying new gallery grid - CE collages VIFF 2021 */
.gallery-grid-wrapper{
  margin: 50px 0;
  display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
}
@media screen and (min-width:768px) {
  .gallery-grid-wrapper{
    grid-gap: 20px;
  }
}
@media screen and (min-width:1400px) {
  .gallery-grid-wrapper{
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
.gallery-grid-wrapper > div{
  display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-grid-wrapper img{
  width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.gallery-grid-wrapper .tall{
	grid-row: span 2;
}
.gallery-grid-wrapper .wide{
	grid-column: span 2;
}
.gallery-grid-wrapper .big{
	grid-column: span 2;
	grid-row: span 2;
}
/* end gallery grid */

/* image/text container - amp-speaker v1 July 14, 2021*/
@media screen and (min-width:768px){
  .image-text-container.row p{
    text-align: justify;
  }
  .image-text-container.row .image-wrapper img{
    max-height: 300px;
    float: right;
  }
  .image-text-container.row .image-wrapper p{
    float: right;
  }
}
/* end image/text container */

/* 2021-sidebar - useful links & contact sidebars*/
.sidebar2021 .useful-links a:hover,.sidebar2021 .useful-links a:active,.sidebar2021 .useful-links a:focus{
  border-bottom: solid 3px #ffb800;
}
.sidebar2021.contact .desktop{
  display: none;
}
@media screen and (min-width:600px) {
  .sidebar2021,
  .sidebar2021.contact .mobile{
    display: flex;
    justify-content: space-between;
  }

  .sidebar2021 .widget-wrapper{
    flex-grow: 1;
  }
  .sidebar2021 .useful-links{
    margin-left: 3rem;
    text-align: right;
  }
  .sidebar2021.contact .text{
    margin-right: 2rem;
    flex: 1;
  }
  .sidebar2021.contact .map{
    flex: 1;
  }
}
@media screen and (min-width:992px){
  .sidebar2021{
    display: block;
  }
  .sidebar2021 .useful-links{
    margin-left: 0;
  }
  .sidebar2021.contact .text{
    margin-right: 0;
  }
  .sidebar2021.contact .mobile{
    display: none;
  }
  .sidebar2021.contact .desktop{
    display: block;
  }
} 
/* end 2021-sidebar */

/* in-cinema widget */
#in-cinema .search-results-container form .grid-search-results .grid-result .item-description .item-start-date .start-date-label{
  display: none;
}
/* #in-cinema .search-results-container form .grid-search-results .grid-result .item-description .item-start-date .start-date-label::after{
  content: "Screening date";
  font-weight: bold;
} */

#in-cinema .search-results-container form .grid-search-results .grid-result .item-description .item-start-date .start-date::before{
  content: "Screening date:";
  font-weight: bold;
  padding-right: 5px;
}
/* end in-cinema widget */

/* pricezone & ticket quantity */
form#select_seats{
  display: flex;
  flex-direction: column;
}

form#select_seats #seat-quantity.item-box{
order: 2;
}

form#select_seats .navigation-box.item-select-navigation.item-box{
  order: 3;
}

@media screen and (min-width:992px) {
  .venue-image-column.av-left, .select-tickets-column.av-left, .misc-item-image-column.av-left, .select-misc-item-column.av-left {
    width: 55%;
    max-width: 55% !important;
  }
}

/* end pricezone & ticket quantity */

/* plan your visit */
.plan-your-visit h3 a{
  color: #000;
  position: relative;
  display: block;
}
.plan-your-visit h3 a:hover,.plan-your-visit h3 a:active,.plan-your-visit h3 a:focus{
  color: #323232;
}
.plan-your-visit h3 a .fa-chevron-down{
  position: absolute;
  right: 0;
  margin-right: 8px;
}
.plan-your-visit h3 a[aria-expanded="true"] .fa-chevron-down,
.plan-your-visit #festival-venues-info .card-text a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
} 
.plan-your-visit .festival-venues-info .card{
  border-color: black;
  box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);
}
.plan-your-visit .festival-venues-info .card-text{
  margin-top: 2rem;
}
.plan-your-visit .festival-venues-info .card .fa-map-marker-alt{
  margin-right: 6px;
}

@media screen and (min-width:576px){
  .plan-your-visit .festival-venues-info .card{
    min-width: 50% !important;
    margin: 1rem;
  }
}

@media screen and (min-width:768px){
  .plan-your-visit .festival-venues-info .card{
    min-width: 35% !important;
  }
  .plan-your-visit .festival-prices.pricing-cards .card{
    width: 46%;
  }
}
@media screen and (min-width:992px) {
  .plan-your-visit .table{
    max-width: 400px;
  }
  .plan-your-visit .festival-venues-info .card{
    min-width: 30% !important;
  }
  .plan-your-visit .festival-prices.pricing-cards table{
    max-width: 100%;
  }
  .plan-your-visit .festival-prices.pricing-cards .card{
    width: 100%;
  }
}
@media screen and (min-width:1150px){
  .plan-your-visit .festival-prices.pricing-cards .card{
    width: 45%;
  }
}
/* end plan your visit */


/* Donate Gift Widget styles - Summer 2021 Campaign
styling for 5 items */

#donateGiftWidget .grid-result .item-description{
  margin-bottom: 1.5rem;
}
#donateGiftWidget .btn.btn-primary{
  background-color: #00d298;
}
#donateGiftWidget .btn.btn-primary:hover,
#donateGiftWidget .btn.btn-primary:active,
#donateGiftWidget .btn.btn-primary:focus{
  background-color: #000;
}
@media screen and (min-width:515px) {
  #donateGiftWidget .grid-result .item-description{
    margin-bottom: 4rem;
  }
}
@media screen and (min-width:768px) {
  #donateGiftWidget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
  }
}

@media screen and (min-width:992px) {
  #donateGiftWidget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (min-width:1400px) {
  #donateGiftWidget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width:1600px) {
  #donateGiftWidget .grid-search-results{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 1rem;
  }
}
/* end Donate Gift Widget styles */
/* donate 2021 */
.donate-2021 h4{
  position: relative;
  margin: 1.4rem 0;
}
.donate-2021 h4 a,.donate-2021 h4 a:hover .fa-chevron-down,.donate-2021 h4 a:focus .fa-chevron-down{
  color: #000;
}
.donate-2021 h4 a:hover,.donate-2021 h4 a:active,.donate-2021 h4 a:focus{
  color: #00d298;
}

.donate-2021 h4 a .fa-chevron-down{
  color: #00d298;
  position: absolute;
  right: 1rem;
}

.donate-2021 h4 a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
}
.donate-2021 .collapse{
  margin-bottom: 50px;
}
/* end donate 2021 */
/* Volunteer pages 2021 by Ava */
.volunteer-wrapper{
  margin-bottom: 60px;
}

.volunteer-wrapper .volunteer-border-bottom{
  border-bottom: 3px solid #a237bc;
  margin-bottom: 2rem;
}
.volunteer-wrapper .purple-text{
  color: #a237bc;
}
.volunteer-wrapper .volunteer-style-list li{
  font-family: "Neue Haas Unica W04 Black", "Helvetica", "Arial", "sans-serif";
}
.volunteer-wrapper .volunteer-style-list .step-text,
.volunteer-wrapper .volunteer-style-list ul li{
  font-family: "Inter", "Helvetica", "Arial", "sans-serif";
  font-size: 1rem;
}
.volunteer-wrapper .role-info-wrapper{
margin: 1rem 0;
/* border-bottom: 1px solid rgba(0,0,0,.125); */
padding: 1rem 0;
}
.volunteer-wrapper .role-info-wrapper .info{
  border-bottom: 1px solid rgba(0,0,0,.25);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.volunteer-wrapper .role-info-wrapper .info p:first-of-type{
  margin-top: 1rem;
}
.volunteer-wrapper .role-title{
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0 !important;
}
.volunteer-wrapper .role-title .fa-chevron-down{
  position: absolute;
  right: 0;
}
.volunteer-wrapper .role-title a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
}
.volunteer-wrapper table td,.volunteer-wrapper table th{
  text-align: center;
}
.volunteer-wrapper table tr:first-of-type th{
  background-color: #dee2e6;
}
.volunteer-wrapper .fa-check{
  color: green;
}
.volunteer-wrapper .fa-times{
  color: red;
}
@media screen and (min-width:992px) {
  .volunteer-wrapper .role-title{
    font-size: 1.4rem;
  }
  .volunteer-wrapper .info-section{
  padding-top: 50px;
}
}
/* end  Volunteer pages 2021*/

/* early bird day */
.early-bird-day table tr td{
  width: 35%;
  max-width: 35%;
}
.early-bird-day table .collapse{
  max-width: 100%;
}
.early-bird-day table .fa-chevron-down{
  margin-left: 8px;
}

.early-bird-day table tr td a[aria-expanded="true"] .fa-chevron-down{
  transform: rotate(180deg);
}

/* end early bird day */

/* No image Widget */
#NoImageWidget .item-image{
  display: none !important;
}
#NoImageWidget .result-box-item{
  margin-bottom: 1.5rem;
}
#NoImageWidget .item-link.result-box-item-details{
  width: 60% !important;
  display: block;
  margin: 0 auto;
}

@media screen and (min-width:515px) {
  #NoImageWidget .item-link.result-box-item-details{
    float: none !important;
    width: 100% !important;
  }
  #NoImageWidget .result-box-item{
    margin-bottom: 0;
  }
}
@media screen and (min-width:768px) {
  #NoImageWidget .item-link.result-box-item-details{
    margin-top: 1rem;
  }
  #NoImageWidget .item-description{
    width: 100%;
  }
  #NoImageWidget .item-link.result-box-item-details .btn.btn-primary{
    float: none;
    width: 40% !important;
  }
}
@media screen and (min-width:992px){
  #NoImageWidget .item-link.result-box-item-details{
    width: 30% !important;
    margin-top: 0;
  }
  #NoImageWidget .result-box-item{
    margin-bottom: 1.5rem;
  }
  #NoImageWidget .item-link.result-box-item-details .btn.btn-primary{
    width: 100% !important;
  }
}
#NoImageWidget.AMP .detailed-search-results.results-box{
  display: flex;
  flex-direction: column-reverse;
}


/* end no image widget */

/* header image with CTA */
#volunteerHeaderCTA{
  position: relative;
}
#volunteerHeaderCTA a.btn.btn-primary{
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  max-width: 75%;
}
@media screen and (min-width: 576px){
  #volunteerHeaderCTA a.btn.btn-primary{
    font-size: 1rem;
    max-width: 333px;
  }
}
@media screen and (min-width: 768px){
  #volunteerHeaderCTA a.btn.btn-primary{
    bottom: 2rem;
  }
}
@media screen and (min-width: 992px){
  #volunteerHeaderCTA a.btn.btn-primary{
    font-size: 1.2rem;
    bottom: 3rem;
  }
}
@media screen and (min-width:1200px){
  #volunteerHeaderCTA a.btn.btn-primary{
    bottom: 5rem;
    max-width: 450px;
  }
}
/* end header image with CTA */

/* VIFF 2021 MOVIE ARTICLE */
.article-body-container .movie-article .row-media .col-xs-4.col-sm-4.col-md-4.col-lg-4{
  max-width: 180px;
}
@media screen and (min-width:1500px) {
  .article-body-container .movie-article .row-media .col-xs-4.col-sm-4.col-md-4.col-lg-4{
    max-width: 200px;
  }
}
.article-body-container .movie-article .media-partners{
  margin-bottom: 1rem;
}

/* No Book Button Widget */
#noBookButtonWidget .detailed-search-results.results-box .result-box-item .availability-indicator,
#noBookButtonWidget .detailed-search-results.results-box .result-box-item .item-link.result-box-item-details{
  display: none;
}
/* #noBookButtonWidget .detailed-search-results.results-box .result-box-item .availability-indicator,
#noBookButtonWidget .detailed-search-results.results-box .result-box-item .item-link.result-box-item-details,
#noBookButtonWidget .detailed-search-results.results-box .result-box-item .item-description.result-box-item-details .item-start-date,
#noBookButtonWidget .detailed-search-results.results-box .result-box-item .item-description.result-box-item-details .item-end-date,
#noBookButtonWidget .detailed-search-results.results-box .result-box-item .item-description.result-box-item-details .item-venue{
  display: none;
} */

/* FESTIVAL SIDEBAR */
.festival-sidebar .festival-links a:hover{
  border-bottom: 3px solid #ffb800;
}
@media screen and (min-width:678px) {
  .festival-sidebar .calendar-login{
    display: flex;
  }
  .festival-sidebar.plan-your-festival-sidebar{
    display: flex;
  }
  .festival-sidebar .calendar{
    margin-right: 1.5rem;
    width: 55%;
  }
  .festival-sidebar.plan-your-festival-sidebar .festival-links{
    margin-left: 4.5rem;
  }
}
@media screen and (min-width:992px) {
  .festival-sidebar .calendar-login{
    display: block;
  }
  .festival-sidebar .calendar{
    margin-right: 0;
    width: 100%;
  }
  .festival-sidebar.plan-your-festival-sidebar{
    display: block;
  }
  .festival-sidebar.plan-your-festival-sidebar .festival-links{
    margin-left:0;
  }
}

/* LEADING LIGHTS TICKET WIDGET */
.movie-tickets.leading-lights-talk#tickets .search-results-container .detailed-search-results.results-box .result-box-item .item-image.result-box-item-details,.movie-tickets.leading-lights-talk#tickets .search-results-container .detailed-search-results.results-box .result-box-item .item-description.result-box-item-details .item-name{
  display: block;
}
.movie-tickets.leading-lights-talk#tickets .item-description.result-box-item-details .item-name a{
  color: #0956fe;
}
.movie-tickets.leading-lights-talk#tickets .item-description.result-box-item-details .item-name a:hover,
.movie-tickets.leading-lights-talk#tickets .item-description.result-box-item-details .item-name a:active,
.movie-tickets.leading-lights-talk#tickets .item-description.result-box-item-details .item-name a:focus{
  color: #000;
}

@media (min-width: 768px){
  .movie-tickets.leading-lights-talk#tickets .detailed-search-results.results-box .result-box-item .item-link.result-box-item-details{
    width: 100% !important;
  }
  .movie-tickets.leading-lights-talk#tickets .detailed-search-results.results-box .result-box-item .item-start-date{
    width: 100%;
  }
  .movie-tickets.leading-lights-talk#tickets .detailed-search-results.results-box .result-box-item .item-image.result-box-item-details{
    margin-right: 1rem;
  }
  .movie-tickets.leading-lights-talk#tickets .detailed-search-results.results-box .result-box-item .availability-indicator{
    display: none;
  }
}
@media (min-width: 992px){
  .movie-tickets.leading-lights-talk#tickets .detailed-search-results.results-box .result-box-item .item-link.result-box-item-details{
    width: 250px !important;
  }
  .movie-tickets.leading-lights-talk#tickets .detailed-search-results.results-box .result-box-item .availability-indicator{
    display: block;
    top: -1rem;
  }
}
@media (min-width: 1300px){
  .movie-tickets.leading-lights-talk#tickets .detailed-search-results.results-box .result-box-item .availability-indicator{
    top: -1.5rem;
  }
}