html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; background: transparent; font-weight: 100; -webkit-font-smoothing: antialiased;}

@font-face {
  font-family: 'EurostileLTStd-Demi';
  src: url('../fonts/EurostileLTStd-Demi.eot');
  src: url('../fonts/EurostileLTStd-Demi.eot?#iefix') format('embedded-opentype'),
       url('../fonts/EurostileLTStd-Demi.svg#EurostileLTStd-Demi') format('svg'),
       url('../fonts/EurostileLTStd-Demi.ttf') format('truetype'),
       url('../fonts/EurostileLTStd-Demi.woff') format('woff'),
       url('../fonts/EurostileLTStd-Demi.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EurostileLTStd';
  src: url('../fonts/EurostileLTStd.eot');
  src: url('../fonts/EurostileLTStd.eot?#iefix') format('embedded-opentype'),
       url('../fonts/EurostileLTStd.svg#EurostileLTStd') format('svg'),
       url('../fonts/EurostileLTStd.ttf') format('truetype'),
       url('../fonts/EurostileLTStd.woff') format('woff'),
       url('../fonts/EurostileLTStd.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

a{
	text-decoration: none!important;
	color: inherit!important;
}

body{
	background: #000;
	font-family: 'EurostileLTStd-Demi';
	letter-spacing: 0.1em;
	font-size: 17px;
}

h1, h2{
	color: #FFF;
	text-transform: uppercase;
	font-size: 49px;
	line-height: 59px;
}

h3{
	color: #e32329;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 28px;
}

p{
	color: #FFF;
	font-size: 17px;
	line-height: 20px;
	padding-right: 40px;
	margin-bottom: 20px;
}

.homeBanner{
    position: relative;
}

.homeOverlay{
    position: absolute;
    bottom: 80px;
    width: 100%;
}

.homeOverlay:after{
    content: '';
    position: absolute;
    bottom: -80px;
    width: 100%;
    height: 100px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.homeOverlay .inner{
    position: relative;
    z-index: 2;
}

.slideshowBanner{
	top:0px;
    width: 100%;
    margin: auto;
    height: calc(100vh - 90px);
    margin-top: -100px;
    margin-bottom: 0px;
    overflow: hidden;
}

.slideshowBanner .slide{
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
}

.slick-list{
	height: 100%;
}

.slick-track{
	height: 100%;
}

.bgVid{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
    overflow: hidden;
}

nav{
	position: sticky;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    z-index: 9;
    top: 20px;
    transition: all 0.5s linear;
    height: 100px;
    display: flex;
}

.evolLogo{
	width: 160px;
}

nav.open .navBg{
    background: #000;
}

nav ul{
    list-style: none;
    flex-basis: 50%;
    display: flex;
    justify-content: flex-end;
    /* margin-left: 10px; */
}

nav:after{
	content: '';
    width: 0px;
    height: 1px;
    background: #FFF;
    position: absolute;
    top: 50px;
    transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.35s;
    z-index: 9;
    left: 80px;
}

nav.open:after{
	width: calc(100% - 160px);
}

nav ul li{
	 color: #FFF;
	 cursor: pointer;
	 /* width: 100%; */
	 transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	 position: relative;
	 margin-left: 20px;
}

nav ul li.current:after{
	content: '';
    position: absolute;
    border-bottom: 5px solid #e32329;
    width: 100%;
    left: 0px;
    top: 25px;
}

.home nav ul a:nth-child(1) li:after, .single-post nav ul a:nth-child(2) li:after, .page-template-page-news nav ul a:nth-child(2) li:after, .page-template-page-archive nav ul a:nth-child(3) li:after{
	content: '';
    position: absolute;
    border-bottom: 5px solid #e32329;
    width: 100%;
    left: 0px;
    top: 25px;
}

.instaMenu{
	width: 30px;
	height: 30px;
}

.navBg{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 120px;
    z-index: -1;
    background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	opacity: 0;
     -webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-moz-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-ms-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-o-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

nav.scrolled .navBg{
	opacity: 1;
}

nav .navRight{
	display: flex;
	flex-wrap: wrap;
	/* justify-self: left; */
	right: 0px;
	position: relative;
	flex-basis: calc(100% - 160px);
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
	height: fit-content;
}


.headerSocials{
	display: flex;
	flex-basis: 100%;
	justify-content: flex-end;
	height: 50px;
}

.socialIcon{
	width: 18px;
	margin-left: 17px;
}

.socialIcon img{
	width: 100%;
    height: auto;
}


.inner{
    max-width: 1400px;
    margin: auto;
    width: 90%;
    padding-top: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.inner .featuredEvents{
	margin-top: 40px;
}

.inner .leftCol{
	flex-basis: 50%;
}

.inner .rightCol{
    align-self: baseline;
	flex-basis: 50%;
}

.inner .rightCol img{
    width: 100%;
    height: auto;
}

.instagram{
	background: #000;
	color: #FFF;
    padding-bottom: 50px;
}

.instagram .instaLogo{
	width: 30px;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 30px;
}

.instagram .instaImage{
    padding-bottom: 15%;
	background-position: center center;
	background-size: cover;
}

.instaSlider{
    width: calc(100% - 160px);
    left: 80px;
    overflow: hidden;
}

footer{
	position: relative;
	background-color: #e32329;
}

.footerLinks {
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
    padding-bottom: 70px;
}

footer ul{
	position: absolute;
	list-style: none;
	line-height: 30px;
}

.footerLogo{
	width: 300px;
	height: auto;
	margin: auto;
}

.featuredEvents{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
}

.eventBlock{
	flex-basis: 25%;
	background-size: cover;
	box-sizing: border-box;
	padding: 30px;
	position: relative;
}

.eventBlock .content{
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
}

.eventBlock:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.eventBlock .link{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.eventTitle{
	color: #FFF;
	font-size: 28px;
	line-height: 36px;
	text-transform: uppercase;
}

.eventTitle span{
	background: #000;
    padding: 7px 7px 0px 7px;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.eventDetails, .eventLink{
	color: #e32329;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 10px;
}

.eventLink{
	z-index: 2;
	position: relative;
}

.eventDetails span, .eventLink span{
	background: #000;
    padding: 7px 7px 4px 7px;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.upcomingEvents .inner{
	padding: 80px 0;
}

.inner h3{
	flex-basis: 100%;
	margin-bottom:20px;
}

.inner h2{
	flex-basis: 100%;
}

.eventsHolder{
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
	margin-top: 40px;
}

.eventStrip{
	display: flex;
	flex-basis: 100%;
	margin-bottom: 10px;
	font-family: 'EurostileLTStd';
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

.eventStrip .date{
	background-color: #FFF;
    border-radius: 15px;
    padding: 10px;
    padding-top: 15px;
    margin-right: 10px;
    font-size: 20px;
    line-height: 36px;
}

.eventStrip .details{
	background-color: #FFF;
    border-radius: 15px;
    padding: 10px;
    padding-top: 15px;
    margin-right: 10px;
    flex-basis: 100%;
    font-size: 30px;
}

.eventStrip .details .venue{
    font-size: 16px;
    text-transform: none;
    margin-left: 10px;
}

.eventStrip .buyLink{
    color: #e32329!important;
    flex-basis: 210px;
    text-align: right;
    padding: 10px 0px;
    padding-top: 15px;
    font-size: 20px;
    line-height: 36px;
}

.eventStrip .support{
	font-size: 22px;
}

.eventStrip .support+.venue{
	margin-left: 0px;
}

.eventsHolder:hover .eventStrip{
	opacity: 0.5!important;
}

.eventsHolder .eventStrip:hover{
	opacity: 1!important;
}

.textContent{
	margin-top: 40px;
}

.textContent a{
	color: #e32329!important;
	text-transform: uppercase;
}

.newsContent .inner{
    padding-bottom: 80px;
}

.archiveBlock{
	flex-basis: 25%;
	background-size: cover;
	box-sizing: border-box;
	padding: 30px;
	position: relative;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.archiveBlock:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.archiveBlock h2{
    background: #000;
    padding: 10px 5px 0px 10px;
}

.mailingListForm{
	width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.mailingListForm form {
    display: flex;
    width: 100%;
}

.mailingListForm form p{
    display: flex;
    width: 100%;
}

span.wpcf7-form-control-wrap.your-name {
    flex-basis: 33%;
    margin-right: 10px;
}

span.wpcf7-form-control-wrap.your-email {
    flex-basis: 55%;
    margin-right: 10px;
}

input[type="text"] {
	font-family: 'EurostileLTStd';
    width: 100%;
    padding: 15px 0 15px 20px;
    box-sizing: border-box;
    font-size: 20px;
    border-radius: 12px;
    border: 0px;
}

input[type="email"] {
	font-family: 'EurostileLTStd';
    width: 100%;
    padding: 15px 0 15px 20px;
    box-sizing: border-box;
    font-size: 20px;
    border-radius: 12px;
    border: 0px;
}

input.wpcf7-form-control.wpcf7-submit {
	font-family: 'EurostileLTStd';
    color: #e32329!important;
    flex-basis: 150px;
    text-align: right;
    padding: 10px 0px;
    padding-top: 15px;
    font-size: 20px;
    line-height: 36px;
    text-transform: uppercase;
    background: none;
    border: 0px;
    cursor: pointer;
}

form p{
	padding-right: 0px;
}

.wpcf7-response-output{
	display: none!important;
}

.evolTimeline .slick-prev{
	background: #e32328;
    z-index: 9;
    height: 80px;
    width: 80px;
    left: 0px;
}

.evolTimeline .slick-prev:before {
	position: absolute;
	content: '';
    background-image: url('../images/prev.svg');
    width: 40px;
    height: 40px;
    top: 20px;
    left: 20px;
    background-size: contain;
    opacity: 1;
}

.evolTimeline .slick-next{
	background: #e32328;
    z-index: 9;
    height: 80px;
    width: 80px;
    right: 0px;
}

.evolTimeline .slick-next:before {
    position: absolute;
	content: '';
    background-image: url('../images/next.svg');
    width: 40px;
    height: 40px;
    top: 20px;
    left: 20px;
    background-size: contain;
    opacity: 1;
}


.evolTimeline .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: #FFF!important;
    background: #e32328!important;
}

.archiveWrap{
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
    margin-top: 40px;
}

.archiveWrap .archiveLeft{
	flex-basis: 80%;
}

.archiveWrap .archiveRight{
    flex-basis: 20%;
    text-align: right;
}

.archiveFilter{
	color:#e32329;
	cursor: pointer;
}

.archiveGrid{
	display: flex;
	flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 80px;
}

.archiveThumb{
	flex-basis: 20%;
	background-size: cover;
}

.archiveThumb:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.featherlight .featherlight-content{
	background: none!important;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.contactForm{
	flex-basis: 75%;
}

.contactForm form{
	margin-top: 40px;
}

.contactForm p{
	margin-bottom: 40px;
}

.contactForm input{
    margin-top: 20px;
}

.contactForm label{
	text-transform: uppercase;
    color: #e32428;
}

textarea{
	font-family: 'EurostileLTStd';
    width: 100%;
    padding: 15px 0 15px 20px;
    box-sizing: border-box;
    font-size: 20px;
    border-radius: 12px;
    border: 0px;
    margin-top: 20px;
}

@media screen and ( max-width: 1300px ){
	
	.eventBlock {
    	flex-basis: 33.3%;
    }

}

@media screen and ( max-width: 1000px ){
	
	.eventBlock {
    	flex-basis: 50%;
    }

}

@media screen and ( max-width: 640px ){
	
	.eventBlock {
    	flex-basis: 100%;
    }
    
    footer ul{
	   display: none;
    }
	
}

/*
	
                          /\          /\
                         ( \\        // )
                          \ \\      // /
                           \_\\||||//_/
                            \/ _  _ \
                           \/|(O)(O)|
                          \/ |      |
      ___________________\/  \      /
     //                //     |____|
    //                ||     /      \
   //|                \|     \ 0  0 /
  // \       )         V    / \____/
 //   \     /        (     /
""     \   /_________|  |_/
       /  /\   /     |  ||
      /  / /  /      \  ||
      | |  | |        | ||
      | |  | |        | ||
      |_|  |_|        |_||
       \_\  \_\        \_\\ 

*/