/*
Theme Name: ATTS 2014
Author: Conor Barclay (Citadel Media)
Author URI: http://www.anameunheard.com/
Description: Built on Citadel: a theme framework lovingly handcrafted by Conor Barclay.

-----------------------------------------------------------------------------------

Table of Contents:

	0. CSS Reset & Clearfix
	1. Global Styles
		1a. Links
		1b. Headings
		1c. Text Elements
		1d. Forms, Inputs, Fields, and Buttons
	2. Structure
	3. Masthead Styles
		3a. Navigation & Menus
	4. Media Elements
		4a. Alignment
	5. Homepage Styles
	6. Post Content Styles
		6a. Pagination Styles
	7. Page Template Styles
	8. Widget and Plugin Styles
		8a. AJAX Contact Form Styles
		8b. Gigpress Plugin Styles
		8c. Flexslider Custom Styles
		8d. jPlayer Audio Player Skin
		8e. Fancybox Skin
	9. Footer Styles
	10. Social Icons
	00. Mobile and Responsive Awesomeness

-----------------------------------------------------------------------------------*/



/* Punch it, Chewie! */



/*-----------------------------------------------------------------------------------
0. CSS Reset & Clearfix 
-----------------------------------------------------------------------------------*/

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;
}

button,
input[type=button],
input[type=submit] { cursor: pointer }

button {
	width: auto;
	overflow: visible;
}

img { -ms-interpolation-mode: bicubic }

ol,
ul { list-style: none }

input[type=submit] { -webkit-appearance: none }

.hide-mobile { 
	display: none!important; 
	visibility: hidden!important;
}

.show-mobile { 
	display: block!important; 
	visibility: visible!important;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/*-----------------------------------------------------------------------------------
1. Global Styles 
-----------------------------------------------------------------------------------*/

@font-face {
	font-family: 'GraphikWeb';1
	src: url('fonts/graphik-regular-webfont.eot');
	src: url('fonts/graphik-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/graphik-regular-webfont.woff') format('woff'),
		 url('fonts/graphik-regular-webfont.ttf') format('truetype'),
		 url('fonts/graphik-regular-webfont.svg#graphik_regularregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'GraphikWeb';
	src: url('fonts/graphik-medium-webfont.eot');
	src: url('fonts/graphik-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/graphik-medium-webfont.woff') format('woff'),
		 url('fonts/graphik-medium-webfont.ttf') format('truetype'),
		 url('fonts/graphik-medium-webfont.svg#graphikmedium') format('svg');
	font-weight: 500;
}

*,
*:before, 
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
 }

html {
	font-size: 62.5%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

body {
	font: 400 1.6rem/1.7 'GraphikWeb', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #696c70;
	-webkit-text-size-adjust: none;
}

/*-----------------------------------------------------------------------------------
1a. Links 
-----------------------------------------------------------------------------------*/

a {
	color: #40c1f1;
	text-decoration: none;
}

a:active, 
a:hover {
	color: #dd2929;
	text-decoration: none;
}

a img { border: none; }

a > img { vertical-align: bottom; }

/*-----------------------------------------------------------------------------------
1b. Headings
-----------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 { 
	font-weight: 500;
	color: #363a40;
	line-height: 1.6;
}

h1 { font-size: 3rem; }

h2 { 
	font-size: 2rem; 
	margin-bottom: 3rem;
}

h3 {
	font-size: 1.6rem;
	line-height: 3.2rem;
	margin-bottom: 1.5rem;
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid;
	margin: 3rem 0;
	padding: 0;
	color: #ebebeb;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
}

/*-----------------------------------------------------------------------------------
1c. Text Elements 
-----------------------------------------------------------------------------------*/

p { margin-bottom: 3rem; }

ol {
	list-style-type: decimal;
	margin-left: 2rem;
}

ul {
	list-style-type: disc;
	margin-left: 2rem;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { bottom: 1ex; }

sub { top: 0.5ex; }

small { font-size: 75%; }

strong {
	font-weight: 500;
	color: #363a40;
}

img {
	width: auto\9;
	width: 100%;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}

table {
	border-top: 1px dotted;
	border-left: 1px dotted;
	border-width: 1px;
	width: 100%;
}

th {
	padding: 0.5em 0.5em;
	border-bottom: 1px dotted;
	border-right: 1px dotted;
}

td {
	padding: 0.5em 0.5em;
	border-bottom: 1px dotted;
	border-right: 1px dotted;
}

/*-----------------------------------------------------------------------------------
1d. Forms, Inputs, Fields, and Buttons
-----------------------------------------------------------------------------------*/

select {
	font-family: inherit;
	font-size: inherit;
	border: 1px solid #d2d2d2;
	display: inline-block;
	height: 3.3rem;
	vertical-align: middle;
	*margin-top: 4px;
	-webkit-border-radius: 4px;
			border-radius: 4px;
}

textarea {
	border: 1px solid;
	overflow: auto;
	padding-left: 3px;
	vertical-align: top;
	resize: vertical;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	font: 400 1.6rem/1.7 'GraphikWeb', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 100%;
	background: #fff;
	display: inline-block;
	border: 1px solid #d2d2d2;
	padding: 1rem;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	-webkit-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.075);
	   -moz-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
			transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color: #696c70;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
			box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
}

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover { 
	border-color: #696c70; 
	-webkit-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
			box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
}

.btn,
.ajax-submit,
input[type="submit"] {	
	font-family: 'GraphikWeb', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	display: inline-block;
	background: #dd2929;
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding: 0 30px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 4px;
}

.btn:hover,
.ajax-submit:hover,
input[type="submit"]:hover {
	background: #40c1f1;
	color: #fff;
}

/*-----------------------------------------------------------------------------------
2. Structure
-----------------------------------------------------------------------------------*/

.block { padding: 0 2rem; }

.wrap {
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	zoom: 1;
}

.wrap:after, 
.wrap:before {
	content: "";
	display: table;
}

.wrap:after { clear: both; }

.header-wrap { background: #eaeaea; }

.site-header { background: #fff; }

.content { padding-bottom: 6rem; }

/*-----------------------------------------------------------------------------------
3. Masthead Styles 
-----------------------------------------------------------------------------------*/

.site-header .logo {
	display: block;
	margin: 3rem 0;
	font-weight: 500;
	font-size: 3.2rem;
	line-height: 1.5;
	color: #363a40;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2 / 1),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) { 
	.site-header .logo {
		background-image: url('images/logo@2x.png');
		-webkit-background-size: 96px 55px;
				background-size: 96px 55px;
	}
}

.site-header .logo:hover { color: #dd2929; }

.site-header .header-nav ul { display: none; }

.site-header .header-nav select { 
	width: 100%;
	margin-bottom: 3rem;
}

.header-wrap { 
	position: relative; 
	overflow: hidden;
}

.hero {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0 auto;
	max-width: 1400px;
	height: 300px;
}

.hero > .flexslider ul li img { 
	opacity: 1; 
	width: auto;
	height: auto;
	max-width: none;
}

.page-header { margin-bottom: 3rem; }

.page-header .wrap {
	border-bottom: 2px solid #ebebeb;
	padding: 3rem 0;
}

.page-header .page-title { 
	margin: 0;
	font-weight: 400;
}

/*-----------------------------------------------------------------------------------
5. Homepage Styles
-----------------------------------------------------------------------------------*/

.hero .hero-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hero-nav a {
	color: #696c70; 
	display: block;
	padding: 2rem 3rem;
	margin-bottom: 3px;
	background: #eaeaea;
}

.hero-nav a:hover { 
	border-color: #fff;
	color: #fff;
	background: #41b39d;
	font-weight: 500;
}

.hero-nav a:after {
	content: '\2192';
	float: right;
}

.slider-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 100;
	text-align: center;
}

.slider-overlay > .table-cell {
	display: table;
	width: 100%;
	height: 100%;
	background: rgba(37, 52, 106, 0.75);
}

.slider-overlay > .table-cell > .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0 2rem;
}

.slider-overlay .hero-intro { 
	width: 90%; 
	display: inline-block;
	text-align: left;
}

.slider-overlay .logo img { 
	position: absolute;
	max-width: 80px; 
}

.slider-overlay .hero-intro > div { padding-left: 100px; }

.slider-overlay h1 { 
	color: #fff;
	margin-bottom: 3rem;
	font-size: 2rem; 
}

/*-----------------------------------------------------------------------------------
7. Page Template Styles
-----------------------------------------------------------------------------------*/

.error404 .page-header:before {
	font-family: 'FontAwesome';
	content: "\f05c";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 64px;
	width: 64px;
	height: 64px;
	line-height: 1;
}

.error404 .page-header > * { padding-left: 72px; }

.error404 h1 { 
	font-weight: 500;
	font-size: 2.6rem; 
	letter-spacing: 0;
	margin: 0;
	line-height: 1;
	padding-top: 1rem;
}

.error404 a { 
	padding: 0;
	font-size: 75%;
	border: none;
}

/*-----------------------------------------------------------------------------------
8. Widget and Plugin Styles
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
8a. AJAX Contact Form Styles
-----------------------------------------------------------------------------------*/

form.iwacontact ol.iwacontactform li { margin-top: 2em; }

form.iwacontact ol.iwacontactform li:first-child { margin: 0; }

form.iwacontact label,
form.iwacontact span.ajax-result,
form.iwacontact span.ajax-feedback { 
	font-family: 'proxima_novalight', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 400;
}

form.iwacontact ol.iwacontactform input.input { width: 100%; }

form.iwacontact span.ajax-result,
form.iwacontact span.ajax-feedback { font-size: 0.8rem; }

form.iwacontact ol.iwacontactform .buttons input { background: none; }

.ajax-loading { width: auto; }

/*-----------------------------------------------------------------------------------
8a. Flexslider Custom Styles
-----------------------------------------------------------------------------------*/

.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden; 
	text-align: center;
} 

.flexslider .slides img {
	width: auto; 
	display: inline;
}

.flex-control-nav {
	width: 100%;
	text-align: center;
	margin: 0;
	line-height: 1;
	bottom: 1.5rem;
	position: absolute;
	z-index: 20;
}

.flex-control-nav li {
	margin: 0 6px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}

.flex-control-paging li a { 
	border: none; 
	width: 11px; 
	height: 11px; 
	display: block; 
	background: #666; 
	cursor: pointer; 
	text-indent: -9999px; 
	border-radius: 20px; 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover { background: #222; }

.flex-control-paging li a.flex-active { cursor: default; }

.flex-direction-nav a {
	color: #363a40;
	position: absolute;
	height: 90px;
	width: 50px;
	top: 50%;
	margin-top: -45px;
	border: none;
	line-height: 90px;
	text-align: center;
	font-family: 'FontAwesome';
	font-size: 40px;
	background: #fff;
	z-index: 9999;
	display: none;
}

.flex-direction-nav .flex-prev:before { content: "\f104"; }

.flex-direction-nav .flex-prev { 
	left: 0; 
	border-radius: 0 3px 3px 0;
}

.flex-direction-nav .flex-next:before { content: "\f105"; }

.flex-direction-nav .flex-next { 
	right: 0;
	border-radius: 3px 0 0 3px;
}

/*-----------------------------------------------------------------------------------
9. Footer Styles
-----------------------------------------------------------------------------------*/

.footer-links {
	background: #eaeaea;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.footer-links ul li { 
	display: inline-block; 
	margin: 0.5rem;
}

.footer-links ul li a {
	display: block;
	padding: 1rem;
	background: #fff;
	border-radius: 3px;
}

.footer-links ul li a img:hover {
	opacity: 0.8;
}

.footer-wrap {
	border-radius: 0 0 4px 4px;
	text-align: center;
	font-size: 1.2rem;
	padding-top: 5.5rem;
	padding-bottom: 5.5rem;
}

.site-footer .copyright { 
	font-weight: 500; 
	margin: 0;
}

.site-footer .footer-nav { margin-bottom: 2rem; }

.site-footer .footer-nav ul { 
	display: inline-block;
	list-style: none; 
	padding: 0;
	margin: 0;
}

.site-footer .footer-nav ul li { display: inline; }

.site-footer .footer-nav ul a {
	color: #9ea1a4;
	margin: 0 1rem 0 0;
}

.site-footer .footer-nav ul a:hover { color: #696c70; }

.back-to-top {
	background: rgba(37, 52, 106, 1);
	color: #fff;
	bottom: 0;
	display: none;
	height: 40px;
	position: fixed;
	right: 0.5em;
	border: none;
	z-index: 9999;
	text-align: center;
	padding: 0.12em 0.5em 0.15em;
	font-size: 2em;
	line-height: 1;
	border-radius: 3px 3px 0 0;
}

.back-to-top:hover {
	background: #dd2929;
	color: #fff;
}

/*-----------------------------------------------------------------------------------
00. Mobile and Responsive Awesomeness
-----------------------------------------------------------------------------------*/


@media screen and (min-width: 480px) {
	.block {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.hero { height: auto; }

	.slider-overlay > .table-cell > .inner { padding: 0 6rem; }

	.flex-direction-nav a { display: block; }

	.page-header .page-title { font-size: 2.2rem; }

	.footer-links ul li { margin: 1rem; }

	.footer-links ul li a { padding: 3rem; }
}

@media screen and (min-width: 640px) {
	.slider-overlay .logo img { max-width: 130px; }

	.slider-overlay .hero-intro > div { padding-left: 150px; }

	.slider-overlay h1 { font-size: 3rem; }
}

@media screen and (min-width: 767px) { 
	.show-mobile { 
		display: none!important; 
		visibility: hidden!important;
	}

	.hide-mobile { 
		display: block!important; 
		visibility: visible!important;
	}

	.wide { max-width: 100em; }

	.narrow { 
		max-width: 40em; 
		margin: 0;
	}

	.onecol, 
	.twocol, 
	.threecol, 
	.fourcol, 
	.fivecol, 
	.sixcol, 
	.sevencol, 
	.eightcol, 
	.ninecol, 
	.tencol, 
	.elevencol {
		margin-right: 3.8%;
		float: left;
		min-height: 1px;
	}

	.onecol { width: 4.85%; }
	.twocol { width: 13.5%; }
	.threecol { width: 22.15%; }
	.fourcol { width: 30.8%; }
	.fivecol { width: 39.45%; }
	.sixcol { width: 48.1%; }
	.sevencol { width: 56.75%; }
	.eightcol { width: 65.4%; }
	.ninecol { width: 74.05%; }
	.tencol { width: 82.7%; }
	.elevencol { width: 91.35%; }
	.twelvecol {
		clear: both;
		width: 100%;
		float: left;
	}

	.last { margin-right: 0; }

	.hero > .flexslider ul li img { 
		opacity: 1; 
		width: 100%;
		max-width: 100%;
	}

	.slider-overlay > .table-cell > .inner { padding: 0 8rem; }

	.slider-overlay .hero-intro { width: 80%; }

	.page-header .wrap { padding: 6rem 0 3rem; }

	.footer-wrap { text-align: left; }

	.site-footer .copyright { text-align: center; }

	.site-footer .footer-nav { 
		float: right;
		margin: 0; 
	}

	.site-footer .footer-nav ul li { display: inline; }

	.site-footer .footer-nav ul a { margin: 0 0 0 1rem; }
}

@media screen and (min-width: 960px) { 
	.site-header { padding-bottom: 6rem; }

	.site-header .logo { 
		float: left;
		display: inline-block;
		margin: 0;
		padding-top: 6rem;
		text-align: left;
	}

	.site-header .header-nav { float: right; }

	.site-header .header-nav select { display: none; }

	.site-header .header-nav ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.site-header .header-nav li {
		display: inline;
		margin-right: 2.5rem;
		border-top: 3px solid transparent;
		padding-top: 6rem;
	}

	.site-header .header-nav li:hover { border-color: #dd2929; }

	.site-header .header-nav li a {
		padding-top: 6rem;
		display: inline-block;
	}

	.site-header .header-nav a { color: #9ea1a4; }

	.site-header .header-nav a:hover { color: #3d474c; }

	.site-header .header-nav li.current-menu-item a {
		font-weight: 500;
		color: #dd2929;
	}
}

@media screen and (min-width: 1200px) { 
	.slider-overlay .hero-intro { width: 60%; }

	.slider-overlay .logo img { max-width: 150px; }

	.slider-overlay .hero-intro > div { padding-left: 170px; }

	.slider-overlay h1 { font-size: 4.5rem; }
}