/* recruiting404 skin 1.0.0. Overrides the Avada chrome to the editorial palette (direction B, 2026-10-14).
   Every rule is scoped to theme chrome or theme elements. The Open roles and Find talent plugin
   pages carry their own scoped CSS and are untouched except for the page title bar they do not need. */

:root {
  --r404-bg: #f8f7f3;
  --r404-fg: #161a2b;
  --r404-ink: #161a2b;
  --r404-ink-2: #1d2131;
  --r404-inkfg: #f8f7f3;
  --r404-inkmuted: #a9abb8;
  --r404-accent: #1f4fd8;
  --r404-accent-dark: #163db0;
  --r404-accent-on-ink: #7a9bff;
  --r404-accent-soft: #e8edfb;
  --r404-chip: #ecebe5;
  --r404-line: #dcdbd3;
  --r404-muted: #5b6075;
  --r404-disp: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --r404-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
}

/* ---------- type and page ground ---------- */
html, body, #wrapper { background: var(--r404-bg) !important; }
body, p, li, .fusion-text, .fusion-body, input, textarea, select, button {
  font-family: var(--r404-body) !important;
}
h1, h2, h3, h4, h5, h6, .fusion-title, .fusion-page-title-bar h1, .title-heading-left, .title-heading-center {
  font-family: var(--r404-disp) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
}
#main .fusion-text a:not(.fusion-button) { color: var(--r404-accent); text-decoration-color: rgba(31, 79, 216, 0.4); }

/* ---------- buttons (theme element, every page) ---------- */
.fusion-button, .fusion-button:hover, .fusion-button:focus,
.fusion-button.button-flat, .fusion-button.button-default, .fusion-button.button-custom {
  background: var(--r404-accent) !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: var(--r404-disp) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.fusion-button:hover, .fusion-button:focus { background: var(--r404-accent-dark) !important; }
.fusion-button .fusion-button-text, .fusion-button .awb-button__text, .fusion-button i { color: inherit !important; }

/* ---------- side header: both Avada rows go ink, no pink, no gradient ---------- */
.fusion-tb-header, #side-header, .fusion-tb-header .side-header-wrapper { background: var(--r404-ink) !important; }
.fusion-tb-header .fusion-fullwidth,
.fusion-tb-header .fusion-fullwidth.fusion-builder-row-1,
.fusion-tb-header .fusion-fullwidth.fusion-builder-row-2,
.fusion-tb-header .fusion-fullwidth.fusion-builder-row-3 {
  background: var(--r404-ink) !important;
  background-image: none !important;
  box-shadow: none !important;
}
.fusion-tb-header .fusion-text, .fusion-tb-header .fusion-text p { color: var(--r404-inkmuted) !important; font-family: var(--r404-body) !important; }
.fusion-tb-header .fusion-text a { color: var(--r404-inkfg) !important; }
.fusion-tb-header .fusion-text a:hover { color: var(--r404-accent-on-ink) !important; }

/* menu element: the colors are CSS custom properties set inline on the nav; !important wins. */
.fusion-tb-header .awb-menu {
  --awb-color: var(--r404-inkfg) !important;
  --awb-active-color: var(--r404-accent-on-ink) !important;
  --awb-active-border-color: var(--r404-accent-on-ink) !important;
  --awb-submenu-color: #c9cad6 !important;
  --awb-submenu-bg: transparent !important;
  --awb-submenu-active-bg: rgba(255, 255, 255, 0.06) !important;
  --awb-submenu-active-color: var(--r404-inkfg) !important;
  --awb-submenu-sep-color: transparent !important;
  --awb-icons-color: var(--r404-inkfg) !important;
  --awb-icons-hover-color: var(--r404-accent-on-ink) !important;
  --awb-mobile-bg: var(--r404-ink) !important;
  --awb-mobile-color: var(--r404-inkfg) !important;
  --awb-mobile-active-bg: var(--r404-ink-2) !important;
  --awb-mobile-active-color: var(--r404-accent-on-ink) !important;
  --awb-mobile-trigger-color: var(--r404-inkfg) !important;
  --awb-mobile-trigger-background-color: var(--r404-ink) !important;
  --awb-fusion-font-family-typography: "Archivo" !important;
  --awb-fusion-font-family-submenu-typography: "IBM Plex Sans" !important;
  --awb-fusion-font-family-mobile-typography: "Archivo" !important;
  --awb-fusion-font-weight-typography: 600 !important;
  --awb-font-size: 17px !important;
  --awb-submenu-font-size: 15px !important;
}
.fusion-tb-header .awb-menu__main-a, .fusion-tb-header .awb-menu__main-a .menu-text {
  font-family: var(--r404-disp) !important;
  font-weight: 600 !important;
  letter-spacing: 0.005em;
  text-transform: none !important;
}
.fusion-tb-header .awb-menu__sub-a { font-family: var(--r404-body) !important; font-weight: 500 !important; }
.fusion-tb-header .awb-menu__main-background-default,
.fusion-tb-header .awb-menu__main-background-active { background: transparent !important; }
/* the in-menu button ("Come work with us") becomes the quiet secondary action */
.fusion-tb-header .awb-menu .fusion-button, .fusion-tb-header .awb-menu .fusion-button:hover {
  background: transparent !important;
  border: 1px solid rgba(248, 247, 243, 0.38) !important;
  color: var(--r404-inkfg) !important;
}
.fusion-tb-header .awb-menu .fusion-button:hover { border-color: var(--r404-accent-on-ink) !important; color: var(--r404-accent-on-ink) !important; }
/* mobile toggle */
.fusion-tb-header .awb-menu__m-toggle, .fusion-tb-header .awb-menu__m-toggle:hover {
  background: transparent !important;
  color: var(--r404-inkfg) !important;
  border-color: rgba(248, 247, 243, 0.25) !important;
}

/* ---------- page title bar (theme pages only; the two plugin pages hide it) ---------- */
.fusion-page-title-bar { background: var(--r404-ink) !important; background-image: none !important; border: 0 !important; }
.fusion-page-title-bar h1, .fusion-page-title-bar h3, .fusion-page-title-secondary, .fusion-page-title-bar .fusion-breadcrumbs,
.fusion-page-title-bar .fusion-breadcrumbs a, .fusion-page-title-bar .fusion-breadcrumbs .breadcrumb-leaf { color: var(--r404-inkfg) !important; }
body.page-id-1713 .fusion-page-title-bar, body.page-id-1714 .fusion-page-title-bar { display: none !important; }

/* ---------- footer ---------- */
.fusion-tb-footer, .fusion-footer, .fusion-footer-widget-area, .fusion-footer-copyright-area { background: var(--r404-chip) !important; }
.fusion-tb-footer .fusion-fullwidth { background: transparent !important; background-image: none !important; }
.fusion-tb-footer, .fusion-tb-footer p, .fusion-tb-footer li, .fusion-tb-footer h1, .fusion-tb-footer h2, .fusion-tb-footer h3,
.fusion-tb-footer h4, .fusion-tb-footer .fusion-text, .fusion-tb-footer .fusion-title { color: var(--r404-fg) !important; }
.fusion-tb-footer a:not(.fusion-button) { color: var(--r404-accent) !important; }
.fusion-tb-footer .fusion-separator .fusion-separator-border { border-color: var(--r404-line) !important; }

/* ---------- forms (Gravity Forms + Avada forms) ---------- */
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"],
.gform_wrapper textarea, .gform_wrapper select, .fusion-form-field input, .fusion-form-field textarea, .fusion-form-field select {
  background: #fff !important; border: 1px solid var(--r404-line) !important; border-radius: 8px !important; color: var(--r404-fg) !important;
}
.gform_wrapper .gform_button, .fusion-form-submit-button { background: var(--r404-accent) !important; color: #fff !important; border-radius: 8px !important; border: 0 !important; font-family: var(--r404-disp) !important; }

/* ---------- misc theme chrome ---------- */
.fusion-separator .fusion-separator-border { border-color: var(--r404-line) !important; }
.fusion-sliding-bar, .fusion-sliding-bar-wrapper { display: none !important; }
#toTop, .fusion-top-frame, .fusion-bottom-frame, .fusion-sides-frame { background: var(--r404-ink) !important; }

/* 1.0.1: retint the Avada global palette so every page element NLMarCom tied to it follows the skin.
   color2 was neon pink #f741d5 (borders, mobile bar, "Come work with us"), color3 sky blue #2e97f4,
   color4 green #33dd6e (headings, the big SCHEDULE A CALL). All three move to the accent family. */
:root{
  --awb-color2:#1f4fd8 !important;--awb-color2-h:224 !important;--awb-color2-s:75% !important;--awb-color2-l:48% !important;--awb-color2-a:100% !important;
  --awb-color3:#163db0 !important;--awb-color3-h:224 !important;--awb-color3-s:78% !important;--awb-color3-l:39% !important;--awb-color3-a:100% !important;
  --awb-color4:#1f4fd8 !important;--awb-color4-h:224 !important;--awb-color4-s:75% !important;--awb-color4-l:48% !important;--awb-color4-a:100% !important;
}
/* mobile hamburger bars are pseudo-elements that read the trigger colour */
.fusion-tb-header .awb-menu__m-toggle,.fusion-tb-header .awb-menu__m-toggle *,.fusion-tb-header .awb-menu__m-collapse-icon::before,.fusion-tb-header .awb-menu__m-collapse-icon::after{color:#f8f7f3 !important;border-color:#f8f7f3 !important}