@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list { background: #fff url('ajax-loader.gif') center center no-repeat; }


/* Icons */
@font-face
{ font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg'); }


@font-face
{ font-family: 'noe'; font-weight: normal; font-style: normal; src: url('fonts/Noe Display Black.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/Noe Display Black.woff') format('woff'); }


/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2020 Schwartzco Inc.
        License: 2001-KGLFGM     
*/

.mainSeasonRow {
	display: flex;
	flex-direction: column;
	height: 100%;
  }
  
 .mainSeasonRow .SeasonCard {
	flex-grow: 1;
  }
  

@font-face {
  font-family: 'Canela Web';
  src: url('fonts/Canela-Thin-Web.woff2') format('woff2'),
       url('fonts/Canela-Thin-Web.woff') format('woff');
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}

.Canela-Thin-Web {
  font-family: 'Canela Web';
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}

.slick-list {margin-left: 25px; margin-right: 25px;}


.btn-default.watchNow {background-image: url("playBtn.svg") !important; font-size: 3rem !important; background-position: left center; background-size: contain; background-color: #e94a2b; padding-left: 70px; padding-right: 30px; background-repeat: no-repeat  }
.btn-default.watchNow:hover {background-image: url("playBtn.svg") !important; background-position: left center !important; background-size: contain !important;  background-repeat: no-repeat !important }
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0px; position: absolute; top: 0px; display: block; width: 30px; height: 100%; padding: 0; cursor: pointer;  border: none; outline: none; background: rgba(0,0,0,1);}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before {font-size: 20px; line-height: 20px; width: 20px; height: 20px;  opacity: .75; color: black;  }
.slick-prev { left: 0px; }
[dir='rtl'] .slick-prev { right: 0px; left: auto; }
.slick-prev:before { content: '<'; color: #fff; }
[dir='rtl'] .slick-prev:before {  content: '>'; color: #fff; }
.slick-next { right: 0px; }
[dir='rtl'] .slick-next { right: auto; left: 0px; }
.slick-next:before { content: '>'; color: #fff; }
[dir='rtl'] .slick-next:before {  content: '<'; color: #fff; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black;}



.lumiCard {background: url("LUMI-background1.jpg");}
.memberCard {background-image: url("memSquare-50.jpg"); background-repeat: no-repeat; background-size: cover;}
.memberCard hr, .communityCard hr {background-color: #fff;}
.communityCard {background-image: url("commSquare-50.jpg"); background-repeat: no-repeat; background-size: cover;}



.ticketSelect, .gcSelect {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .2em;
    -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%23007CB2%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, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.ticketSelect::-ms-expand, .gcSelect::-ms-expand {
    display: none;
}
.ticketSelect:hover, .gcSelect:hover {
    border-color: #888;
}
.ticketSelect:focus, .gcSelect:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.ticketSelect:disabled {opacity: 0.4}
.ticketSelect option {
    font-weight:normal;
}








.Q {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='103.104' height='114.055' viewBox='0 0 103.104 114.055'%3E%3Cpath id='Path_32' data-name='Path 32' d='M34.8,88.31V39.18a16.76,16.76,0,1,1,33.52,0V88l-.29.64,16.76,6.68v-.34a51.55,51.55,0,1,0-50.22,9.3V118.1H96.8l-62-29.66Z' transform='translate(0.025 -4.045)'/%3E%3C/svg%3E");
}


#dateChooser {border: 2px solid #000; margin-bottom: 20px;  max-height: 88px; overflow: hidden;} /* height: 88px; */
.dayDate {font-size: 3rem; font-weight: 800;}
.dayName, .monthName {font-size: 1.2rem;}

.dateItem {text-align: center;}
.dateItem > a {color: #000 !important;}

/*html {visibility: hidden;}*/
/* ==|== primary styles =====================================================
   Author: Silverink
   ========================================================================== */

/*!
 * Datepicker for Bootstrap v1.6.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker{padding:0px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;direction:ltr}
.datepicker-inline{width:220px}
.datepicker.datepicker-rtl{direction:rtl}
.datepicker-switch {color: #fff;}
.datepicker .dow, .datepicker .day, .datepicker .year, .datepicker .month {color: #fff;}
.datepicker.datepicker-rtl table tr td span{float:right}
.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker>div{display:none}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer; color: #fff;}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer; color: #fff;}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{color: #fff;}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}



/* SIMPLE LIGHTBOX */
body {  position: relative; font-family: "Karla", sans-serif; }
#close-lightbox {  position: fixed; top: 20px; right: 20px; font-size: 40px; color: #FFF; cursor: pointer; }
#lightbox-image { position: fixed; top: 50%; left: 50%; margin: 0; max-width: 100%; transform: translate(-50%, -50%); }
#lightbox-image-wrapper { width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; }
#lightbox-wrapper { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);  position: fixed; top: 0; left: 0; z-index: 99999; }
#lightbox-wrapper.active { display: block; }
.smp-lightbox { cursor: pointer;  cursor: zoom-in;}

.scrollable-menu { height: auto;max-height: 250px; overflow-x: hidden; }

/* BOOTSTRAP OVERRIDES */

.panel, .panel * {border-radius: 0px;}

.panel-secondary {box-shadow: 0px 0px 25px rgba(0,0,0,0.1)}


/* ==|== Easibuild Structural Elements =====================================================
   Structural elements such as mainContent/Wide, submenu etc. Ideally these elements will change
   to HTML5 tags...  aside, article etc.
   ========================================================================== */

/* QFT 2020 COLOURS
	
	Black/teal: rgb(15, 58, 59)
Mid pink: rgb(236, 153, 170)

Light pink: rgb(253, 236, 242)

Mint: rgb(187, 215, 217)

Light blue: rgb(226, 238, 245)

Royal blue: rgb(55, 81, 159)

Green: rgb(36, 175, 140)

Orange/red: rgb(233, 74, 43)

Yellow: rgb(255, 209, 0)

*/

.address {color: #fff; font-size: 1.4rem; text-align: right}

/* BOOTSTRAP ALERT */
/* .alert {border-top-left-radius: 0px; border-color:#8b3a0f ; border-top: 0px; border-top-right-radius: 0px; background: #ce5616; color: rgb(255,255,255)} */
	.alert a.btn {margin-top: 5px;}
	.alert-success {background: rgb(36, 175, 140); border-color: rgba(34, 159, 128, 1); color: #fff; border-radius: 0px;}
	.alert-danger {background: rgb(236, 153, 170); border-color: rgba(221, 140, 156, 1); color: #fff; border-radius: 0px;}
.flyover {
   overflow: hidden;
   position: fixed;
   left: 10%;
   width: 80%;
   z-index: 1050;
   background: rgba(0,0,0,0.7);
   transition: all 1s ease;
}


label.error {color: #b20000;}
.frated {margin-top: 5px;}

#filmListContainer {margin-top: 15px;}

#filmListAtAGlanceContainer a {color: #000 !important}
	.dateRow {margin-bottom: 30px;}
.highlightTimes {background: rgb(233, 74, 43); padding: 5px; font-weight: 300; text-transform: capitalize; color: rgb(255,255,255)}
.todayHighlight {background: none; font-size: 14px; padding-left: 15px; margin-bottom: 0px;line-height: 100%; margin-top: -15px;}
	.highlightTimes .time {display: inline-block; padding: 5px; margin: 5px; background: rgba(255,255,255,0.1); border-radius: 5px;}
	.highlightTimes .time a {color: rgb(255,255,255)}
a:link {color: rgb(0,0,0)}

.btn:link, .btn:visited {color: rgb(255,255,255)}

footer a:link, footer a:visited {color: rgb(255,255,255)}

body { position: relative; overflow-x: hidden; font-family: "Karla", sans-serif; font-size: 18px; line-height: 150%;  } /* FIXED HEADER HEIGHT    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/

.template_LUMI h1 {font-family: "Druk-WideMedium"; font-size: 2.8rem; line-height: 140%;}

.template_LUMI h2, .template_LUMI h3 {font-family: 'Canela Web', serif; font-weight: 100; line-height: 140%;}
.template_LUMI h2 {font-size: 3rem;}
.template_LUMI h3 {font-size: 2.6rem;}

.mobileFullWidth {margin: -15px;}
.brandColor, #topBanner, .brandBackground, .datepicker, .datepicker-days, .typeahead.dropdown-menu li.active a, #mobileMenu, .dropdown-menu {fill: rgb(233, 74, 43); background: rgb(233, 74, 43) !important;} 

/* DROPDOWN HOVER */
.dropdown-menu li a:hover {background: rgba(229, 107, 83, 1) !important;}

#QFTLogo .brandColor {fill: #fff !important;}
.brandBorderBottom {border-bottom: 3px solid #fff !important;} 
.brandBorder {border: 1px solid rgb(233, 74, 43) !important;} 
.btn-default:hover, #SubMenuUl >li>a:hover, #SubMenuUl >li.selected >a {background: rgba(30, 155, 124, 1) !important;} 

.brandTextColorHover:hover, #topMenu li.selected > a, .openContainer a:link, .openContainer a:visited, .openContainer a:active, h4, blockquote strong, .strapLine {color: rgb(233, 74, 43);} 



.row.flex-row {
	display: flex;
	flex-wrap: wrap;
  }
  .flex-column {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
  }
  .SeasonCard {
	display: flex;
	flex-direction: column;
	height: 100%;
  }
  .SeasonCard .seasonBody {
	flex-grow: 1;
  }


  
.topPic > h2, #fpImageDiv h2 {color: #fff !important;} 
.template_LUMI .topPic > h2 {display: none;}
.subMenuContainer, .mobileSubMenuContain, .lightBrandBackground {background: rgba(144,140,122,0.3) !important; fill: rgba(144,140,122,0.3) !important;} 

.openContainer a:hover {color: rgb(144,140,122)}h4 {background: rgba(144,140,122,0.1); border-color: rgb(144,140,122); };

/* ACCORDION STYLING */
	.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
	#accordion .panel-heading {font-weight: bold; color: #fff; font-size: 1.8rem;}
	#accordion .panel-heading span {cursor: pointer;display: block;}


	#accordion .answer {padding: 15px;}
aside {font-size: 0.75em;}
/* INITIAL BRAND COLOUR */


.bbfcIcon {width: 40px; height: 40px;}

	body[data-itemid='63'] .brandColor, body[data-itemid='63'] .openContainer h2, body[data-itemid='63'] .brandBackground {fill: rgba(158,116,68,1) !important; background: rgba(158,116,68,1) !important; }
	body[data-itemid='63'] .strapline {color: rgba(239,101,27,1) !important; background: rgba(158,116,68,1) !important; }
	body[data-itemid='63'] .brandBorderBottom {border-bottom: 3px solid rgba(158,116,68,1) !important;}
	body[data-itemid='63'] #topMenu li.selected > a, body[data-itemid='63'] #topMenu li:hover > a {color: rgba(250,250,250,0.7) !important;}
	body[data-itemid='63'] #topMenu .dropdown-menu> li:hover a {color: #333 !important;}
	.cls-1 {fill: rgb(255,255,255)}

/* HIDDEN ELEMENTS */
.breadcrumb {display: none;}


blockquote {border-left: none;  margin: 50px 5% 60px 5%; padding-top: 0px; padding-bottom: 0px;}
	blockquote p:first-child {margin-top: 0px; background: rgba(80,80,80,0.1); padding: 30px; font-size: 2.4rem;}
	blockquote strong {font-family: "noe","bennet-banner-condensed"; display: block; text-transform: capitalize; font-style: normal; text-align: right;  margin-top: 0px; background: none !important;}
footer ul {padding: 0; margin: 0; list-style-type: none; text-transform: capitalize;}
footer ul a {color: rgb(255,255,255);}
h1, .login, #mobileMenu, #topMenu {font-family: "noe","bennet-banner-condensed", sans-serif; }
h2,h3,h5 {font-weight: 700; margin-top: 0px;}
.carousel-inner {cursor: pointer;}


/* DATE DRIVEN CAROUSEL */
.dateItem:nth-child(8) {background: #000;}




hr {border: none; height: 2px; background: rgb(0,0,0)}

/* Gallery Of Images */

.archive figure {width: calc(33% - 10px); margin-right: 15px; float: left; margin-bottom: 15px; }
.archive figure:nth-child(3), .archive figure:nth-child(6) {margin-right: 0px;}
.archive figure:nth-child(4) {clear: left;}
.archive {clear: both;}
.archive+p {clear: both;}
input[type=text], input[type=email], input[type=password], input[type=tel], textarea {background: #fff; padding: 5px; width: 100%; border: 1px solid rgb(180,180,180); margin-bottom: 15px; border-radius: 0px;}

.form-control {border-radius: 0px !important;}

label {font-size: 1.6rem;}

/*Placeholder style */
input::-webkit-input-placeholder { color: rgb(0,0,0) !important; text-transform: capitalize; }

input::-moz-placeholder {  /* Firefox 19+ */ color:  rgb(0,0,0) !important; text-transform: capitalize; }

input:-ms-input-placeholder { color: rgb(0,0,0) !important; text-transform: capitalize; }

.ContactDetails h1, .ContactForm h1 {font-size: 1.75em;}
	.ContactForm label, #questionForm label {display: block;}
	.ContactForm div, #questionForm div {margin-bottom: 10px;}
	input[type='text'], input[type='tel'], input[type='email'], textarea {border: 1px solid #888;}
	.notEmail {display: none;}

.memBox {margin-top: 30px;}
.memBox img {width: 100%; height: auto;}
.memBox a { text-decoration: none; }


.memberBannersRow img {margin-bottom: 15px;}
/* MAIN ARTICLE CONTAINER MARGINS */

.noMargin {margin: 0px !important;}


.openContainer {padding-top: 20px;}

.dataTables_length {float: right;}
.dataTables_info {float: right;}
.dataTables_paginate {}
.paginate_button_disabled {opacity: 0.4; -moz-opacity: 0.4;}
.paging_full_numbers {color: #257f5b;}
.dataTables_wrapper {margin-top: 0px}

h1,h2,h3,h5,h6 {text-transform: capitalize;}
.template_LUMI h1,.template_LUMI h2,.template_LUMI h3,.template_LUMI h5,.template_LUMI h6 {text-transform: none;}

/* .openContainer h2 {padding: 5px;} */
/* USE h4 FOR ALL INTRO TEXT */
h4 {font-size: 2rem; line-height: 140%; font-weight: 300; padding: 2%; border-left: 1px solid #444; margin: 40px 0px;}




img {max-width: 100%; height: auto !important;}

.loginLink a {background: rgba(239,101,27,0) !important;}
	footer .loginLink a {background: none !important;}
#logo {height:60px; margin-top: 15px; margin-bottom: 15px; left: 30px;}
	#logo svg {height: 100% !important}
	.strapLine {position: absolute; top: 72px; left: 250px; font-size: 0.75em; }

#topBanner {background: #fff; width: 100%; color: #fff; position: fixed;  margin-bottom: 0px; text-transform: capitalize;}
/* #topMenu {background: #02383a}*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*hide delete and continue from worlpay order summary*/
.worldPayRequestPage #continueCheckout, .worldPayRequestPage .basketDeleteIcon {display: none;}

/* BOOTSTRAP OVERRIDES */

.orderhistory {font-size: 1.4rem; margin-bottom: 30px;}
#orderHistory { margin-bottom: 30px;}
.nav-pills > li > a {padding: 5px; background: none !important; text-transform: capitalize;}
.nav-pills > li.active > a {color: #444 !important}
.nav-pills > li.active > a:hover {color: #000}

.pillContainer {margin-bottom: 15px; display: block; min-height: 30px;}
.btn-default {background: rgb(0,0,0); padding: 10px; color: rgb(255,255,255) !important; border: none; border-radius: 0px; text-transform: capitalize; font-size: 1.125em;}
	.btn-secondary {background: rgb(233, 74, 43); font-size: 1.125em; color: rgb(255,255,255) !important; border: none; border-radius: 0px; text-transform: capitalize; padding: 10px;}
	.btn-secondary:hover {background: rgb(233, 74, 43)}
	.btn-default:hover {background: rgba(11, 45, 45, 1); color: rgb(255,255,255) !important; }
	.navbar {margin-bottom: 0px;}
	.navbar-default {background: none; border: none;}

/* .btn-info {background: rgb(3,30,35); color: rgb(255,255,255) !important; border: none; border-radius: 0px; text-transform: capitalize; font-size: 1.125em; line-height: 20px !important;} */

.openContainer a.btn:link, .openContainer a.btn:visited, .openContainer a.btn:active {color: #fff !important;}
.openContainer a.btn.btn-link {color: #000 !important;}


.communityCard, .memberCard, .lumiCard {min-height: 400px; color: #fff; padding: 15px; position: relative; margin-bottom: 15px; padding-bottom: 60px;}
.communityCard p, .memberCard p, .lumiCard p{margin-bottom: 5px;}
.communityCard .buttons, .memberCard .buttons, .lumiCard .buttons {position: absolute; bottom: 15px; left: 15px;}
.buttons .btn {margin-right: 10px; display: inline-block; background: #fff; border-radius: 0px;}

.openContainer .communityCard a.btn:link, .openContainer .communityCard a.btn:visited, .openContainer .communityCard a.btn:active {color:#ee5936 !important }
.openContainer .memberCard a.btn:link, .openContainer .memberCard a.btn:visited, .openContainer .memberCard a.btn:active {color:#01383b !important}
.openContainer .lumiCard a.btn:link, .openContainer .lumiCard a.btn:visited, .openContainer .lumiCard a.btn:active {color:#000 !important}

.communityCard h2, .memberCard h2, .lumiCard h2 {font-family: "noe","bennet-banner-condensed", sans-serif;}

/* collapse animation speed (mobile menus) */
.collapsing { -webkit-transition: height .125s ease; -o-transition: height .125s ease; transition: height .125s ease; }


/* CAROUSEL */
.carousel {padding-top: 142.857142857%; margin-top: 0px; position: relative;}
	.carousel-inner {height: 100%; position: absolute; top: 0px; left: 0px;}
	.carousel .item { width: 100%; height:100%;}
		.slideImage {background-size: cover; height:100%; background-position: center center;}
		.carousel-caption {text-shadow: none; font-size: 0.675em; line-height: 140%; text-transform: capitalize; width: 100%; left: 0px; bottom: 0px; margin: 0; padding-bottom: 0px; text-align: left;}
		.carousel-caption h2 {font-weight: bold; color: rgba(239,101,27,0); margin-bottom: 25px; font-family: "noe"; text-align: center;}
		.carousel-indicators {display: none;}
		.carousel .Desc {display: none; text-transform: none;}

	#fpImageDivTest.carousel, #fpImageDivTest.carousel .carousel-inner {height: 250px;}
	#fpImageDivTestFull.carousel, #fpImageDivTestFull.carousel .carousel-inner {height: auto !important;}

.navbar-toggle {border: none; margin: 15px 15px; padding: 0px; border-radius: 0px;}
	.navbar-toggle .icon-bar {background: rgba(255,255,255,1);}



/* CART */
.cart {cursor: pointer; text-align: right; display: inline-block; }
.cart svg {margin-left: 5px; vertical-align: middle; margin-bottom: 8px;}
	.cart svg path {fill: #fff;}

	 #cart-count {font-weight: bold; margin-left: 5px;}
	.loginHeader {cursor: pointer; min-width: 150px; font-size: 1.1rem; text-align: right;}
	.loginHeader a {margin-right: 15px; color: #fff;}
	.cart a {margin-left: 15px;line-height: 50px; text-decoration: none; color: #fff; font-weight: 100;}

	.filmSearch input[type='search'] {background: none; border: none; border-bottom: 1px solid #fff; color: #444; padding: 0px;  margin-top: 1px;font-size: 1em !important; width: 100%;}
	  .filmSearch input[type='search']::-webkit-input-placeholder { color: #444 !important; }
		.filmSearch input[type='search']::-moz-placeholder {  /* Firefox 19+ */ color: #444 !important; }
		.filmSearch input[type='search']:-ms-input-placeholder { color: #444 !important; }
	.filmSearch {line-height: 30px;}
	.typeahead.dropdown-menu {left: -15px !important; left: auto !important; background: rgba(255,255,255,1); width: calc( 100% - 30px );}
	.typeahead.dropdown-menu li a {  margin-left: 0px !important; background: none; font-size: 1.25em; text-transform: capitalize;}
	.typeahead.dropdown-menu li.active a {color: #fff !important}

#cartSVG {width: 50px; fill: rgba(255,255,255,1); display: inline-block;}
#cart-btn { color: rgba(255,255,255,0.8); width: 50px; display: inline-block; }
#cart-btn svg {position: absolute; top: 0px; left: 0px; z-index: -1;}
#cart-count  {position: relative; font-size: 0.875em; display: inline-block; }

.sTotal div {border-top: 1px solid #444; border-bottom: 1px solid #444;}
#cartContainer .sTotal div {border:none;}
.totalWithDeductions div {font-weight: bold;}
.checkoutContainer {margin-top: 60px;}

.donationItem {font-size: 1.6rem; margin-bottom: 10px; padding: 10px; border: 2px solid #000; background: none !important; color: #000!important;}
.donationItem.active {color: #fff!important; background: #000!important; border-color: #000;}


/* BOOKING FLOW */
.bookingFlow {border: 1px solid rgb(15, 58, 59); margin-bottom: 30px;}
.bookingFlow .active {color: #fff; background: rgb(15, 58, 59);}
	.bookingFlow .active a {color: #fff;}
	.bookingFlow .active a:hover {background: rgb(15, 58, 59);}
	.bookingFlow .disabled {display: none;}
	.table-striped > tbody > tr > td {border-top: 1px solid #fff;}

.table-striped > tbody > tr.special:nth-child(2n+1) {background-color: rgba(215, 87, 57, 0.3);}

.table-striped > tbody > tr.special:nth-child(2n) {background-color: rgba(215, 87, 57, 0.1);}


.table-striped > tbody > tr:nth-child(2n+1) {background-color: rgba(230, 230, 230, 1);}

.table-striped > tbody > tr:nth-child(2n) {background-color: rgb(240, 240, 240);}

.btn-default[value="PAY NOW"] {margin-bottom: 15px;}
	
/* .sessionSummary {background: rgba(0,0,0,0.1)} */


body[data-template="Directory"] .topPic {height: 0px; padding: 0px !important; margin-bottom: 140px;}
	.topPic.section_cart, .topPic.section_login, .topPic.section_register, .topPic.section_profile, .topPic.section_benefits, .topPic.section_orders {height: 0px !important; padding: 0 !important;}
.topPic {background-size: cover; padding-top: 42.857142857% /*30*/; background-position: top center; position: relative; overflow: hidden;}
body[data-itemid="1"] .topPic:before {position: absolute; bottom: 0px; left: 0px; content: " "; width: 100vw; height: 50%; display: block; background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); z-index: 1;}

body.template_LUMI .topPic {background-position: center center; }
body[data-itemid="1"] .topPic { margin-top: 0px !important; padding: 0px !important}
.active.toppic {margin-top: 0px;}
	.topPic > h2 {margin: 0; position: absolute; bottom: 30px; left: 30px; text-align: center; width: 100%; color: #fff; z-index: 3;}




/* WHATS ON */
#filmListDayContainer {padding-top: 30px;}
.filmDetailRow {margin-bottom: 15px; border-bottom: 2px solid #222; padding-bottom: 15px;}
.filmDetailRow h3 {margin-top: 10px; font-size: 1.9rem;}
.filmDetailRow a {color: #000 !important;}
.showTimesContainer {text-align: right;}
.showTimesContainer .timeTag {margin-right: 0px; padding: 3px;}

#filmListAtAGlanceContainer .dateRow p {margin-top: 10px;}

#calendar {margin-right: 0px; border: none; padding: 10px 5px; cursor: pointer; vertical-align: middle; text-align: center;height: 88px; overflow: hidden;}
#calendar a {padding: 0px; color: #000; font-size: 1rem;}
#calendar a img {width: 30px; height: 30px;  margin-right: 5px; display: inline-block;}
.calendarFilmsSpan {margin-top: 8px; margin-left: 10px; display: inline-block; float: right;}
.calendarFilmsTitle {}


.BookingTimes {background: rgba(233, 74, 43,0.1); padding: 10px;}

.showTimesDetailContainer .timeTag {display: inline-block; padding: 0px 5px; margin: 5px 0px; background: #fff; color: #000 !important; border: 2px solid #000;}

.showTimesDetailContainer .timeTag:last-child {margin-right: 0px;}

.showTimesDetailContainer .row {border-bottom: 1px solid rgba(255,255,255,0.6); margin-bottom: 5px;}
.timeTag {display: inline-block; padding: 0px 5px; margin: 5px; background: #fff; color: #000 !important; border: 2px solid #000; position: relative;}
	.timeTag img {position: absolute; top: -10px; right: -10px; width: 25px;}

.timeTag.soldOut {border-color: #cdcdcd; color: #cdcdcd !important;}
.timeTag.nearlySoldOut {border-color: #eb3264; color: #eb3264 !important;}


/* YOUTUBE BACKGROUND */


.youtubeContainer {
	position: relative;
	height: 100%;
}





/* ==|== Everything Else =====================================================================
   Alphabetically ordered unles it's nested (.level2 will be nested with #submenu for example)
   =========================================================================================== */

/* CART */
.cartContainer {position: relative;}
.benefitsExample {font-size: 2.2rem; font-weight: 700; margin-top: 30px; margin-bottom: 15px;}
.benefitsExample .btn {padding: 0px; padding-bottom: 5px;font-size: 2.2rem; font-weight: 700;}

.creditCards img {width: 50px !important; height: auto !important; margin: 10px;}
.BookingTimes h3 {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #000;}
.timeDD.btn-link, .timePrice {color: #1db0eb !important}

.ageDD.btn-link, .memberPrice {color: #f94900 !important}

.basketDeleteIcon {width: 16px; height: 16px; margin-left: 15px; float: right; cursor: pointer;}
.ticketInfo, .concessionInfo {font-size: 1.6rem; border-bottom: 1px solid #efefef;}
.ticketInfo:last-child {border: none;}
.ticketType { }
.panel-order .filmTitle {font-weight: bold;}
.panel-order .list-group-item {background: #efefef;}
.panel-order .list-group-item.selected {background: #fff}
.panel-order .ticketType {font-weight: bold;}
.panel-order .seatInfo {margin-left: 15px; font-weight: 400;}

/* CHECKOUT PAGE PANEL ORDER STYLING */
.checkoutContainer .panel-order .panel-heading {background: none; color: #444; font-weight: bold; font-weight: 1.8rem;}
.checkoutContainer .panel-order {background: none;}
.checkoutContainer .panel-order .panel-body {padding: 0px; background: none;}
.checkoutContainer .panel-order .list-group-item {background:none; border: none;}

#clockdiv {font-size: 1.8rem; background: rgba(197, 55, 26, 1); color: #fff; padding: 5px 10px; display: none; margin-left: 15px; }
.chosenStory {padding-top: 40px;}

h1.bottomRule {border-bottom: 4px solid #444; margin-bottom: 30px;}
.chosenStory h1 {margin-bottom: 30px;}
	.chosenStory .introduction {font-size: 2.2rem; line-height: 180%;}
	.chosenStory figcaption {font-size: 1.6rem; padding: 15px; line-height: 150%;}
		.chosenStory figcaption p {margin-bottom: 5px; font-style: oblique;}
		
.dataTables_wrapper .dataTables_paginate .paginate_button	{padding: 0px 5px !important}
.filmDetailTicketRow {margin-bottom: 15px;}
	.filmDetailTicketRow .text-right:after {content: " "; display: block; height: 5px; }
		
.formLabel {display: none;}
    #galleryModal .modal-body {text-align: center;}
    	.img-responsive {margin: auto;}

footer {background: rgb(3,30,35); margin-top: 40px; padding: 20px 0px;}

/* HOMEPAGE JOIN BOX */
body[data-itemid="1"] h2 { margin-top: 0px;}

#homeEditable {margin-top: 30px;}


#joinToday {margin-top: 15px;background: rgb(22,180,211); color: rgb(255,255,255); position: relative; padding: 15px;text-align: center;}
#joinToday h2 {margin-top: 15px; padding: 0px 15px; text-align: center;}
	.joinText {text-align: center;}

#mailChimp , #joinToday, #todaysFilms .col-sm-4, #downloadBrochure {margin-bottom: 30px;}
#mailChimp .btn-default {float: right;}
.asterisk {display: none;}

.mailchimpembed h2 { padding: 10px !important;}


.month li, .year li {display: none;}
.month li.monthName, .month li.yearName {display: block;}


#map_canvas {width: 100%; min-height: 250px;}

/* Membership page panel */
.memberPanelContainer {border-top: 2px solid #000; padding-top: 15px; }

#mobileMenu {padding: 15px; position: fixed; top: 90px; z-index: 1000; width: 100%;}
#mobileMenu ul{list-style-type: none; margin: 0; padding: 0;}
	#mobileMenu li a {line-height: 35px; display: block; font-size: 1.8rem; font-weight: 100; text-transform: capitalize; color: #fff; text-align: center; background: rgba(255,255,255,0.1); margin: 1px;transition: all ease 0.3s; text-decoration: none;}

	.mobileSubMenu li a {display: block; width: 32.5%; float: left; font-weight: 100; text-transform: capitalize; color: #fff; text-align: center; background: rgba(255,255,255,0.1); margin: 1px;transition: all ease 0.3s; text-decoration: none; font-size: 0.65em; padding: 5px;}

	#mobileMenu li a:active {background: rgba(239,101,27,0); }

.mobileSubMenuContain	{background: rgb(0,0,0); }
.mobileSubMenuContain .navbar-toggle {margin-right: 0px}
	.mobileSubMenuContain .icon-bar {background: rgb(255,255,255)}
	.mobileSubMenuButton .title {line-height: 70px; }


.newsFrontPage .item figure {box-shadow: 0px 0px 20px rgba(0,0,0,0.2); cursor: pointer; margin-bottom: 30px; height: 100%; background: #EFEFEF;}
.newsFrontPage .item figure:hover {box-shadow: 0px 0px 20px rgba(0,0,0,0.4);}
.newsFrontPage .item figcaption {padding: 15px;}
	.figureBG {padding-top: 42.857142857%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.newsFrontPage .item figcaption .title {font-weight: bold; color: #444; font-size: 2rem;}




/* PANEL STYLING */

.memberCardPanel {border: 1px solid #325aa9}


.memberCardPanel .panel-heading {background: #325aa9}
.memberCardPanel .panel-body {background-color: #d7e7f1; background-image: url("Q.svg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.panel-body > hr {height: 1px ; padding: 0px;  margin: 15px 0px;}


.panel-primary .panel-footer {background: none; padding: 0px;}

.panel-default {background: rgb(245,245,245); border: none; box-shadow: 0px 0px 2px rgba(226, 238, 245,0.2)}
.panel-default .panel-heading {background: rgb(0,0,0); color: #fff;}

.programmePic {overflow: hidden; margin-bottom: 7px; width: 45%; margin-right: 5%; float: left;}
	.downloadButtons {float: left; width: 45%;}
	.downloadButtons .btn {display: block; margin-bottom: 15px; width: 100%;}

/*
 * Row with equal height columns
 * -----------------------------
 */
.row-eq-height { display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.row-eq-height [class*="col-"] { min-width: 50%; }

/* LEAD IN FRONT PAGE */
.leadIn  { text-align: left; margin-bottom: 15px; white-space: normal !important;}

.leadIn a {color: #fff; font-size: 3.2rem; text-decoration: none; }
.leadIn span {display: block; text-transform: none; font-family: "Karla", sans-serif; font-weight: 100; font-size: 1.6rem !important;}

	#membership img { margin-bottom: 30px;}

select {font-size: 1.6rem;}
.date-dropdowns select {margin-right: 5px !important;}





/* SEATING PLAN */


#seatingPlan { max-width: 100%; overflow: auto; position: relative; text-align: center;}
	#seatingPlan .seatingOverlay {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3)}
	.seatingOverlay button.changeSeatButton {width: 80%; text-align: center; position: absolute; left: 10%; top: 20%;}
	
	#seatingPlan table {width: auto; display: inline-block;}
	
	#seatingPlan table td, #seatingPlan table th {text-align: center; width: 16px;}
	#seatingPlan table td.aisle {width: 16px;}
	#seatingPlan td.rowNumber {width: 8px !important;}
	#seatingPlan table td.columnNumber {cursor: pointer;}
	#seatingPlan table td.columnNumber.status_1 {cursor: default;}
	#seatingPlan table td.columnNumber svg, span.legend svg {height: 24px; width: auto;}
	.legendRow {font-size: 1.4rem !important;}
	/*SVG STATUS COLOURING*/
	
	/*unallocated empty seat*/
	#seatingPlan table td.status_0 svg path, span.legend.status_0 svg path {fill: rgb(36, 175, 140);}
	
	/*sold seat*/
	#seatingPlan table td.status_1 svg path, span.legend.status_1 svg path {fill: rgb(230,230,230);}
	
	/*house seat*/
	#seatingPlan table td.status_2 svg path, span.legend.status_2 svg path {fill: rgb(190,190,190);}
	
	/*special seat (Disabled)*/
	#seatingPlan table td.status_3 svg path, span.legend.status_3 svg path {fill: rgb(36, 175, 140);}
	
	/*Reserved seat*/
	#seatingPlan table td.status_4 svg path, span.legend.status_4 svg path {fill: rgb(233, 74, 43);} 
	
	/*Broken seat*/
	#seatingPlan table td.status_5 svg path, span.legend.status_5 svg path {fill: rgb(233, 74, 43);}
	
	/*Placeholder seat*/
	#seatingPlan table td.status_6 svg path, span.legend.status_6 svg path {fill: rgb(233, 74, 43); opacity: 0;}
	
	/*Companion seat - can only be booked with the disabled seat*/
	#seatingPlan table td.status_7 svg path, span.legend.status_7 svg path {fill: #006e1a;}

	#seatingPlan table td:hover svg path {fill: rgb(255, 209, 0);​​​​​​​​​​​​​​}
	#seatingPlan table td.status_1:hover svg path {fill: rgb(230,230,230);​​​​​​​​​​​​​​}

	.seatName {text-align: center; font-weight: bold; font-size: 0.8rem; line-height: 100% !important;}
	
.screenDiv {padding: 5px; background: #cdcdcd; text-align: center;}


/* seating zoomed */

#seatingPlan.zoomed {cursor: all-scroll}
#seatingPlan.zoomed  .seatingOverlay {display: none;}
#seatingPlan .seatingContainer {transform: scale(0.5); }
#seatingPlan.zoomed .seatingContainer {transform: scale(1.05); }
#seatingPlan.zoomed .seatingContainer table {margin-left: 10%; margin-top: 10%; }
.seatingContainer {padding: 0px;}
/* END SEATING */




/* NEWS */
.newsFrontPage {padding: 40px 0px;}
.newsFrontPage figure {min-height: 420px; max-height: 420px; background-size: cover; overflow: hidden; position: relative;}
	.newsFrontPage figure:after {content: "READ MORE"; position: absolute; text-align: center; padding-top: 30px; bottom: 0px; left: 0px; width: 100%; display: block; height: 60px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+4,efefef+85&0+0,1+48 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(239,239,239,0.08) 4%, rgba(239,239,239,1) 48%, rgba(239,239,239,1) 85%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239,239,239,0.08) 4%,rgba(239,239,239,1) 48%,rgba(239,239,239,1) 85%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239,239,239,0.08) 4%,rgba(239,239,239,1) 48%,rgba(239,239,239,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.rightImg img {display: block; width: 100%; height: auto; margin-bottom: 25px;}

/* SILVERINK LINK */
#silverinkWebDesign {
	font-size: 10px;
	font-family: helvetica, arial;
	margin-left: -2px;
	margin-top: 5px;
}
#silverinkWebDesign 	a {
	color: #888;
}
.socialLinks {margin-bottom: 15px; text-align: center; width: 100%;}
.socialLinks img {width:28%; display: inline-block; height: auto; margin: 1.5%;}

.socialHeaderLinks {margin-top: 0px;}
.socialHeaderLinks img {width: 24px;}

.subMenuContainer {border-radius: 0px;}
#SubMenuUl a {text-transform: capitalize; color: rgb(0,0,0); }

/* Todays Films */
#todaysFilms {margin-bottom: 20px;}
#todaysFilms h2 {text-align: center; color: rgb(0,0,0); font-weight: 700; margin-bottom: 5px;}
	#todaysFilms .col-sm-4 {padding-bottom: 50px;}

.filmItem.today {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.2); min-height: 660px;}
.filmItem.today .showTimes a {color: rgb(255,255,255) !important}
.filmStill {margin: 15px -15px; height: 250px; background-size: cover; position: relative; }
	.filmStill h3 {color: rgba(255,255,255,1); text-shadow: 0px 0px 10px rgba(0,0,0,0.6); position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px)} /* color: rgba(239,101,27,1); */

#CDSWIDCOE {width: auto !important;}

#youTubeIcon {width: 32px; height: auto; line-height: 40px; vertical-align: middle; margin-right: 10px;}
	p.youTubeLink {line-height: 40px; margin-top: 5px; vertical-align: middle;}
	
/* Homepage Overrides */
body[data-itemid="1"] .breadcrumb {display: none;}


.smcx-widget, .smcx-iframe-container {width: 100% !important;}
table {
	width: 100%; margin-bottom: 20px;
}
	table tr:nth-child(odd) { background: rgba(180,180,180,0.2)}
	table tr:nth-child(even) { background: rgba(180,180,180,0.1)}
	table td {padding: 5px;}

#topMenu {font-weight: 100;}
#topMenu .dropdown-menu {box-shadow: none; border-radius: 0px; border: none; background: rgba(239,101,27,0); color: #fff; font-family: "Karla", sans-serif;}
	#topMenu .dropdown-menu li a {color: rgb(255,255,255); font-weight: 100; padding: 10px;}

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


.TBPush {display: block; }
	body[data-template="Directory"] .TBPush {height: 1px;}

	.sponsorContain .logoImg {
		display: flex; /* Enables flexbox on the container */
		justify-content: center; /* Horizontally centers items */
		align-items: center; /* Vertically centers items */
		height: 100%; /* Ensures the container has height if needed */
		width: 100%;
		margin: 15px;
	  }
/* .sponsorContain .logoImg {display: inline-block; margin-bottom: 0px;} */
.sponsorContain .logoImg img {width: 200px; height: auto;}

/* Calendar Overrides */

.btn.calendar {background: rgba(239,101,27,1); font-size: 0.75em; }
div.datepicker.datepicker-dropdown.dropdown-menu {}
.datepicker {background: rgb(255,255,255); z-index: 9999 !important;}
.datepicker td {width: 40px; line-height: 30px;}
	.datepicker-days {background: rgba(3,30,35,0.6);}
	.datepicker .day:hover {background-color: rgb(3,30,35) !important;}
	.datepicker table tr td.active {background-color: rgb(3,30,35) !important; background-image: none;}
	.datepicker table tr td.disabled { background-color: rgba(3,30,35,0.2) !important; }
	.datepicker thead tr{background-color: rgba(3,30,35,0.4) !important; }
	.prev {visibility: visible !important;}
	.new.day  {color: #fff !important; background: rgba(3,30,35,0.1);}
	.disabled {opacity: 0.5}

body[data-template="Films"] .datepicker {}


	body[data-template="Films"] .topPic > h2  {display: none;}


/* FILM DIRECTORY */
#filmFilters {background: #E5E5E5; padding: 10px;line-height: 50px; margin-bottom: 15px;}

body[data-itemid="1"] #filmFilters {background: #E5E5E5; padding: 10px; line-height: 40px;}

#filmFilters .btn {font-size: 1.6rem; font-weight: normal; }
		.filmIntro {margin-top: 0px;}
.DDContain * {font-family: "Karla", sans-serif !important; text-align: left;}
	.DDContain .btn {font-size: 0.875em; text-transform: capitalize;}
	.DDContain ul {position: absolute; top: 0px; right: 0px;}
	.DDContain .dropdown-menu,  #filmFilters .dropdown-menu {background: rgba(250,250,250,0.95); cursor: pointer;}
	.DDContain .dropdown-menu a,  #filmFilters .dropdown-menu a {color: #fff;}
.filmCardContainer header {font-family: "noe","bennet-banner-condensed", serif; font-size: 2.4rem; padding: 15px; margin-top: 0px;}
.filmCardContainer header h3 {margin: 0px 0px;}

.filmRating, .watchlistIcon {margin-left: 15px; float: right;}
.adIcon, .ccIcon {max-height: 20px; max-width: 45px;float:inherit; display: inline; margin-left: 5px;}
.accessibility { line-height: 150%; vertical-align: middle; margin: 0px auto 15px auto;}
	.accessibilityFP img {margin: 5px !important;}
body[data-template="Films"] .topRow h3 {font-size: 3.2rem; margin-bottom: 15px; margin-top: 15px;}
body[data-template="Films"] .topRow {margin-bottom: 30px;}

body[data-itemid="1"] center {display: none;}

.filmCardContainer {margin-bottom: 60px; cursor: pointer;}
	.cardContent {background: #EFEFEF; padding-bottom: 30px; height: 500px;}
		.cardContent .intro { padding: 0px 15px; line-height: 130%;font-size: 1.6rem;}
		.cardContent .intro p {}
		.cardContent .moreInfo {text-align: center; width: 100%; position: absolute; bottom: 50px;}
		.cardContent .btn a{color: #ffffff !important;}
		.nextshowing {margin-top: 15px; font-size: 1.6rem; font-style: italic;}

.fpCard {min-height: 500px !important}

	/* CARD IMAGE ASPECT RATIO
		B / (A / 100) = C%
		So for 16:9 (where 16 is A and 9 is B):
		9 / .16 = 56.25 (%)
	*/


	.cardImage {
		position: relative;
		margin-bottom: 15px;
		width: 100%;
  		padding-bottom: 56.25%;
  		background:rgb(250,250,250);
	}
		.cardImage .bbfcIcon { position: absolute; bottom: 15px; right: 15px;}

		.otherInfoContainer {color: #fff;}
		.otherInfoContainer div {padding: 10px; display: flex; flex-direction: row; }
		.otherInfoContainer div span.title {display: inline-block; min-width: 100px; font-weight: bold;}
		.otherInfoContainer div span.info {display: inline-block; margin-left: 15px;}
		.otherInfoContainer div:nth-child(odd) {background: rgba(255,255,255,0.2)}

	.share {text-align: right; vertical-align: middle;margin-top: 25px;}
		.share img, .share svg {width: 32px; height: 32px; margin: 5px; display: inline-block;}


.st0 {fill: #000;}
#SubMenuUl a:hover .st0 {fill: #fff !important;}


.tempAlert {display: none;}
/* SEASONS */

.mainSeasonCard {margin-bottom: 30px; min-height: 460px; display: block; clear: both;}
	.mainSeasonCard .header, .SeasonCard .header {padding-bottom: 42.857142857%; background-size: cover; background-position: center center; position: relative; margin-bottom: 15px;}
	.mainSeasonCard .header h2 {position: absolute; bottom: 30px; left: 30px; background: none;}
	.mainSeasonCard a {text-decoration: none; color: inherit;}
		.mainSeasonCard h2 {color: rgba(255,255,255,1); text-shadow: 0px 0px 20px rgba(0,0,0,0.4)}
		.mainSeasonCard .seasonBody, .SeasonCard .seasonBody {margin-bottom: 30px;}
			.SeasonCard .header {aspect-ratio: 16/9; padding-bottom: 0px;}
.seasonfrontpage .SeasonCard .header {aspect-ratio: 7/3; }
		.SeasonCard h3 {min-height: 60px;}
		.SeasonCard .seasonBody {min-height: 160px;}
		
/* ==|== media queries ======================================================
   Media Queries for Responsive Design.
   These override the primary ('mobile/desktop first') styles
   Modify as content requires.
   ========================================================================== */
	.youTubeBg {position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; min-height: 165px;}

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* WATCHLIST */
#watchlist {margin-bottom: 30px;}
.watchlistIcon {width: 32px; height: auto; display: inline-block; margin-right: 15px; cursor: pointer;}
.watchListCard .cardContent {height: auto !important; min-height: 400px; position: relative;}
.watchListCard {cursor: default !important;}
@media only screen and (min-width: 365px) {
		#mobileMenu li a {line-height: 45px; display: block; font-size: 2rem; font-weight: 100; text-transform: capitalize; color: #fff; text-align: center; background: rgba(255,255,255,0.1); margin: 1px;transition: all ease 0.3s; text-decoration: none;}

}
/*===============================*/
/* 480 - LANDSCAPE MOBILE LAYOUT */
/*===============================*/

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
	#joinToday {margin: 0px 0px; padding: 15px; position: relative;}
		#joinToday h2 {text-align: left; padding: 0px;}
		#joinToday .description {font-size: 1.8em; line-height: 150%;}
			.joinText {text-align: left; font-size: 1.4em; line-height: 120%; width: 70%;}
	#joinToday img { position: absolute; bottom: 15px; right: 15px;width: 30%; -webkit-filter: drop-shadow( 5px 5px 5px rgba(0,0,0,0.3) );
	    filter: drop-shadow( 5px 5px 5px  rgba(0,0,0,0.3));-ms-transform: rotate(-4deg); /* IE 9 */
	    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
	    transform: rotate(-4deg);}


}














#topMenu .nav.navbar-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: none;
  }
}
.carousel-control.right { right: 0; left: auto;}

.carousel .right svg, .carousel .left svg {margin-top: calc(40vh - 60px); width: 60px; height: auto;}



.topPicYT:before {content: url("play.svg"); width: 80px; height: 80px; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px);}


/*=====================*/
/* 768 - TABLET LAYOUT */
/*=====================*/
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
/* CART */
.cart {right: 25px;}
.dayDate {font-size: 4rem; font-weight: 800;}
.dayName {font-size: 2rem;}
	.bookingFlow .disabled {display: table-cell;}
	.carousel {padding-top: 56.25%;}

	.carousel-control {left: auto;}
		.carousel-inner .right {position: absolute; right: 0;}
	.carousel .item { width: 100%; height:100%;}

	.carousel-caption h2 {text-align: left;}

	.filmDetailRow h3 {margin-top: 0px; font-size: 2.8rem;}
	.showTimesContainer {text-align: left;}
	.showTimesContainer .timeTag {margin-right: 0px; padding: 5px;}

		.topPic h2 {text-align: left; font-size: 4rem; margin-bottom: 20px; text-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
		.carousel-indicators {display: none;}
			.carousel-indicators li {border: none; background: rgb(209,211,203); margin: 0px; margin-right: 10px; width: 15px; height: 15px;}
			.carousel-indicators li.active { margin-right: 10px; width: 15px; height: 15px;}
		.carousel .Desc {display: block; width: 50%; margin-bottom: 30px; position: relative; color: #fff; font-size: 1.25em; line-height: 160%; font-weight: bold;}
		.carousel .right svg, .carousel .left svg {margin-top: 100%; width: 80px; height: auto;}
	.contactContainer {margin-top: 70px;}
.fpCard {min-height: 600px !important}
.bookRow {position: absolute; bottom: 60px;}
	hr {margin: 20px 0px;}

#calendar {border: 2px solid #000;}

/* LEAD IN FRONT PAGE */
.leadIn span {font-size: 1.4rem !important;}


	.loginHeader {position: absolute; top: 10px; left: auto; right:0px; z-index: 2000; cursor: pointer; min-width: 150px; font-size: 1.6rem;}

	#logo {height:60px;}

	#mailChimp , #joinToday, #todaysFilms .col-sm-4, #downloadBrochure {margin-bottom: 0px;}
	
	#membership img { margin-bottom: 0px;}

	/* .sponsorContain .logoImg {display: inline-block;}
	.sponsorContain .logoImg img {width: 12%; height: auto;} */


	.openContainer, .contactContainer {line-height: 160%;}
	aside {font-side: 0.75em !important;}


	#topBanner {display: relative;}

	  #mobileMenu {display: none !important;}
	  
	  
	  
.memBox { margin-top: 0px; }

#seatingPlan .seatingContainer {transform: none; }


.showTimesDetailContainer .timeTag {display: inline-block; padding: 0px 5px; margin: 5px 0px; background: #fff; color: #000 !important; border: 2px solid #000;}

.showTimesDetailContainer .timeTag:last-child {margin-right: 0px;}

.timeTag {display: inline-block; padding: 5px 15px; margin: 5px; background: #fff; color: #000 !important; border: 2px solid #000; position: relative;}
	.timeTag img {position: absolute; top: -10px; right: -10px; width: 25px;}

	#todaysFilms {margin-bottom: 0px;}

	  
.TBPush {height: 100px; display: block; margin-bottom: 0;}

	.topPic {padding-top: 42.857142857% /*30*/; position: relative; cursor: pointer;}
	.topPicYT:before {content: url("play.svg"); width: 100px; height: 100px; position: absolute; left: calc(50% - 50px); top: calc(50% - 50px);}
	body[data-template="Directory"] .topPic {height: 0px; padding: 0px !important; margin-bottom: 0px;}


	  /* Todays Films */
	.filmStill {margin: 15px 0px; height: 250px; background-size: cover; position: relative; }

	#joinToday {min-height: 400px; margin: 0px 0px; padding: 15px; position: relative;}
		#joinToday h2 {text-align: left; padding: 0px;}
		#joinToday .description {font-size: 2.4em; line-height: 150%;}
			.joinText {text-align: left; font-size: 1.8em; width: 30%; line-height: 120%;}

	#joinToday img { position: absolute; bottom: -15px; right: -15px;width: 60%; -webkit-filter: drop-shadow( 5px 5px 5px rgba(0,0,0,0.3) );
	    filter: drop-shadow( 5px 5px 5px  rgba(0,0,0,0.3));-ms-transform: rotate(-4deg); /* IE 9 */
	    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
	    transform: rotate(-4deg);}



	.login {color: rgb(255,255,255); font-size: 1.125em;  position: absolute; top: 0px; right: 15px;border: none; border-radius: 0px; background: rgba(239,101,27,0); text-transform: capitalize; padding: 10px;}
.mobileFullWidth {margin: 0px;}

	.rightImg img {float: right; max-width: 40%; height: auto; margin-left: 15px; margin-bottom: 15px;}

	.strapLine {display: none; font-size: 0.75em; }
	
	#SubMenuUl {font-size: 1.4rem;}
	#SubMenuUl li a {padding-left: 10px;padding-right: 10px; line-height: 25px;}
	
	#topMenu {font-size: 1.6rem; text-transform: capitalize;}
		#topMenu .nav>li> a {color: rgb(255,255,255); padding: 10px 10px 10px 10px;}
		#topMenu .nav>li>a { background: none !important;}
.logoImg img {width: 29%; margin: 2%; float: left;}

/* Map On Visit Page*/
body[data-itemid="4"] iframe {width: 100%; min-height: 900px; margin-top: 35px;}
		body[data-template="Directory"] .TBPush {height: 90px;}
		
		
		
		
		/* SEASONS */
		
		.mainSeasonCard .seasonBody {column-count: 2;}

		.showTimesContainer {text-align: right;}

		.otherInfoContainer div {padding: 10px; display: block; }
		.otherInfoContainer div span.title {display: block; font-weight: bold;}
		.otherInfoContainer div span.info {display: block; margin-left: 0px;}

		
		
/* SEATING PLAN */

	#seatingPlan table td {width: 18px;}
	#seatingPlan table td.columnNumber svg {width: 18px;}
	.seatName {text-align: center; font-weight: bold; font-size: 1.1rem;}



/* END SEATING */


}









/*=======================*/
/* 1024 - DESKTOP LAYOUT */
/*=======================*/
@media only screen and (min-width: 992px) {

	.btn.calendar {font-size: 1.25em;}
	
	
		#topMenu {font-size: 1.8rem; text-transform: capitalize; }
		#topMenu .nav li a {height: 50px;}
			#topMenu .nav>li> a { padding: 5px 6px 5px 6px;}
			#topMenu .nav>li>a:hover { background: none;}
	
			.todaysFilmRow .col-md-4 {min-height: 460px;}
		.strapLine {position: absolute; top: 72px; left: 220px; font-size: 0.675em; }
		#SubMenuUl >li>a {padding: 5px 15px !important;}
				#SubMenuUl >li>a:hover,#SubMenuUl >li.selected >a {color: rgb(255,255,255)}
				#subNav {min-height: auto !important;}
	
	/* LEAD IN FRONT PAGE */
	.leadIn  { text-align: left;}
	.leaders .col-md-4:nth-child(-n+3) > .leadIn  { margin-bottom: 30px;}
	.leadIn  span {font-size: 1.4rem !important}


		.otherInfoContainer div {padding: 10px; display: flex; flex-direction: row; }
		.otherInfoContainer div span.title {display: inline-block; min-width: 130px; font-weight: bold;}
		.otherInfoContainer div span.info {display: inline-block; margin-left: 15px;}
	
	
	/* SEATING PLAN */
	
		#seatingPlan table td {width: 24px;}
		#seatingPlan table td.columnNumber svg {width: 24px !important; }
		.seatName {text-align: center; font-weight: bold; font-size: 1.2rem;}
	#seatingPlan.zoomed .seatingContainer {transform: scale(1); }
	#seatingPlan.zoomed .seatingContainer table {margin: 0px; }
	
	/* END SEATING */


}










/* WIDE DESKTOP LAYOUT */
@media only screen and (min-width: 1200px) {
  /* Style adjustments for viewports 1200px and over go here */
  #topMenu .nav>li> a {padding-top: 15px; padding-bottom: 5px; padding-left: 0px; padding-right: 30px;}
  .container {width: 1170px;}
  .leadIn  span {font-size: 1.6rem !important}
}


/* WIDE DESKTOP LAYOUT */
@media only screen and (min-width: 1400px) {
  #topMenu {font-size: 2.2rem; }
  .container {width: 1370px;}

}
/* WIDE DESKTOP LAYOUT
@media only screen and (min-width: 1600px) {
  .carousel {height: 700px;}
	.carousel-inner {height: 700px}
}
 */






/* IE11 HACKS */
@media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .container-fluid {margin-right: 60px;}
     }