/* ============================================================================ HEADER CRITICAL CSS — load in , before first paint ---------------------------------------------------------------------------- wrighthaven-custom.css is linked at the end of so it can win the cascade. Until it arrives, Elementor's default header paints the logo in the middle of the bar (DOM order: social · menuL · LOGO · menuR · CTA). This tiny file is the same reorder/hide rules as custom.css, loaded early so the first paint already has: logo left · menus · Contact · social, and the correct desktop vs hamburger bar. Safe to load twice (head + via custom). ========================================================================== */ /* Desktop bar: logo · menu · CTA · social (DOM order is NOT visual order) */ .elementor-element-0c0e368 > .elementor-container { justify-content: flex-start; flex-wrap: nowrap; column-gap: 0.35rem; } .elementor-element-0c0e368 > .elementor-container > .elementor-column { width: auto !important; flex: 0 0 auto !important; } .elementor-element-0c0e368 > .elementor-container > .elementor-element-fe96e97 { order: 1 !important; } /* logo */ .elementor-element-0c0e368 > .elementor-container > .elementor-element-e96ffd6 { order: 2 !important; } /* menu L */ .elementor-element-0c0e368 > .elementor-container > .elementor-element-847248e { order: 3 !important; } /* menu R */ .elementor-element-0c0e368 > .elementor-container > .elementor-element-e96ffd6 { margin-left: auto !important; } .elementor-element-0c0e368 > .elementor-container > .elementor-element-0010fc0 { order: 4 !important; margin-left: 0.55rem !important; } .elementor-element-0c0e368 > .elementor-container > .elementor-element-1719bee { order: 5 !important; margin-left: 0.4rem !important; } .elementor-element-0c0e368 > .elementor-container > .elementor-element-847248e { margin-left: 0 !important; } /* Below 1440px: hide wide bar, show hamburger bar (two logos otherwise flash) */ @media (max-width: 1439.98px) { header.elementor-location-header .elementor-element-0c0e368 { display: none !important; } header.elementor-location-header .elementor-element-dc9a31d { display: block !important; } } @media (min-width: 1440px) { header.elementor-location-header .elementor-element-dc9a31d { display: none !important; } header.elementor-location-header .elementor-element-0c0e368 { display: block !important; } }