/*
Theme Name: VocalEssence
Theme URI: 
Author: Room 34 Creative Services, LLC
Author URI: http://room34.com
Description: A custom, responsive WordPress theme for VocalEssence, based on branding and visual design by Replace.
Version: 1.1
License: Unauthorized use or redistribution is prohibited
License URI: 
Tags: 
Text Domain: 
*/

/*
COLORS:

Blue - Adjusted: rgb(0,94,158); Spec: rgb(0,72,111);
Silver - rgb(167,169,172);
Orange - rgb(241,90,41);
Yellow - rgb(244,204,19);
Cyan - Adjusted: rgb(18,189,189); Spec: rgb(41,189,188);

*/



/* IMPORT */

@import url('reset.css');
@import url('emergency_alert.css');
@import url('css/lightbox.css');



/* STANDARD HTML */

body {
	background: rgb(226,227,228) url('images/bg_tile_10pct_x2.png') 25% top repeat fixed;
	background-size: 33px 286px;
	color: rgb(17,17,17);
	font-family: Georgia, serif;
	font-size: 100%;
	line-height: 1.5em;
}

body * {
	box-sizing: border-box;
}

a, a:visited {
	color: rgb(0,94,158);
	text-decoration: none;
}

a:hover {
	color: rgb(241,90,41);
}

a.pdf,
a.mp3 {
    background-position: bottom left;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.pdf {
    background-image: url(images/pdficon_small.png);
    background-size: 16px 16px;
}

a.mp3 {
    background-image: url(images/audio.png);
    background-size: 12px 16px;
    background-position-x: 3px;
}

article {
	clear: both;
	margin: 0 0 3em 0;
}

aside {
	clear: both;
	margin: 0 0 1.5em 0;
}

audio {
	height: 1.5em;
	width: 100%;
}

audio.compact {
	min-width: 240px;
	width: 25%;
}

blockquote {
	background: rgba(167,169,172,0.1);
	border-left: 5px solid rgba(167,169,172,0.2);
	clear: both;
	font-family: 'proxima-nova', sans-serif !important;
	margin: 1.5em 0;
	padding: 1em 1.5em;
}

	blockquote > *:last-child {
		margin-bottom: 0 !important;
	}

em, i { font-style: italic; }

/*
Note: Many form elements have !important in order to override settings in Events Calendar plugin.
*/

form {
	position: relative;
}

	input, textarea, select {
		font-family: 'proxima-nova', sans-serif !important;
		font-style: normal !important;
		margin-right: 0.5em;
		-webkit-appearance: none;
	}

	input, textarea {
		background: rgb(243,244,245) !important;
		border: 1px solid rgb(203,204,205) !important;
		border-radius: 2px !important;
		box-sizing: border-box !important;
		font-family: 'proxima-nova', sans-serif !important;
		font-size: 90% !important;
		font-style: normal !important;
		padding: 0.25em 0.5em !important;
		width: 60%;
	}
	
	input.short { width: 20%; }
	
	input:focus, textarea:focus {
		background: rgb(255,255,255) !important;
		border: 1px solid rgb(101,102,103) !important;
		outline: none;
	}
	
	input[type=button], input[type=submit], .button, .button:visited {
		background: rgb(18,189,189) !important;
		border: 2px solid rgba(0,0,0,0.2) !important;
		border-radius: 5px !important;
		color: rgb(255,255,255) !important;
		cursor: pointer;
		font-family: 'proxima-nova', sans-serif;
		font-size: 85%;
		font-weight: bold;
		outline: none !important;
		padding: 4px 8px 2px 8px !important;
		text-transform: uppercase;
		width: auto !important;
	}
	
	input[type=button]:hover, input[type=submit]:hover, .button:hover {
		background: rgb(241,90,41) !important;
		color: rgb(255,255,255) !important;
	}
	
	input[type=checkbox], input[type=radio] {
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		width: auto;
	}
	
	input[type=checkbox] {
		-webkit-appearance: checkbox;
	}

	input[type=radio] {
		-webkit-appearance: radio;
	}
	
	input[type=image] {
		background: transparent !important;
		border: none !important;
		height: auto;
		margin: 0.5em 0 !important;
		padding: 0 !important;
		width: auto;
	}
		
	label {
		clear: both;
		display: inline-block;
		font-family: 'proxima-nova', sans-serif;
		font-size: 90%;
		line-height: 1.5em;
		margin: 0.25em 2% 0.5em 0;
		text-align: right;
		vertical-align: top;
		width: 23%;
	}
	
	.uam_login_form label {
		display: block;
		text-align: left;
		width: auto;
	}
	
	.uam_login_form label.checkbox_label {
		display: inline;
	}
	
	.uam_login_form input {
		clear: both;
		display: inline-block;
		margin-bottom: 1em;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'proxima-nova', sans-serif;
}

h1 {
	color: rgb(0,94,158);
	font-size: 200%;
	font-weight: 200;
	line-height: 1em;
	margin: 40px 0 0.25em 0;
	text-transform: uppercase;
}

h2 {
	color: rgb(0,94,158);
	font-size: 160%;
	font-weight: 200;
	line-height: 1.2em;
	margin: 40px 0 0.25em 0;
	text-transform: uppercase;
}

h3 {
	color: rgb(0,94,158);
	font-size: 140%;
	font-weight: 200;
	line-height: 1.3em;
	margin: 40px 0 0.25em 0;
}

h4 {
	color: rgb(0,94,158);
	font-size: 120%;
	font-weight: 200;
	line-height: 1.4em;
	margin: 1.5em 0 0.25em 0;
}

h5 {
	color: rgb(0,94,158);
	font-size: 100%;
	font-weight: 200;
	line-height: 1.5em;
	margin: 1.5em 0 0.25em 0;
}

h6 {
	color: rgb(0,94,158);
	font-size: 85%;
	font-weight: 200;
	line-height: 1.5em;
	margin: 1.5em 0 0.25em 0;
}

	h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-weight: inherit !important; }

iframe {
	width: 100% !important;
}

iframe[src*=youtube], iframe[src*=vimeo] {
	margin: 1.5em 0;
}

iframe.acf_iframe {
	height: 600px;
}

img {
	height: auto;
	max-width: 100%;
	width: auto;
}

p, ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

ul ul, ol ol, ul ol, ol ul {
	margin: 0;
}

ul, ol {
	list-style: none;
	padding-left: 0;
}

strong, b { font-weight: bold; }

table {
	border-collapse: collapse;
	clear: both;
	margin: 1.5em 0;
	width: 100%;
}

table.transparent {
	margin-top: 0;
}

	th, td {
		margin: 0;
		padding: 0.25em 0.5em;
		text-align: left;
		vertical-align: top;
	}
	
	th {
		background-color: rgb(220,221,222);
		font-family: 'proxima-nova', sans-serif;
	}
	
	tr:nth-of-type(2n) th { background-color: rgb(212,213,214); }
	
	th.sorted { background-color: rgb(228,229,230); }
	
	th.sorted.asc:after {
		content: '\00a0\00a0\25bc';
		font-size: 60%;
	}
	
	th.sorted.desc:after {
		content: '\00a0\00a0\25b2';
		font-size: 60%;
	}
	
	td {
		background-color: rgba(167,169,172,0.05);
		font-size: 90%;
		line-height: 1.5em;
	}
	
	tr:nth-of-type(2n) td { background-color: rgba(0,51,102,0.05); }
	
		td > *:last-child { margin-bottom: 0; }
	
	table.transparent th, table.transparent td {
		background: transparent !important;
		font-size: 100%;
		padding: 0 0.75em 0.5em 0;
	}
	
	table *.alignleft, table *.alignright {
		float: none !important;
		margin: 0 !important;
	}

	table *.alignright { text-align: right; }


/* CUSTOM CSS CLASSES */

/* Color overrides */

.blue { color: rgb(0,94,158 !important); }
.silver { color: rgb(167,169,172) !important; }
.orange { color: rgb(241,90,41) !important; }
.yellow { color: rgb(244,204,19) !important; }
.teal { color: rgb(18,189,189) !important; }
.blue-bg { background: rgb(0,94,158) !important; }
.silver-bg { background: rgb(167,169,172) !important; }
.orange-bg { background: rgb(241,90,41) !important; }
.yellow-bg { background: rgb(244,204,19) !important; }
.teal-bg { background: rgb(18,189,189) !important; }

.actions {
	clear: both;
	margin: 1em 0;
	padding-left: 25%;
}

.alignleft {
	clear: left;
	float: left;
	margin: 0 1.5em 1em 0;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: auto;
}

.alignright {
	clear: right;
	float: right;
	margin: 0 0 1em 1.5em;
}

.archive-header { }

.banner-image {
	clear: both;
	display: block;
	margin: 46px 0 1.5em 0;
}

.lead-in + .banner-image { margin-top: 0; }

.checkbox_group {
	display: inline-block;
	font-family: 'proxima-nova', sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	margin: 0.25em 0;
	vertical-align: top;
}

audio.compact {
	width: 200px;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	content: '';
	display: table;
}

.content { }

	.content ul, .content ol, .entry-content ul, .entry-content ol { padding-left: 1.5em; }
	.content ul, .entry-content ul { list-style: disc; }
	.content ol, .entry-content ol { list-style: decimal; }
	.content li, .entry-content li { margin: 0 0 0.5em 0 !important; }
	
.current_page_item > a, .current_page_item > a:visited, .current_page_item > a:hover,
.current-cat > a, .current-cat > a:visited, .current-cat > a:hover
{
	color: rgb(241,90,41);
}

.download {
	background: transparent url('../../../wp-includes/images/media/document.png') left 0.25em no-repeat;
	background-size: 36px 48px;
	min-height: 56px;
	padding-left: 48px;
}

.entry-content { }

.has_sidebar {
	clear: left;
	float: left !important;
	width: 65% !important;
}
	
.entry-date {
	background: rgb(18,189,189) url('images/curly_frame_offwhite_hires.png') left top no-repeat;
	background-size: 120px 80px;
	box-sizing: border-box;
	color: rgb(255,255,255);
	float: left;
	font-family: 'proxima-nova', sans-serif;
	font-weight: bold;
	height: 80px;
	margin: 0.5em 1.5em 1em 0;
	padding: 10px 20px;
	width: 120px;
}

	.entry-date .month, .entry-date .day, .entry-date .year {
		display: block;
		line-height: 1.1em;
		margin: 0;
		text-align: center;
	}
	.entry-date .month {
		font-size: 70%;
		text-transform: uppercase;
	}
	.entry-date .day { font-size: 200%; }
	.entry-date .year { font-size: 85%; }

.entry-meta {
	background: rgb(238,238,238);
	clear: both;
	color: rgb(102,102,102);
	font-size: 85%;
	line-height: 1.5em;
	margin: 1em 0;
	padding: 0.5em 1em;
}

	.entry-meta ul {
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.entry-meta li {
		display: inline-block;
		margin-right: 1em;
	}
	
	.entry-meta li:before { content: '\2022\00a0'; }
	
	.entry-meta li:first-child:before { content: none; }

.entry-post-type {
	color: rgb(102,102,102);
	font-family: 'proxima-nova', sans-serif;
	font-size: 85%;
	line-height: 1.5em;
	margin: 1em 0;
}

.entry-sidebar {
	background: rgba(167,169,172,0.2);
	box-sizing: border-box;
	clear: right;
	float: right;
	padding: 15px;
	width: 38.2%;
}

	.entry-sidebar > *:first-child { margin-top: 0; }

.entry-thumbnail {
	float: right;
	margin: 0 0 1.5em 1.5em;
	text-align: center;
	width: 38.2%;
}

.error {
	background: rgba(244,204,19,0.25);
	color: rgb(241,90,41);
	font-family: Georgia, serif;
	font-style: italic;
	margin: 1.5em 0;
	padding: 0.5em 1.5em;
}

.expanders {
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
}

	.expander {
		clear: both;
		display: block;
		margin-bottom: 1em;
	}
	.expander:after { clear: both; content: ''; display: table; } /* Clearfix */
	
		.expander .expander_toggle {
			background: transparent url('images/toggle_closed.svg') left 0.667em no-repeat;
			background-size: 16px 16px;
			cursor: help;
			padding: 5px 0 0 30px;
			-moz-user-select: none;
			-webkit-user-select: none;
			user-select: none;
		}

			.expander .expander_toggle * {
				margin: 0;
			}

		.expander.open .expander_toggle {
			background-image: url('images/toggle_open.svg');
			cursor: n-resize;
		}

		.expander .teaser {
			display: block;
			font-size: 90%;
			line-height: 1.5em;
			padding: 0.5em 0 0 0;
		}

			.expander .teaser > *:last-child { margin: 0; }

		.expander.open .teaser { display: none; }

		.expander .expander_content {
			display: block;
			height: 0px;
			overflow: hidden;
			padding: 0;
		}

		.expander.open .expander_content {
			height: auto;
			padding: 1em 0 2em 30px;
		}
		
			.expander.open .expander_content > *:last-child { margin-bottom: 0; }

.feature_events {
	margin: 0 5%;
	width: 90%;
}

	.feature_events .events_list {
		clear: both;
		list-style: none;
		padding: 0;
	}
	
		.feature_events .events_list * { color: rgb(255,255,255) !important; }
	
		.feature_events .events_list > li {
			background-color: rgb(167,169,172);
			box-sizing: border-box;
			display: inline-block;
			height: 12em;
			margin: 0 0 0 2%;
			overflow: hidden;
			position: relative;
			vertical-align: top;
			width: 31.5%;
		}		
		.feature_events .events_list > li:first-child { margin-left: 0; }
		.feature_events .events_list > li.concerts { background-color: rgb(0,94,158); }
		.feature_events .events_list > li.events { background-color: rgb(241,90,41); }		
		.feature_events .events_list > li.fundraisers { background-color: rgb(18,189,189); }
		
			.feature_events .events_list > li a {
				background: transparent url('images/curly_frame_offwhite_hires.png') left top no-repeat;
				background-size: 100% 100%;
				padding: 0;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				z-index: 3;
			}
			
			.feature_events .events_list > li a:hover { background-color: rgba(0,0,0,0.1); }
			
			.feature_events .events_list > li .event-thumbnail {
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				z-index: 1;
			}
			
				.feature_events .events_list > li .event-thumbnail img {
					height: auto;
					width: 100%;
				}

			.feature_events .events_list > li .event-info {
				background: rgba(0,0,0,0.4);
				font-size: 90%;
				padding: 8px 40px;
				position: absolute; top: 50%; right: 0; bottom: 0; left: 0;
				z-index: 2;
			}
			
				.feature_events .events_list > li .event-info * {
					line-height: 1.3em !important;
					margin: 0;
				}
				
.gallery {
	clear: both;
	display: block;
	margin: 1.5em 0;
}

	.gallery ul {
		list-style: none;
		padding: 0;
	}
	
		.gallery li {
			display: inline-block;
			font-size: 85%;
			line-height: 1.5em;
			margin: 0 4% 1.5em 4% !important;
			overflow: hidden;
			padding: 0;
			text-align: center;
			vertical-align: middle;
			width: 41%;
		}
		
		.gallery li img {
			height: auto;
			max-height: 240px;
			max-width: none;
			width: auto;
		}
				
	.gallery-footer {
		font-size: 85%;
		font-style: italic;
		line-height: 1.5em;
	}

.icon {
	background: transparent left center no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}

.icon.listen { background-image: url('images/listen_x2.png'); }

.lead-in p {
	font-family: 'proxima-nova', sans-serif;
	font-size: 120%;
	font-weight: 200;
	line-height: 1.3em;
	margin: 0.75em 0;
}

.loading_indicator {
	background: transparent url('images/loading_32.gif') left center no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}

.more_link {
	font-family: 'proxima-nova', sans-serif;
	font-size: 85%;
	line-height: 1.5em;
	margin: 1.5em 0;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

.pagination_header, .pagination_links {
	clear: both;
	font-family: 'proxima-nova', sans-serif;
	font-size: 90%;
	line-height: 1.5em;
}

.pagination_header {
	margin: 0;
	padding: 1.5em 0 0 0; /* Provides clearance on jumps to anchor links */
}

.pagination_links {
	margin: 1.5em 0;
	padding: 0;
}

.print_only { display: none; }

ul.post-list {
	list-style: none;
	padding: 0;
}

	ul.post-list > li {
		clear: both;
		margin: 0 0 1.5em 0;
	}
	
	ul.post-list .preview {
		text-align: center;
		width: 200px;
	}

.share { }

	.share ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.share li {
		display: inline-block;
		margin: 0 0.5em 0 0;
	}

	.share a, .share a:visited {
		background-color: rgb(0,94,158);
		background-image: url('images/social_sprites_v3_x2.png');
		background-repeat; no-repeat;
		background-size: 396px 33px;
		border: none;
		border-radius: 6px;
		display: block;
		height: 33px;
		overflow: hidden;
		text-indent: -999px;
		width: 34px;
	}
	
	.share a:hover {
		background-color: rgb(241,90,41);
		border: none;
	}
	
	.share a[href*=facebook] { background-position: 1px 0px; }
	.share a[href*=twitter] { background-position: -32px 0px; }
	.share a[href*=mailto] { background-position: -328.5px 0px; }

.slideshow {
	background: rgb(203,204,205) url('images/bg_tile_10pct_x2.png') 25% top repeat fixed;
	position: relative;
}

	.hero {
		margin: 0;
		opacity: 0;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		transition: opacity 400ms;
		z-index: 1;
	}

	.hero:first-child {
		position: relative;
	}

	.hero.current {
		opacity: 1;
		z-index: 2;
	}

		.hero a {
			overflow: hidden;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			text-indent: -999px;
			z-index: 2;
		}

		.hero img {
			margin-bottom: -0.35em; /* Fix excess block height on responsive images */
			position: relative;
			width: 100%;
		}
		
		.hero .caption {
			background: rgba(0,0,0,0.333);
			padding: 0;
			position: absolute; top: auto; right: 0; bottom: -1px; left: 0;
			text-align: center;
			z-index: 2;
		}
	
			.hero .caption h1 {
				color: rgb(255,255,255);
				font-size: 230%;
				font-weight: 200;
				letter-spacing: 0.125em;
				margin: 0;
				padding: 0.333em 40px;
				text-transform: uppercase;
				transform: scale(1.125,1);
				-webkit-font-smoothing: antialiased;
			}
		
			.hero .caption p {
				background: rgb(241,90,41);
				color: rgb(255,255,255);
				margin: 0;
				padding: 10px 40px;
			}

	.slide_navigation { /* DO NOT SPECIFY POSITION */ }
	
		.slide_navigation div {
			background: transparent center center no-repeat;
			background-size: contain;
			cursor: pointer;
			opacity: 0.333;
			position: absolute; top: 40%; bottom: 40%;
			transition: opacity 200ms;
			width: 50px;
			z-index: 9;
		}
		
		.slideshow:hover .slide_navigation div {
			opacity: 0.667;
		}
		
		.slideshow:hover .slide_navigation div:hover {
			opacity: 1;
		}
		
		.slide_navigation .prev {
			background-image: url('images/slide_prev_x2.png');
			right: auto; left: 10px;
		}
		
		.slide_navigation .next {
			background-image: url('images/slide_next_x2.png');
			right: 10px; left: auto;
		}

.small {
	font-family: 'proxima-nova', sans-serif;
	font-size: 85%;
	line-height: 1.5em;
}

ul.post-list > li .small {
	font-family: Georgia, serif;
}

.tiles {
	background: rgb(203,204,205) url('images/bg_tile_10pct_x2.png') 25% top repeat fixed;
	background-size: 33px 286px;
	border-collapse: separate;
	border-spacing: 1.5em;
	display: table;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

	.tile {
		background-color: rgb(0,94,158);
		box-sizing: border-box;
		color: rgb(255,255,255);
		display: table-cell;
		margin: 0;
		overflow: hidden;
		padding: 150px 15px 1.5em 15px;
		position: relative;
		vertical-align: top;
		width: 25%;
	}
	
	.tiles_3 .tile {
		padding-top: 210px;
		width: 33.333%
	}
	
	/*
	.tile.schools-education { background-color: rgb(0,94,158); }
	.tile.in-the-community { background-color: rgb(167,169,172); }
	.tile.performing-ensembles { background-color: rgb(241,90,41); }
	.tile.advocacy-for-choral-arts { background-color: rgb(18,189,189); }
	*/
	
	.tiles_3 .tile:nth-of-type(1) { background-color: rgb(18,189,189) !important; }
	.tiles_3 .tile:nth-of-type(2) { background-color: rgb(241,90,41) !important; }

		.tile * {
			color: rgb(255,255,255) !important;
			position: relative;
			z-index: 1;
		}
		
		.tile a:hover { border-bottom: 2px solid rgba(255,255,255,0.3); }
		
		/*
		.tile .category-name {
			background: rgba(0,0,0,0.1);
			font-size: 80%;
			margin: 0 -15px 0.5em -15px;
			padding: 7px 15px 5px 15px;
		}
		*/
		
		.tile .entry-header * {
			font-family: Georgia, serif;
			font-size: 100%;
			font-weight: normal;
			margin: 0.5em 0;
		}
	
		.tile .post-thumbnail {
			background: rgb(17,17,17);
			height: 150px;
			overflow: hidden;
			position: absolute; top: 0; right: 0; bottom: auto; left: 0;
			text-align: center;
		}
		
		.tile .post-thumbnail img {
			filter: url('images/filters.svg#grayscale');
			filter: gray;
			-webkit-filter: grayscale(1);
			height: 150px;
			max-width: none;
			transition: filter 400ms, -webkit-filter 400ms;
			width: auto;
		}
		
		.tiles_3 .tile .post-thumbnail, .tiles_3 .tile .post-thumbnail img {
			height: 210px;
		}
		
		.tile:hover .post-thumbnail img {
			filter: none;
			-webkit-filter: grayscale(0);
		}
		
		.tile .more_link {
			background: rgba(0,0,0,0.1);
			font-size: 70%;
			margin: 0;
			padding: 5px 15px 3px 15px;
			position: absolute; top: auto; right: 0; bottom: 0; left: 0;
			text-transform: uppercase;
			z-index: 2;
		}

	.tiles_3 .list {
		background-color: rgb(255,255,255);
		box-sizing: border-box;
		display: table-cell;
		height: 360px;
		font-size: 100%;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 33.333%
		vertical-align: top;
	}
	
		.tiles_3 .list > *:first-child { margin-top: 0; }
		.tiles_3 .list > *:last-child { margin-bottom: 0; }
		
		.tiles_3 .list > h3 {
			background-color: rgb(0,94,158);
			color: rgb(255,255,255);
			font-size: 100%;
			padding: 0.6em 15px 0.4em 15px;
			text-transform: uppercase;
		}
		
			.tiles_3 .list > h3 * { color: rgb(255,255,255) !important; }
			
			.tiles_3 .list > h3 a:hover { border-bottom: 2px solid rgba(255,255,255,0.3); }
		
		.tiles_3 .list > .events_list {
			margin: 1em 15px;
			width: auto;
		}
		
			.tiles_3 .list > .events_list th,
			.tiles_3 .list > .events_list td
			{
				background: transparent !important;
				padding-bottom: 1em;
			}
		
			.tiles_3 .list > .events_list a {
				color: inherit !important;
			}
			
			.tiles_3 .list > .events_list tr:hover a {
				color: rgb(241,90,41) !important;
			}
			
			.tiles_3 .list > .events_list .event_name {
				color: rgb(0,94,158);
				font-family: 'proxima-nova', sans-serif;
			}
				

.toggle {
	display: none;
	padding: 1em 0;
}

.toggle.open {
	display: block;
}

.track-composer, .track-title {
	display: inline-block;
}

.track-info {
	display: block;
}

.widget {
	clear: both;
	display: block;
	margin: 0 0 2em 0;
}

	.widget ul ul { padding-left: 1.5em; }
	
	.widgettitle, .widgettitle a, .widgettitle a:visited,
	.widget h2, .widget h3
	{ color: rgb(241,90,41); }
	
	.widgettitle a:hover { color: rgb(0,94,158); }
	
	.widget_recent_entries { }
	
		.widget_recent_entries li { margin: 0 0 1em 0; }
		
		.widget_recent_entries .post-date {
			color: rgb(167,169,172);
			display: block;
			font-family: 'proxima-nova', sans-serif;
			font-size: 85%;
			line-height: 1.5em;
		}

	.simple-section-nav { }
	
	

/* DOM ELEMENTS */

#print_header, #print_footer { display: none; }

#wrapper {
	background: rgb(252,252,252);
	box-shadow: 0 0 100px rgba(0,0,0,0.1);
	margin: 0 auto;
	max-width: 1340px;
	overflow-x: hidden;
	width: 90%;
}

	#masthead, #page, #colophon {
		clear: both;
		position: relative;
	}
	
	#masthead {
		background: rgb(255,255,255);
		border-bottom: 1px solid rgb(245,245,245);
		height: 150px;
		z-index: 3;
	}
		
		#logo {
			background: transparent url('images/logo_stacked_x2.png') center center no-repeat;
			background-size: 220px 100px;
			border: none;
			height: 110px;
			margin: 0;
			overflow: hidden;
			position: absolute; top: 0.5em; left: 3.5%;
			text-indent: -999px;
			width: 220px;
		}
		
			#logo a {
				display: block;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			}
	
		#masthead .menu {
			font-family: 'proxima-nova', sans-serif;
			list-style: none;
		}

			#masthead .menu a, #masthead .menu a:visited {
				background: rgb(255,255,255);
				display: block;
				padding: 0.25em 0.5em;
				white-space: nowrap;
			}
	
			#masthead .menu a:hover, #masthead .menu li:hover > a { background: rgb(238,238,238); }

			#masthead .menu > ul, #masthead ul.menu {
				list-style: none;
				margin: 0;
				padding: 0;
			}
	
				#masthead .menu > ul > li, #masthead ul.menu > li {
					display: inline-block;
					margin: 0 0 0 0.15em;
					position: relative;
					vertical-align: top;
					z-index: 2;
				}
	
				#masthead .menu li ul { display: none; }
		
				#masthead .menu li:hover > ul {
					border: none;
					border-left: 60px solid transparent;
					border-right: 60px solid transparent;
					display: block;
					min-width: 12em;
					position: absolute; top: 100%; left: -60px;
					text-align: left;
				}
		
				#masthead .menu li:last-child:hover > ul {
					left: auto; right: -60px;
				}
		
				#masthead .menu li:hover li:hover > ul {
					border-top: 60px solid transparent;
					border-bottom: 60px solid transparent;
					border-right: 0;
					top: -61px; left: auto; right: 100%;
				}
		
				#masthead .menu li li {
					border-right: 1px solid rgb(238,238,238);
					border-left: 1px solid rgb(238,238,238);
					display: block;
					margin: 0;
					position: relative;
				}
				
				#masthead .menu li li:first-child {
					border-top: 1px solid rgb(238,238,238);
				}
				
				#masthead .menu li li:last-child {
					border-bottom: 1px solid rgb(238,238,238);
				}
		
		#masthead .menu_handle { display: none; }

		#primary_navigation {
			position: absolute; right: 1.5%; bottom: 1.5em;
			text-align: right;
		}
		
			#primary_navigation .menu li li a,
			#primary_navigation .menu li li a:visited
			{
				/*color: rgb(167,169,172);*/
				font-family: Georgia, serif;
				font-size: 85%;
			}
			
			#primary_navigation .menu li li a:hover { /*color: rgb(0,94,158);*/ }
		
		#auxiliary_navigation {
			font-size: 85%;
			position: absolute; top: 1em; right: 5%;
			text-align: right;
		}
		
			#auxiliary_navigation > * {
				display: inline-block;
				margin: 0;
				white-space: nowrap;
			}
			
			#auxiliary_navigation .menu > ul > li, #auxiliary_navigation ul.menu > li { margin-left: 0; }
			
			#auxiliary_navigation input[type=submit] {
				background: transparent url('images/search_sprites_x2.png') left top no-repeat !important;
				background-size: 48px 24px !important;
				border: none !important;
				border-radius: 0 !important;
				height: 24px !important;
				overflow: hidden !important;
				text-indent: -999px !important;
				width: 24px !important;
				-webkit-appearance: none !important;
			}
			
			#auxiliary_navigation input[type=submit]:hover { background-position: -24px top !important; }

	#page {
		min-height: 400px;
		z-index: 2;
	}
	
		#full {
			clear: both;
			padding-bottom: 3em;
			width: 100%;
		}
		
		.home #full {
			padding-bottom: 0;
		}
	
		#content {
			float: left;
			font-size: 110%;
			margin-left: 5%;
			padding-bottom: 3em;
			width: 60%;
		}
		
		#content.full {
			margin-right: 5%;
			margin-left: 5%;
			width: 90%;
		}
			
			#content a { font-weight: bold; } /* STA - Added 2017-10-12 per request from Katrina */
		
		#sidebar {
			float: right;
			font-size: 90%;
			line-height: 1.5em;
			margin-right: 5%;
			padding-bottom: 3em;
			width: 25%;
		}
			
	#colophon {
		background: rgb(0,94,158) url('images/largev_orange.png') 102.5% -120px no-repeat;
		background-size: 350px 350px;
		font-family: 'proxima-nova', sans-serif;
		line-height: 1.5em;
		min-height: 150px;
		padding: 2em 240px 1em 5%;
		z-index: 1;
	}
	
		#colophon * { color: rgb(255,255,255); }

		#colophon a:hover {
			border-bottom: 2px solid rgba(255,255,255,0.3);
			color: rgb(255,255,255);
		}

		#colophon ul.menu > li {
			display: inline-block;
			font-weight: bold;
			margin: 0 2em 0 0;
			vertical-align: top;
		}

		#colophon .menu li ul {
			border: none;
			display: block;
			min-width: auto !important;
			padding: 0 0 1em 0;
			position: relative; top: 0;
			text-align: left;
		}
	
		#colophon .menu li li {
			display: block;
			font-size: 85%;
			font-weight: normal;
			margin: 0;
			position: relative;
		}
		
		#colophon .widget { margin: 0; }
		
		#colophon .widget_text { font-size: 85%; }

			#colophon .widget_text li {
				border-left: 2px solid rgba(255,255,255,0.3);
				display: inline-block;
				margin-left: 0.3em;
				padding-left: 0.5em;
			}
		
			#colophon .widget_text li:first-child {
				border-left: none;
				margin-left: 0;
				padding-left: 0;
			}

		#menu-social-media { position: absolute; right: 5%; bottom: 0; }
		
			#menu-social-media li { margin: 0 0 0 0.5em !important; }
		
			#menu-social-media a, #menu-social-media a:visited {
				background-color: rgb(18,189,189);
				background-image: url('images/social_sprites_v3_x2.png');
				background-repeat; no-repeat;
				background-size: 528px 44px;
				border: none;
				border-radius: 8px;
				display: block;
				height: 44px;
				overflow: hidden;
				text-indent: -999px;
				width: 44px;
			}
			
			#menu-social-media a:hover {
				background-color: rgb(241,90,41);
				border: none;
			}
			
			#menu-social-media a[href*=facebook] { background-position: 0px 0px; }
			#menu-social-media a[href*=twitter] { background-position: -44px 0px; }
			#menu-social-media a[href*=youtube] { background-position: -132px 0px; }
			#menu-social-media a[href*=instagram] { background-position: -262px 0px; }
			#menu-social-media a[href*=redcurrent] { background-position: -484px 0; }
			


/* TEMPLATE-SPECIFIC STYLES */



/* PLUGIN-SPECIFIC STYLES */

#tinymce {
	background: rgb(255,255,255);
	margin: 1em;
}

#gtranslate_selector {
	background: transparent;
	border: 0;
	color: rgb(0,94,158) !important;
	font-size: 100%;
	line-height: 1.5em !important;
	margin: 0.225em 0.5em !important;
	padding: 0 !important;
}

.powerpress_player {
	margin: 1.5em 0;
}

.summary, .tribe-events-cal-links, .tribe-events-sub-nav, #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
	font-family: 'proxima-nova', sans-serif !important;
}

.tribe-events-button {
	background: rgb(18,189,189) !important;
	border: 2px solid rgba(0,0,0,0.2) !important;
	border-radius: 5px !important;
	color: rgb(255,255,255) !important;
	font-family: 'proxima-nova', sans-serif;
}

.tribe-events-button:hover {
	background: rgb(241,90,41) !important;
	color: rgb(255,255,255) !important;
}

.tribe-events-event-image {
	max-width: 240px;
}

.tribe-events-list-separator-month {
	background: rgb(0,94,158) !important;
	color: rgb(255,255,255) !important;
	font-size: 100% !important;
	text-transform: none !important;
}

.tribe-events-list-widget { }

	.tribe-events-list-widget ol { margin: 0; }

	.tribe-events-list-widget li {
		clear: both;
		font-size: 90%;
		line-height: 1.5em;
		margin: 0 0 0.5em 0 !important;
	}
	
	.tribe-events-list-widget h4 {
		float: right;
		margin-top: 0 !important;
		width: 72%;
	}
	
	.tribe-events-list-widget .duration {
		float: left;
		width: 25%;
	}

#tribe-events-bar { }

	.tribe-bar-filters {
		height: 80px !important;
	}

	#tribe-bar-form label {
		display: block;
		margin: 0;
		text-align: left;
		width: 100%;
	}
	
	#tribe-bar-dates *, .datepicker * {
		font-family: 'proxima-nova', sans-serif !important; }
	}
	
	.tribe-bar-submit {
		padding: 1.666em 0 0 0 !important;
	}
	
	#tribe-bar-views {
		background-color: rgb(224,224,224) !important;
		height: 80px !important;
	}
	
	.tribe-bar-views-inner {
		padding: 0.5em 0 0 0 !important;
	}
	
	.tribe-bar-views-list * {
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		border-radius: 0 !important;
	}
		
	.tribe-bar-views-option {
		display: block !important;
		font-size: 85%;
	}
	
	.tribe-bar-views-option.tribe-bar-active span:before {
		content: '\00bb\00a0';
	}
	
		.tribe-bar-views-option a {
			padding: 5px 15px !important;
		}

#tribe_events_filters_wrapper {
	font-family: 'proxima-nova', sans-serif !important;
}
	
	#tribe_events_filters_wrapper label {
		display: block;
		margin: 0;
		padding: 0.5em 15px !important;
		text-align: left;
		width: auto;
	}
	
	.tribe-events-filters-group-heading, .tribe-events-filter-select {
		padding: 0.75em 15px !important;
	}
	
	.tribe-events-filters-group-heading span:after {
		margin-top: -4px;
	}
	
#tribe-events-header { }

	#tribe-events-header .tribe-events-sub-nav { display: none; }

#tribe-events-pg-template {
	margin: 2em auto !important;
	max-width: 90% !important;
}

.tribe-events-single { }

	.tribe-events-single .banner-image {
		margin: 0 0 1.5em 0;
	}
	
	.tribe-events-single #sidebar {
		margin-right: 0;
		width: 30%;
	}
	
	.tribe-events-single .widget {
		padding: 0 1.5em;
	}

	.tribe-events-single .widget.page_sidebar {
		background: rgba(167,169,172,0.2);
		padding: 1.5em;
	}
	
		.tribe-events-single .widget.page_sidebar > *:first-child {
			margin-top: 0;
		}
	
		.tribe-events-single .widget.page_sidebar > *:last-child {
			margin-bottom: 0;
		}

	.tribe-events-single .tribe-events-schedule {
		margin-bottom: 0.5em;
	}
	
	.tribe-events-single .tribe-events-schedule .alignright {
		margin-bottom: 0;
	}
	
	.tribe-events-single .ve-buy-tickets {
		font-size: 150%;
		text-align: center;
	}
	
	.tribe-events-list .ve-buy-tickets {
		font-size: 100%;
		text-align: center;
	}
	
	.tribe-events-single .ve-buy-tickets .button {
		display: inline-block;
		margin-bottom: 0.25em !important;
		padding: 0.5em 1.5em !important;
	}

	.tribe-events-single .ve-buy-tickets .phone, .tribe-events-list .ve-buy-tickets .phone {
		color: rgb(0,94,158);
		display: block;
		font-family: 'proxima-nova', sans-serif;
		font-size: 100%;
		font-weight: 200;
		line-height: 1.4em;
		margin: 0;
	}

.woocommerce ul.products li.product .button {
    display: none;
}

.woocommerce table.shop_attributes td p {
    padding-left: 10px !important;
}

.woocommerce label {
    text-align: left;
    width: 100%;
}

/* OVERRIDE STYLES IN PASTED-IN CONTENT */

.content *[style] {
	color: inherit !important;
	font-family: inherit !important;
}

.content a[style], .content a[style]:visited { color: rgb(0,94,158) !important; }
.content a[style]:hover { color: rgb(241,90,41 !important); }

.content h1[style], .content h2[style], .content h3[style], .content h4[style], .content h5[style], .content h6[style] {
	font-family: 'proxima-nova', sans-serif !important;
}

.content h1[style] { color: rgb(0,94,158) !important; }
.content h2[style] { color: rgb(0,94,158) !important; }
.content h3[style] { color: rgb(0,94,158) !important; }
.content h4[style] { color: rgb(0,94,158) !important; }
.content h5[style] { color: rgb(0,94,158) !important; }
.content h6[style] { color: rgb(0,94,158) !important; }



/* ADMIN BAR CUSTOMIZATIONS */

#wpadminbar .ab-label,
#wpadminbar .ab-item,
#wpadminbar .ab-item .display-name, #wpadminbar .ab-item .username
{ font-family: 'proxima-nova', sans-serif !important; }




/* CSS3 MEDIA QUERIES */



/* PRINT */
@media print {

	/* Basic settings */	
	* {
		background: white !important;
		border: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		color: black !important;
		text-shadow: none !important; 
		filter: none !important; 
		-ms-filter: none !important;
	}
	@page { margin: 10% 5%; }
	h1, h2, h3, p { orphans: 3; widows: 3; }
	h1, h2, h3 { page-break-after: avoid; }
	
	.no_print { display: none !important; }
	.print_only { display: inherit !important; }
	
	#masthead, #colophon, .simple-section-nav { display: none; }

	#print_header, #print_footer {
		display: block;
		font-family: 'proxima-nova', sans-serif;
		font-size: 85%;
		line-height: 1.5em;
		margin: 0 auto;
		text-align: center;
	}
	
		#print_header img {
			height: auto;
			width: 33.333%;
		}

	#content, #sidebar {
		clear: both;
		display: block;
		float: none;
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 5%;
		padding-bottom: 1em;
		width: 90%;
	}

}



/* LARGE SCREENS (content area over 1400 pixels) */
@media screen and (min-width: 1400px) {

	body {
		font-size: 120%;
		line-height: 1.5em;
	}
	
	input[type=button], input[type=submit], .button, .button:visited {
		padding: 5px 10px 3px 10px !important;
	}
	
	.entry-date { font-size: 85%; }
	
	.feature_events .events_list > li { font-size: 85%; }

	.feature_events .events_list > li a { padding: 0 40px; }

	#masthead { height: 180px; }
	
		#logo {
			background-image: url('images/logo_stacked_x2.png');
			background-size: 293px 133px;
			height: 133px;
			width: 293px;
		}
	
	#colophon { font-size: 85%; }
		
}



/* SMALLER COMPUTERS (content area under 1200 pixels) */
@media screen and (max-width: 1199px) {

	.feature_events .events_list > li { font-size: 80%; }
	
	#wrapper { width: 95%; }
	
}



/* TABLETS (content area under 1000 pixels) */
@media screen and (max-width: 999px) {

	.has_sidebar { width: 50%; }
	
	.entry-sidebar { width: 45%; }

	.feature_events .events_list > li { height: 15em; }
	
	.gallery li img { max-height: 200px; }
	
	.tile { width: 47%; }
	
	#wrapper { width: 100%; }

		#logo {
			background-image: url('images/logo_horiz_x2.png') !important;
			background-size: 240px 40px;
			height: 40px;
			width: 240px;
		}

		#auxiliary_navigation > * {
			display: block;
			margin: 0 0 0.5em 0;
		}
	
		#colophon .widget_text li {
			border-left: none;
			display: block;
			margin-left: 0;
			padding-left: 0;
		}

}



/* SMALL TABLETS (content area under 800 pixels) */
@media screen and (max-width: 799px) {
	
	body {
		font-size: 90%;
		line-height: 1.5em;
	}
	
	.has_sidebar, .entry-sidebar {
		clear: both;
		float: none;
		padding-bottom: 2.5em;
		width: 100%;
	}

	.gallery li img { max-height: 180px; }
	
	#masthead { height: 135px; }

}



/* PHONES (content area under 640 pixels) */
@media screen and (max-width: 639px) {

	.gallery li img { max-height: 140px; }
	
	table:not(.tribe-events-calendar) {
		overflow: hidden;
		table-layout: fixed;
	}
	
	table:not(.tribe-events-calendar) thead,
	table:not(.tribe-events-calendar) tbody
	{
		display: block;
		overflow: auto;
		width: auto;
	}

	.entry-date {
		background-size: 96px 64px;
		font-size: 80%;
		height: 64px;
		padding: 11px 16px;
		width: 96px;
	}

	.feature_events .events_list > li {
		display: block;
		height: 9em;
		margin: 0 0 1em 0;
		width: 100%;
	}
	
	.hero .caption {
		background: rgb(0,94,158);
		position: relative; bottom: 0;
	}
	
	.tile, .tiles_3 .tile, .tiles_3 .list {
		display: block;
		height: auto;
		margin: 1em 5%;
		width: 90%;
	}

	#wrapper { }

		#masthead {
			background: rgb(255,255,255);
			border-bottom: 1px solid rgba(0,0,0,0.1);
			height: 50px;
			position: fixed; top: 0; right: 0; left: 0;
			z-index: 8;
		}
		
		.admin-bar #masthead { top: 44px; }

			#logo {
				background-image: url('images/logo_horiz_x2.png') !important;
				background-size: 192px 32px;
				height: 32px;
				top: 0.35em; left: 3%;
				width: 192px;
			}

			#nav_wrapper {
				margin-right: -260px;
				position: absolute; top: 0; right: 0;
				width: 280px;
			}
	
			#nav_wrapper.open {
				background: rgb(0,94,158);
				margin-right: 0;
				overflow-y: scroll;
				position: fixed; top: 0; right: 0; bottom: 0; left: auto;
				transition: margin-right 400ms;
				z-index: 9;
			}
			
				#masthead .menu ul, #masthead .menu li {
					border: none !important;
				}
			
			.admin-bar #nav_wrapper.open { top: 44px; }

				#nav_wrapper .menu_handle {
					background: rgb(0,94,158);
					border-radius: 3px;
					color: rgb(255,255,255);
					cursor: pointer;
					display: block;
					font-family: 'proxima-nova', sans-serif;
					font-size: 85%;
					font-weight: bold;
					margin-right: 260px;
					padding: 0.25em 0.5em;
					position: absolute; top: 1em; right: 5%;
					text-transform: uppercase;
				}
				
				#nav_wrapper .menu_handle:hover { background: rgb(241,90,41); }
		
				#nav_wrapper.open .menu_handle {
					border-radius: 0;
					font-size: 170%;
					margin-right: 100%;
					top: 0.5em; right: auto; left: 0;
				}

				#nav_wrapper.open * {
					color: rgb(255,255,255);
					user-select: none;
				}

				#primary_navigation, #auxiliary_navigation { display: none; }
		
				.open #primary_navigation,
				.open #auxiliary_navigation
				{
					display: block;
					font-size: 100%;
					position: absolute; right: 1em; bottom: auto; left: 44px;
					text-align: left;
				}
		
				.open #auxiliary_navigation { top: 1em; }
		
				.open #primary_navigation {
					padding-bottom: 2em;
					top: 16em;
				}

				#nav_wrapper .menu li {
					display: block !important;
					margin: 0 !important;
					padding: 0 !important;
					position: relative !important;
					text-align: left !important;
				}
		
				#nav_wrapper .menu a, #nav_wrapper .menu *:hover a {
					background: transparent !important;
					margin-right: 44px;
					overflow: hidden;
					padding: 0.25em 0.5em !important;
				}
		
				#nav_wrapper .menu a:hover {
					background: rgb(241,90,41) !important;
					color: rgb(255,255,255);
				}
	
				#nav_wrapper .menu li > ul, #nav_wrapper .menu li:hover > ul { display: none !important; }
		
				#nav_wrapper .menu li.open > ul {
					border: none;
					display: block !important;
					padding-left: 15px;
					position: relative !important;
					top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
				}

			#nav_wrapper .subnav-toggle {
				background: transparent url('images/caret_down_x2.png') center 10px no-repeat;
				background-size: 22px 22px;
				cursor: pointer;
				display: inline-block;
				height: 32px;
				margin: 0;
				overflow: hidden;
				position: absolute; top: -0.5em; right: 0;
				width: 32px;
			}
		
			#nav_wrapper .open > .subnav-toggle { background-image: url('images/caret_up_x2.png'); }
		
		#page { padding-top: 50px; }
		
			#content, .has_sidebar, #sidebar {
				clear: both;
				display: block;
				float: none;
				font-size: 100%;
				line-height: 1.5em;
				margin: 0 5% !important;
				padding-bottom: 2.5em !important;
				width: 90% !important;
			}
			
			.tribe-events-content, .tribe_events #sidebar {
				margin: 0 !important;
				width: 100% !important;
			}
			
			.tribe_events #sidebar .widget { display: none; }
			.tribe_events #sidebar .widget.page_sidebar { display: block; }
			
			.tribe-bar-filters {
				height: 200px !important;
			}
	
			#tribe-events-pg-template {
				margin: 0 auto !important;
				max-width: 90% !important;
			}
					
		#colophon {
			background-image: none;
			padding-right: 5%;
		}
	
			#colophon .menu > li {
				display: block;
				margin-bottom: 1em !important;
			}

			#menu-social-media { position: relative; right: auto; }
			
				#menu-social-media li { margin: 0 0.5em 0 0 !important; }
		
	#wpadminbar { position: fixed !important; }
	
	#gtranslate_selector { color: #ffffff !important; }

}