/**
 * Stjohns sessions Stylesheet
 *
 *  min width = 480px  
 */

#event-listings-banner {
	margin-bottom: 50px;
	padding-bottom: 50px;
}

#event-direction{
font-family: helvetica neue, sans-serif, arial;
padding-bottom: 10px;
z-index: 5;
position: relative;
background: white;
padding-top: 10px;
margin-top: 20px;
	margin-bottom: 30px;
}

#index-next-event #event_summary p {
padding-right: 0px;
  font-family: 'Optima', "Times New Roman", Times, Helvetica, sans-serif;
  font-weight: 300;
font-size: 0.9em;
font-weight: 400;
line-height: 26px;
color: rgba(255, 255, 255, 0.95);/*gazza*/
padding-bottom: 00px;
padding-top: 00px;
padding-left: 20px;
padding-right: 20px;
display: none;
}

#index-next-event #event_summary p:first-child {
	padding-top: 30px;
	padding-bottom: 30px;
	display: inline;
	}
	
	#index-next-event #event_summary p:last-child {
	padding-bottom: 30px;
	}

#index_next-upcoming-event-info-wrap h1 {
	font-size: 35px; /*gazza*/
	/*background: rgba(255, 60, 232, 0.31);gazza*/
	margin-top: 35px;/*gazza*/
	letter-spacing: 0px;
	font-weight: 100!important;
	text-transform: uppercase!important;
	margin-bottom: -10px;
	}
	
#index_next-upcoming-event-info-wrap h2 {
	font-size: 30px; /*gazza*/
	/*background: rgba(255, 80, 132, 0.31);gazza*/
	text-transform: uppercase!important;
	margin-bottom: -5px;
	}
	
.index_next-event-thumb-image {
}
	
#event-summary-banner {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}	

#index_next-upcoming-event-info-wrap .event-date{
padding: 25px 0px 0px 0px;
font-size: 0.7em;
margin-bottom: -10px;
}

#event-information-banner .event-date{
text-align: center;
padding: 30px 0px 0px 0px;
font-family: "Ext",'HelveticaNeue', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.8em;
font-weight: 500;
color: rgba(145, 141, 126, 1);
margin-bottom: -10px;
}

#event-hero-image{
margin-right: 0px;
  margin-left: 0px;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 0; /*gazza*/
  padding-left: 0px;
  padding-right: 0px;

}

#index-upcoming-events{
  position: relative;
  float: left;
  width: 100%;
  margin-top: -30px;
}

#index-upcoming-events #upcoming-events-wrapper .event-date {
	background: transparent;
	color: whitesmoke
}

#event_summary p {
font-family: "Ext","Optima",'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-variant: normal; 
font-size: 13px!important;
line-height: 21px!important;
font-weight: 100!important;
}

#event_summary b {
				font-family: "Ext",'HelveticaNeue-Medium','Helvetica Neue Medium',Arial, sans-serif;
text-transform:uppercase;
letter-spacing: 1px;
font-weight: 300;
font-size: 80%;
}


.head-line-artist-description{
position: relative;
float: left;
padding-top: 15px;
padding-bottom: 20px;
font-size: 14px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-variant: normal; 
font-weight: 400;
line-height: 24px;
color: #383733;
padding-left: 15px;
padding-right: 	60px;
}

.support-artist-description {
	position: relative;
float: left;
padding-top: 15px;
padding-bottom: 20px;
font-size: 14px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-variant: normal; 
font-weight: 400;
line-height: 24px;
color: #383733;
padding-left: 15px;
padding-right: 	60px;
	}
	
	.visual-artist-description{
	color: rgba(255, 255, 255, 0.73);
	position: relative;
float: left;
padding-top: 15px;
padding-bottom: 20px;
font-size: 14px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-variant: normal; 
font-weight: 400;
line-height: 24px;
padding-left: 15px;
padding-right: 	60px;
}

#head-line-artist-info-area {
  background: transparent;
  margin-top: 15px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
color: #aba798;
font-size: 14px;
border-top: none;
}

.support_artist-info-area {
	border-bottom: none;
}


#index-upcoming-events .index-event-thumb {
padding-left: 0px;
padding-right: 0px;
}

#lineup-title {
	padding-bottom: 5px;
}

#mailchimp-title {
text-align: center;
font-family: "Ext",'HelveticaNeue', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
color: black;
padding: 30px 0px 30px 0px;
font-size: 0.7em;
 }
.head-line-sc-link {
border-top: 0px solid rgba(220, 219, 216, 0.4);
}

#upcoming-events-wrapper .event-date{
	background: none;
}
/**
*
*  ABOUT
*
*/


 #stjohns-introduction{
 
  padding: 20px;/* 18th jan16'- svs */

  }
 
/**
*
*  END ABOUT
*
*/

#cracklove {
	position: absolute;
	width: 100vw;
	height: 15vh;
	top: 0px;
	left: 0px;
	z-index: 2;
  margin-top: 55vh;
  background-image: url('../../svg/cracklove.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 640px;
}