#menuBar{
  position:relative;
  color: white;
  margin-top: 0px;
  z-index:900;
}

#mainMenu{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#mainMenu .menu{
  display:block;
  margin:0;
  padding: 0;
  float:left;
  cursor:pointer;
}

#mainMenu .menu > a{
  display: block;
  color: #fff;
  font-weight: 600;
  height: auto;
  line-height: 20px;
  padding: 14px 14px;
  transition: background-color 0.15s ease;
}

#mainMenu .menu:hover > a{
  color: #fff;
  background-color: rgba(255,255,255,0.14);
}

#mainMenu .menu:has(.menuDropDown) > a::after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 2px 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  vertical-align: middle;
  opacity: 0.55;
}

#mainMenu .menu:hover:has(.menuDropDown) > a::after{
  transform: rotate(225deg);
  margin-bottom: -2px;
  opacity: 1;
}

#mainMenu .activeMenu{
  background-color: transparent;
}

#mainMenu a.activeMenu{
  color: #fff;
  background-color: rgba(255,255,255,0.16);
  box-shadow: inset 0 -3px 0 #fff;
}

#mainMenu .menu .menuDropDown{
  display: block;
  min-width: 280px;
  padding: var(--sp-2);
  margin: 4px 0 0 0;
  background-color: var(--phl-surface);
  border: 1px solid var(--phl-line);
  border-bottom-width: 2px;
  border-radius: var(--r-md);
  visibility: hidden;
}

#mainMenu .menu .menuDropDown ul{list-style-type: none; padding:0; margin:0;}
#mainMenu .menu .menuColumnOne{float:none; width:auto; margin:0;}
#mainMenu .menu .menuColumnTwo{float:none; width:auto;}

#mainMenu .menu .menuItem{margin: 0 0 2px 0;}

#mainMenu .menu .menuItem:last-child{margin-bottom: 0;}

#mainMenu .menu .menuItem a{ display: block; color: var(--phl-ink); height: auto; padding: 13px 16px; border-radius: var(--r-sm); font-size: var(--fs-sm); white-space: nowrap; }
#mainMenu .menu .menuItem a:hover{ background-color: var(--phl-blue-50); color: var(--phl-blue-dark); }
#mainMenu .menu .menuItem a.activeLink{ color: var(--phl-blue); font-weight: 600; }

.positionAbsolute{position: absolute;}
