/*
Theme Name: clongclongmoo
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate
Template: blankslate

BlankSlate WordPress Theme © 2011-2022 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html, body {
	height: 100%;
	scroll-behavior: smooth;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

input[type=text], button, select, textarea
{
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
}



* {
  font-size: 1em;
  text-decoration:none;
  box-sizing: border-box;


}


@font-face {
    font-family: 'UbuntuTitlingBold';
    src: url('../../../../../fonts/Ubuntu-Titling-fontfacekit/UbuntuTitling-Bold-webfont.eot');
    src: url('../../../../../fonts/Ubuntu-Titling-fontfacekit/UbuntuTitling-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../fonts/Ubuntu-Titling-fontfacekit/UbuntuTitling-Bold-webfont.woff') format('woff'),
         url('../../../../../fonts/Ubuntu-Titling-fontfacekit/UbuntuTitling-Bold-webfont.ttf') format('truetype'),
         url('../../../../../fonts/Ubuntu-Titling-fontfacekit/UbuntuTitling-Bold-webfont.svg#UbuntuTitlingBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../../../../../fonts/roboto/roboto_regular/Roboto-Regular-webfont.eot');
    src: url('../../../../../fonts/roboto/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../fonts/roboto/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
         url('../../../../../fonts/roboto/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../../../../../fonts/roboto/roboto_regular/Roboto-Regular-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../../../../../fonts/roboto/roboto_boldcondensed/RobotoCondensed-Bold-webfont.eot');
    src: url('../../../../../fonts/roboto/roboto_boldcondensed/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../fonts/roboto/roboto_boldcondensed/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../../../../../fonts/roboto_boldcondensed/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../../../../../fonts/roboto_boldcondensed/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


p, nav, footer, .date, .widget-container {
	font-family: "robotoregular"; 
	font-weight:normal
	}
	
.widget-container
	
h1, h2, h3, h4, h5, h6, h1.entry-title {
	font-family: "roboto_condensedbold"; font-weight:normal
	}

h1, h2, h3, h4, h5, h6 {
	font-size:2em;
	}


body {
	padding:0px 20px 20px 20px;
	background:#111;
	
}

#wrapper {
	max-width: fit-content;
	margin-inline: auto;
	max-width:800px;
	}
	
.date {
	float:right;
	font-size:0.6em; 
	text-transform:uppercase; 
	color:#666;margin-top:0.2em
	}

a.moretag {
	padding:1px;
	text-align;
	color:#000;
	font-family: "roboto_condensedbold"; 
	font-weight:normal;
	text-transform:uppercase;
	padding-left:0.5em;
	}
	
a.moretag:after {}



/** lange zeilen umbrechen **/	


div.releasepagelink a, 
div#site-title a {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	
	
  }


  
div.custom-headline a h1, 
div.custom-headline a h2
{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;

  }


/* headline */

/***

.custom-headline h1, .custom-headline h2 {
	font-family: "roboto_condensedbold";
	
	}  
.category-recommendation .custom-headline h2 {
	margin: -1em 0 1em 0;
		}
		
.category-recommendation .custom-headline h2:before, .category-recommendation .custom-headline h2:after {
	content: "''";
		}

.custom-headline a {color:#111;}
.custom-headline a:hover {color:#666;}


**/


/* cover */


div.article-content a img {
	/* max-width:30%;  */
	/* height:auto; */
	
	transition: max-width 0.5s;	
	}
	


	
	
/** menu nav **/


header#header nav#menu ul {
	margin:0; 
	padding:0;
	list-style-type: none;
	text-transform:uppercase;

	}
	
header#header nav#menu{
	
	position:fixed;  
	top:0px;
	z-index:10;
	max-width:100%;
	
	}
	
header#header nav#menu ul li {
	float: left;
	padding-right:10px;
	font-family: "roboto_condensedbold"; 
	font-size:14px;
	background:#222;
	height:34px;
	padding:8px 10px 10px 10px ;
	width:160px;
}
	
header#header nav#menu ul li, nav ul li a {
	color:#eee;
	}
	
header#header nav#menu ul li:hover {
	background:#333;
	}


	
header#header nav#menu .menu-item-has-children ul.sub-menu {
	display:none;
	}
	
header#header nav#menu .menu-item-has-children:hover .sub-menu {
	display:block;
	margin-left:-10px;
	margin-top:2px;
	border-top:4px solid #111;
	}

header#header nav#menu .menu-item-has-children a span:after {content:" ▾"}
header#header nav#menu .menu-item-has-children ul.sub-menu li a span:after {content:"";}

nav.navigation.posts-navigation {background-color: #d5fb62; padding:1em; margin-top:1em}

nav.navigation.posts-navigation h2 {display:none}

nav.navigation.posts-navigation .nav-links a{color:#111;}
nav.navigation.posts-navigation .nav-links .nav-next {text-align:right; float:right;margin-top:-1.4em;}

@keyframes menueslide {
  from {opacity:0;}
  to {opacity:0.95;}
}

header#header nav#menu li .sub-menu li{
	float: none;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding:8px;
	height:30px;
	animation-name: menueslide;
	animation-duration: 0.5s;
	opacity:0.95;
	}
	
	
	
/*    site-title    */

div#branding {
	clear:both;
	margin-top:0px;
	}

#site-description {
	font-family: "roboto_condensedbold"; 
	font-weight:normal; 
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:1em;
	color:#eee;
	background-color: #111;
	margin-top:-1em;
	margin-bottom:0.5em;
	}
	
div#branding div#site-title a {color:#000;}	
div#branding div#site-title a:hover {color:#333;}	

div#branding div#site-title h1 a span,
div#branding div#site-title a span
	{
	font-family:UbuntuTitlingBold;
	background-color: #d5fb62;
	padding:10px;
	font-size: 3vw;
	display: block;
	}

/**
	
h1.entry-title {
	background:#333; 
	color:#eee;
	margin:0.5em 0 0 0;
	padding:8px;
	font-family: "roboto_condensedbold";
	}
	
.category-recommendation h1.entry-title {
	display:none
	}

**/

/** article **/ 


article {
	margin:0.5em 0 0 0;
	
	padding:10px 10px 25px 10px;
	/** min-height:30em;**/
	
	}
.category-recommendation {background:#fff}
.category-news	{background:#eee}

article {
	width: calc(600px - 0.5em);
	}
article.category-konrad {border-right:0.5em orange solid; }
article.category-fcstoffel {border-right:0.5em green solid}


article.category-konrad::before {
	float:right;content: "❤ by ko"; 
	font-family: "roboto_condensedbold";
	}

article.category-fcstoffel::before {
	float:right;content: "❤ by FC Stoffel"; 
	font-family: "roboto_condensedbold";
	}
	

.article-content {font-size:0.8em}

/**	
.category-recommendation div.article-content header h2.entry-title {display:none;}

.category-netaudionews div.article-content header, .category-netaudionews div.article-content .reco-custom {
	display:none;
}

**/


/* releasepagelink 



.category-recommendation div.releasepagelink a {
	background:#cc00cc;
	color:#eee;
	padding: 0.1em;
	font-size:1.2em;
	font-family: "roboto_condensedbold";
	margin:0.5em 0;
}

*/


/** tags **/

/**

a[href*="idm"]{color:white;background-color:red !important}
a[href*="electronic"]{color:white;background-color:blue !important}
a[href*="ambient"]{color:white;background-color:orange !important}

**/


.entry-footer {
	margin-bottom:20px;;
	height:0.2em;
	}
	
.entry-footer ul li 
{
	list-style-type: none;

	font-size:14px;
}
.entry-footer ul {
	margin:0;
	padding:0;
	}
	
span.cat-links ul.post-categories li {
	float:right; 
	margin-right:0px;
	}


span.cat-links ul.post-categories li a {

	color:#444; 
	text-transform:uppercase;
	padding:0 0 0 8px;
	
	}

span.tag-links ul li {
	float:left;
	margin-right:4px;
	

	}
	

	
span.tag-links ul li a {
	background:#444; 
	color:#eee; 
	text-transform:uppercase;
	padding:0 4px; 
	text-shadow: 1px 1px 1px #000; }
	
	
ul.sub-menu li a {padding:0 4px; text-shadow: 1px 1px 1px #000;}

span.tag-links ul li a, span.cat-links ul.post-categories li a {font-size:0.8em}


/** widgets **/


#mobile-widget {display:none;}


#sidebar {
	width:calc(200px - 0.5em);
	float:right;
	
	}
#sidebar ul {
	margin:0; 
	padding:0;
	}	

#sidebar ul li, #mobile-widget {background:green;color:#eee;}
	
#sidebar ul li, #footer-widget, #header-widget, #mobile-widget {
	padding:0.5em;
	list-style:none;
	font-size:0.8em !important;
	}	

#sidebar ul li {
	margin:0 0 1em 0;
	}
	
#header-widget{
	margin:1em 0 1em 0;
	width:calc(600px - 0.5em);
	background: #cc00cc;
	color:#eee;
	
	}



	
div#wrapper.hfeed div#container main#content {background:#333;}	

#footer-widget {
	float:left;
	max-width:33.3%;
	margin-right:0em;
	margin-top:0;
	margin-bottom:0;
	background:none;
	color:#ccc;
	}



footer#footer {clear:both; color:#666; font-size:0.8em; text-align:center;padding:10px;}

.widget_text h2, .widget_text h3, .widget-container h2, .widget-container h3 
{margin: 0 0 0.1em 0; color:#eee; font-size:1.2em}
.widget_text p, .widget_text p {margin: 0}

.widget_text a {color:#eee; text-decoration:underline;}


/** suche **/ 

input.search-field {margin:0.2em 0 0.2em 0}

span.screen-reader-text {display:none}

/**





.widget_text {font-size:0.8em}

#header-widget {
	width:calc(200px - 0.5em); 
	float:right;padding:1em;
	}




**/

/** lightbox 

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2em;
  background: rgba(0, 0, 0, 0.8);
}

.lightbox:target {
  display: block;
}

.lightbox span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  
  
  animation-name: artworkzoom;
  animation-duration: 0.1s;
}

@keyframes artworkzoom {
  from {width: 0%;height: 0%;}
  to {width: 100%;height: 100%;}
}

**/


/** responsive **/

@media only screen and (max-width: 870px) {
		  
		  body {padding-top:20px}
		  
		  
		  div.article-content a img {
			max-width:100%;
			transition: max-width 0.5s;	
			}
			
			article {width:100%;}
			/* div.releasepagelink a {font-size:18px} */
			
			div#branding div#site-title h1 a span,
			div#branding div#site-title a span
			{
			
			font-size: 1em;
			}
			
			header#header nav#menu {
				position:fixed;  
				top:0px;
				z-index:10;
				width:100%;
				left:0px;
				border-top:5px #222 solid;
				height:34px;
				background:#222;
				cursor:pointer;
				}
				
		header#header nav#menu:before {
				content:"menu ▾";
				font-family: "roboto_condensedbold";
				color:#eee;
				font-size:14px;
				padding:20px;
				text-transform:uppercase;
				}
			
		header#header nav#menu:hover:before {
				content:"menu ▾";
				font-family: "roboto_condensedbold";
				color:#eee;
				font-size:14px;
				padding:20px;
				text-transform:uppercase;
				}
				

				
				

				
		header#header nav#menu ul {
				display:none;
			}
			
		header#header nav#menu:hover ul {
				display:block;
				cursor: pointer;
				margin-top:8px;
			}
			
		header#header nav#menu ul li {
				float:none;	
				margin-left:0px;
				padding-left:20px;
				}
			

			
		header#header nav#menu ul li, nav ul li a {
			
			}
			
		header#header nav#menu ul li:hover {
			
			}
			
			

			
		header#header nav#menu .menu-item-has-children .sub-menu ul {
			display:none;
			}

		header#header nav#menu .menu-item-has-children .sub-menu {
			border-top:0px solid #111;
			display:none;
			
			}
			
		header#header nav#menu .menu-item-has-children {
			
			display:block;
			

			}
			
		header#header nav#menu .menu-item-has-children a span:after {content:" ▸";}

		header#header nav#menu ul.sub-menu a span:after {content:"";}

		header#header nav#menu ul li .sub-menu {margin-top:-30px !important;}


		header#header nav#menu ul li .sub-menu li{
			margin-left:110px;
			
			
			}

	
			
		#sidebar {float:none; width:100%; display:block !important;}



		#header-widget {
		 
		  width:100%;

		}


		#footer-widget {

			max-width:50%;

			}
			
			
		#mobile-widget {
			display:block;
			margin:1em 0;
			}
		#sidebar {
			display:none !important;
			}	

		#container .header{
			width: 100%;
			}	
			
		td:nth-child(1),
		th:nth-child(1){
			width:180px !important;
		}
		
		td:nth-child(2),
		th:nth-child(2),
		td:nth-child(3),
		th:nth-child(3),
		td:nth-child(4),
		th:nth-child(4),
		td:nth-child(5),
		th:nth-child(5),
		td:nth-child(6),
		th:nth-child(6),
		td:nth-child(7),
		th:nth-child(7)
		{
		width:20px !important;
		}

			
}


@media only screen and (max-width: 500px) {
			
		#footer-widget {

			max-width:100%;

			}
				td:nth-child(1),
		th:nth-child(1){
			width:120px !important;
		}
		
		td:nth-child(2),
		th:nth-child(2),
		td:nth-child(3),
		th:nth-child(3),
		td:nth-child(4),
		th:nth-child(4),
		td:nth-child(5),
		th:nth-child(5),
		td:nth-child(6),
		th:nth-child(6),
		td:nth-child(7),
		th:nth-child(7)
		{
		width:15px !important;
		}
		#myTable {
	
	font-size:0.4em;
	
	}
		
			
	
}	

html  {--wp-admin--admin-bar--height: 0px !important;}


/*** netlabellist ****/

.senkrecht {
	
	text-align:center;
	cursor: pointer;


}
	
.senkrecht{	
	border:1px solid #000;
	margin: 1px 1px 6px 1px;
	
	}
	

	
.senkrecht:hover	{color:#fff; background:#000;}

#myTable {
	font-family: 'robotoregular';
	font-size:0.7em;
	width:100%;
	font-weight:normal;}
	
th.netlabellinks {text-align:left;font-weight:normal}


table {
  table-layout: fixed;
  border-collapse: collapse;
}

table a {color:#000;}

td:nth-child(1),
th:nth-child(1){

  width:40%;
  border-bottom: 1px solid #000;
}

td:nth-child(2),
th:nth-child(2),
td:nth-child(3),
th:nth-child(3),
td:nth-child(4),
th:nth-child(4),
td:nth-child(5),
th:nth-child(5),
td:nth-child(6),
th:nth-child(6),
td:nth-child(7),
th:nth-child(7)
{

   width:6,6%;
   text-align:center;
  border-bottom: 1px solid #000;
  
  

  
}

td:nth-child(8),
th:nth-child(8),
td:nth-child(9),
th:nth-child(9),
td:nth-child(10),
th:nth-child(10)
{

   width:6,6%;
   text-align:center;
  border-bottom: 1px solid #000;
}

thead tr th.genre, thead tr th.mehr {

   width:6,6%;
 font-weight:normal;
  white-space: nowrap;

 padding:0;

}



.farbe01, .hanswurst td:nth-child(2) {background-color:orange !important; }
.farbe02, .hanswurst td:nth-child(3) {background-color:red !important; }
.farbe03, .hanswurst td:nth-child(4) {background-color:green !important; }
.farbe04, .hanswurst td:nth-child(5) {background-color:brown !important; }
.farbe05, .hanswurst td:nth-child(6) {background-color:grey !important; }
.farbe06, .hanswurst td:nth-child(7) {background-color:CornflowerBlue !important; }


.farbe01, .farbe02, .farbe03, .farbe04, .farbe05, .farbe06 {
	font-family: 'robotoregular';
	font-size:0.7em;
	
	font-weight:normal;}
	
.genrewidget {padding:4px;}

div.alphabet p a {border: 1px solid #000; padding:2px 4px 2px 4px; line-height:25px; text-transform:uppercase; font-family: "Courier New", Courier, monospace; color: #000 !important; line-height:2em;}

div.alphabet p a:hover{color:#fff  !important; background:#000}


/*** previewbox

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
font-family: 'robotoregular';
  gap: 12px;
}

 ***/
 
/***  
Beautiful Link Preview
By zeitwesentech 

***/


.zwt-wp-lnk-prev-img.empty { content: url("https://clongclongmoo.org/classicpress/wp-content/themes/clongclongmoo/clongclongmoo-missing-image.png"); }

div.zwt-wp-lnk-prev-texts a.url.zwt-wp-lnk-prev-title {color:#cc00cc; font-weight:normal;}
.zwt-wp-lnk-prev-img {height:auto; border: 1px solid #ccc; width:200px;}
div.zwt-wp-lnk-prev.compact div.zwt-wp-lnk-prev-img-container {padding:0 !important;flex: 200px; }

.category-news .zwt-wp-lnk-prev-img {height:auto; width:100px;}
.category-news div.zwt-wp-lnk-prev.compact div.zwt-wp-lnk-prev-img-container {flex: 0px; }