/*
	Theme Name: Miracle Theatre
	Author: Ampersand Industries / A-Side Studio
	Version: 1.0
*/

@import url(fonts/asap/stylesheet.css);
*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body{
  background: #f1f1f1;
  color:    #f7f0e0;
   font-family:asapregular, Verdana , sans-serif; font-size-adjust:0.48; font-weight:200; font-style:normal;
  margin:   0;
  font-size:    21px;
 min-width:320px; 
}

/******
    Base elements
******/
a{
  color:    #ef80b3;
  text-decoration:  none;
  transition: all 0s;
  
}
a:hover{
  text-decoration:  underline;
  transition:	all 0.3s;
  
}


img{
  border:   none;
}

p{
  margin:0 0 1em 0;
  padding:0;
}

b, strong{
	font-weight:normal;
	font-family:asapbold;letter-spacing:0.08em;
}

italic, emphasis{
	font-style:	normal;
	font-family: asapitalic;
}


b i, strong i, b emphasis, strong emphasis{
	font-style:	normal;
	font-weight: normal;
	font-family:	asapbold_italic;
}

/******
    Structure elements
******/

.page-outer{
	width:	100%;
	max-width:	1024px;
	margin:	0 auto;
	padding-top:99px;
}


.page-inner{
	padding:	12px;
	float:	left;
	width:	100%;
}

.section-holder{width:100%; float:left;}
.section{
	width:	100%;
	float:	left;
	padding:	15px 0;
	background-color:	#333;
	margin-bottom:	20px;
}

.section.half{width:	50%;}

.section.image,
.section.gallery,
.section.listing,
.section.splash-ads{
	padding:	0;
	background:transparent;
}

.section-inner{
	padding: 0 15px;
}

.section.half.image:first-child .section-inner{padding-left:0;}
.section.half.image:last-child .section-inner{padding-right:0;}

.section-inner > .border{
	width:	100%;
	border:	2px solid #fff;
	float:	left;
}

.section-inner .border > .inner{
	padding:40px;
	float:	left;
	width:	100%;
	max-width: 960px;
}

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

.header{ background-color:#000; margin-bottom:40px; width:100%;float:left;position:fixed;z-index:50;
-webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 15px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 15px 0px rgba(50, 50, 50, 0.5);
}

.header-inner,
.footer-inner,
.footer-base-inner{
	max-width:	1024px;
	margin: 0 auto;
	position:	relative;
}

.footer{ background-color:#333; margin-top:40px; padding-top:40px;width:100%;float:left;}
.footer-base{ background-color:#999; padding:20px 0; width:100%; float:left;}


.section.slideshow{background-color:transparent;padding:0;}
.section.slideshow .section-inner{ padding:0;}

.section.listing{background-color:transparent;padding:0;}
.section.listing .section-inner{ padding:0;}

.section.news-flash{ background-color:	#fd7e2d; }
.section.news-flash .section-inner .border{ border: 5px dotted #fff;}

.section.banner-image{background-color:transparent; padding:0; width:100%; max-width:1024px; margin:0 auto; float:none;margin-bottom:20px;}
.section.banner-image .section-inner{padding:0;}

.section.show-links{background-color:transparent;padding:0;}
.section.show-links .section-inner{ padding:0;}

.section.map, .section.venue-map{background-color:transparent;padding:0;}
.section.map .section-inner, .section.venue-map .section-inner{ padding:0;}

.section.current-show{background-color:transparent;padding:0;}
.section.current-show .section-inner{ padding:0;}

.brand{
	width:	30%; float:left; text-align:center;
}

.navigation{
	width:	330px; float:left;
}
.navigation.secondary{float:right; text-align:right;}

.column{ float:left; margin-right:20px;}
.column.last{margin-right:0;}
.column.description{float:right;}

.column.two_thirds{width:	660px;}
.column.one_third {width:	320px;}

.column_container .column{margin-right:0;}

/******
    Header elements
******/
a#logo{
  width:    211px;
  height:   64px;
  display:  block;
  background:transparent url(images/logo.png) no-repeat 0 0;
  overflow: hidden;
  text-indent:  -9999px;
  margin:	12px auto;
}


a.header-button{
	display:	block;
	text-indent:-999px;
	text-align:left;
	overflow:hidden;
	transition: none;
	float:	left;
	margin-top:21px;
}

a.header-button:hover{background-position:	0 -100%;}

a.header-button.nav-toggle{width: 236px;height:53px;background-image:url(images/btn-menu.png); }
a.header-button.support{width: 151px;height:47px;background-image:url(images/btn-get-involved.png); margin-right:10px;}
a.header-button.sign-yp{width: 157px;height:47px;background-image:url(images/btn-sign-up.png);}

/***
    Footer elements
***/


/******
    Menus
******/

div.menu {
  position: absolute;
  top: 88px;
  width: 100%;
  display:none;
  z-index:200;
}

ul.menu{
  margin:   0;
  padding:  0;
  text-align: left;
}

ul.menu{
	-moz-column-count: 2;
	-moz-column-gap: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 0px;
	column-count: 2;
	column-gap: 0px;
}

ul.menu li{
  list-style:   none;
  width:100%;
/*  float:	left;
  width:	50%;
  */
}

ul.menu li a{
  text-decoration:  none;
  color:	#f7f0e0;
  background-color:	#76beb0;
  text-transform:	uppercase;
  text-align:center;
  width:	100%;
  line-height:	68px;
  height:	68px;
  display:	block;
  font-size:	24px;
  letter-spacing:	0.2em;
}

ul.menu li:nth-child(2n) a{background-color:#84c3b7;}


ul.menu a:hover,
ul.menu li:nth-child(2n) a:hover{ background-color:#69b8a9; text-decoration:none;}

ul.menu li.mobile-only{display:none;}

/******
    Text formatting
******/

h1,h2,h3,h4{
	font-weight:  normal;
	margin: 1em 0;
	padding:0;
	font-style:   normal;
	text-transform:	uppercase;
	color:#ef80b3;
	font-family:asapbold, Verdana , sans-serif;
	letter-spacing:0.08em;  
}

h1.page-title{
	text-align:center;
	line-height:	80px;
	width:	100%;
	background: transparent url(images/title-bg.png) no-repeat 50% 0;
	font-size:	30px;
	letter-spacing:0.06em;
}

.inner > h1:first-of-type ,
.inner > h2:first-of-type ,
.inner > h3:first-of-type {
  margin-top: 0;
}

.inner > p:last-of-type {
  margin-bottom: 0;
}

blockquote, blockquote p{font-size:30px; text-transform:uppercase; text-align:center;font-family:asapbold;letter-spacing:0.08em;}


blockquote {
  margin:40px 40px 0 40px;
}

p.quote_person{
	font-family:asapbold;letter-spacing:0.08em;
	text-align:center; color:#ef80b3; text-transform: uppercase; margin-top:0.5em;font-size:20px;
	padding-bottom:	60px;
	background: transparent url(images/flower.png) no-repeat 50% 100%;
}

p.standfirst{color:#ef80b3; font-family:asapregular; text-align:center;}
p.highlight{color:#ef80b3; font-family:asapregular;}

p.featured a, a.featured,
p.featured-link a, a.featured-link{
	display:inline-block;
	text-transform:	uppercase;
	text-align:	center;
	line-height:40px;
	color:#fff;
	padding:	5px 20px;
	font-family:	asapbold;
	letter-spacing:0.08em;	
	background-color:#ee80b3;
	font-size:15px;
}

p.featured a:hover, a.featured:hover,
p.featured-link a:hover, a.featured-link:hover
{background-color:#ee8cb9;text-decoration:none;}

.spacer{width:100%;display:block;}
.spacer.flower{background:transparent url(images/flower.png) no-repeat 50% 50%;}
.spacer.fleur{background:transparent url(images/fleur-de-lis.png) no-repeat 50% 50%;}
/** SLIDE SHOW **/

.flexslider{border:none !important; border-radius:0 !important; box-shadow:none !important; margin-bottom:0 !important; max-height:	570px !important; overflow:hidden;}
.flex-viewport{max-height:	570px !important;}
.flexslider .slides > li {  max-height: 570px;}
.flex-direction-nav a {
  width: 60px !important;
  height:59px !important;
  text-shadow:none !important;
  transition: all 0.3s ease 0s;
  z-index: 10;
  text-indent:	-999px;
  overflow:hidden;
  text-align:left !important;
}
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before  { content:"" !important;display:none !important;}

.flex-direction-nav .flex-prev { left: -60px; background: transparent url(images/slide-prev.png) no-repeat 0 0;}
.flex-direction-nav .flex-next { right: -60px; background: transparent url(images/slide-next.png) no-repeat 0 0; }

.flexslider:hover .flex-prev{left:0 !important;}
.flexslider:hover .flex-next{right:0 !important;}

.flex-caption {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
  bottom: 0;
  font-size: 14px;
  left: 0;
  line-height: 18px;
  padding: 0.6% 2%;
  position: absolute;
  
  width: 100%;
  margin:0 !important;
}

.copyright{color:#ef80b3;}

/*****************
   CUSTOM LAYOUT
*****************/
.full_width,
.column_container{
  width:    100%;
  float:    left;
  
}
.column_container .column{
  float:    left;
}
.inner .column_container .column .inner{
  margin:  0 50px 0 5px; 
/*  margin:  0 80px 0 5px; */
  padding:0;
}
.column_container .column:first-child .inner{
  
}
.column_container .column:last-child .inner{
  margin:  0 0 0 59px;
}
.column_container.two_equal_columns .column{
  width:    50%;
}
.column_container.three_equal_columns .column{
  width:    33%;
}
.column_container.four_equal_columns .column{
  width:    25%;
}
.column_container.one_third_two_thirds .column:first-child{
  width:    33%;
}
.column_container.one_third_two_thirds .column:last-child{
width:  66%;
}
.column_container.two_thirds_one_third .column:first-child{
  width:    66%;
}
.column_container.two_thirds_one_third .column:last-child{
width:  34%;
}

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

.column_container.two_equal_columns{
	background: transparent url(images/column-keyline.png) repeat-y 50% 0;
	
}

h1.page-title{color:	#EF80B3;}
h1.page-title.banner, .show-banner-title{
	width:	100%;
	height: 200px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	color:	#EF80B3;
	display:block;
}


/** CURRENT SHOW **/
.featured-show{position:relative;}
.featured-show-details{position:relative;z-index:2;margin-top:-5px;}

.featured-show-details .dates{width:50%;float:left;background-color:#4d4d4d;}
.date-list{height:63px;}
.featured-show-details .links{width:50%;float:left;margin:0;background-color:#333;padding:8px 0;}
.featured-show-details .title, .featured-show-details .date-list{width:100%;height:63px;line-height:63px;font-size:20px;text-transform:uppercase;background-color:#3b3b3b;text-align:center;font-family:asapbold;letter-spacing:0.08em;}
.touring-dates{color:#EF80B3;}

.featured-show-details .links a{ float:left;}

.featured-show.double{width:49%; float:left; margin-right:2%;}
.featured-show.double:last-chilld{margin-right:0;}

.featured-show.triple{width:32%; float:left; margin-right:2%;}
.featured-show.triple:last-chilld{margin-right:0;}

div.featured-show:last-of-type{margin-right:0;}

.featured-show.single img, 
.featured-show.double img, 
.featured-show.triple img{width:100%;height:auto;}

.featured-show.double .featured-show-details .dates, .featured-show.triple .featured-show-details .dates{width:100%;}
.featured-show.double .featured-show-details .links, .featured-show.triple .featured-show-details .links{width:100%;}
.featured-show.double .featured-show-details .links a, .featured-show.triple .featured-show-details .links a{float:none; margin:0 auto 10px auto;}
.featured-show.double .featured-show-details .links a:first-child, .featured-show.triple .featured-show-details .links a:first-child{margin-top:10px;}

.featured-show.triple .date-list{line-height:24px;padding-top:9px;}
.featured-show.triple .touring-dates{display:block;}




/** Newsflash **/
.news-flash{}
.news-flash .inner{ padding:10px !important; }
.news-flash ul{ margin:0;padding:0;height:25px; }
.news-flash li{ list-style:none; height:25px;}
.news-flash a{ color:#fff; }
.news-flash .title{ font-family:asapbold;letter-spacing:0.08em;width:195px; display:block;float:left;text-transform:uppercase; }

/** Splash ads  **/
.splash{
	background-color:#666;
	width:	100%;
	float:	left;
	margin-bottom:	20px;
	overflow:hidden;
	height: 234px;
	position:relative;
}

.splash a{
	width:	100%;
	display:	block;
	float:	left;
	height: 234px;
}

.splash .splash-text{
	width:	53%;
	float:left;
	color:#f1f1f1;
	text-transform:uppercase;
	text-align:center;
	font-size:22px; 
	letter-spacing:1.5px; 
	font-family:asapbold;   
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.splash .splash-text .inner{margin: 0 45px; display:block; }
.splash .splash-image{width: 47%; height:auto; float:right;}

.section.splash-ads{margin-bottom:0;}

.tooth-top{ background:transparent url(images/splash-tooth-top.png) repeat-x 0 0;height: 11px; position:absolute;top:0;left:0;right:0;}
.tooth-base{ background:transparent url(images/splash-tooth-base.png) repeat-x 0 0;height: 11px; position:absolute;bottom:0;left:0;right:0;}
/** Performers **/

.performer, .show{
	background-color:#333333;
	width:	235px;
	float:left;
	margin-right:	10px;
	height: 300px;
	margin-bottom:	10px;
}

.performer{margin:0 20px 20px 0;}

.performer:nth-child(4n){
	margin-right:0;
}


.performer-details, .show-details{
	background-color:#4d4d4d;
	text-align:center;
	min-height:	90px;
	display:	block;
	margin:	10px;
}
.performer-details span, .show-details span{display:block;}
.performer-title, .show-title{
	padding:	8px;
	color:#fff;
	text-transform:uppercase;
	font-family:asapbold;letter-spacing:0.08em;
	font-size:18px;
}

.show-title{
	display:	table-cell !important;
	width:	287px;
	/* height:	70px; */
	vertical-align:middle;
	font-size:	18px;
}

.show{width:320px;height:428px;}

.performer-title{padding-top:18px;}

.performer-role{
	color:#ffda64;
	text-transform:uppercase;
	font-family:asapbold;letter-spacing:0.08em;
	font-size:	14px;
}

.show-details:hover, .performer-details:hover,
.show a:hover + .show-details, .performer a:hover + .performer-details
{
	background-color:	#EF80B3;
	text-decoration:	none;
}

.show-details:hover .performer-role,
.performer-details:hover .performer-role,
.show a:hover + .show-details .performer-role,
.performer a:hover + .performer-details .performer-role
{color:#fff;}

.previous-shows a{
	text-transform:uppercase;
}

.previous-shows h2{
	color:	#F7F0E0;
	font-size:80%;
}

.previous-shows ul{
	margin:0;
	padding:0;
}

.previous-shows li{
	list-style:	none;
	float:	left;
	width:	50%;
	margin: 5px 0;
}

.role{
	color:#ffda64;
	text-transform:uppercase;
	font-family:asapbold;letter-spacing:0.08em;
	font-size:	20px;
	margin-top:-30px;
	margin-bottom:30px;
	display:block;
}

/** Tour dates **/
a.show-map{
	background-color:#ef80b3;
	width:	235px;
	height: 47px;
	line-height:	47px;
	font-family:	asapbold;
	letter-spacing:0.08em;
	color:#f1f1f1;
	text-transform:uppercase;
	text-align:center;
	display:block;
}
a.show-map:hover{text-decoration:none; background-color:#ee8cb9;}
#tour-map{
	width:100%;
	height:	471px;
	background-color:#69b8aa;
	display:block;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:10px;
}
#tour-map.open{height:471px;}
#map_canvas{width:100%;height:471px;display:block !important;}
.tour-date-list{width:100%;float:left;}
h2.tour-month{
	color:#69b8a9;
	width:100%;
	text-align:right;
	float:	left;
	margin-top:30px;
	background-position: 50% 100%;
	background-repeat:no-repeat;
	padding-bottom:20px;
}

h2.tour-month.flourish-1{background-image:url(images/bg_flourish_1.png);}
h2.tour-month.flourish-2{background-image:url(images/bg_flourish_2.png);}
h2.tour-month.flourish-3{background-image:url(images/bg_flourish_3.png);}
h2.tour-month.flourish-4{background-image:url(images/bg_flourish_4.png);}

.tour-date{
	background: #4d4d4d url(images/venue-dots.png) no-repeat left bottom;
	width:	235px;
	height: 100px;
	float:left;
	margin-right:	20px;
	margin-bottom:	20px;
	font-family:	asapbold;
	letter-spacing:0.06em;
}
.tour-date:nth-child(4n){margin-right:0;}
.tour-date span{display:block;width:100%;text-align:center;text-transform:uppercase;}
.venue-name{font-family:asapbold;letter-spacing:0.08em;font-size:13.46px;padding-top:5px;color:#f7f0e0;}
.venue-city{font-size:22.43px;line-height:25px; color:#f7f0e0;}
.performance-date{font-size:16.45px; color:#ef80b3; padding-bottom:4px;}

.tour-date.passed{opacity:0.6;}

a.booking-link, a.venue-link, span.booking-link{
	width:	49%;
	text-transform:uppercase;
	color:#fff;
	font-family:asapbold;letter-spacing:0.08em;
	font-size:11px;
	text-align:center;
	display:block;
	line-height:25px;
	height:25px;
	float:left;
	width:115px;
	margin-top:7px;
}

a.venue-link{float:right;}

/* .booking-link{border-right: 5px dotted #f1f1f1;} */

.tour-date a{display:block;}
.tour-date a:hover{text-decoration:none;background-color:#6e6e6e;}

a.booking-link:hover,
a.venue-link:hover{
	text-decoration:none;
	background-color:#6e6e6e;
	color:#ef80b3;
}


.show-tabs{
	width:100%;
	float:	left;
	border-bottom: 2px solid #ef80b3;
	margin-bottom:20px;
}

.show-tabs a, .show-tabs span{
	height:	60px;
	line-height:60px;
	width:	100px;
	display:	block;
	color:	#f1f1f1;
	text-transform:uppercase;
	margin-right:	2%;
	background-color:#ef80b3;
	text-align:center;
	font-family:asapbold;
	font-size:px;
	float:	left;
	font-size:25px;
	letter-spacing:1px;
}

.show-tabs a:hover{text-decoration:none;}

.show-tabs a{opacity:0.4;}
.tabs-1 a, .tabs-1 span{width:	100%}
.tabs-2 a, .tabs-2 span{width:	48%}
.tabs-3 a, .tabs-3 span{width:	31%}

.show-tab:last-child{margin-right:0;float:right;}
/** Shows **/

a.tour-dates,
a.recommend{
	width:	48%;
	display:block;
	float:	left;
	text-transform:	uppercase;
	text-align:	center;
	line-height:40px;
	color:#fff;
	padding:	5px 10px;
	font-family:	asapbold;
	letter-spacing:0.08em;
}

a.tour-dates span,
a.recommend span{
	display:block;
	border:	2px dotted #fff;
	margin:	0 5px;
}

a.tour-dates{background-color:#ee80b3;}
a.recommend{background-color:#69b8a9; float:right;}

a.tour-dates:hover{background-color:#ee8cb9;text-decoration:none;}
a.recommend:hover{ background-color:#77beb0;text-decoration:none;}
h2.flourish{
	width:	400px;
	height:	81px;
	display:	block;
	text-indent:	-999px;
	overflow:hidden;
	margin-left:	auto;
	margin-right:	auto;
}

h2.flourish.cast-title{	background: transparent url(images/title-the-cast.png) no-repeat 0 0;}
h2.flourish.crew-title{	background: transparent url(images/title-the-crew.png) no-repeat 0 0;}
h2.flourish.company-title{	background: transparent url(images/title-the-company.png) no-repeat 0 0;}


h2.title-supporters{
	text-align:center;
	width: 100%;
	background: transparent url(images/title-flourish.png) no-repeat 0 0;
	color:#69B8A9;
	height:50px;
	line-height:50px;
}

h2.title-supporters span{padding: 0 10px;background-color:#f1f1f1;}

.supporter{width:	25%;}

.supporter-logo{
    position: relative;
    width: 25%;
    overflow: hidden;
	float:left;
}
.supporter-logo:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.supporter-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.supporter-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.supporter-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}



a.twitter-share{
	background: transparent url(images/link_twitter.png) no-repeat left 50%;
	padding-left:40px;
	height: 25px;
	line-height:25px;
}
/** Venues **/

.venue-information{
	margin-left:20px;
}

.title-time{
	background-color:#4d4d4d;
	text-align:center;
	font-family:	asapbold;
	text-transform:	uppercase;
	padding:15px 15px 7px 15px;
}

.title-time h1.venue-title{
	margin:0 0 4px 0;
	font-size:	20px;
}
.title-time span{display:block;}
.title-time .location{font-size:38px; margin-bottom:10px;}
.title-time .time{font-size:	50px;margin-bottom:13px;text-transform:lowercase;}
.title-time .date{font-size:	30px;padding:0;}

.booking-info{
	background-color:#333333;
	text-align:center;
	padding:15px;
	text-transform:uppercase;
	height:	207px;
}
.booking-info .box-office{font-size: 19px;font-family:asapbold;letter-spacing:0.08em;}
.booking-info .box-office .box-number{font-size:32px;text-transform:lowercase;display:block;margin:3px 0 12px 0;}

a.venue-booking-link{transition:none;color:#fff;width:292px;line-height:47px;height:47px;display:block;background:transparent url(images/btn-book.png) no-repeat 0 0; text-align:center;text-transform:uppercase;}
a.venue-web-link{transition:none;color:#fff;width:292px;line-height:46px;height:46px;display:block;background:transparent url(images/btn-venue.png) no-repeat 0 0; text-align:center;text-transform:uppercase;margin-bottom:14px;}

a.venue-booking-link:hover,
a.venue-web-link:hover{
	background-position: 0 100%;
	text-decoration:	none;
	color:#fff;
}

a.venue-booking-link.home{background-image: url(images/btn-book-home.png);width:235px;}
a.venue-web-link.home{background-image: url(images/btn-venue-home.png);width:231px;margin: 0 14px 0 8px;}

.venue-map .column_container{margin-bottom:0;}

.venue-description{
	font-family:asapbold;
	letter-spacing:0.08em;
	text-align:center;
	color:#ef80b3;
}
.venue-description p{margin-bottom:0;}
.venue-address{
	text-align:center;
	font-size:22px;
	font-family:asapbold;
	letter-spacing:0.08em;
}

p.venue-icons{margin-left:-35px;}
.venue-icon{
	width:50%;
	float:left;
	height: 35px;
	line-height:35px;
	padding-left:	42px;
	display:block;
	font-size:18px;
}

.refreshments-available{background: transparent url(images/icon-refreshments.png) no-repeat 0 50%; width: 230px;}
.accessible{background:transparent url(images/icon-accessible.png) no-repeat 0 50%; width: 180px;}

/** FORMS **/

form ol, .wpcf7-form ol{ margin:0; padding:0;}
form li, .wpcf7-form li {list-style:none; margin: 0 0 15px 0;}
form label, .wpcf7-form label, label{width:100%; color:#ef80b3; text-transform:uppercase;font-family:asapbold;letter-spacing:0.08em;}

input, .wpcf7-form input,
.wpcf7-form textarea, textarea
{background-color:#f8f8f8; border: none; font-family:inherit; font-size:inherit; padding:5px; width:100% !important;margin-top:0.3em;}

.wpcf7-form input[type="checkbox"]{width:25px !important;}
.wpcf7-form textarea{width:100%;}


.wpcf7-form input.show,
.wpcf7-form-control-wrap.show{width:100%; height:auto !important;}


input.wpcf7-submit {
  background: transparent url(images/btn-general.png) no-repeat 0 0;
  text-transform:uppercase;
  cursor:	pointer;
  color:#F7F0E0;
  height:44px;
  line-height:44px;
  width:	360px !important;
	/*border: 2px solid #f1f1f1;*/
}

input.wpcf7-submit:hover{
  color:	#ef80b3;
  border-color:	#ef80b3;
  background-position: 0 100%;
}

.wpcf7-form input.wpcf7-submit{
	width:	350px;
	height:44px;
	background: url(images/btn-send.png) no-repeat 0 0;
	padding:0;
	margin:0;
	border:	none;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	cursor: pointer;
}
.mc-field-group{margin: 0 0 1em 0;}
.input-group ul{margin:0;padding:0;}
.input-group li{list-style:none;}
.input-group input{width:37px !important;}


div.wpcf7 img.ajax-loader { width:16px !important;}

div.wpcf7-response-output {}
div.wpcf7-validation-errors {  border: 2px solid #ef80b3 !important;}
div.wpcf7-mail-sent-ok { border: 2px solid #ef80b3 !important;}

/** SCRAPBOOK **/
.scrapbook-link .standard{width:100%;height:auto;}
.scrapbook-link .mobile{display:none;}

.panel{width:232px;float:left; background-color:#333;}
.panel .inner{padding:10px;}
.panel h2{font-size:18px;text-transform:none;}

#scrapbook-posts{width:100%; position:relative;}
.masonry-entry{width:320px;background-color:#333; display:block; float:left;margin-bottom:10px;margin-right:10px;text-align:center;}
.masonry-details{padding:10px;display:block; color:#333;}
.masonry-entry h5{margin-top:0;}
.masonry-entry:nth-child(4n){margin-right:0;}

.masonry-entry img{width:100%;height:auto;}

.audio .masonry-details,
.video .masonry-details{
	padding:0;
}

.audio iframe,
.video iframe{
width:100%;
}

.audio p,
.video p{margin:0;}

.arve-wrapper { margin-bottom: 0 !important;}

.masonry-entry h2{ color:#f1f1f1; font-size:30px;margin: 0;}
.masonry-details, .masonry-details a{color:#333;}
.masonry-entry .date, span.date{color:#f1f1f1;font-family:asapbold; text-transform:uppercase; padding:25px 0; display:block;}

.masonry-entry a:hover{text-decoration:none;}

.masonry-entry.standard{background-color:#fd7e2d;}
.standard .masonry-details{ padding: 0 10px 20px 10px; margin: 0 10px; border-left: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1;}


.masonry-entry.quote{background-color:#69b8a9;}
.masonry-entry.quote.category-press{background-color:#ee80b3;}

.masonry-entry.quote blockquote{color:#f1f1f1;}
.masonry-entry.quote p.quote_person{color:#333; background:none; padding-bottom:15px; margin-left:10px;margin-right:10px;}


.category-press .quote-outer{background:transparent url(images/scrap-quote-top.gif) no-repeat top left; padding-top:11px; display:block;}
.category-press .quote-inner{background:transparent url(images/scrap-quote-base.gif) no-repeat bottom left; padding-bottom:11px;}

.image-caption{
	width: 100%;
	height: 100%;
	background:	rgba(0,0,0,0.5);
	padding:	0 20px 20px 20px;
	display:	none;
	color:#fff;
}

a:hover .image-caption{
	display:block;
	position:absolute;
	top:0;
}

.post-category{
	font-family:asapbold;
	font-size:16px;
	color:#f1f1f1;
	text-transform:uppercase;
	margin: -25px 0 25px 0;
	display:block;
}

.full_content{display:none;}

.wp-pagenavi{color:#333;}

.modal-news{background-color:#333; padding: 40px;}
.simplemodal-overlay{background-color:#000;}

#simplemodal-container a.modalCloseImg, #gallery-close a , .lb-data .lb-close {
  background: url("images/btn-exit.png") no-repeat scroll 50% 50% transparent;
  cursor: pointer;
  display: inline;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  z-index: 3200;
  overflow:hidden;
  text-indent:-999px;
}


/** Footer **/
.footer h2{font-size:28px;text-align:center;margin-top:0;}
.footer h4{	font-size:	18px;	color:	#ef80b3; margin-top:0;}
.footer-base h4{color:#f5efdf; font-size:14px; float:left;margin-right:40px;}

.footer, .footer p{text-transform:uppercase;font-size:12px; font-family:asapbold;letter-spacing:0.08em; }
.footer a:hover{color:#f1f1f1; text-decoration:none;}
address{font-style:normal;}

a.get-in-touch{
	width:491px;
	height:44px;
	display:block;
	background: transparent url(images/btn-get-in-touch.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	margin: 0 auto;transition:none;
}
a.get-in-touch:hover{background-position:0 -44px;}
.credits{}
.footer-logo{margin-bottom:40px;}


.footer .row{width:100%;float:left; margin-bottom: 30px;}
.footer .col{width:24%;float:left;border-left:1px solid #fff;min-height:225px;}
.footer .col .inner{ margin: 15px !important; margin-top:0 !important;}


a.social{width:	45px;height:44px;display:inline-block;overflow:hidden;text-indent:-9999px;margin-right:10px;transition:none;}
a.social.facebook{background: transparent url(images/btn-facebook.png) no-repeat 0 0;}
a.social.twitter{background: transparent url(images/btn-twitter.png) no-repeat 0 0;}
a.social:hover{background-position:0 -44px !important;}
.supporter{height:44px;width:100px;display:block;margin-bottom:10px;text-indent:-9999px;overflow:hidden;float:left;}
.supporter.arts-council{width:170px;height:37px;background:transparent url(images/logo-arts.png) no-repeat 0 0;margin-right:40px;}
.supporter.cornwall{width:50px;background:transparent url(images/logo-cornwall-council.png) no-repeat 0 0;}

.map_info{min-width:280px;min-height:75px;}
.map_info h2{color:#666;}
.map_info ul{margin:0;padding:0;}
.map_info li{list-style:none;font-size:16px;font-family:asapregular;}


.posts-navigation, .posts-navigation ul a{
	font-size: 18px;
	font-family: asapregular;
	color:#000;
}

.posts-navigation ul{margin:20px 0;padding:0;}
.posts-navigation li{width:	50%; display:inline-block; text-transform:uppercase; list-style:none;}

li.previous{text-align:left;}
li.next{text-align:right;}

.posts-navigation ul a{
	opacity: 1;
	display:block;
	height:	32px;
	line-height:32px;
	width: 150px;
	margin: 0 10px;
}

.posts-navigation a:hover{text-decoration:none;}

.posts-navigation span{
	opacity: 0.5;
	display:block;
	height:	32px;
	line-height:32px;
	width:155px;
	margin: 0 10px;
}

.posts-navigation .next a,
.posts-navigation .next span{
	background: transparent url(images/btn-next.png) no-repeat 100% 50%;
	float:left;
	padding-right:78px;
}

.posts-navigation .previous a,
.posts-navigation .previous span{
	background: transparent url(images/btn-previous.png) no-repeat 0 50%;
	float:right;
	padding-left: 78px;
}

.scrapbook-full{
	width:320px;
	height:	65px;
	background:	transparent url(images/scrapbook-full.gif) no-repeat 0 0;
	line-height:65px;
	text-transform:uppercase;
	font-family:asapbold;
	color:#f1f1f1;
	text-align:center;
	font-size:22px;
	margin: 20px auto;
	display:block;
	letter-spacing:1.2px;
}

/** RESPONSIVE **/

@media all and (max-width: 999px){
	.featured-show.single .featured-show-details .dates,
	.featured-show.single .featured-show-details .links{ width:100%; text-align:center;}
	
	.featured-show.single .featured-show-details .links a {
	  float: none;
	  display: inline-block;
	}
}

@media all and (max-width: 945px){

	.performer{margin-right:13px !important;}
	a.header-button.nav-toggle {
		background-image: url("images/btn-menu-tablet.png");
		height: 42px;
		width: 188px;
	}

	a.header-button.support {
		background-image: url("images/btn-get-involved-tablet.png");
		height: 37px;
		margin-right: 10px;
		width: 119px;
	}
	a.header-button.sign-yp {
		background-image: url("images/btn-sign-up-tablet.png");
		height: 37px;
		width: 124px;
	}

	.navigation{width:265px;}

	
}
@media all and (max-width: 800px){
	ul.menu{
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;
		column-count: 1;
		column-gap: 0px;
	}

	ul.menu li a{font-size:	18px;line-height:45px;height:45px;}
	ul.menu li.mobile-only{display:block;}
	
	a.header-button.nav-toggle {
		/*background-image: url("images/menu-hamburger.png");
		width: 34px;
		height: 29px;
		margin-left:12px;
		margin-top:28px;*/
		
		background:transparent;
		text-indent:0;
		font-family:asapbold;
		font-size:	21px;
		text-transform:uppercase;
		width: 75px;
		color:#fff;
		line-height:87px;
		height:87px;
		margin-top:0;
		text-align:center;
		position:absolute; right:15px;
		
	}

	.navigation{width:80px;}
	.brand{width:220px;text-align:left;}
	.navigation.secondary{display:none;}
	a#logo{margin-left:15px;}

	.featured-show-details .title, .featured-show-details .date-list {
	  line-height: 22px;
	  padding-top: 10px;
	  width: 100%;
	}
	.touring-dates{width:100%;display:block;}
	
	.column_container .column:last-child .inner {
		margin: 0 0 0 5%;
	}
	
	.show-tabs a, .show-tabs span{font-size:18px;}
	.tour-date{margin-right:17px;}
	.tour-date:nth-child(4n){margin-right:17px;}
	.tour-date:nth-child(3n){margin-right:0;}
	
	p.venue-icons{margin-left:0;}
	
	a.venue-web-link, a.venue-booking-link{
		background-size: cover;
		height:32px;
		line-height:32px;
		width:205px;
		margin-left:auto;
		margin-right:auto;
	}
	
	a.venue-web-link.home, a.venue-booking-link.home{
		height:46px;
		line-height:46px;
	}
	
	a.tour-dates, a.recommend{font-size:18px;}
	
	h1.page-title.banner, .show-banner-title {
		background-size: cover;
		height: 149px;
	}

	input.wpcf7-submit {
		background-size:	cover;
		height: 37px;
		line-height: 37px;
		width: 302px !important;
	}	
	
	.show{width:32%;overflow:hidden;}
	.show:nth-child(3n){margin-right:0;}
	
}
@media all and (max-width: 700px){
	.news-flash .title{float:none;}
	.news-flash ul { height:auto;}
	.news-flash ul li{ height:auto;}
	

	blockquote {margin: 40px 0 0;}
	
	.splash .splash-text{width:100%;}
	.splash-image{display:none;}

}
@media all and (max-width: 550px){

	.page-inner{padding:0;}

	.column_container.two_equal_columns { background: none; }
	.column_container .column {width:100% !important; margin:0 !important;}
	.inner .column_container .column .inner, .column_container .column:last-child .inner { margin: 0;}
	.footer .col > .inner, .footer .column > .inner{margin:15px;}
	.footer .col {  border-left: none; float:none; width:100%; min-height:50px;}
	
	a.tour-dates, a.recommend {  float:none;width:100%;margin-bottom:10px;}
	
	h2.flourish{width:	300px;height:60px;background-size:cover !important;}
	
	
	.previous-shows li { float:none;width:100%;}
	
	
	.column img{width:	100%; height:auto;}
	
	#tour-map{height:250px;}
	
	.featured-show{margin-right:0 !important;width:100% !important;}

	
	input, .wpcf7-form input, .wpcf7-form textarea, textarea {width: 95% !important;}
	form label, .wpcf7-form label, label {  display: block;}
	
	.wpcf7-form input.wpcf7-submit { width: 300px;}
	
	a.get-in-touch{width:246px; background:transparent url(images/btn-get-in-touch-phone.png);	height:22px;}
	a.get-in-touch:hover{background-position: 0 -22px;}
	.news-flash .title {	  float: none; margin-bottom:8px;}
	.news-flash ul li { margin-bottom: 8px; border-bottom: 1px dotted; padding-bottom: 8px;}
	.section-inner .border > .inner{		padding:20px;	}
	
	.footer-base .inner{padding-left:15px;}
	
	h2.tour-month{padding-bottom:30px;text-align:center;}
	.tour-date, .performer{margin-left:18%;}
	
	.wpcf7-form input.wpcf7-submit {
	  width: 230px !important;
	  background-image: url(images/btn-send-phone.png)
	}
	.footer-logo {
	  text-align: center;
	}
	.show{margin-left:6%;}


	h1.page-title.banner, .show-banner-title {
	  background-size: cover;
	  height: 70px;
	}
	
	h1.page-title {
	  background: url("images/title-bg.png") no-repeat scroll 50% 0 #323232;
	  font-size: 30px;
	  letter-spacing: 0.06em;
	  line-height: 35px;
	  text-align: center;
	  width: 100%;
	  padding:	15px 5px;
	}
	
	
	.venue-information{margin:0;}
	#map_canvas,#tour-map.open,div.wp_geo_map {height:200px !important;}
	
	.show-tabs a, .show-tabs span{
		height:	40px;
		line-height:40px;
		float:	left;
		font-size:14px;
		letter-spacing:1px;
	}

	.show-tabs a:hover{text-decoration:none;}

	.show-tabs a{opacity:0.4;}
	.tabs-2 a, .tabs-2 span{width:	100%}
	.tabs-3 a, .tabs-3 span{width:	100%}	


	p.venue-icons {
	  margin-left: 0;
	 }
	.refreshments-available{width: 100%;}
	.accessible{width: 100%;}

	h2.title-supporters {
		background:none;
		border-bottom:	2px solid #69B8A9;
		padding-bottom:	6px;
	}
	.supporter-logo{width:50%;}	
	

}

@media all and (max-width: 495px){
	.venue-booking-link.home {margin-top: 10px;}
}

@media all and (max-width: 420px){
	.venue-map .wp_geo_map{display:none;}
}
@media all and (max-width: 320px){
	.tour-date, .performer{margin-left:13%;}
	.show{margin-left:0;}
	.featured-show{max-width:320px;}
	.section{max-width:320px !important;}
}