.elementor-502 .elementor-element.elementor-element-301e082b{--display:flex;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;--z-index:100;}.elementor-502 .elementor-element.elementor-element-6f15aad7{--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;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-502 .elementor-element.elementor-element-52a1f922{--display:flex;}.elementor-502 .elementor-element.elementor-element-52a1f922.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-502 .elementor-element.elementor-element-abf1777 .elementor-icon-wrapper{text-align:start;}.elementor-502 .elementor-element.elementor-element-abf1777.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d10fb91 );}.elementor-502 .elementor-element.elementor-element-abf1777.elementor-view-framed .elementor-icon, .elementor-502 .elementor-element.elementor-element-abf1777.elementor-view-default .elementor-icon{color:var( --e-global-color-d10fb91 );border-color:var( --e-global-color-d10fb91 );}.elementor-502 .elementor-element.elementor-element-abf1777.elementor-view-framed .elementor-icon, .elementor-502 .elementor-element.elementor-element-abf1777.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d10fb91 );}.elementor-502 .elementor-element.elementor-element-663c7f5 .elementor-icon-wrapper{text-align:start;}.elementor-502 .elementor-element.elementor-element-663c7f5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-502 .elementor-element.elementor-element-663c7f5.elementor-view-framed .elementor-icon, .elementor-502 .elementor-element.elementor-element-663c7f5.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-502 .elementor-element.elementor-element-663c7f5.elementor-view-framed .elementor-icon, .elementor-502 .elementor-element.elementor-element-663c7f5.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-502 .elementor-element.elementor-element-51ce86a{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-502 .elementor-element.elementor-element-51ce86a:hover{border-style:none;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-502 .elementor-element.elementor-element-51ce86a, .elementor-502 .elementor-element.elementor-element-51ce86a::before{--border-transition:0.3s;}.elementor-502 .elementor-element.elementor-element-51ce86a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-502 .elementor-element.elementor-element-4908faa img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-502 .elementor-element.elementor-element-004dbcf img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-502 .elementor-element.elementor-element-ee91a05{--display:flex;}.elementor-502 .elementor-element.elementor-element-ee91a05.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-502 .elementor-element.elementor-element-50f23da .elementor-button{background-color:var( --e-global-color-4c9149d );fill:var( --e-global-color-d10fb91 );color:var( --e-global-color-d10fb91 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d10fb91 );border-radius:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-502 .elementor-element.elementor-element-52a1f922{--width:14%;}.elementor-502 .elementor-element.elementor-element-51ce86a{--width:72%;}.elementor-502 .elementor-element.elementor-element-ee91a05{--width:14%;}}@media(max-width:767px){.elementor-502 .elementor-element.elementor-element-301e082b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-502 .elementor-element.elementor-element-6f15aad7{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-502 .elementor-element.elementor-element-52a1f922{--width:25%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-502 .elementor-element.elementor-element-51ce86a{--width:26%;--min-height:60px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-502 .elementor-element.elementor-element-ee91a05{--width:28%;}}/* Start custom CSS for container, class: .elementor-element-301e082b *//* ========== Shrinking Header Section ========== */
.shrinker {
    background: transparent;
    height: 130px; /* Adjust if needed */
    transition: all 0.2s linear !important;
}

.shrinker.elementor-sticky--effects {
    background: #ffffff !important;
    padding: 5px 0 !important; /* Unified top & bottom padding */
    box-shadow: 0px 6px 30px -4px rgba(0, 0, 0, 0.15);
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    position: fixed !important;
    top: 0;
    z-index: 9999;
    box-sizing: border-box;
    transition: all 0.2s linear !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ========== Logo Swap on Scroll ========== */
.logo-default,
.logo-sticky {
    display: inline-block;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    transition: all 0.3s ease-in-out !important;
}

.logo-default img {
    width: 120px !important;
    display: block;
    margin: 0 auto;
}

.logo-sticky img {
    width: 100px !important;
    display: block;
    margin: 0 auto;
}

/* Hide/show on scroll */
.logo-default {
    display: inline-block !important;
}

.logo-sticky {
    display: none !important;
}

.elementor-sticky--effects .logo-default {
    display: none !important;
}

.elementor-sticky--effects .logo-sticky {
    display: inline-block !important;
}

/* ========== Menu Font Colour on Scroll ========== */
.shrinker.elementor-sticky--effects ul li a {
    font-size: 0.9rem !important;
    color: #F68A1D !important;
    transition: all 0.2s linear !important;
}

/* ========== Button Colour & Border on Scroll ========== */
.shrinker.elementor-sticky--effects .elementor-button {
    padding: 9px 20px !important;
    background-color: transparent !important;
    color: #723226 !important;
    border: 1px solid #723226 !important;
    transition: all 0.2s linear !important;
}

/* ========== Sticky Image-Based SVG Swap ========== */
.svg-default {
    display: inline-block;
    width: 40px !important;
    transition: all 0.3s ease-in-out !important;
}

.svg-sticky {
    display: none;
    width: 40px !important;
    transition: all 0.3s ease-in-out !important;
}

.elementor-sticky--effects .svg-default {
    display: none !important;
}

.elementor-sticky--effects .svg-sticky {
    display: inline-block !important;
}

/* Optional: Add spacing if needed */
.svg-default,
.svg-sticky {
    margin-left: 30px;
    margin-right: 10px;
}

/* Optional mobile adjustments */
@media (max-width: 768px) {
    .svg-default,
    .svg-sticky {
        width: 30px !important;
    }
}

/* ========= MOBILE ONLY (max-width: 768px) ========= */
@media (max-width: 768px) {
    /* Shrinker height and padding */
    .shrinker {
        height: 100px !important;
        padding: 0 20px !important; /* Horizontal padding only */
    }

    .shrinker.elementor-sticky--effects {
        background: #ffffff !important;
        height: 100px !important;
        padding: 0 20px !important;
        box-shadow: 0px 4px 20px -4px rgba(0, 0, 0, 0.1);
    }

    /* Logo size for mobile */
    .logo-default img,
    .logo-sticky img {
        width: 65px !important;
    }

    /* Fix vertical alignment */
    .shrinker .elementor-widget-wrap {
        align-items: center !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    /* Fix the reservation button */
    .shrinker .elementor-button {
        padding: 6px 14px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        border-width: 1px !important;
    }

    /* Fix menu icon spacing */
    .shrinker .elementor-menu-toggle {
        margin-right: auto !important;
    }
}

@media (max-width: 768px) {
  .svg-default,
  .svg-sticky {
    width: 20px !important;
    height: auto !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  /* Optional: Reduce padding or spacing if needed */
  .shrinker {
    padding: 4px 20px !important;
  }
}/* End custom CSS */