.elementor-4252 .elementor-element.elementor-element-f5d9d7e{--display:flex;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:050px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4252 .elementor-element.elementor-element-de116f1{width:100%;max-width:100%;text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4252 .elementor-element.elementor-element-c06eaec{width:100%;max-width:100%;text-align:center;}.elementor-4252 .elementor-element.elementor-element-16476a8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4252 .elementor-element.elementor-element-4805974{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4252 .elementor-element.elementor-element-8d62d25{width:100%;max-width:100%;text-align:center;}.elementor-4252 .elementor-element.elementor-element-8d62d25 a{color:var( --e-global-color-primary );transition-duration:0.2s;}.elementor-4252 .elementor-element.elementor-element-8d62d25 a:hover, .elementor-4252 .elementor-element.elementor-element-8d62d25 a:focus{color:var( --e-global-color-secondary );}.elementor-4252 .elementor-element.elementor-element-71b9cd5{width:100%;max-width:100%;text-align:center;}@media(max-width:767px){.elementor-4252 .elementor-element.elementor-element-f5d9d7e{--content-width:90%;}.elementor-4252 .elementor-element.elementor-element-16476a8{--content-width:90%;}.elementor-4252 .elementor-element.elementor-element-4805974{--content-width:90%;}}@media(min-width:768px){.elementor-4252 .elementor-element.elementor-element-f5d9d7e{--content-width:90%;}.elementor-4252 .elementor-element.elementor-element-16476a8{--content-width:90%;}.elementor-4252 .elementor-element.elementor-element-4805974{--content-width:90%;}}/* Start custom CSS *//* Default header text and logo colors */
.sticky-menu a,
.sticky-menu .elementor-heading-title,
.sticky-menu .e-n-menu-title-text {
  color: #ffffff;
  transition: color 0.2s ease;
}

/* Default logo */
.site-logo img {
  transition: all 0.2s ease;
}

/* Sticky text colors (header + menu) */
.elementor-sticky--effects.sticky-menu a,
.elementor-sticky--effects.sticky-menu .elementor-heading-title,
.elementor-sticky--effects.sticky-menu .e-n-menu-title-text {
  color: #116466 !important;
}

/* Left-side title custom color */
.elementor-sticky--effects.sticky-menu .header-title,
.elementor-sticky--effects.sticky-menu .header-title * {
  color: #116466 !important;
}

/* Swap logo image on scroll */
.elementor-sticky--effects.sticky-menu .site-logo img {
  content: url('http://stays.guesthausrentals.com/wp-content/uploads/sites/12/2025/11/symbol-gh.png');
}


/* ===== MENU UNDERLINE / POINTER ===== */

/* Default pointer (underline) color before scroll
   applied to the <a> that wraps the text */
.sticky-menu .e-n-menu-title-container {
  border-bottom-color: #ffffff;
  transition: border-color 0.2s ease;
}

/* Pointer color on scroll (sticky state) */
.elementor-sticky--effects.sticky-menu .e-n-menu-title-container {
  border-bottom-color: #116466 !important;
}


/* ===== MOBILE TOGGLE & DROPDOWN ===== */

/* Default state: white toggle icon */
.sticky-menu .elementor-menu-toggle,
.sticky-menu .elementor-menu-toggle i,
.sticky-menu .elementor-menu-toggle svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  transition: color 0.2s ease, fill 0.2s ease;
}

/* Default mobile menu dropdown: transparent background, white text */
.sticky-menu .elementor-nav-menu--dropdown,
.sticky-menu .e-n-menu__dropdown {
  background-color: transparent !important;
  transition: background-color 0.4s ease;
}

.sticky-menu .elementor-nav-menu--dropdown a,
.sticky-menu .e-n-menu__dropdown a {
  color: #ffffff !important;
  transition: color 0.2s ease;
}

/* On scroll: match header background, change text color */
.elementor-sticky--effects.sticky-menu .elementor-nav-menu--dropdown,
.elementor-sticky--effects.sticky-menu .e-n-menu__dropdown {
  background-color: #FCF8F4 !important;
  margin-top: 0 !important;
  top: 100% !important;
}

.elementor-sticky--effects.sticky-menu .elementor-nav-menu--dropdown a,
.elementor-sticky--effects.sticky-menu .e-n-menu__dropdown a {
  color: #116466 !important;
}

/* Default: Bars icon white before scroll */
.sticky-menu .menu-bars-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  transition: color 0.2s ease, fill 0.2s ease;
}

/* After scroll: Bars icon #116466 */
.elementor-sticky--effects.sticky-menu .menu-bars-icon svg {
  color: #116466 !important;
  fill: #116466 !important;
}


/* =========================================
   MENU UNDERLINE – HOVER ONLY (NO DEFAULT)
   ========================================= */

/* ✅ No underline by default (top + sticky) */
.e-n-menu-title-container {
  border-bottom: none !important;
}

/* ✅ Top-of-page: hover underline = WHITE */
.sticky-menu:not(.elementor-sticky--effects)
.e-n-menu-title-container:hover {
  border-bottom: 1px solid #ffffff !important;
}

/* ✅ Sticky state: hover underline = TEAL */
.elementor-sticky--effects.sticky-menu
.e-n-menu-title-container:hover {
  border-bottom: 1px solid #116466 !important;
}

/* =========================================
   MOBILE MENU TOGGLE – FAST TRANSITION
   ========================================= */

/* Apply consistent transition speed */
.sticky-menu .e-n-menu-toggle,
.sticky-menu .e-n-menu-toggle svg,
.sticky-menu .elementor-menu-toggle,
.sticky-menu .elementor-menu-toggle svg {
  transition: color 0.2s ease, fill 0.2s ease !important;
}

/* Default (top of page) – white toggle */
.sticky-menu .e-n-menu-toggle,
.sticky-menu .e-n-menu-toggle svg,
.sticky-menu .elementor-menu-toggle,
.sticky-menu .elementor-menu-toggle svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Sticky state – teal toggle */
.elementor-sticky--effects.sticky-menu .e-n-menu-toggle,
.elementor-sticky--effects.sticky-menu .e-n-menu-toggle svg,
.elementor-sticky--effects.sticky-menu .elementor-menu-toggle,
.elementor-sticky--effects.sticky-menu .elementor-menu-toggle svg {
  color: #116466 !important;
  fill: #116466 !important;
}

.elementor-widget-off-canvas {
	--e-off-canvas-animation-duration: 0.6s;
}/* End custom CSS */