/*
Theme Name: klangband-Theme
Author: Christian Gude
Author URI: https://www.klangband.de/
Version: 1.7.8
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-background, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, portfolio
Template: suidobashi
*/
@import url("../suidobashi/style.css");


/*-----------------------------------------------------------------------------------*/
/*	2.0 General Styles
/*-----------------------------------------------------------------------------------*/

body {
    font-family: 'Maven Pro', sans-serif;
}

#primary {
	background-color: #fff;
}

/* --- Headings --- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

h2 {
	font-size: 15px;
	font-size: 1rem;
	font-weight: 600;
	color:#ff9900;
}

h4 {
	margin: 35px 0 15px;
	font-size: 14px;
	font-size: 0.9rem;
}

/*-----------------------------------------------------------------------------------*/
/*	3.0 Links + Colors - Zeile 401ff
/*-----------------------------------------------------------------------------------*/

/* --- Hovers --- */


/*-----------------------------------------------------------------------------------*/
/*	4.0 Header - Zeile 495ff
/*-----------------------------------------------------------------------------------*/

#masthead {
	background-color: #fff;
}

/* --- Site Nav --- */

.menu-menue-oben-container {
	padding: 6px 0;
}

#site-nav ul {
	background: #ffffff;
}

#site-nav ul li a {
	font-size: 16px;
	font-size: 1.05rem;
}

#site-nav ul li li a {
	font-size: 14px;
	font-size: 1rem;
	background-color:#fff;
}

/* --- Header Search Form --- */

.search-toggle,
#searchform .screen-reader-text ,
.search-header #searchform input.submit {
	font-size: 16px;
	font-size: 1.05rem;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*-----------------------------------------------------------------------------------*/
/*	5.0 Posts - Zeile 655ff
/*-----------------------------------------------------------------------------------*/

.site-content .post .entry-content,
.site-content .page .entry-content {
	max-width: 850px;
}

/* --- Post Header / Meta --- */

/*---*/
.entry-thumbnail {
	padding: 0 0 10px;
}

.site-content .entry-header {
	max-width: 850px;
}

.entry-header h2.entry-title,
.entry-header h1.entry-title {
	font-size: 1.75rem;
}

/*---*/
.blog .entry-header h2.entry-title,
.single-post .entry-header h1.entry-title,
.page .entry-header h1.entry-title {
	padding: 0 0 5px;
}

.page .entry-header h1.entry-title {
	padding: 0px;
	margin: 0px;
}

.entry-header h1.entry-title a,
.entry-header h2.entry-title a {
	border-bottom: 1px solid transparent;
}

.entry-cats a,
.entry-tags a{
	color:#999999;
}

.entry-cats span,
.single-post .entry-tags span {
	color:#999999;
}

/*---*/
.entry-meta {
	padding: 30px 0 0 0;
}

.entry-date {
	color:#999999;
}

/*-----------------------------------------------------------------------------------*/
/*	5.2 Comments - Zeile 1044ff
/*-----------------------------------------------------------------------------------*/
#comments,
#disqus_thread {
	max-width: 850px;
}

/*-----------------------------------------------------------------------------------*/
/*	11.0 Footer - Zeile 1619ff
/*-----------------------------------------------------------------------------------*/

#colophon {
	background-color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	12.0 Editor Blocks - Zeile 2079ff
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 1260px) {
	.entry-content .alignwide,
	.entry-content .alignfull {
		width:100%;
	}
}

/*-----------------------------------------------------------------------------------*/
/*	13.0 Media Queries - Zeile 2433ff
/*-----------------------------------------------------------------------------------*/

/* Minimum width of 767 pixels (tablets portrait) - Zeile 2437ff
------------------------------------------------------------------------------------ */
@media screen and (min-width: 767px) {
	
	/* --- Posts --- */
	.site-content .post,
	.site-content .type-attachment,
	.search-results .site-content .page {
		padding: 0 0 80px;
	}
}

/* Minimum width of 1023 pixels (tablets landscape) - Zeile 2606ff
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1023px) {
	
	/*#primary, #masthead, #colophon {
	background-color: transparent;
	}*/
	
	/* --- General Styles --- */
	#primary,
	#site-title,
	#colophon #site-info {
		padding-left: 80px;
		padding-right: 80px;
	}
}

/* Minimum width of 1150 pixels (laptops 13") - Zeile 2651ff
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1150px) {
	
	#primary, #masthead, #colophon {
	background-color: transparent;
	}
	
	#masthead {
		padding: 26px 0 100px;
	}
	
	.home #masthead {
		padding-bottom: 100px;
	}
	
	#primary,
	#site-title {
		padding-left: 110px;
		padding-right: 90px;
	}
	
	#colophon #site-info {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* --- Main Nav --- */

	#site-nav ul ul.sub-menu,
	#site-nav ul ul.children {
		width: 175px;
		padding: 6px 0 0 0;
	}
	
	#site-nav ul.sub-menu a,
	#site-nav ul.children a {
		padding: 5px 5px 0;
	}
	
	.search-header #searchform input {
		margin-top: 10px;
	}
	
	.search-header #searchform:after {
		top: 19px;
	}
	
	.search-header #searchform input:hover,
	.search-header #searchform input:active,
	.search-header #searchform input:focus {
		background: #f6ba60;
	}
	
	.search-header #searchform input.submit {
		background: transparent;
	}
}

/* Minimum width of 1260 pixels (bigger desktop monitors) - Zeile 2941ff
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) {
	/* --- General Styles --- */

	.entry-thumbnail {
		 margin-bottom: 15px;
	}
	
	#colophon {
		padding-left: 80px;
		padding-right: 80px;
	}
	
}

/* Minimum width of 1800 pixels  (21' monitors) - Zeile 2994ff
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1800px) {
	/* --- General Styles --- */
	#masthead,
	.site-content .post,
	.site-content .page .entry-content,
	.site-content .type-attachment,
	.search-results .site-content .page,
	.page .entry-meta,
	/*.entry-meta,*/
	#comments,
	#disqus_thread,
	.nav-wrap,
	#infinite-handle,
	.infinite-loader,
	.site-content .entry-header	{
		margin-left: 10%;
	}
	#masthead,
	.template-portfolio .entry-header,
	.template-portfolio .entry-meta,
	/*.single-post .entry-header,*/
	.single-post .entry-meta,
	/*.blog .entry-header,*/
	.blog .entry-meta,
	.single-post #comments,
	#disqus_thread,
	.nav-wrap,
	#infinite-handle,
	.infinite-loader {
		padding-right: 110px;
	}
	
	.single-post .entry-header,
	.blog .entry-meta,
	.blog .entry-header {
		padding-right: 0px;
		margin-left: 0px;
	}
	
	#colophon #site-info {
	background-color: #fff;
	}
}