/*
Removes the unit (e.g. px, em, rem) from a value, returning the number only.
@param {Number} $num - Number to strip unit from.
@returns {Number} The same number, sans unit.
*/
/*
Converts one or more pixel values into matching rem values.
@param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.

@param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.

@returns {List} A list of converted values.
*/
/*
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
@access private
@param {Number} $value - Pixel value to convert.
@param {Number} $base [null] - Base for pixel conversion.
@returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
*/
.tabs__wrapper {
  width: 100%;
}
@media (min-width: 51.75em) {
  .tabs__wrapper {
    display: grid;
    grid-template-columns: max-content auto;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}

.tabs__nav {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  border-right: 0.1875rem solid #008752;
  padding-right: 1.5rem;
}
@media (min-width: 67.1875em) {
  .tabs__nav {
    padding-right: 1.5rem;
  }
}
@media (min-width: 81.25em) {
  .tabs__nav {
    padding-right: 2.25rem;
  }
}
.tabs__nav a {
  display: none;
  text-decoration: none;
}

.tabs__wrapper [class^=state-]:before,
.tabs__wrapper [class*=" state-"]:before,
.tabs__wrapper .tab__icon {
  vertical-align: middle;
  color: #bfe1d4;
  margin-right: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.tabs__wrapper [class^=state-]:before,
.tabs__wrapper [class*=" state-"]:before {
  font-size: 2.625rem;
  line-height: 3.375rem;
}
html:not(.is-loaded-base.is-loaded-bold) .tabs__wrapper [class^=state-]:before,
html:not(.is-loaded-base.is-loaded-bold) .tabs__wrapper [class*=" state-"]:before {
  letter-spacing: 0.078125rem;
}
@media (min-width: 67.1875em) {
  .tabs__wrapper [class^=state-]:before,
  .tabs__wrapper [class*=" state-"]:before {
    font-size: 3rem;
    line-height: 3.75rem;
  }
  html:not(.is-loaded-base.is-loaded-bold) .tabs__wrapper [class^=state-]:before,
  html:not(.is-loaded-base.is-loaded-bold) .tabs__wrapper [class*=" state-"]:before {
    letter-spacing: 0.0625rem;
  }
}
.tabs__wrapper .tab__icon {
  margin-bottom: 0.375rem;
  margin-top: 0.375rem;
  font-size: 2.25rem;
  line-height: 3rem;
}
html:not(.is-loaded-base.is-loaded-bold) .tabs__wrapper .tab__icon {
  letter-spacing: 0.03125rem;
}
@media (min-width: 67.1875em) {
  .tabs__wrapper .tab__icon {
    font-size: 2.625rem;
    line-height: 3.375rem;
  }
  html:not(.is-loaded-base.is-loaded-bold) .tabs__wrapper .tab__icon {
    letter-spacing: 0.078125rem;
  }
}

.tabs__nav a,
.tabs__heading {
  transition: all 0.3s ease-in-out;
  padding: 0 0.375rem 0.375rem 0.375rem;
  color: #2d2d2d;
  font-weight: 400;
  font-family: "Open Sans", "Trebuchet MS", Tahoma, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}
html:not(.is-loaded-base.is-loaded-bold) .tabs__nav a,
html:not(.is-loaded-base.is-loaded-bold) .tabs__heading {
  letter-spacing: 0.015625rem;
}
@media (min-width: 51.75em) {
  .tabs__nav a,
  .tabs__heading {
    padding: 0;
    margin-bottom: 0.75rem;
  }
}
.tabs__nav a:hover,
.tabs__heading:hover {
  color: #008752;
}
.tabs__nav a:active, .tabs__nav a:focus,
.tabs__heading:active,
.tabs__heading:focus {
  outline: none;
}
.tabs__nav a.is-selected, .tabs__nav a.is-selected:hover, .tabs__nav a.is-selected:focus,
.tabs__heading.is-selected,
.tabs__heading.is-selected:hover,
.tabs__heading.is-selected:focus {
  cursor: text;
  color: #008752;
}
.tabs__nav a.is-selected:before, .tabs__nav a:hover:before, .tabs__nav a.is-selected:focus:before, .tabs__nav a.is-selected .tab__icon, .tabs__nav a:hover .tab__icon, .tabs__nav a.is-selected:focus .tab__icon,
.tabs__heading.is-selected:before,
.tabs__heading:hover:before,
.tabs__heading.is-selected:focus:before,
.tabs__heading.is-selected .tab__icon,
.tabs__heading:hover .tab__icon,
.tabs__heading.is-selected:focus .tab__icon {
  color: #008752;
}

.tabs__heading {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 0.1875rem solid #008752;
  font-size: 1rem;
  line-height: 1.5rem;
}
html:not(.is-loaded-base.is-loaded-bold) .tabs__heading {
  letter-spacing: 0.015625rem;
}
.tabs__heading i:after,
.tabs__heading .icon-toggle svg {
  color: #008752;
}
.tabs__heading:hover {
  color: #008752;
}
@media (min-width: 51.75em) {
  .tabs__heading {
    padding: 0;
  }
}

.tabs__tab {
  display: block;
  margin-bottom: 1.5rem;
}
@media (min-width: 51.75em) {
  .tabs__tab {
    padding-left: 1.5rem;
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 67.1875em) {
  .tabs__tab {
    padding-left: 1.5rem;
  }
}
@media (min-width: 81.25em) {
  .tabs__tab {
    padding-left: 2.25rem;
  }
}
.is-initialized.tabs-allowed .tabs__tab {
  display: inherit;
}
.tabs__tab:active, .tabs__tab:focus {
  outline: none;
}
.tabs__tab.is-hidden .content {
  display: none;
}

.tabs__content {
  overflow: hidden;
  padding-top: 1.5rem;
}
html:not(.no-js) .tabs__content:not(.is-open) {
  display: none;
}
@media (min-width: 51.75em) {
  .tabs__content {
    padding-top: 0;
  }
}
@media (min-width: 51.75em) {
  .tabs__content .table__wrapper {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 67.1875em) {
  .tabs__content .table__wrapper {
    margin-bottom: 2.25rem;
  }
}
.tabs__content .table__wrapper:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 51.75em) {
  .tabs-allowed .js-accordion-trigger {
    display: none;
  }
  .tabs-allowed .js-tabs-trigger {
    display: block;
  }
  .tabs-allowed .tabs__tab,
  .tabs-allowed .tabs__tab.is-hidden {
    display: none;
  }
}/*# sourceMappingURL=a11ytabs.css.map */