.wp-block-navigation__container:has(.s8a-projects-menu){
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  width:100%!important;
  column-gap:0!important;
}
.wp-block-navigation__container:has(.s8a-projects-menu)>.wp-block-navigation-item{
  justify-content:center!important;
  margin:0!important;
}
.s8a-projects-menu{
  position:relative;
  display:flex;
  align-items:center;
  font:inherit;
}
.s8a-projects-trigger{
  display:flex;
  align-items:center;
  gap:.45em;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:inherit!important;
  font-size:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit;
  cursor:pointer;
}
.s8a-projects-submenu{
  position:absolute;
  z-index:9999;
  top:calc(100% + 14px);
  left:50%;
  min-width:245px;
  margin:0;
  padding:10px;
  list-style:none;
  background:#000;
  color:#fff;
  border:2px solid #000;
  transform:translateX(-50%) translateY(-5px);
  opacity:0;
  visibility:hidden;
  transition:opacity .12s ease,transform .12s ease,visibility .12s;
}
.s8a-projects-submenu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:100%;
  height:16px;
}
.s8a-projects-menu.is-open .s8a-projects-submenu{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.s8a-projects-submenu a{
  display:block;
  padding:10px 12px;
  color:#fff!important;
  font-size:12px;
  font-weight:900;
  line-height:1.1;
  text-decoration:none!important;
  white-space:nowrap;
}
.s8a-projects-submenu a:hover,.s8a-projects-submenu a:focus{
  background:#c8ff00;
  color:#000!important;
}
@media(max-width:781px){
  .wp-block-navigation__container:has(.s8a-projects-menu){display:flex!important;width:auto!important}
  .s8a-projects-menu{display:block;width:100%}
  .s8a-projects-trigger{width:100%;justify-content:space-between;text-align:left}
  .s8a-projects-submenu{
    position:static;
    width:100%;
    min-width:0;
    margin-top:12px;
    padding:0 0 0 18px;
    border:0;
    background:transparent;
    color:inherit;
    transform:none;
    display:none;
    opacity:1;
    visibility:visible;
  }
  .s8a-projects-menu.is-open .s8a-projects-submenu{display:block;transform:none}
  .s8a-projects-submenu a{padding:8px 0;color:inherit!important;font-size:.62em;white-space:normal}
  .s8a-projects-submenu a:hover,.s8a-projects-submenu a:focus{background:transparent;color:inherit!important}
}