@charset "utf-8";

/* ================================
   BASE
================================ */
.AJXCSSMenuOGUYRbC,
.AJXCSSMenuOGUYRbC * {
  box-sizing: border-box;
}

.AJXCSSMenuOGUYRbC {
  position: relative;
  z-index: 1000;
  width: 100%;
  background: #0080ff;
  border: 1px solid #070f18;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AJXCSSMenuOGUYRbC::after {
  content: "";
  display: block;
  clear: both;
}

.AJXCSSMenuOGUYRbC ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.AJXCSSMenuOGUYRbC a {
  text-decoration: none;
}

/* ================================
   TOP LEVEL
================================ */
.AJXCSSMenuOGUYRbC > ul {
  display: flex;
  justify-content: center;
  padding: 4px;
}

.AJXCSSMenuOGUYRbC > ul > li {
  position: relative;
}

.AJXCSSMenuOGUYRbC > ul > li > a {
  display: block;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  transition: background 0.15s ease;
}

.AJXCSSMenuOGUYRbC > ul > li:hover > a,
.AJXCSSMenuOGUYRbC > ul > li:focus-within > a,
.AJXCSSMenuOGUYRbC > ul > li.open > a {
  background: #7cabe4;
}

/* ================================
   DROPDOWN LEVEL 1 (NO GAP FIX)
================================ */
.AJXCSSMenuOGUYRbC li ul {
  position: absolute;
  top: 100%;              /* FIXED: no gap */
  left: 0;
  min-width: 220px;
  display: none;
  padding: 4px;
  background: #0080ff;
  border: 1px solid #3770b5;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  z-index: 1100;
}

/* SHOW FIRST LEVEL */
.AJXCSSMenuOGUYRbC li:hover > ul,
.AJXCSSMenuOGUYRbC li:focus-within > ul,
.AJXCSSMenuOGUYRbC li.open > ul {
  display: block;
}

/* ================================
   SUBMENU ITEMS
================================ */
.AJXCSSMenuOGUYRbC li li {
  position: relative;
}

.AJXCSSMenuOGUYRbC li li a {
  display: block;
  padding: 6px 10px;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
  transition: background 0.15s ease;
}

.AJXCSSMenuOGUYRbC li li + li {
  margin-top: 2px;
}

.AJXCSSMenuOGUYRbC li li:hover > a,
.AJXCSSMenuOGUYRbC li li:focus-within > a,
.AJXCSSMenuOGUYRbC li li.open > a {
  background: #7cabe4;
}

/* ================================
   SECOND LEVEL FLYOUT (NO GAP)
================================ */
.AJXCSSMenuOGUYRbC li li ul {
  top: 0;
  left: 100%;            /* FIXED: no gap */
  margin: 0;
}

/* SHOW SECOND LEVEL */
.AJXCSSMenuOGUYRbC li li:hover > ul,
.AJXCSSMenuOGUYRbC li li:focus-within > ul,
.AJXCSSMenuOGUYRbC li li.open > ul {
  display: block;
}

/* ================================
   ARROWS
================================ */
.AJXCSSMenuOGUYRbC a.ajxsub {
  position: relative;
  padding-right: 24px;
}

/* DOWN arrow */
.AJXCSSMenuOGUYRbC > ul > li > a.ajxsub::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -2px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #fff;
}

/* RIGHT arrow */
.AJXCSSMenuOGUYRbC li li > a.ajxsub::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #fff;
}

/* ================================
   MOBILE
================================ */
.AJXCSSMenuOGUYRbC .cs-menu-toggle {
  display: none;
}

@media screen and (max-width: 768px) {

  /* Create a fixed top bar area */
  .AJXCSSMenuOGUYRbC {
    position: relative;
    padding-top: 44px;   /* defines header bar height */
  }

  /* MENU BUTTON (perfectly centered in that bar) */
  .AJXCSSMenuOGUYRbC .cs-menu-toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 8px;
    height: 44px;                 /* match padding-top */
    display: flex;
    align-items: center;          /* vertical center */
    padding: 0 10px;
    border: 1px solid #3770b5;
    border-radius: 4px;
    background: #0080ff;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    z-index: 1200;
  }

  /* MENU LIST */
  .AJXCSSMenuOGUYRbC > ul {
    display: none;
    flex-direction: column;
  }

  .AJXCSSMenuOGUYRbC.menu-open > ul {
    display: flex;
  }

  /* SUBMENUS */
  .AJXCSSMenuOGUYRbC li ul,
  .AJXCSSMenuOGUYRbC li li ul {
    position: static;
    display: none;
    box-shadow: none;
  }

  .AJXCSSMenuOGUYRbC li.open > ul {
    display: block;
  }

  .AJXCSSMenuOGUYRbC li li a {
    padding-left: 16px;
  }

  .AJXCSSMenuOGUYRbC li li li a {
    padding-left: 24px;
  }
}