/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/
/**
 * @file
 * Visual styles for tabs.
 */
/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/
/* Internal variables */
/*1px */
/*16px */
/*4px */
/*5.33333333px */
/*8px */
/*12px */
/*20px */
/*24px, */
/*32px */
/*44px (named after omicron variant BS.2.75.2) */
/*48px */
/*desktop + 32px; */
/*max-width + 64px; */
/* RGB colors, useful for when you need to include a color in an RGBA set. */
/* Mixins */
/* */
/* Hide elements visually, but keep them available for screen-readers. */
/* */
/* Used for information required for screen-reader users to understand and use */
/* the site where visual display is undesirable. Information provided in this */
/* manner should be kept concise, to avoid unnecessary burden on the user. */
/* "!important" is used to prevent unintentional overrides. */
/* */
.tabs {
  padding-left: var(--half-space);
  padding-right: var(--half-space);
}
@media (min-width: 569px) and (max-width: 700px) {
.tabs {
    padding-left: 0;
    padding-right: 0
}
  }
@media (min-width: 569px) {
ul.tabs.primary {
    margin-bottom: var(--double-space)
}
    ul.tabs.primary > li {
      border-bottom: none;
    }
      ul.tabs.primary > li a {
        padding: var(--space) var(--half-space) calc(var(--space) - var(--quarter-space));
        border-bottom: 3px solid var(--c-link);
      }
        ul.tabs.primary > li a:focus, ul.tabs.primary > li a:hover, ul.tabs.primary > li a:active {
          border-bottom: 3px solid var(--c-focus);
        }
      ul.tabs.primary > li.is-active {
        box-shadow: none;
        box-shadow: initial;
      }
        ul.tabs.primary > li.is-active a {
          background-color: transparent;
          box-shadow: inset rgba(0, 0, 0, 0.14) 0 0 9px;
          border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
          border-bottom: 3px solid black;
        }
  }
ul.tabs.secondary {
  margin-bottom: var(--double-space);
}
ul.tabs.secondary li a {
      padding: var(--space) var(--space) calc(var(--space) - 2px);
    }