/* 
Theme Name: My Hueman Child Theme  
Theme URI: https://www.wiesentbote.de/ 
Description: Mods by faktor i medienservice 
Author: Alex Dittrich
Author URI: https://www.faktori.de/
Template: hueman-pro
Version: 1.0.0
*/

/*
The main css stylesheet of the Hueman theme is located in /assets/front/css/main.css.

The main reason why the main stylesheet of the Hueman theme has been moved to another place is : minification.
Minification is a technique to compress a css file and therefore improve speed (page load time) of your website.

This style.css file provides details about the Theme (in the form of comments above) that is read by WordPress, and therefore cannot be minified.

Note : You can load the not minified stylesheet if you uncheck the option in the customizer > Global Settings > performances
*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html>body .clearfix{display:inline-block;width:100%}* html .clearfix{height:1%}#lightboxIframe{display:none}#overlay{position:absolute;top:0;left:0;z-index:10090;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;display:none}#lightbox{position:absolute;left:0;width:100%;z-index:10100;line-height:0}#jqlb_spinner{height:32px;background-image:url(/wb/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/loading.gif);background-repeat:no-repeat;background-position:center center}#jqlb_closelabel{height:22px;width:66px;background-image:url(/wb/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/closelabel.gif);background-repeat:no-repeat;background-position:center center}#lightbox a img{border:none}#outerImageContainer{position:relative;background-color:#fff;width:300px;height:300px;margin:0 auto}#imageContainer{padding:10px;text-align:center}#lightboxImage{margin-left:auto;margin-right:auto;}#jqlb_loading{position:absolute;top:40%;left:0;height:25%;width:100%;line-height:0}#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#imageContainer>#hoverNav{left:0}#hoverNav a{outline:0}#nextLink,#prevLink{width:45%;height:100%;background:transparent url(/wb/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/blank.gif) no-repeat;display:block}#prevLink{left:0;float:left}#nextLink{right:0;float:right}#prevLink:hover,#prevLink:visited:hover{background:url(/wb/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) left 50% no-repeat}#nextLink:hover,#nextLink:visited:hover{background:url(/wb/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) right 50% no-repeat}#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;color:#000;margin:0 auto;line-height:1.4em}#imageData{padding:0 10px}.ontop #imageData{padding-top:5px}#imageData #imageDetails{float:left;text-align:left;margin-bottom:10px;width:80%;width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-o-calc(100% - 80px);width:calc(100% - 80px)}#imageData #imageDetails #titleAndCaption #titleText{font-weight:700}#imageData #imageDetails #titleAndCaption #captionText{font-weight:400}#imageData #imageDetails #controls{margin:0;white-space:nowrap}#imageData #bottomNav #bottomNavClose{height:22px;width:66px;float:right;margin-bottom:10px}/* Generl Overrides */

#lightbox {
	position: fixed;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
}

#imageContainer {
	position: relative;
	height: 100%;
	box-sizing: border-box;
}

#imageDataContainer {
	position: relative;
}

#imageDataContainer.hide {
	display: none;
}

#newHoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#prevArrow,
#nextArrow {
	color: black;
	background: rgba(255,255,255,.7);
	font-size: 40px;
	position: relative;
	display: none;
	padding: 8px 10px 8px 6px;
    cursor: pointer;
    width: 46px;
    height: 46px;
	box-sizing: border-box;
}

#nextArrow {
	padding: 8px 6px 8px 10px;
}

#prevArrow.fixed,
#nextArrow.fixed {
	position: fixed;
	display:block;
	top: 50%;
	left: 1%;
	transform: translate(0, -50%);
	border-radius: 2px;
}

#nextArrow.fixed {
    right: 1%;
	left: auto;
}

@media screen and (max-width: 800px) {
	#prevArrow.fixed,
	#nextArrow.fixed {
		border-radius: 2px;
	}
	#prevArrow.fixed {
		left: 0;
	}
	#nextArrow.fixed {
		right: 0;
	}
}

#imageContainer:hover #prevArrow,
#imageContainer:hover #nextArrow {
	display:block;
}

#imageData {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4px 10px 8px;
}

#imageData #imageDetails {
	margin-bottom: 0;
}

#imageData #bottomNav #bottomNavClose {
	margin-bottom: 0;
}

#jqlb_loading {
    top: 45%;
}


/* Overrides for mobile styling */ 

#prevArrow.touch-device,
#nextArrow.touch-device {
	display: block;
}

#prevLink.touch-device,
#nextLink.touch-device {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 40px;
	width: 40px;
	float: none;
}

#prevLink.touch-device {
	left: 0;
	background: url(/wb/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) center center no-repeat;
}

#nextLink.touch-device {
	right: 0;
	background: url(/wb/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) center center no-repeat;
}

#imageDataContainer {
	position: relative;
	z-index: 20px;
}