@charset "utf-8";
/* CSS Document */


html, body {
	/*overflow:hidden;*/
	padding:0 auto;
	margin:0 auto;
	height:100%;
	background-color:#f3dfa5;
	

}

a {
	text-decoration:none;
	color:#b1a23f;
}

a:hover {
	color:#671514;
	
}

.container {
	padding:15px;
}

#thankyou {
	width:50%;
	margin:auto;
}

.button {
	margin:10px auto;
	font-family: 'Amatic SC', cursive;
	font-weight:700;
	font-size:2em;
	background-color:#d5416e;
	color:#ffeed7;
	border:none;
}

.button:hover {
	background-color:#ffeed7;
	color:#d5416e;
}



/*MENU BAR*/

#menubar {
	top:0px;
	width:100%;
	height:auto;
	background-color:#6cae45;
	position:fixed;
	text-align:right;
	z-index:100;
	color:#0c0204;
	
	
	
}

#menucontain {
	width:80%;
	margin:auto;
	
}



#menubar a{
	display:block;
	float:left;
	padding:5px 10px;
	color:#3e3f3e;
	font-family: 'Roboto', sans-serif;
	font-size:2em;
	font-weight: 500;
	text-transform: capitalize;
	font-kerning: 2;
	

	
}

#menubar a:hover {
	display:block;
	background-color:#0c0204;
	color:#6cae45;
	
}

.nav {
	position:relative;
	top:0px;
	/*display:block;*/
	
}

#mobilemenu {
	top:60px;
	width:100%;
	display:none;
	position:fixed;
	z-index:100;
	color:#333;
	font-size:2em;
	display:none;
	
	
}

.mobile {
	display:none;
	background-color:#6cae45;
	font-size:3em;
	padding:10px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#3e3f3e;
	/*width:40px;*/
	cursor:pointer;
	position:fixed;
	z-index:100;
	left:0px;
}

.mobile span {}
	

#mobilemenu ul {
	list-style-position:inside;
}

#mobilemenu a {
	display:block;
	border:2px;
	border-style:solid;
	border-color:#3e3f3e;
	background-color:#6cae45;
	color: #030603;
	clear:left;
	padding:2px 10px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}

#mobilemenu a:hover {
	display:block;
	color:#6cae45;
	background-color:#030603;
	
}

#slider {
	display:block;
	position:fixed;
	left:10px;
	bottom:20px;
	z-index:150;
	cursor:pointer;
	color:#3e3f3e;
	padding:5px;
}

#slider:hover {
	background-color:#671514;
	color:#6cae45;
}

.slidingDiv {
	display:none;
	position:fixed;
	left:5px;
	bottom:70px;
	z-index:160;
	
}

.slidingDiv li{
	float:left;
}
	

.slidingDiv a{
	display:block;
	background-color:#3e3f3e;
	float:left;
	padding:5px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.5em;
	
}



	
/*HOME*/

#home {
	display:block;
	width:100%;
	height:100%;
	min-height:900px;
	background-color:#d9b072;
	background-image:url(../img/bunny2.jpg);
	background-size: cover;
	background-position:left;
	background-repeat:no-repeat;
	position:relative;
	
	
}

#bandinfo {
	
	width:40%;
	float:left;
	/*margin:100px 0px;*/
	background-color:#6cae45;
	color:#0c0204;
	position:absolute;
	bottom:100px;
	right:50px;
	/*border-bottom:#500000 10px solid;
	border-right:#500000 10px solid;*/
	
	
	
}

#bandinfo a {
	color:#dbb77d;
}

#bandinfo a:hover {
	color:#500000;
}

/*#bandart {
	display:block;
	width:50%;
	float:right;
	background-image:url(../img/artslice.jpg);
	background-repeat:no-repeat;
	/*background-color:#909090;*/
	/*margin:100px 0px 0px 0px;*/
	/*min-height:237px;
	position:absolute;
	bottom:0px;
	right:0px;
}*/

/*END HOME*/ 

/*NEWS*/

#news {
	height:100%;
	min-height:600px;
	width:100%;
	overflow:hidden;
}

#tumblr {
	width:50%;
	float:left;
	height:100%;
	
}

#tumblrheading {
	/*background-color:#645758;*/
	background-color:#030603;
	color:#671514;
	text-align:center;
}

#tumblrcontent{
	
	overflow:auto;
	overflow-x:hidden;
	/*text-align:center;*/
	/*background-image:url(../img/snackphoto.jpg);*/
	background-size:100%;
	height:100%;
}

#tumblr ol {
	list-style-position:inside;
}

#tumblr li {
	display:block;
	/*border:2px #000000 solid;*/
	/*border-radius:20px;*/
	width:80%;
	/*background-color:#dcb87e;*/
	padding:10px;
	margin:2% 10%;
	
}

.tumblr_title {
	font-size:2.3em;
	font-family:  'Amatic SC', cursive;
	font-weight:700;
}

.tumblr_body p {
	font-size:1em;
}


#twitter {
	width:100%;
	float:center;
	/*background:#BBB1B2;*/
	height:100%;
	
}

#twittercontent {
	width:80%;
	margin:20px auto;
	overflow:hidden;
	height:100%;
	
		
	
}


.twitter-timeline {
	width:100%;
	height:80%;
	
}

/*LISTEN*/

#listen {
	background-color:#030603;
	/*height:800px;*/
	/*height:100%;*/
	width:100%;
	

}

#listenbox {
	width:900px;
	margin:auto;
	padding:100px 0;
	display: flex;
	/*height:700px;*/
}

#albumcontainer {
	
	width:550px;	
	float:left;
	
	
}

#albuminfo {
	width:330px;
	margin:auto;
	float:left;
	padding:10px;
	color:#671514;
	
}

/*WATCH*/

#watch {
	
}

#watchcontainer {
	z-index:-10;
	
	
	/*width:80%;*/
	
	
}

/*LIVE*/

#live {
	
	min-height:300px;
	margin:0 50px;
	/*background-color:#671514;*/
	
}

#livecontainer {
	width:50%;
	margin: 70px auto;
	padding: 30px;
	background-color:#030603;
	color: #671514;
	
}

/*CONTACT*/

#contact {
	
	min-height:600px;
	padding:0 50px;
	background-color:#030603;
	color: #671514;
	
}

#mailchimp {
	width:50%;
	/*background-color:#02BCFF;*/
	float:left;
	
}

#mc_embed_signup{
	/*background:#fff; */
	clear:left; 
	width:90%;
	margin:auto;
	
}

#contact form {
	width:50%;
	float:left;
	
}

#contactcontent {
	width:100%;
	margin:auto;
	/*background:#fff; */
	clear:left; 
}

#credit {
	text-align:center;
}

@media  (max-width:900px) {
	#menubar{display:none;}
	.mobile {display:block;}
	#slider {display:none;}
	#home {min-height:1000px; background-position:center; background-position:top; background-size:110%;}	
	#bandinfo {width:100%; bottom:0px; left:0px;}
	#bandart {width:100%;}
	#tumblr {display:none;}
	#twitter {display:none}
	#listen {display:none;}
	#albumcontainer {display:none;}
	#watchcontainer {display:none;}
	#watch {display:none;}
	#live {display:none;}
	#livecontainer {display:none;}
	#mailchimp {display:none;}
	#contact {padding:5%;  margin:auto;}
	#contact form {width:90%; margin:auto;}
	#news {display:none;}
	
	 	
		
}




/*@media (max-height:600px) {
	#home {min-height:600px;}
	#listen {height:auto;}
}*/