.h-menu > input,
.h-menu > label {
  display: none;
}

.h-menu ul > li:hover,
.h-menu ul > li:active {
  background-color: #f4f3f1;
  color: rgba(0,0,0,.87);
}

.h-menu ul > li:focus > ul,
.h-menu ul > li:active > ul,
.h-menu ul > li:hover > ul,
.h-menu ul ul:hover {
  display: block;
}

.h-menu ul > li a:hover {
  text-decoration: none;
}

.h-menu ul li a:only-child {
  padding-right: 12px;
}

.h-menu ul > li {
  float: left;
  transition: background-color .2s;
}

.h-menu ul > li > label {
  width: 26px;
}

.h-menu ul ul {
  position: absolute;
  z-index: 100;
  display: none;
  width: 188px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

.h-menu ul ul > li {
  float: none;
}

.h-menu ul ul ul {
  margin-left: 100%;
  /* line height + padding of link */
  margin-top: -45px;
}

.h-menu ul > li.edge > ul {
  margin-left: 0;
  right: 0;
}

.h-menu ul ul li.edge > ul{
  right: 100%;
}

.h-menu ul > li > label:after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgb(150, 150, 150);
  position: absolute;
  top: 43%;
  left: 8px;
}

.h-menu ul ul > li > label:after  {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgb(150, 150, 150);
}