/*
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*********/





/* Navbar CSS*/
.navbar .logo-wrapper .logo a{
	vertical-align:middle;
}


.our-process-section a.read-more{
	color:#ff6600;
}
.our-process-section .sec-process .cont:hover a.read-more{
	color:#14527e;
}
/*
.our-process-section .e-con-inner{
	gap:0px !important;
}
*/
.our-process-section .e-con-inner .services .item {
    padding: 10px 30px 80px;
    margin-bottom: 0px;
}
  
.section-default-banner-header h2.section-title{
	display:none;
}
.v-middle.caption.mt-30 {
    margin-block: 60px !important;
}
.header .caption .butn-light a{
	padding:16px 28px;;
}
.mf-input-select .mf_select__menu{
	z-index:999 !important;
}
h2.section-title.text-center{
	font-size:50px;
}
ul.social-left.clearfix{
    bottom: 55px;
}
.sec-services.services .item img{
	width:80px;
}
.sec-button .butn-dark a{
	padding:16px 28px;
}

.sec-button .butn-dark a span{
	font-size:20px;
}
body .testimonials-box .head-box h4{
	font-size:25px;
}
body .projects .item .con h6 span{
	font-size:20px;
}
body .projects .item .con h5{
	font-size:25px;
}
body .bn-footer-nav li a:hover{
	color:#ff6600;
}
.bauen-project-content span{
	color:#ff6600;
	font-size:18px;
}
ul.gallery-filters.inline-dark-filters li.gallery-filter {
    margin-right: 22px;
    font-size: 18px;
}
/*================================== CSS for order the filters in portfolio =======================*/
.gallery-filters {
  display: flex;
  justify-content:center;
  align-items:center;
}

.gallery-filters li[data-filter=".residential"] {
  order: 1;
}

.gallery-filters li[data-filter=".multifamily-commercial"] {
  order: 2;
}

.gallery-filters li[data-filter=".misc"] {
  order: 3;
}

.gallery-filters li[data-filter="*"] {
  order: 0; 
}



.bauen-project-items {
  display: flex !important;
  flex-wrap: wrap;
}
.bauen-project-items .isotope-item {
  position: static !important;  
  flex: 0 0 50%; 
}

.bauen-project-items .isotope-item:nth-child(1) { order: 9; }
.bauen-project-items .isotope-item:nth-child(2) { order: 5; }
.bauen-project-items .isotope-item:nth-child(3) { order: 7; }
.bauen-project-items .isotope-item:nth-child(4) { order: 4; }
.bauen-project-items .isotope-item:nth-child(5) { order: 6; }
.bauen-project-items .isotope-item:nth-child(6) { order: 2; }
.bauen-project-items .isotope-item:nth-child(7) { order: 1; }
.bauen-project-items .isotope-item:nth-child(8) { order: 2; }
.bauen-project-items .isotope-item:nth-child(9) { order: 8; }




/*========================Fade Up animation css========================*/

body .owl-item .container .o-hidden h1.bn-slider-title-class,.owl-item .container .o-hidden p,.owl-item .container .o-hidden div{
	animation: none !important;
    opacity: 1 !important;
    transform: none !important;
	
}


/* ==========================Google map css ===============================*/
.google-map #map{height:680px; width:70%; margin:0 auto;}
body:not(:has(.home)) .google-map #map{width:100%;}
body.page-id-4989 section.banner-header {
    height: 20vh;
}

body .map-guide{
	display:flex;
	justify-content:start;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
}
body .map-guide div{display:flex; align-items:center; gap:5px;}
body .map-guide div img{width:24px;}
body .map-guide div span{
	margin-right:5px;
	margin-left:-4px;
	font-family: 'Oswald';
    letter-spacing: 1px;
}

/*==========================Portfolio css =======================*/
body #gallery-1 img {border:none;}
body #gallery-1 .gallery-item{margin-top:0px;}


/*===== Metform Css ======*/
.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-textarea{
	max-height: 200px;
    height: 100px;
    overflow: hidden;
}

.news-heading span{
	color:#ff6600;
}

.mf-error-message {
    position: absolute;
    bottom: -26px;
}

/* ==== Responsive starts from here ======*/

@media only screen and (max-width: 767px) {
    body .elementor .services .item {
        padding: 10px ;
    }
	
	.our-process-section .e-con-inner .services .item {
		padding: 10px 10px 80px;
		margin-bottom: 0px;
	}
	body .services .item .numb{
		bottom:0px;
	}
	.elementor-element.e-con-full.e-flex.e-con.e-child{
		padding:0px;
	}
	.e-con.e-flex{
		flex-wrap:nowrap;
	}
	h2.section-title.text-center{
		font-size:40px;
	}
	.menusb a.nav-link{
		margin:10px 5px;
	}
	section .container{
		padding-inline:15px;
	}
	body .elementor-2602 .elementor-element .services .item{
		padding:10px;
	}
	body p{
		font-size:17px !important;
	}
	body .projects-prev-next-right{
		margin-bottom:10px;
	}
	section.projects-prev-next div.d-sm-flex{
		display:flex;
	}
	body h2.section-title.text-left{
		letter-spacing:4px;
	}
	ul.gallery-filters.inline-dark-filters li.gallery-filter {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.sec-button .butn-dark a span{
		font-size:16px;
	}
	.google-map #map{height:480px; width:90%; margin:0 auto;}
	body.page-id-4989 section.banner-header {height: 5vh;}
	body .bauen-project-items .isotope-item {position: static !important;  flex: 0 0 100%;}
	body .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-textarea{max-height: 200px;height: 120px;overflow: hidden;}
	body .mf-error-message {position: absolute;bottom: -24px;}

}