/*
 Theme Name:     kobv
 Theme URI:      http://www.zeitstil.com
 Description:    Child-Theme auf der Basis des Themes Metro von Themify
 Author:         Matthias Marsen, zeitstil design und text GbR
 Author URI:     http://www.zeitstil.com
 Template:       metro
 Version:        1.0.0
*/
 
@import url("../metro/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

/* audio */
audio {
	max-width: 100%;
}

/* iframes and objects max-width */
iframe, object {
	max-width: 100%;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html {
	-webkit-font-smoothing: antialiased;
}
body {
	font: 400 .85em/1.5em 'Oxygen', sans-serif;
	background: url(images/bg1-body.png) top center no-repeat;
	background-color: #036536;
	color: #FFF;
	word-wrap: break-word;
}

a {
	text-decoration: underline;
	outline: none;
	color: #FFF;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
}
small {
	font-size: .87em;
}
blockquote {
	padding: 8px 30px 15px;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 1.4em;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 1em 0 .8em;
	word-wrap: normal;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* form elements */
input, textarea, select, input[type=search] {
	font-size: 1em;
	font-family: inherit;
	border-radius: 0;
}

/* form field style */
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
	background-color: #f5f5f5;
	padding: 6px 10px;
	border: none;
	-webkit-appearance: none;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus {
	outline: none;
	background-color: #eee;
}

/* form field width */
input[type=text], input[type=search], input[type=email], input[type=url] {
	width: 240px;
	max-width: 96%;
}
textarea {
	line-height: 1.5em;
	width: 96%;
}

/* search input */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/* form buttons */
button, input[type=reset], input[type=submit] {
	text-transform: uppercase;
	padding: 15px 30px;
	background-color: #000;
	color: #FFF;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
}
button:hover, input[type=reset]:hover, input[type=submit]:hover {
	background-color: #222;
	color: #fff;
}

/* audio */
audio {
	max-width: 100%;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer {
	box-sizing: border-box;
}

/* main page width */
.pagewidth {
	width: 998px;
	margin: 0 auto;
}

/* body (middle container) */
#body {
	margin: 0 auto;
	padding: 54px 0;
	max-width: 100%;
}

/* content */
#content {
	width: 66.4%;
	float: left;
}

/* sidebar */
#sidebar {
	width: 32.6%;
	float: right;
}

/* sidebar left */
.sidebar-left #content {
	float: right;
}
.sidebar-left #sidebar {
	float: left;
}

/* sidebar none */
.sidebar-none #content {
	width: 100%;
	float: none;
}

/* fullwidth content */
.full_width #layout {
	width: 100%;
	max-width: 100%;
}
.full_width #content {
	padding: 0;
	width: auto;
	float: none;
}
.full_width #sidebar {
	width: auto;
	float: none;
}

/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
	margin-left: 3.2%;
	float: left;
}
.col4-1 {
	width: 22.6%;
}
.col4-2, .col2-1 {
	width: 48.4%;
}
.col4-3 {
	width: 74.2%;
}
.col3-1 {
	width: 31.2%;
}
.col3-2 {
	width: 65.6%;
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first
{
	margin-left: 0;
	clear: left;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	height: 145px;
	padding-top: 27px;
}

/* site logo */
#site-logo {
	font-size: 2.5em;
	line-height: 1em;
	float: left;
	padding: 5px 0 10px 0;
	margin: 0 10px 0 0;
}
#site-logo a {
	text-decoration: none;
}

/* site description */
#site-description {
	font: 300 1em/1.4em 'Oxygen', sans-serif;
	margin: 0;
	padding: 15px 0 15px 10px;
	float: left;
	border-left: 1px solid #FFF;
	border-color: rgba(255,255,255,.5);
	color: rgba(255,255,255,.7);
}
#site-description .site-taglink{
	color: inherit;
	font: inherit;
}
#site-description .site-taglink:hover{
	text-decoration:none;
}

/* social widget */
.social-widget {
	position: absolute;
	right: 0;
	top: 15px;
}
.social-widget a {
	text-decoration: none;
}
.social-widget a:hover {
	text-decoration: none;
}
.social-widget .widget {
	background: none;
	display: inline-block;
	padding: 0;
}
.social-widget .widget div {
	display: inline;
}
.social-widget .widgettitle {
	width: auto;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: none;
	border: none;
	letter-spacing: 0;
	position: static;
	display: inline-block;
	margin: 5px 8px 2px 0;
	padding: 0;
	background: transparent;
}
.social-widget ul {
	margin: 6px 0 0 !important;
	padding: 0;
	display: inline;
}
.social-links.horizontal li {
	padding: 0 2px 5px 0;
	margin: 0;
	display: inline-block;
	border: none !important;
	clear: none;
	line-height: 1em;
}
.social-widget li img {
	vertical-align: middle;
	margin-top: -5px;
}

/* RSS */
.social-widget div.rss {
	display: inline;
}
.social-widget div.rss a {
	background: url(images/rss.png) no-repeat left center;
	padding: 9px 0 8px 35px;
	display: inline-block;
	text-indent: -999em;
}

#searchform-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
}
#header #searchform {
	width: 140px;
	position: relative;
}
#header #searchform #s {
	font-size: 1.1em;
	width: 60px;
	color: #EEE;
	color: rgba(255, 255, 255, .7);
	background-color: transparent;
	padding: 8px 0 8px 40px;
	float: right;
	border: none;
	opacity: 0;
	transition: width .7s, opacity .3s, background-color .3s linear;
}
#header #searchform:after {
	content: '\e610';
	display: inline-block;
	font-family: themify;
	font-size: 1.7em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 8px;
	transform: rotateY(180deg);
	margin-left: 40px;
}
#header #searchform #s:focus {
	width: 130px;
	color: #666;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	opacity: 1;
}

/* main navigation */
#main-nav {
	position: absolute;
	bottom: 0;
	margin: 25px 0 0 0;
	padding: 0;
}
#main-nav li {
	margin: 0 2px 2px 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}

/* main level link */
#main-nav a {
	background-color: #f26522;
	font-size: 1em;
	display: block;
	padding: 12px 20px;
	text-decoration: none;
}
/* main level link :hover */
#main-nav a:hover {
	background-color: #222;
}

/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
	background-color: #000;
}

/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
	background-color: #000;
	margin: 0;
	display: block;
	width: 180px;
	padding: 12px 15px;
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
	background-color: #222;
}
/* dropdown ul */
#main-nav ul {
	margin: 0;
	padding-top: 1px;
	list-style: none;
	position: absolute;
	z-index: 1000;
	display: none;
}
#main-nav ul li {
	padding: 0;
	margin: 0;
	float: none;
}
/* sub-levels dropdown */
#main-nav ul ul {
	left: 190px;
	top: -1px;
	padding-left: 21px;
}
/* show dropdown ul */
#main-nav li:hover > ul {
	display: block;
}

/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title {
	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 20px;
}

/* author page */
.author-bio {
	margin: 0 0 30px;
}
.author-bio .author-avatar {
	float: left;
	margin: 0 15px 0 0;
}
.author-bio .author-avatar img {
	background-color: #fff;
	padding: 4px;
}
.author-bio .author-name {
	margin: 0 0 5px;
	padding: 0;
	font-size: 1.6em;
}
.author-posts-by {
	margin: 0 0 20px;
	padding: 10px 0 0;
	font-size: 1.4em;
	text-transform: uppercase;
}

/************************************************************************************
CATEGORY SECTIONS
*************************************************************************************/
.category-section {
	clear: both;
	margin-bottom: 30px;
}
.category-section-title {
	font-size: 120%;
	text-transform: uppercase;
	margin: 0 0 20px;
}

/* ***********************************************************************************
FILTER NAVIGATION
*************************************************************************************/	
.sorting-nav.post-filter {
	visibility:hidden;
	opacity:0;
	margin: 0 0 17px;
}
.sorting-nav li {
	background-color: #f26522;
	margin: 0 2px 2px 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}
.sorting-nav a {
	font-size: .9em;
	display: block;
	padding: 6px 10px;
	text-decoration: none;
}
.sorting-nav a:hover {
	background-color: #222;
}
.sorting-nav .active a, .sorting-nav .current-cat a {
	background-color: #000;
	position:relative;
}
.sorting-nav .active a:after {
	font-family: "themify";
	content: "\e646";
	top: 30px;
	left: 50%;
	position: absolute;
	font-size: 1em;
	margin-left: -5px;
	text-shadow: none;
	opacity: 1;
}
.sorting-nav .disabled {
	display: none;
}
/* sidebar left filter navigation */
.sidebar-left .sorting-nav {
	margin-left: 10px;
}

/************************************************************************************
LOOPS WRAPPER
*************************************************************************************/
.loops-wrapper{
    float:left;
    width:100%;
}
.loops-wrapper.grid4,
.loops-wrapper.grid3,
.loops-wrapper.grid2 {
	overflow: visible !important;
}
.sidebar-left .loops-wrapper.grid3,
.sidebar-left .loops-wrapper.grid2 {
	margin-right: 0;
}

/************************************************************************************
POST
*************************************************************************************/
.post {
	background-color: #f26522; /* default color */
	position: relative;
	margin-bottom: 10px;
	box-sizing: border-box;
}

/* post content */
.post-content {
	min-width: 120px;
}

/* post inner */
.post-inner {
	position: relative;
	padding: 30px 4.5%;
	clear: both;
}

/* post date */
.post-date,
.shortcode .post-date {
	color: rgba(255,255,255,.7);
}

/* post title */
.post-title {
	font-size: 2em;
	line-height: 1em;
	margin: 0 0 10px;
}
.post-title a {
	text-decoration: none;
}

/* post image */
.post-image {
	position: relative;
	max-width: 100%;
	margin: 0;
}
.post-image img {
	vertical-align: bottom;
	width: 100%;
}
.post-image.left {
	float: left;
	margin-right: 15px;
}
.post-image.right {
	float: right;
	margin-left: 15px;
}

/* post meta */
.post-meta {
	font-size: .85em;
	font-weight: 300;
	margin-bottom: 8px;
	color: #eee;
	color: rgba(255, 255, 255, .4);
}
.post-meta a {
	color: #fff;
	color: rgba(255, 255, 255, .8);
	text-decoration: none;
}
.post-meta .separator {
	margin: 0 3px;
}


/* list post */
.list-post .loops-wrapper {
	margin-left: 0;
}
.loops-wrapper.list-post {
	position: relative;
}

/* more link */
.more-link {
	font-size: .95em;
	font-weight: 300;
	background-color: #FFF;
	color: #000;
	padding: 4px 20px;
	margin: 20px 0;
	text-decoration: none;
	display: table;
}
.more-link:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #333;
}

/* grid4 post */
.loops-wrapper.grid4 .post {
	width: calc( 22.6% - 10px );
	float: left;
	margin-left: 3.2%;
}
.loops-wrapper.grid4 .post-title {
	font-size: 120%;
	margin: 0 0 3px;
	padding: 0;
}

/* grid3 post */
.loops-wrapper.grid3 .post {
	width: calc( 32.4% - 10px );
	float: left;
	margin-left: 1.4%;
	margin-bottom: 10px;
	position: relative;
}
.loops-wrapper.grid3.sidebar-none .post {
	width: calc( 32.6% - 10px );
	margin-left: 1.05%;
	margin-bottom: 10px;
}

.loops-wrapper.grid3 .post-inner {
	padding: 15px 6.1% 8px;
}
.loops-wrapper.grid3 .post-title {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 0;
}
.loops-wrapper.grid3 .post-meta {
	margin-top: -5px;
}

/* grid2 post */
.loops-wrapper.grid2 .post {
	width: calc( 49.25% - 10px );
	float: left;
	margin-left: 1.5%;
	margin-bottom: 10px;
	position: relative;
}
.loops-wrapper.grid2.sidebar-none .post {
	width: calc( 49.5% - 10px );
	margin-left: 1%;
	margin-bottom: 10px;
}
.loops-wrapper.grid2 .post-inner {
	padding: 15px 6.1% 8px;
}
.loops-wrapper.grid2 .post-title {
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0 0 10px;
	padding: 0;
}
.loops-wrapper.grid2 .post-meta {
	margin-top: -5px;
}

/* clear grid posts */
.loops-wrapper.grid4 .post:nth-of-type(4n+1),
.loops-wrapper.grid3 .post:nth-of-type(3n+1),
.loops-wrapper.grid2 .post:nth-of-type(2n+1),
.loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/************************************************************************************
BUILDER
*************************************************************************************/
/* builder row */
.full_width .themify_builder_row > .row_inner,
.full_width .module-layout-part .themify_builder_row.fullwidth_row_container > .row_inner {
	width: 998px; /* same width as .pagewidth */
	max-width: 100%;
	margin: auto;
}
.full_width .themify_builder_row.fullwidth > .row_inner {
	width: 100%;
	padding: 0;
}

/* reset post boxed style within post/page */
.post-content .post,
.page-content .post,
.page-content .post.purple,
.page-content .post.magenta,
.page-content .post.teal,
.page-content .post.lime,
.page-content .post.brown,
.page-content .post.pink,
.page-content .post.orange,
.page-content .post.blue,
.page-content .post.red,
.page-content .post.green,
.page-content .post.white,
.page-content .post.black {
	background: none;
}
.post-content .post .post-inner,
.page-content .post .post-inner {
	padding: 0;
}

/* remove post icons */
.module .post-icon {
	display: none;
}

/* portfolio post */
.module.module-portfolio .post-inner {
	padding-top: 30px;
}

/* reset .post-inner clear */
.module.loops-wrapper.grid2-thumb .post-inner,
.module.loops-wrapper.list-thumb-image .post-inner,
.shortcode.loops-wrapper.grid2-thumb .post-inner,
.shortcode.loops-wrapper.list-thumb-image .post-inner {
	clear: none;
	overflow: hidden;
}

.module .post-date {
	display: inline-block;
}

/* portfolio post */
.module-portfolio .portfolio-post {
	overflow: visible;
}

/* tab module */
.ui.module-tab.minimal .tab-content {
	color: #fff;
}

/************************************************************************************
HOME TILES
*************************************************************************************/
.tile-wrapper {
	margin-left: -10px;
	overflow: visible !important;
	width: calc(100% + 10px);
}
.tile-post {
	font-size: .95em;
	position: relative;
	float: left;
	margin: 0 0 10px 10px;
	overflow: auto;
}
.tile-post .widget {
	background: none;
	padding: 0;
}
.tile-post.default {
	background-color: #f26522; /* default color */
}
.tile-post .tile-title {
	font-size: 1.5em;
	margin: 0 0 10px;
	font-weight: 700;
}
.tile-post .tile-inner {
	padding: 15px 20px;
}

.tile-post.gallery {
	margin: 0 0 10px 10px !important;
	background: none !important;
}
.col4-1 .tile-post.gallery,
.col3-2 .tile-post.gallery,
.col3-1 .tile-post.gallery,
.col2-1 .tile-post.gallery {
	margin-left: 0 !important;
}

/* single tile */
.tile-single {
	overflow: hidden;
}
.tile-single .tile-post:first-child {
	margin-left: 0;
}

/* tile sizes */
.grid-sizer,
.tile-post.small {
	width: calc(16.66666% - 10px);
	padding-bottom: calc(16.66666% - 10px);
}
.tile-post.medium {
	width: calc(33.33333% - 10px);
	padding-bottom: calc(16.66666% - 10px);
}
.tile-post.large {
	width: calc(33.33333% - 10px);
	padding-bottom: calc(33.33333% - 10px);
}
.tile-post > *:first-child {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tile-post .tb_turn_on {
	display: none;
}

/* tile size in columns */
.col4-1 .tile-post.small,
.col3-2 .tile-post.small,
.col3-1 .tile-post.small,
.col2-1 .tile-post.small {
	width: calc(50% - 10px);
	padding-bottom: calc(50% - 10px);	
}
.col4-1 .tile-post.medium,
.col3-2 .tile-post.medium,
.col3-1 .tile-post.medium,
.col2-1 .tile-post.medium {
	width: 100%;
	padding-bottom: calc(50% - 10px);	
}
.col4-1 .tile-post.large,
.col3-2 .tile-post.large,
.col3-1 .tile-post.large,
.col2-1 .tile-post.large {
	width: 100%;
	padding-bottom: 100%;	
}

/* tiles in sidebar */
.widget .tile-post {
	width: 100%;
	margin: 0 0 10px !important;
}
.widget .tile-post.gallery {
	height: auto;
}
.grid3 .widget .loops-wrapper, .grid2 .widget .loops-wrapper {
	overflow: hidden !important;
}

/* tile image */
.tile-post.image, .tile-post.image > *:first-child {
	overflow: visible; /* for flip animation */
}
.tile-post.image .tile-overlay a {
	display: block;
	width: 100%;
	height: 100%;
	margin-left: -20px;
	margin-top: -15px;
	padding: 15px 20px;
	text-decoration: none;
}
.tile-post.image .tile-overlay a:hover {
	text-decoration: none;
}
.tile-post.image .tile-inner {
	height: 100%;
}
.tile-post.image .post-image img {
	object-fit: cover;
}

/* tile button */
.tile-post.button a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
.tile-post.button .button-icon {
	text-align: center;
	line-height: 158px; /* same height as tile height to center image */
}
.tile-post.button.large .button-icon {
	text-align: center;
	line-height: 326px; /* same height as tile height to center image */
}
.tile-post.button .button-icon img {
	vertical-align: middle;
	padding-bottom: 10px;
}
.tile-post.button .button-title {
	position: absolute;
	bottom: 10px;
	left: 15px;
	line-height: 1.3em;
	font-size: 1.2em;
	padding-right: 5px;
}

/* map tile */
.tile-post.map {
	overflow: visible; /* for flip animation */
}

.tile-post .map-container {
	margin: 0;
	border: none !important;
	max-width: 100%;
	width: 100% !important;
	min-height: 100% !important;
}

.tile-post .shortcode.map {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

/* tile overlay */
.tile-overlay {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #f26522; /* default color */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	transition: opacity .5s ease-in-out;
}
.tile-overlay:hover {
	opacity: 1;
}

/* tile [list_posts] shortcode */
.tile-post .loops-wrapper.list-posts .post {
	padding: 0 !important;
	background: none !important;
	margin-bottom: 15px;
}
.tile-post .loops-wrapper.list-posts .post-inner {
	padding: 0;
	display: inline;
	float: left;
	clear: none;
}
.tile-post .loops-wrapper.list-thumb-image .post-inner {
	float: none;
	display: block;
}
.tile-post .loops-wrapper.list-posts .post-image {
	margin: 2px 12px 0 0;
	width: 45px;
	height: 45px;
	float: left;
}
.tile-post .loops-wrapper.list-posts .post-title {
	font-size: 120%;
	margin: 0 0 3px;
	padding: 24px 0 0 !important;
	background: none !important;
}
.tile-post .loops-wrapper.list-posts .post-meta {
	font-size: 1em;
	position: absolute;
	top: 2px;
	left: 0;
}
.tile-post .loops-wrapper.list-posts .post-meta .separator,
.tile-post .loops-wrapper.list-posts .post-icon {
	display: none;
}

/* tile post type */
.tile-post .feature-posts-list .feature-posts-title {
	font-size: 120%;
	margin: 0 0 3em;
}

/* tile [post_slider] shortcode */
.tile-post .shortcode.post-slider .post {
	background: none;
}
.tile-post .shortcode.post-slider .post-title {
	font-size: 120%;
}

/* tile [twitter] shortcode */
.tile-post .shortcode.twitter-list .twitter-timestamp a {
	color: rgba(255,255,255,.7);
	text-decoration: none;
}
.tile-post .shortcode.twitter-list .follow-user a {
	text-decoration: none;
}

/* tile button shortcode style reset */
.tile-post .shortcode.button {
	height: auto !important;
	width: auto !important;
	text-align: center !important;
	margin-left: 0 !important;
}

/* disable IE zoom and pan */
.tile-post.image,
.tile-post.map,
.portfolio-post {
	-ms-touch-action: none;
}

/* tile-overlay flip transition */
.tile-post.image .tile-flip-wrapper,
.tile-post.map .tile-flip-wrapper,
.portfolio-post .tile-flip-wrapper {	
	perspective: 600px;
	transform-style: preserve-3d;
}
.tile-post.image .tile-flip,
.tile-post.map .tile-flip,
.portfolio-post .tile-flip {
	transform-style: preserve-3d;
	transition: transform 1s;
	max-width: 100%;
}

.iphone .tile-post.image .tile-flip-wrapper,
.iphone .tile-post.map .tile-flip-wrapper,
.iphone .portfolio-post .tile-flip-wrapper {
	-webkit-transform-style: flat;
}

.tile-post.image .tile-flip,
.tile-post.map .tile-flip {
	position: absolute;
	height: 100%;
	width: 100%; /* tile large and medium */
}
.tile-post.small .tile-flip {
	width: 100%;
}
.tile-post.large .tile-flip {
	height: 100%;
}
.tile-post.image .side,
.tile-post.map .side,
.portfolio-post .side{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.tile-post.image .front,
.tile-post.map .front,
.portfolio-post .front{
	position: relative;
	z-index: 50;
}
.tile-post.image .back,
.tile-post.map .back,
.portfolio-post .back{
	position: absolute;
	z-index: 10;
	transform: rotateY(180deg);
}
.tile-flipped {
	transform: rotateY(180deg);
}
.module-tile.tile-flipped {
	transform: none;
}
.tile-flipped .back {
	z-index: 999 !important;
}

/* Edit button*/
.tile-post .tile-overlay a.edit-button {
	display: inline;
}

/* hide turn on builder button in tile archive */
.loops-wrapper .themify_builder_turn_on {
	display: none;
}

/* Portfolio Flip Animation */
.portfolio-post {
	overflow: visible; /* for flip animation */
}

/************************************************************************************
SLIDESHOW
*************************************************************************************/
.slideshow {
	margin: 0;
	padding: 0;
}
.slideshow li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: left;
	width: 100%;
}
.tile-post .slideshow-wrap {
	height: 0;
	visibility: hidden;
}
.single .slideshow li, .tile-post.gallery .slideshow li {
	position: relative;
}
.single .slider-image-caption, .tile-post .slider-image-caption {
	color: #fff;
	background-color: #333;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	padding: 5px 10px;
	bottom: 0;
	width: 100%;
}
/* slideshow nav wrap */
.carousel-wrap {
	min-height: 100%;
	max-height: 100%;
	height: 100%;
}

.caroufredsel_wrapper {
	min-height: 100%;
}

.tile-post .carousel-nav-wrap,
.post .carousel-nav-wrap {
	width: 100%;
	padding: 0;
	margin: 0;
}
.post .carousel-prev,
.post .carousel-next {
	position: absolute;
	width: 43px;
	height: 43px;
	display: block;
	text-indent: -999em;
	background-color: transparent;
	border: none;
	box-shadow: none;
	top: 50%;
	margin-top: -23px; 
}
.tile-post .carousel-prev,
.post .carousel-prev {
	background: url(images/arrow-left.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -39px; 
}
.tile-post .carousel-next,
.post .carousel-next {
	background: url(images/arrow-right.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -39px; 
}

/* slideshow pager */
.tile-post .carousel-nav-wrap,
.post .carousel-nav-wrap {
	background: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.tile-post .carousel-prev, 
.tile-post .carousel-next,
.post .carousel-prev, 
.post .carousel-next {
	position: absolute;
	width: 43px !important;
	height: 43px !important;
	display: block;
	text-indent: -999em;
	background-color: transparent;
	border: none;
	box-shadow: none;
	top: 50%;
	margin-top: -29px; 
}
.post .carousel-prev,
.post .carousel-prev {
	background: url(images/arrow-left.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -29px; 
}
.tile-post .carousel-next, 
.post .carousel-next {
	background: url(images/arrow-right.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -29px; 
}

/* hide pager circles on tiles */
.tile-post .carousel-pager {
	display: none !important;
}

.post .carousel-pager {
	width: 100%;
	text-align: center;
	margin: 0 0 5px;
	padding: 0;
	clear: both;
	position: absolute;
	bottom: 0;
	height: 30px;
}
.post .carousel-pager li {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}
.post .carousel-pager a {
	text-indent: -900em;
	text-decoration: none;
	width: 11px;
	height: 11px;
	display: block;
	margin: 0 2px;
	cursor: pointer;
	background-color: #ccc;
	border: none;
	display: inline-block;
	vertical-align: middle;
	border-radius: 10em;
}
.post .carousel-pager .selected {
	background-color: #ebebeb;
}

/* post_slider styling inside tiles */
.tile-post .post-slider .carousel-prev,
.tile-post .post-slider .carousel-next {
	position: static;
	background: none;
	margin-top: 5px;
}
#pagewrap .module-slider .carousel-nav-wrap .carousel-prev span,
#pagewrap .module-slider .carousel-nav-wrap .carousel-next span {
	display: block;
}

/* remove carousel extra arrows from framework */
#pagewrap .module-slider .carousel-nav-wrap .carousel-prev:before,
#pagewrap .module-slider .carousel-nav-wrap .carousel-next:before,
#pagewrap .shortcode.post-slider .carousel-nav-wrap .carousel-prev:before,
#pagewrap .shortcode.slider .carousel-nav-wrap .carousel-prev:before,
#pagewrap .shortcode.post-slider .carousel-nav-wrap .carousel-next:before,
#pagewrap .shortcode.slider .carousel-nav-wrap .carousel-next:before {
	display: none;
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video, .embed-youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	font-size:.9em;
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/************************************************************************************
CUSTOM POST TYPE SHORTCODE STYLES
*************************************************************************************/
/*
PORTFOLIO POST TYPE
================================================ */
.grid4.portfolio-wrapper,
.grid3.portfolio-wrapper,
.grid2.portfolio-wrapper {
	overflow: visible !important;
	clear: both;
}
.shortcode.portfolio .post {
	background-color: transparent;
	margin-bottom: 10px;
}
.shortcode.portfolio.full .post {
	margin-left: 0;
	width: 100%;
}
.shortcode.portfolio.loops-wrapper.grid3 .post {
	width: calc( 32.4% - 10px );
	margin-left: 1.4%;
	margin-bottom: 10px;
}
.sidebar-none .shortcode.portfolio.loops-wrapper.grid3 .post {
	margin-left: 1%;
}
.sidebar-none .shortcode.portfolio.loops-wrapper.grid2 .post {
	margin-left: 1%;
}
.shortcode.portfolio .post-image {
	margin: 0;
}
.shortcode.portfolio .post-image img {
	vertical-align: bottom;
	width:100%;
}
.shortcode.portfolio .post-inner {
	padding: 15px 20px;
}
.shortcode.portfolio .post-title {
	font-weight: 700;
	margin: 0 0 5px;
}

/* cancel nth of type clear */
.shortcode.portfolio.loops-wrapper.grid4 .post:nth-of-type(4n+1),
.shortcode.portfolio.loops-wrapper.grid3 .post:nth-of-type(3n+1),
.shortcode.portfolio.loops-wrapper.grid2 .post:nth-of-type(2n+1),
.shortcode.portfolio.loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) {
	margin-left: 0;
	clear: none;
}

/* portfolio single */
.single-portfolio .post {
	margin-bottom: 0;
}
.single-portfolio .post-inner {
	min-width: 120px;
	padding: 30px 3%;
	overflow: hidden;
	clear: none;
}
.portfolio-post .post-category-wrap {
	margin: 0 0 2px;
	font-size: .95em;
}
.portfolio.shortcode .post-meta {
	padding: 0;
	margin: 0 0 5px;
	line-height: 130%;
}
.portfolio.shortcode .post-category {
	background: none;
	padding: 0;
}
.portfolio-post .post-category a {
	text-transform: uppercase;
	color: rgba(255,255,255,.7);
	text-decoration: none;
}
.single-portfolio .post-image {
	float: left;
	margin: 0;
	max-width: 100%;
	padding: 0;
	position: relative;
	width: 662px;
}

/* single portfolio slideshow nav */
.single-portfolio .carousel-pager {
	text-align: left;
	position: absolute;
	top: 10px;
	left: 10px;
}
.single-portfolio .carousel-pager a {
	font-size: 1em;
	text-indent: 0;
	text-align: center;
	width: 26px;
	height: 24px;
	padding-top: 2px;
	background-color: #000;
	color: #FFF;
	border-radius: 0;
	box-shadow: none;
}
.single-portfolio .carousel-pager a:hover,
.single-portfolio .carousel-pager .selected {
	background-color: #FFF;
	color: #000;
}

/* portfolio load more button */
.portfolio #load-more a {
	background-color: #f26522;
	color: #FFF;
}

/************************************************************************************
POST COLORS
*************************************************************************************/
/* purple */
.post.purple,
.tile-post.purple,
.purple.tile-overlay,
.portfolio-post.purple .tile-overlay {
	background-color: #932091;
}

/* magenta */
.post.magenta,
.tile-post.magenta,
.magenta.tile-overlay,
.portfolio-post.magenta .tile-overlay {
	background-color: #ff3097;
}

/* teal */
.post.teal,
.tile-post.teal,
.teal.tile-overlay,
.portfolio-post.teal .tile-overlay {
	background-color: #00aaa9;
}

/* lime */
.post.lime,
.tile-post.lime,
.lime.tile-overlay,
.portfolio-post.lime .tile-overlay {
	background-color: #8abb25;
}

/* brown */
.post.brown,
.tile-post.brown,
.brown.tile-overlay,
.portfolio-post.brown .tile-overlay {
	background-color: #a15100;
}

/* pink */
.post.pink,
.tile-post.pink,
.pink.tile-overlay,
.portfolio-post.pink .tile-overlay {
	background-color: #e878b8;
}

/* orange */
.post.orange,
.tile-post.orange,
.orange.tile-overlay,
.portfolio-post.orange .tile-overlay {
	background-color: #f29603;
}

/* blue */
.post.blue,
.tile-post.blue,
.blue.tile-overlay,
.portfolio-post.blue .tile-overlay {
	background-color: #09a3e2;
}

/* red */
.post.red,
.tile-post.red,
.red.tile-overlay,
.portfolio-post.red .tile-overlay {
	background-color: #e82900;
}

/* green */
.post.green,
.tile-post.green,
.green.tile-overlay,
.portfolio-post.green .tile-overlay {
	background-color: #2c9633;
}

/* white */
.post.white,
.tile-post.white,
.white.tile-overlay,
.portfolio-post.white .tile-overlay {
	background-color: #FFF;
}

/* black */
.post.black,
.tile-post.black,
.black.tile-overlay,
.portfolio-post.black .tile-overlay {
	background-color: #000;
}

/************************************************************************************
POST FORMATS
*************************************************************************************/
/* post icon */
.post-icon {
	background: url(images/icon-article.png) no-repeat center center;
	width: 26px;
	height: 20px;
	float: left;
	margin: 5px 10px 0 0;
}

.format-audio .post-icon {
	background-image: url(images/icon-audio.png);
	margin-top: 2px;
}
.format-audio .audio-player { margin: 8px 0 10px; overflow: hidden; } /* for flash fallback */
.format-gallery .post-icon {
	background-image: url(images/icon-gallery.png);
}
.format-link .post-icon {
	background-image: url(images/icon-link.png);
}
.format-quote .post-icon {
	background-image: url(images/icon-quote.png);
}
.format-status .post-icon {
	background-image: url(images/icon-status.png);
}
.format-aside .post-icon {
	background-image: url(images/icon-text.png);
}
.format-video .post-icon {
	background-image: url(images/icon-video.png);
}
.format-image .post-icon {
	background-image: url(images/icon-image.png);
}
.format-chat .post-icon {
	background-image: url(images/icon-chat.png);
}

/* quote */
.format-quote .quote-author {
	font-weight: 300;
	padding: 1em 0 0;
	clear: both;
	text-align: right;
}

/* quote and status containers */
.format-quote .post-inner,
.format-status .post-inner {
	padding: 20px;
}
.format-quote .quote-content,
.format-status .status-content {
	margin-left: 30px;
}
.format-quote .quote-content p,
.format-status .status-content p {
	margin: 0;
}

/*
WHITE STYLE
================================================ */
/* post icons */
.white .post-icon {
	background-image: url(images/dark-icons/icon-article.png);
}
.white.format-audio .post-icon {
	background-image: url(images/dark-icons/icon-audio.png);
}
.white.format-gallery .post-icon {
	background-image: url(images/dark-icons/icon-gallery.png);
}
.white.format-link .post-icon {
	background-image: url(images/dark-icons/icon-link.png);
}
.white.format-quote .post-icon {
	background-image: url(images/dark-icons/icon-quote.png);
}
.white.format-status .post-icon {
	background-image: url(images/dark-icons/icon-status.png);
}
.white.format-aside .post-icon {
	background-image: url(images/dark-icons/icon-text.png);
}
.white.format-video .post-icon {
	background-image: url(images/dark-icons/icon-video.png);
}
.white.format-image .post-icon {
	background-image: url(images/dark-icons/icon-image.png);
}
.white.format-chat .post-icon {
	background-image: url(images/dark-icons/icon-chat.png);
}

/* reset colors */
.post.white,
.tile-post.white,
.white.tile-overlay,
.post.white .tile-overlay,
.shortcode.portfolio.white .post{
	color: #666;
}
.post.white a,
.tile-post.white a,
.white .post-title a,
.white.tile-overlay a,
.white .post-meta,
.white .post-meta a,
.white .post-date, 
.white .shortcode .post-date,
.white .portfolio-post .post-category a,
.tile.white .shortcode.twitter-list .twitter-timestamp a,
.white .commentlist .comment-time {
	color: #000;
	color: rgba(0, 0, 0, .8);
}
.single-portfolio .carousel-pager a {
	color: #FFF;
}

/* form elements */
.white input[type="text"],
.white input[type="password"],
.white textarea,
.white input[type="search"] {
	background-color: #000;
	color: #FFF;
}
.white input[type=text]:focus,
.white input[type=password]:focus,
.white textarea:focus,
.white input[type=search]:focus {
	background-color: #222;
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
	clear: both;
	padding: 20px 0;
	text-align: right;
	
}
.pagenav a, .pagenav span {
	font-size: .9em;
	font-weight: 300;
	color: #FFF;
	background-color: #000;
	padding: 2px;
	margin: 0 2px;
	vertical-align: middle;
	display: inline-block;
	min-width: 24px;
	min-height: 18px;
	text-align: center;
}
.pagenav a {
	text-decoration: none;
}
.pagenav a:hover,
.pagenav .current {
	background-color: #FFF;
	color: #000;
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box {
	margin: 15px 0;
}
.author-box .author-avatar {
	float: left;
	margin: 0 15px 5px 0;
}
.author-box .author-name {
	margin: 0 0 5px;
}
/************************************************************************************
POST NAVIGATION (the <nextpage> tag)
*************************************************************************************/
.post-pagination {
	text-align: right;
	margin: .5em 0 2em;
}
.post-pagination strong {
	margin-right: 3px;
}
.post-pagination a {
	margin-left: 3px;
	margin-right: 3px;
}
/************************************************************************************

POST NAVIGATION
*************************************************************************************/
.post-nav {
	margin: 40px 0;
	padding: 0;
	clear: both;
}
.post-nav .prev,
.post-nav .next {
	width: 48%;
	position: relative;
}
.post-nav a {
	color: #fff;
	line-height: 1.2em;
	font-size: 1.2em;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
}
.post-nav a:hover {
	text-decoration: none;
}
.post-nav .prev {
	float: left;
}
.post-nav .next {
	float: right;
	text-align: right;
}
.post-nav .arrow {
	width: 43px;
	height: 43px;
	display: inline-block;
	text-indent: 9000em;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	border: 2px solid;
	border-radius: 100%;
	overflow: hidden;
}
.post-nav .next .arrow {
	margin-left: 5px;
	margin-right: 0;
}
.post-nav .arrow:before {
	content: '\e629';
	display: block;
	text-indent: initial;
	font-family: themify;
	font-size: 1.7em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.post-nav .next .arrow:before {
	content: '\e628';	
}

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
	margin: 0 0 20px;
	position: relative;
	clear: both;
}

/* comment title */
.comment-title, #reply-title {
	font-size: 1.6em;
	margin: 0 0 10px;
	padding: 0;
}

/* comment pagenav */
.commentwrap .pagenav {
	margin: 10px 0;
	border: none;
	box-shadow: none;
}
.commentwrap .pagenav.top {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

/* commentlist */
.commentlist {
	margin: 0 0 30px;
	padding: 5px 0 0;
	border-top: solid 1px #ddd;
}
.commentlist li {
	margin: 0;
	padding: 15px 0 0;
	list-style: none;
	position: relative;
}
.commentlist .comment-author {
	margin: 2px 0 5px;
	padding: 0;
}
.commentlist .avatar {
	float: left;
	margin: 0 15px 0 0;
}
.commentlist cite {
	font-style: normal;
	font-size: 1.3em;
}
.commentlist cite a {
	text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
	background: url(images/icon-author-comment.png) no-repeat 0 2px;
	padding-left: 18px;
}
.commentlist .comment-time {
	font-size: .85em;
	font-variant: small-caps;
	color: #EEE;
	color: rgba(255, 255, 255, .8);
}
.commentlist .commententry {
	border-bottom: solid 1px #ddd;
	position: relative;
	min-height: 40px;
	overflow: hidden;
	padding-bottom: 5px;
	word-wrap: break-word;
}
.commentlist ul, .commentlist ol {
	margin: 0 0 0 8%;
	padding: 0;
}

/* reply link */
.commentlist .reply {
	position: absolute;
	right: 0;
	top: 8px;
}
.commentlist .comment-reply-link {
	font-size: .85em;
	text-transform: uppercase;
	text-decoration: none;
}
.commentlist .comment-reply-link:hover {
	text-decoration: none;
}

/* comment form */
#respond {
	margin: 0;
	padding: 10px 0 0;
	position: relative;
	clear: both;
}
#respond #cancel-comment-reply-link {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: .85em;
	line-height: 1em;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	color: #fff;
	background-color: #000;
}
#respond #cancel-comment-reply-link:hover {
	background-color: #222;
}
#commentform {
	margin: 15px 0 0;
}
#commentform label {
	font-size: 1.05em;
	font-variant: small-caps;
	
}
#commentform label small {
	font-variant: normal;
}
#commentform textarea {
	height: 140px;
	width: 100%;
	box-sizing: border-box;
}
#commentform .comment-form-author,
#commentform .comment-form-email {
	width: 50%;
	float: left;
	box-sizing: border-box;
	clear: none;
}
#commentform p.comment-form-author {
    padding-right: 2%;
}
#commentform .comment-form-email {
	padding-left: 2%;
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url] {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}
#commentform input#submit {
	padding: 15px 30px;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget {
	background-color: #f26522;
	padding: 20px 15px;
	margin-bottom: 3%;
}
.widgettitle {
	font-size: 1.3em;
	line-height: 1em;
	margin: 0 0 20px;
}
.widgettitle a {
	text-decoration: none;
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	list-style: none;
	margin-bottom: 10px;
}
.widget li a {
	text-decoration: none;
}
.widget li a:hover {
	text-decoration: underline;
}
.widget li:last-child {
	margin-bottom: 0;
}
.widget ul ul {
	margin: 6px 0 -6px 0px;
	padding: 0;
	border-top: none;
}
.widget ul ul li {
	margin: 0;
	padding-left: 10px;
}

/* sidebar secondary */
#sidebar .secondary {
	width: 48.46%;
	float: left;
}
#sidebar .secondary.last {
	float: right;
}
#sidebar .secondary .widget {
	margin-bottom: 6.3%;
}

/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption {
	font-weight: bold;
	padding-bottom: 10px;
}
.widget #wp-calendar td {
	width: 31px;
	padding: 4px 2px;
	text-align: center;
}

/* feature posts widget */
.widget .feature-posts-list br {
	display: none;
}
.widget .feature-posts-list .post-img {
	margin: -4px 12px 10px 0;
	float: left;
}
.widget .feature-posts-list small {
	font-size: .9em;
	color: #EEE;
	color: rgba(255, 255, 255, .6);
	display: block;
	margin: 6px 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
	margin: 7px 0 3px;
}
.widget .feature-posts-list .post-excerpt {
	display: block;
}

/* twitter widget */
.widget .twitter-list .twitter-timestamp {
	font-size: .9em;
}
.widget .follow-user {
	margin: 0;
	padding: 5px 0;
}

/* links widget */
.widget .links-list img, .widget_links img {
	vertical-align: middle;
}

/* recent comments widget */
.recent-comments-list .avatar {
	margin-right: 12px;
	float: left;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 50px;
	height: 50px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/* flickr shortcode */
.shortcode .flickr_badge_image {
	width: 23.8%;
	margin: 0 1.5% 1.5% 0;
	float: left;
}
.shortcode .flickr_badge_image:nth-of-type(4n) {
	margin-right: 0;
}
.shortcode .flickr_badge_image img {
	margin: 0;
}

/* search widget */
#sidebar #searchform {
	position: static;
}
#sidebar #searchform #s {
	width: 93%;
}

/* add white bg to facebook badge iframe */
iframe[src*="facebook"] {
	background-color: #fff;
}

/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered {
	max-width: 100% !important;
}
#content .twt-border {
	max-width: 100% !important;
	min-width: 180px !important;
}

/* Social Links Widget */
.widget .social-links {
	margin: 0 0 20px;
	padding: 0;
	line-height: 1em;
}
.widget .social-links li {
	margin: 0 5px 5px 0;
	padding: 0;
	list-style: none;
	border: none;
	display: inline-block;
}
.widget .social-links img {
	vertical-align: middle;
}

/* Text widget */
.widget .textwidget ul {
	margin: 0 0 1.4em 1.6em;
}
.widget .textwidget li {
	display: list-item;
}
.widget .textwidget ul li {
	list-style: disc;
}
.widget .textwidget ol li {
	list-style: decimal;
}

/************************************************************************************
LOAD MORE BUTTON
*************************************************************************************/
#load-more {
	clear: both;
	margin: 50px 0;
	text-align: center;
}
#load-more a {
	font-size: 1.3em;
	font-weight: 300;
	color: #000;
	background-color: #fff;
	padding: 14px 28px;
	text-decoration: none;
	display: none;
}
#load-more a:hover {
	color: #fff;
	background-color: #333;
}


/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	padding-bottom: 50px;
	font-size: .85em;
	font-weight: 300;
}
#footer,
#footer a {
	color: #EEE;
	color: rgba(255, 255, 255, .7);
}

/* footer grid */
#footer .col4-1,
#footer .col4-2,
#footer .col3-1 {
	margin-left: 1%;
	float: left;
}
#footer .col4-1 {
	width: 24.25%;
}
#footer .col4-2 {
	width: 49.45%;
	margin-left: 1.1%;
}
#footer .col3-1 {
	width: 32.66%;
}
#footer .col4-1.first,
#footer .col4-2.first,
#footer .col3-1.first {
	margin-left: 0;
	clear: left;
}

/* footer navigation */
#footer-nav {
	margin: 20px 0;
}
#footer-nav a {
	text-decoration: none;
}
#footer-nav a:hover {
	text-decoration: underline;
}
#footer-nav li {
	margin-right: 10px;
	list-style: none;
	display: inline-block;
}

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
.sticky {}
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 15px;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 15px;
	max-width: 100%;
}
.wp-caption-text {
	font-size: 95%;
	line-height: 120%;
	margin: 6px 0;
}
/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment, .single-attachment .attachment {
	float: none;
	margin: 0;
	text-align: left;
}
/************************************************************************************
GALLERY
*************************************************************************************/
.gallery {
	margin: 0 0 20px 0;
}

/* gallery item */
.gallery .gallery-item {
	margin: 0 8px 8px 0;
	vertical-align: top;
	width: auto;
	float: left;
	text-align: center;
}

/* gallery image */
.gallery img {
	border: none;
	vertical-align: middle;
	height: auto;
}
#content .loops-wrapper.grid4 .gallery img,
#content .loops-wrapper.grid3 .gallery img,
#content .loops-wrapper.grid2 .gallery img {
	max-width: 60px;
}

/* gallery caption */
.gallery .gallery-caption {
	line-height: 120%;
	font-size: 90%;
	text-align: center;
	margin: 5px 0 0;
}

/* default lightbox text color */
.pp_details {
	color: #666;
}

/* GALLERY COLUMN
================================================ */
/* gallery column 1 (display all in one line) */
.gallery-columns-1 .gallery-item {
	width: auto;
}
.gallery-columns-1 br {
	display: none !important;
}

/* gallery column 2 */
.gallery-columns-2 .gallery-item {
	width: 49.2%;
}

/* gallery column 3 */
.gallery-columns-3 .gallery-item {
	width: 32.3%;
}
/* gallery column 4 */
.gallery-columns-4 .gallery-item {
	width: 23.8%;
}

/* gallery column 5 */
.gallery-columns-5 .gallery-item {
	width: 18.8%;
}

/* gallery column 6 */
.gallery-columns-6 .gallery-item {
	width: 15.4%;
}

/* gallery column 7 */
.gallery-columns-7 .gallery-item {
	width: 13%;
}

/* gallery column 8 */
.gallery-columns-8 .gallery-item {
	width: 11.18%;
}

/* gallery column 9 */
.gallery-columns-9 .gallery-item {
	width: 9.77%;
}

/* set gallery item margin-right */
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	margin: 0 1.5% 1.5% 0;
}

/* clear gallery item margin-right */
.gallery-columns-9 .gallery-item:nth-of-type(9n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-2 .gallery-item:nth-of-type(2n) {
	margin-right: 0;
}

/* clear left gallery item different sizes */
.gallery-columns-9 .gallery-item:nth-of-type(9n + 1),
.gallery-columns-8 .gallery-item:nth-of-type(8n + 1),
.gallery-columns-7 .gallery-item:nth-of-type(7n + 1),
.gallery-columns-6 .gallery-item:nth-of-type(6n + 1),
.gallery-columns-5 .gallery-item:nth-of-type(5n + 1),
.gallery-columns-4 .gallery-item:nth-of-type(4n + 1),
.gallery-columns-3 .gallery-item:nth-of-type(3n + 1),
.gallery-columns-2 .gallery-item:nth-of-type(2n + 1) {
	clear: left;
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: block; }

#pagewrap a.tile-flip-button {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #ec0038;
	border-right: 20px solid #ec0038;
	color: #fff;
	font-size: 12px;
	padding: 0;
}
#pagewrap a.tile-flip-button:before,
#pagewrap a.tile-flip-button:after {
	content: '';
	display: inline-block;
}
#pagewrap a.tile-flip-button:before {
    border-top: 0px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 0px;
	height: 1em;
	width: 1em;
	border-bottom-right-radius: 7px;
	position: absolute;
	left: -3px;
}
#pagewrap a.tile-flip-button:after {
	border: 1px solid transparent;
	border-top: 1px solid;
	border-right: 1px solid;
	position: absolute;
	top: 6px;
	left: 2px;
	width: 9px;
	height: 9px;
	transform: rotateZ(-45deg);
	transform-origin: 0 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.no-touch #pagewrap a.tile-flip-button {
	display: none !important;
}



/* +++++++ KOBV-Specials ++++++++++ */


body {
    background-color: #fff;
    color: #000;
    font-family: 'Open Sans', sans-serif;
}


/* ++++++++++ Header ++++++++++ */

#header {height:50px !important; padding-right: 0 !important;}

/* Logo */
#site-logo {width: 17.5% !important; /* position: relative; z-index: 9999 !important; */ float:left; } 

#site-description {
padding: 3px 0px 15px 10px;
width: 240px;
font-size: 102%;
line-height: 1.45em;
font-weight: 400;
float:left;
}


/* Hauptnavigation */

#main-nav {
    position: absolute;
    top: 50px;
    right: 0px;
}

#main-nav a {color: #002b63 !important; background-color: #fff !important; font-weight: normal; font-size: 104% !important;} 

#main-nav li a {color: #002b63 !important; background-color: #fff !important; font-weight: bold; font-size: 104% !important;} 

#main-nav li.current-menu-item a {
background-color: #007096 !important;
color: #fff !important;
}

#main-nav li.current-menu-item .sub-menu a {
color: #007096 !important;
background-color: #fff !important;
}

#main-nav li.current-menu-item .sub-menu a:hover {font-weight: normal !important; color: #fff !important; background-color: #006f98 !important;}

#main-nav .sub-menu a {font-weight: normal !important; color: #007096; border-bottom: 1px solid #00a6d9; padding: 10px 15px 10px 15px;background-color: #fff !important; }

#main-nav .sub-menu a:hover {font-weight: normal !important; color: #fff !important; background-color: #006f98 !important;}

#main-nav ul li a {background-color: #f2f2f2 !important; border-bottom: 1px solid #243a60;}

#main-nav ul li a:hover {background-color: #ccc !important; }

/*Pfeile bei Links mit dritter Ebene */

.sub-menu .menu-item-has-children a {display: block;}
.sub-menu .menu-item-has-children a:after {
	content: ' \25b6';
	font-size: 80%;
	float: right;
}

.sub-menu .menu-item-has-children li a:after {
	content: '';
}


/* Pfeile bei Links mit vierter Ebene */

.sub-menu .menu-item-has-children .sub-menu .menu-item-has-children a {display: block;}
.sub-menu .menu-item-has-children .sub-menu .menu-item-has-children a:after {
	content: ' \25b6';
	font-size: 80%;
	float: right;
}

.sub-menu .menu-item-has-children .sub-menu .menu-item-has-children li a:after {
	content: '';
}



@media all and (max-width: 1030px) {
#site-logo { width: 16% !important; /* position: relative; z-index: 9999 !important;float: none !important; */ }  
#site-description { font-size: 95%; }
#main-nav { float: none !important; width: 100% !important; margin-top: 70px !important;}
#header {height: 140px !important;}
}

@media all and (max-width: 915px) {
#main-nav { display: none !important; }
#header {height: 50px !important;}
}


@media all and (max-width: 500px) {
#site-logo { width:35% !important; /* position: relative; z-index: 9999 !important; float: none !important; */ }  
#header {height: 100px !important;}
#site-description { font-size: 90%; }  
}


/* +++++++++ Mobile Navigation ++++++++ */

.slicknav-flex {justify-content: left !important; margin-left: -5px !important;  }

@media all and (max-width: 500px) {

.slicknav_btn {padding-top: 0 !important; margin-top: 0 !important;}
}

.mobil-nav {margin-left: 2.75% !important; margin-right: 2.75% !important; margin-top: 2em !important; }

.mobil-nav a:hover {text-decoration: none !important; color: #fff !important;}




/* +++++ Breadcrumb +++++ */

.kobv-breadcrumbs {
    clear: both !important;
    padding-bottom: 20px;
    font-size: 0.8em;
    color: #777777;
}

.kobv-breadcrumbs a  {
    background: none;
    text-decoration: none;
    color: #777777;
}


/* ++++++++++ Content +++++++++ */

#body {padding: 20px 0 25px 0 !important;}

.home #body {padding: 54px 0 25px 0 !important;}


/* Headline */
h1 {line-height: 30px; font-weight: 400 !important;}

h1.post-title a {
    color: #000;
}

h4 {line-height: 1.5em !important;}

/* Absaetze */
#content p {
    line-height: 2em;
}

/* Links */

.post-content a {
	text-decoration: underline;
	outline: none;
	color: #26517D !important;
	/* font-weight: bold !important; */
}

#content p a,
.page-content a {
    color: #26517D !important;
    font-weight: bold;
    text-decoration: none;
}


#content p a:hover,
.page-content a:hover {text-decoration: underline;} 

/*#content li a,
.page-content a {
    color: #26517D !important;
    font-weight: bold;
    text-decoration: none;
} */

#content li a:hover,
.page-content a:hover {text-decoration: underline;} 




a.post-edit-link {color: #26517D !important;}

/* ++++++++++ Posts ++++++++++ */

.post-date, .shortcode .post-date {
  color: #000 !important;
    }

.post-meta a {
  color: #000 !important;
  font-weight: normal !important;
    }

/* +++++ List View +++++ */

/* Headlines */

.list-posts h2.post-title.entry-title a {font-weight: 400; line-height: 1.25em; color: #000 !important;}
.list-posts h2.post-title.entry-title a:hover {text-decoration: underline;}


/* +++++ Single View +++++ */

.post {
background-color: #fff !important;
}

.post-icon {
    background: url(images/dark-icons/icon-article.png) no-repeat center center;
    background-color: rgba(0, 0, 0, 0);
    background-color: #fff !important;
    width: 26px;
    height: 20px;
    float: left;
    margin: 5px 10px 0px 0;

}

/* Post Navigation */
.post-nav a {
    color: #000 !important;
}

/* Tab-Navigation */

.module-tab a { color: #000 !important; font-weight: normal !important; text-decoration: underline;}

.module-tab a:hover { color: #26517D !important; }

.tab-nav a {text-decoration: none !important;}

/* Accordion-Navigation */

.accordion-title a {font-weight: bold !important; color: #fff !important;}
.accordion-title a:hover {text-decoration: underline !important;}
.accordion-content p a {font-weight: bold !important; text-decoration: none !important;}
.accordion-content p a:hover {text-decoration: underline !important;}


/* +++++ Footer +++++ */

#footer {
    padding-top: 10px;
    border-top: 2px solid #f3f3f3;
    color: #999;
    font-size: 12px !important;
}

#footer .widget {
    background: #fff;
    padding: 0 !important;
    margin-bottom: 0 !important;
    color: #000 !important;
}

#footer .widget a {
    color: #000 !important;
}

#footer .menu-horizontal-menu-container {float: right !important;}


#footer .footer-item {
    float: left;
    margin-right: 25px;
      margin-right: 35px;
}


#footer .footer-item.twitter img {float:left !important; padding-top: 2px; }


/* ++++++++++ Themify-Module ++++++++++ */


/* +++++ Modul-Boxen: Bloecke mit farbigem hintergrund und Seitentitel +++++ */


@media all and (max-width: 500px) {
    
.module-box-content {padding: 0 1.5em 0 1.5em !important;}
    
.module-box-content h1 {font-size: 120% !important; padding-top: 0.6em !important; line-height: 1.25em !important;  }
     
}

/* ++++++++++++++++ KOBV +++++++++++ */
/* Headlines */
.module-box .module-box-content h1 {padding-top: 20px !important; color: #fff !important;}

/* Box mit gruengelbem Hintergrund */
.module-box.gelbgruen .module-box-content h1 {color: #26517d !important;} 

/* Boxfarben */
.kobv-1 .module-box-content,
.dunkelblau .module-box-content {background-color:  #26517d !important; color: #fff !important;} /* dunkelblau */

.kobv-2 .module-box-content,
.dunkelgrau .module-box-content {background-color:  #777777 !important; color: #fff !important;} /* dunkelgrau */

.kobv-4 .module-box-content,
.gelbgruen .module-box-content {background-color:  #e6e6b9 !important; color: #26517d !important;} /* gelbgruen */

.kobv-6 .module-box-content,
.mittelblau .module-box-content{background-color:  #019dbe !important; color: #fff !important;} /* mittelblau */

.kobv-9 .module-box-content,
.rot .module-box-content {background-color:  #ff4f64 !important; color: #fff !important;} /* hellrot */



/* +++++ Accordion +++++ */

.kobv-1 .accordion-title,
.dunkelblau .accordion-title  {background-color: #26517d !important;} /* dunkelblau */
.kobv-1 .accordion-title a,
.dunkelblau .accordion-title a { color: #fff !important;} 

.kobv-2 .accordion-title,
.dunkelgrau .accordion-title {background-color: #777777 !important;} /* dunkelgrau */
.kobv-2 .accordion-title a,
.dunkelgrau .accordion-title a { color: #fff !important;} 

.kobv-4 .accordion-title,
.gelbgruen .accordion-title {background-color: #e6e6b9 !important;} /* gelbgruen */
.kobv-4 .accordion-title a,
.gelbgruen .accordion-title a { color: #26517d !important;} 

.kobv-6 .accordion-title,
.mittelblau .accordion-title {background-color: #019dbe !important;} /* tuerkis */
.kobv-6 .accordion-title a,
.mittelblau .accordion-title a { color: #fff !important;}

.kobv-9 .accordion-title,
.rot .accordion-title {background-color:#ff4f64 !important;} /* hellrot */
.kobv-9 .accordion-title ,
.rot .accordion-title a { color: #fff !important;}

.accordion-content a {text-decoration: underline !important; font-weight: normal !important; color: #000 !important;}
.accordion-content a:hover {color: #26517d !important;}


/* Divider */

.module-divider {
margin-bottom: 25px !important;
margin-top: 10px !important;
}



/* ++++++++++ Tiles ++++++++++ */

/* +++++ Basics +++++ */

/* Scrollbalken verhindern */
.tile-post {
overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

.tile.default {
background-color: transparent !important;
}

.tile figure img { margin-bottom: 0 !important; padding-bottom: 0 !important;}

/* Hintergrundfarben */

 .tile.kobv-1, .kobv-1.tile-overlay, .portfolio-post.kobv-1 .tile-overlay {
background-color: #26517d;
}  

.tile.kobv-9, .kobv-9.tile-overlay, .portfolio-post.kobv-9 .tile-overlay {
    background-color: #ff4f64;}

.tile.kobv-6, .kobv-6.tile-overlay, .portfolio-post.kobv-6 .tile-overlay {
    background-color: #019dbe;
} 

.tile.kobv-2, .kobv-2.tile-overlay, .portfolio-post.kobv-2 .tile-overlay {
    background-color: #777777;
}



/* Titel */
.button-title {
    position: absolute;
    display: block !important;
    bottom: 0px;
    left: 0 !important;
    line-height: 1.3em;
    font-size: 1.3em;
    font-weight: bold;
    font-weight: 400;
    padding-right: 5px;
    padding-top: 15px;
    width: 100%;
    text-align: center !important;
    padding-bottom: 10px;
    color: #fff;
}



/* Tiles mit transparenten Flaechen und Titel */
.tile.button.default .button-title {
    position: absolute;
    bottom: 10px;
    bottom: 0px;
    left: 0;
    line-height: 1.3em;
    font-size: 1.3em;
    font-weight: bold;
    font-weight: 400;
    padding-right: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    padding-top: 15px;
    width: 100%;
    text-align: center;
  padding-bottom: 18px; 
      padding-bottom: 15px; 
    color: #26517D;
}


/* Klappbare Tiles: Rueckseiten */

.tile-overlay.back .tile-inner p {font-weight: normal !important; line-height: 1.5em !important;}

.tile-overlay.default.back.side.default {background-color: #fff !important; }

.tile-overlay.kobv-4.back.side.kobv-4 {
background-color: #e6e6b9 !important;
}

.kobv-4.tile-overlay, .portfolio-post.kobv-4 .tile-overlay {
background-color: #e6e6b9;
}



/* smale Tile */

body .tile.small {
width: calc(16.66666% - 10px);
padding-bottom: calc(16.66666% - 10px); 
}

.tile-post.small {
    width: 190px !important;
    padding-bottom: 190px !important; 
} 


/* medium Tile */

 body.home .tile.medium {
    width: calc(33.33333% - 10px);
    padding-bottom: calc(16.66666% - 10px);
   padding-bottom: calc(33.33333% - 10px); 
}

.home .tile-post.medium {

    width: 388px !important;
    min-height: 90px !important;
} 



/* large Tile */
body .tile.large {
 width: calc(33.33333% - 10px);
 padding-bottom: calc(33.33333% - 10px);
}

.tile-post.large {
    width: 790px !important;
    padding-bottom: 400px !important; 
}   


/* ++++++++++ Tiles Home +++++++++ */

/* Tile Suchmaske */

.home #tile-6350 {background: url(https://probibv01.zib.de/wp-content/uploads/2015/03/Projekt-K2_dunkler.png) no-repeat 0 0 !important;} 
.home #tile-6350 {background: url(/wp-content/uploads/2015/03/Projekt-K2_dunkler.png) no-repeat 0 0 !important;} 
.home #tile-6350 {background: url(images/Projekt-K2_dunkler.jpg) no-repeat 0 0 !important;} 


.home #tile-6350 h1 {
    color: #fff !important;
    margin-left: 10%;
    width: 70%;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    margin-top: 10%;
}

.home #tile-6350 .kobv_input_text {

    height: 30px;
    width: 68%;
    margin-left: 10%;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    float: left;
}

 .home #tile-6350 .kobv_input_submit {
    height: 42px;
    width: 7%;
    background-color: #26517d;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 6px;
    float: left;
    background: #26517d url(images/maglass.png) no-repeat center center; 
    text-indent: -9999px;
}

/* Tile Aktuelles */

.home #tile-2151 {background-color: #b2e1eb !important;  border-bottom: 1px solid #b2e1eb;}
.home #tile-2151 .tile-inner { font-size: 12px; font-size: 100% !important;}


/* Tile KOBV */

.home #tile-2152 {border: 1px solid #efefef !important;   }
.home #tile-2152 .tile-inner p { font-size: 12px; font-size: 130% !important; line-height: 1.5em !important;}


/* Tile Deep Green */

.home #tile-2146 {margin-bottom: 50px !important; background-color: transparent !important;}


/* Tile Ewig */

.home #tile-3824.kobv-6 {background-color: transparent !important; margin-top: 10px !important;} 


/* Tile digiS */

.home #tile-4003.digis-2 {background-color: transparent !important;  margin-top: -6px !important; height: 12px;}


/* Tile FAK */

.home #tile-4274.kobv-1 {background-color: transparent !important;  margin-top: -6px !important; height: 10px;}





@media all and (max-width: 1010px) { 

.home #tile-3824.kobv-6 { margin-top: 3px !important;} 
   
/* Tile Suchen und Finden */
.home #tile-5847 { width: 99% !important; float: none !important;}
    
/* Tile Aktuelles */
.home #tile-2151 { width: 99% !important; float: none !important;}

/* Tile KOBV */
.home #tile-2152 {width: 98.8% !important; float: none !important; }
    
 /* Tile Ewig */
 .home #tile-3824.kobv-6 {background-color: transparent !important; margin-top: 0px !important;} 
    
/* Tile Deep Green  */
.home #tile-2146 {margin-bottom: 10px !important;}
    
#footer .menu-horizontal-menu-container { float: left !important; width: 99% !important;}
#footer #text-2 { float: left !important; width: 99% !important;}
    
}



@media all and (max-width: 900px) {  

.home #tile-2151 {height: 140px !important; padding-bottom: 300px !important;}

}


@media all and (max-width: 767px) {

/* large Tile */
body .tile.large {
 width: calc(33.33333% - 10px);
 padding-bottom: calc(33.33333% - 10px);
}

.tile-post.large {
    max-width: 99% !important;
    height: auto !important;
   padding-bottom: 450px !important;
    }
 
.tile-post.large img {
    max-width: 100% !important;
    height: auto !important;
}
    
.home #tile-5847 h1 {
    font-size: 25px !important;
    line-height: 32px !important;
    margin-top: 10%;
}
    
.home #tile-5847 .kobv_input_submit {
    height: 42px;
    width: 12%;
    }

.home #tile-2152 {height: 140px !important; padding-bottom: 200px !important;}
    
}


@media all and (max-width: 530px) {
    
.home #tile-2152 {height: 200px !important; padding-bottom: 200px !important;}  
    
}

    
@media all and (max-width: 420px) {
    
    #body {padding-top: 26px !important; }
    
  .home #body {padding: 24px 0 25px 0 !important;}  
    
    .home #tile-2152 {height: 250px !important; padding-bottom: 250px !important;}

}
    
/* Headlines in den Suchergebissen */
.search-results h2.post-title a {color: #000 !important;}

/*  Autorenname ausblenden */
.post-author {display: none !important;}

/* Mindesthöhe der Headlineboxen wegen JavaScript-Fehler */
.module-box-content {min-height: 115px !important; padding: 1px 25px 7px 25px; }

/* rboehmer: adding print styles, see https://tickets.zib.de/jira/browse/PROEFFARB-168 */
@media print {
    body {
        background: white;
        color: black;
        margin: 0;
    }
    .slicknav_menu {  
        display: none;
    }
    .kobv-breadcrumbs {
        display: none;
    }
    #header {
        height: auto;
    }
    #header nav, #header div.social-wrap {
        display: none;
        height: 0px;
    }
    #header #site-logo a, #header #site-description {
        color: #000;
    }
    #content {
        display: block;
    }
    #comments {
        display: none;
    }
    #sidebar {
        display: none;
    }
    #footer {
        display: none;
    }
    .themify_builder:not(.themify_builder_admin) div.module_column,
    .row_inner,  
    .subrow_inner
    {
        overflow: visible;
        display: block;
    }
}