/* menu style */
.region-primary-menu {
  background: black;
  padding: 0;
  margin: 0;
  display: block;
  clear: both;
  box-sizing: border-box;
}
#superfish-main-accordion {
  background: white;
  border-width: 0 0 1px 0;
  border-color: grey;
  border-style: solid;
}
#superfish-main-accordion * {
  outline-style: none;
}
#superfish-main-accordion li.sf-expanded a:hover {
  background: white;
  color: black;
}
#superfish-main-accordion li.active-trail a.menuparent:hover,
#superfish-main-accordion li a:hover {
  background: grey;
  color: white;
}
#superfish-main-accordion .sf-with-ul .sf-sub-indicator {
  display: unset;
}
#superfish-main-accordion li.sf-expanded .sf-with-ul .sf-sub-indicator:after {
  content: "▲";
}
#superfish-main-accordion a {
  border-radius: 0;
  margin: 0;
  padding: 0.9em 5px;
}
#superfish-main-accordion li.sf-expanded {
  background: grey;
}
#superfish-main-accordion li.active-trail a.menuparent,
#superfish-main-accordion li.active-trail a.is-active {
    color: grey;
}
#superfish-main-accordion li.sf-expanded > a.menuparent {
  background: grey;
  color: white;
}
#superfish-main-accordion li.sf-expanded ul > li:last-child {
  border-width: 0 0 1px 0;
  border-color: gray;
  border-style: dotted;
}
@media all and (max-width: 460px) {
  #superfish-main-accordion a.sf-depth-2 {
    padding-left: 1.6em;
  }
}
@media all and (min-width: 461px) {
  .region-primary-menu .menu li.active-trail a.sf-depth-1.menuparent {
    background: rgba(255, 255, 255, 0.95);
  }
  .region-primary-menu .menu a.sf-depth-1 {
    border-radius: 8px 8px 0 0;
    margin-bottom: 0px;
  }
  li.sf-depth-1 > ul {
    background: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  }
}
.region-primary-menu .menu a {
    border-radius: 0;
}
.sf-with-ul .sf-sub-indicator {
  display: none;
}
.sf-accordion-toggle {
  position: absolute;
  z-index: 500;
  right: 0;
  width: 45px;
  border-radius: 0 0 0 45px;
  background: black;
  text-align: right;
  line-height: 25px;
  padding: 2px;
  height: 36px;
  box-sizing: border-box;
  font-size: 25px;
  font-weight: bold;
  -webkit-box-shadow:  -2px 2px 5px 0px rgba(255,255,255,0.75);
  -moz-box-shadow:  -2px 2px 5px 0px rgba(255,255,255,0.75);
  box-shadow: -2px 2px 5px 0px rgba(255,255,255,0.75);
}
.sf-accordion-toggle img {
  vertical-align: middle;
  height: 25px;
  width: 25px
}
#superfish-main-toggle {
  color: grey;
  text-align: right;
  display: inline-block;
  margin: 0 auto 0;
}