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

/**
*
* svg-icons - START
*
*/

.drag-icon{
display: none;
}

/**
*
* svg-icons - END
*
*/


 /* MENUS */


ul#menu-header-menu{
padding-left: 35px;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
opacity:1;
margin-left: -5px;

}

.menu-toggle.toggled-on .closed-toggle {
  opacity: 1;
  z-index: 1;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0px;
  fill: black;
}

.menu-toggle.toggled-on .opened-toggle {

}

.menu-toggle.toggled-on {
display: inline-block;
  opacity: 1;

float: left;
    margin-top: 0px;
}
.main-navigation li {
width: auto;
padding-top: 10px;
display: inline-block;
float: left;
text-align: center;
padding-bottom: 10px;
border-bottom: none;
padding-left: 20px;
padding-right: 20px;
}



.arhive .main-navigation li:first-child , 
.home .main-navigation li:first-child , 
.main-navigation li:first-child {
 
}

.archive .main-navigation li, 
.home .main-navigation li,
.page-id-98 .main-navigation li,
.main-navigation li{
border-bottom: none;

}

/* Bread Crumb*/

#bread_crumb{
display: block;
text-align: left;
float:left;
position: relative;
padding-left: 15px;
}






 /* WHITE ON BLACK */

.main-navigation li,
 {
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: none;
}



/* Bread Crumb*/


.archive #bread_crumb,  .home #bread_crumb{
color:rgba(0, 0, 0, 1);
}


 /* BLACK ON WHITE */

.single-event-open .main-navigation li,
.single  .main-navigation li
 {
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: none;

}
.single-event-open .main-navigation  li:first-child {
border-left: none;
}

/* Bread Crumb*/

#bread_crumb-container {
left: 0px;
position: relative;
}


#bread_crumb{
color:inherit;
}



 /* END MENUS */



/* 
*
* INDEX
* 
*/


/*  HOME INTRO */


#home-intro{
 
}
#home-info{
 }
#close-home-info{

}

#stjohns-logo.home {
display:block;
 
}
#home-intro-text{

}
#home-intro-text .more{

}


/*  HOME - next event */

#index_next-event-thumb-wrap {
 
}

#index_next-event-thumb-wrap .index_next-event-thumb-image{
 



}
#index-next-event .row{
position: relative;
}

.index_next-event-thumb-image .event-thumb-image{


}

#index-next-event .event-date{
 
}


#index-next-event .more-event-info{
background: transparent;
   border-left: none;
}

#index-next-event .buy-summary {
background: transparent;
  border-left: none; 

}




/*  HOME - next event */

.up-next-title .title {
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:40px;
}

#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_next-upcoming-event-info-wrap .event-date{
padding: 55px 0px 0px 0px;
font-size: 0.7em;
margin-bottom: -10px;
}

#index-upcoming-events #upcoming-events-wrapper .row{
 
}




#index-upcoming-events .event-item {
 
}

.event-color-banner{
 
}

.event-thumb {
 

} 
.event-thumb-image {
 

}


#index-upcoming-events #upcoming-events-wrapper #event-item_0,  #index-upcoming-events #upcoming-events-wrapper #event-item_1{
border-right: none;

}


#index-upcoming-events .buy-summary, #index-upcoming-events .more-event-info {
  border-left: none;
  background: none;
  border-top: none;
  margin-right: 0px;
}

#index-upcoming-events #upcoming-event-info-wrap_2 .buy-summary, #index-upcoming-events #upcoming-event-info-wrap_2 .more-event-info{

border-right: none;

}

#index-upcoming-events  .upcoming-event-details-wrap{
border-top: 1px solid rgba(255, 255, 255, 0.2);
height: 65px;
padding-top: 
}

#index-upcoming-events , 
#index-upcoming-events .more-event-info {
  border-top:none;  
  margin-left: 0px;
  margin-right: 0px;
  background: transparent;
  color: white;
}


#index-upcoming-events .buy-summary a,
#index-upcoming-events .more-event-info a {
  display: block;
  text-decoration: none;
height: 66px;
}

#index-upcoming-events .buy-summary a:hover,
#index-upcoming-events .more-event-info a:hover {
 background: white;
-webkit-box-shadow: 0 0px 10px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 10px 4px rgba(0, 0, 0, 0.1);
text-decoration: none;
z-index: 9;
position: relative;
}


#upcoming-events-wrapper  .event-title h1 {
font-size: 30px;
text-transform: uppercase;
font-weight: 200;
}

#upcoming-events-wrapper  .event-title h2 {
font-size: 30px;
text-transform: uppercase;
font-weight: 200;
line-height:35px;
}

.hellsub {
font-family: 'HelveticaNeue-Medium','Helvetica Neue Medium',Arial, sans-serif;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 5px;
margin-bottom: 2px;
margin-top: -8px;
	}
	
#index-upcoming-events .event-item{
  background: transparent!important;
  color:white;	
  margin-top: 50px;
}



#upcoming-events-wrapper {
	background: transparent;
	}

#index-upcoming-events #upcoming-events-wrapper .event-date{
  position: relative;
text-align: center;
padding: 28px 0px 15px 0px;
text-align: center;
font-weight: 500;
color: rgba(255, 255, 255, 0.74);
font-family:"Ext",'HelveticaNeue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
  border-top: none;
  margin-left: -15px;
  margin-right: -15px;
  border-bottom: none;
}



#index-upcoming-events .event-title {
text-align: center;
padding: 90px 0px 90px 0px!important;
}

#head-line-artist-details{
background: transparent;
border-right: 0px solid #f9f9f8;
padding-bottom: 20px;
}

#upcoming-events-wrapper .event-date{
 text-align: center;
padding: 15px 0px 45px 0px;
font-family: 'HelveticaNeue', sans-serif;
font-size: 0.7em;
font-weight: 400;
margin-top: 0px;/* gazza */
border-bottom: 1px solid #f8f6f3;
border-top: 1px solid #f8f6f3;
}

#upcoming-events-wrapper .event-title{
text-align: center;
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 20px 0px 20px 0px;
  background: transparent;
  color: white;
}

#single-upcoming-events{
margin-bottom: 40px;
background: #d5d5d1;
/* Sketch doesnt export pattern fills at this point */
padding-bottom: 0px;
}

/**
*
*  PAST EVENTS
*
*/



 /* EVENT DETAILS */

#event-status {
margin:auto;
text-align: left;
}




#event-details {
cursor: initial;
}

 #event-details .swiper-slide {
  width: 100%;
  padding: 0px;
  max-width: 1400px;

}


 #event-details .swiper-slide .swiper-container {

 }





 #date-banner{
max-width: 500px;
margin: auto;
width: 100%;
 }
 #event-summary-banner{
 
 }



 .wpmudevevents-date{
	margin: 0!important;
	background: none!important;
	padding: 0!important;
	float: left;
 }

 #details-banner{
 width:250px;
 float:left;
 }


 #event-time-wrap,  #event-facebook-wrap {
 width:250px;
 float:left;
 }




#event-archive-title{
text-align: left;
}

.content-title{
 
}

hr.text-line.left{
display: none;

}
 /* END EVENT */

 /* GALLERY */

 #swiper-gallery{
height: 520px;
}

.swiper-container-gallery .swiper-slide img {
height: auto;
width: 100%;
}

 /* GALLERY -flickity */
.gallery-cell img {
  width: auto;
  height: 400px;
}
/* cell number */
.gallery-cell:before {
  display: block;
  
  
}

.gallery-nav .gallery-cell {
  height: 80px;
  width: auto;
    opacity:0.5;

}


 /* REVIEWS */

.review-item .swiper-slide {
width: 750px;
}

/**
*
*  UPCOMING EVENT & NEXT EVENT
*
*/




/**   SHARE   **/


 


  .share{
  float: right;
overflow: hidden;
  border-top: 0;
  width: initial;
  }



      .sharrre .middle:hover{
  overflow: visible;
}
/**  END  SHARE   **/


.event-title h1 {
font-size: 70px;
text-transform: uppercase;
font-weight: 200;
}

.event-title h2 {
font-size: 50px;
text-transform: uppercase;
font-weight: 200;
margin-top: -10px;
}



.r-color{
display: block;
}
.l-color{
display: block;
}






.head-line_artist-start-time{
clear: both;
padding-bottom: 0px;
}

.time{

}
.head-line-link{
clear: both;
padding-bottom: 0px;
}
.arrow{

}  
.head-line-sc-link{
 clear: both;  
 padding-bottom: 0px;
}                                                        
.head-line-sc-link a{
    
}  

.support_artist-start-time{
 clear: both; 
 padding-bottom: 0px; 
}

.support_artist-soundcloud{
 clear: both;   
padding-bottom: 0px;
}


#head-line-artist-details-outer-wrap .r-color{


  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;

}
#head-line-artist-info-area {
background: transparent;
}
 
 .head-line-link a .more-info, .head-line-sc-link a .more-info {
  margin-left: 0px;
  color: white;
}
.head-line-link a.more-info-link .svg-icon.black, .head-line-sc-link a.more-info-link .svg-icon.black{
fill: #fff;
}

.head-line-link a:hover .more-info, .head-line-sc-link a:hover .more-info {
margin-left: 0px;
color: black;
}

.head-line-link a.more-info-link:hover .svg-icon.black, .head-line-sc-link a.more-info-link:hover .svg-icon.black{
fill: #000;
}

.image-setting{
width: 740px;
margin: auto;
display: block;
position: relative;
max-width: 1400px;
}

#visual-artist .swiper-wrapper {
width: 100%;
padding: 0px;
max-width: 740px;
margin: auto;
}

#visual-details-right, .visual-bg {
position: absolute;
padding: 0px;
float: right;
margin-left: 58.33333333%;
width: 60%;
}

.support_artist-info-area {
background:transparent;
margin-top: 15px;
}

.support_artist-list .support_artist-item_wrap:last-child .support_artist-text-area{
padding-bottom: 30px;
}

#single-upcoming-events{
z-index: 5;
position: relative;
}

#upcoming-events-wrapper .row{
margin-top: -20px;
padding-bottom: 0px;
margin-bottom: 0px;
height: auto;
}

#single-upcoming-events  .row .event-item.odd:first-child {
   width: 100%!important;
}

 
#single-upcoming-events  .row .event-item.odd:first-child .event-thumb-image {
  max-width: 100%!important;
  background-size: cover;
  background-position: center;
}


#upcoming-events-wrapper .event-title{
text-align: center;
margin-top: -20px;
}

#upcoming-events-wrapper  .event-title h1 {
text-transform: uppercase;
font-weight: 200;
font-size: 35px;
line-height: 40px;
}

}
#upcoming-events-wrapper  .event-title h2 {
  text-transform: uppercase;
  font-weight: 200;
  font-size:28px;
}



#upcoming-events-wrapper  .event-thumb{
  display:block;
  float: right;
}

.event-item {
height: auto;
padding: 0px;
height: auto;
color: black;
margin-top: -28px;
background: rgba(255, 255, 255, 1);
	-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
		margin-bottom: 1px;}

.event-item:nth-child(2) {
}

.event-item:hover {
background: #0e0e0f;
	-webkit-transition: all ease-in-out 0.1s;
		-moz-transition: all ease-in-out 0.1s;
		-ms-transition: all ease-in-out 0.1s;
		-o-transition: all ease-in-out 0.1s;
		transition: all ease-in-out 0.1s;
		color: white!important;

}

.bottom-of-image {
	display: none;
	}
	
.upcoming-event-info-wrap .buy-summary, .upcoming-event-info-wrap .more-event-info{
background:rgba(255, 255, 255, 1);
}

.upcoming-event-info-wrap .buy-summary {
	}
	
.event-color-banner{
width: 100%;
padding: 0px;
}

.event-thumb {
  height: 250px;
  padding: 0px;
  width: 100%;
} 
.event-thumb-image {
padding: 0px;
width:100%;

}


#upcoming-events-wrapper #event-item_0, #upcoming-events-wrapper #event-item_1{


}


.buy-summary, .more-event-info {
background: #F2F2F5;
border-color: white;
margin-left: -15px;
margin-right: -15px;
border-left: 1px solid white;
}

#upcoming-event-info-wrap_2 .buy-summary, #upcoming-event-info-wrap_2 .more-event-info{

border-right: 1px solid white;

}

/**
*
*  ABOUT
*
*/


#about_page_mob_line{

	display: none;
}

#about_page_line{
	display:block;
  margin-left: 4.16%;
  margin-right: -4.16%;
}

 
 /* FOOTER */
 

 .sjspartners{
   margin: auto; /* added 18th jan 16' svs -*/

 }
 .logo-item {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  text-align: center;
}
.logo-image img {
  height: 50px;
  width: auto;
}

img.footer-image{
width:80%;
height: auto;
margin: 50px;
margin-left: 10%;
margin-right: 10%;
box-shadow: 0px 5px 20px black;
}