/**
 * Plugin Name: GF-IT Lightbox
 * Plugin URI: http://gf-it.ch
 * Description: This Plugin creates a simple Lightbox for Images with a link to the image file.
 * Author: Michael Ligabue
 */
/**
 * Main Container
 * -------------------------------
 */
#gfitfw-lightbox-wrapper{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.8);
	text-align: center;
	z-index: 1000000;
}

/**
 * Image Container
 * -------------------------------
 */
#gfitfw-lightbox-wrapper .gfitfw-lightbox-img-cont{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 50px 0 50px 0;
	margin: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#gfitfw-lightbox-wrapper .gfitfw-lightbox-img-cont img{
	display: none;
	position: relative;
    max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

/**
 * Title Container
 * -------------------------------
 */
#gfitfw-lightbox-wrapper .gfitfw-lightbox-title{
	position: absolute;
	bottom: 0;
	padding: 10px 25px;
	z-index: 30;
}

#gfitfw-lightbox-wrapper .gfitfw-lightbox-title h1{
	margin: 0;
	padding: 0;
	color: rgb(255,255,255);
	font-size: 10pt;
	font-weight: normal;
}

/**
 * Closing Button
 * -------------------------------
 */
#gfitfw-lightbox-wrapper .gfitfw-lightbox-close{
	position: fixed;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 100;
	background-image: url( ../img/Galerie_Kreuz.png );
	background-position: center center;
	background-size: contain;
}

/**
 * Next and Previous Buttons
 * -------------------------------
 */
#gfitfw-lightbox-wrapper .gfitfw-lightbox-next,
#gfitfw-lightbox-wrapper .gfitfw-lightbox-prev{
	position: fixed;
	width: 30px;
	height: 30px;
	top: 10px;
	cursor: pointer;
	z-index: 100;
	background-position: center center;
	background-size: contain;
}

#gfitfw-lightbox-wrapper .gfitfw-lightbox-next{
	right: 66px;
	background-image: url( ../img/Galerie_rechts.png );
}

#gfitfw-lightbox-wrapper .gfitfw-lightbox-prev{
	right: 102px;
	background-image: url( ../img/Galerie_links.png );
}

/**
 * Image Number Container
 * -------------------------------
 */
#gfitfw-lightbox-wrapper .gfitfw-lightbox-img-number{
	display: block;
	position: fixed;
	right: 0px;
	padding: 10px 25px 10px 15px;
	border-radius: 2px 0 0 2px;
	bottom: 0;
	z-index: 100;
}

#gfitfw-lightbox-wrapper .gfitfw-lightbox-img-number .gfitfw-lightbox-img-number-actv,
#gfitfw-lightbox-wrapper .gfitfw-lightbox-img-number .gfitfw-lightbox-img-number-all{
	display: inline-block;
	margin: 0 -4px 0 0;
	padding: 0 5px;
	color: rgb(255,255,255);
}

#gfitfw-lightbox-wrapper .gfitfw-lightbox-img-number .gfitfw-lightbox-img-number-actv{
	border-right: 1px solid rgb(255,255,255);
}