@charset "UTF-8";
/* ==========================================================================
   DJ-MegaMenu (erpcorp2025) — Mobile & Offcanvas (Font Awesome 6 only)
   Requires: Font Awesome 6 Free (CSS or Kit) loaded on the page
   ========================================================================== */

/* =======================
   MOBILE MENU OPEN BUTTON
   ======================= */
.dj-megamenu-select-erpcorp2025 .dj-mobile-open-btn,
.dj-megamenu-offcanvas-erpcorp2025 .dj-mobile-open-btn,
.dj-megamenu-accordion-erpcorp2025 .dj-mobile-open-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  width: 45px;
  height: 45px;
  background: transparent;
  color: #417EBF;
  border: none;
  text-align: center;
  border-radius: 0;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  text-decoration: none;
  font-family: "League Spartan", sans-serif;
}

.dj-mobile-open-btn .dj-mobile-open-icon { position: relative; }

/* Hamburger (NO font icons) */
.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon {
  display: block;
  width: 35px;
  height: 4px;
  border-radius: 0;
  background-color: transparent;
  transition: transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 35px;
  height: 4px;
  border-radius: 0;
  background-color: #434343;
  transition: transform .15s ease, top 75ms ease .12s, bottom 75ms ease .12s, opacity 75ms ease .12s;
}
.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before { top: -10px; }
.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after  { bottom: -10px; }

.dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon { transform: rotate(45deg); transition-delay: .12s; }
.dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:before { top: 0; opacity: 0; }
.dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:after  { bottom: 0; transform: rotate(-90deg); }

/* Hamburger (Font Awesome 6 — primary) */
.dj-mobile-open-btn.dj-fa-6 .dj-mobile-open-icon:before {
  content: "\f0c9"; /* bars */
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid */
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Hover/active colors */
.dj-mobile-open-btn.active .dj-mobile-open-icon,
.dj-megamenu-select-erpcorp2025 .dj-mobile-open-btn:focus,
.dj-megamenu-select-erpcorp2025:hover .dj-mobile-open-btn,
.dj-megamenu-offcanvas-erpcorp2025 .dj-mobile-open-btn:hover,
.dj-megamenu-offcanvas-erpcorp2025 .dj-mobile-open-btn:focus,
.dj-megamenu-accordion-erpcorp2025 .dj-mobile-open-btn:hover,
.dj-megamenu-accordion-erpcorp2025 .dj-mobile-open-btn:focus {
  background: transparent;
  color: #FBB040;
}

/* No-FA color sync on states */
.dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon,
.dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon:before,
.dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon:after,
.dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon,
.dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon,
.dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:after,
.dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon:after {
  background-color: #417EBF;
}

/* ==========================
   SELECT MENU (general styles)
   ========================== */
.dj-megamenu-select-erpcorp2025.select-input select {
  margin: 10px;
  padding: 5px;
  max-width: 95%;
  height: auto;
  font-size: 1.3rem;
  color: #002b49;
  font-family: "League Spartan", sans-serif;
}
.dj-megamenu-select-erpcorp2025.select-input .dj-mobile-open-btn { display: none !important; }

.dj-megamenu-select-erpcorp2025.select-button {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: auto;
  overflow: hidden;
}
.dj-megamenu-select-erpcorp2025.select-button select {
  position: absolute;
  top: 0; left: 0;
  background: transparent;
  border: 0;
  margin: 0; padding: 0;
  cursor: pointer;
  height: 48px; width: auto; max-width: 9999px;
  outline: none;
  text-indent: 9999px;
  font-size: 1.3em;
  color: #434343;
  box-shadow: none;
}

/* =====================
   OFFCANVAS (container)
   ===================== */
.dj-offcanvas-erpcorp2025 { background: #ffffff; color: #444444; }
.dj-offcanvas-erpcorp2025 .dj-offcanvas-top { background: #ffffff; text-align: right; }

.dj-offcanvas-erpcorp2025 .dj-offcanvas-close-btn {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1;
  background: none;
  border: none;
  color: #417EBF;
  cursor: pointer;
  padding: 10px 12px;
}

/* Close (NO font icons) */
.dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon {
  position: relative;
  display: block;
  width: 15px; height: 15px;
}
.dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before,
.dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon:after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 2px; height: 15px;
  background: transparent;
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: top left;
}
.dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon:after {
  transform: rotate(-45deg) translate(-50%, -50%);
}

/* Close (Font Awesome 6 — primary) */
.dj-fa-6 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before {
  content: "\f00d"; /* xmark (legacy alias retained in FA6) */
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid */
  font-size: 2rem;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dj-offcanvas-erpcorp2025 .dj-offcanvas-logo { padding: 15px; text-align: center; }
.dj-offcanvas-erpcorp2025 .dj-offcanvas-logo img { max-width: 100%; }
.dj-offcanvas-erpcorp2025 .dj-offcanvas-content { padding: 0 15px 15px; }
.dj-offcanvas-modules { padding: 15px; }

/* ======================
   ACCORDION (menu shell)
   ====================== */
.dj-megamenu-accordion-erpcorp2025 { position: relative; text-align: center; }
.dj-megamenu-accordion-erpcorp2025.dj-align-left  { text-align: left; }
.dj-megamenu-accordion-erpcorp2025.dj-align-right { text-align: right; }

.dj-pos-absolute .dj-accordion-erpcorp2025 { position: absolute; top: 42px; z-index: 999; }
.dj-pos-absolute.dj-align-left  .dj-accordion-erpcorp2025 { left: 0; }
.dj-pos-absolute.dj-align-right .dj-accordion-erpcorp2025 { right: 0; }
.dj-pos-absolute.dj-align-center .dj-accordion-erpcorp2025 { left: 50%; margin-left: -150px; }
.dj-pos-absolute .dj-accordion-erpcorp2025 .dj-accordion-in { width: 300px; }

.dj-accordion-erpcorp2025 .dj-accordion-in {
  display: none;
  margin: 10px 0;
  padding: 0 15px;
  background: #f2f2f2;
  color: #444444;
  box-sizing: border-box;
}

/* ==========================
   OFFCANVAS & ACCORDION LIST
   ========================== */
ul.dj-mobile-erpcorp2025 { margin: 0 -15px; padding: 0; text-align: left; }
ul.dj-mobile-erpcorp2025 li.dj-mobileitem {
  list-style: none outside;
  position: relative;
  margin: 0; padding: 0; background: none;
}

ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1;
  background: #417EBF;
  color: #ffffff;
  text-decoration: none;
  padding: 20px 15px;
  cursor: pointer;
  border-top: 1px solid #ffffff;
  transition: background-color 0.2s ease-out;
}
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a.btn-primary {
  background: #417EBF; color: #ffffff;
}
ul.dj-mobile-erpcorp2025 li.dj-mobileitem:hover > a,
ul.dj-mobile-erpcorp2025 li.dj-mobileitem.active > a {
  background: #FBB040; color: #ffffff;
}
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a span.name + span { margin-left: 10px; }
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a .subtitle {
  display: block; font-size: 0.85em; line-height: 1; color: #aaa; margin-top: 3px;
}
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a span.dj-badge {
  float: none; text-transform: uppercase; display: inline-block;
  padding: .35em .65em; font-size: .75em; font-weight: 700; height: auto; line-height: 1;
  text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;
}
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a img,
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a i { vertical-align: middle; margin: 0 10px 0 0; }
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a.withsubtitle img,
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a.withsubtitle i { float: left; }
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > a span.image-title { margin: 0 0 0 10px; }

/* Parent toggler affordance */
ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent > a { position: relative; padding-right: 35px; }
ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent > a span.toggler {
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  display: inline-block; padding: 10px; min-width: 10px; line-height: 1;
}

/* Toggler (NO font icons) */
.dj-fa-no ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent > a span.toggler:before,
.dj-fa-no ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent > a span.toggler:after {
  position: absolute; content: ''; display: block; background: #434343;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.dj-fa-no ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent > a span.toggler:before { width: 10px; height: 2px; }
.dj-fa-no ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent > a span.toggler:after  { width: 2px; height: 10px; }
.dj-fa-no ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent.active > a span.toggler:after { display: none; }

/* Toggler (Font Awesome 6 — primary) */
.dj-fa-6 ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent > a span.toggler:before {
  content: "\f067"; /* plus */
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid */
  font-style: normal; line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.dj-fa-6 ul.dj-mobile-erpcorp2025 li.dj-mobileitem.parent.active > a span.toggler:before {
  content: "\f068"; /* minus */
}

/* Submenus */
ul.dj-mobile-erpcorp2025 li.dj-mobileitem > ul { display: none; margin: 0; padding: 0; }

/* 2nd level */
ul.dj-mobile-erpcorp2025 ul li.dj-mobileitem > a {
  color: #ffffff; background: #FBB040; border-top: 2px solid #ffffff; padding-left: 30px;
}
ul.dj-mobile-erpcorp2025 ul li.dj-mobileitem:hover > a,
ul.dj-mobile-erpcorp2025 ul li.dj-mobileitem.active > a {
  color: #ffffff; background: #A58960;
}

/* 3rd level */
ul.dj-mobile-erpcorp2025 ul ul li.dj-mobileitem > a {
  background: #e6e6e6; border-top: 1px solid #eeeeee; padding-left: 45px;
}
ul.dj-mobile-erpcorp2025 ul ul li.dj-mobileitem:hover > a,
ul.dj-mobile-erpcorp2025 ul ul li.dj-mobileitem.active > a { background: #e1e1e1; }

/* 4th level */
ul.dj-mobile-erpcorp2025 ul ul ul li.dj-mobileitem > a {
  background: #e1e1e1; border-top: 1px solid #e6e6e6; padding-left: 60px;
}
ul.dj-mobile-erpcorp2025 ul ul ul li.dj-mobileitem:hover > a,
ul.dj-mobile-erpcorp2025 ul ul ul li.dj-mobileitem.active > a { background: #dbdbdb; }

/* 5th level */
ul.dj-mobile-erpcorp2025 ul ul ul ul li.dj-mobileitem > a { background: #dbdbdb; }

/* Mobile modules in offcanvas */
ul.dj-mobile-erpcorp2025 .modules-wrap { padding: 5px 15px; }
