.flex-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#tribe-events-pg-template contain {
	background: #101010;
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}



.event-container {
	width: 50%;
	height: 100vh;
	
}


.event-container > div {
	width: 85%;
	height: auto;
}


.event-container.event-thumb img {
	width: 100% !important;
	height: auto;
}

.event-meta-info  h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.2;
	
}


.event-meta-info {
	background: #000000;
}




.event-meta-info  h3 {
	color: #B8955C;
	font-weight: 500;
	font-size: 27px;
	padding-bottom: 15px;
	
}


 #hero .btn-primary {
	 display: inline-block !important;
	 width: auto !important;
	 padding:  15px 25px !important;
	 background: #3E7646 !important;
 }
 
 
 #event-detail .btn-primary {
	  display: inline-block !important;
	  width: auto !important;
	  padding:  15px 25px !important;
	  background: #3E7646 !important;
  }



.button-meta-back {
	 display: flex;
	 /* margin-top: 5px; */
	 flex-wrap: wrap;
 }
 
.button-meta-back > a {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 color: #fff;
	 margin-right: 30px;
	 transition: 0.3s;
	 position: relative;
	
 }
 
 .button-meta-back > a p {
	 font-size: 25px !important;
 }
 
.button-meta-back > a:after {
	 content: "";
	 display: block;
	 width: 0%;
	 height: 1px;
	 background: #fff;
	 position: absolute;
	 bottom: 0px;
	 left: 0;
	 transition: 0.4s;
 }
 
.button-meta-back > a:hover:after {
	 width: 60%;
 }
 

 

.button-meta-back > a img {
	 width: 30px !important;
	 height: 30px !important;
	 display: block !important;
	 margin-left: 10px !important;
 }
 
 
 #event-detail {
	 width: 100%;
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: stretch;
 }
 
 #event-detail .event-detail-container {
	 width: calc(100% - 500px);
	 display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	  align-items: center;
	  background: #FFFFFF;
	  min-height: 30vh;
 }
 
 
 #event-detail .event-detail-container > div {
	 width: 90%;
	 padding: 70px 0;
	
 }
 
 #event-detail .event-secondary-meta-info {
	 width: 500px;
	 background: #101010;
	 
	 position: relative; 
	
 }
 
 
 .secondary-sticky {
	 position: sticky;              /* or: position: -webkit-sticky; for very old Safari */
	   top: 200px;                    /* stays 200px from the top while scrolling */
	   z-index: 2; 
	   width: calc(100% - 80px);
 padding: 60px 40px;
 }
 
 
 
 .secondary-sticky h1 {
	 color: rgba(255, 255, 255, 1);
	 font-size: 26px;
	 text-transform: uppercase;
	 line-height: 1.3;
 }
 
 
 #event-detail  .secondary-sticky p {
	  color: #fff;
	  line-height: 1;
  }
  
  #event-detail  .secondary-sticky p.bold-para {
	  color: #B8955C;
	  padding-top: 25px;

  }
  
  
 
 #event-detail .studio h2 {
	 font-size: 2.5em;
	 padding: 10px;
	 color: #3E7646;
	 font-weight: bold;
 }
 

 
 
 
 .blur-effect{
   position: relative;
   overflow: hidden;          /* hide blur edges */
             /* readable text on the dark overlay */
   isolation: isolate;        /* keeps ::before/::after below the content */
 }
 
 /* Put all real content above the blurred layer */
 .blur-effect > *{
   position: relative;
   z-index: 1;
 }
 
 /* Blurred copy of the background image */
 .blur-effect::before{
   content: "";
   position: absolute;
   inset: -12px;              /* grow a bit to avoid blur clipping */
   background-image: inherit; /* uses the inline background-image */
   background-size: inherit;
   background-position: inherit;
   background-repeat: no-repeat;
   filter: blur(20px);
   transform: scale(1.02);    /* tiny scale also helps hide edges */
   z-index: -1;
 }
 
 /* Darken overlay */
 .blur-effect::after{
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.792); /* adjust darkness here */
   z-index: -1;                  /* sits above ::before, below text */
 }
 
 /* If your container has rounded corners, keep layers matched */
 .blur-effect,
 .blur-effect::before,
 .blur-effect::after{
   border-radius: inherit;
 }
 
 
 
 #single-event-related .tribe-related-events-title {
	 color: #fff !important;
	 font-weight: 800 !important;
	 font-size: 30px !important;
	 text-transform: uppercase !important;
	 text-align: left !important;
	 line-height: 1.4 !important;
 }
 
 
 #single-event-related .tribe-related-events-title {
	  color: #fff !important;
	  font-weight: 800 !important;
	  font-size: 30px !important;
	  text-transform: uppercase !important;
	  text-align: left !important;
	  line-height: 1.4 !important;
  }
  
  
  .tribe-related-events .tribe-event-date-start {
	  color: #B8955C !important;
	  font-size: 1.2em;
  }
  
  
  .tribe-related-events .tribe-event-time {
		color: #B8955C !important;
		font-size: 1.2em;
	}
	
	#event-summary.event-summary-related-event {
		width: 100%;
		padding-bottom: 10px;
		padding-top: 50px;
	}
	
	#event-summary.event-summary-related-event > .title {
		width: 100% !important;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		max-width: unset !important;
		
		
	}
	
	
	#event-summary.event-summary-related-event h1 {
		color: #B8955C !important;
		text-align: left;
	}
	
 #event-summary.event-summary-related-event h6 a {

	 border: 2px solid #ffffff;
	 color: #fff;

 }
 
 #event-summary.event-summary-related-event h6 {
	 color: #fff;
 }
 
 /* #single-event-related {
	padding: 0px 0 !important; 
 } */


.tribe-related-events {
	padding-bottom: 50px;
}


.mobile-thumb-single-event {
	display: none;
}


#introduction.section-content ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 20px;
	unicode-bidi: isolate;
}



#introduction.section-content h2 {
	padding: 7px 0;
}


#introduction.section-content h6 a {

	margin: 14px 0;
text-decoration: none;
}



#introduction.section-content h6 {


text-decoration: none;
}


.marble-background h6 a {

border: 2px solid #ffffff !important;


}


#introduction.section-content .marble-background h6 a

 {

	text-decoration: none;
}







@media screen and (max-width: 1300px){ 
	
	
	
.event-container.event-meta-info h1.large {
		font-size: 2.5em;
	}
	
.secondary-sticky {

		top: 100px;

		width: calc(100% - 60px);
		padding: 50px 30px;
	}
	
	
	#event-detail .event-secondary-meta-info {
		width: 400px;
		
	}
	
	
	#event-detail .event-detail-container {
	width: calc(100% - 400px);
	
}


.secondary-sticky h1 {

font-size: 23px;
}


#single-event-related container .tribe_events li {

	width: calc(50% - 40px) !important;

}


#single-event-related container .tribe_events ul {
	flex-wrap: wrap;
}

#single-event-related container .tribe_events li:last-child {
	display: none !important;
}



.button-meta-back > a p {
	font-size: 22px !important;
}


	
}






@media screen and (max-width: 1200px){ 
	
	
	
.event-container.event-meta-info h1.large {
		font-size: 2.3em;
	}
	
	
	
	
}




@media screen and (max-width: 1024px){ 
	
	
	#tribe-events-pg-template contain {
		background: #fff;
	}
	
	
	.event-container {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;

		padding-bottom: 100px;
	
	}
	
	
	.event-meta-info {
		padding-top: 100px;
	}
	
	
	.event-thumb {
		display: none;
	}
	
	
	
	.mobile-thumb-single-event {
	
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: -50px;
		position: relative;
		z-index: 2;
		
	}
	
	
	.mobile-thumb-single-event img {
		width: 85% !important;
		height: auto;
	}
	
	
	#event-detail .event-secondary-meta-info {
		display: none;
	}
	
	
	#event-detail .event-detail-container {
		width: 100%;
	}
	
	
	#event-detail .event-detail-container > div {

		padding: 30px 0;
	}
	
	
	#event-detail .event-detail-container {
	
		min-height: unset;
		
	}
	
	
	#single-event {
		padding: 20px 0;
		
	}
	
	
	
	
}


@media screen and (max-width: 768px){ 
	
	
	
	
	#single-event-related container .tribe_events li {
		width: 100% !important;
		align-items: flex-start;
	}
	
	
	.tribe-related-events .tribe-event-date-start {

		font-size: 1em;
	}
	
	.tribe-related-events .tribe-event-time {
	
		font-size: 1em;
	}
	
	#single-event-related .one-column div .tribe-related-event-info {
		color: #B8955C !important;
	}
	
	
	#single-event-related .one-column div .tribe-related-event-info span {
		width: auto !important;
	}
	
	
	#single-event-related .one-column div .tribe-related-event-info {
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	
	
	.event-container.event-meta-info h1.large {
		font-size: 2em;
	}
	
	
	.event-meta-info {
		padding-top: 113px;
	}
	
	#single-event-related .tribe-related-events-title {
	
		font-size: 22px !important;
	
	}
	
	
	#event-summary.event-summary-related-event {

		
		padding-top: 20px;
	}
	
	#single-event-related container .tribe_events li:last-child {
		display: flex !important;
	}
	
	
	
	
	
	
	#single-event-related .section-content .arrow-related img {
		margin-left: 6px !important;
	}
	
	
	#event-summary.event-summary-related-event h1.large {
	font-size: 1.7em;
	
}
	
	
	
	
}


@media screen and (max-width: 425px){ 
	
	
	.event-container.event-meta-info h1.large {
		font-size: 1.8em;
	}
	
	
	#single-event-related container .tribe_events li {
	
		flex-direction: column;
	}
	
	
	#single-event-related container .tribe_events li .tribe-related-events-thumbnail {
		width: 100% !important;
	
		margin-right: 0px !important;
		margin-bottom: 10px;
	}
	
	
	#single-event-related .one-column div .tribe-related-event-info {
		width: 100% !important;
	}
	
	
	
	
	
	
	
}