.elementor-14 .elementor-element.elementor-element-1c5e7d7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-14 .elementor-element.elementor-element-1c5e7d7{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-e517489 );margin-top:0px;margin-bottom:-82px;z-index:5;}.elementor-14 .elementor-element.elementor-element-5560a610{width:auto;max-width:auto;align-self:center;--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-e517489 );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-fc7c347 );fill:var( --e-global-color-fc7c347 );padding-left:0px;padding-right:0px;padding-top:32px;padding-bottom:32px;}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-fc7c347 );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a:hover, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a:focus, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a.highlighted, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-menu-toggle:hover, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a:hover, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a:focus, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-5560a610 div.elementor-menu-toggle{color:var( --e-global-color-fc7c347 );}.elementor-14 .elementor-element.elementor-element-5560a610 div.elementor-menu-toggle svg{fill:var( --e-global-color-fc7c347 );}.elementor-14 .elementor-element.elementor-element-5560a610 div.elementor-menu-toggle:hover, .elementor-14 .elementor-element.elementor-element-5560a610 div.elementor-menu-toggle:focus{color:var( --e-global-color-fc7c347 );}.elementor-14 .elementor-element.elementor-element-5560a610 div.elementor-menu-toggle:hover svg, .elementor-14 .elementor-element.elementor-element-5560a610 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-fc7c347 );}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-menu-toggle:hover, .elementor-14 .elementor-element.elementor-element-5560a610 .elementor-menu-toggle:focus{background-color:var( --e-global-color-e517489 );}.elementor-14 .elementor-element.elementor-element-66826b0e{width:auto;max-width:auto;align-self:center;text-align:start;}.elementor-14 .elementor-element.elementor-element-66826b0e img{max-width:128px;}.elementor-14 .elementor-element.elementor-element-6acb9111 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-menu-toggle{margin:0 auto;}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:32px;padding-bottom:32px;}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-1b83ff9d{--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown{background-color:var( --e-global-color-fc7c347 );}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a:hover, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a:focus, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a.highlighted, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-menu-toggle:hover, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a:hover, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a:focus, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 10px 50px 0px rgba(0, 0, 0, 0.05);}.elementor-14 .elementor-element.elementor-element-485a63b7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-14 .elementor-element.elementor-element-4c462098 .elementor-button{background-color:var( --e-global-color-23660cb );fill:var( --e-global-color-fc7c347 );color:var( --e-global-color-fc7c347 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-fc7c347 );padding:5px 15px 5px 15px;}.elementor-14 .elementor-element.elementor-element-4c462098 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14 .elementor-element.elementor-element-4c462098 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-14 .elementor-element.elementor-element-59fc70c8 .elementor-button{background-color:var( --e-global-color-23660cb );font-family:var( --e-global-typography-74e6658-font-family ), Sans-serif;font-size:var( --e-global-typography-74e6658-font-size );font-weight:var( --e-global-typography-74e6658-font-weight );text-transform:var( --e-global-typography-74e6658-text-transform );font-style:var( --e-global-typography-74e6658-font-style );letter-spacing:var( --e-global-typography-74e6658-letter-spacing );fill:var( --e-global-color-fc7c347 );color:var( --e-global-color-fc7c347 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-fc7c347 );}.elementor-14 .elementor-element.elementor-element-59fc70c8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14 .elementor-element.elementor-element-59fc70c8 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-1c5e7d7{margin-top:0px;margin-bottom:-91px;padding:16px 32px 16px 32px;}.elementor-14 .elementor-element.elementor-element-5560a610{width:auto;max-width:auto;}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-14 .elementor-element.elementor-element-66826b0e{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 16px;}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-14 .elementor-element.elementor-element-59fc70c8 .elementor-button{font-size:var( --e-global-typography-74e6658-font-size );letter-spacing:var( --e-global-typography-74e6658-letter-spacing );}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-1c5e7d7{margin-top:0px;margin-bottom:-76px;padding:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-145b3e6c{width:56%;}.elementor-14 .elementor-element.elementor-element-5560a610 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-14 .elementor-element.elementor-element-66826b0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 8px;}.elementor-14 .elementor-element.elementor-element-66826b0e img{max-width:100px;}.elementor-14 .elementor-element.elementor-element-40285074{width:44%;}.elementor-14 .elementor-element.elementor-element-1b83ff9d .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-14 .elementor-element.elementor-element-59fc70c8 .elementor-button{font-size:var( --e-global-typography-74e6658-font-size );letter-spacing:var( --e-global-typography-74e6658-letter-spacing );padding:5px 15px 5px 15px;}}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-145b3e6c{width:19.973%;}.elementor-14 .elementor-element.elementor-element-40285074{width:79.982%;}.elementor-14 .elementor-element.elementor-element-17cf26ca{width:75.839%;}.elementor-14 .elementor-element.elementor-element-485a63b7{width:23.983%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14 .elementor-element.elementor-element-145b3e6c{width:30%;}.elementor-14 .elementor-element.elementor-element-40285074{width:70%;}.elementor-14 .elementor-element.elementor-element-17cf26ca{width:25%;}.elementor-14 .elementor-element.elementor-element-485a63b7{width:75%;}}/* Start custom CSS for section, class: .elementor-element-1c5e7d7 *//* ============================================ HEADER - INITIAL STATE (Top of page = Transparent + White) ============================================ */ #main-header { background-color: transparent !important; transition: background-color 0.4s ease, box-shadow 0.4s ease !important; } /* Menu links (Home, About, Our Villas, Blogs, Contact) - white */ #main-header .elementor-item { color: #ffffff !important; } /* Phone number button text + icon */ #main-header .elementor-button-text { color: #ffffff !important; } #main-header .elementor-button-icon svg path { fill: #ffffff !important; } /* Mobile burger menu icon */ #main-header .elementor-menu-toggle svg path { fill: #ffffff !important; } /* Logo - force white (works even if PNG has other colors, keeps shape) */ #main-header .attachment-full { filter: brightness(0) saturate(100%) invert(1); transition: filter 0.4s ease; } /* ============================================ HEADER - STICKY STATE (White bg + Black text) Elementor auto-adds class: elementor-sticky--effects ============================================ */ #main-header.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0 2px 12px rgba(0,0,0,0.1) !important; } /* Menu links → black */ #main-header.elementor-sticky--effects .elementor-item { color: #000000 !important; } /* Phone button text + icon → black */ #main-header.elementor-sticky--effects .elementor-button-text { color: #000000 !important; } #main-header.elementor-sticky--effects .elementor-button-icon svg path { fill: #000000 !important; } /* Mobile burger icon → black */ #main-header.elementor-sticky--effects .elementor-menu-toggle svg path { fill: #000000 !important; } /* Logo → black on sticky */ #main-header.elementor-sticky--effects .attachment-full { filter: brightness(0) saturate(100%); } /* ============================================ EXTRA: Dropdown arrows (OUR VILLAS, PAGES) ============================================ */ #main-header .elementor-item .e-font-icon-svg path, #main-header svg.e-fas-angle-down path { fill: #ffffff !important; } #main-header.elementor-sticky--effects .elementor-item .e-font-icon-svg path, #main-header.elementor-sticky--effects svg.e-fas-angle-down path { fill: #000000 !important; } /* ============================================ EXTRA: Phone number button border box ============================================ */ #main-header .elementor-button-link { border-color: #ffffff !important; } #main-header.elementor-sticky--effects .elementor-button-link { border-color: #000000 !important; } /* ============================================ EXTRA: Mobile Dropdown Menu - always black text ============================================ */ #main-header .elementor-nav-menu--dropdown { background-color: #ffffff !important; } #main-header .elementor-nav-menu--dropdown .elementor-item { color: #000000 !important; } #main-header .elementor-nav-menu--dropdown .elementor-item:hover { color: #555555 !important; }/* End custom CSS */