/*   
Theme Name: LAYERS Conf Theme
Theme URI: http://michaela.io
Description: A theme for Layers based on BLANK theme by Chris Coyier
Author: Michaela McCann
Author URI: http://michaela.io
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font-size: 20px; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */



h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

/*

SITE
	
yellow:		#fee852
unblack:		#2c2530
white:		#ffffff
brown:		#d0a401
purp:		#2c2530
dark purp:	#1b141f


@font-face {
    font-family: Nevis;
    src: url(fonts/nevis.ttf);
}   
@font-face {
    font-family: LG;
    src: url(fonts/LeagueGothic-Regular.otf);
}
*/
*{
	box-sizing: border-box;
}

.sr{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

html{
}
html,body{
	width:100%;
	max-width: 100%;
}
body{
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	-webkit-font-smoothing:antialiased;
	overflow-x: hidden;
	color:#2c2530;
}
.bg-purple{
	background-color: #2c2530;
}
.bg-dark-purple{
	background-color: #1b141f;
}
.bg-yellow{
	background-color:#fee852;
}
.bg-squares{
	background:url('img/bg-squares.png') center top repeat;
}
.bg-brown-dots{
	background-image:url('img/bg-brown-dots.png');
	background-size: auto 7.5px;
}
.bg-purple-dots{
	background-image:url('img/bg-purple-dots.png');
	background-size: auto 7.5px;
}


section,footer{
	padding:3em 0;
}
.container{
	margin:0 auto;
	padding:.5em 1em;
	width:100%;
	max-width:30em;
}
.container:after {
  content:"";
  display:table;
  clear:both;
}
a{
	text-decoration: none;
	color:black;
	font-weight: 400;
	font-family: 'Gotham A', 'Gotham B', 'Verlag A', 'Verlag B','Oswald', sans-serif;
}
.gutter h2{
	font-size: .75em;
	font-family: 'Gotham A', 'Gotham B', 'Verlag A', 'Verlag B','Oswald', sans-serif;
}
.gutter h1{
	font-size: 1em;
	line-height: .25em;
}

@media screen and (min-width:640px){
	.gutter{
		width:80px;
		float:left;
		text-align: left;
	}
	.content{
		width:370px;
		float:right;
	}
	.top.content{
		width:475px;
	}
}
/*
	

HERO


*/

#hero{
	width:100%;
	max-width: 100%;
	height:20em;
	padding: 5em 0;
	text-align: center;
}

#hero-logo{
	width:60px;
	height:auto;
}

#hero h1{
	background:url('img/accent-lines.png') right 25% no-repeat;
	background-size: auto 25%;
	width:100%;
	max-width: 30em;
	font-family: 'Gotham A', 'Gotham B', 'Verlag A', 'Verlag B','Oswald', sans-serif;
	font-weight:800;
	font-style: normal;
	font-size: 2em;
	font-size:20vw;
	text-align: left;
	color:#FFF;
	text-rendering: optimizeLegibility;
}

#hero-info{
	width:10em;
	float: right;
	border:2px solid #2c2530;
	height: 1.5em;
	position: relative;
	top: -1.66em;
}

.hero-detail{
	height:100%;
	display: inline-block;
	font-size: .75em;
	line-height: 1.7em;
	padding: 0 1em;
}
#hero-city{
	float: right;
	width:35%;
}

#hero-dates{
	float: left;
	width:65%;
	border-right:2px solid #2c2530;
}

#hero h2{
	clear:both;
	font-size: 1em;
	font-size:5vw;
	position: relative;
	top:-1.5em;
	height: 3.25em;
	line-height: 1.5em;
	padding: .25em 0 0 0;
	margin: 0 0 0 1.5vw;
	text-align: left;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,1)), color-stop(10%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 30%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 30%,rgba(255,255,255,0) 30%); /* W3C */
}

@media screen and (min-width:400px){
	#hero h2{
		font-size:.75em;
	}
}
@media screen and (min-width:475px){
	#hero h1{
		font-size:5em;
		background:url('img/accent-lines.png') right 25% no-repeat,url('img/accent-underscore.png') 2% bottom no-repeat;
		background-size: auto 25%, auto auto;
	}
}
@media screen and (min-width:640px){
	#hero img{
		position: relative;
		top: 1.15em;
	}
	#hero-info{
		width:10em;
		height: 2em;
		position: relative;
		top: -2.25em;
	}

	.hero-detail{
		line-height: 1.25em;
		padding-top: 0.55em;
	}
	#hero-dates{
		width:65%;
	}
	
	#hero-city{
		width:35%;		
	}
	#hero h2{
		top:-2.5em;
		margin: 0 0 0 .5em;
	}
}

/*
	
	
NAV


*/
nav{
	display: none;
}
#nav .container{
	text-align: center;
}
.nav-button{
	width:4em;
	display: inline-block;
	color:#2c2530;
	font-size: .5em;
	border:2px solid #2c2530;
	text-align: center;
	text-decoration: none;
}

@media screen and (min-width:640px){
	nav {
		display: block;
		position: relative;
		top: -1em;
	}
	a.nav-button{
		background:none;
		position: relative;
		left:7px;
		line-height: 40px;
		width:80px;
		height:40px;
		margin: 0 13px 0 0;
	}
	a.nav-button:hover{
		color:#fff;
		background:#d0a401;
	}
	a.nav-button:last-of-type{
		margin: 0;
	}
}
.scroll-to-fixed-fixed{
	background:rgba(254,232,82,.5);
}
.scroll-to-fixed-fixed a.nav-button{
	background:#FFF;
}
.scroll-to-fixed-fixed a.nav-button:hover{
	background:#d0a401;
}
#hero-logo.scroll-to-fixed-fixed{
	z-index: 1100;
	display:none;
}
@media screen and (min-width:640px){
	#hero-logo.scroll-to-fixed-fixed{
		display: block;
	}
}

/*
	
	
WHAT


*/
#what{
	padding: 3em 0;
}

#what .container{
	background: -moz-linear-gradient(top, rgba(254,232,82,.5) 30%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(254,232,82,.5)), color-stop(20%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,232,82,.5) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,232,82,.5) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254,232,82,.5) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(254,232,82,.5) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* W3C */
}
#what .content{
	margin: 0 0 2em 0;
}
#what h1{
	color:#d0a401;
}
#what p{
	max-width:13em;
}

#what a{
	clear:both;
	display: block;
	font-size: .75em;
	padding:.5em 0;
	border:2px solid #2c2530;
	text-align: center;
	width:275px;
	margin: 0 auto;
	background: #fee852;
	color:#2c2530;
}

#what a:hover{
	background: #d0a401;
	color:#fff;
}

@media screen and (min-width:640px){
	#what{
		margin:-1.5em 0 0 0;
	}
	#what p{
		font-size: 1.25em;
	}
	#what .container{
		background: -moz-linear-gradient(top, rgba(254,232,82,1) 30%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 30%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(254,232,82,1)), color-stop(20%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* W3C */
	}
}

/*
	
	
PRESENTERS


*/
#presenters .container{
	background: -moz-linear-gradient(top, rgba(254,232,82,1) 30%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(254,232,82,1)), color-stop(20%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(254,232,82,1) 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 30%); /* W3C */
}
#presenters .content{
	border:2px solid #d0a401;
	width: 100%;
	max-width: 374px;
	padding: 1em;
	margin:0 auto;
}
#presenters .content h3{
	color:#d0a401;
	margin: 0 0 1em 0;
}
#presenters .portrait,#presenters .portrait img{
	width:100%;
}
.presenter h1{
	font-family: 'Gotham A', 'Gotham B', 'Verlag A', 'Verlag B','Oswald', sans-serif;
	font-weight: 800;
	font-size: 1em;
}
.presenter h2{
	position: relative;
	top: -.75em;
	color:#d0a401;
}
.presenter h2,.presenter p{
	text-transform: none;
	font-size: .75em;
}
@media screen and (min-width:640px){
	#presenters .content{
		padding: .5em 1em;	
	}
	.presenter{
		width: 400px;
		right: 70px;
		position: relative;
		margin: 0 0 1em 0;
	}
	.presenter:after {
		content:"";
		display:table;
		clear:both;
	}
	#presenters .portrait{
		width:5em;
		height:5em;
		float:left;
	}
	#presenters .portrait img{
		border:2px solid #d0a401;
	}
	#presenters .bio{
		width: 70%;
		float: right;
	}
	#presenters .bio p{
		position: relative;
		top: -.75em;
	}
	.presenter.alt{
		width: 390px;
		right: 0;
	}
	#presenters .alt .portrait{
		width:5em;
		height:5em;
		float:right;
	}
	#presenters .alt .bio{
		width: 70%;
		float: left;
		background:#fee852;
		text-align: right;
	}
}
/*


DETAILS


*/
#deets{
	color:#fff;
	padding: 3em 0 0;
}
#deets .gutter{
	width:240px;
	padding:1em;
	margin:0 auto;
}
#deets h2{
}
#deets h1{
	color:#fee852;
}
#deets p{
	margin:1em 0 4em;
}
#deets .content{
	width: 280px;
	border: 2px solid #fee852;
	padding: 2em 2.5em 10em;
	margin: -4em auto -13em;
	font-size: .75em;
	z-index: 200;
	position: relative;
}
#deets .content h1{
	font-family: 'Gotham A', 'Gotham B', 'Verlag A', 'Verlag B','Oswald', sans-serif;
	font-weight: 800;
	font-size: 1em;
}
#deets .content p{
	text-transform: none;
}
#deets .container p.microdeets{
	text-transform: none;
	font-size: 0.75em;
	margin: -4em 0 0 0;
}
#deets #map{
	background:url('img/map.jpg') center center no-repeat;
	background-size:cover;
	position: relative;
	width:100%;
	height:50vh;
	z-index: 100;
}
@media screen and (min-width:640px){
	#deets .container{

	}
	#deets .gutter{
		width:320px;
		padding:1em;
		margin:0 auto;
		position: relative;
		left:-1em;
	}
	#deets .gutter p {
		margin: 1.5em 0 3em;
		font-size: 1.25em;
		width: 166%;
	}
	#deets .content{
		clear:both;
		width:100%;
	}
	#deets .content h1{
		margin: -10px 0 10px;
	}
	#deets .content p {
		margin: 2em 0 4em;
	}
}
@media screen and (min-width:1900px){
	#deets #map{
		background:url('img/map.jpg') center 33% no-repeat;
	}
}

/*
	
	
REGISTER


*/
#register{
	color:#fff;
}
#register .container{
	background: -moz-linear-gradient(top, rgba(27,20,31,1) 30%, rgba(255,255,255,0) 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(27,20,31,1)), color-stop(30%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(27,20,31,1) 30%,rgba(255,255,255,0) 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(27,20,31,1) 30%,rgba(255,255,255,0) 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(27,20,31,1) 30%,rgba(255,255,255,0) 30%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(27,20,31,1) 30%,rgba(255,255,255,0) 30%); /* W3C */
}
#register .gutter{
	width: 100%;
}
#register h2{
	color:#fee852;	
}
#register h1{
	color:#fff;	
}
#register .content{
	padding: 1em;
	color: #2c2530;
}
#register ul{
	list-style-type: none;
}
.tito-ticket-description{
	font-size: .75em;
	text-transform: none;
}
.tito-ticket-price-quantity-wrapper{
	margin:1em 0;
	text-align: center;
}
.tito-ticket-price,.tito-ticket-quantity{
	display: inline-block;
}
.tito-submit,input{
	-webkit-appearance: none;
}
input{
	font-size: 1em;
	width: 2em;
	padding: 0 .5em;
	border: 2px solid #2c2530;
	border-radius:0px;
}
.tito-submit,.tito-discount-apply-button{
	width: 100%;
	-webkit-appearance: none;
	font-size: 1em;
	border: 2px solid #2c2530;
	background: #fee852;
	padding: .25em;
	margin: .25em 0 .5em;
	text-transform: uppercase;
	font-family: 'Verlag A','Verlag B';
}
.tito-submit:hover,.tito-discount-apply-button:hover{
	cursor:pointer;
	background: #FFF;
}
span.tito-badge-link{
	font-size: .5em;
}
/* discount title */
#tito-opening-night-llc-layersclub-1-show-discount-code a{
	color:#d0a401;
	font-family: 'Oswald',sans-serif;
}
/* discount field */
#tito-tito-opening-night-llc-layersclub-1-discount-code-field{
	width:59%;
	font-size: .66em;
	text-transform: uppercase;
	padding: 3px 4px 4px;
	float:left;
}
.tito-discount-code-field,.tito-discount-apply-button{

}
.tito-discount-apply-button{
	width:39%;
	float:right;
	font-size: .66em;
	margin: 0;
}
.tito-discount-code-label{
	display: none;
}

/*
	
	
ABOUT


*/


#about .content{
	border:2px solid #fee852;
	width: 100%;
	max-width: 374px;
	padding: 1em;
	margin:0 auto;
	color:#fff;
}
#about .content h1{
	color:#fee852;
}
#about .content h3{
	margin: 0 0 1em 0;
}
#about .portrait,#about .portrait img{
	width:100%;
}
#about h1{
	color:#d0a401;
}
#about h2{
	color:#fff;
}
#about h2,.presenter p{
	text-transform: none;
	font-size: .75em;
}
@media screen and (min-width:640px){
	#about .content{
		padding: .5em 1em;	
	}
	.presenter{
		width: 400px;
		right: 70px;
		position: relative;
		margin: 0 0 1em 0;
	}
	.presenter:after {
		content:"";
		display:table;
		clear:both;
	}
	#about .portrait{
		width:5em;
		height:5em;
		float:left;
	}
	#about .portrait img{
		border:2px solid #fee852;
	}
	#about .bio{
		width: 70%;
		float: right;
	}
	#about .bio p{
		position: relative;
		top: -.75em;
	}
	.presenter.alt{
		width: 390px;
		right: 0;
	}
	#about .alt .portrait{
		width:5em;
		height:5em;
		float:right;
	}
	#about .alt .bio{
		width: 70%;
		float: left;
		background:#fee852;
		text-align: right;
	}
}

/*footer*/
footer{
	font-size: .4em;
}
@media screen and (min-width:640px){
	footer{
		font-size: .5em;
	}
}