/* Labor Exchange — sitewide design overrides layered on the mirrored WordPress theme.
   Linked from every page by tools/postprocess.py. */
:root {
  --lx-ink: #16261d;
  --lx-ink-2: #243d2f;
  --lx-cream: #fdfaf2;
  --lx-cream-dim: rgba(253, 250, 242, .72);
  --lx-gold: #e8c98a;
  --lx-gold-2: #d4a85b;
  --lx-line: rgba(253, 250, 242, .12);
  --lx-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- Header: free-flowing, no boxes ---------- */
.qodef-page-header .qodef-menu-area,
.qodef-page-header .qodef-sticky-header .qodef-sticky-holder,
.qodef-sticky-header .qodef-sticky-holder {
  background: rgba(16, 28, 21, .78) !important;
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);
  border-bottom: 1px solid var(--lx-line) !important;
  box-shadow: none !important;
}

.qodef-main-menu > ul > li > a,
.qodef-sticky-nav > ul > li > a {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 2px !important;
}
.qodef-main-menu > ul > li > a .item_outer,
.qodef-sticky-nav > ul > li > a .item_outer {
  background: transparent !important;
  padding: 0 !important;
}
.qodef-main-menu > ul > li > a .item_inner,
.qodef-sticky-nav > ul > li > a .item_inner {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  padding: 9px 14px !important;
  height: auto !important;
  line-height: 1.2 !important;
  vertical-align: middle;
  border-radius: 999px !important;
  background: transparent !important;
  transition: background .25s var(--lx-ease), color .25s var(--lx-ease);
}
.qodef-main-menu > ul > li > a .item_text,
.qodef-sticky-nav > ul > li > a .item_text {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--lx-cream-dim) !important;
  transition: color .25s var(--lx-ease);
}
/* soft pill on hover */
.qodef-main-menu > ul > li:hover > a .item_inner,
.qodef-sticky-nav > ul > li:hover > a .item_inner {
  background: rgba(253, 250, 242, .07) !important;
}
.qodef-main-menu > ul > li:hover > a .item_text,
.qodef-sticky-nav > ul > li:hover > a .item_text,
.qodef-main-menu > ul > li.qodef-active-item > a .item_text,
.qodef-sticky-nav > ul > li.qodef-active-item > a .item_text {
  color: var(--lx-cream) !important;
}
/* active page: a small gold dot instead of a blue block */
.qodef-main-menu > ul > li.qodef-active-item > a .item_inner::after,
.qodef-sticky-nav > ul > li.qodef-active-item > a .item_inner::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: auto !important;
  left: 50% !important;
  bottom: -2px !important;
  width: 5px !important;
  height: 5px !important;
  margin-left: -2.5px !important;
  border-radius: 50% !important;
  background: var(--lx-gold) !important;
  opacity: 1 !important;
}
/* the theme's sliding blue/gold block behind items */
.qodef-main-menu > ul > li > a .item_outer::before,
.qodef-main-menu > ul > li > a .item_outer::after,
.qodef-sticky-nav > ul > li > a .item_outer::before,
.qodef-sticky-nav > ul > li > a .item_outer::after,
.qodef-drop-down .second .inner ul li a::before { display: none !important; }
.qodef-main-menu > ul > li > a .plus,
.qodef-main-menu > ul > li > a .menu_icon_wrapper,
.qodef-sticky-nav > ul > li > a .plus,
.qodef-sticky-nav > ul > li > a .menu_icon_wrapper { display: none !important; }

/* "Find Work" becomes the gold call-to-action pill (last top-level item) */
.qodef-main-menu > ul > li:last-child > a .item_inner,
.qodef-sticky-nav > ul > li:last-child > a .item_inner {
  margin-left: 10px;
  padding: 11px 20px !important;
  background: var(--lx-gold) !important;
  transition: transform .2s var(--lx-ease), background .2s var(--lx-ease);
}
.qodef-main-menu > ul > li:last-child > a .item_text,
.qodef-sticky-nav > ul > li:last-child > a .item_text { color: var(--lx-ink) !important; }
.qodef-main-menu > ul > li:last-child:hover > a .item_inner,
.qodef-sticky-nav > ul > li:last-child:hover > a .item_inner {
  background: var(--lx-gold-2) !important;
  transform: translateY(-1px);
}
.qodef-main-menu > ul > li:last-child > a .item_inner::after,
.qodef-sticky-nav > ul > li:last-child > a .item_inner::after { display: none; }

/* dropdowns: floating rounded panel */
.qodef-drop-down .second {
  background: transparent !important;
  border: 0 !important;
  border-radius: 16px !important;
  margin-top: 6px;
  box-shadow: none !important;
}
.qodef-drop-down .second .inner > ul { background: transparent !important; }
.qodef-drop-down .second .inner {
  background: #13221a !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid var(--lx-line) !important;
  border-radius: 16px !important;
  padding: 8px !important;
  box-shadow: 0 24px 48px -20px rgba(0, 0, 0, .55) !important;
}
.qodef-drop-down .second .inner ul li a {
  border-radius: 10px !important;
  padding: 0 6px !important;
  transition: background .2s var(--lx-ease);
}
.qodef-drop-down .second .inner ul li a:hover { background: rgba(253, 250, 242, .07) !important; }
.qodef-drop-down .second .inner ul li a .item_text {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  color: var(--lx-cream-dim) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.qodef-drop-down .second .inner ul li a:hover .item_text { color: var(--lx-cream) !important; }

/* search icon: quieter */
.qodef-page-header .qodef-search-opener { opacity: .7; transition: opacity .2s; }
.qodef-page-header .qodef-search-opener:hover { opacity: 1; }
.qodef-page-header .qodef-vertical-align-containers .qodef-position-right-inner > .widget:not(:first-child),
.qodef-page-header .qodef-side-menu-button-opener { border: 0 !important; }

/* ---------- Hero videos: keep copy legible over bright footage ---------- */
.le-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(13, 26, 19, .82) 0%, rgba(13, 26, 19, .62) 42%, rgba(13, 26, 19, .18) 78%, rgba(13, 26, 19, .05) 100%),
    linear-gradient(180deg, rgba(13, 26, 19, .30) 0%, rgba(13, 26, 19, .10) 40%, rgba(13, 26, 19, .55) 100%);
}
.le-hero > *:not(video) { position: relative; z-index: 1; }
.le-hero .le-hero-sub { text-shadow: 0 1px 14px rgba(0, 0, 0, .45); }

.qodef-drop-down .second .inner ul li a .item_outer,
.qodef-drop-down .second .inner ul li a .item_inner { padding-top: 4px !important; padding-bottom: 4px !important; }

/* hide the off-screen sticky header so its CTA doesn't peek at the top edge */
.qodef-sticky-header:not(.header-appear) { visibility: hidden; }

/* ---------- Mobile header ---------- */
.qodef-mobile-header .qodef-mobile-header-inner {
  background: rgba(16, 28, 21, .92) !important;
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);
  border-bottom: 1px solid var(--lx-line) !important;
  box-shadow: none !important;
}
.qodef-mobile-header .qodef-mobile-header-holder { height: 68px !important; }
.qodef-mobile-header .qodef-mobile-logo-wrapper a { height: 46px !important; }
.qodef-mobile-header .qodef-mobile-logo-wrapper img { height: 100% !important; width: auto !important; }
.qodef-mobile-header .qodef-mobile-menu-opener a,
.qodef-mobile-header .qodef-mobile-opener-icon-holder i { color: var(--lx-cream) !important; font-size: 20px; }
.qodef-mobile-header .qodef-mobile-nav {
  background: #13221a !important;
  border-bottom: 1px solid var(--lx-line) !important;
}
.qodef-mobile-header .qodef-mobile-nav ul li a,
.qodef-mobile-header .qodef-mobile-nav ul li h5 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  color: var(--lx-cream-dim) !important;
  border-color: var(--lx-line) !important;
  letter-spacing: .04em;
}
.qodef-mobile-header .qodef-mobile-nav ul li.qodef-active-item > a,
.qodef-mobile-header .qodef-mobile-nav ul li a:hover { color: var(--lx-gold) !important; }
.qodef-mobile-header .qodef-mobile-nav .mobile_arrow { color: var(--lx-cream-dim) !important; }

/* Remove the fixed mobile "Call Now" bar (injected by a WordPress head snippet) and the
   space it reserved; every hero and footer already carries the phone number. */
.le-callbtn { display: none !important; }
@media (max-width: 782px) { body { padding-bottom: 0 !important; } }

/* ---------- Transparent header over dark heroes (redesigned pages + home) ----------
   At the top of the page the header floats over the hero with no bar; once the visitor
   scrolls, the theme's sticky header (dark, blurred — styled above) takes over. */
body.lxr-page .qodef-page-header,
body.home .qodef-page-header {
  position: absolute !important;
  top: 0; left: 0; right: 0;
  z-index: 110;
  background: transparent !important;
}
body.lxr-page .qodef-page-header > .qodef-menu-area,
body.home .qodef-page-header > .qodef-menu-area {
  background: linear-gradient(180deg, rgba(8, 16, 11, .55) 0%, rgba(8, 16, 11, 0) 100%) !important;
  border-bottom: 0 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.lxr-page .qodef-mobile-header,
body.home .qodef-mobile-header {
  position: absolute !important;
  top: 0; left: 0; right: 0;
  z-index: 110;
}
body.lxr-page .qodef-mobile-header:not(.mobile-header-appear) .qodef-mobile-header-inner,
body.home .qodef-mobile-header:not(.mobile-header-appear) .qodef-mobile-header-inner {
  background: linear-gradient(180deg, rgba(8, 16, 11, .55) 0%, rgba(8, 16, 11, 0) 100%) !important;
  border-bottom: 0 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* home already pulled its hero up under the old in-flow header; with the header now
   floating, that offset would push the hero under the nav */
body.home .qodef-content { margin-top: 0 !important; }

/* "Need workers?" — the TempGuru Request Staff form that replaced the WordPress contact form
   in the footer (and on /contact/). The portal's /request/ page paints a gray page (40px top and
   bottom, 16px at the sides) around its form card; the frame crops the iframe to the card. */
.lx-intake-card { max-width: 512px; }
.lx-intake-kicker { margin: 0 0 6px; font-size: 26px; font-weight: 600; line-height: 1.2; color: #fff; }
.lx-intake-lead { margin: 0 0 18px; font-size: 15px; line-height: 1.5; color: #b9b9b9; }
.lx-intake-lead a { color: #fff; text-decoration: underline; }
.lx-intake-frame { border-radius: 14px; overflow: hidden; background: #fff; }
.lx-intake { min-height: 560px; }
.lx-intake iframe {
  display: block; border: 0;
  width: calc(100% + 32px) !important; max-width: none;
  margin: -40px -16px !important;
}
/* on the light /contact/ page body */
.elementor-shortcode .lx-intake-kicker { color: #222; }
.elementor-shortcode .lx-intake-lead { color: #555; }
.elementor-shortcode .lx-intake-lead a { color: #222; }
.elementor-shortcode .lx-intake-frame { box-shadow: 0 20px 50px -25px rgba(0, 0, 0, .35); }

/* Footer third column: "Get in touch" note linking to /contact/ (replaced the footer form). */
.lx-footer-contact { max-width: 380px; }
.lx-footer-btn {
  display: inline-block; padding: 12px 26px; border-radius: 999px;
  background: #e8c98a; color: #16261d !important; font-weight: 700; font-size: 15px; letter-spacing: .02em;
  text-decoration: none !important; transition: background .2s ease, transform .2s ease;
}
.lx-footer-btn:hover { background: #d4a85b; transform: translateY(-1px); }
.lx-footer-contact a[href^="tel:"] { white-space: nowrap; }