.elementor-495 .elementor-element.elementor-element-ee8e951{--display:flex;--min-height:140px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-495 .elementor-element.elementor-element-ee8e951:not(.elementor-motion-effects-element-type-background), .elementor-495 .elementor-element.elementor-element-ee8e951 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ab6aac );}.elementor-495 .elementor-element.elementor-element-c9ac38d{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;}.elementor-495 .elementor-element.elementor-element-9471e69.elementor-element{--align-self:center;}.elementor-495 .elementor-element.elementor-element-9471e69 .elementor-menu-toggle{margin:0 auto;}.elementor-495 .elementor-element.elementor-element-9471e69 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;letter-spacing:0.5px;}.elementor-495 .elementor-element.elementor-element-9471e69 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-8268efd );fill:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-underline .elementor-item:after,
					 .elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-overline .elementor-item:before,
					 .elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-double-line .elementor-item:before,
					 .elementor-495 .elementor-element.elementor-element-9471e69 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-495 .elementor-element.elementor-element-fdba07e{padding:5px 2px 0px 20px;z-index:1;}.elementor-495 .elementor-element.elementor-element-fdba07e.elementor-element{--align-self:center;}.elementor-495 .elementor-element.elementor-element-fdba07e .elementor-icon-wrapper{text-align:center;}.elementor-495 .elementor-element.elementor-element-fdba07e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-fdba07e.elementor-view-framed .elementor-icon, .elementor-495 .elementor-element.elementor-element-fdba07e.elementor-view-default .elementor-icon{color:var( --e-global-color-8268efd );border-color:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-fdba07e.elementor-view-framed .elementor-icon, .elementor-495 .elementor-element.elementor-element-fdba07e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-fdba07e .elementor-icon{font-size:30px;}.elementor-495 .elementor-element.elementor-element-fdba07e .elementor-icon svg{height:30px;}.elementor-495 .elementor-element.elementor-element-4df888d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-495 .elementor-element.elementor-element-3c3f637 img{width:40%;max-width:200%;}.elementor-495 .elementor-element.elementor-element-2b3c8ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-495 .elementor-element.elementor-element-3b63142{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-495 .elementor-element.elementor-element-2dedbad.elementor-element{--align-self:center;}.elementor-495 .elementor-element.elementor-element-2dedbad .elementor-menu-toggle{margin:0 auto;}.elementor-495 .elementor-element.elementor-element-2dedbad .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;letter-spacing:0.5px;}.elementor-495 .elementor-element.elementor-element-2dedbad .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-8268efd );fill:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-underline .elementor-item:after,
					 .elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-overline .elementor-item:before,
					 .elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-double-line .elementor-item:before,
					 .elementor-495 .elementor-element.elementor-element-2dedbad .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-495 .elementor-element.elementor-element-cac4df4{--display:flex;--min-height:140px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-495 .elementor-element.elementor-element-cac4df4:not(.elementor-motion-effects-element-type-background), .elementor-495 .elementor-element.elementor-element-cac4df4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ab6aac );}.elementor-495 .elementor-element.elementor-element-30f6db2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-495 .elementor-element.elementor-element-5fcb97b img{width:40%;max-width:200%;}.elementor-495 .elementor-element.elementor-element-b7fcc1b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-495 .elementor-element.elementor-element-916e6af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-495 .elementor-element.elementor-element-dd4b7c4{padding:5px 0px 0px 0px;z-index:1;}.elementor-495 .elementor-element.elementor-element-dd4b7c4.elementor-element{--align-self:center;}.elementor-495 .elementor-element.elementor-element-dd4b7c4 .elementor-icon-wrapper{text-align:center;}.elementor-495 .elementor-element.elementor-element-dd4b7c4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-dd4b7c4.elementor-view-framed .elementor-icon, .elementor-495 .elementor-element.elementor-element-dd4b7c4.elementor-view-default .elementor-icon{color:var( --e-global-color-8268efd );border-color:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-dd4b7c4.elementor-view-framed .elementor-icon, .elementor-495 .elementor-element.elementor-element-dd4b7c4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8268efd );}.elementor-495 .elementor-element.elementor-element-dd4b7c4 .elementor-icon{font-size:30px;}.elementor-495 .elementor-element.elementor-element-dd4b7c4 .elementor-icon svg{height:30px;}.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-495 .elementor-element.elementor-element-3b63142{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-495 .elementor-element.elementor-element-cac4df4{--min-height:100px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;}.elementor-495 .elementor-element.elementor-element-5fcb97b{padding:10px 0px 10px 20px;text-align:start;}.elementor-495 .elementor-element.elementor-element-5fcb97b img{width:25%;}.elementor-495 .elementor-element.elementor-element-916e6af{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-495 .elementor-element.elementor-element-dd4b7c4{padding:05px 2px 0px 2px;}}@media(min-width:768px){.elementor-495 .elementor-element.elementor-element-c9ac38d{--width:47.5%;}.elementor-495 .elementor-element.elementor-element-4df888d{--width:5%;}.elementor-495 .elementor-element.elementor-element-3b63142{--width:47.5%;}.elementor-495 .elementor-element.elementor-element-30f6db2{--width:10%;}.elementor-495 .elementor-element.elementor-element-916e6af{--width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-495 .elementor-element.elementor-element-c9ac38d{--width:25%;}.elementor-495 .elementor-element.elementor-element-3b63142{--width:25%;}.elementor-495 .elementor-element.elementor-element-30f6db2{--width:75%;}.elementor-495 .elementor-element.elementor-element-916e6af{--width:25%;}}@media(max-width:767px){.elementor-495 .elementor-element.elementor-element-ee8e951{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-495 .elementor-element.elementor-element-cac4df4{--min-height:100px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;}.elementor-495 .elementor-element.elementor-element-30f6db2{--width:75%;}.elementor-495 .elementor-element.elementor-element-916e6af{--width:25%;}}/* Start custom CSS for nav-menu, class: .elementor-element-9471e69 *//* Bold on hover */
.bold-menu .elementor-nav-menu a:hover {
    font-weight: 700 !important;
}

/* Bold on active/current */
.bold-menu .elementor-nav-menu .elementor-item.elementor-item-active,
.bold-menu .elementor-nav-menu .elementor-item.highlighted,
.bold-menu .elementor-nav-menu .elementor-item:focus {
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c3f637 */.logo img {
max-width: 140px;
height: auto;
transition: all 0.5s ease;
}
.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2dedbad *//* Bold on hover */
.bold-menu .elementor-nav-menu a:hover {
    font-weight: 700 !important;
}

/* Bold on active/current */
.bold-menu .elementor-nav-menu .elementor-item.elementor-item-active,
.bold-menu .elementor-nav-menu .elementor-item.highlighted,
.bold-menu .elementor-nav-menu .elementor-item:focus {
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8e951 *//* Sticky background + drop shadow */
.elementor-495 .elementor-element.elementor-element-ee8e951.elementor-sticky--effects {
    background-color: #E9E8E4 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); /* shadow */
}

/* Smooth transitions */
.elementor-495 .elementor-element.elementor-element-ee8e951 {
    transition: background-color 2s ease, box-shadow 0.3s ease !important;
}

.elementor-495 .elementor-element.elementor-element-ee8e951.elementor-sticky--effects > .elementor-container {
    min-height: 70px;
}

.elementor-495 .elementor-element.elementor-element-ee8e951 > .elementor-container {
    transition: min-height 1s ease !important;
}

/* Default Transparent Logo */
.elementor-495 .elementor-element.elementor-element-ee8e951 .logo {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* Change menu items & logo to black */
.elementor-495 .elementor-element.elementor-element-ee8e951.elementor-sticky--effects .elementor-nav-menu a {
    color: black !important;
}

/* Sticky Fill Logo */
.elementor-495 .elementor-element.elementor-element-ee8e951.elementor-sticky--effects .logo {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

/* Default (White Logo on Transparent Header) */
.elementor-495 .elementor-element.elementor-element-ee8e951 .logo img {
    content: url(); /* White logo */
    transition: content 0.3s ease-in-out;
}

/* When Sticky - Change Logo to Black */
.elementor-495 .elementor-element.elementor-element-ee8e951.elementor-sticky--effects .logo img {
    content: url('https://hvarboutiquevillas.com/wp-content/uploads/2025/11/logo-main-new-hex-01.svg'); /* Black logo */
}
/* Default state – icon white */
.elementor-495 .elementor-element.elementor-element-ee8e951 .booking-btn img,
.elementor-495 .elementor-element.elementor-element-ee8e951 .booking-btn svg {
    filter: invert(1);
    transition: filter 0.3s ease;
}

/* Sticky state – icon black */
.elementor-495 .elementor-element.elementor-element-ee8e951.elementor-sticky--effects .booking-btn img,
.elementor-495 .elementor-element.elementor-element-ee8e951.elementor-sticky--effects .booking-btn svg {
    filter: invert(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5fcb97b */.logo img {
max-width: 140px;
height: auto;
transition: all 0.5s ease;
}
.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cac4df4 *//* Sticky background + drop shadow */
.elementor-495 .elementor-element.elementor-element-cac4df4.elementor-sticky--effects {
    background-color: #E9E8E4 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); /* shadow */
}

/* Smooth transitions */
.elementor-495 .elementor-element.elementor-element-cac4df4 {
    transition: background-color 2s ease, box-shadow 0.3s ease !important;
}

.elementor-495 .elementor-element.elementor-element-cac4df4.elementor-sticky--effects > .elementor-container {
    min-height: 70px;
}

.elementor-495 .elementor-element.elementor-element-cac4df4 > .elementor-container {
    transition: min-height 1s ease !important;
}

/* Default Transparent Logo */
.elementor-495 .elementor-element.elementor-element-cac4df4 .logo {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* Change menu items & logo to black */
.elementor-495 .elementor-element.elementor-element-cac4df4.elementor-sticky--effects .elementor-nav-menu a {
    color: black !important;
}

/* Sticky Fill Logo */
.elementor-495 .elementor-element.elementor-element-cac4df4.elementor-sticky--effects .logo {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

/* Default (White Logo on Transparent Header) */
.elementor-495 .elementor-element.elementor-element-cac4df4 .logo img {
    content: url(); /* White logo */
    transition: content 0.3s ease-in-out;
}

/* When Sticky - Change Logo to Black */
.elementor-495 .elementor-element.elementor-element-cac4df4.elementor-sticky--effects .logo img {
    content: url('https://hvarboutiquevillas.com/wp-content/uploads/2025/11/logo-main-new-hex-01.svg'); /* Black logo */
}
/* Default state – icon white */
.elementor-495 .elementor-element.elementor-element-cac4df4 .booking-btn img,
.elementor-495 .elementor-element.elementor-element-cac4df4 .booking-btn svg {
    filter: invert(1);
    transition: filter 0.3s ease;
}

/* Sticky state – icon black */
.elementor-495 .elementor-element.elementor-element-cac4df4.elementor-sticky--effects .booking-btn img,
.elementor-495 .elementor-element.elementor-element-cac4df4.elementor-sticky--effects .booking-btn svg {
    filter: invert(0);
}/* End custom CSS */