/*
Theme Name: Ropetackle
Theme URI: http://triggersolutions.co.uk
Description: 
Author: http://triggersolutions.co.uk
Version: 1.0

Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top; line-height:1.3
}
body {
	line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label { 
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
}


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



fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}





ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
a {text-decoration:none}


body {padding-top:0px; margin-left:auto; margin-right:auto; background-image:url(/wp-content/uploads/2020/01/red-background.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; position: relative;     background-repeat: repeat;
    background-size: 100%;
    background-position: top left;
    position: relative;
}  
/*body:before {
	    background-image: linear-gradient(45deg, #a1121d 77%, #d74449 45%);
    content: '';
    display: block;
    height: 1200px;
    width: 100vw;
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0;
}
body:after {
	    background-image: linear-gradient(315deg, #d74449 57%, #a1121d 42%);
    content: '';
    display: block;
    height: 1200px;
    width: 100vw;
    z-index: -1;
    position: absolute;
    top: 677px;
    left: 0;
}*/

.left {float:left}
.right {float:right}
.outer {overflow:hidden}
.curved{


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0 0 0 0 10px 10px;

}
.inner {width:96%; padding-left:2%; padding-right:2%; max-width:1200px; margin:auto}
.logotop {float:left; color:#fff; font-size:13px}
#top {float:right; width:auto;         margin-top: 10px;
    margin-bottom: 10px;}
#top li {display:inline-block; margin-left:15px}
#top li a {background:#025c7e; font-size:21px;  border-radius:25px; margin-left:10px; color:#fff;  
    padding: 3px 12px 5px 12px;
    line-height: .8;}
#top li a:hover, #top li.current_page_item  a,#main li a:hover, #main li.current_page_item  a, #main li.current-page-ancestor a, .parent-pageid-7295 #menu-item-74067 a {color:#000}
#header .search {float:right; width:auto; margin-top:12px;     line-height: 28px; vertical-align:middle}
#header .search h5 {display:inline-block; margin-right:20px; font-size:28px; font-weight:900;     line-height: 28px; color:#f8ad20}
#header .search h5 a{line-height: 28px; color:#f8ad20}
#header .search form {display:inline-block; margin-right:10px; width:210px; position:relative; border:none}
#header .inner {padding-top:20px}
#header .search form input {border:none}
#header .search a {display:inline-block}
#header .search a img {margin-top: 4px;}
#search {     height: 18px;
    width: 172px;}
.submitsearch {  padding: 0px;background-color: #fff;
cursor:pointer;
   height: 16px;
  width: 20px;
  padding: 5px;
  
  font-size: 0px;
   display: block;
  float: right;}

#main {display:block; width:100%; }
#main .inner {  padding-top:10px; padding-bottom:20px}
#quicklinks .inner { }
#main ul {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
   
    margin: 0;
    padding: 0;
}
#main li {
    display: block;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
   
}
#main li a { font-size:21px; color:#fff}
#main li a:hover {color:#000}

#footer {background:#005d7e}
#footer .inner {background-image:url(/wp-content/uploads/2018/04/footer-watermark.png); background-position:right -28px; background-repeat:no-repeat; padding-top:40px; padding-bottom:40px}
#footer p, #footer a {color:#fff; font-size:17px; display:block}
#footer p.smaller, #footer .col:nth-child(4) a {font-size:13px}
#footer a {}
#footer .col:nth-child(1) {width:40%}
#footer .col:nth-child(2) {width:15%}
#footer .col:nth-child(3) {width:32%}
#footer .col:nth-child(4) {width:12%; text-align:right}

#footer .col:nth-child(1)  a, #footer a.social{    color: #fbad15; display:inline-block}


#hassubnav .left {width:20%}
#hassubnav .right {width:78%; padding:20px; box-sizing:border-box; background:#fff}
#hassubnav .left h3 {background:#f8ad20; display:block; font-size:16px; padding:10px; color:#fff; text-transform:uppercase}
#hassubnav .left li {display:block; list-style:none; margin-left:0}
#hassubnav .left li a  {background:#fff; display:block; font-size:16px; padding:5px; color:#a0121e; margin-top:3px; text-transform:uppercase}
#hassubnav .left li a:hover, #hassubnav .left li.current_page_item a  {background:#005d7e; color:#fff}
#hassubnav .right p, #hassubnav .right li, #hassubnav .right a {color:#000}
#hassubnav .right h1, #hassubnav .right h2, #hassubnav .right h3, #hassubnav .right  h4, #hassubnav .right  h5 {color:#005d7e}
#hassubnav .right a, #hassubnav .right  strong{ color:#a0121e}
#mailinglist {color:#005d7e; font-size:23px; line-height:23px; text-align:center;}
#mailinglist .inner { padding-top:30px; padding-bottom:30px;  }
#mailinglist form {display:inline-block; }
#mailinglist form input {margin-left:10px; padding:5px; width:250px}
#mailinglist .submitsearch {height:28px; width:28px}
.inner {overflow:hidden;    }
#header .inner { }
 .left {width:64%}
.right {width:32%}
.home .right {text-align:center}
table {    margin: auto; width:100%; }
#homeblocks {overflow:hidden; position:relative}
#homeblocks a {display:block; height:96%; width:96%; padding:2%; display:block; color:#fff; font-size:23px; text-transform:uppercase}

.col3 h3 a {color:#d74449 !important; display:block; background:#fff; padding:10px; text-align:center;}
.home .col3 p {color:#fff;     font-weight: 400;
    margin-top: 20px;}
.home .col3 p a{color:#f8ad20; font-weight:900}

#homeblocks .postid-56 a {color:#000}
#homeblocks .smallboxes a {    padding-top: 51%;
    padding-left: 5%;}
.bigbox {width:100%; height:413px; background-size:cover;}
.smallboxes {width:25%; height:100%; position:absolute; top:0; right:0}
.smallbox {width:100%; height:33.333%; display:block; background-size:cover}
#wp-calendar tbody
{
    background: #e8e8e8;
    padding: 5px;
}
#wp-calendar  caption {background: #fff; font-size:18px;
	text-align:center; cursor:pointer; line-height:2.5;     color: #000;
}
#wp-calendar tbody td
{
      background: #fff;
    padding: 10px 15px;
    border: 1px solid #000;
    color: #000;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
#wp-calendar tbody td#today
{
      background: #000;
    padding: 10px 15px;
    border: 1px solid #000;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
#wp-calendar tbody td.showon {background:#d74449; color:#fff}
#wp-calendar thead th
{
  background: #000;
    border: 5px solid #000;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.padding {padding:15px}
header .inner{background:#005d7e; display:block; padding:0}
header h1 {color:#fff; display:inline-block; line-height:35px}
header .form {display:inline-block; margin-left:20px; color:#fff; font-size:24px; line-height:26px}
header .form select {display:inline-block; margin-left:20px; width:280px; padding:5px; height:30px;     margin-right: 20px; line-height:30px
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background-image: url(/wp-content/uploads/2020/02/black-select-arrow.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: 97% 7px;
}
header .form button  {color:#fff; display:inline-block; line-height:26px; font-size:24px; background:none; border:none; padding:0;line-height: 26px;
    float: right;
    margin-top: 5px; cursor:pointer }
#list-view {background:#fff; padding:5px; color:#005d7e; font-size:14px; display:inline-block; position:relative; margin-right:0; float:right; margin-top:15px; margin-left:0; border:1px solid #005d7e}
#list-view:before{content:' '; background-image:url(/wp-content/uploads/2018/04/list-icon-blue-1.png); background-size:cover; width:18px; height:13px; display:inline-block; margin-right:5px; float:left; margin-top:3px}
#cal-view {background:#fff; padding:5px; color:#005d7e; font-size:14px; display:inline-block; position:relative;  margin-right:0; float:right; margin-top:15px; margin-left:0; border:1px solid #005d7e}
#cal-view:before{content:' '; background-image:url(/wp-content/uploads/2018/04/calendar-icon-blue-1.png); background-size:cover; width:21px; height:18px; display:inline-block; margin-right:5px; float:left}
#cal-view.active {background:#005d7e; color:#fff}
#list-view.active {background:#005d7e; color:#fff}
.listingitem {display:block; margin-top:5px; font-size:14px}
.listingitem1 {color:#d9454e;}
.listingitem2 {color:#fbad15;}
.listingitem3 {color:#000;}

#cal-view input, #list-view input {display:none}
#cal-view.active:before {background-image:url(/wp-content/uploads/2018/04/calendar-icon-white-1.png);}
#list-view.active:before {background-image:url(/wp-content/uploads/2018/04/list-icon-white-1.png);}
.eventlisting  strong {display:block; margin-bottom:20px}
.eventlisting  .status {display:none}
.eventlisting .booknow,.eventlisting  .moreinfo {text-transform:uppercase; margin-left:0px; font-size:18px} 
.eventlisting  .moreinfo {margin-left:0; margin-right:10px}
.page-id-10 #wp-calendar tbody td {width:14%}
.page-id-10 #wp-calendar tbody td a {display:block; clear:both}
.nextcal {color:#000; float:right; margin-right:30px;margin-top:8px; font-size:20px}
.prevcal {color:#000; float:left; margin-left:30px; margin-top:8px; font-size:20px}

.col {display:inline-block; overflow:hidden}
.col3 {width:31.6%; margin-right:2.3333%; margin-bottom:2%; vertical-align:top; color:#005d7e}
.col3.item3 {margin-right:0}
.col3 .box{text-align:center}
.col3 img {    max-width: none;
    height: auto;
   
    width: auto;}
.home 	.col3 img, .blog .col3 img {    max-width: 100%; height:auto; min-height:0; max-height:none}
.blog #content .col {border-bottom:3px solid #f8ad20; padding-top:10px; padding-bottom:10px; clear: both;
    display: block;}

.col .img {width:20%; float:left; margin-right:2%; min-height:10px}
.col .img img {width:100%; height:auto; max-width:none}
.col .text {width:78%; float:left; padding-top:0px;}
.col3 h3 {font-size:23px; color:#005d7e; line-height:1.3; margin-top:30px; font-weight:normal}
.col3 h3 a {color:inherit}
.col3 p {font-size:17px; font-weight:normal}
.col3 a.readmore {font-weight:900}
.col3 h4 {text-align:center}
.col3.red h4 {background:#d54248}
.col3.blue h4 {background:#005d7e}
.col3.yellow h4 {background:#fbad15}
.col3.red a.readmore {color:#d54248}
.col3.blue a.readmore {color:#005d7e}
.col3.yellow a.readmore {color:#fbad15}
.boxed {background:#000; text-align:center; width:100%; height:auto; margin-bottom:20px; position:relative; position: relative;
    display: block;
    overflow: hidden;
    min-height: 301px;
}
.boxed {height:253px;  min-height: 253px;}
.boxed img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto}
.box {border-bottom:solid 1px #8d8d8d; padding-top:15px; padding-bottom:15px; padding-left:8px; padding-right:8px}
#innerboxes .box:last-child {border:none}
.topbox {background-color:#000; border:none}
.box:hover {background-color:#f2c6c8}
h1 {font-size:28px; color:#fff; font-weight:bold; line-height:40px; text-transform:uppercase}
h2 {font-size:22px;  color:#fff; margin-bottom:20px}
h5 {font-size:32px; color:#d9454e; font-weight:bold; margin-bottom:20px}
h3,.box h3 a {font-size:15px; color:#000; font-weight:bold; line-height:18px; text-transform:uppercase}
h4, h4 a {color:#FFFFFF; padding-left:14px; line-height:38px; text-transform:uppercase; font-size:25px}
strong{color:#f8ad20;}
p strong {color:#fff}
p a {color:#fff}
.mobilered {color:#f8ad20; font-size:24px; display:block; margin-bottom:20px}
iframe {width:100%; height:576px}
h6 {color:#d54348; font-size:19px}
.left img {width:auto; height:auto; max-width:100%}
.single-events #content img {max-width:100%; height:auto}
.topbox h3, .topbox h3 a {color:#FFFFFF; font-size:21px}
.box p {font-size:13px; line-height:17px; margin-top:5px}
.box a {color:#025c7e}
p {font-size:18px; color:#fff; line-height:1.3; margin-bottom:15px}
p strong {line-height:1.3;}
p a {line-height:1.3}
.blog h2 {color:#f8ad20}
.spacer {display:inline-block; width:20px}
.spacer img {float:left; margin-top:3px}
#main #menu-item-68609 {display:none !important}
.single-events #content p {font-size:18px}
.single-events #content h1, .single-events #content h2, .single-events #content h3, .single-events #content div {color:#fff}
.single-events #content  p {font-size:21px; font-weight:400; margin-top: 25px;}
.single-events #content  p.mtext {font-size:16px}
.single-events #content   h1 {font-size:30px; font-weight:700; color:#f8ad20}
.single-events #content   h3 {    font-size: 20px;
    font-weight: 900;
    line-height: 1.3;
    text-transform: none;}
	.at-below-post {float:right; margin-top:20px}
.single-events #content  iframe {height:220px}
.single-events #content .right img {    width: 100%;
    height: auto;}

#content li  {font-size:16px; color:#fff; line-height:20px; list-style:disc; margin-left:20px}
#content .right img {width:auto; height:auto; max-width:100%}
#left ul li {
	font-size:18px;
	color:#025c7e;
	line-height:23px;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:15px;
	margin-top:15px
}
#header .right p {font-size:14px; color:#10181c; margin-top:5px; line-height:17px}
#header .right p.bigger {line-height:18px}
a {color:#f8ad20}
#quicklinks {padding-top:20px;   overflow:hidden}
#quicklinks {padding-top:0px; border-top:none; overflow:hidden}
#panto  {padding-top:20px; margin-bottom:0px; border-top:solid 1px #8d8d8d; border-bottom:none; overflow:hidden;}
.quicklink {width:316px; margin-left:3px; margin-right:3px; float:left; overflow:hidden;       font-size: 14px;
    line-height: 24px;
    color: #999 !important;}
	.quicklink .addthis_tool, .home .addthis_tool, .blog .addthis_tool, .archive .addthis_tool  {display:none !important}
.quicklink:first-child, .quicklink:last-child {margin-left:0%; margin-right:0%;}
.quicklink p{font-size:13px;     display: inline-block;
    padding-right: 5px;}
.quicklink a{font-size:15px; color:#d54348}

.mailing {padding:12px; background-color:#005d7d; overflow:hidden; margin-top:0px}
.mailing h3 {color:#FFF}
.mailing #mce-EMAIL {width:120px; float:left; padding:5px; margin-top:5px}
.mailing #mc-embedded-subscribe {padding:6px; text-transform:uppercase; float:left; margin-top:3px}
.redBG {background-color:#d64349}
.blueBG {background-color:#005d7d}
.pinkBG {background-color:#be80a0}

h2 em { line-height:26px; padding-bottom:10px; display:block}
body.page-id-7181 h2 {margin-top:10px; margin-bottom:10px}

.alignleft {float:left; padding-right:20px; padding-bottom:20px}
.alignright {float:right; padding-left:20px; padding-bottom:20px}
.boxofficeleft {width:380px; float:left}
.boxofficeright {width:260px; float:left}

.pinkbox {background-color:#debfd0; margin-top:20px; height:122px}
.pinkouter { overflow:hidden; margin-top:15px}
.workshops {background-color:#fbecec; padding:2%; margin-right:1%; margin-bottom:15px; border-top:4px solid #d54348; width:28.33%; float:left; }
.workshops.right {float:right}
.workshops h3 {color:#d54348; font-size:20px; font-weight:bold; line-height:25px}
body.page-id-50 #left {padding-right:40px; width:666px}
.events {width:226px; float:left; margin-right:10px; height:230px; margin-top:15px; overflow:hidden}
.events p {margin-top:5px; text-align:center}
.events img {margin-bottom:10px}
.buy { padding-bottom:0; padding-top:0; padding-left:0; padding-right:0; font-size:37px; color:#FFFFFF; text-transform:uppercase; background-color:#000; margin-top:0; text-align:center; text-transform:uppercase; line-height:1.5}
.buy a {text-transform:uppercase}
.buy a, .buy input {color: #FFFFFF;
    border: none;
    background: none;
    cursor: pointer;
    line-height: 2;
    font-size: 30px;
    font-weight: 900;}
.col3 .addthis_tool {display:none !important}
#content .left {position:relative}
.eventDate {width:100px}
.eventArtist {width:220px; padding-right:10px}
.eventEvent {width:100px}
.eventTime {width:120px}
.eventPrice {width:70px}
.page-id-51855 .eventTime {width:123px}
.page-id-51855 .eventPrice {width:123px}
.eventBuy {width:86px; float:right}

#carousel {height:486px; width:716px; position:relative; overflow:hidden}
.carousel {height:486px; width:716px; position:relative; overflow:hidden}
.single-events #left .mobilehide img {padding-top:10px}
#carouselImages {position:absolute; width:2148px}
.carouselImages {position:absolute; width:2148px}
.carouselImage  {width:716px; float:left; text-align:center; background-color: black;
opacity: 0.9;}
#carouselText {width:716px;position:absolute; top:309px; left:0px; height:200px; background-color:#000; opacity:0.9; z-index:99}
.carouselText {position:absolute;  top:286px; left:0px; height:154px; width:238px;  padding-top:23px; padding-bottom:23px;opacity:0.4; z-index:999}
.carouselText.active {opacity:1}
.carouselText .inner {border-right:1px solid #FFFFFF; padding-left:33px; padding-right:33px;}
#carouselText1{position:absolute;  top:309px; left:0px; }
#carouselText2{position:absolute;  top:309px; left:238px;}
#carouselText3{position:absolute;  top:309px; left:476px;}
#carouselText3.carouselText .inner {border:none}
.carouselText p {color:#FFFFFF; font-size:13px; line-height:16px}
.carouselText h6 { color:#ffffff; font-size:13px}
.carouselText h6 a {font-size:15px}
#arrowLeft {position:absolute; top:152px; left:15px; cursor:pointer}
#arrowRight {position:absolute; top:152px; right:15px; cursor:pointer}
.arrowLeft {position:absolute; top:152px; left:15px; cursor:pointer}
.arrowRight {position:absolute; top:152px; right:15px; cursor:pointer}
.single-events .arrowLeft,.single-events .arrowRight {top:45%}
.single-events #carouselTextOuter {display:none !important}
.single-events .carouselImage {background-color:#fff}
#basket {margin-top:20px; background-color:#f5ecf1; width:690px; overflow:hidden; padding-bottom:15px}
.topbasket {background-color:#d64349; height:22px; color:#FFFFFF; font-weight:bold; line-height:22px}
.innerbasket {overflow:hidden;  padding-top:10px; padding-bottom:10px}
.basket1 {width:288px; float:left; padding-left:10px; padding-right:10px; line-height:22px}
.basket2 {width:100px; float:left; padding-left:10px; padding-right:10px; line-height:22px}
.basket3 {width:50px; float:left; padding-left:10px; padding-right:10px; line-height:22px}
.basket4 {width:80px; float:left; padding-left:10px; padding-right:10px; line-height:22px}
.basket5 {width:70px; float:left; padding-left:10px; padding-right:10px; line-height:22px}
.innerbasket input {background:none; border:none; color:#d64349; cursor:pointer}
.innerbasket input.qua {background:#FFFFFF; width:30px; margin-right:3px; color:#000000; padding:5px}

#basketright {width:283px; float:right}
#basketright div {padding-left:10px}
.basketprice {padding:10px; margin-top:3px; background:#FFFFFF; margin-bottom:3px}
#basketright a {padding-top:20px; padding-left:10px}
#booking {background-color:#f5ecf1; overflow:hidden; padding-bottom:15px}
#booking .topbasket {background-color:#d64349; height:32px; color:#FFFFFF; font-weight:bold; line-height:32px; padding-left:20px; margin-bottom:10px}
#booking  label {width:144px; margin-left:20px; float:left}
#booking input {width:305px; float:left;}
#booking input.submit {width:auto; height:23px; float:none; margin-left:10px; margin-top:10px}
#booking textarea {width:99%; height:50px; margin-left:10px; float:none}
.innerbooking {padding-bottom:10px; overflow:hidden; display:inline-block; width:49%}
.innerbooking.gaid {width:99%}
.comingup {background-color: #F5ECF1; border-top:3px solid #d54248; padding:15px; float:left; width:226px; margin-right:10px; margin-bottom:20px; margin-top:20px}
.comingup img {margin-top:10px;}

#joint {display:none}
.gaid p {padding-left:10px; font-size:14px; color:#000; line-height:17px}

.page-id-1789 .gaid {display:none}
#twitter {
	background-image:url(img/tw.jpg);
	background-repeat:no-repeat;
	background-position: 20px center;
	padding-left:35px;
}
#twitter h3{display:none}
#menu #twitter li {float:none; height:26px; overflow:hidden; margin-top:5px}
#twittertweet1 {height:30px; margin-top: -3px;}
#twittertweet1 p {margin-top:0px; padding-top:0px; color:#999999; font-style:italic; font-weight:normal}
#menu #twittertweet1  a {color:#999999; font-weight:normal}

.FriendsConcession {font-size:12px; color:#999999; font-style:italic}
.related h3 {font-size:22px; padding-top:15px; padding-left:5px}
.related {width:100%; border-top:solid 1px #8d8d8d; margin-top:15px}
.related .quicklink {margin-top:15px; width:100%; margin-left:0px; margin-right:0px}
.related .quicklink img, .related .quicklink .inner{ width:100%; height:auto}

.related .quicklink h4 {line-height: 23px; text-transform:capitalize; padding-top:4px; font-size:16px}
#filtergenre {margin-top: -2px;}
.vf {
	background-color:#005e7a;
	padding:5px;
	color:#fff;
	cursor:pointer;
	border:none;
	float:right;
	margin-left:17px;
	margin-top:11px}
	
	.jazzfest {
	background-image:url('/wp-content/uploads/2016/11/Jazz-Fest-Button-2017-3.png'); background-repeat:no-repeat;
	padding:5px;
	color:#fff;
	cursor:pointer;
	border:none;
	float:right;
	margin-left:17px;
	margin-top:11px}
	.adurf {
	background-color:#9eba56;
	padding:5px;
	color:#fff;
	cursor:pointer;
	border:none;
	float:right;
	margin-left:17px;
	margin-top:11px}
	.badgeb {
	background-color:#59ae77;
	padding:5px;
	color:#fff;
	cursor:pointer;
	border:none;
	float:right;
	margin-left:17px;
	margin-top:11px}
	.comedyf {
	background-color:#5aad77;
	padding:5px;
	color:#fff;
	cursor:pointer;
	border:none;
	float:right;
	margin-left:17px;
	margin-top:11px}
	.portal {margin-top:11px; float:right; margin-right:0px}
	.wordfest {
	background-color:#e63911 ;
	padding:5px; padding-bottom:5px;
	color:#fff;
	cursor:pointer;
	border:none;
	float:right;
	margin-left:17px;
	margin-top:11px}
	body.darker #twittertweet1 p, body.darker  .box a, body.darker  p, body.darker  #footer a, body.darker  placeholder, body.darker  .eventlisting a, body.darker  .eventlisting, body.darker  .grey, body.darker #left ul li, body.darker  a	 {color:#000}
	body.darker .topbox.box a {color:#fff}
	body.darker .topbox.box a:hover {#000}
	body.darker .carouselText {opacity:1}
	
	body.darker .carouselText p, body.darker a.vf, body.darker .eventlisting .eventBuy a {color:#fff}
	body.darker #footer  a.nc {color:#025c7e}
	
	body.darker .eventlisting.toplisting {
color: #d64349;

}
body.darker .quicklink a {

color: #d54348;
}
body.darker .red a{color: #d54348;}


#booking input.submit.bluebutton, .bluebutton, body.darker a.bluebutton, .innerbasket input.bluebutton {
background-color: #005e7a;
padding: 5px;
color: #fff;
cursor: pointer;
border: none;
float: left;
font-weight:bold; font-size:16px; line-height:16px;
height:auto;
width:auto

}
a.pinklink, body.darker a.pinklink {float:none; font-size:17px; line-height:20px; color:#fff; font-weight:bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0 0 0 0 10px 10px;
border:1px solid #bd80a1; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family: 'Lato', sans-serif;; padding: 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #69a0b1; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd80a1), to(#d695b8));
 background-image: -webkit-linear-gradient(top, #bd80a1, #d695b8);
 background-image: -moz-linear-gradient(top, #bd80a1, #d695b8);
 background-image: -ms-linear-gradient(top, #bd80a1, #d695b8);
 background-image: -o-linear-gradient(top, #bd80a1, #d695b8);
 background-image: linear-gradient(to bottom, #bd80a1, #d695b8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bd80a1, endColorstr=#d695b8);
}
#basketright a.bluebutton {padding-top:5px; padding-bottom:5px}


#booking input.submit.bluebutton, .bluebutton, body.darker a.bluebutton, .innerbasket input.bluebutton,
.bluebutton {
background:#005d7e
}
.boxid56, .box.boxid14 {border-bottom:none}
.mobrightshow {display:none}
.mobrighthide {display:block}
.supper {cursor:pointer}
#supper {display:none; position:absolute; top:0px; left:120px; background:#d64349; padding:10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0 0 0 0 10px 10px;}
#supper p, #supper p strong {color:#fff !important; margin:0; padding:0}
#meals {position:relative;     clear: both; margin-top:30px}
.col3 h2, .single-events h1 {text-transform:uppercase}
#booking input#giftchoose, #booking input#giftchoosefriend  {display:none; float:none; width:150px}
#joindetails{display:none; padding:20px; margin:0}
.donatefriend , #giftchoosefriend{display:none}
.am {display:none}

#mobilebuttons p {overflow: hidden; margin-top:7px}

.sitem {border-bottom: solid 1px #8d8d8d; padding-bottom:15px; padding-top:15px}

.mobileshow form.sform .submitsearch   {height: 14px;}
.blogitem {padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:10px; padding-top:10px}
.blogitem:last-child {border:none}
.blogsidebar {padding-top:15px}
.blogsidebar h2 {color:#d64349}
.blogsidebar li {list-style:none}
.blogsidebar ul {margin-bottom:15px}
.friendsnum {display:none}
a.smallbasket {color:#d64349; font-size:13px}
.showtime,.ttype {width:108px}
.showtime {  margin-right: 74px;
  margin-bottom: 6px;}
  .gecko .showtime {margin-right: 79px;}
  .ipad .showtime {margin-right: 62px;}
  .typehidden {display:none}
  .socialtop {display:none; text-align:right; margin-top:10px;     overflow: hidden;    width: 100%;    padding-top: 10px;}
  #footer .mobileshow.mobileshowearly  {display:none }
  .seated {    background: #59ad77;
    color: #fff;
    font-size: 12px;
    padding: 2px; text-transform:uppercase}
	#review { margin-bottom:30px}
	.donatebutton{background: #56b132;
    color: #fff;
    font-size: 21px;
    padding: 12px;
    padding-left: 60px;
    padding-right: 60px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 10px;     margin-bottom: 20px;}
	.donatebutton:hover{background:#7cc260}
	.joinasfriend{background: #56b132;
    color: #fff;
    font-size: 21px;
    padding: 12px;
    padding-left: 60px;
    padding-right: 60px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 10px;     margin-bottom: 20px;}
	.joinasfriend:hover{background:#7cc260}
	
	.donateanniversarybutton{background: #56b132;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 10px;     margin-bottom: 0px;}
	.donateanniversarybutton strong {color:#fff}
	.donateanniversarybutton:hover{background:#7cc260}
	
	.artsportal{background: #095d7f ;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 10px;     margin-bottom: 0px;}
	.artsportal strong {color:#fff}
	.artsportal:hover{background:#337d97 }
	
	.pinkbgbutton{background: #e9d5e0;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 10px;     margin-bottom: 0px;}
	.pinkbgbutton strong {color:#d54348}
#panto img {width:100%; height:auto}	
.logotop {    float: left;}
.badge {    display: inline-block;
    float: right;
    margin-right: 43px; margin-top:-23px}

.wpcf7-form label {
    background: #d54348;
    color: #fff;
    display: block;
    padding: 5px;
}
.wpcf7-form .wpcf7-form-control-wrap input
 {
    width: 98%;
    padding: 1%;
}
.rc-anchor {margin-top:10px}
.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 15px;
}
.wpcf7-submit{
    background: #d54348;
    color: #fff;
    display: inline-block;
    padding: 5px;
	cursor:pointer;
	border:none;
	font-size:20px
}
span.wpcf7-not-valid-tip {
    color: #000 !important;
    
    
}
a.donatedby, .donatedby a {color:#fff}
.donatedby {    background-color: #59ae77; color:#fff; padding:5px}
.topbid {color:#d9454e}
h1 .topbid {font-weight:normal; font-size: 20px;
    text-transform: uppercase;}
	
	.carouselImage {position:relative}

.carouseltextnew {
   width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    background-color: rgba(0,0,0,1);
    opacity: 1;
    z-index: 99;
    text-align: left;
    
}

.carouseltextnew h6 strong {color:#fbad17; font-weight:900; font-size:18px; padding-top:5%; display:block}
.carouseltextnew  h2 {color:#fff; font-size:21px; padding-left:5%; text-transform:uppercase; margin-bottom:0px;  padding-right:5%; margin-top:10px}
.carouseltextnew h6 {
    color: #fff;
    font-size: 21px; font-weight:900; padding-left:5%; text-transform:uppercase; padding-right:5%; margin-bottom:10px
}
.carouseltextnew p {
    color: #fff;
    font-size: 13px;
    line-height: 16px; padding-left:2%
}
.carouseltextnew a {font-size: 21px;
    border-radius: 25px;
    margin-left: 10px;
    color: #fff;
    padding: 5px 15px;
    line-height: 1; background:#f8ad20;     margin-top: -51px;
    margin-right: 20px; float:right}
	#slider .inner {    padding: 0;
    border: 10px solid #fff}
	#slider .left ,#slider .right{background:#000}
	#slider .right {width:32%; padding-left:2%; padding-right:2%;     height: 556px; padding-top:30px}
	
	#slider .right h2  {
	font-size: 24px;
    border-radius: 25px;
    margin-left: 0px;
    color: #fff; font-weight:400; text-align:center;
    padding: 5px 15px;
    line-height: 1; background:#d74449; margin-bottom:20px  
}

.nodate {background:#900 !important}

a.bigbutton {
	font-size: 34px;
    border-radius: 10px;
    margin-left: 10px;
    color: #fff; font-weight:800; text-align:center;
    padding: 10px 45px;
    line-height: 1; background:#f8ad20; display:block;  margin:28px 0 ;     line-height: 1.3;
    margin-bottom: 4px;
}
.booknow {color:#fff; font-weight:800}
.moreinfo {color:#fbad17; font-weight:800}
.moreinfo:after, .booknow:after {content:'>';}
.col3 {position:relative}
.soldout {content: ' ';
    background-image: url(/wp-content/uploads/2020/01/sold-out-stamp-RED.png);
    background-size: 87%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    width: 100%;
    height: 253px;
    display: block;
    font-size: 0 !important;}
#carouselTextOuter, #carouselText, #arrowRight, #arrowLeft {display:none !important}
.next {position:absolute; top:40%; right:5%; z-index: 999;}
.prev {position:absolute; top:40%; left:5%; z-index: 999;}
.galleryitem {
    width: 100%;
	
    float: left; height:586px
}
.galleryitems{
    width: 100%;
    overflow: hidden;
	height:586px;
}

.galleryouter {
    position: relative;
}
.galleryitem {
    position: relative;
	 width:96%; padding-left:2%; padding-right:2%;  background-position:center top; background-size:contain; background-position:center; background-color:#000; height:586px !important; background-repeat:no-repeat
}

#wp-calendar td {position:relative}
.area-days-performances {
    display: none;
    position: relative;
}
.area-performance-list {
    position: absolute;
    width: 200px;
    bottom: 10px;
    left: -70px;
    padding-bottom: 10px;
    text-align: left;
    z-index: 20;
}
.area-performance-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 2px;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    position: relative;
}
.area-performance-list ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.area-days-performances ul li a {
    padding: 3px 8px;
    font-size: 0.7em;
    line-height: 1.2em;
    display: block;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    -ms-text-overflow: ellipsis;
}


#content .inner{padding-bottom:50px; padding-top:50px; }
.single-events #content {padding-top:18px}
.mobshow {display:none}
.DickWhittington–XMASPANTOWithTheAdurEastLionsClub {display:none}
.page-id-7 #content .left .left,.page-id-7 #content .left .right {width:49%}
.page-id-7 #content .left .left img,.page-id-7 #content .left .right img {height:59px; width:auto}
.page-id-7 #content .left .left img.wp-image-64463, .page-id-7 #content .left .right img.wp-image-66588 {height:130px; width:auto}
.page-id-7 #content .left .right img.wp-image-66887, .page-id-7 #content .left .right img.wp-image-66888, .page-id-7 #content .left .right img.wp-image-66885 {height:95px; width:auto}
.page-id-7 #content .left .left img.wp-image-66886 {height:64px}
/*.page-id-63311 #content img {width:100%; float:none; height:auto}*/
.icon {display:none}
img {max-width:100%; height:auto}

a.bigbutton {
font-size: 26px;
 border-radius: 10px;
margin-left: 10px;
color: #fff;
font-weight: 800;
text-align: center;
padding: 10px 20px;
}

.col3 img {
max-width: none;
 height: auto;width: 100%;
}
.postid-74219.col3 img,.postid-74089.col3 img,.postid-74199.col3 img {
max-width: none;
 height: auto;width: 56%;
}
.col3 {
width: 31.333%;
margin-right: 2%;
 margin-bottom: 2%;
}
.wptripadvisor_t1_P_3 {font-size:12px !important}
.wprs_unslider-arrow {
    display: block;
    width: 32px;
    height: 32px;
    top: 27% !important;
    right: -31px !important;
}
.wprs_unslider-arrow.prev {left:-31px !important}
@media screen and (max-width: 1220px) {
	#top {
    float: none;
    text-align: center;
    display: block;
    clear: both;
    width: 100%;
    margin-top: 20px;
}
#main li a {
    font-size: 18px;
}
.logotop {
    float: none;
    text-align: center;
    width: 100%;
    display: block;
}
#header .search{
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    line-height: 28px;
    vertical-align: middle;
}
.search a {
  float:none !important
}
.canhide {display:none}
}
@media screen and (max-width: 1080px) {
.carouseltextnew h2 {
    color: #fff;
    font-size: 24px;
    padding-left: 5%;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-right: 5%;
}
#slider .right {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
    height: 556px;
    padding-top: 30px;
    margin-top: 30px;
}
header form {
    display: block;
    margin-left: 0;
    margin-top: 20px;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
}
header form select {
    display: inline-block;
    margin-left: 0;
    width: 15%;
    padding: 0; margin-bottom:10px
    height: 25px;
    margin-right: 2%; color:#000
}
	header .form select {

    width: 144px; margin-left:10px; margin-right:10px
}
}
@media screen and (max-width: 840px) {

#footer .col {
    width: 100% !important; text-align:left !important; margin-bottom:20px
}
}
@media screen and (max-width: 767px) {
	
	.galleryitems {height:450px}
	.galleryitem {height:450px !important;     background-size: cover;}
	.icon {display:block}
	#top, #main {display:none;}
#main {position:fixed; left:-1000px; top:0; padding-top:40px; height:100vh; overflow:auto; background:#f8ad20; z-index:9999}
#main.active {left:0; display:block}
#main ul {
    display: block;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
}
#main li {display:block; width:100%; line-height:35px}
#main li a  {display:block; width:100%; text-align:center; line-height:35px}

	.icon {
 z-index: 99999;
    position: fixed;
    background: none;
   display:block;
    padding: 11px;
    height: 21px;
    width: 88px;
    margin: 0px;
    top: 0;
    right: 0px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    background: #fff;
}
.mi {
    font-size: 12px;
    float: left;
    margin-top: 4px;
}
.hamburger {float:right;     margin-right: 34px;}
.menui {
  background: #000;
  transition: 0.35s linear;
  margin-top: 7px;
  position: absolute;
}
.top-menu {
  top: 7px;
  width: 30px;
  height: 3px;

}
.mid-menu {
  top: 14px;
    width: 30px;
  height: 3px;
 
}
.bottom-menu {
  top: 21px;
    width: 30px;
  height: 3px;

}


.navactive .top-menu{    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    top: 13px;}
.navactive .bottom-menu{transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); top:13px}
.navactive .mid-menu {display:none}	
	#header .search h5 {margin-bottom:10px}
	header form select {
    display: inline-block;
    margin-left: 0;
    width: 47%;
    padding: 0; margin-bottom:10px;
    height: 25px;
    margin-right: 2%; color:#000
}
header form button {
    color: #fff;
    display: block;
    margin-top: 10px;
    line-height: 26px;
    font-size: 24px;
    background: none;
    border: none;
    padding: 0;
}
.col3 {
    width: 100% !important; text-align:center !important; margin-bottom:20px
}
.smallboxes {
    width: 100%;
    height: 100%;
    position: static;
    top: 0;
    right: 0;
}
.smallbox {
    width: 33.33%;
    float: left;
    height: 150px;
    display: block;
    background-size: cover;
}
.carouseltextnew {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
	top:auto
}
}
@media screen and (max-width: 480px) {
	
.smallbox {
    width: 100%;
    float: none;
    height: 200px;
    display: block;
    background-size: cover;
}	

#ajaxcalendar {overflow:scroll}
}
@media screen and (max-width: 640px) {
	.col .img {width:100%; float:none; margin-right:0}
.col .img img {width:100%; height:auto}
.col .text {width:100%; float:none; padding-top:20px;}
	.col,.left,right {width:100%; clear:both; float:none}
.logotop img {width:90%; height:auto; max-width:480px; margin:auto}
.page-id-7 #content .left .left,.page-id-7 #content .left .right {width:100%}
.search form, .search .fbook, .search .twit {display:none}
#wp-calendar tbody td {
    background: #fff;
    padding: 10px 10px;
}
.carouseltextnew a {

    margin-top: 0;
    margin-right: 20px;
    float: left;
    margin-bottom: 2%
}}
@media all and (min-width: 300px) and (max-width: 954px) {
	.workshops:nth-child(3) {float:right}
	#header {padding-top:10px}
	#header .left img {
    width: 68%;
    float: left;
    height: auto;
}
	#content {

padding-bottom: 20px;
}
	.mobrightshow {display:block; margin-top: -25px;}
.mobrighthide {display:none}
	.buy {

margin-top: 5px;
}
	.related .quicklink {margin-top:15px; width: 30.5%;
margin-left: 1%;
margin-right: 1%;}

	img.maxwidth, #content .left img.maxwidth {max-width:100%; width:auto}
	input {-webkit-appearance: none;}

	img.filmclub {width:30%; max-width:30%}
	.single-events #content .left img, .parent-pageid-12  #content .left img{width:auto; max-width:100%}
	
	.parent-pageid-12 #content .left img.fullwidth {width:100%; height:auto; max-width:none}
	
	.single-events #content .left img.carousel-images, .single-events #content .left img.attachment-carousel-image {width:100%; max-width:100%; }
	 .single-events #content .left img.attachment-carousel-image {margin-top: 0px;}
	 
	 img.fullwidth, .parent-pageid-12  #content .left img.fullwidth {width:100%}
	.mobvis {overflow:visible}
	
body {

margin-left: auto;
margin-right: auto;
}

#header .left {
width: 55%;
margin-left: 0px;

text-align:center
}
#header .left img {width:68%; height:auto}
#header .left .logotop{ float:none}

#header .left .badge{
  width:25%;
    margin-right: 8%;

}
#header .right {width:45%}
#header .right h5 {font-size:21px}

#content {

width: 100%;
}
#content .left {width:100%}
#content .right {width:100%}
#content .red.left {
width: 40%;
}
.box {
border-bottom: solid 1px #8d8d8d; border-right: solid 1px #8d8d8d;border-top: solid 1px #8d8d8d;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 1%;
padding-right: 1%;
width:31.1%;
float:left;
height: 32px;
background:#fff
}
.box {
border-bottom:none; border-right: none;border-top: none;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 1%;
padding-right: 1%;
width:30.3333%;
float:left;
height: 32px;
background:#E2E2E2;
margin:0.7%;
margin-left:0;
margin-right:0
}
#footer .box {background:#fff}
.boxid50, .boxid56, .box.boxid14 { }
.boxid53, .boxid63311 { margin-left:1.5%; margin-right:1.5%}
.topbox {
background-color: #000;

}
.box.boxid50, .box.topbox {border-left: solid 1px #8d8d8d; width:29.9%}

.box.topbox {border-right: none;}
.box.boxid50, .box.topbox {
border-left: solid 1px #8d8d8d;
width: 31.1%;
}
.box.boxid50, .box.topbox {
border-left: solid 1px #8d8d8d;
width: 30.33%;
}
.box.boxid50, .box.topbox {border-left:none}
.mobileshowearly {border:none}
.box.boxid47 {border-left:solid 1px #8d8d8d}
.box.boxid47 {border-left:none}
.box.boxid47, .box.boxid14, .box.boxid56, .box.boxid63311 {border-top:none}
.mailing {display:none}
.quicklink .inner {
height: auto;
margin-bottom: 20px;
padding-bottom: 13px;
width: 100%;
overflow: hidden;
}
.quicklink {
width: 32.90%;
margin-left: .6%;
margin-right: .6%;

}

#carousel { width:100%; position:relative; overflow:hidden; height:201px}
#carouselImages {position:absolute; width:300%; height:201px}
.carouselImage  {width:33.333%; float:left; text-align:center; background-color: black;
opacity: 0.9; height:201px}

#carouselText {width:100%;position:absolute; top:auto; bottom:0px; left:0px; height:200px; background-color:#000; opacity:0.9; z-index:99}
.carouselText {position:absolute;  top:auto; bottom:0px; left:0px; height:154px; width:238px;  padding-top:23px; padding-bottom:23px;opacity:0.4; z-index:999}
.carouselText.active {opacity:1}
.carouselText .inner {border-right:1px solid #FFFFFF; padding-left:15px; padding-right:15px; text-align: center;}
#carouselText1{position:absolute;  top:auto; bottom:0px; left:0px; width:33.3% }
#carouselText2{position:absolute;  top:auto; bottom:0px; left:33.3%; width:33.3% }
#carouselText3{position:absolute;  top:auto; bottom:0px; left:66.6%; width:33.3% }
#carouselText3.carouselText .inner {border:none}
.carouselText p {color:#FFFFFF; font-size:13px; line-height:16px; }
.carouselText h6 { color:#ffffff; font-size:15px}
.quicklink img, #content .left img {width:100%; height:auto}
 body.page-id-7 #content .left img {width:40%; height:auto}
 
 #content .left  .pinkbox img {width:auto; margin-left: auto;
margin-right: auto;}
.events {
width: 33%;
float: left;
margin-right: 0%;
height: auto;
margin-top: 15px;
overflow: hidden;
}
.events.mid {margin-left:0.5%; margin-right:0.5%}
iframe {width:100%; height:400px}
.single-events #content .right iframe {
    height: 576px;
}
.events.first {clear:left}
.events.end {clear:right; margin-right:0}

body.page-id-50 #left {
padding-right: 0px;
width: 100%;
}
.workshops, #content .workshops.right {

padding: 2%;

width: 44%;
margin-right:1%;
margin-bottom:1%;
margin-top:0

}
#booking {

width: 100%;

}

.eventDate {width:15%}
.eventArtist {width:37%; padding-right:1%}
.eventEvent {width:13%}
.eventTime {width:10%}
.eventPrice {width:11%}
.page-id-51855 .eventTime {width:15%}
.page-id-51855 .eventPrice {width:16%}
.eventBuy {width:13%; text-align: right; }

#basket {

width: 100%;

}

.basket1 {width:35%; padding-left:1%; padding-right:1%; }
.basket2 {width:20%;  padding-left:1%; padding-right:1%; }
.basket3 {width:10%;  padding-left:1%; padding-right:1%; }
.basket4 {width:15%;  padding-left:1%; padding-right:1%; }
.basket5 {width:10%;  padding-left:1%; padding-right:1%; }
#content .right {margin-top:15px}
.basket1.fullwidth {width:100%}
#basketright {
width: 100%;
float: none;
}
#basketright div {

width:96%; padding-left:2%
}
#basketright div.topbasket {display:block; float:left; width:48%; color:#d64349; background:#fff; line-height:40px; margin:0; height:40px; padding:0; margin-bottom:3px; padding-left:2%}
#basketright div.basketprice {display:block; float:left; width:43%; margin:0; height:40px; padding:0; margin-bottom:3px; padding-left:2%; line-height: 40px; }
#basketright a.bluebutton {float:right; margin-right:10px; clear: both;}
.page-id-1789 #booking {margin-top:10px; padding-top:0px}
.panto img {width:100%; height:auto}
#booking .topbasket {display:block}
.page-id-1789 #booking .topbasket.gaid {display:none}
.buy input.mobileshow {font-size:32px; text-align:center; width:100%;  }
.mobileshowearly.box, .mobileshowearly.mailing {display:block; width:95%; text-align:center}
#footer .mobileshowearly.box {width:98%; float:none}
.mobileshowearly.mailing {display:block; width: 96%;
padding: 2%; text-align:center; margin-bottom:20px}
.mobileshow form {width: 60%;
margin-left: 20%;}
.mailing #mce-EMAIL {width:60%}
.mailing #mc-embedded-subscribe {width:30%}
#mc-embedded-subscribe {background:#ccc; color:#000}
.related {border-top:none; text-align:center}

.related .quicklink {float: none;
display: inline-block;
}
.related .quicklink h4 {height:27px; overflow:hidden}
#content #right.right {border-top:1px solid #999; padding-top:15px; }
/*.single-events #content .red.left {width:100%}*/
.mobilered {color:#f8ad20; font-size:16px; margin-bottom:5px; width:100%; padding-top: 5px;
display: block;}
p.red {margin-top:0px}
p.tabnomarg {margin-top:0px}
}



@media all and (min-width: 200px) and (max-width: 895px) {
#menu .youtube {display:none}	
.submenu .term210, .submenu .term211 {display:none}
}
@media all and (min-width: 200px) and (max-width: 875px) {
#menu .pint {display:none}	
#header {padding-top:10px}
}
@media all and (min-width: 200px) and (max-width: 820px) {
	.socialtop {display:block;}
	.jtop {display:none}
	.jazzfest{margin-top: 4px;}
.showtime, .gecko .showtime, .ipad .showtime {
  margin-right: 85px;
  margin-bottom: 6px;
}
.ipad .showtime {margin-right: 88px;}
	.red, .carouselText h6.red, #left p strong, h2 em, h2 strong {
color: #d54348;
max-height: 36px;
overflow: hidden;
}
.eventEvent .red{color:#000 }
#menu li.right {display:none}


.boxid14 {border-bottom:solid 1px #8d8d8d}
.boxid14 {border-bottom:none}
 .buy input {

font-size: 16px;
}
}
@media all and (min-width: 200px) and (max-width: 820px) {
#footer .mobileshowearly  {display:block !important}
	#menu li {
padding-left: 12px;
padding-right: 10px;

}
.badgeb {

    position: absolute;
    top: 109px;
    right: 99px;
  
}
}
@media all and (min-width: 200px) and (max-width: 780px) {
.badgeb {  top: 109px;
}	
#header {padding-top:10px}
#header .left img {width:100%; height:auto; float:none}
#header .left {
width: 45%;
margin-left: 0px;

text-align:center
}
}

@media all and (min-width: 200px) and (max-width: 650px) {
	#header {padding-top:10px}
	#footer .showblock {display:none}
	#footer p {margin-bottom:10px; display:block}
	#footer .mobileshow.box {background:#fff}
	#panto.mobhide {display:none}
	#panto.mobshow {display:block}
	.box.boxid47 {
border-left: none
}
	.buy .msg {font-size:32px; text-align:center; width:100%; display:block }
	.single-events #left h3 {font-size:12px}
	#booking input.submit.bluebutton {margin-top:10px; float:right; margin-right:10px}
	body {

padding-top: 10px;
	}
	.mobilehide, .basket3,.topbasket {display:none}
	.mobilesshow {display:block}
	.carouselText p {display:none}
	.buy {
float: none;

padding: 2%;
font-size: 17px;
color: #FFFFFF;
text-transform: uppercase;

margin-top: 5px;
width:96%
}
header .form {display:none}
.buy .mobilesshow {width:100%; display:block; font-size:32px; text-align:center}
.buy select {width:80%; margin-left:10%; margin-right: 10%;}
	#header .left {
width: 100%;
margin-left: 0px;
float: none;
text-align:center
}
#header {
height: auto;
margin-bottom: 10px;
}
	#header .left img {width:auto; max-width:100%}
#header .right, #menu {
display:none
}
#menumobile {background:#d34446; padding:2%; width:96%; overflow:hidden}
#minimenu {width:50%; float:right; margin:0}
#menud {background:#fff; color:#000; width:80% }
#icons {float:left; width:50%}

#mobilebuttons { overflow:hidden}
#mobilebuttons .vf {float:left; width:44.5%; padding:2%; text-align:center; margin:0}
#mobilebuttons .whatson {float:right; width:44.5%; background:#000; color:#fff; padding:2%; text-align:center; margin:0;     margin-right: 25%; font-weight:bold}
#mobilebuttons .whatson img {float:right; margin-top:2px; margin-right:2%}
	.mobileshow {display:block}
		.mobileshow.soldout {display:inline}
	.mobileshow.box {border-top:1px solid #666; text-align:center}
	#footer .mobileshow.box,  #right .mobileshow.box {border:none}
	.mobileshow h3, .mobileshow form {text-align:center}
	.boxid53, .boxid14 {
margin-left: 0%;
margin-right: 0%;
}
/*.boxid53, .boxid14, .boxid50, .boxid47, .boxid56 {display:none}*/
	 .related .quicklink {margin-top:15px; width:100%; margin-left:0px; margin-right:0%}
.quicklink {
width: 100%;
margin-left: 0%;
margin-right: 0%;
float:none;
margin-bottom:2%
}	

.box, .box.boxid50, .box.topbox {border:none;
padding:2%;
text-align:center;
width:100%;
float:none;
height: auto;
background:#fff
}
#footer h5 {padding-top:10px}
#footer .box {padding:0; width:100%}
.box p {display:none}
.box.show p {display:block}
.carouselText {padding:0; padding-top: 11px;}
#arrowLeft, #arrowRight {z-index:99999999; top:25%}
#carouselTextOuter {position:absolute; width:2148px; bottom:0px;}
#carouselText1{position:relative;  top:auto; bottom:auto; left:auto; width:33.33%; float:left }
#carouselText2{position:relative;  top:auto; bottom:auto; left:auto; width:33.33%; float:left }
#carouselText3{position:relative;  top:auto; bottom:auto; left:auto; width:33.33%; float:left }
#carouselText.carouselText .inner {border:none}


.events {
width: 48%;

margin-right: 1%;

}
.events.mid {margin-left:0; margin-right:1%}
.events.first {clear:none}
.events.end {clear:none; margin-left:0; margin-right:1%}

iframe {width:100%; height:300px}

.pinkbox {

height: auto;
}

#booking label {
width: 50% !important;
margin-left: 2%;

}
#booking input, #booking select {
width: 45%;

}
#booking textarea {
width: 80%;
height: 150px;
margin-left: 3%;
float: none;
}

.eventPrice, .eventArtist, .eventDate {display:none}
.mobtitle {overflow:hidden; padding-bottom:10px}
.eventDate {width:30%}
.eventArtist {width:30%; padding-right:1%}
.eventEvent {width:55%}
.eventTime {width:15%}
.eventPrice {width:15%}
.page-id-51855 .eventEvent {width:40%}
.page-id-51855 .eventTime {width:30%}
.page-id-51855 .eventPrice {width:30%; display:block}
.eventBuy {width:29%; text-align: right; }

.eventlisting.toplisting, .mobilehidelist {display:none}
.buy a {text-align:center; font-size:28px;     display: block;} 
}
@media all and (min-width: 200px) and (max-width: 460px) {
	.single-events #content .red.left {width:100%}
/*	.sform input.search {
  width: 89%;
	}
	.sform input {
  width: 7%;
	}*/
	#content #right.right {border-top:1px solid #999; padding-top:15px; border-bottom: 1px solid #999;
padding-bottom: 24px;}
	.mobilered { padding-top: 7px;
}
.single-events #content .left img.attachment-carousel-image {
margin-top: 5px;
}
p.red {margin-top:-5px}
	#footer p.mobnomargb {margin-bottom:0}
	html {overflow-x:hidden}
	/*#right .box {display:none}*/
	#right .box.mailing {display:block}
	#footer h5 {font-size:21px}
	#footer h5 a {color: #d9454e;}
	body.darker #footer h5 a {color: #d9454e;}
	img.filmclub {width:50%; max-width:50%}
.pinkbox {
padding:10px;

text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;

}	
.pinkbox img {float:none; display:block; padding:0}

.workshops, #content .workshops.right {

padding: 2%;

width: 96%;
margin-right:0%;
margin-bottom:0%

}
}

@media all and (min-width: 200px) and (max-width: 330px) {
	/*.sform input.search {
  width: 85%;
	}
	.sform input {
  width: 10%;
	}*/
}
@media all and (min-width: 200px) and (max-width: 400px) {
	.mini {display:none}
.events {
width: 100%;
float: none;
margin-right: 0%;

}	
a.pinklink, body.darker a.pinklink {float:none; clear:both; }
iframe {height:200px}
#booking label {
width: 95%;
margin-left: 3%;
clear:both;
float:none;
padding-bottom:5px
}
#booking input, #booking select,#booking textarea {
width: 90%;
margin-left:3%;
clear:both;
float:none

}

.mobilehide400 {display:none}
.single-events #content {border-bottom:1px solid #8d8d8d; margin-bottom:30px; padding-bottom:0px}
a.pinklink, body.darker a.pinklink {width:auto}
}