/*
	Styles for stillthere.ghostshark.it
	Date: September 2017
	Version: 1.0
	Author: Daniele Giardini
*/

/*  INDEX ::::::
	Imports
	Defaults
	Titles
	Base Changers
	Areas
	Header
	Main
	Sections + Base Elements
	Contact Form
	Alternate layouts
*/

/* Imports */

@import url("reset.css");
@import url('https://fonts.googleapis.com/css?family=Share+Tech');

/* Defaults */

* {
	/*transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;*/
}
html, body { min-height: 100%; }
body {
	font-family: "Share Tech", sans-serif;
	font-size: 26px;
	color: #94acea;
	background: url('../../_imgs/footer_bg.jpg') no-repeat center bottom;
	background-color: #19151c;
	text-align: center;
	min-width: 600px;
}

/* Titles */

h1, h2, h3, h4, h5 { line-height: 1; clear: both; font-weight: normal; }
h1 { display: none; }
h2 {
	font-size: 64px;
	color: #01d05c;
}
h2 span { padding: 0 12px; }

p { display: block; line-height: 1.2; padding-left: 20px; padding-right: 20px; }

strong { font-size: 110%; color: #01d05c; }

/* Base Changers */

.clear { clear: both; }
.centered { text-align: center; }
.shoutout { font-size: 180%; }

/* Areas */

#TopArea {
	background: url('../../_imgs/header_bg_stripe.png') repeat-x;
	border-bottom: 8px solid #2d213c;
}
#MainArea {

}
#MainInner {
	width: 760px;
	min-width: 760px;
	margin: auto;
	padding-bottom: 100px;
}
#MainInner>* { padding: 80px 0 0 0; }
#MainInner>*:first-child { padding-top: 40px; }

/* Header */

header {
	background: url('../../_imgs/header_bg.png') no-repeat top center;
	margin: auto;
}
.video-cont {
	position: relative;
	z-index: 0;
}
.video-cover {
	position: absolute;
	top: 0;
	left: 0; right: 0;
	margin: auto;
	pointer-events: none;
	z-index: 1;
}
.video {
	width: 778px; height: 438px;
	background-color: #110000;
}

/* Main */

.flare {
	position: absolute;
	left: 0; right: 0;
	width: 100%;
	height: 100%;
	background: url('../../_imgs/flares.png') no-repeat top center;
}

#Blurb { position: relative; font-size: 120%; }
#Blurb>* { margin-bottom: 40px; }
#Blurb>*:last-child { margin-bottom: 0; }
#BlurbTexts { position: relative; }

#Blurb .logo-main {
	position: relative;
	margin-bottom: 0;
	margin-top: -90px;
	pointer-events: none;
}
.logo-txt {
	position: absolute;
	left: 0; right: 0;
	margin: auto;
	z-index: 3;
}

#AltBlurb {
	position: absolute;
	bottom: -42px;
	left: 0; right: 0;
	margin: auto;
	margin-top: -16px;
}

article>* { margin-bottom: 12px; }
article>*:last-child { margin-bottom: 0; }

.logo-row a { display: inline-block; margin-right: 16px; }
.logo-row a:last-of-type { margin-left: 0; }
.logo-row a img { position: relative; }

.img-grid {
	position: relative;
	left: 55px;
}
.img-grid a {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}
.img-grid a:nth-child(even) { margin-right: 0; }
.img-grid a:hover {
	box-shadow: 0px 0px 12px 1px #d80082;
}

/* Sections + Base Elements */


/* Contact Form */

#NewsletterBlock {
	position: relative;
	left: 2px;
	width: 650px;
	margin: auto;
}
#NewsletterBlock p {
	float: left;
	padding-right: 16px;
	text-align: right;
	line-height: 1.1;
}

#mc-embedded-subscribe-form {
	float: left;
	width: 25%;
	margin-top: 8px;
}
#mc-embedded-subscribe-form .button {
	width: 100%;
	padding: 10px 20px;
	font-family: "Share Tech", sans-serif;
	font-size: 20px;
	background-color: #ff6300;
	color: #ffffff;
	border: none;
}
#mc-embedded-subscribe-form .button:hover {
	background-color: #d80082;
	cursor: pointer;
}

/* Alternate Layouts */

@media only screen and (max-width: 980px),
only screen and (min-device-pixel-ratio:1.5) and (orientation:portrait),
only screen and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait)
{
	body { min-width: 660px; }
	#TopArea { min-width: 660px; }
	#MainInner { width: 660px; min-width: 660px; }
	.video-cover { height: 303px; left: 0; right: 0; margin: auto; }
	.video { width: 538px; height: 303px; }
	.img-grid { left: 5px; }
}