/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] { font-family: "Open Sans", "Helvetica Neue", arial, sans-serif; }
/* .pure-g [class *= "pure-u"] { font-family: "Source Sans Pro", "Helvetica Neue", arial, sans-serif; } */


/* Div Modifiers - Float, Etc. */

.frame { max-width: 1060px; margin: 0 auto; padding: 0px; }
.frame-slim { max-width: 800px; margin: 0 auto; padding: 0px; }
.border-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.border-right-zero { border-right: 0px; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.clearfix { float: none; clear: both; }
.col2 { width: 250px; margin: 0px 30px 16px 0px; }
.col4 { width: 25%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fixed { position: fixed; overflow: none; }
.feature-image { width: 300px; height: 200px; margin-bottom: 30px; }
.flex { width: 100%; height: auto; }
.full { width: 100%; }
.full-pad { width: 96%; padding: 0 2%; }
.left { float: left; display: inline; }
.mobile { display: none; }
.right { float: right; display: inline; }
.sans-serif { font-family: 'Helvetica Neue', arial; }
.shadow { text-shadow: 1px 1px 4px #000; }
.screen { opacity: .5; filter: alpha(opacity=50); }
.spacer { margin-top: 20px; margin-bottom: 40px; }
.wrap { float: left; margin: 1.2em 20px 20px 0; }
.white { color: #FFF; }


p.button { margin: 1em 0 2em; }
p.button a { text-transform: uppercase; color: #FFF; background-color: #af2626; padding: .5em 1em; }
p.button a:hover { text-decoration: none; background-color: #45446c; padding: .5em 1em; }


/* Global Base */

body { background-color: #FFF; padding-top: 100px; }
	body#index { padding-top: 0; }
	body#shows, body#contact, body#blog { background-color: #8eaecb; }
h1, h2, h3, h4 { font-weight: 700; margin-bottom: 0.5em; letter-spacing: 0px; color: #000; text-transform: uppercase; }
	h1 { font-size: 1.8em; }
	h2 { font-size: 1.2em; line-height: 1.5em; }
	h2.widgettitle { font-size: 1em; text-transform: none; margin-bottom: 0; }
	h3 { font-size: 0.9em; }
p, li, label { font-size: 0.9em; line-height: 1.5em; color: #000; margin: 0 0 1.5em 0; }
a { color: #5C82A5; text-decoration: none; }
a:hover { color: #000; }
label { color: #777; }

.pure-g [class*="pure-u"] { padding: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pure-g [class*="no-pad"] { padding: 0em; }
.pure-g [class*="no-pad-top"] { padding: 0em 1em 0 1em; }

header { background-color: #FFF; position: fixed; top: 0; width: 100% !important; z-index: 99; }

nav { background-color: #FFF; }
nav ul li { font-weight: 400; text-decoration: none; text-transform: uppercase; }
nav ul li a { color: #000; }
nav ul li a:hover, nav ul li .submenu ul li a:hover { color: #999; text-decoration: none; }
nav ul li .submenu { display: none; background-color: #FFF; }
nav ul li .submenu ul li { text-transform: uppercase; }
nav ul li .submenu ul li a { color: #000; }

#toggle-button { line-height: 80px; font-size: 2em; margin: 0 18px 0 0; }
#nav-band { text-transform: uppercase; background-color: #05325c; color: #FFF; height: 24px; line-height: 24px; font-size: 0.9em; font-weight: 400; }

img { -ms-interpolation-mode: bicubic; }
img.pure-img { width: 100% !important; }

footer { padding: 2em 0 4em; border-top: 1px solid #CCC; }
footer p { font-size: .85em; color: #000; }

.blog { padding-top: 2em; padding-bottom: 2em; border-bottom: 1px solid #05325c; margin-bottom: 2em; }


/* Index Styles */
#hero-contain { justify-content:center; align-items:center; height:100%; background-color: #FFF; }
#hero-index { width: 100%; height: 100%; }

/* Portfolio Category Styles */
.portfolio-thumb { width: 100% !important; border: 2px solid #e4e5ea; }
	.portfolio-thumb:hover { border: 2px solid #05325c !important; }
#portfolio-overlay { display: none; width: 100% !important; height: 100% !important; background-color: rgba(255,255,255,0.9); position: fixed; top: 0; left: 0; z-index: 999; }
	#portfolio-overlay h3 { font-weight: 700; font-size: 1.1em; }
	#portfolio-overlay p { color: #000; font-size: 1.1em; }
	#portfolio-overlay p.price { font-size: 0.85em; color: #05325c; font-weight: 700; }
.overlay-contain { background-color: #8eaecb; }

/* Extras */

.event-contain { background-color: #FFF; border: 0.5em solid #8eaecb; padding-bottom: 0.5em !important; }


/* Phone */

@media (max-width:767px)
{
	.pure-hidden-phone { display: none; }
	nav ul li .submenu ul li.submenu-header, nav ul li .submenu ul li.submenu-divider { display: none; }
	#header-logo { height: 40px; margin: 15px 10px 15px 18px; }
	#nav-band { padding-left: 2em; }


}

/* Tablet */

@media (min-width:768px) and (max-width:1059px)
{
	.pure-hidden-tablet { display: none; }
	nav ul li .submenu ul li { border-bottom: 0; }
	nav ul li .submenu { padding: 1em; margin: 0 -1em; }
	#header-logo { height: 60px; margin: 10px 10px 10px 18px; }
	#nav-band { padding-left: 80px; }
}



/* Phone + Tablet */

@media (max-width:1059px)
{
	.pure-visible-desktop { display: none; }
	nav ul li { font-size: 1em; margin: 0; padding: 0 1em; border-top: 1px solid #05325c; }
	nav ul li a { line-height: 3em; }
	nav ul li .submenu ul li { border-top: 1px solid #d2dde7; }
	nav ul li .submenu { padding: 0em; margin: 0 -1em; }
	nav#menu { display: none; float: none; clear: both; }

	.controls-prev, .controls-next, .controls-close { position: relative; /* position: absolute; z-index: 99999; */ }
	.controls-prev { width: 4em; /* left: 0; top: 40%; */ }
	.controls-next { width: 4em; /* width: 4em; right: 1em; top: 0; */ }
	.controls-close { width: 4em; /* width: 6em; right: 0; top: 40%; */ }
	.slick-slide img { display: inline !important; }
	.overlay-contain { margin-top: 0 }
	.portfolio-text { padding-bottom: 2em; }


	#menu li.has-submenu > a:after
	{
		content: '+';
		display: inline;
		float: right;
		padding: 0em 0.5em;
		margin-top: -.15em;
		font-size: 1.5em;
		line-height: 2.4em;
/*
		position: absolute;
		top: 0;
		right: 0;
		padding: 0.55em 0.5em;
*/
	}

}



/* Desktop - All */

@media (min-width:1060px)
{
	.pure-visible-phone { display: none; }
	.pure-visible-tablet { display: none; }
	.pure-hidden-desktop { display: none; }

	.frame { width: 1060px; }
	#menu-button { line-height: 3.5em; }
	
	body { /*padding-top: 100px;*/ }
		body#shows { padding-top: 120px; }
		body#about { padding-top: 90px; }
	
	nav { height: 80px; }
	nav ul { padding-left: 1em; }
	nav ul li { font-size: 1em; float: left; position: relative; float: left; margin: 0; font-size: .85em; line-height: 80px; padding: 6px 2em 0 0; }
	nav ul li .submenu { float: left; position: absolute; padding: 1em 2em 2.5em; top: 80px; left: 0; z-index: 99999; text-align: left; }
	nav ul li .submenu ul li { clear: both; margin: 0; font-size: 1em; line-height: 3em; }
	nav ul li .submenu ul a:hover { text-decoration: none; }

	nav ul li #portfolio.submenu { width: 200px; }
	
	#header-logo { height: 60px; margin: 10px 20px 10px 18px; }
	#nav-band { padding-left: 80px; }

	.portfolio-text { padding-top: 12em !important; }
	.controls-prev, .controls-next, .controls-close { position: absolute; z-index: 99999; }
	.controls-prev { width: 6em; left: 0; top: 40%; }
	.controls-next { width: 4em; right: 1em; top: 0; }
	.controls-close { width: 6em; right: 0; top: 40%; }

	.overlay-contain { margin-top: 104px; }

}


/* Desktop - Medium */

@media (min-width:1060px) and (max-width:1279px)
{
}

/* Desktop - XL */

@media (min-width:1280px)
{
}

/* Misc Styles */

/* Slider */
.slick-slider {
    position: relative; display: block; box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-arrow.slick-hidden { display: none; }