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


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

body{
  font-family: 'Athletics-Bold', monospace;
  background:#241F1C;
  font-size:14px;
  background-size:cover;
}

.new-footer{
  margin-top:40px;
  padding-bottom: 40px;
}

.new-footer a{
      font-family: 'GrenettePro-Regular';
      color:#BA6B29;
}

.wrapper{
  min-height:calc(100vh - 300px)
}

.holding-page{
  display: flex;
  flex-direction: column;
  height:100vh;
}

.wow-hold{
  text-align:center;
  padding-top:30px;
}

.wow-hold img{
  max-width:170px;
}
.hold-container{
  max-width:600px;
  padding:0 25px;
  margin-left:auto;
  margin-right:auto;
}

.hold-text a{
  color:#BA6B29;
}


.hold-text{
  color:#BA6B29;
    font-family: 'Helvetica Neue', Helevetica, Arial, sans-serif;
    font-weight:bold;
    font-size:14px;
  text-align:center;
}

.busy-dreaming{
  text-align:center;
  padding:50px 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
 justify-content: center;
}
.hold-container{
  padding-bottom:75px;
}

.busy-dreaming img{
  max-width:815px;
  width:100%;
}
.swizel{
  text-align:center;

}
.swizel img{
  max-width:100px;

}

.tickets-btn-new{
text-transform:uppercase;
border:4px solid #BA6B29;
border-radius:8px;
color:#BA6B29;
font-size:24px;
padding:30px 35px;
margin-top:100px;
margin-bottom:100px;
display:inline-block;

}

.tickets-btn-new:hover{
color:#fff;
background:#BA6B29;
text-decoration: none;

}

/* .fullscreen{
  height:100vh;
} */

.wow-registration{
max-width:600px;

padding:40px 20px;
margin-left: auto;
margin-right: auto;

}

.hidden {
    display: none !important;
  }

.wow-registration label{
color:#BA6B29;
font-size:18px;
  margin-right: 20px;
width:130px;

}
.footer-row{
  margin-top:30px;
}

.form-note{
  display:none;
}
form{
  width:100%;
  margin-top:30px;
  padding-left:15px;

}

.form-row{
  width: 100%;
margin-bottom: 15px;
display: flex;
-ms-flex-wrap:initial;
flex-wrap: initial;
}
.form-row input {
  width: 100%;
  flex-grow: 1;
  background:#18120E;
  border:0px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow:none !important;
    outline:none;
    color:#fff;
    padding:5px 10px;
    font-size:16px;
    border-radius:0 !important;
}

.submit{
width:auto !important;
margin-left:121px;
  background:#241F1C !important;
  border:1px solid #BA6B29 !important;
  color:#BA6B29 !important;
  cursor:pointer;
}

.submit:hover{
  background:#BA6B29 !important;
  border:1px solid #BA6B29 !important;
  color:#fff!important;
}

.wow-registration img{

  width:100%;
}

.wow-registration h1{
color:#BA6B29;
font-weight:normal;
text-transform: uppercase;
font-size:24px;
text-align: center;
margin-top:25px;
  font-family: 'GrenettePro-Regular';
}
.wow-registration h3{
color:#BA6B29;
text-transform: uppercase;
font-size:21px;
text-align: center;
margin-bottom: 20px;
margin-top:5px;
}

.wow-registration p{
color:#BA6B29;
text-transform: uppercase;
font-size:12px;
text-align: center;
}

.event-followus a{
color:#fff;

text-align:center;
  font-family: 'GrenettePro-Regular';

}
.event-followus h3{

margin-bottom:20px;
}

.event-followus{
text-align:center;
font-size:24px;



}



.accordion-container {
	position: relative;
	width: 100%;
	border:none;
	outline: 0;
	cursor: pointer;
	text-align: center;

}
.accordion-container .article-title {
	display: block;
	position: relative;
	margin: 0;
	padding: 0.625em;
	font-weight: normal;
	cursor: pointer;
  color:#BA6B29;
}
.accordion-container .article-title:hover,.accordion-container .article-title:active,.accordion-container .content-entry.open .article-title {
}
.accordion-container .article-title:hover i:before,.accordion-container .article-title:hover i:active,.accordion-container .content-entry.open i {
}
.accordion-container .content-entry i {
	position: absolute;
	top: 0px;
  margin-left:15px;
	font-style: normal;
	font-size: 1.625em;
}
.accordion-container .content-entry i:before {
  background-image: url('../img/down_arrow.png');
      background-size: 20px 25px;
      display: inline-block;
      width: 20px;
      height: 25px;
      content:"";
}
.accordion-container .content-entry.open i:before {
  background-image: url('../img/up_arrow.png');
      background-size: 20px 25px;
      display: inline-block;
      width: 20px;
      height: 25px;
      content:"";
}
.accordion-content {
	display: none;

}
.accordion-container,#description {
	width: 100%;
	margin: 1.875em auto;
}

.event-faq{
margin-bottom:100px;
margin-top:100px;
}

.article-title{
  color:#fff;
  font-family: 'GrenettePro-Regular';
  font-size:36px;
}

.accordion-content{
color:#BA6B29;
font-size:30px;
padding-top:20px;
}

.event-story{
padding:50px;
}

.main-area{
text-align:center;
padding-top:100px;
padding-bottom:100px;
background-image: url('../img/circle.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
/* padding:200px 0; */

}

.walk-of-wonders img{
width:100%;
max-width:712px;
}
.tickets-nav {

  padding-top:18px;
}

.tickets-nav a{
  text-transform: uppercase;
  font-size:24px;
  /* -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate; */
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 2px #1b052a, 0 0 5px #fff, 0 0 4px #1b052a, 0 0 5px #1b052a, 0 0 6px #1b052a, 0 0 7px #1b052a, 0 0 9px #1b052a;
  }

  to {
    text-shadow: 0 0 10px #1b052a, 0 0 15px #fbf6ae, 0 0 20px #fbf6ae, 0 0 25px #fbf6ae, 0 0 30px #fbf6ae, 0 0 35px #fbf6ae, 0 0 40px #fbf6ae;
  }
}
.artist img{
  width:100%;
}

/* Make the container relative */
.artist {
  position: relative;
	margin:  0 auto;

}

.artist img:last-child{display:none}
.artist:hover img:first-child{display:none}
.artist:hover img:last-child{display:inline-block}




.event-key h2{
  font-size:18px;
}

.event-artists{
margin-top:110px;
margin-bottom:110px;
}

.event-artists h3, .event-faq h3, .event-followus h3{
font-size:14px;
color:#fff;
text-transform:uppercase;
text-align:center;

}



 .event-instagram{
margin-bottom:75px;

 }

 .event-instagram h3{
font-size:14px;
color:#fff;
text-transform:uppercase;
text-align:center;
margin-bottom:50px;

}

.about-event img{
  margin-bottom:100px;
}

.about-event{
margin-top:50px;
text-align:center;
max-width:860px;

}

.about-event h3{
font-size:14px;
margin-bottom:25px;
text-transform:uppercase;
}

.about-event p{
line-height:1.8;
font-size:24px;
text-align:center;
color:#BA6B29;
}

.desktop-topbar a{
color:#BA6B29;

}

.desktop-topbar {
padding-top:20px;
padding-left: 35px;
padding-right: 35px;
margin-top:20px;
margin-bottom:40px;


}

.vcenter{

    justify-content: center;
display: flex;
align-items: center;


}

.event-details{
color:#BA6B29;
text-align:center;
max-width:1200px;
margin-top:40px;
padding-top: 40px;

}

.wow-map img{
  width:100%;
}


.about-event{
  color:#fff;
}

.social-top{
  text-align:right;
    text-transform: uppercase;
    font-size:14px;

}
.main-logo{
  text-align:center;
}

.main-logo img{
  width:180px;
}

.about-top{
  margin-bottom:80px;
  margin-top: 80px;
}

.lineup .pop-out-left{
  max-width:303px;
  position:absolute;
  top:190px;
  left:-125px;
  z-index:99;
}
.lineup .pop-out-right{
  max-width:284px;
  position:absolute;
  top:410px;
  right:-200px;
  z-index:99;
}

.pop-out-left{
  max-width:329px;
  position:absolute;
  top:-10px;
  left:-70px;
}
.pop-out-right{
  max-width:284px;
  position:absolute;
  bottom:-90px;
  right:-70px;
}

.logo_container img{
  max-width:606px;
  width:100%;
}










.nav-link{
display: inline-block;
}

.main-menu__link:hover{
  text-decoration: none;
}

.nav-right .main-menu__link:after{
  background: none repeat scroll 0 0 transparent;
   bottom: 0;
   content: "";
   display: block;
   height: 2px;
   left: 0;
   background: #1b052a;
   width: 100%;
}

.navbar-light .navbar-nav .nav-link{
  color:#000 !important;
      font-weight: 300;
}


.active .main-menu__link{
  font-weight:600 !important;
}

.lineup{
  margin-bottom:100px;
  margin-top: 30px;
  max-width:800px;
  margin-left: auto;
  margin-right:auto;
}

.bottombar{
  background:#e07272;
  position:fixed;
  bottom: 0;
  width:100%;
  z-index:999;
  padding-top: 7px;
  padding-bottom:7px;

}

.bottom_links a{
  margin-right:20px;
}

.bottom_links a, .bottom_email a{
  color:#000;
  text-transform: uppercase;
    font-family: 'GT-America-Extended-Regular';
}

.topbar .container{
  text-align:center;


}
.topbar .container p{
  line-height:normal;
    font-family: 'GT-America-Extended-Regular';
    margin-bottom: 0;

}
.topbar .container a{
  color:#fff;
  text-transform: uppercase;
}

.logo_container{
  text-align: center;
  margin-top: 70px;
  margin-bottom:40px;
}

.nav-link{
  text-transform:uppercase;
  font-size:20px;

}


.lineup a img{
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
}




h5{
  text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 5px;

}

/* Menu */
.menu-social{
text-transform:uppercase;
margin-top:100px;
font-size:36px;
color:#1A222D;

}

/* The Mobile Menu that appears on click */
 .mobile-menu {
	 width: 100%;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 9998;
	 min-height: 100%;
	 height: 100%;
	 background: #BA6B29;
   /* background-image: url('../img/walk-of-wonders-menu.png'); */
   background-repeat: no-repeat;
   background-size: 80%;
   background-position: 50% 95%;
	 margin: 0;
	 position: fixed;
	 display: none;
}
 @media (min-width: 1024px) {
	 /* .mobile-menu {
		 float: right;
		 position: relative;
		 left: auto;
		 right: auto;
		 bottom: auto;
		 top: auto;
		 min-height: auto;
		 height: auto;
		 padding: 0;
		 background: transparent;
		 display: none;
	} */
  .event-followus{
    display:none;
  }

.mobile-menu {
background-image:none;
}


}
 .mobile-menu.open {
	 display: block;
}
 a {
	 text-decoration: none;
}
/* Main Navigation in header for desktop */
 .main-menu {
	 margin: 20px 0;
	 padding: 0;
   max-width:1024px;
   min-height: 80px;
}
 @media (min-width: 1024px) {
	 .main-menu {
		 width: 100%;
		 margin: 0 auto;
	}

  .open-button{
    top:20px !important
  }

.main-menu{

padding-top:160px;
}

.main-menu__link{
font-size:70px !important;
padding:0 !important;

}

  .nav-right{
    text-align:right;
  }
  .nav-center{
    text-align:center;
  }
}
 .main-menu__item {
	 padding: 0;
	 display: block;
	 position: relative;
}
 @media (min-width: 1024px) {
	 .main-menu__item {
     padding: 0;
     display: block;
     position: relative;
	}
  .main-menu__item{

  }
  .non-desktop{
    display:none;
  }

  .active .main-menu__link:before{
    content:"<";
    margin-right: 10px;
  }
}
 .main-menu__link {
	 border-bottom: 0;
   color: #241F1C !important;
     font-family: 'GrenettePro-Regular';
     font-weight: 300;
	 display: inline-block;
   font-size: 36px;
	     padding: 8px 30px;
	 position: relative;
}
 @media (min-width: 1024px) {
	 .main-menu__link {

		 color: black;
	}
}
 .main-menu__link:hover, .main-menu__link:focus, .main-menu__link:active {
	 border-bottom: 0;
	 color: #000;
}
/* Hamburger Button - Animation courtesy of https://codepen.io/designcouch/pen/Atyop - more examples in this link */
 .open-button {
	 width: 30px;
	 height: 30px;
	 transform: rotate(0deg);
	 transition: 0.5s ease-in-out;
	 position: absolute;
	 cursor: pointer;
	 border-bottom: 0;
	 top:0px;
	 right: 20px;
	 z-index: 9999;
	 border-bottom: 0;
}
 @media (min-width: 1024px) {

}
 .open-button:hover {
	 border-bottom: 0;
}
 .open-button span {
	 display: block;
	 position: absolute;
	 height: 2px;
	 width: 100%;
	 background: #BA6B29;
	 border-radius: 2px;
	 opacity: 1;
	 left: 0;
	 transform: rotate(0deg);
	 transition: 0.25s ease-in-out;
}
 .open-button span:nth-child(1) {
	 top: 0px;
	 transform-origin: left center;
}
 .open-button span:nth-child(2) {
	 top: 10px;
	 transform-origin: left center;
}
 .open-button span:nth-child(3) {
	 top: 20px;
	 transform-origin: left center;
}
 .open-button.open span:nth-child(1) {
	 transform: rotate(45deg);
	 top: -3px;
	 left: 8px;
}
 .open-button.open span:nth-child(2) {
	 width: 0%;
	 opacity: 0;
}
 .open-button.open span:nth-child(3) {
	 transform: rotate(-45deg);
	 top: 19px;
	 left: 8px;
}

.open-button.open span {
background-color:#1b052a;
}


@media only screen and (max-width: 1200px) {
  .lineup .pop-out-left{
    max-width:260px;
      left:-120px;
  }
  .lineup .pop-out-right{
    max-width:234px;
    right:-130px;

  }
}
@media only screen and (min-width: 768px) {
.hold-container br{
  display:none;
}
}

@media only screen and (max-width: 1023px) {

.bottombar{
  display:none;
}

/* .new-footer{
  display:none;
} */

.new-footer .col-md-3{
  text-align:center !important;
  margin-bottom: 15px;
}
/* .new-footer .col-md-3 br{
  display:none;
} */
.main-logo img{
width:100% !important

}
.swizel{
  display:none;
}

.event-details{
  margin-top:0;
  padding-top:0;
}

.main-area {
margin-left:20px;
margin-right:20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
.desktop-topbar{
  margin-top:20px !important;
}

.tickets-nav{
  padding-top:0;
}

.event-story p{

  font-size:14px !important
}

.tickets-nav a{
font-size:14px;
}

.tickets-btn-new{
    margin-top: 40px;
      margin-bottom: 40px;
      font-size:14px;
      border-width:2px;
      padding: 20px 35px;
}

.about-event img {
    margin-bottom: 40px;
  }

.desktop-topbar {
padding-top:15px;
padding-left: 20px;
padding-right: 20px;


}

.event-artists{
margin-bottom:50px;

}

.menu-social{
font-size:14px;
padding: 0px 30px !important;;
}

.menu-social{
margin-top:40px;

}

.main-menu__link{
  padding: 0px 30px;
}

.main-menu {

    padding-top: 40px !important;;
}
.event-artists{
margin-bottom:50px;

}
.event-followus{
  margin-bottom:50px;
}
.event-instagram{

}


.about-event{
  text-align:center;
}
.container{
  padding-left:25px;
  padding-right:25px;
}

.event-key h2{
  font-size:14px;
}
.event-key{
  margin-bottom:30px;
}

.about-event{
margin-top:0;
}

.walk-of-wonders{
padding:60px 0 60px 0;


}


.about-top {
    margin-bottom: 50px;
    margin-top: 0px;

  }

.lineup .pop-out-left{
  display:none;
}
.lineup .pop-out-right{
display:none;
}
.lineup{
  padding-left: 40px;
padding-right: 40px;
}
.about-top .pop-out-left{
  max-width:180px;
  top:-10px;
  left:-30px;
}
.about-top .pop-out-right{
  max-width:160px;
  bottom:-30px;
  right:-30px;
}

.event-story{
  padding:20px;
  text-align:center;
}


.article-title{
  font-size:18px;
}

.accordion-container .content-entry i{
display:none;

}
.event-faq h3{
font-size:13px;

}

.event-story p{
font-size:24px;
text-align:center;
color:#BA6B29;

}

.event-faq{
  margin-bottom: 50px;
      margin-top: 50px;

}

.accordion-content{
  font-size:15px;
}
.topbar{
  position:relative;
  padding-top: 5px;
  padding-bottom: 5px;
  display:none;
  z-index:99999;
}

.logo_container{
  margin-top:20px;
}

.topbar .container p{
  font-size:9px;
}

.logo_container img{
  max-width: 202px;
}


}

 @media screen and (max-width: 1023px) {
.form-row{
  display:initial;
}
.wow-registration label{
  width:100%;
    margin-top:10px;
    margin-bottom:0px;
}

.year{

  padding:20px 25px;
}

.footer-row{
    margin-top:50px
}

.submit{
  width:100% !important;
  margin-left:0;
  margin-top:15px;
}

form {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }

.form-row{
  margin-left:0;
  margin-right:0;

}


 }