/*
Theme Name: Alexandra Burke
Theme URI: n/a
Author: Raffaele Malanga / Els van Bloois
Author URI: https://farstudios.com/
Description: n/a
Version: 1.0
License: no license, use a theme from https://wordpress.org/themes/ instead.
License URI: n/a
Tags: n/a
Text Domain: alexandraburke
*/

/* colours */
/* 
/* text grey: #333
/* text lightgrey: #454545
/* light grey lines: #B3B3B3
/* links pinkred: #EA215A
/* bg lightgrey: #EBEBEB
/* 
*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
.screen-reader-text,
.skip-link{
	position:absolute;
	top:-4000px;
	left:-4000px;
}
.skip-link{
	background:white;
	color:black;
	text-align:center;
	padding:10px 20px;
}
.skip-link:focus{
	top:10px;
	left:10px;
}
.menu-toggle{
	display:none;
}
/* ie8 trickery */
body{
	min-width:1400px;
}
@media(max-width:1500px){
	body{
		min-width:320px;
	}
}
/* end ie8 trickery */
body{
	font-family:'Nunito',sans-serif;
	font-size:100%;
	font-weight:300;
	line-height:1;
}
#masthead,
/* #content, */
#primary,
#postfooter,
#colophon{
	padding:0 26px;
}
.site-branding,
.site-nav,
/*.site-main, */
.content-area,
.postfooter-area,
.site-info{
	max-width:1342px;
	margin:0 auto;
}
a:focus,
a:hover,
a:active{
	outline:none;
}
a img{
	border-width:0;
}
#masthead{
	background:#fff;
	color:#000;
	padding-top:73px;
	padding-bottom:73px;
}
#masthead a{
	color:#000;
	text-decoration:none;
}
#banner{
	height:560px;
	background:url(img/banners/1.jpg) black no-repeat center center;
	background-size:cover;
	margin-bottom:34px;
}
#bannersocial{
	text-align:center;
	padding-bottom:2px;
	border-bottom:1px solid #B3B3B3;
	margin-bottom:38px;
}
#content{
	background:#EBEBEB;
	color:#333;
	padding-top:47px;
	padding-bottom:180px;
}
body.page-id-658 #content .content-area{
	max-width:760px;
	text-align:center;
}
body.page-id-21 #content{
	background:#7ad4b7;
	text-align:center;
}
body.page-id-23 #content{
	background:#e6bdc2;
	text-align:center;
}
body.page-id-2 #content{
	background:#fff;
}
body.single #content{
	padding-bottom:0;
}
body.single #main{
	padding-bottom:100px;
}
#content a{
	color:#EA215A;
}
#content a:focus,
#content a:hover,
#content a:active{
	color:#000;
}
#postfooter{
	background:#fff;
	color:#333;
	overflow:hidden;
	padding-bottom:80px;
}
#postfooter a{
	color:#333;
	text-decoration:none;
}
#colophon{
	background:#000;
	color:#fff;
	padding-top:77px;
	padding-bottom:200px;
}
#colophon a{
	color:#fff;
	text-decoration:none;
}
#colophon img{
	max-width:100%;
}


.site-info h2{
	color:#fff;
}
.site-branding .site-title,
.site-info h2{
	font-family:'Montserrat',sans-serif;
	font-size:69px;
/*	font-size:105px; */
	font-weight:100;
/*	text-transform:uppercase; */
	line-height:1;
	text-align:center;
	margin-bottom:32px;
}
.site-title img{
	max-width:100%;
}
.nav-menu{
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
}
.nav-menu li{
	display:inline;
	line-height:1.5;
}
.nav-menu li a{
	padding:12px;
	text-decoration:none;
}
.nav-menu li.current-menu-item a,
.nav-menu li.current-page-ancestor a{
	font-weight:400;
}
body.single-news li#menu-item-63 a,
body.single-live li#menu-item-221 a,
body.single-theatre li#menu-item-62 a,
body.single-press li#menu-item-79 a,
body.post-type-archive-photos li#menu-item-30 a,
body.single-photos li#menu-item-30 a,
body.single-charity li#menu-item-103 a,
body.single-post li#menu-item-32 a{
	font-weight:400;
}


#menu-top-nav li a{
	color:#454545;
}
#menu-top-nav li a:focus,
#menu-top-nav li a:hover,
#menu-top-nav li a:active{
	color:#000;
}
#menu-top-nav-1{
	margin-bottom:32px;
}
#menu-top-nav-1 li a{
	color:#fff;
}
#menu-top-nav-1 li a:focus,
#menu-top-nav-1 li a:hover,
#menu-top-nav-1 li a:active{
	color:#EA215A;
}
.social li{
	display:inline;
}
.social li a{
	display:inline-block;
}
.social li a:focus,
.social li a:hover,
.social li a:active{
	opacity:.5;
}
.site-main .social li a{
	padding-right:16px;
}
.site-info .social{
	text-align:center;
}
.site-info .social li a{
	padding:8px;
}

#primary{
	overflow:hidden;
}
.page-content{
	float:left;
	width:50%;
}
.not-found .page-content{
	float:none;
	width:auto;
	max-width:800px;
	text-align:center;
	margin:0 auto;
}
.page-content .padded{
	padding-right:52px;
}
.page-side{
	float:right;
	width:50%;
}
.page-side img,
.page-side iframe{
	margin-bottom:35px;
}




#content h1{
	color:#000;
	font-family:'Montserrat',sans-serif;
	/*
	font-size:50px;
	font-size:75px;
	font-size:65px;
	*/
	font-size:38px;
	font-weight:normal;
	font-weight:100;
	text-transform:uppercase;
	line-height:1.2;
	text-align:center;
	margin-bottom:28px;
}
/* hiding as it now should be the same size as other pages */
/*
body.page-template-page-videos #content h1,
body.post-type-archive-photos #content h1,
body.post-type-archive-behind_the_scenes #content h1{
	font-size:50px;
}
*/
#content h2{
	font-size:26px;
	font-weight:300;
	line-height:1.2;
	margin-bottom:1.2em;
}
#content h1 a,
#content h2 a{
	text-decoration:none;
}
#content p,
#content ul{
	font-size:18px;
	line-height:1.3;
	margin-bottom:1.3em;
}
.wp-audio-shortcode{
	max-width:600px;
	margin:0 auto 1.3em auto;
}
body.single #content #main h2{
	max-width:760px;
	margin-left:auto;
	margin-right:auto;
}
body.single #content #main p{
	font-size:16px;
	max-width:760px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}
.mediabox{
	padding:20px 0;
}
.mediabox iframe,
.mediabox img,
.mediabox .videobox{
	text-align:center;
	margin-bottom:20px;
}
.mediabox{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
#content .intro p,
.page-id-21 #content p,
.page-id-23 #content p{
	font-size:24px;
	line-height:1.3;
	margin-bottom:1.7em;
}
.page-id-21 #content label,
.page-id-21 #content input{
	font-size:24px;
}
#content p.followp{
	margin-bottom:.5em;
}
#content img,
#content iframe{
	max-width:100%;
}
#content img{
	height:auto;
}
#content img.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#mc_embed_signup {
    margin: 0 auto;
    width: 590px;
}
#mc_embed_signup .indicates-required{
	font-size:14px;
	text-align:right;
	margin-bottom:20px;
}
.mc-field-group {
    clear: both;
    margin-bottom: 35px;
    overflow: hidden;
}
#content .mc-field-group input {
    background: #7AD4B7 none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    float: right;
    font-family:'Nunito',sans-serif;
    font-weight:300;
    height: 39px;
    line-height: 42px;
    margin-bottom: 0;
    padding-left: 10px;
    width: 378px;
}
#content .mc-submit-box{
    float: right;
    width: 390px;
    text-align:left;
}
#content #mc-embedded-subscribe{
    background: #fff !important;
    border-width: 0 !important;
    font-family:'Nunito',sans-serif;
    font-weight:300;
}
#content .mc-field-group label {
    float: left;
    line-height: 44px;
    margin-bottom: 0;
    text-align: right;
    width: 185px;
}
#content .mc-field-group label span{
	display:inline;
}

body.page-id-23 p.signup{
	padding-top:23px;
}
body.page-id-23 p.signup a{
	border:1px solid #ea215a;
	padding:7px 15px;
	text-decoration:none;
	display:block;
	max-width:440px;
	margin:0 auto;
}
body.page-id-23 p.signup a:focus,
body.page-id-23 p.signup a:hover,
body.page-id-23 p.signup a:active{
	border-color:#000;
}



/* single post pages (news, blog, theatre) */


body.single h2.entry-title,
body.single .entry-content{
	max-width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
body.single-music .entry-content{
	max-width:826px;
}
body.single .entry-header{
	margin-bottom:40px;
}
body.single h2.entry-title{
	margin-bottom:0 !important;
}
body.single div.entry-date{
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	padding-top:10px;
}

body.single .postfooter-area{
	max-width:760px;
	margin-left:auto;
	margin-right:auto;
}
body.single-music .postfooter-area{
	max-width:826px;
}
body.single-photos .postfooter-area{
	max-width:1000px;
}
body.single div.post-thumbnail img{
	display:block;
	margin:0 auto 36px auto;
}
body.single-post #content #main p{
	line-height:1.5;
	margin-bottom:1.5em;
}
.holdit{
	overflow:hidden;
}
.contentblock{
	overflow:hidden;
	max-width:760px;
	margin:0 auto 30px auto;
}
body.single #content #main .contentblock p{
	max-width:100%;
}
.twocols .col1{
	float:left;
	width:48%;
	max-width:365px;
}
.twocols .col2{
	float:right;
	width:48%;
	max-width:365px;
}
.twocols img{
	margin-bottom:16px;
}
.imglefttext img{
	float:left;
	margin-right:20px;
}
.imgrighttext img{
	float:right;
	margin-left:20px;
}
#content .imglefttext img,
#content .imgrighttext img{
	max-width:50%;
}

.imagewithcaption{
	max-width:760px;
	margin-left:auto;
	margin-right:auto;
}
p.caption{
	text-align:center !important;
	padding-top:3px;
	padding-bottom:8px;
	border-bottom:1px solid #b3b3b3;
}
#booktickets{
	text-align:left;
	padding-top:50px;
}
#booktickets ul li{
	list-style:none;
	/* background:url(img/tour-divider.png) transparent no-repeat center top; */
	border-top:1px solid #b3b3b3;
	font-weight:300;
	font-size:120%;
	line-height:1.5;
	padding:29px 0 21px 0;
	overflow:hidden;
}
#booktickets span{
	float:left;
	padding:5px 10px 5px 0;
}
#booktickets span.book{
	float:right;
	padding:0;
}
#booktickets span.book a{
	display:block;
	background:#ea215a;
	color:white;
	text-transform:uppercase;
	line-height:1.5;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	border-width:0 0 3px 0;
	border-style:solid;
	border-color:#B01944;
	border-radius:6px;
}
#booktickets span.book a:hover{
	border-width:3px 0 0 0;
	padding-top:3px;
	padding-bottom:7px;
}
#booktickets span.date{
	width:25%;
}
#booktickets span.venue{
	width:25%;
}
#booktickets span.phone{
	width:25%;
}

#booktickets span.phone span{
	display:inline;
	font-size:16px;
	padding:4px 0 0 0;
}
#booktickets p{
	max-width:650px;
	font-size:16px;
	line-height:1.5;
	text-align:center;
	margin:0 auto 1.5em auto;
}

/* music single */

div.thealbum{
	float:left;
	max-width:500px;
	margin-bottom:20px;
}
div.player{
	float:right;
	max-width:300px;
	margin-bottom:20px;
}
ul.albumlinks{
	overflow:hidden;
}
ul.albumlinks li{
	list-style:none;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/* single photo */

div.photosingle{
	background:black;
	text-align:center;
	padding:30px 26px;
	margin-bottom:30px;
}



/* single pagenav */

p.backlink{
	padding-top:30px;
}
.nav-links{
	padding:30px 0 0 0;
	overflow:hidden;
}
.nav-previous{
	float:left;
}
.nav-next{
	float:right;
}
body.single .nav-links{
	float:right;
	width:80px;
	font-size:18px;
	line-height:1.4;
}
body.single p.backlink{
	float:left;
}





/* archives */

.socialbar{
/*	float:right; */
	min-height:876px; /* 2x(285+140)+26 */
	background:#fff;
/*	margin-bottom:26px; */
}
#secondary{
	background:#fff;
}
.socialbar,
#secondary{
	text-align:left;
}
.socialbar .twbox{
	margin-bottom:20px;
}
.socialbar .twbox iframe{
	height:400px !important;
	height:350px !important;
}
.socialbar .igbox{
	padding:5px;
}
#content .archived .socialbar h2{
	height:30px; /* set so that Mac behaves within the total height of the box */
	font-family:'Montserrat',sans-serif;
	font-size:27px;
	font-weight:100;
/*	text-transform:uppercase; */
	line-height:1;
	text-align:center;
	padding:10px 15px 0 15px;
}
#content .archived .socialbar .igbox h2{
	padding:5px 10px 0 10px;
}
#secondary ul{
	list-style:none;
	padding:0 15px;
}
body.page-id-2 .socialbar{
	background:#EEEEEE;
}
.displaysocialbox730{
	display:none !important;
}
.archived{
	background:transparent;
	color:#454545;
	text-align:center;
	position:relative;
}
.newsarchived{
	max-width:316px;
	margin-bottom:26px;
	padding:0 13px;
}
.archived a{
	display:block;
	overflow:hidden;
}
.archived img{
	display:block;
}
.archived a.zoom img{
	transition-duration:.8s;
}
.archived a.zoom:hover img{
	transform:scale(1.2);
	transition-duration:.5s;
}

.videobox{
	position:relative;
	padding-top:56%;
	margin-left:auto;
	margin-right:auto;
}
.videobox iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


.archivedwide{
	max-width:658px;
}
.sbsarchived{
	width:50%;
	max-width:658px;
	margin-bottom:40px;
}
.postleft{
	clear:left;
	float:left;
}
.postright{
	clear:right;
	float:right;
}
#content p.posttype{
	width:80%;
	max-width:280px;
	font-size:14px;
	text-transform:uppercase;
	padding:10px 0;
	border-bottom:1px solid #B3B3B3;
	margin:0 auto 13px auto;
}
/* removed to make it look the same as on the News page */
/* 
#content .homebox p.posttype{
	font-family:'Montserrat',sans-serif;
	font-size:22px;
	font-size:33px;
	font-size:27px;
	font-weight:400;
	text-transform:inherit;
	line-height:1;
}
*/
#content .archived .entry-header{
	background:#fff;
	padding:15px 0 20px 0;
}
body.post-type-archive-music #content .archived .entry-header{
	min-height:7em;
	padding:10px 0 20px 0;
}
#content .archived .homebox{
	background:#EEEEEE;
	min-height:130px;
	padding:5px 0;
}
#content .archivedwide .entry-header{
	position:absolute;
	bottom:13%;
	left:50%;
	width:316px;
	background:rgba(255,255,255,.75);
	margin-left:-158px;
}
#content .sbsarchived .entry-header{
	padding:25px 30px 20px 30px;
	min-height:9em;
}
#content .charityarchived .entry-header{
	min-height:1em;
	padding:20px 20px 25px 20px;
}
#content .charitycontent,
#content .livecontent,
#content .musiccontent{
	clear:both;
	text-align:center;
}


#content .archived h2{
	font-size:16px;
	padding:0 15px;
	margin-bottom:0;
}
#content .archived h2.videotitle{
	font-size:26px;
	padding:0;
	margin-bottom:1.2em;
}
#content .archived h2.live-title{
	font-weight:600;
}
#content .archived p.live-location{
	font-size:16px;
	padding:0 15px;
}
#content .archived div.button a,
#content .contentblock div.buttons a{
	display:inline-block;
	background:#EA215A;
	color:white;
	font-family:'Nunito',sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	padding:17px 17px;
	border-radius:5px;
	margin:20px 30px;
}
#content .archived div.button a:focus,
#content .archived div.button a:hover,
#content .archived div.button a:active,
#content .contentblock div.buttons a:focus,
#content .contentblock div.buttons a:hover,
#content .contentblock div.buttons a:active{
	background:white;
	color:#EA215A;
}
#content .archived p.pubdetails{
	font-size:12px;
	text-transform:uppercase;
	padding-top:10px;
	margin-bottom:0;
}




/* archive pagination styles for if/when it pops up later */

.pagenavnrs{
	text-align:center;
	padding:20px 0;
	border-top:1px solid #b3b3b3;
	margin-top:30px;
}
.pagenavnrs a,
.pagenavnrs span{
	padding:10px;
}



/* homepage only */
@media (max-width:1420px){
	body.page-id-2 #primary{
		max-width:1280px;
	}
	body.page-id-2 .socialbar{
		min-height:835px;
	}
	#content .archived .homebox{
		min-height:124px;
	}
	body.page-id-2 .socialbar .twbox iframe{
		height:330px !important;
	}
}
@media (max-width:1360px){
	body.page-id-2 #primary{
		max-width:1180px;
	}
	body.page-id-2 .socialbar{
		min-height:770px;
	}
	body.page-id-2 .socialbar .twbox iframe{
		height:350px !important;
		height:270px !important;
	}
	#content .archived .homebox{
		min-height:114px;
	}
}
@media (max-width:1250px){
	body.page-id-2 #primary{
		max-width:1052px;
	}
	body.page-id-2 .socialbar{
		min-height:1326px;
	}
	#content .archived .homebox{
		min-height:130px;
	}
	body.page-id-2 .socialbar .twbox iframe{
		height:880px !important;
		height:820px !important;
	}
}
@media (max-width:1080px){
	body.page-id-2 #primary{
		max-width:900px;
	}
	body.page-id-2 .socialbar{
		min-height:1222px;
	}
	body.page-id-2 .socialbar .twbox iframe{
		height:800px !important;
		height:730px !important;
	}
}
@media (max-width:1024px){
	body.page-id-2 #primary{
		max-width:800px;
	}
	body.page-id-2 .socialbar{
		min-height:1119px;
	}
	body.page-id-2 .socialbar .twbox iframe{
		height:730px !important;
		height:660px !important;
	}
	#banner{
		height:370px;
		background-size:auto 100%;
	}
}
@media (max-width:870px){
	body.page-id-2 #primary{
		max-width:700px;
	}
	body.page-id-2 .socialbar{
		min-height:1017px;
	}
	body.page-id-2 .socialbar .twbox iframe{
		height:640px !important;
		height:560px !important;
	}
}
@media (max-width:820px){
	body.page-id-2 #primary{
		max-width:658px;
	}
	body.page-id-2 .socialbar{
		min-height:350px;
	}
	body.page-id-2 .removesocialbox730{
		display:none !important;
	}
	body.page-id-2 .displaysocialbox730{
		display:block !important;
	}
	body.page-id-2 .socialbar{
		min-height:500px;
		height:540px; /* needed for masonry to not cut stuff off */
		padding-top:10px;
	}
	body.page-id-2 .socialbar .twbox{
		float:left;
		width:48%;
	}
	body.page-id-2 .socialbar .igbox{
		float:right;
		width:48%;
	}
	body.page-id-2 .socialbar .twbox iframe{
		height:412px !important;
	}
	#banner{
		height:270px;
		background-size:auto 100%;
	}
}
@media (max-width:500px){
	#banner{
		height:200px;
		background-size:auto 100%;
	}
}

/* end homepage only */


/* fanzone form only */

@media (max-width:1050px){
	#content label,
	#content input{
		font-size:20px !important;
	}
	#mc_embed_signup{
		width:530px;
	}
	#content .mc-field-group input{
		width:353px;
	}
	#content .mc-submit-box{
		width:355px;
	}
	#content .mc-field-group label{
		width:150px;
	}
}
@media (max-width:895px){
	#content label,
	#content input{
		font-size:18px;
	}
}
@media (max-width:800px){
	#content label,
	#content input{
		font-size:16px;
	}
}
@media (max-width:620px){
	#mc_embed_signup{
		width:350px;
		max-width:100%;
		text-align:left;
	}
	#content .mc-field-group{
		margin-bottom:25px;
	}
	#content .mc-field-group input{
		float:none;
		width:337px;
		max-width:100%;
		margin:0 auto;
	}
	#content .mc-submit-box{
		float:none;
		width:350px;
		margin:0 auto;
	}
	#content .mc-submit-box input{
	}
	#content .mc-field-group label{
		float:none;
		width:350px;
		text-align:left;
		margin:0 auto;
	}
}
@media (max-width:420px){
	#mc_embed_signup,
	#content .mc-submit-box,
	#content .mc-field-group label{
		width:270px;
		max-width:100%;
	}
	#content .mc-field-group input{
		width:257px;
		max-width:90%
	}
}
/* end fanzone only */







@media (max-width:1410px){
	.sbsarchived{
		width:49%;
	}
}
@media (max-width:1060px){
	.site-info .nav-menu{
		font-size:12px;
	}
}
@media (max-width:990px){
	#booktickets ul li{
		font-size:110%;
	}
}
@media (max-width:970px){
	.nav-menu li a{
		padding:12px 6px;
	}
}
@media (max-width:900px){
	body.single-music .entry-content{
		max-width:660px;
	}
	.thealbum{
		width:400px;
	}
	.player{
		width:240px;
	}
	.player iframe{
		height:400px;
	}
}
@media (max-width:875px){
	.site-branding .site-title,
	.site-info h2{
		font-size:60px;
		font-size:90px;
		font-size:78px;
	}
}
@media (max-width:840px){

	.nav-menu{
		font-size:12px;
	}
	#booktickets ul li{
		font-size:100%;
	}
}
@media (max-width:800px){
	#content p.posttype{
		max-width:230px;
	}
	.sbsarchived{
		width:48%;
	}
}

@media (max-width:780px){
	#booktickets ul li{
		font-size:100%;
	}
	#booktickets span.date{
		width:50%;
		padding-right:0;
	}
	#booktickets span.venue,
	#booktickets span.phone,
	#booktickets span.book{
		clear:right;
		float:right;
		width:50%;
		padding-right:0;
	}
	#booktickets span.phone{
		margin-bottom:7px;
	}
	#booktickets span.phone span{
		padding-bottom:3px;
	}
	#booktickets span.book a{
		float:left;
	}
}

@media (max-width:730px){
	.sbsarchived{
		float:none;
		width:100%;
		margin:0 auto 30px auto;
	}
	#content p.posttype{
		max-width:280px;
	}
	.removesocialbox730{
		display:none !important;
	}
	.displaysocialbox730{
		display:block !important;
	}
	.socialbar{
		padding-top:10px;
		min-height:400px;
		height:440px; /* needed for masonry to not cut stuff off */
	}
	.socialbar .twbox{
		float:left;
		width:48%;
	}
	.socialbar .igbox{
		float:right;
		width:48%;
	}
	.socialbar .twbox iframe{
		height:412px;
		height:362px;
	}
	.page-content,
	.page-side{
		float:none;
		width:100%;
	}
	.page-content .padded{
		padding-right:0;
	}
	.page-side{
		text-align:center;
	}
}

@media (max-width:730px){
	body.single-music .entry-content{
		max-width:570px;
	}
	div.thealbum{
		width:350px;
	}
	div.player{
		width:200px;
	}
	div.player iframe{
		height:350px;
	}
}


@media (max-width:750px){
	#page{
		padding-top:30px;
	}
	#masthead{
		padding-top:0;
		padding-bottom:20px;
		position:relative;
	}
	.site-branding .site-title{
		line-height:1.1;
		text-align:left;
		margin-bottom:0;
		padding-right:60px;
	}
	.menu-toggle{
		display:block;
		height:38px;
		width:40px;
		background:url(img/burker-38px.png) transparent no-repeat left center;
		background-size:contain;
		padding:0;
		border-width:0;
		margin-bottom:10px;
		cursor:pointer;
		position:absolute;
		top:15px;
		top:31px; /* after changing funny font on title to image */
		right:26px;
	}
	.nav-menu{
		font-size:16px;
	}
	.menu-toggle span{
		position:absolute;
		left:-4000px;
	}
	#site-navigation .nav-menu{
		display:none;
	}
	#site-navigation.toggled-on .nav-menu{
		display:block;
	}
	#site-navigation.toggled-on .menu-top-nav-container{
		padding-top:20px;
	}
	#site-navigation.toggled-on ul{
		font-family:'Montserrat',sans-serif;
		font-size:38px;
		font-weight:100;
		text-transform:inherit;
	}
	#site-navigation.toggled-on li{
		display:block;
		line-height:1.3;
	}
	#site-navigation.toggled-on li a{
		display:block;
		color:#000;
		padding:0;
	}
	.nav-menu li.current-menu-item a,
	.nav-menu li.current-page-ancestor a{
		font-weight:200;
	}
	body.single-news li#menu-item-63 a,
	body.single-live li#menu-item-221 a,
	body.single-theatre li#menu-item-62 a,
	body.single-press li#menu-item-79 a,
	body.post-type-archive-photos li#menu-item-30 a,
	body.single-photos li#menu-item-30 a,
	body.single-charity li#menu-item-103 a,
	body.single-post li#menu-item-32 a{
		font-weight:200;
	}
}
@media (max-width:700px){
	.site-branding .site-title,
	.site-info h2{
		font-size:50px;
		font-size:75px;
		font-size:66px;
	}
	.menu-toggle{
		top:10px;
		top:24px;
	}
}

@media (max-width:640px){
	body.single-music .entry-content{
		max-width:500px;
	}
	div.thealbum,
	div.player,
	div.player iframe{
		width:500px;
		max-width:100%;
	}
	div.player iframe{
		height:auto;
	}
}


@media (max-width:590px){
	.socialbar{
		height:1200px !important;
	}
	.socialbar .twbox,
	.socialbar .igbox{
		float:none !important;
		width:auto !important;
	}
}
@media (max-width:570px){
	.site-branding .site-title,
	.site-info h2{
		font-size:40px;
		font-size:60px;
		font-size:56px;
	}
	.menu-toggle{
		top:4px;
		top:17px;
		width:30px;
	}
}
@media (max-width:550px){
	#booktickets span.date,
	#booktickets span.venue,
	#booktickets span.phone,
	#booktickets span.phone span,
	#booktickets span.book{
		clear:none;
		float:none;
		display:block;
		width:100%;
		text-align:center;
	}
	#booktickets span.book a{
		float:none;
		width:auto;
		max-width:130px;
		padding:5px;
		margin:0 auto;
	}
}
@media (max-width:520px){
	#content .archivedwide .entry-header{
		position:static;
		width:auto;
		background:white;
		margin-left:0;
	}
	body.page-id-2 #content .archivedwide .entry-header{
		background:#eee;
	}
	.socialbar{
		height:960px !important;
	}
}

@media (max-width:480px){
	#content p.posttype{
		max-width:230px;
	}
	#content .contentblock div.buttons a{
		padding:12px 5px;
		margin:15px;
	}
}

@media (max-width:470px){
	.site-branding .site-title,
	.site-info h2{
		font-size:35px;
		font-size:50px;
		font-size:48px;
	}
	.menu-toggle{
		top:2px;
		top:12px;
		width:25px;
	}
}

@media (max-width:400px){
	.site-branding .site-title,
	.site-info h2{
		font-size:26px;
		font-size:39px;
	}
	.menu-toggle{
		top:-3px;
		top:3px;
		top:7px;
		width:20px;
	}
}
@media (max-width:420px){
	#content p.posttype{
		max-width:auto;
	}
	#content .contentblock div.buttons a{
		font-size:12px;
		padding:10px 3px;
		margin:10px 10px;
	}
}
@media (max-width:380px){
	.site-branding .site-title,
	.site-info h2{
		font-size:24px;
		font-size:36px;
	}
	.menu-toggle{
		top:-7px;
		top:0;
		top:6px;
	}
	#content .imglefttext img,
	#content .imgrighttext img{
		float:none;
		display:block;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
}