/*
Theme Name: U3000 v3 2018
Description: made for www.udreitausend.de
Author: MarieBinning
Author URI: http://www.mariebinning.com/
Version: 0.1
Tags: custom
License: all rights reserved
License URI:
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,500,700italic,700,500italic);

}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
    font: inherit;
    padding: 0;
    border: none;
    margin: 0;
    vertical-align: baseline;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

p {
    margin:0;
}

div {
    margin:0;
    padding:0;
    position:relative;
    display:block;
}

img {
    border:none;
}

#content {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

.clear {
    clear: both;
}

.sticky {} .bypostauthor {} .wp-caption {} .wp-caption-text {} .gallery-caption {} .alignright {} .alignleft {} .aligncenter {} a {
    color: #000000;
    text-decoration: none;
}

nav {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
nav li, ul.inline-menu li {
	display: inline;
	margin: 0 20px;
}

ul, menu {
	padding: 0;
	margin: 0;
}

nav ul, ul.inline-menu {
	margin: 5px;
}

a {
    color: #000000;
    text-decoration: none;
}


/*------------------ JUNE 2015 -----------*/

body {
	background-color: #0c1a3a;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
	font-family: 'Roboto', Arial, _sans;
	font-size: 24px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	letter-spacing: -0.25px;
	color: white;
	text-shadow: 1px 1px rgba(0,0,0,0.5)
}

h1, h2, h3 {
	text-transform: uppercase;
	font-weight: 700;
}

h1 {
	font-size: 1.5em;
	margin: 20px 0 7.5% 0;
}

h2 {
	font-size: 1.25em;
	margin: 10% 0 4% 0;
}

h3 {
	font-size: 1em;
	margin: 5% 0 2% 0;
}

.header-container {
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}

.header-container.small {
	width: 100%;
	height: 50%;
	display: block;
	height: auto;
}

.header {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	display: table-cell;
}

.header.small {
	width: 40%;
	display: block;
	padding-top:60px;
	height: auto;
}

.content-container .menu a {
	text-transform: uppercase;
	font-weight: 700;
}

.more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	height: 52px;
	line-height: 52px;
	margin: 0;
	-moz-transition: all 0.35s ease 0s;
	-webkit-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity = 0)";
	opacity: 0;
	font-style: normal;
	font-family: 'Lucida Sans Unicode', Arial; _sans;
}

.header-container:hover .more {
	filter: alpha(opacity = 100);
	-ms-filter: "alpha(opacity = 100)";
	opacity: 1;
}

.live-container {
	position: relative;
	width: 80%;
	margin: -10% 0 0 0;
	padding: 10% 10% 0 10%;
	left: 0;
	text-align :center;
}

.live-container ul {
	padding: 0;
	margin: 0;
}

.live-container a {
	-moz-transition: all 0.35s ease 0s;
	-webkit-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s;
}

.live-container s, .live-container s a {
	color: rgba(0,153,30,0.65);
}

.live-container s:hover, .live-container s a:hover {
	color: rgba(0,153,60,1);
	text-decoration: none;
}

.live-container a:hover {
	letter-spacing: 0.5px;
}

.contact-container {
	position: relative;
	width: 50%;
	margin: 7.5% 17.5% 5% 17.5%;
	padding: 4% 7.5%;
	left: 0;
	text-align :center;
	border: 5px solid white;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.75);
	-moz-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.75);
	box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.75);
}

.contact-container h1 {
	margin-top: 0;
}

span.at {
	font-size: 0.7em;
	padding: 0 2px;
}

img.logo {
	width: 85%;
	height: auto;
	margin: -3% 0 0 0;
}

.header.small img.logo {
	margin: 5% 0 0 0;
}

.menu {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	-moz-transition: all 0.35s ease 0s;
	-webkit-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity = 0)";
	opacity: 0;
	z-index: 105;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
}

.content-container {
	text-align: center;
	width: 100%;
	height: 100%;
}

.content-container.textpage p {
	padding: 0 20%;
	text-transform: none;
	font-weight: 300;
	letter-spacing: 0.1px;
	font-size: 0.85em;
	line-height: 1.4em;
}

.content-container.textpage iframe {
	width: 640px;
	height: 360px;
}

.content-container:hover .menu {
	filter: alpha(opacity = 100);
	-ms-filter: "alpha(opacity = 100)";
	opacity: 1;
}

ul.children {
	display: none;
}

img.social-icon {
	width: 48px;
	-moz-transition: all 0.35s ease 0s;
	-webkit-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s;
	border-radius: 25px;
}

img.social-icon:hover {
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	background: #ffffff;
}

.footer {
	margin: 7.5% 0 25px 0;
}

.gigs li span::after {
	content: '\2004';
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.responsive-video-container, .promo-container {
	position: relative;
	width: 61%;
	margin: 10% 17.5% 7.5% 17.5%;
	padding: 2%;
	left: 0;
	text-align: center;
	border: 5px solid white;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.75);
	-moz-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.75);
	box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.75);
}

.promo-container {
	margin-top: 5%;
	margin-bottom: 10%;
	background: #000000;
	color: #ffffff;
}

.promo-container img {
	height: auto;
	width: 44%;
	margin: -2.5% 28% 6.5% 28%;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(31,254,39,0.5);
	-moz-box-shadow: 0px 0px 15px 5px rgba(31,254,39,0.5);
	box-shadow: 0px 0px 15px 5px rgba(31,254,39,0.5);
	display: block;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
}

.promo-container img:hover {
	-webkit-box-shadow: 0px 0px 20px 5px rgba(31,254,39,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(31,254,39,0.75);
	box-shadow: 0px 0px 20px 5px rgba(31,254,39,0.75);
}

.promo-text a {
	text-decoration: underline;
	font-size: inherit;
	line-height: inherit;
	color: #ffffff;
}

.promo-text a:hover,
.promo-text a:focus {
	text-decoration: none;
	color: #1FFE27;
}

h1#live {
	margin: 7.5% 0 5% 0;
}


/*------------------ RESPONSIVE JUNE 2015 -----------*/

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

    .content-container.textpage iframe {
	width: 400px;
	height: 225px;
    }

    .contact-container {
	width: 70%;
	margin: 7.5% 10% 5% 10%;
	padding: 3.5% 5%;
    }

    .responsive-video-container {
	width: 76%;
	margin: 10% 10% 5% 10%;
    }
}

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

    body {
	font-size: 0.85em !important;
	line-height: 1.3em !important;
    }

    .header.small img.logo {
	margin: 0 0 25px 0;
    }
	    
    .content-container.textpage {
	padding: 0 10%;
    }

    .live-container a:hover {
	letter-spacing: -0.25px;
    }

    nav li {
	display: inline;
	margin: 0 10px;
    }

    .contact-container, .responsive-video-container {
	border: 3px solid white;
    }

    .content-container.textpage p {
	padding: 0;
    }
}

@media only screen and (min-width: 1500px) {
	body, a {
		font-size: 32px;
		line-height: 48px;
	}

	.contact-container {
		border: 7px solid white;
		width: 50%;
		margin: 7.5% 20% 5% 20%;
		padding: 3.5% 5%;
    	}
}

@media only screen and (max-width: 1250px) {
	body, a {
		font-size: 20px;
		line-height: 32px;
	}

	.content-container.textpage {
		padding: 0 13%;
	}

	.contact-container, .responsive-video-container {
		border: 4px solid white;
	}

}