@charset "UTF-8";
/* 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);
*/
/* line 56, sass/components/tabs.scss */
nav.tabs {
  background: var(--gray-lighter); }

/* line 60, sass/components/tabs.scss */
ul.tabs.primary {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--constrain-width);
  margin-top: 0;
  display: flex;
  border: none; }
  /* line 67, sass/components/tabs.scss */
  ul.tabs.primary li {
    text-align: center;
    border: none;
    background: none;
    display: block;
    float: left;
    padding: 0; }
  /* line 75, sass/components/tabs.scss */
  ul.tabs.primary a {
    display: block;
    padding: 10px;
    color: var(--gray-dark);
    border: none; }
    /* line 150, sass/helpers/_text.scss */
    ul.tabs.primary a:visited {
      color: var(--gray-dark); }
    /* line 155, sass/helpers/_text.scss */
    ul.tabs.primary a:focus {
      color: var(--gray-dark); }
    /* line 160, sass/helpers/_text.scss */
    ul.tabs.primary a:hover {
      color: var(--link-hover); }
    /* line 165, sass/helpers/_text.scss */
    ul.tabs.primary a:active {
      color: var(--link-hover); }
    /* line 81, sass/components/tabs.scss */
    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; }

/* line 92, sass/components/tabs.scss */
.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: 2.6rem; }
  /* line 77, sass/helpers/_icon.scss */
  .card-header button[aria-expanded="true"]:before,
  .r-tabs-accordion-title.r-tabs-state-active a:before {
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: inherit;
    position: absolute;
    font-size: false;
    top: 0.3rem;
    left: 0;
    font-size: inherit; }
  /* line 98, sass/helpers/_icon.scss */
  .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; }

/* line 97, sass/components/tabs.scss */
.card-header button[aria-expanded="false"],
.r-tabs-accordion-title a {
  color: var(--text-color);
  position: relative;
  display: inline-block;
  padding-left: 2.6rem; }
  /* line 77, sass/helpers/_icon.scss */
  .card-header button[aria-expanded="false"]:before,
  .r-tabs-accordion-title a:before {
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: inherit;
    position: absolute;
    font-size: false;
    top: 0.6rem;
    left: 0;
    font-size: inherit; }
  /* line 98, sass/helpers/_icon.scss */
  .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; }
  /* line 101, sass/components/tabs.scss */
  .card-header button[aria-expanded="false"]:hover,
  .r-tabs-accordion-title a:hover {
    color: var(--link-hover); }

/*# sourceMappingURL=../maps/components/tabs.css.map */