/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* NAVIGATION HEADER MENU */
.header-nav li{
	margin-left:20px !important;
}

.header-nav li:first-child{
	margin-left:0 !important;
}

.menu-item{
	padding:0 5px !important;
}

.menu-item a{
	color:#000 !important;
	transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	padding:0 20px !important;
}

.menu-item a:hover{
	background:#E5E5E5 !important;
}

.header-nav li a:active{
	color:#FFF;
}

.current-menu-item a{
	background:#0368B8 !important;
	color:#FFF !important;
}

.current-menu-item a:hover{
	background:#0378B8 !important;
	color:#FFF !important;
}



.header_section{
	position:relative;
}

.header_triangle_white_bg{
	position:absolute;
	bottom:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-image:url("../../uploads/2021/03/header_section.png");
	z-index:999999999 !important;
}

.contact_btn_header_banner{
	margin-top:20px !important;
}






/* BLOG TEMPLATE */
.blog_header_title_bg{
	display:block !important;
	position:absolute !important;
	right:0 !important;
	width:50%;
	text-align:left !important;

}

.blog_header_title{
	display:block !important;
	position:absolute !important;
	right:0px !important;
	top:320px !important;
	z-index:99999 !important;
	background:#0368b8;
	width:45% !important;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	float:right;
	color:#FFF !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:0px;
	text-align:left !important;
}



.apartment_list{
	border-top:7px solid #0368B8 !important;
	padding-bottom:10px !important;
}

.apartment_list:last-child{
	border-bottom:7px solid #0368B8 !important;
}

.see_more_picture_blue_btn{
	width:200px !important;
}

.udsolgt{
	display:block;
	float:left;
	margin-top:-310px;
	position:relative;
}

.udsolgt h2{
	color:#FFF !important;
	background:#0368B8 !important;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}



.customer-talk-box{
	position:relative !important;
	transform:skew(-10deg);
}

.customer-talk-icon{
	position:absolute !important;
	top:-10px;
	left:-10px;
}







/* KONTAKTFORMULAR */
.kontaktformular .row-collapse>.flickity-viewport>.flickity-slider>.col, .row-collapse>.col{
	padding: 22px 10px !important;
}


.kontaktformular_col{
	background:#E0E0E0 !important;
	padding:8px 25px !important;
}

.kontaktformular .nf-form-content{
	padding:0 !important;
}

.ninja-forms-form-wrap{
	margin-top:20px;
}

.kontaktformular .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field{
	padding:0 !important;
}

.kontaktformular .wpcf7-submit{
	display:block;
	width:120px;
	height:45px;
	float:right;
	text-align:center;
	background:#0368B8 !important;
	color:#FFF;
	border-radius:4px;
	line-height:45px;
	margin-right:0 !important;
	margin-left:0 !important;
}

.kontaktformular .wpcf7-submit:hover{
	background:#0099FF !important;
	color:#FFF;
}

.wpcf7 form.sent .wpcf7-response-output{
	border: 0px !important;
}

.wpcf7 form .wpcf7-response-output{
	margin:0 !important;
}









/* FOOTER */
.footer_blue_bottom_line{
	height:30px !important;
	max-height:30px !important;
	background:#0368B8;
}

.absolute-footer{
	display:none !important;
	padding:0 !important;
}



@media only screen and (min-width: 2050px){
/******* FOR BIGGER SCREENS  *******/
	.header_triangle_white_bg{
		bottom: -44px !important;
	}
}

@media only screen and (min-width: 2500px){
/******* FOR BIGGER SCREENS  *******/
	.header_triangle_white_bg, .header_triangle_white_bg .image-cover, .header_triangle_white_bg .image-cover img{
		display:none;
	}
}






@media only screen and (max-width: 1200px) {
/******* ADD SMALL LAPTOP SCREENS ONLY CSS HERE  *******/
.apartment_data_blue_box .col-inner{
	border-radius:0 !important;
}

.mobile-sidebar ul li a{
	color:#FFF !important;
}

.mobile-sidebar ul li a:hover{
	color:#000 !important;
}


@media only screen and (max-width: 920px) {
/*************** ADD IPAD ONLY CSS HERE  ***************/
.blog_header_title{
	display:block !important;
	position:absolute !important;
	left:0px !important;
	top:320px !important;
	z-index:99999 !important;
	background:#0368b8;
	width:65% !important;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	float:left;
	color:#FFF !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:0px;
	text-align:left !important;
	font-size:20px !important;
}

.customer-talk-box{
	position:relative !important;
	transform:skew(0);
}

.udsolgt{
	margin-top:-170px;
}





@media only screen and (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.see_more_picture_blue_btn{
	width:100% !important;
}

.mobile-nav{
	margin-left:10px !important;
}

.stuck #logo img{
	height:60px !important;
	max-height:60px !important;
}