@import url('./tickets.css');
@import url('./gallery.css');
@import url('./signup.css');
@import url('./coming-soon.css');

.carousel-control.left, .carousel-control.right {
    background-image: none
}

#bg-image-wrapper	> img {
	position: fixed;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
}

@font-face {
	font-family: Montserrat;
	src: url(../assets/fonts/Montserrat-Regular.ttf);
}
@font-face {
	font-family: MontserratLight;
	src: url(../assets/fonts/Montserrat-Light.ttf);
}
@font-face {
	font-family: MontserratBold;
	src: url(../assets/fonts/Montserrat-Bold.ttf);
}
@font-face {
	font-family: MontserratBlack;
	src: url(../assets/fonts/Montserrat-Black.ttf);
}

* {
	font-family: Montserrat;
}

.light {
	font-family: MontserratLight;
	font-weight: 100;
}
.bold {font-family: MontserratBold}
.black {font-family: MontserratBlack}

.page-header {
	border-bottom: none;
}

#nav.sticky {
  position: fixed;
  top: 0;
  width: 100%
}



body {
	height: 100%;
}

section {
	display: flex;
	flex-direction: column;
	background: white;
	margin: 125px 0px;
	position: relative;
	z-index: 24000;
	padding: 50px 15px;
}

	#one {
		margin-top: 170px;
	}
	#two {
		padding: 50px 15px !important;
	}

#get-tickets-btn, #get-tickets-btn-2 {
	border-radius: 0;
	border: 2px solid black;
	margin: 30px 0px;
}
#get-access-btn {
	border-radius: 0;
	border: 2px solid black;
	background: black;
	color:white;
}
#get-access-input {
	border-radius: 0;
	border: 2px solid black;
	padding:16px;
}

.social-links-row > div > a {
	cursor: pointer;
}

#grey {
	z-index: 11000;
}
#black {
	z-index: 12000;
}
#blue {
	z-index: 13000;
}
#green {
	z-index: 14000;
}
#yellow {
	z-index: 14500;
}
#pink {
	z-index: 15000;
}
#pink-splash {
	z-index: 15002;
}

#img {
	padding: 20px !important;
	padding-bottom: 50px !important;
}
#three {
	z-index: 14998;
}
#five {
	z-index: 15001;
	margin-bottom: 175px !important;
}

.section-one-description {
	letter-spacing: 1px !important;
}

.imageDateToggle {
	margin: 30px auto;
	width: 90%;
	display: flex;
	list-style-type: none;
	flex-direction: row;
	/*space-between with more dates*/
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

.imageDateToggle__date {
	font-size: 20px;
	letter-spacing: 2px;
	color: #D3D3D3;
	cursor: pointer;
}

.imageDateToggle__date.active-date {
	color: #333;
}

.imageGalleryFeed {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

.imageGalleryFeed__img {
	width: 45%;
	margin: 15px 2.5%;
	position: relative;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 50%;
}

.imageGalleryFeed__img img {
	width: 90%;
}

.imageGalleryFeed__caption {
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	text-align: left;
	padding: 5px 20px;
	background: rgba(40,40,40,.7);
}

.imageGalleryFeed__caption h6,.imageGalleryFeed__caption a {
	color: white;
}

.imageGalleryFeed__caption a {
	font-size: 14px;
	font-weight: 300;
}

.slide-img-container {
	width: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 100%;
}

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

	.slide-img-container {
		width: 350px;
	}

}

.gallery-slideshow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	margin: 0;
	z-index: 99999999;
	background: rgba(40,40,40,.7);
	display: none;
	justify-content: center;
	align-items: center;
	padding: 70px;
}

.gallery-slideshow.gallery-active {
	display: flex;
}

.carousel-inner > .item > .imageGalleryFeed__caption {
	width: 100%;
	height: auto;
	padding: 20px;
}


.gallery-slideshow > .carousel-buttons > .carousel-control {
	top: 50%;
	margin: 0 20px;
	height: 75px;
	width: 75px;
	background-color: white;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-slideshow > .carousel-buttons > .carousel-control > img {
	position: relative;
	
}

.highsnobiety h1, .mlbfeed h1 {
	font-size: 55px;
}
.highsnobiety h1{
	margin: 45px 0;
}

.highsnobiety .highsnobiety-logo{
	width: 40%;
	margin: 65px 0;
}

.highsnobiety .carousel-buttons {
	padding: 35px 0;
}
.hsSlideContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.hsSlide {
	width: 50%;
	position: relative;
	padding: 20px;
}

.hsSlide__content {
	position: relative;
	padding-bottom: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.hsSlide__content img {
	width: 100%;
}

.hsSlide__content .imageGalleryFeed__caption {
	width: 100%;
	left: 0;
	transform: translate(0,0);

}


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

	.section-one-banner {
		font-size: 16px;
	}
	.section-one-location {
    font-size: 18px;
	}
	.section-one-address {
		font-size: 16px;
	}

	.list-unstyled > li > h2 {
		font-size: 21px;
	}

	.section-four-header {
		font-size: 21px;
	}

	#get-access-input {
		width: 100%;
	}
	.input-group-btn {
		display: inline-block;
		width: 100%;
		left: 1px;
	}
	#get-access-btn {
		width: 100%;
	}

	.input-group {
		width: 100%;
	}

	p,h1,h2,h3,h4,h5,h6 {
	  letter-spacing: 2px !important;
	  line-height: 1.3;
	}


}	
@media only screen and (max-width: 600px) { 
	p,h1,h2,h3,h4,h5,h6 {
	  letter-spacing: 1px !important;
	  line-height: 1.2;
	}
	/*#wrap,.bg,.bg2,.bg3,.bg4,.bg5 {
		background-size: contain !important;
	}*/
	#one {
		margin-top: 140px !important;
	}
	#two {
		padding: 64px 0px !important;
	}
}