@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

*, *:before, *:after { margin: 0; padding: 0; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

button, input, textarea { margin: 0; padding: 0; border: none; background: transparent; -webkit-appearance: none; border-radius: 0; }
button:focus, input:focus, textarea:focus { outline: none; }

img { display: block; }

pre, code { font-family: 'Inconsolata','Monaco',monospace; }

html { font-size: 62.5%; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.4rem; line-height: 1.5em; color: #000; }

em, i { font-style: italic; }

strong, b { font-weight: 700; }

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* CSS Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; }

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display: block; }

a img { border: 0; }

figure { position: relative; }

figure img { width: 100%; }

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.container { padding-left: 20px; padding-right: 20px; }

.row { width: 100%; max-width: 1100px; min-width: 730px; margin: 0 auto; overflow: hidden; }

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; min-height: 1px; }

.row .onecol { width: 4.85%; }

.row .twocol { width: 13.45%; }

.row .threecol { width: 22.05%; }

.row .fourcol { width: 30.75%; }

.row .fivecol { width: 39.45%; }

.row .sixcol { width: 48%; }

.row .sevencol { width: 56.75%; }

.row .eightcol { width: 65.4%; }

.row .ninecol { width: 74.05%; }

.row .tencol { width: 82.7%; }

.row .elevencol { width: 91.35%; }

.row .twelvecol { width: 100%; float: left; }

.last { margin-right: 0px; }

img, object, embed { max-width: 100%; }

img { height: auto; }

/* Smaller screens */
@media only screen and (max-width: 1023px) { body { font-size: 0.8em; line-height: 1.5em; } }
/* Mobile */
@media handheld, only screen and (max-width: 767px) { body { font-size: 16px; -webkit-text-size-adjust: none; }
  .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
  .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; } }
.onecol { width: 4.7%; }

.twocol { width: 13.2%; }

.threecol { width: 22.05%; }

.fourcol { width: 30.6%; }

.fivecol { width: 39%; }

.sixcol { width: 48%; }

.sevencol { width: 56.75%; }

.eightcol { width: 61.6%; }

.ninecol { width: 74.05%; }

.tencol { width: 82%; }

.elevencol { width: 91.35%; }

#mobilenav div > ul ul { margin: 30px 0 0; padding: 0; display: block; list-style: none; }
#mobilenav div > ul ul > li { width: 100%; display: block; padding: 5px 0 10px; text-align: center; }
#mobilenav div > ul ul > li a { text-decoration: none; font-weight: 600; color: #121212; display: block; font-size: 17px; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
#mobilenav div > ul ul > li a:hover { color: #d2202f; }

#mobilenav { clip: rect(0 0 0 0); max-height: none; position: absolute; display: none; overflow: hidden; zoom: 1; background: #fff; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15); }
#mobilenav > div { padding: 0px 20px 30px; }

#mobilenav { max-height: 0; overflow: hidden; -moz-transition: max-height 400ms ease-in-out; -webkit-transition: max-height 400ms ease-in-out; transition: max-height 400ms ease-in-out; }
#mobilenav.opened { max-height: 1000px; }

#mobilenav, #mobnav-toggle, .mob { display: none; }

@media only screen and (max-width: 1023px) { .mob { display: block; }
  #header .mob { position: absolute; top: 0; left: 0; width: 100%; }
  #header .mob #mobilenav { width: 100%; }
  .js #mobilenav { position: relative; display: block; left: 0; top: -34px; z-index: 10000; }
  .js #mobilenav.closed { max-height: none; }
  #nav-toggle { display: inline-block; float: right; width: 50px; height: 30px; color: #231f20; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; text-decoration: none; position: absolute; top: 40px; right: 30px; z-index: 10000000000; text-indent: -999999px; background: url("images/menu-open.png") no-repeat right center; background-size: 35px; }
  #nav-toggle.active { background: url("images/menu-close.png") no-repeat right center; background-size: 35px; }
  .desktop { display: none; } }
body { background: #fff; color: #20282D; font-family: 'proxima-nova', sans-serif; }

.clear:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

#header { background: #20282D; padding: 5px 0 0; -webkit-box-shadow: 0px 11px 50px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 11px 50px -4px rgba(0, 0, 0, 0.5); box-shadow: 0px 11px 50px -4px rgba(0, 0, 0, 0.5); }
#header h1 { width: 15%; border-right: 1px solid #465763; padding: 15px 25px; float: left; }
#header h1 a { display: block; text-indent: -9999px; width: 120px; height: 101px; background: url("images/logo.png") no-repeat; background-size: 100%; }
#header .menus { display: inline-block; width: 85%; }
#header .menus .secondary { border-bottom: 1px solid #465763; padding: 19px 25px 14px; }
#header .menus .secondary ul { text-align: center; }
#header .menus .secondary ul li { display: inline-block; padding: 3px 10px; }
#header .menus .secondary ul li a { color: #C5C7C9; font-size: 16px; }
#header .menus .secondary ul li.current-menu-item, #header .menus .secondary ul li.current-page-ancestor { background: #465763; }
#header .menus .secondary ul li.current-menu-item a, #header .menus .secondary ul li.current-page-ancestor a { color: #fff; font-weight: bold; }
#header .menus .secondary ul li.search { border: solid #465763; border-width: 0 1px; }
#header .menus .secondary ul li.search input { color: #C5C7C9; font-size: 16px; font-family: 'proxima-nova', sans-serif; width: 55px; }
#header .menus .secondary ul li.search [type="submit"] { display: inline-block; width: 12px; height: 18px; text-indent: -99999px; background: url("images/icon-search.png") no-repeat center center; background-size: 100%; }
#header .menus .primary ul { text-align: center; }
#header .menus .primary ul li { display: inline-block; border-bottom: 3px solid #99BED8; padding: 25px 25px; margin: 0 -2px 0; }
#header .menus .primary ul li a { color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; }
#header .menus .primary ul li:hover, #header .menus .primary ul li.current_page_item, #header .menus .primary ul li.current_page_parent { background: #465763; }
#header .menus .primary ul li:hover a, #header .menus .primary ul li.current_page_item a, #header .menus .primary ul li.current_page_parent a { text-decoration: none; }

#slider > button { display: none !important; }
#slider .row { position: relative; height: 555px; }
#slider .twelvecol.event_details { position: absolute; bottom: 50px; z-index: 10; }
#slider .twelvecol.event_details .date { text-align: center; background: #fff; padding: 6px 12px; text-transform: uppercase; width: 55px; border-bottom-right-radius: 15px; font-size: 16px; font-weight: bold; color: #EF4034; display: inline-block; vertical-align: top; margin-right: 15px; }
#slider .twelvecol.event_details .title { display: inline-block; }
#slider .twelvecol.event_details .title h3 { color: #000000; font-size: 27px; line-height: 40px; font-weight: 700; display: inline-block; vertical-align: top; background: #fff; background: rgba(255, 255, 255, 0.8); padding: 6px 15px; border-bottom-right-radius: 15px; }
#slider .twelvecol.event_details .title h3:last-child { border-bottom-right-radius: 0; border-top-right-radius: 15px !important; margin-top: 10px; }
#slider .twelvecol.event_details a.book { background: #EF4034 url("images/bookbtn.png") no-repeat right center; float: right; background-size: 54px; padding: 12px 69px 12px 15px; font-weight: bold; color: #fff; font-size: 24px; text-transform: uppercase; text-align: center; vertical-align: bottom; }

#whatson, #related { background: #DADDDF; padding: 40px 0; }
#whatson .fourcol:after, #whatson .sixcol:after, #whatson article:after, #related .fourcol:after, #related .sixcol:after, #related article:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#whatson .twelvecol > h3, #whatson h2, #related .twelvecol > h3, #related h2 { text-align: center; font-size: 36px; padding-bottom: 20px; margin-bottom: 40px; line-height: 40px; font-weight: bold; text-transform: uppercase; color: #20282D; background: url("images/h3bg.png") no-repeat center bottom; }
#whatson .twelvecol > h1, #related .twelvecol > h1 { display: none; }
#whatson h2, #related h2 { background: none; text-align: left; border-bottom: 1px solid #EF4034; }
#whatson article, #related article { width: 30.75%; margin-right: 3.8%; float: left; min-height: 1px; }
#whatson article:nth-child(4), #whatson article:nth-child(7), #whatson article:nth-child(10), #whatson article:nth-child(13), #whatson article:nth-child(16), #whatson article:nth-child(19), #whatson article:nth-child(22), #whatson article:nth-child(25), #whatson article:nth-child(28), #whatson article:nth-child(31), #whatson article:nth-child(34), #whatson article:nth-child(37), #whatson article:nth-child(40), #related article:nth-child(4), #related article:nth-child(7), #related article:nth-child(10), #related article:nth-child(13), #related article:nth-child(16), #related article:nth-child(19), #related article:nth-child(22), #related article:nth-child(25), #related article:nth-child(28), #related article:nth-child(31), #related article:nth-child(34), #related article:nth-child(37), #related article:nth-child(40) { margin-right: 0 !important; }
#whatson article:nth-child(4):after, #whatson article:nth-child(7):after, #whatson article:nth-child(10):after, #whatson article:nth-child(13):after, #whatson article:nth-child(16):after, #whatson article:nth-child(19):after, #whatson article:nth-child(22):after, #whatson article:nth-child(25):after, #whatson article:nth-child(28):after, #whatson article:nth-child(31):after, #whatson article:nth-child(34):after, #whatson article:nth-child(37):after, #whatson article:nth-child(40):after, #related article:nth-child(4):after, #related article:nth-child(7):after, #related article:nth-child(10):after, #related article:nth-child(13):after, #related article:nth-child(16):after, #related article:nth-child(19):after, #related article:nth-child(22):after, #related article:nth-child(25):after, #related article:nth-child(28):after, #related article:nth-child(31):after, #related article:nth-child(34):after, #related article:nth-child(37):after, #related article:nth-child(40):after { clear: both !important; }
#whatson .sixcol, #whatson .fourcol, #whatson article, #related .sixcol, #related .fourcol, #related article { background: #FFFFFF; border-bottom-right-radius: 25px; color: #20282D; font-size: 14px; margin-bottom: 40px; position: relative; }
#whatson .sixcol > span, #whatson .fourcol > span, #whatson article > span, #related .sixcol > span, #related .fourcol > span, #related article > span { position: absolute; top: 0; right: 0; padding: 4px 6px; background: #76B220; color: #fff; text-transform: uppercase; font-weight: bold; }
#whatson .sixcol div.content, #whatson .sixcol div.entry-summary, #whatson .fourcol div.content, #whatson .fourcol div.entry-summary, #whatson article div.content, #whatson article div.entry-summary, #related .sixcol div.content, #related .sixcol div.entry-summary, #related .fourcol div.content, #related .fourcol div.entry-summary, #related article div.content, #related article div.entry-summary { padding: 20px; float: left; width: 70%; }
#whatson .sixcol div.content p:last-of-type, #whatson .sixcol div.entry-summary p:last-of-type, #whatson .fourcol div.content p:last-of-type, #whatson .fourcol div.entry-summary p:last-of-type, #whatson article div.content p:last-of-type, #whatson article div.entry-summary p:last-of-type, #related .sixcol div.content p:last-of-type, #related .sixcol div.entry-summary p:last-of-type, #related .fourcol div.content p:last-of-type, #related .fourcol div.entry-summary p:last-of-type, #related article div.content p:last-of-type, #related article div.entry-summary p:last-of-type { margin-bottom: 70px; }
#whatson .sixcol h1.entry-title, #whatson .fourcol h1.entry-title, #whatson article h1.entry-title, #related .sixcol h1.entry-title, #related .fourcol h1.entry-title, #related article h1.entry-title { padding: 0 20px; margin-top: 20px; }
#whatson .sixcol h3, #whatson .sixcol h1.entry-title, #whatson .fourcol h3, #whatson .fourcol h1.entry-title, #whatson article h3, #whatson article h1.entry-title, #related .sixcol h3, #related .sixcol h1.entry-title, #related .fourcol h3, #related .fourcol h1.entry-title, #related article h3, #related article h1.entry-title { font-weight: bold; margin-bottom: 15px; font-size: 18px; }
#whatson .sixcol a.book, #whatson .sixcol span.free, #whatson .fourcol a.book, #whatson .fourcol span.free, #whatson article a.book, #whatson article span.free, #related .sixcol a.book, #related .sixcol span.free, #related .fourcol a.book, #related .fourcol span.free, #related article a.book, #related article span.free { background: #20282D url("images/bookbtn.png") no-repeat right center; background-size: 34px; padding: 8px 49px 8px 8px; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; margin-top: 20px; display: inline-block; position: absolute; bottom: 20px; left: 20px; }
#whatson .sixcol span.free, #whatson .fourcol span.free, #whatson article span.free, #related .sixcol span.free, #related .fourcol span.free, #related article span.free { background: #20282D; color: #fff; padding: 8px 24px; }
#whatson .sixcol div.date, #whatson .fourcol div.date, #whatson article div.date, #related .sixcol div.date, #related .fourcol div.date, #related article div.date { color: #fff; font-weight: bold; text-align: center; font-size: 16px; padding: 6px 12px; border-bottom-right-radius: 15px; background: #76B220; float: right; text-transform: uppercase; width: 12%; margin: 20px; }
#whatson .sixcol.classical-music div.date, #whatson .sixcol.classical-music > span, #whatson .fourcol.classical-music div.date, #whatson .fourcol.classical-music > span, #whatson article.classical-music div.date, #whatson article.classical-music > span, #related .sixcol.classical-music div.date, #related .sixcol.classical-music > span, #related .fourcol.classical-music div.date, #related .fourcol.classical-music > span, #related article.classical-music div.date, #related article.classical-music > span { background: #9E52E0; }
#whatson .sixcol.dance div.date, #whatson .sixcol.dance > span, #whatson .fourcol.dance div.date, #whatson .fourcol.dance > span, #whatson article.dance div.date, #whatson article.dance > span, #related .sixcol.dance div.date, #related .sixcol.dance > span, #related .fourcol.dance div.date, #related .fourcol.dance > span, #related article.dance div.date, #related article.dance > span { background: #52A8DD; }
#whatson .sixcol.theatre div.date, #whatson .sixcol.theatre > span, #whatson .fourcol.theatre div.date, #whatson .fourcol.theatre > span, #whatson article.theatre div.date, #whatson article.theatre > span, #related .sixcol.theatre div.date, #related .sixcol.theatre > span, #related .fourcol.theatre div.date, #related .fourcol.theatre > span, #related article.theatre div.date, #related article.theatre > span { background: #FF9A22; }
#whatson .sixcol.film div.date, #whatson .sixcol.film > span, #whatson .fourcol.film div.date, #whatson .fourcol.film > span, #whatson article.film div.date, #whatson article.film > span, #related .sixcol.film div.date, #related .sixcol.film > span, #related .fourcol.film div.date, #related .fourcol.film > span, #related article.film div.date, #related article.film > span { background: #FFD200; }
#whatson .sixcol.family div.date, #whatson .sixcol.family > span, #whatson .fourcol.family div.date, #whatson .fourcol.family > span, #whatson article.family div.date, #whatson article.family > span, #related .sixcol.family div.date, #related .sixcol.family > span, #related .fourcol.family div.date, #related .fourcol.family > span, #related article.family div.date, #related article.family > span { background: #CF0092; }
#whatson .sixcol.talks div.date, #whatson .sixcol.talks > span, #whatson .fourcol.talks div.date, #whatson .fourcol.talks > span, #whatson article.talks div.date, #whatson article.talks > span, #related .sixcol.talks div.date, #related .sixcol.talks > span, #related .fourcol.talks div.date, #related .fourcol.talks > span, #related article.talks div.date, #related article.talks > span { background: #00FF67; }
#whatson .sixcol.art div.date, #whatson .sixcol.art > span, #whatson .fourcol.art div.date, #whatson .fourcol.art > span, #whatson article.art div.date, #whatson article.art > span, #related .sixcol.art div.date, #related .sixcol.art > span, #related .fourcol.art div.date, #related .fourcol.art > span, #related article.art div.date, #related article.art > span { background: #b5de00; }
#whatson .sixcol.popular-music div.date, #whatson .sixcol.popular-music > span, #whatson .fourcol.popular-music div.date, #whatson .fourcol.popular-music > span, #whatson article.popular-music div.date, #whatson article.popular-music > span, #related .sixcol.popular-music div.date, #related .sixcol.popular-music > span, #related .fourcol.popular-music div.date, #related .fourcol.popular-music > span, #related article.popular-music div.date, #related article.popular-music > span { background: #624C9F; }
#whatson .sixcol.workshops div.date, #whatson .sixcol.workshops > span, #whatson .fourcol.workshops div.date, #whatson .fourcol.workshops > span, #whatson article.workshops div.date, #whatson article.workshops > span, #related .sixcol.workshops div.date, #related .sixcol.workshops > span, #related .fourcol.workshops div.date, #related .fourcol.workshops > span, #related article.workshops div.date, #related article.workshops > span { background: #FF2C68; }
#whatson .sixcol.library div.date, #whatson .sixcol.library > span, #whatson .fourcol.library div.date, #whatson .fourcol.library > span, #whatson article.library div.date, #whatson article.library > span, #related .sixcol.library div.date, #related .sixcol.library > span, #related .fourcol.library div.date, #related .fourcol.library > span, #related article.library div.date, #related article.library > span { background: #569594; }
#whatson .sixcol.contemporary-music div.date, #whatson .sixcol.contemporary-music > span, #whatson .fourcol.contemporary-music div.date, #whatson .fourcol.contemporary-music > span, #whatson article.contemporary-music div.date, #whatson article.contemporary-music > span, #related .sixcol.contemporary-music div.date, #related .sixcol.contemporary-music > span, #related .fourcol.contemporary-music div.date, #related .fourcol.contemporary-music > span, #related article.contemporary-music div.date, #related article.contemporary-music > span { background: #FF52D9; }
#whatson a.allevents, #related a.allevents { background: #99BED8 url("images/bookbtn.png") no-repeat right center; background-size: 54px; padding: 12px 69px 12px 15px; font-weight: bold; color: #fff; float: none; font-size: 24px; text-transform: uppercase; text-align: center; margin: 20px auto 0 !important; display: block; width: 300px; }

#whatson .fourcol .date, #related .fourcol .date { width: 18% !important; }

#features { margin-top: 40px; }
#features .sixcol { color: #20282D; font-size: 14px; margin-bottom: 40px; position: relative; }
#features .sixcol div.content { padding: 20px; border: 2px solid #DADDDF; border-bottom-right-radius: 25px; }
#features .sixcol div.content p:last-of-type { margin-bottom: 70px; }
#features .sixcol h3 { font-weight: bold; margin-bottom: 15px; font-size: 18px; }
#features .sixcol a.book { background: #20282D url("images/bookbtn.png") no-repeat right center; background-size: 34px; padding: 8px 49px 8px 8px; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; margin-top: 20px; display: inline-block; position: absolute; bottom: 20px; left: 20px; }

#subscribe { margin: 25px auto; }
#subscribe .twelvecol { background: #99BED8; color: #20282D; font-size: 14px; }
#subscribe .twelvecol .text { background: url("images/icon-email.png") no-repeat 30px center; background-size: 20px; padding: 10px 30px 10px 70px; border-right: 1px solid #fff; float: left; width: 50%; }
#subscribe .twelvecol h3 { font-size: 17px; font-weight: bold; margin-bottom: 0; }
#subscribe .twelvecol .form { padding: 15px; float: right; width: 50%; }
#subscribe .twelvecol .form input { background: #fff; padding: 8px; font-size: 16px; color: #000000; }
#subscribe .twelvecol .form input[type="email"] { width: 80%; max-width: 360px; float: left; }
#subscribe .twelvecol .form button { background: #20282D url("images/bookbtn.png") no-repeat right center; background-size: 34px; padding: 8px 49px 8px 8px; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; }

.backtotop { padding: 8px 15px; background: #465763; color: #fff; font-size: 16px; text-align: center; font-weight: bold; text-transform: uppercase; display: block; width: 160px; margin: 40px auto; }

#footer { background: #20282D; font-size: 14px; color: #fff; padding: 40px 0; }
#footer img { width: 100px; display: block; margin-top: 75px; }
#footer .contact { width: 30%; float: left; padding: 0 30px 0 0; border-right: 1px solid #465763; }
#footer .menu { padding-left: 30px; width: 70%; float: left; }
#footer .menu > ul { display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; }
#footer .menu > ul:last-child { margin-right: 0; }
#footer .menu > ul > li { vertical-align: top; }
#footer .menu > ul > li a { text-transform: uppercase; font-weight: bold; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #465763; display: block; }
#footer .menu > ul > li ul li a { text-transform: none; font-weight: normal; border-bottom: 0; padding-bottom: 0; }
#footer h3 { text-transform: uppercase; font-weight: bold; padding-bottom: 3px; margin-bottom: 6px; border-bottom: 1px solid #465763; }

#copy { background: #20282D; font-size: 14px; color: #fff; padding: 20px 0; border-top: 1px solid #465763; }

#noheadimg { margin-top: 80px; }

.single-post #header-image, .single-news #header-image { margin-bottom: 30px; }
.single-post #header-image .row, .single-post #header-image ul, .single-post #header-image li, .single-news #header-image .row, .single-news #header-image ul, .single-news #header-image li { height: 415px; }
.single-post h2, .single-news h2 { font-size: 36px; line-height: 40px; padding-bottom: 5px; margin-bottom: 30px; font-weight: bold; text-transform: uppercase; color: #20282D; border-bottom: 2px solid #EF4034; }
.single-post h2 > span, .single-news h2 > span { padding: 8px 6px; background: #76B220; color: #fff; font-size: 14px; line-height: 14px; display: inline-block; height: 28px; margin: -10px 0 1px 25px; text-transform: uppercase; font-weight: bold; position: relative; top: -6px; }
.single-post h2.classical-music > span, .single-news h2.classical-music > span { background: #9E52E0; }
.single-post h2.dance > span, .single-news h2.dance > span { background: #52A8DD; }
.single-post h2.theatre > span, .single-news h2.theatre > span { background: #FF9A22; }
.single-post h2.film > span, .single-news h2.film > span { background: #FFD200; }
.single-post h2.family > span, .single-news h2.family > span { background: #CF0092; }
.single-post h2.talks > span, .single-news h2.talks > span { background: #00FF67; }
.single-post h2.art > span, .single-news h2.art > span { background: #b5de00; }
.single-post h2.popular-music > span, .single-news h2.popular-music > span { background: #624C9F; }
.single-post h2.workshops > span, .single-news h2.workshops > span { background: #FF2C68; }
.single-post h2.library > span, .single-news h2.library > span { background: #569594; }
.single-post h2.contemporary-music > span, .single-news h2.contemporary-music > span { background: #FF52D9; }
.single-post #content, .single-news #content { margin-bottom: 40px; }
.single-post #content .fourcol, .single-news #content .fourcol { background: #20282D; color: #fff; padding: 20px; border-bottom-right-radius: 25px; max-width: 280px; }
.single-post #content .fourcol a.book, .single-news #content .fourcol a.book { background: #EF4034 url("images/bookbtn.png") no-repeat right center; background-size: 44px; padding: 8px 59px 8px 15px; font-weight: bold; color: #fff; font-size: 18px; text-transform: uppercase; text-align: center; vertical-align: bottom; display: block; width: 100%; margin-bottom: 20px; }
.single-post #content .fourcol .phone, .single-post #content .fourcol .person, .single-news #content .fourcol .phone, .single-news #content .fourcol .person { padding-left: 40px; padding-bottom: 15px; }
.single-post #content .fourcol .phone strong, .single-post #content .fourcol .person strong, .single-news #content .fourcol .phone strong, .single-news #content .fourcol .person strong { display: block; }
.single-post #content .fourcol .phone, .single-news #content .fourcol .phone { background: url("images/icon-phone.png") no-repeat left 10px; background-size: 27px; }
.single-post #content .fourcol .person, .single-news #content .fourcol .person { background: url("images/icon-person.png") no-repeat left 10px; background-size: 27px; border-bottom: 1px solid #465763; margin-bottom: 10px; }
.single-post #content .fourcol h3, .single-news #content .fourcol h3 { font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 10px 0; }
.single-post #content .eightcol, .single-news #content .eightcol { padding-right: 10%; font-size: 16px !important; }
.single-post #content .eightcol ul, .single-post #content .eightcol ol, .single-news #content .eightcol ul, .single-news #content .eightcol ol { margin-bottom: 40px; margin-left: 20px; padding-left: 30px; list-style: disc; }
.single-post #content .eightcol ul.gfield_checkbox, .single-post #content .eightcol ol.gfield_checkbox, .single-news #content .eightcol ul.gfield_checkbox, .single-news #content .eightcol ol.gfield_checkbox { padding-left: 0 !important; }
.single-post #content .eightcol p a, .single-news #content .eightcol p a { color: #5279dd; font-weight: bold; }
.single-post #content .eightcol ol, .single-news #content .eightcol ol { list-style: decimal; }
.single-post #content .eightcol table, .single-news #content .eightcol table { margin-bottom: 40px; }
.single-post #content .eightcol table tr td, .single-news #content .eightcol table tr td { padding: 8px; vertical-align: top; max-width: 33.33333%; width: auto; display: table-cell; border: 1px solid #ddd; }
.single-post #content .eightcol h3, .single-news #content .eightcol h3 { font-size: 25px; line-height: 27px; font-weight: bold; margin-bottom: 20px; }
.single-post #content .eightcol #share, .single-news #content .eightcol #share { border: 1px solid #465763; color: #20282D; display: inline-block; margin-top: 20px; }
.single-post #content .eightcol #share span, .single-news #content .eightcol #share span { padding: 10px 25px; display: inline-block; }
.single-post #content .eightcol #share a, .single-news #content .eightcol #share a { border-left: 1px solid #465763; padding: 10px; display: inline-block; background: #fff url("images/icon-share.png") no-repeat; background-position: -37px center; background-size: 117px; width: 41px; height: 41px; margin: 0; text-indent: -99999px; }
.single-post #content .eightcol #share a.email, .single-news #content .eightcol #share a.email { background-position: -69px center; background-size: 100px; }
.single-post #content .eightcol #share a.twitter, .single-news #content .eightcol #share a.twitter { background-position: 12px center; background-size: 106px; }
.single-post #content .eightcol #share a:hover, .single-news #content .eightcol #share a:hover { background-color: #EEF0F2; }
.single-post #content .eightcol #partners, .single-news #content .eightcol #partners { margin-top: 50px; }
.single-post #content .eightcol #partners h3, .single-news #content .eightcol #partners h3 { text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #465763; margin-bottom: 20px; }
.single-post #content .eightcol #partners img, .single-news #content .eightcol #partners img { max-width: 200px; }
.single-post #content .eightcol #partners a img, .single-news #content .eightcol #partners a img { width: auto; }
.single-post #content p, .single-news #content p { margin-bottom: 20px; }

.single-news .eightcol { padding-right: 0 !important; font-size: 16px !important; }
.single-news .eightcol p { margin-bottom: 20px !important; }
.single-news .fourcol { background: none !important; border-bottom-radius: 0 !important; color: #20282D !important; font-size: 16px !important; }
.single-news .fourcol a { background: #EEF0F2; padding: 10px 15px; margin-bottom: 40px; color: #20282D; font-weight: bold; display: block; text-transform: uppercase; }

.page #header-image .row, .tax-venue_category #header-image .row, .single-venues #header-image .row { height: 415px; }
.page #content, .tax-venue_category #content, .single-venues #content { font-size: 16px; margin-top: 30px; }
.page #content h2, .tax-venue_category #content h2, .single-venues #content h2 { font-size: 36px; line-height: 40px; font-weight: bold; text-transform: uppercase; color: #20282D; border-bottom: 3px solid #EF4034; padding-bottom: 20px; margin-bottom: 40px; }
.page #content h3, .tax-venue_category #content h3, .single-venues #content h3 { font-weight: bold; font-size: 18px; }
.page #content h4, .tax-venue_category #content h4, .single-venues #content h4 { font-weight: bold; font-size: 16px; }
.page #content p, .page #content h3, .tax-venue_category #content p, .tax-venue_category #content h3, .single-venues #content p, .single-venues #content h3 { margin-bottom: 20px; }
.page #content .fourcol ul.venues, .tax-venue_category #content .fourcol ul.venues, .single-venues #content .fourcol ul.venues { margin-bottom: 50px; }
.page #content .fourcol ul li, .tax-venue_category #content .fourcol ul li, .single-venues #content .fourcol ul li { background: #EEF0F2; padding: 10px 15px; margin-bottom: 5px; }
.page #content .fourcol ul li a, .tax-venue_category #content .fourcol ul li a, .single-venues #content .fourcol ul li a { color: #20282D; font-weight: bold; }
.page #content .fourcol ul li.current_page_item, .page #content .fourcol ul li:hover, .tax-venue_category #content .fourcol ul li.current_page_item, .tax-venue_category #content .fourcol ul li:hover, .single-venues #content .fourcol ul li.current_page_item, .single-venues #content .fourcol ul li:hover { background: #EF4034; }
.page #content .fourcol ul li.current_page_item a, .page #content .fourcol ul li:hover a, .tax-venue_category #content .fourcol ul li.current_page_item a, .tax-venue_category #content .fourcol ul li:hover a, .single-venues #content .fourcol ul li.current_page_item a, .single-venues #content .fourcol ul li:hover a { color: #fff; text-decoration: none; }
.page #content .fourcol ul.header li:first-child, .tax-venue_category #content .fourcol ul.header li:first-child, .single-venues #content .fourcol ul.header li:first-child { background: #465763; }
.page #content .fourcol ul.header li:first-child a, .tax-venue_category #content .fourcol ul.header li:first-child a, .single-venues #content .fourcol ul.header li:first-child a { color: #fff; text-transform: uppercase; }
.page #content #category h2, .page #content #news h2, .tax-venue_category #content #category h2, .tax-venue_category #content #news h2, .single-venues #content #category h2, .single-venues #content #news h2 { color: #20282D; font-size: 24px; padding-bottom: 10px; border-bottom: 1px solid #465763; margin: 20px 0; font-weight: bold; text-transform: uppercase; }
.page #content #category p, .page #content #news p, .tax-venue_category #content #category p, .tax-venue_category #content #news p, .single-venues #content #category p, .single-venues #content #news p { margin-bottom: 20px; }
.page #content .eightcol, .tax-venue_category #content .eightcol, .single-venues #content .eightcol { font-size: 16px !important; }
.page #content .eightcol ul, .page #content .eightcol ol, .tax-venue_category #content .eightcol ul, .tax-venue_category #content .eightcol ol, .single-venues #content .eightcol ul, .single-venues #content .eightcol ol { margin-bottom: 40px; margin-left: 20px; padding-left: 30px; list-style: disc; }
.page #content .eightcol ul.gfield_checkbox, .page #content .eightcol ol.gfield_checkbox, .tax-venue_category #content .eightcol ul.gfield_checkbox, .tax-venue_category #content .eightcol ol.gfield_checkbox, .single-venues #content .eightcol ul.gfield_checkbox, .single-venues #content .eightcol ol.gfield_checkbox { padding-left: 0 !important; }
.page #content .eightcol p a, .tax-venue_category #content .eightcol p a, .single-venues #content .eightcol p a { color: #5279dd; font-weight: bold; }
.page #content .eightcol ol, .tax-venue_category #content .eightcol ol, .single-venues #content .eightcol ol { list-style: decimal; }
.page #content .eightcol table, .tax-venue_category #content .eightcol table, .single-venues #content .eightcol table { margin-bottom: 30px; }
.page #content .eightcol table tr td, .tax-venue_category #content .eightcol table tr td, .single-venues #content .eightcol table tr td { padding: 8px; vertical-align: top; max-width: 33.33333%; width: auto; display: table-cell; border: 1px solid #ddd; }

.gform_wrapper .gform_body label.gfield_label { width: 25% !important; display: inline-block; vertical-align: top !important; font-weight: normal !important; }
.gform_wrapper .gform_body div.ginput_container { width: 75% !important; display: inline-block; }
.gform_wrapper .gform_body div.ginput_container label { letter-spacing: 0 !important; font-style: italic !important; }
.gform_wrapper .gform_body input, .gform_wrapper .gform_body textarea, .gform_wrapper .gform_body select { border: 1px solid #465763 !important; padding: 10px !important; width: 100% !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.gform_wrapper .gform_body input[type="checkbox"], .gform_wrapper .gform_body input[type="radio"] { border: 0 !important; padding: 0 !important; width: auto !important; -webkit-appearance: checkbox !important; }
.gform_wrapper .gform_body input[type="radio"] { -webkit-appearance: radio !important; }
.gform_wrapper .gform_body select { -webkit-appearance: none !important; background: #fff !important; margin-left: 0 !important; background: url("images/icon-dropdown.png") no-repeat 98% center !important; background-size: 11px !important; }
.gform_wrapper .gform_footer { border: solid #465763; border-width: 1px 0; }
.gform_wrapper .gform_footer [type="submit"] { background: #EF4034 url("images/bookbtn.png") no-repeat right center; background-size: 54px; padding: 12px 69px 12px 15px; font-weight: bold; color: #fff; font-size: 24px; text-transform: uppercase; text-align: center; vertical-align: bottom; position: relative; top: -4px; }

.wp-caption { font-style: italic; font-size: 12px; background: #EEF0F2; }

#venue_selector { background: #DADDDF; padding: 20px; border-bottom-right-radius: 30px; margin-bottom: 40px; }
#venue_selector h3 { font-size: 18px; text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: 15px; }
#venue_selector select { border: 1px solid #465763 !important; padding: 10px !important; width: 70% !important; max-width: 300px; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
#venue_selector select { -webkit-appearance: none !important; margin-left: 0 !important; background: #fff url("images/icon-dropdown.png") no-repeat 98% center !important; background-size: 11px !important; }
#venue_selector [type="submit"] { background: #20282D url("images/bookbtn.png") no-repeat right center; background-size: 34px; padding: 8px 49px 8px 8px; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; width: 27%; max-width: 150px !important; position: relative; top: 1px; }

#venues { margin-top: 50px; }

.venue { padding-bottom: 40px; border-bottom: 1px solid #465763; margin-bottom: 20px; position: relative; color: #20282D; }
.venue:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.venue h3 { font-size: 18px; text-transform: uppercase; font-weight: bold; }
.venue a.book { background: #20282D url("images/bookbtn.png") no-repeat right center; background-size: 34px; padding: 8px 49px 8px 8px; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; width: 100%; max-width: 200px !important; position: absolute; bottom: 20px; }

#carousel { height: 390px !important; }
#carousel .row { overflow: visible; }
#carousel .row:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

ul.tabs { margin: 30px 0 0 !important; padding-left: 0 !important; }
ul.tabs li { background: #465763; color: #fff; display: inline-block; width: 33.33333%; padding: 10px 15px; cursor: pointer; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 18px; margin-right: -4px !important; }
ul.tabs li:last-child { margin-right: 0; }
ul.tabs li.current { background: #DADDDF; color: #20282D; }

.tab-content { display: none; background: #465763; padding: 20px; }
.tab-content .carousel li { /*padding: 0 6px;*/ /*&:first-child {
	padding-left: 0;
}*/ }
.tab-content .carousel li a { display: block; position: relative; padding: 0 2%; }
.tab-content .carousel li img { margin: 0 auto; width: 100%; }
.tab-content .carousel li h3 { position: absolute; width: 96%; bottom: 0; padding: 15px; background: #20282D; color: #fff; font-weight: bold; text-align: center; font-size: 18px; }

.tab-content.current { display: inherit; background: #DADDDF; }

hr { height: 1px; border: 0; background: #465763; margin-bottom: 30px; clear: both; }

#content.tickets { margin-bottom: 40px; }
#content.tickets .fourcol { background: #20282D; color: #fff; padding: 20px; border-bottom-right-radius: 25px; max-width: 280px; }
#content.tickets .fourcol a.book { background: #EF4034 url("images/bookbtn.png") no-repeat right center; background-size: 44px; padding: 8px 59px 8px 15px; font-weight: bold; color: #fff; font-size: 18px; text-transform: uppercase; text-align: center; vertical-align: bottom; display: block; width: 100%; margin: 20px 0; }
#content.tickets .sixcol, #content.tickets .twelvecol { padding: 30px 0 10px 65px; }
#content.tickets .sixcol.byphone, #content.tickets .twelvecol.byphone { background: url("images/icon-phone.jpg") no-repeat left 40px; background-size: 33px; }
#content.tickets .sixcol.online, #content.tickets .twelvecol.online { background: url("images/icon-online.jpg") no-repeat left 40px; background-size: 46px; }
#content.tickets .sixcol.inperson, #content.tickets .twelvecol.inperson { background: url("images/icon-person.jpg") no-repeat left 10px; background-size: 35px; }
#content.tickets .twelvecol { padding-top: 0px; }

.map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; }

.page.page-template-archive-news #content #news h2 { font-size: 36px; line-height: 40px; padding-bottom: 5px; margin-bottom: 30px; margin-top: 0; font-weight: bold; text-transform: uppercase; color: #20282D; border-bottom: 2px solid #EF4034; }
.page.page-template-archive-news #content #news .venue { padding-bottom: 40px; }
.page.page-template-archive-news #content #news .venue .readmore { font-weight: bold; text-decoration: underline; }

.restaurant { margin-top: 40px; }
.restaurant:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.parkingtable { margin-bottom: 40px; }

table { width: 100%; }
table thead td { font-weight: bold; padding-bottom: 15px; }
table td { padding: 8px 0; vertical-align: top; width: 33.33333%; }
table tbody tr { border-bottom: 1px solid #fff; }
table tbody tr:last-of-type { border-bottom: 0; }

#category-select [type="checkbox"], #uwpqsf_id [type="checkbox"] { -webkit-appearance: checkbox; }

.wp-advanced-search, #uwpqsf_id { border: 0; }
.wp-advanced-search input[type="checkbox"], #uwpqsf_id input[type="checkbox"] { -webkit-appearance: checkbox; }
.wp-advanced-search input[type="radio"], #uwpqsf_id input[type="radio"] { -webkit-appearance: radio; }
.wp-advanced-search .uform_title, #uwpqsf_id .uform_title { display: none; }
.wp-advanced-search .wpas-checkbox-container, .wp-advanced-search .uwpqsf_class > label, #uwpqsf_id .wpas-checkbox-container, #uwpqsf_id .uwpqsf_class > label { display: inline-block; width: 25%; font-size: 22px; margin-bottom: 10px; }
.wp-advanced-search .wpas-checkbox-container input, .wp-advanced-search .uwpqsf_class > label input, #uwpqsf_id .wpas-checkbox-container input, #uwpqsf_id .uwpqsf_class > label input { width: 30px; height: 30px; position: relative; top: 5px; left: 2px; }
.wp-advanced-search [type="submit"], .wp-advanced-search [type="button"], #uwpqsf_id [type="submit"], #uwpqsf_id [type="button"] { background: #20282D url("images/bookbtn.png") no-repeat right center; background-size: 34px; padding: 8px 49px 8px 8px; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; width: 27%; max-width: 150px !important; position: relative; margin-top: 15px; cursor: pointer; }

.slick-slider { position: relative; }
.slick-slider > button { cursor: pointer; position: absolute; top: -61px; background: url("images/carousel-nav.png") no-repeat; background-size: 195%; height: 100%; width: 35px; height: 285px; text-indent: -99999px; display: block; }
.slick-slider > button.slick-prev { left: -50px; }
.slick-slider > button.slick-next { right: -50px; background-position: right; }

table#wp-calendar { max-width: 250px; }
table#wp-calendar td, table#wp-calendar th { width: 22px; height: 38px !important; background: #fff; color: #465763; font-size: 12px; text-align: center; border: 2px solid #DADDDF; }
table#wp-calendar td a, table#wp-calendar th a { font-weight: bold; }
table#wp-calendar th { background: #EEF0F2; font-weight: bold; }
table#wp-calendar caption { color: #20282D; font-weight: bold; text-align: center; text-transform: uppercase; }
table#wp-calendar tfoot td { background: #20282D !important; color: #fff !important; text-transform: uppercase; }
table#wp-calendar tfoot td.pad { display: none; }
table#wp-calendar tbody td.pad { opacity: 0.25; }

a.red.button { background: #EF4034 url("images/bookbtn.png") no-repeat right center; float: right; background-size: 54px; padding: 12px 69px 12px 15px; font-weight: bold; color: #fff; font-size: 24px; text-transform: uppercase; text-align: center; vertical-align: bottom; }

#lease { background: #DADDDF; padding: 20px; margin-top: 30px; }
#lease h3 { font-size: 28px !important; line-height: 30px; font-weight: bold; text-transform: uppercase; color: #20282D; border-bottom: 3px solid #fff; padding-bottom: 20px; margin-bottom: 20px; }
#lease a { font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; color: #20282D !important; }

#partners a img { width: auto !important; max-width: 150px; }

.mob { display: none; }

#mobilenav { height: 100% !important; position: relative; }
#mobilenav ul { margin: 3% 8% 0; padding: 0; display: block; list-style: none; }
#mobilenav ul li { border-bottom: 1px solid #465763; text-align: center; }
#mobilenav ul li:last-child { border-bottom: 0; }
#mobilenav ul li a { color: #c5c7c9; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 5px 30px; display: inline-block; }
#mobilenav ul li a:hover { text-decoration: none; }

#mobilenav { background: #20282D; border-top: 1px solid #000 !important; clip: rect(0 0 0 0); max-height: none; position: absolute; display: none; overflow: hidden; zoom: 1; }
#mobilenav > div { padding: 0 10px; }

#mobilenav { max-height: 0; overflow: hidden; -moz-transition: max-height 400ms ease-in-out; -webkit-transition: max-height 400ms ease-in-out; transition: max-height 400ms ease-in-out; }
#mobilenav.opened { max-height: 1000px; }

@media only screen and (max-width: 767px) { html, body { height: 100%; }
  .social-share li { width: 48%; }
  #footer a { color: #000; }
  .mob { display: block; position: absolute; background: #fff; top: 0; left: 0; width: 100%; }
  .mob #mobilenav { width: 100%; }
  .mob h1 { padding: 10px 0 10px 5px; max-width: 75%; width: 100%; }
  .mob h1 a { display: block; text-indent: -99999px; width: 60px; height: 20px; background: url("images/logo.jpg") no-repeat center center; background-size: 100%; }
  .js #mobilenav { position: relative; display: block; left: 0; top: 0; height: 100% !important; z-index: 10000; overflow: hidden !important; }
  .js #mobilenav.closed { max-height: none; }
  .navtoggle { display: inline-block; float: right; width: 50px; height: 30px; color: #231f20; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; text-decoration: none; position: absolute; top: 30px; right: 30px; z-index: 10000000000; text-indent: -999999px; background: url("images/menu-open.png") no-repeat right center; background-size: 33px; }
  #header { display: none; }
  #carousel { display: none; }
  #subscribe .twelvecol { padding-bottom: 0px; }
  #subscribe .twelvecol .text { background: url("images/icon-email.png") no-repeat 0px center; background-size: 20px; width: 100%; border-right: 0 !important; padding: 10px 0px 10px 40px; }
  #subscribe .twelvecol .form { padding: 20px 0 1px; float: none; width: 100%; }
  #subscribe .twelvecol .form input[type="email"] { width: 100%; margin-bottom: 10px; }
  #subscribe .twelvecol .form button { margin: 0 auto 20px !important; display: block; }
  #footer { padding: 40px 20px; }
  #footer a { color: #fff; }
  #footer .contact { width: 100%; float: none; padding: 0; border-right: 0; margin-bottom: 40px; }
  #footer .contact img { display: none; }
  #footer .menu { padding: 0; width: 100%; }
  #footer .menu ul { width: 100%; margin: 0 0 5px; }
  #features .sixcol { padding: 0; }
  #whatson .fourcol, #whatson .sixcol, #whatson article { padding: 0; }
  #whatson .fourcol div.date, #whatson .sixcol div.date, #whatson article div.date { width: 16%; }
  #whatson article { width: 100%; margin-right: 0; float: none; min-height: 1px; }
  #slider .twelvecol.event_details .date { display: inline-block; float: none; }
  #slider .twelvecol.event_details .title { width: 100%; float: none; margin: 20px 0; }
  #slider .twelvecol.event_details a.book { float: left; }
  #mobheader { background: #20282D; padding: 5px 0 0; -webkit-box-shadow: 0px 11px 50px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 11px 50px -4px rgba(0, 0, 0, 0.5); box-shadow: 0px 11px 50px -4px rgba(0, 0, 0, 0.5); position: relative; z-index: 10000000; }
  #mobheader h1 { width: 15%; padding: 15px 25px; float: left; }
  #mobheader h1 a { display: block; text-indent: -9999px; width: 60px; height: 51px; background: url("images/logo.png") no-repeat; background-size: 100%; }
  #content .eightcol.last { margin-top: 40px; } }
header, section, footer { position: relative; }
header:after, section:after, footer:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

img { width: 100%; height: auto; }