/*
 Theme Name:   Dance Chicago Child
 Theme URI:    http://example.com/dance-chicago-child
 Description:  Dance Chicago Child Theme
 Author:       Scott Kauffman
 Author URI:   http://example.com
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  winter-solstice-child
*/

.custom-logo { background: rgba(255,255,255,0.9); }

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0%;
	width: 100%;
	 background-position: 0% -10%; 
}

.site-branding { }

#main {}

#main a { color: white; }

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(255, 255, 255, 1);
}

.site-content, .entry-content, .entry-header {
    background: #222126; color: #fff; }

h2, .home.blog .entry-title { color: #fff; } 

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title, .site-main .entry-header .entry-title, h1.entry-title {
	color: #fff;
	
}

h2.meta-title, h2.datetime {
	color: #fff;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

article { margin-bottom: 8% }

.paypal { margin-top: -80px; padding-top: 0; }


.wrap {
max-width: 1145px;
padding-left: 3em;
padding-right: 3em;
}


*** 2nd — increase  left side content section width ***

#primary {
width: 70% !important;
}

*** 3rd — decrease  right sidebar width ***

.has-sidebar #secondary {
width: 26% !important;
}

.navigation-top a { color: #BF1E2E; }

.subtitle { text-transform: uppercase; font-size: 0.8em; margin: 0 0 3% 0; }

.post-thumbnail { float: left; display: block; width: 35%; height: auto; }

.description { float: left; display: block; width: 58%; margin: 0 3%; }

.datetime, .button { float: left; display: block; width: 99%; padding: 2% 0.5%; font-weight: bold; }

.button { transition: background-color 0.5s ease; background-color: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #fff; text-align: center; margin: 1% 0% 4% 0;}

.button:hover { background-color: #161323; } 

h2.widget-title { color: #bf1e2d; }

#colophon {
background-image: url(images/spiration.png);
}

/* Artist Submission Form Styles

span.file_title_clean { display:none!important; }


*/


#gform_1, #gform_5, .gform_title, .gfield_label, #gform_1 label, #gform_5 label { color: #ffffff; }

#gform_1 li, #gform_5 li { margin-top: 6%; }

#gform_1 .button, #gform_5 .button { border: 1px solid #fff; background-color: #221E35; transition: background-color 0.5s ease; }

#gform_1 .button:hover, #gform_5 .button:hover { background-color: black; }


/* Survey Styles */

#quizForm1, #quizForm1 label, #quizForm1 .mlw_qmn_message_before { color: white!important; }

#gform_3 label, #gform_3 .gform_title { color: white!important; }

#gform_3 .gform_fields > li { margin: 30px 0; }

#gform_3 .gform_fields > li ul > li { margin: 20px 0; }

#gform_3 .gform_fields .gfield_html, #gform_3 .gform_fields > li { padding: 3%; background-color: rgba(0,0,0,0.1); }

#gform_3 .gform_fields .gfield_html, #gform_3 .gform_fields .gsection { border: none; }

#gform_3 h1 { font-size: 1.2em; line-height: 1.3em; }

#gform_3 h2 { font-size: 1.8em; line-height: 2em!important; }


/* Media Queries */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 520px)
   and (-webkit-device-pixel-ratio: 2) { 
   
.site-content a[href^=tel] { color: white; text-decoration: underline; }

.post-thumbnail { text-align: center; }

.post-thumbnail, .description { float: none; width: 100%; } 

.description { margin: 0 1%; }

.datetime, .button { width: 98%; padding: 5% 1%; }

.button { margin: 1% 0% 8% 0; }

}