/*
Theme Name: clickstorm Child
Author: clickstorm GmbH
Author URI: http://www.clickstorm.de
License: clickstorm GmbH
License URI: http://www.clickstorm.de
Description: clickstorm Baukasten Template
Tags: translation-ready, custom-colors, editor-style
Text Domain: clickstorm-child
Version: 2.5
Template: clickstorm
*/

@font-face {
	font-family: "picons";
	src: url("fonts/picons.eot?3217282");
	src: url("fonts/picons.eot?3217282#iefix") format("embedded-opentype"),
		 url("fonts/picons.woff2?3217282") format("woff2"),
		 url("fonts/picons.woff?3217282") format("woff"),
		 url("fonts/picons.ttf?3217282") format("truetype"),
		 url("fonts/picons.svg?3217282#picons") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Share Buttons */

#header .wrapper {
	position: relative;
}

.share-buttons {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 100;
}

.share-button.clean {
	color: rgba(255,255,255,0.5);
	border: 2px solid rgba(255,255,255,0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
}

/* Swiper Plugin */

.wp-swiper-scrollbar-horizontal {
	background-color: #d0d6db;
	height: 14px;
}

.swiper-scrollbar-drag {
	background-color: #1E3651;
	border-radius: 0;
	cursor: pointer;
}

.swiper-slide {
	width: auto;
	height: auto;
	max-width: none;
	margin-bottom: 0;
}

@media (max-width: 480px) {

	.swiper-slide {
		height: 200px;
	}
}

/* Custom 5 Column Layout */

.custom-5-column .vc_col-sm-1 {
	display: none;
}

.custom-5-column .vc_col-sm-2 {
	width: 20%;
}

/* Teaser */

.teaser a {
	color: #e2007a;
	font-family: @font-highlight;
	font-weight: 400;
	font-style: italic;
	border-bottom-color: #e2007a;
}

.teaser .text p {
	margin-bottom: 0;
}

/* Forms */

.wpcf7-form h3 {
	margin-bottom: 30px;
}

.wpcf7-submit {
	width: 100%;
}

/* Banner */

#teaser:after {
	content: "";
	background-color: #006D86;
	width: 30%;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.entry-slogan {
	font-size: 36px;
	font-size: 1.88vw;
	width: 50%;
	line-height: 140%;
}

/* Icons */

.icon-picons:before {
	font-family: "picons";
	font-size: 32px;
	margin-right: 10px;
}

.icon-mail:before {
	content: "\e800";
}

.icon-phone:before {
	content: "\e801";
}

.icon-pin:before {
	content: "\e802";
}

.icon-print:before {
	content: "\e803";
}

/* Team Hover */

.team-hover {
	padding: 0 20px 20px 20px;
	max-width: 200px;
	box-sizing: border-box;
}

.team-hover a {
	visibility: hidden;
	color: #FFFFFF;
}

.team-hover:hover {
	background-color: #E2007A;
	color: #FFFFFF;
	margin-top: -50px;
	position: relative;
	padding-top: 20px;
}

.team-hover:hover h3 {
	color: #FFFFFF;
}

.team-hover:hover a {
	visibility: visible;
}