/**
 * Stylesheet declaration for KOLPINGHAUS - JUGENDWOHNEN
 *
 *
 * @url        /
 * @author     Tanja Almasy
 * @copyright  (c) 2019 ACTS Communication GmbH
 * @license    all rights reserved
 */

/* --- BACK BTN ---	*/
.back-btn {
	margin-bottom 		: 20px;
}

/* IMAGE GALLERY
================================*/
.img-gallery .gallery-item {
	margin 				: 15px 0;
}

.img-gallery .gallery-item a {
	position 			: relative;
	display 			: block;
	overflow 			: hidden;
}

.img-gallery .gallery-item a .desc {
	position 			: absolute;
	top 				: 0;
	right 				: 0;
	left 				: 0;
	bottom 				: 0;
	color 				: #FFFFFF;
	background 			: -moz-linear-gradient(90deg, rgba(246,160,30,.5) 0%, rgba(231,93,0,.5) 100%);
	background 			: -webkit-linear-gradient(90deg, rgba(246,160,30,.5) 0%, rgba(231,93,0,.5) 100%);
	background 			: linear-gradient(90deg, rgba(246,160,30,.5) 0%, rgba(231,93,0,.5) 100%);
	filter 				: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6a01e",endColorstr="#e75d00",GradientType=1); 
	visibility 			: hidden;
	opacity 			: 0;
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover .desc {
	visibility 			: visible;
	opacity 			: 1;
}

.img-gallery .gallery-item a .desc .desc-icon {
	width 				: 70px;
	height 				: 70px;
	background 			: rgba(246,160,30,1);
	-webkit-transform 	: translate(-50%, -50%);
	-ms-transform 		: translate(-50%, -50%);
	-o-transform 		: translate(-50%, -50%);
	transform 			: translate(-50%, -50%); 
	display 			: block;
	position 			: absolute;
	top 				: 50%;
	left 				: 50%;
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover .desc .desc-icon {
	-webkit-transform 	: translate(-50%, -50%) rotate(45deg);
	-ms-transform 		: translate(-50%, -50%) rotate(45deg);
	-o-transform 		: translate(-50%, -50%) rotate(45deg);
	transform 			: translate(-50%, -50%) rotate(45deg);
}

.img-gallery .gallery-item a .desc .desc-icon span {
	display 			: block;
	text-align 			: center;
	line-height 		: 70px;
	font-size 			: 40px;
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover .desc .desc-icon span {
	display 			: block;
	text-align 			: center;
	-webkit-transform 	: rotate(-45deg);
	-ms-transform 		: rotate(-45deg);
	-o-transform 		: rotate(-45deg);
	transform 			: rotate(-45deg);
	line-height 		: 70px;
	font-size 			: 40px;
}

.img-gallery .gallery-item a img {
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover img {
	-webkit-transform 	: scale(1.1);
	-ms-transform 		: scale(1.1);
	-o-transform 		: scale(1.1);
	transform 			: scale(1.1);
}