/**
 * @file
 * Visual styles for menu.
 */

ul.menu {
  margin-left: 1em; /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left; /* LTR */
}
[dir="rtl"] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}
.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/icons/menu-expanded.png);
}
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/icons/menu-collapsed.png); /* LTR */
}
[dir="rtl"] .menu-item--collapsed {
  list-style-image: url(../../images/icons/menu-collapsed-rtl.png);
}
.menu-item {
  margin: 0;
  padding-top: 0.2em;
}
ul.menu a.is-active {
  color: #000;
}

nav {
  /*border-bottom:1px solid rgba(0,0,0,.12);*/
}
.region-primary-menu li {
  height: 40px;
  margin-right: 15px;
}

.region-primary-menu li a {
  display: block;
  padding: 10px 19px 10px 50px;
  color: rgba(0,0,0,.87);
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1rem;
  background-position: 8px center !important;
  border-radius: 8px;
}

.region-primary-menu li a:hover{
  background-color: lightgray;
}

.region-primary-menu li.menu-item--active-trail a {
  background-color: rgba(54, 153, 208, 0.20);
  color: #3699d0;
}