/*
  Author: vektorrausch GmbH (Daniel Sippel) <sippel@vektorrausch.de>
  Author URI: http://vektorrausch.de
  Description: Template for new media queries
*/

/* ######################################## *\
    HTML / ELEMENTS
\* ######################################## */

/* html */
html {}

body {}

.page-title {
	font-size: 42px;
	font-size: 2.625rem;
}
	.front .page-title,
	.page-type-main-sector .page-title,
	.page-type-industry-sector .page-title {
		font-size: 28px;
		font-size: 2.000rem;
	}

/* elements */

/* ######################################## *\
    STRUCTURE / LAYOUT
\* ######################################## */

/* page-wrapper */
#wrapper {}

/* header */
.header-container {}

#header {}

#branding {
  width: 27%;
}

#logo {}

/* main */
.main-container {}

#main {}

.content-container {}

#content {}

/* footer */
.footer-container {}

#footer {
	background-position: right bottom;
	padding-bottom: 0;
}

/* ######################################## *\
    MENUS
\* ######################################## */

 #main-menu .menu-link-depth-0 {
	padding: 16px 20px;
}


/* ######################################## *\
    SIDEBARS
\* ######################################## */

/* sidebar-default */
.sidebar-primary.sidebar-default #content {
	padding-left: 30px;
}

.sidebar-secondary.sidebar-default #content {
	padding-right: 30px;
}

/* sidebar-front */
.sidebar-front .content-container,
.sidebar-front .sidebar-area {
	clear: none;
  float: left;
}

.sidebar-secondary.sidebar-front #content {
	margin-right: 50%;
	padding-right: 0;
}
	
.sidebar-secondary.sidebar-front #secondary {
	margin-left: -50%;
	width: 50%;
	padding-right: 60px;
}

/* sidebar-people */
.sidebar-primary.sidebar-people #content {
	margin-left: 25%;
	padding-left: 50px;
}

.sidebar-primary.sidebar-people #primary {
	margin-left: -100%;
	width: 25%;
	padding-right: 0;
}

.sidebar-secondary.sidebar-people #content {
	margin-right: 25%;
	padding-right: 50px;
}

.sidebar-secondary.sidebar-people #secondary {
	margin-left: -25%;
	width: 25%;
	float: left;
	clear: none;
	padding-left: 0;
}

/* sidebar-network */
.sidebar-primary.sidebar-network #content {
	margin-left: 25%;
	padding-left: 50px;
}

.sidebar-primary.sidebar-network #primary {
	margin-left: -100%;
	width: 25%;
	padding-right: 0;
}

.sidebar-secondary.sidebar-network #content {
	margin-right: 25%;
	padding-right: 50px;
}

.sidebar-secondary.sidebar-network #secondary {
	margin-left: -25%;
	width: 25%;
	float: left;
	clear: none;
	padding-left: 0;
}

/* sidebar-main-sector */
.sidebar-main-sector .content-container,
.sidebar-main-sector .sidebar-area {
  clear: none;
  float: left;
}

.sidebar-secondary.sidebar-main-sector #content {
	margin-right: 66.666%;
}

.sidebar-secondary.sidebar-main-sector #secondary {
	margin-left: -66.666%;
	width: 66.666%;
	float: left;
	clear: none;
	padding-left: 0;
}

/* ######################################## *\
    WIDGET-AREAS
\* ######################################## */

/* widget-area-header */
#widget-area-header {
  width: 50%;
}

/* widget-area-feedback */
.widget-area-feedback-container {
	position: relative;
}

	.widget-area-feedback-container:after {
		content: '';
		display: block;
		width: 220px;
		height: 91px;
		background: url(img/locate-your-expert-2016.png) no-repeat center center;
		position: absolute;
		bottom: 0;
		left: 50%;
	}

/* widget-area-teaser */
.widget-area-teaser-container {
	margin-left: -50%;
    padding-left: 40px;
    padding-right: 40px;
    width: 25%;
	clear: none;
	float: left;
}

.widget-area-teaser-container h3 {
	padding: 0;
}

#widget-area-teaser {
	padding: 10px 0 10px 0;
	overflow: auto;
	height: 380px;
}

/* ######################################## *\
    WIDGETS
\* ######################################## */

/* widget_sp_image */
#widget-area-teaser .widget_sp_image {
	float: none;
	padding-right: 0;
	width: 100%;
	margin-bottom: 1.375em;
}
	#widget-area-teaser .widget_sp_image:nth-child(3n+1) {
		clear: none;
	}
	#widget-area-teaser .widget_sp_image:nth-child(4n+1) {
		clear: left;
	}
	
#widget-area-teaser .mCSB_inside > .mCSB_container {
	margin-right: 20px;
}

/* fast-contact */
.fast-contact {
  margin-top: 52px;
}

.fast-contact .mail,
.fast-contact .phone,
.fast-contact .lab {
	font-weight: 200;
	font-size: 1.000rem;
	width: 33.333%;
	margin-top: 0;
}


/* ######################################## *\
    SINGLES / PAGES / ARCHIVES
\* ######################################## */

/* page-type-contact */
.page-type-contact .map-view-container .map-view-content {
	float: left;
	padding-right: 30px;
	width: 25%;
	margin-top: 5%;
}

.page-type-contact .map-view-container .map-view-map {
	float: left;
	width: 75%;
	padding-left: 30px;
}

.page-type-contact .map-view-container #map {
	height: 520px;
}

.page-type-contact .map-view-container #map-legend {
	right: 60px;
}

/* page-type-default */
.page-type-default .locate-your-expert a {
	position: relative;
	float: right;
}
	.page-type-default .locate-your-expert a:after {
		content: '';
		display: block;
		width: 220px;
		height: 91px;
		background: url(img/locate-your-expert-2016.png) no-repeat center center;
		position: absolute;
		top: -91px;
		left: 30px;
	}

/* ######################################## *\
    ARTICLES (VIEW-MODES)
\* ######################################## */

/* all */
.article {}

/* view-mode-front */
.view-mode-front {}

/* view-mode-teaser */
.view-mode-teaser {}

.view-mode-teaser.post-type-people {
	width: 25%;
	border-right: 1px solid #e6eff7 !important;
	border-bottom: 1px solid #e6eff7 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	clear: none !important;
	position: relative;
}
	.view-mode-teaser.post-type-people:nth-of-type(3n+1) {
		padding-left: 20px !important;
		clear: none !important;
	}
	.view-mode-teaser.post-type-people:nth-of-type(3n) {
		border-right: 1px solid #e6eff7 !important;
		border-bottom: 1px solid #e6eff7 !important;
	}
	.view-mode-teaser.post-type-people:nth-of-type(4n+1) {
/* 		padding-left: 0 !important; */
		clear: left !important;
	}
	.view-mode-teaser.post-type-people:nth-of-type(4n) {
		padding-right: 0 !important;
		border-right: 0 !important;
	}
	
.view-mode-teaser.post-type-people .field-more {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
	
.view-mode-teaser.post-type-location {
	width: 25%;
	border-right: 1px solid #e6eff7 !important;
	border-bottom: 1px solid #e6eff7 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	clear: none !important;
}
	.view-mode-teaser.post-type-location:nth-of-type(3n+1) {
		padding-left: 20px !important;
		clear: none !important;
	}
	.view-mode-teaser.post-type-location:nth-of-type(3n) {
		border-right: 1px solid #e6eff7 !important;
		border-bottom: 1px solid #e6eff7 !important;
	}
	.view-mode-teaser.post-type-location:nth-of-type(4n+1) {
		padding-left: 0 !important;
		clear: left !important;
	}
	.view-mode-teaser.post-type-location:nth-of-type(4n) {
		padding-right: 0 !important;
		border-right: 0 !important;
	}
	
.view-mode-teaser.post-type-network {
	width: 25%;
	border-right: 1px solid #e6eff7 !important;
	border-bottom: 1px solid #e6eff7 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	clear: none !important;
}
	.view-mode-teaser.post-type-network:nth-of-type(3n+1) {
		padding-left: 20px !important;
		clear: none !important;
	}
	.view-mode-teaser.post-type-network:nth-of-type(3n) {
		border-right: 1px solid #e6eff7 !important;
		border-bottom: 1px solid #e6eff7 !important;
	}
	.view-mode-teaser.post-type-network:nth-of-type(4n+1) {
		padding-left: 0 !important;
		clear: left !important;
	}
	.view-mode-teaser.post-type-network:nth-of-type(4n) {
		padding-right: 0 !important;
		border-right: 0 !important;
	}
	
.view-mode-teaser.view-scope-sector.post-type-feedback .field-thumbnail {
	left: 50%;
	margin-left: -32px;
	top: 0;
}

.view-mode-teaser.view-scope-sector.post-type-feedback .field-body {
	padding: 15px 15px 15px 15px;
	margin-top: 88px;
	margin-left: 0px;
}
	.view-mode-teaser.view-scope-sector.post-type-feedback .field-body:before {
		display: none;
	}
	.view-mode-teaser.view-scope-sector.post-type-feedback .field-body:after {
		top: -15px;
		left: 50%;
		margin-left: -15px;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent !important;
		border-bottom: 15px solid #fff;
		border-top: 0;
	}
		.view-mode-teaser.view-scope-sector.view-scope-sector.post-type-feedback .field-body:after {
			border-bottom-color: #f0f0f0;
		}

/* view-mode-full */
.view-mode-full {}

.view-mode-full.post-type-location .highlighted .field-body {
	float: left;
	width: 50%;
	padding-right: 30px;
	margin-bottom: 1.375em;
}

.view-mode-full.post-type-location .highlighted .group-contact {
	float: left;
	width: 25%;
	padding-left: 30px;
	margin-bottom: 1.375em;
	position: relative;
	z-index: 10;
}

.view-mode-full.post-type-location .highlighted .map-container {
  clear: none;
  height: 100%;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
  z-index: 5;
}

.view-mode-full.post-type-location #map {
	height: 100%;
}


.view-mode-full.post-type-location .benefit-pages {
	width: 60%;
	float: right;
}

.view-mode-full.post-type-location .contact-form {
	width: 33%;
}


/* view-mode-sector */
.view-mode-sector.post-type-page {
  padding-right: 10px;
  margin-bottom: 10px;
  width: 33.3%;
}
  .view-mode-sector.post-type-page:nth-child(2n+1) {
    clear: none;
  }
  .view-mode-sector.post-type-page:nth-child(3n+1) {
    clear: left;
  }

.view-mode-sector.post-type-page .min-height {
  min-height: 200px;
}

/* ######################################## *\
    FIELDS
\* ######################################## */



/* ######################################## *\
    PAGINATION
\* ######################################## */



/* ######################################## *\
    FLEXSLIDER
\* ######################################## */

#featured.flexslider .field-slider-text {
	top: 20%;
}

#featured.flexslider .field-slider-text .value {
	font-size: 2.25rem;
}

	#featured.flexslider .field-slider-text .value:first-of-type {
		font-size: 5.5rem;
	}


/* ######################################## *\
    FORMS / TABLES
\* ######################################## */



/* ######################################## *\
    SEARCHFORM
\* ######################################## */

.search-form {
  margin-top: 52px;
}

/* ######################################## *\
    BREADCRUMBS
\* ######################################## */



/* ######################################## *\
    COMMENTS
\* ######################################## */



/* ######################################## *\
    MISC
\* ######################################## */

/* lang-switcher */ 
#lang-switcher {
	margin-top: 52px;
}
   
/* ######################################## *\
    WORDPRESS CORE
\* ######################################## */
   
   

/* ######################################## *\
    NO JAVASCRIPT
\* ######################################## */



/* ######################################## *\
    WOOCOMMERCE
\* ######################################## */

/* product_cat */
.woocommerce ul.products {
	margin: 0 -20px;
}

.woocommerce ul.products li.product {
	width: 33.333% !important;
	border-right: 1px solid #e6eff7 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	clear: none !important;
	position: relative;
}
	.woocommerce ul.products li.product:nth-of-type(3n+1) {
		clear: left !important;
	}
	.woocommerce ul.products li.product:nth-of-type(3n) {
		border-right: 0 !important;
	}
	
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .field-more {
	position: absolute;
	bottom: 0;
	left: 20px;
}

.woocommerce ul.products li.product .field-more {
	width: 240px;
}

.woocommerce ul.products li.product .field-short-description {
	padding-bottom: 10px;
}
.woocommerce ul.products li.product .field-category-description {
	padding-bottom: 40px;
}