ul.tabs.primary {
  *zoom: 1;
}
ul.tabs.primary:before, ul.tabs.primary:after {
  content: " ";
  display: table;
  line-height: 0;
}
ul.tabs.primary:after {
  clear: both;
}

/* 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: 96%;
  max-width: var(--constrain-width);
  margin-left: auto;
  margin-right: auto;
  max-width: 1366px;
  margin-top: 0;
  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;
}
/*# sourceMappingURL=../maps/components-override/tabs.css.map */