.elementor-26449 .elementor-element.elementor-element-c0cdccb{--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;}.elementor-26449 .elementor-element.elementor-element-d0c29d1 > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* Only this page */
.page-id-26449 {
  --hdr-top: #ffffff;     /* transparent/top color */
  --hdr-scroll: #000000;  /* scrolled color */
}

/* TOP (transparent) */
.page-id-26449 #wrapper-navbar.uicore-transparent .uicore-header-wrapper,
.page-id-26449 #wrapper-navbar.uicore-transparent .uicore-header-wrapper a,
.page-id-26449 #wrapper-navbar.uicore-transparent .ui-menu-item-wrapper,
.page-id-26449 #wrapper-navbar.uicore-transparent .uicore-btn,
.page-id-26449 #wrapper-navbar.uicore-transparent .uicore-btn .elementor-button-text {
  color: var(--hdr-top) !important;
}

/* Hamburger bars (TOP) */
.page-id-26449 #wrapper-navbar.uicore-transparent .uicore-ham .bar {
  background-color: var(--hdr-top) !important;
}

/* SCROLLED */
.page-id-26449 #wrapper-navbar.uicore-scrolled .uicore-header-wrapper,
.page-id-26449 #wrapper-navbar.uicore-scrolled .uicore-header-wrapper a,
.page-id-26449 #wrapper-navbar.uicore-scrolled .ui-menu-item-wrapper {
  color: var(--hdr-scroll) !important;
}
.page-id-26449 #wrapper-navbar.uicore-scrolled 
.sub-menu .ui-menu-item-wrapper {
  color: #ffffff !important;
}



/* Hamburger bars (SCROLLED) */
.page-id-26449 #wrapper-navbar.uicore-scrolled .uicore-ham .bar {
  background-color: var(--hdr-scroll) !important;
}

/* Transparent state → use white-text logo (desktop + mobile variants) */
.page-id-26449 #wrapper-navbar.uicore-transparent img.uicore-logo.uicore-second,
.page-id-26449 #wrapper-navbar.uicore-transparent img.uicore-logo.uicore-mobile-second,
.page-id-26449 #wrapper-navbar.uicore-transparent img.uicore-logo.uicore-main,
.page-id-26449 #wrapper-navbar.uicore-transparent img.uicore-logo.uicore-mobile-main {
  content: url("https://www-dev.eyeque.com/wp-content/uploads/2026/02/eyeque-colorPRELOADER_white-text.png");
}

/* Scrolled state → revert to original logo (desktop + mobile variants) */
.page-id-26449 #wrapper-navbar.uicore-scrolled img.uicore-logo.uicore-second,
.page-id-26449 #wrapper-navbar.uicore-scrolled img.uicore-logo.uicore-mobile-second,
.page-id-26449 #wrapper-navbar.uicore-scrolled img.uicore-logo.uicore-main,
.page-id-26449 #wrapper-navbar.uicore-scrolled img.uicore-logo.uicore-mobile-main {
  content: url("https://www-dev.eyeque.com/wp-content/uploads/2024/01/eyeque-colorPRELOADER.png");
}


/* Make header container match Elementor content gutter */
.page-id-26449 #wrapper-navbar .elementor-container {
  padding-left: var(--container-default-padding-inline, 7vw) !important;
  padding-right: var(--container-default-padding-inline, 7vw) !important;
}

/* make porofessional button not change */
.page-id-26449 #wrapper-navbar.uicore-transparent .second-header-cta a,
.page-id-26449 #wrapper-navbar.uicore-scrolled .second-header-cta a {
  color: #ffffff !important;
}/* End custom CSS */