/* =Responsive (Mobile) Design














-------------------------------------------------------------- */

























@media screen and (max-width: 1540px){
	.wrapper{max-width:1400px;}
	.half.meta.text {
   	 padding: 30px 90px 30px 90px;
	}
}

@media screen and (max-width:1420px){
	
	#footer_container{padding:60px 20px;}	
	div#footer_details{padding-left:20px; padding-right:20px;}
}
@media screen and (max-width:1200px){
	#hero_wrapper .calendar_content{display:none;}
	.m_it img {
    max-height: 55px;
    margin: 0 auto 10px;
    display: block;
}
	.m_it{padding:20px;}
	#grid_menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
	div#left_image, div#rm_menu{width:100%;}
	div#menu_header {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    padding-bottom: 10px;
}
}
@media screen and (max-width:1160px){
	#logo {
    float: none;
    margin: 0 auto;
    max-width: 160px;
    position: relative;
    left: unset;
    margin-left: auto;
}
	.half_header{width:50%!important;}
	div#left_header {
    padding-right: 0px;
}
	div#right_header {
    padding-left: 0px;
}
}
@media screen and (max-width: 980px) {
	.slick-arrow{display:none; opacity:0;}
	.shc_content{width:100%;}
	.shc_side{width:100%; max-width:400px; margin:0 auto; display:block; float:none;}
	div#archive_header{display:inline-block;}
	.archive_backlog, .archive_content{width:100%;}
body {


}


.grid,  .grid-right {


	float: none;


}


.copyright,  .scroll-top,  .powered {


	float: left;


}


#featured-image .fluid-width-video-wrapper {


	margin: 20px 0 0 0;


}


.front-page #widgets {


	margin-top: 40px;


}


.top-widget,  .front-page .top-widget {


	margin-top: 0 !important;


}


.hide-desktop {


	display: block;


}


.show-desktop {


	display: none;


}


.hide-980 {


	display: none;


}


.show-980 {


	display: block;


}


}





@media screen and (max-width: 720px) {
	.social_bar {
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
	div#mobile-motif {
    width: 100%;
    
    position: relative;
		margin-bottom:15px;
    float: left;
}
	div#mobile-motif i:after {
    content: "";
    height: 5px;
    position: absolute;
    width: 100%;
    display: inline-block;
    background: #2F1A45;
    float: left;
    bottom: -10px;
}
	div#mobile-motif i{height:5px; position:relative; width:100%; display:inline-block; background:#2F1A45;  float:left; margin-top:5px;}
	#mobile_inner li a {
    width: auto;
    width: auto;
    padding: 5px;
    font-size: 20px;
    margin-top: 15px;
		font-family:'courtsans';
    border-bottom: 10px double #531c55;
	}#mobile_inner li a:hover{
		color:#531c55;
	}
	.social_topper #artist-links {
    padding: 0;
    margin: 0;
    text-align: right;
    list-style: none;
    width: 100%;
    display: inline-block;
}
	.social_topper #artist-links li{ list-style:none; display:inline-block; vertical-align: top; margin-left:10px;}
.social_topper #artist-links li a {
    list-style: none;
    display: inline-block;
    position: relative;
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 100%;
    font-size: 22px;
    text-align: center;
    background: #2f1a45;
    color: #fff;
}
	div#footer_details {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
	div#hero_wrapper{background-size:100%;}
	div#hero_fade {
    position: absolute;
    z-index: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 1%, rgba(42,35,41,0.98) 48%, rgba(42,35,41,1) 49%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(42,35,41,0.70) 48%,rgba(42,35,41,0.75) 49%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(42, 35, 41, 0.71) 48%,rgba(42, 35, 41, 0.75) 49%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2a2329',GradientType=1 );
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}
	div#mobile_menu {
    cursor: pointer;
    position: relative;
    width: 40px;
    float: right;
    height: 40px;
    z-index: 10000;
}
	div#mobile_topper{display:inline-block;}
	div#accordion_container{columns:1;}
	div#main_image {
    width: 100%;
    display: inline-block;
    min-height: 380px;
    min-width: 100px;
	}
	body{font-size:16px;}
	h1#big_title{font-size:32px;}
	div#main_information_inner {
    padding: 20px 20px;
}
	ul#mega_meta{font-size:14px; line-height:1.5em;}
	div#show_header{display:inline-block;}

	div#left_image {

    padding: 80px 20px 20px 20px;
  
}
	div#title_content h1.big_title {
    font-size: 32px;
    margin: 0;
}
	#grid_menu {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
	div#left_header, div#right_header{display:none!important;}
	#featured_show h1.big_title {
    font-size: 34px;
    margin-bottom: 10px;
}
	#featured_show ul#mega_meta li, #featured_show ul#mega_meta li a {
    color: #FAD906;
    font-size: 18px;
}
	.feature_blurb {
    font-size: 0.9em;
    line-height: 1.5em;
}
	.micro_list {
    width: 100%;
    float: left;
    padding: 10px 10px 10px;
}
	.m_list_container {
    display: none;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
		margin-bottom:20px;
    position: relative;
}
	div#hero_wrapper h1.big_title {
    font-sizE: 36px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}
	img.big_icon {
    max-height: 80px;
}
	div#calendar_selector {
    display: inline-block;
    width: 100%;
}
	div#datepicker {
    min-width: 200px;
    position: relative;
    width: 100%;
}
.single_show {
    width: 100%;
    display: inline-block;
    float: none;
    min-width: 0;
    text-align: left;
    vertical-align: top;
    max-width: 100%;
    padding: 10px 10px 20px 10px;
    margin: 0 auto;
    margin-bottom: 20px;
}
	.half.meta.image {
    height: 300px;
    /* order: 0; */
    background-size: cover;
    background-position: center;
}
	.half.meta{width:100%; padding:40px 20px!important;}
	.flex_container {

    flex-direction: column;

}
	ul#menu-footer-more-information li {
    max-width: 50%;
    width: 100%;
    float: left;
}
	.social_topper {
    display:none!Important; padding-bottom: 20px;
}
.footer-widget {
    width: 100%;
    float: left;
    position: relative;
}

body {


}
	#secondary_header{display:none;}
#header_container {
    padding: 20px 30px;
    height: auto;
    display: inline-block;
    float: left;
    width: 100%;
}
#logo {
    float: left;
    position: relative;
    margin: 0 auto;
    text-align: center;
    z-index: 10000;
    left: unset;
}


.grid,  .grid-right {


	float: none;


}


#featured-image .fluid-width-video-wrapper {


	margin: 20px 0 0 0;


}
	.navigation a:hover{
		color:#fff;
	}
.navigation a {
    background: #2a2329;
    color: #fff;
	line-height:30px;
    font-size: 16px;
    border-radius: 29px;
    padding: 0 20px;
    height: 30px;
    display: inline-block;
}
.top-widget {


	float: none;


	margin: 0 auto 10px auto;


	position: relative;


	text-align: center;


	width: auto;


}


.top-widget .widget-title {


	text-align: center;


}


.js .sub-header-menu {


	display: none;


}


.js .main-nav {


	position: relative;


	background-color: #585858;


	width:100%;


	clear: both;


 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);


	margin: 0 auto;


}


.js .main-nav .menu {


	display: none;


	position: absolute;


	width: 100%;


	top: 30px;


	z-index: 1000;


}


.js .main-nav .menu ul {


	margin-top: 1px;


}


.js .main-nav .menu li {


	float: none;


	background-color: #fff;


	border: none;


}


.js .main-nav .menu li a {


	color: #444;


	font-size: 13px;


	font-weight: normal;


	height: 45px;


	line-height: 45px;


	padding: 0 15px;


	border: none;


	border-bottom: 1px solid #f5f5f5;


	text-shadow: none;


	text-align: left;


	cursor: pointer;


}


.js .main-nav .menu li.current_page_item,  .js .menu .current_page_item a,  .js .menu .current-menu-item a {


	background-color: #f5f5f5;


}


.js .main-nav .menu li li:hover {


	background: none!important;


}


.js .main-nav .menu li li a {


	position: relative;


	padding: 0 10px 0 30px;


}


.js .main-nav .menu li li li a {


	position: relative;


	padding: 0 10px 0 40px;


}


.js .main-nav .menu li a:hover,  .js .main-nav .menu li li a:hover {


	background-image: none;


	filter: none;


	background-color: #f5f5f5!important;


}


.js .main-nav .menu li li a::before {


	content: '\2013';


	position: absolute;


	top: 0;


	left: 20px;


}


.js .main-nav .menu li li li a::before {


	content: '\2013';


	position: absolute;


	top: 0;


	left: 20px;


}


.js .main-nav .menu li li li a::after {


	content: '\2013';


	position: absolute;


	top: 0;


	left: 30px;


}


.js .main-nav .menu li ul {


	position: static;


	visibility: visible;


	background-color: #fff;


}


.js .main-nav .menu ul {


	min-width: 0;


}


.js .main-nav #responsive_current_menu_item {


	display: block;


	padding: 5px 40px 5px 10px;


	color: #fff;


	font-weight: 700;


	cursor: pointer;


}


.js .main-nav a#responsive_menu_button {


	position: absolute;


	display: block;


	top: 0;


	left: 100%;


	height: 30px;


	width: 23px;


	margin-left: -30px;


	background: url('../images/select-icons.png') 0 5px no-repeat;


	cursor: pointer;


}


.js .main-nav a#responsive_menu_button.responsive-toggle-open {


	background: url('../images/select-icons.png') 0 -46px no-repeat;


}


.top-menu,  .footer-menu li {


	float: none;


	font-size: 11px;


	text-align: center;


}


.tinynav {


	display: block;


}


.sb-holder {


	display: block;


}


#author-meta {


	padding: 20px;


}


.hide-650 {


	display: none;


}


.show-650 {


	display: block;


}


.hide-mobile {


	display: none;


}


#footer {


	text-align: center;


}


#credits {


	text-align: center;


}


#footer .social-icons {


	padding-bottom: 10px;


	text-align: center;


}


}





@media screen and (max-width: 560px) {
	.calendar_container{min-width:200px; width:100%!important;}
	div#main_image {
    width: 100%;
    display: inline-block;
    min-height: 240px;
    min-width: 100px;
}
	.ui-datepicker-title:before {
    content: "What's on?";
    font-size: 26px;
    font-family: 'courtsansbold';
    margin-right: 10px;
}
	h3.micro_title a {
    color: #fff;
    font-weight: 400;
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
    width: 100%;
    display: inline-block;
}
	.ui-datepicker-title:before {
    content: "What's on?";
    font-size: 26px;
    font-family: 'courtsansbold';
    margin-right: 10px;
}
	.ui-datepicker-title {
    font-family: 'courtsans';
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}
	.m_list_container h2 {
    padding-left: 10px;
    display: inline-block;
    margin: 0 0 10px;
    float: left;
}
	div#datepicker {
    min-width: 0!important;
    position: relative;
    width: 100%;
}
	.micro_buy .buy_tickets{float:left;}
	.micro_buy{margin-top:10px;}
	div#cs_container {
    width: 100%;
    display: inline-block;
    float: left;
}
	h2 {
    font-size: 26px;
	}
	table.ui-datepicker-calendar td a {
    background: #71598D;
    display: inline-block;
    text-align: right;
    width: 100%;
    pointer-events: none;
    color: #B8ACC6;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 10px 5px 3px;
}
	table.ui-datepicker-calendar td{
		 border: 0;
    width: auto!Important;
	} table.ui-datepicker-calendar {
    border: 0;
    width: 100%!Important;
}
	table.ui-datepicker-calendar {
    margin: 0;
    
    margin: 0 auto 20px;
		    float: left;
		
}
	img.white-logo{max-width:150px;}
	#featured_show h1.big_title {
    font-size: 26px;
    margin-bottom: 10px;
}
	.show_content{display:none;}
	h4.show_title a {
    color: #fff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
	h2.banner_title{font-size:28px;}
	h3.date_date{font-size:48px;}
	.single_showing{width:50%;}
	h4.date_month {
    font-size: 24px;
    margin: 0;
}
body {


}



.grid,  .grid-right {


	float: none;


}


#featured-image .fluid-width-video-wrapper {


	margin: 20px 0 0 0;


}


.featured-title {


	font-size: 40px;


	padding: 40px 20px 0 20px


}


.featured-subtitle {


	font-size: 24px;


}


.navigation .next,  .navigation .previous {


	display: block;


	margin: 0 auto;


	text-align: center;


}


.menu ul,  .menu li,  .top-menu,  .footer-menu li,  .sub-header-menu li {


	float: none;


	text-align: center;


	text-rendering: optimizeSpeed;


}


.hide-480 {


	display: none;


}


.show-480 {


	display: block;


}


#footer {


	text-align: center;


}


#footer .social-icons {


	text-align: center;


}


}





@media screen and (max-width: 320px) {


body {


}


#featured p {


	font-size: 12px;


	line-height: 1.5em;


}


.featured-title {


	font-size: 35px;


}


.featured-subtitle {


	font-size: 15px;


}


.call-to-action a.button {


	font-size: 14px;


	padding: 7px 17px;


}


.hide-320 {


	display: none;


}


.show-320 {


	display: block;


}


}





@media screen and (max-width: 240px) {


body {


}


#featured p {


	font-size: 11px;


	line-height: 1.5em;


}


.featured-title {


	font-size: 20px;


}


.featured-subtitle {


	font-size: 11px;


}


.call-to-action a.button {


	font-size: 12px;


	padding: 5px 15px;


}


.top-widget area,  .top-widget select,  .top-widget textarea,  .top-widget input[type="text"],  .top-widget input[type="password"],  .top-widget input[type="email"] {


	width: 75%;


}


.widget-title,  .widget-title-home h3 {


	font-size: 14px;


	height: 13px;


	line-height: 13px;


	text-align: left;


}


.hide-240 {


	display: none;


}


.show-240 {


	display: block;


}


}