/*
 Theme Name:   Twenty Sixteen Child 
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  ambuflex
 Author:       Martin Arends
 Author URI:   http://www.web-gestaltung.de
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/



/* 
 * no borders
 */ 

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
	height: 0px;
}

.site {
	margin: 0px;
}

.content-area {
	min-height: 100%;
	
}

/* 
 * header 
 */ 

#masthead {
	padding: 30px 0px 0 0;
	margin: 0;
	background: url(./img/tpl_header_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #a09f9f;
}

.site-header-main {
	width: 100%;
	margin: 0 auto;	
	max-width: 1320px;
	position: relative;
}

/* main menu */

.site-header-menu {
	margin: 0;
	background-color: #7d92a6;
}

#site-navigation {
	margin: 0 auto;
	max-width: 1320px;
	position: relative;
}


@media (min-width: 820px) {
	.site-header-menu {
		width: 100%;
		height: 60px;
	}
}

@media (max-width: 820px) {
	.site-header-menu li a {
		margin-left: 30px;
	}
}

/* header menu */

.wg-header-menu {
	position: absolute;
	top: -20px;
	right: 6%;
}

.wg-header-menu ul li {
	display: inline;
	list-style-type: none;
	font-size: 90% ;
	font-weight: 500;
}

@media (max-width: 400px) {
	.wg-header-menu {
		position: absolute;
		top: 20px;
		right: 6%;
	}

	.wg-header-menu ul li {
		display: block;
		list-style-type: none;
	}
}

.wg-header-menu a,
.wg-header-menu a:visited,
.wg-header-menu a:hover,
.wg-header-menu a:focus {
	color: #ffffff !important;
	font-size: 110% ;
	font-weight: 800;
}


/* 
 * fonts 
 */ 
 
@font-face { 
	font-family: "Shadows Into Light"; 
	src: url('./font/ShadowsIntoLight.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}



/* 
 * Content
 */ 

.content-area {
	margin-top: 25px;
}

/* remove author */
.byline .author { 
	display: none; 
}


/* 
 * HTML
 */ 

body {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #666666;
	margin: 0;
}



.site-main h1 {
	color: #333333 !important;
	font-size: 180% !important;
	line-height: 120% !important;
	font-weight: normal !important;
}

.site-main h2 {
	color: #486c8d !important;
	font-size: 120% !important;
	font-weight: normal !important;
	border-top-width: 2px !important;
	border-bottom-width: 2px !important;
	border-top-style: solid !important;
	border-right-style: none !important;
	border-bottom-style: solid !important;
	border-left-style: none !important;
	border-color: #efefef !important;
	padding: 7px 0 8px 0 !important;
}

.site-main h3 {
	color: #E40586 !important;
	font-size: 110% !important;
	font-weight: normal !important;
}

.site-main h4 {
	color: #333333 !important;
	font-size: 100% !important;
	font-weight: bold !important;
	font-weight: bold !important;
}

/* not working?*/
.site-main .menu a,
.site-main .menu a:link,
.site-main .menu a:visited,
.site-main .menu a:hover,
.site-main .menu a:focus {
	text-decoration: none !important;
}
	
.entry-title a {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	color: #486c8d !important;
	font-size: 100% !important;
	font-weight: normal !important;
	border-top-width: 2px !important;
	border-bottom-width: 2px !important;
	border-top-style: solid !important;
	border-right-style: none !important;
	border-bottom-style: solid !important;
	border-left-style: none !important;
	border-color: #efefef !important;
	padding: 7px 0 8px 0 !important;
}




/* 
 * content bottom widgets
 * untereinander statt nebeneinander
 */ 

.pcs-body {
	width: 100% !important;
}

.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
	margin-right: 0;
}


/* 
 * sidebar / widgets
 */ 
 
@media (min-width: 820px) and (orientation:landscape) {
	.sidebar {
		/*position: absolute;*/
	    top:0;
    	left:0;
    	bottom:0;
	}
}

.site-content {
	 overflow: hidden;  /* set sidebar height 100% */
}

.sidebar {
	padding: 20px;
	background-color: #575756;
	color: #ffffff;
	
	/* set sidebar height 100% */

	/* problem with TOC: */	
	/* margin-bottom: -5000px; *//* set sidebar height 100% */
	/* padding-bottom: 5000px; /**//* set sidebar height 100% */

	/* no problem with TOC: */
	
    margin-bottom: 0;
    
	/*    
    padding-left:30px!important;
    max-width:calc(25% - 50px);
    */
    
}



.sidebar .widget-title {
	font-size: 150%;
	font-weight: 500;
	font-family: 'Shadows Into Light', cursive;
	color: #ffdd00;
	text-transform: none;
}

.sidebar .widget {
	border-top: 1px solid #ffffff;
	margin-bottom: 3.5em;
	padding-top: 1.75em;
}

.sidebar a:link {
	color: #90c2fc;
}

.sidebar a:visited {
	color: #90c2fc;
}

.sidebar a:hover {
	color: #90c2fc;
}

.sidebar ul {
	list-style: square outside none;
}

.sidebar li .current-menu-item  {
	color: red !important;
}

.sidebar li .current-menu-item a {
	color: red !important;
}



/*
 * Navigation
 */
 
 .main-navigation a {
	color: #ffffff;
	line-height: 1.9;
	font-size: 18px;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 900;
}


.main-navigation a:hover,
.main-navigation a:focus {
	color: #1f1f1f !important;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 700;
}

.main-navigation li:hover,
.main-navigation ĺi:focus {
	background-color: #586C81;
}


/*
 * posts
 */


/*
 * post date
 */

.entry-footer .posted-on {
    display: none !important;
}

/*
 * post navigation
 */
 
 .post-navigation {
	border-top: 4px solid #333333;
	border-bottom: 4px solid #333333;
	font-family: Tahoma, Geneva, Arial, sans-serif;
}

.post-navigation a {
	color: #333333;
}


.post-navigation .meta-nav {
	color: #686868;
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.post-navigation .post-title {
	font-family: Tahoma, Geneva, Arial, sans-serif;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #007acc;
}

.post-navigation div + div {
	border-top: 4px solid #333333;
}


/*
 * footer
 */
.site-footer {
	background-color: #575756;
	border-top: 3px solid #7d92a6;
}

@media (min-width: 860px) {
	.site-footer {
		background-color: #575756;
		/*
		background-image:url(img/tpl_footer_bg.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		*/
		min-height: 200px;
	}
}

.wg-footer-content {
	width: 100%;
	margin: 0 auto;	
	max-width: 1320px;
	position: relative;
}

.wg-footer-static {
	margin-top: 0px;
	width: 80%;
}

.wg-footer-static img {
	display: block;
	position: relative;
	left: 70px;
	left: 10%;
}

.wg-footer-static-text {
	text-align: center;
	width: 100%;
	/* color: #97b8d7; */
	color: #ffffff;
	font-family: 'Shadows Into Light', cursive;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: normal;
}

.wg-footer-menu {
	margin-top: 40px;
	text-align: center;
}

.wg-footer-menu li {
	display: inline;
	font-size: 90% ;
	font-weight: 600;
}

.wg-footer-menu li:first-child:before {
	content: "";
}

.wg-footer-menu li:before {
	content: "| ";
	color: #ffffff;
}

.wg-footer-menu a,
.wg-footer-menu a:visited,
.wg-footer-menu a:hover,
.wg-footer-menu a:focus {
	color: #ffffff !important;
}


/*
 * jQuery SVG 3D Tag Cloud
 * https://www.jqueryscript.net/text/3D-Interactive-SVG-Tag-Cloud-Plugin-With-jQuery-SVG-3D-Tag-Cloud.html
 */
 
 #tag-cloud {
 	padding-top: 15px;
 	padding-bottom: 15px;
 	overflow:hidden;
	text-align: center; 	
 	border-radius: 25px;
 	background-color: #86bde7;
 	border: 1px solid #575756;
 }