/* -------------------------------------RESETS------------------------------------ */

/* http: //meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* removed: b, i */

html, body, div, span, applet, object, iframe,
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, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote: before, blockquote: after,
q: before, q: after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF RESETS */

/* ------------------------------------FIXTURES------------------------------------ */

/* MENU *//* MENU *//* MENU *//* MENU *//* MENU *//* MENU *//* MENU */

#aemenu {
	padding: 10px;
	top: 0px;
	left: 0px;
	position: fixed;
	width: 15%;
	height: 100%;
	color: #CCCCCC;
	text-align: center;
	background-color: #000000;
	z-index:299;
}

#aetoggle {
	display: none;
}

#aemenu a, .aesubmenu a {
	transition: all .2s;
}

#aemenu a:link, #aemenu a:active, #aemenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#aemenulogo {
	width: 100%;
	min-width: 50px;
}

.aemenubutton {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
    margin: auto;
	text-align: center;
	width: 100%;
	font-family: 'Josefin Slab', serif;
	padding: 5px 0px 5px 0px;
}

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

.aesubmenu {
    display: none;
    position: absolute;
    background-color: #000000;
    left: 100%;
    top: -30px;
    width: 80%;
    box-shadow: -1px 1px 5px 2px rgba(255,255,255,1.0);
    z-index: 1;
}

.aesubmenu a {
    color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: block;
}

.aesubmenu a:hover {
	color: #000000!important;
	background-color: #FFFFFF;
}

.aesupermenu:hover .aesubmenu {
    display: block;
}

.aesupermenu:hover .aemenubutton {
    background-color: #FFFFFF;
    color: #000000;
}

.aemenuactive {
	color: #000000!important;
	background-color: #FFFFFF!important;
	font-weight: 600;
}

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

#aesidebar {
	padding: 0px 0px 10px 2%;
	top: 35%;
	right: 0px;
	position: fixed;
	width: 18%;
	height: 100%;
	color: #CCCCCC;
	text-align: center;
	background-color: #000000;
	z-index:290;
	max-height: 100%;
}

#aebackgroundimage {
	z-index: -1;
	width: 25%;
	position: fixed;
	right:0px;
	top:0px;
}

#aesidebar hr, #aecopyright hr {
	display: none;
}

/* COPYRIGHT *//* COPYRIGHT *//* COPYRIGHT *//* COPYRIGHT *//* COPYRIGHT */

#aecopyright {
	font-size: 0.8em;
	margin: auto;
	padding:50px 30% 50px 30%;
	text-align: center;
	line-height: 120%;
}

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

/* BODY *//* BODY *//* BODY *//* BODY *//* BODY *//* BODY *//* BODY */

body {
	background-color: #000000;
	font-weight: 200;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
/*	font-family: 'Bellefair', serif; */
	font-size: 18px;
}

b {
	font-weight: 600;
	letter-spacing: 2px;
	color: #e0cfc5;
}

p {
	line-height: 100%;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-bottom: 20px;
}

a:link, a:active, a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	color: #AAAAAA;
}

h2, h3, h4, h5, h6 {
	color: #e0cfc5;
/*	font-family: 'Vollkorn', serif; */
	font-family: 'Raleway', sans-serif;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 5px 0px 5px 0px;
    padding: 0px; 
    color: #e0cfc5;
    background-color: #e0cfc5;
    border-color: #e0cfc5;
}

h1 {
/*
	font-size: 60px;
	font-family: 'Bungee Outline', cursive;

	font-size: 80px;
	font-family: 'Londrina Outline', cursive;
*/
	font-size: 4.5em;
    font-family: 'Cabin Sketch', cursive;
    display:table;
}

h2 {
	font-size: 1.6em;
	padding: 0px 0px 15px 0px;
	text-align: center;
	font-weight: 600;
}

h2 + h2 {
	font-size: 1.8em!important;
}

h3, h4, h5 {
	font-size: 1.6em;
	padding: 0px;
	font-weight: 400;
	line-height:100%;
}

h3 {text-align: left;}
h4 {text-align: right;}
h5 {text-align: center;}

h3 + h3, h4 + h4, h5 + h5, h3 + h4, h3 + h5, h4 + h3, h4 + h5, h5 + h3, h5 + h4 {
	font-size: 1.4em;
	padding-bottom: 10px;
}

h6 {
	font-size: 0.6em;
	text-align: center;
}

h2 span, h3 span, h4 span, h5 span {
	font-size: 85%;
	color: #dbd3ce;
}

#aecontent {
	padding-left: 20%;
	padding-right: 22%;
}

.aebanner {
	width: 28em;
	height: 10em;
	margin: auto;
	background-size: 60% auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-bottom:1em;
}

.aebanner h1 {
	position: relative;
	top: 50px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.aecentred {
	text-align: center;
	text-indent: 0px!important;
}

.aequote {
	text-align: center;
	width: 60%;
	margin: auto;
	letter-spacing: 2px;
	text-indent: 0px!important;
}

.aequote br {
	margin-bottom: 10px!important;
}

ul.aelist {
	list-style-type: circle!important;
	list-style-position: inside!important;
}


ul.aelist li {
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}

.aefulltext p {
	text-indent: 2em;
}

/* NAVBARS */

#aenavbarback {
	float:left;
	top:-50px;
}

/* STORIES */
.aestorylist {
	columns: 2;
}

.aestorylist li {
	line-height:150%;
	list-style: square;
}

/* PRESS VENUE INFO AND STUFF */
.aetabledetails {
	width:100%;
}

.aetabledetails td {
	width:40%;
	padding:2%;
}

.aetabledetails td + td {
	width:50%;
	padding:2%;
}


/* GALLERY *//* GALLERY *//* GALLERY *//* GALLERY *//* GALLERY *//* GALLERY */

/* album photos *//* album photos *//* album photos *//* album photos */

.aegalbum {
	padding:10px 3.5% 10px 3.5%;
	line-height:120%;
	display:inline-block;
	width:25%;
	vertical-align:top;
	z-index:-1;
}

.aegalbum img {
	height:8.5em;
	margin:auto;
	transition: 0.3s
}

.aegalbum img:hover, .aegalbumcover:hover {
	box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19)
}

/* album cover *//* album cover *//* album cover *//* album cover */

.aegalbumcover {
    width: 8.5em;
    height: 8.5em;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin:auto;
    z-index:-1;
}

.aegalbum p {
	text-align:center;
	padding-top:5px;
}

/* videos *//* videos *//* videos *//* videos *//* videos *//* videos */

.aegvideo {
	padding:0.5em 5% 0.5em 5%;
	line-height:120%;
	display:inline-block;
	width:39%;
	vertical-align:top;
	z-index:-1;
	margin:auto;
}

.aegvideo a div {
	margin: auto;
}

.aegvideo a div iframe {
	width: 14em;
	height: 7.8em;
	}

.aegvideo p {
	text-align:center;
	padding-top:5px;
}

/* contact */

.aemail {
	height:1.5em;
	display:block;
	margin:auto;
	padding:0.25em;
}

/* The Modal (background) */
.aegmodal {
	display: none;
	position: fixed;
	z-index: 295;
	padding-top: 15px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
}

/* Modal Content */
.aegmodalin {
	position: relative;
	background-color: #000000;
	margin: auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
	z-index: 296;
}

.aegslides img {
	height:95%;
	padding-left:20%;
	margin:auto;
}

/* The Close Button */
.aegclose {
	color: white;
	position: absolute;
	top: 10px;
	right: 2%;
	font-size: 1.75em;
	font-weight: bold;
	z-index:297;
}

.aegclose:hover,
.aegclose:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

.aegslides {
	display: none;
}

/* Next & previous buttons */
.aegprev,
.aegnext {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 1em;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	z-index:298;
}

/* Position the "next button" to the right */
.aegnext {
	right: 0%;
	border-radius: 3px 0 0 3px;
	z-index: 300;
}

.aegprev {
	left: 16%;
	border-radius: 3px 0 0 3px;
	z-index: 300;
}

/* On hover, add a black background color with a little bit see-through */
.aegprev:hover,
.aegnext:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.aegnumber {
	color: #f2f2f2;
	font-size: 0.75em;
	padding: 8px 12px 0px 16%;
	position: absolute;
	top: 0;
}

.aegcaption {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
}

/* Tabs jQuery from https://codepen.io/cssjockey/pen/jGzuK */

ul.aetablinks {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:100%;
}

ul.aetablinks li {
	background: #333333;
	color: #888888;
	display: inline-block;
	padding: 0.55em 0.8em;
	margin: -2.5px;
	cursor: pointer;
	transition: color 0.5s ease;
	-moz-border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
	-khtml-border-radius: 0px 5px 0px 0px;
	width: auto;
	border-width: 0px 0px 2px 0px;
	border-color: #FFFFFF;
	border-style: solid;
}

ul.aetablinks li:hover {
	color:#AAAAAA;
	transition: color 0.5s ease;
	}

ul.aetablinks li.aetabactive {
	background: #000000;
	color: #ffffff;
	border-width: 2px 2px 0px 2px;
}

.aetab {
	display: none;
	background: #000000;
	padding: 0.8em;
}

.aetab.aetabactive {
	display: inherit;
}

.aemobileshow {
	display:none;
}

/* TEAM PAGE *//* TEAM PAGE *//* TEAM PAGE *//* TEAM PAGE *//* TEAM PAGE */

.aeprofileleft, .aeprofileright {
	display:inline-block;
	width:100%;
	padding-bottom:1em;
}

.aeprofileleft img, .aeprofileright img {
	width:20%;
	margin:1%;
}

.aeprofileleft img {
	float:left;
}

.aeprofileright img {
	float:right;
}

.aeprofileleft div, .aeprofileright div {
	width:75%;
}

.aeprofileleft div {
	padding-left:25%;
}

.aeprofileright div {
	padding-right:25%;
}

.aeprofileright p {
	text-align: right;
}
	
.aepartner div {
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0em;
}


/* TICKETS PAGE */

.aevenueleft, .aevenueright {
	display:inline-block;
	width:100%;
	padding-bottom:1em;
}

.aevenueimage {
	width:22%;
	height:9em;
	background-size:100% auto;
	background-repeat:no-repeat;
-webkit-border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  border-radius: 1.5em;
  border: none;
}

.aevenueleft .aevenueimage {margin-right:3%;}
.aevenueright .aevenueimage {margin-left:3%;}
.aevenueleft .aevenuetext {padding-left:25%;}
.aevenueright .aevenuetext {padding-right:25%;}

.aevenuetext {width:75%;}

.aevenueright .aevenuetext p {text-align: right;}
.aevenueleft .aevenueimage, .aevenueright .aevenuedate {float:left;}
.aevenueright .aevenueimage, .aevenueleft .aevenuedate {float:right;}

.aevenuetext h3 + h3, .aevenuetext h4 + h4 {
font-size:1.8em;
}

.aevenuedate {
width:5em;
height:5em;
background-image:url('/images/graphic-calendar.png');
background-size:100% auto;
background-repeat:no-repeat;
font-weight:600;
}

.aevenuedate p {
	padding: 50% 20% 0% 20%;
	text-align:center;
	font-size:0.6em;
	color: #000;
	font-weight:900;
}

hr + .aevenueleft {
	padding-top:1em;
}

/* DONATE PAGE */

.aedonate {
	width: 20%;
	margin: auto;
}

.aedonateimage {
	width: 100%;
}

.aedonate form input[image] {
width: 100%;
background-size:10em 10em;
background-repeat: no-repeat;
}

.aebuy {
	width: 40%;
	margin: auto;
}

.aebuyimage {
	width: 100%;
}

/* TESTS ONLY *//* TESTS ONLY *//* TESTS ONLY *//* TESTS ONLY *//* TESTS ONLY */

.aegoodiesleft table tr td, .aegoodiesright table tr td {
	width:50%;
	padding-bottom: 1em;
}

.aegoodiesimage {
	width: 100%;
	vertical-align:top;
}
	
.aegoodiesleft {text-align: right;} .aegoodiesright {text-align: left;}

.aegoodiesleft p, .aegoodiesright p {
	font-size: 90%;
}
.aegoodiesleft p b, .aegoodiesright p b {
	font-size: 1.2em;
}
.aegoodiesleft h3 + h3, .aegoodiesright h3 + h3 {
	font-size: 1.2em;
}

/* SW ARTIST BLOG *//* SW ARTIST BLOG *//* SW ARTIST BLOG *//* SW ARTIST BLOG */

.aeblogleft, .aeblogright {
	padding-bottom:1em;
}

.aeblogleft p, .aeblogright p {
	font-style: italic;
	font-size:85%;
}

.aeblogleft p {
	text-align: left;
}

.aeblogright p {
	text-align: right;
}

.aeblogcover {
	width: 20%;
	display:inline;
}

.aeblogleft .aeblogcover {
	float:left;
	padding-right:1em;
}

.aeblogright .aeblogcover {
	float:right;
	padding-left:1em;
}


/* INTERVIEW ITSELF */

.aeinterview {
	line-height:110%;
	font-size:90%;
}

.aeinterview h3, .aeinterview h4, .aeinterview h5 {
	padding-top:1em;
	padding-bottom:0.5em;
}

.aeinterviewimage {
	width:50%;
	margin-left:25%;
	margin-right:25%;
}

.aeinterviewimage + p {
	width:70%;
	margin:auto;
	text-indent:0em!important;
	font-style:italic;
	text-align:center;
	font-size:85%;
}
	
.aeinterviewvideo {
	width:80%;
	margin-left:10%;
	margin-right:10%;
}

.aeinterviewquote {
	width:80%;
	margin:auto;
	font-style:italic;
	font-weight:700;
	line-height:1em;
	text-align:center;
}

/* DOMME SONG DOWNLOAD PAGE */

.aemusiclink {
	width:20%;
	margin:auto;
	padding:1.5%;
	display:inline-block;
	vertical-align:middle;
}

/* TWITTERLOVE */
.aetweet {
	max-width:40%;
	width:40%;
	padding: 0% 4% 0% 4%;
	display: inline-block;
}

/* INTRODUCTION PAGE ANNOUNCEMENTS */

.aenewsflash, .aenewsflash + div {
	width:45%;
/*	padding:2.5%; */
	text-align:center;
/*	margin-bottom: 3%;
	margin-top: 3%; */
}

.aenewsflash {
	float:left;
	background-color:#f2d2a7;
}

.aenewsflash + div {
	float:left;
	background-color:#e8c18f;
}

.aenewsflash p, .aenewsflash + div p {
	color:#000000;
}

.aenewsflash h2, .aenewsflash + div h2 {
	color:#FFFFFF;
}

.aenewsflash a, .aenewsflash + div a {
	color:#FFFFFF;
}

/* WORKSHOPS */

.aejustify {
	text-align:justify!important;
}

.aereachtag {
	background-color:#000000;
	color:#FFFFFF;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}

.aereachred {
	color:#FFFFFF;
	background-color:#F44336;
}

.aereachgrey {
	color:#000000!important;
	background-color:#F1F1F1!important;
}

.aereachimage {
	border-radius:4px;
	max-width:100%;
	height:auto;
	opacity:0.75;
}

.aeworkshops h1 {
	font-size:3em;
	margin-bottom:0px;
}

/* DONATE WIDGET */

.aedonatebutton {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4c73af;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.aedonatebutton:hover {background-color: #0f6ba8}

.aedonatebutton:active {
  background-color: #0f6ba8;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* homepage banner */
#aebannerhome, #aebannerhome img {
	width:100%;
}

#aebannerhome {
	padding-bottom:5%;
}

.aemnewsflash {
	display: none;
}

.aelandingvideo iframe {
	width:50%;
	margin-left:25%;
	margin-right:20%;
}

/* amsterdam tickets page */

.aeshowcolumn {
float:left;
width: 46%;
margin-right:2%;
}

.aeshowcolumn + .aeshowcolumn {
float:right;
margin-left:2%;
}

.aeshowbox {
float:right;
width:40%;
border:solid;
border-color:#FFFFFF;
border-width:5px;
padding:10px;
margin:10px;
}

.aeticketa, .aeticketb {
width:100%;
}

.aeticketa {
background-color:#999999;
}

.aeticketb {
background-color:#DDDDDD;
}

.aeticketa p, .aeticketb p {
width:75%;
left:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
}

.aeticketb p {
color:#111111;
}

.aeticketbuttona, .aeticketbuttonb {
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:15px;
font-size:25px;
float:right;
border-radius: 2px;
border-style:none;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
cursor:pointer;
}

.aeticketbuttona {
background-color:#777777;
color:#EEEEEE;
}

.aeticketbuttona:hover {
    background-color: #999999;
}

.aeticketbuttonb {
	background-color:#BBBBBB;
	color:#222222;
}

.aeticketbuttonb:hover {
    background-color: #DDDDDD;
}

.aeshowbookmobile {
	display:none;
}

.aepremiere {
	background-color:#edc66d;
}

.aepremiere p b {
	color: #000000!important;
}

.aepremiere .aeticketbuttonb {
	background-color: #e8ae27;
	color: #916705;
}

.aepremiere .aeticketbuttonb:hover {
	background-color: #edc66d!important;
}