/**
 * Stylesheet declaration for KOLPINGHAUS - JUGENDWOHNEN
 *
 *
 * @url        /kontakt
 * @author     Tanja Almasy
 * @copyright  (c) 2019 ACTS Communication GmbH
 * @license    all rights reserved
 */


/* --- MAPS CONTAINER --- */
.content-wrapper {
	padding-top 					: 0;
}

#googlemaps {
	padding 						: 0;
}

#map {
    background 						: #ffffff none repeat scroll 0 0;
    display 						: block;
    height 							: 600px;
    padding-left 					: 0;
    padding-right 					: 0;
}

#map .google-maps {
    height 							: 100%;
    width 							: 100%;
}

@media all and (max-width:992px) {
	#googlemaps  {
		width 						: 100%;
	}
	
	#map {
		height 						: 500px;
	}
	
	#contact .row {
		flex-flow 					: wrap-reverse;	
	}
}

/* --- CONTACT BOX --- */
.contact-box {
	position 				: relative;
	padding-left 			: 55px;
	margin 					: 25px 0;
	margin-top 				: 25px;
}

.contact-box-icon {
	position 				: absolute;
    height 					: 38px;
    width 					: 38px;
    left 					: 0;
    top 					: 0;
    text-align 				: center;
    line-height 			: 38px;
    font-size 				: 28px;
    color 					: #272727;
}

.contact-box [class^="flaticon-"]::before,
.contact-box [class*=" flaticon-"]::before,
.contact-box [class^="flaticon-"]::after,
.contact-box [class*=" flaticon-"]::after {
    font-family 			: Flaticon;
    font-size 				: 28px;
    font-style 				: normal;
    margin-left 			: 0px;
}

.contact-box {
	line-height 			: 21px;
}

.contact-box > span {
	color 					: #F6A01E;
	text-transform 			: uppercase;
	font-size 				: 14px;
	font-weight 			: 600;
}

.contact-box a {
	color 					: #272727;
}

.contact-box a:hover {
	color 					: #F6A01E;
	text-decoration 		: none;
}

.contact-box-title {
	text-transform 			: uppercase;
	margin-bottom 			: 18px;
}

/* --- Social Media Icon --- */
.contact-sm-fb {
	line-height 			: 30px;
	text-align 				: center;
	width 					: 30px;
	height 					: 30px;
	display 				: block;
	position 				: relative;
	margin-top				: 10px;
	border-radius 			: 3px;
	background 				: #3B5998;
}

.contact-sm-fb span {
	color 					: #FFFFFF;
}

.contact-sm-fb:hover,
.contact-sm-fb:active,
.contact-sm-fb:focus {
background 					:#355088;	
}