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




/**
 * ===== TABS =====
 */

/**/
div.tabs {}

/**/
ul.tabs {
  border-bottom: 1px solid var(--site--main--color--04-02);
  display: flex;
  flex-flow: row wrap;
}
ul.tabs > li {}

/**/
ul.tabs li a {
  border-bottom: 5px solid transparent;
  border-bottom-color: transparent;
  color: var(--site--main--color--04-02);
  display: block;
  padding: 0.5rem 0.75rem;
}

/**/
ul.tabs li a:focus,
ul.tabs li a:hover,
ul.tabs li a.is-active {
  background-color: transparent;
  border-color: var(--site--main--color--04-02);
  color: var(--site--main--color--04-02);
}