/*
Theme Name: platinum2016
Theme URI: http://www.wederundnoch.de
Author: Weder&Noch
Author URI: http://www.wederundnoch.de
Description: Theme for Club Platinum
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: platinum2016
Tags:

This theme, like WordPress, is licensed under the GPL.

platinum2016 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*global styles*/
html{
	height: 100%;
}

body {
	margin: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 80%;
	text-align: center;
	height: 100%;
}

a {
	text-decoration: none;
	color: inherit;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4{
	font-weight: 700;
	line-height: 1em;
}

h1 {
	font-size: 2.2em;
}

h2, .h2 {
	border: solid 2px #000;
	display: inline-block;
	padding: 5px 8px 2px 8px;
	background: #fff;
}
.line {
	background: #000;
	height: 2px;
	width: 100%;
}

/*hide stuff*/
.skip-link, .site-branding, .entry-header {
	display: none;
}

/*grid fixes*/
div.wpb_text_column.wpb_content_element {
	margin-bottom: 10px;
}
.vc_grid.vc_row .vc_grid-item {
	float: left !important;
}

.shiftnav-wrap {
	padding-top: 0px !important;
}

/*top image*/
.hero {
	height: 94vh;
	background: url(img/startbild.jpg) no-repeat center;
	background-size: cover;
	margin-bottom: 0 !important;
}

.hero * {
	height: 100%;
}

@keyframes scroll-arrow-ani {
  0%   { bottom: 25px; }
  50% { bottom: 22px; }
  100%   { bottom: 25px; }
}

.hero .scroll img{
	position: absolute;
	height: 25px;
	bottom: 25px;
	cursor: pointer;
	transition: all 0.4s;
}

.hero:hover .scroll img {
	animation: scroll-arrow-ani 1s infinite;
}

/*navigaion*/

.navbar {
	position: fixed;
	top: -70px;
	left: 0px;
	height: 65px;
	width: 100%;
	background: #fff;
	opacity: 0.9;
	transition: top 0.4s;
	z-index: 10;
	box-shadow: 0 0 2px #000; 
}
.navbar nav {
	position: absolute;
	right: 10%;
	bottom: 10px;
}

.navbar a:not(.navi-logo) {
	padding: 10px 20px 10px 20px;
	transition: all 0.4s;
}
.navbar .logo {
	position: absolute;
	left: 10%;
	width: 178px;
	height: 65px;
	color: rgba(0,0,0,0);
	background: url(img/logo.png) no-repeat center;
	background-size: 50%;
	transition: all 0.4s;
}

.navi-active {
	color: #fff;
}

.navi-highlight {
	position: absolute;
	top: 30px;
	left: 50%;
	height: 28px;
	width: 0px;
	background: #000;
	transition: all 0.4s;
}

.shiftnav-toggle i {
	color: #fff;
}

/*content containers*/
.container.wpb_row {
	padding: 15%;
}

/*news*/
.container-news {
	background: #a7e8da;
	margin-bottom: 0 !important;
}
.container .news {
	background: #fff;
	box-shadow:
		0 0 0 6px #000,
		0 0 0 8px #a7e8da,
		0 0 0 11px #000,
		0 0 0 21px #fff;
	padding: 10px 20px 40px 20px;
}
.news h1 {
	color: #a7e8da;
}

.news h3 {
	margin-top: -10px;
}

.news .line {
	margin-top: 1em;
}

.news-date, .programm-date {
	/*opacity: 0;*/
	color: #fff;
	transition: opacity 0.4s;
}

.dateChanged {
	/*opacity: 1;*/
	color: #000;
}

.news .wpb_single_image img {
	width: 100%;
}

/*programm*/
.container-programm {
	background: #a5def1;
	margin-bottom: 0 !important;
}
.container .programm {
	background: #fff;
	box-shadow:
		0 0 0 6px #000,
		0 0 0 8px #a5def1,
		0 0 0 11px #000,
		0 0 0 21px #fff;
	padding: 10px 20px 40px 20px;
}
.programm h1 {
	color: #a5def1;
}
.programm .vc_grid-container-wrapper {
	margin-top: 20px;
}
.programm .vc_gitem-zone-a {
	height: 100%;
}
.programm .vc_gitem-col {
	height: 100%;
	border: solid 2px #a5def1;
	transition: all 0.4s;
}

.programm .vc_gitem-col h2{
	font-size: 90%;
	color: #a5def1;
	border-color: #a5def1;
	background: none;
}
.programm .vc_gitem-col .h1{
	margin-top: 0.64em;
	line-height: 1.1em;
	font-size: 120%;
	word-wrap:break-word;
	transition: all 0.4s;
}

.programm .vc_gitem-col:hover h2{
	color: #fff;
	border-color: #fff;
}

.programm .vc_gitem-col:hover {
	background: #a5def1;
}

.programm .vc_gitem-zone-mini {
	transition: all 0.4s;
}

/*der club*/
.container-club {
	background: #ffe99b;
	margin-bottom: 0 !important;
}
.container .club {
	background: #fff;
	box-shadow:
		0 0 0 6px #000,
		0 0 0 8px #ffe99b,
		0 0 0 11px #000,
		0 0 0 21px #fff;
	padding: 10px 20px 40px 20px;
	}
.club h1 {
	color: #ffe99b;
}

.club .vc_grid-container-wrapper {
	margin-top: 20px;
}

.club .vc_gitem-animated-block {
	background-color: #000;
}

.club .vc_gitem-zone.lightbox {
	opacity: 0.4;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.4s;
}
.club .vc_gitem-zone.lightbox:hover {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/*musik*/
.container-musik {
	background: #ffa6a6;
	margin-bottom: 0 !important;
}
.container .musik {
	background: #fff;
	box-shadow:
		0 0 0 6px #000,
		0 0 0 8px #ffa6a6,
		0 0 0 11px #000,
		0 0 0 21px #fff;
	padding: 10px 20px 40px 20px;
}
.musik h1 {
	color: #ffa6a6;
}

/*food & drinks*/
.container-food {
	background: #9bf3ba;
	margin-bottom: 0 !important;
}
.container .food {
	background: #fff;
	box-shadow:
		0 0 0 6px #000,
		0 0 0 8px #9bf3ba,
		0 0 0 11px #000,
		0 0 0 21px #fff;
	padding: 10px 20px 40px 20px;
}
.food h1 {
	color: #9bf3ba;
}

.food .line {
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;

}

.food .drink, .food .schnaps {
	margin-top: 20px;
}

.food img {
	width: 100%;
	height: auto;
}

.food .link-drinks {
	display: inline-block;
	width: 100%;
	background: #9bf3ba;
	color: #fff;
	font-weight: 700;
	margin-top: 10px;
	padding: 17px 0px 17px 0px;
	box-shadow: inset 0 0 0 15px #fff;
}

/*kontakt*/
.container-kontakt {
	background: #b5cfe6;
	margin-bottom: 0 !important;
}
.container .kontakt {
	background: #fff;
	box-shadow:
		0 0 0 6px #000,
		0 0 0 8px #b5cfe6,
		0 0 0 11px #000,
		0 0 0 21px #fff;
	padding: 10px 20px 40px 20px;
}
.kontakt h1 {
	color: #b5cfe6;
}

.kontakt .link-formular {
	font-weight: 700;
}

.kontakt .social img {
	width: 32px;
	height: 32px;
	display: inline-block;
	padding: 10px;
}

.kontakt .line {
	display: inline-block;
	margin-top: 20px;
}

/*impressum & datenschutz*/
.page-id-21, .page-id-23, .page-id-377, .single-news {
	height: 100%;
	background: #a7e8da;
}
.container-impressum, .container-datenschutz, .container-aufsicht, .post-news {
	background: #a7e8da;
	margin-bottom: 0 !important;
	height: 100%;
	padding-top: 120px !important;
}
.container .impressum, .container .datenschutz, .container .aufsicht {
	background: #fff;
	box-shadow:
		0 0 0 6px #000,
		0 0 0 8px #a7e8da,
		0 0 0 11px #000,
		0 0 0 21px #fff;
	padding: 10px 20px 40px 20px;
}
.impressum h1, .datenschutz h1, .aufsicht h1 {
	color: #a7e8da;
}

footer .legal{
	padding: 10px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.aside-social {
	position: fixed;
	top: 30%;
	left: 0px;
	display: none;
}
.aside-social img {
	position: absolute;
	left: 0px;
	height: 32px;
	width: 32px;
}
.aside-social .facebook {
	position: absolute;
	top: 0px;
}
.aside-social .instagram {
	position: absolute;
	top: 37px;
}

/*navi smaller below 1024px*/
@media (max-width: 1024px) {
	.navbar nav {
		right: 8%;
	}
	.navbar a:not(.navi-logo) {
		padding: 10px 10px 10px 10px;
	}
	.navbar .logo {
		left: 8%;
	}

}

/*really small program grid*/
@media (max-width: 639px) {
	.programm .vc_col-sm-4 {
		width: 100%;
		display: inline-block !important;
	}
	.programm .vc_col-sm-4 .vc_gitem_row .vc_gitem-col {
		padding-top: 20px;
	}
}

/* club pics */
@media (max-width: 767px) {
	
	.lightbox img.vc_gitem-zone-img {
		display: block !important;
		height: 100px;
	}
	.club .vc_col-sm-6 {
		width: 50%;
	}
	.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
		display: inline-block;
	}
}



/*smaller program grid*/
@media (min-width: 640px) and (max-width: 1024px) {
	.programm .vc_col-sm-4 {
		width: 50%;
		display: inline-block !important;
	}
}

/*non-mobile*/
@media (min-width: 800px) {

	body {
		font-size: 80%;
	}
	.container.wpb_row {
		padding: 10% 22% 10% 22%;
	}
	.navbar {
		top: 0px;
	}
	.aside-social {
		display: block;
	}
}