/*  
Theme Name: funkygog-theme
Theme URI: https://blog.funkygog.de/
Author: funkygog
Author URI: https://funkygog.de
Description: Aenderungen am Theme sind im <a href="https://blog.verbummler.de/">Verbummler Blog</a> gelistet. Theme (3-spaltig, mobil Anpassung, widget-faehig)
Version: 10.6
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, right-sidebar, widgets
Text Domain: funkygog-theme
*/

html, body { scroll-behavior: smooth; }

/**** Body ************************************/
html, body {
	background:#f6f6f6;
	color:#4E4E4E;
	font-size: 100.01%;
	font-family: Verdana, Arial, 'Trebuchet MS', Helvetica, sans-serif;
	text-align: left;
	margin:0; padding:0;
	height: 100%;
}
#wrapper {
	background:url(images/footer-fade.webp) repeat-x scroll left bottom transparent;
	position: relative;
	min-height: 100%;
	height: auto !important;
}
.frame { 
	max-width: 1180px; 
	margin: 0 auto; 
	overflow:auto; 
	padding-bottom:126px; }

#content, #content-wide  {
	float: left;
	line-height: 1.5em;
	font-size: 0.9em;
}
#content {width: 66%;}
#content-wide {width: 80%;}
.post {background:#fff;}
.entrytxt { background:#fff; padding-left: 40px; }

.post-container {
	background: url("https://house-of-chicago.de/data/load/img/bg-input.webp") repeat-x scroll left top #fff;
	border: 1px solid #ddd;
 	padding:20px 30px 10px;
}
.post_left { float: left; width: 20%; margin-right: 5%; }
.post_right { float: left; width: 75%; }

.single .post-container, .page .post-container {
	margin-top: 0; 
	border: 1px solid #ddd;
	padding-bottom: 20px;
}
.post-container:hover {
	border: 1px solid #ccc;
}
#header {
	background:url(images/headerkachel.webp) repeat-x scroll left top #fff;
	text-align: left;
	width: 100%;
	height: 137px;
	margin:0 auto;
	cursor:pointer;
}
#head-content {
	background:url(images/headerimg.webp) no-repeat top right transparent;
	height: 137px; width: 1180px;
	margin: 0 auto;
}
#head-content .name {
	color: #999;
	cursor: pointer;
	font-size: 3.0em;
	line-height: 2em;
	padding-left: 30px;
	text-shadow: 2px 2px 0 #efefef;
}
#footer {
	background:url(images/tonarm_.webp) no-repeat top left transparent;
	clear: both; 
	position: absolute; 
	height: 126px; width: 100%;
	bottom: 0;
}
.spalter2 { width:45%; float:left; margin-right: 5%; }
.spalter3 { width:30%; float:left; font-size: 0.9em; margin-right: 3%; }
.spalter3end { width:30%; float:right; font-size: 0.9em; margin-right: 0; }
.spalter2v3 { width:60%; float:left; margin-right: 15px; }

.kachel {  text-align: center; margin-bottom: 10px; min-height: 310px;}
.kachel img { border: 1px solid #ddd; height: 200px; width: auto; box-shadow: 6px 6px 8px silver;}
.kachel img:hover { border: 1px solid #ccc; box-shadow: none;}

/****   Basics & Typography    ********/
h1, h2, h3, h4, h5, h6 { color: #777; padding: 0 0; }
h4, h5, h6 {
	font-size: 1em;
	letter-spacing: .2em;
	margin-top:2%; margin-bottom:1%;
}
h1 a, h2 a, h3 a, h4 a {color: #669;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #0B25FF;}
h2.entry-title {font-size: 1.6em;}
h1.entry-title a, h2.entry-title a {
	margin-bottom:10px;
	font-weight: 400;
	display: block;
	line-height: 1.4em;	
}
small { font-size:.8em; line-height: 1.4em; }
.smaller { font-size:.8em; }
a { color: #007; text-decoration: none; }
a:hover {color: #c00;}

code {
	font-size: 12px;
	color: #507BAF;
	border-bottom: 1px dotted #ddd;
	line-height: 1.45em;
}
blockquote {border-bottom: 1px dotted #bbb}
blockquote p {
	color: #1F5656;
	font-family: Georgia, serif;
	font-size:1.0em;
	line-height: 1.4em;
}
blockquote p:before { 
	content: ' „ ' ' '; 
	color: green; 
	font-family: Georgia, serif;
	font-size:3em;
	margin-left: -25px;
}
blockquote p:after { 
	content: ' ' ' “ '; 
	color: green; 
	font-family: Georgia, serif;
	font-size:3em;
	margin-right: -25px;
	float: right;
	clear: both;
}
blockquote cite { color: #1F5656; font-size: 0.8em; }

.blocker {
	margin:0; padding-left:10px;
	border-left:10px solid #f6f6f6;
}

ul {
  list-style: none;
  padding-left: 0;
	margin-bottom: 15px;
}

ul li {
  position: relative;
  padding-left: 1.0rem; /* Platz fürs Symbol */
  margin-left: 0.75rem;
  margin-bottom: 0.25rem;
}

ul li::before {
	font-family:'fontawesome';
  content:"\f0da";
  font-weight:400;
  opacity: 0.45;
  position: absolute;
  left: 0;
  top: 0.1em;
}

ul li:hover::before {
  opacity: 0.65;
}

ol { margin: 5px 5px 5px 30px; padding: 0; }
li { margin-bottom: 4px; }

form { margin: 0; padding: 0; }
p {}
.center {text-align: center;}

img {border: none;}
img-float-left { float: left; margin:20px 0; border: none; }
img-float-right { float: right; border: none; }
#gallery-1 img { border: none; }

figure{
  display: inline-block;
}
figcaption { 
	font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.3em;
	text-align: center;
	margin: 0; 
	caption-side: bottom;
}

.red {color: red;}

hr, .wp-block-separator {
    border: 1px dashed #bbb;
    clear: both;
    margin: 10px 0;
}
.sidebar .wp-block-separator {
    margin: 20px 0;
}
.lin {
    background:#ccc;
    height:2px;
    border-top:1px solid #aaa;
    border-bottom:3px solid #eee;
    margin-bottom:20px;
}
.lin_break {
	background:url("https://house-of-chicago.de/data/load/img/bg-input.webp") repeat-x scroll left top #fff;
	border-top:1px solid #ddd;
	margin: 10px -30px 0px; padding: 15px 30px 0;
}
.blogspecial a:before {
    font-family:FontAwesome;
    content:"\f05a";
    padding-right:4px;
    font-weight: 400;
}
.blogspecial a {
}

.cat-intro { font-size: 0.7em; }
.cat-intro h1 { font-weight: 100; color:#222;}
.cat-intro h1 a { color:#007;}
.cat-intro h1 a:hover { color:red;}
.archive-meta { font-style: italic; }

/**** Musik-Archiv******************************/
#Musik_A-Z {}
.Musik-Buchstabe {}
.Musik-Buchstabe a {
	background:linear-gradient(#fff 70%, #f5f5f5);
 	font-family:monospace, monospace;
 	font-size:1.6em;
 	padding:4px 8px;
 	margin:2px;
 	line-height:2em;
 	border-radius:4px;
 	box-shadow:1px 3px 3px #eee;
 	border:1px solid #ccc!important
}
.Musik-Buchstabe a:hover {
	background:linear-gradient(#f5f5f5, #fff 70%);
 	box-shadow:none
}

#abc-menu ul {
	padding-left: 10px; margin: 0;
}

#abc-menu ul li {
  display: inline;                 /* so lassen, wenn du das Inline-Layout willst */
  font-family: monospace;
  font-size: 1.5em;
  padding: 0; margin: 0;
}

#abc-menu ul li::before { display: none; }

#abc-menu li a {
  text-decoration: none;
  display: inline-block;         /* wichtig für Padding/Margin-Konsistenz */
  padding: 4px 3.7px;            /* <-- mehr Luft oben/unten */
  margin: 1px;                  /* kleiner Abstand zwischen Items */
  border-radius: 2px;
}

#abc-menu li a.selected {
  background: #07b;
  color: #fff;
}
#abc-menu li a:hover {
  background: #fff;
  color: red;
}

.az-header {
 	border: 1px solid #ddd;
	background:linear-gradient(#fff 70%, #f5f5f5);
	margin-bottom: 16px;
}
.ma-button a::before {
	font-family:FontAwesome;
	content: "\f0a1";
	padding-right: 8px;
}
.ma-button a:hover {border-color: #aaa;}


/*****CONTENT und ENTRYTXT******/
.entrytxt img {
	margin: 0; padding: 5pt;
	border: 1px solid #ccc;
	vertical-align:middle;
}
.entrytxt a:hover img {background: url("https://house-of-chicago.de/data/load/img/stripe_ef_60.png") repeat-x scroll center -20px #EFEFEF;}
.entrytxt .noframe img {border-color: #fff;}
.entrytxt a {color: #689; font-weight: 700;}
.entrytxt a:hover {color: #c00;}
.entry-title a {
	display: block;
	border-bottom: 2px solid #ccc;
	padding-bottom:5px;
}
.entry-title a:hover {border-color: #aaa;}

.entrytxt a[href$='.txt'] {
	background:#fff;
    margin-top: 10px;
    margin-left: 5px;
    line-height: 2em;
    padding: 4px 6px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.entrytxt a[href$='.txt']:hover { background-color: #efefef; border-color: #ccc; }
.entrytxt a[href$='.txt']:::before { content: "\00bb"; padding-right: 4px; }
.entrytxt a[href$='.txt']:::after {
	font-weight: 400;
	font-family:FontAwesome;
	content: "\f15b";
	padding-left: 8px;
}

.meta-update, .meta-autor {color: #aaa; font-size: 0.9em;}
.meta-code {display: none;}
.post-kat a {background: #eee; padding: 2px 8px; border-radius: 4px;}

/**** div Klassen class="..."*****/
.disko-link {
    background:url("https://house-of-chicago.de/data/load/img/stripe_ef_60.png") repeat-x scroll top #efefef;
    border:1px solid #ccc;
    border-radius:5px;
    padding:8px 16px;
    margin-bottom:2em;
    box-shadow:0px 3px 8px #ddd;
}
.disko-link:hover {
    background:#efefef;
    border-color:#aaa
}
.disko-link a {display:block;}
.disko-link a:before {
    font-family:FontAwesome;
    content:"\f05a";
    padding-right:10px;
    font-size:1.3em;
    font-weight: 400;
}
.infos {
	background:#F6F6F6 none no-repeat scroll 5px center;
	border-bottom:1px solid #444;
	border-top:1px solid #444;
	font-size:1em;
	line-height: 1.25em;
	margin:15px 0; padding:8px;
}
.infocomments {
    background: url("https://house-of-chicago.de/data/load/img/stripe_ef_60.png") repeat-x scroll center -20px #EFEFEF;
    border: 1px solid #ccc;
    margin: 20px 0; padding: 5px 30px;
}

ul.laufend {
	background:linear-gradient(#fff 70%, #f5f5f5);
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.laufend li {
    display: inline-block;
    line-height: 1.7em;
    padding: 0 5px;
}
ul.laufend li::before {
	display:none;
}
ul.laufend li a::after {
	font-family:FontAwesome;
	content: "\f0fe";
	color: #ddd;
	padding-left: 4px; padding-right: 2px;
}
ul.laufend li a:hover::after { color: red; }

/* Musik Archiv Listen A-Z */
.listeaz ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.listeaz ul li {
  display: block;
  position: relative;
  padding-left: 1.0rem; /* Platz fürs Symbol */
  margin-left: 0rem;
  margin-bottom: 0rem;
  border-bottom: dotted 1px #ddd;
}

.listeaz ul li:nth-of-type(odd) { background-color: #f6fbfe; }

.listeaz ul li a {
  display: block;
  width: 100%;
  font-weight: 400;
  color: #4E4E4E;
  line-height: 1.7em;
  padding-top: 6px;     /* <-- mehr Luft oben */
  padding-bottom: 4px;  /* <-- mehr Luft unten */
}
.listeaz ul li:hover {
  border-bottom-color: #B93E0A;
}
.listeaz ul li::before{
  content: "\203A";
  display: inline-block;
  padding-top: 3px;
  padding-left: 5px;
}
.listeaz ul li:hover::before {
  color: red;
}

/*** Diskographien *****/
.discobox {
	background: linear-gradient(#f5f5f5, #fff 70%);
	display: inline-block;
	width: 31%;
	float:left;
	height: 60px;
	margin-right: 2%; margin-bottom: 10px;
	font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.05em;
	border:1px solid #eee;
	border-radius: 6px;
}
.discobox:hover { background:#f5f5f5 }
.discobox img { float:left; width: 50px; height: 50px; border:none; margin-right:5px; padding: 5px }
.discobox a { 
	display:block;
	border:none;
	height: 60px;
}

/*******  Sidebar  ************/
#sidebar, #sidebar-solo {
	float: left;
	padding-top: 30px;
	font-size: 0.8em;
}
#sidebar {
	margin-left: 30px;
	width:31%;
}
#sidebar-solo {
	margin-left: 20px;
	width:18%;
}
.sidebar a {color: #3F3F3F;}
.sidebar a:hover { color: #CC0000; border: none; }

.sidebar p {text-align: left;}
.sidebar ul {
  list-style: none; list-style-image:none;
  margin: 0 0px; padding-top: 5px;
}
.sidebar ul li {
  list-style: none;
  line-height: 1.4em;
  margin: 0; padding: 7px 15px;
  border-bottom:1px dotted #ccc;
}
.sidebar ul li:hover {
  background-color:#EEE;
  background: url("https://house-of-chicago.de/data/load/img/actarrow.png") no-repeat scroll left center transparent;
  border-bottom-color: #B93E0A;
  text-decoration: none;
}
.sidebar ul li a {display: block;}
.sidebar li:last-child{border-bottom: none;}
.sidebar img {
  margin: 0; padding: 0;
  vertical-align:middle;
}
.sponsor { text-align: center; }
.sidebar-ads {
    background: #fff none repeat scroll 0 0;
    text-align: center;
}

/*******  Search  ************************/
.wp-block-search__input {
	background:linear-gradient(#f5f5f5, #fff 70%);
	text-indent: 10px;
}
.wp-block-search__input:focus {
	background:linear-gradient(#fff 70%, #f5f5f5);
}
.wp-block-search__input:focus::placeholder { color:transparent; }

.searchbox { width: 100%; margin-bottom: 50px; }
.search-field {
	float: left;
	font-size: 1.2em;
	text-indent: 10px;
	background: #eee;
	border-color: #ccc #fff #fff #ccc;
	border-style: solid;
	border-width: 1px;
	height:27px; 
	width: 80%;
	color: grey;
}
.search-field:focus {
	background: #fff;
	text-indent: 10px;
	box-shadow: 1px 1px 2px #BBB;
}
.search-submit { 
	float: left;
	height:27px;
	font-size: 1.2em;
 }

/*******  Search Ergebnis ************************/
.searchresult-block {margin: 0;}
.searchresult-block li a {display: block;}

.searchresult ul li {margin-bottom:5px; }
.searchresult ul li:nth-of-type(odd) { background-color: #f6f6f6; }
.searchtitle {padding-top:5px;
	font-weight: bold;
	display: block;
}
.searchthumb { float: left; padding-right: 20px; }
.searchthumb img {
	width: 50px; height: 50px;
	margin: 0; padding: 0;
}
/* End Suche Searchform */

/* Begin POSTMETADATA */
.postmetadata { }
.metasingle { background: #fff; margin-top: -10px; }
.metasingle img {vertical-align:middle;}

.weiterlesen {
	background:#fff;
	border:1px solid #eee;
	border-radius:4px;
	box-shadow:5px 5px 10px #eee;
	float:right;
	padding:4px 8px;
}
.weiterlesen:hover {
	background-color:#f1fafa;
	border-color:#ccc;
	box-shadow:none
}
.weiterlesen a { }
.weiterlesen a::after {
	font-family:FontAwesome;
	content:"\f101";
	padding-left:4px; padding-right:4px;
}
.weiterlesen a:hover::after {
	padding-left:6px; padding-right:2px;
}

/*************  Footer  ***************/
#footer a {color: #555;}
#footer a:hover {color: #c00;}
.footcontent { padding-top: 45px; padding-left: 100px;}
.footcontent p {margin: 0;}

.footer-zeile ul {
  list-style: none;
  padding-left: 0;
  margin-left: 15px;
}
.footer-zeile ul li { 
	display:inline; 
	font-size: 0.9em;
  	padding-left: 0.8rem; /* Platz fürs Symbol */
	padding-right:10px;
	margin:0px;
}
.footer-zeile ul li:hover::before {
  color: red;
}

.sp-smart-post-back-to-top-wrapper {
  background: gray;
  border-radius: 8px;
}
/**** Responsive.css ***/

@media only screen and (min-width: 220px)  and (max-width: 759px) {
#header, #head-content, #head-content .name { display: none; }
body { background: #eee; }
#wrapper { max-width: 100%; margin: 0 auto; }
	#header { height: 60px; }
	#head-content  { background:none; height: 60px; }
	#head-content .name { padding-left: 10px; font-size: 2.0em; text-shadow: none; }
.frame { max-width: 100%; margin: 0 auto; overflow: hidden; padding-bottom: 80px;}
h1.entry-title {font-size: 1.6em;}
h2.entry-title {font-size: 1.3em;}
.search-field { background: #fff; width: 90%; margin-bottom: 20px; }
.search-submit { display: none; }
.entrytxt { padding: 0 0 1em; }
.post-container, .single .post-container, .page .post-container { margin-bottom: 1em; padding: 0 7px; border: 1px solid #fff; }
	#content, #content-wide {clear: both; width: 100%; float: none; padding: 0; }
	.spalter2, .spalter2v3, .spalter3, .spalter3end { clear: both; float: none; width: 95%; }
	.discobox { clear: both; width: 75%; float: none; }
	.socialbutton { clear: both; padding: 0; }	
	.listeaz ul { margin: 0; }
	.listeaz ul li a::before { content: ""; padding-right: 1px; padding-left: 2px; }
	#abc-menu { display: none; }
	#sidebar, #sidebar-solo { clear: both; width: 90%; float: none; margin: 0 auto; padding-top: 20px; font-size: 1.0em;}
	#Musik_A-Z { }
img { max-width: 100%; height: auto; }
#footer { clear: both; width: 100%; height:auto; float: none; background: #ccc; border-top: 1px solid green;}
	.footcontent { clear: both; width: 100%; float: none; padding: 10px; padding-bottom: 30px; margin: 0; font-size: 1.0em; }
	.footer-zeile li  {border: none;}
	.footer-zeile li a:before {padding-right: 3px;}
}