/*
Theme Name: ArcHub Child
Theme URI: https://archub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: archub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: archub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* The header (and the slide-in nav panel it contains) sits in a z-index:1
   sticky bar, so any later content section — also z-index:1 — paints over the
   open menu. Give the whole header block its own stacking context above them. */
.elementor-location-header {
	position: relative;
	z-index: 100;
}

/* Homepage: float the header over the hero; fade to white once scrolled.
   Only the homepage has a full-bleed hero to overlay — interior pages start
   with padded content, so they keep the header in flow. */
body.home .elementor-22584 .elementor-element.elementor-element-724f62e {
	position: fixed !important;   /* beats .lqd-css-sticky's position:sticky!important */
	top: 0;
	left: 0;
	right: 0;
	--z-index: 100;               /* Elementor applies z-index:var(--z-index) */
	background-color: transparent;
	transition: background-color .3s ease, box-shadow .3s ease;
}

/* The burger needs no colour handling: .bars is a white disc (56px box with a
   28px currentColor border) that reads over both the hero and the white state. */
body.home.lqd-header-solid .elementor-22584 .elementor-element.elementor-element-724f62e {
	background-color: #fff;
	box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
}