/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

@import url("../hello-elementor/style.css");

/* h1,h2,h3,h4,h5,h6 {
	font-family: "Seoge UI", Sans-serif !important;
}

body,div,a,p,span,strong {
	font-family: "Lato", Sans-serif !important;
	font-weight: 400;
} */

/* ── Form select: white text for the selected/displayed value ── */
.elementor-field-type-select select,
.elementor-form select {
  color: #ffffff !important;
}

/* ── Dropdown options: dark text so they're readable in the list ──
   Browser-native dropdowns ignore most CSS, but color + background
   are consistently respected across Chrome / Safari / Firefox.     */
.elementor-field-type-select select option,
.elementor-form select option {
  color: #1a1a1a !important;
  background-color: #f0f0f0 !important;
}

/* ── Placeholder / default empty option: muted so it reads as hint ── */
.elementor-field-type-select select option[value=""],
.elementor-field-type-select select option:first-child {
  color: #888888 !important;
  background-color: #ffffff !important;
}

/* ── Hovered / focused option (Chrome/Edge support) ── */
.elementor-field-type-select select option:hover,
.elementor-field-type-select select option:checked {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.elementor-button-content-wrapper span {
	font-weight: 700;
}
.elementor-widget-video .e-hosted-video .elementor-video {
    object-fit: unset !important;
}

body.page-id-3 .page-header {
    display: none;
}

#fullscreen-menu-overlay {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
#fullscreen-menu-overlay.is-active {
    display: flex !important;
    opacity: 1;
}

body.page-id-33 main#content .elementor-element.e-con>.e-con-inner {
    margin: 0;
}

.aqua-typewriter span.elementor-headline-plain-text {
    display: block;
}

.aqua-typewriter span.elementor-headline-dynamic-text span.elementor-headline-dynamic-letter {
    font-size: 12rem;
    line-height: 150px;
}

.aqua-typewriter span.elementor-headline-dynamic-wrapper::after {
    background-color: #fff;
    content: "";
    width: 15px;
}

.hero-typing {
  display: block;
  font-size: 6rem;
  font-family: "ofelia-text", Sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}
.typing-line {
  display: block;
}
#typed-text {
    font-size: 12rem;
    line-height: 150px;
    font-weight: 700;
    
}

.typed-cursor {
  font-weight: 400;
  animation: blink 0.8s infinite;
}

.aq-home-form .aq-form .elementor-form-fields-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.aq-home-form .aq-form .elementor-form-fields-wrapper .elementor-field-group {
    width: 50%;
}

.aq-home-form .aq-form .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-submit {
    margin: 0 auto;
}

.map-img {
    height: 100%;
}

.map-img img {
	object-fit: cover;
}

@keyframes blink {
  50% { opacity: 0; }
}


main#content .page-content .elementor-element.aqua-section{
position:relative;
overflow:hidden;
}

main#content .page-content .elementor-element.aqua-section .animated-wave-svg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:0;
}

main#content .page-content .elementor-element.aqua-section .animated-wave-svg path{
stroke:#62A3AE;
opacity:.3;
fill:none;
stroke-width:1;

pathLength:1;
stroke-dasharray:1;
stroke-dashoffset:1;

transform:scale(3.5);
transform-origin:center;

transition:stroke-dashoffset 2s ease;
}

/*------------Residence------------------------*/
.residences-matterport {
    display: block;
    height: 500px;
    margin: 25px auto;
    width: 60%;
}
.residences-appfolio {
    height: 750px;
    margin-top: 50px;
    width: 90%;
}
.aq-tab .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background-color: #649FB9 !important;
}


/*------------Neighborhood------------------------*/
.map-section {
display: flex;
}

.map-tabs {
    padding: 0 12px;
    background-color: #4a6670;
    width: 25%;
    font-family: "ofelia-text", sans-serif;
}

.map-tab {
    padding: 16px 20px;
    margin-top: 25px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: 400;
    transition: background 0.2s;
}

        .map-tab.active {
            color: #21363b;
            border-bottom: 1px solid #21363b;
        }

        /* CRITICAL FIX: Hide lists by default */
        .location-list {
            display: none; 
            padding: 16px 20px 32px 52px;
        }

        /* Show list only when active */
        .location-list.active {
            display: block;
            border-bottom: 1px solid #fff;
        }

        .location-item {
            padding: 6px 0;
            font-size: 1rem;
			color: #fff;
			font-weight: 700;
        }

        .location-item span {
            font-weight: 400;
            margin-right: 25px;
            color: #fff;
        }

        #leaflet-map {
            height: 920px;
            width: 75%;
            z-index: 1;
        }
/* --- AQUA LOGO STYLES --- */
        .aqua-map-logo-container {
            padding: 8px 15px;
            text-align: center;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .leaflet-container .leaflet-marker-pane .aqua-map-logo-container img {
       max-width: 120px !important;
    height: auto !important;
    display: block;
    position: absolute;
    right: -25px;
    top: 30px;
        }

        

        .leaflet-div-icon {
            background: transparent !important;
            border: none !important;
        }
/*------------------Contact US----------------------*/
.aq-form .elementor-field-group {
    margin-bottom: 20px !important;
}
.aq-contact .elementor-widget-image{
	height: 100%;
}

/*------------Responsive media Queries------------------------*/
@media only screen and (max-width: 767px){
    .hero-typing {
        font-size: 40px;
        text-align: center;
    }
    #typed-text {
    font-size: 56px;
    line-height: 65px;
}
	.map-section {
flex-wrap: wrap;
}
	 #leaflet-map {
            width: 100%;
        }
	.map-tabs {
    width: 100%;
}
	.aq-home-form .aq-form .elementor-form-fields-wrapper .elementor-field-group {
    width: 100% !important;
}
} 

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
    .hero-typing {
        font-size: 95px;
        text-align: center;
    }
    #typed-text {
    font-size: 120px;
    line-height: 150px;
}
	.map-section {
flex-wrap: wrap;
}
	 #leaflet-map {
            width: 100%;
        }
	.map-tabs {
    width: 100%;
}
} 

@media only screen and (max-width: 1300px) {
	.elementor-nav-menu--layout-horizontal .elementor-nav-menu a.elementor-item {
    font-size: .65rem !important;
	padding-left: 30px !important;
    padding-right: 10px !important;
    margin: 0 !important;
}
	.elementor-919 .elementor-element.elementor-element-bcf1b23, .elementor-692 .elementor-element.elementor-element-a768dc0{
		justify-content: flex-end;
	}
	.elementor-919 .elementor-element.elementor-element-bcf1b23 ul.elementor-icon-list-items.elementor-inline-items, .elementor-692 .elementor-element.elementor-element-a768dc0 ul.elementor-icon-list-items.elementor-inline-items {
    flex-wrap: nowrap;
}
	.elementor-919 .elementor-element.elementor-element-bcf1b23 .elementor-button, .elementor-692 .elementor-element.elementor-element-a768dc0 .elementor-button {
    font-size: .5rem;
}
}