/**
 * $file
 * Variables
 *
 ****
 *
 * Page Widths
 * Fonts
 * Colors
 *
 ****
*/
/****
 *
 * Page Widths
 *
 ****/
/****
 *
 * Fonts
 *
 ****/
/****
 *
 * Colors
 *
 ****/
/**
 * $file
 * Variables
 *
 ****
 *
 * Page Widths
 * Fonts
 * Colors
 *
 ****
*/
/****
 *
 * Page Widths
 *
 ****/
/****
 *
 * Fonts
 *
 ****/
/****
 *
 * Colors
 *
 ****/
.directory-tabs-block {
  padding-top: 3rem;
  clear: both;
}

.directory-tabs-block ul.menu {
  display: flex;
  flex-flow: column;
  margin: 0 0 2rem;
  justify-content: center;
}

@media (min-width: 960px) {
  .directory-tabs-block ul.menu {
    flex-flow: row wrap;
    margin: 0;
  }
}

.directory-tabs-block ul.menu li a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  padding: 1.5rem 3.5rem;
  background: #4670C9;
  border-radius: .5rem;
  text-decoration: none;
  margin: 0 .2rem;
  font: 1.8rem/2.1rem "roboto_condensedbold", "Arial Narrow", Arial, sans-serif;
}

@media (min-width: 960px) {
  .directory-tabs-block ul.menu li a {
    border-radius: .5rem .5rem 0 0;
  }
}

.directory-tabs-block ul.menu li a:hover {
  background: #1A2D57;
}

.directory-tabs-block ul.menu li.menu-item--active-trail a {
  background: #1A2D57;
}

/*# sourceMappingURL=../sourcemaps/menu--directory-tabs.css.map */