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

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

/* html */
html {}

body {}

/* elements */

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

/* wrapper */
#wrapper {}

/* header */
.header-container {}

#header {}

#branding {}

#logo {}

/* main */
.main-container {}

#main {}

.content-container {}

#content {}

/* sidebars */

/* footer */
.footer-container {}

#footer {}

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

/* main-menu */
.main-menu-container {
	width: 100%;
}

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



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

/* recent-news / press-releases */
.recent-news:after {
	content: "";
	display: block;
	border-top: 1px solid #c4c4c4;
	background: #f0f0f0;
	height: 6px;
	margin: 2.750em -15px 0;
}

/* upcoming events */
.upcoming-events {
	padding-top: 1.375em;
	padding-bottom: 2.750em;
}

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



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

/* view-mode-front */
.view-mode-front.post-type-people .field-thumbnail img {
	width: 64px;
	height: 64px;
}

.view-mode-front.post-type-people .headline {
	font-size: 16px;
}

.view-mode-front.post-type-people .field-expert-info {
	font-size: 12px;
}

/* view-mode-teaser */
.view-mode-teaser.post-type-feedback .field-thumbnail {
	left: 15%;
	margin-left: -32px;
	top: 0;
}
	.view-mode-teaser.post-type-feedback:nth-of-type(odd) .field-thumbnail {
		left: 85%;
	}

.view-mode-teaser.post-type-feedback .field-body {
	padding: 15px 15px 15px 15px;
	margin-top: 88px;
	margin-left: 0px;
}
	.view-mode-teaser.post-type-feedback .field-body:before {
		display: none;
	}
	.view-mode-teaser.post-type-feedback .field-body:after {
		top: -15px;
		left: 15%;
		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-default.post-type-feedback .field-body:after,
		.view-mode-teaser.view-scope-sector.post-type-feedback .field-body:after {
			border-bottom-color: #f0f0f0;
		}
		
		.view-mode-teaser.post-type-feedback:nth-of-type(odd) .field-body:after {
			left: 85%;
		}

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



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



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



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

#search {
	padding: 0 15px;
}

#search .search-submit {
	right: 20px;
}

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



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



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


   
/* ######################################## *\
    WORDPRESS CORE
\* ######################################## */
   
.alignright,
.alignleft,
.aligncenter,
a img.alignright,
a img.alignleft,
a img.aligncenter {
  float: none;
  display: block;
  margin: 5px auto 5px auto;
}

.wp-caption.alignright,
.wp-caption.alignleft {
  margin: 5px auto 20px auto;
}  

#wpadminbar {
	display: none;
}

html.js {
	margin-top: 0 !important;
}

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



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

.woocommerce #content table.cart td.actions .button.alt,
.woocommerce #content table.cart td.actions .input-text + .button,
.woocommerce table.cart td.actions .button.alt,
.woocommerce table.cart td.actions .input-text + .button,
.woocommerce-page #content table.cart td.actions .button.alt,
.woocommerce-page #content table.cart td.actions .input-text + .button,
.woocommerce-page table.cart td.actions .button.alt,
.woocommerce-page table.cart td.actions .input-text + .button,
.woocommerce #content table.cart td.actions .button,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce #content table.cart td.actions input,
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions .input-text,
.woocommerce table.cart td.actions input,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions input,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions input {
  float: none;
  width: 100%;
}

.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
	margin-bottom: 2em;
}