.mobile {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
}

.toggle {
  font-size: 14px;
  padding: 5px 0;
  display: block;
  border: none;
  background-color: transparent;
  margin: 0 auto;
  color: #333;
}

.hiddenAccessible {
  display: block;
  position: absolute;
  left: -100000em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.li {
  list-style: none;
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
}

.link {
  color: #333;
  text-decoration: none;
  line-height: 22.4px;
}

.dropdown {
  display: none;
}

.dropdown.isOpen {
  display: block;
}

.arrow {
  background-image: url("/_static/img/icons/arrows/arrow-down-grey.png");
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 5px;
  padding: 5px 10px;
}

.arrow.open {
  background-image: url("/_static/img/icons/arrows/arrow-up-grey.png");
}

.link {
  color: grey;
  display: block;
  text-transform: capitalize;
}

.link:hover {
  color: #7f7369;
  text-decoration: none;
}

@media (min-width: 1366px) {
  .mobile {
    display: none;
  }
}
