#ddnav {
  width: 100%;
}

#ddnav ul, #ddnav li, #ddnav a {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  line-height: 5.3rem;

}

#ddnav > ul {
  display: flex;
  padding-bottom: 0px;
  padding-right: 14px;
}

#ddnav > ul > li {
  position: relative;
  flex: 1 1 auto;
  text-align: center
}

#ddnav a {
  display: block;
  padding: 0px 15px 0px 15px;
}

/* =================================
   LVL 1
   ================================= */
#ddnav .lvl-1.active, #ddnav .lvl-1, #ddnav .lvl-1.inpath {
}

#ddnav > ul > li:last-child {
}

#ddnav .lvl-1 {
}

#ddnav .lvl-1.active {
  color: var(--font-highlight);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

#ddnav .lvl-1.inpath {
  color: var(--font-highlight);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

/* =================================
   LVL 2
   ================================= */
#ddnav ul ul li {
  background: var(--c-sand);
  border-top: 2px solid var(--c-dark-red);
  float: none;
  display: block;
  min-width: 180px;
}

#ddnav ul ul li:last-child {
  border-bottom: none;
}

#ddnav .lvl-2.active, #ddnav .lvl-2, #ddnav .lvl-2.inpath {
  text-align: left;
}

#ddnav .lvl-2 {

}

#ddnav .lvl-2.active {


}

#ddnav .lvl-2.inpath {


}


/* =================================
   HOVER INTENT - KEEP AT LAST POS
   ================================= */
#ddnav ul li:hover a {
  color: var(--font-highlight);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}


#ddnav ul ul {
  position: absolute;
  left: -9999px;
  /*display:none;*/
  /*margin-top: 40px; !* line - height? *!*/
  z-index: 999;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;

  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;

  opacity: 0;
}

#ddnav ul ul ul {
  position: absolute;
  left: -9999px;
  /*display:none;*/
  margin-top: -30px;
  margin-left: 180px;
  z-index: 999;
  opacity: 0;
}


#ddnav ul li:hover > ul {
  left: 0;
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
  opacity: 1;
}

#ddnav ul ul li:hover ul {
  left: 0;
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
  opacity: 1;
}


/* =================================
   HCO has children online
   ================================= */

/*.hco > a:after {*/
/*  content:"►";*/
/*  display: block;*/
/*  float:right;*/
/*}*/

/*.hco:hover > a:after {*/
/*  content:"▼";*/
/*}*/