/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
nav.tabs {
  background: var(--gray-lighter);
}

ul.tabs.primary {
  width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--constrain-width);
  margin-top: 0;
  display: flex;
  border: none;
}
ul.tabs.primary li {
  text-align: center;
  border: none;
  background: none;
  display: block;
  float: left;
  padding: 0;
}
ul.tabs.primary a {
  display: block;
  padding: 10px;
  color: var(--gray-dark);
  border: none;
}
ul.tabs.primary a:visited {
  color: var(--gray-dark);
}
ul.tabs.primary a:focus {
  color: var(--gray-dark);
}
ul.tabs.primary a:hover {
  color: var(--link-hover);
}
ul.tabs.primary a:active {
  color: var(--link-hover);
}
ul.tabs.primary a:hover, ul.tabs.primary a.is-active {
  background: white;
  color: var(--text-color);
  border: none;
  border-top: 3px solid var(--blue);
  margin-top: -3px;
}

.card-header button[aria-expanded=true],
.r-tabs-accordion-title.r-tabs-state-active a {
  color: var(--link-hover);
  position: relative;
  display: inline-block;
  padding-left: 3rem;
}
.card-header button[aria-expanded=true]:before,
.r-tabs-accordion-title.r-tabs-state-active a:before {
  content: "\f078";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: inherit;
  position: absolute;
  top: 23%;
  left: 0.5rem;
  font-size: inherit;
}
.card-header button[aria-expanded=true]:focus:before, .card-header button[aria-expanded=true]:active:before, .card-header button[aria-expanded=true]:hover:before,
.r-tabs-accordion-title.r-tabs-state-active a:focus:before,
.r-tabs-accordion-title.r-tabs-state-active a:active:before,
.r-tabs-accordion-title.r-tabs-state-active a:hover:before {
  color: inherit;
}

.card-header button[aria-expanded=false],
.r-tabs-accordion-title a {
  color: var(--text-color);
  position: relative;
  display: inline-block;
  padding-left: 3rem;
}
.card-header button[aria-expanded=false]:before,
.r-tabs-accordion-title a:before {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: inherit;
  position: absolute;
  top: 30%;
  left: 1rem;
  font-size: inherit;
}
.card-header button[aria-expanded=false]:focus:before, .card-header button[aria-expanded=false]:active:before, .card-header button[aria-expanded=false]:hover:before,
.r-tabs-accordion-title a:focus:before,
.r-tabs-accordion-title a:active:before,
.r-tabs-accordion-title a:hover:before {
  color: inherit;
}
.card-header button[aria-expanded=false]:hover,
.r-tabs-accordion-title a:hover {
  color: var(--link-hover);
}
/*# sourceMappingURL=../maps/components/tabs.css.map */
