/**
 * @file
 * Skin based on safe CSS file name: ultimenu--bsp.
 */
.ultimenu--bsp {
  color: #999;
}

.ultimenu--bsp .ultimenu__flyout {
  background-color: #111;
}

.ultimenu--bsp .ultimenu__region {
  background-color: #000;
}

.ultimenu--bsp .ultimenu__link {
  border-top: 1px solid transparent;
  color: #eaeaea;
  z-index: 103; /* Above the flyout z-index: 102 */
}

/* @todo is-active https://www.drupal.org/node/2281785 */
.ultimenu--bsp > li {
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  -webkit-transition-property: opacity, background;
  transition-property: opacity, background;
}

.ultimenu--bsp > li > a {
  padding: 1em 1.75em;
  min-height: 42px;
}

.ultimenu--bsp > li:hover > a,
.ultimenu--bsp .is-ultimenu-active,
.ultimenu--bsp .is-active-trail > a {
  background: white;
  color: black !important;
}

/**
 * 944px below with 16px base font.
 */
@media all and (max-width: 58.999em) {
  .ultimenu--bsp .ultimenu__link {
    border-top: 1px solid #333;
  }
}
/** 944px with 16px base font. */
@media only screen and (min-width: 59em) {
  .ultimenu--hover.ultimenu--bsp li:hover > .ultimenu__flyout,
  .ultimenu--hover.ultimenu--bsp li a:focus + .ultimenu__flyout,
  .ultimenu--hover.ultimenu--bsp li .ultimenu__flyout:focus-within {
    margin-top: -1px;
  }
}
.ultimenu__flyout.is-htb {
  padding: 0 !important;
}

.ultimenu__item > a > .caret {
  display: none;
}

@media (min-width: 59em) {
  .ultimenu.ultimenu--hover .ultimenu__link {
    padding-right: 24px;
  }
}
/*# sourceMappingURL=ultimenu--bsp.css.map */