@charset "UTF-8";
/*
Theme Name: Soundheads
Theme URI: http://soundheads.org
Author: JMA689
Author URI: http://www.jma689.com/
Description: WordPress theme for Soundheads, the official Loop website designed and built by JMA689
Version: 1.0

CSS RESET */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
	outline: none;
}
html {
	height: 100%;
	background-color: black;
}

body {
	background: url("images/bgd.jpg") no-repeat fixed center top #751e02;
    color: #000;
    font: 400 100% "nimbus-sans",sans-serif;
    min-height: 100%;
    width: 100%;
}
#body-new-ie {
	
}

h1, h2, h3, h4, h5, h6 {
		
	}

p {
		line-height: 1.3;
		margin-bottom: 1em;/* font-family: "franklin-gothic-urw",sans-serif; */
		font-style: normal;
		font-weight: 300;
	}
		b, strong {
			font-weight: 700;
		}
		em, i {
			font-style: italic;
		}
		.superscript {
			vertical-align: super;
			font-size: .5em;
		}


	a {
		color: inherit;
		text-decoration: none;
	}
		a:hover {
			cursor: pointer;
		}
	p a {
		text-decoration: underline;
	}
		p a:hover {
			color: #90afc5;
		}

	img {
		max-width: 100%;
	}

	.button {
		display: inline-block;
		padding: 10px;
		border: 1px solid white;
		font-size: 1.125em;
		text-transform: uppercase;
	}
		.button_dark {
			color: #7c92a3;
			background-color: #282828;
			border-color: #7c92a3;
		}
			.button_dark:hover {
				color: #bcd7ec;
				border-color: #bcd7ec;
			}


.header {display: block; width: 100%; max-width: 1020px; margin: 0 auto; border-top: 10px solid #a37769;}
	.site-logo {display: block; width: 100%; height: 140px; margin: 50px 0 45px; background: url("images/logo-lg.png") no-repeat  center top; background-size: contain;}
	.nav-bar {display: block; width: 90%; background: url("images/nav-bgd.png") repeat scroll 0 0 rgba(0, 0, 0, 0); background: rgba(255,255,255,0.35); height: 30px; margin: 0 auto 20px; padding: 0 10px;}
		.nav-bar a {font-family: "nimbus-sans-condensed",sans-serif; font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: 1px; color:#fff;}
		.nav-home {display: block; float: left; padding-top:4px;}
		
.moblogo, .mobabout {display: none;}


	.main_menu_mobile_toggle {
		display: none;
	}
		.main_menu_mobile_toggle:hover {
			color: white;
			background-color: rgba(0,0,0,0.85);
			border-color: white;
		}
	.main_menu {
		display: inline-block; margin: 4px 0 0; z-index: 666; float: right;
	}
		.main_menu > li {
			position: relative;
			display: inline-block;
			padding: 0 0 0 11px;
		}
			.main_menu > li:hover {
				color: white;
			}
			.main_menu li a {
			font-size:20px; color:#cccccc; color: rgba(255,255,255,0.6);
		}
			
			.main_menu .current_page {
				color: #ffffff;
			}
			
			.main_menu li ul {
				display: none;
				position: absolute;
				top: 100%;
				left: 0;
				z-index: 999;
				width: 175px;
				margin-left: 6px;
				text-align: left;
			}
				.main_menu li:hover ul {
					display: block;
				}
				.main_menu li ul li {
					width: 100%;
					padding: 5px 0;
				}
					.main_menu li ul li:first-child {
						padding-top: 12px
					}
					.main_menu li ul li a {
						padding: 1px 5px;
						background-color: black;
						line-height: 1.1;
						color: #7c92a3;
					}
						.main_menu li ul li a:hover {
							color: white;
						}
						
/*
 						
FOOTER
 
*/
 
.footer {display: block; width: 100%; max-width: 1020px; margin: 0 auto; padding: 5px 0; text-align: center; clear: both;
    color: #ccc; font-size: 12px; line-height: 1; margin-top: 20px;}
	.footer a {color:#fff;}

/*
 
 CONTENT
 
*/

#page-content {display: block; width: 90%; max-width: 1020px; margin: 0 auto; clear: both; font-size: 0;}

/* SCROLL PANE  */

		.scroll-pane {
			position: relative;
			overflow: auto;
			width: 500px;
			height: 300px;
			margin: 0 auto 40px;
			font-size: 1em;
		}
			.scroll-pane p {
				padding-right: 10px;
			}
			/*
			ScrollPane Defaults
			*/
			.jspContainer {
				overflow: hidden;
				position: relative;
			}
			.jspPane {
				position: absolute;
			}
			.jspVerticalBar {
				position: absolute;
				top: 0;
				right: 0;
				width: 12px;
				height: 100%;
			}
			.jspHorizontalBar {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 12px;
			}
			.jspCap {
				display: none;
			}
				.jspHorizontalBar .jspCap {
					float: left;
				}
			.jspTrack {
				background: transparent url('images/scrollbg.png') center top repeat;
				position: relative;
			}
			.jspDrag {
				background: #ffffff;
				position: relative;
				top: 0;
				left: 0;
				cursor: pointer;
			}
				.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
					float: left;
					height: 100%;
				}
			.jspArrow {
				background: #50506d;
				text-indent: -20000px;
				display: block;
				cursor: pointer;
				padding: 0;
				margin: 0;
			}
				.jspArrow.jspDisabled {
					cursor: default;
					background: #80808d;
				}
				.jspVerticalBar .jspArrow {
					height: 12px;
				}
				.jspHorizontalBar .jspArrow {
					width: 12px;
					float: left;
					height: 100%;
				}
				.jspVerticalBar .jspArrow:focus {
					outline: none;
				}
			.jspCorner {
				background: #eeeef4;
				float: left;
				height: 100%;
			}
			/* Yuk! CSS Hack for IE6 3 pixel bug :( */
			* html .jspCorner {
				margin: 0 -3px 0 0;
			}
	
/*
 
HOMEPAGE
 
*/
#hp-news {display: block; width: 90%; margin: 0 auto 25px; font-size: 14px; vertical-align: top;}
	.news-item {display: block; width: 100%; background: url("images/content-bgd.png") top left repeat; margin-bottom: 20px; padding: 12px 15px 15px;}
		.news-item h2 {display: block; width: 100%; color: #fff; font-family: "nimbus-sans-condensed",sans-serif; font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; margin-bottom: 12px;}
		.news-item h2 a:hover {text-decoration: underline;}
			.news-img {display: block; border: 1px solid #fff; padding: 2px; width: 27%; max-width: 110px; position: absolute; top:0; left:0;}
			.news-item div {display:block; width: 100%; padding-left: 30%; min-height: 110px; position: relative;}
				.news-item p {font-size: 13px; line-height: 1.2; margin: 0; color:#fff;}
				
	.morenews {display: block; width: 100%; background: url("images/content-bgd.png") top left repeat; margin-bottom: 20px; padding: 12px 15px 15px;color: #fff; font-family: "nimbus-sans-condensed",sans-serif; font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; text-align: right;}


#hp-right {display: block; width: 90%; margin: 0 auto 25px; font-size: 14px; vertical-align: top;}
	.hp-featured {display: block; width: 100%; min-height: 197px; font-size: 14px; vertical-align: top; background: url("images/content-bgd.png") top left repeat; margin-bottom: 20px; padding: 12px 15px 15px;}
		.featured-item img {display: inline-block!important; vertical-align: top; padding: 4px; border:3px solid #fff;}
		.featured-content {display: inline-block; margin-left: 10px; vertical-align: top;}	
		#hp-right .slick-slider {margin-bottom: 20px;}
		#hp-right .slick-dots {top: 10px; bottom: auto; text-align: right; right:10px;}
		#hp-right .slick-dots li {margin:0;}
		#hp-right .slick-dots li button:before {font-size: 12px;}
			.featured-content h3 {display: inline-block;font-family: "nimbus-sans-condensed",sans-serif; font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 700; letter-spacing: 1px;}	
			.featured-content span {display: inline-block;}
			.featured-content a {display: inline-block; padding: 4px 10px; border:1px solid #fff; color: white;}
			.featured-content a:hover {color: black;}
	
	.hp-social {display: block; width: 100%; background: url("images/content-bgd.png") top left repeat; margin-bottom: 20px; padding: 10px; text-align: center;}

		.socialnav {
		    display: inline-block;
		    width: 34px;
		    height: 34px;
		    border-radius: 50%;
		    margin: 0 10px;
		}
		.socialnav.fb {
		    background: rgba(255,255,255,0.6) url('images/social-fb-sm.png') center center no-repeat;
		    background-size: contain;	    
		}
		.socialnav.tw {
		    background: rgba(255,255,255,0.6) url('images/social-tw-sm.png') center center no-repeat;
		    background-size: contain;
		}	
		.socialnav.ins {
		    background: rgba(255,255,255,0.6) url('images/social-ins-sm.png') center center no-repeat;
		    background-size: contain;
		}				
	
	.hp-dates {display: block; width: 100%; background: url("images/content-bgd.png") top left repeat; margin-bottom: 20px; padding: 12px 15px 15px;}
		#hp-right h2 {display: block; width: 100%;color: #fff; font-family: "nimbus-sans-condensed",sans-serif; font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px;}
		.show-item { display: block; width: 100%; margin-bottom: 10px; position: relative; padding: 0 100px 14px 0; min-height: 26px; border-bottom: 1px solid #fff;}
			.show-item div{ display: inline-block; padding-top: 5px;}
			.show-item p{margin:0;}
			.show-item a{ display: block; width: 93px; height: 28px; position: absolute; top:0; right:0; background: url('images/tickets.jpg') no-repeat;}
			.show-item .soldout { display: block; width: 93px; height: 28px; position: absolute; top:0; right:0; background: url('images/ticketssoldout.png') no-repeat;}
		.hp-dates div.show-item:last-child {padding-bottom: 0; border-bottom: none; border-bottom: 0;}
		
	.hp-press {display: block; width: 100%; background: url("images/content-bgd.png") top left repeat; margin-bottom: 20px; padding: 12px 15px 15px;}
		.press-item { display: block; width: 100%; margin-bottom: 10px; position: relative; padding: 0 100px 14px 0; min-height: 26px; border-bottom: 1px solid #fff;}
				.press-item div{ display: inline-block; padding-top: 5px;}
				.press-item strong {text-transform: uppercase;}
				.press-item a:hover {color:white;}
			.hp-press div.press-item:last-child {padding-bottom: 0; border-bottom: none; border-bottom: 0;}

/*
 
BOOKING PAGE 
 
*/
.booking-content {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	vertical-align: top;
	background: white;
	background: rgba(255,255,255,0.35);
	padding: 35px 20px;
	}


/*
 
NEWS PAGE 
 
*/
.news-content {display: inline-block; width: 100%; font-size: 14px; vertical-align: top;}
	.page-news .news-item {background: url("images/content-bgd.png") top left repeat;}


/*
 
NEWS ITEM PAGE 
 
*/

.news-container {display: block; width: 100%; max-width: 600px; margin:0 auto 20px; background: url('images/content-bgd.png') repeat;
  padding: 0;}
	.news-mainimg {display: block; margin: 0 0 20px;}
	.news-container h2 {color: #fff;  font-family: "nimbus-sans-condensed",sans-serif; font-style: normal; font-weight: 700; text-decoration: none; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; padding: 0 20px;}
	.news-container-txt {display: block; padding: 20px; font-size: 16px;}
	.news-container-txt a, .news-container-txt a:hover {color: black;}	
	
	.single-news_item #content .news-right {
		display: none;
	}
	
	@media screen and (min-width: 920px) {
		.single-news_item #content {
			display: flex;
			flex-wrap: wrap;
		}
		
		.single-news_item #content .news-right {
			display: block;
			width: calc(98% - 600px);
		}
		.single-news_item #content .news-right h2 {
			margin: 0;
		}		
		
		.single-news_item #content .news-container {
			width: 73%;
			margin-right: 2%;
		}
		
	}
	
/* BIO PAGE */

.page-bio #page-content {
	font-size: 16px;
	vertical-align: top;
	background: white;
	background: rgba(255,255,255,0.35);
	padding: 35px 20px;
}

	.page-bio #page-content img {
		display: block;
		max-width: 100%;
		float: left;
		margin: 10px 0;
	}

/*
 
MEDIA PAGE
 
*/
.page-media { background: #000 url('images/media-bg.jpg') top center no-repeat; background-size: contain;}
.page-media #page_content {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto 50px;
  padding: 165px 3em 0;
}

#iso_container {
	
}

	.iso_item {
		width: 33%;
		width: calc(100% / 3);
		padding: 3px;
	}
	
		.iso_item a {
			overflow: hidden;
			position: relative;
			display: block;
		}
			.iso_item a:hover {
				
			}
		
			.iso_item img {
				display: block;
				border: 1px solid #f10d23;
			}
				.iso_item a:hover img {
/* 					border-color: #e4cb8c; */
				}
			
			.iso_item h3 {
				position: absolute;
				left: 0;
				top: 110%;
				width: 100%;
				padding: 5px 3px;
				font-size: 18px;
				text-align: center;
				color: white;
				background-color: rgba(0,0,0,0.6);
				border-top: 1px solid #f10d23;border-left: 1px solid #f10d23;border-right: 1px solid #f10d23;
				transition: all 200ms;
				box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.47);  font-family: "franklin-gothic-urw-comp",sans-serif; font-style: normal; font-weight: 400;
			}
				.iso_item:hover h3 {
					top: calc(100% - 1em - 12px);
				}
			
			
			.iso_item:hover .video_playbutton {
				border-color: #f10d23;
			}
			.iso_item:hover .triangle {
				border-left-color: #f10d23;
			}

.box {
	position: relative;
	display: inline-block;
	border: 2px solid white;
}
	.box:hover {
		border-color: #52802d;
	}
	
	.box_title {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 4px 0 0 8px;
		font-size: 2em;
		font-style: italic;
		letter-spacing: 1px;
		color: white;
		background-color: black;
		background-color: rgba(0,0,0,0.50);
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

	}
		.box:hover .box_title {
			color: #52802d;
		}
	
	.box_image {
		display: block;
		width: 100%;
	}
	
	
	.video_playbutton {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 70px;
		height: 70px;
		margin: -35px 0 0 -35px;
		border: 4px solid white;
		border-radius: 50%;
	}
		.box:hover .video_playbutton {
			border-color: #e4cb8c;
		}
		
		.video_playbutton .triangle {
			position: absolute;
			top: 12px;
			left: 20px;
			width: 0;
			height: 0;
			padding: 0;
			border-left: 30px solid white;
			border-top: 20px solid transparent;
			border-bottom: 20px solid transparent;
		}
			.box:hover .triangle {
				border-left-color: #e4cb8c;
			}
		.page-media .mfp-bg{z-index:9000;}
		.page-media .mfp-wrap {z-index:9001;}
		



         /*_                 _     _____                 
     /\   | |               | |   |  __ \                
    /  \  | |__   ___  _   _| |_  | |__) |_ _  __ _  ___ 
   / /\ \ | '_ \ / _ \| | | | __| |  ___/ _` |/ _` |/ _ \
  / ____ \| |_) | (_) | |_| | |_  | |  | (_| | (_| |  __/
 /_/    \_\_.__/ \___/ \__,_|\__| |_|   \__,_|\__, |\___|
                                               __/ |     
                                              |___/*/
.page-about { background: #000 url('images/about-bg3.jpg') top center no-repeat; background-size: cover;height:1100px\9;}

/*
  _____                 _        _      _     _   _                 
 |  __ \               | |      | |    (_)   | | (_)                
 | |__) |__  ___  _ __ | | ___  | |     _ ___| |_ _ _ __   __ _ ___ 
 |  ___/ _ \/ _ \| '_ \| |/ _ \ | |    | / __| __| | '_ \ / _` / __|
 | |  |  __/ (_) | |_) | |  __/ | |____| \__ \ |_| | | | | (_| \__ \
 |_|   \___|\___/| .__/|_|\___| |______|_|___/\__|_|_| |_|\__, |___/
                 | |                                       __/ |    
                 |_|                                      |___/
Used on Filmmakers and Character Stories pages
*/

.page-cast { background: #000 url('images/cast-bg2.jpg') top center no-repeat; background-size: cover;height:1100px\9;}
.page-cast .content_container {max-width: 501px;}
.castchange {display: none;}

#mobile_people_list {
		display: none;
	}
.people_list {
	display: inline-block;
	vertical-align: top;
	width: 137px;
	padding-right: 10px;
	font-family: "franklin-gothic-urw-comp", sans-serif;
	letter-spacing: 1px;
}
	.people_list li {
		margin-bottom: 6px;
	}
	
	.people_link {
		color: #9d9d9d; display: inline-block; padding-left: 10px;
		text-transform: uppercase;
	}
		.people_link:hover {
			color: white;
		}
		.current_people {
			color: white;background: url('images/dot.png') left 7px no-repeat;
		}
		.people_role {
			display: block;
			font-size: 0.75em;
		}
.people_bio_holder {
	display: inline-block;
	vertical-align: top;
	width: 358px;
}
	.people_bio {
		display: none;
	}
		.people_bio.current_bio {
			display: block;
		}
		.people_bio h2 {
			text-transform: uppercase;
			margin-bottom: 12px;
			letter-spacing: 2px;
		}
/*______     _ _    _____                             _____ _ _     _               
 |  ____|   | | |  / ____|                           / ____| (_)   | |              
 | |__ _   _| | | | (___   ___ _ __ ___  ___ _ __   | (___ | |_  __| | ___ _ __ ___ 
 |  __| | | | | |  \___ \ / __| '__/ _ \/ _ \ '_ \   \___ \| | |/ _` |/ _ \ '__/ __|
 | |  | |_| | | |  ____) | (__| | |  __/  __/ | | |  ____) | | | (_| |  __/ |  \__ \
 |_|   \__,_|_|_| |_____/ \___|_|  \___|\___|_| |_| |_____/|_|_|\__,_|\___|_|  |___/
Used on Photos and Videos pages*/
.slider_holder {
	
}
	#fullscreen_slider {
		width: 100%;
		height: 100%;
	}
		#fullscreen_slider > img {
			display: none;
		}
/*_____  _           _              _____                 
 |  __ \| |         | |            |  __ \                
 | |__) | |__   ___ | |_ ___  ___  | |__) |_ _  __ _  ___ 
 |  ___/| '_ \ / _ \| __/ _ \/ __| |  ___/ _` |/ _` |/ _ \
 | |    | | | | (_) | || (_) \__ \ | |  | (_| | (_| |  __/
 |_|    |_| |_|\___/ \__\___/|___/ |_|   \__,_|\__, |\___|
                                                __/ |     
                                               |___/*/
.page-photos {
	
}
	
/*
 __      ___     _                  _____                 
 \ \    / (_)   | |                |  __ \                
  \ \  / / _  __| | ___  ___  ___  | |__) |_ _  __ _  ___ 
   \ \/ / | |/ _` |/ _ \/ _ \/ __| |  ___/ _` |/ _` |/ _ \
    \  /  | | (_| |  __/ (_) \__ \ | |  | (_| | (_| |  __/
     \/   |_|\__,_|\___|\___/|___/ |_|   \__,_|\__, |\___|
                                                __/ |     
                                               |___/*/
.videos {
	position: static;
}
/*_   _                              _____            _                                   _   _      _           
 | \ | |                     ___    |  __ \          (_)                       /\        | | (_)    | |          
 |  \| | _____      _____   ( _ )   | |__) |_____   ___  _____      _____     /  \   _ __| |_ _  ___| | ___  ___ 
 | . ` |/ _ \ \ /\ / / __|  / _ \/\ |  _  // _ \ \ / / |/ _ \ \ /\ / / __|   / /\ \ | '__| __| |/ __| |/ _ \/ __|
 | |\  |  __/\ V  V /\__ \ | (_>  < | | \ \  __/\ V /| |  __/\ V  V /\__ \  / ____ \| |  | |_| | (__| |  __/\__ \
 |_| \_|\___| \_/\_/ |___/  \___/\/ |_|  \_\___| \_/ |_|\___| \_/\_/ |___/ /_/    \_\_|   \__|_|\___|_|\___||___/*/
.article {
	display: block;
	margin-bottom: 23px;
}
	.article:last-child {
		margin-bottom: 0;
	}
	.article_image {
		display: inline-block;
		vertical-align: top;
		width: 19%;
		margin-right: 2%;
		border: 1px solid #647683;
	}
	.article_text {
		display: inline-block;
		vertical-align: top;
		width: 77%;
	}
		.article_title {
			display: block;
			margin-bottom: 6px;
			text-transform: uppercase;
		}
		.article_publication {
			display: block;
			margin-bottom: 6px;
		}
		.article_link {
			display: block;
			text-transform: uppercase;
			text-decoration: underline;
		}
			.article_link:hover {
				color: #7c92a3;
			}


/*_____            _                     _____                 
 |  __ \          (_)                   |  __ \                
 | |__) |_____   ___  _____      _____  | |__) |_ _  __ _  ___ 
 |  _  // _ \ \ / / |/ _ \ \ /\ / / __| |  ___/ _` |/ _` |/ _ \
 | | \ \  __/\ V /| |  __/\ V  V /\__ \ | |  | (_| | (_| |  __/
 |_|  \_\___| \_/ |_|\___| \_/\_/ |___/ |_|   \__,_|\__, |\___|
                                                     __/ |     
                                                    |___/*/
.page-reviews { background: #000 url('images/reviews-bg2.jpg') top center no-repeat; background-size: cover;}
.page-reviews .content {width: 50%; padding-top: 50px; right: auto; left: 0;}
.page-reviews .content_container {max-width: 918px; margin: 0 auto; position: relative;}
#publications {display: block;
width: 100%; text-align: center; margin-top: 70px; font-size: 0;
min-height: 47px;color: #fff;}
#reviews {
display: block;
width: 918px;
height: 561px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-align: center; 
}
#mystery {position: relative; z-index: 9999;}
#reviews img{display: inline-block; margin: 0;}
#no-template-pager img {display: inline-block; margin-right: 30px; padding-bottom: 20px;}
##no-template-pager img:last-child {margin-right: 0;}
.publi.red {background: url('images/reviews-publi-bg.png') bottom center no-repeat;}

.newsreviews_smalltype {
	font-size: 0.875em;
	margin-bottom: 30px;
}
#cycle-1 div { width:100%; }
#cycle-2 .cycle-slide {display: inline-block!important; position: relative!important; margin-right: 30px; padding-bottom: 12px; width: auto!important;}
.publi.cycle-pager-active {background: url('images/reviews-publi-bg.png') bottom center no-repeat;}
#cycle-2  .cycle-carousel-wrap {position: relative!important; left:0!important; text-align: center;}

#slideshow-1,#slideshow-2 { width: 100%; margin: auto; }
#no-template-pager { width: 100%; margin: auto; margin-top: 80px; text-align: center;}
#no-template-pager img{cursor: pointer;}
.cycle-slideshow img {display: block; cursor: pointer;}

.shadow-left, .shadow-right {display: block; width: 15%; position: absolute; top:0; height: 100%; z-index: 666; display: none\9;}
.shadow-left {left:0;/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}
.shadow-right {right:0;/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

#mystery .notunique {display: block; width: 70%; padding: 60px 20px 60px 60px; height: 550px; background:#333; background: rgba(26,26,26,0.95); border: 1px solid #464646; position:absolute; top:15%; left:50%; margin-left: -35%; z-index: 777;}
.mysterybox {display: block; width: 100%; padding: 0 10px 0 0; height: 430px;overflow: hidden; overflow-y: scroll;}
.closeit {display: block; position: absolute; width: 22px; height: 22px; top:10px; right: 10px; }

/* NEW REVIEWS PAGE */
.page-reviews2 {background: #000 url('images/rev-bgd.jpg') right 100px no-repeat; background-size: cover; background-attachment: fixed; height: auto;}
.page-reviews2 .header {position: fixed; background:#000;}
.rev-cont {display: block; position: relative;  width: 100%; min-height: 900px; padding: 146px 840px 100px 0; text-align: left; font-size: 0;}
.rev-item {display: inline-block; width: 456px; max-width:48%; margin: 0 0.9% 30px; position: relative; overflow: hidden; padding: 5px 0; }
.rev-over {display: block; position: absolute; width: 100%; height: 100%; bottom:-100%; background: #000; background: rgba(0,0,0,0.7);transition: all 200ms;}
.rev-item:hover .rev-over {bottom:0;}
.rev-logo {display: block; margin: 0 auto;}
.rev-more {display: block; float: right; margin: 10px 10px 0 0;}
.rev-review {
	background: white;
	padding: 15px;
	text-align: left;
	max-width: 70%;
	margin: 40px auto;
	position: relative; color: #000;
}
.page-reviews2 .mfp-bg {z-index: 9998;}
.page-reviews2 .mfp-wrap {z-index: 9999;}

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 568+ */
@media screen and (min-width: 568px) {

.site-logo {
	background-size: auto;
}

}

/* 768+ */
@media screen and (min-width: 768px) {
			.news-img {display: block; border: 1px solid #fff; height: 110px; margin-right: 15px; padding: 2px; width: 110px; position: absolute; top:0; left:0;}
			.news-item div {display:block; width: 100%; padding-left: 125px; min-height: 110px; position: relative;}
}

/* 920+ */
@media screen and (min-width: 920px) {
.nav-bar {
	width: 100%;
	margin-bottom: 20px;
	}
	
#hp-news {
	display: inline-block;
	width: 49%;
	margin: 0 2% 0 0;
	font-size: 14px;
	vertical-align: top;
}
#hp-right {
	display: inline-block; 
	width: 49%;
	margin: 0;
	font-size: 14px; 
	vertical-align: top;
}
#page-content {
	width: 100%;
}	
	.page-bio #page-content img {
		display: block;
		max-width: 40%;
		float: left;
		margin: 0 15px 5px 0;
	}
}

/* PAGE RH */

.page-rh-concerts {
	background: url('images/rh-bgd-mob.jpg') center center no-repeat;
	background-size: cover;
}
.page-ballardism {
	background: url('images/ballard-mob.jpg') center center no-repeat;
	background-size: cover;
}

.page-rh-concerts .footer, .page-ballardism .footer {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: none;
	color: white;
}
	.rh-content {
		display: block;
		position: relative;
		top: 2em;
		width: 90%;
		margin: 0 auto;
		padding: 15px;
		background: rgba(0,0,0,0.7);
		color: white;
		font-size: 14px;
	}

		.rh-content h2, .rh-content h3 {
			color: #f4510a;
			font-weight: bold;
			letter-spacing: 1px;
		}			
		.rh-content h2 {
			margin: 0 auto 1em;
			text-align: center;
			font-size: 1.5em;
		}
			.rh-content h2 small {
				display: block;
				font-size: 80%;
			}
		.rh-content div {
			display: inline-block;
			vertical-align: top;
			width: 50%;
			padding: 0 5px;
		}
		
		.page-ballardism .rh-content div {
			width: 33.333%;
			width: calc(100% / 3);
		}

	.page-rh-concerts .footer p {
		margin: 0;
		padding: 0;
	}

@media screen and (min-width: 568px) {
	.rh-content {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 414px;
		height: 160px;
		margin: -80px 0 0 -207px;
	}
	.rh-content div {
		text-align: center;
	}
		.rh-content h2 {
			font-size: 1.8em;
		}	
}

@media screen and (min-width: 920px) {
	.page-rh-concerts {
		background: url('images/rh-bgd.jpg') center center no-repeat;
		background-size: cover;
	}
	.page-ballardism {
		background: url('images/ballard.jpg') center center no-repeat;
		background-size: cover;
	}	
		.rh-content {
			padding: 25px;
			font-size: 18px;
			width: 480px;
			height: 230px;
			margin: -115px 0 0 -240px;
		}	
}