/*WLCR Mobile CSS*/

.mobile {
		text-indent: -9999px;
		background: url("img/multiple-shows-buy-tickets.png") no-repeat center;
		background-size: contain;
		min-height:80px;
		width:100%;
		text-align:center;
		margin:-0 auto;
		margin-top:-6px;
	}
	
	/* Off Canvas Nav */
	
	.right-off-canvas-menu {
		background: url("img/tiles/Header_Tile_dark.jpg");
	}
	
	
	.right-off-canvas-menu a#logo {
		position:absolute;
		margin:20px;
	}
	
	.right-off-canvas-menu .menu-main-navigation-container {
		position:absolute;
		margin: 140px 20px 20px 10px;
	}
	
	.right-off-canvas-menu li.menu-item {
    	display: block;
    	margin: 0 15px;
	}
	
	.right-off-canvas-menu li.menu-item-calendar {
		display:none;
	}
	
	.right-off-canvas-menu .utility-nav {
		position:absolute;
		margin: 290px 20px 20px 10px;
	}
	
	
	.right-off-canvas-menu .small-2 {
		width:100%;
	}
	
	.right-off-canvas-menu a {
		color:#fff;
	}
	
	.move-left .fa-navicon:before, .move-left .fa-reorder:before, .move-left .fa-bars:before {
		content:"\f00d"
		}
	
	/* end off canvas nav */

i.fa.fa-bars {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 24px;
	background-color: #536980;
    padding: 10px 14px;
}


form#searchform {
    width: 90%;
    margin: 10px auto;
}

#searchform input.textform {
    width: 70%;
    float: left;
	height:50px;
}

input#searchsubmit {
	width:25%;
	float:right;
	height:50px;
	border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: Oswald, sans-serif;
    font-size: .6rem !important;
    margin: 0;
    display: inline-block;
    padding: 0.5rem;
  	color:#fff;
    background-color: #2b557d;
    border-color: #007095;
	text-transform: uppercase;
    letter-spacing: 1px;
}

.right-off-canvas-menu .tfly-email-subscribe {
    margin-top: 360px;
	margin-left: 20px;
}

.right-off-canvas-menu .tfly-email-subscribe input[type="text"] {
	width:90%;
}

.right-off-canvas-menu .fa {
	font-size:24px;
	margin:10px 10px 10px 0;
}


dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
    font-size: 3rem;
    line-height: 1;
    position: absolute;
    top: -10px !important;
    right: -10px;
    color: #000;
    font-weight: 300;
    cursor: pointer;
    background-color: #fff;
    padding: 0 20px 12px 22px;
    border-radius: 30px;
    border: 1px solid #ccc;
}

.end {margin-top:40px;}


// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	
	
	
	#masthead #utility, #main-navigation {
		border-bottom: 1px solid #000;
		padding: 0px;
	}
	
	#masthead .location {
		display:block;
		padding:10px 0;
		text-align: center;
		top:auto;
		left:auto;
	}
	
	/* Home page Listview Styles */
	
	#callout {
		margin:0;
	}
	
	.entry-content .list-view .list-view-item {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
		max-width: 80rem;
		padding: .6rem 0 .6rem 0;
	}
	
	.home .entry-content .sep {
		background: transparent;
		border-bottom: 4px double #fff;
		margin: 2px 0px;
		display: block;
	}
	
	.entry-content .list-view .list-view-item:nth-of-type(even) {
		background: url('img/tiles/paper.png'); 
	}
	
	.entry-content .list-view .list-view-item:nth-of-type(odd) {
			background: #fff;
	}
	
	.event-group .show-times {
		min-height: 60px;
		background: url("img/multiple.png") no-repeat center;
		background-size: contain;
	}

	
	.event-group-times {
		text-align: center;
	}
	
	.entry-content .list-view .list-view-item:before,
	.entry-content .list-view .list-view-item:after {
		content: " ";
		display: table
	}
	.entry-content .list-view .list-view-item:after {
		clear: both
	}
	.entry-content .list-view .list-view-item .show-times {
		padding-left: 0.5rem;
		padding-right: 0rem;
		width: 15%;
		float: left;
		text-align:center;
		text-transform: uppercase;
	}
	.entry-content .list-view .list-view-item>a {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		width: 25%;
		float: left;
		max-width: 125px;
	}
	.entry-content .list-view .list-view-details {
		padding-left: 0rem;
		padding-right: 0rem;
		width: 35%;
		float: left;
		padding-top: 0px;
	}
	
	.entry-content .list-view .ticket-price {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		width: 25%;
		float: left
	}
	
	.price-range {
		display:none;
	}
	.entry-content .list-view .list-view-item>a>img {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		display: block;
		height: auto;
		max-width: 100%;
		vertical-align: middle;
		border: 0;
		-ms-interpolation-mode: bicubic
	}

	.entry-content .list-view .headliners {
		font-size: .8rem;
		letter-spacing:0px;
		text-align: left;
	}
	.entry-content .list-view .topline-info,
	.entry-content .list-view .date-time,
	.entry-content .list-view .age-restriction,
	.entry-content .list-view .more-info,
	.entry-content .list-view .ticket-link,
	.entry-content .list-view .supports,
	.entry-content .list-view .price-range,
	.entry-content .list-view .venue,
	.entry-content .list-view .city-state,
	.entry-content .list-view .venue-info {
		font-size: .6rem;
		font-weight: 300;
	}
	.entry-content .list-view .topline-info {
		text-align: left;
	}
	.entry-content .list-view .dates {
		font-size: .7rem;
		font-weight: 400;
		padding-top: 0px;
		margin-bottom:0;
		letter-spacing:0px;
	}
	.entry-content .list-view .times {
		font-size: .7rem;
		font-weight: 400;
		padding-top: 2px;
		border-top:1px solid #ccc;
		letter-spacing:0px;
		text-transform:lowercase;
	}
	.entry-content .list-view .topline-info {
		letter-spacing: 0;
	}
	.entry-content .list-view .supports {
		font-weight: 400;
		font-size: .6rem;
	}
	
	.entry-content .list-view .ticket-link a, .entry-content .list-view .sold-out, .entry-content .list-view .cancelled, .entry-content .list-view .postponed, .entry-content .list-view .free, .entry-content .list-view .tickets-at-the-door, .entry-content .list-view .future-sale a, .entry-content .list-view .on-sale-soon, .entry-content .list-view .custom a {
		border-style: solid;
		border-width: 0px;
		cursor: pointer;
		font-family: Oswald, sans-serif;
		font-size: .6rem !important;
		margin: 0;
		display: inline-block;
		padding: 0.5rem;
		width: 100%;
		background-color: #2b557d;
		border-color: #007095;
	}
	
	a.calendar {
		display: none;
	}

	#primary, #secondary {
		width:100%;
	}
	
	.slug-restaurant #main .restaurant .hours {
		width:100%
	}
	
	#wrap-footer {
		font-size:.7rem;
	}
	
	.tabs dd>a, .tabs .tab-title>a {
		padding:1rem;
	}
	
	.tabs dd a {
		font-size:1.1rem;
	}
	
	.slug-search #bios {
		padding:10px;
	}
	
	.event-detail {
		padding:0;
	}
	
	.event-detail .event-image, .event-detail .event-info {
		width:100%;
	}
	
	.artist-boxes {
		padding-top:0;
	}
	
	.entry-content .custom-header {
		padding:10px; 
	}

	
 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

	li.menu-item {
    	display: inline-block;
    	margin: 0 2.5%;
	}
	
	#reservations h2 a {
    line-height: 24px;
  	font-size: 1.3125rem;
	}
	
	#reservations .hours {
		padding-left:0;
	}
	.entry-content .custom-header {
		padding:10px; 
	}
	a.calendar {
		display: none;
	}

	
	
	


} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 


} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */