/**
 * @file
 * Visual styles for tabs.
 * Based on Classy.
 */
div.tabs {
  margin: 1em 0; }

.tabs_list {
  display: -ms-flexbox;
  display: flex; }

.tabs__wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem; }

ul.tabs {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 0 0.5em;
  padding: 0; }

.tabs > li {
  display: inline-block;
  margin-right: 0.3em;
  /* LTR */ }

[dir="rtl"] .tabs > li {
  margin-left: 0.3em;
  margin-right: 0; }

.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
  color: #9b2743; }

.tabs a.is-active {
  background-color: #eee; }

.tabs a:focus,
.tabs a:hover {
  background-color: #9b2743;
  color: #FFF; }