/*------------------------------------general-----------------------------------------*/
body{
	margin:0;
	padding:0;
	overflow-x: hidden;
	/*background-color:#FEDFB3;*/
}	

div{
	margin:0;
	padding:0;
	border:0;
}

img{
	margin:0;
	padding:0;
	border:0;
}

p{
	margin:0;
	padding:0;
	border:0;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
	z-index: 1000000;
}

/*------------------------------------fonts-----------------------------------------*/

@font-face{
    font-family:"alexhh";
    font-style:normal;
	font-weight:normal;
    src: url(http://www.asmdev01.limbosociety.com/fonts/Alexhandrawn4-Regular.otf) format('opentype');
}


/*------------------------------------loading-----------------------------------------*/


#loadingContainer{
	position:fixed;
	width:100vw;
	height:100vh;
	overflow: hidden;
	background-color:#262C2A;
	z-index: 10000;
	/*display: none;*/
}

@keyframes loading{
	0%{transform:scale(1.0,1.0);}
	50%{transform:scale(0.93,0.93);}
	100%{transform:scale(1.0,1.0);}
}

@keyframes glow1{
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}

#loadingFlowers{
	position:absolute;
	width:180px;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	animation:loading 1.66s ease-Out infinite;
}

#loadingText{
	font-family: "alexhh";
	color:#ffffff;
	font-size:18px;
	letter-spacing: 5px;
	position:absolute;
	width:120px;
	height:40px;
	top:200px;
	bottom:0;
	left:30px;
	right:0;
	margin:auto;
	animation:glow1 1.66s ease-Out infinite;
}


/*------------------------------------entry-----------------------------------------*/


#entrySection{
	position:absolute;
	width:100vw;
	height:100vh;
	overflow: hidden;
	background-color:#FEDFB3;
	z-index:3;
}

#BGIMG{
	position:absolute;
	width:103%;
	height:auto;
	top:0;
	bottom:0;
	left:-5px;
	right:0;
	margin:auto;
	background-image: url("http://www.asmdev01.limbosociety.com/images/aboutIMG01.jpg");
	background-repeat: no repeat;
	background-position: bottom;
	/*background-color:rgba(255,255,255,1);*/
	background-size: cover;
}

.border{
	position:absolute;
	width:100vw;
	height:100vh;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	box-sizing: border-box;
	border: 30px solid #FEDFB3;
	z-index: 100;
	display: none;
}

#coordRead{
	color:white;
	display: none;
}

#entryContentCon{
	position:absolute;
	width: 80%;
	max-width:900px;
	height:620px;
	top: -20px;
    bottom: 0;
    left: -90px;
    right:0;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#asmTitle{
	position:relative;
	width: 100%;
	height:auto;
	top:0px;
	left:0px;
	margin:auto;
}

#pathsBox{
	position:relative;
	width:70%;
	height:100px;
	bottom:0;
	left:40px;
	right:0;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
	z-index: 1000;
}

#buyBox{
	width:110px;
	height:100px;
	left:0;
	z-index: 999;
}

#buyUnderline{
	width:100px;
}

#listenBox{
	width:230px;
	height:100px;
	right:0;
	z-index: 999;
}

#listenUnderline{
	width:220px;
}

.pathUnderline{
	position:absolute;
	bottom:0;
}

.pathText{
	font-family: "alexhh";
	font-size:72px;
	color:#ffffff;
	position:absolute;
}

.linkBox{
	position:absolute;
	z-index: 1000;
	transition:500ms;
}

.pathUnderline{
	transition:500ms 100ms;
}

.linkBox:hover{
	transform: translateY(5px);
}

.linkBox:hover .pathUnderline{
	transform: translateY(5px);
}

.entryHoverRead{
	position:absolute;
	width:100vw;
	height:100vh;
	z-index: 1;
}


/*----------------------SCROLL-------------------------*/


@keyframes bounce1{
	0%{transform: translateY(0px);}
	50%{transform: translateY(5px);}
	100%{transform: translateY(0px);}
}


#scrollButton{
	position:absolute;
	width:80px;
	height:120px;
	bottom:50px;
	right:50px;
	background-color:rgba(0,0,0,0.0);
	animation:bounce1 1.66s ease-Out infinite;
}

#scrollText{
	font-family: "alexhh";
	font-size:26px;
	color:#ffffff;
	position:absolute;
}

#scrollArrow{
	position:absolute;
	height:60%;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	animation:bounce1 1.66s ease-Out infinite;
}

#curtainController{
	position: absolute;
	width:1px;
	height: 300vh;
}

/*------------------------------------tourdates-----------------------------------------*/


#tourDatesSection{
	position:absolute;
	width:100vw;
	height:100vh;
	z-index: 2;
	overflow: hidden;
}

#widgetContainer{
	position:absolute;
	width:80%;
	height:400px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
	overflow: scroll;
}

#entryHoverRead2{
	display: none;
}

.bit-widget .bit-event .bit-details{
	font-family: "alexhh";
	font-size:24px;
	color:#ffffff;
}

.bit-widget .bit-event-list-title{
	font-family: "alexhh";
	color:#ffffff;
	font-size: 66px;
    letter-spacing: 2px;
    line-height: 50px;
}

.bit-widget .bit-event .bit-date, .bit-widget .bit-event .bit-button{
	font-family: "alexhh";
	color:#ffffff;
}

.bit-widget .bit-event {
    border-top: 1px solid #ffffff;
    color: #FFFFFF;
}

.bit-widget.bit-layout-desktop .bit-venue {
    margin: 0 auto 0px 15px;
    color: #ffffff;
}    

.bit-widget .bit-event .bit-rsvp, .bit-widget .bit-offers{
	 border: 1px solid #ffffff !important;
	 background-color:rgba(0,0,0,0.0) !important;
}

.bit-widget.bit-layout-row .bit-event:hover{
	background-color:rgba(0,0,0,0.0) !important;
}

.bit-widget .bit-event .bit-date, .bit-widget .bit-event .bit-button{
	transition: 300ms;
}

.bit-widget .bit-event .bit-button:hover{
	background-color:#262C2A !important;
	border: 1px solid rgba(0,0,0,0)!important;
	transform:translateY(5px);
}

/*------------------------------------about-----------------------------------------*/

#aboutSection{
	position:absolute;
	width:100vw;
	height:920px;
	overflow: hidden;
	background-color:#ffffff;
}

#aboutContent{
	position:absolute;
	width:90%;
	height:90%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	/*background-attachment:fixed;*/
}

#abCopy{
	font-family: "alexhh";
	font-size: 18px;
    letter-spacing: 2px;
    line-height: 42px;
	color:#262C2A;
	text-align: justify;
	margin:100px 0 0 0;
}

#abTitle{
	font-size:48px;
}

/*------------------------------------BG-----------------------------------------*/

#SFBGContainer{
	position:absolute;
	width:100%;
	min-width:960px;
	height:100%;
	overflow: hidden;
	background-color:#262C2A;
}


.SFBGElement{
	position:absolute;
}

#SFFG{
	width:25%;
	bottom:0;
	right:-20px;
}

#SFBG{
	width:100%;
	top:0;
}

#SFFields{
	width:102%;
	top:0px;
	left:-10px;
	right:0;
	margin:auto;
}


/*------------------------------------footer-----------------------------------------*/

#footerSection{
	position:absolute;
	width:100vw;
	height:300px;
	bottom:0;
	background-color:#262C2A;
}

#f-asmTitle{
	position:absolute;
	width:auto;
	height:160px;
	top:0px;
	bottom:0;
	left:-300px;
	right:0;
	margin:auto;
}

#socialContainer{
	position:absolute;
	width:260px;
	height:30px;
	top:0px;
	bottom:0;
	left:0;
	right:-500px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

.socialIcon{
	position:relative;
	width:30px;
	height:auto;
	display: inline-block;
	margin:auto 15px;
	transition: 300ms;
}

.socialIcon:hover{
	transform: translateY(5px);
}

#scIcon{
	height:14px;
	bottom:10px;
}



/*------------------------------------MEDIAQS-----------------------------------------*/
/*------------------------------------MEDIAQS-----------------------------------------*/
/*------------------------------------MEDIAQS-----------------------------------------*/


/*-------------------------ENTRY-------------------------------*/


@media (min-width:0px) and (max-width:960px){

#entryContentCon{
	height:480px;
	top:0px;
    left:0px;
}

#pathsBox{
	left:10px;
}

#scrollButton{
    bottom: 20px;
    right: 20px;
}    

}



@media (min-width:0px) and (max-width:768px){

#entryContentCon {
    height: 520px;
    width: 95%;
}

.pathText{
	font-size:60px;
}

#buyBox {
    height: 90px;
}

#listenBox{
	width:190px;
	height: 90px;
}

#listenUnderline {
    width: 190px;
}

#scrollButton{
    bottom: 20px;
    right: 20px;
}      

}


@media (min-width:0px) and (max-width:560px){

#entryContentCon {
	width: 100%;
    height: 370px;
    top:-50px;
}

#pathsBox{
	width:100%;
	left:10px;
}

.pathText {
    font-size:40px;
}

#buyBox {
    height: 70px;
}

#buyUnderline {
    width: 60px;
}

#listenBox {
    width: 155px;
    height: 60px;
}

#listenUnderline {
    width: 130px;
}

}





/*-------------------------ABOUT-------------------------------*/

@media (min-width:0px) and (max-width:1200px){

#aboutSection{
	height:1200px;
}

}

@media (min-width:0px) and (max-width:920px){

#aboutSection{
	height:1400px;
}

}


@media (min-width:0px) and (max-width:600px){

#aboutSection{
	height:1600px;
	/*top:200px;*/
}

.bit-widget .bit-event-list-title {
    font-size: 56px;
}

#SFBGContainer{
	height:100%;
}

#SFFields{
	top:auto;
	bottom:0;
}

}

@media (min-width:0px) and (max-width:550px){

#aboutSection{
	height:1850px;
}

}


@media (min-width:0px) and (max-width:520px){

#aboutSection{
	height:2050px;
}

}

@media (min-width:0px) and (max-width:420px){

#aboutSection{
	height:2350px;
}

#curtainController {
    height: 555vh;
}    

}



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


@media (min-width:0px) and (max-width:800px){

#footerSection{
	height:370px;
}

#f-asmTitle {
    position: absolute;
    width: auto;
    height: 160px;
    top: 50px;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
}

#socialContainer {
    top: 260px;
   	bottom:auto;
    right: 0;
}    


}