/* -----------------------------------------
:: INDEX PAGE LAYOUTS
----------------------------------------- */
/* -----------------------------------------
:: HEADER
----------------------------------------- */
.header__wrapper {
	position: relative;
}
.tagline-index {
	display: inline;
	font-family: Lora;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 4vw;
	color: rgba(0,246,228,1.00);
	text-align: right;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 2;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-left: 18%;
	padding-right: 18%;
	z-index: 0;
}
@media(max-width:991px){
.header__foreground-img--wrapper {
	position: relative;
	display: block;
	content: " ";
	width: 100%;
	padding-top: 56.25%;
}
.header__foreground-img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url('../../themed-images/backgrounds/cinemagraph.gif');
	background-position: center center;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
}
.tagline__accent-line--topleft {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
}
.tagline__accent-line--topright {
	display: none;
}
.tagline__accent-line--bottomleft {
	display: none;
}
.tagline__accent-line--bottomright {
	position: absolute;
	bottom: 0px;
	right: 0px;
	max-width: 100%;
}
}
@media (min-width: 992px) {
/* header wrapper */
.header__wrapper {
	width: 100%;
	height: 100vh;
	position: relative;
	background:url('../../graphics/dark-bg.jpg');
}
.header__foreground-img--wrapper {
	position: absolute;
	top: 100px;
	left: 0px;
	right: 0px;
	bottom: 100px;
		box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.65);

}


.header__foreground-img {
	width: 100%;
	height: 100%;
	background: url('../../themed-images/backgrounds/cinemagraph.gif');
	background-position: center center;
	background-size: cover;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.tagline__accent-line--topleft {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
}
.tagline__accent-line--topright {
	position: absolute;
	top: 100px;
	right: 100px;
	max-width: 100%;
	display: inline;
}
.tagline__accent-line--bottomleft {
	position: absolute;
	bottom: 100px;
	left: 100px;
	max-width: 100%;
}
.tagline__accent-line--bottomright {
	position: absolute;
	bottom: 0px;
	right: 0px;
	max-width: 100%;
	display: inline;
}
.header__foreground-img--shadow {
	position: absolute;
	top: 100px;
	left: 100px;
	right: 100px;
	bottom: 100px;
	background: rgba(255,255,255,0.0);
	background-position: center center;
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
	box-sizing: border-box;
}
/*
.header__wrapper .header__content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../graphics/body-bg-stripes.png')top center;
}
*/
}
@media (min-width: 1440px) {
/* tagline accents */
.tagline__accent-line--topleft {
	position: absolute;
	top: 50px;
	left: 50px;
	max-width: 100%;
}
.tagline__accent-line--topright {
	position: absolute;
	top: 150px;
	right: 150px;
	max-width: 100%;
}
.tagline__accent-line--bottomleft {
	position: absolute;
	bottom: 150px;
	left: 150px;
	max-width: 100%;
}
.tagline__accent-line--bottomright {
	position: absolute;
	bottom: 50px;
	right: 50px;
	max-width: 100%;
}
}