.elementor-kit-6{--e-global-color-primary:#0f1e43;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#bba85b;--e-global-color-0a19bbd:#E7EFF3;--e-global-color-9767834:#009345;--e-global-color-3357e4f:#FFFFFF;--e-global-color-00ae3ad:#FAFAFA;--e-global-color-8620fb8:#EAF4F2;--e-global-color-39c0d4f:#00863F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-primary );--e-preloader-size:120px;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );font-weight:600;}.elementor-kit-6 h2{font-family:"Roboto", Sans-serif;}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-size:24px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:770px){.elementor-kit-6 h2{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.elementor-kit-6{--e-page-transition-entrance-animation:e-page-transition-fade-out;}}
/* Start custom CSS *//* ═══════════════════════════════════════
   GreenArch Energy — Header CSS
   Paste into: Elementor → Site Settings → Custom CSS
═══════════════════════════════════════ */

/* 1. Header bar: navy, full width, 56px tall */
.e-n-header,
.elementor-location-header {
    background-color: #1B2A5E !important;
  min-height: 56px;
  padding: 0 32px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 2. Remove grey box from all columns inside header */
.elementor-location-header .elementor-column,
.elementor-location-header .elementor-widget-wrap,
.elementor-location-header .elementor-col-50,
.elementor-location-header .elementor-col-60,
.elementor-location-header .elementor-col-40,
.elementor-location-header .elementor-col-100 {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 3. Push hamburger to the far right */
.elementor-location-header .elementor-widget-nav-menu {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

/* 4. Hamburger button: white icon, subtle border */
.elementor-menu-toggle {
  color: #FFFFFF !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 4px !important;
  padding: 7px 10px !important;
}
.elementor-menu-toggle:hover {
  border-color: #B8973A !important;
}
.elementor-menu-toggle i,
.elementor-menu-toggle svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 5. Dropdown panel: navy, anchored right, 260px wide */
.elementor-nav-menu--dropdown {
  background: #1B2A5E !important;
  width: 260px !important;
  right: 0 !important;
  left: auto !important;
  border-left: 0.5px solid rgba(255,255,255,0.1) !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.35) !important;
}

/* 6. Dropdown links */
.elementor-nav-menu--dropdown a {
  color: rgba(255,255,255,0.7) !important;
  font-size: 13px !important;
  padding: 11px 28px !important;
  border-left: 2px solid transparent !important;
  transition: all 0.15s ease;
}
.elementor-nav-menu--dropdown a:hover {
  color: #FFFFFF !important;
  background: rgba(255,255,255,0.05) !important;
  border-left-color: #B8973A !important;
  padding-left: 30px !important;
}

/* 7. Section labels (Company / Work with us / More) */
.elementor-nav-menu--dropdown li > a[href="#"] {
  font-size: 9.5px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.28) !important;
  pointer-events: none !important;
  padding-top: 16px !important;
}

/* 8. "Get in touch" gold CTA button */
.elementor-nav-menu--dropdown li.menu-cta > a {
  display: block !important;
  margin: 12px 24px !important;
  padding: 10px 20px !important;
  background: #B8973A !important;
  color: #FFFFFF !important;
  text-align: center !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-left: none !important;
}
.elementor-nav-menu--dropdown li.menu-cta > a:hover {
  background: #a07f2e !important;
  padding-left: 20px !important;
  border-left: none !important;
}

/* 9. Keep header navy when sticky on scroll */
.elementor-sticky--active {
  background: #1B2A5E !important;
}

/* Remove grey box behind hamburger */
.elementor-menu-toggle {
  background: transparent !important;
  box-shadow: none !important;
}

/* Make header shorter */
.elementor-location-header .elementor-section,
.elementor-location-header .e-con {
  min-height: 56px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.elementor-location-header img {
  width: 150px !important;
  height: auto !important;
  max-height: none !important;
}

/* ── Hero Section ─────────────────────── */

/* Replace photo with dark navy background + grid pattern */
.elementor-location-body .elementor-section:first-of-type,
.elementor-location-body .e-con:first-of-type {
  background-color: #1B2A5E !important;
  background-image: 
    repeating-linear-gradient(0deg, transparent, transparent 39px, rgba(184,151,58,0.06) 39px, rgba(184,151,58,0.06) 40px),
    repeating-linear-gradient(90deg, transparent, transparent 39px, rgba(184,151,58,0.06) 39px, rgba(184,151,58,0.06) 40px) !important;
  min-height: 85vh !important;
  display: flex !important;
  align-items: center !important;
}

/* Headline */
.elementor-location-body .elementor-section:first-of-type h1,
.elementor-location-body .elementor-section:first-of-type h2 {
  font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
  font-weight: 300 !important;
  color: #FFFFFF !important;
  line-height: 1.2 !important;
  max-width: 700px !important;
}

/* Subtext */
.elementor-location-body .elementor-section:first-of-type p {
  color: rgba(255,255,255,0.65) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  max-width: 560px !important;
}

/* Ghost button */
.elementor-location-body .elementor-section:first-of-type .elementor-button {
  background: transparent !important;
  border: 1.5px solid #B8973A !important;
  color: #FFFFFF !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  padding: 0.85rem 2.2rem !important;
  border-radius: 3px !important;
  transition: background 0.25s, color 0.25s !important;
}
.elementor-location-body .elementor-section:first-of-type .elementor-button:hover {
  background: #B8973A !important;
  color: #FFFFFF !important;
}

/* Hero headline */
#hero h2 {
  font-weight: 300 !important;
  color: #FFFFFF !important;
  max-width: 620px !important;
  font-size: 2.4rem !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

/* Hero subtext */
#hero h5 {
  color: rgba(255,255,255,0.65) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  max-width: 520px !important;
  line-height: 1.7 !important;
  margin-top: 1rem !important;
}/* End custom CSS */