/*
Customizations to r3417 theme

Colors:

Blue (Adjusted):	#005e9e		rgb(0,94,158);
Orange:				#f15a29		rgb(241,90,41);
Yellow:				#f4cc13		rgb(244,204,19);
Cyan (Adjusted):	#12bdbd		rgb(18,189,189);
Silver:				#a7a9ac		rgb(167,169,172);
Off White:			#e2e3e4		rgb(226,227,228);
REALLY Off White:	#fcfcfc		rgb(252,252,252);

CORRECTED COLORS ADDED 2021.05.13

Blue				#00486f
Cyan				#29bdbc

Old site navigation:

Who We Are
	About VocalEssence
	Performing Ensembles
	Staff
	Board of Directors
		VocalEssence ¡Cantaré! Advisory Council
		VocalEssence WITNESS Advisory Council
	Advancing Inclusion, Access, and Equity
What We Do
	Why Sing?
	Concerts and Events
	Virtual Projects
	Learning and Engagement Programs
	Contests and Awards
	Commissioning and Recording
	Accessibility
Stories & Results
	#vesotashareshope
	COVID-19 Updates
	Elder Learning
	For Music Professionals
	GPS & Friends
	In the Community
	Inclusion Access and Equity
	Musical Moments
	Performing Ensembles
	Podcast
	Schools & Education
	Take 5 with GPS
	Together We Sing
Get Involved
	Donate
		Fundraising Events
	Engage a Choir
	Sing with Us
	Volunteer
	Join the Board
	Work at VocalEssence


*/

@import url('tribe-events.css?v=20241219-0945');


/* STANDARD HTML */

body.custom-background {
	background: rgb(226,227,228) url('../img/bg_tile_25pct_x2.png') 25% top repeat fixed !important;
	background-size: 33px 286px !important;
}

body * { font-family: Georgia, serif; }

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
#header *, #footer *, blockquote, form *
{
	font-family: proxima-nova, sans-serif;
	font-weight: 300 !important;
}

h1 { font-size: 225%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 125%; }
h5, h6 { font-size: 100%; }

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

.content.entry-content h3:not(:first-child) {
	margin-top: 2rem;
}

h1, h2 {
	text-transform: uppercase;
}

blockquote {
	border-left: 5px solid rgba(0,0,0,0.1);
}


/* CUSTOM CSS CLASSES */

.button, a.button, input[type=submit], #tribe-events .tribe-events-button, .tribe-events-button {
	font-family: proxima-nova, sans-serif;
	font-weight: 600 !important;
}

#page .button, #page a.button, #page input[type=submit], #page #tribe-events .tribe-events-button, #page .tribe-events-button {
	border: 2px solid rgba(0,0,0,0.2) !important;
	border-radius: 4px !important;
}


.entry-content a { font-weight: bold; }

.expander .toggle, #section_navigation .sub-menu li.menu-item-has-children:before, body.nav_open #header .menu li.menu-item-has-children:before {
	background-image: url('../img/toggle_closed.svg');
}
.expander.open .toggle, #section_navigation .sub-menu li.menu-item-has-children.open:before {
	background-image: url('../img/toggle_open.svg');
}

.gallery .gallery-caption {
	white-space: initial !important;
}

table.grid {
	font-size: 85%;
}

table.grid, table.grid * {
	font-family: 'proxima-nova', sans-serif !important;
}

.iframe_wrapper { background: #fcfcfc; }

.lead-in * {
	font-family: 'proxima-nova', sans-serif;
}

.lead-in p {
	font-size: 120%;
	font-weight: 200;
	line-height: 1.3em;
}

/*#header .menu > li.group-page { display: none; }*/

.pagination_header, .pagination_links, .pagination_header *, .pagination_links *, .pagination_links + .download, .pagination_links + .download * {
	font-family: 'proxima-nova', sans-serif;
}

.pressreleases .results > .pressrelease {
	margin-bottom: 1.5em;
}

.readmore {
	font-family: 'proxima-nova', sans-serif;
	text-transform: none;
}

#r3417-loop-container .results .entry-header .entry-meta,
body.single-post .entry-header .entry-meta,
body.single-post article.entry-content > .entry-meta:first-child
{
	background: #29bdbc url('../img/curly_frame_offwhite_hires.png') center center no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	display: block !important;
	float: left;
	font-family: 'proxima-nova', sans-serif !important;
	font-weight: bold;
	margin: 0.5em 1.5em 0.5em 0 !important;
	padding: 0.5em 1.5em !important;
	text-align: center;
	width: 120px;
}

#r3417-loop-container .results .entry-header .entry-meta *,
body.single-post .entry-header .entry-meta *,
body.single-post article.entry-content > .entry-meta:first-child *
{
	font-family: 'proxima-nova', sans-serif !important;
}

#r3417-loop-container .results .entry-header .entry-meta span,
body.single-post .entry-header .entry-meta span,
body.single-post article.entry-content > .entry-meta:first-child span
{
	display: block;
	text-transform: uppercase;
}
#r3417-loop-container .results .entry-header .entry-meta span:first-child,
body.single-post .entry-header .entry-meta span:first-child,
body.single-post article.entry-content > .entry-meta:first-child span:first-child
{
	font-size: 100%;
}
#r3417-loop-container .results .entry-header .entry-meta span:nth-child(2),
body.single-post .entry-header .entry-meta span:nth-child(2),
body.single-post article.entry-content > .entry-meta:first-child span:nth-child(2)
{
	font-size: 275%;
	line-height: 0.8em;
}
#r3417-loop-container .results .entry-header .entry-meta span:last-child,
body.single-post .entry-header .entry-meta span:last-child,
body.single-post article.entry-content > .entry-meta:first-child span:last-child
{
	font-size: 120%;
}

#r3417-loop-container .results .content.basic.entry-meta,
body.single-post article.entry-content .content.basic.entry-meta
{
	clear: both;
}

#r3417-loop-container .results .content.basic.entry-meta > div,
body.single-post article.entry-content + .content.basic.entry-meta > div
{
	background: #f2f3f4 !important;
	padding: 0.333em 0.667em !important;
}

	#r3417-loop-container .results .content.basic.entry-meta a,
	#r3417-loop-container .results .content.basic.entry-meta a:visited,
	body.single-post article.entry-content + .content.basic.entry-meta a,
	body.single-post article.entry-content + .content.basic.entry-meta a:visited
	{
		color: #00486f !important;
		font-weight: bold;
	}

	#r3417-loop-container .results .content.basic.entry-meta a:hover,
	body.single-post article.entry-content + .content.basic.entry-meta a:hover
	{
		color: #f15a29 !important;
	}

.recordings ul {
	list-style: none !important;
	padding-left: 0 !important;
}

.recordings li {
	clear: both !important;
}

.share.shortcode h4 { display: none !important; }

.share.shortcode li, .share.shortcode li:hover {
	background: transparent !important;
	border: 0 !important;
	height: 32px !important;
	width: 33px !important;
	margin-right: 0.5em !important;
	padding: 0 !important;
}

.share.shortcode a {
	background-color: #00486f;
	background-image: url('/wp-content/themes/r3417/images/ui/social_sprites_x2.png');
	border: none;
	border-radius: 4px !important;
	height: 32px !important;
	width: 33px !important;
}
.share.shortcode a:hover {
	background-color: #f15a29;
}
.share.shortcode a[href*=facebook] { background-position: 0px 0px; }
.share.shortcode a[href*=twitter] { background-position: -39px 0px; }
.share.shortcode a[href*=mailto] { background-position: -440px 0px; }

.single-recording .entry-thumbnail {
	float: right;
	margin: 0 0 1.5em 1.5em;
	max-width: 40%;
}

#contact .social_media_links:not(.text) {
	margin-right: 1.5rem;
	margin-bottom: 0.5rem !important;
}

.social_media_links:not(.text) a, .social_media_links:not(.text) a:visited {
	background-color: #29bdbc !important;
	width: 32px !important;
}
.social_media_links:not(.text) a:hover {
	background-color: #f15a29 !important;
}

.tile .image {
	filter: grayscale(100%);
	transition: filter 0.25s ease;
}
.tile:hover .image {
	filter: none;
}

.tile .text h3.title {
	font-family: Georgia, serif;
	font-size: 100%;
	margin-bottom: 1.5rem !important;
	min-height: 0 !important;
	text-transform: none;
}

.tile .text .description {
	font-size: 85%;
	line-height: 1.5em;
}

.tile h3.reversed_color_bar {
	background: #00486f;
	color: #ffffff;
	font-size: 100%;
	margin: -1.5rem -1.5rem 1rem -1.5rem;
	padding: 0.5rem 1.5rem 0.333rem 1.5rem;
}

body.home .tiles.stacked .tile .text .entry-meta {
	font-family: 'proxima-nova', sans-serif !important;
	font-size: 75%;
	text-transform: uppercase;
}

	body.home .tiles.stacked .tile .text .entry-meta a {
		border-bottom: none !important;
		font-family: 'proxima-nova', sans-serif !important;
		font-weight: normal !important;
	}
	
	body.home .tiles.stacked .tile .text .entry-meta .sep, body.home .tiles.stacked .tile .text .entry-meta .categories a:nth-child(n+2) { display: none !important; }

#modular_sidebar .ve-buy-tickets {
	font-size: 165% !important;
	margin-right: -1.5rem;
	text-align: right;
}

	#modular_sidebar .ve-buy-tickets * {
		font-family: 'proxima-nova', sans-serif;
	}
	
	#modular_sidebar .ve-buy-tickets .button { margin-right: 0 !important; }

.ve_events_sidebar_wrapper {
	background: #f2f3f4;
	margin-right: -1.5rem;
	margin-left: -1.5rem;
	overflow-x: hidden;
	padding: 1.5rem;
}

.ve_legacy_gallery {
	clear: both;
	display: block;
	margin: 1.5em 0;
}

	.ve_legacy_gallery ul {
		list-style: none;
		padding: 0;
	}
	
		.ve_legacy_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%;
		}
		
		.ve_legacy_gallery li img {
			height: auto;
			max-height: 240px;
			max-width: none;
			position: relative; left: 50%; transform: translateX(-50%);
			width: auto;
		}
				
	.ve_legacy_gallery .gallery-footer {
		font-size: 85%;
		font-style: italic;
		line-height: 1.5em;
	}


iframe.video, iframe[src*=youtu], iframe[src*=vimeo], iframe[src*=video], .wp-video, .mejs-controls {
	border-radius: 0;
}



/* DOM ELEMENTS */

#header { border-bottom: 1px solid rgba(0,0,0,0.1); !important; }

#header * { font-weight: 300 !important; }

#auxiliary_navigation { font-size: 90%; }
#auxiliary_navigation a { text-transform: uppercase; }

/* Default elements for user account creation/confirmation screens */
#content.widecolumn {
	background: #fcfcfc;
	padding-top: 6rem; padding-bottom: 6rem;
}
#content.widecolumn span.h3 {
	font-family: inherit !important;
	font-size: 100% !important;
	padding-left: 0 !important;
}

#repertoire_search { font-size: 90%; }

	#repertoire_search .input {
		margin: 0 0 0.25rem 0;
	}

	#repertoire_search label {
		display: inline-block;
		text-align: right;
		padding-right: 0.5rem;
		vertical-align: top;
		width: 25%;
	}

	#repertoire_search input[type=text] { width: 50%; }
	#repertoire_search input[type=text].short { width: 20%; }

	#repertoire_search .checkbox_group {
		display: inline-block;
		margin-top: 0.25em;
		max-width: 50%;
	}

	#repertoire_search .actions {
		margin: 0.5rem 0 0 25%;
	}

#modular_sidebar, #modular_sidebar .widget, #section_navigation .menu > li li {
	font-size: 14px;
}

#modular_sidebar .widget:not(:first-child), #modular_sidebar > #section_navigation:not(:first-child), #modular_sidebar > h2:not(:first-child) {
	margin-top: 1.5em;
}

#modular_sidebar h2, #modular_sidebar .widget h2, #modular_sidebar .widget .widgettitle, #section_navigation .menu > li > a {
	color: #f15a29;
	font-family: 'proxima-nova', sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin-top: 0;
	text-transform: uppercase;
}

#section_navigation ul {
	margin-bottom: 0 !important;
}

#section_navigation .menu > li > a + ul {
	margin-top: 0.4em !important;
}

#section_navigation .sub-menu li.current-menu-item > a, #modular_sidebar .sub-menu li.current-menu-item > a {
	color: #f15a29 !important;
}

#modular_sidebar .widget ul { padding: 0; }

#modular_sidebar .widget .post-date {
	color: #a7a9ac;
	font-family: 'proxima-nova', sans-serif;
	font-weight: normal;
	margin: 0.5em 0;
}

#footer .menu > li > a { font-weight: 600 !important; }

.copyright #footer_legal {
	margin-left: 1.5em !important;
	position: relative; top: -1px !important;
}


/* PLUGINS */

.gform_wrapper .gfield_password_strength {
	font-size: 80%;
	margin: 0 0 0.5em 0 !important;
	padding: 0 !important;
	width: 25%;
}

select#gtranslate_selector, select#gtranslate_selector:focus {
	background: transparent !important;
	border: none !important;
	padding: 0 0 0 15px;
}

#gtranslate_wrapper {
	bottom: 0 !important;
	padding: 0 0.75rem !important;
	right: 1rem !important;
}

	#gtranslate_wrapper .gglobe {
		background: #ffffff url('../img/icon-translate.png') center center no-repeat;
		background-size: 32px;
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 0;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom: none;
		box-shadow: 0 0 2px rgba(0,0,0,0.25);
		opacity: 1;
		transition: all 0.25s ease;
		transform-origin: 50% 100%;
	}
	
	#gtranslate_wrapper .gglobe:hover {
		box-shadow: 0 0 4px rgba(0,0,0,0.333);
	}

	#gtranslate_wrapper * {
		font-family: 'proxima-nova', sans-serif !important;
	}
	
/* The Events Calendar */

body.tribe-events-page-template #page { background: white !important; }
	
.tribe-bar-filters *, #tribe-bar-form * {
	font-family: 'proxima-nova', sans-serif !important;
}

	.tribe-bar-submit { padding-top: 22px; }
	
	#tribe-bar-form .tribe-bar-submit input[type=submit] {
		font-size: 85%;
		width: auto;
	}

	.tribe-bar-views-toggle {
		background: transparent !important;
		border: none !important;
	}

#tribe-events-pg-template .tribe-events-content h1, .tribe-events-after-html h1, .tribe-events-before-html h1 { font-size: 225% !important; }
#tribe-events-pg-template .tribe-events-content h2, .tribe-events-after-html h2, .tribe-events-before-html h2 { font-size: 150% !important; }
#tribe-events-pg-template .tribe-events-content h3, .tribe-events-after-html h3, .tribe-events-before-html h3 { font-size: 140% !important; }
#tribe-events-pg-template .tribe-events-content h4, .tribe-events-after-html h4, .tribe-events-before-html h4 { font-size: 125% !important; }
#tribe-events-pg-template .tribe-events-content h5, .tribe-events-after-html h5, .tribe-events-before-html h5 { font-size: 100% !important; }
#tribe-events-pg-template .tribe-events-content h6, .tribe-events-after-html h6, .tribe-events-before-html h6 { font-size: 100% !important; }

.tribe-events-list-separator-month {
	background: #00486f;
	color: #ffffff;
	font-size: 140%;
	font-weight: bold !important;
	padding: 0.5rem 1rem;
	text-transform: none !important;
}

#tribe-events-pg-template {
	background: #fcfcfc;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

body.single #tribe-events-pg-template, body.single #tribe-events {
	padding: 0 !important;
}

#tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p {
	margin: 1.5em 0;
}

.tribe-events-list-widget .tribe-events-list-widget-events { padding: 0 !important; }

.tribe-events-list-widget .tribe-events-list-widget-events { clear: both; }

.tribe-events-list-widget .tribe-events-list-widget-events .entry-title {
	float: right;
	width: calc(100% - 90px);
}

.tribe-events-list-widget .tribe-events-list-widget-events .duration {
	float: left;
	width: 80px;
}

h1.tribe-events-single-event-title + h3 {
	margin-top: 0.75rem !important;
}


/* CSS3 MEDIA QUERIES */


/* NON-PHONE NAVIGATION (content area over 783 pixels) */
@media screen and (min-width: 783px) {

	#header #primary_navigation ul.menu > li > ul { font-size: 75% !important; }

	#header #primary_navigation ul.menu ul a { font-family: Georgia, serif !important; }
	
	/* Handling for rare cases (generally admins only) where aux nav gets really long */
	/* @todo Make this a dropdown instead of this wonky workaround! */
	#auxiliary_navigation > div {
		max-width: 40em;
		min-width: 40em;
		overflow-x: auto;
		text-align: right;
		white-space: nowrap;
	}
	#header #auxiliary_navigation form.search {
		margin-top: 5px;
		vertical-align: top;
	}

	#footer {
		background-image: url('../img/largev_orange.png');
		background-position: right -20px bottom 90px;
		background-repeat: no-repeat;
		background-size: 450px;
	}

}
@media screen and (min-width: 1200px) { #auxiliary_navigation > div { max-width: 50em; } }
@media screen and (min-width: 1600px) { #auxiliary_navigation > div { max-width: 60em; } }


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

	body { font-size: 135%; }

	#modular_sidebar, #modular_sidebar .widget, #section_navigation .menu > li li { font-size: 18px; }

	#modular_sidebar h2, #modular_sidebar .widget h2, #modular_sidebar .widget .widgettitle, #section_navigation .menu > li > a { font-size: 28px; }

	#r3417-loop-container .results .entry-header .entry-meta,
	body.single-post .entry-header .entry-meta,
	body.single-post article.entry-content > .entry-meta:first-child
	{
		width: 150px;
	}

}


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

	#modular_sidebar .ve-buy-tickets {
		font-size: 125% !important;
	}

}
@media screen and (max-width: 1200px) and (min-width: 783px) {

}


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

	#modular_sidebar .ve-buy-tickets {
		font-size: 100% !important;
	}

}


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

	select#gtranslate_selector, select#gtranslate_selector:focus {
		margin-left: 24px;
	}
	
	.tribe-events-sub-nav li a { background: transparent !important; }
	
	.tribe-events-loop .tribe-events-event-meta, .tribe-events-list .time-details, .tribe-events-list .tribe-event-schedule-details, .tribe-events-list .tribe-events-venue-details {
		background: transparent !important;
		border: none !important;
		margin: 0.5rem 0 0 0 !important;
		padding: 0 !important;
	}

	.widget.ve-buy-tickets {
		font-size: 1rem !important;
		margin: 1.5rem 1.5rem 0 0;
		text-align: left;
	}
	
	#gtranslate_wrapper {
		max-width: calc(125% - 1rem) !important;
		min-width: calc(125% - 1rem) !important;
		opacity: 1;
		right: 0.5rem !important; left: auto !important;
		text-align: center;
		transform: scale(0.8);
		transform-origin: 100% 100%;
		white-space: nowrap;
		width: calc(125% - 1rem) !important;
	}
	
	#contact .locations, #contact #footer_legal {
		margin: 1rem 0 !important;
	}

}