/* Shared Topsy sticky-header glass state. */
.elementor-location-header {
  transition: background-color .24s ease, box-shadow .24s ease;
  background-color: transparent !important;
}

.elementor-location-header.topsy-header-scrolled,
.elementor-location-header.topsy-header-scrolled .elementor-element-reusable_header,
.elementor-location-header.topsy-header-scrolled .elementor-element-mobile_header {
  background-color: rgba(255, 255, 255, .82) !important;
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 8px 26px rgba(23, 51, 35, .13);
}

.elementor-location-header.topsy-header-scrolled .elementor-element-reusable_header > .elementor-container,
.elementor-location-header.topsy-header-scrolled .elementor-element-mobile_header > .elementor-container {
  background-color: transparent !important;
}

/* Alternate Topsy header preview: floating green panel. */
.elementor-location-header {
  top: 120px !important;
  margin-top: 120px !important;
  z-index: 100;
}

.elementor-location-header .elementor-element-reusable_header,
.elementor-location-header .elementor-element-mobile_header {
  background-color: #08783d !important;
  border-radius: 0 0 34px 34px;
  overflow: hidden;
}

.elementor-location-header .elementor-element-header_logo img,
.elementor-location-header .elementor-element-mobile_header img {
  filter: grayscale(1) brightness(0) invert(1);
}

.elementor-location-header .elementor-nav-menu--main .elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: #fff !important;
}

.elementor-location-header .elementor-element-reusable_header .elementor-nav-menu--main .elementor-item,
.elementor-location-header .elementor-element-reusable_header .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-header .elementor-element-reusable_header .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-location-header .elementor-element-mobile_header .elementor-menu-toggle {
  color: #fff !important;
}

body .elementor-location-header .elementor-element-reusable_header .elementor-nav-menu--main a.elementor-item,
body .elementor-location-header .elementor-element-reusable_header .elementor-nav-menu--main a.elementor-item:hover,
body .elementor-location-header .elementor-element-reusable_header .elementor-nav-menu--main a.elementor-item.elementor-item-active {
  color: #fff !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item::before,
.elementor-location-header .elementor-nav-menu--main .elementor-item::after {
  background-color: #ff5e43 !important;
}

.elementor-location-header .elementor-button {
  background-color: #ff5e43 !important;
  border-color: #ff5e43 !important;
  color: #fff !important;
}

body.admin-bar .elementor-location-header {
  top: 32px !important;
}

/* Keep the alternate header flush with the page and stable while sticky. */
.elementor-location-header {
  position: sticky !important;
  top: 0 !important;
  margin-top: 0 !important;
}

body.admin-bar .elementor-location-header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar .elementor-location-header {
    top: 46px !important;
  }
}

/* Final alternate-header treatment: solid Topsy green, with the rounded corner
 * still showing the page behind it through the transparent outer wrapper. */
.elementor-location-header.topsy-header-scrolled .elementor-element-reusable_header,
.elementor-location-header.topsy-header-scrolled .elementor-element-mobile_header {
  background-color: #08783d !important;
  border: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.elementor-location-header.topsy-header-scrolled {
  background-color: transparent !important;
}

/* The corner must be genuinely transparent when scrolling. Override the
 * earlier glass rules on the outer sticky wrapper as well as the panel. */
.elementor-location-header.topsy-header-scrolled {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

.elementor-location-header.topsy-header-scrolled .elementor-element-reusable_header,
.elementor-location-header.topsy-header-scrolled .elementor-element-mobile_header {
  background: #08783d !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

/* Keep the alternate header rectangular at rest and while sticky. */
.elementor-location-header .elementor-element-reusable_header,
.elementor-location-header .elementor-element-mobile_header,
.elementor-location-header.topsy-header-scrolled .elementor-element-reusable_header,
.elementor-location-header.topsy-header-scrolled .elementor-element-mobile_header {
  border-radius: 0 !important;
  overflow: visible !important;
}
