/*
Theme Name: Eltham Jazz Festival
Author: the Chromatix team
Author URI: http://www.chromatix.com.au
Description: Chromatix theme for Eltham Jazz Festival
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elthamjazz.com.au
*/

/* **************************** INIT **************************** */

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, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* css to skip for search engines */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #809a04;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

a img {border: 0; } /* IE fix. Make images that are links not have obnoxious blue borders */
li {list-style-type: none; } /* We'll turn 'em on if we need 'em */
div {border: 0px green solid; } /* For development */
div.clear {clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.lb-next, .lb-prev { background-color: rgba(255,255,255,0); }

/***************************** FONTS ***************************/

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Corbel';
	src: url('fonts/corbel.eot');
	src: url('fonts/corbel.eot?#iefix') format('embedded-opentype'),
		 url('fonts/corbel.woff') format('woff'),
		 url('fonts/corbel.ttf') format('truetype'),
		 url('fonts/corbel.svg#corbel') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Corbel-Bold';
	src: url('fonts/corbelb.eot');
	src: url('fonts/corbelb.eot?#iefix') format('embedded-opentype'),
		 url('fonts/corbelb.woff') format('woff'),
		 url('fonts/corbelb.ttf') format('truetype'),
		 url('fonts/corbelb.svg#corbelb') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OldEnglishTextMT';
	src: url('fonts/oldengl.eot');
	src: url('fonts/oldengl.eot?#iefix') format('embedded-opentype'),
		 url('fonts/oldengl.woff') format('woff'),
		 url('fonts/oldengl.ttf') format('truetype'),
		 url('fonts/oldengl.svg#oldengl') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*************************** STRUCTURE *************************/

html, body { height: 100%; width: 100%; font-family: Arial, sans-serif; }

#page { height: 100%; width: 100%; overflow-x: hidden; }

#page_container { margin: 0 auto; width: 959px; position: relative; }

.expand { position: relative; padding: 0 320px; left: -320px; width: 959px; }
/* expands the page sections for larger screens */

#masthead {
	background-image: url("images/top_bg.png");
	background-repeat: no-repeat;
	background-size: 1600px;
	text-align: left;
	overflow: hidden;
}

#content_container {
	background-image: url("images/main_bg.png");
	background-color: #f2f2f2;
}

#footer_container {
	/*min-height: 186px;*/ /* taken care of by padding */
	background-image: url("images/bottom_bg.png");
	background-repeat: no-repeat;
	background-color: #481668;
	padding-top: 176px;
	padding-bottom: 10px;
}

/*************************** SCROLLER *************************/

#scroller {
	position: relative;
	height: 500px;
	z-index: -1;
	overflow: hidden;
	top: 0;
	left: -942px;
}

	#scroller .scrolling_image {
		background-repeat: no-repeat;
		background-size: 951px;
		width: 951px;
		height: 500px;
		position: absolute;
		top: 0;
	}
	
/*************************** FEATURES *************************/

#jazz_man,
#jazz_man2 {
	width: 566px;
	height: 440px;
	background-image: url("images/greg_champion.png");
	position: absolute;
	top: -17px;
	left: 560px;
	z-index: 1;
	background-size: 120%;
	background-repeat: no-repeat;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

#bubbles {
	position: absolute;
	z-index: 1;
	top: 95px;
	right: 333px;
}

#bubble_main {
	background-image: url("images/bubble_main_2016.png");
	width: 259px;
	height: 287px;
}

#bubble_medium {
	background-image: url("images/bubble_medium.png");
	background-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	width: 66px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 236px;
	display: none;
}

#bubble_small {
	background-image: url("images/bubble_small.png");
	background-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	width: 34px;
	height: 34px;
	position: absolute;
	top: -36px;
	left: 211px;
	display: none;
}

#sax_top, #sax_bottom {
	background-image: url("images/sax.png");
	position: absolute;
	right: -281px;
}

	#sax_top {
		background-position: top left;
		top: 257px;
		width: 493px;
		height: 205px;
		z-index: 2;
	}
	
	#sax_bottom {
		background-position: bottom right;
		top: 462px;
		width: 330px;
		height: 351px;
		z-index: 1;
	}
	
.post_body.program table.easy-table tr td:first-child { width: 130px; }
.post_body.program table.easy-table tr td:last-child { width: 418px; }

/**************************** SIDEBAR *************************/

#sidebar {
	float: left;
	position: absolute;
	top: -500px;
	width: 275px;
	min-height: 800px;
}

#logo {
	background: #fff;
	width: 275px;
	height: 215px;
}

	#logo img {
		width: 199px;
		display: block;
		height: 162px;
		margin: 0 auto;
		padding: 25px 0;
	}

#menu {
	background-color: #481668;
	font-family: montserratbold, Arial, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	padding: 20px 0 30px 30px;
	line-height: 32px;
	background-image: url("images/menu_bg.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

	#menu ul {
		list-style-type: none;
	}
	
		#menu ul li {
			display: block;
		}
		
			#menu ul li a {
				color: #fff;
				text-decoration: none;
				opacity: 1;
			}
			
				#menu ul li a:hover, #menu ul li.current_page_item a {
					opacity: .4;
				}

#menu_buttons {
	font-family: montserratbold, Arial, sans-serif;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

	#menu_buttons li {
		width: 275px;
		height: 105px;
		display: block;
		clear: both;
		background-position: bottom right;
		background-repeat: no-repeat;
		position: relative;
		cursor: pointer;
	}
	
		#menu_buttons li img { position: absolute; width: 95px; height: auto; }
		#menu_buttons li:first-child img { top: -7px; left: 18px; }
		#menu_buttons li:nth-child(2) img { top: 5px; left: 15px; }
		
		#menu_buttons li h2 {
			float: right;
			width: 150px;
			padding: 25px 0 0 0;
			opacity: 1;
		}

	#menu_buttons li:first-child {
		background-color: #941f65;
		background-image: url("images/event_program_bg.png");
	}
	
	#menu_buttons li:nth-child(2) {
		background-color: #afcf2b;
		background-image: url("images/location_map_bg.png");
	}
	
		#menu_buttons li:hover h2 {
			opacity: .7;
		}

#custom_sidebar {  }
	#custom_sidebar iframe { margin-top: 30px; }

/**************************** CONTENT *************************/

#content {
	float: right;
	width: 624px; /* 959 main space - 275 sidebar - 30*2 padding */
	background: #fff;
	min-height: 630px;
	text-align: left;
	padding: 0 30px;
	position: relative;
	top: -80px;
	margin-bottom: -80px;
	font-size: 14px;
	color: #626262;
}

	#content div.post_body { padding-right: 20px; z-index: 10; } /* so content doesn't hide under sax */

	#content p {
		margin: 15px 0;
	}
	
	#content h1 {
		color: #481668;
		font-family: montserratbold, Arial, sans-serif;
		font-size: 35px;
		text-transform: uppercase;
		border-bottom: 1px solid #481668;
		margin-bottom: 15px;
	}
	
	#content h2 {
		color: #831e64;
		font-family: Corbel, Arial, sans-serif;
		font-size: 24px;
		text-transform: uppercase;
	}
	
	#content h3 {
		color: #831e64;
		font-family: Corbel-Bold, Arial, sans-serif;
		font-size: 20px;
		margin: 20px 0 10px 0;
	}
	
	#content h4 {
		color: #831e64;
		font-family: Corbel-Bold, Arial, sans-serif;
		font-size: 18px;
		margin: 0;
	}
	
	#content h5 {
		color: #4d4d4d;
		font-family: Corbel-Bold, Arial, sans-serif;
		font-size: 16px;
		margin: 0;
	}
	
	#content strong { font-weight: bold; }
	#content em { font-style: italic; }
	
	#content ul {
		margin: 15px 30px;
	}
	
		#content ul li { list-style-type: disc; }
		
	#content a {
		color: #481668;
		font-weight: bold;
		text-decoration: underline;
	}
	
		#content a:hover { color: #941F65; }
		
	#content img.alignright { float: right; clear: right; margin: 10px; }
	#content img.alignleft { float: left; clear: left; margin: 10px; }
	#content img.aligncenter { display: block; margin: 10px; }
	
form { width: 450px; }
form p { min-height: 27px; }
form label { float: left; width: 50px; line-height: 22px; }
form input { float: right; width: 355px; margin-right: 5px; font-family: Corbel, Arial, sans-serif; }
form textarea { width: 439px; font-family: Corbel, Arial, sans-serif; }
	form input[type="submit"] { width: 130px; padding: 5px; }

#content form span.wpcf7-not-valid-tip { display: none; }
#content form div.wpcf7-response-output { padding: 10px; }

.montsalvat { font-family: OldEnglishTextMT; font-size: 16pt; }

#content hr {
	border-top: 0;
	border-bottom: 1px solid #481668;
}

#content .gallery .gallery-item img { border: 2px solid #cfcfcf; }
	#content .gallery .gallery-item img:hover { border: 2px solid #481668; }

#content .artists img.alignright { margin-top: 2px; /* make it align with text better */ }
	
.link_block a, a.link_block {
	 /* make a block of links not look so heavy! */
	text-decoration: none !important;
	font-weight: normal !important;
}

/****** LOGOS ******/

/* old */

.partner_logo img,
img.partner_logo,
.partner_logo_reduced_spacing img,
img.partner_logo_reduced_spacing,
.partner_logo_reduced_height img,
img.partner_logo_reduced_height {
	vertical-align: middle;
	width: auto;
}

	.partner_logo img, img.partner_logo { margin: 7px; height: 100px; }
	.partner_logo_reduced_spacing img, img.partner_logo_reduced_spacing { margin: 0 2px; height: 61px; }
	.partner_logo_reduced_height img, img.partner_logo_reduced_height { height: 40px; }
	
	.partner_logo img:hover,
	img.partner_logo:hover,
	.partner_logo_reduced_spacing img:hover,
	img.partner_logo_reduced_spacing:hover,
	.partner_logo_reduced_height img:hover,
	img.partner_logo_reduced_height:hover {
		opacity: .7;
	}
	
/* new */

.partner_container { }
	.partner_container .section { }
		#content .partner_container .section h2 { margin: 10px 0; }
		
		.partner_container .partner { width: 27%; float: left; padding: 0; margin: 1% 3%; box-sizing: border-box; }
			.partner_container .partner.horizontal { /*padding: 2% 0;*/ }
			.partner_container .partner.vertical { /*padding: 0 2%;*/ }
			.partner_container .partner a { opacity: .85; }
			
				.partner_container .partner img {
					width: 100%;
					height: 95px;
					padding-left: 100%;
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}
				
					/*.partner_container .partner.horizontal img { background-size: 80% auto; }
					.partner_container .partner.vertical img { background-size: auto 80%; }*/
				
				.partner_container .partner a:hover { opacity: 1; }
	
/****** PROGRAM GUIDE ******/

.program_guide_container { width: 104%; /* extend out to the right side a little */ }

	.program_guide_container .section { }
		#content .program_guide_container h2 { font-size: 21px; margin-top: 20px; } /* date heading */
		
		.program_guide_container .stage { width: 48%; }
			.program_guide_container .stage.odd { float: left; clear: both; }
			.program_guide_container .stage.even { float: right; }
			#content .program_guide_container h3 { font-size: 16px; } /* stage heading */

			/* tables piggy back on existing styles for easy-table plugin; with some additions/changes */

			table.program_guide { font-size: .8em; margin: 0; }
				table.program_guide tr { }
					table.program_guide tr td { }
						table.program_guide tr td.date { padding-left: 0; width: auto !important; /* override explicit width set for easy-table class earlier in this document - keeping it there for backwards compatibility */ }
						table.program_guide tr td.name { padding-right: 0; }

/**************************** FOOTER **************************/

#footer { padding-bottom: 20px; color: #fff; }

	#footer a { color: #fff; }
		#footer a:hover { color: #ddd; }
		
	#footer ul { margin: 0 0px 0 0px; }
		#footer ul li { list-style-type: none; margin: 6px 0; }
			#footer ul li a { text-decoration: none; }

	#footer .menu ul {
		font-family: montserratbold;
		list-style-type: none;
		font-size: 14px; /* was 16px, changed by Faith on 25/11/13 */
		line-height: 27px;
		text-transform: none; /* was none, changed by Faith on 25/11/13 */
		margin: 0;
	}
	
		#footer .menu ul li { display: block; margin: 0; }
		
			#footer .menu ul li a, #footer .footer_section h2 a {
				color: #fff;
				text-decoration: none;
				opacity: 1;
			}
			
				#footer .menu ul li a:hover, #footer .footer_section h2 a:hover { opacity: .4; }
				
	#footer .footer_section {
		float: left;
		width: 21%;
		margin: 0 2%;
		font-size: 14px;
		font-family: Corbel, Arial, sans-serif;
	}
	
		#footer .footer_section:first-child { margin-left: 0; }
		#footer .footer_section:nth-last-child(2) { margin-right: 0; float: right; }
	
		#footer .footer_section h2 {
			padding-bottom: 5px;
			border-bottom: 1px #fff solid;
			margin-bottom: 15px;
			font-size: 20px;
			font-family: montserratbold;
			text-transform: uppercase;
		}
		
		#footer .footer_section p { margin: 15px 0; }
		
		#footer .footer_section a img { opacity: 1; }
			#footer .footer_section a img:hover { opacity: .7; }

#mc_embed_signup {  }
	#mc_embed_signup #mc-embedded-subscribe-form { padding: 0; width: auto; }
		#mc_embed_signup #mc-embedded-subscribe-form label { float: none; display: block; font-size: 14px; width: 188px; }
		#mc_embed_signup #mc-embedded-subscribe-form input { float: none; display: block; width: 188px; }
		#mc_embed_signup #mc-embedded-subscribe-form input[type="submit"] { float: none; display: block; width: 189px; }
		
#footer_text {
	padding-top: 20px;
	font-family: Corbel, Arial, sans-serif;
	font-size: 13px;
	text-align: right;
	opacity: .6;
}

	#footer_text div, #footer_text li { display: inline; } /* to not wrap signature */
	#footer_text a { color: #fff; }
		#footer_text a:hover { color: #eee; }
		
/* ************************* The end! ************************* */