/*
Theme Name: Long Beach Playhouse
Theme URI: https://lbplayhouse.org
Description: Long Beach Playhouse theme by Zbra Studios
Template: twentythirteen
*/

/* Shared styles, body, structure
====================================================*/
* {
	margin: 0;
	padding: 0;
}

/* Custom Fonts
====================================================*/
@font-face {
    font-family: 'carringtonregular';
    src: url('assets/fonts/carrington/Carrington-webfont.eot');
    src: url('assets/fonts/carrington/Carrington-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/carrington/Carrington-webfont.woff') format('woff'),
         url('assets/fonts/carrington/Carrington-webfont.ttf') format('truetype'),
         url('assets/fonts/carrington/Carrington-webfont.svg#carringtonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Base Tags
====================================================*/
html {
	background: #f4f3ee;	
}
body {
	font: normal 13px/1.45em Arial, sans-serif;
	color: #38362f;
}
a {
	color: #fa650b;
}
a:hover, a:active {
	text-decoration: none;
	color: #333;
}
p {
	padding-bottom: 18px;
	line-height: 1.5em;
}
	p.no-padding {
		padding-bottom: 5px;	
	}
	#content p:last-child, #col-left p:last-child {
		padding-bottom: 0;	
	}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 10px;
	font-family: 'Archivo Narrow', Arial, sans-serif;
	line-height: 1em;
}
h1 {
	font-size: 36px;	
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 28px;	
}
h4 {
	font-size: 24px;	
}
h5 {
	font-size: 20px;	
}
h6 {
	font-size: 18px;	
}
img {
	border: none;	
}
table {
	width: auto;
	border-collapse: collapse;	
}
table td {
	vertical-align: top;
	padding: 7px 3px;	
}
	table tr:first-child td, table tbody tr:first-child td {
		padding-top: 0;	
	}
	table tr td:first-child {
		padding-left: 0;	
	}
	table tr td:last-child {
		padding-right: 0;	
	}
ul, ol {
	padding: 0 0 12px 30px;	
}
	ul.no-style, ol.no-style {
		list-style: none;
		padding-left: 20px;	
	}
ul li, ol li {
	padding-bottom: 6px;	
}
	ul ul, ol ol {
		padding-bottom: 0;	
	}
p + ul, p + ol {
	margin-top: -12px;
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
button {
	border: none;
	background: none;
	cursor: pointer;	
}
*:focus {
    outline: none;
}

/* Important and Shared Classes
====================================================*/
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.relative, .pie {
	position: relative;
}
.float-left {
	float: left;	
}
.float-right {
	float: right;	
}
.upper {
	text-transform: uppercase;	
}
.text-replace {
	display: block;
	text-indent: -9999px;
	overflow: hidden;	
}
.display-block {
	display: block;	
}
.text-center {
	text-align: center;
}
.clickable {
	cursor: pointer;	
}
.move-down {
	position: relative;
	top: 2px;	
}
.button {
	padding: 2px 8px 3px;
	color: #fff;
	font: bold 14px/16px 'Archivo Narrow', Arial, sans-serif;
	background: #a9def4;
	text-decoration: none;
	border: 2px solid #fff;
}
	.button:hover {
		color: #fff;
		background: #6badc8;
	}
.button.yellow {
	border-color: #f4ce5c;
	background: #ffdc71;	
}
	.button.yellow:hover {
		background: #ecc345;	
	}
.button.blue {
	border-color: #7fcffd;
	background: #88d4f4;	
}
	.button.blue:hover {
		background: #6cc3e8;	
	}
.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 12px;
}
.wrapper {
	clear: both;
	float: left;
	width: 100%;
}
.container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

/* Font classes, etc.
====================================================*/
.font10 {
	font-size: 10px !important;
	line-height: 12px !important;
}
.font12 {
	font-size: 12px !important;
	line-height: 14px !important;	
}
.font22 {
	font-size: 22px !important;	
	line-height: 22px !important;
}
.font26 {
	font-size: 26px !important;
	line-height: 26px !important;	
}
.font-carrington {
	font-family: 'carringtonregular', 'Archivo Narrow', Arial, sans-serif !important;
	font-weight: normal !important;
}
.font-orange {
	color: #fa650b;	
}

/* #page-wrapper
====================================================*/
#page-wrapper {
	background: #19607e;
}

/* #top-bar
====================================================*/
#top-bar {
	padding: 6px 0;
	background: #88d4f4;
	font: bold 14px/16px 'Archivo Narrow', Arial, sans-serif;
	color: #4a778a;
}
	#top-bar p {
		padding: 0 !important;	
	}
	#top-bar .float-left {
		margin-top: 2px;	
	}
	#top-bar .sm-icon {
		width: 23px;
		height: 23px;
		margin: 1px 10px 0 0;
		background: url(assets/images/icons/icons-sm-head.png) no-repeat;
	}
	#top-bar .sm-icon.em {
		width: 27px;
		height: 19px;	
	}
		#top-bar .sm-icon.em:hover {
			background-position: -27px 0;
		}
	#top-bar .sm-icon.fb {
		background-position: 0 -19px;
	}
		#top-bar .sm-icon.fb:hover {
			background-position: -23px -19px;
		}
	#top-bar .sm-icon.tw {
		background-position: 0 -42px;
	}
		#top-bar .sm-icon.tw:hover {
			background-position: -23px -42px;
		}
	#top-bar .button {
		font-size: 16px;
	}
		#top-bar .button img {
			position: relative;
			top: -1px;	
		}
	#top-bar .button.margin-right {
		margin-right: 8px;
	}
	#top-bar .fa {
		font-size: 10px;
		line-height: 10px;
	}
	
/* Header
====================================================*/
header {
	height: 139px;
	background: #a9a9a9;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}
	.home header {
		height: 404px;
	}
#site-logo {
	position: relative;
	z-index: 1000;
	display: block;
	width: 300px;
	height: 139px;
	background: url(assets/images/header/behind-logo.png) no-repeat;
}
	#site-logo img {
		display: block;
		max-width: 100%;
		margin: 19px 0 0 13px;	
	}

/* Nav
====================================================*/
nav {
	position: absolute;
	z-index: 500;
	width: 100%;
	height: 61px;
	top: 55px;
	left: 0;
	background: url(assets/images/header/translucent-nav.png) repeat;
}
	nav ul {
		float: right;
		height: 61px;
		list-style: none;
		padding: 0;
	}
		nav ul li {
			position: relative;
			float: left;
			height: 61px;
			margin-left: 10px;
		}
	nav a {
		display: block;
		height: 39px;
		padding: 22px 15px 0;
		font: bold 18px/18px 'Archivo Narrow', Arial, sans-serif;
		color: #ffdc71;
		text-decoration: none;
		text-transform: uppercase;
	}
		nav .current_page_item a, nav .current-menu-item a, nav .current-post-ancestor a, nav .current-menu-ancestor a, nav a:hover {
			background: #1b1b1a;
			color: #ffdc71;	
		}
	nav select {
		display: none;
		padding: 1px;
	}
.sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 61px;
	left: -10%;
	width: 120%;
	height: auto !important;
	text-align: center !important;
	background: transparent url(assets/images/header/translucent-nav.png) repeat;
}
	li:hover .sub-menu {
		display: block !important;	
	}
	.sub-menu li, .sub-menu a {
		display: block !important;
		float: none !important;
		height: auto !important;
		margin: 0 !important;
		background: none !important;
	}
	.sub-menu li {
		padding: 0 !important;	
	}
	.sub-menu a {
		padding: 10px !important;
		font-size: 15px;
		line-height: 15px;	
	}
		.sub-menu .current-menu-item a, .sub-menu li a:hover {
			background: #1b1b1a !important;	
		}
.sub-menu ul {
	display: block;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;	
	background: none !important;
}
	.sub-menu ul a {
		font-size: 13px !important;
		line-height: 13px !important;	
	}
		
/* #mid, #content
====================================================*/
#mid .container {
	width: 990px;
}
#content {
	padding: 15px 15px 25px 15px;
	background: #fff;
}

/* #auick-links
====================================================*/
#quick-links {
	padding-top: 25px;
	margin-top: 25px;
	border-top: 5px solid #f4f3ee;	
}
	#quick-links .maps-image {
		width: 195px;
		margin-right: 10px;
	}
	#quick-links .block {
		float: left;
		width: 153px;
		margin-right: 18px;
	}
	#quick-links .block.narrow {
		width: 112px;	
	}
	#quick-links .block.last {
		margin-right: 0;	
	}
		#quick-links .block h5 {
			padding: 5px 10px;
			background: #88d4f4;
			color: #fff;
			font-weight: normal;	
		}
		#quick-links .block p {
			padding: 5px 2px;
			line-height: 18px;
			color: #b2abb5;	
		}
		#quick-links .block ul {
			padding: 5px 0 0;
			list-style: none;	
		}
		#quick-links .block li {
			padding: 5px 2px 3px;	
		}
		#quick-links .block.float-list li {
			float: left;
			width: 72px;	
		}
	#quick-links .sm-icon {
		width: 33px;
		height: 33px;
		margin: 5px 3px 5px 2px;
		background: url(assets/images/icons/icons-sm-foot.png) no-repeat;	
	}
		#quick-links .sm-icon.fb:hover {
			background-position: -33px 0;	
		}
	#quick-links .sm-icon.tw {
		background-position: 0 -33px;	
	}
		#quick-links .sm-icon.tw:hover {
			background-position: -33px -33px;	
		}
	#quick-links .gform_wrapper {
		width: 98%;
		margin: 0 auto;	
	}
		#quick-links .gform_wrapper ul, #quick-links .gform_wrapper li {
			padding: 0;	
		}
	#quick-links .gform_wrapper label {
		display: none !important;	
	}
		#quick-links .gform_wrapper .gform_footer {
			float: right !important;
			padding: 0 !important;
			margin: -25px 0 !important;	
		}
	#quick-links #input_1_1 {
		width: 98px !important;
		color: #c5c5c5;
		font-style: italic;	
	}
	#quick-links .button {
		background: none !important;
		border: none !important;
		color: #88d4f4 !important;
		font-size: 14px !important;
		text-transform: uppercase !important;
		cursor: pointer;	
	}
		#quick-links .button:hover {
			color: #fa650b !important;
		}

/* Footer
====================================================*/
footer {
	padding: 12px 0 0;
}
	footer p {
		font-size: 11px;
		padding: 0 8px 12px;
		color: #838383;
	}

/* Homepage-specific styles
====================================================*/
.banner-content {
	position: absolute;
	z-index: 2;
	width: 300px;
	bottom: 40px;
	right: 30px;
	color: #fff;
	text-align: right;	
}
	.banner-content h4 {
		font-size: 26px;
		font-weight: normal;	
	}
	.banner-content h2 {
		font-size: 36px;	
	}
	.banner-content h2, .banner-content h4 {
		text-shadow: 2px 2px #000;
	}
	.banner-content .button-wrapper {
		display: block;
		margin-top: 26px;	
	}
	.banner-content .button {
		padding: 5px 15px 6px;
		font-size: 24px;
		color: #ffdc71;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.4);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
	}
		.banner-content .button:hover {
			background: #000;
		}
.feed-box {
	width: 340px;
	padding: 8px;
	margin-right: 20px;
	background: #f7f5f3;
	border: 2px solid #ececec;	
}
	.feed-box h6 {
		padding: 6px 9px;
		color: #fff;
		background: #38362f;
	}
	.feed-box .view-all {
		margin-top: 12px;
		font-family: 'Archivo Narrow', Arial, sans-serif;
		color: #ffc90b;	
	}
		.feed-box .view-all:hover {
			color: #38362f;
		}
	.feed-box .inner {
		margin-top: 12px;	
	}
	.feed-box .list {
		width: 100%;
		padding: 0;
		list-style: none;	
	}
		.feed-box .list li {
			padding: 12px 0;
			border-top: 1px dashed #c1c3c4;	
		}
		.feed-box .list li:first-child {
			padding-top: 0;
			border-top: none;	
		}
		.feed-box .list li:last-child {
			padding-bottom: 0;	
		}
		.feed-box .show-featured-image {
			width: 90px;
			margin-right: 12px;	
		}
			.feed-box .show-featured-image img {
				display: block;
				max-width: 100%;
				margin: 6px auto 0;	
			}
		.feed-box .show-info {
			width: 235px;	
		}
		.feed-box .list .date {
			width: auto;
			height: 17px;
			padding: 4px 8px;
			background: #88d4f4;
			color: #fff;
			font: normal 17px/17px 'Archivo Narrow', Arial, sans-serif;
			text-align: center;
		}
		.feed-box .list .title {
			float: left;
			width: 200px;
			margin: 4px 0 14px;
			overflow: hidden;
		}
			.feed-box .list .title a {
				font: bold 15px/15px Arial, sans-serif;
				color: #38362f;
				text-decoration: none !important;	
			}
			.feed-box .list .title a:hover {
				color: #fa650b !important;	
			}
		.feed-box .ticket-icon {
			position: relative;
			top: 3px;	
		}
.button-box {
	width: 200px;
}
	.button-box a {
		display: block;
		text-decoration: none !important;
		font: bold 46px/46px 'Archivo Narrow', Arial, sans-serif;
		color: #fff;
	}
	.button-box .box-office {
		height: 72px;
		padding: 10px 15px;
		border: 2px solid #f4ce5c;
		background: #ffdc71 url(assets/images/home/box-ticket-bg.png) 6px 8px no-repeat;	
	}
	.button-box .box-office:hover {
		background-color: #ecc345 !important;	
	}
	.button-box .passport {
		height: 82px;
		padding: 5px 15px;
		margin-top: 15px;
		border: 2px solid #7fcffd;
		background: #88d4f4 url(assets/images/home/box-passport-bg.png) top center no-repeat;	
	}
	.button-box .passport:hover {
		background-color: #6cc3e8 !important;	
	}
	.button-box .display-block {
		margin-bottom: -14px;
	}
	.button-box .button-wrapper {
		margin-top: -18px;	
	}
	.button-box .button {
		font-size: 12px;
		line-height: 12px;
	}
		.button-box .box-office .button {
			background: #ffe38d;
		}
			.button-box .box-office:hover .button {
				background: #e1bf57 !important;
			}
		.button-box .passport .button {
			background: #a0ddf6	
		}
			.button-box .passport:hover .button {
				background: #50aacf !important;	
			}

/* Interior page styles
====================================================*/
#col-left {
	width: 680px;
}
.page-title {
	display: inline-block;
	padding: 7px 12px;
	margin-bottom: 20px;
	font: normal 26px/26px 'Archivo Narrow', Arial, sans-serif;
	color: #fff;
	background: #38362f;
	text-transform: uppercase;
}
.entry-title {
	font: bold 26px/26px Arial, sans-serif;	
}
	.entry-title a {
		color: #38362f;
		text-decoration: none;	
	}
.choose-a-date {
	margin-bottom: 5px;
}
	.choose-a-date li {
		font-size: 16px;
	}
#col-left .gform_body {
	margin: -20px 0;	
}
#col-left img {
	max-width: 100% !important;
	height: auto !important;	
}
#col-left .gform_wrapper .gform_footer input.button, #col-left .gform_wrapper .gform_footer input[type=submit] {
	font-size: 22px !important;
	line-height: 22px !important;
	cursor: pointer;	
}
#col-right {
	width: 230px;
	margin-top: 45px;
}
	#col-right aside {
		margin-top: 15px;	
	}
	#col-right .button-box {
		width: 230px;
	}
		#col-right .button-box a {
			font: bold 53px/53px 'Archivo Narrow', Arial, sans-serif;	
		}
		#col-right .button-box .box-office {
			height: 88px;
			padding: 9px 17px;
			background: #ffdc71 url(assets/images/sidebar/box-office-bg.png) 6px 8px no-repeat;	
		}
		#col-right .button-box .passport {
			height: 98px;
			padding: 4px 22px;
			margin: 0;
			background: #88d4f4 url(assets/images/sidebar/box-passport-bg.png) top center no-repeat;	
		}
		#col-right .button-box .button {
			font-size: 14px;
			line-height: 14px;
		}
		#col-right .button-box .display-block {
			margin-bottom: -17px;
		}
		#col-right .button-box .button-wrapper {
			margin-top: -21px;	
		}
	#col-right .gray-box {
		padding: 8px;
		background: #f7f5f3;
		border: 2px solid #efefef;	
	}
		#col-right .gray-box h6 {
			padding: 5px 8px 6px;
			margin-bottom: 12px;
			font-size: 16px;
			font-weight: normal;
			color: #fff;
			background: #38362f;
		}
	#col-right .feed-box {
		width: auto !important;
		margin: 0 !important;	
	}
		#col-right .feed-box .list {
			width: 100% !important;
			float: none !important;
		}
		#col-right .feed-box .date {
			width: 30px;
			height: 15px;
			margin-right: 5px;
			padding: 3px 6px 4px;
			font: normal 15px/15px 'Archivo Narrow', Arial, sans-serif;
		}
		#col-right .feed-box .show-info {
			width: 100% !important;	
		}
		#col-right .feed-box .title {
			width: 175px;
			margin: 2px 0 10px;
			overflow: hidden;
		}
			#col-right .feed-box .title a {
				font: bold 13px/13px Arial, sans-serif;
			}
		#col-right .feed-box .ticket-icon {
			width: 21px;
		}
	#col-right p {
		font-size: 11px;
		line-height: 15px;
		padding-bottom: 8px;
	}
#gform_wrapper_2, #gform_wrapper_2 .gform_footer {
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
#gform_wrapper_2 .gform_footer {
	text-align: center !important;	
}
#gform_wrapper_2 .left_label .gfield_label {
	width: 35px !important;
	margin: 4px 5px 0 0 !important;
	font: italic 11px/12px Arial, sans-serif !important;
	font-weight: normal !important;
}
#gform_wrapper_2 .left_label .ginput_container input {
	width: 155px !important;
	padding: 2px !important;
	border: none !important;
}
#gform_wrapper_2 .gfield_required {
	display: none !important;	
}
#gform_wrapper_2 .gfield {
	margin-bottom: 4px !important;	
}
#gform_wrapper_2 .button {
	font-size: 16px !important;
	border-color: #ee894d !important;
	background: #fa650b !important;
	cursor: pointer !important;	
}

/* Show page/feed/post styles
====================================================*/
.show-details .tribe-events-event-image {
	float: none !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 auto 18px !important;	
	text-align: center !important;
}
.show-details .tribe-events-event-image img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto !important;	
}
.show-details .button, .ticket-large {
	font-size: 15px;
	padding: 4px 8px 5px;
	background: #fa650b;
	border-color: #ee894d;	
}
.show-details .button:hover, .ticket-large:hover {
	background: #fa8c0b;	
}
.ticket-large {
	padding: 6px 10px 7px;	
}
	.show-details .button .move-down {
		top: 5px;	
	}
	.ticket-large .move-down {
		top: 8px;	
	}
.show-details h6 {
	padding-bottom: 5px;	
}
.show-details .quote {
	width: 468px;
	padding-left: 32px;
	margin: 2px 0 30px 35px;
	font: bold 16px/20px Arial, sans-serif;
	font-style: italic;
	color: #4894b4;
	background: url(assets/images/shows/quote-open.png) no-repeat;	
}
	.show-details .quote .inner {
		display: block;
		padding-right: 32px;
		background: url(assets/images/shows/quote-close.png) top right no-repeat;	
	}
	.show-details .quote .text {
		position: relative;
		top: -2px;	
	}
	.show-details .quote .quote-byline {
		display: block;
		margin: 10px 10px 0;
		font-weight: normal;
		font-style: normal;
		color: #38362f;
	}
.tribe-events-list-separator-month, .tribe-events-list-separator-year {
	display: none !important;	
}
.tribe-events-list-separator-month+.vevent.hentry.tribe-events-first, .tribe-events-list .vevent.hentry {
	padding: 0 !important;	
}
.tribe-events-list {
	margin: -7px 0 0 !important;	
}
.single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .events-list #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer {
	border-top: none !important;	
}
.tribe-events-list .entry-content {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #efefef;	
}
.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}
.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}
.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {
	text-align: center;
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;
}
.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.gallery-item:hover .gallery-caption {
	opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
	display: none;
}

/* Responsive styles
====================================================*/
@media screen and (max-width: 990px) {
	/* Styles for Tablets and screens slightly larger than the average smartphone. */
	.container {
		width: 99% !important;
		padding: 0 .5% !important;
	}
	header .container {
		width: 100% !important;
		padding: 0 !important;	
	}
	#content {
		width: 96%;
		padding: 2%;	
	}
	#content.home .home-content, #content.home .button-box {
		width: 740px;
		margin: 0 auto;
	}
	.home-content .button-box a {
		float: left !important;
		width: 170px !important;
		margin-left: auto !important;
		margin-right: auto !important;	
	}
	#home-studio-theatre {
		margin-right: 0 !important;
		clear: right !important;
	}
	.home-content .button-box {
		margin-top: 20px !important;	
	}
	#home-box-office {
		margin: 0 20px 0 156px !important;	
	}
	#home-the-passport {
		margin: 0 !important;	
	}
	#col-left {
		width: 68%;
		padding: 0 !important;
	}
	#quick-links .inner {
		width: 600px !important;
		height: 100%;
		margin-left: auto !important;
		margin-right: auto !important;	
	}
	#quick-links .block {
		width: 140px;
		margin-right: 10px;	
	}
	#quick-links .block.narrow {
		width: 100px;	
	}
	#quick-links .block h5 {
		font-size: 18px;	
	}
	#quick-links p, #quick-links li {
		font-size: 12px !important;
	}
	#footer-tickets {
		margin-right: 0 !important;
		clear: right !important;	
	}
	#footer-quick-links {
		clear: left !important;
		margin-left: 147px !important;	
	}
	#footer-quick-links, #footer-keep-in-touch {
		margin-top: 18px;
	}
	#quick-links #input_1_1 {
		width: 85px !important;	
	}
}
@media screen and (max-width: 960px) {
	.home header {
		height: 350px;	
	}
	#site-logo {
		width: 200px !important;
		height: auto !important;
		background: none !important;
	}
	#site-logo img {
		margin: 7px 0 0 7px !important;	
	}
	header, nav {
		top: 0;
		height: 97px;	
	}
	nav ul li {
		height: 97px;
		margin-left: 5px;	
	}
	nav ul li a {
		height: 57px;
		padding-top: 40px; 	
	}
	.sub-menu {
		top: 97px;	
	}
}
@media screen and (max-width: 850px) {
	#site-logo {
		width: 150px !important;
	}
	header, nav {
		height: 76px;	
	}
	nav ul li a {
		height: 46px;
		padding: 30px 10px 0;
		font-size: 15px;
		line-height: 15px;
	}
	nav li:hover .sub-menu {
		display: none !important;	
	}
	.home header {
		height: 250px;	
	}
	.banner-content {
		bottom: 15px;	
	}
	.banner-content h2, .banner-content h4 {
		text-shadow: 2px 2px #000;	
	}
	.banner-content h2 {
		font-size: 30px;	
	}
	.banner-content h4 {
		font-size: 20px;	
	}
	.banner-content .button {
		font-size: 20px;	
	}
	.banner-content .button-wrapper {
		margin-top: 18px;
	}
}
@media screen and (max-width: 840px) {
	#col-left {
		width: 67%;
	}
	.show-details .quote {
		width: 86% !important;	
	}
	#top-bar .top-buttons {
		float: left !important;
		clear: both !important;
		margin-top: 6px;
	}
}
@media screen and (max-width: 800px) {
	#content.home .home-content, #content.home .button-box {
		width: 660px;
		margin: 0 auto;
	}
	#home-box-office {
		margin-left: 116px !important;	
	}
	.home-content .feed-box {
		width: 300px !important;	
	}
	.home-content .feed-box .show-featured-image {
		max-width: 24% !important;
		margin-right: 2px;
		height: auto !important;
	}
	.home-content .feed-box .show-info {
		width: 71% !important;
	}
	.home-content .feed-box .list .title {
		width: 85% !important;	
	}
	#col-left {
		width: 64.5%;
	}
}
@media screen and (max-width: 750px) {
	#col-left {
		width: 62%;
	}
	.break-on-mobile {
		display: block;
		margin: 6px 0;	
	}
}
@media screen and (max-width: 720px) {
	#content.home .home-content, #content.home .button-box {
		width: 600px;	
	}
	.home-content .feed-box {
		width: 270px !important;	
	}
	#home-box-office {
		margin-left: 86px !important;	
	}
	#col-left {
		width: 60%;
	}
}
@media screen and (max-width: 680px) {
	#site-logo {
		width: 125px !important;
	}
	#site-logo img {
		margin: 6px 0 0 6px !important;	
	}
	header, nav {
		height: 65px;	
	}
	nav ul {
		display: none !important;	
	}
	nav select {
		float: right;
		display: block !important;
		margin: 21px 6px 0 0;
	}
	.home header {
		height: 225px;	
	}
	.banner-content h2 {
		font-size: 24px;	
	}
	.banner-content {
		width: 100% !important;
		right: 0 !important;
		bottom: 26px !important;
		text-align: center !important;	
	}
}
@media screen and (max-width: 660px) {
	#content.home .home-content, #content.home .button-box {
		width: 100% !important;
	}
	.home-content .feed-box {
		position: relative;
		width: 94% !important;
		left: -2px;
		padding: 3% !important;
		margin: 0 0 20px !important;
	}
	.home-content .button-box {
		margin-top: 0 !important;	
	}
	#content.home .home-content .button-box a {
		float: none !important;
		width: 170px !important;
		margin: 0 auto 20px !important;	
	}
	#content.home .home-content #home-the-passport {
		margin-bottom: 0 !important;	
	}
	#col-left, #col-right {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}
	#col-right {
		margin-top: 25px !important;
		padding-top: 15px !important;
		border-top: 5px solid #f4f3ee;	
	}
	#col-right aside {
		float: none !important;
		width: 230px !important;
		margin-left: auto !important;
		margin-right: auto !important;	
	}
	.show-details .quote {
		width: 75% !important;	
	}
}
@media screen and (max-width: 600px) {
	#top-bar {
		display: none !important;
	}
	#quick-links .inner {
		position: relative;
		width: 320px !important;
		left: -3px;
	}
	#quick-links .block {
		width: 46% !important;
		margin: 0 2% 4% 2% !important;
	}
	#quick-links .maps-image {
		display: none !important;	
	}
}
@media screen and (max-width: 340px) {
	body {
		overflow-x: hidden;	
	}
	#quick-links .block {
		width: 42% !important;	
	}
	#quick-links .block h5 {
		font-size: 17px;	
	}
}