/*
	Theme Name: Kleinstadt Gardens Site
	Description:  Theme for the Kleinstadt Gardens site
	Author: Idealogy
	Template: hello-elementor
	Version: 1.0.0
	Text Domain: kleinstadt-child

 */

/*

body.home header::before{background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(0deg, #FFFFFF00 10%, #FFFFFFBB 100%);
}

.homeHeader{background-size: 100% 100%;
background-position: 0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;
background-image: radial-gradient(18% 28% at 24% 50%, #C0D5F1A1 7%, #073AFF00 100%),radial-gradient(18% 28% at 18% 71%, #FFFFFF59 6%, #073AFF00 100%),radial-gradient(42% 53% at 15% 94%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(42% 53% at 34% 72%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(18% 28% at 35% 87%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(31% 43% at 7% 98%, #FFFFFFFF 24%, #073AFF00 100%),radial-gradient(21% 37% at 24% 29%, #F3F5F4C7 24%, #073AFF00 100%),radial-gradient(35% 56% at 32% 82%, #adc8e9 9%, #073AFF00 100%),radial-gradient(74% 86% at 67% 38%, #d5e1f1 24%, #073AFF00 100%),linear-gradient(180deg, #ceddf4 1%, #FFFFFFFF 100%);}



@media screen and (min-width:1050px){
.birdBranch > div{min-width:1000px!important;}
}

@media screen and (max-width:1050px) and (min-width:1024px){
.birdBranch > div{min-width:820px!important;}
}


@media screen and (min-width:1024px){

body.home header{position:absolute;}
	
}

@media screen and (max-width:1024px){
	.birdBranch > div{position:absolute; bottom:0; right:0;}
}
*/

.elementor-nav-menu--dropdown li a{justify-content:center;}
.elementor-nav-menu--dropdown li{border-bottom:solid 1px white;}

.service-wrapper__visual--img{transition: all .35s ease; opacity:0; position:absolute;}
.service-wrapper__visual--img.active{opacity:1;position:relative;}

.e-n-accordion-item-title-header{max-width:750px; color:var( --e-global-color-text );}
.e-n-accordion-item-title-header h3{font-weight:bold; font-size:1.4em; margin-bottom:1em!important; color:var( --e-global-color-primary );}

.e-n-accordion details{border-style: solid; border-width: 0px 0px 1px 0px; border-color: var(--e-global-color-accent);}

.e-n-accordion-item-title-icon{transition: 0.3s ease-in-out all; align-self:flex-start;}
details[open] .e-n-accordion-item-title-icon{
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#floorplans > div{position:relative;}
	#floorplans::before{content:''; width:100%; height:150px; z-index:-1; position:absolute; top:0; left:0; background: var( --e-global-color-secondary );}

.design-image.active{background-color:#fff; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);}

.design-image:hover{cursor:pointer; background-color:#fff;} .design-image img{transition: 0.3s ease-in-out all}

.design{transition: 0.3s ease-in-out opacity; opacity:0; position:absolute; top:0; left:0; background: #fff;}
.design::after{content:''; width:100%; height:100%; z-index:-1; position:absolute; top:0; left:0; background: #fff; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); transition: 0.3s ease-in-out all;}
.design.active{opacity:1;position:relative;  }

.img-wrapper, .homeContainer > div{border-radius:clamp(5rem, 3rem + 12vw, 3rem) 0; } .elementor-widget-image.img-wrapper, .homeContainer > div{overflow:hidden;}

@media screen and (max-width:500px){
#floorplans > div{display: flex;
    flex-direction: column;
}
	.design:not(.active){padding:0;}
	.design{height:0; position:relative;} .design.active{height:auto;}
}