@charset "UTF-8";
/*
Spacing

The design system uses multiples of `8px` for all spacing values: dimensions, padding, and margins. The goal behind this is to achieve a consistent vertical rhythm and to reduce the cognitive load of fiddling with different spacing options.

## Usage

- Use the [margin]({{root}}/utilities/margin) and [padding]({{root}}/utilities/padding) utility classes to change a UI's spacing. These utility classes are named in a way that allows you to use the modifier to calculate the amount of spacing. For example, a margin utility class that adds `16px` of spacing would be `ds-u-margin--2`. We can calculate this by looking at the class's modifier (`2`) and multiplying that by our multiple: `2 × 8px = 16px`
- If you've imported the design system's Sass file, you can also use the spacer Sass variables, which follow the format `$spacer-*` where `*` is a number between 1–7 (i.e. `$spacer-4`)

## Learn more

- [The 8-Point Grid](https://spec.fm/specifics/8-pt-grid)

Style guide: layout.spacing
*/
/*
Color

@uswds https://standards.usa.gov/components/colors/

<p class="ds-text--lead">The design system provides a flexible, yet distinctly American palette designed to communicate warmth and trustworthiness while meeting the highest standards of 508 color contrast requirements.</p>

The palette is designed to support a range of distinct visual styles that continue to feel connected. The intent of the palette is to convey a warm and open American spirit, with bright saturated tints of blue, grounded in sophisticated deeper shades of cool blues and grays. These colors — combined with clear hierarchy, good information design, and ample white space — should leave users feeling welcomed and in good hands.

This is a simple, minimalist color palette. Shades of blue dominate, providing a neutral backdrop on which brighter shades, clean type treatment, and bright white content areas “pop” on the page.

Style guide: style.color
*/
/*
Primary colors

@hide-markup

This palette’s primary colors are blue, gray, and white. Blue is commonly associated with trust, confidence, and sincerity; it is also used to represent calmness and responsibility.

Markup:
<% var colors = [
  'primary', 'primary-darker', 'primary-darkest',
  'base', 'gray-dark', 'gray-light', 'white'
]; -%>
<div class="ds-l-container">
  <div class="ds-l-row">
    <% colors.forEach(color => { -%>
      <article class="ds-l-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-u-padding-x--1 ds-u-padding-bottom--2 c-swatch">
        <div class="c-swatch__preview ds-u-fill--<%= color %>"></div>
        <strong class="js-swatch-hex">#</strong>
        <code class="c-swatch__label">
          $color-<%= color %>
        </code>
      </article>
    <% }) -%>
  </div>

Style guide: style.color.primary
*/
/*
Secondary colors

@hide-markup

These are accent colors to provide additional lightness and style to pages looking for a more modern flair. These colors should be used to highlight important features on a page, such as buttons, or for visual style elements, such as illustrations. They should be used sparingly and never draw the eye to more than one piece of information at a time.

Markup:
<% var colors = [
  'primary-alt-darkest', 'primary-alt-dark', 'primary-alt', 'primary-alt-light', 'primary-alt-lightest'
]; -%>
<div class="ds-l-container">
  <div class="ds-l-row">
    <% colors.forEach(color => { -%>
      <article class="ds-l-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-u-padding-x--1 ds-u-padding-bottom--2 c-swatch">
        <div class="c-swatch__preview ds-u-fill--<%= color %>"></div>
        <strong class="js-swatch-hex">#</strong>
        <code class="c-swatch__label">
          $color-<%= color %>
        </code>
      </article>
    <% }) -%>
  </div>

Style guide: style.color.secondary
*/
/*
Background colors

@hide-markup

These colors are used largely for background blocks and large content areas. When alternating between tones, be sure to use enough contrast between adjacent colors.

Markup:
<% var colors = [
  'background', 'background-inverse', 'gray-dark', 'gray', 'gray-light', 'gray-lighter', 'gray-lightest'
]; -%>
<div class="ds-l-container">
  <div class="ds-l-row">
    <% colors.forEach(color => { -%>
      <article class="ds-l-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-u-padding-x--1 ds-u-padding-bottom--2 c-swatch">
        <div class="c-swatch__preview ds-u-fill--<%= color %>"></div>
        <strong class="js-swatch-hex">#</strong>
        <code class="c-swatch__label">
          $color-<%= color %>
        </code>
      </article>
    <% }) -%>
  </div>

Style guide: style.color.background
*/
/*
Status colors

@hide-markup

These colors are used largely to indicate the status of something. Be cautious using these colors to signify something that may contradict what most people would expect the colors to be used for.

Markup:
<% var colors = [
  'success', 'success-light', 'success-lighter', 'success-lightest',
  'warn', 'warn-light', 'warn-lighter', 'warn-lightest',
  'error-darkest', 'error-dark', 'error', 'error-light', 'error-lighter', 'error-lightest',
]; -%>
<div class="ds-l-container">
  <div class="ds-l-row">
    <% colors.forEach(color => { -%>
      <article class="ds-l-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-u-padding-x--1 ds-u-padding-bottom--2 c-swatch">
        <div class="c-swatch__preview ds-u-fill--<%= color %>"></div>
        <strong class="js-swatch-hex">#</strong>
        <code class="c-swatch__label">
          $color-<%= color %>
        </code>
      </article>
    <% }) -%>
  </div>

Style guide: style.color.status
*/
/*
Spacing

The design system uses multiples of `8px` for all spacing values: dimensions, padding, and margins. The goal behind this is to achieve a consistent vertical rhythm and to reduce the cognitive load of fiddling with different spacing options.

## Usage

- Use the [margin]({{root}}/utilities/margin) and [padding]({{root}}/utilities/padding) utility classes to change a UI's spacing. These utility classes are named in a way that allows you to use the modifier to calculate the amount of spacing. For example, a margin utility class that adds `16px` of spacing would be `ds-u-margin--2`. We can calculate this by looking at the class's modifier (`2`) and multiplying that by our multiple: `2 × 8px = 16px`
- If you've imported the design system's Sass file, you can also use the spacer Sass variables, which follow the format `$spacer-*` where `*` is a number between 1–7 (i.e. `$spacer-4`)

## Learn more

- [The 8-Point Grid](https://spec.fm/specifics/8-pt-grid)

Style guide: layout.spacing
*/
/* stylelint-disable indentation  */
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';
*/
@font-face {
  font-family: Bitter;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Bitter-Regular.eot");
  src: url("../fonts/Bitter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Bitter-Regular.woff2") format("woff2"), url("../fonts/Bitter-Regular.woff") format("woff"), url("../fonts/Bitter-Regular.ttf") format("truetype"); }
@font-face {
  font-family: Bitter;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Bitter-Bold.eot");
  src: url("../fonts/Bitter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Bitter-Bold.woff2") format("woff2"), url("../fonts/Bitter-Bold.woff") format("woff"), url("../fonts/Bitter-Bold.ttf") format("truetype"); }
@font-face {
  font-family: Bitter;
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Bitter-Italic.eot");
  src: url("../fonts/Bitter-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Bitter-Italic.woff2") format("woff2"), url("../fonts/Bitter-Italic.woff") format("woff"), url("../fonts/Bitter-Italic.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/OpenSans-Italic-webfont.eot");
  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/OpenSans-Semibold-webfont.eot");
  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/muli-regular-webfont.woff2") format("woff2"), url("../fonts/muli-regular-webfont.woff") format("woff"), url("../fonts/Muli-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli-Light';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/muli-light-webfont.woff2") format("woff2"), url("../fonts/muli-light-webfont.woff") format("woff"), url("../fonts/Muli-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli-XLight';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/muli-extralight-webfont.woff2") format("woff2"), url("../fonts/muli-extralight-webfont.woff") format("woff"), url("../fonts/Muli-ExtraLight.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli-Bold';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/muli-bold-webfont.woff2") format("woff2"), url("../fonts/muli-bold-webfont.woff") format("woff"), url("../fonts/Muli-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli-XBold';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/muli-extrabold-webfont.woff2") format("woff2"), url("../fonts/muli-extrabold-webfont.woff") format("woff"), url("../fonts/Muli-ExtraBold.ttf") format("truetype"); }
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-light-300.eot");
  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300") format("woff"), url("../fonts/fa-light-300") format("truetype"); }
@font-face {
  font-family: "GeometriaExtraBold";
  src: url("../fonts/5274692/7df46830-cc76-49e2-9a31-9b5e66f6d2f0.eot?#iefix");
  src: url("../fonts/5274692/7df46830-cc76-49e2-9a31-9b5e66f6d2f0.eot?#iefix") format("eot"), url("../fonts/5274692/94b1cc1e-d807-42ca-aaf3-6bbf596ceb05.woff2") format("woff2"), url("../fonts/5274692/f2ea151a-abb2-4dac-8927-6a9f59f18544.woff") format("woff"), url("../fonts/5274692/48782685-d39e-4ac3-ae74-6a94efe87e2f.ttf") format("truetype"); }
@font-face {
  font-family: "GeometriaRegular";
  src: url("../fonts/5274347/dc7adbb7-0f16-4711-a968-cbbf5f21e4aa.eot?#iefix");
  src: url("../fonts/5274347/dc7adbb7-0f16-4711-a968-cbbf5f21e4aa.eot?#iefix") format("eot"), url("../fonts/5274347/01606bdd-ce1e-44fe-b967-3595b25e4287.woff2") format("woff2"), url("../fonts/5274347/23691adf-aef8-4117-a945-0b867dc6a56e.woff") format("woff"), url("../fonts/5274347/c6264b03-c0a6-4b84-a6fb-4ca3da81a5e7.ttf") format("truetype"); }
@font-face {
  font-family: "gothic";
  src: url("../fonts/gothic.eot");
  src: url("../fonts/gothic.eot?#iefix") format("embedded-opentype"), url("../fonts/gothic.woff") format("woff"), url("../fonts/gothic.ttf") format("truetype"); }
/* stylelint-disable selector-class-pattern */
/*THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Base

A base layer of styling can be applied to an area of your site by adding the `ds-base` class. If you're implementing the design system on a new site, you'd likely want to apply this class to the `<body>` element. On existing sites this might not be desirable. In which case, you could apply the `ds-base` class to an element which scopes the styling to itself and its children.

Specifically, the base styling sets the following properties:

- `color`
- `font-family`
- `font-size`
- `line-height`

.ds-base--inverse - Applies an inverse `color` and `background-color`

Markup:
<div class="ds-base {{modifier}} ds-u-padding--2">
  {{lorem-l}}
</div>

Style guide: style.base
*/
/* line 25, ../../../../libraries/@cmsgov/design-system-core/src/base/_body.scss */
.ds-base, .ds-base--inverse {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5; }

/* line 31, ../../../../libraries/@cmsgov/design-system-core/src/base/_body.scss */
.ds-base {
  color: #212121; }

/* line 36, ../../../../libraries/@cmsgov/design-system-core/src/base/_body.scss */
.ds-base--inverse {
  background-color: #112e51;
  color: #ffffff; }

/* stylelint-enable */
/* stylelint-disable selector-class-pattern */
/*THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Typography

The design system doesn't style base HTML typography elements (like `h1`, `h2`, `p`, etc) in order to avoid conflicting with any existing site styles. You should instead use one of the base typography classes below to apply styling:

- `ds-display`
- `ds-title`
- `ds-h{level}` where `level` is a number between `1` and `6`
- `ds-text` and `ds-text--lead`

Note: The only base HTML element the design system applies styling to is the `<a>` element. To prevent this, you can override the `$ds-include-base-html-rulesets` Sass variable and set it to `false`.

Markup:
<h1 class="ds-display">Display</h1>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted">
    {{ lorem-l }}
  </p>
<h1 class="ds-title">Title</h1>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted">
    {{ lorem-l }}
  </p>
<h1 class="ds-h1">Heading 1</h1>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted">
    {{ lorem-l }}
  </p>
<h1 class="ds-h2">Heading 2</h1>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted">
    {{ lorem-l }}
  </p>
<h1 class="ds-h3">Heading 3</h1>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted">
    {{ lorem-l }}
  </p>
<h1 class="ds-h4">Heading 4</h1>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted">
    {{ lorem-l }}
  </p>
<h1 class="ds-h5">Heading 5</h1>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted">
    {{ lorem-l }}
  </p>
<h1 class="ds-h6">Heading 6</h1>
<p class="ds-text--lead ds-u-measure--wide">
  <strong>Lead text.</strong>  {{lorem-l}}
</p>
<p class="ds-text ds-u-measure--wide">
  <strong>Body text.</strong>  {{ lorem-l }}
</p>

Style guide: style.typography
*/
/* line 63, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
a {
  color: #0071bc; }
  /* line 66, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
  a:hover, a:focus {
    color: #205493; }
  /* line 71, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
  a:active {
    color: #112e51; }

/* line 78, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-display,
.ds-title,
.ds-h1,
.ds-h2,
.ds-h3,
.ds-h4,
.ds-h5,
.ds-h6 {
  line-height: 1.3;
  margin: 0; }

/* line 91, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-display,
.ds-h1,
.ds-h2,
.ds-h3,
.ds-h4 {
  font-weight: 700; }

/* line 100, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-h1,
.ds-h2,
.ds-h3,
.ds-h4,
.ds-h5,
.ds-h6 {
  margin-bottom: 0.5em;
  margin-top: 1.5em; }
  /* line 109, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
  .ds-h1:first-child,
  .ds-h2:first-child,
  .ds-h3:first-child,
  .ds-h4:first-child,
  .ds-h5:first-child,
  .ds-h6:first-child {
    margin-top: 0; }
  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
  .ds-h1:last-child,
  .ds-h2:last-child,
  .ds-h3:last-child,
  .ds-h4:last-child,
  .ds-h5:last-child,
  .ds-h6:last-child {
    margin-bottom: 0; }

/* line 118, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-display {
  font-size: 36px; }
  @media (min-width: 544px) {
    /* line 118, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
    .ds-display {
      font-size: 48px; } }
  @media (min-width: 768px) {
    /* line 118, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
    .ds-display {
      font-size: 60px; } }

/* line 130, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-title {
  font-size: 36px;
  font-weight: 400; }
  @media (min-width: 768px) {
    /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
    .ds-title {
      font-size: 48px; } }

/* line 139, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-h1 {
  font-size: 36px; }

/* line 143, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-h2 {
  font-size: 24px; }

/* line 147, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-h3 {
  font-size: 21px; }

/* line 151, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-h4 {
  font-size: 18px; }

/* line 155, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-h5 {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase; }

/* line 161, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-h6 {
  color: #5b616b;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase; }

/* line 169, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-base--inverse .ds-h6 {
  color: #bac5cf; }

/* line 173, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-text,
.ds-text--lead {
  line-height: 1.5;
  margin-bottom: 1em;
  margin-top: 1em; }
  /* line 179, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
  .ds-text:first-child,
  .ds-text--lead:first-child {
    margin-top: 0; }
  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
  .ds-text:last-child,
  .ds-text--lead:last-child {
    margin-bottom: 0; }

/* line 188, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-text {
  font-size: 16px; }

/* line 192, ../../../../libraries/@cmsgov/design-system-core/src/base/_typography.scss */
.ds-text--lead {
  font-size: 18px; }

/*
Responsive typography

The `ds-display` and `ds-title` classes are responsive by default. To apply responsive typography elsewhere, use the [font size utility class](/utilites/font-size#responsive). Since the base typography margins and line height is measured in `em` units, they'll automatically adjust as you change the font size.

_Resize your browser to see each breakpoint in action:_

Markup:
<article class="ds-base--inverse ds-u-padding--2">
  <h1 class="ds-display">Responsive heading</h1>
  <p class="ds-text ds-u-font-size--small ds-u-md-font-size--base ds-u-lg-font-size--lead ds-u-measure--wide">
    <strong>Responsive body text.</strong>
    {{ lorem-l }}
  </p>
  <h2 class="ds-h2 ds-u-font-size--h4 ds-u-md-font-size--h3 ds-u-lg-font-size--h2">Responsive subheading</h2>
  <p class="ds-text ds-u-measure--wide ds-u-color--muted-inverse">{{ lorem-l }}</p>
</div>

Style guide: style.typography.responsive
*/
/*
Customizing type sizes

The following Sass variables can be overridden to change the type sizes:

- `$small-font-size`
- `$base-font-size`
- `$lead-font-size`
- `$h6-font-size`
- `$h5-font-size`
- `$h4-font-size`
- `$h3-font-size`
- `$h2-font-size`
- `$h1-font-size`
- `$title-font-size`
- `$display-font-size`

Style guide: style.typography.variables
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Alert

@uswds https://standards.usa.gov/components/alerts

Alerts keep users informed of important and sometimes time-sensitive changes.

.ds-c-alert--error - Error message
.ds-c-alert--warn - Warning message
.ds-c-alert--success - Success message
.ds-c-alert--hide-icon - Hide icon

Markup:
<div class="ds-c-alert {{modifier}}">
  <div class="ds-c-alert__body">
    <h3 class="ds-c-alert__heading">Status heading</h3>
    <p class="ds-c-alert__text">Lorem ipsum dolor sit <a href="javascript:void(0);">link text</a>, consectetur adipiscing elit, sed do eiusmod.</p>
  </div>
</div>

Style guide: components.alert
*/
/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert {
  background-color: #e1f3f8;
  background-image: url("../images/info.svg");
  background-position: 16px 16px;
  background-repeat: no-repeat;
  background-size: 40px;
  border-left: 8px solid #02bfe7;
  box-sizing: border-box;
  color: #212121;
  min-height: 56px;
  padding: 16px;
  position: relative; }
  /* line 43, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
  .ds-c-alert.ds-c-alert--hide-icon {
    background-image: none; }
  /* line 47, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
  .ds-c-alert a {
    color: #205493; }
    /* line 50, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
    .ds-c-alert a:focus, .ds-c-alert a:hover {
      color: #112e51; }
  /* line 57, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
  .ds-c-alert ul:last-child {
    margin-bottom: 0; }
  /* line 61, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
  .ds-c-alert ul:first-child {
    margin-top: 0; }

/* line 67, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert__body {
  padding-left: 48px; }

/* line 71, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert--hide-icon .ds-c-alert__body {
  padding-left: 0; }

/* line 75, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert__heading {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 0; }

/* line 82, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert__text {
  margin-bottom: 0;
  margin-top: 0; }

/* line 87, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert--error {
  background-color: #f9dede;
  background-image: url("../images/error.svg");
  border-color: #e31c3d; }

/* line 93, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert--warn {
  background-color: #fff1d2;
  background-image: url("../images/warning.svg");
  border-color: #fdb81e; }

/* line 99, ../../../../libraries/@cmsgov/design-system-core/src/components/Alert/_Alert.scss */
.ds-c-alert--success {
  background-color: #e7f4e4;
  background-image: url("../images/success.svg");
  border-color: #2e8540; }

/*
Additional examples

Alerts support various types and lengths of content, including lists and links. You can use the [measure utility]({{root}}/utilities/measure) to maintain a legible line length.

Markup:
<div class="ds-c-alert">
  <div class="ds-c-alert__body ds-u-measure--wide">
    <p class="ds-c-alert__text">{{lorem-s}}</p>
  </div>
</div>
<div class="ds-c-alert ds-u-margin-top--2">
  <div class="ds-c-alert__body ds-u-measure--wide">
    <p class="ds-c-alert__text">{{lorem-l}}</p>
  </div>
</div>
<div class="ds-c-alert ds-u-margin-top--2">
  <div class="ds-c-alert__body ds-u-measure--wide">
    <h3 class="ds-c-alert__heading">Status heading</h3>
    <p class="ds-c-alert__text">{{lorem-m}}</p>
    <ul class="ds-c-list">
      <li>Alert list item</li>
      <li>Alert list item</li>
    </ul>
    <a href="javascript:void(0);">Link text</a>
  </div>
</div>

Style guide: components.alert.variations
*/
/*
`<Alert>`

@react-component Alert

Style guide: components.alert.react
*/
/*
---

## When to use

- As a validation message that alerts someone that they just did something that needs to be corrected or as confirmation that a task was completed successfully.
- As a callout or notification for important or timely information. This includes errors, warnings, and general information.

## When to consider alternatives

- On long forms, always include in-line validation in addition to any error messages that appear at the top of the form. When possible, simplify forms by rewriting and where possible, splitting long forms across multiple pages
- If an action will result in destroying a user’s work (for example, deleting an application) use a more intrusive pattern, such as a confirmation modal dialogue, to allow the user to confirm that this is what they want.

## Guidance

- Don’t overdo it — too many notifications will either overwhelm or annoy the user and are likely to be ignored.
- Write the message in concise, human readable language; avoid jargon and computer code.
- Don’t include notifications that aren’t related to the user’s current goal.
- When the user is required to do something in response to an alert, let them know what they need to do and make that task as easy as possible.

**When the alert is for an error:**

- Be polite in error messages — don’t place blame on the user.
- Users generally won’t read documentation but will read a message that helps them resolve an error; include some educational material in your error message.
- If the error relates to specific text fields, give these fields an error state as well.

## Accessibility

- Use the ARIA `role="alert"` to inform assistive technologies of a time-sensitive and important message that is not interactive. If the message is interactive, use the `role="alertdialog"` instead.
- Consider putting the alert inside a div with `aria-live="polite"` and `aria-relevant="additions removals"`. These <abbr title="Accessible rich internet applications">ARIA</abbr> attributes ensure screen readers will announce alerts that have been added or updated dynamically.
- Do not visually hide alert messages on the page and then make them visible when they are needed. Users of older assistive technologies may still be able to perceive the alert messages even if they are not currently applicable.
- Alerts should give users adequate time to review and comprehend the provided information. Avoid hiding alerts using a timer.
- Include a mechanism like a button to dismiss alerts where appropriate.

## Learn more

- [18F Content Guide \- Active voice](https://content-guide.18f.gov/active-voice/)


Style guide: components.alert.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Autocomplete

@status beta

Autocompletes allow users to enter any combination of letters, numbers, or symbols of their choosing (unless otherwise restricted), and receive one or more suggested matches in a list below the input.

Style guide: components.autocomplete
*/
/* line 14, ../../../../libraries/@cmsgov/design-system-core/src/components/Autocomplete/_Autocomplete.scss */
.ds-c-autocomplete {
  max-width: 460px;
  position: relative; }

/* line 19, ../../../../libraries/@cmsgov/design-system-core/src/components/Autocomplete/_Autocomplete.scss */
.ds-c-autocomplete__list {
  background-color: #ffffff;
  box-sizing: border-box;
  max-height: 320px;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  z-index: 1000; }

/* line 29, ../../../../libraries/@cmsgov/design-system-core/src/components/Autocomplete/_Autocomplete.scss */
.ds-c-autocomplete__list-item {
  color: #0071bc;
  padding: 8px; }

/* line 34, ../../../../libraries/@cmsgov/design-system-core/src/components/Autocomplete/_Autocomplete.scss */
.ds-c-autocomplete__list-item--active {
  background-color: #046b99;
  color: #ffffff; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/components/Autocomplete/_Autocomplete.scss */
.ds-c-autocomplete__list-item--message {
  color: #5b616b;
  padding: 8px; }

/*
`<Autocomplete>`

@react-component Autocomplete

Style guide: components.autocomplete.react
*/
/*
---

## When to use

- If you are returning results from a known domain like a database of zip codes or a taxonomy of keywords
- If you have a list of options that would cause a [select menu]({{root}}/components/select) to be unusually long

## When to consider alternatives

- When users are choosing from a specific set of options. Consider [checkboxes, radio buttons]({{root}}/components/choice), or a [select menu]({{root}}/components/select) in these cases.

## Guidance

- `<Autocomplete>` makes use of the `<Downshift>` component from Paypal: https://github.com/paypal/downshift
- Don't use placeholder text in autocomplete fields. Try to write a descriptive label that identifies what the user is searching for. People who have cognitive or visual disabilities have additional problems with placeholder text.
- The length of the text field provides a hint to users as to how much text to write. Do not require users to write paragraphs of text into a single-line `input` box; use a `textarea` instead.

**[View the "Forms" guidelines for additional guidance and best practices.]({{root}}/guidelines/forms/)**

## Accessibility

- The `<Autocomplete>` component has taken special care to ensure accessibility for screenreader devices. It announces the number of results based on `items` matches with the `inputValue` string. The component also reads out the name of each list item when users arrow up or down.
- `<Autocomplete>` has visually hidden hint text nested in the `<label>` element. This hint `<span>` is being used to provide contextual instructions for the typeahead, and can be overriden by passing a custom `String` into the `labelHint` prop.
- `<Autocomplete>` has a link to clear the search, and refocus the `<input>` element. This resets the `selectedItem` prop to `null`, and will re-read the label and screenreader hint text.

Style guide: components.autocomplete-field.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*

Badge

Badges hold small amounts of information and draw attention to new or important content.

@status beta

@uswds https://standards.usa.gov/components/labels/

.ds-c-badge--info - Info badge
.ds-c-badge--success - Success badge
.ds-c-badge--warn - Warning badge
.ds-c-badge--alert - Alert or error badge

Markup:
<span class="ds-c-badge {{modifier}}">5</span>
<span class="ds-c-badge {{modifier}}">Badge label</span>
<span class="ds-c-badge {{modifier}} ds-u-font-size--base">Badge label</span>

Style guide: components.badge
*/
/* line 24, ../../../../libraries/@cmsgov/design-system-core/src/components/Badge/_Badge.scss */
.ds-c-badge {
  background-color: #5b616b;
  border-radius: 9999px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 1.3;
  margin-right: 4px;
  padding: 4px 8px; }
  /* line 34, ../../../../libraries/@cmsgov/design-system-core/src/components/Badge/_Badge.scss */
  .ds-c-badge:only-of-type {
    margin-right: 0; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/components/Badge/_Badge.scss */
.ds-c-badge--info {
  background-color: #0071bc; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/components/Badge/_Badge.scss */
.ds-c-badge--success {
  background-color: #2e8540; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/components/Badge/_Badge.scss */
.ds-c-badge--warn {
  background-color: #fdb81e;
  color: #212121; }

/* line 52, ../../../../libraries/@cmsgov/design-system-core/src/components/Badge/_Badge.scss */
.ds-c-badge--alert {
  background-color: #e31c3d; }

/*
---

## When to use

- To draw attention to new, important content on a page that might otherwise be missed.
- To filter results with one or more tags.
- To indicate the number of new or unread items within a container. For example, to indicate the number of unread messages within a person’s inbox.

## When to consider alternatives

- When users are likely to confuse a badge with a button. For example, when the badge appears in the same area of the page as buttons.
- To call attention to new or updated content, consider changing the background color of the object itself or experiment with changing the font weight.
- When users already expect content to be updated frequently. For example, on a site dedicated to breaking news. In this case placing the new content at the top may be enough.

## Guidance

- Don’t overdo it — if everything on a page is called out as important, nothing is important.
- Users may confuse badges as buttons. Always conduct usability testing to make sure your particular implementation is not causing frustration.
- Don’t mix interactive and static badges on your site. Once you establish a pattern for how badges behave, users will expect that behavior every time.

## Accessibility

- When badges are used to call out new content that is dynamically loaded onto a page, be sure to use [ARIA live regions](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) to alert screen readers of the change.

## Future research

- Further usability testing should be done to ensure badges aren't being confused with buttons. Further iteration can be done with sizing and colors if there is confusion.

Style guide: components.badge.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Button

@uswds https://standards.usa.gov/components/buttons

Use buttons to signal actions.

.ds-c-button--primary - The primary call-to-action
.ds-c-button--transparent - A button closer to resembling an anchor element
.ds-c-button--danger - Indicates an action is destructive or dangerous
.ds-c-button--success - Indicates a positive or successful action

Markup:
<button type="button" class="ds-c-button ds-c-button--small {{modifier}}">Small</button>
<button type="button" class="ds-c-button {{modifier}}">Default</button>
<a class="ds-c-button  ds-c-button--big {{modifier}}" href="javascript:void(0);">Big</a>

Style guide: components.button
*/
/* line 22, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button {
  appearance: none;
  background-color: transparent;
  border: 1px solid #0071bc;
  border-radius: 3px;
  color: #0071bc;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  padding: 8px 24px;
  text-align: center;
  text-decoration: none; }
  /* line 38, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button:focus, .ds-c-button:hover {
    border-color: #205493;
    color: #205493; }
  /* line 44, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button:active {
    border-color: #112e51;
    color: #112e51; }

/* line 50, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--big {
  font-size: 21px;
  padding-bottom: 16px;
  padding-top: 16px; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--small {
  font-size: 14px;
  font-weight: 400;
  padding: 4px 8px; }

/* line 62, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--primary {
  background-color: #0071bc;
  border: 0;
  color: #ffffff; }
  /* line 67, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--primary:focus, .ds-c-button--primary:hover {
    color: #ffffff; }
  /* line 72, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--primary:focus {
    background-color: #205493; }
  /* line 76, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--primary:hover {
    background-color: #205493; }
  /* line 80, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--primary:active {
    background-color: #112e51; }

/* line 85, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--transparent,
.ds-c-button--transparent-inverse {
  border-color: transparent; }
  /* line 89, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--transparent:focus, .ds-c-button--transparent:hover, .ds-c-button--transparent:active,
  .ds-c-button--transparent-inverse:focus,
  .ds-c-button--transparent-inverse:hover,
  .ds-c-button--transparent-inverse:active {
    border-color: transparent; }

/* line 96, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--danger {
  background-color: #e31c3d;
  border-color: #e31c3d;
  color: #ffffff; }
  /* line 101, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--danger:focus, .ds-c-button--danger:hover {
    background-color: #cd2026;
    border-color: #cd2026;
    color: #ffffff; }
  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--danger:active {
    background-color: #981b1e;
    border-color: #981b1e; }

/* line 114, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--success {
  background-color: #2e8540;
  border-color: #2e8540;
  color: #ffffff; }
  /* line 119, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--success:focus, .ds-c-button--success:hover {
    background-color: #2a7a3b;
    border-color: #2a7a3b;
    color: #ffffff; }
  /* line 126, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--success:active {
    background-color: #266e35;
    border-color: #266e35; }

/*
---

### Disabled button

Markup:
<a href="javascript:void(0);" class="ds-c-button ds-c-button--disabled">Link</a>
<button disabled class="ds-c-button">Button</button>
<input disabled type="submit" class="ds-c-button" />

Style guide: components.button.disabled
*/
/* line 144, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button:disabled,
.ds-c-button--disabled {
  background-color: #d6d7d9;
  border-color: #d6d7d9;
  color: #323a45;
  pointer-events: none; }
  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button:disabled:hover, .ds-c-button:disabled:active, .ds-c-button:disabled:focus,
  .ds-c-button--disabled:hover,
  .ds-c-button--disabled:active,
  .ds-c-button--disabled:focus {
    background-color: #d6d7d9;
    border-color: #d6d7d9;
    color: #323a45; }

/*
---

### Inverse theme

Markup:
<div class="ds-base--inverse ds-u-padding--2">
  <button class="ds-c-button ds-c-button--inverse">Button</button>
  <button class="ds-c-button ds-c-button--transparent-inverse">Button</button>
  <button class="ds-c-button ds-c-button--primary">Button</button>
  <button class="ds-c-button ds-c-button--danger">Button</button>
  <button class="ds-c-button ds-c-button--success">Button</button>
  <button disabled class="ds-c-button ds-c-button--disabled-inverse">Button</button>
</div>

Style guide: components.button.inverse
*/
/* line 177, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--inverse {
  border-color: #ffffff; }
  /* line 180, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--inverse:active, .ds-c-button--inverse:focus, .ds-c-button--inverse:hover {
    border-color: #ffffff; }

/* line 187, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--inverse,
.ds-c-button--transparent-inverse {
  color: #ffffff; }
  /* line 191, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--inverse:active, .ds-c-button--inverse:focus, .ds-c-button--inverse:hover,
  .ds-c-button--transparent-inverse:active,
  .ds-c-button--transparent-inverse:focus,
  .ds-c-button--transparent-inverse:hover {
    color: #ffffff;
    opacity: 0.8; }
  /* line 198, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--inverse:active,
  .ds-c-button--transparent-inverse:active {
    opacity: 0.6; }

/* line 203, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button--disabled-inverse,
.ds-c-button--disabled-inverse:disabled {
  background-color: #081627;
  border-color: #081627;
  color: #bac5cf;
  pointer-events: none; }
  /* line 210, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
  .ds-c-button--disabled-inverse:hover, .ds-c-button--disabled-inverse:active, .ds-c-button--disabled-inverse:focus,
  .ds-c-button--disabled-inverse:disabled:hover,
  .ds-c-button--disabled-inverse:disabled:active,
  .ds-c-button--disabled-inverse:disabled:focus {
    background-color: #112e51;
    border-color: #112e51;
    color: #bac5cf; }

/*
Button icons

- Add an inline SVG icon and it will become the same color as the button text. For the crispest icon rendering, ensure the icon has a square `viewBox` with values that are multiples of `8` (ie. `24x24`).
- Use the margin utility class to add spacing between the icon and button text.

Markup:
<button class="ds-c-button">
  <svg class="ds-u-margin-right--1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24">
    <use xlink:href="{{root}}/public/images/symbols.svg#download"></use>
  </svg>Left icon
</button>
<button class="ds-c-button ds-c-button--primary">
  Right icon<svg class="ds-u-margin-left--1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24">
    <use xlink:href="{{root}}/public/images/symbols.svg#arrow-right"></use>
  </svg>
</button>
<button class="ds-c-button ds-c-button--outline">
  No icon
</button>

Style guide: components.button.icons
*/
/* line 243, ../../../../libraries/@cmsgov/design-system-core/src/components/Button/_Button.scss */
.ds-c-button > svg {
  fill: currentColor;
  height: 1em;
  margin-bottom: -0.1em;
  margin-top: -0.1em;
  position: relative;
  top: -0.1em;
  vertical-align: middle;
  width: 1em; }

/*
Button inline with field

The button is the same height as a single-line text field.

Markup:
<input type="text" class="ds-c-field ds-u-display--inline-block" />
<button class="ds-c-button">Submit</button>

Style guide: components.button.inline-field
*/
/*
`<Button>`

@react-component Button

Style guide: components.button.react
*/
/*
---

## When to use

- Use buttons for the most important actions you want users to take on your site, such as "Download," "Sign up," or "Apply."

## When to consider alternatives

- Less popular or less important actions may be visually styled as links.
- Buttons are for performing actions, not making choices. If you need your users to make a choice, use something else like radio buttons. Alternatively, if one choice is much less important then try styling it as a link instead.

## Guidance

- Use the "primary" button variation for the button most users should click. This is your primary call-to-action.
- Avoid using too many buttons on a page. Aim to use only one button per page.
- Avoid similar styles elsewhere on the page that could be confused for buttons.
- Use buttons for the primary action and links for secondary actions.

**Label text**

- Use sentence case for button labels.
- Button labels should be as short as possible with “trigger words” that your users will recognize to clearly explain what will happen when the button is clicked (for example, “Save and continue,” “Download” or “Sign up”).
- Make the first word of the button’s label a verb. For example, instead of “Complaint Filing”, label the button “File a complaint.”
- If a button has an icon, it should still have accompanying text describing the action.

**Destructive buttons**

- Use the "danger" button variation for destructive buttons. For example, buttons that delete or reset a user's information.
- Confirm the user meant to trigger a destructive action before following through with the action.
- Provide a method for a user to undo a destructive action.

**Disabled buttons**

- Don’t disable buttons, unless there’s a good reason to.
- If you do disable a button, make sure it receives the disabled styling. A `button` element will automatically be styled as a disabled button when it has the `disabled` HTML attribute, but an `a` element will need to have the disabled modifier class applied to it.

## Accessibility

- Buttons should display a visible focus state when users tab to them.
- Create a button with a `button` or `a` element to retain the native click functionality. Avoid using `<div>` or `<img>` tags to create buttons. Screen readers don't automatically know either is a usable button.
- When styling links to look like buttons, remember that screen readers handle links slightly differently than they do buttons. Pressing the `Space` key triggers a button, but pressing the `Enter` key triggers a link.
- Dimmed or unavailable buttons should have the `disabled` attribute applied. This removes native click and keypress events from the button. It also prevents automated scanners from logging a low contrast error. Finally, it announces the button as "dimmed" or "disabled" to screen readers, offering users additional context.

## Learn more

- [Beyond Blue Links: Making Clickable Elements Recognizable](https://www.nngroup.com/articles/clickable-elements/)
- [7 Basic Best Practices for Buttons](http://www.uxmatters.com/mt/archives/2012/05/7-basic-best-practices-for-buttons.php)
- [The Grammar of Interactivity](http://www.uxbooth.com/articles/the-grammar-of-interactivity/)
- [GOV.UK navigation buttons discussion](https://paper.dropbox.com/doc/Navigation-buttons-continue-next-previous-ghLqL5a9Ostxxb3rvBhyO)

**Button alignment**
- [Buttons on forms and surveys: a look at some research](http://www.slideshare.net/cjforms/buttons-on-forms-and-surveys-a-look-at-some-research-2012)
- [Previous and Next Actions in Web Forms](https://www.lukew.com/ff/entry.asp?730=)

**ARIA**
- [Using the button role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role)
- [Building Accessible Buttons with ARIA](https://www.deque.com/blog/accessible-aria-buttons)

Style guide: components.button.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Fieldset

Markup:
<fieldset class="ds-c-fieldset">...</fieldset>
*/
/* line 9, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-fieldset {
  border: 0;
  margin: 24px 0 0;
  min-width: 0;
  padding: 0; }

/*
Checkbox & Radio

Checkboxes allow users to select one or more options from a visible list, whereas radio buttons allow a user to select only one option.

@uswds https://standards.usa.gov/components/form-controls

Markup:
<fieldset class="ds-c-fieldset ds-u-margin-top--0">
  <legend class="ds-c-label">Historical figures</legend>
  <span class="ds-c-field__hint">Select all that apply</span>
  <input class="ds-c-choice" id="truth-1" type="checkbox" name="historical-figures-1" value="truth" checked>
  <label for="truth-1">Sojourner Truth</label>
  <input class="ds-c-choice" id="douglass-1" type="checkbox" name="historical-figures-1" value="douglass">
  <label for="douglass-1">Frederick Douglass</label>
  <input class="ds-c-choice" id="washington-1" type="checkbox" name="historical-figures-1" value="washington">
  <label for="washington-1">Booker T. Washington</label>
  <input class="ds-c-choice" id="carver-1" type="checkbox" name="historical-figures-1" disabled>
  <label for="carver-1">George Washington Carver</label>
</fieldset>
<fieldset class="ds-c-fieldset">
  <legend class="ds-c-label">Select a historical figure</legend>
  <input class="ds-c-choice" id="truth-3" type="radio" name="historical-figures-3" value="truth" checked>
  <label for="truth-3">Sojourner Truth</label>
  <input class="ds-c-choice" id="douglass-3" type="radio" name="historical-figures-3" value="douglass">
  <label for="douglass-3">Frederick Douglass</label>
  <input class="ds-c-choice" id="washington-3" type="radio" name="historical-figures-3" value="washington">
  <label for="washington-3">Booker T. Washington</label>
</fieldset>

Style guide: components.choice
*/
/*
Inverse theme

Markup:
<div class="ds-base ds-base--inverse ds-u-padding--2 ds-u-margin-top--2">
  <fieldset class="ds-c-fieldset ds-u-margin-top--0">
    <legend class="ds-c-label">Historical figures</legend>
    <span class="ds-c-field__hint ds-c-field__hint--inverse">Select all that apply</span>
    <input class="ds-c-choice ds-c-choice--inverse" id="truth-2" type="checkbox" name="historical-figures-2" value="truth" checked>
    <label for="truth-2">Sojourner Truth</label>
    <input class="ds-c-choice ds-c-choice--inverse" id="douglass-2" type="checkbox" name="historical-figures-2" value="douglass">
    <label for="douglass-2">Frederick Douglass</label>
    <input class="ds-c-choice ds-c-choice--inverse" id="washington-2" type="checkbox" name="historical-figures-2" value="washington">
    <label for="washington-2">Booker T. Washington</label>
    <input class="ds-c-choice ds-c-choice--inverse" id="carver-2" type="checkbox" name="historical-figures-2" disabled>
    <label for="carver-2">George Washington Carver</label>
  </fieldset>
  <fieldset class="ds-c-fieldset">
    <legend class="ds-c-label">Select a historical figure</legend>
    <input class="ds-c-choice ds-c-choice--inverse" id="truth-4" type="radio" name="historical-figures-4" value="truth" checked>
    <label for="truth-4">Sojourner Truth</label>
    <input class="ds-c-choice ds-c-choice--inverse" id="douglass-4" type="radio" name="historical-figures-4" value="douglass">
    <label for="douglass-4">Frederick Douglass</label>
    <input class="ds-c-choice ds-c-choice--inverse" id="washington-4" type="radio" name="historical-figures-4" value="washington">
    <label for="washington-4">Booker T. Washington</label>
  </fieldset>
</div>

Style guide: components.choice.inversed
*/
/* line 84, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice {
  left: -999em;
  opacity: 0;
  position: absolute; }

/* line 90, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice + label {
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin: 8px 0;
  max-width: 31em;
  min-height: 32px;
  padding-left: 40px;
  padding-top: 4px;
  position: relative; }

/* line 103, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice + label::before {
  background-color: #ffffff;
  border: 2px solid #212121;
  box-sizing: border-box;
  content: '\a0';
  height: 32px;
  left: 0;
  line-height: 32px;
  position: absolute;
  text-indent: 0.15em;
  top: 0;
  width: 32px; }

/* line 117, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice--inverse + label::before {
  background-color: #112e51;
  border-color: #ffffff; }

/* line 123, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice:focus + label::before {
  box-shadow: 0 0 0 2px #ffffff, 0 0 2px 4px #3e94cf; }

/* line 127, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice--inverse:focus + label::before {
  box-shadow: 0 0 0 2px #112e51, 0 0 2px 4px #59bcff; }

/* line 133, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice:checked + label::before {
  background-color: #0071bc;
  background-image: url("../images/checkmark-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-color: #0071bc; }

/* line 144, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice:disabled + label {
  color: #5b616b; }
  /* line 147, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
  .ds-c-choice:disabled + label::before {
    background-color: #d6d7d9;
    border: 1px solid #aeb0b5;
    cursor: not-allowed; }

/* line 156, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice--inverse:disabled + label {
  color: #bac5cf; }
  /* line 159, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
  .ds-c-choice--inverse:disabled + label::before {
    background-color: rgba(186, 197, 207, 0.15);
    box-shadow: 0 0 0 1px #bac5cf; }

/* line 167, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice[type='radio'] + label::before {
  border-radius: 100%; }

/*
Right-to-Left

Markup:
<div class="ds-u-clearfix">
  <div class="ds-u-padding--2 ds-u-text-align--right ds-u-border--2 ds-u-float--left">
    <fieldset class="ds-c-fieldset ds-u-margin-top--0">
      <legend class="ds-c-label">Right to left</legend>
      <span class="ds-c-field__hint ds-u-margin-bottom--1">Select desired fruits</span>
      <input class="ds-c-choice ds-c-choice--right" id="apple-1" type="checkbox" name="fruit-1" value="apple" checked>
      <label for="apple-1">Apple</label>
      <input class="ds-c-choice ds-c-choice--right" id="banana-1" type="checkbox" name="fruit-1" value="banana">
      <label for="banana-1">Banana</label>
      <input class="ds-c-choice ds-c-choice--right" id="fig-1" type="checkbox" name="fruit-1" value="fig">
      <label for="fig-1">Fig</label>
      <input class="ds-c-choice ds-c-choice--right" id="plum-1" type="checkbox" name="fruit-1" disabled>
      <label for="plum-1">Plum</label>
    </fieldset>
  </div>
  <div class="ds-u-padding--2 ds-u-text-align--right ds-u-float--left ds-u-margin-left--2 ds-base--inverse">
    <fieldset class="ds-c-fieldset ds-u-margin-top--0">
      <legend class="ds-c-label">Right to left</legend>
      <span class="ds-c-field__hint ds-c-field__hint--inverse ds-u-margin-bottom--1">Select desired fruits</span>
      <input class="ds-c-choice ds-c-choice--right ds-c-choice--inverse" id="apple-2" type="radio" name="fruit-2" value="apple" checked>
      <label for="apple-2">Apple</label>
      <input class="ds-c-choice ds-c-choice--right ds-c-choice--inverse" id="banana-2" type="radio" name="fruit-2" value="banana">
      <label for="banana-2">Banana</label>
      <input class="ds-c-choice ds-c-choice--right ds-c-choice--inverse" id="fig-2" type="radio" name="fruit-2" value="fig">
      <label for="fig-2">Fig</label>
    </fieldset>
  </div>
</div>

Style guide: components.choice.rtl
*/
/* line 206, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice--right + label {
  padding-left: 0;
  padding-right: 40px; }
  /* line 210, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
  .ds-c-choice--right + label::before {
    left: auto;
    right: 0; }

/*
Size variants

Markup:
<div class="ds-u-clearfix">
  <div class="ds-u-padding--2 ds-u-border--2 ds-u-float--left">
    <fieldset class="ds-c-fieldset ds-u-margin-top--0">
      <legend class="ds-c-label">Size variants</legend>
      <span class="ds-c-field__hint ds-u-margin-bottom--1">Select a size</span>
      <input class="ds-c-choice" id="normal-1" type="checkbox" name="size-1" value="normal" checked>
      <label for="normal-1">Normal</label>
      <input class="ds-c-choice ds-c-choice--small" id="small-1" type="checkbox" name="size-1" value="small">
      <label for="small-1">Small</label>
    </fieldset>
  </div>
  <div class="ds-u-padding--2 ds-u-border--2 ds-u-float--left ds-u-margin-left--2">
    <fieldset class="ds-c-fieldset ds-u-margin-top--0">
      <legend class="ds-c-label">Size variants</legend>
      <span class="ds-c-field__hint ds-u-margin-bottom--1">Select a size</span>
      <input class="ds-c-choice" id="normal-2" type="radio" name="size-2" value="normal" checked>
      <label for="normal-2">Normal</label>
      <input class="ds-c-choice ds-c-choice--small" id="small-2" type="radio" name="size-2" value="small">
      <label for="small-2">Small</label>
    </fieldset>
  </div>
</div>

Style guide: components.choice.size
*/
/* line 246, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice--small + label {
  min-height: 20px;
  padding-left: 28px;
  padding-top: 0; }
  /* line 251, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
  .ds-c-choice--small + label::before {
    height: 20px;
    top: 2px;
    width: 20px; }
/* line 258, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice--small:checked + label::before {
  background-size: 20px; }
/* line 262, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Choice.scss */
.ds-c-choice--small.ds-c-choice--right + label {
  padding-left: 0;
  padding-right: 28px; }

/*
`<ChoiceList>`

@react-component ChoiceList

Style guide: components.choice.choicelist
*/
/*
`<Choice>`

@react-component Choice

Style guide: components.choice.react
*/
/*
---

## When to use

**Checkboxes**

- When a user can select any number of choices from a set list.
- When a user needs to choose “yes” or “no” on only one option (use a stand-alone checkbox). For example, to toggle a setting on or off.
- When users need to see all the available options at a glance.
- When users should be able to select zero of the options.

**Radio buttons**

- When users need to select only one option out of a set of mutually exclusive choices.

## When to consider alternatives

- If there are too many options to display on a mobile screen. Consider a `select` menu if you don’t have enough space to list out all available options, and if the user can only select one of the options.
- Never use radio buttons for optional questions, since once a radio button is selected from a list, it or another choice will remain selected.

## Guidance

- Don't rely on the visual difference between radio buttons and checkboxes. Make it clear with words when users can select one or multiple options.
- Users should be able to tap on or click on either the text label or the checkbox to select or deselect an option.
- In general, list choices vertically; horizontal listings can make it difficult to tell which label pertains to which choice. An exception is where you have binary choices with short labels, like 'Yes / No'. The convention here is for horizontal alignment.
- Avoid using negative language in labels as they can be counterintuitive. For example, “I want to receive a promotional email” instead of “I don’t want to receive promotional email.”
- Use caution if you decide to set a default value. Setting a default value can discourage users from making conscious decisions, seem pushy, or alienate users who don’t fit into your assumptions. In addition, you'll never know if the user explicitly chose that option or just didn't notice the question. If you're unsure, leave nothing selected by default.

**[View the "Forms" guidelines for additional guidance and best practices.]({{root}}/guidelines/forms/)**

## Accessibility

- Surround a related set of choices with a `<fieldset>`. The `<legend>` provides context for the grouping. Do not use `fieldset` and `legend` for a single checkbox.
- Some screen readers read the `legend` text for each `fieldset`, so it should be brief and descriptive.
- Each input should have a semantic `id` attribute, and its corresponding `label` should have the same value in its `for` attribute.
- The custom checkboxes and radio buttons here are accessible to screen readers because the default fields are moved off-screen.

## Theming

The following Sass variables can be overridden to theme choice fields:

- `$choice-border-width`
- `$choice-border-color`
- `$choice-border-color-inverse`
- `$choice-checked-background-color`

## Related patterns

- [Select menu]({{root}}/components/select)

## Learn more

- [Form Guidelines]({{root}}/guidelines/forms/)
- [GOV.UK Checkbox/Radio buttons discussion](https://paper.dropbox.com/doc/Radio-buttons-oIwWoxwBKClt5IXvDbnpF)
- ["We've updated the radios and checkboxes on GOV.UK"](https://designnotes.blog.gov.uk/2016/11/30/weve-updated-the-radios-and-checkboxes-on-gov-uk/)
- [Four steps for choosing form elements on the Web (PDF)](http://www.formsthatwork.com/files/Articles/dropdown.pdf)

Style guide: components.choice.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Select

A select field allows users to select one option from a list.

@uswds https://standards.usa.gov/components/form-controls/#dropdown

Markup:
<label class="ds-c-label ds-u-margin-top--0" for="options">Field label</label>
<select class="ds-c-field" name="options" id="options">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
  <option value="5">Option 5</option>
  <option value="6">Option 6</option>
  <option value="7">Option 7</option>
</select>
<div class="ds-base ds-base--inverse ds-u-padding--2 ds-u-margin-top--2">
  <label class="ds-c-label ds-u-margin-top--0" for="options-inverse">
    Field label
    <span class="ds-c-field__hint ds-c-field__hint--inverse">Helpful hint text</span>
  </label>
  <select class="ds-c-field ds-c-field--inverse" name="options-inverse" id="options-inverse">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
    <option value="7">Option 7</option>
  </select>
</div>

Style guide: components.select
*/
/* line 41, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Select.scss */
select.ds-c-field {
  appearance: none;
  background-color: #ffffff;
  background-image: url("../images/arrow-both.svg");
  background-position: right 14px center;
  background-repeat: no-repeat;
  background-size: 14px;
  padding-right: 36px; }
  /* line 50, ../../../../libraries/@cmsgov/design-system-core/src/components/ChoiceList/_Select.scss */
  select.ds-c-field[multiple] {
    background-image: none; }

/*
`<ChoiceList>`

@react-component ChoiceList

Style guide: components.select.choicelist
*/
/*
`<Select>`

@react-component Select

Style guide: components.select.react
*/
/*
---

### When to use

- Use sparingly — only when a user needs to choose from about 7 to 15 possible options and you have limited space to display the options.

### When to consider alternatives

- If the list of options is short. Use [radio buttons or checkboxes]({{root}}/components/choice) instead.
- If the list of options is very long. Let users type the same information into a [text input]({{root}}/components/text-field) that suggests possible options instead. Long lists can sometimes be broken into multiple shorter lists by asking a few questions up-front to filter out options.
- If you need to allow users to select more than one option at once. Users often don’t understand how to select multiple items from dropdowns. Use checkboxes instead.
- If the data is highly familiar to users, such as the day, month, or year of their birth.

## Guidance

- Choose a sensible order for the options to enable visual scanning of the lists.
- Test dropdowns thoroughly with members of your target audience. Several usability experts suggest they should be the “UI of last resort.” Many users find them confusing and difficult to use.
- Avoid making options in one dropdown menu change based on the input to another. Users often don’t understand how selecting an item in one impacts another.
- When most users will (or should) pick a particular option, make it the default: `<option selected="selected">Default</option>`
- Don’t use JavaScript to automatically submit the form (or do anything else) when an option is selected. Offer a “submit” button at the end of the form instead. Users often change their choices multiple times. Auto-submission is also less accessible.

**[View the "Forms" guidelines for additional guidance and best practices.]({{root}}/guidelines/forms/)**

## Accessibility

- Make sure your dropdown has a label. Don’t replace it with the default menu option (for example, removing the “State” label and just having the dropdown read “Select a state” by default).
- Don’t use JavaScript to automatically submit the form (or do anything else) when an option is selected. Auto-submission disrupts screen readers because they select each option as they read them.
- On some devices the list of options cannot be zoomed, which means that some people with visual impairments cannot use them.

## Related patterns

- [Checkbox and Radio]({{root}}/components/choice)
- [Text field]({{root}}/components/text-field)

## Learn more

- [Form Guidelines]({{root}}/guidelines/forms/)
- [Asking for a date of birth](https://designnotes.blog.gov.uk/2013/12/05/asking-for-a-date-of-birth/)
- [Four steps for choosing form elements on the Web (PDF)](http://www.formsthatwork.com/files/Articles/dropdown.pdf)
- [Dropdowns: Design Guidelines](https://www.nngroup.com/articles/drop-down-menus/)

Style guide: components.select.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Modal dialog

@status beta

The dialog component can be used to focus a user's attention on a single piece of content, without taking them to a new screen. Please use with caution; view our guidance for more details.

.ds-c-dialog--narrow - A dialog with a narrow measure
.ds-c-dialog--wide - A dialog with a wide measure
.ds-c-dialog--full - A dialog spanning a normal page width

Markup:
<div data-demo="This div is for demo purposes only" style="min-height: 450px;">
  <div class="ds-c-dialog-wrap" aria-labelledby="dialog-title" role="dialog">
    <div class="ds-c-dialog {{modifier}}" role="document">
      <header class="ds-c-dialog__header" role="banner">
        <h1 class="ds-h2" id="dialog-title">Dialog title</h1>
        <button class="ds-c-button ds-c-button--transparent ds-c-dialog__close" aria-label="Close modal dialog">Close</button>
      </header>
      <main role="main">
        <p class="ds-text"><strong>Dialog body text.</strong>  {{lorem-l}}</p>
      </main>
      <aside class="ds-c-dialog__actions" role="complementary">
        <button class="ds-c-button ds-c-button--danger">Dialog action</button>
        <button class="ds-c-button ds-c-button--transparent">Cancel</button>
      </aside>
    </div>
  </div>
</div>

Style guide: components.dialog
*/
/* line 37, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog {
  background-color: #ffffff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  max-width: 31em;
  padding: 32px;
  text-align: left;
  vertical-align: middle;
  width: 95%; }

/* line 50, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog--narrow {
  max-width: 21em; }

/* line 54, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog--wide {
  max-width: 42em; }

/* line 58, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog--full {
  max-width: 1040px; }

/* line 62, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog__header {
  align-items: start;
  display: flex;
  padding-bottom: 8px; }

/* line 69, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog__actions {
  margin-top: 24px; }

/* line 73, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog__close {
  background: url("../images/close--primary.svg") center left no-repeat;
  background-size: 12px 12px;
  margin-left: auto;
  padding: 0 0 0 20px; }
  /* line 79, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
  .ds-c-dialog__close:active, .ds-c-dialog__close:focus, .ds-c-dialog__close:hover {
    background-image: url("../images/close--primary-darker.svg"); }

/* line 86, ../../../../libraries/@cmsgov/design-system-core/src/components/Dialog/_Dialog.scss */
.ds-c-dialog-wrap {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 48px 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000; }

/*
`<Dialog />`

@react-component Dialog

Style guide: components.dialog.react
*/
/*
---

## Related patterns

- [Alert]({{root}}/components/alert)

## Learn more

- [Making an accessible dialog box](https://www.nczonline.net/blog/2013/02/12/making-an-accessible-dialog-box/)
- [GOV.UK modal dialog boxes discussion](https://paper.dropbox.com/doc/Modal-dialog-boxes-jbsTPoITg37IIc6ybjetM)
- [Overuse of Overlays: How to Avoid Misusing Lightboxes](https://www.nngroup.com/articles/overuse-of-overlays/)
- [Using ARIA role=dialog to implement a modal dialog box](https://www.w3.org/WAI/GL/wiki/Using_ARIA_role%3Ddialog_to_implement_a_modal_dialog_box)

Style guide: components.dialog.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Form Label & Legend

Markup:
<label class="ds-c-label" for="number-field-id">
  Phone number
  <span class="ds-c-field__hint">
    Optional. We'll use this number as a backup if we need to contact you about your application.
  </span>
</label>

Style guide: components.form-label
*/
/* line 16, ../../../../libraries/@cmsgov/design-system-core/src/components/FormLabel/_FormLabel.scss */
.ds-c-label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 24px;
  max-width: 460px;
  padding: 0; }

/* line 29, ../../../../libraries/@cmsgov/design-system-core/src/components/FormLabel/_FormLabel.scss */
.ds-c-fieldset > .ds-c-label:first-child {
  margin-top: 0; }

/*
Hint text

(docs stolen from Gov.UK)

- don’t use placeholder text in form fields, as this will disappear once content is entered into the form field
- use hint text for supporting contextual help, this will always be shown
- hint text should sit above a form field
- ensure hint text can be read correctly by screen readers
*/
/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/components/FormLabel/_FormLabel.scss */
.ds-c-field__hint {
  color: #5b616b;
  display: block; }

/* line 48, ../../../../libraries/@cmsgov/design-system-core/src/components/FormLabel/_FormLabel.scss */
.ds-c-field__hint--inverse {
  color: #bac5cf; }

/*
`<FormLabel>`

@react-component FormLabel

Style guide: components.form-label.react
*/
/*
---

## When to use

#### Labels

- Each form field should have a <label>. Never use a field's placeholder attribute as the primary way to label the field.

#### Legends

- Use a single legend for fieldset (this is required). One example of a common use of fieldset and legend is a question with radio button options for answers. The question text and radio buttons are wrapped in a fieldset, with the question itself being inside the legend tag.

## Guidance

#### Labels

- Apply the `ds-c-label` class to `<label>` elements.
- Each field should have a `<label>`. Never use a field's `placeholder` attribute as the primary way to label the field.
- Labels should have a `for` attribute, referencing the corresponding input's unique `id` attribute. Only one label can be associated to each unique form element.
- Labels should be placed above their fields.
- Label text should be short and in sentence case.
- Avoid colons at the end of labels.

#### Hint text

- Place hint text within the field's `<label>` element.
- Apply the `ds-c-field__hint` class to hint text.
- Use hint text for supporting contextual help, which will always be shown.
- Hint text should sit above a form field and below the label text.

#### Validation

- Place inline validation messages within the field's `<label>` element.
- Visually align inline validation messages with the input fields, so people using screen magnifiers can read them quickly.

## Learn More

- [Form Guidelines]({{root}}/guidelines/forms/)

Style guide: components.form-label.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
List

Lists organize written information for users.

@uswds https://standards.usa.gov/components/typography/#lists

Markup:
<h2 class="ds-h6" id="unordered-list-id">Unordered list title</h2>
<ul class="ds-c-list {{modifier}}" aria-labelledby="unordered-list-id">
  <li>List item 1</li>
  <li>List item 2</li>
</ul>
<h2 class="ds-h6" id="ordered-list-id">Ordered list title</h2>
<ol class="ds-c-list {{modifier}}" aria-labelledby="ordered-list-id">
  <li>List item 1</li>
  <li>List item 2</li>
</ol>

.ds-c-list--bare - Unstyled list (no `margin`, `padding` or `list-style`)

Style guide: components.list
*/
/* line 26, ../../../../libraries/@cmsgov/design-system-core/src/components/List/_List.scss */
.ds-c-list {
  margin-bottom: 16px;
  margin-top: 16px;
  padding-left: 32px; }
  /* line 31, ../../../../libraries/@cmsgov/design-system-core/src/components/List/_List.scss */
  .ds-c-list li {
    line-height: 1.5;
    margin-bottom: 8px; }
    /* line 35, ../../../../libraries/@cmsgov/design-system-core/src/components/List/_List.scss */
    .ds-c-list li:last-child {
      margin-bottom: 0; }

/* line 41, ../../../../libraries/@cmsgov/design-system-core/src/components/List/_List.scss */
.ds-c-list--bare {
  list-style: none;
  margin: 0;
  padding: 0; }

/*
---

## When to use

- Use an ordered list when you need to display text in some ranking, hierarchy, or series of steps.
- Use unordered lists to display text in no specific order.

## When to consider alternatives

- If you need to communicate long lists of narrative text.

## Guidance

- Use sentence case and begin lists with a capital letter.
- Use punctuation appropriate to the text. Do not leave sentences without periods.

## Accessibility
- When a list has a heading, consider adding an `id` attribute to the heading element, and an `aria-labelledby` attribute to the list element. Screen readers will then announce the heading text when users navigate to the list.

## Learn more

- [18F Content Guide \- Bulleted lists](https://content-guide.18f.gov/punctuation/#bulleted-lists)

Style guide: components.list.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Month Picker

Style guide: components.month-picker
*/
/* line 9, ../../../../libraries/@cmsgov/design-system-core/src/components/MonthPicker/_MonthPicker.scss */
.ds-c-month-picker__months {
  max-width: 400px; }

/* line 13, ../../../../libraries/@cmsgov/design-system-core/src/components/MonthPicker/_MonthPicker.scss */
.ds-c-month-picker__month {
  width: 100px; }

/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Review

The review pattern is used for listing a summary of information entered
by a user. Its content includes a heading, value, and edit link.

Markup:
<div class="ds-u-border-bottom--2 ds-u-padding-y--2 ds-u-justify-content--between ds-u-display--flex">
  <div class="ds-u-margin-right--2">
    <h3 class="ds-text ds-u-margin-bottom--0 ds-u-font-weight--bold ds-u-display--inline-block">
      Name
    </h3>
    <div>Jane Doe</div>
  </div>
  <div class="ds-u-margin--0">
    <a href="javascript:void(0);">Edit</a>
  </div>
</div>
<div class="ds-u-border-bottom--2 ds-u-padding-y--2 ds-u-justify-content--between ds-u-display--flex">
  <div class="ds-u-margin-right--2">
    <h3 class="ds-text ds-u-margin-bottom--0 ds-u-font-weight--bold ds-u-display--inline-block">
      Date of Birth
    </h3>
    <div>December 3, 1981</div>
  </div>
  <div class="ds-u-margin--0">
    <a href="javascript:void(0);">Edit</a>
  </div>
</div>
<div class="ds-u-border-bottom--2 ds-u-padding-y--2 ds-u-justify-content--between ds-u-display--flex">
  <div class="ds-u-margin-right--2">
    <h3 class="ds-text ds-u-margin-bottom--0 ds-u-font-weight--bold ds-u-display--inline-block">
      States Lived
    </h3>
    <div>
      <ul>
        <li>Ohio</li>
        <li>Idaho</li>
        <li>Iowa</li>
    </div>
  </div>
  <div class="ds-u-margin--0">
    <a href="javascript:void(0);">Edit</a>
  </div>
</div>

Style guide: patterns.review
*/
/*
`<Review>`

@react-component Review

Style guide: patterns.review.react
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Skip Nav

Skip navigation links allow users with screen readers to bypass long navigation lists. Make sure you include an `id` at the beginning of your main content and that it matches the skipnav link. Find more information here: [webaim.org/techniques/skipnav](http://webaim.org/techniques/skipnav/)

Markup:
<a class="ds-c-skip-nav" href="#main">Skip to main content</a>
<a href="javascript:void(0);">Navigation link</a>
<main id="main" class="ds-u-padding--4 ds-u-fill--gray-lightest" tabindex="0">
  Main content
</main>

Style guide: components.skip-nav
*/
/* line 17, ../../../../libraries/@cmsgov/design-system-core/src/components/SkipNav/_SkipNav.scss */
.ds-c-skip-nav {
  left: 0;
  padding: 8px 16px;
  position: absolute;
  top: -96px;
  z-index: 100; }
  /* line 24, ../../../../libraries/@cmsgov/design-system-core/src/components/SkipNav/_SkipNav.scss */
  .ds-c-skip-nav:focus {
    background-color: #ffffff;
    left: 0;
    top: 0; }

/*
`<SkipNav>`

@hide-example

@react-component SkipNav

Style guide: components.skip-nav.react
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Spinner

Spinners signify that the application is waiting for an asynchronous operation to complete.

@status alpha

Markup:
<span class="ds-c-spinner ds-c-spinner--small" aria-valuetext="Loading" role="progressbar"></span>
<span class="ds-c-spinner" aria-valuetext="Loading" role="progressbar"></span>
<span class="ds-c-spinner ds-c-spinner--big" aria-valuetext="Loading" role="progressbar"></span>

Style guide: components.spinner
*/
/* line 32, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
.ds-c-spinner {
  height: 32px;
  width: 32px;
  box-sizing: border-box;
  display: inline-block;
  position: relative; }
  /* line 8, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner::before, .ds-c-spinner::after {
    border-width: 4px;
    height: 32px;
    left: 0px;
    top: 0px;
    width: 32px; }
  /* line 38, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner::before, .ds-c-spinner::after {
    border-radius: 50%;
    border-style: solid;
    box-sizing: border-box;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0; }
  /* line 50, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner::before {
    border-color: inherit;
    opacity: 0.2; }
  /* line 55, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner::after {
    animation: spin 0.8s infinite linear;
    border-bottom-color: transparent;
    border-left-color: inherit;
    border-right-color: transparent;
    border-top-color: transparent;
    transform: translateZ(0); }
  /* line 64, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-button > .ds-c-spinner {
    fill: currentColor;
    height: 1em;
    margin-bottom: -0.1em;
    margin-top: -0.1em;
    position: relative;
    top: -0.1em;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    width: 1em; }
    /* line 8, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
    .ds-c-button > .ds-c-spinner::before, .ds-c-button > .ds-c-spinner::after {
      border-width: 0.125em;
      height: 1em;
      left: 0em;
      top: 0em;
      width: 1em; }

/* line 70, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
.ds-c-spinner--filled {
  height: 48px;
  width: 48px;
  background-color: #ffffff;
  border-radius: 50%;
  color: #212121;
  height: 48px;
  width: 48px; }
  /* line 8, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner--filled::before, .ds-c-spinner--filled::after {
    border-width: 4px;
    height: 32px;
    left: 8px;
    top: 8px;
    width: 32px; }

/* line 79, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
.ds-c-spinner--small {
  height: 16px;
  width: 16px; }
  /* line 8, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner--small::before, .ds-c-spinner--small::after {
    border-width: 2px;
    height: 16px;
    left: 0px;
    top: 0px;
    width: 16px; }
  /* line 82, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner--small.ds-c-spinner--filled {
    height: 24px;
    width: 24px; }
    /* line 8, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
    .ds-c-spinner--small.ds-c-spinner--filled::before, .ds-c-spinner--small.ds-c-spinner--filled::after {
      border-width: 2px;
      height: 16px;
      left: 4px;
      top: 4px;
      width: 16px; }

/* line 87, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
.ds-c-spinner--big {
  height: 40px;
  width: 40px; }
  /* line 8, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner--big::before, .ds-c-spinner--big::after {
    border-width: 5px;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px; }
  /* line 90, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
  .ds-c-spinner--big.ds-c-spinner--filled {
    height: 56px;
    width: 56px; }
    /* line 8, ../../../../libraries/@cmsgov/design-system-core/src/components/Spinner/_Spinner.scss */
    .ds-c-spinner--big.ds-c-spinner--filled::before, .ds-c-spinner--big.ds-c-spinner--filled::after {
      border-width: 5px;
      height: 40px;
      left: 8px;
      top: 8px;
      width: 40px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/*
Changing the spinner color

To change the color of the spinner, one only has to change the `color` property of the spinner element. This can be done with the standard Design System [utility classes]({{root}}/utilities/color). The color of the spinner also defaults to `inherit`, so it will take on the color of the text in its parent container.

Markup:
<span class="ds-c-spinner ds-u-color--primary" aria-valuetext="Loading" role="progressbar"></span>
<span class="ds-c-spinner ds-u-color--success" aria-valuetext="Loading" role="progressbar"></span>
<span class="ds-c-spinner ds-u-color--muted" aria-valuetext="Loading" role="progressbar"></span>

Style guide: components.spinner.colors
*/
/*
Use inside buttons

Markup:
<button class="ds-c-button">
  <span class="ds-c-spinner ds-c-spinner--small" aria-valuetext="Loading" role="progressbar"></span> Loading
</button>
<button class="ds-c-button ds-c-button--primary">
  <span class="ds-c-spinner ds-c-spinner--small ds-c-spinner--inverse" aria-valuetext="Loading" role="progressbar"></span> Loading
</button>
<button class="ds-c-button ds-c-button--outline ds-c-button--big">
  <span class="ds-c-spinner" aria-valuetext="Loading" role="progressbar"></span> Big button
</button>
<button class="ds-c-button ds-c-button--success ds-c-button--big">
  <span class="ds-c-spinner" aria-valuetext="Loading" role="progressbar"></span> Big green button
</button>

Style guide: components.spinner.buttons
*/
/*
"Filled" mode

To provide more contrast when being rendered over other content, the `ds-c-spinner--filled` class can be added to give it an appropriately shaped background with some padding.

Markup:
<div class="ds-u-fill--background-inverse ds-u-color--base-inverse ds-u-padding--2" style="position: relative">
  <p>{{lorem-l}}</p>
  <div class="ds-u-display--flex ds-u-justify-content--center ds-u-align-items--center" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0">
    <span class="ds-c-spinner ds-c-spinner--filled" aria-valuetext="Loading" role="progressbar"></span>
  </div>
</div>
<div class="ds-u-padding--2" style="position: relative">
  <p>{{lorem-l}}</p>
  <div class="ds-u-display--flex ds-u-justify-content--center ds-u-align-items--center" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0">
    <span class="ds-c-spinner ds-c-spinner--filled ds-u-fill--background-inverse ds-u-color--base-inverse" aria-valuetext="Loading" role="progressbar"></span>
  </div>
</div>

Style guide: components.spinner.background
*/
/*
`<Spinner>`

@react-component Spinner

Style guide: components.spinner.react
*/
/*
---

## When to use

- To indicate a loading state for quick asynchronous tasks

## When to consider alternatives

- When the process it is waiting for takes a long time. Spinners provide no feedback other than that _we're waiting_, so long processes can make users nervous that something went wrong. Consider adding descriptive text or another UX pattern entirely.
- When you are loading a whole page of content. If all you show the user is a spinner, the user may spend several seconds watching the spinner to be surprised with all the content all at once. Consider using a [_skeleton screen_](https://www.lukew.com/ff/entry.asp?1797) so the user knows what to expect.

## Guidance

- If the process takes a long time, use something else.

## Accessibility

- The Spinner element should have an [`aria-valuetext`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_attribute) attribute with a value of `loading` to provide a human readable text alternative for screen readers.
- When placed within a parent container, the parent element should include several ARIA attributes: `aria-relevant`, `aria-live`, and optionally `aria-atomic`.
  - `aria-relevant` may include `additions`, `text`, and `removals`. If a section will have items added or removed, use `additions removals`. If there will be additions or text changes without explicit removals, use `additions text`.
  - `aria-live` should be set to `polite` for a screen reader to speak the changes whenever the user is idle. `aria-live="assertive"` should only be used in situations that require a user&rsquo;s immediate attention.
  - By default, a screen reader will only speak the contents of a changed node, and not the entire contents of the element. Set `aria-atomic="true"` for cases, such as an address, where a screen reader should read the contents of the entire element.

## Learn more

- [Response Times](https://www.nngroup.com/articles/response-times-3-important-limits/)
- [Progress Indicators](https://www.nngroup.com/articles/progress-indicators/)
- [GOV.UK Loading patterns discussion](https://paper.dropbox.com/doc/Loading-patterns-v0x8Xych1PbZQXOlbP3L6)
- [Avoid the Spinner](https://www.lukew.com/ff/entry.asp?1797)
- [ARIA Live Regions](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)

Style guide: components.spinner.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Step List

@responsive

@status beta

A step list represents a user's progression through an application or multi-page
form. It serves as a table of contents and a way to quickly see where they are
and what they should be working on next.

Markup:
<div style="max-width: 628px">
  <ol class="ds-c-step-list ds-u-margin-top--4">
    <li class="ds-c-step ds-c-step--completed">
      <div class="ds-c-step__content">
        <h2 class="ds-c-step__title">Choose a tax year</h2>
      </div>
      <div
        class="ds-c-step__actions"
        aria-label="Primary actions for Choose a tax year"
      >
        <div class="ds-c-step__completed-text">Completed</div>
        <a href="#step-1">
          Edit<span class="ds-u-visibility--screen-reader">
            {" "}
            "Choose a tax year"
          </span>
        </a>
      </div>
    </li>
    <li class="ds-c-step ds-c-step--current">
      <div class="ds-c-step__content ds-c-step__content--with-content">
        <h2 class="ds-c-step__title">Enter household details</h2>
        <div
          class="ds-c-step__description"
          aria-label="Description for Enter household details"
        >
          Answer questions about who in your household qualifies for a premium tax
          credit and information on each person, including date of birth,
          location(s) they lived in for the year, and months of marketplace
          coverage.
        </div>
        <ol
          class="ds-c-step__substeps"
          aria-label="Secondary actions for Enter household details"
        >
          <li class="ds-c-substep">
            <div class="ds-c-substep__title">Overall household</div>
            <a href="#step-2a" class="ds-c-substep__edit">
              Edit<span class="ds-u-visibility--screen-reader">
                {" "}
                "Overall household"
              </span>
            </a>
          </li>
          <li class="ds-c-substep">
            <div class="ds-c-substep__title">Bob's information</div>
          </li>
          <li class="ds-c-substep">
            <div class="ds-c-substep__title">Barb's information</div>
          </li>
        </ol>
      </div>
      <div
        class="ds-c-step__actions"
        aria-label="Primary actions for Enter household details"
      >
        <a href="#step-2" class="ds-c-button ds-c-button--primary">
          Resume<span class="ds-u-visibility--screen-reader">
            {" "}
            "Enter household details"
          </span>
        </a>
      </div>
    </li>
    <li class="ds-c-step">
      <div class="ds-c-step__content">
        <h2 class="ds-c-step__title">Review your information</h2>
      </div>
      <div
        class="ds-c-step__actions"
        aria-label="Primary actions for Review your information"
      />
    </li>
    <li class="ds-c-step">
      <div class="ds-c-step__content">
        <h2 class="ds-c-step__title">View premium results</h2>
      </div>
      <div
        class="ds-c-step__actions"
        aria-label="Primary actions for View premium results"
      />
    </li>
  </ol>
</div>

Style guide: patterns.step-list
*/
/* line 118, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step-list {
  list-style-type: none;
  margin: 0;
  padding: 0 0;
  padding-left: 42px; }

/* line 125, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step {
  color: #5b616b;
  counter-increment: step-counter;
  margin-bottom: 16px;
  padding-bottom: 16px;
  position: relative; }
  /* line 132, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step::before {
    border: 2px solid #5b616b;
    border-radius: 50%;
    box-sizing: border-box;
    color: #5b616b;
    content: counter(step-counter);
    display: block;
    font-size: 14px;
    height: 24px;
    left: -34px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 24px; }
    @media (min-width: 768px) {
      /* line 132, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
      .ds-c-step::before {
        font-size: 20px;
        height: 32px;
        left: -42px;
        line-height: 28px;
        padding-left: 1px;
        top: 3px;
        width: 32px; } }
  /* line 160, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step::after {
    border-bottom: 1px solid #d6d7d9;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: -42px;
    position: absolute;
    right: 0; }
  @media (min-width: 768px) {
    /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
    .ds-c-step {
      display: flex;
      justify-content: space-between; } }

/* line 177, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step--current,
.ds-c-step--completed {
  padding-bottom: 16px; }
  /* line 181, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step--current::before,
  .ds-c-step--completed::before {
    border: 0 none;
    color: #ffffff;
    line-height: 24px; }
    @media (min-width: 768px) {
      /* line 181, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
      .ds-c-step--current::before,
      .ds-c-step--completed::before {
        line-height: 32px; } }

/* line 193, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step--current .ds-c-step__title {
  color: #0071bc; }
/* line 197, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step--current::before {
  background: #0071bc; }

/* line 203, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step--completed .ds-c-step__title {
  color: #212121; }
/* line 207, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step--completed .ds-c-step__substeps {
  color: #212121; }
/* line 211, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step--completed::before {
  background: #212121; }

@media (min-width: 768px) {
  /* line 216, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step__content {
    padding-right: 16px; } }

/* line 222, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step__title {
  font-size: 16px;
  line-height: 38px;
  margin: 0; }
  @media (min-width: 768px) {
    /* line 222, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
    .ds-c-step__title {
      font-size: 21px; } }

/* line 232, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step__actions {
  font-size: 14px;
  margin-left: auto; }
  /* line 236, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step__content--with-content + .ds-c-step__actions {
    margin-top: 16px; }
    @media (min-width: 768px) {
      /* line 236, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
      .ds-c-step__content--with-content + .ds-c-step__actions {
        margin-top: 0; } }
  /* line 244, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step--completed .ds-c-step__actions a {
    font-weight: 400; }
  @media (min-width: 768px) {
    /* line 232, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
    .ds-c-step__actions {
      font-size: 16px;
      text-align: right; } }

/* line 254, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step__completed-text {
  display: inline-block;
  line-height: 26px;
  margin-right: 16px; }
  /* line 259, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step__completed-text::before {
    background-image: url("../images/checkmark-green.svg");
    background-size: contain;
    box-sizing: border-box;
    content: '';
    display: inline-block;
    height: 12px;
    margin-right: 8px;
    width: 16px; }
  @media (min-width: 768px) {
    /* line 254, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
    .ds-c-step__completed-text {
      display: block;
      margin-right: 0;
      padding-top: 6px;
      white-space: nowrap; } }

/* line 278, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step__description {
  font-size: 14px;
  margin-bottom: 8px; }
  /* line 282, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-step--current .ds-c-step__description, .ds-c-step--completed .ds-c-step__description {
    margin-top: 8px; }
  @media (min-width: 768px) {
    /* line 278, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
    .ds-c-step__description {
      font-size: 16px; } }

/* line 292, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-step__substeps {
  list-style-type: none;
  margin: 0;
  padding-left: 40px; }

/* line 298, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-substep {
  display: block;
  font-size: 14px; }
  /* line 302, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-substep::before {
    content: '\2022';
    left: -24px;
    position: relative; }

/* line 309, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
.ds-c-substep__title {
  display: inline-block;
  margin-right: 8px; }

@media (min-width: 768px) {
  /* line 314, ../../../../libraries/@cmsgov/design-system-core/src/components/StepList/_StepList.scss */
  .ds-c-substep__edit {
    position: absolute;
    right: 0; } }

/*
Start, Resume, and Edit links

A user interacts with the steps through "Start", "Resume", and "Edit"
links.

In the React component, the links' `href` properties are determined by the
`step` object's `href` property. One can also optionally pass an
`onStepLinkClick` function that will cancel the default link behavior and call
`onStepLinkClick` with `href` as a parameter for apps that handle routing with
JavaScript.

When a step has substeps and is incomplete, the `href` property should be set to
match the `href` of the current substep—that is, the first incomplete substep.
The "Edit" button will only appear on substeps that have been completed.

Style guide: patterns.step-list.buttons
*/
/*
`<StepList>`

@react-component StepList

Style guide: patterns.step-list.react
*/
/*
Step object

A `step` object contains all information needed to render the step, including
text, progress, and routing information.

Step object properties:
- **id** (`string`) - Unique string representing the step. Will be passed to onStepLinkClick as second parameter
- **href** (`string`) - URL or partial URL that routes to the step. Will be passed to onStepLinkClick as first parameter
- **completed** (`bool`) - Whether the step has been completed
- **started** (`bool`) - Whether the step has been started
- **isNextStep** (`bool`) - Whether this is the next unstarted step
- **title** (`string`) - Text to display as the step title
- **description** (`string`) - Additional text to display under (only rendered for top-level steps)

Style guide: patterns.step-list.step-object
*/
/*
---

## Managing list state

### Substeps
The `<StepList>` component takes an array of step objects. From there steps can
be broken down infinitely into sub-steps. This allows us to have unique URLs for
each part of a step; however, by default we only display two levels of this tree
—the _step_ and _substep_. This default behavior should remain unchanged except
for special circumstances. It is better not to overwhelm the user with showing
all the substeps and giving them names.

We do, nonetheless, encourage the use of sub-substeps that are not visible where
these substeps span multiple pages and have their own unique URLs. If, for
example, the user completes the first page of the `household > overall` substep
where they list the household members but has not completed the second page
where they define those members' relationships to each other, we want the
"Resume" button to take them back to the relationships page and not the first
page where they entered their names. This, of course, requires an extra
steps-building process to update a top-level steps' `href` property by
traversing the substep tree to find the first incomplete step. See the
[Completed, started, and isNextStep](#completed-started-and-isnextstep) section
below for an example JavaScript function that can change the `href` of steps
based on their substeps.

### Completed, started, and isNextStep

The _state_ of a step object will be defined for these purposes as the values
of its `completed`, `started`, and `isNextStep` properties. These correspond to
different visual states when rendered by the `<StepList>`, showing "Completed",
"Resume", or "Start" respectively. For steps with substeps, the state should be
representative of the collective states of its substeps. For example, if a step
has substeps that have `completed: false`, that step should not have
`completed: true` because not all of its substeps have been completed. Similarly
a step can only be `started` if at least one of its substeps has been `started`.
This should be true for each of the substep's substeps and so on. Below is an
example function that can propagate this state information up from the smallest
substep to the largest step before passing the steps array to the `<StepList>`
component.

```js
function propagateSubstepState(step) {
  if (step.steps) {
    const steps = step.steps.map(propagateSubstepState);
    const newStep = {
      ...step,
      steps,
      started: steps.some(s => s.started),
      completed: steps.every(s => s.completed)
    };
    if (!newStep.completed) {
      const nextStep = steps.find(s => !s.completed);
      newStep.href = nextStep.href;
    }
    return newStep;
  }
  else {
    return step;
  }
}

// ...
//
// Render function:

const steps = rawSteps.map(propagateSubstepState);
return <StepList steps={steps} />;
```

Style guide: patterns.step-list.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Table

Tables show tabular data in columns and rows.

@uswds https://standards.usa.gov/components/tables/

Markup:
<table class="ds-c-table {{modifier}}">
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th class="ds-u-text-align--right" scope="col">Rate</th>
      <th scope="col">Favorite fruit</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Fred</td>
      <td class="ds-u-text-align--right">51.25%</td>
      <td>Apples</td>
    </tr>
    <tr>
      <td>Tamara</td>
      <td class="ds-u-text-align--right">98.70%</td>
      <td>Strawberries</td>
    </tr>
  </tbody>
</table>

.ds-c-table--borderless - Borderless table

Style guide: components.table
*/
/* line 36, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
.ds-c-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  min-width: 100%; }
  /* line 42, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
  .ds-c-table td {
    background-color: #ffffff; }
  /* line 46, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
  .ds-c-table th,
  .ds-c-table thead td {
    background-color: #f1f1f1;
    text-align: left; }
  /* line 52, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
  .ds-c-table tbody th {
    font-weight: 400; }
  /* line 56, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
  .ds-c-table th,
  .ds-c-table td {
    border: 1px solid #5b616b;
    padding: 1.5rem; }

/* line 65, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
.ds-c-table--borderless thead tr {
  background-color: transparent; }
/* line 69, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
.ds-c-table--borderless thead th {
  border-top: 0; }
/* line 74, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
.ds-c-table--borderless th,
.ds-c-table--borderless td {
  border-left: 0;
  border-right: 0; }

/* line 81, ../../../../libraries/@cmsgov/design-system-core/src/components/Table/_Table.scss */
.ds-c-table__caption {
  font-weight: 700;
  margin-bottom: 8px;
  text-align: left; }

/*
Table with two headers and a caption

Markup:
<table class="ds-c-table {{modifier}}">
  <caption class="ds-c-table__caption">Household members</caption>
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col">Street</th>
      <th scope="col">Employer</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">John Doe</th>
      <td>123 Braavos Ave.</td>
      <td>Acme Co.</td>
    </tr>
    <tr>
      <th scope="row">Jane Doe</th>
      <td>456 King's Landing</td>
      <td>Acme Co.</td>
    </tr>
  </tbody>
</table>

Style guide: components.table.complex
*/
/*
---

## When to use

- When you need tabular information, such as statistical data.
- When users need to compare sets of information.

## When to consider alternatives

- Depending on the type of content, consider using other presentation formats such as definition lists or hierarchical lists.
- If you're writing out name / value pairs, there's often a more compact way compared to using a table.

## Guidance

- Right-align numerical data in tables. You can use a [text alignment utility class]({{root}}/utilities/text-align) for this. This makes it easier to scan and compare values.

## Accessibility

- Tables can have two levels of headers. Each header cell should have `scope="col"` or `scope="row"`. [Learn more about the "scope" attribute.](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope)
- Complex tables are tables with more than two levels of headers. Each header should be given a unique `id` and each data cell should have a `headers` attribute with each related header cell’s `id` listed.
- When adding a title to a table, include it in a `<caption>` tag inside of the `<table>` element.

## Learn more

- [W3C Web Accessibility Tutorial \- Table Concepts](https://www.w3.org/WAI/tutorials/tables/)
- [Design Better Data Tables](https://medium.com/mission-log/design-better-data-tables-430a30a00d8c)

Style guide: components.table.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Tabs

Tabs are a secondary navigation pattern, allowing a user to view only the content they're interested in. They build upon a real world metaphor, and the selected state simulates a folder being physically in front of others in the group.

@status beta

Markup:
<div class="ds-c-tabs" role="tablist" aria-label="Settings">
  <a
    class="ds-c-tabs__item"
    href="#panel-profile"
    role="tab"
    aria-selected="true"
    aria-controls="panel-profile"
    id="tab-profile"
  >
    <svg class="ds-u-margin-right--1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24">
      <use xlink:href="{{root}}/public/images/symbols.svg#placeholder"></use>
    </svg>Profile
  </a>
  <a
    class="ds-c-tabs__item"
    href="#panel-comms"
    role="tab"
    aria-selected="false"
    aria-controls="panel-comms"
    id="tab-comms"
  >
    <svg class="ds-u-margin-right--1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24">
      <use xlink:href="{{root}}/public/images/symbols.svg#placeholder"></use>
    </svg>Communication preferences
  </a>
</div>
<div class="ds-c-tabs__panel" id="panel-profile" aria-labelledby="tab-profile" role="tabpanel">
  Note: This is just an example of the HTML markup. See the React example for
  a functioning example.
</div>
<div class="ds-c-tabs__panel" id="panel-comms" aria-hidden="true" aria-labelledby="tab-comms" aria-selected="false" role="tabpanel">
  Communication preferences content
</div>

Style guide: components.tabs
*/
/*
`<Tabs>`

@react-component Tabs

Style guide: components.tabs.react-tabs
*/
/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
.ds-c-tabs {
  border-bottom: 1px solid #d6d7d9;
  display: flex; }

/*
`<TabPanel>`

@hide-example

@react-component TabPanel

Style guide: components.tabs.react-tabpanel
*/
/* line 70, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
.ds-c-tabs__panel {
  background-color: #ffffff;
  border-bottom: 1px solid #d6d7d9;
  border-left: 1px solid #d6d7d9;
  border-right: 1px solid #d6d7d9;
  padding: 24px; }
  /* line 77, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
  .ds-c-tabs__panel[aria-hidden='true'] {
    /* stylelint-disable declaration-no-important */
    display: none !important; }

/*
`<Tab>`

@react-component Tab

Style guide: components.tabs.react-tab
*/
/* line 90, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
.ds-c-tabs__item {
  appearance: none;
  background-color: #ffffff;
  border-bottom: 1px solid #d6d7d9;
  border-left: 1px solid #d6d7d9;
  border-radius: 0;
  border-top: 1px solid #d6d7d9;
  color: #212121;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: -1px;
  padding: 16px 8px;
  position: relative;
  text-decoration: none;
  transition: border-bottom-color 0.3s cubic-bezier(1, 0, 0, 1); }
  @media (min-width: 544px) {
    /* line 90, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
    .ds-c-tabs__item {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    /* line 90, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
    .ds-c-tabs__item {
      font-size: 16px;
      padding-left: 24px;
      padding-right: 24px; } }
  /* line 121, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
  .ds-c-tabs__item:last-child {
    border-right: 1px solid #d6d7d9; }
  /* line 126, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
  .ds-c-tabs__item::after {
    background-color: #0071bc;
    content: '';
    height: 4px;
    left: -1px;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    transform: scale3d(0, 1, 1);
    transition: opacity 0.3s cubic-bezier(1, 0, 0, 1), transform 0.3s cubic-bezier(1, 0, 0, 1); }
  /* line 141, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
  .ds-c-tabs__item[aria-selected='true'] {
    border-bottom-color: #ffffff;
    color: #0071bc;
    pointer-events: none; }
    /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
    .ds-c-tabs__item[aria-selected='true']::after {
      opacity: 1;
      transform: scale3d(1, 1, 1); }
  /* line 152, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
  .ds-c-tabs__item:focus, .ds-c-tabs__item:hover {
    color: #0071bc; }
  /* line 157, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
  .ds-c-tabs__item:active {
    color: #205493; }
  /* line 162, ../../../../libraries/@cmsgov/design-system-core/src/components/Tabs/_Tabs.scss */
  .ds-c-tabs__item > svg {
    fill: currentColor;
    height: 1em;
    margin-bottom: -0.1em;
    margin-top: -0.1em;
    position: relative;
    top: -0.1em;
    vertical-align: middle;
    width: 1em; }

/*
---

## When to use

- If you have sub-sections of a page, and there's the need to only show one sub-section at a time.

## When to consider alternatives

- If you have more than four tabs. Consider using a different pattern if your content requires being split into more than four panels.
- If the panel contents can be displayed at once. This will improve the scanability of your page's content and it's more likely the user will be able to find what they're looking for. Typography, including clear section headers, should be enough to allow the user to navigate the page.

## Guidance

- Avoid overflowing tabs to new lines. If the tabs can't fit on one row on small screens, consider using utility classes to apply additional responsive styles or use a different pattern.
- Tab labels should be descriptive of their content and set the user's expectations.
- Tab labels should be short — aim for no more than two words.

## Accessibility

- Use an anchor link (`a`) to create the tabs. This allows you to link directly to a tab, and allows you to progressively enhance the page, retaining default browser behavior like opening links in a new window. _Note: You'll need to implement the logic for selecting the correct tab based on the current URL._
- Ensure the HTML markup includes the proper ARIA attributes:
  - For tabs: `role`, `aria-selected`, `aria-controls`
  - For the tabs list parent: `role`, `aria-label`
  - For a tab panel: `role`, `aria-labelledby`

## Related patterns

- [Vertical navigation]({{root}}/components/vertical-nav)

## Learn more

- [How Tabs Should Work](https://24ways.org/2015/how-tabs-should-work/)
- [Simple ARIA tab interface](http://heydonworks.com/practical_aria_examples/#tab-interface)

Style guide: components.tabs.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Text field

@uswds https://standards.usa.gov/components/form-controls/#text-input

Text fields allow users to enter any combination of letters, numbers, or symbols of their choosing (unless otherwise restricted). Text fields can span single or multiple lines.

Markup:
<label class="ds-c-label ds-u-margin-top--0" for="input-firstname">First name</label>
<input class="ds-c-field" id="input-firstname" name="firstname" type="text">
<label class="ds-c-label" for="input-lastname">
  <span class="ds-u-font-weight--bold">Last name</span>
  <span class="ds-c-field__hint ds-u-color--error" role="alert">
    Please enter your last name
  </span>
  <span class="ds-c-field__hint">Helpful hint text</span>
</label>
<input class="ds-c-field ds-c-field--error" id="input-lastname" name="lastname" type="text" />
<label class="ds-c-label" for="input-username">
  Username
  <span class="ds-c-field__hint">Example of a success field state</span>
</label>
<input class="ds-c-field ds-c-field--success" id="input-username" name="username" type="text" value="johnsnow">
<label class="ds-c-label" for="input-bio">Bio</label>
<textarea class="ds-c-field" id="input-bio" name="bio" rows="5"></textarea>
<label class="ds-c-label" for="input-id-num">
  ID Number
  <span class="ds-c-field__hint">
    Example of a disabled field
  </span>
</label>
<input class="ds-c-field ds-c-field--inverse" id="input-id-num" name="id-num" type="text" value="1234" disabled>

Style guide: components.text-field
*/
/* line 41, ../../../../libraries/@cmsgov/design-system-core/src/components/TextField/_TextField.scss */
.ds-c-field {
  appearance: none;
  border: 1px solid #212121;
  border-radius: 3px;
  box-sizing: border-box;
  color: #212121;
  display: block;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 4px 0;
  max-width: 460px;
  outline: none;
  padding: 8px;
  width: 100%; }
  /* line 57, ../../../../libraries/@cmsgov/design-system-core/src/components/TextField/_TextField.scss */
  .ds-c-field:disabled {
    background-color: #d6d7d9;
    border-width: 0; }
  /* line 62, ../../../../libraries/@cmsgov/design-system-core/src/components/TextField/_TextField.scss */
  .ds-c-field:focus {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

/*
---

Markup:
<div class="ds-base--inverse ds-u-padding--2">
  <label class="ds-c-label ds-u-margin-top--0" for="input-firstname-2">First name</label>
  <input class="ds-c-field ds-c-field--inverse" id="input-firstname-2" name="firstname" type="text">
  <label class="ds-c-label" for="input-lastname-2">
    <span class="ds-u-font-weight--bold">Last name</span>
    <span class="ds-c-field__hint ds-u-color--error-light" role="alert">
      Please enter your last name
    </span>
    <span class="ds-c-field__hint ds-c-field__hint--inverse">Helpful hint text</span>
  </label>
  <input class="ds-c-field ds-c-field--inverse ds-c-field--error" id="input-lastname-2" name="lastname" type="text">
  <label class="ds-c-label" for="input-username-2">Username</label>
  <input class="ds-c-field ds-c-field--inverse ds-c-field--success" id="input-username-2" name="username" type="text">
  <label class="ds-c-label" for="input-id-num-2">
    ID Number
    <span class="ds-c-field__hint ds-c-field__hint--inverse">
      Example of a disabled field
    </span>
  </label>
  <input class="ds-c-field ds-c-field--inverse" id="input-id-num-2" name="id-num-2" type="text" value="1234" disabled>
</div>

Style guide: components.text-field.inverse
*/
/* line 96, ../../../../libraries/@cmsgov/design-system-core/src/components/TextField/_TextField.scss */
.ds-c-field--inverse {
  border-color: #000000; }
  /* line 99, ../../../../libraries/@cmsgov/design-system-core/src/components/TextField/_TextField.scss */
  .ds-c-field--inverse:focus {
    box-shadow: 0 0 3px #59bcff, 0 0 7px #59bcff; }

/* line 105, ../../../../libraries/@cmsgov/design-system-core/src/components/TextField/_TextField.scss */
.ds-c-field--error {
  border: 3px solid #e31c3d; }

/* line 109, ../../../../libraries/@cmsgov/design-system-core/src/components/TextField/_TextField.scss */
.ds-c-field--success {
  border: 3px solid #4aa564; }

/*
`<TextField>`

@react-component TextField

Style guide: components.text-field.react
*/
/*
---

## When to use

- If you can’t reasonably predict a user’s answer to a prompt and there might be wide variability in users’ answers.
- When using another type of input will make answering more difficult. For example, birthdays and other known dates are easier to type in than they are to select from a calendar picker.
- When users want to paste in a response.

## When to consider alternatives

- When users are choosing from a specific set of options. Consider [checkboxes, radio buttons]({{root}}/components/choice), or a [select menu]({{root}}/components/select) in these cases.

## Guidance

- Don't use placeholder text in form fields. Use hint text instead, if you need to provide contextual information. Placeholder text disappears after a user types a value, therefore users will no longer have that text available when they need to review their entries. People who have cognitive or visual disabilities have additional problems with placeholder text.
- The length of the text field provides a hint to users as to how much text to write. Do not require users to write paragraphs of text into a single-line `input` box; use a `textarea` instead.
- Text fields are among the easiest type of input for desktop users but are more difficult for mobile users.
- Only show error messages or styling after a user has interacted with a particular field.

**[View the "Forms" guidelines for additional guidance and best practices.]({{root}}/guidelines/forms/)**

## Accessibility

- Group each set of thematically related controls in a `fieldset` element. Use the `legend` element to offer a label within each `fieldset`. The `fieldset` and `legend` elements make it easier for screen reader users to navigate the form.
- Keep your form blocks in a vertical pattern. This approach is ideal, from an accessibility standpoint, because of limited vision that makes it hard to scan from left to right.

## Theming

The following Sass variables can be overridden to theme a field:

- `$color-focus`
- `$color-focus-inverse`
- `$focus-shadow`
- `$focus-shadow-inverse`
- `$input-border-color`
- `$input-border-color-inverse`
- `$input-border-radius`
- `$input-line-height`
- `$input-border-width`
- `$input-padding`

## Related patterns

- [Date field]({{root}}/patterns/date-field/)

## Learn more

- [Form Guidelines]({{root}}/guidelines/forms/)
- ["Placeholders in Form Fields Are Harmful"](https://www.nngroup.com/articles/form-design-placeholders/)
- [Asking for a date of birth](https://designnotes.blog.gov.uk/2013/12/05/asking-for-a-date-of-birth/)
- [GOV.UK text boxes discussion](https://paper.dropbox.com/doc/Text-boxes-8NLlgz9tjR8OzTz2N9wE3)
- [Four steps for choosing form elements on the Web (PDF)](http://www.formsthatwork.com/files/Articles/dropdown.pdf)

Style guide: components.text-field.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Date field

@uswds https://standards.usa.gov/components/form-controls/#date-input

Three text fields are the easiest way for users to enter most dates.

Markup:
<fieldset class="ds-c-fieldset">
  <legend class="ds-c-label">
    <span class="ds-u-font-weight--bold">Date of birth</span>
    <span class="ds-c-field__hint">For example: 4 28 1986</span>
  </legend>
  <div class="ds-l-form-row">
    <div class="ds-l-col--auto">
      <label class="ds-c-label ds-u-margin-top--1" for="month">Month</label>
      <input class="ds-c-field ds-c-field--month" type="number" min="1" max="12" id="month" name="birthdate[month]">
    </div>
    <div class="ds-l-col--auto">
      <label class="ds-c-label ds-u-margin-top--1" for="day">Day</label>
      <input class="ds-c-field ds-c-field--day" type="number" min="1" max="31" id="day" name="birthdate[day]">
    </div>
    <div class="ds-l-col--auto">
      <label class="ds-c-label ds-u-margin-top--1" for="year">Year</label>
      <input class="ds-c-field ds-c-field--year" type="number" min="1900" max="2000" id="year" name="birthdate[year]">
    </div>
  </div>
</fieldset>

Style guide: components.date-field
*/
/* line 33, ../../../../libraries/@cmsgov/design-system-core/src/components/DateField/_DateField.scss */
.ds-c-field--month,
.ds-c-field--day,
.ds-c-field--year {
  box-sizing: content-box; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/components/DateField/_DateField.scss */
.ds-c-field--month,
.ds-c-field--day {
  width: 4ch; }

/* line 44, ../../../../libraries/@cmsgov/design-system-core/src/components/DateField/_DateField.scss */
.ds-c-field--year {
  width: 6ch; }

/*
`<DateField>`

@react-component DateField

Style guide: components.date-field.react
*/
/*
---

## When to use

- Use this format for most dates, particularly memorized dates.

## When to consider alternatives

- If users are trying to schedule something, a calendar picker might make more sense. Be sure to also provide an option for text entry as well.

## Guidance

- Ensure you've [installed both the Core package and Layout package]({{root}}/getting-started)
- Allow users to enter the date as flexibly as possible, for example, allowing `1` as well as `01` for a month input.
- Be sure each field is properly labeled — some countries enter dates in day, month, year order.
- It may be tempting to switch all or some of these text fields to drop downs, but these tend to be more difficult to use than text boxes.

## Accessibility

- These text fields should follow the [accessibility guidelines for all text inputs]({{root}}/components/text-field/#guidance).
- Do not use JavaScript to auto advance the focus from one field to the next. This makes it difficult for keyboard-only users to navigate and correct mistakes.

## Related patterns

- [Text field]({{root}}/components/text-field/)
- [Grid]({{root}}/layout/grid/)

Style guide: components.date-field.guidance
*/
/* THIS IS A DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Vertical navigation

Hierarchical, vertical navigation.

@uswds https://standards.usa.gov/components/sidenav/

Markup:
<ul class="ds-c-vertical-nav">
  <li class="ds-c-vertical-nav__item">
    <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Parent link</a>
  </li>
  <li class="ds-c-vertical-nav__item">
    <a class="ds-c-vertical-nav__label ds-c-vertical-nav__label--current" href="javascript:void(0);">Current page</a>
    <ul class="ds-c-vertical-nav__subnav">
      <li class="ds-c-vertical-nav__item">
        <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Child link</a>
      </li>
      <li class="ds-c-vertical-nav__item">
        <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Child link</a>
        <ul class="ds-c-vertical-nav__subnav">
          <li class="ds-c-vertical-nav__item">
            <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Grandchild link</a>
          </li>
          <li class="ds-c-vertical-nav__item">
            <a class="ds-c-vertical-nav__label ds-c-vertical-nav__label--current" href="javascript:void(0);">Grandchild link</a>
          </li>
        </ul>
      </li>
      <li class="ds-c-vertical-nav__item">
        <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Child link</a>
      </li>
    </ul>
  </li>
  <li class="ds-c-vertical-nav__item">
    <a class="ds-c-vertical-nav__label" href="javascript:void(0);">Parent link</a>
  </li>
</ul>

Style guide: components.vertical-nav
*/
/* line 44, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
.ds-c-vertical-nav {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 47, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
  .ds-c-vertical-nav > .ds-c-vertical-nav__item {
    background-color: transparent;
    border-top: 1px solid #5b616b; }
    /* line 51, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
    .ds-c-vertical-nav > .ds-c-vertical-nav__item:first-child {
      border-top: 0; }

/* line 57, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
.ds-c-vertical-nav__item {
  position: relative; }

/* line 61, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
.ds-c-vertical-nav__label {
  border-left: 4px solid transparent;
  color: #212121;
  display: block;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  padding: 8px 16px;
  text-align: left;
  text-decoration: none; }

/* line 73, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
.ds-c-vertical-nav__label--current {
  border-left-color: #0071bc;
  color: #0071bc;
  font-weight: 700; }

/* line 81, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
.ds-c-vertical-nav__label--parent {
  appearance: none;
  background-color: transparent;
  background-image: url("../images/arrow-down.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px;
  border-bottom: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  cursor: pointer;
  padding-right: 40px;
  width: 100%; }
  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
  .ds-c-vertical-nav__label--parent[aria-expanded='true'] {
    background-image: url("../images/arrow-up.svg"); }

/* stylelint-disable-next-line selector-no-qualifying-type */
/* line 102, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
a.ds-c-vertical-nav__label:hover,
.ds-c-vertical-nav__label--parent:hover {
  background-color: #f1f1f1;
  color: #0071bc;
  text-decoration: none; }

/* line 109, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
.ds-c-vertical-nav__subnav {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 112, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
  .ds-c-vertical-nav__subnav .ds-c-vertical-nav__label {
    font-size: 14px;
    line-height: 1.3;
    padding-left: 24px; }
  /* line 118, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
  .ds-c-vertical-nav__subnav .ds-c-vertical-nav__label--current {
    border-color: transparent; }
  /* line 122, ../../../../libraries/@cmsgov/design-system-core/src/components/VerticalNav/_VerticalNav.scss */
  .ds-c-vertical-nav__subnav .ds-c-vertical-nav__subnav .ds-c-vertical-nav__label {
    padding-left: 32px; }

/*
`<VerticalNav>`

@react-component VerticalNav

Style guide: components.vertical-nav.VerticalNav
*/
/*
`<VerticalNavItem>`

@hide-example

@react-component VerticalNavItem

Style guide: components.vertical-nav.VerticalNavItem
*/
/*
---

## When to use

- To display a navigational hierarchy with one to three levels.
- To display the “sub-navigation” within a section of the website.

## When to consider alternatives

- If the site has fewer than five pages, consider organizing the page without a navigational hierarchy.
- If your page already has a horizontal and vertical navigation bar, consider ways to simplify your navigation system.
- If your content is within a frame or sub-area of a page, consider ways to simplify your navigation system.

## Guidance

- Indicate where a user is within the navigational hierarchy. Use the `ds-c-vertical-nav__label--current` modifier to show users which page they have navigated to.
- Keep the navigation links short and follow sentence case. They can be shorter derivatives of page titles themselves.
- If the navigation hierarchy is too long, users may miss items at the bottom. If it’s too deep, users may miss items that require too many clicks. Usability test to find the right balance between breadth and depth.

## Accessibility

- Users should be able to tab through each link.
- If you have nested menus that are collapsible, ensure the toggle button has its `aria-controls` and `aria-expanded` attributes set. This is done automatically for you
if you're using the React components.
- If your navigation list is longer than 3 items, consider using a skip navigation link. This allows screen reader and keyboard users to skip to the main content area(s).
- If a skip navigation link is not an option, consider using:
  * A valid, descriptive page header
  * Landmark regions like `<header>`, `<nav>`, `<main>`, `<aside>`, `<footer>`
  * A `role` attribute like `<div role="navigation">`

## Related patterns

- [Tabs]({{root}}/components/tabs)

## Learn more

- [18F Content Guide \- Heading capitalization](https://content-guide.18f.gov/capitalization/#headings)
- [18F Content Guide \- Headings and titles](https://content-guide.18f.gov/headings-and-titles/)

Style guide: components.vertical-nav.guidance
*/
/*
Utilities

A utility class modifies a single trait, typically a single CSS property. To apply a trait, or a combination of traits to an element, add the corresponding utility class directly to the HTML element.

Together, they can form a variety of UI patterns. You won't always want to use combinations of utilities to generate more complicated patterns, but the option is there. Once you've identified a set of traits that seem to be reused a lot, it's a good time to consider turning those into a component.

**Format:** `ds-u-[NAME]`

Markup:
<div class="ds-u-fill--primary-alt ds-u-padding--3">
  <p class="ds-u-margin--0 ds-u-color--white ds-u-text-align--center">Hello world</p>
</div>

Weight: 20

Style guide: utilities
*/
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Background color

Use the background color utility to change the default background color of an element.

**Format**: `ds-u-fill--[COLOR NAME]-[SHADE]`

@hide-markup

Markup:
<% var groups = [
  ['primary', 'primary-darker', 'primary-darkest'],
  ['primary-alt', 'primary-alt-dark', 'primary-alt-darkest', 'primary-alt-light', 'primary-alt-lightest'],
  ['gray', 'gray-dark', 'gray-light', 'gray-lighter', 'gray-lightest'],
  ['gold', 'gold-light', 'gold-lighter', 'gold-lightest'],
  ['warn', 'warn-light', 'warn-lighter', 'warn-lightest'],
  ['green', 'green-light', 'green-lighter', 'green-lightest'],
  ['success', 'success-light', 'success-lighter', 'success-lightest'],
  ['secondary', 'secondary-dark', 'secondary-darkest', 'secondary-light', 'secondary-lightest'],
  ['error', 'error-dark', 'error-darkest', 'error-light', 'error-lighter', 'error-lightest'],
  ['base', 'white', 'background', 'background-inverse', 'transparent']
]; -%>
<% groups.forEach(group => { -%>
<div class="ds-l-row ds-u-margin-x--0 ds-u-margin-bottom--7">
<% group.forEach(color => { -%>
  <article class="c-swatch ds-l-col--12 ds-l-sm-col--6 ds-u-padding--0 ds-u-margin-bottom--3">
    <div class="c-swatch__preview c-swatch__preview--condensed ds-u-fill--<%= color %>"></div>
    <code class="c-swatch__label ds-u-font-size--base">
      .ds-u-fill--<%= color %>
    </code>
    <span class="ds-u-color--muted js-swatch-hex">#</span>
  </article>
<% }) -%>
</div>
<% }) %>

Style guide: utilities.background-color
*/
/* line 44, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary {
  background-color: #0071bc !important; }

/* line 48, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary-darker {
  background-color: #205493 !important; }

/* line 52, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary-darkest {
  background-color: #112e51 !important; }

/* line 57, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary-alt {
  background-color: #02bfe7 !important; }

/* line 61, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary-alt-dark {
  background-color: #00a6d2 !important; }

/* line 65, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary-alt-darkest {
  background-color: #046b99 !important; }

/* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary-alt-light {
  background-color: #9bdaf1 !important; }

/* line 73, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--primary-alt-lightest {
  background-color: #e1f3f8 !important; }

/* line 78, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--secondary {
  background-color: #e31c3d !important; }

/* line 82, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--secondary-dark {
  background-color: #cd2026 !important; }

/* line 86, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--secondary-darkest {
  background-color: #981b1e !important; }

/* line 90, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--secondary-light {
  background-color: #e59393 !important; }

/* line 94, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--secondary-lightest {
  background-color: #f9dede !important; }

/* line 99, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gray {
  background-color: #5b616b !important; }

/* line 103, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gray-dark {
  background-color: #323a45 !important; }

/* line 107, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gray-light {
  background-color: #aeb0b5 !important; }

/* line 111, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gray-lighter {
  background-color: #d6d7d9 !important; }

/* line 115, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gray-lightest {
  background-color: #f1f1f1 !important; }

/* line 120, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gold {
  background-color: #fdb81e !important; }

/* line 124, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gold-light {
  background-color: #f9c642 !important; }

/* line 128, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gold-lighter {
  background-color: #fad980 !important; }

/* line 132, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--gold-lightest {
  background-color: #fff1d2 !important; }

/* line 137, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--green {
  background-color: #2e8540 !important; }

/* line 141, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--green-light {
  background-color: #4aa564 !important; }

/* line 145, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--green-lighter {
  background-color: #94bfa2 !important; }

/* line 149, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--green-lightest {
  background-color: #e7f4e4 !important; }

/* line 154, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--error {
  background-color: #e31c3d !important; }

/* line 158, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--error-dark {
  background-color: #cd2026 !important; }

/* line 162, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--error-darkest {
  background-color: #981b1e !important; }

/* line 166, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--error-light {
  background-color: #e59393 !important; }

/* line 170, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--error-lighter {
  background-color: #efb9b9 !important; }

/* line 174, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--error-lightest {
  background-color: #f9dede !important; }

/* line 178, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--warn {
  background-color: #fdb81e !important; }

/* line 182, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--warn-light {
  background-color: #f9c642 !important; }

/* line 186, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--warn-lighter {
  background-color: #fad980 !important; }

/* line 190, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--warn-lightest {
  background-color: #fff1d2 !important; }

/* line 194, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--success {
  background-color: #2e8540 !important; }

/* line 198, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--success-light {
  background-color: #4aa564 !important; }

/* line 202, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--success-lighter {
  background-color: #94bfa2 !important; }

/* line 206, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--success-lightest {
  background-color: #e7f4e4 !important; }

/* line 211, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--base {
  background-color: #212121 !important; }

/* line 215, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--white {
  background-color: #ffffff !important; }

/* line 219, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--background {
  background-color: #ffffff !important; }

/* line 223, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--background-inverse {
  background-color: #112e51 !important; }

/* line 227, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_background-color.scss */
.ds-u-fill--transparent {
  background-color: transparent !important; }

/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/index';*/
/*
Border

Use the border utility classes to control the border size and color properties.

The border utility class sets the `border-color` and `border-size`, with support for the following sizes: `0`, `1px`, or `2px`.

**Format**: `ds-u-border-[x|y|bottom|left|right|top]--[SIZE]`

@hide-markup

Markup:
<% ['', '-x', '-y', '-bottom', '-left', '-right', '-top'].forEach(name => { -%>
<% for (var i = 0; i < 3; i++) { %>
<div class="ds-u-border<%= name %>--<%= i %> ds-u-margin-y--1 ds-u-padding--1">
  <code class="ds-u-fill--background">ds-u-border<%= name %>--<%= i %></code>
</div>
<% } -%>
<% }) -%>

Style guide: utilities.border
*/
/* line 28, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--1 {
  border: 1px solid #d6d7d9 !important; }

/* line 33, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-top--1 {
  border-top: 1px solid #d6d7d9 !important; }

/* line 37, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-right--1 {
  border-right: 1px solid #d6d7d9 !important; }

/* line 41, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-bottom--1 {
  border-bottom: 1px solid #d6d7d9 !important; }

/* line 45, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-left--1 {
  border-left: 1px solid #d6d7d9 !important; }

/* line 49, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-x--1 {
  border-left: 1px solid #d6d7d9 !important;
  border-right: 1px solid #d6d7d9 !important; }

/* line 54, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-y--1 {
  border-bottom: 1px solid #d6d7d9 !important;
  border-top: 1px solid #d6d7d9 !important; }

/* line 28, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--2 {
  border: 2px solid #d6d7d9 !important; }

/* line 33, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-top--2 {
  border-top: 2px solid #d6d7d9 !important; }

/* line 37, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-right--2 {
  border-right: 2px solid #d6d7d9 !important; }

/* line 41, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-bottom--2 {
  border-bottom: 2px solid #d6d7d9 !important; }

/* line 45, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-left--2 {
  border-left: 2px solid #d6d7d9 !important; }

/* line 49, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-x--2 {
  border-left: 2px solid #d6d7d9 !important;
  border-right: 2px solid #d6d7d9 !important; }

/* line 54, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-y--2 {
  border-bottom: 2px solid #d6d7d9 !important;
  border-top: 2px solid #d6d7d9 !important; }

/* line 60, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--0 {
  border: 0 !important; }

/* line 65, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-top--0 {
  border-top: 0 !important; }

/* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-right--0 {
  border-right: 0 !important; }

/* line 73, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-bottom--0 {
  border-bottom: 0 !important; }

/* line 77, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-left--0 {
  border-left: 0 !important; }

/* line 81, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-x--0 {
  border-left: 0 !important;
  border-right: 0 !important; }

/* line 86, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border-y--0 {
  border-bottom: 0 !important;
  border-top: 0 !important; }

/*
Border color

**Format**: `ds-u-border--[COLOR NAME]`

@hide-markup

Markup:
<% ['dark',
    'inverse',
    'error', 'error-light', 'error-lighter',
    'warn', 'warn-light', 'warn-lighter',
    'success', 'success-light', 'success-lighter'].forEach(color => { -%>
<div <% if (color.match(/(lighte|inverse)/)) { -%>class="ds-u-fill--primary-darkest ds-u-padding--1"<% } -%>>
  <div class="ds-u-border--<%= color %> ds-u-border--2 ds-u-margin-y--1 ds-u-padding--1">
    <code class="ds-u-fill--background">ds-u-border--<%= color %></code>
  </div>
</div>
<% }) -%>

Style guide: utilities.border.color
*/
/* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--dark {
  border-color: #323a45 !important; }

/* line 117, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--inverse {
  border-color: #ffffff !important; }

/* line 121, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--error {
  border-color: #e31c3d !important; }

/* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--error-light {
  border-color: #e59393 !important; }

/* line 129, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--error-lighter {
  border-color: #efb9b9 !important; }

/* line 133, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--warn {
  border-color: #fdb81e !important; }

/* line 137, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--warn-light {
  border-color: #f9c642 !important; }

/* line 141, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--warn-lighter {
  border-color: #fad980 !important; }

/* line 145, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--success {
  border-color: #2e8540 !important; }

/* line 149, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--success-light {
  border-color: #4aa564 !important; }

/* line 153, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border.scss */
.ds-u-border--success-lighter {
  border-color: #94bfa2 !important; }

/*
---

## Theming

The following Sass variables can be overridden to theme the border utility:

- `$border-color`
- `$border-color-dark`
- `$border-color-inverse`

Style guide: utilities.border.guidance
*/
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Border radius

Apply rounded corners to an element with the border radius utility.

- `ds-u-radius` applies the default radius (`3px`)
- `ds-u-radius--pill`
- `ds-u-radius--circle` can make a circle when combined with a fixed height and width.

Markup:
<code class="preview__label">ds-u-radius</code>
<div class="ds-u-radius ds-u-fill--primary-alt ds-u-padding--2"></div>
<code class="preview__label">ds-u-radius--pill</code>
<div class="ds-u-radius--pill ds-u-fill--primary-alt ds-u-padding--2"></div>
<code class="preview__label">ds-u-radius--circle</code>
<div class="ds-u-radius--circle ds-u-fill--primary-alt" style="width: 50px; height: 50px;"></div>

Style guide: utilities.border-radius
*/
/* line 23, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border-radius.scss */
.ds-u-radius {
  border-radius: 3px; }

/* line 27, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border-radius.scss */
.ds-u-radius--pill {
  border-radius: 9999px; }

/* line 31, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_border-radius.scss */
.ds-u-radius--circle {
  border-radius: 100%; }

/*
---

## Theming

The following Sass variables can be overridden to theme the border radius utility:

- `$border-radius`

Style guide: utilities.border-radius.guidance
*/
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Color

Use the color utility to change an element's text color.

**Format**: `ds-u-color--[COLOR NAME]-[SHADE]`

The options below offer color palette combinations that fall within the range of Section 508 compliant foreground/background color contrast ratios. To ensure that text remains accessible, **use only these permitted color combinations**.

@hide-markup

Markup:
<% var groups = {
  'white': [
    'base',
    'black',
    'muted',
    'gray',
    'primary', 'primary-darker', 'primary-darkest',
    'error', 'error-dark',
    'success'
  ],
  'gray-lightest': ['muted', 'primary', 'error-dark'],
  'gray-lighter': ['base', 'primary-darker'],
  'gray-light': ['base', 'primary-darkest'],
  'background-inverse': ['base-inverse', 'muted-inverse', 'error-light'],
  'base': ['white'],
  'gray-dark': ['white'],
  'gray': ['white'],
  'primary-darkest': ['white'],
  'primary-darker': ['white'],
  'primary': ['white'],
  'primary-alt-darkest': ['white'],
  'primary-alt-dark': ['base'],
  'primary-alt': ['base'],
  'green': ['white'],
  'success': ['white'],
  'green-light': ['base'],
  'success-light': ['base'],
  'gold': ['base'],
  'warn': ['base'],
  'gold-light': ['base'],
  'warn-light': ['base'],
  'secondary-darkest': ['white'],
  'error-darkest': ['white'],
  'secondary-dark': ['white'],
  'error-dark': ['white'],
  'secondary': ['white'],
  'error': ['white'],
  'primary-alt-lightest': ['base'],
  'green-lighter': ['base'],
  'success-lighter': ['base'],
  'green-lightest': ['base'],
  'success-lightest': ['base'],
  'gold-lighter': ['base'],
  'warn-lighter': ['base'],
  'gold-lightest': ['base'],
  'warn-lightest': ['base'],
  'secondary-lightest': ['base'],
  'error-lightest': ['base'],
}; -%>
<% Object.keys(groups).forEach(fill => { -%>
<% groups[fill].forEach(color => { -%>
  <div class="ds-u-color--<%= color %> ds-u-fill--<%= fill %> ds-u-padding--1">
    <code class="ds-h3 ds-u-fill--transparent ds-u-color--<%= color %>">ds-u-color--<%= color %></code>
    <br />
    <span class="ds-u-font-size--small">on</span>
    <code class="ds-u-fill--transparent ds-u-color--<%= color %>">ds-u-fill--<%= fill %></code>
  </div>
<% }) -%>
<% }) %>

Style guide: utilities.color
*/
/* line 80, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--primary {
  color: #0071bc !important; }

/* line 84, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--primary-darker {
  color: #205493 !important; }

/* line 88, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--primary-darkest {
  color: #112e51 !important; }

/* line 93, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--gray {
  color: #5b616b !important; }

/* line 97, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--muted {
  color: #5b616b !important; }

/* line 102, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--error {
  color: #e31c3d !important; }

/* line 106, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--error-dark {
  color: #cd2026 !important; }

/* line 110, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--error-light {
  color: #e59393 !important; }

/* line 114, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--success {
  color: #2e8540 !important; }

/* line 119, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--base {
  color: #212121 !important; }

/* line 123, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--base-inverse {
  color: #ffffff !important; }

/* line 127, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--muted-inverse {
  color: #bac5cf !important; }

/* line 131, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--black {
  color: #000000 !important; }

/* line 135, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--white {
  color: #ffffff !important; }

/*
Inherit a color

Use the `ds-u-color--inherit` utility class to inherit the color of the parent element.

Markup:
<div class="ds-u-color--error">
  This is an example of <a href="#" class="ds-u-color--inherit">a link</a> with error styling.
</div>

Style guide: utilities.color.inherit
*/
/* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_color.scss */
.ds-u-color--inherit {
  color: inherit !important; }

/*
---

## Accessibility

WCAG (Web Content Accessibility Guidelines) ensure that content is accessible by everyone, regardless of disability or user device. To meet these standards, text and interactive elements should have a color contrast ratio of [at least 4.5:1](http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html). This ensures that viewers who cannot see the full color spectrum are able to read the text.

Style guide: utilities.color.guidance
*/
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Display/Visibility

Use the `display` and `visibility` utility classes to show and hide elements.

Style guide: utilities.display-visibility
*/
/*
Display

> The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. &mdash; [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/display)

**Format**: `ds-u-display--[VALUE]`

#### Available `display` utilities:

- `ds-u-display--block`
- `ds-u-display--inline-block`
- `ds-u-display--flex`
- `ds-u-display--none`

Markup:
<% ['ds-u-display--block',
  'ds-u-display--inline-block',
  'ds-u-display--flex',
  'ds-u-display--none'].forEach(util => { -%>
<p class="<%= util %> ds-base--inverse ds-u-padding--2"><%= util %></p>
<% }) %>

Style guide: utilities.display-visibility.display
*/
/* line 36, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
.ds-u-display--block {
  display: block !important; }

/* line 40, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
.ds-u-display--inline-block {
  display: inline-block !important; }

/* line 44, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
.ds-u-display--flex {
  display: flex !important; }

/* line 48, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
.ds-u-display--none {
  display: none !important; }

/*
Visibility

> The visibility property can be used to hide an element while leaving the space where it would have been. &mdash; [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)

**Format**: `ds-u-visibility--[VALUE]`

#### Available `visibility` utilities:

- `ds-u-visibility--hidden`
- `ds-u-visibility--visible`
- `ds-u-visibility--screen-reader`

#### Accessibility

There may be times when you want to hide an element, but still want its text to be read by a screen reader. The `ds-u-visibility--screen-reader` class will hide the content visually, but provide the content to screen readers.

Markup:
<span class="ds-u-visibility--hidden">I'm hidden</span>
<span class="ds-u-visibility--screen-reader">I'm visible to screen readers only</span>
<span class="ds-u-visibility--visible">I'm visible</span>

Style guide: utilities.display-visibility.visibility
*/
/* line 76, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
.ds-u-visibility--hidden {
  visibility: hidden !important; }

/* line 80, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
.ds-u-visibility--visible {
  visibility: visible !important; }

/* line 84, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
.ds-u-visibility--screen-reader, .region-breadcrumb .sharethis-wrapper .share-links-container .adobeBlank {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal; }

/*
Toggling visibility by breakpoint

@responsive

Use a [breakpoint prefix]({{root}}/guidelines/responsive) to show/hide content at specific breakpoints.

A breakpoint prefix is supported on all of the utility classes mentioned above, except for `ds-u-visibility--screen-reader`.

Markup:
<% ['sm', 'md', 'lg', 'xl'].forEach(breakpoint => { %>
  <div class="ds-u-<%= breakpoint %>-display--none ds-u-color--muted">
    Hidden on <%= breakpoint %> screens and larger
  </div>
  <div class="ds-u-<%= breakpoint %>-display--block">
    Displayed as block on <%= breakpoint %> screens and larger
  </div>
  <div class="ds-u-<%= breakpoint %>-visibility--hidden ds-u-color--muted">
    Invisible on <%= breakpoint %> screens and larger
  </div>
  <div class="ds-u-<%= breakpoint %>-visibility--visible">
    Visible on <%= breakpoint %> screens and larger
  </div>
<% }) %>

Style guide: utilities.display-visibility.responsive
*/
@media (min-width: 544px) {
  /* line 127, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-sm-display--block {
    display: block !important; }

  /* line 131, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-sm-display--inline-block {
    display: inline-block !important; }

  /* line 135, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-sm-display--none {
    display: none !important; }

  /* line 139, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-sm-visibility--hidden {
    visibility: hidden !important; }

  /* line 143, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-sm-visibility--visible {
    visibility: visible !important; } }
@media (min-width: 768px) {
  /* line 127, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-md-display--block {
    display: block !important; }

  /* line 131, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-md-display--inline-block {
    display: inline-block !important; }

  /* line 135, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-md-display--none {
    display: none !important; }

  /* line 139, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-md-visibility--hidden {
    visibility: hidden !important; }

  /* line 143, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-md-visibility--visible {
    visibility: visible !important; } }
@media (min-width: 1024px) {
  /* line 127, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-lg-display--block {
    display: block !important; }

  /* line 131, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-lg-display--inline-block {
    display: inline-block !important; }

  /* line 135, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-lg-display--none {
    display: none !important; }

  /* line 139, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-lg-visibility--hidden {
    visibility: hidden !important; }

  /* line 143, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-lg-visibility--visible {
    visibility: visible !important; } }
@media (min-width: 1280px) {
  /* line 127, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-xl-display--block {
    display: block !important; }

  /* line 131, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-xl-display--inline-block {
    display: inline-block !important; }

  /* line 135, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-xl-display--none {
    display: none !important; }

  /* line 139, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-xl-visibility--hidden {
    visibility: hidden !important; }

  /* line 143, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_display-visibility.scss */
  .ds-u-xl-visibility--visible {
    visibility: visible !important; } }
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/index';*/
/*
Flexbox

Use the [flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) utility classes to control various flexbox properties. These are especially useful when combined with [flexbox grid]({{root}}/layout/grid#layout.grid.alignment) classes.

#### Usage

For these utility classes to work, first create a flex container &mdash; you can use the [`ds-u-display--flex`]({{root}}/utilities/display-visibility) utility class &mdash; then apply these  utility classes to the container's direct children elements.

Style guide: utilities.flexbox
*/
/*
Justify content

Use the `justify-content` utility class on a flexbox container to change the alignment of its child elements on the main axis (x-axis by default).

> The CSS `justify-content` property defines how the browser distributes space between and around content items along the main axis of their container. &mdash; [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)

The classes follow the format: `ds-u-justify-content--{value}` and `ds-u-{breakpoint}-justify-content--{value}` where `breakpoint` is one of the [breakpoint prefixes]({{root}}/guidelines/responsive), and `value` is one of:

- `start` (browser default)
- `end`
- `center`
- `between`
- `around`

Markup:
<section>
<% ['start','end','center','between','around'].forEach(value => { %>
  <code class="preview__label">ds-u-justify-content--<%= value %></code>
  <article class="ds-u-justify-content--<%= value %> ds-u-display--flex ds-u-fill--primary-darkest">
    <div class="ds-u-fill--white ds-u-margin--1"><%= value %></div>
    <div class="ds-u-fill--white ds-u-margin--1"><%= value %></div>
    <div class="ds-u-fill--white ds-u-margin--1"><%= value %></div>
  </article>
<% }) %>
</section>

Style guide: utilities.flexbox.justify-content
*/
/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-justify-content--start {
  justify-content: flex-start !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-justify-content--end {
  justify-content: flex-end !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-justify-content--center {
  justify-content: center !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-justify-content--between {
  justify-content: space-between !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-justify-content--around {
  justify-content: space-around !important; }

@media (min-width: 544px) {
  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-justify-content--start {
    justify-content: flex-start !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-justify-content--end {
    justify-content: flex-end !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-justify-content--center {
    justify-content: center !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-justify-content--between {
    justify-content: space-between !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-justify-content--around {
    justify-content: space-around !important; } }
@media (min-width: 768px) {
  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-justify-content--start {
    justify-content: flex-start !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-justify-content--end {
    justify-content: flex-end !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-justify-content--center {
    justify-content: center !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-justify-content--between {
    justify-content: space-between !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-justify-content--around {
    justify-content: space-around !important; } }
@media (min-width: 1024px) {
  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-justify-content--start {
    justify-content: flex-start !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-justify-content--end {
    justify-content: flex-end !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-justify-content--center {
    justify-content: center !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-justify-content--between {
    justify-content: space-between !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-justify-content--around {
    justify-content: space-around !important; } }
@media (min-width: 1280px) {
  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-justify-content--start {
    justify-content: flex-start !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-justify-content--end {
    justify-content: flex-end !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-justify-content--center {
    justify-content: center !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-justify-content--between {
    justify-content: space-between !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-justify-content--around {
    justify-content: space-around !important; } }
/*
Align items

Use the `align-items` utility class on a flexbox container to change the alignment of its child elements on the cross axis (y-axis by default).

> The CSS `align-items` property defines how the browser distributes space between and around flex items along the cross-axis of their container. This means it works like `justify-content` but in the perpendicular direction. &mdash; [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)

The classes follow the format: `ds-u-align-items--{value}` and `ds-u-{breakpoint}-align-items--{value}` where `breakpoint` is one of the [breakpoint prefixes]({{root}}/guidelines/responsive), and `value` is one of:

- `start`
- `end`
- `center`
- `baseline`
- `stretch` (browser default)

Markup:
<section>
<% ['start','end','center','baseline','stretch'].forEach(value => { %>
  <code class="preview__label">ds-u-align-items--<%= value %></code>
  <article class="ds-u-align-items--<%= value %> ds-u-display--flex ds-u-fill--primary-darkest" style="height: 75px">
    <div class="ds-u-fill--white ds-u-margin--1"><%= value %></div>
    <div class="ds-u-fill--white ds-u-margin--1"><%= value %></div>
    <div class="ds-u-fill--white ds-u-margin--1"><%= value %></div>
  </article>
<% }) %>
</section>

Style guide: utilities.flexbox.align-items
*/
/* line 117, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-align-items--start {
  align-items: flex-start !important; }

/* line 117, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-align-items--end {
  align-items: flex-end !important; }

/* line 117, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-align-items--center {
  align-items: center !important; }

/* line 117, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-align-items--baseline {
  align-items: baseline !important; }

/* line 117, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-align-items--stretch {
  align-items: stretch !important; }

@media (min-width: 544px) {
  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-align-items--start {
    align-items: flex-start !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-align-items--end {
    align-items: flex-end !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-align-items--center {
    align-items: center !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-align-items--baseline {
    align-items: baseline !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-align-items--stretch {
    align-items: stretch !important; } }
@media (min-width: 768px) {
  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-align-items--start {
    align-items: flex-start !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-align-items--end {
    align-items: flex-end !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-align-items--center {
    align-items: center !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-align-items--baseline {
    align-items: baseline !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-align-items--stretch {
    align-items: stretch !important; } }
@media (min-width: 1024px) {
  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-align-items--start {
    align-items: flex-start !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-align-items--end {
    align-items: flex-end !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-align-items--center {
    align-items: center !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-align-items--baseline {
    align-items: baseline !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-align-items--stretch {
    align-items: stretch !important; } }
@media (min-width: 1280px) {
  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-align-items--start {
    align-items: flex-start !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-align-items--end {
    align-items: flex-end !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-align-items--center {
    align-items: center !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-align-items--baseline {
    align-items: baseline !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-align-items--stretch {
    align-items: stretch !important; } }
/*
Flex-wrap

Use the `flex-wrap` utility class on a flexbox container to change how its child elements wrap.

> The CSS `flex-wrap` property specifies whether flex items are forced into a single line or can be wrapped onto multiple lines. If wrapping is allowed, this property also enables you to control the direction in which lines are stacked. &mdash; [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap)

The classes follow the format: `ds-u-flex-wrap--{value}` and `ds-u-{breakpoint}-flex-wrap--{value}` where `breakpoint` is one of the [breakpoint prefixes]({{root}}/guidelines/responsive), and `value` is one of:

- `nowrap` (browser default)
- `wrap`
- `reverse`

Markup:
<section>
<% ['nowrap','wrap','reverse'].forEach(value => { %>
  <code class="preview__label">ds-u-flex-wrap--<%= value %></code>
  <article class="ds-u-flex-wrap--<%= value %> ds-u-display--flex ds-u-fill--primary-darkest">
    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%"><%= value %> element #1</div>
    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%"><%= value %> element #2</div>
    <div class="ds-u-fill--white ds-u-margin--1 ds-u-padding-y--2 ds-u-text-align--center" style="width: 50%"><%= value %> element #3</div>
  </article>
<% }) %>
</section>

Style guide: utilities.flexbox.flex-wrap
*/
/* line 170, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-flex-wrap--nowrap {
  flex-wrap: nowrap !important; }

/* line 170, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-flex-wrap--wrap {
  flex-wrap: wrap !important; }

/* line 170, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
.ds-u-flex-wrap--reverse {
  flex-wrap: wrap-reverse !important; }

@media (min-width: 544px) {
  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-flex-wrap--nowrap {
    flex-wrap: nowrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-flex-wrap--wrap {
    flex-wrap: wrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-sm-flex-wrap--reverse {
    flex-wrap: wrap-reverse !important; } }
@media (min-width: 768px) {
  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-flex-wrap--nowrap {
    flex-wrap: nowrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-flex-wrap--wrap {
    flex-wrap: wrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-md-flex-wrap--reverse {
    flex-wrap: wrap-reverse !important; } }
@media (min-width: 1024px) {
  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-flex-wrap--nowrap {
    flex-wrap: nowrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-flex-wrap--wrap {
    flex-wrap: wrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-lg-flex-wrap--reverse {
    flex-wrap: wrap-reverse !important; } }
@media (min-width: 1280px) {
  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-flex-wrap--nowrap {
    flex-wrap: nowrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-flex-wrap--wrap {
    flex-wrap: wrap !important; }

  /* line 183, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_flexbox.scss */
  .ds-u-xl-flex-wrap--reverse {
    flex-wrap: wrap-reverse !important; } }
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Float

Set an element's `float` property using the float utility.

You can use the [clearfix utility class]({{root}}/utilities/clearfix) to automatically clear your floats.

**Format**: `ds-u-float--[VALUE]`

Markup:
<% ['ds-u-float--left', 'ds-u-float--right', 'ds-u-float--none'].forEach(util => { -%>
<div class="ds-u-clearfix">
  <p class="<%= util %> ds-base--inverse ds-u-padding--2">
    <code><%= util %></code>
  </p>
</div>
<% }) %>

Style guide: utilities.float
*/
/* line 24, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
.ds-u-float--left {
  float: left !important; }

/* line 28, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
.ds-u-float--right {
  float: right !important; }

/* line 32, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
.ds-u-float--none {
  float: none !important; }

/*
Responsive

@responsive

Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change how an element is floated at specific breakpoints.

Markup:
<div class="ds-u-clearfix">
  <strong>Inline text</strong>
  <div class="ds-u-float--none ds-u-md-float--left ds-u-lg-float--right">
    <p class="ds-u-md-display--none ds-base--inverse ds-u-padding--2">
      float: none
    </p>
    <p class="ds-u-display--none ds-u-md-display--inline-block ds-u-lg-display--none ds-base--inverse ds-u-padding--2">
      float: left
    </p>
    <p class="ds-u-display--none ds-u-lg-display--inline-block ds-base--inverse ds-u-padding--2">
      float: right
    </p>
  </div>
</div>

Style guide: utilities.float.responsive
*/
@media (min-width: 544px) {
  /* line 65, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-sm-float--left {
    float: left !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-sm-float--right {
    float: right !important; }

  /* line 73, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-sm-float--none {
    float: none !important; } }
@media (min-width: 768px) {
  /* line 65, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-md-float--left {
    float: left !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-md-float--right {
    float: right !important; }

  /* line 73, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-md-float--none {
    float: none !important; } }
@media (min-width: 1024px) {
  /* line 65, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-lg-float--left {
    float: left !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-lg-float--right {
    float: right !important; }

  /* line 73, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-lg-float--none {
    float: none !important; } }
@media (min-width: 1280px) {
  /* line 65, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-xl-float--left {
    float: left !important; }

  /* line 69, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-xl-float--right {
    float: right !important; }

  /* line 73, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_float.scss */
  .ds-u-xl-float--none {
    float: none !important; } }
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Font familiy

Change an element's typeface to either the sans-serif (Open Sans) or serif (Bitter) family using the font family utility.

**Format**: `ds-u-[serif|sans]`

Markup:
<h2 class="preview__label">ds-u-sans (default)</h2>
<p class="ds-u-sans ds-title">Open Sans, Helvetica, sans-serif</p>
<h2 class="preview__label">ds-u-serif</h2>
<p class="ds-u-serif ds-title">Bitter, Georgia, serif</p>

Style guide: utilities.font-family
*/
/* line 19, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-family.scss */
.ds-u-sans {
  font-family: "Open Sans", Helvetica, sans-serif !important; }

/* line 23, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-family.scss */
.ds-u-serif {
  font-family: Bitter, Georgia, serif !important; }

/*
---

## Theming

The following Sass variables can be overridden to theme the font family utility:

- `$font-sans`
- `$font-serif`

Style guide: utilities.font-family.guidance
*/
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Font size

Use the font size utility to make the text larger or smaller.

**Format**: `ds-u-font-size--[SIZE]`

Markup:
<% ['display','title','h1','h2','h3', 'h4', 'lead','base','small'].forEach(size => { -%>
<article class="ds-u-font-size--<%= size %> ds-u-padding-y--3 ds-u-truncate ds-u-border-bottom--1">
  {{lorem-s}}
  <h2 class="preview__label ds-u-margin-y--0">
    <code class="ds-u-font-weight--bold">ds-u-font-size--<%= size %></code><br/>
    <code>$<%= size %>-font-size</code>
  </h2>
</article>
<% }) -%>

Style guide: utilities.font-size
*/
/* line 25, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--small {
  font-size: 14px !important; }

/* line 29, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--base {
  font-size: 16px !important; }

/* line 33, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--lead {
  font-size: 18px !important; }

/* line 37, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--display {
  font-size: 60px !important; }

/* line 41, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--title {
  font-size: 48px !important; }

/* line 45, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--h1 {
  font-size: 36px !important; }

/* line 49, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--h2 {
  font-size: 24px !important; }

/* line 53, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--h3 {
  font-size: 21px !important; }

/* line 57, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
.ds-u-font-size--h4 {
  font-size: 18px !important; }

/*
Responsive font sizes

Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the font size at specific breakpoints.

_Resize your browser to see each breakpoint in action:_

Markup:
<div class="ds-u-font-size--base ds-u-sm-font-size--h4 ds-u-md-font-size--h3 ds-u-lg-font-size--h2 ds-u-xl-font-size--h1">
  {{ lorem-m }}
</div>

Style guide: utilities.font-size.responsive
*/
@media (min-width: 544px) {
  /* line 79, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--small {
    font-size: 14px !important; }

  /* line 83, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--base {
    font-size: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--lead {
    font-size: 18px !important; }

  /* line 91, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--display {
    font-size: 60px !important; }

  /* line 95, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--title {
    font-size: 48px !important; }

  /* line 99, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--h1 {
    font-size: 36px !important; }

  /* line 103, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--h2 {
    font-size: 24px !important; }

  /* line 107, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--h3 {
    font-size: 21px !important; }

  /* line 111, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-sm-font-size--h4 {
    font-size: 18px !important; } }
@media (min-width: 768px) {
  /* line 79, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--small {
    font-size: 14px !important; }

  /* line 83, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--base {
    font-size: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--lead {
    font-size: 18px !important; }

  /* line 91, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--display {
    font-size: 60px !important; }

  /* line 95, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--title {
    font-size: 48px !important; }

  /* line 99, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--h1 {
    font-size: 36px !important; }

  /* line 103, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--h2 {
    font-size: 24px !important; }

  /* line 107, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--h3 {
    font-size: 21px !important; }

  /* line 111, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-md-font-size--h4 {
    font-size: 18px !important; } }
@media (min-width: 1024px) {
  /* line 79, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--small {
    font-size: 14px !important; }

  /* line 83, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--base {
    font-size: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--lead {
    font-size: 18px !important; }

  /* line 91, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--display {
    font-size: 60px !important; }

  /* line 95, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--title {
    font-size: 48px !important; }

  /* line 99, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--h1 {
    font-size: 36px !important; }

  /* line 103, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--h2 {
    font-size: 24px !important; }

  /* line 107, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--h3 {
    font-size: 21px !important; }

  /* line 111, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-lg-font-size--h4 {
    font-size: 18px !important; } }
@media (min-width: 1280px) {
  /* line 79, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--small {
    font-size: 14px !important; }

  /* line 83, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--base {
    font-size: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--lead {
    font-size: 18px !important; }

  /* line 91, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--display {
    font-size: 60px !important; }

  /* line 95, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--title {
    font-size: 48px !important; }

  /* line 99, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--h1 {
    font-size: 36px !important; }

  /* line 103, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--h2 {
    font-size: 24px !important; }

  /* line 107, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--h3 {
    font-size: 21px !important; }

  /* line 111, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-size.scss */
  .ds-u-xl-font-size--h4 {
    font-size: 18px !important; } }
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Font style

Change an element's `font-style` property using the font style utility.

**Format**: `ds-u-font-style--[VALUE]`

Markup:
<h2 class="preview__label">ds-u-font-style--normal</h2>
<div class="ds-u-font-style--normal">{{ lorem-m }}</div>
<h2 class="preview__label">ds-u-font-style--italic</h2>
<div class="ds-u-font-style--italic">{{ lorem-m }}</div>

Style guide: utilities.font-style
*/
/* line 19, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-style.scss */
.ds-u-font-style--normal {
  font-style: normal !important; }

/* line 23, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-style.scss */
.ds-u-font-style--italic {
  font-style: italic !important; }

/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Font weight

Change an element's `font-weight` property using the font weight utility.

**Format**: `ds-u-font-weight--[VALUE]`

Markup:
<p class="ds-u-font-weight--normal">ds-u-font-weight--normal</p>
<p class="ds-u-font-weight--semibold">ds-u-font-weight--semibold</p>
<p class="ds-u-font-weight--bold">ds-u-font-weight--bold</p>

Style guide: utilities.font-weight
*/
/* line 18, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-weight.scss */
.ds-u-font-weight--normal {
  font-weight: 400 !important; }

/* line 22, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-weight.scss */
.ds-u-font-weight--semibold {
  font-weight: 600 !important; }

/* line 26, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_font-weight.scss */
.ds-u-font-weight--bold {
  font-weight: 700 !important; }

/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Line height

In CSS, the `line-height` property controls the leading (`led-ing`). Leading refers to the vertical distance from the baseline of one line to the baseline of the next.

**Format**: `ds-u-leading--[NAME]`

Markup:
<h2 class="preview__label">ds-u-leading--lead</h2>
<div class="ds-u-leading--lead">{{lorem-l}}</div>
<h2 class="preview__label">ds-u-leading--base</h2>
<div class="ds-u-leading--base ds-u-font-size--base">{{lorem-l}}</div>
<h2 class="preview__label">ds-u-leading--heading</h2>
<div class="ds-u-leading--heading">{{lorem-l}}</div>
<h2 class="preview__label">ds-u-leading--reset</h2>
<div class="ds-u-leading--reset">{{lorem-l}}</div>

Style guide: utilities.line-height
*/
/* line 23, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_line-height.scss */
.ds-u-leading--base {
  line-height: 1.5 !important; }

/* line 27, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_line-height.scss */
.ds-u-leading--lead {
  line-height: 1.7 !important; }

/* line 31, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_line-height.scss */
.ds-u-leading--heading {
  line-height: 1.3 !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_line-height.scss */
.ds-u-leading--reset {
  line-height: 1 !important; }

/*
---

## Accessibility

> Many people with cognitive disabilities have trouble tracking lines of text when a block of text is single spaced. Providing spacing between `1.5` to `2` allows them to start a new line more easily once they have finished the previous one. &mdash; [WCAG 2.0 Compliance Techniques](https://www.w3.org/TR/WCAG20-TECHS/C21.html)

Style guide: utilities.line-height.guidance
*/
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/index';*/
/*
Margin

Use the margin utility to change an element's margin.

**Format**: `ds-u-margin-[x|y|bottom|left|right|top]--[MULTIPLE]`

[Read more about how the design system approaches spacing here.]({{root}}/layout/spacing)

@hide-markup

Markup:
<% var backgrounds = ['-cool-light', '-warm-light', '-lightest', '-lighter', '-light', '-medium', '', '-dark']; %>
<% ['', '-x', '-y', '-bottom', '-left', '-right', '-top'].forEach(name => { -%>
<% for (var i = 0; i < 8; i++) { %>
<div class="ds-u-fill--gray<%= backgrounds[i] %>">
  <div class="ds-u-margin<%= name %>--<%= i %> ds-u-display--inline-block">
    <code class="ds-u-fill--background ds-u-margin--0">ds-u-margin<%= name %>--<%= i %></code>
  </div>
</div>
<% } -%>
<div class="ds-u-fill--gray<%= backgrounds[i] %>">
  <div class="ds-u-margin<%= name %>--auto" style="width: 250px">
    <code class="ds-u-fill--background ds-u-margin--0 ds-u-display--block">ds-u-margin<%= name %>--auto</code>
  </div>
</div>
<% }) -%>

Style guide: utilities.margin
*/
/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--0 {
  margin: 0 !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--0 {
  margin-top: 0 !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--0 {
  margin-right: 0 !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--0 {
  margin-bottom: 0 !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--0 {
  margin-left: 0 !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--1 {
  margin: 8px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--1 {
  margin-top: 8px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--1 {
  margin-right: 8px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--1 {
  margin-bottom: 8px !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--1 {
  margin-left: 8px !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--1 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--1 {
  margin-bottom: 8px !important;
  margin-top: 8px !important; }

/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--2 {
  margin: 16px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--2 {
  margin-top: 16px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--2 {
  margin-right: 16px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--2 {
  margin-bottom: 16px !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--2 {
  margin-left: 16px !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--2 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--2 {
  margin-bottom: 16px !important;
  margin-top: 16px !important; }

/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--3 {
  margin: 24px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--3 {
  margin-top: 24px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--3 {
  margin-right: 24px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--3 {
  margin-bottom: 24px !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--3 {
  margin-left: 24px !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--3 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--3 {
  margin-bottom: 24px !important;
  margin-top: 24px !important; }

/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--4 {
  margin: 32px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--4 {
  margin-top: 32px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--4 {
  margin-right: 32px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--4 {
  margin-bottom: 32px !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--4 {
  margin-left: 32px !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--4 {
  margin-left: 32px !important;
  margin-right: 32px !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--4 {
  margin-bottom: 32px !important;
  margin-top: 32px !important; }

/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--5 {
  margin: 40px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--5 {
  margin-top: 40px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--5 {
  margin-right: 40px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--5 {
  margin-bottom: 40px !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--5 {
  margin-left: 40px !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--5 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--5 {
  margin-bottom: 40px !important;
  margin-top: 40px !important; }

/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--6 {
  margin: 48px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--6 {
  margin-top: 48px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--6 {
  margin-right: 48px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--6 {
  margin-bottom: 48px !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--6 {
  margin-left: 48px !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--6 {
  margin-left: 48px !important;
  margin-right: 48px !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--6 {
  margin-bottom: 48px !important;
  margin-top: 48px !important; }

/* line 38, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--7 {
  margin: 56px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--7 {
  margin-top: 56px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--7 {
  margin-right: 56px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--7 {
  margin-bottom: 56px !important; }

/* line 55, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--7 {
  margin-left: 56px !important; }

/* line 59, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--7 {
  margin-left: 56px !important;
  margin-right: 56px !important; }

/* line 64, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--7 {
  margin-bottom: 56px !important;
  margin-top: 56px !important; }

/* line 70, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin--auto {
  margin: auto !important; }

/* line 74, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-top--auto {
  margin-top: auto !important; }

/* line 78, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-right--auto {
  margin-right: auto !important; }

/* line 82, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-bottom--auto {
  margin-bottom: auto !important; }

/* line 86, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-left--auto {
  margin-left: auto !important; }

/* line 90, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-x--auto {
  margin-left: auto !important;
  margin-right: auto !important; }

/* line 95, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
.ds-u-margin-y--auto {
  margin-bottom: auto !important;
  margin-top: auto !important; }

/*
Responsive margins

Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the margin at specific breakpoints.

_Resize your browser to see each breakpoint in action:_

Markup:
<div class="ds-u-fill--gray-dark">
  <div class="ds-u-margin--1 ds-u-sm-margin--2 ds-u-md-margin--3 ds-u-lg-margin--4 ds-u-xl-margin--5 ds-u-display--inline-block">
    <span class="ds-u-fill--background">Responsive margins</span>
  </div>
</div>

Style guide: utilities.margin.responsive
*/
@media (min-width: 544px) {
  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--0 {
    margin: 0 !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--0 {
    margin-top: 0 !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--0 {
    margin-right: 0 !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--0 {
    margin-bottom: 0 !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--0 {
    margin-left: 0 !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--1 {
    margin: 8px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--1 {
    margin-top: 8px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--1 {
    margin-right: 8px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--1 {
    margin-bottom: 8px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--1 {
    margin-left: 8px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--1 {
    margin-left: 8px !important;
    margin-right: 8px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--2 {
    margin: 16px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--2 {
    margin-top: 16px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--2 {
    margin-right: 16px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--2 {
    margin-bottom: 16px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--2 {
    margin-left: 16px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--2 {
    margin-left: 16px !important;
    margin-right: 16px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--2 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--3 {
    margin: 24px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--3 {
    margin-top: 24px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--3 {
    margin-right: 24px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--3 {
    margin-bottom: 24px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--3 {
    margin-left: 24px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--3 {
    margin-left: 24px !important;
    margin-right: 24px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--3 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--4 {
    margin: 32px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--4 {
    margin-top: 32px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--4 {
    margin-right: 32px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--4 {
    margin-bottom: 32px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--4 {
    margin-left: 32px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--4 {
    margin-left: 32px !important;
    margin-right: 32px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--4 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--5 {
    margin: 40px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--5 {
    margin-top: 40px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--5 {
    margin-right: 40px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--5 {
    margin-bottom: 40px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--5 {
    margin-left: 40px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--5 {
    margin-left: 40px !important;
    margin-right: 40px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--5 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--6 {
    margin: 48px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--6 {
    margin-top: 48px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--6 {
    margin-right: 48px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--6 {
    margin-bottom: 48px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--6 {
    margin-left: 48px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--6 {
    margin-left: 48px !important;
    margin-right: 48px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--6 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--7 {
    margin: 56px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--7 {
    margin-top: 56px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--7 {
    margin-right: 56px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--7 {
    margin-bottom: 56px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--7 {
    margin-left: 56px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--7 {
    margin-left: 56px !important;
    margin-right: 56px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--7 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }

  /* line 157, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin--auto {
    margin: auto !important; }

  /* line 161, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-top--auto {
    margin-top: auto !important; }

  /* line 165, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-right--auto {
    margin-right: auto !important; }

  /* line 169, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-bottom--auto {
    margin-bottom: auto !important; }

  /* line 173, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-left--auto {
    margin-left: auto !important; }

  /* line 177, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-x--auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  /* line 182, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-sm-margin-y--auto {
    margin-bottom: auto !important;
    margin-top: auto !important; } }
@media (min-width: 768px) {
  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--0 {
    margin: 0 !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--0 {
    margin-top: 0 !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--0 {
    margin-right: 0 !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--0 {
    margin-bottom: 0 !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--0 {
    margin-left: 0 !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--1 {
    margin: 8px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--1 {
    margin-top: 8px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--1 {
    margin-right: 8px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--1 {
    margin-bottom: 8px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--1 {
    margin-left: 8px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--1 {
    margin-left: 8px !important;
    margin-right: 8px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--2 {
    margin: 16px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--2 {
    margin-top: 16px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--2 {
    margin-right: 16px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--2 {
    margin-bottom: 16px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--2 {
    margin-left: 16px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--2 {
    margin-left: 16px !important;
    margin-right: 16px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--2 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--3 {
    margin: 24px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--3 {
    margin-top: 24px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--3 {
    margin-right: 24px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--3 {
    margin-bottom: 24px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--3 {
    margin-left: 24px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--3 {
    margin-left: 24px !important;
    margin-right: 24px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--3 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--4 {
    margin: 32px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--4 {
    margin-top: 32px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--4 {
    margin-right: 32px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--4 {
    margin-bottom: 32px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--4 {
    margin-left: 32px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--4 {
    margin-left: 32px !important;
    margin-right: 32px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--4 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--5 {
    margin: 40px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--5 {
    margin-top: 40px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--5 {
    margin-right: 40px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--5 {
    margin-bottom: 40px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--5 {
    margin-left: 40px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--5 {
    margin-left: 40px !important;
    margin-right: 40px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--5 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--6 {
    margin: 48px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--6 {
    margin-top: 48px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--6 {
    margin-right: 48px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--6 {
    margin-bottom: 48px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--6 {
    margin-left: 48px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--6 {
    margin-left: 48px !important;
    margin-right: 48px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--6 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--7 {
    margin: 56px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--7 {
    margin-top: 56px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--7 {
    margin-right: 56px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--7 {
    margin-bottom: 56px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--7 {
    margin-left: 56px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--7 {
    margin-left: 56px !important;
    margin-right: 56px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--7 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }

  /* line 157, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin--auto {
    margin: auto !important; }

  /* line 161, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-top--auto {
    margin-top: auto !important; }

  /* line 165, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-right--auto {
    margin-right: auto !important; }

  /* line 169, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-bottom--auto {
    margin-bottom: auto !important; }

  /* line 173, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-left--auto {
    margin-left: auto !important; }

  /* line 177, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-x--auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  /* line 182, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-md-margin-y--auto {
    margin-bottom: auto !important;
    margin-top: auto !important; } }
@media (min-width: 1024px) {
  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--0 {
    margin: 0 !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--0 {
    margin-top: 0 !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--0 {
    margin-right: 0 !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--0 {
    margin-bottom: 0 !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--0 {
    margin-left: 0 !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--1 {
    margin: 8px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--1 {
    margin-top: 8px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--1 {
    margin-right: 8px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--1 {
    margin-bottom: 8px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--1 {
    margin-left: 8px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--1 {
    margin-left: 8px !important;
    margin-right: 8px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--2 {
    margin: 16px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--2 {
    margin-top: 16px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--2 {
    margin-right: 16px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--2 {
    margin-bottom: 16px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--2 {
    margin-left: 16px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--2 {
    margin-left: 16px !important;
    margin-right: 16px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--2 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--3 {
    margin: 24px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--3 {
    margin-top: 24px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--3 {
    margin-right: 24px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--3 {
    margin-bottom: 24px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--3 {
    margin-left: 24px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--3 {
    margin-left: 24px !important;
    margin-right: 24px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--3 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--4 {
    margin: 32px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--4 {
    margin-top: 32px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--4 {
    margin-right: 32px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--4 {
    margin-bottom: 32px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--4 {
    margin-left: 32px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--4 {
    margin-left: 32px !important;
    margin-right: 32px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--4 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--5 {
    margin: 40px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--5 {
    margin-top: 40px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--5 {
    margin-right: 40px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--5 {
    margin-bottom: 40px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--5 {
    margin-left: 40px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--5 {
    margin-left: 40px !important;
    margin-right: 40px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--5 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--6 {
    margin: 48px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--6 {
    margin-top: 48px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--6 {
    margin-right: 48px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--6 {
    margin-bottom: 48px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--6 {
    margin-left: 48px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--6 {
    margin-left: 48px !important;
    margin-right: 48px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--6 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--7 {
    margin: 56px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--7 {
    margin-top: 56px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--7 {
    margin-right: 56px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--7 {
    margin-bottom: 56px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--7 {
    margin-left: 56px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--7 {
    margin-left: 56px !important;
    margin-right: 56px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--7 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }

  /* line 157, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin--auto {
    margin: auto !important; }

  /* line 161, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-top--auto {
    margin-top: auto !important; }

  /* line 165, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-right--auto {
    margin-right: auto !important; }

  /* line 169, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-bottom--auto {
    margin-bottom: auto !important; }

  /* line 173, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-left--auto {
    margin-left: auto !important; }

  /* line 177, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-x--auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  /* line 182, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-lg-margin-y--auto {
    margin-bottom: auto !important;
    margin-top: auto !important; } }
@media (min-width: 1280px) {
  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--0 {
    margin: 0 !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--0 {
    margin-top: 0 !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--0 {
    margin-right: 0 !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--0 {
    margin-bottom: 0 !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--0 {
    margin-left: 0 !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--1 {
    margin: 8px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--1 {
    margin-top: 8px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--1 {
    margin-right: 8px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--1 {
    margin-bottom: 8px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--1 {
    margin-left: 8px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--1 {
    margin-left: 8px !important;
    margin-right: 8px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--2 {
    margin: 16px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--2 {
    margin-top: 16px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--2 {
    margin-right: 16px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--2 {
    margin-bottom: 16px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--2 {
    margin-left: 16px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--2 {
    margin-left: 16px !important;
    margin-right: 16px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--2 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--3 {
    margin: 24px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--3 {
    margin-top: 24px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--3 {
    margin-right: 24px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--3 {
    margin-bottom: 24px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--3 {
    margin-left: 24px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--3 {
    margin-left: 24px !important;
    margin-right: 24px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--3 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--4 {
    margin: 32px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--4 {
    margin-top: 32px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--4 {
    margin-right: 32px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--4 {
    margin-bottom: 32px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--4 {
    margin-left: 32px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--4 {
    margin-left: 32px !important;
    margin-right: 32px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--4 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--5 {
    margin: 40px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--5 {
    margin-top: 40px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--5 {
    margin-right: 40px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--5 {
    margin-bottom: 40px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--5 {
    margin-left: 40px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--5 {
    margin-left: 40px !important;
    margin-right: 40px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--5 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--6 {
    margin: 48px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--6 {
    margin-top: 48px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--6 {
    margin-right: 48px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--6 {
    margin-bottom: 48px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--6 {
    margin-left: 48px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--6 {
    margin-left: 48px !important;
    margin-right: 48px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--6 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }

  /* line 125, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--7 {
    margin: 56px !important; }

  /* line 130, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--7 {
    margin-top: 56px !important; }

  /* line 134, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--7 {
    margin-right: 56px !important; }

  /* line 138, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--7 {
    margin-bottom: 56px !important; }

  /* line 142, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--7 {
    margin-left: 56px !important; }

  /* line 146, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--7 {
    margin-left: 56px !important;
    margin-right: 56px !important; }

  /* line 151, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--7 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }

  /* line 157, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin--auto {
    margin: auto !important; }

  /* line 161, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-top--auto {
    margin-top: auto !important; }

  /* line 165, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-right--auto {
    margin-right: auto !important; }

  /* line 169, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-bottom--auto {
    margin-bottom: auto !important; }

  /* line 173, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-left--auto {
    margin-left: auto !important; }

  /* line 177, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-x--auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  /* line 182, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_margin.scss */
  .ds-u-xl-margin-y--auto {
    margin-bottom: auto !important;
    margin-top: auto !important; } }
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Measure

Line length, also called "measure", is an important part of readability.

The design system includes 3 measure modifiers:

- **narrow** = line length ~45 characters
- **base** = line length ~65 characters
- **wide** = line length ~80 characters

**Format**: `ds-u-measure--[NAME]`

Markup:
<h2 class="preview__label">ds-u-measure--narrow</h2>
<div class="ds-u-measure--narrow">{{ lorem-l }}</div>
<h2 class="preview__label">ds-u-measure--base</h2>
<div class="ds-u-measure--base ds-u-font-size--small">{{ lorem-l }}</div>
<h2 class="preview__label">ds-u-measure--wide</h2>
<div class="ds-u-measure--wide ds-u-font-size--small">{{ lorem-l }}</div>

Style guide: utilities.measure
*/
/* line 27, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_measure.scss */
.ds-u-measure--narrow {
  max-width: 21em !important; }

/* line 31, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_measure.scss */
.ds-u-measure--base {
  max-width: 31em !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_measure.scss */
.ds-u-measure--wide {
  max-width: 42em !important; }

/*
---

## Accessibility

> A line of text shouldn’t be longer than 80 characters. This helps users with certain reading or visual disabilities that have trouble keeping their place when reading long lines of text. If the width of the text container is resized, it should be allowed to scale in a way so 80 characters or less are shown...Another way to ensure good line-length is to use a fluid layout or apply responsive web design techniques that allow the user to resize the window to find a comfortable line length. &mdash; [W3C](https://www.w3.org/WAI/tutorials/page-structure/styling/#line-length)

Style guide: utilities.measure.guidance
*/
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/index';*/
/*
Overflow

Use the overflow utility to set the `overflow` property of an element.

> The overflow property specifies whether to clip content, render scrollbars or just display content when it overflows its block level container. &mdash; [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)

**Format**: `ds-u-overflow--[VALUE]`

Markup:
<% ['ds-u-overflow--hidden', 'ds-u-overflow--scroll', 'ds-u-overflow--auto'].forEach(util => { -%>
  <code class="preview__label"><%= util %></code>
  <div class="<%= util %> ds-base--inverse ds-u-padding--2" style="height: 100px">
    <div class="ds-u-measure--narrow">{{lorem-l }}</div>
  </div>
<% }) -%>

Style guide: utilities.overflow
*/
/* line 23, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_overflow.scss */
.ds-u-overflow--hidden {
  overflow: hidden !important; }

/* line 27, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_overflow.scss */
.ds-u-overflow--scroll {
  overflow: scroll !important; }

/* line 31, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_overflow.scss */
.ds-u-overflow--auto {
  overflow: auto !important; }

/*
Clearfix

The clearfix utility can be applied to an element to clear floats around the element.

**Format**: `ds-u-clearfix`

Markup:
<div class="ds-u-clearfix ds-u-fill--gray">
  <div class="ds-u-float--right ds-u-fill--primary-alt-lightest" style="width: 100px; height: 100px;">
    Floated right
  </div>
</div>

Style guide: utilities.clearfix
*/
/* line 2, ../../../../libraries/@cmsgov/design-system-support/src/tools/_mixins.layout.scss */
.ds-u-clearfix::before {
  content: '';
  display: table; }
/* line 7, ../../../../libraries/@cmsgov/design-system-support/src/tools/_mixins.layout.scss */
.ds-u-clearfix::after {
  clear: both;
  content: '';
  display: table; }

/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/index';*/
/*
Padding

Use the padding utility to change an element's padding.

**Format**: `ds-u-padding-[x|y|bottom|left|right|top]--[MULTIPLE]`

[Read more about how the design system approaches spacing here.]({{root}}/layout/spacing)

@hide-markup

Markup:
<% ['', '-x', '-y', '-bottom', '-left', '-right', '-top'].forEach(name => { -%>
<% for (var i = 0; i < 8; i++) { %>
<div class="ds-base--inverse ds-u-padding<%= name %>--<%= i %> ds-u-margin-bottom--2">
  <code>ds-u-padding<%= name %>--<%= i %></code>
</div>
<% } -%>
<% }) -%>

Style guide: utilities.padding
*/
/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--0 {
  padding: 0 !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--0 {
  padding-top: 0 !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--0 {
  padding-right: 0 !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--0 {
  padding-bottom: 0 !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--0 {
  padding-left: 0 !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--1 {
  padding: 8px !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--1 {
  padding-top: 8px !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--1 {
  padding-right: 8px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--1 {
  padding-bottom: 8px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--1 {
  padding-left: 8px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--1 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--1 {
  padding-bottom: 8px !important;
  padding-top: 8px !important; }

/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--2 {
  padding: 16px !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--2 {
  padding-top: 16px !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--2 {
  padding-right: 16px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--2 {
  padding-bottom: 16px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--2 {
  padding-left: 16px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--2 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--2 {
  padding-bottom: 16px !important;
  padding-top: 16px !important; }

/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--3 {
  padding: 24px !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--3 {
  padding-top: 24px !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--3 {
  padding-right: 24px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--3 {
  padding-bottom: 24px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--3 {
  padding-left: 24px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--3 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--3 {
  padding-bottom: 24px !important;
  padding-top: 24px !important; }

/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--4 {
  padding: 32px !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--4 {
  padding-top: 32px !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--4 {
  padding-right: 32px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--4 {
  padding-bottom: 32px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--4 {
  padding-left: 32px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--4 {
  padding-left: 32px !important;
  padding-right: 32px !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--4 {
  padding-bottom: 32px !important;
  padding-top: 32px !important; }

/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--5 {
  padding: 40px !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--5 {
  padding-top: 40px !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--5 {
  padding-right: 40px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--5 {
  padding-bottom: 40px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--5 {
  padding-left: 40px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--5 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--5 {
  padding-bottom: 40px !important;
  padding-top: 40px !important; }

/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--6 {
  padding: 48px !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--6 {
  padding-top: 48px !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--6 {
  padding-right: 48px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--6 {
  padding-bottom: 48px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--6 {
  padding-left: 48px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--6 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--6 {
  padding-bottom: 48px !important;
  padding-top: 48px !important; }

/* line 30, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding--7 {
  padding: 56px !important; }

/* line 35, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-top--7 {
  padding-top: 56px !important; }

/* line 39, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-right--7 {
  padding-right: 56px !important; }

/* line 43, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-bottom--7 {
  padding-bottom: 56px !important; }

/* line 47, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-left--7 {
  padding-left: 56px !important; }

/* line 51, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-x--7 {
  padding-left: 56px !important;
  padding-right: 56px !important; }

/* line 56, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
.ds-u-padding-y--7 {
  padding-bottom: 56px !important;
  padding-top: 56px !important; }

/*
Responsive padding

Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the padding at specific breakpoints.

_Resize your browser to see each breakpoint in action:_

Markup:
<div class="ds-base--inverse">
  <div class="ds-u-padding--1 ds-u-sm-padding--2 ds-u-md-padding--3 ds-u-lg-padding--4 ds-u-xl-padding--5">
    Responsive padding
  </div>
</div>

Style guide: utilities.padding.responsive
*/
@media (min-width: 544px) {
  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--0 {
    padding: 0 !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--0 {
    padding-top: 0 !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--0 {
    padding-right: 0 !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--0 {
    padding-bottom: 0 !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--0 {
    padding-left: 0 !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--1 {
    padding: 8px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--1 {
    padding-top: 8px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--1 {
    padding-right: 8px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--1 {
    padding-bottom: 8px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--1 {
    padding-left: 8px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--1 {
    padding-left: 8px !important;
    padding-right: 8px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--2 {
    padding: 16px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--2 {
    padding-top: 16px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--2 {
    padding-right: 16px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--2 {
    padding-bottom: 16px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--2 {
    padding-left: 16px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--2 {
    padding-left: 16px !important;
    padding-right: 16px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--2 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--3 {
    padding: 24px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--3 {
    padding-top: 24px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--3 {
    padding-right: 24px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--3 {
    padding-bottom: 24px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--3 {
    padding-left: 24px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--3 {
    padding-left: 24px !important;
    padding-right: 24px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--3 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--4 {
    padding: 32px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--4 {
    padding-top: 32px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--4 {
    padding-right: 32px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--4 {
    padding-bottom: 32px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--4 {
    padding-left: 32px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--4 {
    padding-left: 32px !important;
    padding-right: 32px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--4 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--5 {
    padding: 40px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--5 {
    padding-top: 40px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--5 {
    padding-right: 40px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--5 {
    padding-bottom: 40px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--5 {
    padding-left: 40px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--5 {
    padding-left: 40px !important;
    padding-right: 40px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--5 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--6 {
    padding: 48px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--6 {
    padding-top: 48px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--6 {
    padding-right: 48px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--6 {
    padding-bottom: 48px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--6 {
    padding-left: 48px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--6 {
    padding-left: 48px !important;
    padding-right: 48px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--6 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding--7 {
    padding: 56px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-top--7 {
    padding-top: 56px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-right--7 {
    padding-right: 56px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-bottom--7 {
    padding-bottom: 56px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-left--7 {
    padding-left: 56px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-x--7 {
    padding-left: 56px !important;
    padding-right: 56px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-sm-padding-y--7 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; } }
@media (min-width: 768px) {
  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--0 {
    padding: 0 !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--0 {
    padding-top: 0 !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--0 {
    padding-right: 0 !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--0 {
    padding-bottom: 0 !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--0 {
    padding-left: 0 !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--1 {
    padding: 8px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--1 {
    padding-top: 8px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--1 {
    padding-right: 8px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--1 {
    padding-bottom: 8px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--1 {
    padding-left: 8px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--1 {
    padding-left: 8px !important;
    padding-right: 8px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--2 {
    padding: 16px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--2 {
    padding-top: 16px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--2 {
    padding-right: 16px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--2 {
    padding-bottom: 16px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--2 {
    padding-left: 16px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--2 {
    padding-left: 16px !important;
    padding-right: 16px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--2 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--3 {
    padding: 24px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--3 {
    padding-top: 24px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--3 {
    padding-right: 24px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--3 {
    padding-bottom: 24px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--3 {
    padding-left: 24px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--3 {
    padding-left: 24px !important;
    padding-right: 24px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--3 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--4 {
    padding: 32px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--4 {
    padding-top: 32px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--4 {
    padding-right: 32px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--4 {
    padding-bottom: 32px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--4 {
    padding-left: 32px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--4 {
    padding-left: 32px !important;
    padding-right: 32px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--4 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--5 {
    padding: 40px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--5 {
    padding-top: 40px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--5 {
    padding-right: 40px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--5 {
    padding-bottom: 40px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--5 {
    padding-left: 40px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--5 {
    padding-left: 40px !important;
    padding-right: 40px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--5 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--6 {
    padding: 48px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--6 {
    padding-top: 48px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--6 {
    padding-right: 48px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--6 {
    padding-bottom: 48px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--6 {
    padding-left: 48px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--6 {
    padding-left: 48px !important;
    padding-right: 48px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--6 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding--7 {
    padding: 56px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-top--7 {
    padding-top: 56px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-right--7 {
    padding-right: 56px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-bottom--7 {
    padding-bottom: 56px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-left--7 {
    padding-left: 56px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-x--7 {
    padding-left: 56px !important;
    padding-right: 56px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-md-padding-y--7 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; } }
@media (min-width: 1024px) {
  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--0 {
    padding: 0 !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--0 {
    padding-top: 0 !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--0 {
    padding-right: 0 !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--0 {
    padding-bottom: 0 !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--0 {
    padding-left: 0 !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--1 {
    padding: 8px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--1 {
    padding-top: 8px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--1 {
    padding-right: 8px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--1 {
    padding-bottom: 8px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--1 {
    padding-left: 8px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--1 {
    padding-left: 8px !important;
    padding-right: 8px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--2 {
    padding: 16px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--2 {
    padding-top: 16px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--2 {
    padding-right: 16px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--2 {
    padding-bottom: 16px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--2 {
    padding-left: 16px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--2 {
    padding-left: 16px !important;
    padding-right: 16px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--2 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--3 {
    padding: 24px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--3 {
    padding-top: 24px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--3 {
    padding-right: 24px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--3 {
    padding-bottom: 24px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--3 {
    padding-left: 24px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--3 {
    padding-left: 24px !important;
    padding-right: 24px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--3 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--4 {
    padding: 32px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--4 {
    padding-top: 32px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--4 {
    padding-right: 32px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--4 {
    padding-bottom: 32px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--4 {
    padding-left: 32px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--4 {
    padding-left: 32px !important;
    padding-right: 32px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--4 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--5 {
    padding: 40px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--5 {
    padding-top: 40px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--5 {
    padding-right: 40px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--5 {
    padding-bottom: 40px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--5 {
    padding-left: 40px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--5 {
    padding-left: 40px !important;
    padding-right: 40px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--5 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--6 {
    padding: 48px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--6 {
    padding-top: 48px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--6 {
    padding-right: 48px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--6 {
    padding-bottom: 48px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--6 {
    padding-left: 48px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--6 {
    padding-left: 48px !important;
    padding-right: 48px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--6 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding--7 {
    padding: 56px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-top--7 {
    padding-top: 56px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-right--7 {
    padding-right: 56px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-bottom--7 {
    padding-bottom: 56px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-left--7 {
    padding-left: 56px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-x--7 {
    padding-left: 56px !important;
    padding-right: 56px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-lg-padding-y--7 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; } }
@media (min-width: 1280px) {
  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--0 {
    padding: 0 !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--0 {
    padding-top: 0 !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--0 {
    padding-right: 0 !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--0 {
    padding-bottom: 0 !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--0 {
    padding-left: 0 !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--1 {
    padding: 8px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--1 {
    padding-top: 8px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--1 {
    padding-right: 8px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--1 {
    padding-bottom: 8px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--1 {
    padding-left: 8px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--1 {
    padding-left: 8px !important;
    padding-right: 8px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--2 {
    padding: 16px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--2 {
    padding-top: 16px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--2 {
    padding-right: 16px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--2 {
    padding-bottom: 16px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--2 {
    padding-left: 16px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--2 {
    padding-left: 16px !important;
    padding-right: 16px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--2 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--3 {
    padding: 24px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--3 {
    padding-top: 24px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--3 {
    padding-right: 24px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--3 {
    padding-bottom: 24px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--3 {
    padding-left: 24px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--3 {
    padding-left: 24px !important;
    padding-right: 24px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--3 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--4 {
    padding: 32px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--4 {
    padding-top: 32px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--4 {
    padding-right: 32px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--4 {
    padding-bottom: 32px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--4 {
    padding-left: 32px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--4 {
    padding-left: 32px !important;
    padding-right: 32px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--4 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--5 {
    padding: 40px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--5 {
    padding-top: 40px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--5 {
    padding-right: 40px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--5 {
    padding-bottom: 40px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--5 {
    padding-left: 40px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--5 {
    padding-left: 40px !important;
    padding-right: 40px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--5 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--6 {
    padding: 48px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--6 {
    padding-top: 48px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--6 {
    padding-right: 48px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--6 {
    padding-bottom: 48px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--6 {
    padding-left: 48px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--6 {
    padding-left: 48px !important;
    padding-right: 48px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--6 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }

  /* line 87, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding--7 {
    padding: 56px !important; }

  /* line 92, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-top--7 {
    padding-top: 56px !important; }

  /* line 96, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-right--7 {
    padding-right: 56px !important; }

  /* line 100, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-bottom--7 {
    padding-bottom: 56px !important; }

  /* line 104, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-left--7 {
    padding-left: 56px !important; }

  /* line 108, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-x--7 {
    padding-left: 56px !important;
    padding-right: 56px !important; }

  /* line 113, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_padding.scss */
  .ds-u-xl-padding-y--7 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; } }
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*

/*
Text alignment

Align text using the `text-align` utility.

**Format**: `ds-u-text-align--[VALUE]`

Markup:
<div class="ds-u-text-align--center">
  <code class="preview__label">ds-u-text-align--center</code>
  Center
</div>
<div class="ds-u-text-align--left">
  <code class="preview__label">ds-u-text-align--left</code>
  Left
</div>
<div class="ds-u-text-align--right">
  <code class="preview__label">ds-u-text-align--right</code>
  Right
</div>

Style guide: utilities.text-align
*/
/* line 28, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
.ds-u-text-align--center {
  text-align: center !important; }

/* line 32, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
.ds-u-text-align--left {
  text-align: left !important; }

/* line 36, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
.ds-u-text-align--right {
  text-align: right !important; }

/*
Responsive text alignment

@responsive

Use a [breakpoint prefix]({{root}}/guidelines/responsive) to change the text alignment at specific breakpoints.

Markup:
<div class="ds-u-sm-text-align--center ds-u-md-text-align--left ds-u-lg-text-align--right">
  {{lorem-s}}
</div>

Style guide: utilities.text-align.responsive
*/
@media (min-width: 544px) {
  /* line 58, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-sm-text-align--center {
    text-align: center !important; }

  /* line 62, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-sm-text-align--left {
    text-align: left !important; }

  /* line 66, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-sm-text-align--right {
    text-align: right !important; } }
@media (min-width: 768px) {
  /* line 58, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-md-text-align--center {
    text-align: center !important; }

  /* line 62, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-md-text-align--left {
    text-align: left !important; }

  /* line 66, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-md-text-align--right {
    text-align: right !important; } }
@media (min-width: 1024px) {
  /* line 58, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-lg-text-align--center {
    text-align: center !important; }

  /* line 62, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-lg-text-align--left {
    text-align: left !important; }

  /* line 66, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-lg-text-align--right {
    text-align: right !important; } }
@media (min-width: 1280px) {
  /* line 58, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-xl-text-align--center {
    text-align: center !important; }

  /* line 62, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-xl-text-align--left {
    text-align: left !important; }

  /* line 66, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-align.scss */
  .ds-u-xl-text-align--right {
    text-align: right !important; } }
/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*

/*
Text decoration

Set whether text is underlined or not using the `text-decoration` utility.

**Format**: `ds-u-text-decoration--[VALUE]`

Markup:
<code class="preview__label">ds-u-text-decoration--underline</code>
<span class="ds-u-text-decoration--underline">Underlined text</span>
<code class="preview__label">ds-u-text-decoration--none</code>
<a class="ds-u-text-decoration--none" href="javascript:void(0);">Link text without underline</a>

Style guide: utilities.text-decoration
*/
/* line 20, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-decoration.scss */
.ds-u-text-decoration--underline {
  text-decoration: underline !important; }

/* line 24, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-decoration.scss */
.ds-u-text-decoration--none {
  text-decoration: none !important; }

/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Text transform

Set the capitalization of text using the text transform utility.

**Format**: `ds-u-text-transform--[VALUE]`

Markup:
<code class="preview__label">ds-u-text-transform--uppercase</code>
<div class="ds-u-text-transform--uppercase">{{lorem-m}}</div>
<code class="preview__label">ds-u-text-transform--lowercase</code>
<div class="ds-u-text-transform--lowercase">{{lorem-m}}</div>
<code class="preview__label">ds-u-text-transform--capitalize</code>
<div class="ds-u-text-transform--capitalize">{{lorem-m}}</div>

Style guide: utilities.text-transform
*/
/* line 21, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-transform.scss */
.ds-u-text-transform--uppercase {
  text-transform: uppercase !important; }

/* line 25, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-transform.scss */
.ds-u-text-transform--lowercase {
  text-transform: lowercase !important; }

/* line 29, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_text-transform.scss */
.ds-u-text-transform--capitalize {
  text-transform: capitalize !important; }

/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Truncate

Use the truncate utility (`ds-u-truncate`) to limit a text string to one line.

### Accessibility

Place the full text in a `title` attribute so that it’s accessible on hover.

Markup:
<p class="ds-u-truncate" title="{{lorem-l}}">
  {{lorem-l}}
</p>

Style guide: utilities.truncate
*/
/* line 21, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_truncate.scss */
.ds-u-truncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

/* stylelint-disable declaration-no-important */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/settings/index';*/
/*
Vertical align

Use the vertical align utility on inline-level elements (`inline` and `inline-block`) and on table cells.

**Format**: `ds-u-valign--[VALUE]`

Markup:
<table>
  <tbody>
    <tr>
      <td class="ds-u-font-size--display ds-u-leading--reset ds-u-padding--4 ds-u-fill--primary-alt-lightest">A</td>
      <td class="ds-u-valign--top">
        <code class="preview__label">ds-u-valign--top</code>
        Top alignment
      </td>
    </tr>
    <tr>
      <td class="ds-u-font-size--display ds-u-leading--reset ds-u-padding--4 ds-u-fill--primary-alt-lightest">B</td>
      <td class="ds-u-valign--middle">
        <code class="preview__label">ds-u-valign--middle</code>
        Middle alignment
      </td>
    </tr>
    <tr>
      <td class="ds-u-font-size--display ds-u-leading--reset ds-u-padding--4 ds-u-fill--primary-alt-lightest">C</td>
      <td class="ds-u-valign--bottom">
        <code class="preview__label">ds-u-valign--bottom</code>
        Bottom alignment
      </td>
    </tr>
  </tbody>
</table>

Style guide: utilities.vertical-align
*/
/* line 40, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_vertical-align.scss */
.ds-u-valign--top {
  vertical-align: top !important; }

/* line 44, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_vertical-align.scss */
.ds-u-valign--middle {
  vertical-align: middle !important; }

/* line 48, ../../../../libraries/@cmsgov/design-system-core/src/utilities/_vertical-align.scss */
.ds-u-valign--bottom {
  vertical-align: bottom !important; }

/*! Design System - Layout v{{version}} */
/*DUPLICATE IMPORT @import '@cmsgov/design-system-support/src/index';
*/
/*
Use a container to center align your page and constrain its width so it doesn't
span too wide.
*/
/* line 5, ../../../../libraries/@cmsgov/design-system-layout/src/_container.scss */
.ds-l-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 544px) {
    /* line 5, ../../../../libraries/@cmsgov/design-system-layout/src/_container.scss */
    .ds-l-container {
      padding-left: 32px;
      padding-right: 32px; } }

/* line 1, ../../../../libraries/@cmsgov/design-system-layout/src/_row.scss */
.ds-l-row,
.ds-l-form-row {
  display: flex;
  flex-wrap: wrap; }

/* line 7, ../../../../libraries/@cmsgov/design-system-layout/src/_row.scss */
.ds-l-row {
  margin-left: -16px;
  margin-right: -16px; }

/* line 12, ../../../../libraries/@cmsgov/design-system-layout/src/_row.scss */
.ds-l-form-row {
  margin-left: -8px;
  margin-right: -8px; }

/* line 5, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--1, .ds-l-col--2, .ds-l-col--3, .ds-l-col--4, .ds-l-col--5, .ds-l-col--6, .ds-l-col--7, .ds-l-col--8, .ds-l-col--9, .ds-l-col--10, .ds-l-col--11, .ds-l-col--12, .ds-l-col,
.ds-l-col--auto, .ds-l-sm-col--1, .ds-l-sm-col--2, .ds-l-sm-col--3, .ds-l-sm-col--4, .ds-l-sm-col--5, .ds-l-sm-col--6, .ds-l-sm-col--7, .ds-l-sm-col--8, .ds-l-sm-col--9, .ds-l-sm-col--10, .ds-l-sm-col--11, .ds-l-sm-col--12, .ds-l-sm-col--auto, .ds-l-sm-col, .ds-l-md-col--1, .ds-l-md-col--2, .ds-l-md-col--3, .ds-l-md-col--4, .ds-l-md-col--5, .ds-l-md-col--6, .ds-l-md-col--7, .ds-l-md-col--8, .ds-l-md-col--9, .ds-l-md-col--10, .ds-l-md-col--11, .ds-l-md-col--12, .ds-l-md-col--auto, .ds-l-md-col, .ds-l-lg-col--1, .ds-l-lg-col--2, .ds-l-lg-col--3, .ds-l-lg-col--4, .ds-l-lg-col--5, .ds-l-lg-col--6, .ds-l-lg-col--7, .ds-l-lg-col--8, .ds-l-lg-col--9, .ds-l-lg-col--10, .ds-l-lg-col--11, .ds-l-lg-col--12, .ds-l-lg-col--auto, .ds-l-lg-col, .ds-l-xl-col--1, .ds-l-xl-col--2, .ds-l-xl-col--3, .ds-l-xl-col--4, .ds-l-xl-col--5, .ds-l-xl-col--6, .ds-l-xl-col--7, .ds-l-xl-col--8, .ds-l-xl-col--9, .ds-l-xl-col--10, .ds-l-xl-col--11, .ds-l-xl-col--12, .ds-l-xl-col--auto, .ds-l-xl-col {
  box-sizing: border-box;
  min-height: 1px;
  min-width: 0;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%; }

/* line 26, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

/* line 30, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--auto {
  flex: 0 0 auto;
  max-width: none;
  width: auto; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--3 {
  flex: 0 0 25%;
  max-width: 25%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--6 {
  flex: 0 0 50%;
  max-width: 50%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--9 {
  flex: 0 0 75%;
  max-width: 75%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

/* line 36, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-col--12 {
  flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 544px) {
  /* line 64, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  /* line 68, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--3 {
    flex: 0 0 25%;
    max-width: 25%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--6 {
    flex: 0 0 50%;
    max-width: 50%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--9 {
    flex: 0 0 75%;
    max-width: 75%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-sm-col--12 {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 768px) {
  /* line 64, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  /* line 68, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--3 {
    flex: 0 0 25%;
    max-width: 25%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--6 {
    flex: 0 0 50%;
    max-width: 50%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--9 {
    flex: 0 0 75%;
    max-width: 75%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-md-col--12 {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1024px) {
  /* line 64, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  /* line 68, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--3 {
    flex: 0 0 25%;
    max-width: 25%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--6 {
    flex: 0 0 50%;
    max-width: 50%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--9 {
    flex: 0 0 75%;
    max-width: 75%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-lg-col--12 {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1280px) {
  /* line 64, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  /* line 68, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--3 {
    flex: 0 0 25%;
    max-width: 25%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--6 {
    flex: 0 0 50%;
    max-width: 50%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--9 {
    flex: 0 0 75%;
    max-width: 75%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }

  /* line 74, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
  .ds-l-xl-col--12 {
    flex: 0 0 100%;
    max-width: 100%; } }
/* line 82, ../../../../libraries/@cmsgov/design-system-layout/src/_col.scss */
.ds-l-form-row > .ds-l-col,
.ds-l-form-row > [class*='-col-'] {
  padding-left: 8px;
  padding-right: 8px; }

/*
Grid

The design system provides a 12-column, responsive, flexbox grid to provide structure and align content.

The grid consists of three distinct pieces:

- A **container** adds a maximum width and centers the content
- A **row** enables the flexbox layout and holds between 1-12 **columns**

### Installation

The grid is opt-in and not distributed with the core design system package. Install the NPM package or [download the latest release](https://github.com/CMSgov/design-system/releases).

```
npm install @cmsgov/design-system-layout --save
```

[View the package's README for additional info.](https://github.com/CMSgov/design-system/blob/master/packages/layout/README.md)

### Browser support

Flexbox grid supports modern browsers and Internet Explorer 10+. In older versions of Internet Explorer the grid columns will be stacked.

Style guide: layout.grid
*/
/*
Default behavior

Columns without a set width will automatically layout with equal widths. For example, below are four instances of `.ds-l-col` which are each automatically 25% wide. The columns will automatically wrap when they don't fit a single row.

Column widths are set in percentages, so they’re always responsive and will be sized relative to their parent row.

Markup:
<section class="ds-l-container preview__grid">
  <div class="ds-l-row">
    <div class="ds-l-col">
      Equal
    </div>
    <div class="ds-l-col">
      Equal
    </div>
    <div class="ds-l-col">
      Equal
    </div>
    <div class="ds-l-col">
      Equal
    </div>
  </div>
</section>

Style guide: layout.grid.default
*/
/*
Specifying number of columns

Specify the number of columns (1-12) to span using `.ds-l-col--*` classes. These classes will span `*` columns. So, if you want two elements that each span half the row, you would use `.ds-l-col--6`

Markup:
<section class="ds-l-container preview__grid">
  <div class="ds-l-row">
    <div class="ds-l-col--6">
      6 columns
    </div>
    <div class="ds-l-col--6">
      6 columns
    </div>
  </div>
</section>

Style guide: layout.grid.columns
*/
/*
Natural width columns

Use a `.ds-l-col--auto` class to size a column to the natural width of its content.

Markup:
<section class="ds-l-container preview__grid">
  <div class="ds-l-row">
    <div class="ds-l-col--auto">
      1 of 3
    </div>
    <div class="ds-l-col--auto">
      A little bit longer text
    </div>
    <div class="ds-l-col--auto">
      3 of 3
    </div>
  </div>
</section>

Style guide: layout.grid.column-auto
*/
/*
Mobile, tablet, and desktop grids

@responsive

Each column class can include a [breakpoint "prefix"]({{root}}/guidelines/responsive) (`sm`, `md`, `lg`, `xl`), allowing you to change the column widths based on the viewport width.

An element with a `ds-l-{breakpoint}-col--*` class will span `*` columns at viewports matching `breakpoint` and larger.

In the example below, the cells span:

- 1/6 of the row on `xl` viewports, using `ds-l-xl-col--2`
- 1/4 of the row on `lg` viewports, using `ds-l-lg-col--3`
- 1/3 of the row on `md` viewports, using `ds-l-md-col--4`
- 1/2 of the row on `sm` viewports, using `ds-l-sm-col--6`
- The entire width of the row on viewports smaller than the `sm` breakpoint, using `ds-l-col--12`

Markup:
<section class="ds-l-container preview__grid">
  <div class="ds-l-row">
    <div class="ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-l-xl-col--2">
      A
    </div>
    <div class="ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-l-xl-col--2">
      B
    </div>
    <div class="ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-l-xl-col--2">
      C
    </div>
    <div class="ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-l-xl-col--2">
      D
    </div>
    <div class="ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-l-xl-col--2">
      E
    </div>
    <div class="ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-l-lg-col--3 ds-l-xl-col--2">
      F
    </div>
  </div>
</section>

Style guide: layout.grid.responsive
*/
/*
Nested grids

Markup:
<section class="ds-l-container preview__grid">
  <div class="ds-l-row">
    <div class="ds-l-col--9">
      Level 1
      <div class="ds-l-row">
        <article class="ds-l-col--4">
          Level 2
        </article>
        <article class="ds-l-col--4">
          Level 2
        </article>
        <article class="ds-l-col--4">
          Level 2
        </article>
      </div>
    </div>
    <div class="ds-l-col--3">
      Level 1
    </div>
  </div>
</section>

Style guide: layout.grid.nested
*/
/*
Offsetting columns

Offset columns using the [margin auto utility class]({{root}}/utilities/margin):

Markup:
<section class="ds-l-container preview__grid">
  <div class="ds-l-row">
    <div class="ds-l-col--3">
      3 columns
    </div>
    <div class="ds-l-col--4 ds-u-margin-left--auto">
      4 columns, offset 5 columns
    </div>
  </div>
</section>

Style guide: layout.grid.offset
*/
/*
Alignment

Align columns horizontally or vertically using [flexbox utility classes]({{root}}/utilities/flexbox). To align columns horizontally, use the `justify-content` utility class. To align columns vertically, use the `align-items` utility class.

Markup:
<section class="ds-l-container preview__grid">
  <div class="ds-l-row ds-u-fill--gray">
    <div class="ds-l-col--3">Left</div>
  </div>
  <div class="ds-l-row ds-u-justify-content--center ds-u-fill--gray">
    <div class="ds-l-col--3">Center</div>
  </div>
  <div class="ds-l-row ds-u-justify-content--end ds-u-fill--gray">
    <div class="ds-l-col--3">Right</div>
  </div>
  <div class="ds-l-row ds-u-align-items--start ds-u-fill--gray ds-u-margin-y--2" style="height: 125px">
    <div class="ds-l-col--3">Top</div>
    <div class="ds-l-col--3">Top</div>
    <div class="ds-l-col--3">Top</div>
  </div>
  <div class="ds-l-row ds-u-align-items--center ds-u-fill--gray ds-u-margin-y--2" style="height: 125px">
    <div class="ds-l-col--3">Center</div>
    <div class="ds-l-col--3">Center</div>
    <div class="ds-l-col--3">Center</div>
  </div>
  <div class="ds-l-row ds-u-align-items--end ds-u-fill--gray ds-u-margin-y--2" style="height: 125px">
    <div class="ds-l-col--3">Bottom</div>
    <div class="ds-l-col--3">Bottom</div>
    <div class="ds-l-col--3">Bottom</div>
  </div>
</section>

Style guide: layout.grid.alignment
*/
/*
Forms

Use a `.ds-l-form-row` class to tighten the column spacing when laying out form fields in a grid.

Markup:
<section class="preview__grid">
  <div class="ds-l-form-row">
    <div class="ds-l-col--auto">
      <label class="ds-c-label ds-u-margin-top--0" for="city">City</label>
      <input class="ds-c-field" type="text" id="city" name="city">
    </div>
    <div class="ds-l-col--auto">
      <label class="ds-c-label ds-u-margin-top--0" for="state">State</label>
      <input class="ds-c-field" type="text" id="state" name="state">
    </div>
  </div>
</section>

Style guide: layout.grid.form-row
*/
/*
---

## When to use

- Almost always use a grid layout — visitors can read more quickly on pages that use grids. Choose a single grid system for your entire site.

## When to consider alternatives

- Avoid mixing this grid and other grid systems.

## Guidance

- Choose a 12-column grid with flexible column widths and fixed gutters.
- Avoid text lines longer than 75 characters. Place text in narrower columns to keep text lines from becoming too wide or use the [measure utility classes]({{root}}/utilities/measure).

## Accessibility

- Low-vision users should be able to increase the size of the text by up to 200 percent without breaking the layout.
- The DOM order and visual presentation of content should be consistent, in order to not break keyboard navigation. This means you should avoid changing the flexbox `order` property of the grid columns.

## Customization

The following Sass variables can be overridden to customize the grid:

- `$grid-columns`
- `$grid-gutter-width`

## Learn more

- [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [Flexbox & the keyboard navigation disconnect](https://tink.uk/flexbox-the-keyboard-navigation-disconnect/)

Style guide: layout.grid.guidance
*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/libraries/fontawesome/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("/libraries/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/libraries/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/libraries/fontawesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/libraries/fontawesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/libraries/fontawesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 14, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
/* line 23, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

/* line 28, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-2x {
  font-size: 2em; }

/* line 31, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-3x {
  font-size: 3em; }

/* line 34, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-4x {
  font-size: 4em; }

/* line 37, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-5x {
  font-size: 5em; }

/* line 40, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fw {
  width: 1.28571429em;
  text-align: center; }

/* line 44, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

/* line 49, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ul > li {
  position: relative; }

/* line 52, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

/* line 59, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-li.fa-lg {
  left: -1.85714286em; }

/* line 62, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

/* line 67, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pull-left {
  float: left; }

/* line 70, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pull-right {
  float: right; }

/* line 73, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa.fa-pull-left {
  margin-right: .3em; }

/* line 76, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
/* line 80, ../../../../libraries/fontawesome/css/font-awesome.scss */
.pull-right {
  float: right; }

/* line 83, ../../../../libraries/fontawesome/css/font-awesome.scss */
.pull-left {
  float: left; }

/* line 86, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa.pull-left {
  margin-right: .3em; }

/* line 89, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa.pull-right {
  margin-left: .3em; }

/* line 92, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

/* line 96, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
/* line 120, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

/* line 126, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/* line 132, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

/* line 138, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

/* line 144, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

/* line 150, ../../../../libraries/fontawesome/css/font-awesome.scss */
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

/* line 157, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

/* line 165, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

/* line 172, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stack-1x {
  line-height: inherit; }

/* line 175, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stack-2x {
  font-size: 2em; }

/* line 178, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* line 183, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-glass:before {
  content: "\f000"; }

/* line 186, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-music:before {
  content: "\f001"; }

/* line 189, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-search:before {
  content: "\f002"; }

/* line 192, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-envelope-o:before {
  content: "\f003"; }

/* line 195, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-heart:before {
  content: "\f004"; }

/* line 198, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-star:before {
  content: "\f005"; }

/* line 201, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-star-o:before {
  content: "\f006"; }

/* line 204, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user:before {
  content: "\f007"; }

/* line 207, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-film:before {
  content: "\f008"; }

/* line 210, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-th-large:before {
  content: "\f009"; }

/* line 213, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-th:before {
  content: "\f00a"; }

/* line 216, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-th-list:before {
  content: "\f00b"; }

/* line 219, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-check:before {
  content: "\f00c"; }

/* line 222, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

/* line 227, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-search-plus:before {
  content: "\f00e"; }

/* line 230, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-search-minus:before {
  content: "\f010"; }

/* line 233, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-power-off:before {
  content: "\f011"; }

/* line 236, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-signal:before {
  content: "\f012"; }

/* line 239, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

/* line 243, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-trash-o:before {
  content: "\f014"; }

/* line 246, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-home:before {
  content: "\f015"; }

/* line 249, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-o:before {
  content: "\f016"; }

/* line 252, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-clock-o:before {
  content: "\f017"; }

/* line 255, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-road:before {
  content: "\f018"; }

/* line 258, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-download:before {
  content: "\f019"; }

/* line 261, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

/* line 264, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

/* line 267, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-inbox:before {
  content: "\f01c"; }

/* line 270, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-play-circle-o:before {
  content: "\f01d"; }

/* line 273, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

/* line 277, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-refresh:before {
  content: "\f021"; }

/* line 280, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-list-alt:before {
  content: "\f022"; }

/* line 283, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-lock:before {
  content: "\f023"; }

/* line 286, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flag:before {
  content: "\f024"; }

/* line 289, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-headphones:before {
  content: "\f025"; }

/* line 292, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-volume-off:before {
  content: "\f026"; }

/* line 295, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-volume-down:before {
  content: "\f027"; }

/* line 298, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-volume-up:before {
  content: "\f028"; }

/* line 301, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-qrcode:before {
  content: "\f029"; }

/* line 304, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-barcode:before {
  content: "\f02a"; }

/* line 307, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tag:before {
  content: "\f02b"; }

/* line 310, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tags:before {
  content: "\f02c"; }

/* line 313, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-book:before {
  content: "\f02d"; }

/* line 316, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bookmark:before {
  content: "\f02e"; }

/* line 319, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-print:before {
  content: "\f02f"; }

/* line 322, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-camera:before {
  content: "\f030"; }

/* line 325, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-font:before {
  content: "\f031"; }

/* line 328, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bold:before {
  content: "\f032"; }

/* line 331, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-italic:before {
  content: "\f033"; }

/* line 334, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-text-height:before {
  content: "\f034"; }

/* line 337, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-text-width:before {
  content: "\f035"; }

/* line 340, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-align-left:before {
  content: "\f036"; }

/* line 343, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-align-center:before {
  content: "\f037"; }

/* line 346, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-align-right:before {
  content: "\f038"; }

/* line 349, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-align-justify:before {
  content: "\f039"; }

/* line 352, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-list:before {
  content: "\f03a"; }

/* line 355, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

/* line 359, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-indent:before {
  content: "\f03c"; }

/* line 362, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-video-camera:before {
  content: "\f03d"; }

/* line 365, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

/* line 370, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pencil:before {
  content: "\f040"; }

/* line 373, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-map-marker:before {
  content: "\f041"; }

/* line 376, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-adjust:before {
  content: "\f042"; }

/* line 379, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tint:before {
  content: "\f043"; }

/* line 382, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

/* line 386, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-share-square-o:before {
  content: "\f045"; }

/* line 389, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-check-square-o:before {
  content: "\f046"; }

/* line 392, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrows:before {
  content: "\f047"; }

/* line 395, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-step-backward:before {
  content: "\f048"; }

/* line 398, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fast-backward:before {
  content: "\f049"; }

/* line 401, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-backward:before {
  content: "\f04a"; }

/* line 404, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-play:before {
  content: "\f04b"; }

/* line 407, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pause:before {
  content: "\f04c"; }

/* line 410, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stop:before {
  content: "\f04d"; }

/* line 413, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-forward:before {
  content: "\f04e"; }

/* line 416, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fast-forward:before {
  content: "\f050"; }

/* line 419, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-step-forward:before {
  content: "\f051"; }

/* line 422, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-eject:before {
  content: "\f052"; }

/* line 425, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-left:before {
  content: "\f053"; }

/* line 428, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-right:before {
  content: "\f054"; }

/* line 431, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-plus-circle:before {
  content: "\f055"; }

/* line 434, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-minus-circle:before {
  content: "\f056"; }

/* line 437, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-times-circle:before {
  content: "\f057"; }

/* line 440, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-check-circle:before {
  content: "\f058"; }

/* line 443, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-question-circle:before {
  content: "\f059"; }

/* line 446, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-info-circle:before {
  content: "\f05a"; }

/* line 449, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-crosshairs:before {
  content: "\f05b"; }

/* line 452, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-times-circle-o:before {
  content: "\f05c"; }

/* line 455, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-check-circle-o:before {
  content: "\f05d"; }

/* line 458, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ban:before {
  content: "\f05e"; }

/* line 461, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-left:before {
  content: "\f060"; }

/* line 464, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-right:before {
  content: "\f061"; }

/* line 467, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-up:before {
  content: "\f062"; }

/* line 470, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-down:before {
  content: "\f063"; }

/* line 473, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

/* line 477, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-expand:before {
  content: "\f065"; }

/* line 480, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-compress:before {
  content: "\f066"; }

/* line 483, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-plus:before {
  content: "\f067"; }

/* line 486, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-minus:before {
  content: "\f068"; }

/* line 489, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-asterisk:before {
  content: "\f069"; }

/* line 492, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-exclamation-circle:before {
  content: "\f06a"; }

/* line 495, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gift:before {
  content: "\f06b"; }

/* line 498, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-leaf:before {
  content: "\f06c"; }

/* line 501, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fire:before {
  content: "\f06d"; }

/* line 504, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-eye:before {
  content: "\f06e"; }

/* line 507, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-eye-slash:before {
  content: "\f070"; }

/* line 510, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

/* line 514, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-plane:before {
  content: "\f072"; }

/* line 517, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-calendar:before {
  content: "\f073"; }

/* line 520, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-random:before {
  content: "\f074"; }

/* line 523, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-comment:before {
  content: "\f075"; }

/* line 526, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-magnet:before {
  content: "\f076"; }

/* line 529, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-up:before {
  content: "\f077"; }

/* line 532, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-down:before {
  content: "\f078"; }

/* line 535, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-retweet:before {
  content: "\f079"; }

/* line 538, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-shopping-cart:before {
  content: "\f07a"; }

/* line 541, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-folder:before {
  content: "\f07b"; }

/* line 544, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-folder-open:before {
  content: "\f07c"; }

/* line 547, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrows-v:before {
  content: "\f07d"; }

/* line 550, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrows-h:before {
  content: "\f07e"; }

/* line 553, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

/* line 557, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-twitter-square:before {
  content: "\f081"; }

/* line 560, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-facebook-square:before {
  content: "\f082"; }

/* line 563, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-camera-retro:before {
  content: "\f083"; }

/* line 566, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-key:before {
  content: "\f084"; }

/* line 569, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

/* line 573, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-comments:before {
  content: "\f086"; }

/* line 576, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thumbs-o-up:before {
  content: "\f087"; }

/* line 579, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thumbs-o-down:before {
  content: "\f088"; }

/* line 582, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-star-half:before {
  content: "\f089"; }

/* line 585, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-heart-o:before {
  content: "\f08a"; }

/* line 588, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sign-out:before {
  content: "\f08b"; }

/* line 591, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-linkedin-square:before {
  content: "\f08c"; }

/* line 594, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thumb-tack:before {
  content: "\f08d"; }

/* line 597, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-external-link:before {
  content: "\f08e"; }

/* line 600, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sign-in:before {
  content: "\f090"; }

/* line 603, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-trophy:before {
  content: "\f091"; }

/* line 606, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-github-square:before {
  content: "\f092"; }

/* line 609, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-upload:before {
  content: "\f093"; }

/* line 612, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-lemon-o:before {
  content: "\f094"; }

/* line 615, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-phone:before {
  content: "\f095"; }

/* line 618, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-square-o:before {
  content: "\f096"; }

/* line 621, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bookmark-o:before {
  content: "\f097"; }

/* line 624, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-phone-square:before {
  content: "\f098"; }

/* line 627, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-twitter:before {
  content: "\f099"; }

/* line 630, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

/* line 634, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-github:before {
  content: "\f09b"; }

/* line 637, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-unlock:before {
  content: "\f09c"; }

/* line 640, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-credit-card:before {
  content: "\f09d"; }

/* line 643, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

/* line 647, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hdd-o:before {
  content: "\f0a0"; }

/* line 650, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bullhorn:before {
  content: "\f0a1"; }

/* line 653, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bell:before {
  content: "\f0f3"; }

/* line 656, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-certificate:before {
  content: "\f0a3"; }

/* line 659, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-o-right:before {
  content: "\f0a4"; }

/* line 662, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-o-left:before {
  content: "\f0a5"; }

/* line 665, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-o-up:before {
  content: "\f0a6"; }

/* line 668, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-o-down:before {
  content: "\f0a7"; }

/* line 671, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-left:before {
  content: "\f0a8"; }

/* line 674, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-right:before {
  content: "\f0a9"; }

/* line 677, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-up:before {
  content: "\f0aa"; }

/* line 680, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-down:before {
  content: "\f0ab"; }

/* line 683, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-globe:before {
  content: "\f0ac"; }

/* line 686, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wrench:before {
  content: "\f0ad"; }

/* line 689, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tasks:before {
  content: "\f0ae"; }

/* line 692, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-filter:before {
  content: "\f0b0"; }

/* line 695, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-briefcase:before {
  content: "\f0b1"; }

/* line 698, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrows-alt:before {
  content: "\f0b2"; }

/* line 701, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

/* line 705, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

/* line 709, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cloud:before {
  content: "\f0c2"; }

/* line 712, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flask:before {
  content: "\f0c3"; }

/* line 715, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

/* line 719, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

/* line 723, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-paperclip:before {
  content: "\f0c6"; }

/* line 726, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

/* line 730, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-square:before {
  content: "\f0c8"; }

/* line 733, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

/* line 738, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-list-ul:before {
  content: "\f0ca"; }

/* line 741, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-list-ol:before {
  content: "\f0cb"; }

/* line 744, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-strikethrough:before {
  content: "\f0cc"; }

/* line 747, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-underline:before {
  content: "\f0cd"; }

/* line 750, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-table:before {
  content: "\f0ce"; }

/* line 753, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-magic:before {
  content: "\f0d0"; }

/* line 756, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-truck:before {
  content: "\f0d1"; }

/* line 759, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pinterest:before {
  content: "\f0d2"; }

/* line 762, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pinterest-square:before {
  content: "\f0d3"; }

/* line 765, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-google-plus-square:before {
  content: "\f0d4"; }

/* line 768, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-google-plus:before {
  content: "\f0d5"; }

/* line 771, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-money:before {
  content: "\f0d6"; }

/* line 774, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-caret-down:before {
  content: "\f0d7"; }

/* line 777, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-caret-up:before {
  content: "\f0d8"; }

/* line 780, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-caret-left:before {
  content: "\f0d9"; }

/* line 783, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-caret-right:before {
  content: "\f0da"; }

/* line 786, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-columns:before {
  content: "\f0db"; }

/* line 789, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

/* line 793, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

/* line 797, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

/* line 801, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-envelope:before {
  content: "\f0e0"; }

/* line 804, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-linkedin:before {
  content: "\f0e1"; }

/* line 807, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

/* line 811, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

/* line 815, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

/* line 819, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-comment-o:before {
  content: "\f0e5"; }

/* line 822, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-comments-o:before {
  content: "\f0e6"; }

/* line 825, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

/* line 829, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sitemap:before {
  content: "\f0e8"; }

/* line 832, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-umbrella:before {
  content: "\f0e9"; }

/* line 835, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

/* line 839, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-lightbulb-o:before {
  content: "\f0eb"; }

/* line 842, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-exchange:before {
  content: "\f0ec"; }

/* line 845, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cloud-download:before {
  content: "\f0ed"; }

/* line 848, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cloud-upload:before {
  content: "\f0ee"; }

/* line 851, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user-md:before {
  content: "\f0f0"; }

/* line 854, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stethoscope:before {
  content: "\f0f1"; }

/* line 857, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-suitcase:before {
  content: "\f0f2"; }

/* line 860, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bell-o:before {
  content: "\f0a2"; }

/* line 863, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-coffee:before {
  content: "\f0f4"; }

/* line 866, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cutlery:before {
  content: "\f0f5"; }

/* line 869, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-text-o:before {
  content: "\f0f6"; }

/* line 872, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-building-o:before {
  content: "\f0f7"; }

/* line 875, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hospital-o:before {
  content: "\f0f8"; }

/* line 878, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ambulance:before {
  content: "\f0f9"; }

/* line 881, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-medkit:before {
  content: "\f0fa"; }

/* line 884, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fighter-jet:before {
  content: "\f0fb"; }

/* line 887, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-beer:before {
  content: "\f0fc"; }

/* line 890, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-h-square:before {
  content: "\f0fd"; }

/* line 893, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-plus-square:before {
  content: "\f0fe"; }

/* line 896, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-double-left:before {
  content: "\f100"; }

/* line 899, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-double-right:before {
  content: "\f101"; }

/* line 902, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-double-up:before {
  content: "\f102"; }

/* line 905, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-double-down:before {
  content: "\f103"; }

/* line 908, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-left:before {
  content: "\f104"; }

/* line 911, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-right:before {
  content: "\f105"; }

/* line 914, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-up:before {
  content: "\f106"; }

/* line 917, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angle-down:before {
  content: "\f107"; }

/* line 920, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-desktop:before {
  content: "\f108"; }

/* line 923, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-laptop:before {
  content: "\f109"; }

/* line 926, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tablet:before {
  content: "\f10a"; }

/* line 929, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

/* line 933, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-circle-o:before {
  content: "\f10c"; }

/* line 936, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-quote-left:before {
  content: "\f10d"; }

/* line 939, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-quote-right:before {
  content: "\f10e"; }

/* line 942, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-spinner:before {
  content: "\f110"; }

/* line 945, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-circle:before {
  content: "\f111"; }

/* line 948, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

/* line 952, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-github-alt:before {
  content: "\f113"; }

/* line 955, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-folder-o:before {
  content: "\f114"; }

/* line 958, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-folder-open-o:before {
  content: "\f115"; }

/* line 961, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-smile-o:before {
  content: "\f118"; }

/* line 964, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-frown-o:before {
  content: "\f119"; }

/* line 967, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-meh-o:before {
  content: "\f11a"; }

/* line 970, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gamepad:before {
  content: "\f11b"; }

/* line 973, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-keyboard-o:before {
  content: "\f11c"; }

/* line 976, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flag-o:before {
  content: "\f11d"; }

/* line 979, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flag-checkered:before {
  content: "\f11e"; }

/* line 982, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-terminal:before {
  content: "\f120"; }

/* line 985, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-code:before {
  content: "\f121"; }

/* line 988, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

/* line 992, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

/* line 997, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-location-arrow:before {
  content: "\f124"; }

/* line 1000, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-crop:before {
  content: "\f125"; }

/* line 1003, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-code-fork:before {
  content: "\f126"; }

/* line 1006, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

/* line 1010, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-question:before {
  content: "\f128"; }

/* line 1013, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-info:before {
  content: "\f129"; }

/* line 1016, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-exclamation:before {
  content: "\f12a"; }

/* line 1019, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-superscript:before {
  content: "\f12b"; }

/* line 1022, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-subscript:before {
  content: "\f12c"; }

/* line 1025, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-eraser:before {
  content: "\f12d"; }

/* line 1028, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-puzzle-piece:before {
  content: "\f12e"; }

/* line 1031, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-microphone:before {
  content: "\f130"; }

/* line 1034, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-microphone-slash:before {
  content: "\f131"; }

/* line 1037, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-shield:before {
  content: "\f132"; }

/* line 1040, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-calendar-o:before {
  content: "\f133"; }

/* line 1043, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fire-extinguisher:before {
  content: "\f134"; }

/* line 1046, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rocket:before {
  content: "\f135"; }

/* line 1049, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-maxcdn:before {
  content: "\f136"; }

/* line 1052, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-circle-left:before {
  content: "\f137"; }

/* line 1055, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-circle-right:before {
  content: "\f138"; }

/* line 1058, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-circle-up:before {
  content: "\f139"; }

/* line 1061, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chevron-circle-down:before {
  content: "\f13a"; }

/* line 1064, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-html5:before {
  content: "\f13b"; }

/* line 1067, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-css3:before {
  content: "\f13c"; }

/* line 1070, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-anchor:before {
  content: "\f13d"; }

/* line 1073, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-unlock-alt:before {
  content: "\f13e"; }

/* line 1076, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bullseye:before {
  content: "\f140"; }

/* line 1079, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ellipsis-h:before {
  content: "\f141"; }

/* line 1082, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ellipsis-v:before {
  content: "\f142"; }

/* line 1085, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rss-square:before {
  content: "\f143"; }

/* line 1088, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-play-circle:before {
  content: "\f144"; }

/* line 1091, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ticket:before {
  content: "\f145"; }

/* line 1094, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-minus-square:before {
  content: "\f146"; }

/* line 1097, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-minus-square-o:before {
  content: "\f147"; }

/* line 1100, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-level-up:before {
  content: "\f148"; }

/* line 1103, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-level-down:before {
  content: "\f149"; }

/* line 1106, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-check-square:before {
  content: "\f14a"; }

/* line 1109, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pencil-square:before {
  content: "\f14b"; }

/* line 1112, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-external-link-square:before {
  content: "\f14c"; }

/* line 1115, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-share-square:before {
  content: "\f14d"; }

/* line 1118, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-compass:before {
  content: "\f14e"; }

/* line 1121, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

/* line 1125, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

/* line 1129, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

/* line 1133, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

/* line 1137, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gbp:before {
  content: "\f154"; }

/* line 1140, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

/* line 1144, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

/* line 1148, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

/* line 1154, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

/* line 1159, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

/* line 1163, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

/* line 1167, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file:before {
  content: "\f15b"; }

/* line 1170, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-text:before {
  content: "\f15c"; }

/* line 1173, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-alpha-asc:before {
  content: "\f15d"; }

/* line 1176, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-alpha-desc:before {
  content: "\f15e"; }

/* line 1179, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-amount-asc:before {
  content: "\f160"; }

/* line 1182, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-amount-desc:before {
  content: "\f161"; }

/* line 1185, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-numeric-asc:before {
  content: "\f162"; }

/* line 1188, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sort-numeric-desc:before {
  content: "\f163"; }

/* line 1191, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thumbs-up:before {
  content: "\f164"; }

/* line 1194, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thumbs-down:before {
  content: "\f165"; }

/* line 1197, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-youtube-square:before {
  content: "\f166"; }

/* line 1200, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-youtube:before {
  content: "\f167"; }

/* line 1203, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-xing:before {
  content: "\f168"; }

/* line 1206, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-xing-square:before {
  content: "\f169"; }

/* line 1209, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-youtube-play:before {
  content: "\f16a"; }

/* line 1212, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-dropbox:before {
  content: "\f16b"; }

/* line 1215, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stack-overflow:before {
  content: "\f16c"; }

/* line 1218, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-instagram:before {
  content: "\f16d"; }

/* line 1221, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-flickr:before {
  content: "\f16e"; }

/* line 1224, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-adn:before {
  content: "\f170"; }

/* line 1227, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bitbucket:before {
  content: "\f171"; }

/* line 1230, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bitbucket-square:before {
  content: "\f172"; }

/* line 1233, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tumblr:before {
  content: "\f173"; }

/* line 1236, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tumblr-square:before {
  content: "\f174"; }

/* line 1239, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-long-arrow-down:before {
  content: "\f175"; }

/* line 1242, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-long-arrow-up:before {
  content: "\f176"; }

/* line 1245, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-long-arrow-left:before {
  content: "\f177"; }

/* line 1248, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-long-arrow-right:before {
  content: "\f178"; }

/* line 1251, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-apple:before {
  content: "\f179"; }

/* line 1254, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-windows:before {
  content: "\f17a"; }

/* line 1257, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-android:before {
  content: "\f17b"; }

/* line 1260, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-linux:before {
  content: "\f17c"; }

/* line 1263, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-dribbble:before {
  content: "\f17d"; }

/* line 1266, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-skype:before {
  content: "\f17e"; }

/* line 1269, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-foursquare:before {
  content: "\f180"; }

/* line 1272, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-trello:before {
  content: "\f181"; }

/* line 1275, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-female:before {
  content: "\f182"; }

/* line 1278, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-male:before {
  content: "\f183"; }

/* line 1281, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

/* line 1285, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sun-o:before {
  content: "\f185"; }

/* line 1288, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-moon-o:before {
  content: "\f186"; }

/* line 1291, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-archive:before {
  content: "\f187"; }

/* line 1294, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bug:before {
  content: "\f188"; }

/* line 1297, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-vk:before {
  content: "\f189"; }

/* line 1300, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-weibo:before {
  content: "\f18a"; }

/* line 1303, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-renren:before {
  content: "\f18b"; }

/* line 1306, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pagelines:before {
  content: "\f18c"; }

/* line 1309, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stack-exchange:before {
  content: "\f18d"; }

/* line 1312, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

/* line 1315, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-arrow-circle-o-left:before {
  content: "\f190"; }

/* line 1318, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

/* line 1322, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-dot-circle-o:before {
  content: "\f192"; }

/* line 1325, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wheelchair:before {
  content: "\f193"; }

/* line 1328, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-vimeo-square:before {
  content: "\f194"; }

/* line 1331, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

/* line 1335, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-plus-square-o:before {
  content: "\f196"; }

/* line 1338, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-space-shuttle:before {
  content: "\f197"; }

/* line 1341, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-slack:before {
  content: "\f198"; }

/* line 1344, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-envelope-square:before {
  content: "\f199"; }

/* line 1347, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wordpress:before {
  content: "\f19a"; }

/* line 1350, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-openid:before {
  content: "\f19b"; }

/* line 1353, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

/* line 1358, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

/* line 1362, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-yahoo:before {
  content: "\f19e"; }

/* line 1365, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-google:before {
  content: "\f1a0"; }

/* line 1368, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-reddit:before {
  content: "\f1a1"; }

/* line 1371, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-reddit-square:before {
  content: "\f1a2"; }

/* line 1374, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

/* line 1377, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stumbleupon:before {
  content: "\f1a4"; }

/* line 1380, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-delicious:before {
  content: "\f1a5"; }

/* line 1383, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-digg:before {
  content: "\f1a6"; }

/* line 1386, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pied-piper-pp:before {
  content: "\f1a7"; }

/* line 1389, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pied-piper-alt:before {
  content: "\f1a8"; }

/* line 1392, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-drupal:before {
  content: "\f1a9"; }

/* line 1395, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-joomla:before {
  content: "\f1aa"; }

/* line 1398, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-language:before {
  content: "\f1ab"; }

/* line 1401, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fax:before {
  content: "\f1ac"; }

/* line 1404, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-building:before {
  content: "\f1ad"; }

/* line 1407, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-child:before {
  content: "\f1ae"; }

/* line 1410, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-paw:before {
  content: "\f1b0"; }

/* line 1413, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-spoon:before {
  content: "\f1b1"; }

/* line 1416, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cube:before {
  content: "\f1b2"; }

/* line 1419, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cubes:before {
  content: "\f1b3"; }

/* line 1422, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-behance:before {
  content: "\f1b4"; }

/* line 1425, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-behance-square:before {
  content: "\f1b5"; }

/* line 1428, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-steam:before {
  content: "\f1b6"; }

/* line 1431, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-steam-square:before {
  content: "\f1b7"; }

/* line 1434, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-recycle:before {
  content: "\f1b8"; }

/* line 1437, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

/* line 1441, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

/* line 1445, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tree:before {
  content: "\f1bb"; }

/* line 1448, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-spotify:before {
  content: "\f1bc"; }

/* line 1451, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-deviantart:before {
  content: "\f1bd"; }

/* line 1454, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-soundcloud:before {
  content: "\f1be"; }

/* line 1457, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-database:before {
  content: "\f1c0"; }

/* line 1460, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-pdf-o:before {
  content: "\f1c1"; }

/* line 1463, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-word-o:before {
  content: "\f1c2"; }

/* line 1466, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-excel-o:before {
  content: "\f1c3"; }

/* line 1469, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

/* line 1472, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

/* line 1477, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

/* line 1481, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

/* line 1485, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

/* line 1489, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-file-code-o:before {
  content: "\f1c9"; }

/* line 1492, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-vine:before {
  content: "\f1ca"; }

/* line 1495, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-codepen:before {
  content: "\f1cb"; }

/* line 1498, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-jsfiddle:before {
  content: "\f1cc"; }

/* line 1501, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

/* line 1508, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-circle-o-notch:before {
  content: "\f1ce"; }

/* line 1511, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"; }

/* line 1516, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

/* line 1520, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-git-square:before {
  content: "\f1d2"; }

/* line 1523, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-git:before {
  content: "\f1d3"; }

/* line 1526, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

/* line 1531, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tencent-weibo:before {
  content: "\f1d5"; }

/* line 1534, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-qq:before {
  content: "\f1d6"; }

/* line 1537, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

/* line 1541, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

/* line 1545, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

/* line 1549, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-history:before {
  content: "\f1da"; }

/* line 1552, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-circle-thin:before {
  content: "\f1db"; }

/* line 1555, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-header:before {
  content: "\f1dc"; }

/* line 1558, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-paragraph:before {
  content: "\f1dd"; }

/* line 1561, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sliders:before {
  content: "\f1de"; }

/* line 1564, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-share-alt:before {
  content: "\f1e0"; }

/* line 1567, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-share-alt-square:before {
  content: "\f1e1"; }

/* line 1570, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bomb:before {
  content: "\f1e2"; }

/* line 1573, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

/* line 1577, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tty:before {
  content: "\f1e4"; }

/* line 1580, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-binoculars:before {
  content: "\f1e5"; }

/* line 1583, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-plug:before {
  content: "\f1e6"; }

/* line 1586, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-slideshare:before {
  content: "\f1e7"; }

/* line 1589, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-twitch:before {
  content: "\f1e8"; }

/* line 1592, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-yelp:before {
  content: "\f1e9"; }

/* line 1595, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-newspaper-o:before {
  content: "\f1ea"; }

/* line 1598, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wifi:before {
  content: "\f1eb"; }

/* line 1601, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-calculator:before {
  content: "\f1ec"; }

/* line 1604, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-paypal:before {
  content: "\f1ed"; }

/* line 1607, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-google-wallet:before {
  content: "\f1ee"; }

/* line 1610, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-visa:before {
  content: "\f1f0"; }

/* line 1613, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-mastercard:before {
  content: "\f1f1"; }

/* line 1616, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-discover:before {
  content: "\f1f2"; }

/* line 1619, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-amex:before {
  content: "\f1f3"; }

/* line 1622, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-paypal:before {
  content: "\f1f4"; }

/* line 1625, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-stripe:before {
  content: "\f1f5"; }

/* line 1628, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bell-slash:before {
  content: "\f1f6"; }

/* line 1631, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bell-slash-o:before {
  content: "\f1f7"; }

/* line 1634, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-trash:before {
  content: "\f1f8"; }

/* line 1637, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-copyright:before {
  content: "\f1f9"; }

/* line 1640, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-at:before {
  content: "\f1fa"; }

/* line 1643, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-eyedropper:before {
  content: "\f1fb"; }

/* line 1646, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-paint-brush:before {
  content: "\f1fc"; }

/* line 1649, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-birthday-cake:before {
  content: "\f1fd"; }

/* line 1652, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-area-chart:before {
  content: "\f1fe"; }

/* line 1655, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pie-chart:before {
  content: "\f200"; }

/* line 1658, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-line-chart:before {
  content: "\f201"; }

/* line 1661, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-lastfm:before {
  content: "\f202"; }

/* line 1664, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-lastfm-square:before {
  content: "\f203"; }

/* line 1667, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-toggle-off:before {
  content: "\f204"; }

/* line 1670, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-toggle-on:before {
  content: "\f205"; }

/* line 1673, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bicycle:before {
  content: "\f206"; }

/* line 1676, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bus:before {
  content: "\f207"; }

/* line 1679, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ioxhost:before {
  content: "\f208"; }

/* line 1682, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-angellist:before {
  content: "\f209"; }

/* line 1685, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc:before {
  content: "\f20a"; }

/* line 1688, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

/* line 1693, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-meanpath:before {
  content: "\f20c"; }

/* line 1696, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-buysellads:before {
  content: "\f20d"; }

/* line 1699, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-connectdevelop:before {
  content: "\f20e"; }

/* line 1702, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-dashcube:before {
  content: "\f210"; }

/* line 1705, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-forumbee:before {
  content: "\f211"; }

/* line 1708, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-leanpub:before {
  content: "\f212"; }

/* line 1711, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sellsy:before {
  content: "\f213"; }

/* line 1714, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-shirtsinbulk:before {
  content: "\f214"; }

/* line 1717, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-simplybuilt:before {
  content: "\f215"; }

/* line 1720, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-skyatlas:before {
  content: "\f216"; }

/* line 1723, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cart-plus:before {
  content: "\f217"; }

/* line 1726, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cart-arrow-down:before {
  content: "\f218"; }

/* line 1729, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-diamond:before {
  content: "\f219"; }

/* line 1732, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ship:before {
  content: "\f21a"; }

/* line 1735, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user-secret:before {
  content: "\f21b"; }

/* line 1738, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-motorcycle:before {
  content: "\f21c"; }

/* line 1741, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-street-view:before {
  content: "\f21d"; }

/* line 1744, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-heartbeat:before {
  content: "\f21e"; }

/* line 1747, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-venus:before {
  content: "\f221"; }

/* line 1750, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mars:before {
  content: "\f222"; }

/* line 1753, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mercury:before {
  content: "\f223"; }

/* line 1756, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

/* line 1760, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-transgender-alt:before {
  content: "\f225"; }

/* line 1763, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-venus-double:before {
  content: "\f226"; }

/* line 1766, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mars-double:before {
  content: "\f227"; }

/* line 1769, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-venus-mars:before {
  content: "\f228"; }

/* line 1772, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mars-stroke:before {
  content: "\f229"; }

/* line 1775, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mars-stroke-v:before {
  content: "\f22a"; }

/* line 1778, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mars-stroke-h:before {
  content: "\f22b"; }

/* line 1781, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-neuter:before {
  content: "\f22c"; }

/* line 1784, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-genderless:before {
  content: "\f22d"; }

/* line 1787, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-facebook-official:before {
  content: "\f230"; }

/* line 1790, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pinterest-p:before {
  content: "\f231"; }

/* line 1793, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-whatsapp:before {
  content: "\f232"; }

/* line 1796, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-server:before {
  content: "\f233"; }

/* line 1799, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user-plus:before {
  content: "\f234"; }

/* line 1802, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user-times:before {
  content: "\f235"; }

/* line 1805, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

/* line 1809, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-viacoin:before {
  content: "\f237"; }

/* line 1812, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-train:before {
  content: "\f238"; }

/* line 1815, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-subway:before {
  content: "\f239"; }

/* line 1818, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-medium:before {
  content: "\f23a"; }

/* line 1821, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

/* line 1825, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-optin-monster:before {
  content: "\f23c"; }

/* line 1828, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-opencart:before {
  content: "\f23d"; }

/* line 1831, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-expeditedssl:before {
  content: "\f23e"; }

/* line 1834, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"; }

/* line 1839, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

/* line 1843, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

/* line 1847, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

/* line 1851, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

/* line 1855, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mouse-pointer:before {
  content: "\f245"; }

/* line 1858, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-i-cursor:before {
  content: "\f246"; }

/* line 1861, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-object-group:before {
  content: "\f247"; }

/* line 1864, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-object-ungroup:before {
  content: "\f248"; }

/* line 1867, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sticky-note:before {
  content: "\f249"; }

/* line 1870, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-sticky-note-o:before {
  content: "\f24a"; }

/* line 1873, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-jcb:before {
  content: "\f24b"; }

/* line 1876, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-cc-diners-club:before {
  content: "\f24c"; }

/* line 1879, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-clone:before {
  content: "\f24d"; }

/* line 1882, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-balance-scale:before {
  content: "\f24e"; }

/* line 1885, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hourglass-o:before {
  content: "\f250"; }

/* line 1888, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

/* line 1892, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

/* line 1896, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

/* line 1900, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hourglass:before {
  content: "\f254"; }

/* line 1903, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

/* line 1907, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

/* line 1911, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-scissors-o:before {
  content: "\f257"; }

/* line 1914, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-lizard-o:before {
  content: "\f258"; }

/* line 1917, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-spock-o:before {
  content: "\f259"; }

/* line 1920, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-pointer-o:before {
  content: "\f25a"; }

/* line 1923, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hand-peace-o:before {
  content: "\f25b"; }

/* line 1926, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-trademark:before {
  content: "\f25c"; }

/* line 1929, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-registered:before {
  content: "\f25d"; }

/* line 1932, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-creative-commons:before {
  content: "\f25e"; }

/* line 1935, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gg:before {
  content: "\f260"; }

/* line 1938, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gg-circle:before {
  content: "\f261"; }

/* line 1941, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tripadvisor:before {
  content: "\f262"; }

/* line 1944, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-odnoklassniki:before {
  content: "\f263"; }

/* line 1947, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-odnoklassniki-square:before {
  content: "\f264"; }

/* line 1950, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-get-pocket:before {
  content: "\f265"; }

/* line 1953, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wikipedia-w:before {
  content: "\f266"; }

/* line 1956, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-safari:before {
  content: "\f267"; }

/* line 1959, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-chrome:before {
  content: "\f268"; }

/* line 1962, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-firefox:before {
  content: "\f269"; }

/* line 1965, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-opera:before {
  content: "\f26a"; }

/* line 1968, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-internet-explorer:before {
  content: "\f26b"; }

/* line 1971, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

/* line 1975, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-contao:before {
  content: "\f26d"; }

/* line 1978, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-500px:before {
  content: "\f26e"; }

/* line 1981, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-amazon:before {
  content: "\f270"; }

/* line 1984, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-calendar-plus-o:before {
  content: "\f271"; }

/* line 1987, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-calendar-minus-o:before {
  content: "\f272"; }

/* line 1990, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-calendar-times-o:before {
  content: "\f273"; }

/* line 1993, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-calendar-check-o:before {
  content: "\f274"; }

/* line 1996, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-industry:before {
  content: "\f275"; }

/* line 1999, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-map-pin:before {
  content: "\f276"; }

/* line 2002, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-map-signs:before {
  content: "\f277"; }

/* line 2005, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-map-o:before {
  content: "\f278"; }

/* line 2008, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-map:before {
  content: "\f279"; }

/* line 2011, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-commenting:before {
  content: "\f27a"; }

/* line 2014, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-commenting-o:before {
  content: "\f27b"; }

/* line 2017, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-houzz:before {
  content: "\f27c"; }

/* line 2020, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-vimeo:before {
  content: "\f27d"; }

/* line 2023, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-black-tie:before {
  content: "\f27e"; }

/* line 2026, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fonticons:before {
  content: "\f280"; }

/* line 2029, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-reddit-alien:before {
  content: "\f281"; }

/* line 2032, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-edge:before {
  content: "\f282"; }

/* line 2035, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-credit-card-alt:before {
  content: "\f283"; }

/* line 2038, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-codiepie:before {
  content: "\f284"; }

/* line 2041, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-modx:before {
  content: "\f285"; }

/* line 2044, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fort-awesome:before {
  content: "\f286"; }

/* line 2047, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-usb:before {
  content: "\f287"; }

/* line 2050, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-product-hunt:before {
  content: "\f288"; }

/* line 2053, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-mixcloud:before {
  content: "\f289"; }

/* line 2056, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-scribd:before {
  content: "\f28a"; }

/* line 2059, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pause-circle:before {
  content: "\f28b"; }

/* line 2062, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pause-circle-o:before {
  content: "\f28c"; }

/* line 2065, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stop-circle:before {
  content: "\f28d"; }

/* line 2068, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-stop-circle-o:before {
  content: "\f28e"; }

/* line 2071, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-shopping-bag:before {
  content: "\f290"; }

/* line 2074, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-shopping-basket:before {
  content: "\f291"; }

/* line 2077, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-hashtag:before {
  content: "\f292"; }

/* line 2080, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bluetooth:before {
  content: "\f293"; }

/* line 2083, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bluetooth-b:before {
  content: "\f294"; }

/* line 2086, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-percent:before {
  content: "\f295"; }

/* line 2089, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-gitlab:before {
  content: "\f296"; }

/* line 2092, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wpbeginner:before {
  content: "\f297"; }

/* line 2095, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wpforms:before {
  content: "\f298"; }

/* line 2098, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-envira:before {
  content: "\f299"; }

/* line 2101, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-universal-access:before {
  content: "\f29a"; }

/* line 2104, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wheelchair-alt:before {
  content: "\f29b"; }

/* line 2107, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-question-circle-o:before {
  content: "\f29c"; }

/* line 2110, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-blind:before {
  content: "\f29d"; }

/* line 2113, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-audio-description:before {
  content: "\f29e"; }

/* line 2116, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-volume-control-phone:before {
  content: "\f2a0"; }

/* line 2119, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-braille:before {
  content: "\f2a1"; }

/* line 2122, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

/* line 2125, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

/* line 2129, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

/* line 2134, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-glide:before {
  content: "\f2a5"; }

/* line 2137, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-glide-g:before {
  content: "\f2a6"; }

/* line 2140, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

/* line 2144, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-low-vision:before {
  content: "\f2a8"; }

/* line 2147, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-viadeo:before {
  content: "\f2a9"; }

/* line 2150, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-viadeo-square:before {
  content: "\f2aa"; }

/* line 2153, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-snapchat:before {
  content: "\f2ab"; }

/* line 2156, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-snapchat-ghost:before {
  content: "\f2ac"; }

/* line 2159, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-snapchat-square:before {
  content: "\f2ad"; }

/* line 2162, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-pied-piper:before {
  content: "\f2ae"; }

/* line 2165, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-first-order:before {
  content: "\f2b0"; }

/* line 2168, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-yoast:before {
  content: "\f2b1"; }

/* line 2171, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-themeisle:before {
  content: "\f2b2"; }

/* line 2174, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"; }

/* line 2178, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"; }

/* line 2182, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-handshake-o:before {
  content: "\f2b5"; }

/* line 2185, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-envelope-open:before {
  content: "\f2b6"; }

/* line 2188, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-envelope-open-o:before {
  content: "\f2b7"; }

/* line 2191, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-linode:before {
  content: "\f2b8"; }

/* line 2194, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-address-book:before {
  content: "\f2b9"; }

/* line 2197, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-address-book-o:before {
  content: "\f2ba"; }

/* line 2200, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"; }

/* line 2204, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"; }

/* line 2208, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user-circle:before {
  content: "\f2bd"; }

/* line 2211, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user-circle-o:before {
  content: "\f2be"; }

/* line 2214, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-user-o:before {
  content: "\f2c0"; }

/* line 2217, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-id-badge:before {
  content: "\f2c1"; }

/* line 2220, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"; }

/* line 2224, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"; }

/* line 2228, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-quora:before {
  content: "\f2c4"; }

/* line 2231, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-free-code-camp:before {
  content: "\f2c5"; }

/* line 2234, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-telegram:before {
  content: "\f2c6"; }

/* line 2237, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"; }

/* line 2242, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

/* line 2246, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"; }

/* line 2250, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"; }

/* line 2254, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"; }

/* line 2258, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-shower:before {
  content: "\f2cc"; }

/* line 2261, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"; }

/* line 2266, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-podcast:before {
  content: "\f2ce"; }

/* line 2269, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-window-maximize:before {
  content: "\f2d0"; }

/* line 2272, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-window-minimize:before {
  content: "\f2d1"; }

/* line 2275, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-window-restore:before {
  content: "\f2d2"; }

/* line 2278, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"; }

/* line 2282, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"; }

/* line 2286, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-bandcamp:before {
  content: "\f2d5"; }

/* line 2289, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-grav:before {
  content: "\f2d6"; }

/* line 2292, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-etsy:before {
  content: "\f2d7"; }

/* line 2295, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-imdb:before {
  content: "\f2d8"; }

/* line 2298, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-ravelry:before {
  content: "\f2d9"; }

/* line 2301, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-eercast:before {
  content: "\f2da"; }

/* line 2304, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-microchip:before {
  content: "\f2db"; }

/* line 2307, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-snowflake-o:before {
  content: "\f2dc"; }

/* line 2310, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-superpowers:before {
  content: "\f2dd"; }

/* line 2313, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-wpexplorer:before {
  content: "\f2de"; }

/* line 2316, ../../../../libraries/fontawesome/css/font-awesome.scss */
.fa-meetup:before {
  content: "\f2e0"; }

/* line 2319, ../../../../libraries/fontawesome/css/font-awesome.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* line 2329, ../../../../libraries/fontawesome/css/font-awesome.scss */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/*RESPONSIVE BREAKPOINTS*/
/*RESPONSIVE BREAKPOINTS CMS DESIGN*/
/* line 1, ../sass/_global.scss */
body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: .86em;
  color: #0F0F0F;
  overflow-x: hidden;
  background: #c9d3df;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c9d3df 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9d3df), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c9d3df 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c9d3df 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c9d3df 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(top, #c9d3df 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  width: 100%;
  min-height: 100vh; }
  /* line 10, ../sass/_global.scss */
  body.largeFont #main-wrapper {
    font-size: 110%; }
  /* line 15, ../sass/_global.scss */
  body.smallFont #main-wrapper {
    font-size: 85%; }

/* line 21, ../sass/_global.scss */
h1 {
  color: #174b76;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.75em; }

/* line 27, ../sass/_global.scss */
h2 {
  color: #006a39;
  font-size: 1.4em; }

/* line 31, ../sass/_global.scss */
h3 {
  color: #174b76;
  font-weight: bold;
  font-size: .9rem; }

/* line 37, ../sass/_global.scss */
.about-language-header h2 {
  color: #174b76;
  font-size: 24px; }
  /* line 40, ../sass/_global.scss */
  .about-language-header h2 a {
    font-weight: normal; }

/* line 46, ../sass/_global.scss */
p {
  line-height: 150%; }
  /* line 48, ../sass/_global.scss */
  p.date-last-updated {
    font-size: 0.9em;
    margin-right: 2.5em; }

/* line 54, ../sass/_global.scss */
.btn {
  font-weight: bold;
  FONT-WEIGHT: bold !important;
  /* for legacy style override */
  font-size: 1em;
  padding: 10px 15px;
  border: 1px solid black;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  /* line 64, ../sass/_global.scss */
  .btn.btn-primary {
    color: white;
    background: #09539f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #09539f 0%, #042c4f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09539f), color-stop(100%, #042c4f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #09539f 0%, #042c4f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #09539f 0%, #042c4f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #09539f 0%, #042c4f 100%);
    /* IE10+ */
    background: linear-gradient(top, #09539f 0%, #042c4f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */ }
    /* line 67, ../sass/_global.scss */
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background: #042c4f;
      /* Old browsers */
      background: -moz-linear-gradient(top, #042c4f 0%, #09539f 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #042c4f), color-stop(100%, #09539f));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #042c4f 0%, #09539f 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #042c4f 0%, #09539f 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #042c4f 0%, #09539f 100%);
      /* IE10+ */
      background: linear-gradient(top, #042c4f 0%, #09539f 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
      /* IE6-9 */ }

/* line 73, ../sass/_global.scss */
#panel {
  display: none; }

/* line 76, ../sass/_global.scss */
table {
  table-layout: fixed; }
  /* line 78, ../sass/_global.scss */
  table th, table td {
    padding: 10px 10px !important;
    text-align: left;
    border: 2px solid #cccccc !important;
    vertical-align: top; }
  /* line 84, ../sass/_global.scss */
  table th {
    color: #000000 !important;
    font-size: 14px;
    font-weight: bold !important;
    background: #DFE5EC !important; }
  /* line 90, ../sass/_global.scss */
  table td {
    color: #333333; }
  /* line 94, ../sass/_global.scss */
  table.ds-c-table.fixedwidth {
    width: 100% !important; }
  /* line 98, ../sass/_global.scss */
  table th.example-header-width {
    width: 80px; }

/* line 103, ../sass/_global.scss */
.medicare-card {
  background-color: #042c4f;
  color: white;
  overflow: auto; }
  /* line 107, ../sass/_global.scss */
  .medicare-card .left-side {
    margin-top: 10%; }
    /* line 109, ../sass/_global.scss */
    .medicare-card .left-side h1 {
      border: none;
      color: white;
      font-size: 2.35em;
      font-weight: 700;
      text-shadow: 0 6px 8px rgba(0, 0, 0, 0.5);
      width: 100%; }
    /* line 117, ../sass/_global.scss */
    .medicare-card .left-side h2 {
      color: white;
      font-size: 17.6px;
      font-weight: 700;
      margin-top: 20px;
      text-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); }
    /* line 124, ../sass/_global.scss */
    .medicare-card .left-side input[type='email'] {
      border-radius: 4px;
      color: #4c4c4c;
      font-size: 0.875em;
      font-weight: bold;
      height: 23px;
      margin: 10px 0;
      padding-left: 5px;
      width: 98%; }
    /* line 134, ../sass/_global.scss */
    .medicare-card .left-side select {
      color: #4c4c4c;
      margin: 10px 0;
      color: #726E70;
      font-weight: bold;
      font-size: 0.875em;
      border: 1px solid #848484;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      border-radius: 4px;
      height: 30px;
      width: 100%; }
  /* line 150, ../sass/_global.scss */
  .medicare-card .right-side {
    background-color: #e7f6fd;
    border-radius: 1%;
    color: #4c4c4c;
    margin: 20px;
    padding-bottom: 1em; }
    /* line 156, ../sass/_global.scss */
    .medicare-card .right-side h2 {
      color: black;
      font-size: 1.1em;
      text-align: center; }
    /* line 161, ../sass/_global.scss */
    .medicare-card .right-side img {
      max-width: 100%; }
    /* line 164, ../sass/_global.scss */
    .medicare-card .right-side p.text-center {
      text-align: center; }

/* line 170, ../sass/_global.scss */
.medicare-card-bottom {
  line-height: 20px;
  margin-top: 20px; }
  /* line 174, ../sass/_global.scss */
  .medicare-card-bottom .left-side h2 {
    color: #212121;
    text-align: center; }
  /* line 178, ../sass/_global.scss */
  .medicare-card-bottom .left-side table {
    border-bottom: solid 1px #0071bc !important;
    border-top: solid 1px #0071bc !important;
    width: 100% !important; }
    /* line 182, ../sass/_global.scss */
    .medicare-card-bottom .left-side table td, .medicare-card-bottom .left-side table th {
      background: none !important;
      border: none !important;
      border-bottom: 1px solid #ccc !important;
      padding: 0.7em !important;
      width: 33%; }
    /* line 189, ../sass/_global.scss */
    .medicare-card-bottom .left-side table td:nth-child(2), .medicare-card-bottom .left-side table th:nth-child(2) {
      border-left: solid 1px #979797 !important;
      border-right: solid 1px #979797 !important; }
    /* line 194, ../sass/_global.scss */
    .medicare-card-bottom .left-side table tr:last-child td {
      border-bottom: none !important; }
  /* line 200, ../sass/_global.scss */
  .medicare-card-bottom .right-side {
    background-color: #e7f6fd;
    border-radius: 1%;
    height: 100%;
    padding-bottom: 1em; }
    /* line 205, ../sass/_global.scss */
    .medicare-card-bottom .right-side h2 {
      color: #174b76; }
    /* line 208, ../sass/_global.scss */
    .medicare-card-bottom .right-side p {
      padding: 2%; }
      /* line 210, ../sass/_global.scss */
      .medicare-card-bottom .right-side p.scam-alert {
        background-color: #b0d1ea;
        border-radius: 1%; }

/* line 218, ../sass/_global.scss */
#YMC-banner {
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 5px;
  color: #154B75;
  margin: 0px;
  line-height: 35px;
  padding: 5px 0 5px 15px;
  border: none;
  width: auto;
  font-size: 1.75em;
  background: none;
  background: -moz-linear-gradient(left, #CEEEFB 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #CEEEFB), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #CEEEFB 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, #CEEEFB 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, #CEEEFB 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(left, #CEEEFB 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CEEEFB', endColorstr='#00FFFFFF',GradientType=1 ); }

/* line 239, ../sass/_global.scss */
#YMC-title {
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 24px;
  padding: 10px 20px;
  color: #174b76;
  background: #ecf9ff;
  background: -moz-linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecf9ff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ecf9ff 0%, #ffffff 10%);
  background: linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf9ff', endColorstr='#ffffff',GradientType=0 );
  font-size: 1.4em;
  border: none;
  width: auto; }

/* line 258, ../sass/_global.scss */
#YMC-body {
  padding-left: 20px; }
  /* line 260, ../sass/_global.scss */
  #YMC-body p {
    margin-bottom: 0;
    /*margin-top: 0;*/ }
  /* line 264, ../sass/_global.scss */
  #YMC-body > p {
    margin-top: 30px;
    margin-bottom: 10px; }

/* line 272, ../sass/_global.scss */
.page-node-type-coverage .node__content ul, .page-node-type-page .node__content ul {
  margin-top: 0; }
  /* line 274, ../sass/_global.scss */
  .page-node-type-coverage .node__content ul li, .page-node-type-page .node__content ul li {
    list-style: none;
    margin: 0 0 2px;
    line-height: 1.5; }
    /* line 278, ../sass/_global.scss */
    .page-node-type-coverage .node__content ul li p, .page-node-type-page .node__content ul li p {
      margin-top: 0; }
    /* line 281, ../sass/_global.scss */
    .page-node-type-coverage .node__content ul li:before, .page-node-type-page .node__content ul li:before {
      background-color: #042C4F;
      content: '';
      display: block;
      height: 0.35em;
      left: -1.4em;
      position: relative;
      top: 12px;
      transform: rotate(45deg);
      width: 0.35em; }
  /* line 294, ../sass/_global.scss */
  .page-node-type-coverage .node__content ul ul li, .page-node-type-page .node__content ul ul li {
    list-style: disc; }
    /* line 296, ../sass/_global.scss */
    .page-node-type-coverage .node__content ul ul li:before, .page-node-type-page .node__content ul ul li:before {
      display: none; }
  /* line 301, ../sass/_global.scss */
  .page-node-type-coverage .node__content ul ol, .page-node-type-page .node__content ul ol {
    margin-top: 10px; }
    /* line 303, ../sass/_global.scss */
    .page-node-type-coverage .node__content ul ol li, .page-node-type-page .node__content ul ol li {
      list-style: decimal; }
      /* line 305, ../sass/_global.scss */
      .page-node-type-coverage .node__content ul ol li:before, .page-node-type-page .node__content ul ol li:before {
        display: none; }
/* line 312, ../sass/_global.scss */
.page-node-type-coverage .node__content ol li, .page-node-type-page .node__content ol li {
  margin-bottom: 8px;
  line-height: 1.5; }
/* line 316, ../sass/_global.scss */
.page-node-type-coverage .node__content ol ul, .page-node-type-page .node__content ol ul {
  margin-top: 10px;
  padding-left: 20px; }

/* line 325, ../sass/_global.scss */
#coverage-search-notes ul {
  margin-top: 0; }
  /* line 327, ../sass/_global.scss */
  #coverage-search-notes ul li {
    list-style: none;
    margin: 0 0 2px;
    line-height: 1.5; }
    /* line 331, ../sass/_global.scss */
    #coverage-search-notes ul li p {
      margin-top: 0; }
    /* line 334, ../sass/_global.scss */
    #coverage-search-notes ul li:before {
      background-color: #042C4F;
      content: '';
      display: block;
      height: 0.35em;
      left: -1.4em;
      position: relative;
      top: 12px;
      transform: rotate(45deg);
      width: 0.35em; }
/* line 348, ../sass/_global.scss */
#coverage-search-notes ol li {
  margin-bottom: 8px;
  line-height: 1.5; }
/* line 352, ../sass/_global.scss */
#coverage-search-notes ol ul {
  margin-top: 10px;
  padding-left: 20px; }

/* line 359, ../sass/_global.scss */
.embedded-entity, .caption-drupal-entity {
  display: inline;
  margin: 0px; }
  /* line 363, ../sass/_global.scss */
  .embedded-entity.embedded-inline-block, .caption-drupal-entity.embedded-inline-block {
    display: inline-block; }
  /* line 368, ../sass/_global.scss */
  .embedded-entity img[title='medicare-and-you-header'], .caption-drupal-entity img[title='medicare-and-you-header'] {
    width: auto;
    max-width: 100%; }
  /* line 374, ../sass/_global.scss */
  .embedded-entity.align-left, .caption-drupal-entity.align-left {
    padding-right: 7px; }
    /* line 377, ../sass/_global.scss */
    .embedded-entity.align-left .video-embed-field-responsive-video iframe, .caption-drupal-entity.align-left .video-embed-field-responsive-video iframe {
      position: relative; }
    /* line 381, ../sass/_global.scss */
    .embedded-entity.align-left .video-embed-field-responsive-video:after, .caption-drupal-entity.align-left .video-embed-field-responsive-video:after {
      padding-bottom: 0%; }
  /* line 386, ../sass/_global.scss */
  .embedded-entity.align-right, .caption-drupal-entity.align-right {
    padding-left: 7px; }
    /* line 389, ../sass/_global.scss */
    .embedded-entity.align-right .video-embed-field-responsive-video iframe, .caption-drupal-entity.align-right .video-embed-field-responsive-video iframe {
      position: relative; }
    /* line 393, ../sass/_global.scss */
    .embedded-entity.align-right .video-embed-field-responsive-video:after, .caption-drupal-entity.align-right .video-embed-field-responsive-video:after {
      padding-bottom: 0%; }
  /* line 398, ../sass/_global.scss */
  .embedded-entity figcaption, .caption-drupal-entity figcaption {
    display: block;
    text-align: center;
    font-style: italic; }

@media (max-width: 1023px) {
  /* line 406, ../sass/_global.scss */
  main.base-middle-content {
    padding-right: 60px; } }
@media (max-width: 767px) {
  /* line 406, ../sass/_global.scss */
  main.base-middle-content {
    padding: 0 30px; } }
/* line 413, ../sass/_global.scss */
main.base-middle-content.main-empty-sidebar1, main.base-middle-content.main-empty-sidebar2 {
  margin-left: 20px;
  flex: 0 0 73%;
  max-width: 73%; }
  /* line 417, ../sass/_global.scss */
  main.base-middle-content.main-empty-sidebar1 h1, main.base-middle-content.main-empty-sidebar2 h1 {
    width: 134%; }
  @media (max-width: 1023px) {
    /* line 413, ../sass/_global.scss */
    main.base-middle-content.main-empty-sidebar1, main.base-middle-content.main-empty-sidebar2 {
      flex: 0 0 100%;
      max-width: 100%; }
      /* line 423, ../sass/_global.scss */
      main.base-middle-content.main-empty-sidebar1 h1, main.base-middle-content.main-empty-sidebar2 h1 {
        width: 100%; } }
  @media (max-width: 767px) {
    /* line 413, ../sass/_global.scss */
    main.base-middle-content.main-empty-sidebar1, main.base-middle-content.main-empty-sidebar2 {
      margin-left: 0; } }
/* line 431, ../sass/_global.scss */
main.base-middle-content.main-empty-sidebar2 {
  margin-left: 0; }
  /* line 433, ../sass/_global.scss */
  main.base-middle-content.main-empty-sidebar2 h1 {
    width: 100%; }
/* line 437, ../sass/_global.scss */
main.base-middle-content.main-empty-sidebar1.main-empty-sidebar2 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px; }

/* line 446, ../sass/_global.scss */
.HiddenText, .HiddenFieldset legend {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/* line 455, ../sass/_global.scss */
a {
  text-decoration: none;
  color: #006699; }
  /* line 458, ../sass/_global.scss */
  a:visited {
    color: #006699; }
    /* line 460, ../sass/_global.scss */
    a:visited.skip-link {
      color: #195D80; }
  /* line 464, ../sass/_global.scss */
  a.skip-link {
    color: #195D80; }

/* line 468, ../sass/_global.scss */
a:hover, a:focus {
  cursor: pointer;
  color: #006699;
  text-decoration: underline; }
  /* line 472, ../sass/_global.scss */
  a:hover.skip-link, a:focus.skip-link {
    color: #195D80; }

/* line 476, ../sass/_global.scss */
a.hover {
  border-bottom: 1px dotted;
  color: #0F0F0F;
  text-decoration: none;
  font-weight: normal;
  cursor: help !important; }

/* line 484, ../sass/_global.scss */
.ui-tooltip {
  padding: 8px !important;
  position: absolute;
  z-index: 9999;
  border: 1px solid #3076D4 !important;
  background: #E2F4FE;
  max-width: 420px;
  margin: 10px;
  font-family: Arial, Helvetica, Sans-Serif !important;
  font-weight: 400 !important;
  padding: 0 0 0 8px;
  font-size: 12px; }
  /* line 496, ../sass/_global.scss */
  .ui-tooltip p {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

/* line 503, ../sass/_global.scss */
.region-content h1 {
  border-bottom: 1px solid #174b76;
  width: 150%; }
  @media (max-width: 1023px) {
    /* line 503, ../sass/_global.scss */
    .region-content h1 {
      width: 95%; } }
/* line 511, ../sass/_global.scss */
.region-content .landing_page h2 {
  font-weight: normal;
  border-top: 1px dotted;
  padding-top: 15px; }
  /* line 515, ../sass/_global.scss */
  .region-content .landing_page h2:first-child {
    border: none;
    padding-top: 0; }

/* line 524, ../sass/_global.scss */
.full-width-content .region-content {
  padding-left: 20px;
  padding-right: 20px; }
  /* line 527, ../sass/_global.scss */
  .full-width-content .region-content h1 {
    width: 100%; }

/* line 535, ../sass/_global.scss */
.path-frontpage .full-width-content .region-content {
  padding-left: 0;
  padding-right: 0; }

/* line 544, ../sass/_global.scss */
.node--type-coverage h3 .field__label {
  color: #174b76;
  font-weight: bold;
  margin: 10px 0;
  line-height: 20px; }

/* line 554, ../sass/_global.scss */
.page-node-type-coverage h1.page-title {
  display: none; }

/* line 559, ../sass/_global.scss */
#block-coverageheader #searchcovered {
  padding: 15px; }
  /* line 561, ../sass/_global.scss */
  #block-coverageheader #searchcovered h2 {
    font-size: 1.4em;
    color: #174b76;
    margin: 10px 0 0 0;
    line-height: 1.05em; }
  /* line 567, ../sass/_global.scss */
  #block-coverageheader #searchcovered .ymc-search-bar {
    width: 50%;
    margin-top: 10px;
    white-space: nowrap; }
    /* line 571, ../sass/_global.scss */
    #block-coverageheader #searchcovered .ymc-search-bar input[type='submit'] {
      -moz-border-radius: 0 6px 6px 0;
      -webkit-border-radius: 0 6px 6px 0;
      -khtml-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0; }
    /* line 577, ../sass/_global.scss */
    #block-coverageheader #searchcovered .ymc-search-bar input[type='text'] {
      color: #726E70;
      width: 85%;
      min-width: 190px;
      height: 2.4em;
      border: 1px solid #848484;
      -moz-border-radius: 6px 0 0 6px;
      -webkit-border-radius: 6px 0 0 6px;
      -khtml-border-radius: 6px 0 0 6px;
      border-radius: 6px 0 0 6px;
      border-right: none; }
    @media (max-width: 1023px) {
      /* line 567, ../sass/_global.scss */
      #block-coverageheader #searchcovered .ymc-search-bar {
        right: 60%; } }
    @media (max-width: 767px) {
      /* line 567, ../sass/_global.scss */
      #block-coverageheader #searchcovered .ymc-search-bar {
        right: 90%; } }

/* line 598, ../sass/_global.scss */
#coverage-search-notes {
  margin: 20px 0 30px;
  background: #ecf9ff;
  background: -moz-linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecf9ff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ecf9ff 0%, #ffffff 10%);
  background: linear-gradient(top, #ecf9ff 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf9ff', endColorstr='#ffffff',GradientType=0 );
  padding: 20px; }
  /* line 609, ../sass/_global.scss */
  #coverage-search-notes h2 {
    margin-top: 5px;
    color: #174b76;
    margin-bottom: 10px;
    line-height: 24px; }
  /* line 615, ../sass/_global.scss */
  #coverage-search-notes li, #coverage-search-notes p {
    line-height: 1.5; }

/* line 619, ../sass/_global.scss */
#block-coverageitemstop {
  padding-left: 30px; }
  @media (max-width: 767px) {
    /* line 619, ../sass/_global.scss */
    #block-coverageitemstop {
      padding-left: 8px; } }

/* line 626, ../sass/_global.scss */
#block-views-block-coverage-items-block-1 {
  padding-left: 55px; }
  /* line 628, ../sass/_global.scss */
  #block-views-block-coverage-items-block-1 li {
    line-height: 1.5em;
    margin-bottom: 5px;
    list-style: none;
    margin: 0 0 5px;
    position: relative; }
    /* line 634, ../sass/_global.scss */
    #block-views-block-coverage-items-block-1 li:after {
      background-color: #042C4F;
      content: '';
      display: block;
      height: 0.35em;
      left: -1.4em;
      position: absolute;
      top: 0.3em;
      transform: rotate(45deg);
      width: 0.35em; }
  @media (max-width: 767px) {
    /* line 626, ../sass/_global.scss */
    #block-views-block-coverage-items-block-1 {
      padding-left: 28px; } }

/* line 650, ../sass/_global.scss */
#block-coverageitemsbottom {
  padding-left: 30px; }

/* line 654, ../sass/_global.scss */
.portlet {
  border: 1px solid #D3ECFB;
  border-radius: 2%;
  height: 100%; }
  /* line 658, ../sass/_global.scss */
  .portlet a.button-blue {
    background: #105094;
    /* Old browsers */
    background: -moz-linear-gradient(top, #105094 0%, #08345C 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #105094), color-stop(100%, #08345C));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #105094 0%, #08345C 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #105094 0%, #08345C 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #105094 0%, #08345C 100%);
    /* IE10+ */
    background: linear-gradient(top, #105094 0%, #08345C 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */
    border-radius: 3%;
    color: white;
    display: block; }
  /* line 664, ../sass/_global.scss */
  .portlet h2 {
    color: black;
    padding: 0 1em; }

/* line 670, ../sass/_global.scss */
.banner-blue {
  background-color: #0079C2;
  padding-top: 2em; }
  /* line 673, ../sass/_global.scss */
  .banner-blue h1 {
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 2em;
    font-weight: 100;
    height: 2em;
    line-height: 1em;
    margin: 0;
    text-decoration: none;
    width: 98%; }

/* line 686, ../sass/_global.scss */
.banner-red {
  background-color: #E51937; }
  /* line 688, ../sass/_global.scss */
  .banner-red span {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 100;
    letter-spacing: 0.1em;
    margin: .83em 0;
    display: block; }

/* line 698, ../sass/_global.scss */
.header-margin-fix {
  margin-left: 6px;
  margin-right: -60px; }

/* line 704, ../sass/_global.scss */
.field__item article {
  line-height: 150%; }

/* line 710, ../sass/_global.scss */
article img {
  width: auto;
  max-width: 100%; }

/* line 716, ../sass/_global.scss */
.field--type-image img {
  width: auto; }

/* line 721, ../sass/_global.scss */
.modal.out {
  display: none;
  padding: 0; }

/* line 726, ../sass/_global.scss */
.modal-backdrop {
  background-color: black;
  opacity: 0.8; }

/* line 731, ../sass/_global.scss */
.modal-dialog {
  border-radius: 5px; }
  /* line 733, ../sass/_global.scss */
  .modal-dialog .modal-title {
    background-color: #e7f6fd;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #175da5;
    font-size: 1.1em; }
  /* line 740, ../sass/_global.scss */
  .modal-dialog .modal-body {
    padding: 10px; }
    /* line 742, ../sass/_global.scss */
    .modal-dialog .modal-body input {
      width: 90%; }
  /* line 746, ../sass/_global.scss */
  .modal-dialog .modal-footer {
    background-color: #f5f5f5;
    border-radius: 0 0 5px 5px;
    bottom: 0;
    padding: 14px 15px 15px;
    width: auto; }

/* line 756, ../sass/_global.scss */
#modalMsg a {
  color: #006699;
  text-decoration: underline; }
  /* line 759, ../sass/_global.scss */
  #modalMsg a:hover, #modalMsg a:focus {
    font-weight: bold; }

/* line 765, ../sass/_global.scss */
.button-gradient {
  background: #cbd5e1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cbd5e1 0%, #eef3ea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbd5e1), color-stop(100%, #eef3ea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cbd5e1 0%, #eef3ea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cbd5e1 0%, #eef3ea 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cbd5e1 0%, #eef3ea 100%);
  /* IE10+ */
  background: linear-gradient(top, #cbd5e1 0%, #eef3ea 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  color: #09539f;
  font-weight: 700;
  height: 30px;
  width: 100%;
  margin-top: 10px; }

/* line 774, ../sass/_global.scss */
.fa-red {
  color: red; }

/* line 778, ../sass/_global.scss */
.fa-white {
  color: white; }

/* line 783, ../sass/_global.scss */
.large-left-content h1 {
  max-width: 135%; }

/* line 787, ../sass/_global.scss */
.login-message {
  border: 2px solid red;
  padding: 10px;
  background-color: yellow;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 20px; }

/* line 797, ../sass/_global.scss */
.js input.form-autocomplete {
  background-image: none; }

/* line 801, ../sass/_global.scss */
ul.sf-menu {
  z-index: 10;
  position: relative; }

/* testing pipeline */
/* line 807, ../sass/_global.scss */
.ssn-error {
  color: red;
  font-size: 12px; }

/* line 812, ../sass/_global.scss */
#global-error.search-error {
  text-align: center;
  margin-bottom: 10px; }

/* line 818, ../sass/_global.scss */
#coverage-error.page-error {
  padding-left: 20px;
  padding-bottom: 10px; }

/* line 824, ../sass/_global.scss */
.content-moderation-entity-moderation-form {
  font-size: 12px;
  width: 90%; }
  /* line 829, ../sass/_global.scss */
  .content-moderation-entity-moderation-form ul li:before {
    display: none !important; }
  /* line 834, ../sass/_global.scss */
  .content-moderation-entity-moderation-form label {
    font-weight: bold; }
  /* line 837, ../sass/_global.scss */
  .content-moderation-entity-moderation-form select {
    padding: 2px; }
  /* line 840, ../sass/_global.scss */
  .content-moderation-entity-moderation-form input {
    padding-top: 1px;
    padding-bottom: 3px; }
  /* line 844, ../sass/_global.scss */
  .content-moderation-entity-moderation-form .entity-moderation-form__item {
    margin-right: 20px !important; }
  /* line 847, ../sass/_global.scss */
  .content-moderation-entity-moderation-form .entity-moderation-form input[type=submit] {
    margin-bottom: 1em;
    margin-left: -10px; }

/* line 853, ../sass/_global.scss */
.page-node-type-blog .content-moderation-entity-moderation-form {
  width: 100%; }
  /* line 856, ../sass/_global.scss */
  .page-node-type-blog .content-moderation-entity-moderation-form .form-type-textfield:before {
    display: none !important; }

/* line 863, ../sass/_global.scss */
#block-purgethispage {
  text-align: right;
  margin-bottom: 20px; }
  /* line 867, ../sass/_global.scss */
  #block-purgethispage .button {
    border-radius: 12px; }

/* line 1, ../sass/_headerfooterwrapper.scss */
#page-wrapper {
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px;
  padding: 0; }

/* line 6, ../sass/_headerfooterwrapper.scss */
#header, footer, #main-wrapper {
  padding: 10px;
  background: white; }

/* line 10, ../sass/_headerfooterwrapper.scss */
#header {
  background: #cdd5e0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdd5e0), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(top, #cdd5e0 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */ }
  /* line 12, ../sass/_headerfooterwrapper.scss */
  #header .menu-toggle {
    display: none; }
  /* line 15, ../sass/_headerfooterwrapper.scss */
  #header .mobile-mainnav-trigger, #header .mobile-auxnav-trigger {
    color: #042c4f;
    background: none;
    border: none;
    font-size: 20px;
    position: absolute;
    top: 25px; }
    /* line 22, ../sass/_headerfooterwrapper.scss */
    #header .mobile-mainnav-trigger:before, #header .mobile-auxnav-trigger:before {
      font-family: 'FontAwesome' !important;
      display: inline-block;
      content: '\f0c9'; }
    /* line 27, ../sass/_headerfooterwrapper.scss */
    #header .mobile-mainnav-trigger:focus, #header .mobile-auxnav-trigger:focus {
      outline: 1px dotted; }
  @media (max-width: 1023px) {
    /* line 31, ../sass/_headerfooterwrapper.scss */
    #header .mobile-mainnav-trigger {
      font-size: 30px;
      top: 50px; } }
  @media (max-width: 767px) {
    /* line 31, ../sass/_headerfooterwrapper.scss */
    #header .mobile-mainnav-trigger {
      font-size: 20px;
      top: 25px; } }
  /* line 42, ../sass/_headerfooterwrapper.scss */
  #header .mobile-auxnav-trigger {
    right: 10px; }
    /* line 44, ../sass/_headerfooterwrapper.scss */
    #header .mobile-auxnav-trigger:before {
      content: '\f142'; }
  /* line 48, ../sass/_headerfooterwrapper.scss */
  #header .site-branding__logo {
    overflow: hidden;
    height: 75px;
    display: block; }
    /* line 52, ../sass/_headerfooterwrapper.scss */
    #header .site-branding__logo:focus {
      outline: 1px dotted; }
    @media (max-width: 1023px) {
      /* line 48, ../sass/_headerfooterwrapper.scss */
      #header .site-branding__logo {
        width: 225px;
        height: 35px;
        margin: 10px 0 0 35px; }
        /* line 59, ../sass/_headerfooterwrapper.scss */
        #header .site-branding__logo img {
          margin-top: -80px; } }
    @media (max-width: 767px) {
      /* line 48, ../sass/_headerfooterwrapper.scss */
      #header .site-branding__logo {
        margin: 10px auto; } }
  /* line 67, ../sass/_headerfooterwrapper.scss */
  #header .primary-close-container, #header .aux-close-container {
    position: absolute;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #042c4f;
    height: 40px;
    display: none;
    text-align: right; }
    /* line 78, ../sass/_headerfooterwrapper.scss */
    #header .primary-close-container.active, #header .aux-close-container.active {
      display: block; }
    /* line 81, ../sass/_headerfooterwrapper.scss */
    #header .primary-close-container button, #header .aux-close-container button {
      color: white;
      background: none;
      border: none;
      margin: 13px; }
      /* line 86, ../sass/_headerfooterwrapper.scss */
      #header .primary-close-container button:before, #header .aux-close-container button:before {
        font-family: 'FontAwesome' !important;
        display: inline-block;
        content: '\f00d'; }
      /* line 91, ../sass/_headerfooterwrapper.scss */
      #header .primary-close-container button.open-all-mobile-main-trigger, #header .aux-close-container button.open-all-mobile-main-trigger {
        margin-right: 0; }
        /* line 93, ../sass/_headerfooterwrapper.scss */
        #header .primary-close-container button.open-all-mobile-main-trigger:before, #header .aux-close-container button.open-all-mobile-main-trigger:before {
          content: '\f067'; }
      /* line 98, ../sass/_headerfooterwrapper.scss */
      #header .primary-close-container button.close-all-mobile-main-trigger:before, #header .aux-close-container button.close-all-mobile-main-trigger:before {
        content: '\f068'; }
      /* line 102, ../sass/_headerfooterwrapper.scss */
      #header .primary-close-container button.close-mobile-main-trigger, #header .aux-close-container button.close-mobile-main-trigger {
        float: left; }
        /* line 104, ../sass/_headerfooterwrapper.scss */
        #header .primary-close-container button.close-mobile-main-trigger:before, #header .aux-close-container button.close-mobile-main-trigger:before {
          position: absolute;
          left: 55px; }
      /* line 110, ../sass/_headerfooterwrapper.scss */
      #header .primary-close-container button.close-mobile-aux-trigger:before, #header .aux-close-container button.close-mobile-aux-trigger:before {
        position: absolute;
        left: 50%;
        margin-left: 20px; }
      /* line 116, ../sass/_headerfooterwrapper.scss */
      #header .primary-close-container button:focus, #header .aux-close-container button:focus {
        outline: 1px dotted; }
  /* line 121, ../sass/_headerfooterwrapper.scss */
  #header .aux-close-container {
    text-align: center; }
  /* line 125, ../sass/_headerfooterwrapper.scss */
  #header .region-primary-menu .block-superfishmain {
    display: none; }
    /* line 128, ../sass/_headerfooterwrapper.scss */
    #header .region-primary-menu .block-superfishmain #superfish-main > .sf-depth-1.sf-no-children, #header .region-primary-menu .block-superfishmain .sf-sub-indicator {
      display: none; }
    /* line 131, ../sass/_headerfooterwrapper.scss */
    #header .region-primary-menu .block-superfishmain h2 {
      position: absolute !important;
      clip: rect(1px, 1px, 1px, 1px);
      overflow: hidden;
      height: 1px;
      width: 1px;
      word-wrap: normal; }
    /* line 139, ../sass/_headerfooterwrapper.scss */
    #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) {
      margin: 0 -1px;
      display: flex; }
      /* line 142, ../sass/_headerfooterwrapper.scss */
      #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li {
        z-index: 9999 !important;
        flex: 1;
        margin-bottom: 0; }
        /* line 147, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.active-trail a {
          background: #add0ec;
          color: #042c4f; }
        /* line 152, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li a {
          display: block;
          color: white;
          text-decoration: none;
          padding: 5px;
          line-height: 18px;
          border-radius: 4px;
          font-weight: bold;
          text-align: center;
          margin: 1px;
          background: #09539f;
          /* Old browsers */
          background: -moz-linear-gradient(top, #09539f 0%, #042c4f 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09539f), color-stop(100%, #042c4f));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #09539f 0%, #042c4f 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #09539f 0%, #042c4f 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #09539f 0%, #042c4f 100%);
          /* IE10+ */
          background: linear-gradient(top, #09539f 0%, #042c4f 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
          /* IE6-9 */ }
          /* line 163, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li a:hover, #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li a:focus {
            color: #042c4f;
            background: #add0ec; }
          /* line 167, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li a:focus {
            text-decoration: underline; }
          /* line 170, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li a[href="/sign-up-change-plans"] {
            padding-left: 14px;
            padding-right: 14px; }
          /* line 174, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li a[title="Claims & Appeals"] {
            padding-left: 6px;
            padding-right: 6px; }
        /* line 180, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent.sfHover > a {
          padding-bottom: 20px;
          margin-bottom: -20px;
          color: #042c4f;
          background: #add0ec; }
        /* line 187, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent .is-active {
          background: #add0ec;
          color: #042c4f; }
        /* line 191, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent ul {
          display: block;
          font-size: 12px;
          text-align: left;
          padding: 7px !important;
          background: #add0ec !important;
          margin: 25px 1px;
          border-radius: 0 4px 4px 4px;
          width: auto !important;
          box-shadow: none !important; }
          /* line 201, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent ul.sf-hidden {
            display: none; }
          /* line 205, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent ul li a {
            border-radius: 0;
            margin: 0;
            line-height: 2em;
            padding-left: 10px;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            color: #042c4f;
            background: #eef3fa;
            /* Old browsers */
            background: -moz-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef3fa), color-stop(100%, #cad4e0));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
            /* IE10+ */
            background: linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
            /* IE6-9 */ }
            /* line 215, ../sass/_headerfooterwrapper.scss */
            #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent ul li a:hover, #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent ul li a:focus {
              text-decoration: underline;
              background: #d6f1ff;
              /* Old browsers */
              background: -moz-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
              /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6f1ff), color-stop(100%, #add0ec));
              /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
              /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
              /* Opera 11.10+ */
              background: -ms-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
              /* IE10+ */
              background: linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
              /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
              /* IE6-9 */ }
            /* line 219, ../sass/_headerfooterwrapper.scss */
            #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent ul li a:focus {
              border: 1px dashed black; }
        /* line 227, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent.esc-pressed ul {
          display: none; }
        /* line 230, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent.esc-pressed a {
          margin-bottom: 0;
          padding-bottom: 5px; }
        /* line 236, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li.menuparent.main-nav-anchor-right ul {
          left: auto;
          right: 0; }
        /* line 242, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu .block-superfishmain ul:not(.contextual-links) li:first-child a {
          padding-left: 8px;
          padding-right: 8px; }
  /* line 253, ../sass/_headerfooterwrapper.scss */
  #header .region-primary-menu nav.mobile-main-nav {
    background: #042c4f;
    padding-top: 40px;
    position: fixed;
    top: 0;
    left: -1024px;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    z-index: 9000;
    transition: left .5s; }
    /* line 264, ../sass/_headerfooterwrapper.scss */
    #header .region-primary-menu nav.mobile-main-nav .content {
      display: none; }
      /* line 267, ../sass/_headerfooterwrapper.scss */
      #header .region-primary-menu nav.mobile-main-nav .content > ul > .menu-item--collapsed {
        display: none; }
    /* line 271, ../sass/_headerfooterwrapper.scss */
    #header .region-primary-menu nav.mobile-main-nav.active {
      left: 0; }
      /* line 273, ../sass/_headerfooterwrapper.scss */
      #header .region-primary-menu nav.mobile-main-nav.active .content {
        display: block; }
    /* line 277, ../sass/_headerfooterwrapper.scss */
    #header .region-primary-menu nav.mobile-main-nav ul {
      margin: 0;
      padding: 0; }
      /* line 280, ../sass/_headerfooterwrapper.scss */
      #header .region-primary-menu nav.mobile-main-nav ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative; }
        /* line 285, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu nav.mobile-main-nav ul li a {
          display: block;
          text-decoration: none;
          color: #042c4f;
          font-weight: bold;
          padding: 10px 10px;
          background: #eef3fa;
          /* Old browsers */
          background: -moz-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef3fa), color-stop(100%, #cad4e0));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* IE10+ */
          background: linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
          /* IE6-9 */ }
          /* line 292, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li a:hover, #header .region-primary-menu nav.mobile-main-nav ul li a:focus {
            text-decoration: underline;
            background: #d6f1ff;
            /* Old browsers */
            background: -moz-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6f1ff), color-stop(100%, #add0ec));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
            /* IE10+ */
            background: linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
            /* IE6-9 */ }
          /* line 296, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li a:focus {
            outline: 1px dashed black; }
        /* line 301, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded > ul.menu {
          overflow: hidden;
          max-height: 0;
          transition: max-height 1s; }
          /* line 305, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded > ul.menu li {
            display: none; }
          /* line 308, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded > ul.menu.active {
            max-height: 1000px; }
            /* line 310, ../sass/_headerfooterwrapper.scss */
            #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded > ul.menu.active li {
              display: block; }
          /* line 314, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded > ul.menu a {
            font-weight: normal;
            padding-left: 30px;
            color: white;
            background: #041421;
            /* Old browsers */
            background: -moz-linear-gradient(top, #041421 0%, #102f4b 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #041421), color-stop(100%, #102f4b));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #041421 0%, #102f4b 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #041421 0%, #102f4b 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #041421 0%, #102f4b 100%);
            /* IE10+ */
            background: linear-gradient(top, #041421 0%, #102f4b 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
            /* IE6-9 */ }
            /* line 319, ../sass/_headerfooterwrapper.scss */
            #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded > ul.menu a:hover, #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded > ul.menu a:focus {
              background: #333;
              /* Old browsers */
              background: -moz-linear-gradient(top, #333 0%, black 100%);
              /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, black));
              /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top, #333 0%, black 100%);
              /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top, #333 0%, black 100%);
              /* Opera 11.10+ */
              background: -ms-linear-gradient(top, #333 0%, black 100%);
              /* IE10+ */
              background: linear-gradient(top, #333 0%, black 100%);
              /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
              /* IE6-9 */ }
        /* line 324, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu nav.mobile-main-nav ul li.menu-item--expanded:last-child > ul.menu {
          padding-bottom: 50px; }
        /* line 327, ../sass/_headerfooterwrapper.scss */
        #header .region-primary-menu nav.mobile-main-nav ul li .mobile-exp-col-trigger {
          position: absolute;
          right: 10px;
          top: 8px;
          background: #add0ec;
          color: #042c4f;
          border: 1px solid;
          height: 20px;
          width: 20px;
          border-radius: 100px; }
          /* line 337, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li .mobile-exp-col-trigger:before {
            font-family: 'FontAwesome' !important;
            display: inline-block;
            content: '\f067';
            margin-top: 2.2px;
            margin-left: -1.9px; }
          /* line 344, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li .mobile-exp-col-trigger.active:before {
            content: '\f068'; }
          /* line 347, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li .mobile-exp-col-trigger:hover, #header .region-primary-menu nav.mobile-main-nav ul li .mobile-exp-col-trigger:focus {
            color: #add0ec;
            background: #042c4f; }
          /* line 351, ../sass/_headerfooterwrapper.scss */
          #header .region-primary-menu nav.mobile-main-nav ul li .mobile-exp-col-trigger:focus {
            outline: 1px dotted black; }
  /* line 359, ../sass/_headerfooterwrapper.scss */
  #header .region-secondary-menu {
    font-size: 12.8px; }
    /* line 361, ../sass/_headerfooterwrapper.scss */
    #header .region-secondary-menu .menu-toggle {
      display: none; }
    /* line 364, ../sass/_headerfooterwrapper.scss */
    #header .region-secondary-menu [title="Small Font"] {
      font-size: 85%; }
    /* line 367, ../sass/_headerfooterwrapper.scss */
    #header .region-secondary-menu [title="Large Font"] {
      font-size: 130%; }
    /* line 370, ../sass/_headerfooterwrapper.scss */
    #header .region-secondary-menu a {
      color: #0b3d69;
      font-weight: bold;
      text-decoration: none;
      display: block;
      padding: 0 5px; }
      /* line 376, ../sass/_headerfooterwrapper.scss */
      #header .region-secondary-menu a:hover, #header .region-secondary-menu a:focus, #header .region-secondary-menu a.currFont {
        text-decoration: underline; }
      /* line 380, ../sass/_headerfooterwrapper.scss */
      #header .region-secondary-menu a[title="Print"]:before, #header .region-secondary-menu a[title="MyMedicare.gov Login"]:before {
        font-family: 'FontAwesome' !important;
        display: inline-block;
        margin-right: 5px;
        content: '\f02f'; }
      /* line 388, ../sass/_headerfooterwrapper.scss */
      #header .region-secondary-menu a[title="MyMedicare.gov Login"]:before {
        content: '\f023'; }
    /* line 393, ../sass/_headerfooterwrapper.scss */
    #header .region-secondary-menu ul {
      margin: 0;
      padding: 0; }
      /* line 396, ../sass/_headerfooterwrapper.scss */
      #header .region-secondary-menu ul li {
        display: inline-block;
        border-left: 1px solid #0b3d69; }
        /* line 399, ../sass/_headerfooterwrapper.scss */
        #header .region-secondary-menu ul li:first-child {
          border: none; }
    /* line 404, ../sass/_headerfooterwrapper.scss */
    #header .region-secondary-menu #block-headertopleftlink {
      display: none;
      margin-bottom: 20px; }
      /* line 407, ../sass/_headerfooterwrapper.scss */
      #header .region-secondary-menu #block-headertopleftlink ul li:nth-child(3), #header .region-secondary-menu #block-headertopleftlink ul li:nth-child(4) {
        border: none; }
    /* line 411, ../sass/_headerfooterwrapper.scss */
    #header .region-secondary-menu #block-headertoprightlink {
      display: none;
      float: right;
      margin-top: -37px; }
    @media (max-width: 767px) {
      /* line 359, ../sass/_headerfooterwrapper.scss */
      #header .region-secondary-menu {
        background: #042c4f;
        position: fixed;
        top: -600px;
        left: 0;
        width: 100%;
        z-index: 9000;
        transition: top .5s;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        padding-top: 40px; }
        /* line 428, ../sass/_headerfooterwrapper.scss */
        #header .region-secondary-menu nav {
          display: none; }
        /* line 431, ../sass/_headerfooterwrapper.scss */
        #header .region-secondary-menu.active {
          top: 0; }
          /* line 433, ../sass/_headerfooterwrapper.scss */
          #header .region-secondary-menu.active nav {
            display: block; }
        /* line 437, ../sass/_headerfooterwrapper.scss */
        #header .region-secondary-menu a {
          padding: 10px; }
        /* line 440, ../sass/_headerfooterwrapper.scss */
        #header .region-secondary-menu .mobile-aux-nav-left {
          background: #eef3fa;
          /* Old browsers */
          background: -moz-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef3fa), color-stop(100%, #cad4e0));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* IE10+ */
          background: linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
          /* IE6-9 */ }
          /* line 442, ../sass/_headerfooterwrapper.scss */
          #header .region-secondary-menu .mobile-aux-nav-left ul {
            text-align: center; }
          /* line 445, ../sass/_headerfooterwrapper.scss */
          #header .region-secondary-menu .mobile-aux-nav-left li {
            border: none;
            padding: 0 8px; }
        /* line 450, ../sass/_headerfooterwrapper.scss */
        #header .region-secondary-menu .mobile-aux-nav-right {
          padding-bottom: 4px;
          margin-top: -3px; }
          /* line 453, ../sass/_headerfooterwrapper.scss */
          #header .region-secondary-menu .mobile-aux-nav-right li {
            display: block;
            text-align: center;
            margin-bottom: -3px;
            border: none; }
            /* line 458, ../sass/_headerfooterwrapper.scss */
            #header .region-secondary-menu .mobile-aux-nav-right li a {
              background: #eef3fa;
              /* Old browsers */
              background: -moz-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
              /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef3fa), color-stop(100%, #cad4e0));
              /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
              /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
              /* Opera 11.10+ */
              background: -ms-linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
              /* IE10+ */
              background: linear-gradient(top, #eef3fa 0%, #cad4e0 100%);
              /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
              /* IE6-9 */ }
              /* line 460, ../sass/_headerfooterwrapper.scss */
              #header .region-secondary-menu .mobile-aux-nav-right li a:hover, #header .region-secondary-menu .mobile-aux-nav-right li a:focus {
                text-decoration: underline;
                background: #d6f1ff;
                /* Old browsers */
                background: -moz-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
                /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6f1ff), color-stop(100%, #add0ec));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
                /* IE10+ */
                background: linear-gradient(top, #d6f1ff 0%, #add0ec 100%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
                /* IE6-9 */ } }
  /* line 470, ../sass/_headerfooterwrapper.scss */
  #header .global-header-search {
    float: right;
    margin: -80px 25px 0 0; }
    /* line 473, ../sass/_headerfooterwrapper.scss */
    #header .global-header-search label {
      display: none; }
    /* line 477, ../sass/_headerfooterwrapper.scss */
    #header .global-header-search .form--inline > div {
      display: inline-block;
      float: none; }
    /* line 482, ../sass/_headerfooterwrapper.scss */
    #header .global-header-search input {
      padding: 5px;
      font-weight: bold;
      border-radius: 0 4px 4px 0;
      border: 1px solid #A2A6A9; }
      /* line 487, ../sass/_headerfooterwrapper.scss */
      #header .global-header-search input[type="text"] {
        margin-right: -9px;
        width: 210px;
        border-radius: 4px 0 0 4px; }
      /* line 492, ../sass/_headerfooterwrapper.scss */
      #header .global-header-search input[type="submit"] {
        padding-right: 13px;
        padding-left: 13px;
        margin-left: -5px;
        background: #EEF3EA;
        /* Old browsers */
        background: -moz-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEF3EA), color-stop(100%, #CBD5E1));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* IE10+ */
        background: linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
        /* IE6-9 */ }
      /* line 498, ../sass/_headerfooterwrapper.scss */
      #header .global-header-search input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #666;
        opacity: 1;
        /* Firefox */ }
      /* line 503, ../sass/_headerfooterwrapper.scss */
      #header .global-header-search input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #666;
        opacity: 1; }
    @media (max-width: 1023px) {
      /* line 470, ../sass/_headerfooterwrapper.scss */
      #header .global-header-search {
        margin-top: -45px;
        margin-bottom: -10px; } }
    @media (max-width: 767px) {
      /* line 470, ../sass/_headerfooterwrapper.scss */
      #header .global-header-search {
        margin: 0 0 -10px;
        float: none;
        width: 100%;
        text-align: center; } }

/* line 523, ../sass/_headerfooterwrapper.scss */
.region-breadcrumb {
  padding-right: 65px; }
  /* line 525, ../sass/_headerfooterwrapper.scss */
  .region-breadcrumb .block-system-breadcrumb-block {
    background-color: #f2f6f9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    position: relative; }
    /* line 533, ../sass/_headerfooterwrapper.scss */
    .region-breadcrumb .block-system-breadcrumb-block .breadcrumb {
      padding: 10px;
      overflow: hidden;
      margin-right: 10px;
      width: 100%; }
      /* line 538, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .block-system-breadcrumb-block .breadcrumb.nav-padding {
        padding-left: 0;
        margin-right: 25px;
        margin-left: 25px; }
    /* line 544, ../sass/_headerfooterwrapper.scss */
    .region-breadcrumb .block-system-breadcrumb-block .breadcrumbNav {
      display: none;
      position: absolute;
      border: none;
      background: none;
      top: 7px;
      font-size: 17px;
      left: 4px;
      color: #6b8bc7; }
      /* line 553, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .block-system-breadcrumb-block .breadcrumbNav:after {
        font-family: 'FontAwesome' !important;
        display: inline-block;
        content: '\f0d9'; }
      /* line 558, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .block-system-breadcrumb-block .breadcrumbNav.breadcrumbRight {
        left: auto;
        right: 5px; }
        /* line 561, ../sass/_headerfooterwrapper.scss */
        .region-breadcrumb .block-system-breadcrumb-block .breadcrumbNav.breadcrumbRight:after {
          content: '\f0da'; }
    /* line 566, ../sass/_headerfooterwrapper.scss */
    .region-breadcrumb .block-system-breadcrumb-block ol {
      white-space: nowrap;
      transition: margin .5s; }
    /* line 570, ../sass/_headerfooterwrapper.scss */
    .region-breadcrumb .block-system-breadcrumb-block li {
      position: relative;
      padding-left: 20px; }
      /* line 573, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .block-system-breadcrumb-block li:first-child {
        padding-left: 0; }
      /* line 576, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .block-system-breadcrumb-block li::before {
        content: '';
        background: transparent url("../images/iconSprite.png") no-repeat 0 -635px;
        position: absolute;
        top: -2px;
        left: 4px;
        display: block;
        width: 15px;
        height: 20px; }
      /* line 586, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .block-system-breadcrumb-block li:first-child::before {
        background: none; }
    /* line 590, ../sass/_headerfooterwrapper.scss */
    .region-breadcrumb .block-system-breadcrumb-block a {
      text-decoration: none;
      color: #164b75; }
      /* line 593, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .block-system-breadcrumb-block a:hover, .region-breadcrumb .block-system-breadcrumb-block a:focus {
        text-decoration: underline; }
  /* line 596, ../sass/_headerfooterwrapper.scss */
  .region-breadcrumb .sharethis-wrapper {
    position: absolute;
    right: -75px;
    top: 0; }
    /* line 600, ../sass/_headerfooterwrapper.scss */
    .region-breadcrumb .sharethis-wrapper a {
      padding: 8px 0; }
      /* line 602, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .sharethis-wrapper a.close {
        padding: 0;
        margin-top: 9px !important; }
    /* line 607, ../sass/_headerfooterwrapper.scss */
    .region-breadcrumb .sharethis-wrapper .share-links-container {
      right: 405%; }
      /* line 609, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .sharethis-wrapper .share-links-container h2 {
        font-size: 15px;
        font-weight: normal;
        line-height: 36px; }
      /* line 617, ../sass/_headerfooterwrapper.scss */
      .region-breadcrumb .sharethis-wrapper .share-links-container a {
        padding: 2px 0 2px 5px;
        color: #101214 !important;
        text-decoration: none; }
        /* line 621, ../sass/_headerfooterwrapper.scss */
        .region-breadcrumb .sharethis-wrapper .share-links-container a.close {
          color: #606060 !important; }
          /* line 623, ../sass/_headerfooterwrapper.scss */
          .region-breadcrumb .sharethis-wrapper .share-links-container a.close:hover, .region-breadcrumb .sharethis-wrapper .share-links-container a.close:focus, .region-breadcrumb .sharethis-wrapper .share-links-container a.close:active {
            color: #101214 !important; }
      @media (max-width: 479px) {
        /* line 607, ../sass/_headerfooterwrapper.scss */
        .region-breadcrumb .sharethis-wrapper .share-links-container {
          right: 84%; } }

/* line 635, ../sass/_headerfooterwrapper.scss */
footer {
  background: #E6EAEF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #E6EAEF 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6EAEF), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #E6EAEF 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #E6EAEF 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #E6EAEF 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(top, #E6EAEF 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  clear: both;
  padding: 20px;
  font-size: .88em;
  color: #3c3636; }
  /* line 641, ../sass/_headerfooterwrapper.scss */
  footer h3 {
    color: #1a1a1a;
    font-size: 1.15em;
    margin-top: 0; }
  /* line 646, ../sass/_headerfooterwrapper.scss */
  footer a {
    color: #21263c;
    text-decoration: none; }
    /* line 649, ../sass/_headerfooterwrapper.scss */
    footer a:hover, footer a:focus {
      color: #21263c;
      text-decoration: underline; }
    /* line 653, ../sass/_headerfooterwrapper.scss */
    footer a:visited {
      color: #21263c; }
  /* line 657, ../sass/_headerfooterwrapper.scss */
  footer .menu-toggle {
    display: none; }
  /* line 660, ../sass/_headerfooterwrapper.scss */
  footer .region-footer-second,
  footer .region-footer-third,
  footer .region-footer-fourth,
  footer .region-footer-fifth {
    float: left;
    width: 25%;
    border-left: 1px solid #D5D5D5;
    padding-left: 15px; }
  /* line 669, ../sass/_headerfooterwrapper.scss */
  footer .region-footer-second {
    width: 20%;
    font-weight: bold;
    border: none;
    padding-left: 0; }
    /* line 674, ../sass/_headerfooterwrapper.scss */
    footer .region-footer-second .menu-item {
      display: none; }
      /* line 676, ../sass/_headerfooterwrapper.scss */
      footer .region-footer-second .menu-item.menu-item--collapsed {
        display: block; }
  @media (max-width: 1023px) {
    /* line 682, ../sass/_headerfooterwrapper.scss */
    footer .region-footer-second,
    footer .region-footer-third,
    footer .region-footer-fourth,
    footer .region-footer-fifth {
      width: 46%;
      display: inline-block;
      vertical-align: top;
      float: none; }
    /* line 691, ../sass/_headerfooterwrapper.scss */
    footer .region-footer-fourth,
    footer .region-footer-fifth {
      margin-top: 40px; }
    /* line 695, ../sass/_headerfooterwrapper.scss */
    footer .region-footer-fourth {
      border: none;
      padding-left: 0; } }
  @media (max-width: 479px) {
    /* line 701, ../sass/_headerfooterwrapper.scss */
    footer .region-footer-second,
    footer .region-footer-third,
    footer .region-footer-fourth,
    footer .region-footer-fifth {
      width: 100%;
      border: none;
      padding-left: 0;
      margin: 0; }
      /* line 709, ../sass/_headerfooterwrapper.scss */
      footer .region-footer-second h2,
      footer .region-footer-third h2,
      footer .region-footer-fourth h2,
      footer .region-footer-fifth h2 {
        margin-top: 10px;
        font-size: 1.5em; }
      /* line 713, ../sass/_headerfooterwrapper.scss */
      footer .region-footer-second li,
      footer .region-footer-third li,
      footer .region-footer-fourth li,
      footer .region-footer-fifth li {
        font-size: 1.3em;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px; }
      /* line 718, ../sass/_headerfooterwrapper.scss */
      footer .region-footer-second #block-getinvolvedwithus li,
      footer .region-footer-third #block-getinvolvedwithus li,
      footer .region-footer-fourth #block-getinvolvedwithus li,
      footer .region-footer-fifth #block-getinvolvedwithus li {
        font-size: 1em; } }
  /* line 723, ../sass/_headerfooterwrapper.scss */
  footer ul.menu {
    margin: 0; }
    /* line 725, ../sass/_headerfooterwrapper.scss */
    footer ul.menu li.menu-item {
      margin-bottom: 10px;
      list-style: none; }
  /* line 730, ../sass/_headerfooterwrapper.scss */
  footer .footer-header {
    background: #E6E1E1;
    margin: -20px -20px 30px; }
    /* line 733, ../sass/_headerfooterwrapper.scss */
    footer .footer-header .footer-hcol1, footer .footer-header .footer-hcol2 {
      padding: 30px 5px;
      position: relative; }
    /* line 737, ../sass/_headerfooterwrapper.scss */
    footer .footer-header .footer-hcol1 {
      white-space: nowrap; }
      /* line 739, ../sass/_headerfooterwrapper.scss */
      footer .footer-header .footer-hcol1 .footer-medicare-logo {
        margin-left: 20px;
        margin-bottom: -5px; }
        /* line 742, ../sass/_headerfooterwrapper.scss */
        footer .footer-header .footer-hcol1 .footer-medicare-logo img {
          width: 90%;
          height: 90%; }
    /* line 749, ../sass/_headerfooterwrapper.scss */
    footer .footer-header .footer-hcol2 span {
      float: left;
      width: 75%;
      margin: 7px 0 0 35px; }
      @media (max-width: 767px) {
        /* line 749, ../sass/_headerfooterwrapper.scss */
        footer .footer-header .footer-hcol2 span {
          padding-left: 50px;
          width: 65%; } }
      @media (max-width: 479px) {
        /* line 749, ../sass/_headerfooterwrapper.scss */
        footer .footer-header .footer-hcol2 span {
          padding-left: 0;
          margin-left: 17px;
          width: 70%; } }
    /* line 763, ../sass/_headerfooterwrapper.scss */
    footer .footer-header .footer-hcol2 .footer-hhs {
      position: absolute;
      top: 8px;
      right: 0px; }
      @media (max-width: 767px) {
        /* line 763, ../sass/_headerfooterwrapper.scss */
        footer .footer-header .footer-hcol2 .footer-hhs {
          margin-top: -18px; } }
    @media (max-width: 767px) {
      /* line 748, ../sass/_headerfooterwrapper.scss */
      footer .footer-header .footer-hcol2 {
        padding-top: 0;
        margin-top: -30px; } }
    /* line 775, ../sass/_headerfooterwrapper.scss */
    footer .footer-header a, footer .footer-header span, footer .footer-header button {
      display: inline-block;
      vertical-align: middle; }
  /* line 780, ../sass/_headerfooterwrapper.scss */
  footer #email-widget {
    position: relative;
    margin-top: 40px;
    text-align: center; }
    /* line 784, ../sass/_headerfooterwrapper.scss */
    footer #email-widget .email-icon {
      position: absolute;
      top: -28px;
      margin-left: -38px;
      left: 50%;
      z-index: 10; }
    /* line 791, ../sass/_headerfooterwrapper.scss */
    footer #email-widget #email-block {
      background: #BACAD2;
      border: 1px solid #CCCCCC;
      border-radius: 20px;
      padding: 10px;
      position: relative; }
    /* line 798, ../sass/_headerfooterwrapper.scss */
    footer #email-widget h3 {
      color: #014F79;
      font-size: 1.7em;
      margin: 29px -10px 10px;
      font-weight: normal; }
    @media (max-width: 1023px) {
      /* line 780, ../sass/_headerfooterwrapper.scss */
      footer #email-widget {
        width: 250px; } }
  /* line 808, ../sass/_headerfooterwrapper.scss */
  footer #email-footer-form {
    background-color: #027DBC;
    border-radius: 20px;
    padding: 10px; }
    /* line 812, ../sass/_headerfooterwrapper.scss */
    footer #email-footer-form input[type="text"] {
      border: 1px inset #BCD1DC;
      border-radius: 100px;
      font-size: 14px;
      padding: 5px;
      width: 65%; }
    /* line 819, ../sass/_headerfooterwrapper.scss */
    footer #email-footer-form input[type="submit"] {
      background-color: #016498;
      border: medium none;
      border-radius: 6px;
      color: white;
      font-weight: bold;
      font-size: .95em;
      padding: 5px;
      margin: 0px 0px 0 5px;
      font-size: 1.02em;
      text-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  /* line 834, ../sass/_headerfooterwrapper.scss */
  footer #block-getinvolvedwithus li {
    display: inline-block;
    margin-right: 10px; }
  /* line 838, ../sass/_headerfooterwrapper.scss */
  footer #block-getinvolvedwithus .menu-item a {
    background-color: #21263c;
    overflow: hidden;
    height: 32px;
    width: 32px;
    border-radius: 5px;
    display: block;
    text-indent: 40px;
    position: relative;
    transition: color .5s, background-color 1s;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased; }
    /* line 851, ../sass/_headerfooterwrapper.scss */
    footer #block-getinvolvedwithus .menu-item a:before {
      font-family: FontAwesome !important;
      display: inline-block;
      content: "\f099";
      position: absolute;
      top: 4px;
      left: -34px;
      font-size: 2em;
      color: white; }
    /* line 861, ../sass/_headerfooterwrapper.scss */
    footer #block-getinvolvedwithus .menu-item a[title="YouTube"]:before {
      content: "\f167";
      top: 2px;
      left: -35px; }
    /* line 866, ../sass/_headerfooterwrapper.scss */
    footer #block-getinvolvedwithus .menu-item a[title="RSS"]:before {
      content: "\f09e";
      top: 5px; }
    /* line 870, ../sass/_headerfooterwrapper.scss */
    footer #block-getinvolvedwithus .menu-item a:hover, footer #block-getinvolvedwithus .menu-item a:focus {
      outline: 2px dotted black; }
  @media (max-width: 543px) {
    /* line 875, ../sass/_headerfooterwrapper.scss */
    footer .ds-l-row {
      margin: 0; } }

/****hide mega footer in blog page view******/
/* line 884, ../sass/_headerfooterwrapper.scss */
.page-node-type-blog .site-footer__bottom,
.page-node-type-blog #block-footerheaderblock, .page-node-type-plain-page .site-footer__bottom,
.page-node-type-plain-page #block-footerheaderblock, .path-medicare-search .site-footer__bottom,
.path-medicare-search #block-footerheaderblock, .path-user .site-footer__bottom,
.path-user #block-footerheaderblock, .path-tfa .site-footer__bottom,
.path-tfa #block-footerheaderblock {
  display: none; }
/* line 888, ../sass/_headerfooterwrapper.scss */
.page-node-type-blog .footer-mini, .page-node-type-plain-page .footer-mini, .path-medicare-search .footer-mini, .path-user .footer-mini, .path-tfa .footer-mini {
  background: white;
  margin: -20px -20px 0;
  padding-top: 30px;
  font-family: 'Century Gothic',Arial,sans-serif;
  font-size: 1em; }
  /* line 894, ../sass/_headerfooterwrapper.scss */
  .page-node-type-blog .footer-mini a, .page-node-type-plain-page .footer-mini a, .path-medicare-search .footer-mini a, .path-user .footer-mini a, .path-tfa .footer-mini a {
    color: #05335D; }
  /* line 897, ../sass/_headerfooterwrapper.scss */
  .page-node-type-blog .footer-mini ul, .page-node-type-plain-page .footer-mini ul, .path-medicare-search .footer-mini ul, .path-user .footer-mini ul, .path-tfa .footer-mini ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    /* line 901, ../sass/_headerfooterwrapper.scss */
    .page-node-type-blog .footer-mini ul li, .page-node-type-plain-page .footer-mini ul li, .path-medicare-search .footer-mini ul li, .path-user .footer-mini ul li, .path-tfa .footer-mini ul li {
      display: inline-block; }
  /* line 905, ../sass/_headerfooterwrapper.scss */
  .page-node-type-blog .footer-mini .footer-nav-container, .page-node-type-plain-page .footer-mini .footer-nav-container, .path-medicare-search .footer-mini .footer-nav-container, .path-user .footer-mini .footer-nav-container, .path-tfa .footer-mini .footer-nav-container {
    text-transform: uppercase;
    text-transform: uppercase;
    padding: 0 10px;
    margin-bottom: 15px; }
    /* line 910, ../sass/_headerfooterwrapper.scss */
    .page-node-type-blog .footer-mini .footer-nav-container footer-nav, .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav, .path-medicare-search .footer-mini .footer-nav-container footer-nav, .path-user .footer-mini .footer-nav-container footer-nav, .path-tfa .footer-mini .footer-nav-container footer-nav {
      padding: 15px 0;
      border: 1px solid #d6d6d6;
      border-left: 0;
      border-right: 0;
      display: block; }
      /* line 916, ../sass/_headerfooterwrapper.scss */
      .page-node-type-blog .footer-mini .footer-nav-container footer-nav .footer-leftMenu, .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav .footer-leftMenu, .path-medicare-search .footer-mini .footer-nav-container footer-nav .footer-leftMenu, .path-user .footer-mini .footer-nav-container footer-nav .footer-leftMenu, .path-tfa .footer-mini .footer-nav-container footer-nav .footer-leftMenu {
        float: left; }
      /* line 919, ../sass/_headerfooterwrapper.scss */
      .page-node-type-blog .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-medicare-search .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-user .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-tfa .footer-mini .footer-nav-container footer-nav .footer-rightMenu {
        float: right; }
      /* line 922, ../sass/_headerfooterwrapper.scss */
      .page-node-type-blog .footer-mini .footer-nav-container footer-nav li, .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav li, .path-medicare-search .footer-mini .footer-nav-container footer-nav li, .path-user .footer-mini .footer-nav-container footer-nav li, .path-tfa .footer-mini .footer-nav-container footer-nav li {
        border-left: 1px solid #666;
        padding: 0 5px; }
        /* line 925, ../sass/_headerfooterwrapper.scss */
        .page-node-type-blog .footer-mini .footer-nav-container footer-nav li:first-child, .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav li:first-child, .path-medicare-search .footer-mini .footer-nav-container footer-nav li:first-child, .path-user .footer-mini .footer-nav-container footer-nav li:first-child, .path-tfa .footer-mini .footer-nav-container footer-nav li:first-child {
          border: none; }
      @media (max-width: 1023px) {
        /* line 930, ../sass/_headerfooterwrapper.scss */
        .page-node-type-blog .footer-mini .footer-nav-container footer-nav .footer-leftMenu,
        .page-node-type-blog .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav .footer-leftMenu,
        .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-medicare-search .footer-mini .footer-nav-container footer-nav .footer-leftMenu,
        .path-medicare-search .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-user .footer-mini .footer-nav-container footer-nav .footer-leftMenu,
        .path-user .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-tfa .footer-mini .footer-nav-container footer-nav .footer-leftMenu,
        .path-tfa .footer-mini .footer-nav-container footer-nav .footer-rightMenu {
          float: none;
          text-align: center; }
        /* line 935, ../sass/_headerfooterwrapper.scss */
        .page-node-type-blog .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .page-node-type-plain-page .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-medicare-search .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-user .footer-mini .footer-nav-container footer-nav .footer-rightMenu, .path-tfa .footer-mini .footer-nav-container footer-nav .footer-rightMenu {
          margin-top: 20px; } }
  /* line 941, ../sass/_headerfooterwrapper.scss */
  .page-node-type-blog .footer-mini .footer-logo-container, .page-node-type-plain-page .footer-mini .footer-logo-container, .path-medicare-search .footer-mini .footer-logo-container, .path-user .footer-mini .footer-logo-container, .path-tfa .footer-mini .footer-logo-container {
    font-size: 1.1em;
    padding: 15px; }
    /* line 944, ../sass/_headerfooterwrapper.scss */
    .page-node-type-blog .footer-mini .footer-logo-container a, .page-node-type-plain-page .footer-mini .footer-logo-container a, .path-medicare-search .footer-mini .footer-logo-container a, .path-user .footer-mini .footer-logo-container a, .path-tfa .footer-mini .footer-logo-container a {
      text-decoration: underline; }
    /* line 947, ../sass/_headerfooterwrapper.scss */
    .page-node-type-blog .footer-mini .footer-logo-container .footer-mc-logo, .page-node-type-blog .footer-mini .footer-logo-container .footer-summary, .page-node-type-plain-page .footer-mini .footer-logo-container .footer-mc-logo, .page-node-type-plain-page .footer-mini .footer-logo-container .footer-summary, .path-medicare-search .footer-mini .footer-logo-container .footer-mc-logo, .path-medicare-search .footer-mini .footer-logo-container .footer-summary, .path-user .footer-mini .footer-logo-container .footer-mc-logo, .path-user .footer-mini .footer-logo-container .footer-summary, .path-tfa .footer-mini .footer-logo-container .footer-mc-logo, .path-tfa .footer-mini .footer-logo-container .footer-summary {
      display: inline-block;
      vertical-align: middle;
      margin-right: 20px; }
    /* line 952, ../sass/_headerfooterwrapper.scss */
    .page-node-type-blog .footer-mini .footer-logo-container .footer-hhc-logo, .page-node-type-plain-page .footer-mini .footer-logo-container .footer-hhc-logo, .path-medicare-search .footer-mini .footer-logo-container .footer-hhc-logo, .path-user .footer-mini .footer-logo-container .footer-hhc-logo, .path-tfa .footer-mini .footer-logo-container .footer-hhc-logo {
      float: right;
      margin-top: -15px; }
    @media (max-width: 1023px) {
      /* line 957, ../sass/_headerfooterwrapper.scss */
      .page-node-type-blog .footer-mini .footer-logo-container .footer-mc-logo, .page-node-type-blog .footer-mini .footer-logo-container .footer-summary, .page-node-type-blog .footer-mini .footer-logo-container .footer-hhc-logo, .page-node-type-plain-page .footer-mini .footer-logo-container .footer-mc-logo, .page-node-type-plain-page .footer-mini .footer-logo-container .footer-summary, .page-node-type-plain-page .footer-mini .footer-logo-container .footer-hhc-logo, .path-medicare-search .footer-mini .footer-logo-container .footer-mc-logo, .path-medicare-search .footer-mini .footer-logo-container .footer-summary, .path-medicare-search .footer-mini .footer-logo-container .footer-hhc-logo, .path-user .footer-mini .footer-logo-container .footer-mc-logo, .path-user .footer-mini .footer-logo-container .footer-summary, .path-user .footer-mini .footer-logo-container .footer-hhc-logo, .path-tfa .footer-mini .footer-logo-container .footer-mc-logo, .path-tfa .footer-mini .footer-logo-container .footer-summary, .path-tfa .footer-mini .footer-logo-container .footer-hhc-logo {
        display: block;
        float: none;
        margin: 0 0 15px;
        text-align: center; } }

/* line 967, ../sass/_headerfooterwrapper.scss */
.adobeBlank {
  font-family: 'AdobeBlank' !important;
  font-size: 1rem;
  display: inline-block; }

/* line 974, ../sass/_headerfooterwrapper.scss */
#privacy-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 9999; }
  /* line 983, ../sass/_headerfooterwrapper.scss */
  #privacy-modal .close {
    float: right;
    font-size: 25px;
    font-weight: 700;
    line-height: 0;
    color: #000;
    opacity: 1;
    background: #fff;
    outline: 0;
    border-style: none;
    z-index: 999;
    position: relative;
    height: 25px; }
    /* line 996, ../sass/_headerfooterwrapper.scss */
    #privacy-modal .close:focus {
      outline: 1px dotted; }
  /* line 1001, ../sass/_headerfooterwrapper.scss */
  #privacy-modal .modal-content {
    background: white;
    padding: 30px;
    border-radius: 5px;
    width: 75%;
    height: auto;
    max-height: 60vh;
    position: fixed;
    overflow: auto;
    top: 60px;
    left: 10%; }
  /* line 1013, ../sass/_headerfooterwrapper.scss */
  #privacy-modal h1#modal-nams {
    color: #174b76;
    font-weight: 700;
    border-bottom: 1px solid #000;
    font-size: 25px;
    margin-top: -10px;
    line-height: 36px; }
  /* line 1021, ../sass/_headerfooterwrapper.scss */
  #privacy-modal h2#modalMsgTitle {
    color: #006a39;
    margin-top: 30px;
    font-size: 1.8em;
    font-weight: 900;
    margin-bottom: 10px; }
  /* line 1028, ../sass/_headerfooterwrapper.scss */
  #privacy-modal #modalMsg, #privacy-modal table tbody {
    font-size: 16px; }
  /* line 1032, ../sass/_headerfooterwrapper.scss */
  #privacy-modal table.ds-c-table {
    border: none; }
    /* line 1034, ../sass/_headerfooterwrapper.scss */
    #privacy-modal table.ds-c-table tr:nth-child(even) {
      background: #eee; }
    /* line 1037, ../sass/_headerfooterwrapper.scss */
    #privacy-modal table.ds-c-table td, #privacy-modal table.ds-c-table th {
      vertical-align: top;
      background: none;
      border: none !important; }
    /* line 1043, ../sass/_headerfooterwrapper.scss */
    #privacy-modal table.ds-c-table thead th {
      background: #174b76 !important;
      color: #fff !important; }
      /* line 1046, ../sass/_headerfooterwrapper.scss */
      #privacy-modal table.ds-c-table thead th#vendorlabel, #privacy-modal table.ds-c-table thead th#statuslabel {
        width: 160px; }
    /* line 1051, ../sass/_headerfooterwrapper.scss */
    #privacy-modal table.ds-c-table input {
      width: auto;
      vertical-align: middle;
      margin-right: 3px; }

/* line 1065, ../sass/_headerfooterwrapper.scss */
.smartling-es #header .region-primary-menu .block-superfishmain ul li a[href="/sign-up-change-plans"] {
  padding-left: 0;
  padding-right: 0; }

/* Left sidebar */
/* line 3, ../sass/_sidebar.scss */
#sidebar-first {
  display: none; }

/* line 9, ../sass/_sidebar.scss */
#block-leftnavigation .menu-toggle {
  display: none; }
/* line 10, ../sass/_sidebar.scss */
#block-leftnavigation a {
  text-decoration: none; }
/* line 11, ../sass/_sidebar.scss */
#block-leftnavigation li {
  margin-bottom: 0;
  list-style: none; }
/* line 12, ../sass/_sidebar.scss */
#block-leftnavigation a:hover {
  background: #09539f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09539f), color-stop(100%, #042c4f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* IE10+ */
  background: linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  color: #fff !important; }
/* line 16, ../sass/_sidebar.scss */
#block-leftnavigation .content > .menu {
  margin-left: 0; }
  /* line 18, ../sass/_sidebar.scss */
  #block-leftnavigation .content > .menu > .menu-item {
    background: #C2DFF3;
    background: #D3EDFC;
    /* Old browsers */
    background: -moz-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D3EDFC), color-stop(100%, #B0D1EA));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
    /* IE10+ */
    background: linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */
    border-bottom: 1px solid #09539F;
    padding-top: 0;
    list-style: none; }
    /* line 24, ../sass/_sidebar.scss */
    #block-leftnavigation .content > .menu > .menu-item.menu-item--active-trail {
      background: #C2DFF3;
      background: #D3EDFC;
      /* Old browsers */
      background: -moz-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D3EDFC), color-stop(100%, #B0D1EA));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
      /* IE10+ */
      background: linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
      /* IE6-9 */
      border-bottom: 1px solid #09539F;
      background: linear-gradient(#09539f 0%, #042c4f 58px);
      position: relative; }
      /* line 30, ../sass/_sidebar.scss */
      #block-leftnavigation .content > .menu > .menu-item.menu-item--active-trail::after {
        content: "";
        background: url("../images/iconSprite.png") no-repeat scroll -2px -500px transparent;
        height: 57px;
        position: absolute;
        top: 0;
        right: -15px;
        width: 15px;
        display: block; }
      /* line 40, ../sass/_sidebar.scss */
      #block-leftnavigation .content > .menu > .menu-item.menu-item--active-trail > a {
        height: 58px;
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        color: #fff;
        padding: 0 1em; }
    /* line 49, ../sass/_sidebar.scss */
    #block-leftnavigation .content > .menu > .menu-item > a {
      color: #032f64;
      padding: 1em 1em;
      display: block;
      font-weight: bold;
      font-size: 14px; }
    /* line 57, ../sass/_sidebar.scss */
    #block-leftnavigation .content > .menu > .menu-item > .menu {
      background: #EFEFEF;
      margin-left: 0; }
      /* line 60, ../sass/_sidebar.scss */
      #block-leftnavigation .content > .menu > .menu-item > .menu > .menu-item {
        padding-top: 0; }
        /* line 62, ../sass/_sidebar.scss */
        #block-leftnavigation .content > .menu > .menu-item > .menu > .menu-item.menu-item--active-trail {
          background: #FDF5B6;
          /* Old browsers */
          background: -moz-linear-gradient(top, #FDF5B6 0%, #FEE55A 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDF5B6), color-stop(100%, #FEE55A));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #FDF5B6 0%, #FEE55A 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #FDF5B6 0%, #FEE55A 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #FDF5B6 0%, #FEE55A 100%);
          /* IE10+ */
          background: linear-gradient(top, #FDF5B6 0%, #FEE55A 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
          /* IE6-9 */ }
          /* line 64, ../sass/_sidebar.scss */
          #block-leftnavigation .content > .menu > .menu-item > .menu > .menu-item.menu-item--active-trail a {
            background: transparent url("../images/bulletSprite.png") 0.5em 19px no-repeat;
            color: #032f64 !important; }
          /* line 69, ../sass/_sidebar.scss */
          #block-leftnavigation .content > .menu > .menu-item > .menu > .menu-item.menu-item--active-trail > ul.menu {
            display: none; }
        /* line 73, ../sass/_sidebar.scss */
        #block-leftnavigation .content > .menu > .menu-item > .menu > .menu-item a {
          border-top: 1px dotted #000104;
          color: #032f64;
          display: block;
          font-size: 13px;
          font-size: .82rem;
          font-weight: bold;
          padding: 1.2em 2em; }

@media (max-width: 1023px) {
  /* line 87, ../sass/_sidebar.scss */
  #sidebar-second {
    margin-left: 25%;
    padding-right: 60px; } }
@media (max-width: 767px) {
  /* line 87, ../sass/_sidebar.scss */
  #sidebar-second {
    margin-left: 0;
    padding: 0 30px; } }

/* line 97, ../sass/_sidebar.scss */
.region-sidebar-second {
  margin: 65px 15px 0 0; }
  /* line 99, ../sass/_sidebar.scss */
  .region-sidebar-second .block {
    display: inline-block;
    background: #e5f0f6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e5f0f6 0%, #fff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f0f6), color-stop(100%, #fff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5f0f6 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5f0f6 0%, #fff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5f0f6 0%, #fff 100%);
    /* IE10+ */
    background: linear-gradient(top, #e5f0f6 0%, #fff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    float: right;
    border-bottom: 2px solid #d2dce8;
    width: 190px;
    margin-bottom: 10px; }
    /* line 111, ../sass/_sidebar.scss */
    .region-sidebar-second .block h2 {
      font-size: 1.2em;
      font-weight: bold;
      color: #333;
      line-height: 20px;
      margin-bottom: 10px;
      margin-top: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: left; }
  /* line 124, ../sass/_sidebar.scss */
  .region-sidebar-second #block-findsomeonetotalkto select {
    color: #726E70;
    font-weight: bold;
    font-size: 0.875em;
    border: 1px solid #848484;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 100%;
    background-color: #ffffff;
    line-height: 28px;
    display: inline-block;
    padding: 4px;
    margin-bottom: 9px; }
  /* line 141, ../sass/_sidebar.scss */
  .region-sidebar-second #block-findsomeonetotalkto input.widget-button {
    color: #fff;
    display: block;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 0px;
    padding: 6px 8px;
    width: 100%;
    margin: 0px; }
  /* line 156, ../sass/_sidebar.scss */
  .region-sidebar-second #block-ismytestitemorservicecovered input, .region-sidebar-second #block-ismytestitemorservicecovered-2 input {
    width: 94.5%;
    font-weight: bold;
    font-size: 12px;
    color: #726E70;
    display: inline-block;
    height: 18px;
    padding: 4px;
    margin-bottom: 9px;
    line-height: 18px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  /* line 171, ../sass/_sidebar.scss */
  .region-sidebar-second #block-ismytestitemorservicecovered button, .region-sidebar-second #block-ismytestitemorservicecovered-2 button {
    border: 0px;
    padding: 6px 8px;
    width: 100%;
    line-height: 18px; }
  /* line 179, ../sass/_sidebar.scss */
  .region-sidebar-second #block-whatscoveredmobileapp p {
    margin-bottom: 0; }
  /* line 182, ../sass/_sidebar.scss */
  .region-sidebar-second #block-whatscoveredmobileapp h2 {
    text-align: center !important;
    margin-bottom: 20px; }
  /* line 186, ../sass/_sidebar.scss */
  .region-sidebar-second #block-whatscoveredmobileapp .medicare-app {
    text-align: center;
    margin-bottom: 15px; }
  /* line 191, ../sass/_sidebar.scss */
  .region-sidebar-second #block-whatscoveredmobileapp .app-store {
    margin-bottom: 15px; }
    @media (max-width: 767px) {
      /* line 191, ../sass/_sidebar.scss */
      .region-sidebar-second #block-whatscoveredmobileapp .app-store {
        margin-bottom: 0; } }
  /* line 198, ../sass/_sidebar.scss */
  .region-sidebar-second .block-subscribe {
    background: none;
    border-bottom: 1px solid lightgrey;
    border-radius: 0;
    font-size: 1.17em;
    margin-bottom: 2em;
    padding-bottom: 2em; }
  /* line 207, ../sass/_sidebar.scss */
  .region-sidebar-second .block-get-electronic {
    font-size: 1.17em; }
  /* line 210, ../sass/_sidebar.scss */
  .region-sidebar-second .related-resources {
    border-top: 2px solid #FFD528;
    background: #FEE55A;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FEE55A 0%, #FDF5B6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEE55A), color-stop(100%, #FDF5B6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FEE55A 0%, #FDF5B6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FEE55A 0%, #FDF5B6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FEE55A 0%, #FDF5B6 100%);
    /* IE10+ */
    background: linear-gradient(top, #FEE55A 0%, #FDF5B6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    width: 190px;
    float: right;
    padding: 0 10px;
    font-weight: normal;
    margin-bottom: 10px; }
    /* line 222, ../sass/_sidebar.scss */
    .region-sidebar-second .related-resources ul {
      -webkit-padding-start: 0px;
      padding: 0;
      list-style-image: none;
      list-style-position: outside;
      list-style-type: disc; }
      /* line 228, ../sass/_sidebar.scss */
      .region-sidebar-second .related-resources ul li {
        border-bottom: 1px dotted;
        padding-bottom: 6px;
        list-style: none;
        background: transparent url(https://assets.cms.gov/Resources/Medicare/Images/home/bulletSprite.png) 0 -169px no-repeat;
        padding-left: 20px;
        line-height: 1.5em;
        padding-top: 5px; }
        /* line 236, ../sass/_sidebar.scss */
        .region-sidebar-second .related-resources ul li a {
          font-weight: normal;
          color: #032F64; }
        /* line 240, ../sass/_sidebar.scss */
        .region-sidebar-second .related-resources ul li a:link {
          TEXT-DECORATION: none; }
        /* line 243, ../sass/_sidebar.scss */
        .region-sidebar-second .related-resources ul li a:visited {
          color: #7D508E;
          cursor: pointer !important;
          FONT-FAMILY: Arial;
          font-weight: normal; }
        /* line 249, ../sass/_sidebar.scss */
        .region-sidebar-second .related-resources ul li:last-child {
          border-bottom: none; }
    /* line 254, ../sass/_sidebar.scss */
    .region-sidebar-second .related-resources h2 {
      color: #333;
      border-bottom: 1px solid #355e1f;
      margin-bottom: -8px;
      margin-top: 8px; }
  @media (max-width: 1023px) {
    /* line 97, ../sass/_sidebar.scss */
    .region-sidebar-second {
      margin-top: 40px; }
      /* line 263, ../sass/_sidebar.scss */
      .region-sidebar-second .block, .region-sidebar-second .related-resources {
        float: none;
        display: block;
        width: 40%; }
      /* line 268, ../sass/_sidebar.scss */
      .region-sidebar-second .related-resources, .region-sidebar-second #block-findsomeonetotalkto, .region-sidebar-second #block-ismytestitemorservicecovered {
        width: 100%; } }
  @media (max-width: 767px) {
    /* line 273, ../sass/_sidebar.scss */
    .region-sidebar-second .block, .region-sidebar-second .related-resources {
      width: 100%; } }

/* line 281, ../sass/_sidebar.scss */
.page-node-type-coverage #sidebar-second .region-sidebar-second {
  margin-top: 0; }
@media (max-width: 1023px) {
  /* line 280, ../sass/_sidebar.scss */
  .page-node-type-coverage #sidebar-second {
    margin: 20px 0;
    padding: 0 30px;
    max-width: 100%;
    flex: 0 0 100%; } }

/* line 2, ../sass/_homepage.scss */
.path-frontpage #block-medicare-base-page-title {
  display: none; }

/* line 7, ../sass/_homepage.scss */
#homebanner {
  height: 242px;
  background: url(/sites/default/files/20180129_NewMedCardMail_029v2-haze.jpg) no-repeat scroll right top transparent;
  position: relative;
  background-size: cover;
  margin-top: -10px; }
  /* line 13, ../sass/_homepage.scss */
  #homebanner .btn-group {
    margin-left: 3px;
    margin-top: -3px;
    padding: 5px; }
    /* line 17, ../sass/_homepage.scss */
    #homebanner .btn-group a {
      text-decoration: none; }
      /* line 19, ../sass/_homepage.scss */
      #homebanner .btn-group a#get-started-button, #homebanner .btn-group a#apply-fm-button, #homebanner .btn-group a#find-hadp-button {
        padding: 7px 14px 8px 13px;
        margin: 10px 0 0 10px;
        position: relative;
        border-radius: 10px;
        background: #2d8611;
        /* Old browsers */
        background: -moz-linear-gradient(top, #2d8611 0%, #216c0a 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d8611), color-stop(100%, #216c0a));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2d8611 0%, #216c0a 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2d8611 0%, #216c0a 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2d8611 0%, #216c0a 100%);
        /* IE10+ */
        background: linear-gradient(top, #2d8611 0%, #216c0a 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
        /* IE6-9 */
        background-repeat: repeat-x;
        color: #fff;
        text-shadow: none;
        border: #2B7F0F;
        display: inline-block;
        width: auto;
        position: relative; }
        @media (max-width: 767px) {
          /* line 19, ../sass/_homepage.scss */
          #homebanner .btn-group a#get-started-button, #homebanner .btn-group a#apply-fm-button, #homebanner .btn-group a#find-hadp-button {
            display: block;
            width: 100%;
            text-align: center;
            margin: 0;
            padding: 0;
            margin-bottom: 10px; } }
      /* line 43, ../sass/_homepage.scss */
      #homebanner .btn-group a:hover, #homebanner .btn-group a:focus {
        background: #216c0a;
        /* Old browsers */
        background: -moz-linear-gradient(top, #216c0a 0%, #2d8611 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #216c0a), color-stop(100%, #2d8611));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #216c0a 0%, #2d8611 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #216c0a 0%, #2d8611 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #216c0a 0%, #2d8611 100%);
        /* IE10+ */
        background: linear-gradient(top, #216c0a 0%, #2d8611 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
        /* IE6-9 */
        background-repeat: repeat-x;
        color: #fff;
        text-shadow: none;
        border: #2b7f0f;
        text-decoration: underline; }
      /* line 51, ../sass/_homepage.scss */
      #homebanner .btn-group a .break {
        display: block; }
        @media (max-width: 767px) {
          /* line 51, ../sass/_homepage.scss */
          #homebanner .btn-group a .break {
            display: inline-block; } }
    /* line 58, ../sass/_homepage.scss */
    #homebanner .btn-group .homepage-button-label {
      position: relative;
      padding-left: 40px;
      white-space: nowrap; }
      @media (max-width: 767px) {
        /* line 58, ../sass/_homepage.scss */
        #homebanner .btn-group .homepage-button-label {
          display: inline-block;
          padding: 15px 0px; } }
    /* line 67, ../sass/_homepage.scss */
    #homebanner .btn-group .icon-2x {
      float: left;
      margin-right: 12px;
      font-weight: normal; }
      @media (max-width: 767px) {
        /* line 67, ../sass/_homepage.scss */
        #homebanner .btn-group .icon-2x {
          float: none;
          display: inline-block;
          vertical-align: middle; } }
    /* line 78, ../sass/_homepage.scss */
    #homebanner .btn-group .icon-search:before {
      content: "\f002";
      font-family: fontawesome !important;
      font-size: 2em; }
    /* line 85, ../sass/_homepage.scss */
    #homebanner .btn-group .icon-ok:before {
      content: "\f00c";
      font-family: fontawesome !important;
      font-size: 2em; }
    /* line 92, ../sass/_homepage.scss */
    #homebanner .btn-group .icon-book:before {
      content: "\f02d";
      font-family: fontawesome !important;
      font-size: 2em; }
    @media (max-width: 767px) {
      /* line 13, ../sass/_homepage.scss */
      #homebanner .btn-group {
        width: 100%;
        margin: 0;
        padding: 0;
        position: static; } }
  /* line 105, ../sass/_homepage.scss */
  #homebanner #searchcovered {
    padding: 15px;
    position: relative; }
    /* line 108, ../sass/_homepage.scss */
    #homebanner #searchcovered h2 {
      color: #2a4281;
      font-weight: bold;
      margin: 10px 0 0 0;
      font-size: 31px;
      line-height: 1.05em; }
      @media (max-width: 767px) {
        /* line 114, ../sass/_homepage.scss */
        #homebanner #searchcovered h2 br {
          display: none; } }
    /* line 120, ../sass/_homepage.scss */
    #homebanner #searchcovered span {
      padding-left: 130px; }
      @media (max-width: 767px) {
        /* line 120, ../sass/_homepage.scss */
        #homebanner #searchcovered span {
          padding-left: 0; } }
    @media (max-width: 767px) {
      /* line 105, ../sass/_homepage.scss */
      #homebanner #searchcovered {
        padding-left: 0;
        padding-right: 0; } }
  @media (max-width: 767px) {
    /* line 7, ../sass/_homepage.scss */
    #homebanner {
      background: none;
      height: auto; } }

/* line 137, ../sass/_homepage.scss */
#gethelp-section {
  overflow: hidden;
  border: 5px solid #CBD5E1;
  background: #DEE5EC;
  padding-bottom: 10px;
  border-radius: 10px;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #CBD5E1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #CBD5E1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #CBD5E1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #CBD5E1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #CBD5E1 100%);
  /* IE10+ */
  background: linear-gradient(top, #FFFFFF 0%, #CBD5E1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */ }
  /* line 148, ../sass/_homepage.scss */
  #gethelp-section h2 {
    font-size: 1.3em;
    font-weight: bold;
    color: #09539f;
    line-height: 1.2em;
    text-align: left;
    margin-left: 17px; }
    @media (max-width: 1023px) {
      /* line 148, ../sass/_homepage.scss */
      #gethelp-section h2 {
        margin-left: 0; } }
  /* line 159, ../sass/_homepage.scss */
  #gethelp-section div {
    border-right: 1px solid #B8B8B8;
    margin-top: 10px;
    position: relative;
    padding-bottom: 30px; }
    /* line 164, ../sass/_homepage.scss */
    #gethelp-section div.last {
      border: none; }
    @media (max-width: 1023px) {
      /* line 159, ../sass/_homepage.scss */
      #gethelp-section div {
        border: none;
        padding-bottom: 0; } }
  /* line 172, ../sass/_homepage.scss */
  #gethelp-section .btn-primary {
    margin-left: -2px;
    height: 30px;
    padding: 5px 8px; }
    /* line 176, ../sass/_homepage.scss */
    #gethelp-section .btn-primary.btn {
      -moz-border-radius: 0 4px 4px 0;
      -webkit-border-radius: 0 4px 4px 0;
      -khtml-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0;
      margin-left: -4px;
      vertical-align: top;
      position: absolute;
      bottom: 10px;
      right: 31px; }
      @media (max-width: 1023px) {
        /* line 176, ../sass/_homepage.scss */
        #gethelp-section .btn-primary.btn {
          position: static; } }
  /* line 192, ../sass/_homepage.scss */
  #gethelp-section select {
    color: #726E70;
    font-weight: bold;
    font-size: 0.875em;
    border: 1px solid #848484;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 240px;
    position: absolute;
    bottom: 10px;
    left: 30px; }
    @media (max-width: 1023px) {
      /* line 192, ../sass/_homepage.scss */
      #gethelp-section select {
        position: static;
        width: 90%; } }
    @media (max-width: 767px) {
      /* line 192, ../sass/_homepage.scss */
      #gethelp-section select {
        width: 86%; } }
  @media (max-width: 767px) {
    /* line 137, ../sass/_homepage.scss */
    #gethelp-section {
      margin-left: -10px !important;
      margin-right: -10px !important;
      border-radius: 0; } }
  /* line 216, ../sass/_homepage.scss */
  #gethelp-section #informationforme-dropdown,
  #gethelp-section #info-go,
  #gethelp-section #findsomeone-dropdown,
  #gethelp-section #find-go {
    bottom: 30px; }

/* line 225, ../sass/_homepage.scss */
.btn-secondary {
  background: #D3EDFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D3EDFC), color-stop(100%, #B0D1EA));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* IE10+ */
  background: linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #B0D1EA;
  padding: 7px 15px 7px 15px; }
  /* line 230, ../sass/_homepage.scss */
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary[disabled] {
    background: #B0D1EA;
    /* Old browsers */
    background: -moz-linear-gradient(top, #B0D1EA 0%, #D3EDFC 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B0D1EA), color-stop(100%, #D3EDFC));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #B0D1EA 0%, #D3EDFC 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #B0D1EA 0%, #D3EDFC 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #B0D1EA 0%, #D3EDFC 100%);
    /* IE10+ */
    background: linear-gradient(top, #B0D1EA 0%, #D3EDFC 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */ }
  /* line 233, ../sass/_homepage.scss */
  .btn-secondary:visited, .btn-secondary:link {
    color: #164B75; }
  /* line 236, ../sass/_homepage.scss */
  .btn-secondary a {
    text-decoration: none; }

/* line 240, ../sass/_homepage.scss */
.ymc-home {
  width: 50%;
  height: 55px;
  margin-top: 1%;
  white-space: nowrap; }
  /* line 245, ../sass/_homepage.scss */
  .ymc-home button {
    color: #ffffff !important;
    height: 42px !important;
    font-weight: bold;
    font-size: 140%;
    margin: 0;
    border: 1px solid #848484;
    position: relative;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    vertical-align: top;
    background: #09539F;
    /* Old browsers */
    background: -moz-linear-gradient(top, #09539F 0%, #042C4F 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09539F), color-stop(100%, #042C4F));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #09539F 0%, #042C4F 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #09539F 0%, #042C4F 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #09539F 0%, #042C4F 100%);
    /* IE10+ */
    background: linear-gradient(top, #09539F 0%, #042C4F 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */ }
  /* line 260, ../sass/_homepage.scss */
  .ymc-home input {
    vertical-align: top;
    color: #726E70;
    width: 85%;
    min-width: 190px;
    padding: 0;
    font-weight: bold;
    margin: 0;
    height: 40px;
    border: 1px solid #848484;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    border-right: none; }
  @media (max-width: 1023px) {
    /* line 240, ../sass/_homepage.scss */
    .ymc-home {
      width: 80%; } }
  @media (max-width: 767px) {
    /* line 240, ../sass/_homepage.scss */
    .ymc-home {
      width: 100%; } }

/* line 285, ../sass/_homepage.scss */
#mymedicare-button {
  color: #000000;
  float: right;
  display: block;
  margin: 35px 15px 0 0; }

/* line 291, ../sass/_homepage.scss */
#underYMC {
  position: absolute;
  top: 160px;
  z-index: 9;
  margin-top: 4px !important;
  font-size: 13px !important;
  font-weight: normal !important; }

/* line 299, ../sass/_homepage.scss */
#homepage-columns {
  text-align: center; }
  /* line 301, ../sass/_homepage.scss */
  #homepage-columns #find-dphp-column {
    text-align: left;
    margin: 10px 10px 20px 10px;
    /*width: 296px;*/
    /*width: 91%;*/ }
    /* line 306, ../sass/_homepage.scss */
    #homepage-columns #find-dphp-column h2 {
      color: #09539f;
      border-bottom: 1px solid #09539f;
      font-size: 1.75em;
      line-height: 1.1em;
      padding: 0 0 10px;
      margin: 0; }
    /* line 314, ../sass/_homepage.scss */
    #homepage-columns #find-dphp-column li {
      padding: 8px 0;
      border-top: 1px dotted #808080;
      font-size: 1.1em;
      line-height: 1.5em;
      margin-bottom: 5px; }
      /* line 315, ../sass/_homepage.scss */
      #homepage-columns #find-dphp-column li a {
        color: #0b3d69;
        font-weight: bold;
        text-decoration: none; }
        /* line 319, ../sass/_homepage.scss */
        #homepage-columns #find-dphp-column li a:focus, #homepage-columns #find-dphp-column li a:hover {
          text-decoration: underline; }
    /* line 330, ../sass/_homepage.scss */
    #homepage-columns #find-dphp-column li:first-child {
      border-top: none; }
    /* line 333, ../sass/_homepage.scss */
    #homepage-columns #find-dphp-column ul {
      list-style: none;
      margin: 0 0 10px 0;
      padding: 0; }

/* line 341, ../sass/_homepage.scss */
#homepage-columns > div {
  width: 100%;
  margin: 10px 0 10px 0px;
  text-align: left; }

/* line 346, ../sass/_homepage.scss */
#homepage-columns #find-dphp-column > ul > li > a {
  display: inline-block;
  width: 100%; }

/* line 347, ../sass/_homepage.scss */
#more-qpct-button {
  color: #0b3d69;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none; }
  /* line 355, ../sass/_homepage.scss */
  #more-qpct-button:hover {
    text-decoration: none; }
  @media (max-width: 1023px) {
    /* line 347, ../sass/_homepage.scss */
    #more-qpct-button {
      width: 90%;
      text-align: center; } }

/* line 365, ../sass/_homepage.scss */
#homepage-buttons-column ul {
  list-style: none;
  margin: 0px;
  padding-left: 0; }
/* line 370, ../sass/_homepage.scss */
#homepage-buttons-column li {
  vertical-align: middle;
  margin-bottom: 8px;
  height: auto; }
  /* line 374, ../sass/_homepage.scss */
  #homepage-buttons-column li a {
    display: table-cell;
    height: 60px;
    color: #fff;
    padding: 0 20px 0 55px;
    vertical-align: middle;
    width: 20%;
    text-align: left;
    text-decoration: none;
    position: relative; }
    /* line 384, ../sass/_homepage.scss */
    #homepage-buttons-column li a:focus, #homepage-buttons-column li a:hover {
      text-decoration: underline; }
    /* line 387, ../sass/_homepage.scss */
    #homepage-buttons-column li a .icon {
      background: url("https://assets.cms.gov/Resources/Medicare/Images/home/iconSprite.png") 0px 0px no-repeat;
      display: inline-block;
      width: 32px;
      height: 32px;
      position: absolute;
      left: 15px;
      top: 15px; }
  /* line 397, ../sass/_homepage.scss */
  #homepage-buttons-column li#hp-costs-button a .icon {
    background-position: 0px -313px; }
  /* line 398, ../sass/_homepage.scss */
  #homepage-buttons-column li#hp-plans-button a .icon {
    background-position: 0px -266px; }
  /* line 399, ../sass/_homepage.scss */
  #homepage-buttons-column li#hp-how-button a .icon {
    background-position: 0px -223px; }
  /* line 400, ../sass/_homepage.scss */
  #homepage-buttons-column li#hp-mail-button a .icon {
    background-position: 0px -403px; }
  /* line 401, ../sass/_homepage.scss */
  #homepage-buttons-column li#hp-paperless-button a .icon {
    background-position: 0px -358px; }

/* line 408, ../sass/_homepage.scss */
#announcement-section ul {
  margin: 15px 0px;
  list-style: none;
  padding-left: 0;
  clear: both; }
  /* line 413, ../sass/_homepage.scss */
  #announcement-section ul li {
    padding: 6px 20px;
    margin: 5px 0 0 0;
    font-weight: bold;
    color: #663300;
    overflow: auto;
    line-height: 22px;
    border: 1px solid #DDC44E;
    background: #f7f4e1;
    /* Old browsers */
    background: #f7f4e1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f4e1 0%, #fdf5b6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f4e1), color-stop(100%, #fdf5b6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f4e1 0%, #fdf5b6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f4e1 0%, #fdf5b6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f4e1 0%, #fdf5b6 100%);
    /* IE10+ */
    background: linear-gradient(top, #f7f4e1 0%, #fdf5b6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; }
    @media (max-width: 767px) {
      /* line 413, ../sass/_homepage.scss */
      #announcement-section ul li {
        border-radius: 0; } }
  @media (max-width: 767px) {
    /* line 408, ../sass/_homepage.scss */
    #announcement-section ul {
      margin-left: -10px;
      margin-right: -10px; } }
/* line 433, ../sass/_homepage.scss */
#announcement-section p {
  display: inline; }
/* line 436, ../sass/_homepage.scss */
#announcement-section a {
  color: #09539F;
  float: right;
  font-weight: bold;
  text-decoration: none; }
  /* line 441, ../sass/_homepage.scss */
  #announcement-section a:hover, #announcement-section a:focus, #announcement-section a:active {
    text-decoration: underline; }

/* line 446, ../sass/_homepage.scss */
#announcement-section li span {
  float: left; }

/* line 449, ../sass/_homepage.scss */
.ui-helper-highcontrast #announcement-section li {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled : false); }

/* line 452, ../sass/_homepage.scss */
.btn-pill {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  border-radius: 50px;
  padding: 13px 20px;
  font-size: 1.1em; }

/* line 461, ../sass/_homepage.scss */
#block-feedtabs #feedtabs-column #feedTabs {
  width: 100%; }
  /* line 464, ../sass/_homepage.scss */
  #block-feedtabs #feedtabs-column #feedTabs ul#tabs-ul li {
    float: left;
    text-align: center;
    width: 33.11111%; }
    /* line 468, ../sass/_homepage.scss */
    #block-feedtabs #feedtabs-column #feedTabs ul#tabs-ul li a {
      margin-top: 9px;
      display: block; }
    @media (max-width: 767px) {
      /* line 464, ../sass/_homepage.scss */
      #block-feedtabs #feedtabs-column #feedTabs ul#tabs-ul li {
        width: 33%; } }
  /* line 477, ../sass/_homepage.scss */
  #block-feedtabs #feedtabs-column #feedTabs > .DefaultTabClass {
    background: #E9E9E9;
    border: none; }
    /* line 480, ../sass/_homepage.scss */
    #block-feedtabs #feedtabs-column #feedTabs > .DefaultTabClass a[name="contentTab1"], #block-feedtabs #feedtabs-column #feedTabs > .DefaultTabClass a[name="contentTab2"], #block-feedtabs #feedtabs-column #feedTabs > .DefaultTabClass a[name="contentTab3"] {
      display: none; }
    /* line 483, ../sass/_homepage.scss */
    #block-feedtabs #feedtabs-column #feedTabs > .DefaultTabClass.ui-tabs-hide {
      display: none; }
  /* line 487, ../sass/_homepage.scss */
  #block-feedtabs #feedtabs-column #feedTabs a.feedtab-button {
    text-decoration: none; }
@media (max-width: 1023px) {
  /* line 460, ../sass/_homepage.scss */
  #block-feedtabs #feedtabs-column {
    float: right; } }
@media (max-width: 767px) {
  /* line 460, ../sass/_homepage.scss */
  #block-feedtabs #feedtabs-column {
    float: none;
    width: 100% !important;
    border-radius: 0; } }
/* line 501, ../sass/_homepage.scss */
#block-feedtabs #feedtabs-column li.feedItem a {
  color: #3076d4; }
@media (max-width: 767px) {
  /* line 459, ../sass/_homepage.scss */
  #block-feedtabs {
    padding: 0; } }

/* New landing page */
/* line 514, ../sass/_homepage.scss */
.page-node-type-landing-page #main-wrapper {
  padding-top: 0; }
@media (max-width: 767px) {
  /* line 518, ../sass/_homepage.scss */
  .page-node-type-landing-page #banner-container img {
    object-position: 75% 0;
    object-fit: cover; } }
@media (max-width: 479px) {
  /* line 518, ../sass/_homepage.scss */
  .page-node-type-landing-page #banner-container img {
    object-position: 97% 0;
    object-fit: cover;
    -webkit-filter: blur(15px);
    z-index: 259; } }
/* line 530, ../sass/_homepage.scss */
.page-node-type-landing-page #banner-container .homepage-overlay {
  position: absolute;
  width: 1020px; }
  @media (max-width: 1023px) {
    /* line 530, ../sass/_homepage.scss */
    .page-node-type-landing-page #banner-container .homepage-overlay {
      width: auto;
      z-index: 2;
      left: 0; } }
  @media (max-width: 479px) {
    /* line 530, ../sass/_homepage.scss */
    .page-node-type-landing-page #banner-container .homepage-overlay {
      padding-top: 0; } }
  /* line 542, ../sass/_homepage.scss */
  .page-node-type-landing-page #banner-container .homepage-overlay h2.field--name-field-banner-text {
    width: 580px;
    font-size: 50px;
    font-family: MontserratMedium, Arial, Helvetica, sans-serif;
    color: #323A45;
    font-weight: 600;
    margin-left: 35px;
    line-height: 60px; }
    @media (max-width: 1023px) {
      /* line 542, ../sass/_homepage.scss */
      .page-node-type-landing-page #banner-container .homepage-overlay h2.field--name-field-banner-text {
        width: 55%;
        font-size: 38px;
        line-height: 50px;
        margin-left: 25px; } }
    @media (max-width: 767px) {
      /* line 542, ../sass/_homepage.scss */
      .page-node-type-landing-page #banner-container .homepage-overlay h2.field--name-field-banner-text {
        width: 50%;
        font-size: 28px;
        line-height: 35px;
        margin-left: 25px; } }
    @media (max-width: 479px) {
      /* line 542, ../sass/_homepage.scss */
      .page-node-type-landing-page #banner-container .homepage-overlay h2.field--name-field-banner-text {
        width: auto;
        font-size: 33px;
        line-height: 40px;
        margin: 10px; } }
  /* line 571, ../sass/_homepage.scss */
  .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions {
    margin-top: 40px; }
    @media (max-width: 1023px) {
      /* line 571, ../sass/_homepage.scss */
      .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions {
        margin-top: 0;
        padding-left: 20px; } }
    @media (max-width: 479px) {
      /* line 571, ../sass/_homepage.scss */
      .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions {
        margin-top: 25px;
        display: block;
        padding: 0 10px; } }
    /* line 582, ../sass/_homepage.scss */
    .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li {
      display: inline;
      margin-right: 15px; }
      @media (max-width: 479px) {
        /* line 582, ../sass/_homepage.scss */
        .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li {
          display: block;
          margin-bottom: 20px;
          margin-right: 0; } }
      /* line 590, ../sass/_homepage.scss */
      .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn {
        background-color: #1E3C70;
        border: none;
        padding: 20px 30px;
        display: inline-block;
        max-width: 45%; }
        /* line 596, ../sass/_homepage.scss */
        .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn:hover {
          background-color: #12284D;
          box-shadow: 0px 0px 0px 3px #F5C964;
          cursor: pointer; }
        @media (min-width: 767px) and (max-width: 1023px) {
          /* line 590, ../sass/_homepage.scss */
          .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn {
            max-width: 37%; } }
        @media (max-width: 767px) {
          /* line 590, ../sass/_homepage.scss */
          .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn {
            display: block;
            padding: 20px 25px;
            text-align: center;
            max-width: 40%; } }
        @media (max-width: 479px) {
          /* line 590, ../sass/_homepage.scss */
          .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn {
            margin: 0 auto;
            max-width: 85%; } }
        /* line 614, ../sass/_homepage.scss */
        .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn a {
          color: white;
          font-family: Montserrat, Arial, Helvetica, sans-serif;
          font-size: 18px;
          font-weight: 600; }
          /* line 619, ../sass/_homepage.scss */
          .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn a:hover {
            text-decoration: none; }
          @media (max-width: 479px) {
            /* line 614, ../sass/_homepage.scss */
            .page-node-type-landing-page #banner-container .homepage-overlay ul.banner-actions li .btn a {
              font-size: 16px; } }
/* line 633, ../sass/_homepage.scss */
.page-node-type-landing-page #announcement-container {
  height: 100%;
  background-color: #146A5D;
  color: white;
  font-size: 24px;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-top: -5px;
  margin-left: 0;
  margin-right: 0; }
  /* line 643, ../sass/_homepage.scss */
  .page-node-type-landing-page #announcement-container .announcement-text {
    padding-left: 15px;
    height: 100%;
    margin: auto 0; }
    /* line 647, ../sass/_homepage.scss */
    .page-node-type-landing-page #announcement-container .announcement-text .field--name-field-announcement-text {
      padding: 30px; }
      @media (max-width: 767px) {
        /* line 647, ../sass/_homepage.scss */
        .page-node-type-landing-page #announcement-container .announcement-text .field--name-field-announcement-text {
          padding-bottom: 0; } }
  /* line 654, ../sass/_homepage.scss */
  .page-node-type-landing-page #announcement-container .announcement-actions .field--name-field-announcement-button {
    padding: 30px; }
    @media (max-width: 767px) {
      /* line 654, ../sass/_homepage.scss */
      .page-node-type-landing-page #announcement-container .announcement-actions .field--name-field-announcement-button {
        padding-top: 15px; } }
  /* line 660, ../sass/_homepage.scss */
  .page-node-type-landing-page #announcement-container .announcement-actions a {
    color: #323A45;
    font-size: 16px;
    font-family: Rubik,Arial,Helvetica,sans-serif;
    background-color: white;
    border: none;
    display: inline-block;
    padding: 13px 15px;
    width: 88%;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
    /* line 673, ../sass/_homepage.scss */
    .page-node-type-landing-page #announcement-container .announcement-actions a:hover {
      text-decoration: none;
      box-shadow: 0px 0px 0px 3px #F5C964; }
    @media (max-width: 1023px) {
      /* line 660, ../sass/_homepage.scss */
      .page-node-type-landing-page #announcement-container .announcement-actions a {
        position: absolute;
        margin: auto 0;
        width: auto; } }
    @media (max-width: 767px) {
      /* line 660, ../sass/_homepage.scss */
      .page-node-type-landing-page #announcement-container .announcement-actions a {
        position: relative;
        display: block;
        text-align: center;
        width: auto; } }
/* line 691, ../sass/_homepage.scss */
.page-node-type-landing-page #medicare-alerts {
  display: none; }
  /* line 693, ../sass/_homepage.scss */
  .page-node-type-landing-page #medicare-alerts p {
    line-height: 100%;
    margin: 12px 0; }
  /* line 697, ../sass/_homepage.scss */
  .page-node-type-landing-page #medicare-alerts .field--name-field-alert {
    font-size: 16px;
    color: #fff;
    font-family: Rubik, Arial, Helvetica, sans-serif; }
  /* line 702, ../sass/_homepage.scss */
  .page-node-type-landing-page #medicare-alerts.ds-l-row {
    margin: 0 0 5px 0; }
    @media (max-width: 1023px) {
      /* line 702, ../sass/_homepage.scss */
      .page-node-type-landing-page #medicare-alerts.ds-l-row {
        margin-top: 15px; } }
  /* line 708, ../sass/_homepage.scss */
  .page-node-type-landing-page #medicare-alerts .ds-l-lg-col--1 {
    margin: auto 0; }
  /* line 711, ../sass/_homepage.scss */
  .page-node-type-landing-page #medicare-alerts #close-alert {
    float: right; }
  /* line 714, ../sass/_homepage.scss */
  .page-node-type-landing-page #medicare-alerts button {
    border: none;
    background: transparent;
    color: #fff;
    margin: 10px 0;
    font-weight: normal;
    font-size: 16px; }
  /* line 722, ../sass/_homepage.scss */
  .page-node-type-landing-page #medicare-alerts a {
    text-decoration: underline;
    color: #fff; }
    /* line 725, ../sass/_homepage.scss */
    .page-node-type-landing-page #medicare-alerts a:active, .page-node-type-landing-page #medicare-alerts a:focus, .page-node-type-landing-page #medicare-alerts a:hover {
      font-weight: bold; }
    /* line 728, ../sass/_homepage.scss */
    .page-node-type-landing-page #medicare-alerts a:visited {
      color: #fff; }
/* line 733, ../sass/_homepage.scss */
.page-node-type-landing-page #home-cards-container {
  margin-top: 20px; }
  /* line 735, ../sass/_homepage.scss */
  .page-node-type-landing-page #home-cards-container .ds-l-row {
    margin: 0; }
  /* line 738, ../sass/_homepage.scss */
  .page-node-type-landing-page #home-cards-container .home-card {
    text-align: center;
    border-left: 1px solid #efeded;
    box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.23);
    -webkit-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.23);
    -moz-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.23);
    border-radius: 8px;
    margin-right: 20px;
    max-width: 23%;
    padding: 15px 25px 25px 25px;
    cursor: pointer; }
    /* line 749, ../sass/_homepage.scss */
    .page-node-type-landing-page #home-cards-container .home-card:hover {
      -webkit-box-shadow: 0px 0px 0px 1px #1E3C70;
      -moz-box-shadow: 0px 0px 0px 1px #1E3C70;
      box-shadow: 0px 0px 0px 1px #1E3C70; }
    @media (max-width: 1023px) {
      /* line 738, ../sass/_homepage.scss */
      .page-node-type-landing-page #home-cards-container .home-card {
        max-width: 100%;
        margin: 0 0 25px 0;
        border-bottom: 1px solid #efeded; } }
    /* line 759, ../sass/_homepage.scss */
    .page-node-type-landing-page #home-cards-container .home-card img {
      margin-top: 20px;
      margin-bottom: 10px; }
      /* line 762, ../sass/_homepage.scss */
      .page-node-type-landing-page #home-cards-container .home-card img.account {
        margin-top: 30px;
        margin-bottom: 15px; }
    /* line 768, ../sass/_homepage.scss */
    .page-node-type-landing-page #home-cards-container .home-card h2.card-title {
      font-family: MontserratMedium, Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
      color: #323A45;
      margin: 0 0 5px 0; }
      /* line 775, ../sass/_homepage.scss */
      .page-node-type-landing-page #home-cards-container .home-card h2.card-title a {
        color: #323A45; }
    /* line 780, ../sass/_homepage.scss */
    .page-node-type-landing-page #home-cards-container .home-card .card-text {
      font-family: Rubik, Arial, Helvetica, sans-serif;
      font-size: 16px;
      color: #323A45;
      line-height: 24px;
      font-weight: bold;
      padding-left: 19px;
      padding-right: 19px;
      text-align: center; }
  /* line 791, ../sass/_homepage.scss */
  .page-node-type-landing-page #home-cards-container .home-card:last-child {
    margin-right: 0; }
  /* line 794, ../sass/_homepage.scss */
  .page-node-type-landing-page #home-cards-container .home-card:first-child {
    margin-left: 10px; }
    @media (max-width: 1023px) {
      /* line 794, ../sass/_homepage.scss */
      .page-node-type-landing-page #home-cards-container .home-card:first-child {
        margin-left: 0px; } }
/* line 801, ../sass/_homepage.scss */
.page-node-type-landing-page #resources-container {
  margin: 30px 0; }
  @media (max-width: 767px) {
    /* line 801, ../sass/_homepage.scss */
    .page-node-type-landing-page #resources-container {
      margin-top: 15px; } }
  /* line 806, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container .resources {
    padding-right: 0; }
  /* line 809, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container .resources-title {
    font-family: MontserratMedium, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
    margin-top: 30px;
    color: #323A45; }
    @media (max-width: 767px) {
      /* line 809, ../sass/_homepage.scss */
      .page-node-type-landing-page #resources-container .resources-title {
        margin-top: 0; } }
  /* line 821, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container .resources-body ul {
    padding-left: 0; }
    /* line 823, ../sass/_homepage.scss */
    .page-node-type-landing-page #resources-container .resources-body ul li {
      list-style-type: none;
      padding-bottom: 8px; }
  /* line 828, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container .resources-body a {
    color: #146A5D;
    font-family: RubikBold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold; }
  /* line 836, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container .email {
    padding-left: 70px; }
    @media (max-width: 1023px) {
      /* line 836, ../sass/_homepage.scss */
      .page-node-type-landing-page #resources-container .email {
        padding-left: 10px;
        padding-right: 8px; } }
    @media (max-width: 767px) {
      /* line 836, ../sass/_homepage.scss */
      .page-node-type-landing-page #resources-container .email {
        padding-right: 15px; } }
  /* line 846, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container .email-container {
    font-family: MontserratMedium, Arial, Helvetica, sans-serif;
    background-color: #e8f1ff;
    padding: 50px;
    margin-right: 0; }
    @media (max-width: 767px) {
      /* line 846, ../sass/_homepage.scss */
      .page-node-type-landing-page #resources-container .email-container {
        padding: 15px; } }
    /* line 854, ../sass/_homepage.scss */
    .page-node-type-landing-page #resources-container .email-container .email-label {
      font-size: 21px;
      font-weight: 700;
      margin-bottom: 20px;
      color: #323A45; }
    /* line 860, ../sass/_homepage.scss */
    .page-node-type-landing-page #resources-container .email-container .email-text {
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 10px; }
    /* line 865, ../sass/_homepage.scss */
    .page-node-type-landing-page #resources-container .email-container #email-entry-error {
      color: red;
      padding-top: 5px; }
  /* line 870, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container input[type="text"] {
    width: 98%;
    height: 55px;
    border: 1px solid #72777F;
    border-radius: 4px;
    padding-left: 10px;
    font-size: 16px; }
    @media (max-width: 767px) {
      /* line 870, ../sass/_homepage.scss */
      .page-node-type-landing-page #resources-container input[type="text"] {
        width: 92%; } }
  /* line 881, ../sass/_homepage.scss */
  .page-node-type-landing-page #resources-container input[type="submit"] {
    margin-top: 15px;
    padding: 20px 60px;
    background-color: #146A5D;
    color: white;
    font-size: 18px;
    font-weight: 700;
    border: none;
    border-radius: 4px; }
    /* line 890, ../sass/_homepage.scss */
    .page-node-type-landing-page #resources-container input[type="submit"]:hover, .page-node-type-landing-page #resources-container input[type="submit"]:focus {
      box-shadow: 0px 0px 0px 3px #F5C964;
      background-color: #0F4B42; }
    @media (max-width: 767px) {
      /* line 881, ../sass/_homepage.scss */
      .page-node-type-landing-page #resources-container input[type="submit"] {
        width: 95%; } }
/* line 899, ../sass/_homepage.scss */
.page-node-type-landing-page #whats-new-container {
  background-color: #e0f2f1;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
  padding-top: 40px;
  padding-left: 12px;
  padding-right: 20px;
  padding-bottom: 70px; }
  @media (max-width: 767px) {
    /* line 899, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container {
      padding-top: 20px;
      padding-bottom: 50px; } }
  /* line 913, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container .blogs-news .blog-link {
    margin-bottom: 10px; }
  /* line 916, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container .blogs-news a {
    color: #146A5D;
    font-family: RubikBold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold; }
  /* line 924, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container h2 {
    font-family: MontserratMedium, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #323A45; }
    /* line 929, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container h2 .field--name-field-whats-new-label {
      margin-bottom: 40px; }
  /* line 933, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container .tag {
    font-family: RubikBold, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px;
    border-radius: 1px;
    width: auto;
    display: inline-block;
    text-align: center; }
    /* line 942, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container .tag a {
      font-family: RubikBold, Arial, Helvetica, sans-serif;
      color: white;
      font-size: 16px; }
  /* line 948, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container ul {
    margin-top: 0; }
    /* line 950, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container ul.blog {
      padding-left: 0; }
      /* line 952, ../sass/_homepage.scss */
      .page-node-type-landing-page #whats-new-container ul.blog li {
        list-style-type: none;
        padding-bottom: 8px; }
  /* line 958, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container .blog-tag {
    background-color: #146A5D; }
    /* line 960, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container .blog-tag:focus, .page-node-type-landing-page #whats-new-container .blog-tag:hover {
      box-shadow: 0px 0px 0px 3px #F5C964;
      background-color: #0F4B42;
      cursor: pointer; }
    /* line 966, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container .blog-tag a:hover {
      text-decoration: none; }
  /* line 971, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container .news-tag {
    background-color: #4F6B9B;
    margin-top: 30px; }
    /* line 974, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container .news-tag:focus, .page-node-type-landing-page #whats-new-container .news-tag:hover {
      box-shadow: 0px 0px 0px 3px #F5C964;
      background-color: #12284D;
      cursor: pointer; }
    /* line 980, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container .news-tag a:hover {
      text-decoration: none; }
  /* line 985, ../sass/_homepage.scss */
  .page-node-type-landing-page #whats-new-container .video {
    padding-left: 50px; }
    @media (max-width: 1023px) {
      /* line 985, ../sass/_homepage.scss */
      .page-node-type-landing-page #whats-new-container .video {
        padding-left: 15px;
        margin-top: 20px; } }
    /* line 992, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container .video .video-container iframe {
      border: 3px solid #4F6B9B; }
    /* line 995, ../sass/_homepage.scss */
    .page-node-type-landing-page #whats-new-container .video .video-container a {
      font-family: Rubik, Arial, Helvetica, sans-serif;
      position: absolute;
      margin-top: -60px;
      margin-left: 10px;
      font-size: 16px;
      border-radius: 4px;
      background: #1E3C70;
      color: white;
      padding: 15px 45px; }
      /* line 1005, ../sass/_homepage.scss */
      .page-node-type-landing-page #whats-new-container .video .video-container a:hover {
        background-color: #12284D;
        box-shadow: 0px 0px 0px 3px #F5C964;
        text-decoration: none; }
      /* line 1010, ../sass/_homepage.scss */
      .page-node-type-landing-page #whats-new-container .video .video-container a:focus {
        text-decoration: 1px solid white; }

/* View mode example styles */
/* line 2, ../sass/_node.scss */
.node--view-mode-note, .node--view-mode-example {
  background: #e6ebf1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e6ebf1 0%, #c9d3df 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6ebf1), color-stop(100%, #c9d3df));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e6ebf1 0%, #c9d3df 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e6ebf1 0%, #c9d3df 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e6ebf1 0%, #c9d3df 100%);
  /* IE10+ */
  background: linear-gradient(top, #e6ebf1 0%, #c9d3df 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  border-radius: 5px;
  padding: 0;
  border: 1px solid #b9cfda;
  margin-top: 10px; }
  /* line 8, ../sass/_node.scss */
  .node--view-mode-note .header, .node--view-mode-example .header {
    background-color: #f3f4f8;
    font-weight: 700;
    border-radius: 5px 5px 0 0; }
  /* line 13, ../sass/_node.scss */
  .node--view-mode-note .node__title, .node--view-mode-example .node__title {
    color: #4c4c4c;
    font-size: 1em;
    margin: 0 0 20px;
    padding: 4px 10px;
    background-color: #f3f4f8; }
  /* line 20, ../sass/_node.scss */
  .node--view-mode-note .node__content, .node--view-mode-example .node__content {
    padding: 0 40px 20px 40px; }

/* Glossary page */
/* line 6, ../sass/_glossary.scss */
.path-glossary .view-glossary-page > .view-header .views-summary a {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin: 3px 6px;
  text-align: center;
  line-height: 24px;
  color: #FFF;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
  background: #063E73;
  background: #09539f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09539f), color-stop(100%, #042c4f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* IE10+ */
  background: linear-gradient(top, #09539f 0%, #042c4f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px; }
  /* line 24, ../sass/_glossary.scss */
  .path-glossary .view-glossary-page > .view-header .views-summary a:hover {
    text-decoration: underline; }
  /* line 27, ../sass/_glossary.scss */
  .path-glossary .view-glossary-page > .view-header .views-summary a.is-active {
    background: #006837;
    background: #008C44;
    /* Old browsers */
    background: -moz-linear-gradient(top, #008C44 0%, #00442A 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008C44), color-stop(100%, #00442A));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #008C44 0%, #00442A 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #008C44 0%, #00442A 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #008C44 0%, #00442A 100%);
    /* IE10+ */
    background: linear-gradient(top, #008C44 0%, #00442A 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */ }
  @media (max-width: 1023px) {
    /* line 6, ../sass/_glossary.scss */
    .path-glossary .view-glossary-page > .view-header .views-summary a {
      margin-right: -2px; } }
/* line 36, ../sass/_glossary.scss */
.path-glossary .view-glossary-page > .view-header .view-content {
  padding: 20px 12px; }
/* line 40, ../sass/_glossary.scss */
.path-glossary .view-glossary-page > .view-content {
  clear: both; }
  /* line 42, ../sass/_glossary.scss */
  .path-glossary .view-glossary-page > .view-content > h3 {
    display: none; }
  /* line 45, ../sass/_glossary.scss */
  .path-glossary .view-glossary-page > .view-content .views-row {
    padding: 30px 20px 20px;
    border-bottom: 1px dashed #08549F; }
    /* line 48, ../sass/_glossary.scss */
    .path-glossary .view-glossary-page > .view-content .views-row:nth-child(even) {
      background: #F2F6F9; }
    /* line 49, ../sass/_glossary.scss */
    .path-glossary .view-glossary-page > .view-content .views-row p {
      margin-bottom: 0; }
  /* line 54, ../sass/_glossary.scss */
  .path-glossary .view-glossary-page > .view-content .views-field-title-1 span {
    color: #09539F;
    font-size: 1.16em;
    line-height: 18px;
    font-weight: bold; }
/* line 63, ../sass/_glossary.scss */
.path-glossary .view-footer {
  margin-top: 30px;
  margin-bottom: 50px; }
  /* line 66, ../sass/_glossary.scss */
  .path-glossary .view-footer #back-to-top {
    display: inline-block;
    font-weight: bold;
    color: #164B75;
    background: #c3cdd3;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #c3cdd3 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c3cdd3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #c3cdd3 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #c3cdd3 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #c3cdd3 100%);
    /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #c3cdd3 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */
    border: 1px solid #9aadd6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 7px 15px 7px 15px;
    text-decoration: none;
    margin-bottom: 20px; }
    /* line 77, ../sass/_glossary.scss */
    .path-glossary .view-footer #back-to-top:hover {
      background-position: 0 0;
      background: #ffffff;
      background: #c3cdd3;
      /* Old browsers */
      background: -moz-linear-gradient(top, #c3cdd3 0%, #ffffff 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3cdd3), color-stop(100%, #ffffff));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #c3cdd3 0%, #ffffff 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #c3cdd3 0%, #ffffff 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #c3cdd3 0%, #ffffff 100%);
      /* IE10+ */
      background: linear-gradient(top, #c3cdd3 0%, #ffffff 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
      /* IE6-9 */
      color: #164B75; }
/* line 87, ../sass/_glossary.scss */
.path-glossary .breadcrumb li:nth-child(2) {
  display: none; }

/* line 1, ../sass/_blog.scss */
.blog-page-search {
  height: 98px;
  background-image: url("/themes/custom/medicare_base/images/Medicare-Blog-Hero-Desktop-Small.png"); }

/* line 7, ../sass/_blog.scss */
.page-node-type-blog .item-list {
  font-size: 13px; }
  /* line 9, ../sass/_blog.scss */
  .page-node-type-blog .item-list ul {
    list-style: none;
    margin: 25px 0;
    padding: 25px 0;
    border-top: 1px solid #a9adb2; }
    /* line 14, ../sass/_blog.scss */
    .page-node-type-blog .item-list ul li {
      margin: 0;
      display: inline-block; }
      /* line 17, ../sass/_blog.scss */
      .page-node-type-blog .item-list ul li a {
        color: #3076d4;
        font-weight: bold;
        font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif; }
      /* line 22, ../sass/_blog.scss */
      .page-node-type-blog .item-list ul li.pager-previous {
        float: left; }
        /* line 24, ../sass/_blog.scss */
        .page-node-type-blog .item-list ul li.pager-previous:before {
          content: '\f060';
          font-family: "FontAwesome" !important;
          margin-right: 5px;
          color: #214565; }
      /* line 31, ../sass/_blog.scss */
      .page-node-type-blog .item-list ul li.pager-next {
        float: right; }
        /* line 33, ../sass/_blog.scss */
        .page-node-type-blog .item-list ul li.pager-next:after {
          content: '\f061';
          font-family: "FontAwesome" !important;
          margin-left: 5px;
          color: #214565; }
/* line 43, ../sass/_blog.scss */
.page-node-type-blog article {
  line-height: 1.5;
  font-size: 16px; }
/* line 47, ../sass/_blog.scss */
.page-node-type-blog .sharethis-wrapper {
  display: block;
  width: 400px;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 40px; }
  /* line 53, ../sass/_blog.scss */
  .page-node-type-blog .sharethis-wrapper a {
    background-color: #CFEFFC;
    color: #214565;
    padding: 12px 18px;
    font-weight: bold;
    margin-right: 10px;
    font-size: 13px; }
    /* line 60, ../sass/_blog.scss */
    .page-node-type-blog .sharethis-wrapper a em {
      margin-right: 0; }
  /* line 64, ../sass/_blog.scss */
  .page-node-type-blog .sharethis-wrapper .share-links-container {
    right: 100%;
    top: 50px; }
    /* line 67, ../sass/_blog.scss */
    .page-node-type-blog .sharethis-wrapper .share-links-container a {
      background-color: transparent;
      padding: 0; }
    /* line 71, ../sass/_blog.scss */
    .page-node-type-blog .sharethis-wrapper .share-links-container .share-links-container-border {
      border: 2px solid #214565; }
      /* line 73, ../sass/_blog.scss */
      .page-node-type-blog .sharethis-wrapper .share-links-container .share-links-container-border h2 {
        font-size: 1.1em; }
      /* line 77, ../sass/_blog.scss */
      .page-node-type-blog .sharethis-wrapper .share-links-container .share-links-container-border .contents ul {
        padding: 5px; }
      /* line 81, ../sass/_blog.scss */
      .page-node-type-blog .sharethis-wrapper .share-links-container .share-links-container-border .share-links-head {
        padding: 5px; }
        /* line 84, ../sass/_blog.scss */
        .page-node-type-blog .sharethis-wrapper .share-links-container .share-links-container-border .share-links-head a.close {
          margin: 0;
          padding: 0;
          font-size: 1.6em; }

/* line 97, ../sass/_blog.scss */
.page-node-type-plain-page #block-medicare-base-page-title {
  display: none; }
/* line 101, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .blog-content-container {
  border-top: 0; }
/* line 105, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .region-content h1 {
  margin-top: 0; }
/* line 109, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .view-filters {
  display: none; }
/* line 112, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars #main-wrapper {
  padding-top: 0; }
/* line 115, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars h1 {
  margin-bottom: 5px; }
/* line 118, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .title-bar {
  border-bottom: 4px solid #74b544;
  width: 50px; }
/* line 122, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .view-header {
  font-weight: bold;
  font-size: 13px;
  color: #333;
  margin: 50px 40px 5px 40px; }
/* line 129, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .views-field-title a {
  color: #174b76;
  font-weight: bold; }
  /* line 132, ../sass/_blog.scss */
  .page-node-type-plain-page.layout-no-sidebars .views-field-title a:active, .page-node-type-plain-page.layout-no-sidebars .views-field-title a:focus, .page-node-type-plain-page.layout-no-sidebars .views-field-title a:hover {
    text-decoration: none;
    border-bottom: 2px solid #174b76; }
/* line 138, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .views-field-body-1, .page-node-type-plain-page.layout-no-sidebars .views-field-body {
  width: 75%;
  padding-top: 5px;
  padding-bottom: 20px;
  line-height: 1.25; }
/* line 144, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .views-row {
  border-bottom: 1px solid #a9adb2;
  margin: 20px 40px; }
  /* line 147, ../sass/_blog.scss */
  .page-node-type-plain-page.layout-no-sidebars .views-row:focus {
    border: 1px dotted black; }
/* line 151, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .view-empty {
  margin: 20px 40px;
  font-weight: bold; }
/* line 155, ../sass/_blog.scss */
.page-node-type-plain-page.layout-no-sidebars .pager {
  margin-top: 50px;
  margin-bottom: 50px; }
  /* line 158, ../sass/_blog.scss */
  .page-node-type-plain-page.layout-no-sidebars .pager .pager__items {
    font-size: 12px; }
    /* line 161, ../sass/_blog.scss */
    .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item {
      padding: 10px 0;
      border-bottom: 1px solid #D6D7D9;
      border-top: 1px solid #D6D7D9;
      border-right: 1px solid #D6D7D9; }
      /* line 166, ../sass/_blog.scss */
      .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item.pager__item--first {
        border-left: 1px solid #D6D7D9; }
      /* line 169, ../sass/_blog.scss */
      .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item.pager__item--ellipsis {
        margin-right: -4px;
        padding-left: 14px;
        padding-right: 14px; }
      /* line 174, ../sass/_blog.scss */
      .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item a {
        padding: 8px 14px;
        color: #6F757C;
        font-weight: bold;
        border-bottom: none; }
        /* line 179, ../sass/_blog.scss */
        .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item a:hover, .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item a:focus, .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item a:active {
          text-decoration: underline; }
      /* line 183, ../sass/_blog.scss */
      .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item.is-active {
        background-color: #174b76;
        border: 1px solid #174b76; }
        /* line 186, ../sass/_blog.scss */
        .page-node-type-plain-page.layout-no-sidebars .pager .pager__items li.pager__item.is-active a {
          color: #fff; }

/* line 197, ../sass/_blog.scss */
body.page-node-type-blog, body.page-node-type-plain-page {
  background: white; }

/* line 202, ../sass/_blog.scss */
.page-node-type-blog header, .page-node-type-plain-page header {
  background: white !important;
  padding-top: 0; }
/* line 206, ../sass/_blog.scss */
.page-node-type-blog #header, .page-node-type-plain-page #header {
  padding-top: 0; }
/* line 210, ../sass/_blog.scss */
.page-node-type-blog .menu-toggle, .page-node-type-plain-page .menu-toggle {
  display: none; }
/* line 215, ../sass/_blog.scss */
.page-node-type-blog nav ul.menu, .page-node-type-plain-page nav ul.menu {
  margin: 0; }
/* line 221, ../sass/_blog.scss */
.page-node-type-blog .blog-featured-container, .page-node-type-plain-page .blog-featured-container {
  background-image: url("/themes/custom/medicare_base/images/Medicare-Blog-Hero-Desktop-Large.png");
  height: 600px; }
  @media (max-width: 767px) {
    /* line 221, ../sass/_blog.scss */
    .page-node-type-blog .blog-featured-container, .page-node-type-plain-page .blog-featured-container {
      height: auto;
      background-image: url("/themes/custom/medicare_base/images/Medicare-Blog-Hero-Mobile.png"); } }
  /* line 228, ../sass/_blog.scss */
  .page-node-type-blog .blog-featured-container .featured-top, .page-node-type-plain-page .blog-featured-container .featured-top {
    width: 100%; }
    @media (max-width: 767px) {
      /* line 228, ../sass/_blog.scss */
      .page-node-type-blog .blog-featured-container .featured-top, .page-node-type-plain-page .blog-featured-container .featured-top {
        margin-bottom: -120px; } }
    /* line 233, ../sass/_blog.scss */
    .page-node-type-blog .blog-featured-container .featured-top h2, .page-node-type-plain-page .blog-featured-container .featured-top h2 {
      font-size: 32px;
      line-height: 1.28;
      margin-bottom: 15px;
      margin-top: 15px; }
      /* line 238, ../sass/_blog.scss */
      .page-node-type-blog .blog-featured-container .featured-top h2 a, .page-node-type-plain-page .blog-featured-container .featured-top h2 a {
        color: #fff;
        font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif; }
        /* line 241, ../sass/_blog.scss */
        .page-node-type-blog .blog-featured-container .featured-top h2 a:active, .page-node-type-blog .blog-featured-container .featured-top h2 a:focus, .page-node-type-blog .blog-featured-container .featured-top h2 a:hover, .page-node-type-plain-page .blog-featured-container .featured-top h2 a:active, .page-node-type-plain-page .blog-featured-container .featured-top h2 a:focus, .page-node-type-plain-page .blog-featured-container .featured-top h2 a:hover {
          text-decoration: none;
          border-bottom: 2px solid #fff; }
    /* line 247, ../sass/_blog.scss */
    .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node {
      margin-top: 40px; }
      @media (max-width: 767px) {
        /* line 247, ../sass/_blog.scss */
        .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node {
          margin-bottom: 30px;
          margin-top: 30px; } }
      /* line 253, ../sass/_blog.scss */
      .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node a, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node a {
        font-size: 13px;
        font-weight: bold;
        color: white;
        border-style: hidden;
        border: 2px solid white;
        background: transparent;
        border-radius: 30px;
        padding: 13px 40px;
        text-decoration: none; }
        @media (max-width: 767px) {
          /* line 253, ../sass/_blog.scss */
          .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node a, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node a {
            display: block;
            text-align: center;
            padding: 16px 40px; } }
        /* line 268, ../sass/_blog.scss */
        .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node a:after, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node a:after {
          content: '\f178';
          font-family: FontAwesome !important;
          margin-left: 10px;
          font-weight: normal; }
          @media (max-width: 767px) {
            /* line 268, ../sass/_blog.scss */
            .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node a:after, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node a:after {
              display: none; } }
        /* line 277, ../sass/_blog.scss */
        .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node a:active, .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node a:focus, .page-node-type-blog .blog-featured-container .featured-top .views-field-view-node a:hover, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node a:active, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node a:focus, .page-node-type-plain-page .blog-featured-container .featured-top .views-field-view-node a:hover {
          background-color: white;
          color: #214565; }
  /* line 284, ../sass/_blog.scss */
  .page-node-type-blog .blog-featured-container .views-field-created, .page-node-type-plain-page .blog-featured-container .views-field-created {
    background-color: #cdd5e0;
    color: #333;
    font-size: 12px;
    padding: 3px 8px;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap; }
  /* line 293, ../sass/_blog.scss */
  .page-node-type-blog .blog-featured-container .views-field-body, .page-node-type-plain-page .blog-featured-container .views-field-body {
    font-size: 16px;
    color: #fff;
    width: 70%;
    line-height: 1.5; }
    @media (max-width: 767px) {
      /* line 293, ../sass/_blog.scss */
      .page-node-type-blog .blog-featured-container .views-field-body, .page-node-type-plain-page .blog-featured-container .views-field-body {
        display: none; } }
    /* line 301, ../sass/_blog.scss */
    .page-node-type-blog .blog-featured-container .views-field-body p, .page-node-type-plain-page .blog-featured-container .views-field-body p {
      font-size: 16px;
      color: #fff; }
/* line 307, ../sass/_blog.scss */
.page-node-type-blog .blog-content-container, .page-node-type-plain-page .blog-content-container {
  border-top: 4px solid #74b544; }
  /* line 309, ../sass/_blog.scss */
  .page-node-type-blog .blog-content-container #main-wrapper, .page-node-type-plain-page .blog-content-container #main-wrapper {
    background-color: #fafafa; }
  /* line 313, ../sass/_blog.scss */
  .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-field-created, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-field-created {
    background-color: #cdd5e0;
    color: #333;
    font-size: 12px;
    padding: 3px 8px;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap; }
  /* line 323, ../sass/_blog.scss */
  .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a {
    color: #333;
    font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif;
    font-size: 24px; }
    /* line 327, ../sass/_blog.scss */
    .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a:active, .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a:focus, .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a:hover, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a:active, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a:focus, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-field-title a:hover {
      text-decoration: none;
      border-bottom: 2px solid #333; }
  /* line 333, ../sass/_blog.scss */
  .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-field-body, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-field-body {
    margin-bottom: 25px;
    line-height: 1.5;
    font-size: 16px; }
  /* line 338, ../sass/_blog.scss */
  .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-row, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-row {
    border-bottom: 1px solid #a9adb2;
    margin-bottom: 35px; }
    /* line 341, ../sass/_blog.scss */
    .page-node-type-blog .blog-content-container .views-infinite-scroll-content-wrapper .views-row:focus, .page-node-type-plain-page .blog-content-container .views-infinite-scroll-content-wrapper .views-row:focus {
      border: 1px dotted black; }
  /* line 347, ../sass/_blog.scss */
  .page-node-type-blog .blog-content-container ul.pager, .page-node-type-plain-page .blog-content-container ul.pager {
    padding-left: 0;
    margin-top: 30px; }
  /* line 351, ../sass/_blog.scss */
  .page-node-type-blog .blog-content-container ul a, .page-node-type-plain-page .blog-content-container ul a {
    color: #fff;
    font-weight: bold; }
    /* line 354, ../sass/_blog.scss */
    .page-node-type-blog .blog-content-container ul a.button, .page-node-type-plain-page .blog-content-container ul a.button {
      background-color: #214565;
      font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif;
      padding: 15px 40px;
      border-radius: 30px; }
      /* line 359, ../sass/_blog.scss */
      .page-node-type-blog .blog-content-container ul a.button:active, .page-node-type-blog .blog-content-container ul a.button:focus, .page-node-type-blog .blog-content-container ul a.button:hover, .page-node-type-plain-page .blog-content-container ul a.button:active, .page-node-type-plain-page .blog-content-container ul a.button:focus, .page-node-type-plain-page .blog-content-container ul a.button:hover {
        border: 2px dotted #fff; }
/* line 367, ../sass/_blog.scss */
.page-node-type-blog #page-wrapper, .page-node-type-plain-page #page-wrapper {
  box-shadow: none; }
/* line 370, ../sass/_blog.scss */
.page-node-type-blog #main-wrapper, .page-node-type-plain-page #main-wrapper {
  padding-top: 35px;
  margin-bottom: 75px; }
  @media (max-width: 1023px) {
    /* line 370, ../sass/_blog.scss */
    .page-node-type-blog #main-wrapper, .page-node-type-plain-page #main-wrapper {
      margin-bottom: 0;
      padding-top: 0; } }
/* line 379, ../sass/_blog.scss */
.page-node-type-blog .region-content h1, .page-node-type-plain-page .region-content h1 {
  font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif;
  border-bottom: 0;
  color: #333;
  margin-top: 30px;
  margin-bottom: 20px;
  width: 100%; }
/* line 388, ../sass/_blog.scss */
.page-node-type-blog .node__meta, .page-node-type-plain-page .node__meta {
  display: none; }
/* line 391, ../sass/_blog.scss */
.page-node-type-blog section, .page-node-type-plain-page section {
  padding: 20px; }
/* line 395, ../sass/_blog.scss */
.page-node-type-blog #block-medicare-base-page-title .create-date, .page-node-type-plain-page #block-medicare-base-page-title .create-date {
  background-color: #cdd5e0;
  color: #333;
  font-size: 12px;
  padding: 3px 8px;
  font-weight: bold; }
/* line 403, ../sass/_blog.scss */
.page-node-type-blog .form-type-textfield, .page-node-type-blog .form-type-search-api-autocomplete, .page-node-type-plain-page .form-type-textfield, .page-node-type-plain-page .form-type-search-api-autocomplete {
  width: 240px; }
  /* line 405, ../sass/_blog.scss */
  .page-node-type-blog .form-type-textfield:before, .page-node-type-blog .form-type-search-api-autocomplete:before, .page-node-type-plain-page .form-type-textfield:before, .page-node-type-plain-page .form-type-search-api-autocomplete:before {
    content: '\f002';
    font-family: 'FontAwesome' !important;
    color: #333;
    font-weight: normal;
    font-size: 15px;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 14px;
    position: absolute; }
/* line 418, ../sass/_blog.scss */
.page-node-type-blog .views-exposed-form, .page-node-type-plain-page .views-exposed-form {
  float: right;
  margin-top: 12px;
  padding-top: 0;
  z-index: 1; }
  @media (max-width: 1023px) {
    /* line 418, ../sass/_blog.scss */
    .page-node-type-blog .views-exposed-form, .page-node-type-plain-page .views-exposed-form {
      float: left;
      margin-top: 0;
      padding-top: 12px; } }
  /* line 428, ../sass/_blog.scss */
  .page-node-type-blog .views-exposed-form input, .page-node-type-plain-page .views-exposed-form input {
    height: 42px;
    padding-left: 30px;
    font-size: 14px;
    border: 0; }
  /* line 434, ../sass/_blog.scss */
  .page-node-type-blog .views-exposed-form .button, .page-node-type-plain-page .views-exposed-form .button {
    background-color: #74b544;
    color: #214565;
    font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif;
    font-weight: 800;
    border: 0;
    padding-right: 25px;
    padding-left: 25px;
    height: 44px; }
    /* line 443, ../sass/_blog.scss */
    .page-node-type-blog .views-exposed-form .button:active, .page-node-type-blog .views-exposed-form .button:focus, .page-node-type-blog .views-exposed-form .button:hover, .page-node-type-plain-page .views-exposed-form .button:active, .page-node-type-plain-page .views-exposed-form .button:focus, .page-node-type-plain-page .views-exposed-form .button:hover {
      border: 2px dotted #fff; }
  /* line 447, ../sass/_blog.scss */
  .page-node-type-blog .views-exposed-form .form-actions, .page-node-type-plain-page .views-exposed-form .form-actions {
    display: inline-block; }
  /* line 450, ../sass/_blog.scss */
  .page-node-type-blog .views-exposed-form .form-item, .page-node-type-plain-page .views-exposed-form .form-item {
    margin-right: 0; }
/* line 455, ../sass/_blog.scss */
.page-node-type-blog #block-views-block-blog-featured-block-1, .page-node-type-plain-page #block-views-block-blog-featured-block-1 {
  padding-top: 100px; }
/* line 458, ../sass/_blog.scss */
.page-node-type-blog #sidebar-second, .page-node-type-plain-page #sidebar-second {
  background-color: #fff;
  box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.1) !important;
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 100%;
  padding-bottom: 50px; }
  @media (max-width: 1023px) {
    /* line 458, ../sass/_blog.scss */
    .page-node-type-blog #sidebar-second, .page-node-type-plain-page #sidebar-second {
      margin-left: 25px;
      margin-right: 25px; } }
  /* line 470, ../sass/_blog.scss */
  .page-node-type-blog #sidebar-second .region-sidebar-second, .page-node-type-plain-page #sidebar-second .region-sidebar-second {
    margin-top: 25px; }
    /* line 472, ../sass/_blog.scss */
    .page-node-type-blog #sidebar-second .region-sidebar-second h2, .page-node-type-plain-page #sidebar-second .region-sidebar-second h2 {
      font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif;
      font-size: 16px; }
    /* line 476, ../sass/_blog.scss */
    .page-node-type-blog #sidebar-second .region-sidebar-second .block, .page-node-type-plain-page #sidebar-second .region-sidebar-second .block {
      background: transparent;
      border-bottom: 0;
      margin-bottom: 0; }
      @media (max-width: 1023px) {
        /* line 476, ../sass/_blog.scss */
        .page-node-type-blog #sidebar-second .region-sidebar-second .block, .page-node-type-plain-page #sidebar-second .region-sidebar-second .block {
          width: 100%; } }
/* line 487, ../sass/_blog.scss */
.page-node-type-blog .view-recent-blog-posts .views-field-title, .page-node-type-plain-page .view-recent-blog-posts .views-field-title {
  padding-bottom: 10px;
  padding-top: 25px; }
  /* line 490, ../sass/_blog.scss */
  .page-node-type-blog .view-recent-blog-posts .views-field-title a, .page-node-type-plain-page .view-recent-blog-posts .views-field-title a {
    color: #006699;
    font-size: 16px; }
    /* line 493, ../sass/_blog.scss */
    .page-node-type-blog .view-recent-blog-posts .views-field-title a:active, .page-node-type-blog .view-recent-blog-posts .views-field-title a:focus, .page-node-type-blog .view-recent-blog-posts .views-field-title a:hover, .page-node-type-plain-page .view-recent-blog-posts .views-field-title a:active, .page-node-type-plain-page .view-recent-blog-posts .views-field-title a:focus, .page-node-type-plain-page .view-recent-blog-posts .views-field-title a:hover {
      text-decoration: none;
      border-bottom: 1px solid #006699; }
/* line 500, ../sass/_blog.scss */
.page-node-type-blog .view-recent-blog-posts .views-field-created, .page-node-type-plain-page .view-recent-blog-posts .views-field-created {
  font-size: 11px;
  color: #0f0f0f; }

/* line 507, ../sass/_blog.scss */
.blog-header {
  padding-bottom: 10px;
  background: #cdd5e0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdd5e0), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cdd5e0 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(top, #cdd5e0 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */ }
  /* line 510, ../sass/_blog.scss */
  .blog-header img {
    padding-top: 20px; }
    @media (max-width: 1023px) {
      /* line 510, ../sass/_blog.scss */
      .blog-header img {
        width: 280px; } }
  /* line 516, ../sass/_blog.scss */
  .blog-header .title {
    position: relative;
    top: -18px;
    margin-left: 8px; }
    @media (max-width: 1023px) {
      /* line 516, ../sass/_blog.scss */
      .blog-header .title {
        top: -15px; } }
    /* line 524, ../sass/_blog.scss */
    .blog-header .title a {
      font-weight: bold;
      color: #214565;
      font-size: 20px;
      text-decoration: none; }
      /* line 529, ../sass/_blog.scss */
      .blog-header .title a:active, .blog-header .title a:focus, .blog-header .title a:hover {
        text-decoration: none;
        border-bottom: 2px solid #214565; }
  /* line 535, ../sass/_blog.scss */
  .blog-header #block-blognavigation {
    margin-top: 35px;
    margin-bottom: 0;
    font-family: 'gothic', 'Helvetica  Neue', Arial, sans-serif; }
    @media (max-width: 1023px) {
      /* line 535, ../sass/_blog.scss */
      .blog-header #block-blognavigation {
        float: right; } }
    @media (max-width: 767px) {
      /* line 535, ../sass/_blog.scss */
      .blog-header #block-blognavigation {
        float: left;
        margin-top: 10px;
        margin-bottom: 20px; } }
    /* line 547, ../sass/_blog.scss */
    .blog-header #block-blognavigation li {
      display: inline;
      float: right;
      margin-right: 25px; }
      @media (max-width: 1023px) {
        /* line 547, ../sass/_blog.scss */
        .blog-header #block-blognavigation li {
          float: left; } }
      /* line 554, ../sass/_blog.scss */
      .blog-header #block-blognavigation li a {
        color: #214565;
        font-weight: 800;
        text-decoration: none; }
        /* line 558, ../sass/_blog.scss */
        .blog-header #block-blognavigation li a:active, .blog-header #block-blognavigation li a:focus, .blog-header #block-blognavigation li a:hover {
          text-decoration: none;
          border-bottom: 2px solid #214565; }

@media print {
  /* line 567, ../sass/_blog.scss */
  .menu {
    display: none; }

  /* line 571, ../sass/_blog.scss */
  #views-exposed-form-blog-search-page-1 {
    display: none; }

  /* line 575, ../sass/_blog.scss */
  .page-node-type-blog #sidebar-second {
    display: none; }

  /* line 579, ../sass/_blog.scss */
  .footer-nav-container {
    display: none; }

  /* line 583, ../sass/_blog.scss */
  .blog-page-search {
    height: 0px; }

  /* line 587, ../sass/_blog.scss */
  .page-node-type-plain-page #sidebar-second {
    display: none; } }
/* line 2, ../sass/_search.scss */
.path-medicare-search .mobile-mainnav-trigger, .path-medicare-search .mobile-auxnav-trigger {
  display: none; }
/* line 5, ../sass/_search.scss */
.path-medicare-search .region-header {
  border-bottom: 3px solid #174b76; }
/* line 8, ../sass/_search.scss */
.path-medicare-search #block-medicare-base-page-title {
  display: none; }
/* line 11, ../sass/_search.scss */
.path-medicare-search p {
  margin: 0; }
/* line 15, ../sass/_search.scss */
.path-medicare-search label[for="edit-search-api-fulltext"] {
  display: none; }
/* line 19, ../sass/_search.scss */
.path-medicare-search .views-exposed-form {
  margin: 0 40px; }
  @media (max-width: 1023px) {
    /* line 19, ../sass/_search.scss */
    .path-medicare-search .views-exposed-form {
      margin: 0 10px; } }
/* line 25, ../sass/_search.scss */
.path-medicare-search .form--inline {
  text-align: center; }
  /* line 27, ../sass/_search.scss */
  .path-medicare-search .form--inline > div {
    display: inline-block;
    float: none; }
/* line 32, ../sass/_search.scss */
.path-medicare-search input {
  padding: 5px;
  font-weight: bold;
  border-radius: 0 4px 4px 0;
  border: 1px solid #A2A6A9; }
  /* line 37, ../sass/_search.scss */
  .path-medicare-search input[type="text"] {
    color: #726E70;
    width: 100%;
    min-width: 190px;
    height: 2.12em;
    border: 1px solid #848484;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    border-right: none; }
  /* line 49, ../sass/_search.scss */
  .path-medicare-search input[type="submit"] {
    font-weight: bold !important;
    font-size: 1em;
    padding: 12px 15px;
    border: 1px solid black;
    color: #fff;
    background: #042c4f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #042c4f), color-stop(100%, #09539f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* IE10+ */
    background: linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */ }
/* line 59, ../sass/_search.scss */
.path-medicare-search .view-header h1 {
  font-weight: bold;
  font-size: 13px;
  color: #0f0f0f;
  margin-top: 0;
  text-align: center;
  border-bottom: 0; }
@media (max-width: 1023px) {
  /* line 58, ../sass/_search.scss */
  .path-medicare-search .view-header {
    margin: 0 10px; } }
/* line 72, ../sass/_search.scss */
.path-medicare-search .views-field-title a {
  color: #174b76;
  font-weight: bold; }
  /* line 75, ../sass/_search.scss */
  .path-medicare-search .views-field-title a:active, .path-medicare-search .views-field-title a:focus, .path-medicare-search .views-field-title a:hover {
    text-decoration: none;
    border-bottom: 2px solid #174b76; }
/* line 81, ../sass/_search.scss */
.path-medicare-search .views-field-body-1, .path-medicare-search .views-field-body, .path-medicare-search .views-field-field-coverage-statement-1 {
  width: 75%;
  padding-top: 5px;
  padding-bottom: 20px;
  line-height: 1.25; }
/* line 87, ../sass/_search.scss */
.path-medicare-search .views-row {
  border-bottom: 1px dotted #a9adb2;
  margin: 20px 40px; }
  @media (max-width: 1023px) {
    /* line 87, ../sass/_search.scss */
    .path-medicare-search .views-row {
      margin: 20px 10px; } }
/* line 94, ../sass/_search.scss */
.path-medicare-search .views-field-field-url-search {
  margin-top: 10px;
  padding-bottom: 20px; }
/* line 98, ../sass/_search.scss */
.path-medicare-search .view-empty {
  margin: 20px 40px;
  font-weight: bold; }
/* line 102, ../sass/_search.scss */
.path-medicare-search .pager {
  margin-top: 50px;
  margin-bottom: 50px; }
  /* line 105, ../sass/_search.scss */
  .path-medicare-search .pager ul {
    padding-left: 0; }
    /* line 107, ../sass/_search.scss */
    .path-medicare-search .pager ul.pager__items {
      font-size: 12px; }
      @media (max-width: 767px) {
        /* line 107, ../sass/_search.scss */
        .path-medicare-search .pager ul.pager__items {
          padding-left: 0; } }
      /* line 113, ../sass/_search.scss */
      .path-medicare-search .pager ul.pager__items li.pager__item {
        padding: 10px 0;
        border-bottom: 1px solid #D6D7D9;
        border-top: 1px solid #D6D7D9;
        border-right: 1px solid #D6D7D9; }
        /* line 118, ../sass/_search.scss */
        .path-medicare-search .pager ul.pager__items li.pager__item.pager__item--first {
          border-left: 1px solid #D6D7D9; }
        /* line 121, ../sass/_search.scss */
        .path-medicare-search .pager ul.pager__items li.pager__item.pager__item--ellipsis {
          margin-right: -4px;
          padding-left: 14px;
          padding-right: 14px; }
          @media (max-width: 479px) {
            /* line 121, ../sass/_search.scss */
            .path-medicare-search .pager ul.pager__items li.pager__item.pager__item--ellipsis {
              padding-left: 7px;
              padding-right: 7px; } }
        /* line 130, ../sass/_search.scss */
        .path-medicare-search .pager ul.pager__items li.pager__item a {
          padding: 8px 14px;
          color: #6F757C;
          font-weight: bold;
          border-bottom: none; }
          @media (max-width: 479px) {
            /* line 130, ../sass/_search.scss */
            .path-medicare-search .pager ul.pager__items li.pager__item a {
              padding: 7px; } }
          /* line 138, ../sass/_search.scss */
          .path-medicare-search .pager ul.pager__items li.pager__item a:hover, .path-medicare-search .pager ul.pager__items li.pager__item a:focus, .path-medicare-search .pager ul.pager__items li.pager__item a:active {
            text-decoration: underline; }
        /* line 142, ../sass/_search.scss */
        .path-medicare-search .pager ul.pager__items li.pager__item.is-active {
          background-color: #174b76;
          border: 1px solid #174b76; }
          /* line 145, ../sass/_search.scss */
          .path-medicare-search .pager ul.pager__items li.pager__item.is-active a {
            color: #fff; }
/* line 156, ../sass/_search.scss */
.path-medicare-search .views-field-filename a {
  color: #174b76;
  font-weight: bold; }
  /* line 159, ../sass/_search.scss */
  .path-medicare-search .views-field-filename a:visited {
    color: #174b76; }
  /* line 162, ../sass/_search.scss */
  .path-medicare-search .views-field-filename a:active, .path-medicare-search .views-field-filename a:focus, .path-medicare-search .views-field-filename a:hover {
    text-decoration: none;
    border-bottom: 2px solid #174b76; }
/* line 168, ../sass/_search.scss */
.path-medicare-search .views-field-uri {
  width: 90%;
  padding-top: 5px;
  padding-bottom: 20px;
  line-height: 1.25; }
  /* line 173, ../sass/_search.scss */
  .path-medicare-search .views-field-uri a {
    color: #174b76; }
    /* line 175, ../sass/_search.scss */
    .path-medicare-search .views-field-uri a:visited {
      color: #4c4c4c; }
    /* line 178, ../sass/_search.scss */
    .path-medicare-search .views-field-uri a:active, .path-medicare-search .views-field-uri a:focus, .path-medicare-search .views-field-uri a:hover {
      border-bottom: none; }
/* line 183, ../sass/_search.scss */
.path-medicare-search .views-field-saa-saa-file-entity {
  padding-bottom: 20px; }

/*COVERAGE SEARCH*/
/* line 190, ../sass/_search.scss */
.path-coverage .view-empty {
  display: none;
  margin-left: 20px; }
/* line 194, ../sass/_search.scss */
.path-coverage .region-content {
  padding-left: 10px; }
/* line 197, ../sass/_search.scss */
.path-coverage p {
  margin: 0; }
/* line 200, ../sass/_search.scss */
.path-coverage .region-sidebar-second {
  margin-top: 10px;
  margin-right: 20px; }
  /* line 203, ../sass/_search.scss */
  .path-coverage .region-sidebar-second select {
    color: #726E70;
    font-weight: bold;
    font-size: 0.875em;
    border: 1px solid #848484;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 100%;
    background-color: #ffffff;
    line-height: 28px;
    display: inline-block;
    padding: 4px;
    margin-bottom: 9px; }
  /* line 220, ../sass/_search.scss */
  .path-coverage .region-sidebar-second .btn-primary {
    width: 100%; }
/* line 224, ../sass/_search.scss */
.path-coverage #block-medicare-base-page-title {
  display: none; }
/* line 227, ../sass/_search.scss */
.path-coverage .view-id-medicare_coverage_search1 {
  margin-bottom: 60px; }
/* line 230, ../sass/_search.scss */
.path-coverage .view-header {
  font-weight: bold;
  font-size: 13px;
  color: #000000db;
  padding-left: 20px; }
/* line 237, ../sass/_search.scss */
.path-coverage .views-field-title a {
  color: #174b76;
  font-weight: bold; }
  /* line 240, ../sass/_search.scss */
  .path-coverage .views-field-title a:active, .path-coverage .views-field-title a:focus, .path-coverage .views-field-title a:hover {
    text-decoration: none;
    border-bottom: 2px solid #174b76; }
/* line 246, ../sass/_search.scss */
.path-coverage .views-field-body-1, .path-coverage .views-field-body, .path-coverage .views-field-field-coverage-statement-1 {
  width: 90%;
  padding-top: 5px;
  padding-bottom: 20px;
  line-height: 1.25; }
/* line 252, ../sass/_search.scss */
.path-coverage .views-row {
  border-bottom: 1px dotted #a9adb2;
  margin: 20px; }
/* line 256, ../sass/_search.scss */
.path-coverage .view-empty {
  font-weight: bold; }
/* line 259, ../sass/_search.scss */
.path-coverage .pager {
  margin-top: 50px;
  margin-bottom: 50px; }
  /* line 262, ../sass/_search.scss */
  .path-coverage .pager .pager__items {
    font-size: 12px; }
    /* line 265, ../sass/_search.scss */
    .path-coverage .pager .pager__items li.pager__item {
      padding: 10px 0;
      border-bottom: 1px solid #D6D7D9;
      border-top: 1px solid #D6D7D9;
      border-right: 1px solid #D6D7D9; }
      /* line 270, ../sass/_search.scss */
      .path-coverage .pager .pager__items li.pager__item.pager__item--first {
        border-left: 1px solid #D6D7D9; }
      /* line 273, ../sass/_search.scss */
      .path-coverage .pager .pager__items li.pager__item.pager__item--ellipsis {
        margin-right: -4px;
        padding-left: 14px;
        padding-right: 14px; }
      /* line 278, ../sass/_search.scss */
      .path-coverage .pager .pager__items li.pager__item a {
        padding: 8px 14px;
        color: #6F757C;
        font-weight: bold;
        border-bottom: none; }
        /* line 283, ../sass/_search.scss */
        .path-coverage .pager .pager__items li.pager__item a:hover, .path-coverage .pager .pager__items li.pager__item a:focus, .path-coverage .pager .pager__items li.pager__item a:active {
          text-decoration: underline; }
      /* line 287, ../sass/_search.scss */
      .path-coverage .pager .pager__items li.pager__item.is-active {
        background-color: #174b76;
        border: 1px solid #174b76; }
        /* line 290, ../sass/_search.scss */
        .path-coverage .pager .pager__items li.pager__item.is-active a {
          color: #fff; }

/* line 301, ../sass/_search.scss */
.path-coverage .coverage-search h2, .path-coverage .coverage-search .is-my-test, .page-node-type-coverage .coverage-search h2, .page-node-type-coverage .coverage-search .is-my-test {
  font-size: 1.4em;
  color: #174b76;
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: bold;
  margin-block-start: 0.83em; }
  @media (max-width: 1023px) {
    /* line 301, ../sass/_search.scss */
    .path-coverage .coverage-search h2, .path-coverage .coverage-search .is-my-test, .page-node-type-coverage .coverage-search h2, .page-node-type-coverage .coverage-search .is-my-test {
      padding-left: 0px; } }
/* line 312, ../sass/_search.scss */
.path-coverage .coverage-search .is-my-test, .page-node-type-coverage .coverage-search .is-my-test {
  margin-top: 20px;
  display: block; }
/* line 317, ../sass/_search.scss */
.path-coverage h2.field__label, .page-node-type-coverage h2.field__label {
  color: #174b76;
  font-size: .9rem; }
/* line 322, ../sass/_search.scss */
.path-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline, .path-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline, .page-node-type-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline, .page-node-type-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline {
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden; }
  @media (max-width: 1023px) {
    /* line 322, ../sass/_search.scss */
    .path-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline, .path-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline, .page-node-type-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline, .page-node-type-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline {
      padding-left: 0px; } }
  /* line 329, ../sass/_search.scss */
  .path-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline > div, .path-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline > div, .page-node-type-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline > div, .page-node-type-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline > div {
    display: inline-block;
    float: none; }
    @media (max-width: 479px) {
      /* line 329, ../sass/_search.scss */
      .path-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline > div, .path-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline > div, .page-node-type-coverage #views-exposed-form-medicare-coverage-search1-page-1 .form--inline > div, .page-node-type-coverage #views-exposed-form-medicare-coverage-search-page-1 .form--inline > div {
        width: 80%; } }
/* line 337, ../sass/_search.scss */
.path-coverage #views-exposed-form-medicare-coverage-search1-page-1 input, .path-coverage #views-exposed-form-medicare-coverage-search-page-1 input, .page-node-type-coverage #views-exposed-form-medicare-coverage-search1-page-1 input, .page-node-type-coverage #views-exposed-form-medicare-coverage-search-page-1 input {
  padding: 5px;
  font-weight: bold;
  border-radius: 0 4px 4px 0;
  border: 1px solid #A2A6A9; }
  /* line 342, ../sass/_search.scss */
  .path-coverage #views-exposed-form-medicare-coverage-search1-page-1 input[type="text"], .path-coverage #views-exposed-form-medicare-coverage-search-page-1 input[type="text"], .page-node-type-coverage #views-exposed-form-medicare-coverage-search1-page-1 input[type="text"], .page-node-type-coverage #views-exposed-form-medicare-coverage-search-page-1 input[type="text"] {
    color: #726E70;
    width: 100%;
    min-width: 190px;
    height: 2.12em;
    border: 1px solid #848484;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    border-right: none; }
  /* line 354, ../sass/_search.scss */
  .path-coverage #views-exposed-form-medicare-coverage-search1-page-1 input[type="submit"], .path-coverage #views-exposed-form-medicare-coverage-search-page-1 input[type="submit"], .page-node-type-coverage #views-exposed-form-medicare-coverage-search1-page-1 input[type="submit"], .page-node-type-coverage #views-exposed-form-medicare-coverage-search-page-1 input[type="submit"] {
    font-weight: bold !important;
    font-size: 1em;
    padding: 12px 15px;
    border: 1px solid black;
    color: #fff;
    background: #042c4f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #042c4f), color-stop(100%, #09539f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* IE10+ */
    background: linear-gradient(top, #042c4f 0%, #09539f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */ }
/* line 364, ../sass/_search.scss */
.path-coverage #sidebar-second, .page-node-type-coverage #sidebar-second {
  margin-top: 10px; }
/* line 367, ../sass/_search.scss */
.path-coverage ::-webkit-input-placeholder, .page-node-type-coverage ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: normal;
  font-size: 15px; }
/* line 371, ../sass/_search.scss */
.path-coverage ::-moz-placeholder, .page-node-type-coverage ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: normal;
  font-size: 15px; }
/* line 375, ../sass/_search.scss */
.path-coverage :-ms-input-placeholder, .page-node-type-coverage :-ms-input-placeholder {
  /* IE 10+ */
  font-weight: normal;
  font-size: 15px; }
/* line 379, ../sass/_search.scss */
.path-coverage :-moz-placeholder, .page-node-type-coverage :-moz-placeholder {
  /* Firefox 18- */
  font-weight: normal;
  font-size: 15px; }

/* line 385, ../sass/_search.scss */
.test-coveredH1 {
  max-width: 129% !important;
  margin-left: 30px; }
  @media (max-width: 767px) {
    /* line 385, ../sass/_search.scss */
    .test-coveredH1 {
      margin-left: 6px;
      width: 97%; } }

/* line 395, ../sass/_search.scss */
#block-ismytestitemorservicecovered-2 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #726E70;
  font-weight: bold;
  font-size: 13px; }
/* line 400, ../sass/_search.scss */
#block-ismytestitemorservicecovered-2 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #726E70;
  font-weight: bold;
  font-size: 13px; }
/* line 405, ../sass/_search.scss */
#block-ismytestitemorservicecovered-2 :-ms-input-placeholder {
  /* IE 10+ */
  color: #726E70;
  font-weight: bold;
  font-size: 13px; }
/* line 410, ../sass/_search.scss */
#block-ismytestitemorservicecovered-2 :-moz-placeholder {
  /* Firefox 18- */
  color: #726E70;
  font-weight: bold;
  font-size: 13px; }

/* line 2, ../sass/_sitemap.scss */
.path-sitemap .site-alpha-container, .path-sitemap .site-list-container {
  padding: 15px; }
/* line 6, ../sass/_sitemap.scss */
.path-sitemap .site-alpha-container ul {
  margin: 0;
  list-style: none;
  padding: 0; }
  /* line 10, ../sass/_sitemap.scss */
  .path-sitemap .site-alpha-container ul li {
    display: inline-block; }
    /* line 12, ../sass/_sitemap.scss */
    .path-sitemap .site-alpha-container ul li button {
      text-transform: uppercase;
      height: 24px;
      width: 24px;
      padding: 0;
      border: none;
      margin-right: 12px;
      font-size: 1.2em; }
      /* line 20, ../sass/_sitemap.scss */
      .path-sitemap .site-alpha-container ul li button:hover, .path-sitemap .site-alpha-container ul li button:focus {
        text-decoration: underline;
        background: #008C44;
        /* Old browsers */
        background: -moz-linear-gradient(top, #008C44 0%, #00442A 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008C44), color-stop(100%, #00442A));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #008C44 0%, #00442A 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #008C44 0%, #00442A 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #008C44 0%, #00442A 100%);
        /* IE10+ */
        background: linear-gradient(top, #008C44 0%, #00442A 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
        /* IE6-9 */ }
      @media (max-width: 1023px) {
        /* line 12, ../sass/_sitemap.scss */
        .path-sitemap .site-alpha-container ul li button {
          margin-right: 4px;
          margin-bottom: 4px; } }
/* line 35, ../sass/_sitemap.scss */
.path-sitemap .site-list-container h2 {
  color: #174b76;
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5; }
  /* line 43, ../sass/_sitemap.scss */
  .path-sitemap .site-list-container h2:focus {
    outline: none;
    border: none; }
/* line 48, ../sass/_sitemap.scss */
.path-sitemap .site-list-container ul {
  padding: 0;
  margin: 0 10px 45px; }
  /* line 51, ../sass/_sitemap.scss */
  .path-sitemap .site-list-container ul li {
    line-height: 20.7px;
    list-style: none;
    background: transparent url(https://assets.cms.gov/Resources/Medicare/Images/home/bulletSprite.png) 0 -174px no-repeat;
    padding-left: 20px; }
  /* line 58, ../sass/_sitemap.scss */
  .path-sitemap .site-list-container ul.hasItems .no-value {
    display: none; }
/* line 66, ../sass/_sitemap.scss */
.path-sitemap .list-source ul {
  display: none; }
/* line 70, ../sass/_sitemap.scss */
.path-sitemap #backtotop {
  display: none;
  position: fixed;
  z-index: 9999;
  bottom: 100px;
  right: 100px;
  color: #164B75;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border: none;
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #c3cdd3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #c3cdd3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #c3cdd3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #c3cdd3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #c3cdd3 100%);
  /* IE10+ */
  background: linear-gradient(top, white 0%, #c3cdd3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */ }
  /* line 80, ../sass/_sitemap.scss */
  .path-sitemap #backtotop:hover, .path-sitemap #backtotop:focus {
    background: #c3cdd3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c3cdd3 0%, white 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3cdd3), color-stop(100%, white));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c3cdd3 0%, white 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c3cdd3 0%, white 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c3cdd3 0%, white 100%);
    /* IE10+ */
    background: linear-gradient(top, #c3cdd3 0%, white 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
    /* IE6-9 */ }
  /* line 83, ../sass/_sitemap.scss */
  .path-sitemap #backtotop:focus {
    outline: 1px dotted;
    text-decoration: underline; }
  @media (max-width: 767px) {
    /* line 70, ../sass/_sitemap.scss */
    .path-sitemap #backtotop {
      bottom: 20px;
      right: 20px; } }

/* line 2, ../sass/_blue-button.scss */
#block-bluebuttoninterface .results-count {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 20px; }
/* line 7, ../sass/_blue-button.scss */
#block-bluebuttoninterface h2 {
  color: black;
  margin-bottom: 0;
  margin-top: 8px; }
/* line 12, ../sass/_blue-button.scss */
#block-bluebuttoninterface .filter-text {
  margin-bottom: 10px; }
/* line 15, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-left: 0;
  margin-right: 0; }
/* line 22, ../sass/_blue-button.scss */
#block-bluebuttoninterface .logo {
  width: 100%; }
  /* line 24, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .logo img {
    height: 60px;
    width: auto; }
    @media (max-width: 1023px) {
      /* line 24, ../sass/_blue-button.scss */
      #block-bluebuttoninterface .logo img {
        max-height: 100px;
        max-width: 200px; } }
/* line 33, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button-info {
  padding-left: 0px;
  padding-right: 10px; }
  /* line 36, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .blue-button-info p {
    margin-top: 10px; }
  /* line 40, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .blue-button-info .read-more a {
    text-decoration: underline; }
    /* line 42, ../sass/_blue-button.scss */
    #block-bluebuttoninterface .blue-button-info .read-more a:active, #block-bluebuttoninterface .blue-button-info .read-more a:focus, #block-bluebuttoninterface .blue-button-info .read-more a:hover {
      font-weight: bold; }
  /* line 47, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .blue-button-info .category-name {
    margin-left: 20px;
    padding: 4px 8px;
    background-color: #eef3fa;
    font-size: 10px;
    font-weight: bold; }
  /* line 55, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .blue-button-info .category-name:first-child {
    margin-left: 0px; }
@media (max-width: 1023px) {
  /* line 59, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .blue-button-contact {
    margin-top: 20px; } }
/* line 63, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button-contact a {
  text-decoration: underline; }
  /* line 65, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .blue-button-contact a:active, #block-bluebuttoninterface .blue-button-contact a:focus, #block-bluebuttoninterface .blue-button-contact a:hover {
    font-weight: bold; }
/* line 69, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button-contact .separator {
  margin-right: 5px;
  margin-left: 5px; }
/* line 74, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button-contact .website:before {
  content: '\f0ac';
  font-family: "FontAwesome" !important;
  color: black;
  font-size: 16px;
  padding-right: 6px; }
/* line 83, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button-contact .email:before {
  content: '\f0e0';
  font-family: "FontAwesome" !important;
  color: black;
  font-size: 16px;
  padding-right: 6px; }
/* line 91, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button-contact .phone {
  margin-top: 15px; }
  @media (max-width: 1023px) {
    /* line 91, ../sass/_blue-button.scss */
    #block-bluebuttoninterface .blue-button-contact .phone {
      margin-top: 20px; } }
  /* line 96, ../sass/_blue-button.scss */
  #block-bluebuttoninterface .blue-button-contact .phone:before {
    content: '\f095';
    font-family: "FontAwesome" !important;
    color: black;
    font-size: 16px;
    padding-right: 6px; }
/* line 104, ../sass/_blue-button.scss */
#block-bluebuttoninterface .blue-button-contact .terms-privacy {
  margin-top: 15px; }

/* line 111, ../sass/_blue-button.scss */
#blue-button-categories ul#category-list {
  margin-bottom: 0 !important; }
  /* line 113, ../sass/_blue-button.scss */
  #blue-button-categories ul#category-list a {
    font-weight: bold; }

/* line 119, ../sass/_blue-button.scss */
.filters-header {
  background-color: #f1f1f1;
  padding: 12px 10px;
  color: #174b76; }
  /* line 123, ../sass/_blue-button.scss */
  .filters-header a {
    font-size: 12px;
    font-weight: bold; }
    /* line 126, ../sass/_blue-button.scss */
    .filters-header a.hide {
      float: right; }
      /* line 128, ../sass/_blue-button.scss */
      .filters-header a.hide:after {
        content: '\f146';
        font-family: "FontAwesome" !important;
        color: #174b76;
        font-size: 14px;
        padding-left: 5px; }
    /* line 136, ../sass/_blue-button.scss */
    .filters-header a.show {
      float: right; }
      /* line 138, ../sass/_blue-button.scss */
      .filters-header a.show:after {
        padding-left: 5px;
        content: '\f0fe';
        font-family: "FontAwesome" !important;
        color: #174b76;
        font-size: 14px; }

/* line 148, ../sass/_blue-button.scss */
#bb-filter-container {
  margin-bottom: 20px;
  padding: 10px 10px 40px 10px;
  background-color: #f1f1f1;
  display: none; }
  /* line 153, ../sass/_blue-button.scss */
  #bb-filter-container ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 0; }
    @media (max-width: 1023px) {
      /* line 153, ../sass/_blue-button.scss */
      #bb-filter-container ul {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        padding-left: 0;
        margin-bottom: 0;
        font-size: 12px; } }
  /* line 169, ../sass/_blue-button.scss */
  #bb-filter-container li {
    display: inline-block;
    width: 25em;
    padding-bottom: 5px; }
  /* line 174, ../sass/_blue-button.scss */
  #bb-filter-container .filters-footer {
    font-weight: bold;
    font-size: 12px;
    background-color: #eef3fa;
    float: right; }
    /* line 179, ../sass/_blue-button.scss */
    #bb-filter-container .filters-footer button {
      border-radius: 2px; }
      /* line 181, ../sass/_blue-button.scss */
      #bb-filter-container .filters-footer button#filter-results {
        background: #09539f;
        /* Old browsers */
        background: -moz-linear-gradient(top, #09539f 0%, #042c4f 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09539f), color-stop(100%, #042c4f));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #09539f 0%, #042c4f 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #09539f 0%, #042c4f 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #09539f 0%, #042c4f 100%);
        /* IE10+ */
        background: linear-gradient(top, #09539f 0%, #042c4f 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
        /* IE6-9 */
        margin-right: 15px;
        padding: 4px 28px;
        color: white;
        border-style: none;
        border: 1px #09539f solid; }
        /* line 188, ../sass/_blue-button.scss */
        #bb-filter-container .filters-footer button#filter-results:active, #bb-filter-container .filters-footer button#filter-results:focus, #bb-filter-container .filters-footer button#filter-results:hover {
          outline: 1px dotted black; }
      /* line 192, ../sass/_blue-button.scss */
      #bb-filter-container .filters-footer button#filter-clear {
        background: #EEF3EA;
        /* Old browsers */
        background: -moz-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEF3EA), color-stop(100%, #CBD5E1));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* IE10+ */
        background: linear-gradient(top, #EEF3EA 0%, #CBD5E1 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
        /* IE6-9 */
        padding: 4px 28px;
        color: #09539f;
        border-style: none;
        border: 1px #dedede solid;
        border-radius: 1px; }
        /* line 199, ../sass/_blue-button.scss */
        #bb-filter-container .filters-footer button#filter-clear:active, #bb-filter-container .filters-footer button#filter-clear:focus, #bb-filter-container .filters-footer button#filter-clear:hover {
          outline: 1px dotted black; }

/* line 209, ../sass/_blue-button.scss */
p.more-text {
  height: 60px;
  overflow: hidden; }

/* line 214, ../sass/_blue-button.scss */
#bb-showMore {
  padding: 4px 50px;
  font-size: 13px;
  font-weight: bold;
  background: #C2DFF3;
  background: #D3EDFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D3EDFC), color-stop(100%, #B0D1EA));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* IE10+ */
  background: linear-gradient(top, #D3EDFC 0%, #B0D1EA 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorTop', endColorstr='$colorBottom', GradientType=0 );
  /* IE6-9 */
  color: #006699;
  margin-bottom: 30px;
  border-width: 1px;
  border-radius: 2px; }
  /* line 224, ../sass/_blue-button.scss */
  #bb-showMore:active, #bb-showMore:focus, #bb-showMore:hover {
    border: 1px dotted black; }

/* line 228, ../sass/_blue-button.scss */
.ds-c-choice + label {
  padding-left: 22px;
  padding-top: 0;
  min-height: 20px;
  margin: 0;
  margin-top: 6px; }

/* line 235, ../sass/_blue-button.scss */
.ds-c-choice:checked + label::before {
  font-family: fontAwesome !important;
  content: '\f00c';
  color: white; }

/* line 240, ../sass/_blue-button.scss */
.ds-c-choice + label::before {
  border: 1px solid black;
  height: 16px;
  width: 16px;
  line-height: 14px;
  text-indent: 0; }

@media print {
  /* All your print styles go here */
  /* line 3, ../sass/_print.scss */
  header,
  footer,
  #sidebar-second,
  #block-medicare-base-breadcrumbs,
  #views-exposed-form-medicare-coverage-search-page-1,
  #block-exposedformmedicare-coverage-searchpage-1 h2,
  #block-exposedformmedicare-coverage-searchpage-1-2 h2 {
    display: none !important; }

  /* line 12, ../sass/_print.scss */
  #page-wrapper {
    box-shadow: none; }

  /* line 15, ../sass/_print.scss */
  a, a:hover, a:focus, a:visited {
    color: #006699 !important; }

  /* line 18, ../sass/_print.scss */
  a.inline.hover {
    border: none;
    color: black !important; }

  /* line 22, ../sass/_print.scss */
  .node--view-mode-note {
    page-break-inside: avoid; }

  /* line 26, ../sass/_print.scss */
  .ckeditor-accordion-container dd {
    display: block !important; }
  /* line 29, ../sass/_print.scss */
  .ckeditor-accordion-container .ckeditor-accordion-toggle::before {
    transform: rotate(180deg) !important; } }
/*
Custom Ckeditor Styles (If not using design system).
*/
/* line 6, ../sass/ckeditor_style.scss */
.indent-text {
  text-indent: 2em; }

@font-face {
  font-family: 'Rubik';
  src: url("../fonts/rubik-light-webfont.woff2") format("woff2"), url("../fonts/rubik-light-webfont.woff") format("woff"), url("../fonts/rubik-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RubikBold';
  src: url("../fonts/rubik-bold-webfont.woff2") format("woff2"), url("../fonts/rubik-bold-webfont.woff") format("woff"), url("../fonts/Rubik-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'MontserratMedium';
  src: url("../fonts/montserrat-medium-webfont.woff2") format("woff2"), url("../fonts/montserrat-medium-webfont.woff") format("woff"), url("../fonts/montserrat-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }