@charset "utf-8";
/* CSS Document */

html,body {
	width: 100%;
	min-width: 320px;
	height: 100%;
	margin: 0;
}

body {
	background-color: #373542;	
	color: #FFF;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 125%; /* 20px */
	line-height: 1.2;
	overflow: auto;
	overflow-x: hidden; 
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-overflow-scrolling: touch;
}

main {
	display: block;	
}

main ul, main ol {
	list-style-position: outside;
	padding-left: 20px;
}

main li {
	padding-left: 10px;
}

h2 {
	font-size: 1.5em; /* 30 px */
}

a {
	text-decoration: none;
	color: #FFF;
}

	a:hover {
		color: #AEAABF;
	}

	a:active {
		color: #FFF;
	}

em {
	font-style: italic;	
}

.phone-only {
	display: none;	
}

div#masthead, #nav-and-bg nav, .section-content {
	width: 1022px;	
	margin: 0 auto;
}

	#masthead {
		height: 114px;	
		padding: 26px 0 28px 0;
	}
	
		#masthead #main-logo {
			display: inline-block;
			float: left;	
		}

		#masthead #main-logo img {
			width: 307px;
			height: 114px;	
		}
		
		#masthead #social-links {
			float: right;
			margin-top: 14px;
		}
		
			#masthead #social-links a {
				font-family: "FontAwesome";	
				display: inline-block;
				color: #AEAABF;
				text-decoration: none;
				font-size: 38px;
				line-height: 35px;
				margin-left: 15px;
				height: 35px;
			}
			
			#masthead #social-links a#newsletter-icon {
				transform: scale(0.9,1.05) translate(0,-0.05em);
				-webkit-transform: scale(0.9,1.05) translate(0,-0.05em);
				-moz-transform: scale(0.9,1.05) translate(0,-0.05em);
			}
			
				#masthead #social-links a:first-of-type {
					margin-left: 0;
				}
				
				#masthead #social-links a.phone-only {
					display: none;	
				}
			
				#masthead #social-links a:hover {
					color: #5d5672;
				}
		
		#masthead #search-group {
			float: right;
			clear: right;
			height: 35px;
			width: 252px;
			position: relative;
			margin-top: 28px;
		}
		
			#masthead #search-group input {
				-webkit-appearance: none;
				-webkit-border-radius: 0;
				-moz-appearance: none;
				background-color: #5d5672;
				border: none;
				width: 207px;
				height: 35px;
				position: absolute;
				top: 0;
				left: 0;
				padding: 0;
				padding-left: 10px;
				color: #AEAABF;
				font-size: 1em; /* 16px */
				font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
				font-weight: bold;
				box-sizing: content-box;	
			}
		
			#masthead #search-group button {
				background-color: #5d5672;
				font-family: "FontAwesome";
				font-size: 1.1em;
				color: #373542;	
				width: 35px;
				height: 35px;
				border: none;
				line-height: 34px;
				padding-bottom: 1px;
				position: absolute;
				top: 0;
				right: 0;
				padding-left: 8px;
			}
			
				#masthead #search-group button:hover {
					background-color: #AEAABF;
				}
				
				#masthead #search-group button:active {
					background-color: #373542;
					color: #5d5672;	
				}

	#nav-and-splash {
		height: 70px;
		position: relative;
	}
		
		body.home #nav-and-splash {
			height: 406px;
		}
	
		body.home #nav-and-splash #splash {
			z-index: 0;
		}

			body.home #nav-and-splash #splash img {
				height: 336px;
				max-width: 1022px;
				margin: 0 auto;
				display: block;
			}
			
	#nav-and-bg {
		width: 100%;
		min-height: 70px;
		background-color: #5d5672;	
		background: rgb(94, 87, 115);
		z-index: 1;
	}
	
		#nav-and-bg nav, nav ul#main-menu {
			line-height: 70px;
		}
	
			ul#main-menu li {
				position: relative;	
				display: inline-block;
				float: left;
				width: auto;
				line-height: 70px;
				margin-right: 56px;
				text-transform: uppercase;
				font-weight: 700;
			}

				ul#main-menu li ul {
					position: absolute;
					z-index: 1000;
					width: 252px;
					top: 70px;
					left: 0px;
					background: rgba(55, 53, 66, .9);
					padding-left: 0px;
					display: none;	
				}

				ul#main-menu li li {
					width: calc(100% - 15px);
					padding-left: 15px;
				}
	
				ul#main-menu li a {
					display: block;
					color: #CCC878;
					width: 100%;
					color: #CCC878;
					text-decoration: none;
					text-transform: uppercase;
				}
	
				ul#main-menu li:hover > a, ul#main-menu li.current-page-parent > a, ul#main-menu > li.current-menu-item > a {
					color: #AEAABF;
					box-shadow: inset 0 -0.25em 0; 
				}

					ul#main-menu li li:hover > a, ul#main-menu li li li:hover > a {
						box-shadow: none; 
					}
					
					ul#main-menu li.current-page-parent li.current-page-parent a {
						color: #CCC878;
						box-shadow: none;
					}
					
						ul#main-menu li.current-page-parent li.current-page-parent:hover a {
							color: #AEAABF;
						}
			
			ul#main-menu li:hover ul ul, ul#main-menu li:hover ul ul ul, ul#main-menu li:hover ul ul ul ul{
				display:none;
			}
			
			ul#main-menu li:hover ul, ul#main-menu li li:hover ul, ul#main-menu li li li:hover ul, ul#main-menu li li li li:hover ul{
				display:block;
			}

main aside {
	height: 70px;
	background-color: #CCC878;
	color: #373542;
	line-height: 68px;
	font-weight: 700;
}

	main aside a {
		color: #373542;
	}
	
		main aside a:hover {
			color: #5d5672;			
		}
	
main article {
	height: 266px;
	padding: 35px 0;
	background-color: #5d5672;
}

	main article:nth-of-type(even) {
		background-color: #AEAABF;
		color: #373542; 	
	}

		main article:nth-of-type(even) a {
			color: #373542;
		}

			main article:nth-of-type(even) a:hover {
				color: #5d5672;
			}
			
	main article .section-content {
		height: 100%;	
	}

		main article .section-copy {
			width: 560px;
			margin-right: 56px;
			height: 100%;
			position: relative;
		}

			main article .section-copy header {
				margin-bottom: 35px;
			}
			
				main article .section-copy header time, main article .section-copy header .event-price {
					font-weight: 700;
				}

	.home main article .section-image {
		width: 406px;
		height: 266px;
	}
	
	main article .section-image {
		float: right;
		position: relative;
		background-color: #373542;
	}

		main article .section-image img {
			width: 100%;
			height: auto;
			display: block;
		}
		
		main article .section-image iframe {
			height: 100%;
			width: 100%;
			position: absolute;
		}

		main article .band-photo-link button {
			width: 100%;
			z-index: 1000;
			position: absolute;
			bottom: 0;
			left: 0;	
		}

		main article .band-photo-link:hover button {
			background-color: #CCC878;
			color: #373542;
		}

	main article .button-container {
		position: absolute;
		bottom: 0;
		left: 0;
	}

		main article .button-container a{
			display: inline-block;
			margin: 0;
		}
		
		main article .button-container a:last-of-type button{
			margin: 0;
		}

	main article button {
		display: inline-block;
		height: 35px;
		min-width: 126px;
		font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 1em;
		color: #CCC878;
		background-color: #373542;
		border: none;
		padding: 0;
		margin: 0 28px 0 0;
		line-height: 35px;
		cursor: pointer;
	}
	
		main article button:hover {
			background-color: #CCC878;
			color: #373542;
		}
		
		main article button:active {
			color: #CCC878;
			background-color: #373542;
		}

body > footer {
	font-size: 0.8em;	/* 16px */
	height: 266px;
	padding: 35px 0;
}

body > footer .section-content {
	position: relative;
	height: 100%;
}

body > footer #address {
	display: inline-block;
	float: left;
	width: 224px;
	margin-right: 28px;
	height: 100%;
}

body > footer #hours {
	display: inline-block;
	float: left;
	width: 336px;
}

body > footer nav {
	display: inline-block;
	float: left;
	margin-left: 28px;
	width: 406px;
	columns: 120px 3;
    -webkit-columns: 120px 3;
    -moz-columns: 120px 3;
	column-gap: 20px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
}

	body > footer nav > ul > li {
		display: block;
		break-inside: avoid-column;
		page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		margin-bottom: 1.2em;
	}
	
		body > footer nav > ul > li > a{
			font-weight: 700;	
		}
	
	body > footer div#footer-footer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	body > footer div#footer-footer p {
		display: inline-block;
	}
	
		body > footer div#footer-footer #copyright {
			float: left;	
		}

		body > footer div#footer-footer #designer-credit {
			float: right;
			text-align: right;	
		}
	
	.alignright {float:right; clear:both;}
	.alignleft {float:left; clear:both;}
	.aligncenter {display: block; margin-left: auto; margin-right: auto}

	.pagination-nav {
		width: 50%;
		margin: 0;
	}
	
		.nav-previous {
			float: left;	
		}
		
		.nav-next {
			float: right;
			clear: none;
			text-align: right;	
		}