/* Compiled from assets/css/main.scss with the variables from
   assets/css/variables/colors.scss resolved:
     $black  #505160    $white  #fff
     $color1 #2980B9    $color2 #359fdc    $grey #423d3d
   Hand-compiled during the static conversion so the site no longer needs
   Enduro's sass pipeline. Edit this file directly. */

body {
	background-color: #fff;
	color: #505160;
	font-family: 'Helvetica', sans-serif;
	font-weight: 200;
	padding: 0;
	margin: 0;
}

body.blackbg {
	background-color: #000;
}

.max-full {
	max-width: 100%;
}

.center_block {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bottom_block {
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.screen {
	height: 100vh;
	position: relative;
}

.screen.half {
	height: 50vh;
}

.screen.color1 {
	background-color: #2980B9;
}

.screen.color2 {
	background-color: #359fdc;
}

.main-video {
	margin: 32px auto;
	text-align: center;
}

.about-us {
	width: 800px;
	max-width: 95%;
	margin: 16px auto;
}

/* animations */
.vertical_pulsate {
	animation: vertical_pulsate 3s infinite;
}

@keyframes vertical_pulsate {
	0% { transform: translate(-50%, 0px); }
	80% { transform: translate(-50%, 0px); }
	85% { transform: translate(-50%, 10px); }
	90% { transform: translate(-50%, 0px); }
	95% { transform: translate(-50%, 10px); }
	100% { transform: translate(-50%, 0px); }
}

/* typography */
p {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

a {
	color: #fff;
}

.huge {
	font-size: 75px;
	font-weight: 100;
}

/* lists */
ul {
	text-align: left;
}

li {
	list-style-type: none;
}

/* ---------------------------------------------------------------------------
   ADDED during the static conversion — not in the original main.scss.

   The original rule is `a { color: $white }`, which is only readable on the
   black-background Bandcamp page. On the white-background contact page white
   links are invisible. That never showed up before because the contact copy
   was HTML-escaped and rendered as plain text rather than as links.
   --------------------------------------------------------------------------- */
body:not(.blackbg) a {
	color: #2980B9;
}

body:not(.blackbg) a:hover {
	color: #359fdc;
}

.contact-links {
	margin: 24px auto 0;
	padding: 0;
}

.contact-links li {
	margin-bottom: 8px;
	font-size: 20px;
}