/*
Theme Name: ChelseaWolfe - Birth of Violence
Theme URI: http://www.chelseawolfe.net
Author: Jeremy Schuler 
				Designer, Developer
Author URI: http://jeremyschuler.com/
Description: Custom Gutenberg comptabile theme for the 2019 release of Chelsea Wolfe's Birth of Violence album
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chelseawolfe-birth-of-violence
Tags: translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

chelseawolfe-birth-of-violence is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
		Last Updated Log
			10.03.20
			05.01.20
			10.03.19
----------------------------------------------------------------
1.0  # Normalize 8.0.1
2.0  # Typography
3.0  # Elements
4.0  # Forms
5.0  # Navigation
    ## Links
    ## Menus
6.0  # Accessibility
7.0  # Alignments
8.0  # Widgets
9.0 # Content
		## CSS Grid
    ## Posts and pages
    ## Comments
10.0 # Media
    ## Captions
    ## Galleries
11.0 # Author Styles
    ## Typography
    ## Content
    ## Page Templates
    ## Blog
12.0 # Components
    ## Gutenberg
13.0 # Plugins, Overrides
14.0 # Media Queries
--------------------------------------------------------------*/

/* ==========================================================================
	 1.0 # normalize.css v8.0.1
   MIT License | https://github.com/necolas/normalize.css
   ========================================================================== */
/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* ==========================================================================
	 2.0 # Typography
   ========================================================================== */
body,button,input,optgroup,select,textarea{font-family:sans-serif;font-size:16px;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}cite,dfn,em,i{font-style:italic}blockquote,blockquote p{font-size:1.333rem;font-family:sans-serif;color:#efefef}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}

/*
 *	WebFont Package Licensed to Ben Chisholm
 *  https://thedesignersfoundry.com/
*/

/* To Self Host Fonts use: 
@font-face {
	font-family: Sorts Mill Goudy;
	src:	url('assets/fonts/eot/hinted-OptimumCompress-Normal.eot'); /
	src:	url('assets/fonts/eot/hinted-OptimumCompress-Normal.eot?#iefix') format('embedded-opentype'), 
			url('assets/fonts/woff2/Sorts Mill Goudy.woff2') format('woff2'), 
			url('assets/fonts/woff/hinted-OptimumCompress-Normal.woff') format('woff'); 
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
*/

.button { font-size: 12px; line-height: 1.5; text-align: center; text-decoration: none; }

/* ==========================================================================
   3.0 # Elements
   ========================================================================== */
html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}a,li{outline:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}

/* ==========================================================================
   4.0 # Forms
   ========================================================================== */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb; outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	padding: 3px; color: #666;
	border: 1px solid #ccc; border-radius: 0; box-shadow: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select { border: 1px solid #ccc; }
select:focus { color: #000; box-shadow: none; }

textarea { width: 100%; }

input::-webkit-input-placeholder { color: #666; }
input::-moz-placeholder { color: #666; }
input:-ms-input-placeholder { color: #666; }
input:-moz-placeholder { color: #666; }

textarea::-webkit-input-placeholder { color: #666; }
textarea::-moz-placeholder { color: #666; }
textarea:-ms-input-placeholder { color: #666; }
textarea:-moz-placeholder { color: #666; }

textarea::-webkit-input-placeholder:focus { color: #ccc; }
textarea::-moz-placeholder:focus { color: #ccc; }
textarea:-ms-input-placeholder:focus { color: #ccc; }
textarea:-moz-placeholder:focus { color: #ccc; }

/* ==========================================================================
   5.0 # Navigation
   ========================================================================== */
   
/* --------------------------------------------------------------------------
	 ## Links
   -------------------------------------------------------------------------- */
a { color: #121212; text-decoration: none; }

a:hover, 
a:focus, 
a:active {
	color: #121212;
}

a:hover, 
a:active,
a:focus {
	outline: 0;
}
  
.button { display: block; padding: 10px; min-width: 140px; min-height: 40px; background-color: #8b403f; color: #fff; border: 1px solid transparent; }
.button:hover { background: none; color: #fff; border-color: #8b403f; }
.button.ghost { color: #121212; border: 1px solid #121212; background: none; }
.button.ghost:hover { background: #121212; color: #fff; }

/* --------------------------------------------------------------------------
	 ## Menus
   -------------------------------------------------------------------------- */
/* Main Menu */
.main-navigation ul { position: relative; margin: 0; padding: 0; list-style: none; }

.main-navigation ul ul {
	float: left; position: absolute; top: 0; left: -999em; z-index: 99999;
	margin-top: 45px; padding-top: 10px; padding-bottom: 0; background: #FCFCFC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul:before { position: absolute; top: -22px; display: inline-block; color: #FCFCFC;
	font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
	font-size: 36px; content: '\f0de'; font-family: 'Font Awesome 5 Free', sans-serif; font-weight: 900; 
}

.main-navigation ul ul li { width: 100%; margin-bottom: 5px; padding: 0 4% 5px; border-bottom: 1px solid #efefef; overflow: hidden; }
.main-navigation ul ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
.main-navigation ul ul li a { color: #5D5D5D; text-align: left; }

.main-navigation ul ul ul { top: 0; left: -999em; }
 
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul a { padding-top: 5px; padding-bottom: 10px; color: #505050; 
  transition: opacity .35s;
  -webkit-transition: opacity .35s;
}
.main-navigation ul ul a { width: 200px; padding-top: 0; padding-bottom: 0; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li { position: relative; display: inline-block; padding: 5px 10px 0 10px; }
.main-navigation li:last-child { padding-right: 0; }

.main-navigation a { display: block; text-decoration: none; }
a.custom-logo-link { height: max-content; }

/* Responsive Menu */
.main-navigation.toggled ul { display: block; }

.menu-toggle i { color: #505050; }

/* Single Post Navigation */
.site-main .comment-navigation, 
.site-main .post-navigation,
.site-main .posts-navigation {
  width: 770px; max-width: 100%; margin: 0 auto 1.5em; overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* ScrollTo Menu */
.logged-in .scroll-navigation.fixed { top: 32px; }

.scroll-navigation { width: 100%; }
.scroll-navigation.fixed { position: fixed; top: 0; border-bottom: 1px solid #9f9f9f; }
.scroll-navigation ul { margin: 0; padding: 0 0 0 10px; list-style: none; background: #7D7D7D; }
.scroll-navigation li { display: inline-block; padding: 5px 10px; }
.scroll-navigation a { color: #fff; outline: 0; }

/* ==========================================================================
   6.0 # Accessibility
   ========================================================================== */
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    position: absolute!important;
    height: 1px; width: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible { visibility: hidden; }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/* ==========================================================================
   7.0 # Alignments
   ========================================================================== */
.alignleft { float: left; display: inline; margin-right: 1.5em; }
.alignright { float: right; display: inline; margin-left: 1.5em; }

.aligncenter,
.grid-container .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
  8.0 # Widgets
   ========================================================================== */
.widget { display: inline-block; width: 100%; margin: 30px 0;
	/* Make sure select elements fit in widgets. */
}
.widget:first-child { margin-top: 0; }

.widget ul { margin-bottom: 0; }
.widget ul li a { color: #717171; }
.widget select { max-width: 100%; }

/* ==========================================================================
   9.0 # Content
   ========================================================================== */
/* --------------------------------------------------------------------------
	 ## Flexbox
   -------------------------------------------------------------------------- */
/* Navigation */
.site-header { grid-area: nav; }
.site-main { grid-area: content; }
.site-footer { grid-area: footer; }
 
/* --------------------------------------------------------------------------
	 ## Posts and pages
   -------------------------------------------------------------------------- */
.sticky { display: block; }

.updated:not(.published) { display: none; }

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0; clear: both;
}

.entry-content p:last-of-type { margin-bottom: 0; }

.page-links { margin: 0 0 1.5em; clear: both; }

/* --------------------------------------------------------------------------
	 ## Comments
   -------------------------------------------------------------------------- */
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }

/* ==========================================================================
   10.0 # Media
   ========================================================================== */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* --------------------------------------------------------------------------
	 ## Captions
   -------------------------------------------------------------------------- */
.wp-caption { max-width: 100%; margin-bottom: 1.5em; }
.wp-caption img[class*="wp-image-"] { display: block; margin-right: auto; margin-left: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.wp-caption-text { text-align: center; }

/* --------------------------------------------------------------------------
	 ## Galleries
   -------------------------------------------------------------------------- */
.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; width: 100%; text-align: center; vertical-align: top; }

.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/* ==========================================================================
   11.0 # Author Styles
   ========================================================================== */
   
/* --------------------------------------------------------------------------
	 ## Typography
   -------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	width: 100%; font-weight: 600; line-height: 1; text-transform: uppercase;
	font-family: 'Sorts Mill Goudy', serif;
}

h1 { font-size: 44px; letter-spacing: 2px; line-height: 1.3; }
h2 { font-size: 36px; letter-spacing: 1px; line-height: 1.3; }
h3 { font-size: 30px; letter-spacing: 1px; line-height: 1.3; }
h4 { font-size: 24px; letter-spacing: 1px; line-height: 1.2; }
h5,
h6 {
	font-size: 21px; line-height: 1;
}

p { font-size: 16px; letter-spacing: .5px; }

a,
p,
img,
span,
input,
textarea,
select {
	font-family: 'Sorts Mill Goudy', serif; 
}

a { text-decoration: none; }
p a { text-decoration: underline; }

.button { font-family: 'Sorts Mill Goudy', serif; text-transform: uppercase; }
.button.view-all { font-size: 14px; }
.menu-toggle { font-size: 14px; font-family: 'Sorts Mill Goudy'; text-transform: uppercase; }
.menu-toggle i { font-size: 28px; }
.main-navigation ul ul li a { text-transform: capitalize; }

.site-title { text-transform: uppercase; }
.site-title a { font-size: 16px; }

li.menu-item-has-children a::after { font-family: 'Font Awesome 5 Free', sans-serif; content: '\f107'; font-weight: 900; }

ul.social i { font-size: 18px; }

#colophon { text-align: right; }
#colophon a { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
.site-info a { font-size: 10px; text-transform: capitalize; }
.copyright { font-size: 12px; }

#itunes i,
#spotify i {
  font-size: 27px;
}

.page-title,
.blog article, 
.archive article, 
.blog .page-title,
.page .entry-title { 
  text-align: center; 
}

.blog .entry-title,
.single-post .entry-title,
.archive h1.entry-title,
.category h1.entry-title  { 
  font-size: 30px; line-height: 1.2; 
}

.cat-links,
.tags-links {
    font-size: 14px;
}

.nav-links a,
.cat-links a,
.tags-links a,
.comments-link a { 
	font-size: 14px; font-weight: 400; text-transform: uppercase;
}

article .entry-header a { font-family: 'Sorts Mill Goudy'; }

.archive article .entry-content h1,
.archive article .entry-content h2,
.archive article .entry-content h3,
.archive article .entry-content h4,
.archive article .entry-content h5,
.archive article .entry-content h6 {
	text-transform: capitalize; 
}

.archive article .entry-content h1, 
.archive article .entry-content h2 { 
	font-size: 30px; 
}
.archive article .entry-content h3 { font-size: 24px; }
.archive article .entry-content h4 { font-size: 21px; }
.archive article .entry-content h5,
.archive article .entry-content h6 {
	font-size: 18px;
}

/* --------------------------------------------------------------------------
	 ## Content
   -------------------------------------------------------------------------- */

/* Global */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #505050; 
}

h2.widget-title { margin: 0 0 20px; }

/* Links */
a { color: #505050;
	transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
}
a:hover { color: #121212; }
   
/* Structure */
#page { background: }
.wrapper { width: 100%; display: block; margin: 0 auto; background: #fff; } 
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }

#primary { padding: 115px 20px 30px 20px; background: #fff; }

.single #primary article,
.archive #primary article,
.category #primary article, 
.blog #primary article,
.page-template #primary .entry-content,
.page-template-default .entry-content { 
	width: 770px; max-width: 100%; margin: 40px auto; padding-bottom: 40px; border-bottom: 1px solid #DEDEDE;
}

.single #primary article:last-of-type, 
.archive #primary article:last-of-type, 
.category #primary article:last-of-type, 
.blog #primary article:last-of-type, 
.page-template #primary .entry-content:last-of-type, 
.page-template-default .entry-content:last-of-type {
  border: 0;
}

.page-template-template-fixed-header #primary .entry-content { width: inherit; margin-bottom: 0; }

.archive #primary article:last-child ,
.category #primary article:last-child {
  border: 0;
}

.page-id-38 #primary .entry-content { border: 0; }

/* Navigation */
ul.nav-menu li a { margin-right: 20px; text-transform: uppercase; }
ul.nav-menu li a:hover { color: #8b403f; }
ul.nav-menu li:last-child a { margin-right: 0; }
ul.nav-menu li.current-menu-item:last-child { padding-right: 10px; }
ul.nav-menu li.current-menu-item a,
ul.nav-menu li.current-menu-item li a:hover { 
	color: #8b403f; 
}
ul.nav-menu li.menu-item-has-children a::after { position: relative; left: 5px;  }
ul.nav-menu li.menu-item-has-children li a::after { content: none; }

/* Header */
.logged-in #masthead { top: 32px; }
#masthead { width: 100%; max-width: 100%; min-height: 80px; background: #fff; border-bottom: 1px solid #5E5E5E; 
	position: fixed; top: 0; left: 0; z-index: 999; 
	display: grid;
	grid-template-columns: minmax(min-content, max-content) 1fr;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
#masthead nav { height: 100%; padding-right: 20px; padding-left: 200px; text-align: right;
	display: flex; 
	align-items: center;
	justify-content: flex-end;	
}
#masthead img { width: 420px; padding: 14px 0 10px 20px; }
#masthead p a { text-decoration: none; }
#masthead .inner-wrap { position: relative; }
#masthead iframe { position: absolute; top: 30px; margin-left: 20px; }
.site-title { margin: 0; }
.site-branding { display: inline-block; }

/* Social */
ul.social { float: right; margin: 0; padding-left: 0; }
ul.social li { display: inline-block; margin-right: 15px; list-style-type: none; }
ul.social li:last-child { margin-right: 0; }
ul.social i { color: #505050; 
	transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
}
ul.social i:hover { color: #121212; }
ul.social a { color: #121212; }
ul.social a:hover { color: #fff; }

/* Footer */
#colophon { position: relative; padding: 20px; background: #fff; border-top: 1px solid #DEDEDE; }
#colophon a { color: #121212; }
#colophon a:hover { color: #8b403f; }
#colophon .site-logo img { width: 240px; display: block; margin: 0 auto; }

.site-info a { display: inline-block; color: #B1B1B4; }
.copyright { color: #505050; }

ul.minimal { margin-left: 0; list-style-type: none; }
ul.minimal li { margin-bottom: 2.5px; }

/* Socials */
ul.social-icons { margin: 0 0 20px; padding: 0; }
ul.social-icons li { display: inline-block; }
ul.social-icons li { margin: 0 10px; }
ul.social-icons li:first-child { margin-left: 0; }
ul.social-icons li:last-child { margin-right: 0; }
ul.social-icons a { font-size: 18px; color: #828282; }
ul.social-icons a:hover { color: #8b403f; }
ul.social-icons .sr-only { font-size: 0; }

#colophon .cw-socials  { float: left; margin-left: 10px; }
#colophon .cw-socials a { color: #828282; font-size: 16px; }
#colophon .cw-socials a:hover { color: #8b403f; }
.entry-content .cw-socials ul { margin-top: 5px; margin-bottom: 10px; }

/* Posts and pages */
#content { padding: 60px 0; background: #fff; }
.page-header { width: 100%; }

/* --------------------------------------------------------------------------
	 ## Page Templates
   -------------------------------------------------------------------------- */
   
/* Fixed Header */
.page-template-template-fixed-header .menu-toggle span, 
.page-template-template-fixed-header .menu-toggle span:before, 
.page-template-template-fixed-header .menu-toggle span:after {
	background: #121212;
}

.page-template-template-fixed-header .menu-toggle:hover span, 
.page-template-template-fixed-header .menu-toggle:hover span:before, 
.page-template-template-fixed-header .menu-toggle:hover span:after {
	background: #8b403f;
}

.page-template-template-fixed-header #primary { padding: 0; }
.page-template-template-fixed-header .shows { width: 100%; }
.video-teaser { padding: 50px 5px 30px; }

#singles { width: 800px; max-width: 100%; margin: auto; padding-top: 0; padding-bottom: 60px; }
#singles .button { width: 160px; max-width: 100%; margin: 0 auto 50px; padding-top: 13px; font-size: 16px; }
#singles .button:hover { color: #8b403f; }
#singles iframe { display: inline-block; width: 48.65%; margin: auto; }
#singles iframe:first-child { margin-right: 1%; }
#singles iframe:last-child { margin-left: 1%; }
#singles .button-group { display: flex; width: min-content; margin: 0 auto 50px; }
#singles .button-group a { display: inline-block; margin: 0 16px; }

.base-icon { 
  font-size: 60px; text-anchor: end;
  font-family: "Sorts Mill Goudy";
}
	
.announcement { position: relative; text-align: left; margin-top: 20px; margin-left: 20px; }
.announcement .button { min-width: 135px; margin-top: 10px; }
.announcement .base-icon { position: inherit; }

/* SVG Icon */
#dagger-icon { fill: #fff; }
svg.icon { position: relative; }
#dicon-01 { left: -25px; }
#dicon-02 { right: -25px; }
#dicon-03,
#dicon-04 {
	width: 9px; top: 16px;
}
#dicon-03 { left: -10px; }
#dicon-04 { right: -10px; }

.announcement svg { display: inherit; }
.announcement svg,
.announcement svg img { 
	fill: #fff; 
}
.announcement svg { position: absolute; top: 0; width: 14px; }
.announcement .color { color: #fff; }

.shows h1,
.shows h2,
.shows h3,
.shows h4 {
	margin-top: 0;
}

.page-template-template-fixed-header .site-title,
.page-template-template-fixed-header .site-description {
  /* visuallyhidden */
  border: 0;
  clip: rect(0 0 0 0);
  position: absolute!important;
  height: 1px; width: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  white-space: nowrap; /* 1 */
}

/* Music */
.page-template-page-music .music header,
.page-template-page-music #primary .entry-content { 
  width: 100%; max-width: 1180px; margin: auto; 
}
.page-template-page-music #primary .entry-content { 
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px; align-items: end;
}
.page-template-page-music #itunes .entry-content { border: 0; }
.page-template-page-music figure { margin: 10px 0 5px; }
.page-template-page-music iframe { min-height: 500px; border: 0; }
.page-template-page-music .music ul { padding-left: 0; }
.page-template-page-music .music li { margin: 0; list-style-type: none; }
.page-template-page-music .music h3 { text-align: center; }
.page-template-page-music .music h4 { margin-top: 0; font-size: 14px; }
.page-template-page-music .music .button { padding-top: 14px; margin-bottom: 40px; }
.page-template-page-music .music .button:hover { background: none; color: #8b403f; border-color: #8b403f; }

#itunes i, 
#spotify i {
  position: relative; top: -3px;
}

/* Video */
.video-posts iframe { margin-bottom: 30px; }

/* Lyrics */
.page-template-page-lyrics-php .page-title { margin-bottom: 30px; }
#song-listing { text-align: center; }
#song-listing h2 { text-transform: uppercase; }
#song-listing h3 { margin: 10px 0 30px; color: #121212; }
#song-listing p { font-size: 18px; letter-spacing: 0; line-height: 1.5; margin: 0; color: #5F5F5F; }
#song-listing .columns { margin-bottom: 30px; }
#song-listing a { display: block; margin-bottom: 10px; font-size: 18px; }
#song-listing a:hover { color: #8b403f; }
#song-listing .song-title { opacity: 0; }

button:focus { outline: none; }
button.close { position: relative; display: block; width: 50px; height: 50px; margin: 40px auto 0 auto; padding: 0; background: none; overflow: hidden; border-radius: 0; border: 0; }
.close:hover::before, 
.close:hover::after {
  background: #412f2b;
}
.close::before, 
.close::after {
  content: '';
  position: absolute; top: 50%; left: 15px;
  height: 2px; width: 50%; margin-top: -1px; background: #412f2b;
}
.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close.black::before, 
.close.black::after {
  height: 8px; margin: -4px -4px 0 -2px;
}

/* Contact */
.page-template-page-contact .entry-content a { color: #404040; }
.page-template-page-contact .entry-content a:hover { color: #121212; }

/* Template Centered */
.page-template-template-centered h1.entry-title { text-align: center; }

/* Template One Page Scroll */
.sub-page header { margin-top: 5px; margin-bottom: 15px; }

/* Search Results */
.search-results article { width: 100%; padding-bottom: 30px; border-bottom: 1px solid #B9B9B9; clear: both; }

/* --------------------------------------------------------------------------
	 ## Blog
   -------------------------------------------------------------------------- */

.entry-meta { margin-bottom: 10px;  }
.entry-meta .posted-on time { padding-bottom: 5px; }    

.cat-links { margin-right: 10px; padding-right: 10px; border-right: 1px solid #efefef; }

.nav-links a,
.cat-links a,
.tags-links a {
	color: #8b403f; 
}

.nav-links a:hover,
.cat-links a:hover,
.tags-links a:hover {
  color: #474747; 
}

.comments-link { display: none; }

article:focus { outline: none; }

/* Single Post */
.single-post #primary article { padding-bottom: 0; border-bottom: 0; }
.single-post article img { display: block; margin: 0 auto; }

/* Archive, Category */
.archive article .entry-content h1,
.archive article .entry-content h2,
.archive article .entry-content h3,
.archive article .entry-content h4,
.archive article .entry-content h5,
.archive article .entry-content h6 {
	text-transform: capitalize; color: #505050;
}

.archive .page-content p,
.category .page-content p {
	color: #6d706f;
}

.archive article .entry-content h1,
.archive article .entry-content h2,
.archive article .entry-content h3,
.archive article .entry-content h4,
.archive article .entry-content h5,
.archive article .entry-content h6 {
	color: #505050;
}

.archive article:last-child,
.category article:last-child {
	border-bottom: 0;
}

.archive article h2.entry-title,
.category article h2.entry-title {
	margin-bottom: 0;
}

.archive article .entry-footer,
.category article .entry-footer {
	border-top: 1px solid #efefef;
}

article .entry-header a { color: #505050; }

.entry-meta .byline { display: none; }

/* Single Post */
.post { margin-bottom: 30px; }
.post h1.entry-title { margin-top: 10px; margin-bottom: 0; }
.post h2, 
.post h3,
.post h4 {
	color: #474747;
}
.post a { color: #8b403f; }
.post a:hover { color: #412f2b; }
.post .entry-footer { margin-top: 30px; padding-top: 10px; border-top: 2px solid #efefef; }

.entry-footer a.post-edit-link { float: right; margin-left: 10px; color: #ccc; }
.entry-footer a.post-edit-link:hover { color: #121212; }
a.post-edit-link:focus { outline: 0; }

/* ==========================================================================
   12.0 # Components
   ========================================================================== */

/* Featured Image */
.album-wrapper {
  position: absolute; z-index: 900; top: 50%; right: 40px;
  width: 800px; height: 800px; margin-top: -400px;
}
.album-wrapper svg {
	position: absolute; z-index: 900; left: -75%; max-width: 100%; top: 50%; margin-top: -57.5px; fill: #fff;
  -webkit-transition: fill 1.5s ease-in-out;
  -moz-transition: fill 1.5s ease-in-out;
  -ms-transition: fill 1.5s ease-in-out;
  -o-transition: fill 1.5s ease-in-out;
  transition: fill 1.5s ease-in-out;
}
.album-wrapper:hover svg {
	fill: #8b403f;
}

.album-wrapper .hero__imgwrap { position: absolute; z-index: 800;  top: 50%; right: 0; width: 800px; max-width: 100%; height: 800px;  margin-top: -380px; border: 4px solid #fff; 
	background: url('assets/images/cw-bov-back-cover-bkg-web.jpg') no-repeat center center;
	background-size: cover;
}

.album-text { position: absolute; z-index: 900; left: 0; top: 80px; width: 420px; max-width: 100%; }
.logged-in .album-text { top: 120px; }

.album-text p { position: relative; margin-top: 0; margin-left: 28px; font-size: 18px; }
.album-text img { background: #121212; }

.album-text p,
.album-text h2,
.album-text h3 {
	display: inline-block; color: #fff; 
}
.album-text h2,
.album-text h3 {
	margin-bottom: 0;	text-transform: capitalize;
}
.album-text h2 { margin-bottom: 5px; font-size: 27px; }

#album-outlines { width: 300px; }

.hero__img { width: 600px; height: 600px; }

.tilt { 
	position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;
	-webkit-transition: opacity 1.5s ease-in-out;
   -moz-transition: opacity 1.5s ease-in-out;
    -ms-transition: opacity 1.5s ease-in-out;
     -o-transition: opacity 1.5s ease-in-out;
        transition: opacity 1.5s ease-in-out;
}

.tilt:hover { opacity: .35; }

.tilt__back,
.tilt__front {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tilt__back { position: relative; }
.tilt__front { position: absolute; top: 0; left: 0; }

/* Card */
.card { position: relative; margin-bottom: 1.875rem;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.card a { display: block; }

/* Breadcrumbs */
ul#crumbs { display: block; width: 100%; margin: 0 0 20px 0.9375rem; }
ul#crumbs li { display: inline-block; list-style-type: none; }
ul#crumbs li:first-child::before { margin-right: 10px; content:'\f015'; font-family:'fontAwesome'; }
ul#crumbs li:not(:last-child) { margin-right: 10px; }
ul#crumbs li:not(:last-child)::after { margin-left: 10px; content: '/'; }
ul#crumbs li,
ul#crumbs li a {
	font-size: .889rem;
}
/* Search */
.search-form label,
.search-form input[type="search"],
.search-form input[type="submit"] {
	float: left; width: 100%; height: 40px;
}
.search-form label { width: 75%; }
.search-form input { border: 1px solid #efefef; }
.search-form input[type="search"] { text-indent: 5px; }
.search-form input[type="submit"] { width: 25%; margin-left: -1px; padding: 10px; font-size: 16px; text-transform: uppercase; }
.search-form input[type="submit"]:hover { border-color: #121212; }

/* Pagination */
.pagination { width: 770px; max-width: 100%; margin: auto; padding: 0 10px; text-align: center; }
.pagination span:first-child { margin-right: 10px; }
.pagination span.current { margin-right: 10px; margin-left: 10px; padding: 2.5px 10px; background: #8b403f; color: #fff; }
.pagination a { margin-right: 10px; }
.pagination a:last-child { margin-right: 10px; }
.pagination a.next { margin-left: 10px; }

/* --------------------------------------------------------------------------
	 ## Gutenberg
   -------------------------------------------------------------------------- */
/* migrate from css/blocks.css */
.wp-block-cover.verttwothirds .wp-block-cover__inner-container { display: flex; justify-content: flex-end; align-items: flex-end; align-self: flex-end; }
.wp-block-cover.verttwothirds a { display: flex; font-size: 20px; text-transform: uppercase; color: #fff; text-decoration: none; }
.wp-block-cover.verttwothirds i { font-size: 18px; }
.wp-block-cover.verttwothirds p a { margin-bottom: 20px; }
.wp-block-cover.verttwothirds p i { position: relative; top: 3px; margin-right: 5px; }
.wp-block-cover.verttwothirds a:hover { color: #8b403f; }

/* ==========================================================================
   13.0 # Plugins, Overrides
   ========================================================================== */
   
/**
 * MailChimp Form Embed Code
 * Classic - 12/17/2015 v10.7
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
#mc_embed_signup form{display:block;position:relative;text-align:left;}#mc_embed_signup h2{padding:0;margin:15px 0;}#mc_embed_signup input{border:1px solid #ABB0B2;}#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox}#mc_embed_signup input[type=radio]{-webkit-appearance:radio}#mc_embed_signup input:focus{border-color:#333}#mc_embed_signup .button{clear:both;background-color:#aaa;transition:all .23s ease-in-out 0s;color:#FFF;cursor:pointer;display:inline-block;margin:0 5px 10px 0;padding:0 22px;vertical-align:top;white-space:nowrap;width:auto}#mc_embed_signup .button:hover{background-color:#777}#mc_embed_signup .small-meta{font-size:11px}#mc_embed_signup .nowrap{white-space:nowrap}#mc_embed_signup .mc-field-group{clear:left;position:relative;}#mc_embed_signup .size1of2{clear:none;float:left;display:inline-block;width:46%;margin-right:4%}* html #mc_embed_signup .size1of2{margin-right:2%}#mc_embed_signup .mc-field-group label{display:block;margin-bottom:3px}#mc_embed_signup .mc-field-group input{display:block;}#mc_embed_signup .mc-field-group select{display:inline-block;}#mc_embed_signup .datefield,#mc_embed_signup .phonefield-us{padding:5px 0}#mc_embed_signup .datefield input,#mc_embed_signup .phonefield-us input{display:inline;width:60px;margin:0 2px;letter-spacing:1px;text-align:center;padding:5px 0 2px}#mc_embed_signup .phonefield-us .phonearea input,#mc_embed_signup .phonefield-us .phonedetail1 input{width:40px}#mc_embed_signup .datefield .dayfield input,#mc_embed_signup .datefield .monthfield input{width:30px}#mc_embed_signup .datefield label,#mc_embed_signup .phonefield-us label{display:none}#mc_embed_signup .indicates-required{text-align:left;font-size:12px;}#mc_embed_signup .asterisk{color:#121212;font-size:150%;font-weight:400;position:relative;top:5px}#mc_embed_signup .clear{clear:both}#mc_embed_signup .mc-field-group.input-group ul{margin:0;padding:5px 0;list-style:none}#mc_embed_signup .mc-field-group.input-group ul li{display:block;padding:3px 0;margin:0}#mc_embed_signup .mc-field-group.input-group label{display:inline}#mc_embed_signup .mc-field-group.input-group input{display:inline;width:auto;border:none}#mc_embed_signup div#mce-responses{float:left;padding:0;overflow:hidden;width:100%;clear:both}#mc_embed_signup div.response{margin:1em 0;padding:1em .5em .5em 0;font-weight:600;float:left;top:-1.5em;z-index:1;width:100%}#mc_embed_signup #mce-error-response{display:none}#mc_embed_signup #mce-success-response{color:#529214;display:none}#mc_embed_signup label.error{display:block;float:none;width:auto;margin-left:1.05em;text-align:left;padding:.5em 0}#mc-embedded-subscribe{clear:both;width:auto;display:block;margin:1em 0 1em 5%}#mc_embed_signup #num-subscribers{font-size:1.1em}#mc_embed_signup #num-subscribers span{padding:.5em;border:1px solid #ccc;margin-right:.5em;font-weight:700}#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{display:inline-block;margin:2px 0 1em;padding:5px 10px;background-color:rgba(255,255,255,.85);font-size:14px;font-weight:400;z-index:1;color:#B84B3E;}#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error{border:1px solid #121212}

#mc_embed_signup h1,
#mc_embed_signup h2 {
	text-align: center;
}
#mc_embed_signup h1,
#mc_embed_signup h2,
#mc_embed_signup h3,
#mc_embed_signup h4 {
	margin-top: 0;
}

#mc_embed_signup,
#mc_embed_signup .indicates-required {
	font-family: 'Open Sans', sans-serif;
}

#mc_embed_signup p { font-size: 19.5px; text-align: center; }

#mc_embed_signup input { font-size: 14px;  }
#mc_embed_signup .button { font-size: 16px; line-height: 32px; font-weight: 400; text-transform: uppercase; text-align: center; text-decoration: none; }
#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"] {
	text-indent: 8px;
}
#mc_embed input { 
	-webkit-appearance: none;
	-moz-appearance: none;
}

#mc_embed_signup_scroll { padding: 0 20px; }
#mc_embed_signup_scroll .mc-field-group input { margin-bottom: 20px; padding: 12px 0; }
#mc_embed_signup_scroll input#mce-FNAME,
#mc_embed_signup_scroll input#mce-LNAME {
	float: left; height: 40px; width: 393px; max-width: 100%; border: 1px solid #989898; color: #666;
}

#mc_embed_signup_scroll input#mce-FNAME { margin-right: 5px; }
#mc_embed_signup_scroll input#mce-LNAME { margin-left: 5px; }
#mc_embed_signup_scroll input#mce-EMAIL { width: 100%; margin-bottom: 0; padding: 10px 0; border: 1px solid #989898; clear: both; }
#mc_embed_signup_scroll input#mce-FNAME:focus,
#mc_embed_signup_scroll input#mce-LNAME:focus,
#mc_embed_signup_scroll input#mce-EMAIL:focus {
	border-color: #8b403f; outline: none;
}
#mc_embed_signup { width: 100%; }
#mc_embed_signup .button { display: block; width: 225px; height: 50px; max-width: 100%; margin: 20px auto 0; padding: 10px 22px; background: #8b403f; border: 1px solid transparent; border-radius: 0; line-height: 2.1; 
	-webkit-appearance: none;
}
#mc_embed_signup .button:hover { background: none; color: #8b403f; border: 1px solid #8b403f; }

#mc_embed_signup .indicates-required { margin-top: -20px; }
.mc-field-group { margin: 25px 0; }

#signup {
	background: #fff;
}
   
/* ## UItoTop */
#toTop {
  display: none; 
  position: fixed; z-index: 900; right: 20px; bottom: 20px;
  width: 40px; height: 40px; background-color: rgba(0,0,0,.1); border: 1px solid #474747;
  overflow: hidden; text-decoration:none;
}
#toTop:hover { background-color: rgba(0,0,0,.85); }
#toTop,
#topTop span {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
#toTop span {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 1!important;
  width: 0px; height: 0px; text-indent: -999px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
#toTop i { position: relative; top: 5px; width: 100%; font-size: 24px; text-align: center; }
#toTopHover {
  float:left; display:block; overflow:hidden;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, 
#toTop:focus {
  outline:none;
}

/* bandsintown */
.bit-widget .bit-logo,
.bit-widget.bit-layout-desktop .bit-top-track-button,
.bit-widget.bit-layout-desktop .bit-nav-bar-container .bit-nav-bar .bit-logo-container { 
	display: none; 
}
.bit-widget.bit-layout-desktop .bit-event,
.bit-widget.bit-layout-desktop .bit-event .bit-button {
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out
}
.bit-widget.bit-layout-desktop .bit-upcoming-events, bit-past-events { margin: 0; border: 0; }
.bit-widget.bit-layout-desktop .bit-event .bit-button:hover { background: none; }
.bit-widget.bit-layout-desktop .bit-nav-bar-container { padding-left: 0; }

.page .bit-widget { padding-bottom: 0; }
.page .bit-widget .bit-date { display: flex; margin-bottom: 5px; font-size: 12px; text-transform: uppercase; color: #707070; }
.page .bit-widget .bit-event { margin-top: 15px; margin-bottom: 15px; padding-top: 30px!important; }
.page .bit-widget .bit-event .bit-offers { margin-bottom: 15px; }
.page .bit-widget .bit-event-list-title.bit-clickable { text-decoration: none; }
.page .bit-widget .bit-past-events,
.page .bit-widget .bit-upcoming-events {
	border-bottom: 0; 
}
.page .bit-widget .bit-play-my-city-button { max-width: 250px; margin: auto; }

.page .bit-widget .bit-event .bit-button:hover { background: none; color: #8b403f; }
.page .bit-widget .bit-event .bit-rsvp:hover { background: #8b403f; color: #fff; }

.bit-widget .bit-upcoming-events-show-all-button, 
.bit-widget .bit-past-events-show-all-button, 
.bit-widget .bit-play-my-city-button { 
	font-family: Sorts Mill Goudy, serif; font-weight: 600;
}

/* Contact Form 7 */
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors {
	font-size: 14px; 
}

span.wpcf7-not-valid-tip { margin-left: 10px; margin-bottom: 15px; }

.wpcf7 h2,
.wpcf7 h3 {
	margin-bottom: 20px;
}
.wpcf7 p { margin-bottom: 0; }

.wpcf7 label { position: relative; top: 5px; }
.wpcf7 fieldset { margin-top: 0; padding: 0 20px; border: 1px solid #333; }
.wpcf7 fieldset legend { margin-bottom: 0; background: none; color: #171717; text-align: center; }
.wpcf7 form br { display: none; }

.wpcf7 .form-group { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #333333; }
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .form-group.required h4,
.wpcf7 .invalid .form-group.required label {
	color: #97100E;
}
div.wpcf7-mail-sent-ok { border-color: #079D7C; color: #079D7C; }
.wpcf7 .form-group.required h4,
.wpcf7 .form-group.required label {
	color: #079D7C;
}
.wpcf7 .invalid .required input,
.wpcf7 .invalid .required select,
.wpcf7 .invalid .required textarea {
	 border-color: #97100E;
}

.wpcf7 .wpcf7-validation-errors { margin: 0; padding: 10px; border-color: #D6D50B; }

#main div.wpcf7 .ajax-loader { display: block; margin: 10px auto 0; }

.wpcf7 select,
.wpcf7 input,
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="date"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="month"],
.wpcf7 input[type="week"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="time"],
.wpcf7 input[type="url"],
.wpcf7 input[type="color"],
.wpcf7 textarea {
  margin: 10px 0; font-size: .889rem;
}
 
.wpcf7 input:first-child { margin-top: 0; }

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="datetime"]:focus,
.wpcf7 input[type="datetime-local"]:focus,
.wpcf7 input[type="month"]:focus,
.wpcf7 input[type="week"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="search"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="time"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="color"]:focus,
.wpcf7 textarea:focus {
  outline: 0; border: 1px solid #121212;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {
  width: 100%; padding: 10px; background-color: #fff; 
}

.wpcf7 input[type="submit"] {
	float: none; display: block; max-width: 270px; height: 42px; margin: 20px auto 0 auto; padding: 10px 20px; border: 1px solid transparent; 
	font-size: 16px; font-weight: 600; text-transform: uppercase;
	background: #121212; color: #fff; cursor: pointer;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out
}
.wpcf7 input[type="submit"]:hover { background: none; color: #121212; border: 1px solid #121212; }

.small-type { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; clear: both; }

/* ==========================================================================
   14.0 # Media Queries
   ========================================================================== */
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}
@-webkit-keyframes fade-in {
      0% { opacity: 0; }   
    100% { opacity: 1; }
}
@-moz-keyframes fade-in {
      0% { opacity: 0; }   
    100% { opacity: 1; }
}

.main-navigation.toggled ul {
	-webkit-animation: opacity .3s ease-out;
	-moz-animation: opacity .3s ease-out;
}
.main-navigation.toggled ul ul:before { display: none; }

.menu-main-nav-container { z-index: 1; }

#site-navigation.toggled .main-navigation .menu-main-nav-container { 
	display: none; 
}

/* 
 * Menu Toggle  
*/

/* Hamburger Menu */
.menu-toggle { position: fixed; top: 15px; right: 10px; z-index: 999; display: none; width: 50px; height: 50px; margin: 0; padding: 20px 0; background: none; border: 0; text-indent: -9999px;	}
.menu-toggle span, 
.menu-toggle span:before, 
.menu-toggle span:after {
	position: absolute; display: block; height: 6px; width: 30px;
	cursor: pointer; border-radius: 1px; background: #121212;
  content: '';
}
.menu-toggle span { top: 12px; left: 10px; }
.menu-toggle span:before { top: 10px; }
.menu-toggle span:after { top: 20px; }

.menu-toggle span, 
.menu-toggle span:before, 
.menu-toggle span:after {
	transition: all .45s;
  -moz-transition: all .45s; /* Firefox 4 */
  -webkit-transition: all .45s; /* Safari and Chrome */
  -o-transition: all .45s; /* Opera */
}

	/* Hamburger Menu Toggled */
.main-navigation.toggled .menu-toggle span { top: 22px; background-color: transparent; }
.main-navigation.toggled .menu-toggle span:before, 
.main-navigation.toggled .menu-toggle span:after { 
	top: 0; background: #121212;
}
.main-navigation.toggled .menu-toggle span:before { transform: rotate(45deg); }
.main-navigation.toggled .menu-toggle span:after { transform: rotate(-45deg); }
.main-navigation img { display: none; }
#masthead .main-navigation.toggled img { width: 300px; display: block; padding: 0; }

/* Navigation */ 
.main-navigation ul { width: 100%; }
.main-navigation .menu-main-nav-container { padding-right: 0; }
.scroll-navigation { padding-left: 0; }
.scroll-navigation ul { text-align: center; }

#site-navigation.toggled a.custom-logo-link,
#site-navigation.toggled .menu-secondary-menu-container {
	display: none; 
}


@media screen and (max-width: 1460px) {
	.album-wrapper { width: 600px; height: 600px; margin-top: -310px; }
	.album-wrapper .hero__imgwrap { width: 600px; height: 600px; margin-top: -255px; }
	.album-svg { left: -80%; }
}

#media screen and (min-width: 1351px) {
	#site-navigation.toggled { position: inherit; background: none; }
	#site-navigation.toggled li { width: inherit; }
}

@media screen and (max-width: 1350px) {
	
	.menu-toggle { display: block; }

	/* Responsive Nav */
	.main-navigation.toggled li { width: 100%; }

	#nav-toggle.menu-toggle { display: block; margin: 0 auto; }
	#site-navigation { top: 18px; width: 100%; }
	#site-navigation .menu-main-nav-container,
	#site-navigation .menu-secondary-menu-container { 
	  display: none; 
	}
	#site-navigation ul li a:before { height: 0; }	

	#site-navigation.toggled { position: absolute; top: 0; background: #fff; min-height: 100vh; height: 100%; width: 100%; }
	#site-navigation.toggled .fa-bars:before { content: '\f00d'; }
	#site-navigation.toggled a:hover,
	#site-navigation.toggled ul li.menu-item-has-children ul a:hover { 
		color: #121212; 
	}
	#site-navigation.toggled ul { margin: 0; padding: 5px 0 0; }
	#site-navigation.toggled ul li { padding: 10px 0; border-bottom: 1px solid #C9C9C9; text-align: center; }
	#site-navigation.toggled ul li a { margin-right: 0; padding: 0; color: #868686; }
	#site-navigation.toggled ul li:last-child { margin-bottom: 0; border: 0; }
	#site-navigation.toggled ul li.menu-item-has-children { padding: 10px 0 0; }
	#site-navigation.toggled ul li.menu-item-has-children a { padding-bottom: 0; color: #6C6C6C; text-align: center; }
  #site-navigation.toggled ul li.menu-item-has-children a::after { display: none; }
	#site-navigation.toggled ul li.menu-item-has-children ul li { display: flex; margin-bottom: 0; border: 0; }
	#site-navigation.toggled ul li.menu-item-has-children ul li:last-child { border: 0; }

	#site-navigation.toggled ul ul { float: none; position: inherit; top: inherit; left: inherit; display: block; text-align: center; box-shadow: none; border: 0; }
	#site-navigation.toggled ul ul a { width: 100%; }
	
	#masthead { grid-template-columns: 1fr; grid-area: inherit; }
	#masthead .site-branding { z-index: 950; }
	
	#masthead #site-navigation.toggled { align-items: inherit; padding-left: 20px; 
		display: grid; 
		grid-template-columns: 1fr;
		grid-template-rows: auto; 
		grid-template-areas: 
			"toggle"
			"logo"
			"nav"	;
		grid-template-rows: 80px 70px auto;
	}
	#site-navigation.toggled a.custom-logo-link, 
	#site-navigation.toggled .main-navigation .menu-toggle,
	#site-navigation.toggled .menu-main-nav-container {
		min-height: max-content;
	}
	#site-navigation.toggled a.custom-logo-link { position: relative; z-index: 100; background: #fff; 
		grid-area: logo; justify-content: center; 
	}
	#site-navigation.toggled .main-navigation .menu-toggle { grid-area: toggle; }
	#site-navigation.toggled .menu-main-nav-container {  grid-area: nav;  }
	
	#site-navigation.toggled { z-index: 999; }
	#site-navigation.toggled .menu-toggle { width: 100%; left: unset; right: 20px; padding: 0; max-width: inherit; background: #fff; }
	#site-navigation.toggled .menu-toggle span { left: unset; right: 0; }
	#site-navigation.toggled .menu-main-nav-container,
	#site-navigation.toggled .menu-secondary-menu-container,
	#site-navigation.toggled a.custom-logo-link { 
		display: inherit; width: 100%; margin-top: 0; clear: both; 
	}
	#site-navigation.toggled ul { background: #fff; }
	#site-navigation.toggled ul li:last-child { margin-bottom: 0; border: 0; }
	#site-navigation.toggled ul li a { padding: 0; }
	#site-navigation.toggled ul li a:before,
	#site-navigation.toggled ul li a:after {
		border: none;
	}
	
	/* Toggled State */
	.main-navigation.toggled li { width: 100%; }
	.main-navigation.toggled #nav-toggle span { top: 22px; background-color: transparent; }
	.main-navigation.toggled #nav-toggle span:before, 
	.main-navigation.toggled #nav-toggle span:after { top: 0; }
	.main-navigation.toggled #nav-toggle span:before { transform: rotate(45deg); }
	.main-navigation.toggled #nav-toggle span:after { transform: rotate(-45deg); }

}

@media screen and (max-width: 1024px) {
	#masthead .site-branding img { float: none; display: inline-block; margin: 0; padding: 16px 20px 5px; }
	#masthead iframe { display: none; }

	.album-text,
	.logged-in .album-text {
		top: 150px; 
	}
	.album-text { right: 0; left: 0; display: block; margin: auto; }
	.album-text p { margin-left: 0; }
	
	.announcement { top: -20px; margin-left: 0; text-align: center; }
	
	.album-wrapper { right: 0; left: 0; display: block; margin: auto; width: 400px; height: 400px; margin-top: -125px; }
	.album-wrapper .hero__imgwrap { width: 400px; height: 400px; margin-top: -200px; }
	.album-wrapper svg { position: relative; left: 0; right: 0; display: block; width: 100px; margin: -20px auto 0; }
	
	#singles h1,
	#singles h2,
	#singles h3,
	#singles h4 {
		text-align: center;
	}
	
	#singles { text-align: center; }
	#singles iframe { width: 96%; margin: 15px auto; }
	#singles iframe:first-child { margin-right: inherit; }
	#singles iframe:last-child { margin-left: inherit; }
	
	.shows { padding-right: 20px; padding-left: 20px; }

}

@media screen and (max-width: 500px) {
  #masthead { min-height: 50px; }
  #masthead .site-branding img { width: 250px; display: block; padding: 16px 20px 16px; }
  .menu-toggle { top: 5px; }
  ul.social-icons li { margin-right: 15px; margin-left: 15px; }
  .album-wrapper svg { display: none; }
  #colophon .cw-socials { float: none; margin: 0 auto 5px; }
  #colophon .site-info,
  #colophon .cw-socials {
    text-align: center; 
  }
  #colophon .cw-socials ul { margin-bottom: 0; }
  #colophon .cw-socials a { font-size: 18px; }
}

@media screen and (max-width: 414px) {
	
	.wp-block-cover.verttwothirds a { font-size: 16px; }
	#mc_embed_signup h1, 
	#mc_embed_signup h2, 
	#mc_embed_signup h3, 
	#mc_embed_signup h4 {
		text-align: center;
	}
	
  .announcement { top: -30px; }
  ul.social-icons li { margin-left: 10px; margin-right: 10px; }

  .wp-block-cover.verttwothirds .wp-block-cover__inner-container { justify-content: center; align-self: flex-end; }
  .wp-block-cover.verttwothirds .wp-block-cover__inner-container p { margin-bottom: 20px; }
  #mc_embed_signup .button { width: 100%; }
	.album-wrapper,
	.album-wrapper .hero__imgwrap { 
  	width: 300px; height: 300px; 
  }
  .album-wrapper { margin-top: -20px; }
  #mc_embed_signup .button { width: 250px; }
  
}