/* Enter Your Custom CSS Here */
.main-navigation li .sub-menu {
    display: none;
}
.main-navigation li:hover .sub-menu {
    display: block !important;
}
.main-navigation li.menu-item-has-children:hover > ul,
.main-navigation li.current-menu-item >ul,
.main-navigation li.current-menu-ancestor >ul{
  display: block;
  position: static;
  /* right: -200px; */
  /* top: 0; */
  width: 100%;
  text-align: left;
  clear: both;
  background: #55b74e;
  padding-left: 1em;
}

.main-navigation li.menu-item-has-children > ul a {
  color: #eee;

}
.main-navigation li.menu-item-has-children > ul a:hover {
  color: white;
}