/**
 * @file
 * Styles for menus in Bartik.
 */

/* This is needed to override ul.menu styles in menu.theme.css */
ul.menu {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
[dir="rtl"] ul.menu {
  margin: 0;
}

/* Horizontal menu */

.horizontal-menu > li > a {
  background-color: transparent;
  padding: 0.7em 0.8em;
  font-weight: bold;
  font-size: 1.1em;
  color: #3b3b3b;
}
.horizontal-menu > li {
  margin: 0;
  padding: 0;
}
.horizontal-menu > li > a:hover,
.horizontal-menu > li > a:focus {
  border-bottom: 0.2em solid #18BB7C;
  padding-bottom: 0.5em;
}
.responsive-menu-toggle-icon span.label {
    top: 8px;
    left: 45px;
}
.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon {
    left: 15px;
}
.responsive-menu-toggle-icon:before {
    top: 13px;
}
.responsive-menu-toggle-icon span.icon {
    top: 19px;
}
.responsive-menu-toggle-icon:after {
    top: 25px;
}