/*---------------------------------------------- RESET */

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,img,ins,kbd,q,s,samp,small,strike,strong,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}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}p,ul,ol{margin:0 0 20px}ul,ol{padding:0 0 0 2.5em}label{cursor:pointer}button{cursor:pointer;border:0;outline:0}input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0}input[type="submit"]:focus,input[type="button"]:focus{outline:0}

/*---------------------------------------------- WEBFONTS */

@font-face {font-family: 'Gentona-LightItalic';src: url('../webfonts/28F02E_0_0.eot');src: url('../webfonts/28F02E_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/28F02E_0_0.woff') format('woff'),url('../webfonts/28F02E_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Gentona-Light';src: url('../webfonts/28F02E_1_0.eot');src: url('../webfonts/28F02E_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/28F02E_1_0.woff') format('woff'),url('../webfonts/28F02E_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Gentona-Bold';src: url('../webfonts/28F02E_2_0.eot');src: url('../webfonts/28F02E_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/28F02E_2_0.woff') format('woff'),url('../webfonts/28F02E_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Gentona-Medium';src: url('../webfonts/28F02E_3_0.eot');src: url('../webfonts/28F02E_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/28F02E_3_0.woff') format('woff'),url('../webfonts/28F02E_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Gentona-Book';src: url('../webfonts/28F02E_4_0.eot');src: url('../webfonts/28F02E_4_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/28F02E_4_0.woff') format('woff'),url('../webfonts/28F02E_4_0.ttf') format('truetype');}
 


/*---------------------------------------------- GLOBAL SETTINGS */


html, body{ height: 100%; }

body {
	background: #fff;
	font: 20px/30px 'Gentona-Light', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #282828;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

.hidden { display: none; } 

/*---------------------------------------------------- FORMATTING */

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'Gentona-Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;  }
h1 { font-size: 20px; line-height: 30px; margin-bottom: 20px; color: #282828; }
h2 { font-size: 20px; line-height: 30px; margin-bottom: 20px; color: #282828; }
h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; color: #282828; text-transform: uppercase; }
h4 { font-size: 18px; line-height: 30px; margin-bottom: 20px; color: #282828; }
h5 { font-size: 18px; line-height: 20px; margin-bottom: 20px; color: #ababab; }
h6 { font-size: 18px; line-height: 20px; margin-bottom: 20px; color: #1ab3d1; }

p { margin: 0 0 20px 0; }
em { font-style: italic; font-family: 'Gentona-LightItalic', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
small { font-size: 80%; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

a { color: #333; text-decoration: underline; outline: 0; 
	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;}
a:hover, a:focus { color: #000; }
p a { line-height: inherit; }

strong {
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type=text], input[type=password], textarea {
	font-size: 1em;
	font-family: 'Gentona-Light', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-transition: border-color .2s ease-out,-webkit-box-shadow .2s ease-out;
	-moz-transition: border-color .2s ease-out,-moz-box-shadow .2s ease-out; 
	background:  #f7f7f7;
	border: 0;
	height: 21px;
	padding: 7px 5%;
	width: 90%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 16px;
	color: #666;
}

label {
	font-size: 16px;
	color: #666;
}

input:focus, textarea:focus {
	outline: none;
    -webkit-box-shadow: 0 0 6px 0 #1ab3d1;
    -moz-box-shadow: 0 0 6px 0 #1ab3d1;
    box-shadow: 0 0 6px 0 #1ab3d1;
	border: 1px solid #1ab3d1 !important;
}

button {
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }


/* buttons */

.btn {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: inline-block;
	text-decoration: none;
	padding: 2px 14px 3px;
	font-size: 16px;
	-webkit-transition: background-color .1s ease-in-out;
	-moz-transition: background-color .1s ease-in-out;
	-ms-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
}

.btn-blue {
	background-color: #008eaa;
	color: #fff;
}

	.btn-blue:hover {
		color: #fff;
		background-color: #1aabc8;
	}

.btn-cyan {
  background-color: #1ab3d1;
  color: #fff;
}

	.btn-cyan:hover {
		background-color: #1ec4e5;
	}

.btn-clear {
	border: 2px solid #fff;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 24px;
}

	.btn-clear:hover {
		background-color: #fff;
		cursor: pointer;
	}

.btn-shatter {
	background: url(../img/blue-btn-bg.png) 0 0 no-repeat;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	padding: 7px 37px 7px;
}

	.btn-shatter:hover {
		background: url(../img/blue-btn-bg.png) 0 -44px no-repeat;
		color: #fff;
	}
	
.btn-shatter.lg {
	background: url(../img/lg-blue-btn-bg.png) -110px 0 no-repeat;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	padding: 16px 37px 15px;
}

	.btn-shatter:hover {
		background: url(../img/lg-blue-btn-bg.png) -110px -55px no-repeat;
	}

.btn-yellow {
	color: #fff;
	text-transform: uppercase;
	background-color: #ef9c0b;
	font-size: 14px;
	line-height: 38px;
	padding: 0 12px;
}

	.btn-yellow:hover {
		color: #fff;
		background-color: #ffa200;
		cursor: pointer;
	}
	

.btn-magenta {
	color: #fff;
	text-transform: uppercase;
	background-color: #d23678;
	font-size: 14px;
	line-height: 38px;
	padding: 0 12px;
}

	.btn-magenta:hover {
		color: #fff;
		background-color: #ef3685;
		cursor: pointer;
	}

.btn-tickets {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #ef595a;
	line-height: 11px;
	padding: 6px 7px;
}

	.btn-tickets:hover {
		background-color: #fb6c69;
		color: #fff;
	}

.btn-tickets.lg {
	font-size: 14px;
	line-height: 14px;
	font-family: 'Gentona-Bold' !important;
	padding: 9px 9px;
}

	.btn-tickets.lg:hover {
		background-color: #fb6c69;
		color: #fff !important;
	}

.gradient-text {
	text-transform: uppercase;
	font-size: 20px;
	position: relative;
}

.gradient-blue {
	color: #1ab3d1;
	background: -webkit-linear-gradient(#1ab4d1, #255fa0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-yellow {
	color: #ef5c51;
	background: -webkit-linear-gradient(#fbb94d, #ed4d52);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* blockquote */

blockquote {
	width: 85%;
	border-bottom: 1px dashed #bdbdbd;
	border-left: 5px solid #4ebed7;
	display: block;
	padding: 15px 20px 0;
	margin: 30px auto;
	font-family: 'Gentona-LightItalic';
}

blockquote p {
	font-size: 16px;
	line-height: 21px;
}


/* icons */

.icn {
	display: inline-block;	
	background-image: url('../img/sprites.png');
	background-repeat: no-repeat;
	vertical-align: text-top;
	text-indent: -99999em;
}


.icn span {
	display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    .icn {
		/* Reference the @2x Sprite */
		background-image: url('../img/sprites@2x.png');
		/* Translate the @2x sprite's dimensions back to 1x */
		background-size: 960px 960px; 
    }
}


/* =WordPress Core - Do not remove these classes
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
	border-bottom: 5px solid #ededed;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    color: #555;
	font-size: 16px;
	margin: 0;
	line-height: 22px;
    font-family: 'Gentona-Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}


/* =Shortcodes
-------------------------------------------------------------- */

.cols_2_left, .cols_2_right, .cols_3_left, .cols_3_middle, .cols_3_right {
	margin: 0 0 1.5em;
}

.cols_2_left {
	float: left;
	width: 47%;
}

.cols_2_right {
	float: right;
	width: 47%;
}

.cols_3_left {
	float: left;
	width: 30%;
}

.cols_3_middle {
	float: left;
	width: 30%;
	margin-left: 5%;
}

.cols_3_right {
	float: right;
	width: 30%;
}



/*------------------------------------------------------ LAYOUT */

.outerWrap {
	position: relative;
	background-color: #f5f5f5;
}

#container {
	background: #fff;
	position: relative;
	display: block;
	max-width: 1600px;
	width: auto;
	margin: 0 auto;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.wrapper {
	max-width: 940px;
	width: auto;
	padding: 0 10px;
	position: relative;
	margin: 0 auto;
	display: block;
}


/*------------------------------------------------------ HEADER */

header {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	display: block;
	z-index: 9999;
	text-align: center;

}

.logo {
	position: absolute;
	left: 1.7%;
	display: block;
	width: 145px;
	height: 104px;
	z-index: 1001;
}

	.logo img {
		width: 100%;
		height: 100%;
	}



.social {
	position: absolute;
	right: 1.7%;
	top: 0;
}

	.social a {
		text-decoration: none;
		color: #fff;
		margin-left: 10px;
		font-size: 12px;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	
		.social a.subscribe-link {
			margin-right: 10px;
			padding-right: 10px;
			border-right: 1px solid #333337;
			padding: 0px 10px 5px 0;
			position: relative;
		}
		
			.social i.subscribe {
				margin: 2px 0 0 10px;
				-webkit-transition: all .1s ease-in-out;
				-moz-transition: all .1s ease-in-out;
				-ms-transition: all .1s ease-in-out;
				-o-transition: all .1s ease-in-out;
				transition: all .1s ease-in-out;
			}
		
		.social a.subscribe-link:hover {
			top: -3px;
		}
		
		.social a.twitter {
			margin-top: 7px;
			margin-left: 0;
		}
		
			.social a.twitter:hover {
				margin-top: 4px;
			}
		
		.social a.facebook {
			margin-top: 4px;
		}
	
			.social a.facebook:hover {
				margin-top: 2px;
			}

		.social .icn,
		.login-search .icn {
			text-indent: 0;
		}
		
		.social .icn p,
		.login-search .icn p {
			display: none;
		}




.login-search {
	position: absolute;
	right: 1.7%;
	top: 43px;
}

	a.search {
		margin: 4px 20px 0 10px;	
	}
	
	a.home {
		margin: 4px 0 0;	
	}

	.login-search .btn-login,
	.login-search .btn-logout,
	.mobile-nav .btn-login,
	.mobile-nav .btn-logout {
		display: none;
	}

	.login-search.loggedin .btn-login,
	.login-search.loggedout .btn-logout,
	.mobile-nav ul.loggedin .btn-login,
	.mobile-nav ul.loggedout .btn-logout {
		display: none;
	}
	
	.login-search.loggedout .btn-login,
	.login-search.loggedin .btn-logout,
	.mobile-nav ul.loggedout .btn-login,
	.mobile-nav ul.loggedin .btn-logout {
		display: inline-block;
	}


header nav {
	position: relative;
	margin: 0 auto;
	display: block;
	text-align: center;
	width: 59%;
	padding-top: 46px;
	max-width: 804px;
	z-index: 1000;
}

	header nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: auto;
		display: block;
		max-width: 804px;
	}
	
		header nav ul li {
			display: inline-block;
			padding: 0 2.8% 30px;
			position: relative;
		}
		
			header nav li a {
				color: #fff;
				font-size: 18px;
				text-decoration: none;
			}
			
				header nav li a:hover {
					color: #008eaa;
				}
				
				header nav li.active a {
					color: #008eaa;
				}
		
		/*header nav ul li:first-child {
			display: inline-block;
			padding: 0 2.8% 0 0;
		}
		
		header nav ul li:last-child {
			display: inline-block;
			padding: 0 0 0 2.8%;
		} */


/* drop downs */



header nav ul li li {
	padding: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #1798ca;
}

	header nav ul ul li:first-child {
		border: 0;
	}

	header nav ul ul li:first-child,
	header nav ul ul li:last-child {
		padding: 0;
	}
	
	header nav ul li li a,
	header nav ul li.active li a {
		display: block;
		width: 200px;
		font-size: 16px;
		text-align: center;
		padding: 12px 0;
		color: #fff;
	}
	
	header nav ul li li a:hover {
		background-color: rgba(255,255,255,0.2);
		color: #fff;
	}
	
	header nav ul li li.subparent span {
		display: inline-block;
		height: 5px;
		width: 7px;
		background: url(../img/nav-arrow.png) right top no-repeat;
		margin-left: 8px;
		margin-top: -2px;
	}
	
	header nav ul li li.subparent.current span {
		display: inline-block;
		height: 5px;
		width: 7px;
		background: url(../img/nav-arrow.png) right -5px no-repeat;
		margin-left: 8px;
		margin-top: -2px;
	}

header nav li ul { /* second-level lists */
	position: absolute;
	width: 200px;
	border-radius: 3px;
	padding: 0;
	top: 35px;
	background: url(../img/dd-bg.png) -20px top no-repeat;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	opacity: 0;
	transition: opacity .3s linear;
}

	header nav li ul:after {
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
	}

	header nav li ul:after {
		border-color: rgba(0, 177, 213, 0);
		border-bottom-color: #00b1d5;
		border-width: 10px;
		left: 50%;
		margin-left: -10px;
	}


header nav li ul ul { /* third-level lists */
	background-image: none;
	border-radius: 0;
	display: block;
	position: relative;
	display: none;
	top: 0;
}
	header nav li ul ul:after {
		border-color: rgba(0, 177, 213, 0);
		border-bottom-color: #00b1d5;
		border-width: 0;
		left: 50%;
		margin-left: -10px;
	}

	header nav li ul ul li,
	header nav li ul ul li:first-child {
		background-color: rgba(7,83,113,0.8);
		margin: 0;
		padding: 0;
		border-top: 1px solid #0c5a7c;
	}
	
	header nav li ul ul li a {
		font-size: 15px;
		padding: 9px 0;
	}
	
	header nav li ul ul li a:hover {
		background-color: rgba(31,116,150,0.8);
	}


header nav li:hover ul, header nav li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
	opacity: 1;
}






/*------------------------------------------------------ SLIDER */

#slider {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	height: 800px;
	width: 100%;
	background-color: #000;
}



#slider .slides {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

#slider .text-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
} 

#slider .glow {
	display: block;
	width: 360px;
	height: 360px;
	background: url(../img/logo-glow.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#slider .banner-shadow {
	display: block;
	z-index: 111;
	position: absolute;
	width: 100%;
	height: 193px;
	background: url(../img/banner-shadow.png) 0 0 repeat-x;
}

#slider .banner-overlay {
	display: block;
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}

#slider .image {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	background-position: center;
	background-size: cover;
}

#slider .text-container article {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	background-position: center;
	background-size: cover;
}

#slider article .wrapper {
	z-index: 2;
	position: relative;
}

	#slider article .text {
		padding-top: 300px;
		position: relative;
		text-align: center;
		color: #fff;
	}
	
	#slider article .text p {
		text-transform: uppercase;
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
		text-shadow: 0 2px 0px rgba(0,0,0,0.19);
	}
	
	#slider article .text h1 {
		font-size: 60px;
		line-height: 60px;
		color: #fff;
		margin-bottom: 27px;
		text-shadow: 0 2px 0px rgba(0,0,0,0.19);
	}
	
	#slider .blue-arrow {
		margin: 2px 0 0 50px;
	}





#slider nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 999;
}

	#slider nav .wrapper {
		padding: 0;
		max-width: 960px;
		position: relative;
	}
	
	#slider nav a {
		width: 33.3%;
		bottom: 0;
		left: 33.4%;
		display: inline-block;
		color: #fff;
		font-size: 14px;
		line-height: 20px;
		padding: 0 0 16px;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 5px solid #f2a900;
		word-spacing: 0;
		position: absolute;
		-webkit-transition: all, border .1s ease-in-out;
		-moz-transition: all, border.1s ease-in-out;
		-ms-transition: all, border .1s ease-in-out;
		-o-transition: all, border.1s ease-in-out;
		transition: all, border .1s ease-in-out;
	}
	
	#slider nav a.first {
		border-bottom: 5px solid #1ab3d1;
		left: 0;
	}
	
	#slider nav a.last {
		border-bottom: 5px solid #cb2c30;
		right: 0;
		left: auto;
	}
	
		#slider nav a:hover,
		#slider nav a.active {
			border-width: 10px;
			-webkit-transition: border-width .1s ease-in-out;
			-moz-transition: border-width.1s ease-in-out;
			-ms-transition: border-width .1s ease-in-out;
			-o-transition: border-width.1s ease-in-out;
			transition: border-width .1s ease-in-out;
		}
	
	#slider nav a .logo-shape {
		mask: url(../img/mask.svg#logo_mask);
		-webkit-mask-image: url(../img/mask.svg);
		width: 70px;
		height: 73px;
		float: left;
		background-color: transparent;
		margin: 0 15px 0 0;
	}
	
	#slider nav a p {
		margin: 20px 0 0;
		float: left;
		width: 62%;
	}
	


/*------------------------------------------------------ INTERNAL PAGE BANNER */

#banner {
	display: block;
	position: relative;
	height: 360px;
	background-color: #111;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/default-banner.jpg);
}

#banner .overlay {
	position: absolute;
	height: 140px;
	width: 100%;
	background: url(../img/internal-banner-overlay.png) 0 0 repeat-x;
	left: 0;
	top: 0;
	display: block;
}

#banner p {
	font-size: 50px;
	line-height: 1.1em;
	color: #fff;
	margin: 0;
	text-align: center;
	position: relative;
	top: 200px;
	text-shadow: 0 2px 0 rgba(0,0,0,0.2);
}


/*------------------------------------------------------ HOMEPAGE CONTENT */

#content {
	position: relative;
	display: block;
	width: 100%;
}


/* homepage philosophy and upcoming events */

.intro-events {
	position: relative;
	display: block;
	padding-top: 40px;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 5px solid #ededed;
}

	.intro {
		float: left;
		width: 55.3%;
		max-width: 520px;
	}
	
		.intro h1 {
			font-size: 28px;
			line-height: 40px;
			margin-bottom: 21px;
		}
	
	.upcoming {
		float: right;
		width: 36.2%;
		max-width: 340px;		
	}
	
		.upcoming article {
			margin: 0 0 20px;
			min-height: 60px;
		}
	
		.upcoming .date {
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			display: block;
			width: 60px;
			height: 48px;
			padding-top: 12px;
			background-color: #f37d50;
			color: #fff;
			text-transform: uppercase;
			font-size: 13px;
			color: #fff;
			color: rgba(255,255,255,0.6);
			text-align: center;
			line-height: 1.5em;
			float: left;
			margin: 0 12px 0 0;
		}
	
			.upcoming .date strong {
				color: #fff;
				color: rgba(255,255,255,1);
				font-size: 22px;
				display: block;
			}
			
		.upcoming article:nth-child(2) .date {
			background-color: #ef5c51;
		}
		
		.upcoming article:nth-child(4) .date {
			background-color: #fbb94d;
		}
	
		.upcoming .text {
			margin-left: 80px;
		}
	
			.upcoming .text p {
				font-size: 20px;
				line-height: 24px;
			}
			
			.upcoming a {
				text-decoration: none;
				color: #f37d50;
				display: inline-block;
			}
			
			.upcoming article:nth-child(2) a {
				color: #ef5c51;
			}
			
			.upcoming article:nth-child(4) a {
				color: #fbb94d;
			}
			
			.upcoming a .arrow {
				margin-top: 7px;
				margin-left: 5px;
				-webkit-transition: all .1s ease-in-out;
				-moz-transition: all .1s ease-in-out;
		        -ms-transition: all .1s ease-in-out;
		        -o-transition: all .1s ease-in-out;
				transition: all .1s ease-in-out;
			}
			
			.upcoming a:hover .arrow {
				margin-top: 7px;
				margin-left: 10px;
			}
	
		



/* homepage wam news and industry news */

.news {
	position: relative;
	display: block;
	margin-bottom: 75px;
}

	.wam-news {
		float: left;
		width: 48.9%;
		max-width: 460px;
		position: relative;
	}
	
	.industry-news {
		float: right;
		width: 48.9%;
		max-width: 460px;
		position: relative;
	}
	
.news p.heading {
	font-size: 16px;
	line-height: 24px;
	color: #3a3a3a;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.news a.more {
	position: absolute;
	right: 0;
	top: 6px;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.0em;	
}

	.wam-news a.more {
		color: #1ab3d1;
	}
	
	.industry-news a.more {
		color: #f2a900;
	}


.news article a {
	display: block;
}

.wam-news article,
.industry-news article {
	width: 50%;
	float: left;
	position: relative;
	height: 258px;
	overflow: hidden;
}

	.wam-news article {
		border-bottom: 5px solid #1ab3d1;
	}
	
	.industry-news article {
		border-bottom: 5px solid #f2a900;
	}

		.news article img {
			height: 100%;
			width: auto;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.news article .overlay {
			background: url(../img/news-overlay.png) left top repeat-x;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 2;
			width: 100%;
			height: 430px;
			top: 100px;
			display: block;
		}
		
		.news article .text {
			position: absolute;
			z-index: 2;
			color: #fff;
			width: 100%;
			height: 200px;
			height: 100%;
		}
		
		.news article .text h2 {
			font-size: 18px;
			line-height: 22px;
			position: absolute;
			bottom: -10px;
			left: 0;			
			padding: 20px;
			color: #fff;
		}
		
		.news article .text .date {
			font-size: 10px;
			margin: 0;
			line-height: 10px;
			text-transform: uppercase;
			position: absolute;
			top: 150px;
			bottom: auto;
		}
		
		.news article .text.long .date {
			top: 128px;
		}
		
		.news article .text .date span {
			display: none;
		}
		
			.wam-news article .text .date {
				color: #1ab3d1;
			}
			
			.industry-news article .text .date {
				color: #f2a900;
			}
		
		.news article .text p {
			font-size: 12px;
			line-height: 18px;
			color: #fff;
			position: absolute;
			top: 80px;
			left: 0;			
			padding: 20px;
			display: block;
		}
		
		.news article .text p.desc {
			top: 250px;
		}
		
		.news article a {
			text-decoration: none;
			color: #fff;
		}
					
		.wam-news article p span {
			color: #1ab3d1;
		}
		
		.industry-news article p span {
			color: #f2a900;
		}
		
		.news article i.comments {
			margin: 1px 4px 0 10px;
		}
		
			
	/* slideshow pager */
	
	.pager,
	.pager-industry {
		text-align: center;
		margin-top: 20px;
	}
	
	.pager span,
	.pager-industry span {
		display: inline-block;
		margin: 0 5px;
		background-position: -192px -256px;
		width: 7px;
		height: 7px;
		text-align: center;
	}
	
	.pager span.cycle-pager-active,
	.pager-industry span.cycle-pager-active,
	.pager span:hover,
	.pager-industry span:hover {
		display: inline-block;
		margin: 0 5px;
		background-position: -128px -256px;
		cursor: pointer;
	}




/* homepage newsletter subscription */

.newsletter {
	position: relative;
	display: block;
	margin-bottom: 70px;
}

	.newsletter .text {
		width: 36.1%;
		max-width: 340px;
		float: left;
	}
	
	.newsletter .text p {
		font-size: 17px;
		line-height: 22px;
		color: #838383;
		margin-bottom: 0;
	}
	
	.newsletter .text p.title {
		font-size: 30px;
		line-height: 1.0em;
		margin-bottom: 18px;
		color: #282828;
	}
	
	.newsletter form {
		float: right;
		width: 60%;
		text-align: right;
		margin-top: 50px;
	}
	
		.newsletter form .field {
			width: 37%;
			height: 35px;
			margin-left: 1.5%;
			display: inline-block;
			position: relative;
		}
		
			.newsletter form .field:first-child {
				margin: 0;
			}
		
		.newsletter form .field input {
			position: absolute;
			top: 0;
			left: 0;
			border-bottom: 3px solid #1ab3d1;
		}
		
		.newsletter form .field label {
			position: absolute;
			top: 3px;
			left: 5%;
			z-index: 2;
		}
		
		.newsletter form button {
			display: inline-block;
			padding: 0;
			margin: 0 0 0 1.5%;
			text-transform: uppercase;
			font-size: 16px;
			-webkit-font-smoothing: antialiased;
			float: right;
			height: 38px;
			width: 15.9%;
		}


/* ad banner */

.ad-banner {
	display: block;
	position: relative;
	margin: 0 0 40px;
	text-align: center;
}

.ad-banner a {
	display: block;
	width: 690px;
	height: 93px;
	margin: 0 auto;
}

.internal-subfooter .ad-banner {
	margin-bottom: 0;
}

	.ad-banner div,
	.internal-subfooter .ad-banner div {
		margin: 0 auto;
	}

/*------------------------------------------------------ FEATURED ARTISTS */

#featured-artists {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

#featured-artists article {
	overflow: hidden;
}

#featured-artists article img {
	width: 100%;
	height: 100%;
	height: auto;
	position: absolute;
	-webkit-transform: translateZ(0) scale(1, 1);
	-moz-transform: translateZ(0) scale(1, 1);
	transform: translateZ(0) scale(1, 1);
	-webkit-transition: -webkit-transform 2s linear;
	-moz-transition: -moz-transform 2s linear;
	-o-transition: -o-transform 2s linear;
	transition: transform 2s linear;

}

#featured-artists article:hover img {
	-webkit-transform: translateZ(0) scale(1.1, 1.1);
	-moz-transform: translateZ(0) scale(1.1, 1.1);
	transform: translateZ(0) scale(1.1, 1.1);
	-webkit-transition: -webkit-transform 5s linear;
	-moz-transition: -moz-transform 5s linear;
	-o-transition: -o-transform 5s linear;
	transition: transform 5s linear;
}

#featured-artists .main {
	width: 76.4%;
	position: absolute;
	left: 0;
	top: 0;
}

#featured-artists .second {
	width: 23.6%;
	position: absolute;
	right: 0;
	top: 0;
}

#featured-artists .third {
	width: 23.6%;
	position: absolute;
	right: 0;
	bottom: 0;
}

#featured-artists .text {
	position: absolute;
}

	#featured-artists a .text {
		color: #fff;
		text-decoration: none;
	}

#featured-artists .main .text {
	position: absolute;
	text-align: center;
}

	#featured-artists .main .text p {
		text-transform: uppercase;
		font-size: 16px;
		line-height: 24px;
		margin: 0;
	}

	#featured-artists .main .text h3 {
		font-size: 90px;
		line-height: 1.0em;
		color: #fff;
		margin-bottom: 10px;
	}
	
	#featured-artists .main .text span.btn {
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 12px;
	}
	
		#featured-artists .main .text span.btn:hover {
			color: #282828;
		}

#featured-artists .second .overlay,
#featured-artists .third .overlay {
	display: block;
}

#featured-artists .second .overlay,
#featured-artists .third .overlay {
	position: absolute;
	width: 100%;
	height: 130px;
	display: block;
	bottom: 0;
	left: 0;
	background: url(../img/fa-overlay.png) 0 0 repeat-x;	
}
	
#featured-artists .second .text,
#featured-artists .third .text {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 10px;
}


#featured-artists .second .text p,
#featured-artists .third .text p {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}

#featured-artists .second .text h3,
#featured-artists .third .text h3 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 23px;
	margin: 0 0 10px;
	color: #fff;
}

#featured-artists .third .play {
	position: absolute;
}



/*------------------------------------------------------ SOCIAL MEDIA */


#social-media {
	position: relative;
	display: block;
	width: 100%;
	background: url(../img/social-bg.jpg) center bottom no-repeat;
	background-size: cover;
	padding-top: 40px;
	color: #fff;
	min-height: 850px;
}

#social-media.mob-lnd-prt {
	display: none;
}

#social-media p.heading {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;	
}

	#social-media p.heading strong {
		font-weight: normal;
	}
	
#social-media a.account {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	position: absolute;
	bottom: -40px;
	left: 14%;	
}







/* twitter & fb feeds */

.twitter-facebook {
	position: relative;
	display: block;
	width: 100%;
}

.twitter-feed {
	width: 48.9%;
	max-width: 460px;
	float: left;
	position: relative;
}

	.twitter-feed .tweets {
		background-color: #3dc7f4;
		width: 97%;
		min-height: 260px;
		margin-left: 10px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
				
	}
	
	.twitter-feed .tweets .tweet {
		padding: 13px 27px 22px;
		word-wrap: break-word;
		width: 88%;
	}
	
	
.facebook-feed {
	width: 48.9%;
	max-width: 470px;
	float: right;
	position: relative;
}

	.facebook-feed .posts {
		background-color: #3b5998;
		width: 97%;
		min-height: 260px;
		margin-right: 20px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		word-wrap: break-word;
	}
	
	.facebook-feed .posts .post {
		padding: 13px 27px 22px;
		width: 88%;
	}
	
	.twitter-feed .tweets p,
	.facebook-feed .posts p {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.twitter-feed .tweets .date,
	.facebook-feed .posts .date {
		font-size: 10px;
		line-height: 24px;
		text-transform: uppercase;
		margin: 0 0 7px;
	}
	
	.twitter-feed .tweets a,
	.facebook-feed .posts a {
		text-decoration: none;
	}
	
	.twitter-feed .tweets a {
		color: #16576c;
	}
	
	.twitter-feed .tweets a:hover {
		color: #2e809b;
	}
	
	.twitter-feed i,
	.facebook-feed i {
		position: absolute;
		right: 10px;
		bottom: 12px;
	}
	
	.facebook-feed i {
		position: absolute;
		right: 20px;
		bottom: 12px;
	}
	
	.speech {
		position: absolute;
		bottom: -17px;
		left: 20px;
	}
	
	.twitter-feed .speech {
		left: 30px;
	}
	
#social-media .pagination {
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 8px;
}

#social-media .pagination li {
	display: block;
	margin: 0 0 5px;
}

#social-media .pagination a {
	display: block;
	text-indent: -99999px;
}

.twitter-feed .pagination {
	left: -10px;
}

.facebook-feed .pagination {
	right: -10px;
}


	



/* wamstagram */


.wamstagram {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 70px;
	overflow: hidden;

}

#social-media .wamstagram p.heading {
	margin: 0;
	position: absolute;
	top: 35px;
	left: 22%;
	background: url(../img/worm.png) bottom center no-repeat;
	padding-bottom: 4px;
}

.wamstagram article {
	float: left;
	width: 33.3%;
	height: 320px;
	display: block;
	position: relative;
}






/* background solid colour triangles */


.triangle,
.triangle:before,
.triangle:after {
	width:  162px;
	height: 162px;
	position: relative;
	background: orange;
	border-top-right-radius: 40%;
	margin: 40% auto 0;
}
.triangle:before,
.triangle:after {
	content: '';
	position: absolute;
	margin: 0;
}

.triangle {
	-webkit-transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
	-moz-transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
	-ms-transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}
.triangle:before {
	-webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
	-moz-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
	-ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.triangle:after {
	-webkit-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
	-moz-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
	-ms-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.wamstagram article:nth-child(2) .triangle,
.wamstagram article:nth-child(2) .triangle:before,
.wamstagram article:nth-child(2) .triangle:after {
	background: #1ab3d1;
} 

.wamstagram article:nth-child(3) .triangle,
.wamstagram article:nth-child(3) .triangle:before,
.wamstagram article:nth-child(3) .triangle:after {
	background: #f2a900;
} 

.wamstagram article:nth-child(4) .triangle,
.wamstagram article:nth-child(4) .triangle:before,
.wamstagram article:nth-child(4) .triangle:after {
	background: #cb2c30;
}

/*positioning and rotation for each */

.wamstagram article .image {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.wamstagram article:nth-child(2) .image {
	position: relative;
	-webkit-transform: rotate(-14deg);
	-moz-transform: rotate(-14deg);
	-ms-transform: rotate(-14deg);
	transform: rotate(-14deg);
	left: -35px;
	top: -60px;
}

	.wamstagram article:nth-child(2):hover .image {
		-webkit-transform: rotate(-18deg);
		-moz-transform: rotate(-18deg);
		-ms-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

.wamstagram article:nth-child(3) .image {
	position: relative;
	-webkit-transform: rotate(42deg);
	-moz-transform: rotate(42deg);
	-ms-transform: rotate(42deg);
	transform: rotate(42deg);
	left: 25px;
	top: -80px;
}

	.wamstagram article:nth-child(3):hover .image {
		-webkit-transform: rotate(40deg);
		-moz-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(40deg);
	}

.wamstagram article:nth-child(4) .image {
	position: relative;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: -30px;
	top: -70px;
}

	.wamstagram article:nth-child(4):hover .image {
		-webkit-transform: rotate(-48deg);
		-moz-transform: rotate(-48deg);
		-ms-transform: rotate(-48deg);
		transform: rotate(-48deg);
	}








/* image triangles, mask & positioning for each */


.wamstagram .tri {
	mask: url(../img/triangle.svg#tri_mask);
	-webkit-mask-image: url(../img/triangle.svg);
	width: 275px;
	height: 247px;
	background-color: transparent;
	position: absolute;

}

.wamstagram article:nth-child(2) .tri {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	top: 37px;
	left: -10px;
}

.wamstagram article:nth-child(3) .tri {
	-webkit-transform: rotate(48deg);
	-moz-transform: rotate(48deg);
	transform: rotate(48deg);
	left: 31px;
	top: 18px;
}

.wamstagram article:nth-child(4) .tri {
	-webkit-transform: rotate(-52deg);
	-moz-transform: rotate(-52deg);
	transform: rotate(-52deg);
	top: 27px;
	left: -3px;
}


.wamstagram .tri img {
	display: block;
	position: relative;
}

.wamstagram article:nth-child(2) .tri img {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(5deg);
	left: 0px;
	top: 4px;
}

.wamstagram article:nth-child(3) .tri img {
	-webkit-transform: rotate(-48deg);
	-moz-transform: rotate(-48deg);
	transform: rotate(-48deg);
	left: 0px;
	top: 28px;
}

.wamstagram article:nth-child(4) .tri img {
	-webkit-transform: rotate(52deg);
	-moz-transform: rotate(52deg);
	transform: rotate(52deg);
	left: -59px;
	top: 23px;
}









/* text & link positioning for each */


.wamstagram a.credit {
	position: absolute;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.wamstagram article:nth-child(2) a.credit {
	left: 121px;
	bottom: 0;
}

.wamstagram article:nth-child(3) a.credit {
	left: 240px;
	bottom: 50px;
}

.wamstagram article:nth-child(4) a.credit {
	left: 200px;
	bottom: 10px;
}

/* icons for each */

.wamstagram article a.credit .icn {
	opacity: 0.6;
}

.wamstagram article:nth-child(2) a.credit .icn {
	margin-top: -5px;
	margin-left: 5px;
}

.wamstagram article:nth-child(3) a.credit .icn {
	margin-bottom: 3px;
	margin-left: 5px;
}

.wamstagram article:nth-child(4) a.credit .icn {
	margin-bottom: 3px;
	margin-left: 35px;
}










/* social links & icons */


.follow {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 67px;
	-webkit-backface-visibility: hidden;
}

.follow p {
	float: left;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 35px;
}

.follow ul {
	float: right;	
	text-align: right;
	padding: 0;
	margin: 0;
	width: 827px;
}

.follow li {
	display: inline-block;
	margin-left: 60px;
	margin-bottom: 0;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.follow li:hover {
	opacity: 0.8;
}

.fw-pinterest {
	margin-top: 2px;
}

.fw-linkedin {
	margin-top: 2px;
}

.fw-instagram {
	margin-top: 2px;
}

.fw-myspace {
	margin-top: 4px;
}



/*------------------------------------------------------ LANDING PAGE CONTENT */





.landing-page {
	position: relative;
	display: block;
	padding: 80px 0 0;
}



.landing-page .intro {
	width: 100%;
	float: none;
	max-width: none;
}

	.landing-page .intro h1 {
		float: left;
		width: 32.1%; 
		color: #1fa3c7;
		font-size: 40px;
		line-height: 52px;
	}
	
	.landing-page.wwd .intro h1 {
		font-size: 38px;
		line-height: 48px;
	}



.landing-page .intro .text {
	float: right;
	width: 63%;
}

	.landing-page .intro .text p {
		font-size: 22px;
		line-height: 32px;
		color: #282828;
	}
	
	.landing-page.wwd .intro .text p {
		font-size: 20px;
		line-height: 30px;
	}




/*------------------------------------------------------ LANDING PAGE -> CHILD PAGES */


.child-pages {
	position: relative;
	display: block;
}


.child-pages .heading {
	color: #919191;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	margin: 40px 0;
}

	.child-pages .heading span {
		display: inline-block;
		position: relative;
	}
	
	.child-pages .heading span:before, .child-pages .heading span:after {
		content: "";
		position: absolute;
		height: 5px;
		border-top: 5px solid rgba(237,237,237,1);
		top: 13px;
		width: 255%;
	}
	
	.child-pages .heading span:before {
		right: 100%;
		margin-right: 15px;
	}
	
	.child-pages .heading span:after {
		left: 100%;
		margin-left: 15px;
	}



.children {
	display: block;
	text-align: center;
	font-size: 0;
}

.children article {
	display: inline-block;
	width: 25%;
	margin: 0 0 30px;
	padding: 0;
	position: relative;
	vertical-align: top;
}

	.children article .image {
		position: relative;
		background-color: #000;
	}

	.children article img {
		width: 100%;
		display: block;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.children article .overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 115px;
		width: 100%;
		display: block;
		border-bottom: 5px solid #1ab3d1;
		z-index: 2;
		background: url(../img/child-overlay.png) bottom center repeat-x;
	}
	
.children article h2 {
	position: relative;
	z-index: 2;
	color: #fff;
	top: -47px;
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
	line-height: 1.1em;
}

.children article .text {
	position: relative;
	top: 350px;
	float: none;
	width: auto;
	padding: 0 60px;
	top: 0px;
}
	
	.children article .text p {
		color: #282828;
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 25px;
	}
	
	.children article a,
	.children article a p {
		text-decoration: none;
		display: block;
		text-indent: 0;
	}
	
	.children article .text span {
		display: block;
		color: #1ab3d1;
		font-size: 18px;
	}
	
		.children article .rm {
			margin: 4px 0 0 7px;
		}
		
		.children article a span:hover  {
			color: #2cc6e4;
		}



/*------------------------------------------------------ REGULAR CONTENT PAGE (WITH SIDEBAR) */


.content-page {
	padding: 50px 0 0;
}

.main-content {
	float: left;
	width: 61.7%;
}

.content-page aside {
	float: right;
	width: 31.9%;
}

.content-page .main-content h2:before,
.main-content .single-post h2:before,
.main-content .single-event h2:before {
	content: "";
	margin: 40px 0 0;
	display: block;
	height: 1px;
	width: 100%;
	
}

.content-page .main-content a,
.main-content article.single-post a,
.main-content article.single-event a {
	font-family: 'Gentona-LightItalic';
}

.content-page .main-content a:hover,
.main-content article.single-post a:hover,
.main-content article.single-event a:hover {
	color: #8f8f8f;
}

.main-content ul {
	list-style: disc;
}

.main-content ol {
	list-style: decimal;
}

.main-content li {
	line-height: 25px;
}

/*------------------------------------------------------ REGULAR CONTENT SIDEBAR */


aside p.heading {
	color: #1fa3c7;
	font-size: 20px;
	margin: 0 0 8px;
	text-transform: uppercase;
}


/* regular subnav */

.subnav {
	padding: 0;
	margin: 0 0 30px;
}

.subnav li {
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px dashed #bdbdbd;
	padding: 15px 0;
}


.subnav li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	display: block;
}

.subnav li a:hover {
	color: #8f8f8f;
}

.subnav li a .sm-arrow {
	position: absolute;
	right: 0;
	top: 5px;
}

/* active */

.subnav li.active,
.subnav li.current_page_item {
	border-bottom: 3px solid #1ab3d1;
	padding: 15px 0 16px 20px;
}

.subnav li.active a,
.subnav li.current_page_item a {
	color: #1ab3d1;
}

.subnav li.active a .sm-arrow {
	display: none;
}

.subnav li ul {
	display: none;
}
	.subnav li.current_page_item ul,
	.subnav li.current_page_ancestor ul,
	.subnav li.current_page_parent ul {
		display: block;
	}
	


/* Top Level LI that has children or is an ancestor */

.subnav li.current_page_item.page_item_has_children,
.subnav li.current_page_parent.current_page_ancestor {
	padding-left: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.subnav li.current_page_item.page_item_has_children a {
	border-bottom: 3px solid #1ab3d1;
	padding-bottom: 15px;
}


.subnav li.current_page_parent.current_page_ancestor a {
	border-bottom: 3px solid #1ab3d1;
	padding-bottom: 15px;
}



/* Second Level LI */

.subnav li .children {
	margin: 0;
	text-align: left;
	border-bottom: 1px dashed #bdbdbd;
}

	.subnav li .children li {
		border-bottom: 1px dashed #bdbdbd;
		border-top: 0;
	}
	
	.subnav li .children li a {
		color: #333;
	}
	
	.subnav li .children li a:hover {
		color: #8f8f8f;
	}
	
	.subnav li .children li.current_page_item {
		padding: 15px 0 15px 20px;
	}
	
	.subnav li .children li:last-child {
		border: 0;
	}
	
	.subnav li .children li.current_page_item a {
		color: #1ab3d1;
	}

.subnav li.current_page_item.page_item_has_children .children li,
.subnav li.current_page_parent.current_page_ancestor .children li {
	padding-left: 20px;
}

.subnav li.current_page_item.page_item_has_children .children a,
.subnav li.current_page_parent.current_page_ancestor .children a {
	border: 0;
	padding-bottom: 0;
}



/* sidebar definition lists: eg festival details, festival contact */


aside .details-wrap {
	margin: 0 0 30px;
	border-bottom: 5px solid #ededed;
}

aside .list {
	display: block;
	position: relative;
	text-align: left;
}

aside .list p.heading {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	padding: 6px 0 5px 17px;
	margin: 0;
}

	.list.contacts p.heading {
		background-color: #f37d50;
	}
	
	.list.details p.heading {
		background-color: #ef5c51;
	}



aside .list .row {
	position: relative;
	border-bottom: 1px dashed #fcdedc;
	margin: 0;
	padding: 8px 0 9px 0;
	min-height: 28px;
}

	aside .list.contact .row {
		border-color: #fde5dc;
	}
	
	aside .list .row:last-child {
		border: 0;
	}

aside .list .left {
	float: left;
	padding: 0 3% 0 17px;
	width: 30%;
	font-size: 16px;
	text-transform: uppercase;
	height: 100%;
	position: absolute;
}

	.list.contacts .left {
		color: #f37d50;
	}
	
	.list.details .left {
		color: #ef5c51;
	}


aside .list .right {
	padding: 5px 0 ;
	width: 60.6%;
	font-size: 15px;
	line-height: 18px;
	float: right;
}

aside .list .right strong {
	display: block;
	font-family: 'Gentona-Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
}

aside .list a {
	color: #8f9a9c;
	font-family: 'Gentona-LightItalic', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
}

aside .list a:hover {
	color: #636768;
}


/* sidebar ad */

aside .advertisement img {
	width: 100%;
}


/* sidebar upcoming events */

aside .upcoming {
	float: none;
	width: 100%;
	border-bottom: 5px solid #ededed;
	margin: 0 0 30px;
}

aside .upcoming p.heading {
	text-transform: uppercase;
	color: #282828;
	font-size: 16px;
	margin: 0 0 10px;
}

aside .upcoming .text {
	padding: 10px 0 0;
}

aside .upcoming .text p {
	font-size: 16px;
	line-height: 20px;
}

aside .upcoming article a .arrow {
	margin-top: 5px;
}

aside .upcoming article a:hover .arrow {
	margin-top: 5px;
}

/* latest news */

.latest-news {
	padding: 0;
	margin: 0 0 30px;
	border-bottom: 5px solid #ededed;
}

.latest-news p.heading {
	text-transform: uppercase;
	color: #282828;
	font-size: 16px;
	margin: 0 0 5px;
}

.latest-news ul {
	margin: 0;
	padding: 0;
}

.latest-news li {
	margin: 0;
	display: block;
	border-bottom: 1px dashed #bdbdbd;
	padding: 18px 0;
}

	.latest-news li:last-child {
		border: 0;
	}

.latest-news li a {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	display: block;
	padding-right: 15px;
}

.latest-news li a:hover {
	color: #8f8f8f;
}

.latest-news li a .sm-arrow {
	position: absolute;
	right: 0;
	top: 5px;
}


/* Inline image gallery, eg event program page */

.inline-gallery {
	display: block;
	position: relative;
	border-bottom: 5px solid #ededed;
	margin: 40px 0;
	width: 100%;
}

.inline-gallery article {
	display: block;
	position: relative;
	width: 100%;
}

.inline-gallery article img {
	display: block;
	margin: 0 0 15px;
	width: 100%;
}

.inline-gallery article p {
	color: #555;
	font-size: 16px;
	margin: 0;
	line-height: 22px;
}

.inline-gallery p.credit {
	font-size: 13px;
	margin: 0 0 10px;
}

.inline-gallery .image-pager {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.95);
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	padding: 12px 15px;
	z-index: 9999;
	min-width: 73px;
}

.inline-gallery .image-pager a {
	display: inline-block;
	margin: 2px 0 0;
	float: left;
}

.inline-gallery .image-pager .cycle-caption {
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	margin: 0 7px;
	float: left;
	min-width: 40px;
}

/*------------------------------------------------------ STAFF PROFILES */

.staff {
	max-width: 600px;
	margin-left: -20px;
	margin-top: 30px;
	position: relative;
	display: block;
}

.staff article {
	float: left;
	width: 46.6%;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 5px solid #ededed;
	position: relative;
}

.staff .image {
	border-bottom: 5px solid #1ab3d1;
	position: relative;
}

.staff .overlay {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	min-height: 30px;
	background: url(../img/staff-overlay.png) center bottom no-repeat;
	z-index: 2;
}

.staff .image img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 280px;
}

.staff .image p {
	padding-left: 20px;
	z-index: 3;
	color: #fff;
	margin: 0;
	font-size: 18px;
	line-height: 22px;

}

.staff .image p.name {
	bottom: 45px;
	color: #1ab3d1;
}

.staff .text {
	position: relative;
}

.staff .text p {
	font-size: 16px;
	line-height: 23px;
	padding: 0 20px;
	margin: 0 0 20px;
}

.staff .text .email {
	margin: 0 0 20px;
	padding: 8px 20px 8px;
	font-size: 16px;
	border-bottom: 1px dashed #bdbdbd;
}

.staff .email .icn {
	margin: 4px 5px 0 0;
}

.staff .email a {
	color: #282828;
	text-decoration: none;
	font-family: 'Gentona-LightItalic', Helvetica, Arial, sans-serif;
}

.staff .email a:hover {
	color: #8f8f8f;
}

.staff .text a.rm {
	color: #1ab3d1;
	padding-left: 20px;
	font-size: 16px;
	text-decoration: none;	
	font-family: 'Gentona-Medium', Helvetica, Arial, sans-serif;
}

.staff .text a.rm:hover {
	color: #1ec4e5;
}

.staff .text a.rm .sm-arrow {
	margin: 4px 0 0 7px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.staff .text a.rm:hover .sm-arrow {
	margin: 4px 0 0 12px;
}




/*------------------------------------------------------ SINGLE STAFF PROFILE */



	article.single-post .staff-image {
		position: relative;
		display: block;
		height: auto;
		width: 100%;
		min-width: 580px;
		margin: 0;
	}

	article.single-post .staff-image img {
		display: block;
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
		border: 0;
		border-bottom: 5px solid #1ab3d1;
	}
	
	article.single-post .staff-image .overlay {	
		display: block;
		position: absolute;
		bottom: 5px;
		left: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		min-height: 30px;
		background: url(../img/staff-overlay.png) center bottom repeat-x;
		z-index: 2;
	}
	
	article.single-post .staff-image p {
		padding-left: 20px;
		z-index: 3;
		color: #fff;
		margin: 0;
		font-size: 18px;
		line-height: 22px;
	}
	
	article.single-post .staff-image p.name {
		bottom: 45px;
		color: #1ab3d1;
	}

.staff-post .email {
	margin: 0 0 20px;
	padding: 8px 20px 8px;
	font-size: 16px;
	border-bottom: 1px dashed #bdbdbd;
}

	.staff-post .email a {
		text-decoration: none;
	}
	
	.staff-post .email .icn {
		margin: 4px 5px 0 0;
	}




/*------------------------------------------------------ LOGIN */



.login {
	padding: 75px 0 40px;
	position: relative;
	display: block;
	text-align: center;
}

	.login h1 {
		font-size: 30px;
		margin-bottom: 46px;
	}
	
	.login form {
		padding: 0 50px 54px;
		margin: 0 0 70px;
		text-align: left;
		border-bottom: 5px solid #ededed;
	}
	
	.login form .field {
		float: left;
		width: 40%;
		margin: 0 5px;
		position: relative;
	}
	
	.login form .field input {
		background-color: #434343;
		padding: 16px 5%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		font-size: 20px;
		font-family: 'Gentona-Light', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		border: 1px solid #434343;
	}
	
	.login form .field label {
		position: absolute;
		color: #fff;
		font-size: 20px;
		left: 5%;
		top: 13px;
	}
	
	.login form button {
		float: left;
		margin: 0 0 0 5px;
		height: 55px;
	}
	
	.login form a {
		color: #1ab3d1;
		text-decoration: none;
		display: block;
		font-size: 16px;
		padding-top: 10px;
		margin-left: 5px;
		clear: both;
	}
	
	.login form a:hover {
		color: #1ec4e5;
	}
	

/* forgot password */

.login form.member-forgot-password {
	text-align: center;
}

.login form.member-forgot-password .field {
	float: none;
	display: inline-block;
}

.login form.member-forgot-password button {
	float: none;
	display: inline-block;
}

.login form.member-forgot-password button:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* reset password */

.login form.member-reset-password .field {
	width: 39%;
}

.login form.member-reset-password:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* not a member */

.not-member p {
	padding: 0 80px;
}

.not-member a {
	color: #1ab3d1;
	text-decoration: none;
	display: block;
	font-size: 16px;
	padding-top: 10px;
	margin-left: 5px;
	clear: both;
}

.not-member a:hover {
	color: #1ec4e5;
}

.not-member a.btn {
	padding: 13px 37px 12px;
	display: inline-block;
	margin: 20px 0 10px;
}

.not-member a.btn:hover {
	color: #fff;
}

/*------------------------------------------------------ MEMBERSHIP */


.membership .intro {
	width: 100%;
	float: none;
	max-width: none;
	padding: 75px 0 40px;
	text-align: center;
}


.membership .intro p {
	padding: 0 80px;
}

.membership .intro a {
	color: #1ab3d1;
	text-decoration: none;
	display: block;
	font-size: 16px;
	padding-top: 10px;
	margin-left: 5px;
	clear: both;
}

.membership .intro a:hover {
	color: #1ec4e5;
}

.membership .intro a.btn {
	padding: 13px 37px 12px;
	display: inline-block;
	margin: 20px 0 10px;
	color: #fff;
}

.membership .intro a.btn:hover {
	color: #fff;
}




/* dark grey members details section */

.member-details {
	display: block;
	position: relative;
	background: url(../img/members-bg.jpg) top center no-repeat;
	background-size: cover;
	padding: 70px 0;
}

.member-details p,
.member-details li,
.member-details h1,
.member-details h2 {
	color: #fff;
}

.left,
.right {
	width: 45%;
}

.member-details h1 {
	margin: 0 0 26px;
}

.member-details h1.less-margin {
	margin: 25px 0 10px;
}

.member-details .left ul {
	padding: 0;
	margin: 0 0 0 20px;
}

.member-details .left li {
	list-style: disc;
	margin: 0 0 15px;
	line-height: 30px;
}

.member-details .right ul {
	padding: 0;
	margin: 0px;
}

.member-details .right li {
	margin: 0 0 11px;
	padding: 0 0 8px;
	line-height: 30px;
	border-bottom: 1px dotted #fff;
}

	.member-details .right li:last-child {
		border: 0;
	}

	.member-details .right li strong {
		display: inline-block;
		float: left;
	}
	
	.member-details .right li span {
		display: block;
		margin-left: 68px;
	}
	
	
	
	
/* Partners */


.partners {
	text-align: center;
	padding: 55px 0;
	font-size: 0;
}	
	
.partners h2 {
	font-size: 30px;
	margin: 0 0 20px;
}

.partners article {
	display: inline-block;
	width: 23%;
	padding: 0 1%;
	font-size: 20px;
	border-bottom: 1px dashed #bdbdbd;
	padding-bottom: 25px;
}

.partners article .image {
	height: 205px;
	width: 100%;
	border-bottom: 5px solid #f0f0f0;
	margin-bottom: 26px;
	position: relative;
}

.partners article .image img {
	margin: auto;
	position: absolute;
 	top: 0; left: 0; bottom: 0; right: 0;
}

.partners article .text {
	text-align: left;
}

.partners article .text p {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 7px;
}

.partners article .text p.heading {
	font-size: 20px;
}

.partners article .text a {
	color: #1ab3d1;
	text-decoration: none;
}

.partners article .text a:hover {
	color: #1ec4e5;
}


/* if partners is inside .main-content go three across instead of four. */

.main-content .partners {
	padding: 20px 0;
}

.main-content .partners article {
	display: inline-block;
	width: 31.3%;
	padding: 0 1%;
	font-size: 20px;
	border-bottom: 1px dashed #bdbdbd;
	padding-bottom: 25px;
}

/*------------------------------------------------------ CONTACT PAGE */

.contact-us {
	position: relative;
	display: block;
	padding: 58px 0 45px 0;
}

.contact-us h1 {
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 17px;
	line-height: 1.1em;
}

.contact-us .intro {
	width: 100%;
	max-width: none;
	float: none;
	padding-bottom: 20px;
	border-bottom: 5px solid #ededed;
}

.contact-us .visit {
	width: 26%;
	float: left;
}

.contact-us .intro #map {
	width: 70%;
	height: 272px;
	float: right;
	display: block;
	border-bottom: 5px solid #1ab3d1;
}

.visit p.desc {
	font-size: 16px;
	line-height: 23px;
}

.contact-info {
	padding: 23px 0;
	margin-bottom: 60px;
	display: block;
	border-bottom: 5px solid #ededed;
}

	.contact-info h1 {
		margin: 0 117px 0 0;
		float: left;
		line-height: 25px;
	}
	
	.contact-info span {
		float: left;
		line-height: 25px;
		display: inline-block;
		margin-left: 50px;
	}
	
	.contact-info span strong {
		text-transform: uppercase;
		font-weight: normal;
	}
	
	.contact-info span .icn {
		margin-top: 3px;
		margin-right: 10px;
	}
	
	.contact-info span a {
		text-decoration: none;
	}
	
	.contact-info span a:hover {
		color: #8f8f8f;
	}
	
.contact-form .postal {
	width: 26%;
	float: left;
}

.contact-form form {
	width: 70%;
	float: right;
	display: block;
	text-align: left;
	background-image: none;
	padding: 0;
	margin: 0;
}

	.contact-form form .left {
		width: 42%;
	}
	
	.contact-form form .right {
		width: 55%;
	}
	
	.contact-form form .field {
		position: relative;
		min-height: 44px;
		margin: 0 0 10px;
	}
	
	.contact-form form .field label {
		position: absolute;
		left: 5%;
		top: 4px;
		color: #555555;
	}
	
	.contact-form form .field label.error {
		position: relative;
		left: 0;
		top: auto;
		font-size: 14px;
		color: #cc0000;
	}
	
	.contact-form form .field textarea {
		height: 130px;
	}
	
	.contact-form form .field input,
	.contact-form form .field textarea {
		padding: 9px 5% 10px;
		border-bottom: 2px solid #e4e4e4;
		font-family: 'Gentona-Book', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal;
		color: #555555;
		font-size: 16px;
	}
	
	.contact-form form .field textarea {
		max-height: 125px;
		max-width: 326px;
	}
	
	.contact-form form .field input.error,
	.contact-form form .field textarea.error {
		border: 1px solid #cc0000;
	}
	
	.contact-form button {
		float: right;
		width: auto;
		margin: -5px 0 0;
		padding: 0 5% 0;
		height: 38px;
		text-transform: uppercase;
	}



/*------------------------------------------------------ NEWS PAGE */

.news-section {
	position: relative;
	display: block;
	padding: 55px 0 0;
}

.news-section .main-content {
	width: 63.8%;
}

.news-section aside {
	width: 31.9%;
	float: right;
}

.featured-news {
	position: relative;
	display: block;
	height: 360px;
	width: 100%;
	min-width: 600px;
	margin: 0 0 15px;
	border-bottom: 5px solid #1ab3d1;
}

.featured-news article {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

	.featured-news img {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	
	.featured-news .overlay {
		display: block;
		position: absolute;
		z-index: 1;
		height: 100%;
		width: 100%;
		background: url(../img/featured-news-overlay.png) left bottom no-repeat;
	}


	.featured-news .text {
		position: absolute;
		z-index: 3;
		bottom: 20px;
		width: auto;
		height: auto;
		padding: 30px 30px 0;
	}
	
		.featured-news h1 {
			color: #fff;
			font-size: 26px;
			line-height: 24px;
			margin: 0 0 8px;
		}
		
		.featured-news p {
			color: #fff;
			font-size: 14px;
			line-height: 18px;
			margin: 0 0 10px;
		}
		
		.featured-news p.meta {
			color: #1ab3d1;
			text-transform: uppercase;
			margin: 0 0 12px;
			font-size: 16px;
			line-height: 18px;
		}
		
		.featured-news p.meta strong {
			font-weight: normal;
		}
		
		.featured-news p.meta a {
			color: #1ab3d1;
			text-decoration: none;
		}
		
		.featured-news p.meta a:hover {
			color: #1ec4e5;
		}
		
		.featured-news a.ro {
			color: #1ab3d1;
			font-size: 16px;
			text-decoration: none;	
			display: block;
		}
		
		.featured-news a.ro:hover {
			color: #1ec4e5;
		}
		
		.featured-news a.ro .sm-arrow {
			margin: 4px 0 0 7px;
			-webkit-transition: all .1s ease-in-out;
			-moz-transition: all .1s ease-in-out;
		    -ms-transition: all .1s ease-in-out;
		    -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
		}
		
		.featured-news a.ro:hover .sm-arrow {
			margin: 4px 0 0 12px;
		}

.featured-news .pager {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	background-color: #1ab3d1;
	height: 34px;
	padding: 0 20px;
	margin: 0;
	min-width: 160px;
	width: auto;
}

	.featured-news .pager a {
		margin: 0 3px 0;
	}
	
	.featured-news div {
		float: left;
		height: 8px;
		margin: 8px 0 0;
	}

	.featured-news .pager span {
		text-transform: uppercase;
		color: #fff;
		font-size: 14px;
		display: inline-block;
		width: auto;
		height: auto;
		text-align: left;
		line-height: 14px;
		float: left;
		margin: 10px 0 0 6px;
	}
	
	.featured-news .pager span:hover {
		cursor: default !important;
	}





.news-section .filter-title {
	background: url(../img/grey-line.png) left center repeat-x;
	display: block;
	margin: 0 0 10px;
	text-align: center;
}

	.news-section .filter-title span {
		background-color: #fff;
		text-transform: uppercase;
		padding: 0 10px;
		font-size: 15px;
	}
	

.news-posts {
	position: relative;
	width: 620px;
	margin: 0 0 0 -20px;
}

.news-posts article {
	float: left;
	width: 46.6%;
	margin-left: 20px;
	margin-bottom: 30px;
	border-bottom: 5px solid #ededed;
	position: relative;
}

.news-posts article:nth-child(even):before {
	content: '';
	clear: both;
}

.news-posts .image {
	border-bottom: 5px solid #1ab3d1;
	position: relative;
	margin: 0 0 21px;
}

.news-posts .image a {
	display: block;
}

.news-posts .image img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 290px;
	height: auto;
}

.news-posts .image .tag {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	display: block;
	border-bottom: 2px solid #1ab3d1;
	z-index: 2;
	background-color: #040703;
	text-align: center;
}

.news-posts .i-news .image .tag {
	border-color: #f2a900;
}



.news-posts .text {
	position: relative;
	min-height: 210px;
}

.news-posts .text h2 {
	font-size: 26px;
	line-height: 24px;
	color: #000;
	margin: 0 0 5px;
}

.news-posts .text h2 a {
	text-decoration: none;
}

.news-posts .text h2:hover a {
	color: #686868;
}

.news-posts .text p.meta {
	color: #1ab3d1;
	text-transform: uppercase;
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 18px;
}

.news-posts .text p.meta strong {
	font-weight: normal;
}

.news-posts .text p.meta a {
	color: #1ab3d1;
	text-decoration: none;
}

.news-posts .text p.meta a:hover {
	color: #1ec4e5;
}

.news-posts .text p {
	font-size: 16px;
	line-height: 21px;
	margin: 0 0 20px;
}

.news-posts .text a.ro {
	color: #1ab3d1;
	font-size: 16px;
	text-decoration: none;	
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: -10px;
}

.news-posts .text a.ro:hover {
	color: #1ec4e5;
}

.news-posts .text a.ro .sm-arrow {
	margin: 4px 0 0 7px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.news-posts .text a.ro:hover .sm-arrow {
	margin: 4px 0 0 12px;
}


.news-section aside .news-type {
	border-top: 5px solid #ededed;
	border-bottom: 5px solid #ededed;
	margin: 0 0 25px;
}

	aside .news-type a {
		display: block;
		text-transform: uppercase;
		font-size: 18px;
		padding: 15px 0 15px 0;
		text-decoration: none;
	}
	
		aside .news-type a:first-child {
			border-bottom: 1px dashed #bdbdbd;
		}
		
		aside .news-type a:hover {
			color: #8f8f8f;
		}
		
		aside .news-type a .industry {
			margin-right: 22px;
		}
		
		aside .news-type a .wam {
			margin-right: 25px;
		}

aside a.btn-yellow {
	margin: 0 0 14px;
	display: block;
}

aside a.btn-magenta {
	padding-right: 43px;
	margin: 0 0 27px;
	display: block;
}
		
a.btn-yellow i.rss {
	margin-right: 13px;
	margin-top: -3px;
}

a.btn-magenta i.got-news {
	margin-right: 13px;
	margin-top: -2px;
}



/* filter lists */




.filter-list {
	margin-bottom: 25px;
	border-bottom: 5px solid #ededed;
}

.filter-list p.heading {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 3px;
}

.filter-list.cats {
	border-top: 5px solid #ededed;
	padding: 30px 0 0;
}

	.filter-list.cats p.heading {
		color: #ef5c51;
	}
	
	.filter-list.month p.heading {
		color: #f37d50;
	}
	
	.filter-list.authors p.heading {
		color: #fbb94d;
	}
	
	.filter-list.cats li:nth-last-child(2),
	.filter-list.cats li:last-child,
	.filter-list.authors li:last-child {
		border: 0;
	}
	
	.filter-list.cats li:nth-last-child(2):nth-child(even) {
		border-bottom: 1px dashed #bdbdbd;
	}

	
.filter-list ul {
	padding: 0;
	margin: 0;
}

.filter-list li {
	width: 50%;
	float:left;
	border-bottom: 1px dashed #bdbdbd;
	margin: 0;
}

	.filter-list.authors li {
		float: none;
		width: 100%;
		position: relative;
	}

.filter-list a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	color: #000;
	display: inline-block;
	line-height: 14px;
	padding: 15px 0;
}

	.filter-list a:hover {
		color: #8f8f8f;
	}
	
	.filter-list.authors a {
		display: block;
	}

.filter-list a.archive {
	display: block;
	margin-top: 15px;
	clear: both;
	position: relative;
}

.filter-list a.archive .o-arrow {
	position: absolute;
	right: 0;
	top: 18px;
}


.filter-list.authors .y-arrow {
	position: absolute;
	right: 0;
	top: 18px;
}

.filter-list .wam-author,
.filter-list .single-author {
	margin-right: 10px;
}



/*------------------------------------------------------ SINGLE NEWS POST */



article.single-post {
	position: relative;
	display: block;
	border-bottom: 5px solid #ededed;
	padding-bottom: 40px;
	margin-bottom: 30px;
}

	article.single-post .news-image {
		position: relative;
		display: block;
		height: auto;
		width: 100%;
		min-width: 600px;
		margin: 0;
	}

	article.single-post .news-image img {
		display: block;
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
		border-bottom: 5px solid #1ab3d1;
	}
	
	article.single-post .news-image .overlay {
		display: block;
		position: absolute;
		bottom: 5px;
		z-index: 2;
		height: 100%;
		width: 100%;
		background: url(../img/featured-news-overlay.png) left bottom repeat-x;
	}


	article.single-post .news-image .text {
		position: absolute;
		z-index: 3;
		bottom: 20px;
		width: auto;
		height: auto;
		padding: 30px 30px 0;
	}
	
		article.single-post .news-image h1 {
			color: #fff;
			font-size: 40px;
			line-height: 42px;
			margin: 0 0 12px;
		}
		
		article.single-post .news-image p.meta {
			color: #1ab3d1;
			text-transform: uppercase;
			margin: 0 0 12px;
			font-size: 23px;
			line-height: 18px;
		}
		
.single-post div.meta {
	border-bottom: 1px dashed #bdbdbd;
	padding: 15px 0;
	margin: 0 0 35px;
}

	.single-post .meta p {
		font-size: 16px;
		line-height: 18px;
		margin: 0;
		float: left;
	}
	
	.single-post .meta p.author {
		margin-right: 20px;
	}
	
	.single-post .meta p strong {
		font-weight: normal;
	}
	
	.single-post .meta p .icn {
		margin: 2px 10px 0 0;
	}
	
	.single-post .meta p a {
		font-family: 'Gentona-LightItalic';
		text-decoration: none;
		color: #1ab3d1;
	}
	
	.single-post .meta p a:hover {
		color: #1ec4e5;
	}
	
	
/* related posts */	
	
.related p.heading {
	margin-left: 20px;
	text-transform: uppercase;
	color: #1ab3d1;
	font-size: 20px;
}

.related article {
	border-bottom: 0;
}

.related article .text {
	min-height: 0;

}



/*------------------------------------------------------ EVENTS SECTION */

.events-section {
	position: relative;
	display: block;
	padding: 55px 0 0;
}

.events-section .main-content {
	width: 63.8%;
	float: right;
}

.events-section aside {
	width: 31.9%;
	float: left;
}

.featured-event {
	position: relative;
	display: block;
	height: 360px;
	width: 100%;
	min-width: 600px;
	margin: 0 0 15px;
	border-bottom: 5px solid #ef5a57;
}

.featured-event article {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.featured-event img {
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.featured-event .overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.59);
	z-index: 2;
}

.featured-event .text {
	position: absolute;
	width: 100%;
	bottom: 100px;
	z-index: 3;
	text-align: center;
}

	.featured-event .text h1 {
		color: #fff;
		font-size: 35px;
		line-height: 38px;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.featured-event .text p.meta {
		color: #ef5b54;
		font-size: 21px;
		text-transform: uppercase;
	}
	
	.featured-event .text a.btn {
		margin: 0 3px;
	}



.events-section .filter-title {
	background: url(../img/grey-line.png) left center repeat-x;
	display: block;
	margin: 0 0 10px;
	text-align: center;
}

	.events-section .filter-title span {
		background-color: #fff;
		text-transform: uppercase;
		padding: 0 10px;
		font-size: 15px;
	}
	

/* posts */

.event-posts article {
	display: block;
	position: relative;
	border-bottom: 5px solid #ecedee;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 10px;
}

	.event-posts article:hover {
		background-color: #fdfdfd;
	}

	.event-posts article .image {
		width: 22.5%;
		float: left;
		margin-right: 5%;
		border-bottom: 5px solid #ef5a57;
	}
	
	.event-posts article .image img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.event-posts article .text {
		float: left;
		width: 72.5%;
	}
	
		.event-posts article .text a {
			text-decoration: none;
		}
	
		.event-posts article .text h2 {
			font-size: 26px;
			line-height: 28px;
			margin: 0 0 10px;
		}
		
		.event-posts article .text h2 a {
			color: #000;
		}
		
		.event-posts article .text h2 a:hover {
			color: #686868;
		}
		
		.event-posts article .text p {
			font-size: 15px;
			line-height: 21px;
			margin-top: 15px;
		}
		
		.event-posts article .text p.meta {
			color: #ef5a57;
			text-transform: uppercase;
			margin: 0;
			line-height: 16px;
			font-size: 14px;
		}
		
		.event-posts article .btn-tickets {
			float: right;
		}
		
		.event-posts article .text .mi {
			color: #ef5a57;
			font-size: 16px;
		}
		
		.event-posts article .text .mi .r-arrow {
			margin: 4px 0 0 7px;
			-webkit-transition: all .1s ease-in-out;
			-moz-transition: all .1s ease-in-out;
			-ms-transition: all .1s ease-in-out;
			-o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
		}
		
		.event-posts article .text .mi:hover .r-arrow {
			margin: 4px 0 0 12px;
			
		}
		
		.event-posts article .text .mi:hover {
			color: #fb6c69;
		}
		
		
/* pagination */


.event-pagination {
	display: block;
	text-align: center;
	position: relative;
}

	.event-pagination ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: inline-block;
	}
	
	.event-pagination li {
		display: inline-block;
		margin: 0 1px;
		line-height: 12px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}

		.event-pagination li span.current {
			border: 1px solid #ef595a;
			color: #ef595a;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			text-transform: uppercase;
			font-size: 12px;
			display: inline-block;
			text-decoration: none;
			padding: 5px 10px;
			line-height: 11px;
			position: relative;
			top: 1px;
		}
	
		.event-pagination li.active a {
			color: #ef595a;
		}
		
		.event-pagination li a:hover {
			color: #ef595a;
		}
	
	.event-pagination li a {
		text-decoration: none;
		font-size: 14px;
		
	}
	
	.event-pagination a.page-numbers,
	.event-pagination a.pag-nav {
		top: 4px;
		background-color: #f3f3f3;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-bottom: 1px solid #e2e3e4;
		text-transform: uppercase;
		color: #555;
		font-size: 12px;
		display: inline-block;
		text-decoration: none;
		padding: 5px 10px;
		line-height: 11px;
		-webkit-transition: background-color .1s ease-in-out;
		-moz-transition: background-color .1s ease-in-out;
		-ms-transition: background-color .1s ease-in-out;
		-o-transition: background-color .1s ease-in-out;
		transition: background-color .1s ease-in-out;
	}
	
		.event-pagination a.page-numbers:hover,
		.event-pagination a.pag-nav:hover {
			background-color: #fafafa;
		}
	
	.event-pagination a.prev {
		left: 0;
		position: absolute;
	}
	
		.event-pagination a.prev .icn {
			margin: 3px 5px 0 0;
		}
	
	.event-pagination a.next {
		right: 0;
		position: absolute;
	}
	
		.event-pagination a.next .icn {
			margin: 3px 0 0 5px;
		}
		
		
/* colours for news pagination */



.event-pagination.news li span.current {
	border: 1px solid #1ab3d1;
	color: #1ab3d1;
}

.event-pagination.news li.active a {
	color: #1ab3d1;
}

.event-pagination.news li a:hover {
	color: #1ab3d1;
}


/* sidebar */

.events-section aside .upcoming  {
	border-color: #ecedee;
}

.filter-list.events {
	margin-bottom: 30px;
}

.filter-list.events-filter li {
	border-top: 1px dashed #bdbdbd;
	border-bottom: 0;
}

.filter-list.events-filter li:nth-child(2),
.filter-list.events-filter li:first-child {
	border: 0;
}


.filter-list.events-filter p.heading {
	color: #000;
}

.filter-list li .dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right: 15px;
}

	.dot.blue {
		background-color: #003d54;
	}
	
	.dot.pink {
		background-color: #9c0081;
	}
	
	.dot.aqua {
		background-color: #00847b;
	}
	
	.dot.purple {
		background-color: #62317c;
	}
	
	.dot.yellow {
		background-color: #f2a800;
	}
	
	.dot.cyan {
		background-color: #008dac;
	}
	
	.dot.red {
		background-color: #ca2b32;
	}
	
	.dot.navy {
		background-color: #131e70;
	}
	
/*  --------------------------------------------------- WP CALENDAR */


#calendar {
	display: none;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 5px solid #ecedee;
}

table#wp-calendar {
	width: 100%;
}

#wp-calendar {
	border-collapse: collapse;
}

#wp-calendar tr.month td {
	background-color: #cd4d4e;
	color: #fff;
	padding: 9px 0;
	font-size: 15px;
	position: relative;
	border:0;
	text-transform: uppercase;
	border-spacing: 0px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#wp-calendar tr.month td.caption {
	background: url(../img/calendar-header.png) center no-repeat;
	background-size: auto 100%;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

#wp-calendar tr.month td#calendar-next {
	background-color: #cb4b46;
}

#wp-calendar tr.month td a {
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
	font-size: 24px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

#wp-calendar td,
#wp-calendar th {
	text-align: center;
	padding: 7px 3px;
	font-size: 12px;
	border-bottom: 0;
	background-color: #fff;
}

#wp-calendar th {
	background: #fff;
	border-bottom: 5px solid #ecedee;
	color: #ef5a57;
	font-size: 15px;
	font-family: 'Gentona-Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

#wp-calendar td {
	border-spacing: 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #222222;
	font-size: 18px;
	font-family: 'Gentona-Book', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}


#wp-calendar td.pad {
	background: #fff;
	color: #a0a0a0;
	border-color: #eee;
}

#wp-calendar td.today {
	color: #222;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

#wp-calendar td.pad.today {
	color: #a0a0a0;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

#wp-calendar td.has-post {
	background: #fff;
}

#wp-calendar td.has-post > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px 0;
}

#wp-calendar td.has-post a {
	border: 1px solid #f9c4c7;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	color: #ef595a;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
}

	#wp-calendar td.has-post a:hover {
		color: #fff;
		background-color: #ef595a;
	}

#wp-calendar tfoot tr td {
	border: none;
	background: none;
}
	#wp-calendar tfoot tr td a {
		background: #fff;
		color: inherit;
	}

#wp-calendar .month #calendar-prev a {
	left: 12px;
	top: 8px;
	position: relative;
	background: url(../img/sprites.png) no-repeat -832px -128px;
	width: 8px;
	height: 13px;
	display: block;
	text-indent: -9999px;	
}

	#wp-calendar .month #calendar-prev a:hover {
		opacity: 0.8;
	}

#wp-calendar .month #calendar-next a {
	right: -22px;
	top: 8px;
	position: relative;
	background: url(../img/sprites.png) no-repeat -897px -128px;
	width: 8px;
	height: 13px;
	display: block;
	text-indent: -9999px;
}

#wp-calendar .month #calendar-next a:hover {
	opacity: 0.8;
}




/*------------------------------------------------------ SINGLE NEWS POST */


article.single-event {
	position: relative;
	display: block;
	border-bottom: 5px solid #ededed;
	padding-bottom: 40px;
	margin-bottom: 30px;
}

	.event-image {
		position: relative;
		display: block;
		width: 100%;
		min-width: 600px;
		margin: 0 0 40px;
	}

	.event-image img {
		display: block;
		z-index: 1;
		width: 100%;
		height: auto;
		border-bottom: 5px solid #ef5a57;
	}

	
		
.single-event div.event-details {
	border-top: 1px dashed #bdbdbd;
	border-bottom: 1px dashed #bdbdbd;
	padding: 20px 0 15px 0;
	margin: 25px 0 35px;
}

	.single-event .event-details p {
		font-size: 16px;
		line-height: 18px;
		margin: 0 0 4px;
	}
	
	.single-event .event-details p strong {
		font-weight: normal;
	}
	
	.single-event .event-details p a {
		font-family: 'Gentona-LightItalic';
		text-decoration: none;
		color: #ef595a;
	}
	
	.single-event .event-details p a:hover {
		color: #fb6c69;
	}
	
	.single-event h1 {
		color: #000;
		font-size: 34px;
		line-height: 36px;
		margin: 0 0 10px;
	}
	
	.single-event p.meta {
		color: #ef5a57;
		text-transform: uppercase;
		margin: 0;
		line-height: 19px;
		font-size: 17px;
	}
	
	.single-event .btn-tickets {
		float: right;
	}

	
/* related posts */	

.event-posts.related {
	width: 620px;
	position: relative;
	margin-left: -2%;
}

.event-posts.related article {
	width: 31%;
	float: left;
	margin: 0 0 0 2%;

}

	.event-posts.related article .image {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	
	.event-posts.related article .text {
		width: 100%;
	}
	
	.event-posts.related article h2 {
		font-size: 20px;
		line-height: 24px;
		-webkit-transition: color .1s ease-in-out;
		-moz-transition: color .1s ease-in-out;
		-ms-transition: color .1s ease-in-out;
		-o-transition: color .1s ease-in-out;
		transition: color .1s ease-in-out;
	}

.event-posts.related p.heading {
	text-transform: uppercase;
	color: #ef5a57;
	font-size: 20px;
	margin: 0 0 0 10px
}

.event-posts.related article {
	border-bottom: 0;
}

.event-posts.related article .text {
	min-height: 0;
}

.event-posts.related article a:hover h2 {
	color: #8f8f8f;
}


/* addthis, news & events */

.addthis_toolbox {
	margin: 40px 0 0;	
}


/*------------------------------------------------------ MEMBERS ONLY */


.members-page {
	padding: 50px 0 0;
}

.members-page .main-content {
	float: left;
	width: 63.8%;
}

.members-page aside {
	float: right;
	width: 31.9%;
}

.members-page .event-posts {
	position: relative;
}

.members-page .event-posts p.heading {
	text-transform: uppercase;
	color: #ef5a57;
	font-size: 20px;
	margin-bottom: 0;
}

.members-page .event-posts {
	border-top: 5px solid #ecedee;
	padding-top: 30px;
	margin-top: 35px;
}

.members-page .news-posts {
	padding-top: 20px;
}

.members-page .news-posts .text {
	position: relative;
	min-height: 270px;
	border-bottom: 5px solid #ecedee;
	padding-bottom: 20px;
}

.members-page .news-posts .text a.ro {
	bottom: 20px;	
}

.members-page a.read-more {
	position: absolute;
	right: 0;
	top: 30px;
	font-size: 14px;
	text-decoration: none;
	color: #ef5a57;
}

	.members-page .event-posts a.read-more:hover {
		color: #fb6c69;
	}
	
	.members-page .news-posts a.read-more {
		color: #1ab3d1;
		top: 25px;
	}
	
	.members-page .news-posts a.read-more:hover {
		color: #1ec4e5;
	}
	
/*------------------------------------------------------ MEMBER SIGNUP FORM */

.memberSignup {
	border-top: 5px solid #ecedee;
	border-bottom: 5px solid #ecedee;
	padding: 36px 0;
}

.memberDetails {
	padding-top: 0;
}

.memberSignup p {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 30px;
}

.memberSignup p.heading {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 15px;
}

	.memberSignup fieldset.grey p.heading,
	.memberSignup .introduction p.heading,
	.memberSignup .confirmation p.heading {
		color: #1fa3c7;	
	}

.memberSignup .introduction {
	padding: 0 40px 30px;
}

	.memberSignup .introduction a {
		display: inline-block;
		width: 25%;
		margin: 0 0.5%;
		text-align: center;
		border: 1px solid #ededed;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		color: #5f5f5f;
		text-transform: uppercase;
		font-family: 'Gentona-Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 15px;
		height: 28px;
		vertical-align: middle;
		padding: 15px 3%;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	
	.memberSignup .introduction a.single-line {
		height: 15px;
		padding: 23px 3% 20px;
	}
	
	.memberSignup .introduction a:hover,
	.memberSignup .introduction a.active {
		background-color: #1fa3c7;
		color: #fff;
		cursor: pointer;
	}
	
	.memberSignup .introduction .gender {
		width: 300px;
	}

.memberSignup fieldset {
	border-top: 1px solid #ededed;
	padding: 40px 40px 10px;
}

	.memberSignup fieldset.grey {
		background-color: #fcfcfc;
	}
	

/* default form styles for member signup only */

.memberSignup .field {
	position: relative;
	min-height: 46px;
	margin-bottom: 20px;
}

.memberSignup input[type=text],
.memberSignup input[type=password] {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	height: 30px;
	padding: 7px 3%;
	width: 94%;
	font-size: 18px;
}

.memberSignup input[type=radio] {
	border: 0;
}

.memberSignup label {
	position: absolute;
	top: 7px;
	left: 3%;
	font-size: 18px;	
	color: #282828;
}

.clear-fields {
	clear: both;
}

/* threequarter width fields */

.memberSignup .field.threequarter {
	width: 73%;
}

.memberSignup .threequarter input { 
	padding: 7px 4%;
	width: 92%;
}

.memberSignup .threequarter label {
	left: 4%;
}


/* half width fields */


.memberSignup .field.half {
	width: 48%;
}

.memberSignup .field.left {
	margin-right: 18px;
}

.memberSignup .half input { 
	padding: 7px 6%;
	width: 88%;
}

.memberSignup .half label {
	left: 6%;
}


/* half width fields for Band/Business name rows */

.memberSignup .name-row .field.half {
	width: 40%;
}

.memberSignup .name-row .field.half.left {
	margin-right: 15px;
}

.memberSignup .name-row .field.half.right {
	float: left;
}

.memberSignup .name-row a {
	float: left;
	text-transform: uppercase;
	background-color: #ef5a57;
	color: #fff;
	text-decoration: none;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-transition: background-color .1s ease-in-out;
	-moz-transition: background-color .1s ease-in-out;
	-ms-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
	padding: 0 1.5% 0;
	height: 32px;
	line-height: 32px;
	margin: 7px 0 0 15px;
	font-size: 14px;
}

.memberSignup .name-row a:hover {
	background-color: #fb6c69;
	color: #fff;
}

.memberSignup .name-row:before,
.memberSignup .name-row:after {
	content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; 
}
.memberSignup .name-row:after {
	clear: both;
}

.memberSignup a#member-add-member-btn {
	clear: both;
	text-transform: uppercase;
	background-color: #1ab3d1;
	color: #fff;
	text-decoration: none;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-transition: background-color .1s ease-in-out;
	-moz-transition: background-color .1s ease-in-out;
	-ms-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
	padding: 0 3% 0;
	height: 32px;
	line-height: 32px;
	margin: 0 0 10px;
	font-size: 16px;
	display: inline-block;
}

.memberSignup a#member-add-member-btn:hover {
	background-color: #1ec4e5;
	color: #fff;
}

/* quarter width fields */


.memberSignup .field.quarter {
	width: 25%;
}

.memberSignup .field.quarter.left {
	margin: 0;
}

.memberSignup .quarter input { 
	padding: 7px 9%;
	width: 82%;
}

.memberSignup .quarter label {
	left: 9%;
}

/* postcode quarter width fields */


.memberSignup .field.postcode {
	width: 18%;
}

.memberSignup .field.state {
	width: 27%;
}

.memberSignup .field.dob {
	width: 25%;
}

.memberSignup .field.dob.first {
	width: 35%;
}

.memberSignup .field.ccv {
	width: 23%;
}

/* select fields */

.memberSignup .select label {
	position: relative;
	float: left;
	left: auto;
	margin-right: 15px;
}

.memberSignup button {
	display: inline-block;
	padding: 12px 15px 11px;
	margin: 0;
	text-transform: uppercase;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
}

.memberSignup select { 
    margin: 0; 
    padding: 0; 
    font-size: 16px;
    color: #282828;
    outline: none; 
    font-family: inherit; 
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box /* make sure you use the other vendor prefixes */; 
}

.memberSignup  div.styled { 
    overflow: hidden; /* this hides the select's drop button */
    padding: 0; 
    margin: 0; 
    background: white url(../img/mobile-select-arrow.png) no-repeat right top;
    /* this is the new drop button, in image form */
    border-radius: 2px; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: solid 1px #ddd; 
    float: left;
    height: 28px;
    line-height: 26px;
    margin: 5px 0 0;
}

	.memberSignup  div.styled.age {
		width: 61px;
	}
	
	.memberSignup  div.styled.gender {
		width: 132px;
	}
	
	.memberSignup  div.styled.state {
		width: 75px;
		float: right;
	}
	
	.memberSignup  div.styled.country {
		width: 300px
	}
	
	.memberSignup div.styled.yesno {
		width: 67px;
	}
	
	.memberSignup div.styled.expiry {
		width: 97px;
		margin: 5px 15px 0 0;
	}
	
	.memberSignup div.styled.dob {
		width: 115px;
	}
	
	.memberSignup .postal-address {
		display: none;
	}
	
	.memberSignup .postal-address.active {
		display: block;
	}
	
	

.memberSignup  div.styled select { 
  width:145% /* this percentage effectively extends the drop down button out of view */; 
    background-color:transparent; /* this hides the select's background making any styling visible from the div */ 
    background-image:none; 
    -webkit-appearance: none; /* this is required for Webkit browsers */ 
    border:none; 
    box-shadow:none; 
    padding: 1px 0.5em 5px 7px; /* padding should be added to the select, not the div */
}


.ie7 .memberSignup div.styled {border:none; }
.ie7 .memberSignup div.styled select { 
    width: 100%; 
    background-color: white; 
    border: solid 1px #ddd; 
    padding: 7px; 
}

/* payment */

.memberSignup .payment label { 
	float: left;
	position: relative;
	left: auto;
	margin: 0 30px 0 0;
}

.memberSignup .payment input { 
	float: left;
	width: auto;
	padding: 0;
	display: inline-block;
	margin: 15px 15px 0 0;
}

ul.benefits li {
	font-size: 14px;
	line-height: 20px;
	color: #737373;
	padding-left: 30px;
	position: relative;
}

ul.benefits li .tick {
	position: absolute;
	left: 0;
	top: 20px;
}

ul.benefits li:last-child {
	border: 0;
	padding-left: 0;
	padding-top: 20px;
}

ul.benefits li a {
	text-transform: none;
	color: #1ab3d1;
}



/*------------------------------------------------------ SEARCH RESUlTS */

h1.search-heading {
	border-bottom: 5px solid #ededed;
	padding-bottom: 10px;
}


.search-results p {
	border-bottom: 1px dashed #ededed;
	padding-bottom: 25px;
	margin: 0;
}

.content-page .search-results h2:before {
	margin: 20px 0 0;
}



/*------------------------------------------------------ INTERNAL SUB FOOTER */


.internal-subfooter {
	background-color: #fbfbfb;
	margin-top: 50px;
	padding-top: 70px;
}

	.internal-subfooter .newsletter-follow {
		padding-bottom: 40px;
		border-bottom: 5px solid #ededed;
		margin-bottom: 60px;
	}

	.internal-subfooter .newsletter {
		width: 46.5%;
		float: left;
		margin-bottom: 0;
	}
	
	.internal-subfooter .follow {
		width: 47%;
		float: right;
		margin-top: 0;
	}



.internal-subfooter .newsletter .text {
	width: 43%;
}

.internal-subfooter .newsletter p {
	font-size: 15px;
	line-height: 22px;
}

.internal-subfooter .newsletter p.title {
	font-size: 26px;
	line-height: 30px;
}


.internal-subfooter .newsletter form {
	width: 52%;
	margin-top: 0;
	text-align: left;
}

	.internal-subfooter .newsletter form .field {
		display: block;
		width: 100%;
		height: 37px;
		margin: 0 0 12px;
	}
	
	.internal-subfooter .newsletter form .field input {
		background-color: #fff;
		border-width: 2px;
	}
	
	.internal-subfooter .newsletter form button {
		float: none;
		width: auto;
		margin: 0;
		padding: 0 5% 0;
		height: 38px;
	}


.internal-subfooter .follow p {
	color: #838383;
	float: none;
	text-transform: none;
	font-size: 17px;
	line-height: 22px;
}

.internal-subfooter .follow p.heading {
	text-transform: none;
	font-size: 26px;
	color: #282828;
}

.internal-subfooter .follow ul {
	float: none;
	width: 100%;
	text-align: left;
}

.internal-subfooter .follow li {
	margin-left: 0;
	margin-right: 10%;
}

.internal-subfooter .follow li:last-child {
	margin: 0;
} 

.internal-subfooter .follow li:hover {
	opacity: 1;
}





/*------------------------------------------------------ GOVT */


#government {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: 54px 0;
}

	#government .govt1,
	#government .govt2 {
		margin: 0 2%;
	}
	
	#government .govt1 {
		margin-top: 5px;
		width: 350px;
		height: 42px;
		display: inline-block;
	}
	
	#government .govt2 {
		width: 195px;
		height: 51px;
		display: inline-block;
	}
	
	#government .govt1 img,
	#government .govt2 img {
		width: 100%;
		height: 100%;
	}
	
#government p {
	font-size: 10px;
	line-height: 24px;
	color: #3a3a3a;
	margin-top: 20px;
	margin-bottom: 0;	
}


.internal-subfooter #government {
	padding: 54px 0 34px;
}



/*------------------------------------------------------ FOOTER */


footer {
	position: relative;
	display: block;
	width: 100%;
	background-color: #111;
}

	footer .wrapper {
		border-top: 5px solid #037a9f;
		padding-top: 45px;
	}

.sitemap {
	position: relative;
	display: block;
	width: 100%;
}

.sitemap a {
	text-decoration: none;
}

.sitemap ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 18px 0 0;
	width: 138px;
}

.sitemap ul ul {
	float: none;
	width: 100%;
}

.sitemap li {
	line-height: 20px;
	margin-bottom: 4px;
}

.sitemap li ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.sitemap li li {
	margin: 0;
	line-height: 15px;
	margin-bottom: 5px;
}

.sitemap li a {
	font-size: 15px;
	color: #fff;
}

.sitemap li a:hover {
	color: #d1d1d1;
}

.sitemap li li a {
	font-size: 12px;
	color: #717171;
}

.sitemap li li a:hover {
	color: #9c9c9c;
}



.contact {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 50px;
	padding-bottom: 30px;
	text-align: center;
	background: url(../img/divider.png) center 5px no-repeat;
}

.contact .left,
.contact .right {
	width: 32.9%;
}

.contact article {
	display: inline-block;
	text-align: left;
	width: 50%;
	float: left;
	margin-top: 40px;
}

	.contact article.copyright {
		width: 40%;
		margin-left: 10%;
	}

.contact article p {
	font-size: 11px;
	line-height: 16px;
	color: #808080;
} 

.contact article strong {
	color: #fff;
}

.contact article a {
	text-decoration: none;
	color: #fff;
}
	
	.contact a:hover {
		color: #dfdfdf;
	}

.contact article a.grey {
	color: #808080;
}

	.contact article a.grey:hover {
		color: #eee;
	}

.contact article a.map {
	font-size: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #1ab3d1;
	padding: 0 5px;
	text-transform: uppercase;
	margin-left: 5px;
	top: -2px;
	display: inline-block;
	position: relative;
}

	.contact article a.map:hover {
		color: #fff;
		background-color: #19cdf2;
	}


.footer-logo {
	width: 179px;
	height: 85px;
	display: inline-block;
}

.footer-logo img {
	width: 100%;
	height: 100%;
}



/*  --------------------------------------------------- CUSTOM CLASSES */




.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.mob-lnd-prt {
	display: none;
}




/*  --------------------------------------------------- MODALS */

.screen-overlay {
	position: fixed;
	background-color: rgba(0,0,0,0.9);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

.search-overlay {
	background-color: rgba(0,0,0,0.9);
}

form#searchform {
	z-index: 10001;
	position: fixed;
	color: #fff;
	top: 0;
	left: 0;
	padding: 20px 2%;
	width: 96%;
	display: none;
}

form#searchform .field {
	margin-top: 30px;
	margin-left: 1.7%;
}

form#searchform label {
	color: #fff;
	position: absolute;
	font-size: 80px;
	line-height: 80px;
	left: 3.5%;
	top: 70px;
	z-index: 1000000;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

form#searchform input {
	height: 90px;
	padding: 0;
	width: 85%;
	margin-right: 5%;
	background-color: transparent;
	font-size: 80px;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	margin-top: 20px;
	float: left;
}

form#searchform .logo {
	position: absolute;
	left: 1.7%;
	top: 20px;
}

form#searchform input:focus {
	border: 0 !important;
	box-shadow: none;
	outline: none;
}

form#searchform button {
	float: left;
	background-color: transparent;
	text-indent: -9999px;
	margin-top: 40px;
}

.modal {
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: fixed;
	z-index: 10001;
	top: 100px;
	display: none;
}

	.modal a.close {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 10;
	}
	
	.modal a.close:hover {
		cursor: pointer;
	}
	

.newsletter-modal {
	width: 700px;
	padding: 20px;
}

	.newsletter-modal .newsletter {
		margin: 0;
	}
	
	.newsletter-modal .newsletter .text {
		float: none;
		display: block;
		width: 100%;
		max-width: none;
	}
	
	.newsletter-modal .newsletter form {
		width: 100%;
		float: none;
		margin: 0;
		text-align: left;
	}
	
	.newsletter-modal .newsletter form button {
		margin: 0 6% 0 0;
	}
	
	.newsletter-modal .newsletter p {
		margin: 0 0 20px;
	}


.submit-news-modal {
	width: 700px;
	padding: 20px;
}

	.submit-news-modal .submit-news p.title {
		font-size: 30px;
		line-height: 1.0em;
		margin-bottom: 18px;
		color: #282828;
	}

	.submit-news-modal .submit-news {
		margin: 0;
	}
	
	.submit-news-modal .submit-news .text {
		float: none;
		display: block;
		width: 100%;
		max-width: none;
	}
	
	.submit-news-modal .submit-news form {
		width: 100%;
		float: none;
		margin: 0;
		text-align: left;
	}
	
	.submit-news-modal .submit-news form .field {
		position: relative;
		height: 35px;
		margin: 0 0 15px;
	}
	
		.submit-news-modal .submit-news form .textarea {
			height: auto;
		}
	
	.submit-news-modal .submit-news form input {
		position: absolute;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	
	.submit-news-modal .submit-news form label {
		position: absolute;
		left: 2%;
		top: 2px;
	}
	
		.submit-news-modal .submit-news form label.error {
			left: auto;
			right: 2%;
			color: #ed1c24;
			font-family: 'Gentona-Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	
	.submit-news-modal .submit-news form button {
		margin: 0 6% 0 0;
	}
	
	.submit-news-modal .submit-news p {
		margin: 0 0 20px;
	}
	
	.submit-news-modal .submit-news p.success {
		color: #fff;
		background-color: #15b86d;
		padding: 3px 10px;
		font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-align: center;
	}
	
	.submit-news-modal .submit-news p.error {
		color: #fff;
		background-color: #ef5a57;
		padding: 3px 10px;
		font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-align: center;
	}

	.submit-news-modal .submit-news textarea {
		height: 150px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	
	.submit-news-modal .submit-news form button {
		display: inline-block;
		padding: 10px 0 9px;
		margin: 0 0 0 1.5%;
		text-transform: uppercase;
		font-size: 16px;
		-webkit-font-smoothing: antialiased;
		float: right;
		width: 15.9%;
	}







/* fonts */

.g-bold {
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.g-book {
	font-family: 'Gentona-Book', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.g-med {
	font-family: 'Gentona-Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.g-light {
	font-family: 'Gentona-Light', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}






/* Newsletter form error styling */


.newsletter form p.error,
.newsletter form p.success {
	display: none;
	padding: 3px 10px;
	color: #fff;
	font-family: 'Gentona-Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	margin: 0;
}

.newsletter form p.success {
	background-color: #15b86d;
}
	
.newsletter form p.error {
	background-color: #ef5a57;
}

.newsletter-modal .newsletter p.error,
.newsletter-modal .newsletter p.success {
	top:auto;
	left: auto;
	position: relative;
	margin-top: 10px;
}

.newsletter-follow .newsletter p.error,
.newsletter-follow .newsletter p.success {
	top: -45px;
	left: 0;
	position: absolute;
}

.newsletter form .field input.error {
	border-bottom: 0;
	border: 1px solid red;
}






.captcha-img {
	height: auto;
}
.captcha-img a {
	font-family: inherit !important;
}
.captcha-img input:focus {
	border-bottom: none !important;
}





/* Ad-hoc Styles for membership form */

.checkbox {
	position: relative;
}

.select-checkboxes {
	height: 250px;
	overflow-y: scroll;
}

.memberSignup .introduction .half {
	width: 100%;
	margin-bottom: 7px;
}
.memberSignup .introduction .half > .styled {
	width: 330px;
}

.memberSignup .introduction .half label {
	width: 50px;
}


.memberSignup .select-checkboxes label {
	left: 6%;
	line-height: 22px;	
}

.memberSignup p.header {
	font-size: 18px;
	margin-bottom: 15px;
}

/* additional members (eg. band membership) */

#existing-addons ul {
	padding: 0;
	margin: 0;
	list-style: disc;
}

#existing-addons li {
	margin-left: 20px;
	font-size: 18px;
}

.field .error-message,
.error-message {
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	min-height: 30px;
	line-height: 30px;
	color: red;
	clear: both;
}

.wam-instrument-field .error-message,
.wam-industry-field .error-message,
.wam-genre-field .error-message,
#payment-details .error-message,
#cc-error-box .error-message {
	color: red;
	display: block;
	font-weight: bold;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
 
input.form-error,
select.form-error,
.memberSignup input[type=text].form-error,
.memberSignup input[type=password].form-error {
	border-color: red;
}

.postcode .error-message {
	width: 180px;
}

#flashMessage {
	margin-bottom: 20px;
	padding: 10px 20px;
	text-align: left;
	font-size: 16px;
}

#flashMessage h4 {
	font-size: 20px;
	margin: 0 0 5px 0;
}

#flashMessage.red {
	border: 3px solid #e70000;
	color: #e70000;
}

#flashMessage.red h4 {
	color: #e70000;
}

#flashMessage.green {
	border: 3px solid #00a651;
	color: #00a651;
}

#flashMessage.green h4 {
	color: #00a651;
}

#flashMessage.message {
	border: 3px solid #ccc;
	color: #333;
	text-align: center;
}

#flashMessage.message h4 {
	color: #333;
}



/* Sitemap */
.main-content ul.children li {
	font-size: 18px;
	text-align: left;
}
