/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
 */

/*--------------------------------------------------------------
# Site colors
----------------------------------------------------------------
	button hover									#2091e1 rgb(32, 145, 225)
  links blue										#0085ba 90% opacity for bgs
  :active light gray						#8f919e
  text color										#3a3a3a dark grey
  steel blue										#abb8c3 (icons, text on dark bgs, support sidebar, events btns)
  csp orange										#ec9143 or #ca892f
  csp red												#7d1616
  csp tan												#fff7dc (a light chiffon)
  partners section (blue)				#0069ed #679ad9 rgb 0 105 237
  csp custom darkteal bg				#12313d
  csp white on colors						#faf0e6 (linen)
  very light grey								#e5e5e5 (review border)

  GPtheme .main-nav links hover	#8f919e dark grey from theme (entry-title li a)
  guest artist btn blue					#0071a1
--------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Home page
	# Header full-width
		# Top bar
		# Main Navigation
		# Events
		# Bozza video animation
		# Mission Statement



--------------------------------------------------------------*/

body * {
 	font-family: 'Raleway', sans-serif;
}

/*--------------------------------------------------------------
# Header Desktop
--------------------------------------------------------------*/

.site-header {
 	max-width: 1400px;
 	margin: 0 auto;
}

/* Anniversary logo */
.main-title {
	background: url(images/10th-anniversary-logo2.png) no-repeat bottom;
	display: inline-block;
	padding-right: 350px;
}

.site-branding h1.main-title a, 
.site-branding p.main-title a {
	color: #7d1616;
	font-family: 'Crimson Text', serif;
	font-size: 1.2em;
	letter-spacing: -.02em;
}

.site-description {
	color: #ec9143;
	font-size: .85em;
	max-width: 525px;
}

.inside-header {
	padding: 0 40px 40px 40px;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.top-bar {
	background-color: white;
}

.top-bar .widget_nav_menu > div > ul {
	display: block;
}

.top-bar .widget_nav_menu > div > ul > li:last-child > a::after {
	content: "  Follow Us!";
	font-size: 15px;
	color: #3a3a3a;
}

.inside-top-bar {
	padding: 0;
	margin-top: -5px;
}

.menu-social-networks-container a {
	font-size: 25px;
}

.dashicons.dashicons-facebook {
	vertical-align: middle;
}

#menu-item-2115 {
	font-size: 20px;
}

.top-bar a {
	color: #0085ba!important;
}

.top-bar.grid-container.grid-parent {
    height: 30px;
}

/*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/

.menu-social-networks-container {
	padding: 10px;
}

#nav_menu-5 {
	padding: 0 40px;
	margin-top: 5px;
}

.main-navigation {
	padding-right: 40px;
}

.main-navigation .main-nav ul li a {
	color: #0085ba;
	text-transform: uppercase;
	font-size: 1.1em;
}

.dashicons.dashicons-admin-home {
	vertical-align: middle;
}

/*--------------------------------------------------------------
# Tribe Events
--------------------------------------------------------------*/

.upcoming-events-header {
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: solid 1px #12313d;
}

.tribe-events-title {
	font-weight: 300;
}

.tribe-events-title a:hover {
	color: #faf0e6;
}

/*--------------------------------------------------------------
# Tribe Events PRO
--------------------------------------------------------------*/

.tribe-events-first {
	max-width: 300px;
	margin: 0 20px;
	flex: 1;
}

.tribe-mini-calendar-event .list-info {
  display: flex;
   flex-direction: column; 
   flex-wrap: wrap;
  float: none; 
}

.list-info {
	background: #12313d; /* #12313d #abb8c3 */
}

.tribe-events-title {
	font-size: 25px;
	padding: 15px 15px 10px 15px;
	margin: 0;
}

.tribe-events-title,
.tribe-events-duration {
	color: linen;
	text-align: center;
}

.tribe-events-duration {
	padding: 0 15px 10px 15px;
}

div.event-tkts-btn {
  width: 100%;
  text-align: center;
  background: #abb8c3;
}

a.event-tkts-button {
	display: inline-block;
	padding: 15px 0;
	width: 100%;
	height: auto;
}

.tribe-events-widget-link {
	display: none !important;
}

/* Events sidebar */
aside.tribe-events-adv-list-widget div.type-tribe_events {
	margin-bottom: 20px;
}

/* All non-front-page events incldg sidebars */
.entry-content .csp-event-widget-container {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-around;
 	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# GoFundMe Button
# @todo needs rollover styling like Guest Artist buttons
--------------------------------------------------------------*/

.wp-block-button.aligncenter.is-style-squared a {
	border-radius: 4px;
}

/*--------------------------------------------------------------
# Missin Statement .mission-stmt
# @todo stars background
--------------------------------------------------------------*/

.group-mission-stmt {
	padding: 100px 0 30px;
	/*border: 5px solid magenta;*/
}
.mission-stmt {
	max-width: 1000px;
	margin: 0 auto 65px;
	line-height: 40px;/* 2.85em 57px */
	font-family: 'Crimson Text';
	/*font-size: 1.55em;*/
}
.entry-content > [class*="wp-block-"]:not(:last-child) {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Distinguished Guests UGB Block
# @todo needs mobile padding reduced
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Soundcloud Player / Newest Release Review 
# @todo Legende Review: reduce padding, margins re: mobile
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Bozza video animation, home page
# https://www.youtube.com/watch?v=zuVfxtooWHM&feature=emb_title
--------------------------------------------------------------*/

.wayne-wilson-video > .uagb-columns__inner-wrap.uagb-columns__columns-2 {
	flex-direction: column;
}

/*--------------------------------------------------------------
# Corporate Partners section
--------------------------------------------------------------*/

.gs_logo_area.grid1 {
	border-top: solid 1px #12313d;
	padding-top: 20px;
}

.gs_logo_container_grid {
	padding-left: 50px;
}



























/*--------------------------------------------------------------
# Static pages
--------------------------------------------------------------*/

figcaption {
	font-size: .75em;
}

.opening-para {
	font-size: 1.5rem;
}

/*--------------------------------------------------------------
# About pages Javier, Jean-Pierre
--------------------------------------------------------------*/
.cd-block {
	max-width: 800px;
	/*margin-left: 50px!important;*/
	padding-left: 50px;
	/*padding-top:30px;*/
	/*border: 3px dashed pink;*/
	/*margin: 100px auto!important;*/
}

/*--------------------------------------------------------------
# Contact page submit button
--------------------------------------------------------------*/

div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit] {
	color: #faf0e6;
  background-color: #0085ba; /* links blue */
  border-radius: 4px;
}
div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form input[type=submit]:active, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:active, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
	color: black;
}

/*--------------------------------------------------------------
# Sidebars
--------------------------------------------------------------*/

.address-sidebar p {
 	color: inherit;
}

/*--------------------------------------------------------------
# Support page sidebar
#
# @todo Maintain spreadsheet of donors & use SPL  
--------------------------------------------------------------*/

aside.widget_text > div.textwidget > h3 {
	border-bottom: solid #abb8c3 5px;
}

.tax-id {
	display: inline-block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
# Support donors
# try SPL, XML, Excel spreadsheet. 
# @link https://stackoverflow.com/questions/2351623/combining-css-pseudo-elements-after-the-last-child
--------------------------------------------------------------*/

.textwidget > ul li {
	font-size: 14px;
	display: inline;
}

.textwidget > ul li::after {
	content: ", ";
}

/* Should there be punctuation after end of names? */
.textwidget > ul li:last-child::after {
	content: ".";
}


/*--------------------------------------------------------------
# Testamonials Rotator (not using rotator)
--------------------------------------------------------------*/

.testimonial_rotator.testimonial_rotator_single.template-default.hreview.itemreviewed.item.cf-tr {
	color: #abb8c3;
}

.testimonial_rotator_quote {
	line-height: 2.2em;
}

.testimonial_rotator_wrap {
	box-shadow: -19px -22px 49px -19px rgba(0,0,0,0.1);
	border-top: .5px solid #e5e5e5;
	border-left: .5px solid #e5e5e5;
	padding: 30px 30px 0 30px;
}

/*--------------------------------------------------------------
# Posts
# @todo Needs styling
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer
# @todo Footer widget background same as footer--darkblue
--------------------------------------------------------------*/

.site-footer {
	background-color: #12313d;
}

.site-footer {
	padding: 40px;
}

.site-info {
	padding-bottom: 0;
	background-color: #12313d;
}

address p,
.tele {
	color: #faf0e6; /* csp white */
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Cookie Policy widget
# eu_cookie_law_widget-3
# eu-cookie-law input, #eu-cookie-law input:hover, #eu-cookie-law input:focus
--------------------------------------------------------------*/

#eu-cookie-law.negative input.accept:hover {
	background-color: rgba(0, 133, 186, .5);
}

aside #eu-cookie-law.negative {
	background-color: fff;!important!
}

#eu-cookie-law.negative input.accept,
#eu-cookie-law.negative input.accept:focus,
#eu-cookie-law.negative input.accept:active {
 	background-color: #0085ba;!important!
 	color: rgba(0, 133, 186, 1.0);!important!
}

/*--------------------------------------------------------------
# Mobile breakpoints (320px)
# .mission-stmt
--------------------------------------------------------------*/
@media screen and ( min-width: 320px ) {
 	.mission-stmt {
 		font-size: calc(20px + 6 * ((100vw - 320px) / 1080));
 		line-height: calc(35px + 50 * ((100vw - 320px) / 1080));
 	}
}
/*--------------------------------------------------------------
# Mobile breakpoints (1400px)
--------------------------------------------------------------*/
@media screen and ( min-width: 1400px ) {
	.mission-stmt {
		font-size: 26px;
		line-height: 85px;
	}
}

@media (max-width: 768px) {
	/*--------------------------------------------------------------
	## Mobile Header
	--------------------------------------------------------------*/
	div.inside-header {
		padding: .5em 1em;
	}
	p.main-title {
	background: none;
	}

	div.site-branding,
	p.main-title {
		padding: 0 0 .5em 0;
		/*padding-top: 0;*/
	}
	p.site-description {
		max-width: 100%;
	}

	/*--------------------------------------------------------------
	## Mobile
	## Main Navigation
	--------------------------------------------------------------*/
	#site-navigation {
		padding-right: 0;
	}
	/*--------------------------------------------------------------
	## Mobile
	## Content Area
	--------------------------------------------------------------*/
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container {
		padding: 1em;
	}

	/*--------------------------------------------------------------
	## Mobile Upcoming Events
	--------------------------------------------------------------*/
	div.type-tribe_events,
	div.csp-event-widget-container {
		margin-right: 5px;
		flex:auto;
		flex-wrap: wrap;
		max-width: 100%!important;
	}
}
/* End all Mobile Styles */