/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.2.1
* Docs at http://davidtheclark.github.io/scut
*/
/*text*/
body {
  font-family: 'Neue Helvetica eText W04',helvetica,arial,sans-serif;
  font-weight: 400;
  color: #333; }

#main {
  font-size: 0.9375em;
  /*15px*/ }

/*mq-sass plugin to aid responsive*/
/*
.responsive {
    // Apply styling to mobile and upwards
    @include mq($from: mobile) {
        color: red;
    }
    // Apply styling up to devices smaller than tablets (exclude tablets)
    @include mq($to: tablet) {
        color: blue;
    }
    // Same thing, in landscape orientation
    @include mq($to: tablet, $and: '(orientation: landscape)') {
        color: hotpink;
    }
    // Apply styling to tablets up to desktop (exclude desktop)
    @include mq(tablet, desktop) {
        color: green;
    }
}
*/
/*for dev only, comment out!!*/
/*$mq-show-breakpoints: (mobile, mobilel, narrow, tablet, desktop, wide);*/
/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3
 *
 * http://geedmo.github.com/yamm3
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static; }

.yamm .container {
  position: relative; }

.yamm .dropdown-menu {
  left: auto; }

.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0; }

.yamm .yamm-content {
  padding: 20px 30px; }

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0; }

/*text*/
.sidebar h4, #main .content h4, .segment h3, .colour .btn, .block .date, .slide-item .more, #grid .block-cal h2, .yamm-content h4, .yamm-content .more {
  font-family: 'Neue Helvetica eText W01',helvetica,arial,sans-serif;
  font-weight: 700; }

/*
use for italic:; font-family:'Neue Helvetica eText W02'; font-weight: 400;
*/
header .navbar, .flag, footer h3, button, .btn, .content h3, .sidebar h4, .extra h3, .more, .info h3, .blog .date, #grid .caption, .segment .date, table.cal caption, .yamm-content .cta {
  text-transform: uppercase; }

/*headings*/
h1 {
  margin: 0.57143em 0 0.3em;
  font-size: 1.66667em;
  line-height: 1.14286em; }
  @media all and (min-width: 48em) {
    h1 {
      font-size: 2.33333em;
      line-height: 1.28571em; } }

h1.top {
  margin: 0 0 0.5em; }

h2, .sidebar h3 {
  margin-bottom: 0.5em;
  font-size: 1.26667em;
  line-height: 1.31579em; }
  @media all and (min-width: 48em) {
    h2, .sidebar h3 {
      font-size: 1.6em;
      line-height: 1.33333em; } }

h3 {
  font-size: 1.33333em;
  line-height: 1.65em;
  margin-bottom: 0.5em; }

#main .content h3, .segment h3 {
  font-size: 1em; }

h4, #main .extra h3 {
  font-size: 1em;
  line-height: 1.6875em;
  margin-bottom: 0; }

footer h3 {
  font-size: 1.5em;
  line-height: 1.25em;
  margin: 1.08333em 0 1.25em; }

/*links, buttons, bs overrides*/
.lead {
  font-size: 1.33333em; }

.content p, .content ul, .content ol {
  margin-bottom: 27px; }

.content ul {
  padding-left: 20px; }

.btn, .btn-lg, .pagination, .pagination a, .pagination span, .well, .well-lg, .well-sm {
  border-radius: 0 !important; }

.well, .well-lg, .well-sm {
  border: 0; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #46b9c3; }

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  border-color: #80cfd6; }

a {
  color: #80cfd6; }

a:hover, a:active, a:focus {
  text-decoration: none;
  color: #46b9c3; }

.content a, .sidebar h4 a {
  color: #333;
  border-bottom: 1px solid #333; }

.content a:hover, .sidebar h4 a:hover {
  border-bottom: 0; }

/*button, .btn,*/
.flag {
  background-color: #80cfd6; }

/*a.btn, a.btn:hover, a.btn:active, a.btn:focus,*/
.flag, .flag:hover, .flag:focus {
  color: #fff; }

.flag {
  display: inline-block;
  padding: 0 20px 0 0; }

.branding .flag {
  padding-right: 15px; }

.branding .flag .tri, .navbar-fixed-top .tri {
  margin-right: 10px; }

a.btn:hover, a.btn:active, a.btn:focus, .flag:hover, .flag:focus {
  background-color: #46b9c3; }

.more:after {
  content: '\00a0\2192'; }

/*header*/
.branding {
  padding-top: 10px;
  padding-bottom: 10px; }
  @media all and (min-width: 48em) {
    .branding {
      padding-top: 30px;
      padding-bottom: 30px; } }

header {
  margin-bottom: 22px; }

@media all and (min-width: 30em) {
  header .logo img {
    margin-left: 20px; } }

.logo img.logo-mini {
  display: none; }
  @media all and (max-width: 34.365em) {
    .logo img.logo-mini {
      display: inline; } }

@media all and (max-width: 34.365em) {
  .logo img.logo-main {
    display: none; } }

header .book {
  text-align: right; }

header .book-mob {
  color: #80cfd6;
  text-transform: uppercase;
  font-size: 18px;
  max-width: 75%;
  text-align: right; }

header .book-mob a {
  color: #80cfd6; }

header .book-mob a.phone {
  display: inline-block;
  margin-left: 10px;
  width: 45px;
  height: 45px;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle; }

header .book-mob a i {
  color: #565656;
  font-size: 30px;
  line-height: 45px; }

.book h4 {
  font-size: 1.0625em;
  color: #80cfd6;
  margin-top: -8px; }

.tri {
  vertical-align: middle;
  display: inline-block;
  /*@include scut-triangle(right,20px 40px,$c-bg);*/
  margin-left: -1px;
  border-style: solid;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #ffffff;
  border-width: 20px 0 20px 20px; }

header .navbar, header .primary li, header .primary {
  border: 1px solid #ddd; }

header .navbar {
  border-width: 1px 0;
  background: #fff; }

header .primary li {
  border-width: 0 0 0 1px; }

header .primary .dropdown-menu li {
  border: 0; }

header .primary {
  font-size: 0.875em;
  border-width: 0 1px 0 0; }

header .icons li, .navbar-default .icons > li > a {
  color: #a2a2a2; }

@media all and (min-width: 34.375em) and (max-width: 61.99em) {
  header .icons li a {
    padding-left: 12px;
    padding-right: 12px; } }

@media all and (max-width: 47.99em) {
  header .icons li, header .icons li a {
    display: inline; } }

.navbar {
  margin-bottom: 0; }

.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #565656; }
  @media all and (min-width: 48em) and (max-width: 61.99em) {
    .navbar-nav > li > a {
      padding-left: 12px;
      padding-right: 12px; } }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: none;
  color: #333; }

/*v2 sticky header*/
.navbar-header, .navbar-fixed-top {
  display: none; }

body.sticky {
  padding-top: 80px; }

/*header { transition: height 2000ms; }*/
.sticky .navbar-fixed-top, .sticky .navbar-header {
  display: block; }

.sticky .nav-full, .sticky .navbar-basic {
  display: none; }

@media all and (min-width: 48em) {
  .navbar-fixed-top .navbar-nav > li > a {
    padding-top: 17px;
    padding-bottom: 17px; } }

/*.navbar-fixed-top .in .navbar-nav > li > a { padding-top: 13px; padding-bottom: 13px; }*/
.navbar-fixed-top {
  -webkit-box-shadow: 0 1px 4px 0 rgba(180, 180, 180, 0.7);
          box-shadow: 0 1px 4px 0 rgba(180, 180, 180, 0.7); }

.navbar-nav > li > a.flag {
  padding: 0 15px 0 0 !important;
  margin: 10px 10px 0 10px;
  color: #fff; }

.navbar-nav > li > a.flag:hover, .navbar-nav > li > a.flag:active, .navbar-nav > li > a.flag:focus {
  color: #fff;
  background: #46b9c3; }

.navbar-fixed-top .navbar-header img {
  margin: 10px 15px 0 0; }

.navbar-fixed-top .navbar-header img.logo-mini {
  margin-left: 15px; }

.navbar-header ul.icons {
  padding-right: 0.5em;
  margin-bottom: 0; }

.icons li.sticky-book {
  display: none; }

.sticky .icons li.sticky-book {
  display: inline; }

.navbar-header .icons a {
  display: inline-block;
  padding: 15px 15px; }

.yamm-content .list-inline li {
  vertical-align: top; }

/*when mobile menu visible, can't have fixed header as need to scroll menu etc*/
.menu-on .navbar-fixed-top {
  position: absolute; }

/*.menu-on #nav-primary { position: absolute; top: auto; width: 100%;}
body.sticky.menu-on { padding-top: 0; }*/
/*dropdowns*/
.navbar .yamm-content {
  font-size: 0.875em;
  padding-top: 10px; }

.navbar .yamm-content li {
  width: 30%;
  border: 0; }

.navbar .nav-cinema .yamm-content li {
  width: 37%; }

.navbar .nav-cinema .yamm-content li.wide {
  width: 58%; }

.navbar .nav-events .yamm-content li {
  width: 45%; }

.navbar .yamm-content a {
  display: block;
  padding: 7px 0;
  color: #565656; }

.navbar .yamm-content li.active a, .navbar .yamm-content li a:hover {
  color: #80cfd6; }

/*.nav-events .yamm-content { padding-left: 10px; padding-right: 10px;}*/
.nav-visit .yamm-content ul {
  margin-left: 30px; }

.nav-about .yamm-content ul {
  margin-left: 70px; }

.nav-events .yamm-content ul {
  border-right: 1px solid #ddd; }

.yamm-content h4, .yamm-content .date {
  text-transform: none; }

.yamm-content .more {
  color: #80cfd6; }

.yamm-content .cta {
  color: #c12b6d; }

/*mobile nav*/
@media all and (min-width: 30em) {
  .navbar-basic {
    padding: 0 1em; } }

.navbar-basic .icons {
  margin-bottom: 0;
  margin-top: 4px; }

.navbar-basic .icons li {
  padding: 0; }

.navbar-basic .icons a {
  display: inline-block;
  padding: 10px; }

.no-js .navbar-basic .navbar-toggle {
  display: none; }

.no-js .navbar-basic .btn {
  margin-top: 4px; }

.navbar-basic .navbar-toggle {
  padding: 5px 25px 5px 20px;
  font-size: 0.875em;
  text-align: left; }

@media all and (min-width: 34.375em) {
  .navbar-basic .navbar-toggle .caret {
    margin-left: 3em; } }

.navbar-collapse.in {
  overflow-y: visible;
  max-height: none; }

/*bs overrides to highlight nav and auto open subnav for current section*/
.navbar-collapse.in .active.open > a, .navbar-collapse.in .active.open > a:hover, .navbar-collapse.in .active.open > a:focus {
  background: #eee;
  color: #565656; }

/*.navbar-collapse.in .active > a, .navbar-collapse.in .active > a:hover, .navbar-collapse.in .active > a:focus { background: #eee; color: $c-brand; }
.navbar-collapse.in .active > .dropdown-menu { display: block; float: none; margin-top: 0; position: static; width: auto; border: 0; box-shadow: none; }*/
/*subnav mobile*/
.navbar-collapse.in .yamm-content {
  padding: 0 0 0 5%; }

.navbar-collapse.in .yamm-content ul {
  margin-left: 0 !important;
  border: 0 !important; }

.navbar-collapse.in .yamm-content li {
  width: 49% !important; }

/*subnav no js*/
.no-js #nav-primary .active > .dropdown-menu {
  display: block;
  float: none;
  margin-top: 0;
  position: static;
  width: auto;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.no-js #nav-primary .yamm-content {
  padding: 0;
  display: inline-block; }

.no-js #nav-primary .yamm-content .row {
  max-width: 170px;
  margin: 0; }

.no-js #nav-primary .yamm-content li {
  width: 100% !important; }

.no-js #nav-primary .row > div {
  float: none !important;
  width: 100% !important;
  margin-left: 0 !important; }

.no-js #nav-primary .yamm-content .list-inline {
  margin-left: 0; }

/*search*/
#search {
  background: #b0e7ec; }

#search form {
  margin: 1em; }

#search input {
  border: 0;
  background: #b0e7ec;
  color: #333;
  font-size: 2em;
  height: auto;
  line-height: 1em;
  padding: 0;
  width: 70%; }

/*main*/
#main {
  margin-bottom: 25px; }

/*prevent chrome outline upon clicking main due to skip to content link*/
#main:focus {
  outline: none; }

.content {
  margin-bottom: 3em; }

@media all and (min-width: 48em) {
  .banner {
    margin-bottom: 1em; } }

.banner img {
  display: block;
  margin-bottom: 0.8125em; }

.banner .share a {
  margin-left: 1.5em;
  color: #ccc; }

.banner .share a:hover {
  color: #80cfd6; }

.content img {
  margin-bottom: 1em;
  max-width: 100%;
  height: auto; }

/*sidebar*/
.sidebar {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

@media all and (max-width: 47.99em) {
  .event .sidebar {
    margin-bottom: 0; } }

@media all and (min-width: 62em) {
  .section-box-office .sidebar-book {
    margin-top: 6.25em; } }

.sidebar h3 {
  color: #80cfd6;
  margin-top: 0; }

.sidebar em, .sidebar .highlight {
  color: #b7b7b7;
  font-style: normal; }

@media all and (min-width: 62em) {
  .sidebar-book .btn {
    margin-top: 3em; } }

.btn.minor {
  text-transform: none; }

@media all and (min-width: 48em) {
  .event .sidebar .share a {
    display: block;
    float: none;
    margin: 0 0 1em; } }

@media all and (min-width: 62em) {
  .blog .sidebar .share a {
    display: block;
    float: none;
    margin: 0 0 1em; } }

.addthis_button_facebook_share {
  margin-right: 2em; }

.addthis_button_facebook_share iframe {
  margin-top: -6px; }

/*footer*/
footer {
  background: #3f4247;
  color: #fff;
  padding-top: 5px; }

footer a {
  color: #80cfd6; }

footer a:hover, footer a:active, footer a:focus {
  color: #b0e7ec; }

footer button:hover, footer button:focus {
  background: #b0e7ec; }

footer button {
  color: #3f4247; }

footer .logos li {
  margin: 2em 0 2.5em; }

footer .fa-inverse {
  color: #3f4247; }

footer address {
  margin-bottom: 42px; }

footer .newsletter .wrap {
  margin: 0 35px; }

footer .wrap p {
  padding: 0 5px; }

footer .form-group {
  padding: 10px 0; }

.btn-lg {
  padding-left: 30px;
  padding-right: 30px; }

#list-email {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }
  @media all and (max-width: 61.99em) {
    #list-email {
      padding-left: 3px;
      padding-right: 3px; } }

.newsletter .response {
  color: #f4d049; }

.mce_inline_error {
  color: #f99b46; }

.final {
  font-size: 0.75em;
  margin-top: 25px;
  padding: 2em 0 1em;
  border-top: 1px solid #8a8e96; }

footer .final, footer .final a {
  color: #c9cacc; }

.final a#credit {
  color: #60656b; }

.final a#credit:hover {
  color: #888; }

/*common elements*/
/*blog and events listings - fade image on hover*/
.dim img {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.dim:hover img {
  opacity: 0.8; }

/*sliders*/
.carousel-inner {
  position: relative; }

#grid .carousel, #grid .carousel-inner {
  width: 100%;
  height: 100%; }

.carousel .item {
  margin-bottom: 0; }

.slide-nav {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 50; }

#main .slide-nav a, #grid .block .slide-nav a {
  display: inline-block;
  text-align: center;
  line-height: 50px;
  background: #565656;
  color: #fff;
  width: 50px;
  height: 50px; }

#main .slide-nav a.nav-right {
  background: #333; }

#grid .slide-nav {
  right: 0; }

.content .carousel {
  max-width: 640px;
  margin: 20px 0; }

.content .carousel .wrap {
  position: relative; }

.content .carousel img {
  margin: 0; }

@media all and (min-width: 48em) {
  .content .carousel .caption {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    left: 15px;
    width: 60%;
    padding: 12px;
    background: #fff; } }

.content .slide-nav {
  bottom: 10px;
  right: 15px; }
  @media all and (max-width: 47.99em) {
    .content .slide-nav {
      top: 0;
      right: 0;
      bottom: auto; } }

/*paging*/
/*specific sections*/
/*home*/
.section-home .semi {
  margin-bottom: 20px; }

@media all and (max-width: 61.99em) {
  .section-home .col-md-6, .section-home .col-md-3 {
    margin-bottom: 20px; } }

@media all and (min-width: 62em) {
  .section-home .r1 {
    margin-bottom: 20px; } }

@media all and (max-width: 47.99em) {
  .section-home .r1 .col-sm-6 {
    margin-bottom: 20px; } }

#grid .block {
  position: relative;
  width: 310px;
  max-width: 100%;
  margin: 0 auto 20px;
  text-align: center;
  /*min-height: 200px;*/
  height: 200px; }

@media all and (min-width: 34.375em) {
  .js #grid .block {
    margin-bottom: 0; } }  

#grid .block, #grid .slide-item {
  background-size: cover;
  overflow: hidden; }

#grid .block img {
  max-width: 100%;
  height: auto; }

#grid .size21, #grid .size22 {
  width: 640px;
}

#grid .size12, #grid .size22 {
  height: 420px; }

@media all and (max-width: 34.365em) {
  #grid .size22 {
    height: 200px; } }

#grid .block a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333; }

.block .info, .slide-item .text {
  padding: 25px 15px 25px 25px; }

.block .info, .block .caption, #grid .text {
  position: absolute;
  z-index: 100;
  text-align: left; }

/*slider*/
.slide-item {
  width: 100%;
  height: 100%; }
  @media all and (max-width: 34.365em) {
    .slide-item {
      height: 200px; } }

#grid .text {
  bottom: 20px;
  left: 30px;
  width: 48.4375%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px 10px; }

#grid .text h2, #grid .text .std {
  color: #fff !important; }

#grid .text h2 {
  font-size: 22px;
  margin: 4px 0 8px;
  line-height: 28px; }

#grid .text .std {
  font-size: 1em;
  margin-bottom: 10px; }

.slide-item .more {
  color: #80cfd6;
  font-size: 0.86667em; }

.slide-item .flag-event, .slide-item .flag-text {
  right: 0 !important; }

/*event boxes*/
.block .info {
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.block h2 {
  margin-top: 4px; }

/*non event boxes*/
#grid .feature a {
  color: #fff; }

#grid .caption {
  width: 50%;
  top: 35%;
  padding-left: 5%;
  vertical-align: middle;
  font-size: 1.33333em;
  line-height: 1.4em; }
  @media all and (min-width: 34.375em) and (max-width: 61.99em) {
    #grid .caption {
      padding-left: 8%; } }

#grid .button .caption {
  top: 40%;
  padding-left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
  letter-spacing: 1px; }

#grid .button .caption span {
  border: 3px solid #fff;
  padding: 8px 25px; }

#grid .button img {
  opacity: .8; }

@media all and (max-width: 47.99em) {
  .v17#grid .slide-item .text {
    bottom: 0;
    left: 0;
    width: 68%;
    padding-right: 0; }
    .v17#grid .slide-item .text h2 {
      margin-bottom: 4px; }
    .v17#grid .slide-item .text .std {
      margin-bottom: 6px; } }

.v17#grid .block-box .text {
  bottom: 0;
  left: 0;
  width: 80%;
  padding-right: 0; }
  .v17#grid .block-box .text h2 {
    margin-bottom: 4px; }
  .v17#grid .block-box .text .std {
    margin-bottom: 6px; }

.v17#grid .block-box.size12 .text {
  width: 100%; }
  .v17#grid .block-box.size12 .text h2 {
    display: none; }

@media all and (min-width: 64.0625em) {
  .v17#grid .block-box .text {
    display: none; }
  .block a:hover .info {
    opacity: 1;
    background: #b0e7ec; } }

/*calendar box*/
#grid .block-cal {
  border-top: 8px solid #80cfd6; }
  @media all and (max-width: 47.99em) {
    #grid .block-cal {
      height: 330px; } }
  @media all and (min-width: 48em) {
    #grid .block-cal {
      background: url(../img/bg-wave-small.png) bottom left repeat-x;
      background-size: auto; } }

#grid .block-cal h2 {
  font-size: 1.33333em;
  color: #565656;
  margin: 1em 0 5px; }

table.cal {
  width: 90%;
  margin: 0 5%;
  border-spacing: 0 7px;
  border-collapse: separate; }

table.cal th {
  text-align: center;
  font-weight: 400; }

/*cal back/next links only if js*/
.cal-nav {
  display: inline-block;
  width: 10%;
  height: 100%; }

.cal-prev {
  float: left; }

.cal-next {
  float: right; }

#grid .block-cal .cal-nav a {
  display: none; }

.js #grid .block-cal .cal-nav a {
  display: block; }

/*.cal caption { margin-bottom: 7px;}*/
/*.cal tr { border-bottom: 7px solid $c-bg; }
.cal tr:last-child { border: 0; }*/
.cal td {
  text-align: center; }

.cal td a, #grid .cal td a {
  display: block;
  background: #80cfd6; }

.cal td a:hover, #grid .cal td a:hover {
  background: #b0e7ec; }

/*events version of cal*/
.widget {
  position: relative;
  margin-bottom: 20px; }

#main .widget table.cal a {
  color: #333; }

.widget .wrap-cal {
  position: absolute;
  z-index: 100;
  background: #fff;
  border-top: 0;
  padding: 20px 0 0;
  width: 96%;
  border-bottom: 2px solid #80cfd6;
  /*abs position throws off width?? hard code to fix for now*/ }
  @media all and (min-width: 34.375em) {
    .widget .wrap-cal {
      border: 1px solid #ddd; } }
  @media all and (min-width: 34.375em) and (max-width: 61.99em) {
    .widget .wrap-cal {
      width: 350px; } }
  @media all and (min-width: 62em) and (max-width: 82.49em) {
    .widget .wrap-cal {
      width: 220px; } }
  @media all and (min-width: 82.5em) {
    .widget .wrap-cal {
      width: 310px; } }

.widget .cal {
  margin-bottom: 30px; }

/*only see widget if js*/
.widget h3 {
  display: none;
  background: #80cfd6;
  color: #fff;
  padding: 5px 1em;
  margin: 0;
  font-size: 1.2em; }

.js .widget h3 {
  display: block; }

.widget h3:hover {
  cursor: pointer; }

.widget h3 i {
  line-height: 28px; }

/*home news*/
.segment {
  border-top: 1px solid #ddd;
  margin-bottom: 2em; }

.section-home .segment .row a {
  color: #333; }

.section-home .segment .row p a, .section-home .segment .tweets h3 a i {
  color: #80cfd6; }

.section-home .segment .tweets i {
  padding-right: 0.5em; }

.segment h2 {
  font-size: 1.46667em;
  margin-top: 0.68182em; }

.segment h3 {
  margin-top: 0; }

@media all and (min-width: 62em) {
  .segment .tweets h3 {
    margin-bottom: 4em; } }

.segment .date {
  margin-bottom: 1em;
  font-size: 0.875em; }

/*events list*/
.none span {
  text-transform: lowercase; }

@media all and (min-width: 62em) {
  .items {
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd; } }

.item {
  position: relative;
  margin-bottom: 2em; }
  @media all and (min-width: 62em) {
    .item {
      margin-bottom: 1em; } }

.date {
  color: #999;
  font-size: 0.9375em; }

.item .date {
  margin-bottom: 1em; }

.item h2 {
  margin: 0.5em 0 10px; }

.item a h2, .item a p {
  color: #333; }

/*show buttons at bottom*/
@media all and (min-width: 34.375em) {
  .section-events article.item {
    padding-bottom: 2em; } }

@media all and (min-width: 34.375em) {
  .item .actions {
    position: absolute;
    bottom: 0; } }

.item .actions, .item .actions .btn {
  font-size: 14px; }
  @media all and (min-width: 62em) and (max-width: 82.49em) {
    .item .actions, .item .actions .btn {
      font-size: 13px; } }

.item .btn {
  margin-right: 1em; }

.section-events article.item img {
  width: 100%; }

/*event detail*/
.colour, .event .sidebar .btn {
  background: #80cfd6;
  color: #fff; }

.colour .btn {
  background: #fff;
  color: #80cfd6;
  font-size: 1em; }

.colour .btn:hover {
  background: #fff; }

.event .sidebar section a:hover {
  color: #80cfd6; }

.flag-event, .flag-text {
  position: absolute;
  top: 0;
  right: 0; }

.item .flag-event, .item .flag-text {
  right: 10px; }

.flag-event {
  z-index: 98;
  color: #fff;
  /*@include triangle(100px, $c-accent, up-right);*/
  /*sep 2017 scut slight jagged midway in chrome so revert to bourbon, but bug with diff width & height so override manually*/
  border-style: solid;
  height: 0;
  width: 0;
  border-color: transparent #80cfd6 transparent transparent;
  border-width: 0 165px 165px 0;
  /*@include scut-triangle(top-right,165px 95px,$c-accent);*/
  /*ff jagged fix*/
  /*border-left-style: inset; border-top-color: rgba($c-accent,.85); border-right-color: rgba($c-accent,.85);*/ }

.flag-event {
  border-width: 0 165px 95px 0; }

.flag-text {
  z-index: 99;
  color: #fff;
  width: 70px;
  text-align: right;
  padding: 10px 10px 0 0;
  font-size: 0.93333em;
  line-height: 1.35714em; }

.flag-text.extra, .flag-text.comp, .flag-text.new, .flag-text.special {
  width: 110px; }

.flag-text.moved {
  width: 90px; }

.flag-text.new, .flag-text.mnc {
  padding-right: 5px; }

.flag-text.mnc {
  padding-top: 5px; }

.colour .btn-access {
  font-size: 14px;
  padding: 4px 6px 3px;
  line-height: 16px; }
  @media all and (min-width: 30em) and (max-width: 47.99em) {
    .colour .btn-access {
      margin-top: 10px; } }
  @media all and (min-width: 48em) and (max-width: 82.49em) {
    .colour .btn-access {
      margin-left: 8px; } }
  @media all and (min-width: 82.5em) {
    .colour .btn-access {
      margin-left: 10px; } }

@media all and (min-width: 48em) and (max-width: 82.49em) {
  .colour .btn-book {
    padding-left: 6px;
    padding-right: 6px; } }

.colour .btn:active, .colour .btn:focus {
  background: #fff; }

/*event colour themes*/
.local .colour, .local .sidebar .btn {
  background: #55729a; }

.local .colour .btn, .local .sidebar section a:hover, .local .sidebar a.theme, .local .sidebar blockquote p {
  color: #55729a; }

.local .flag-event {
  border-top-color: #55729a;
  border-top-color: rgba(85, 114, 154, 0.85);
  border-right-color: #55729a;
  border-right-color: rgba(85, 114, 154, 0.85); }

.dance .colour, .dance .sidebar .btn {
  background: #f4d049; }

.dance .colour .btn, .dance .sidebar section a:hover, .dance .sidebar a.theme, .dance .sidebar blockquote p {
  color: #f4d049; }

.dance .flag-event {
  border-top-color: #f4d049;
  border-top-color: rgba(244, 208, 73, 0.85);
  border-right-color: #f4d049;
  border-right-color: rgba(244, 208, 73, 0.85); }

.music .colour, .music .sidebar .btn {
  background: #f99b46; }

.music .colour .btn, .music .sidebar section a:hover, .music .sidebar a.theme, .music .sidebar blockquote p {
  color: #f99b46; }

.music .flag-event {
  border-top-color: #f99b46;
  border-top-color: rgba(249, 155, 70, 0.85);
  border-right-color: #f99b46;
  border-right-color: rgba(249, 155, 70, 0.85); }

.theatre .colour, .theatre .sidebar .btn {
  background: #f16464; }

.theatre .colour .btn, .theatre .sidebar section a:hover, .theatre .sidebar a.theme, .theatre .sidebar blockquote p {
  color: #f16464; }

.theatre .flag-event {
  border-top-color: #f16464;
  border-top-color: rgba(241, 100, 100, 0.85);
  border-right-color: #f16464;
  border-right-color: rgba(241, 100, 100, 0.85); }

.family .colour, .family .sidebar .btn {
  background: #ef4f92; }

.family .colour .btn, .family .sidebar section a:hover, .family .sidebar a.theme, .family .sidebar blockquote p {
  color: #ef4f92; }

.family .flag-event {
  border-top-color: #ef4f92;
  border-top-color: rgba(239, 79, 146, 0.85);
  border-right-color: #ef4f92;
  border-right-color: rgba(239, 79, 146, 0.85); }

.cinema .colour, .cinema .sidebar .btn {
  background: #8ccf77; }

.cinema .colour .btn, .cinema .sidebar section a:hover, .cinema .sidebar a.theme, .cinema .sidebar blockquote p {
  color: #8ccf77; }

.cinema .flag-event {
  border-top-color: #8ccf77;
  border-top-color: rgba(140, 207, 119, 0.85);
  border-right-color: #8ccf77;
  border-right-color: rgba(140, 207, 119, 0.85); }

.comedy .colour, .comedy .sidebar .btn {
  background: #a185aa; }

.comedy .colour .btn, .comedy .sidebar section a:hover, .comedy .sidebar a.theme, .comedy .sidebar blockquote p {
  color: #a185aa; }

.comedy .flag-event {
  border-top-color: #a185aa;
  border-top-color: rgba(161, 133, 170, 0.85);
  border-right-color: #a185aa;
  border-right-color: rgba(161, 133, 170, 0.85); }

.opera .colour, .opera .sidebar .btn {
  background: #5aa2a4; }

.opera .colour .btn, .opera .sidebar section a:hover, .opera .sidebar a.theme, .opera .sidebar blockquote p {
  color: #5aa2a4; }

.opera .flag-event {
  border-top-color: #5aa2a4;
  border-top-color: rgba(90, 162, 164, 0.85);
  border-right-color: #5aa2a4;
  border-right-color: rgba(90, 162, 164, 0.85); }

.btn.minor {
  margin-bottom: 1em; }
  @media all and (min-width: 62em) {
    .btn.minor {
      font-size: 14px; } }

.event .sidebar section a {
  color: #333; }

.sidebar section h4, .extra section h3 {
  color: #7c7c7c;
  margin-bottom: 1em; }

.sidebar section {
  margin: 1em 0 2em;
  border: 1px solid #8a8e96;
  border-width: 1px 0; }
  @media all and (min-width: 48em) {
    .sidebar section {
      margin-right: 20px;
      min-height: 120px; } }

.sidebar section.links {
  margin-top: 5px; }

.event .share {
  margin: 2em 0; }

.event .sidebar .btn-book {
  margin-bottom: 20px;
  font-size: 14px;
  padding: 6px 26px;
  font-weight: 700; }

.event .sidebar a.tag {
  display: block; }

.event .sidebar section {
  border-bottom: 0;
  min-height: 40px; }

.event .sidebar section.reviews {
  border: 0; }
  @media all and (min-width: 48em) {
    .event .sidebar section.reviews {
      margin-top: 40px;
      margin-bottom: 40px; } }

.sidebar blockquote {
  border: 0;
  padding: 15px 0;
  margin-bottom: 5px;
  border-top: 1px solid #8a8e96;
  font-size: 22px;
  line-height: 1.5em; }

.sidebar blockquote p {
  margin-bottom: 7px; }

.sidebar blockquote cite, .event .sidebar section.reviews blockquote cite a {
  font-size: 14px;
  color: #999; }

.event .header {
  margin-bottom: 1em; }
  @media all and (min-width: 82.5em) {
    .event .header {
      background: url(../img/bg-wave.png) bottom right no-repeat; } }

.event .header {
  font-size: 1.06667em; }

.event .header h3 {
  font-size: 1.125em;
  margin-top: 0; }

@media all and (min-width: 30em) and (max-width: 47.99em) {
  .event .group, .event .group-dates {
    width: 40%;
    display: inline-block;
    vertical-align: top; } }

@media all and (min-width: 30em) and (max-width: 47.99em) {
  .event .group-dates {
    width: 55%;
    padding-right: 5%; } }

@media all and (min-width: 30em) and (max-width: 47.99em) {
  .event .header .info {
    max-width: 640px; } }

@media all and (min-width: 62em) {
  .event .header .info {
    min-height: 407px;
    height: auto; } }

@media all and (min-width: 82.5em) {
  .event .header .info {
    min-height: 420px; } }

/*occasional event promo - rhs of header*/
.event .header .promo {
  background: #fff;
  height: 420px; }

.event .content {
  margin-bottom: 0;
  margin-top: 20px; }

.fluid-width-video-wrapper {
  margin-bottom: 2em; }

.event h1 {
  margin: 0; }

h2.sub {
  color: #7c7c7c;
  margin-top: 0; }

.preheading {
  color: #000;
  font-size: 16px;
  margin-bottom: 3px; }

.related, #main .related h3 {
  border-bottom: 1px solid #ddd; }

.related {
  margin-bottom: 2em; }

#main .related h3 {
  padding-bottom: 0.5em;
  margin-bottom: 1em; }
  @media all and (max-width: 47.99em) {
    #main .related h3 {
      margin-top: 0; } }

/*dev only*/
.event .related p {
  display: none; }

/*blog*/
@media all and (min-width: 62em) {
  .section-blog .item {
    margin-bottom: 3.5em; } }

/*blog detail*/
.blog h1 {
  margin: 0 0 10px; }

.blog .header {
  margin-bottom: 1em; }

.blog .sidebar {
  margin-top: 0; }

.blog .share {
  margin-top: 10px; }
  @media all and (min-width: 82.5em) {
    .blog .share {
      margin-left: 5em; } }

@media all and (max-width: 82.49em) {
  .blog .content {
    margin-bottom: 2em; } }

/*rhs sidebar*/
@media all and (max-width: 82.49em) {
  .extra {
    border-top: 2px solid #565656;
    padding-top: 1.5em; } }

.extra section {
  margin-bottom: 2em; }
  @media all and (min-width: 82.5em) {
    .extra section {
      margin-left: 50px;
      margin-bottom: 4em; } }

#main .extra h3 {
  margin-top: 0;
  color: #565656; }

.extra li {
  margin-bottom: 1em; }

.extra a h4 {
  color: #565656; }

.extra a:hover h4 {
  color: #46b9c3; }

/*sitemap*/
.section-sitemap #main table {
  width: 100%; }

.content td {
  vertical-align: top; }

.section-sitemap #main table a {
  border: 0; }

.section-sitemap #main table a:hover {
  color: #80cfd6; }

.section-sitemap table ul {
  list-style: none; }

.section-sitemap td > ul {
  padding-left: 0; }

.section-sitemap td > ul > li {
  margin-bottom: 1em;
  font-weight: bold; }

.section-sitemap td li li {
  font-weight: normal; }

@media print {
  header .navbar, footer .contacts ul, footer .logos, footer .newsletter, footer .final, .share, .section-events .widget, .item .actions, .pagination, #grid, #page-view .sidebar, #page-view .info a.btn {
    display: none; }
  .item img {
    width: auto !important; } }

/* Webcore Fixes for Mobile Queries December 2023 */
/* ---------------------------------------------- */

/* Styles for desktop banner */
@media screen and (min-width: 641px) {

}

/* Styles for mobile banner */
@media screen and (max-width: 640px) {
#grid .size21 {
  max-width: 100%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
}

.block .size21 {
  max-width: 100%;
  max-height: 100px;
}
	
}