/*
Theme Name: Bauen Child
Theme URL: https://themeforest.net/item/bauen-architecture-interior-wordpress-theme/34326026?ref=webRedox
Description: Child theme of Bauen
Author: webRedox WordPress Team
Author URI: http://webredox.net/
Template: bauen
Version: 1.0
Text Domain: bauen-child
*/ 
/*******Add Your Css Below This Line*********/

.hotspots-image-container, .leaflet-container {
	background: transparent !important;
}

.single-layouts .section-title {
	display: none;
}

.layout-colors ul > li:nth-child(1) svg {
	fill: #C5B96E;
}
.layout-colors ul > li:nth-child(2) svg {
	fill: #6a6a6a;
}
.layout-colors ul > li:nth-child(3) svg {
	fill: #ff5151;
}

.single-layouts section.section-default-banner-header.section-padding2 {
	padding-top: 130px;
}
.single-layouts > .content-wrapper > section.pb-90 {
	padding-bottom: 0 !important;
}

.single-layouts .hotspots-map-container {
	position: relative;
}
.single-layouts .hotspots-map-container::before {
	content: "";
	top: 0;
	left: 23%;
	width: 2px;
	height: 100%;
	background: #C5B96E;
	position: absolute;
	z-index: 0;
}
.single-layouts .hotspots-map-container::after {
	content: "";
	top: 33%;
	left: 0%;
	width: 100%;
	height: 2px;
	background: #C5B96E;
	position: absolute;
	z-index: -1;
}

.elementor-slideshow__footer {
	display: none;
}

.single-layouts .feedback_floor_plan_form {
	display: flex;
	gap: 20px;
	align-items: center;
	flex-wrap: wrap;
}
.single-layouts .feedback_floor_plan_form > div.plan_form_div {
	display: flex;
	width: 100%;
	gap: 20px;
	align-items: center;
}
.single-layouts .wpcf7-form > div.plan_form_div .wpcf7-spinner {
	display: none;
}
.single-layouts .wpcf7-form div.plan_form_div input {
	margin-bottom: 0;
	border-color: #C5B96E;
	border-bottom-color: #C5B96E !important;
}
.single-layouts .wpcf7-form div.plan_form_div button {
	margin: 0 !important;
}

/* Head planning floor */

.apps_floor_plannings_head {
	width: 535px;
	margin: 0 auto;
	display: block;
	font-family: 'Montserrat', sans-serif;
}
.apps_floor_plannings_head h3 {
	font-size: 40px;
	text-transform: uppercase;
	color: #C5B96E;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.apps_floor_plannings_head .floor_name {
	background: #C5B96E;
	padding: 15px 0px 15px 0px;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.apps_floor_plannings_head ul {
	display: flex !important;
	gap: 20px;
	margin: 0 !important;
	padding: 0 !important;
	align-items: center;
	justify-content: space-between;
}
.apps_floor_plannings_head ul > li {
	display: flex;
	align-items: center;
	gap: 7px;
	list-style: none !important;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}
.apps_floor_plannings_head ul > li > span {
	width: 30px;
	height: 30px;
}
.apps_floor_plannings_head ul > li:first-child > span {
	background: #C5B96E;
}
.apps_floor_plannings_head ul > li:nth-child(2) > span {
	background: #6a6a6a;
}
.apps_floor_plannings_head ul > li:last-child > span {
	background: #ff5151;
}

.apps_floor_plannings_head a {
	display: block;
	width: 70%;
	text-align: center;
	margin-top: 30px;
	color: #000;
	background: #fff;
	font-size: 18px;
	padding: 10px 24px;
	text-transform: uppercase;
	font-weight: bold;
}
.apps_floor_plannings_head > div a:hover {
	display: block !important;
}
.apps_floor_plannings_head a > svg {
	width: 18px;
	margin-bottom: -4px;
	margin-right: 10px;
}

/* vacancies page */

.vacancy-item.col-md-12 {
	border: 1px solid;
	padding: 35px 40px;
	transition: all .3s ease;
}
.vacancy-item.col-md-12:hover {
	border-color: #C5B96E;
}
.vacancy-item.col-md-12:hover h2 a {
	color: #C5B96E;
}
.vacancy-item.col-md-12 > h2 {
	font-weight: bold;
	text-transform: uppercase;
	transition: all .3s ease;
}
.vacancy-item.col-md-12 > h2 > a {
	transition: all .3s ease;
}
.vacancy-item.col-md-12 > .vacancy-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: center;
}
.vacancy-item.col-md-12 > .vacancy-info > .vacancy-category {
	padding: 10px 20px;
	background-color: #C5B96E;
	border: 1px solid;
	color: #0f1f2f;
	border-radius: 100px;
}
.vacancy-item.col-md-12 > .vacancy-more > a {
	padding: 15px 35px;
	background-color: #C5B96E;
	color: #0f1f2f;
	text-transform: uppercase;
	font-weight: bold;
}

.single-vacancies .vacancy_form_div {
	display: flex;
	align-items: center;
	gap: 20px;
}
.single-vacancies .vacancy_form_div input {
	margin-bottom: 0;
	border-bottom: 1px solid;
	border-color: #C5B96E;
	border-bottom-color: #C5B96E !important;
}
.single-vacancies .vacancy_form_div .butn-dark {
	margin-top: 0 !important;
}
.post-type-archive-vacancies section.section-default-banner-header.section-padding2, .single-vacancies section.section-default-banner-header.section-padding2 {
	padding-top: 150px;
}

/* Media styles */

@media (max-width: 480px) {
	.logo-holder {
		top: 14px !important;	
	}
	
	.single-layouts .e-con-inner {
		margin: 0 !important;
	}
	
	.apps_floor_plannings_head {
		width: 100%;
		margin: inherit;
	}
	.apps_floor_plannings_head h3 {
		font-size: 25px;
		text-align: center;
	}
	.apps_floor_plannings_head .floor_name {
		font-size: 20px;
		text-align: center;
	}
	.apps_floor_plannings_head ul {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	
	.apps_floor_plannings_head a {
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	
	.single-layouts .post-content > .row > div {
		width: 100%;
	}
	
	#apartments-carousel {
		margin-top: 0 !important;
	}
	#apartments-carousel .swiper-slide-image {
		width: 100%;
	}
	#apartments-carousel .swiper-container-wrapper .swiper-slide {
		width: 70% !important;
	}
	
	.single-layouts .feedback_floor_plan_form > div.plan_form_div {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.vacancy_form_div {
		flex-wrap: wrap;
		justify-content: start;
	}
	.vacancy_form_div > p, 	.vacancy_form_div > p > label, 	.vacancy_form_div > p > label > span {
		width: 100%;
	}
}