uswds-jekyll 1.4.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.md +31 -0
- data/README.md +547 -0
- data/_includes/banner.html +1 -0
- data/_includes/components/banner.html +20 -0
- data/_includes/components/footer.html +71 -0
- data/_includes/components/graphic-list.html +16 -0
- data/_includes/components/header--basic.html +72 -0
- data/_includes/components/header--extended.html +85 -0
- data/_includes/components/hero.html +32 -0
- data/_includes/favicon.html +5 -0
- data/_includes/footer.html +2 -0
- data/_includes/graphic-list.html +2 -0
- data/_includes/header.html +7 -0
- data/_includes/meta.html +6 -0
- data/_includes/scripts.html +21 -0
- data/_includes/sidenav.html +20 -0
- data/_includes/skipnav.html +1 -0
- data/_includes/styles.html +17 -0
- data/_includes/subnav.html +5 -0
- data/_layouts/base.html +21 -0
- data/_layouts/docs.html +19 -0
- data/_layouts/landing.html +30 -0
- data/_layouts/search-results.html +25 -0
- data/_sass/uswds/_all.scss +1 -0
- data/_sass/uswds/components/_accordions.scss +150 -0
- data/_sass/uswds/components/_alerts.scss +94 -0
- data/_sass/uswds/components/_banner.scss +204 -0
- data/_sass/uswds/components/_footer.scss +382 -0
- data/_sass/uswds/components/_forms.scss +164 -0
- data/_sass/uswds/components/_graphic-list.scss +35 -0
- data/_sass/uswds/components/_header.scss +221 -0
- data/_sass/uswds/components/_hero.scss +43 -0
- data/_sass/uswds/components/_layout.scss +36 -0
- data/_sass/uswds/components/_media-block.scss +12 -0
- data/_sass/uswds/components/_navigation.scss +454 -0
- data/_sass/uswds/components/_search.scss +106 -0
- data/_sass/uswds/components/_section.scss +37 -0
- data/_sass/uswds/components/_sidenav.scss +8 -0
- data/_sass/uswds/components/_skipnav.scss +19 -0
- data/_sass/uswds/core/_base.scss +30 -0
- data/_sass/uswds/core/_defaults.scss +8 -0
- data/_sass/uswds/core/_fonts.scss +65 -0
- data/_sass/uswds/core/_grid-settings.scss +3 -0
- data/_sass/uswds/core/_grid.scss +199 -0
- data/_sass/uswds/core/_utilities.scss +232 -0
- data/_sass/uswds/core/_variables.scss +123 -0
- data/_sass/uswds/elements/_buttons.scss +191 -0
- data/_sass/uswds/elements/_embed.scss +26 -0
- data/_sass/uswds/elements/_figure.scss +13 -0
- data/_sass/uswds/elements/_inputs.scss +346 -0
- data/_sass/uswds/elements/_labels.scss +20 -0
- data/_sass/uswds/elements/_list.scss +32 -0
- data/_sass/uswds/elements/_table.scss +47 -0
- data/_sass/uswds/elements/_typography.scss +257 -0
- data/_sass/uswds/lib/_bourbon-deprecated-upcoming.scss +411 -0
- data/_sass/uswds/lib/_bourbon.scss +87 -0
- data/_sass/uswds/lib/_neat-helpers.scss +11 -0
- data/_sass/uswds/lib/_neat.scss +23 -0
- data/_sass/uswds/lib/_normalize.scss +424 -0
- data/_sass/uswds/lib/addons/_border-color.scss +26 -0
- data/_sass/uswds/lib/addons/_border-radius.scss +48 -0
- data/_sass/uswds/lib/addons/_border-style.scss +25 -0
- data/_sass/uswds/lib/addons/_border-width.scss +25 -0
- data/_sass/uswds/lib/addons/_buttons.scss +64 -0
- data/_sass/uswds/lib/addons/_clearfix.scss +25 -0
- data/_sass/uswds/lib/addons/_ellipsis.scss +30 -0
- data/_sass/uswds/lib/addons/_font-stacks.scss +31 -0
- data/_sass/uswds/lib/addons/_hide-text.scss +27 -0
- data/_sass/uswds/lib/addons/_margin.scss +26 -0
- data/_sass/uswds/lib/addons/_padding.scss +26 -0
- data/_sass/uswds/lib/addons/_position.scss +48 -0
- data/_sass/uswds/lib/addons/_prefixer.scss +66 -0
- data/_sass/uswds/lib/addons/_retina-image.scss +25 -0
- data/_sass/uswds/lib/addons/_size.scss +51 -0
- data/_sass/uswds/lib/addons/_text-inputs.scss +113 -0
- data/_sass/uswds/lib/addons/_timing-functions.scss +34 -0
- data/_sass/uswds/lib/addons/_triangle.scss +63 -0
- data/_sass/uswds/lib/addons/_word-wrap.scss +29 -0
- data/_sass/uswds/lib/css3/_animation.scss +43 -0
- data/_sass/uswds/lib/css3/_appearance.scss +3 -0
- data/_sass/uswds/lib/css3/_backface-visibility.scss +3 -0
- data/_sass/uswds/lib/css3/_background-image.scss +42 -0
- data/_sass/uswds/lib/css3/_background.scss +55 -0
- data/_sass/uswds/lib/css3/_border-image.scss +59 -0
- data/_sass/uswds/lib/css3/_calc.scss +4 -0
- data/_sass/uswds/lib/css3/_columns.scss +47 -0
- data/_sass/uswds/lib/css3/_filter.scss +4 -0
- data/_sass/uswds/lib/css3/_flex-box.scss +287 -0
- data/_sass/uswds/lib/css3/_font-face.scss +24 -0
- data/_sass/uswds/lib/css3/_font-feature-settings.scss +4 -0
- data/_sass/uswds/lib/css3/_hidpi-media-query.scss +10 -0
- data/_sass/uswds/lib/css3/_hyphens.scss +4 -0
- data/_sass/uswds/lib/css3/_image-rendering.scss +14 -0
- data/_sass/uswds/lib/css3/_keyframes.scss +36 -0
- data/_sass/uswds/lib/css3/_linear-gradient.scss +38 -0
- data/_sass/uswds/lib/css3/_perspective.scss +8 -0
- data/_sass/uswds/lib/css3/_placeholder.scss +8 -0
- data/_sass/uswds/lib/css3/_radial-gradient.scss +39 -0
- data/_sass/uswds/lib/css3/_selection.scss +42 -0
- data/_sass/uswds/lib/css3/_text-decoration.scss +19 -0
- data/_sass/uswds/lib/css3/_transform.scss +15 -0
- data/_sass/uswds/lib/css3/_transition.scss +71 -0
- data/_sass/uswds/lib/css3/_user-select.scss +3 -0
- data/_sass/uswds/lib/functions/_assign-inputs.scss +11 -0
- data/_sass/uswds/lib/functions/_contains-falsy.scss +20 -0
- data/_sass/uswds/lib/functions/_contains.scss +26 -0
- data/_sass/uswds/lib/functions/_is-length.scss +11 -0
- data/_sass/uswds/lib/functions/_is-light.scss +21 -0
- data/_sass/uswds/lib/functions/_is-number.scss +11 -0
- data/_sass/uswds/lib/functions/_is-size.scss +13 -0
- data/_sass/uswds/lib/functions/_modular-scale.scss +69 -0
- data/_sass/uswds/lib/functions/_new-breakpoint.scss +49 -0
- data/_sass/uswds/lib/functions/_private.scss +114 -0
- data/_sass/uswds/lib/functions/_px-to-em.scss +13 -0
- data/_sass/uswds/lib/functions/_px-to-rem.scss +15 -0
- data/_sass/uswds/lib/functions/_shade.scss +24 -0
- data/_sass/uswds/lib/functions/_strip-units.scss +17 -0
- data/_sass/uswds/lib/functions/_tint.scss +24 -0
- data/_sass/uswds/lib/functions/_transition-property-name.scss +22 -0
- data/_sass/uswds/lib/functions/_unpack.scss +27 -0
- data/_sass/uswds/lib/grid/_box-sizing.scss +15 -0
- data/_sass/uswds/lib/grid/_direction-context.scss +33 -0
- data/_sass/uswds/lib/grid/_display-context.scss +28 -0
- data/_sass/uswds/lib/grid/_fill-parent.scss +22 -0
- data/_sass/uswds/lib/grid/_media.scss +92 -0
- data/_sass/uswds/lib/grid/_omega.scss +87 -0
- data/_sass/uswds/lib/grid/_outer-container.scss +34 -0
- data/_sass/uswds/lib/grid/_pad.scss +25 -0
- data/_sass/uswds/lib/grid/_private.scss +35 -0
- data/_sass/uswds/lib/grid/_row.scss +52 -0
- data/_sass/uswds/lib/grid/_shift.scss +50 -0
- data/_sass/uswds/lib/grid/_span-columns.scss +94 -0
- data/_sass/uswds/lib/grid/_to-deprecate.scss +97 -0
- data/_sass/uswds/lib/grid/_visual-grid.scss +42 -0
- data/_sass/uswds/lib/helpers/_convert-units.scss +21 -0
- data/_sass/uswds/lib/helpers/_directional-values.scss +96 -0
- data/_sass/uswds/lib/helpers/_font-source-declaration.scss +43 -0
- data/_sass/uswds/lib/helpers/_gradient-positions-parser.scss +13 -0
- data/_sass/uswds/lib/helpers/_linear-angle-parser.scss +25 -0
- data/_sass/uswds/lib/helpers/_linear-gradient-parser.scss +41 -0
- data/_sass/uswds/lib/helpers/_linear-positions-parser.scss +61 -0
- data/_sass/uswds/lib/helpers/_linear-side-corner-parser.scss +31 -0
- data/_sass/uswds/lib/helpers/_radial-arg-parser.scss +69 -0
- data/_sass/uswds/lib/helpers/_radial-gradient-parser.scss +50 -0
- data/_sass/uswds/lib/helpers/_radial-positions-parser.scss +18 -0
- data/_sass/uswds/lib/helpers/_render-gradients.scss +26 -0
- data/_sass/uswds/lib/helpers/_shape-size-stripper.scss +10 -0
- data/_sass/uswds/lib/helpers/_str-to-num.scss +50 -0
- data/_sass/uswds/lib/mixins/_clearfix.scss +25 -0
- data/_sass/uswds/lib/settings/_asset-pipeline.scss +7 -0
- data/_sass/uswds/lib/settings/_disable-warnings.scss +13 -0
- data/_sass/uswds/lib/settings/_grid.scss +51 -0
- data/_sass/uswds/lib/settings/_prefixer.scss +9 -0
- data/_sass/uswds/lib/settings/_px-to-em.scss +1 -0
- data/_sass/uswds/lib/settings/_visual-grid.scss +27 -0
- data/_sass/uswds/uswds.scss +41 -0
- data/assets/uswds/CONTRIBUTING.md +145 -0
- data/assets/uswds/LICENSE.md +63 -0
- data/assets/uswds/README.md +259 -0
- data/assets/uswds/css/uswds.css +4463 -0
- data/assets/uswds/css/uswds.min.css +4 -0
- data/assets/uswds/css/uswds.min.css.map +1 -0
- data/assets/uswds/fonts/merriweather-bold-webfont.eot +0 -0
- data/assets/uswds/fonts/merriweather-bold-webfont.ttf +0 -0
- data/assets/uswds/fonts/merriweather-bold-webfont.woff +0 -0
- data/assets/uswds/fonts/merriweather-bold-webfont.woff2 +0 -0
- data/assets/uswds/fonts/merriweather-italic-webfont.eot +0 -0
- data/assets/uswds/fonts/merriweather-italic-webfont.ttf +0 -0
- data/assets/uswds/fonts/merriweather-italic-webfont.woff +0 -0
- data/assets/uswds/fonts/merriweather-italic-webfont.woff2 +0 -0
- data/assets/uswds/fonts/merriweather-light-webfont.eot +0 -0
- data/assets/uswds/fonts/merriweather-light-webfont.ttf +0 -0
- data/assets/uswds/fonts/merriweather-light-webfont.woff +0 -0
- data/assets/uswds/fonts/merriweather-light-webfont.woff2 +0 -0
- data/assets/uswds/fonts/merriweather-regular-webfont.eot +0 -0
- data/assets/uswds/fonts/merriweather-regular-webfont.ttf +0 -0
- data/assets/uswds/fonts/merriweather-regular-webfont.woff +0 -0
- data/assets/uswds/fonts/merriweather-regular-webfont.woff2 +0 -0
- data/assets/uswds/fonts/sourcesanspro-bold-webfont.eot +0 -0
- data/assets/uswds/fonts/sourcesanspro-bold-webfont.ttf +0 -0
- data/assets/uswds/fonts/sourcesanspro-bold-webfont.woff +0 -0
- data/assets/uswds/fonts/sourcesanspro-bold-webfont.woff2 +0 -0
- data/assets/uswds/fonts/sourcesanspro-italic-webfont.eot +0 -0
- data/assets/uswds/fonts/sourcesanspro-italic-webfont.ttf +0 -0
- data/assets/uswds/fonts/sourcesanspro-italic-webfont.woff +0 -0
- data/assets/uswds/fonts/sourcesanspro-italic-webfont.woff2 +0 -0
- data/assets/uswds/fonts/sourcesanspro-light-webfont.eot +0 -0
- data/assets/uswds/fonts/sourcesanspro-light-webfont.ttf +0 -0
- data/assets/uswds/fonts/sourcesanspro-light-webfont.woff +0 -0
- data/assets/uswds/fonts/sourcesanspro-light-webfont.woff2 +0 -0
- data/assets/uswds/fonts/sourcesanspro-regular-webfont.eot +0 -0
- data/assets/uswds/fonts/sourcesanspro-regular-webfont.ttf +0 -0
- data/assets/uswds/fonts/sourcesanspro-regular-webfont.woff +0 -0
- data/assets/uswds/fonts/sourcesanspro-regular-webfont.woff2 +0 -0
- data/assets/uswds/img/alerts/error.png +0 -0
- data/assets/uswds/img/alerts/error.svg +17 -0
- data/assets/uswds/img/alerts/info.png +0 -0
- data/assets/uswds/img/alerts/info.svg +18 -0
- data/assets/uswds/img/alerts/success.png +0 -0
- data/assets/uswds/img/alerts/success.svg +12 -0
- data/assets/uswds/img/alerts/warning.png +0 -0
- data/assets/uswds/img/alerts/warning.svg +16 -0
- data/assets/uswds/img/angle-arrow-down-hover.png +0 -0
- data/assets/uswds/img/angle-arrow-down-hover.svg +1 -0
- data/assets/uswds/img/angle-arrow-down-primary-hover.png +0 -0
- data/assets/uswds/img/angle-arrow-down-primary-hover.svg +1 -0
- data/assets/uswds/img/angle-arrow-down-primary.png +0 -0
- data/assets/uswds/img/angle-arrow-down-primary.svg +1 -0
- data/assets/uswds/img/angle-arrow-down.png +0 -0
- data/assets/uswds/img/angle-arrow-down.svg +1 -0
- data/assets/uswds/img/angle-arrow-up-primary-hover.png +0 -0
- data/assets/uswds/img/angle-arrow-up-primary-hover.svg +1 -0
- data/assets/uswds/img/angle-arrow-up-primary.png +0 -0
- data/assets/uswds/img/angle-arrow-up-primary.svg +1 -0
- data/assets/uswds/img/arrow-down.png +0 -0
- data/assets/uswds/img/arrow-down.svg +1 -0
- data/assets/uswds/img/arrow-right.png +0 -0
- data/assets/uswds/img/arrow-right.svg +1 -0
- data/assets/uswds/img/circle-124.png +0 -0
- data/assets/uswds/img/close.png +0 -0
- data/assets/uswds/img/close.svg +1 -0
- data/assets/uswds/img/correct8.png +0 -0
- data/assets/uswds/img/correct8.svg +1 -0
- data/assets/uswds/img/correct9.png +0 -0
- data/assets/uswds/img/correct9.svg +1 -0
- data/assets/uswds/img/external-link-alt-hover.png +0 -0
- data/assets/uswds/img/external-link-alt-hover.svg +1 -0
- data/assets/uswds/img/external-link-alt.png +0 -0
- data/assets/uswds/img/external-link-alt.svg +1 -0
- data/assets/uswds/img/external-link-hover.png +0 -0
- data/assets/uswds/img/external-link-hover.svg +1 -0
- data/assets/uswds/img/external-link.png +0 -0
- data/assets/uswds/img/external-link.svg +1 -0
- data/assets/uswds/img/favicons/favicon-114.png +0 -0
- data/assets/uswds/img/favicons/favicon-144.png +0 -0
- data/assets/uswds/img/favicons/favicon-16.png +0 -0
- data/assets/uswds/img/favicons/favicon-192.png +0 -0
- data/assets/uswds/img/favicons/favicon-40.png +0 -0
- data/assets/uswds/img/favicons/favicon-57.png +0 -0
- data/assets/uswds/img/favicons/favicon-72.png +0 -0
- data/assets/uswds/img/favicons/favicon.ico +0 -0
- data/assets/uswds/img/favicons/favicon.png +0 -0
- data/assets/uswds/img/hero.png +0 -0
- data/assets/uswds/img/icon-dot-gov.svg +1 -0
- data/assets/uswds/img/icon-https.svg +1 -0
- data/assets/uswds/img/logo-img.png +0 -0
- data/assets/uswds/img/minus-alt.png +0 -0
- data/assets/uswds/img/minus-alt.svg +1 -0
- data/assets/uswds/img/minus.png +0 -0
- data/assets/uswds/img/minus.svg +1 -0
- data/assets/uswds/img/plus-alt.png +0 -0
- data/assets/uswds/img/plus-alt.svg +1 -0
- data/assets/uswds/img/plus.png +0 -0
- data/assets/uswds/img/plus.svg +1 -0
- data/assets/uswds/img/search-alt.png +0 -0
- data/assets/uswds/img/search-alt.svg +1 -0
- data/assets/uswds/img/search.png +0 -0
- data/assets/uswds/img/search.svg +1 -0
- data/assets/uswds/img/social-icons/png/facebook25.png +0 -0
- data/assets/uswds/img/social-icons/png/rss25.png +0 -0
- data/assets/uswds/img/social-icons/png/twitter16.png +0 -0
- data/assets/uswds/img/social-icons/png/youtube15.png +0 -0
- data/assets/uswds/img/social-icons/svg/facebook25.svg +1 -0
- data/assets/uswds/img/social-icons/svg/rss25.svg +1 -0
- data/assets/uswds/img/social-icons/svg/twitter16.svg +1 -0
- data/assets/uswds/img/social-icons/svg/youtube15.svg +1 -0
- data/assets/uswds/img/us_flag_small.png +0 -0
- data/assets/uswds/js/uswds.js +1831 -0
- data/assets/uswds/js/uswds.min.js +2 -0
- data/assets/uswds/js/uswds.min.js.map +1 -0
- data/assets/uswds/scss/_all.scss +1 -0
- data/assets/uswds/scss/components/_accordions.scss +150 -0
- data/assets/uswds/scss/components/_alerts.scss +94 -0
- data/assets/uswds/scss/components/_banner.scss +204 -0
- data/assets/uswds/scss/components/_footer.scss +382 -0
- data/assets/uswds/scss/components/_forms.scss +164 -0
- data/assets/uswds/scss/components/_graphic-list.scss +35 -0
- data/assets/uswds/scss/components/_header.scss +221 -0
- data/assets/uswds/scss/components/_hero.scss +43 -0
- data/assets/uswds/scss/components/_layout.scss +36 -0
- data/assets/uswds/scss/components/_media-block.scss +12 -0
- data/assets/uswds/scss/components/_navigation.scss +454 -0
- data/assets/uswds/scss/components/_search.scss +106 -0
- data/assets/uswds/scss/components/_section.scss +37 -0
- data/assets/uswds/scss/components/_sidenav.scss +8 -0
- data/assets/uswds/scss/components/_skipnav.scss +19 -0
- data/assets/uswds/scss/core/_base.scss +30 -0
- data/assets/uswds/scss/core/_defaults.scss +8 -0
- data/assets/uswds/scss/core/_fonts.scss +65 -0
- data/assets/uswds/scss/core/_grid-settings.scss +3 -0
- data/assets/uswds/scss/core/_grid.scss +199 -0
- data/assets/uswds/scss/core/_utilities.scss +232 -0
- data/assets/uswds/scss/core/_variables.scss +123 -0
- data/assets/uswds/scss/elements/_buttons.scss +191 -0
- data/assets/uswds/scss/elements/_embed.scss +26 -0
- data/assets/uswds/scss/elements/_figure.scss +13 -0
- data/assets/uswds/scss/elements/_inputs.scss +346 -0
- data/assets/uswds/scss/elements/_labels.scss +20 -0
- data/assets/uswds/scss/elements/_list.scss +32 -0
- data/assets/uswds/scss/elements/_table.scss +47 -0
- data/assets/uswds/scss/elements/_typography.scss +257 -0
- data/assets/uswds/scss/lib/_bourbon-deprecated-upcoming.scss +411 -0
- data/assets/uswds/scss/lib/_bourbon.scss +87 -0
- data/assets/uswds/scss/lib/_neat-helpers.scss +11 -0
- data/assets/uswds/scss/lib/_neat.scss +23 -0
- data/assets/uswds/scss/lib/_normalize.scss +424 -0
- data/assets/uswds/scss/lib/addons/_border-color.scss +26 -0
- data/assets/uswds/scss/lib/addons/_border-radius.scss +48 -0
- data/assets/uswds/scss/lib/addons/_border-style.scss +25 -0
- data/assets/uswds/scss/lib/addons/_border-width.scss +25 -0
- data/assets/uswds/scss/lib/addons/_buttons.scss +64 -0
- data/assets/uswds/scss/lib/addons/_clearfix.scss +25 -0
- data/assets/uswds/scss/lib/addons/_ellipsis.scss +30 -0
- data/assets/uswds/scss/lib/addons/_font-stacks.scss +31 -0
- data/assets/uswds/scss/lib/addons/_hide-text.scss +27 -0
- data/assets/uswds/scss/lib/addons/_margin.scss +26 -0
- data/assets/uswds/scss/lib/addons/_padding.scss +26 -0
- data/assets/uswds/scss/lib/addons/_position.scss +48 -0
- data/assets/uswds/scss/lib/addons/_prefixer.scss +66 -0
- data/assets/uswds/scss/lib/addons/_retina-image.scss +25 -0
- data/assets/uswds/scss/lib/addons/_size.scss +51 -0
- data/assets/uswds/scss/lib/addons/_text-inputs.scss +113 -0
- data/assets/uswds/scss/lib/addons/_timing-functions.scss +34 -0
- data/assets/uswds/scss/lib/addons/_triangle.scss +63 -0
- data/assets/uswds/scss/lib/addons/_word-wrap.scss +29 -0
- data/assets/uswds/scss/lib/css3/_animation.scss +43 -0
- data/assets/uswds/scss/lib/css3/_appearance.scss +3 -0
- data/assets/uswds/scss/lib/css3/_backface-visibility.scss +3 -0
- data/assets/uswds/scss/lib/css3/_background-image.scss +42 -0
- data/assets/uswds/scss/lib/css3/_background.scss +55 -0
- data/assets/uswds/scss/lib/css3/_border-image.scss +59 -0
- data/assets/uswds/scss/lib/css3/_calc.scss +4 -0
- data/assets/uswds/scss/lib/css3/_columns.scss +47 -0
- data/assets/uswds/scss/lib/css3/_filter.scss +4 -0
- data/assets/uswds/scss/lib/css3/_flex-box.scss +287 -0
- data/assets/uswds/scss/lib/css3/_font-face.scss +24 -0
- data/assets/uswds/scss/lib/css3/_font-feature-settings.scss +4 -0
- data/assets/uswds/scss/lib/css3/_hidpi-media-query.scss +10 -0
- data/assets/uswds/scss/lib/css3/_hyphens.scss +4 -0
- data/assets/uswds/scss/lib/css3/_image-rendering.scss +14 -0
- data/assets/uswds/scss/lib/css3/_keyframes.scss +36 -0
- data/assets/uswds/scss/lib/css3/_linear-gradient.scss +38 -0
- data/assets/uswds/scss/lib/css3/_perspective.scss +8 -0
- data/assets/uswds/scss/lib/css3/_placeholder.scss +8 -0
- data/assets/uswds/scss/lib/css3/_radial-gradient.scss +39 -0
- data/assets/uswds/scss/lib/css3/_selection.scss +42 -0
- data/assets/uswds/scss/lib/css3/_text-decoration.scss +19 -0
- data/assets/uswds/scss/lib/css3/_transform.scss +15 -0
- data/assets/uswds/scss/lib/css3/_transition.scss +71 -0
- data/assets/uswds/scss/lib/css3/_user-select.scss +3 -0
- data/assets/uswds/scss/lib/functions/_assign-inputs.scss +11 -0
- data/assets/uswds/scss/lib/functions/_contains-falsy.scss +20 -0
- data/assets/uswds/scss/lib/functions/_contains.scss +26 -0
- data/assets/uswds/scss/lib/functions/_is-length.scss +11 -0
- data/assets/uswds/scss/lib/functions/_is-light.scss +21 -0
- data/assets/uswds/scss/lib/functions/_is-number.scss +11 -0
- data/assets/uswds/scss/lib/functions/_is-size.scss +13 -0
- data/assets/uswds/scss/lib/functions/_modular-scale.scss +69 -0
- data/assets/uswds/scss/lib/functions/_new-breakpoint.scss +49 -0
- data/assets/uswds/scss/lib/functions/_private.scss +114 -0
- data/assets/uswds/scss/lib/functions/_px-to-em.scss +13 -0
- data/assets/uswds/scss/lib/functions/_px-to-rem.scss +15 -0
- data/assets/uswds/scss/lib/functions/_shade.scss +24 -0
- data/assets/uswds/scss/lib/functions/_strip-units.scss +17 -0
- data/assets/uswds/scss/lib/functions/_tint.scss +24 -0
- data/assets/uswds/scss/lib/functions/_transition-property-name.scss +22 -0
- data/assets/uswds/scss/lib/functions/_unpack.scss +27 -0
- data/assets/uswds/scss/lib/grid/_box-sizing.scss +15 -0
- data/assets/uswds/scss/lib/grid/_direction-context.scss +33 -0
- data/assets/uswds/scss/lib/grid/_display-context.scss +28 -0
- data/assets/uswds/scss/lib/grid/_fill-parent.scss +22 -0
- data/assets/uswds/scss/lib/grid/_media.scss +92 -0
- data/assets/uswds/scss/lib/grid/_omega.scss +87 -0
- data/assets/uswds/scss/lib/grid/_outer-container.scss +34 -0
- data/assets/uswds/scss/lib/grid/_pad.scss +25 -0
- data/assets/uswds/scss/lib/grid/_private.scss +35 -0
- data/assets/uswds/scss/lib/grid/_row.scss +52 -0
- data/assets/uswds/scss/lib/grid/_shift.scss +50 -0
- data/assets/uswds/scss/lib/grid/_span-columns.scss +94 -0
- data/assets/uswds/scss/lib/grid/_to-deprecate.scss +97 -0
- data/assets/uswds/scss/lib/grid/_visual-grid.scss +42 -0
- data/assets/uswds/scss/lib/helpers/_convert-units.scss +21 -0
- data/assets/uswds/scss/lib/helpers/_directional-values.scss +96 -0
- data/assets/uswds/scss/lib/helpers/_font-source-declaration.scss +43 -0
- data/assets/uswds/scss/lib/helpers/_gradient-positions-parser.scss +13 -0
- data/assets/uswds/scss/lib/helpers/_linear-angle-parser.scss +25 -0
- data/assets/uswds/scss/lib/helpers/_linear-gradient-parser.scss +41 -0
- data/assets/uswds/scss/lib/helpers/_linear-positions-parser.scss +61 -0
- data/assets/uswds/scss/lib/helpers/_linear-side-corner-parser.scss +31 -0
- data/assets/uswds/scss/lib/helpers/_radial-arg-parser.scss +69 -0
- data/assets/uswds/scss/lib/helpers/_radial-gradient-parser.scss +50 -0
- data/assets/uswds/scss/lib/helpers/_radial-positions-parser.scss +18 -0
- data/assets/uswds/scss/lib/helpers/_render-gradients.scss +26 -0
- data/assets/uswds/scss/lib/helpers/_shape-size-stripper.scss +10 -0
- data/assets/uswds/scss/lib/helpers/_str-to-num.scss +50 -0
- data/assets/uswds/scss/lib/mixins/_clearfix.scss +25 -0
- data/assets/uswds/scss/lib/settings/_asset-pipeline.scss +7 -0
- data/assets/uswds/scss/lib/settings/_disable-warnings.scss +13 -0
- data/assets/uswds/scss/lib/settings/_grid.scss +51 -0
- data/assets/uswds/scss/lib/settings/_prefixer.scss +9 -0
- data/assets/uswds/scss/lib/settings/_px-to-em.scss +1 -0
- data/assets/uswds/scss/lib/settings/_visual-grid.scss +27 -0
- data/assets/uswds/scss/uswds.scss +41 -0
- data/assets/uswds/uswds-1.3.1.zip +0 -0
- metadata +490 -0
@@ -0,0 +1,63 @@
|
|
1
|
+
## A few parts of this project are not in the public domain
|
2
|
+
|
3
|
+
### Files licensed under the SIL Open Font License
|
4
|
+
|
5
|
+
The Source Sans Pro font files in `src/fonts` are a customized subset of [Source Sans Pro](https://github.com/adobe-fonts/source-sans-pro), licensed under the [SIL Open Font License](http://scripts.sil.org/cms/scripts/page.php?item_id=OFL), and copyright [Adobe Systems Incorporated](http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
|
6
|
+
|
7
|
+
The Merriweather font files in `src/fonts` are from [Google Web Fonts](https://www.google.com/fonts#UsePlace:use/Collection:Merriweather:400,300,400italic,700,700italic), licensed under the [SIL Open Font License](http://scripts.sil.org/cms/scripts/page.php?item_id=OFL), and copyright [Sorkin Type Co](www.sorkintype.com) with Reserved Font Name 'Merriweather'.
|
8
|
+
|
9
|
+
The files in `src/img` are from [Font Awesome](http://fontawesome.io/) by Dave Gandy under the [SIL Open Font License 1.1](http://scripts.sil.org/OFL).
|
10
|
+
|
11
|
+
### Files licensed under the MIT license
|
12
|
+
|
13
|
+
The files in `src/stylesheets/lib` are from:
|
14
|
+
|
15
|
+
* [Bourbon](http://bourbon.io/), copyright [thoughtbot](https://thoughtbot.com/), inc., under the [MIT license](https://github.com/thoughtbot/neat/blob/master/LICENSE.md).
|
16
|
+
* [Neat](http://neat.bourbon.io/), copyright [thoughtbot](https://thoughtbot.com/), inc., also under the [MIT license](https://github.com/thoughtbot/neat/blob/master/LICENSE.md).
|
17
|
+
* [Normalize.css](https://github.com/necolas/normalize.css), copyright Nicolas Gallagher and Jonathan Neal, under the [MIT license](https://github.com/necolas/normalize.css/blob/master/LICENSE.md).
|
18
|
+
|
19
|
+
The file `src/js/vendor/html5shiv.js` is from [HTML5 Shiv](https://github.com/afarkas/html5shiv), copyright Alexander Farkas (aFarkas), under the [MIT license](https://github.com/aFarkas/html5shiv/blob/master/MIT%20and%20GPL2%20licenses.md).
|
20
|
+
|
21
|
+
The file `src/js/vendor/rem.min.js` is from [REM unit polyfill](https://github.com/chuckcarpenter/REM-unit-polyfill), copyright Chuck Carpenter, under the [MIT license](https://github.com/chuckcarpenter/REM-unit-polyfill/blob/master/LICENSE.md).
|
22
|
+
|
23
|
+
The file `src/js/vendor/respond.js` is from [Respond.js](https://github.com/scottjehl/Respond), copyright Scott Jehl, under the [MIT license](https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT).
|
24
|
+
|
25
|
+
The file `src/js/vendor/selectivizr-min.js` is from [Selectivizr](http://selectivizr.com/), copyright Keith Clark, under the [MIT license](http://opensource.org/licenses/mit-license.php).
|
26
|
+
|
27
|
+
#### Full license text for the MIT licensed files:
|
28
|
+
|
29
|
+
```
|
30
|
+
The MIT License (MIT)
|
31
|
+
|
32
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
33
|
+
|
34
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
35
|
+
|
36
|
+
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
37
|
+
```
|
38
|
+
|
39
|
+
## The rest of this project is in the worldwide public domain
|
40
|
+
|
41
|
+
As a work of the United States government, this project is in the public domain within the United States.
|
42
|
+
|
43
|
+
Additionally, we waive copyright and related rights in the work worldwide through the [CC0 1.0 Universal public domain dedication](https://creativecommons.org/publicdomain/zero/1.0/).
|
44
|
+
|
45
|
+
### CC0 1.0 Universal Summary
|
46
|
+
|
47
|
+
This is a human-readable summary of the [Legal Code (read the full text)](https://creativecommons.org/publicdomain/zero/1.0/legalcode).
|
48
|
+
|
49
|
+
#### No Copyright
|
50
|
+
|
51
|
+
The person who associated a work with this deed has dedicated the work to the public domain by waiving all of his or her rights to the work worldwide under copyright law, including all related and neighboring rights, to the extent allowed by law.
|
52
|
+
|
53
|
+
You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.
|
54
|
+
|
55
|
+
#### Other Information
|
56
|
+
|
57
|
+
In no way are the patent or trademark rights of any person affected by CC0, nor are the rights that other persons may have in the work or in how the work is used, such as publicity or privacy rights.
|
58
|
+
|
59
|
+
Unless expressly stated otherwise, the person who associated a work with this deed makes no warranties about the work, and disclaims liability for all uses of the work, to the fullest extent permitted by applicable law. When using or citing the work, you should not imply endorsement by the author or the affirmer.
|
60
|
+
|
61
|
+
### Contributions to this project
|
62
|
+
|
63
|
+
As stated in [CONTRIBUTING](CONTRIBUTING.md), all contributions to this project will be released under the CC0 dedication. By submitting a pull request, you are agreeing to comply with this waiver of copyright interest.
|
@@ -0,0 +1,259 @@
|
|
1
|
+
# U.S. Web Design Standards
|
2
|
+
|
3
|
+
[![CircleCI Build Status](https://circleci.com/gh/18F/web-design-standards/tree/develop.svg?style=shield)](https://circleci.com/gh/18F/web-design-standards/tree/develop) [![Test Coverage](https://codeclimate.com/github/18F/web-design-standards/badges/coverage.svg)](https://codeclimate.com/github/18F/web-design-standards/coverage)
|
4
|
+
|
5
|
+
The [U.S. Web Design Standards](https://standards.usa.gov) include a library of open source UI components and a visual style guide for U.S. federal government websites.
|
6
|
+
|
7
|
+
This repository is for the Standards themselves. 18F maintains [another repository for the documentation and website](https://github.com/18F/web-design-standards-docs). To see the Standards and documentation on the web, visit [https://standards.usa.gov](https://standards.usa.gov).
|
8
|
+
|
9
|
+
|
10
|
+
## Contents
|
11
|
+
|
12
|
+
* [Background](#background)
|
13
|
+
* [Recent updates](#recent-updates)
|
14
|
+
* [Getting started](#getting-started)
|
15
|
+
* [Using the Standards](#using-the-standards)
|
16
|
+
* [Download](#download)
|
17
|
+
* [Install using `npm`](#install-using-npm)
|
18
|
+
* [Importing assets](#importing-assets)
|
19
|
+
* [Sass](#sass)
|
20
|
+
* [JavaScript](#javascript)
|
21
|
+
* [Use another framework or package manager](#use-another-framework-or-package-manager)
|
22
|
+
* [Fractal](#fractal)
|
23
|
+
* [Template compatibility](#template-compatibility)
|
24
|
+
* [Need installation help?](#need-installation-help)
|
25
|
+
* [Contributing to the code base](#contributing-to-the-codebase)
|
26
|
+
* [Reuse of open-source style guides](#reuse-of-open-source-style-guides)
|
27
|
+
* [Licenses and attribution](#licenses-and-attribution)
|
28
|
+
|
29
|
+
## Background
|
30
|
+
|
31
|
+
The components and style guide of the U.S. Web Design Standards follow industry-standard web accessibility guidelines and use the best practices of existing style libraries and modern web design. The [U.S. Digital Service](https://www.whitehouse.gov/digital/united-states-digital-service) and [18F](https://18f.gsa.gov/) created and maintain the U.S. Web Design Standards for designers and developers. They are designed for use by government product teams who want to create beautiful, easy-to-use online experiences for the public. To learn more about the project, check out this [blog post](https://18f.gsa.gov/2015/09/28/web-design-standards/) and to view websites and applications check out our list [here](WHO_IS_USING_USWDS.md).
|
32
|
+
|
33
|
+
|
34
|
+
## Recent updates
|
35
|
+
|
36
|
+
Information about the most recent release of the Standards can always be found in the [release history](https://github.com/18F/web-design-standards/releases). We include details about significant updates and any backwards incompatible changes along with a list of all changes.
|
37
|
+
|
38
|
+
|
39
|
+
## Getting started
|
40
|
+
|
41
|
+
We’re glad you’d like to use the Standards — here’s how you can get started:
|
42
|
+
|
43
|
+
* Designers: [Check out our Getting Started for Designers information](https://standards.usa.gov/getting-started/designers/).
|
44
|
+
* [Design files of all the assets included in the Standards are available for download](https://github.com/18F/web-design-standards-assets/archive/master.zip).
|
45
|
+
* Developers: [Follow the instructions in this README to get started.](#using-the-standards)
|
46
|
+
* [CSS, JavaScript, image, and font files of all the assets on this site are available for download](https://github.com/18F/web-design-standards/releases/download/v1.0.0/uswds-1.0.0.zip).
|
47
|
+
|
48
|
+
|
49
|
+
## Using the Standards
|
50
|
+
|
51
|
+
There are a few different ways to use the Standards within your project. Which one you choose depends on the needs of your project and how you are most comfortable working. Here are a few notes on what to consider when deciding which installation method to use:
|
52
|
+
|
53
|
+
*Download the Standards if:*
|
54
|
+
- You are not familiar with `npm` and package management.
|
55
|
+
|
56
|
+
*Use the Standards `npm` package if:*
|
57
|
+
- You are familiar with using `npm` and package management.
|
58
|
+
- You would like to leverage Standards [Sass](#sass) files.
|
59
|
+
|
60
|
+
### Download
|
61
|
+
|
62
|
+
1. Download the [Standards zip file](https://github.com/18F/web-design-standards/releases/download/v1.0.0/uswds-1.0.0.zip) and open that file.
|
63
|
+
|
64
|
+
After extracting the zip file you should see the following file and folder structure:
|
65
|
+
|
66
|
+
```
|
67
|
+
uswds-1.0.0/
|
68
|
+
├── css/
|
69
|
+
│ ├── uswds.min.css.map
|
70
|
+
│ ├── uswds.min.css
|
71
|
+
│ └── uswds.css
|
72
|
+
├── fonts/
|
73
|
+
├── html/
|
74
|
+
└── js/
|
75
|
+
├── uswds.min.js.map
|
76
|
+
├── uswds.min.js
|
77
|
+
└── uswds.js
|
78
|
+
|
79
|
+
```
|
80
|
+
|
81
|
+
2. Copy these files and folders into a relevant place in your project's code base. Here is an example structure for how this might look:
|
82
|
+
|
83
|
+
```
|
84
|
+
example-project/
|
85
|
+
├── assets/
|
86
|
+
│ ├── uswds-1.0.0/
|
87
|
+
│ ├── stylesheets/
|
88
|
+
│ ├── images/
|
89
|
+
│ └── javascript/
|
90
|
+
└── index.html
|
91
|
+
```
|
92
|
+
|
93
|
+
You'll notice in our example above that we also outline a `stylesheets`, `images` and `javascript` folder in your `assets` folder. These folders are to help organize any assets that are unique to your project.
|
94
|
+
|
95
|
+
3. To use the Standards on your project, you’ll need to reference the [CSS (*C*ascading *S*tyle *S*heets)](https://developer.mozilla.org/en-US/docs/Web/CSS) and JavaScript files in each HTML page or dynamic templates in your project.
|
96
|
+
|
97
|
+
Here is an example of how to reference these assets in your `index.html` file:
|
98
|
+
|
99
|
+
```html
|
100
|
+
<!DOCTYPE html>
|
101
|
+
<html>
|
102
|
+
<head>
|
103
|
+
<meta charset="utf-8">
|
104
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
105
|
+
<title>My Example Project</title>
|
106
|
+
<link rel="stylesheet" href="assets/uswds-1.0.0/css/uswds.min.css">
|
107
|
+
</head>
|
108
|
+
<body>
|
109
|
+
|
110
|
+
<script src="assets/uswds-1.0.0/js/uswds.min.js"></script>
|
111
|
+
</body>
|
112
|
+
</html>
|
113
|
+
```
|
114
|
+
|
115
|
+
We offer both files, the CSS and the JavaScript, in two versions — a minified version, and an un-minified one. (In the examples above, we are using the minified files.) Use the minified files in a production environment or to reduce the file size of your downloaded assets. And the un-minified files are better if you are in a development environment or would like to debug the CSS or JavaScript assets in the browser.
|
116
|
+
|
117
|
+
And that’s it — you should now be able to copy our code samples into our `index.html` and start using the Standards.
|
118
|
+
|
119
|
+
### Install using npm
|
120
|
+
|
121
|
+
`npm` is a package manager for Node based projects. The U.S. Web Design Standards maintains a [`uswds` package](https://www.npmjs.com/package/uswds) for you to utilize both the pre-compiled and compiled files on your project.
|
122
|
+
|
123
|
+
1. Install `Node/npm`. Below is a link to find the install method that coincides with your operating system:
|
124
|
+
|
125
|
+
- Node v4.2.3+, [Installation guides](https://nodejs.org/en/download/)
|
126
|
+
|
127
|
+
**Note for Windows users:** If you are using Windows and are unfamiliar with `Node` or `npm`, we recommend following [Team Treehouse's tutorial](http://blog.teamtreehouse.com/install-node-js-npm-windows) for more information.
|
128
|
+
|
129
|
+
2. Make sure you have installed it correctly:
|
130
|
+
|
131
|
+
```shell
|
132
|
+
npm -v
|
133
|
+
3.10.8 # This line may vary depending on what version of Node you've installed.
|
134
|
+
```
|
135
|
+
|
136
|
+
3. Create a `package.json` file. You can do this manually, but an easier method is to use the `npm init` command. This command will prompt you with a few questions to create your `package.json` file.
|
137
|
+
|
138
|
+
4. Add `uswds` to your project’s `package.json`:
|
139
|
+
|
140
|
+
```shell
|
141
|
+
npm install --save uswds
|
142
|
+
```
|
143
|
+
|
144
|
+
The `uswds` module is now installed as a dependency. You can use the un-compiled files found in the `src/` or the compiled files in the `dist/` directory.
|
145
|
+
|
146
|
+
```
|
147
|
+
node_modules/uswds/
|
148
|
+
├── dist/
|
149
|
+
│ ├── css/
|
150
|
+
│ ├── fonts/
|
151
|
+
│ ├── html/
|
152
|
+
│ ├── img/
|
153
|
+
│ ├── js/
|
154
|
+
└── src/
|
155
|
+
├── fonts/
|
156
|
+
├── img/
|
157
|
+
├── js/
|
158
|
+
├── stylesheets/
|
159
|
+
└── templates/
|
160
|
+
```
|
161
|
+
|
162
|
+
#### Importing assets
|
163
|
+
|
164
|
+
Since you are already using `npm`, the U.S. Web Design Standards team recommends leveraging the ability to write custom scripts. Here are some links to how we do this with our docs website using `npm` + [`gulp`](http://gulpjs.com/):
|
165
|
+
|
166
|
+
[Link to `npm` scripts example in `web-design-standards-docs`](https://github.com/18F/web-design-standards-docs/blob/develop/package.json#L4)
|
167
|
+
|
168
|
+
[Link to gulpfile.js example in `web-design-standards-docs`](https://github.com/18F/web-design-standards-docs/blob/develop/gulpfile.js)
|
169
|
+
|
170
|
+
#### Sass
|
171
|
+
|
172
|
+
The Standards are easily customizable using the power of [Sass (Syntactically Awesome Style Sheets)](http://sass-lang.com/). The main Sass (SCSS) source file is located here:
|
173
|
+
|
174
|
+
```
|
175
|
+
node_modules/uswds/src/stylesheets/uswds.scss
|
176
|
+
```
|
177
|
+
|
178
|
+
Global variables are defined in the `node_modules/uswds/src/stylesheets/core/_variables.scss` file. Custom theming can be done by copying the `_variables.scss` file into your own project’s Sass folder, changing applicable variable values, and importing it before `uswds.scss`.
|
179
|
+
|
180
|
+
Below is an example of how you might setup your main Sass file to achieve this:
|
181
|
+
|
182
|
+
```
|
183
|
+
@import 'variables.scss' # Custom Sass variables file
|
184
|
+
@import 'node_modules/uswds/src/stylesheets/uswds.scss';
|
185
|
+
|
186
|
+
```
|
187
|
+
|
188
|
+
You can now use your copied version of `_variables.scss` to override any styles to create a more custom look and feel to your application.
|
189
|
+
|
190
|
+
#### JavaScript
|
191
|
+
`require('uswds')` will load all of the U.S. Web Design Standards’ JavaScript onto the page. Add this line to whatever initializer you use to load JavaScript into your application.
|
192
|
+
|
193
|
+
### Use another framework or package manager
|
194
|
+
|
195
|
+
If you’re using another framework or package manager that doesn’t support `npm`, you can find the source files in this repository and use them in your project. Otherwise, we recommend that you follow the [download instructions](#download). Please note that the core team [isn’t responsible for all frameworks’ implementations](https://github.com/18F/web-design-standards/issues/877).
|
196
|
+
|
197
|
+
If you’re interested in maintaining a package that helps us distribute the U.S. Web Design Standards, the project’s build system can help you create distribution bundles to use in your project. Please read our [contributing guidelines](CONTRIBUTING.md#building-the-project-locally-with--gulp-) to locally build distributions for your framework or package manager.
|
198
|
+
|
199
|
+
|
200
|
+
## Fractal
|
201
|
+
|
202
|
+
We're using [Fractal](http://fractal.build) to generate an interactive component library for the Standards. You can run it locally after `npm install` with:
|
203
|
+
|
204
|
+
```sh
|
205
|
+
npm start
|
206
|
+
```
|
207
|
+
|
208
|
+
Then, visit [http://localhost:3000/](http://localhost:3000/) to see the Standards in action.
|
209
|
+
|
210
|
+
_**Optional**: To re-build when code changes are made, run the following command from the project directory in a separate terminal window:_
|
211
|
+
```sh
|
212
|
+
npm run watch
|
213
|
+
```
|
214
|
+
|
215
|
+
### Template compatibility
|
216
|
+
|
217
|
+
Many of our Fractal view templates are compatible with [Nunjucks](https://mozilla.github.io/nunjucks/) (for JavaScript/Node), [Jinja](http://jinja.pocoo.org/docs/2.9/) (Python), and [Twig](https://twig.sensiolabs.org/) (PHP) out of the box. Components that reference other components use a Fractal-specific `{% render %}` tag that will either need to be implemented in other environments or replaced with the appropriate `{% include %}` tags.
|
218
|
+
|
219
|
+
|
220
|
+
## Need installation help?
|
221
|
+
|
222
|
+
Do you have questions or need help with setup? Did you run into any weird errors while following these instructions? Feel free to open an issue here:
|
223
|
+
|
224
|
+
[https://github.com/18F/web-design-standards/issues](https://github.com/18F/web-design-standards/issues).
|
225
|
+
|
226
|
+
You can also email us directly at uswebdesignstandards@gsa.gov.
|
227
|
+
|
228
|
+
|
229
|
+
## Contributing to the code base
|
230
|
+
|
231
|
+
For complete instructions on how to contribute code, please read [CONTRIBUTING.md](CONTRIBUTING.md). These instructions also include guidance on how to set up your own copy of the Standards style guide website for development.
|
232
|
+
|
233
|
+
If you would like to learn more about our workflow process, check out the [Workflow](https://github.com/18F/web-design-standards/wiki/Workflow) and [Label Glossary](https://github.com/18F/web-design-standards/wiki/Label-glossary) pages on the wiki.
|
234
|
+
|
235
|
+
If you have questions or concerns about our contributing workflow, please contact us by [filing a GitHub issue](https://github.com/18F/web-design-standards/issues) or [emailing our team](mailto:uswebdesignstandards@gsa.gov).
|
236
|
+
|
237
|
+
|
238
|
+
## Reuse of open-source style guides
|
239
|
+
|
240
|
+
Much of the guidance in the U.S. Web Design Standards leans on open source designs, code, and patterns from other civic and government organizations, including:
|
241
|
+
|
242
|
+
* Consumer Financial Protection Bureau’s [Design Manual](https://cfpb.github.io/design-manual/)
|
243
|
+
* U.S. Patent and Trademark Office’s [Design Patterns](http://uspto.github.io/designpatterns/)
|
244
|
+
* Healthcare.gov [Style Guide](http://styleguide.healthcare.gov/)
|
245
|
+
* UK’s Government Digital Service’s [UI Elements](http://govuk-elements.herokuapp.com/)
|
246
|
+
* Code for America’s Chime [Styleguide](https://github.com/chimecms/chime-starter)
|
247
|
+
* Pivotal Labs [Component Library](http://styleguide.cfapps.io/)
|
248
|
+
|
249
|
+
|
250
|
+
## Licenses and attribution
|
251
|
+
|
252
|
+
A few parts of this project are not in the public domain. Attribution and licensing information for those parts are described in detail in [LICENSE.md](LICENSE.md).
|
253
|
+
|
254
|
+
The rest of this project is in the worldwide public domain, released under the [CC0 1.0 Universal public domain dedication](https://creativecommons.org/publicdomain/zero/1.0/).
|
255
|
+
|
256
|
+
|
257
|
+
## Contributing
|
258
|
+
|
259
|
+
All contributions to this project will be released under the CC0 dedication alongside the public domain portions of this project. For more information, see [CONTRIBUTING.md](CONTRIBUTING.md).
|
@@ -0,0 +1,4463 @@
|
|
1
|
+
/*! uswds v1.3.1 */
|
2
|
+
html {
|
3
|
+
box-sizing: border-box;
|
4
|
+
}
|
5
|
+
|
6
|
+
*, *::after, *::before {
|
7
|
+
box-sizing: inherit;
|
8
|
+
}
|
9
|
+
|
10
|
+
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
11
|
+
/**
|
12
|
+
* 1. Set default font family to sans-serif.
|
13
|
+
* 2. Prevent iOS and IE text size adjust after device orientation change,
|
14
|
+
* without disabling user zoom.
|
15
|
+
*/
|
16
|
+
html {
|
17
|
+
font-family: sans-serif;
|
18
|
+
/* 1 */
|
19
|
+
-ms-text-size-adjust: 100%;
|
20
|
+
/* 2 */
|
21
|
+
-webkit-text-size-adjust: 100%;
|
22
|
+
/* 2 */
|
23
|
+
}
|
24
|
+
|
25
|
+
/**
|
26
|
+
* Remove default margin.
|
27
|
+
*/
|
28
|
+
body {
|
29
|
+
margin: 0;
|
30
|
+
}
|
31
|
+
|
32
|
+
/* HTML5 display definitions
|
33
|
+
========================================================================== */
|
34
|
+
/**
|
35
|
+
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
36
|
+
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
37
|
+
* and Firefox.
|
38
|
+
* Correct `block` display not defined for `main` in IE 11.
|
39
|
+
*/
|
40
|
+
article,
|
41
|
+
aside,
|
42
|
+
details,
|
43
|
+
figcaption,
|
44
|
+
figure,
|
45
|
+
footer,
|
46
|
+
header,
|
47
|
+
hgroup,
|
48
|
+
main,
|
49
|
+
menu,
|
50
|
+
nav,
|
51
|
+
section,
|
52
|
+
summary {
|
53
|
+
display: block;
|
54
|
+
}
|
55
|
+
|
56
|
+
/**
|
57
|
+
* 1. Correct `inline-block` display not defined in IE 8/9.
|
58
|
+
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
59
|
+
*/
|
60
|
+
audio,
|
61
|
+
canvas,
|
62
|
+
progress,
|
63
|
+
video {
|
64
|
+
display: inline-block;
|
65
|
+
/* 1 */
|
66
|
+
vertical-align: baseline;
|
67
|
+
/* 2 */
|
68
|
+
}
|
69
|
+
|
70
|
+
/**
|
71
|
+
* Prevent modern browsers from displaying `audio` without controls.
|
72
|
+
* Remove excess height in iOS 5 devices.
|
73
|
+
*/
|
74
|
+
audio:not([controls]) {
|
75
|
+
display: none;
|
76
|
+
height: 0;
|
77
|
+
}
|
78
|
+
|
79
|
+
/**
|
80
|
+
* Address `[hidden]` styling not present in IE 8/9/10.
|
81
|
+
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
|
82
|
+
*/
|
83
|
+
[hidden],
|
84
|
+
template {
|
85
|
+
display: none;
|
86
|
+
}
|
87
|
+
|
88
|
+
/* Links
|
89
|
+
========================================================================== */
|
90
|
+
/**
|
91
|
+
* Remove the gray background color from active links in IE 10.
|
92
|
+
*/
|
93
|
+
a {
|
94
|
+
background-color: transparent;
|
95
|
+
}
|
96
|
+
|
97
|
+
/**
|
98
|
+
* Improve readability of focused elements when they are also in an
|
99
|
+
* active/hover state.
|
100
|
+
*/
|
101
|
+
a:active,
|
102
|
+
a:hover {
|
103
|
+
outline: 0;
|
104
|
+
}
|
105
|
+
|
106
|
+
/* Text-level semantics
|
107
|
+
========================================================================== */
|
108
|
+
/**
|
109
|
+
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
110
|
+
*/
|
111
|
+
abbr[title] {
|
112
|
+
border-bottom: 1px dotted;
|
113
|
+
}
|
114
|
+
|
115
|
+
/**
|
116
|
+
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
117
|
+
*/
|
118
|
+
b,
|
119
|
+
strong {
|
120
|
+
font-weight: bold;
|
121
|
+
}
|
122
|
+
|
123
|
+
/**
|
124
|
+
* Address styling not present in Safari and Chrome.
|
125
|
+
*/
|
126
|
+
dfn {
|
127
|
+
font-style: italic;
|
128
|
+
}
|
129
|
+
|
130
|
+
/**
|
131
|
+
* Address variable `h1` font-size and margin within `section` and `article`
|
132
|
+
* contexts in Firefox 4+, Safari, and Chrome.
|
133
|
+
*/
|
134
|
+
h1 {
|
135
|
+
font-size: 2em;
|
136
|
+
margin: 0.67em 0;
|
137
|
+
}
|
138
|
+
|
139
|
+
/**
|
140
|
+
* Address styling not present in IE 8/9.
|
141
|
+
*/
|
142
|
+
mark {
|
143
|
+
background: #ff0;
|
144
|
+
color: #000;
|
145
|
+
}
|
146
|
+
|
147
|
+
/**
|
148
|
+
* Address inconsistent and variable font size in all browsers.
|
149
|
+
*/
|
150
|
+
small {
|
151
|
+
font-size: 80%;
|
152
|
+
}
|
153
|
+
|
154
|
+
/**
|
155
|
+
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
156
|
+
*/
|
157
|
+
sub,
|
158
|
+
sup {
|
159
|
+
font-size: 75%;
|
160
|
+
line-height: 0;
|
161
|
+
position: relative;
|
162
|
+
vertical-align: baseline;
|
163
|
+
}
|
164
|
+
|
165
|
+
sup {
|
166
|
+
top: -0.5em;
|
167
|
+
}
|
168
|
+
|
169
|
+
sub {
|
170
|
+
bottom: -0.25em;
|
171
|
+
}
|
172
|
+
|
173
|
+
/* Embedded content
|
174
|
+
========================================================================== */
|
175
|
+
/**
|
176
|
+
* Remove border when inside `a` element in IE 8/9/10.
|
177
|
+
*/
|
178
|
+
img {
|
179
|
+
border: 0;
|
180
|
+
}
|
181
|
+
|
182
|
+
/**
|
183
|
+
* Correct overflow not hidden in IE 9/10/11.
|
184
|
+
*/
|
185
|
+
svg:not(:root) {
|
186
|
+
overflow: hidden;
|
187
|
+
}
|
188
|
+
|
189
|
+
/* Grouping content
|
190
|
+
========================================================================== */
|
191
|
+
/**
|
192
|
+
* Address margin not present in IE 8/9 and Safari.
|
193
|
+
*/
|
194
|
+
figure {
|
195
|
+
margin: 1em 40px;
|
196
|
+
}
|
197
|
+
|
198
|
+
/**
|
199
|
+
* Address differences between Firefox and other browsers.
|
200
|
+
*/
|
201
|
+
hr {
|
202
|
+
box-sizing: content-box;
|
203
|
+
height: 0;
|
204
|
+
}
|
205
|
+
|
206
|
+
/**
|
207
|
+
* Contain overflow in all browsers.
|
208
|
+
*/
|
209
|
+
pre {
|
210
|
+
overflow: auto;
|
211
|
+
}
|
212
|
+
|
213
|
+
/**
|
214
|
+
* Address odd `em`-unit font size rendering in all browsers.
|
215
|
+
*/
|
216
|
+
code,
|
217
|
+
kbd,
|
218
|
+
pre,
|
219
|
+
samp {
|
220
|
+
font-family: monospace, monospace;
|
221
|
+
font-size: 1em;
|
222
|
+
}
|
223
|
+
|
224
|
+
/* Forms
|
225
|
+
========================================================================== */
|
226
|
+
/**
|
227
|
+
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
228
|
+
* styling of `select`, unless a `border` property is set.
|
229
|
+
*/
|
230
|
+
/**
|
231
|
+
* 1. Correct color not being inherited.
|
232
|
+
* Known issue: affects color of disabled elements.
|
233
|
+
* 2. Correct font properties not being inherited.
|
234
|
+
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
235
|
+
*/
|
236
|
+
button,
|
237
|
+
input,
|
238
|
+
optgroup,
|
239
|
+
select,
|
240
|
+
textarea {
|
241
|
+
color: inherit;
|
242
|
+
/* 1 */
|
243
|
+
font: inherit;
|
244
|
+
/* 2 */
|
245
|
+
margin: 0;
|
246
|
+
/* 3 */
|
247
|
+
}
|
248
|
+
|
249
|
+
/**
|
250
|
+
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
251
|
+
*/
|
252
|
+
button {
|
253
|
+
overflow: visible;
|
254
|
+
}
|
255
|
+
|
256
|
+
/**
|
257
|
+
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
258
|
+
* All other form control elements do not inherit `text-transform` values.
|
259
|
+
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
260
|
+
* Correct `select` style inheritance in Firefox.
|
261
|
+
*/
|
262
|
+
button,
|
263
|
+
select {
|
264
|
+
text-transform: none;
|
265
|
+
}
|
266
|
+
|
267
|
+
/**
|
268
|
+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
269
|
+
* and `video` controls.
|
270
|
+
* 2. Correct inability to style clickable `input` types in iOS.
|
271
|
+
* 3. Improve usability and consistency of cursor style between image-type
|
272
|
+
* `input` and others.
|
273
|
+
*/
|
274
|
+
button,
|
275
|
+
html input[type="button"],
|
276
|
+
input[type="reset"],
|
277
|
+
input[type="submit"] {
|
278
|
+
-webkit-appearance: button;
|
279
|
+
/* 2 */
|
280
|
+
cursor: pointer;
|
281
|
+
/* 3 */
|
282
|
+
}
|
283
|
+
|
284
|
+
/**
|
285
|
+
* Re-set default cursor for disabled elements.
|
286
|
+
*/
|
287
|
+
button[disabled],
|
288
|
+
html input[disabled] {
|
289
|
+
cursor: default;
|
290
|
+
}
|
291
|
+
|
292
|
+
/**
|
293
|
+
* Remove inner padding and border in Firefox 4+.
|
294
|
+
*/
|
295
|
+
button::-moz-focus-inner,
|
296
|
+
input::-moz-focus-inner {
|
297
|
+
border: 0;
|
298
|
+
padding: 0;
|
299
|
+
}
|
300
|
+
|
301
|
+
/**
|
302
|
+
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
303
|
+
* the UA stylesheet.
|
304
|
+
*/
|
305
|
+
input {
|
306
|
+
line-height: normal;
|
307
|
+
}
|
308
|
+
|
309
|
+
/**
|
310
|
+
* It's recommended that you don't attempt to style these elements.
|
311
|
+
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
312
|
+
*
|
313
|
+
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
314
|
+
* 2. Remove excess padding in IE 8/9/10.
|
315
|
+
*/
|
316
|
+
input[type="checkbox"],
|
317
|
+
input[type="radio"] {
|
318
|
+
box-sizing: border-box;
|
319
|
+
/* 1 */
|
320
|
+
padding: 0;
|
321
|
+
/* 2 */
|
322
|
+
}
|
323
|
+
|
324
|
+
/**
|
325
|
+
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
326
|
+
* `font-size` values of the `input`, it causes the cursor style of the
|
327
|
+
* decrement button to change from `default` to `text`.
|
328
|
+
*/
|
329
|
+
input[type="number"]::-webkit-inner-spin-button,
|
330
|
+
input[type="number"]::-webkit-outer-spin-button {
|
331
|
+
height: auto;
|
332
|
+
}
|
333
|
+
|
334
|
+
/**
|
335
|
+
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
336
|
+
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
|
337
|
+
*/
|
338
|
+
input[type="search"] {
|
339
|
+
-webkit-appearance: textfield;
|
340
|
+
/* 1 */
|
341
|
+
box-sizing: content-box;
|
342
|
+
/* 2 */
|
343
|
+
}
|
344
|
+
|
345
|
+
/**
|
346
|
+
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
347
|
+
* Safari (but not Chrome) clips the cancel button when the search input has
|
348
|
+
* padding (and `textfield` appearance).
|
349
|
+
*/
|
350
|
+
input[type="search"]::-webkit-search-cancel-button,
|
351
|
+
input[type="search"]::-webkit-search-decoration {
|
352
|
+
-webkit-appearance: none;
|
353
|
+
}
|
354
|
+
|
355
|
+
/**
|
356
|
+
* Define consistent border, margin, and padding.
|
357
|
+
*/
|
358
|
+
fieldset {
|
359
|
+
border: 1px solid #c0c0c0;
|
360
|
+
margin: 0 2px;
|
361
|
+
padding: 0.35em 0.625em 0.75em;
|
362
|
+
}
|
363
|
+
|
364
|
+
/**
|
365
|
+
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
366
|
+
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
367
|
+
*/
|
368
|
+
legend {
|
369
|
+
border: 0;
|
370
|
+
/* 1 */
|
371
|
+
padding: 0;
|
372
|
+
/* 2 */
|
373
|
+
}
|
374
|
+
|
375
|
+
/**
|
376
|
+
* Remove default vertical scrollbar in IE 8/9/10/11.
|
377
|
+
*/
|
378
|
+
textarea {
|
379
|
+
overflow: auto;
|
380
|
+
}
|
381
|
+
|
382
|
+
/**
|
383
|
+
* Don't inherit the `font-weight` (applied by a rule above).
|
384
|
+
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
385
|
+
*/
|
386
|
+
optgroup {
|
387
|
+
font-weight: bold;
|
388
|
+
}
|
389
|
+
|
390
|
+
/* Tables
|
391
|
+
========================================================================== */
|
392
|
+
/**
|
393
|
+
* Remove most spacing between table cells.
|
394
|
+
*/
|
395
|
+
table {
|
396
|
+
border-collapse: collapse;
|
397
|
+
border-spacing: 0;
|
398
|
+
}
|
399
|
+
|
400
|
+
td,
|
401
|
+
th {
|
402
|
+
padding: 0;
|
403
|
+
}
|
404
|
+
|
405
|
+
/* stylelint-disable at-rule-empty-line-before */
|
406
|
+
@font-face {
|
407
|
+
font-family: "Source Sans Pro";
|
408
|
+
font-style: normal;
|
409
|
+
font-weight: 300;
|
410
|
+
src: url("../fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype");
|
411
|
+
}
|
412
|
+
|
413
|
+
@font-face {
|
414
|
+
font-family: "Source Sans Pro";
|
415
|
+
font-style: normal;
|
416
|
+
font-weight: 400;
|
417
|
+
src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
|
418
|
+
}
|
419
|
+
|
420
|
+
@font-face {
|
421
|
+
font-family: "Source Sans Pro";
|
422
|
+
font-style: italic;
|
423
|
+
font-weight: 400;
|
424
|
+
src: url("../fonts/sourcesanspro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-italic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-italic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-italic-webfont.ttf") format("truetype");
|
425
|
+
}
|
426
|
+
|
427
|
+
@font-face {
|
428
|
+
font-family: "Source Sans Pro";
|
429
|
+
font-style: normal;
|
430
|
+
font-weight: 700;
|
431
|
+
src: url("../fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
|
432
|
+
}
|
433
|
+
|
434
|
+
@font-face {
|
435
|
+
font-family: "Merriweather";
|
436
|
+
font-style: normal;
|
437
|
+
font-weight: 300;
|
438
|
+
src: url("../fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-light-webfont.woff2") format("woff2"), url("../fonts/merriweather-light-webfont.woff") format("woff"), url("../fonts/merriweather-light-webfont.ttf") format("truetype");
|
439
|
+
}
|
440
|
+
|
441
|
+
@font-face {
|
442
|
+
font-family: "Merriweather";
|
443
|
+
font-style: normal;
|
444
|
+
font-weight: 400;
|
445
|
+
src: url("../fonts/merriweather-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-regular-webfont.woff2") format("woff2"), url("../fonts/merriweather-regular-webfont.woff") format("woff"), url("../fonts/merriweather-regular-webfont.ttf") format("truetype");
|
446
|
+
}
|
447
|
+
|
448
|
+
@font-face {
|
449
|
+
font-family: "Merriweather";
|
450
|
+
font-style: italic;
|
451
|
+
font-weight: 400;
|
452
|
+
src: url("../fonts/merriweather-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-italic-webfont.woff2") format("woff2"), url("../fonts/merriweather-italic-webfont.woff") format("woff"), url("../fonts/merriweather-italic-webfont.ttf") format("truetype");
|
453
|
+
}
|
454
|
+
|
455
|
+
@font-face {
|
456
|
+
font-family: "Merriweather";
|
457
|
+
font-style: normal;
|
458
|
+
font-weight: 700;
|
459
|
+
src: url("../fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-bold-webfont.woff2") format("woff2"), url("../fonts/merriweather-bold-webfont.woff") format("woff"), url("../fonts/merriweather-bold-webfont.ttf") format("truetype");
|
460
|
+
}
|
461
|
+
|
462
|
+
/* stylelint-enable */
|
463
|
+
html {
|
464
|
+
box-sizing: border-box;
|
465
|
+
}
|
466
|
+
|
467
|
+
*,
|
468
|
+
*::before,
|
469
|
+
*::after {
|
470
|
+
box-sizing: inherit;
|
471
|
+
}
|
472
|
+
|
473
|
+
body {
|
474
|
+
background-color: #ffffff;
|
475
|
+
overflow-x: hidden;
|
476
|
+
}
|
477
|
+
|
478
|
+
.lt-ie9 * {
|
479
|
+
-webkit-filter: none !important;
|
480
|
+
filter: none !important;
|
481
|
+
/* stylelint-disable-line declaration-no-important */
|
482
|
+
}
|
483
|
+
|
484
|
+
[hidden] {
|
485
|
+
display: none !important;
|
486
|
+
/* stylelint-disable-line declaration-no-important */
|
487
|
+
}
|
488
|
+
|
489
|
+
.usa-grid,
|
490
|
+
.usa-grid-full {
|
491
|
+
max-width: 1200px;
|
492
|
+
margin-left: auto;
|
493
|
+
margin-right: auto;
|
494
|
+
max-width: 1040px;
|
495
|
+
}
|
496
|
+
|
497
|
+
.usa-grid::after,
|
498
|
+
.usa-grid-full::after {
|
499
|
+
clear: both;
|
500
|
+
content: "";
|
501
|
+
display: block;
|
502
|
+
}
|
503
|
+
|
504
|
+
.usa-grid {
|
505
|
+
padding-right: 1.5rem;
|
506
|
+
padding-left: 1.5rem;
|
507
|
+
}
|
508
|
+
|
509
|
+
@media screen and (min-width: 600px) {
|
510
|
+
.usa-grid {
|
511
|
+
padding-right: 3rem;
|
512
|
+
padding-left: 3rem;
|
513
|
+
}
|
514
|
+
}
|
515
|
+
|
516
|
+
.usa-grid-full {
|
517
|
+
padding: 0;
|
518
|
+
}
|
519
|
+
|
520
|
+
@media screen and (min-width: 600px) {
|
521
|
+
.usa-width-one-whole {
|
522
|
+
float: left;
|
523
|
+
display: block;
|
524
|
+
margin-right: 4.82916%;
|
525
|
+
width: 100%;
|
526
|
+
}
|
527
|
+
.usa-width-one-whole:last-child {
|
528
|
+
margin-right: 0;
|
529
|
+
}
|
530
|
+
.usa-width-one-half {
|
531
|
+
float: left;
|
532
|
+
display: block;
|
533
|
+
margin-right: 4.82916%;
|
534
|
+
width: 47.58542%;
|
535
|
+
}
|
536
|
+
.usa-width-one-half:last-child {
|
537
|
+
margin-right: 0;
|
538
|
+
}
|
539
|
+
.usa-width-one-third {
|
540
|
+
float: left;
|
541
|
+
display: block;
|
542
|
+
margin-right: 4.82916%;
|
543
|
+
width: 30.11389%;
|
544
|
+
}
|
545
|
+
.usa-width-one-third:last-child {
|
546
|
+
margin-right: 0;
|
547
|
+
}
|
548
|
+
.usa-width-two-thirds {
|
549
|
+
float: left;
|
550
|
+
display: block;
|
551
|
+
margin-right: 4.82916%;
|
552
|
+
width: 65.05695%;
|
553
|
+
}
|
554
|
+
.usa-width-two-thirds:last-child {
|
555
|
+
margin-right: 0;
|
556
|
+
}
|
557
|
+
.usa-width-one-fourth {
|
558
|
+
float: left;
|
559
|
+
display: block;
|
560
|
+
margin-right: 4.82916%;
|
561
|
+
width: 47.58542%;
|
562
|
+
}
|
563
|
+
.usa-width-one-fourth:last-child {
|
564
|
+
margin-right: 0;
|
565
|
+
}
|
566
|
+
.usa-width-one-fourth:nth-child(2n) {
|
567
|
+
margin-right: 0;
|
568
|
+
}
|
569
|
+
.usa-width-three-fourths {
|
570
|
+
float: left;
|
571
|
+
display: block;
|
572
|
+
margin-right: 4.82916%;
|
573
|
+
width: 100%;
|
574
|
+
}
|
575
|
+
.usa-width-three-fourths:last-child {
|
576
|
+
margin-right: 0;
|
577
|
+
}
|
578
|
+
.usa-width-one-sixth {
|
579
|
+
float: left;
|
580
|
+
display: block;
|
581
|
+
margin-right: 4.82916%;
|
582
|
+
width: 30.11389%;
|
583
|
+
}
|
584
|
+
.usa-width-one-sixth:last-child {
|
585
|
+
margin-right: 0;
|
586
|
+
}
|
587
|
+
.usa-width-one-sixth:nth-child(3n) {
|
588
|
+
margin-right: 0;
|
589
|
+
}
|
590
|
+
.usa-width-five-sixths {
|
591
|
+
float: left;
|
592
|
+
display: block;
|
593
|
+
margin-right: 4.82916%;
|
594
|
+
width: 65.05695%;
|
595
|
+
}
|
596
|
+
.usa-width-five-sixths:last-child {
|
597
|
+
margin-right: 0;
|
598
|
+
}
|
599
|
+
.usa-width-one-twelfth {
|
600
|
+
float: left;
|
601
|
+
display: block;
|
602
|
+
margin-right: 4.82916%;
|
603
|
+
width: 30.11389%;
|
604
|
+
}
|
605
|
+
.usa-width-one-twelfth:last-child {
|
606
|
+
margin-right: 0;
|
607
|
+
}
|
608
|
+
.usa-width-one-twelfth:nth-child(3n) {
|
609
|
+
margin-right: 0;
|
610
|
+
}
|
611
|
+
.usa-width-five-twelfths {
|
612
|
+
float: left;
|
613
|
+
display: block;
|
614
|
+
margin-right: 4.82916%;
|
615
|
+
width: 30.11389%;
|
616
|
+
}
|
617
|
+
.usa-width-five-twelfths:last-child {
|
618
|
+
margin-right: 0;
|
619
|
+
}
|
620
|
+
.usa-width-seven-twelfths {
|
621
|
+
float: left;
|
622
|
+
display: block;
|
623
|
+
margin-right: 4.82916%;
|
624
|
+
width: 65.05695%;
|
625
|
+
}
|
626
|
+
.usa-width-seven-twelfths:last-child {
|
627
|
+
margin-right: 0;
|
628
|
+
}
|
629
|
+
}
|
630
|
+
|
631
|
+
@media screen and (min-width: 1201px) {
|
632
|
+
.usa-width-one-whole {
|
633
|
+
float: left;
|
634
|
+
display: block;
|
635
|
+
margin-right: 2.35765%;
|
636
|
+
width: 100%;
|
637
|
+
}
|
638
|
+
.usa-width-one-whole:last-child {
|
639
|
+
margin-right: 0;
|
640
|
+
}
|
641
|
+
.usa-width-one-half {
|
642
|
+
float: left;
|
643
|
+
display: block;
|
644
|
+
margin-right: 2.35765%;
|
645
|
+
width: 48.82117%;
|
646
|
+
}
|
647
|
+
.usa-width-one-half:last-child {
|
648
|
+
margin-right: 0;
|
649
|
+
}
|
650
|
+
.usa-width-one-third {
|
651
|
+
float: left;
|
652
|
+
display: block;
|
653
|
+
margin-right: 2.35765%;
|
654
|
+
width: 31.76157%;
|
655
|
+
}
|
656
|
+
.usa-width-one-third:last-child {
|
657
|
+
margin-right: 0;
|
658
|
+
}
|
659
|
+
.usa-width-two-thirds {
|
660
|
+
float: left;
|
661
|
+
display: block;
|
662
|
+
margin-right: 2.35765%;
|
663
|
+
width: 65.88078%;
|
664
|
+
}
|
665
|
+
.usa-width-two-thirds:last-child {
|
666
|
+
margin-right: 0;
|
667
|
+
}
|
668
|
+
.usa-width-one-fourth {
|
669
|
+
float: left;
|
670
|
+
display: block;
|
671
|
+
margin-right: 2.35765%;
|
672
|
+
width: 23.23176%;
|
673
|
+
}
|
674
|
+
.usa-width-one-fourth:last-child {
|
675
|
+
margin-right: 0;
|
676
|
+
}
|
677
|
+
.usa-width-one-fourth:nth-child(2n) {
|
678
|
+
float: left;
|
679
|
+
display: block;
|
680
|
+
margin-right: 2.35765%;
|
681
|
+
width: 23.23176%;
|
682
|
+
}
|
683
|
+
.usa-width-one-fourth:nth-child(2n):last-child {
|
684
|
+
margin-right: 0;
|
685
|
+
}
|
686
|
+
.usa-width-one-fourth:nth-child(4n) {
|
687
|
+
margin-right: 0;
|
688
|
+
}
|
689
|
+
.usa-width-three-fourths {
|
690
|
+
float: left;
|
691
|
+
display: block;
|
692
|
+
margin-right: 2.35765%;
|
693
|
+
width: 74.41059%;
|
694
|
+
}
|
695
|
+
.usa-width-three-fourths:last-child {
|
696
|
+
margin-right: 0;
|
697
|
+
}
|
698
|
+
.usa-width-one-sixth {
|
699
|
+
float: left;
|
700
|
+
display: block;
|
701
|
+
margin-right: 2.35765%;
|
702
|
+
width: 14.70196%;
|
703
|
+
}
|
704
|
+
.usa-width-one-sixth:last-child {
|
705
|
+
margin-right: 0;
|
706
|
+
}
|
707
|
+
.usa-width-one-sixth:nth-child(3n) {
|
708
|
+
float: left;
|
709
|
+
display: block;
|
710
|
+
margin-right: 2.35765%;
|
711
|
+
width: 14.70196%;
|
712
|
+
}
|
713
|
+
.usa-width-one-sixth:nth-child(3n):last-child {
|
714
|
+
margin-right: 0;
|
715
|
+
}
|
716
|
+
.usa-width-one-sixth:nth-child(6n) {
|
717
|
+
margin-right: 0;
|
718
|
+
}
|
719
|
+
.usa-width-five-sixths {
|
720
|
+
float: left;
|
721
|
+
display: block;
|
722
|
+
margin-right: 2.35765%;
|
723
|
+
width: 82.94039%;
|
724
|
+
}
|
725
|
+
.usa-width-five-sixths:last-child {
|
726
|
+
margin-right: 0;
|
727
|
+
}
|
728
|
+
.usa-width-one-twelfth {
|
729
|
+
float: left;
|
730
|
+
display: block;
|
731
|
+
margin-right: 2.35765%;
|
732
|
+
width: 6.17215%;
|
733
|
+
}
|
734
|
+
.usa-width-one-twelfth:last-child {
|
735
|
+
margin-right: 0;
|
736
|
+
}
|
737
|
+
.usa-width-one-twelfth:nth-child(3n) {
|
738
|
+
float: left;
|
739
|
+
display: block;
|
740
|
+
margin-right: 2.35765%;
|
741
|
+
width: 6.17215%;
|
742
|
+
}
|
743
|
+
.usa-width-one-twelfth:nth-child(3n):last-child {
|
744
|
+
margin-right: 0;
|
745
|
+
}
|
746
|
+
.usa-width-one-twelfth:nth-child(12n) {
|
747
|
+
margin-right: 0;
|
748
|
+
}
|
749
|
+
.usa-width-five-twelfths {
|
750
|
+
float: left;
|
751
|
+
display: block;
|
752
|
+
margin-right: 2.35765%;
|
753
|
+
width: 40.29137%;
|
754
|
+
}
|
755
|
+
.usa-width-five-twelfths:last-child {
|
756
|
+
margin-right: 0;
|
757
|
+
}
|
758
|
+
.usa-width-seven-twelfths {
|
759
|
+
float: left;
|
760
|
+
display: block;
|
761
|
+
margin-right: 2.35765%;
|
762
|
+
width: 57.35098%;
|
763
|
+
}
|
764
|
+
.usa-width-seven-twelfths:last-child {
|
765
|
+
margin-right: 0;
|
766
|
+
}
|
767
|
+
}
|
768
|
+
|
769
|
+
.usa-end-row {
|
770
|
+
margin-right: 0;
|
771
|
+
}
|
772
|
+
|
773
|
+
.usa-offset-one-twelfth {
|
774
|
+
margin-left: 8.5298%;
|
775
|
+
}
|
776
|
+
|
777
|
+
.usa-offset-one-sixth {
|
778
|
+
margin-left: 17.05961%;
|
779
|
+
}
|
780
|
+
|
781
|
+
.usa-offset-one-fourth {
|
782
|
+
margin-left: 25.58941%;
|
783
|
+
}
|
784
|
+
|
785
|
+
.usa-offset-one-third {
|
786
|
+
margin-left: 34.11922%;
|
787
|
+
}
|
788
|
+
|
789
|
+
.usa-offset-five-twelfths {
|
790
|
+
margin-left: 42.64902%;
|
791
|
+
}
|
792
|
+
|
793
|
+
.usa-offset-one-half {
|
794
|
+
margin-left: 51.17883%;
|
795
|
+
}
|
796
|
+
|
797
|
+
.usa-offset-seven-twelfths {
|
798
|
+
margin-left: 59.70863%;
|
799
|
+
}
|
800
|
+
|
801
|
+
.usa-offset-two-thirds {
|
802
|
+
margin-left: 68.23843%;
|
803
|
+
}
|
804
|
+
|
805
|
+
.usa-offset-three-fourths {
|
806
|
+
margin-left: 76.76824%;
|
807
|
+
}
|
808
|
+
|
809
|
+
.usa-offset-five-sixths {
|
810
|
+
margin-left: 85.29804%;
|
811
|
+
}
|
812
|
+
|
813
|
+
.usa-offset-eleven-twelfths {
|
814
|
+
margin-left: 93.82785%;
|
815
|
+
}
|
816
|
+
|
817
|
+
.usa-sr-only {
|
818
|
+
position: absolute;
|
819
|
+
left: -999em;
|
820
|
+
}
|
821
|
+
|
822
|
+
/* stylelint-disable selector-no-qualifying-type */
|
823
|
+
.usa-button,
|
824
|
+
.usa-button-primary,
|
825
|
+
.usa-button:visited,
|
826
|
+
.usa-button-primary:visited,
|
827
|
+
button,
|
828
|
+
[type=button],
|
829
|
+
[type=submit],
|
830
|
+
[type=reset],
|
831
|
+
[type=image] {
|
832
|
+
-moz-osx-font-smoothing: grayscale;
|
833
|
+
-webkit-font-smoothing: antialiased;
|
834
|
+
margin-top: 0.5em;
|
835
|
+
margin-right: 0.5em;
|
836
|
+
margin-bottom: 0.5em;
|
837
|
+
-webkit-appearance: none;
|
838
|
+
-moz-appearance: none;
|
839
|
+
appearance: none;
|
840
|
+
background-color: #0071bc;
|
841
|
+
border: 0;
|
842
|
+
border-radius: 3px;
|
843
|
+
color: #ffffff;
|
844
|
+
cursor: pointer;
|
845
|
+
display: inline-block;
|
846
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
847
|
+
font-size: 1.7rem;
|
848
|
+
font-weight: 700;
|
849
|
+
line-height: 1;
|
850
|
+
outline: none;
|
851
|
+
padding: 1rem 2rem;
|
852
|
+
text-align: center;
|
853
|
+
text-decoration: none;
|
854
|
+
width: 100%;
|
855
|
+
}
|
856
|
+
|
857
|
+
@media screen and (min-width: 481px) {
|
858
|
+
.usa-button,
|
859
|
+
.usa-button-primary,
|
860
|
+
.usa-button:visited,
|
861
|
+
.usa-button-primary:visited,
|
862
|
+
button,
|
863
|
+
[type=button],
|
864
|
+
[type=submit],
|
865
|
+
[type=reset],
|
866
|
+
[type=image] {
|
867
|
+
width: auto;
|
868
|
+
}
|
869
|
+
}
|
870
|
+
|
871
|
+
.usa-button:hover, .usa-button.usa-button-hover,
|
872
|
+
.usa-button-primary:hover,
|
873
|
+
.usa-button-primary.usa-button-hover,
|
874
|
+
.usa-button:visited:hover,
|
875
|
+
.usa-button:visited.usa-button-hover,
|
876
|
+
.usa-button-primary:visited:hover,
|
877
|
+
.usa-button-primary:visited.usa-button-hover,
|
878
|
+
button:hover,
|
879
|
+
button.usa-button-hover,
|
880
|
+
[type=button]:hover,
|
881
|
+
[type=button].usa-button-hover,
|
882
|
+
[type=submit]:hover,
|
883
|
+
[type=submit].usa-button-hover,
|
884
|
+
[type=reset]:hover,
|
885
|
+
[type=reset].usa-button-hover,
|
886
|
+
[type=image]:hover,
|
887
|
+
[type=image].usa-button-hover {
|
888
|
+
background-color: #205493;
|
889
|
+
border-bottom: 0;
|
890
|
+
color: #ffffff;
|
891
|
+
text-decoration: none;
|
892
|
+
}
|
893
|
+
|
894
|
+
.usa-button:focus, .usa-button.usa-button-focus,
|
895
|
+
.usa-button-primary:focus,
|
896
|
+
.usa-button-primary.usa-button-focus,
|
897
|
+
.usa-button:visited:focus,
|
898
|
+
.usa-button:visited.usa-button-focus,
|
899
|
+
.usa-button-primary:visited:focus,
|
900
|
+
.usa-button-primary:visited.usa-button-focus,
|
901
|
+
button:focus,
|
902
|
+
button.usa-button-focus,
|
903
|
+
[type=button]:focus,
|
904
|
+
[type=button].usa-button-focus,
|
905
|
+
[type=submit]:focus,
|
906
|
+
[type=submit].usa-button-focus,
|
907
|
+
[type=reset]:focus,
|
908
|
+
[type=reset].usa-button-focus,
|
909
|
+
[type=image]:focus,
|
910
|
+
[type=image].usa-button-focus {
|
911
|
+
box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
912
|
+
}
|
913
|
+
|
914
|
+
.usa-button:active, .usa-button.usa-button-active,
|
915
|
+
.usa-button-primary:active,
|
916
|
+
.usa-button-primary.usa-button-active,
|
917
|
+
.usa-button:visited:active,
|
918
|
+
.usa-button:visited.usa-button-active,
|
919
|
+
.usa-button-primary:visited:active,
|
920
|
+
.usa-button-primary:visited.usa-button-active,
|
921
|
+
button:active,
|
922
|
+
button.usa-button-active,
|
923
|
+
[type=button]:active,
|
924
|
+
[type=button].usa-button-active,
|
925
|
+
[type=submit]:active,
|
926
|
+
[type=submit].usa-button-active,
|
927
|
+
[type=reset]:active,
|
928
|
+
[type=reset].usa-button-active,
|
929
|
+
[type=image]:active,
|
930
|
+
[type=image].usa-button-active {
|
931
|
+
background-color: #112e51;
|
932
|
+
}
|
933
|
+
|
934
|
+
.usa-button.usa-button-primary-alt,
|
935
|
+
.usa-button-primary.usa-button-primary-alt,
|
936
|
+
.usa-button:visited.usa-button-primary-alt,
|
937
|
+
.usa-button-primary:visited.usa-button-primary-alt,
|
938
|
+
button.usa-button-primary-alt,
|
939
|
+
[type=button].usa-button-primary-alt,
|
940
|
+
[type=submit].usa-button-primary-alt,
|
941
|
+
[type=reset].usa-button-primary-alt,
|
942
|
+
[type=image].usa-button-primary-alt {
|
943
|
+
background-color: #02bfe7;
|
944
|
+
color: #212121;
|
945
|
+
}
|
946
|
+
|
947
|
+
.usa-button.usa-button-primary-alt:hover, .usa-button.usa-button-primary-alt.usa-button-hover,
|
948
|
+
.usa-button-primary.usa-button-primary-alt:hover,
|
949
|
+
.usa-button-primary.usa-button-primary-alt.usa-button-hover,
|
950
|
+
.usa-button:visited.usa-button-primary-alt:hover,
|
951
|
+
.usa-button:visited.usa-button-primary-alt.usa-button-hover,
|
952
|
+
.usa-button-primary:visited.usa-button-primary-alt:hover,
|
953
|
+
.usa-button-primary:visited.usa-button-primary-alt.usa-button-hover,
|
954
|
+
button.usa-button-primary-alt:hover,
|
955
|
+
button.usa-button-primary-alt.usa-button-hover,
|
956
|
+
[type=button].usa-button-primary-alt:hover,
|
957
|
+
[type=button].usa-button-primary-alt.usa-button-hover,
|
958
|
+
[type=submit].usa-button-primary-alt:hover,
|
959
|
+
[type=submit].usa-button-primary-alt.usa-button-hover,
|
960
|
+
[type=reset].usa-button-primary-alt:hover,
|
961
|
+
[type=reset].usa-button-primary-alt.usa-button-hover,
|
962
|
+
[type=image].usa-button-primary-alt:hover,
|
963
|
+
[type=image].usa-button-primary-alt.usa-button-hover {
|
964
|
+
background-color: #00a6d2;
|
965
|
+
}
|
966
|
+
|
967
|
+
.usa-button.usa-button-primary-alt:active, .usa-button.usa-button-primary-alt.usa-button-active,
|
968
|
+
.usa-button-primary.usa-button-primary-alt:active,
|
969
|
+
.usa-button-primary.usa-button-primary-alt.usa-button-active,
|
970
|
+
.usa-button:visited.usa-button-primary-alt:active,
|
971
|
+
.usa-button:visited.usa-button-primary-alt.usa-button-active,
|
972
|
+
.usa-button-primary:visited.usa-button-primary-alt:active,
|
973
|
+
.usa-button-primary:visited.usa-button-primary-alt.usa-button-active,
|
974
|
+
button.usa-button-primary-alt:active,
|
975
|
+
button.usa-button-primary-alt.usa-button-active,
|
976
|
+
[type=button].usa-button-primary-alt:active,
|
977
|
+
[type=button].usa-button-primary-alt.usa-button-active,
|
978
|
+
[type=submit].usa-button-primary-alt:active,
|
979
|
+
[type=submit].usa-button-primary-alt.usa-button-active,
|
980
|
+
[type=reset].usa-button-primary-alt:active,
|
981
|
+
[type=reset].usa-button-primary-alt.usa-button-active,
|
982
|
+
[type=image].usa-button-primary-alt:active,
|
983
|
+
[type=image].usa-button-primary-alt.usa-button-active {
|
984
|
+
background-color: #046b99;
|
985
|
+
color: #ffffff;
|
986
|
+
}
|
987
|
+
|
988
|
+
.usa-button.usa-button-secondary,
|
989
|
+
.usa-button-primary.usa-button-secondary,
|
990
|
+
.usa-button:visited.usa-button-secondary,
|
991
|
+
.usa-button-primary:visited.usa-button-secondary,
|
992
|
+
button.usa-button-secondary,
|
993
|
+
[type=button].usa-button-secondary,
|
994
|
+
[type=submit].usa-button-secondary,
|
995
|
+
[type=reset].usa-button-secondary,
|
996
|
+
[type=image].usa-button-secondary {
|
997
|
+
background-color: #e31c3d;
|
998
|
+
}
|
999
|
+
|
1000
|
+
.usa-button.usa-button-secondary:hover, .usa-button.usa-button-secondary.usa-button-hover,
|
1001
|
+
.usa-button-primary.usa-button-secondary:hover,
|
1002
|
+
.usa-button-primary.usa-button-secondary.usa-button-hover,
|
1003
|
+
.usa-button:visited.usa-button-secondary:hover,
|
1004
|
+
.usa-button:visited.usa-button-secondary.usa-button-hover,
|
1005
|
+
.usa-button-primary:visited.usa-button-secondary:hover,
|
1006
|
+
.usa-button-primary:visited.usa-button-secondary.usa-button-hover,
|
1007
|
+
button.usa-button-secondary:hover,
|
1008
|
+
button.usa-button-secondary.usa-button-hover,
|
1009
|
+
[type=button].usa-button-secondary:hover,
|
1010
|
+
[type=button].usa-button-secondary.usa-button-hover,
|
1011
|
+
[type=submit].usa-button-secondary:hover,
|
1012
|
+
[type=submit].usa-button-secondary.usa-button-hover,
|
1013
|
+
[type=reset].usa-button-secondary:hover,
|
1014
|
+
[type=reset].usa-button-secondary.usa-button-hover,
|
1015
|
+
[type=image].usa-button-secondary:hover,
|
1016
|
+
[type=image].usa-button-secondary.usa-button-hover {
|
1017
|
+
background-color: #cd2026;
|
1018
|
+
}
|
1019
|
+
|
1020
|
+
.usa-button.usa-button-secondary:active, .usa-button.usa-button-secondary.usa-button-active,
|
1021
|
+
.usa-button-primary.usa-button-secondary:active,
|
1022
|
+
.usa-button-primary.usa-button-secondary.usa-button-active,
|
1023
|
+
.usa-button:visited.usa-button-secondary:active,
|
1024
|
+
.usa-button:visited.usa-button-secondary.usa-button-active,
|
1025
|
+
.usa-button-primary:visited.usa-button-secondary:active,
|
1026
|
+
.usa-button-primary:visited.usa-button-secondary.usa-button-active,
|
1027
|
+
button.usa-button-secondary:active,
|
1028
|
+
button.usa-button-secondary.usa-button-active,
|
1029
|
+
[type=button].usa-button-secondary:active,
|
1030
|
+
[type=button].usa-button-secondary.usa-button-active,
|
1031
|
+
[type=submit].usa-button-secondary:active,
|
1032
|
+
[type=submit].usa-button-secondary.usa-button-active,
|
1033
|
+
[type=reset].usa-button-secondary:active,
|
1034
|
+
[type=reset].usa-button-secondary.usa-button-active,
|
1035
|
+
[type=image].usa-button-secondary:active,
|
1036
|
+
[type=image].usa-button-secondary.usa-button-active {
|
1037
|
+
background-color: #981b1e;
|
1038
|
+
}
|
1039
|
+
|
1040
|
+
.usa-button.usa-button-gray,
|
1041
|
+
.usa-button-primary.usa-button-gray,
|
1042
|
+
.usa-button:visited.usa-button-gray,
|
1043
|
+
.usa-button-primary:visited.usa-button-gray,
|
1044
|
+
button.usa-button-gray,
|
1045
|
+
[type=button].usa-button-gray,
|
1046
|
+
[type=submit].usa-button-gray,
|
1047
|
+
[type=reset].usa-button-gray,
|
1048
|
+
[type=image].usa-button-gray {
|
1049
|
+
background-color: #5b616b;
|
1050
|
+
}
|
1051
|
+
|
1052
|
+
.usa-button.usa-button-gray:hover, .usa-button.usa-button-gray.usa-button-hover,
|
1053
|
+
.usa-button-primary.usa-button-gray:hover,
|
1054
|
+
.usa-button-primary.usa-button-gray.usa-button-hover,
|
1055
|
+
.usa-button:visited.usa-button-gray:hover,
|
1056
|
+
.usa-button:visited.usa-button-gray.usa-button-hover,
|
1057
|
+
.usa-button-primary:visited.usa-button-gray:hover,
|
1058
|
+
.usa-button-primary:visited.usa-button-gray.usa-button-hover,
|
1059
|
+
button.usa-button-gray:hover,
|
1060
|
+
button.usa-button-gray.usa-button-hover,
|
1061
|
+
[type=button].usa-button-gray:hover,
|
1062
|
+
[type=button].usa-button-gray.usa-button-hover,
|
1063
|
+
[type=submit].usa-button-gray:hover,
|
1064
|
+
[type=submit].usa-button-gray.usa-button-hover,
|
1065
|
+
[type=reset].usa-button-gray:hover,
|
1066
|
+
[type=reset].usa-button-gray.usa-button-hover,
|
1067
|
+
[type=image].usa-button-gray:hover,
|
1068
|
+
[type=image].usa-button-gray.usa-button-hover {
|
1069
|
+
background-color: #323a45;
|
1070
|
+
}
|
1071
|
+
|
1072
|
+
.usa-button.usa-button-gray:active, .usa-button.usa-button-gray.usa-button-active,
|
1073
|
+
.usa-button-primary.usa-button-gray:active,
|
1074
|
+
.usa-button-primary.usa-button-gray.usa-button-active,
|
1075
|
+
.usa-button:visited.usa-button-gray:active,
|
1076
|
+
.usa-button:visited.usa-button-gray.usa-button-active,
|
1077
|
+
.usa-button-primary:visited.usa-button-gray:active,
|
1078
|
+
.usa-button-primary:visited.usa-button-gray.usa-button-active,
|
1079
|
+
button.usa-button-gray:active,
|
1080
|
+
button.usa-button-gray.usa-button-active,
|
1081
|
+
[type=button].usa-button-gray:active,
|
1082
|
+
[type=button].usa-button-gray.usa-button-active,
|
1083
|
+
[type=submit].usa-button-gray:active,
|
1084
|
+
[type=submit].usa-button-gray.usa-button-active,
|
1085
|
+
[type=reset].usa-button-gray:active,
|
1086
|
+
[type=reset].usa-button-gray.usa-button-active,
|
1087
|
+
[type=image].usa-button-gray:active,
|
1088
|
+
[type=image].usa-button-gray.usa-button-active {
|
1089
|
+
background-color: #212121;
|
1090
|
+
}
|
1091
|
+
|
1092
|
+
.usa-button.usa-button-outline,
|
1093
|
+
.usa-button-primary.usa-button-outline,
|
1094
|
+
.usa-button:visited.usa-button-outline,
|
1095
|
+
.usa-button-primary:visited.usa-button-outline,
|
1096
|
+
button.usa-button-outline,
|
1097
|
+
[type=button].usa-button-outline,
|
1098
|
+
[type=submit].usa-button-outline,
|
1099
|
+
[type=reset].usa-button-outline,
|
1100
|
+
[type=image].usa-button-outline {
|
1101
|
+
background-color: #ffffff;
|
1102
|
+
box-shadow: inset 0 0 0 2px #0071bc;
|
1103
|
+
color: #0071bc;
|
1104
|
+
}
|
1105
|
+
|
1106
|
+
.usa-button.usa-button-outline:hover, .usa-button.usa-button-outline.usa-button-hover,
|
1107
|
+
.usa-button-primary.usa-button-outline:hover,
|
1108
|
+
.usa-button-primary.usa-button-outline.usa-button-hover,
|
1109
|
+
.usa-button:visited.usa-button-outline:hover,
|
1110
|
+
.usa-button:visited.usa-button-outline.usa-button-hover,
|
1111
|
+
.usa-button-primary:visited.usa-button-outline:hover,
|
1112
|
+
.usa-button-primary:visited.usa-button-outline.usa-button-hover,
|
1113
|
+
button.usa-button-outline:hover,
|
1114
|
+
button.usa-button-outline.usa-button-hover,
|
1115
|
+
[type=button].usa-button-outline:hover,
|
1116
|
+
[type=button].usa-button-outline.usa-button-hover,
|
1117
|
+
[type=submit].usa-button-outline:hover,
|
1118
|
+
[type=submit].usa-button-outline.usa-button-hover,
|
1119
|
+
[type=reset].usa-button-outline:hover,
|
1120
|
+
[type=reset].usa-button-outline.usa-button-hover,
|
1121
|
+
[type=image].usa-button-outline:hover,
|
1122
|
+
[type=image].usa-button-outline.usa-button-hover {
|
1123
|
+
box-shadow: inset 0 0 0 2px #205493;
|
1124
|
+
color: #205493;
|
1125
|
+
}
|
1126
|
+
|
1127
|
+
.usa-button.usa-button-outline:active, .usa-button.usa-button-outline.usa-button-active,
|
1128
|
+
.usa-button-primary.usa-button-outline:active,
|
1129
|
+
.usa-button-primary.usa-button-outline.usa-button-active,
|
1130
|
+
.usa-button:visited.usa-button-outline:active,
|
1131
|
+
.usa-button:visited.usa-button-outline.usa-button-active,
|
1132
|
+
.usa-button-primary:visited.usa-button-outline:active,
|
1133
|
+
.usa-button-primary:visited.usa-button-outline.usa-button-active,
|
1134
|
+
button.usa-button-outline:active,
|
1135
|
+
button.usa-button-outline.usa-button-active,
|
1136
|
+
[type=button].usa-button-outline:active,
|
1137
|
+
[type=button].usa-button-outline.usa-button-active,
|
1138
|
+
[type=submit].usa-button-outline:active,
|
1139
|
+
[type=submit].usa-button-outline.usa-button-active,
|
1140
|
+
[type=reset].usa-button-outline:active,
|
1141
|
+
[type=reset].usa-button-outline.usa-button-active,
|
1142
|
+
[type=image].usa-button-outline:active,
|
1143
|
+
[type=image].usa-button-outline.usa-button-active {
|
1144
|
+
box-shadow: inset 0 0 0 2px #112e51;
|
1145
|
+
color: #112e51;
|
1146
|
+
}
|
1147
|
+
|
1148
|
+
.usa-button.usa-button-outline:focus, .usa-button.usa-button-outline.usa-button-focus,
|
1149
|
+
.usa-button-primary.usa-button-outline:focus,
|
1150
|
+
.usa-button-primary.usa-button-outline.usa-button-focus,
|
1151
|
+
.usa-button:visited.usa-button-outline:focus,
|
1152
|
+
.usa-button:visited.usa-button-outline.usa-button-focus,
|
1153
|
+
.usa-button-primary:visited.usa-button-outline:focus,
|
1154
|
+
.usa-button-primary:visited.usa-button-outline.usa-button-focus,
|
1155
|
+
button.usa-button-outline:focus,
|
1156
|
+
button.usa-button-outline.usa-button-focus,
|
1157
|
+
[type=button].usa-button-outline:focus,
|
1158
|
+
[type=button].usa-button-outline.usa-button-focus,
|
1159
|
+
[type=submit].usa-button-outline:focus,
|
1160
|
+
[type=submit].usa-button-outline.usa-button-focus,
|
1161
|
+
[type=reset].usa-button-outline:focus,
|
1162
|
+
[type=reset].usa-button-outline.usa-button-focus,
|
1163
|
+
[type=image].usa-button-outline:focus,
|
1164
|
+
[type=image].usa-button-outline.usa-button-focus {
|
1165
|
+
box-shadow: inset 0 0 0 2px #112e51, 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
1166
|
+
}
|
1167
|
+
|
1168
|
+
.usa-button.usa-button-outline-inverse,
|
1169
|
+
.usa-button-primary.usa-button-outline-inverse,
|
1170
|
+
.usa-button:visited.usa-button-outline-inverse,
|
1171
|
+
.usa-button-primary:visited.usa-button-outline-inverse,
|
1172
|
+
button.usa-button-outline-inverse,
|
1173
|
+
[type=button].usa-button-outline-inverse,
|
1174
|
+
[type=submit].usa-button-outline-inverse,
|
1175
|
+
[type=reset].usa-button-outline-inverse,
|
1176
|
+
[type=image].usa-button-outline-inverse {
|
1177
|
+
background: transparent;
|
1178
|
+
box-shadow: inset 0 0 0 2px #ffffff;
|
1179
|
+
color: #ffffff;
|
1180
|
+
}
|
1181
|
+
|
1182
|
+
.usa-button.usa-button-outline-inverse:hover, .usa-button.usa-button-outline-inverse.usa-button-hover,
|
1183
|
+
.usa-button-primary.usa-button-outline-inverse:hover,
|
1184
|
+
.usa-button-primary.usa-button-outline-inverse.usa-button-hover,
|
1185
|
+
.usa-button:visited.usa-button-outline-inverse:hover,
|
1186
|
+
.usa-button:visited.usa-button-outline-inverse.usa-button-hover,
|
1187
|
+
.usa-button-primary:visited.usa-button-outline-inverse:hover,
|
1188
|
+
.usa-button-primary:visited.usa-button-outline-inverse.usa-button-hover,
|
1189
|
+
button.usa-button-outline-inverse:hover,
|
1190
|
+
button.usa-button-outline-inverse.usa-button-hover,
|
1191
|
+
[type=button].usa-button-outline-inverse:hover,
|
1192
|
+
[type=button].usa-button-outline-inverse.usa-button-hover,
|
1193
|
+
[type=submit].usa-button-outline-inverse:hover,
|
1194
|
+
[type=submit].usa-button-outline-inverse.usa-button-hover,
|
1195
|
+
[type=reset].usa-button-outline-inverse:hover,
|
1196
|
+
[type=reset].usa-button-outline-inverse.usa-button-hover,
|
1197
|
+
[type=image].usa-button-outline-inverse:hover,
|
1198
|
+
[type=image].usa-button-outline-inverse.usa-button-hover {
|
1199
|
+
box-shadow: inset 0 0 0 2px #d6d7d9;
|
1200
|
+
color: #d6d7d9;
|
1201
|
+
}
|
1202
|
+
|
1203
|
+
.usa-button.usa-button-outline-inverse:active, .usa-button.usa-button-outline-inverse.usa-button-active,
|
1204
|
+
.usa-button-primary.usa-button-outline-inverse:active,
|
1205
|
+
.usa-button-primary.usa-button-outline-inverse.usa-button-active,
|
1206
|
+
.usa-button:visited.usa-button-outline-inverse:active,
|
1207
|
+
.usa-button:visited.usa-button-outline-inverse.usa-button-active,
|
1208
|
+
.usa-button-primary:visited.usa-button-outline-inverse:active,
|
1209
|
+
.usa-button-primary:visited.usa-button-outline-inverse.usa-button-active,
|
1210
|
+
button.usa-button-outline-inverse:active,
|
1211
|
+
button.usa-button-outline-inverse.usa-button-active,
|
1212
|
+
[type=button].usa-button-outline-inverse:active,
|
1213
|
+
[type=button].usa-button-outline-inverse.usa-button-active,
|
1214
|
+
[type=submit].usa-button-outline-inverse:active,
|
1215
|
+
[type=submit].usa-button-outline-inverse.usa-button-active,
|
1216
|
+
[type=reset].usa-button-outline-inverse:active,
|
1217
|
+
[type=reset].usa-button-outline-inverse.usa-button-active,
|
1218
|
+
[type=image].usa-button-outline-inverse:active,
|
1219
|
+
[type=image].usa-button-outline-inverse.usa-button-active {
|
1220
|
+
box-shadow: inset 0 0 0 2px #aeb0b5;
|
1221
|
+
color: #d6d7d9;
|
1222
|
+
}
|
1223
|
+
|
1224
|
+
.usa-button.usa-button-outline-inverse:focus, .usa-button.usa-button-outline-inverse.usa-button-focus,
|
1225
|
+
.usa-button-primary.usa-button-outline-inverse:focus,
|
1226
|
+
.usa-button-primary.usa-button-outline-inverse.usa-button-focus,
|
1227
|
+
.usa-button:visited.usa-button-outline-inverse:focus,
|
1228
|
+
.usa-button:visited.usa-button-outline-inverse.usa-button-focus,
|
1229
|
+
.usa-button-primary:visited.usa-button-outline-inverse:focus,
|
1230
|
+
.usa-button-primary:visited.usa-button-outline-inverse.usa-button-focus,
|
1231
|
+
button.usa-button-outline-inverse:focus,
|
1232
|
+
button.usa-button-outline-inverse.usa-button-focus,
|
1233
|
+
[type=button].usa-button-outline-inverse:focus,
|
1234
|
+
[type=button].usa-button-outline-inverse.usa-button-focus,
|
1235
|
+
[type=submit].usa-button-outline-inverse:focus,
|
1236
|
+
[type=submit].usa-button-outline-inverse.usa-button-focus,
|
1237
|
+
[type=reset].usa-button-outline-inverse:focus,
|
1238
|
+
[type=reset].usa-button-outline-inverse.usa-button-focus,
|
1239
|
+
[type=image].usa-button-outline-inverse:focus,
|
1240
|
+
[type=image].usa-button-outline-inverse.usa-button-focus {
|
1241
|
+
box-shadow: inset 0 0 0 2px #aeb0b5, 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
1242
|
+
}
|
1243
|
+
|
1244
|
+
.usa-button.usa-button-big,
|
1245
|
+
.usa-button-primary.usa-button-big,
|
1246
|
+
.usa-button:visited.usa-button-big,
|
1247
|
+
.usa-button-primary:visited.usa-button-big,
|
1248
|
+
button.usa-button-big,
|
1249
|
+
[type=button].usa-button-big,
|
1250
|
+
[type=submit].usa-button-big,
|
1251
|
+
[type=reset].usa-button-big,
|
1252
|
+
[type=image].usa-button-big {
|
1253
|
+
font-size: 1.9rem;
|
1254
|
+
padding: 1.5rem 3rem;
|
1255
|
+
}
|
1256
|
+
|
1257
|
+
/* stylelint-disable */
|
1258
|
+
.usa-button:disabled,
|
1259
|
+
.usa-button-disabled {
|
1260
|
+
background-color: #d6d7d9;
|
1261
|
+
color: #323a45;
|
1262
|
+
pointer-events: none;
|
1263
|
+
}
|
1264
|
+
|
1265
|
+
.usa-button:disabled:hover, .usa-button:disabled.usa-button-hover, .usa-button:disabled:active, .usa-button:disabled.usa-button-active, .usa-button:disabled:focus,
|
1266
|
+
.usa-button-disabled:hover,
|
1267
|
+
.usa-button-disabled.usa-button-hover,
|
1268
|
+
.usa-button-disabled:active,
|
1269
|
+
.usa-button-disabled.usa-button-active,
|
1270
|
+
.usa-button-disabled:focus {
|
1271
|
+
background-color: #d6d7d9;
|
1272
|
+
border: 0;
|
1273
|
+
box-shadow: none;
|
1274
|
+
color: #323a45;
|
1275
|
+
}
|
1276
|
+
|
1277
|
+
.usa-button-unstyled {
|
1278
|
+
background-color: transparent;
|
1279
|
+
border: 0;
|
1280
|
+
border-radius: 0;
|
1281
|
+
font-weight: 400;
|
1282
|
+
margin: 0;
|
1283
|
+
outline: 0;
|
1284
|
+
padding: 0;
|
1285
|
+
text-align: left;
|
1286
|
+
-webkit-font-smoothing: auto;
|
1287
|
+
}
|
1288
|
+
|
1289
|
+
.usa-button-unstyled:hover {
|
1290
|
+
background-color: transparent;
|
1291
|
+
}
|
1292
|
+
|
1293
|
+
.usa-embed-container iframe,
|
1294
|
+
.usa-embed-container object,
|
1295
|
+
.usa-embed-container embed {
|
1296
|
+
position: absolute;
|
1297
|
+
top: 0;
|
1298
|
+
left: 0;
|
1299
|
+
width: 100%;
|
1300
|
+
height: 100%;
|
1301
|
+
}
|
1302
|
+
|
1303
|
+
.usa-embed-container {
|
1304
|
+
padding-bottom: 56.25%;
|
1305
|
+
position: relative;
|
1306
|
+
height: 0;
|
1307
|
+
overflow: hidden;
|
1308
|
+
max-width: 100%;
|
1309
|
+
}
|
1310
|
+
|
1311
|
+
img {
|
1312
|
+
max-width: 100%;
|
1313
|
+
}
|
1314
|
+
|
1315
|
+
.media_link {
|
1316
|
+
display: inline-block;
|
1317
|
+
line-height: 0;
|
1318
|
+
}
|
1319
|
+
|
1320
|
+
/* stylelint-disable selector-no-qualifying-type */
|
1321
|
+
input,
|
1322
|
+
textarea,
|
1323
|
+
select {
|
1324
|
+
-webkit-appearance: none;
|
1325
|
+
-moz-appearance: none;
|
1326
|
+
appearance: none;
|
1327
|
+
border: 0.1rem solid #5b616b;
|
1328
|
+
border-radius: 0;
|
1329
|
+
box-sizing: border-box;
|
1330
|
+
color: #212121;
|
1331
|
+
display: block;
|
1332
|
+
font-size: 1.7rem;
|
1333
|
+
height: 4.4rem;
|
1334
|
+
line-height: 1.3;
|
1335
|
+
margin: 0.2em 0;
|
1336
|
+
max-width: 46rem;
|
1337
|
+
outline: none;
|
1338
|
+
padding: 1rem 0.7em;
|
1339
|
+
width: 100%;
|
1340
|
+
}
|
1341
|
+
|
1342
|
+
input:focus, input.usa-input-focus,
|
1343
|
+
textarea:focus,
|
1344
|
+
textarea.usa-input-focus,
|
1345
|
+
select:focus,
|
1346
|
+
select.usa-input-focus {
|
1347
|
+
box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
1348
|
+
}
|
1349
|
+
|
1350
|
+
input.usa-input-success,
|
1351
|
+
textarea.usa-input-success,
|
1352
|
+
select.usa-input-success {
|
1353
|
+
border: 3px solid #4aa564;
|
1354
|
+
}
|
1355
|
+
|
1356
|
+
/* stylelint-enable */
|
1357
|
+
.usa-input-error {
|
1358
|
+
border-left: 4px solid #cd2026;
|
1359
|
+
margin-top: 3rem;
|
1360
|
+
padding-bottom: 0.8rem;
|
1361
|
+
padding-left: 1.5rem;
|
1362
|
+
padding-top: 0.8rem;
|
1363
|
+
position: relative;
|
1364
|
+
right: 1.9rem;
|
1365
|
+
}
|
1366
|
+
|
1367
|
+
.usa-input-error input,
|
1368
|
+
.usa-input-error textarea,
|
1369
|
+
.usa-input-error select {
|
1370
|
+
border: 3px solid #cd2026;
|
1371
|
+
width: calc(100% + 1.9rem);
|
1372
|
+
}
|
1373
|
+
|
1374
|
+
.usa-input-error label {
|
1375
|
+
margin-top: 0;
|
1376
|
+
}
|
1377
|
+
|
1378
|
+
.usa-input-error .usa-input-inline {
|
1379
|
+
border: 0.1rem solid #5b616b;
|
1380
|
+
width: inherit;
|
1381
|
+
}
|
1382
|
+
|
1383
|
+
.usa-input-error .usa-input-inline-error {
|
1384
|
+
border: 3px solid #cd2026;
|
1385
|
+
}
|
1386
|
+
|
1387
|
+
.usa-input-error-label {
|
1388
|
+
display: block;
|
1389
|
+
font-size: 1.7rem;
|
1390
|
+
font-weight: 700;
|
1391
|
+
}
|
1392
|
+
|
1393
|
+
.usa-input-error-message {
|
1394
|
+
color: #cd2026;
|
1395
|
+
display: block;
|
1396
|
+
font-size: 1.7rem;
|
1397
|
+
font-weight: 700;
|
1398
|
+
padding-bottom: 3px;
|
1399
|
+
padding-top: 3px;
|
1400
|
+
}
|
1401
|
+
|
1402
|
+
.usa-input-required:after {
|
1403
|
+
color: #981b1e;
|
1404
|
+
content: ' (*Required)';
|
1405
|
+
}
|
1406
|
+
|
1407
|
+
label {
|
1408
|
+
display: block;
|
1409
|
+
margin-top: 3rem;
|
1410
|
+
max-width: 46rem;
|
1411
|
+
}
|
1412
|
+
|
1413
|
+
textarea {
|
1414
|
+
height: 16rem;
|
1415
|
+
}
|
1416
|
+
|
1417
|
+
select {
|
1418
|
+
-moz-appearance: none;
|
1419
|
+
-webkit-appearance: none;
|
1420
|
+
appearance: none;
|
1421
|
+
background-color: #ffffff;
|
1422
|
+
background-image: url("../img/arrow-down.png");
|
1423
|
+
background-image: url("../img/arrow-down.svg");
|
1424
|
+
background-position: right 1.3rem center;
|
1425
|
+
background-repeat: no-repeat;
|
1426
|
+
background-size: 1.3rem;
|
1427
|
+
}
|
1428
|
+
|
1429
|
+
legend {
|
1430
|
+
font-size: 3rem;
|
1431
|
+
font-weight: 700;
|
1432
|
+
}
|
1433
|
+
|
1434
|
+
.usa-fieldset-inputs label {
|
1435
|
+
margin-top: 0;
|
1436
|
+
}
|
1437
|
+
|
1438
|
+
.usa-form-hint {
|
1439
|
+
color: #757575;
|
1440
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
1441
|
+
margin-bottom: 0;
|
1442
|
+
}
|
1443
|
+
|
1444
|
+
[type=checkbox],
|
1445
|
+
[type=radio] {
|
1446
|
+
position: absolute;
|
1447
|
+
left: -999em;
|
1448
|
+
}
|
1449
|
+
|
1450
|
+
.lt-ie9 [type=checkbox], .lt-ie9
|
1451
|
+
[type=radio] {
|
1452
|
+
border: 0;
|
1453
|
+
float: left;
|
1454
|
+
margin: 0.4em 0.4em 0 0;
|
1455
|
+
position: static;
|
1456
|
+
width: auto;
|
1457
|
+
}
|
1458
|
+
|
1459
|
+
[type=checkbox] + label,
|
1460
|
+
[type=radio] + label {
|
1461
|
+
cursor: pointer;
|
1462
|
+
font-weight: 400;
|
1463
|
+
margin-bottom: 0.5em;
|
1464
|
+
}
|
1465
|
+
|
1466
|
+
[type=checkbox] + label::before,
|
1467
|
+
[type=radio] + label::before {
|
1468
|
+
background: #ffffff;
|
1469
|
+
border-radius: 3px;
|
1470
|
+
box-shadow: 0 0 0 1px #757575;
|
1471
|
+
content: '\a0';
|
1472
|
+
display: inline-block;
|
1473
|
+
height: 1.8rem;
|
1474
|
+
line-height: 1.8rem;
|
1475
|
+
margin-right: 0.6em;
|
1476
|
+
text-indent: 0.15em;
|
1477
|
+
vertical-align: middle\0;
|
1478
|
+
width: 1.8rem;
|
1479
|
+
}
|
1480
|
+
|
1481
|
+
[type=radio] + label::before {
|
1482
|
+
box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
|
1483
|
+
height: 1.6rem;
|
1484
|
+
line-height: 1.6rem;
|
1485
|
+
width: 1.6rem;
|
1486
|
+
border-radius: 100%;
|
1487
|
+
}
|
1488
|
+
|
1489
|
+
[type=checkbox]:checked + label::before,
|
1490
|
+
[type=radio]:checked + label::before {
|
1491
|
+
background-color: #0071bc;
|
1492
|
+
box-shadow: 0 0 0 1px #0071bc;
|
1493
|
+
}
|
1494
|
+
|
1495
|
+
[type=radio]:checked + label::before {
|
1496
|
+
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc;
|
1497
|
+
}
|
1498
|
+
|
1499
|
+
[type=radio]:focus + label::before {
|
1500
|
+
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc, 0 0 3px 4px #3e94cf, 0 0 7px 4px #3e94cf;
|
1501
|
+
}
|
1502
|
+
|
1503
|
+
[type=checkbox]:checked + label::before,
|
1504
|
+
[type=checkbox]:checked:disabled + label::before {
|
1505
|
+
background-image: url("../img/correct8.png");
|
1506
|
+
background-image: url("../img/correct8.svg");
|
1507
|
+
background-position: 50%;
|
1508
|
+
background-repeat: no-repeat;
|
1509
|
+
}
|
1510
|
+
|
1511
|
+
[type=checkbox]:focus + label::before {
|
1512
|
+
box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #0071bc;
|
1513
|
+
}
|
1514
|
+
|
1515
|
+
[type=checkbox]:disabled + label {
|
1516
|
+
color: #5b616b;
|
1517
|
+
}
|
1518
|
+
|
1519
|
+
[type=checkbox]:disabled + label::before,
|
1520
|
+
[type=radio]:disabled + label::before {
|
1521
|
+
background: #d6d7d9;
|
1522
|
+
box-shadow: 0 0 0 1px #aeb0b5;
|
1523
|
+
cursor: not-allowed;
|
1524
|
+
}
|
1525
|
+
|
1526
|
+
[type=range] {
|
1527
|
+
-webkit-appearance: none;
|
1528
|
+
border: none;
|
1529
|
+
padding-left: 0;
|
1530
|
+
width: 100%;
|
1531
|
+
}
|
1532
|
+
|
1533
|
+
[type=range]:focus {
|
1534
|
+
box-shadow: none;
|
1535
|
+
outline: none;
|
1536
|
+
}
|
1537
|
+
|
1538
|
+
[type=range]::-webkit-slider-runnable-track {
|
1539
|
+
background: #aeb0b5;
|
1540
|
+
border: 1px solid #757575;
|
1541
|
+
cursor: pointer;
|
1542
|
+
height: 1.2rem;
|
1543
|
+
width: 100%;
|
1544
|
+
}
|
1545
|
+
|
1546
|
+
[type=range]::-moz-range-track {
|
1547
|
+
background: #0071bc;
|
1548
|
+
border: 1px solid #757575;
|
1549
|
+
cursor: pointer;
|
1550
|
+
height: 1.2rem;
|
1551
|
+
width: 100%;
|
1552
|
+
}
|
1553
|
+
|
1554
|
+
[type=range]::-ms-track {
|
1555
|
+
background: transparent;
|
1556
|
+
color: transparent;
|
1557
|
+
cursor: pointer;
|
1558
|
+
height: 1.2rem;
|
1559
|
+
width: 100%;
|
1560
|
+
}
|
1561
|
+
|
1562
|
+
[type=range]::-webkit-slider-thumb {
|
1563
|
+
-webkit-appearance: none;
|
1564
|
+
border: 1px solid #757575;
|
1565
|
+
height: 2.2rem;
|
1566
|
+
border-radius: 1.5rem;
|
1567
|
+
background: #f1f1f1;
|
1568
|
+
cursor: pointer;
|
1569
|
+
margin-top: -.65rem;
|
1570
|
+
width: 2.2rem;
|
1571
|
+
}
|
1572
|
+
|
1573
|
+
[type=range]::-moz-range-thumb {
|
1574
|
+
background: #f1f1f1;
|
1575
|
+
border: 1px solid #757575;
|
1576
|
+
border-radius: 1.5rem;
|
1577
|
+
cursor: pointer;
|
1578
|
+
height: 2.2rem;
|
1579
|
+
width: 2.2rem;
|
1580
|
+
}
|
1581
|
+
|
1582
|
+
[type=range]::-ms-thumb {
|
1583
|
+
background: #f1f1f1;
|
1584
|
+
border: 1px solid #757575;
|
1585
|
+
border-radius: 1.5rem;
|
1586
|
+
cursor: pointer;
|
1587
|
+
height: 2.2rem;
|
1588
|
+
width: 2.2rem;
|
1589
|
+
}
|
1590
|
+
|
1591
|
+
[type=range]::-ms-fill-lower {
|
1592
|
+
background: #aeb0b5;
|
1593
|
+
border: 1px solid #757575;
|
1594
|
+
border-radius: 2rem;
|
1595
|
+
}
|
1596
|
+
|
1597
|
+
[type=range]::-ms-fill-upper {
|
1598
|
+
background: #aeb0b5;
|
1599
|
+
border: 1px solid #757575;
|
1600
|
+
border-radius: 2rem;
|
1601
|
+
}
|
1602
|
+
|
1603
|
+
[type=range]:focus::-webkit-slider-thumb {
|
1604
|
+
border: 2px solid #3e94cf;
|
1605
|
+
}
|
1606
|
+
|
1607
|
+
[type=range]:focus::-moz-range-thumb {
|
1608
|
+
border: 2px solid #3e94cf;
|
1609
|
+
}
|
1610
|
+
|
1611
|
+
[type=range]:focus::-ms-thumb {
|
1612
|
+
border: 2px solid #3e94cf;
|
1613
|
+
}
|
1614
|
+
|
1615
|
+
.usa-date-of-birth label {
|
1616
|
+
margin-top: 0;
|
1617
|
+
}
|
1618
|
+
|
1619
|
+
.usa-date-of-birth [type=number]::-webkit-inner-spin-button,
|
1620
|
+
.usa-date-of-birth [type=number]::-webkit-outer-spin-button {
|
1621
|
+
-webkit-appearance: none;
|
1622
|
+
appearance: none;
|
1623
|
+
margin: 0;
|
1624
|
+
}
|
1625
|
+
|
1626
|
+
.usa-date-of-birth [type=number] {
|
1627
|
+
-moz-appearance: textfield;
|
1628
|
+
}
|
1629
|
+
|
1630
|
+
.usa-form-group-day,
|
1631
|
+
.usa-form-group-month,
|
1632
|
+
.usa-form-group-year {
|
1633
|
+
clear: none;
|
1634
|
+
float: left;
|
1635
|
+
margin-right: 1.5rem;
|
1636
|
+
width: 5rem;
|
1637
|
+
}
|
1638
|
+
|
1639
|
+
.usa-form-group-year {
|
1640
|
+
width: 7rem;
|
1641
|
+
}
|
1642
|
+
|
1643
|
+
.usa-label, .usa-label-big {
|
1644
|
+
background-color: #0071bc;
|
1645
|
+
border-radius: 3px;
|
1646
|
+
color: #ffffff;
|
1647
|
+
font-size: 1.5rem;
|
1648
|
+
margin-right: 0.5rem;
|
1649
|
+
padding: 0.1rem 0.7rem;
|
1650
|
+
text-transform: uppercase;
|
1651
|
+
}
|
1652
|
+
|
1653
|
+
.usa-label:only-of-type, .usa-label-big:only-of-type {
|
1654
|
+
margin-right: 0;
|
1655
|
+
}
|
1656
|
+
|
1657
|
+
.usa-label-big {
|
1658
|
+
font-size: 1.7rem;
|
1659
|
+
padding-left: 0.9rem;
|
1660
|
+
padding-right: 0.9rem;
|
1661
|
+
}
|
1662
|
+
|
1663
|
+
ul,
|
1664
|
+
ol {
|
1665
|
+
margin-top: 1em;
|
1666
|
+
margin-bottom: 1em;
|
1667
|
+
padding-left: 1.94em;
|
1668
|
+
}
|
1669
|
+
|
1670
|
+
li {
|
1671
|
+
line-height: 1.5;
|
1672
|
+
margin-bottom: 0.5em;
|
1673
|
+
}
|
1674
|
+
|
1675
|
+
li:last-child {
|
1676
|
+
margin-bottom: 0;
|
1677
|
+
}
|
1678
|
+
|
1679
|
+
h1 + ul,
|
1680
|
+
h1 + ol,
|
1681
|
+
h2 + ul,
|
1682
|
+
h2 + ol,
|
1683
|
+
h3 + ul,
|
1684
|
+
h3 + ol,
|
1685
|
+
h4 + ul,
|
1686
|
+
h4 + ol,
|
1687
|
+
h5 + ul,
|
1688
|
+
h5 + ol,
|
1689
|
+
h6 + ul,
|
1690
|
+
h6 + ol,
|
1691
|
+
p + ul,
|
1692
|
+
p + ol {
|
1693
|
+
margin-top: 0;
|
1694
|
+
}
|
1695
|
+
|
1696
|
+
.usa-unstyled-list {
|
1697
|
+
margin-top: 0;
|
1698
|
+
margin-bottom: 0;
|
1699
|
+
list-style-type: none;
|
1700
|
+
padding-left: 0;
|
1701
|
+
}
|
1702
|
+
|
1703
|
+
.usa-unstyled-list > li {
|
1704
|
+
margin-bottom: 0;
|
1705
|
+
}
|
1706
|
+
|
1707
|
+
table {
|
1708
|
+
border-spacing: 0;
|
1709
|
+
margin: 2em 0;
|
1710
|
+
min-width: 100%;
|
1711
|
+
}
|
1712
|
+
|
1713
|
+
table thead th,
|
1714
|
+
table thead td {
|
1715
|
+
background-color: #f1f1f1;
|
1716
|
+
}
|
1717
|
+
|
1718
|
+
table th {
|
1719
|
+
text-align: left;
|
1720
|
+
}
|
1721
|
+
|
1722
|
+
table tbody th {
|
1723
|
+
font-weight: 400;
|
1724
|
+
}
|
1725
|
+
|
1726
|
+
table th,
|
1727
|
+
table td {
|
1728
|
+
background-color: #ffffff;
|
1729
|
+
border: 1px solid #5b616b;
|
1730
|
+
padding: 1.5rem;
|
1731
|
+
}
|
1732
|
+
|
1733
|
+
.usa-table-borderless thead tr {
|
1734
|
+
background-color: transparent;
|
1735
|
+
}
|
1736
|
+
|
1737
|
+
.usa-table-borderless thead th {
|
1738
|
+
border-top: 0;
|
1739
|
+
}
|
1740
|
+
|
1741
|
+
.usa-table-borderless th,
|
1742
|
+
.usa-table-borderless td {
|
1743
|
+
border-left: 0;
|
1744
|
+
border-right: 0;
|
1745
|
+
}
|
1746
|
+
|
1747
|
+
html {
|
1748
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
1749
|
+
font-size: 10px;
|
1750
|
+
}
|
1751
|
+
|
1752
|
+
body {
|
1753
|
+
font-size: 1.7rem;
|
1754
|
+
}
|
1755
|
+
|
1756
|
+
p {
|
1757
|
+
line-height: 1.5;
|
1758
|
+
margin-bottom: 1em;
|
1759
|
+
margin-top: 1em;
|
1760
|
+
}
|
1761
|
+
|
1762
|
+
a {
|
1763
|
+
color: #0071bc;
|
1764
|
+
text-decoration: underline;
|
1765
|
+
}
|
1766
|
+
|
1767
|
+
a:hover, a:active {
|
1768
|
+
color: #205493;
|
1769
|
+
}
|
1770
|
+
|
1771
|
+
a:visited {
|
1772
|
+
color: #4c2c92;
|
1773
|
+
}
|
1774
|
+
|
1775
|
+
a:focus {
|
1776
|
+
box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
1777
|
+
outline: 0;
|
1778
|
+
}
|
1779
|
+
|
1780
|
+
.usa-external_link::after {
|
1781
|
+
background: url("../img/external-link.png") no-repeat 0 0;
|
1782
|
+
background: url("../img/external-link.svg") no-repeat 0 0;
|
1783
|
+
background-size: 100%;
|
1784
|
+
content: '';
|
1785
|
+
display: inline-block;
|
1786
|
+
height: 0.65em;
|
1787
|
+
margin-bottom: -1px;
|
1788
|
+
margin-left: 4px;
|
1789
|
+
width: 0.65em;
|
1790
|
+
}
|
1791
|
+
|
1792
|
+
.usa-external_link:hover::after {
|
1793
|
+
background-image: url("../img/external-link-hover.png");
|
1794
|
+
background-image: url("../img/external-link-hover.svg");
|
1795
|
+
}
|
1796
|
+
|
1797
|
+
.usa-external_link-alt::after {
|
1798
|
+
background: url("../img/external-link-alt.png") no-repeat 0 0;
|
1799
|
+
background: url("../img/external-link-alt.svg") no-repeat 0 0;
|
1800
|
+
background-size: 100%;
|
1801
|
+
content: '';
|
1802
|
+
display: inline-block;
|
1803
|
+
height: 0.65em;
|
1804
|
+
margin-bottom: -1px;
|
1805
|
+
margin-left: 4px;
|
1806
|
+
width: 0.65em;
|
1807
|
+
}
|
1808
|
+
|
1809
|
+
.usa-external_link-alt:hover::after {
|
1810
|
+
background-image: url("../img/external-link-alt-hover.png");
|
1811
|
+
background-image: url("../img/external-link-alt-hover.svg");
|
1812
|
+
}
|
1813
|
+
|
1814
|
+
h1,
|
1815
|
+
h2,
|
1816
|
+
h3,
|
1817
|
+
h4,
|
1818
|
+
h5,
|
1819
|
+
h6 {
|
1820
|
+
clear: both;
|
1821
|
+
font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
|
1822
|
+
line-height: 1.3;
|
1823
|
+
margin-bottom: .5em;
|
1824
|
+
margin-top: 1.5em;
|
1825
|
+
}
|
1826
|
+
|
1827
|
+
h1 {
|
1828
|
+
font-size: 4rem;
|
1829
|
+
font-weight: 700;
|
1830
|
+
}
|
1831
|
+
|
1832
|
+
h2 {
|
1833
|
+
font-size: 3rem;
|
1834
|
+
font-weight: 700;
|
1835
|
+
}
|
1836
|
+
|
1837
|
+
h3 {
|
1838
|
+
font-size: 2rem;
|
1839
|
+
font-weight: 700;
|
1840
|
+
}
|
1841
|
+
|
1842
|
+
h4 {
|
1843
|
+
font-size: 1.7rem;
|
1844
|
+
font-weight: 700;
|
1845
|
+
}
|
1846
|
+
|
1847
|
+
h5 {
|
1848
|
+
font-size: 1.5rem;
|
1849
|
+
font-weight: 700;
|
1850
|
+
}
|
1851
|
+
|
1852
|
+
h6 {
|
1853
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
1854
|
+
font-size: 1.3rem;
|
1855
|
+
font-weight: 400;
|
1856
|
+
text-transform: uppercase;
|
1857
|
+
}
|
1858
|
+
|
1859
|
+
cite,
|
1860
|
+
var,
|
1861
|
+
address,
|
1862
|
+
dfn {
|
1863
|
+
font-style: normal;
|
1864
|
+
}
|
1865
|
+
|
1866
|
+
.usa-content p:not(.usa-font-lead),
|
1867
|
+
.usa-content ul:not(.usa-accordion):not(.usa-accordion-bordered),
|
1868
|
+
.usa-content ol:not(.usa-accordion):not(.usa-accordion-bordered) {
|
1869
|
+
max-width: 53rem;
|
1870
|
+
}
|
1871
|
+
|
1872
|
+
.usa-content-list {
|
1873
|
+
max-width: 53rem;
|
1874
|
+
}
|
1875
|
+
|
1876
|
+
.usa-sans p,
|
1877
|
+
.usa-sans a,
|
1878
|
+
.usa-sans li,
|
1879
|
+
.usa-sans span {
|
1880
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
1881
|
+
}
|
1882
|
+
|
1883
|
+
.usa-sans a {
|
1884
|
+
border-bottom: none;
|
1885
|
+
font-weight: 700;
|
1886
|
+
}
|
1887
|
+
|
1888
|
+
.usa-serif p,
|
1889
|
+
.usa-serif a,
|
1890
|
+
.usa-serif li,
|
1891
|
+
.usa-serif span {
|
1892
|
+
font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
|
1893
|
+
}
|
1894
|
+
|
1895
|
+
.usa-display {
|
1896
|
+
font-size: 2rem;
|
1897
|
+
font-weight: 700;
|
1898
|
+
margin-bottom: 0;
|
1899
|
+
}
|
1900
|
+
|
1901
|
+
@media screen and (min-width: 481px) {
|
1902
|
+
.usa-display {
|
1903
|
+
font-size: 4rem;
|
1904
|
+
font-weight: 700;
|
1905
|
+
}
|
1906
|
+
}
|
1907
|
+
|
1908
|
+
@media screen and (min-width: 600px) {
|
1909
|
+
.usa-display {
|
1910
|
+
font-size: 5.2rem;
|
1911
|
+
font-weight: 700;
|
1912
|
+
}
|
1913
|
+
}
|
1914
|
+
|
1915
|
+
.usa-font-lead {
|
1916
|
+
font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
|
1917
|
+
font-size: 2rem;
|
1918
|
+
line-height: 1.7;
|
1919
|
+
max-width: 77rem;
|
1920
|
+
}
|
1921
|
+
|
1922
|
+
.usa-image-block {
|
1923
|
+
position: relative;
|
1924
|
+
}
|
1925
|
+
|
1926
|
+
.usa-image-text-block {
|
1927
|
+
color: #ffffff;
|
1928
|
+
left: 0;
|
1929
|
+
margin-left: 8%;
|
1930
|
+
position: absolute;
|
1931
|
+
top: 0;
|
1932
|
+
}
|
1933
|
+
|
1934
|
+
.usa-image-text {
|
1935
|
+
margin-top: 0;
|
1936
|
+
}
|
1937
|
+
|
1938
|
+
.usa-drop_text {
|
1939
|
+
margin-bottom: 0;
|
1940
|
+
}
|
1941
|
+
|
1942
|
+
.usa-background-dark {
|
1943
|
+
background-color: #323a45;
|
1944
|
+
}
|
1945
|
+
|
1946
|
+
.usa-background-dark p,
|
1947
|
+
.usa-background-dark span {
|
1948
|
+
color: #ffffff;
|
1949
|
+
}
|
1950
|
+
|
1951
|
+
.usa-background-dark a {
|
1952
|
+
color: #d6d7d9;
|
1953
|
+
}
|
1954
|
+
|
1955
|
+
.usa-background-dark a:hover {
|
1956
|
+
color: #ffffff;
|
1957
|
+
}
|
1958
|
+
|
1959
|
+
.usa-text-small {
|
1960
|
+
font-size: 1.3rem;
|
1961
|
+
margin-top: 0;
|
1962
|
+
}
|
1963
|
+
|
1964
|
+
.usa-section > :first-child,
|
1965
|
+
.usa-grid > :first-child,
|
1966
|
+
.usa-grid-full > :first-child {
|
1967
|
+
margin-top: 0;
|
1968
|
+
}
|
1969
|
+
|
1970
|
+
.usa-section > :last-child,
|
1971
|
+
.usa-grid > :last-child,
|
1972
|
+
.usa-grid-full > :last-child {
|
1973
|
+
margin-bottom: 0;
|
1974
|
+
}
|
1975
|
+
|
1976
|
+
.usa-width-one-whole:first-child > :first-child,
|
1977
|
+
.usa-width-one-half:first-child > :first-child,
|
1978
|
+
.usa-width-one-third:first-child > :first-child,
|
1979
|
+
.usa-width-two-thirds:first-child > :first-child,
|
1980
|
+
.usa-width-one-fourth:first-child > :first-child,
|
1981
|
+
.usa-width-three-fourths:first-child > :first-child,
|
1982
|
+
.usa-width-one-sixth:first-child > :first-child,
|
1983
|
+
.usa-width-five-sixths:first-child > :first-child,
|
1984
|
+
.usa-width-one-twelfth:first-child > :first-child {
|
1985
|
+
margin-top: 0;
|
1986
|
+
}
|
1987
|
+
|
1988
|
+
@media screen and (min-width: 600px) {
|
1989
|
+
.usa-width-one-whole > :first-child,
|
1990
|
+
.usa-width-one-half > :first-child,
|
1991
|
+
.usa-width-one-third > :first-child,
|
1992
|
+
.usa-width-two-thirds > :first-child,
|
1993
|
+
.usa-width-one-fourth > :first-child,
|
1994
|
+
.usa-width-three-fourths > :first-child,
|
1995
|
+
.usa-width-one-sixth > :first-child,
|
1996
|
+
.usa-width-five-sixths > :first-child,
|
1997
|
+
.usa-width-one-twelfth > :first-child {
|
1998
|
+
margin-top: 0;
|
1999
|
+
}
|
2000
|
+
}
|
2001
|
+
|
2002
|
+
.usa-width-one-whole:last-child > :last-child,
|
2003
|
+
.usa-width-one-half:last-child > :last-child,
|
2004
|
+
.usa-width-one-third:last-child > :last-child,
|
2005
|
+
.usa-width-two-thirds:last-child > :last-child,
|
2006
|
+
.usa-width-one-fourth:last-child > :last-child,
|
2007
|
+
.usa-width-three-fourths:last-child > :last-child,
|
2008
|
+
.usa-width-one-sixth:last-child > :last-child,
|
2009
|
+
.usa-width-five-sixths:last-child > :last-child,
|
2010
|
+
.usa-width-one-twelfth:last-child > :last-child {
|
2011
|
+
margin-bottom: 0;
|
2012
|
+
}
|
2013
|
+
|
2014
|
+
@media screen and (min-width: 600px) {
|
2015
|
+
.usa-width-one-whole > :last-child,
|
2016
|
+
.usa-width-one-half > :last-child,
|
2017
|
+
.usa-width-one-third > :last-child,
|
2018
|
+
.usa-width-two-thirds > :last-child,
|
2019
|
+
.usa-width-one-fourth > :last-child,
|
2020
|
+
.usa-width-three-fourths > :last-child,
|
2021
|
+
.usa-width-one-sixth > :last-child,
|
2022
|
+
.usa-width-five-sixths > :last-child,
|
2023
|
+
.usa-width-one-twelfth > :last-child {
|
2024
|
+
margin-bottom: 0;
|
2025
|
+
}
|
2026
|
+
}
|
2027
|
+
|
2028
|
+
.usa-accordion,
|
2029
|
+
.usa-accordion-bordered {
|
2030
|
+
margin-top: 0;
|
2031
|
+
margin-bottom: 0;
|
2032
|
+
list-style-type: none;
|
2033
|
+
padding-left: 0;
|
2034
|
+
color: #212121;
|
2035
|
+
margin: 0;
|
2036
|
+
padding: 0;
|
2037
|
+
width: 100%;
|
2038
|
+
}
|
2039
|
+
|
2040
|
+
.usa-accordion > li,
|
2041
|
+
.usa-accordion-bordered > li {
|
2042
|
+
margin-bottom: 0;
|
2043
|
+
}
|
2044
|
+
|
2045
|
+
.usa-accordion > ul li ul,
|
2046
|
+
.usa-accordion-bordered > ul li ul {
|
2047
|
+
list-style: disc;
|
2048
|
+
}
|
2049
|
+
|
2050
|
+
.usa-accordion > ul li ul > li > ul,
|
2051
|
+
.usa-accordion-bordered > ul li ul > li > ul {
|
2052
|
+
list-style: circle;
|
2053
|
+
}
|
2054
|
+
|
2055
|
+
.usa-accordion > ul li ul > li > ul > li > ul,
|
2056
|
+
.usa-accordion-bordered > ul li ul > li > ul > li > ul {
|
2057
|
+
list-style: square;
|
2058
|
+
}
|
2059
|
+
|
2060
|
+
.usa-accordion + .usa-accordion,
|
2061
|
+
.usa-accordion + .usa-accordion-bordered,
|
2062
|
+
.usa-accordion-bordered + .usa-accordion,
|
2063
|
+
.usa-accordion-bordered + .usa-accordion-bordered {
|
2064
|
+
margin-top: 1rem;
|
2065
|
+
}
|
2066
|
+
|
2067
|
+
.usa-accordion > ul,
|
2068
|
+
.usa-accordion-bordered > ul {
|
2069
|
+
margin-top: 0;
|
2070
|
+
margin-bottom: 0;
|
2071
|
+
list-style-type: none;
|
2072
|
+
padding-left: 0;
|
2073
|
+
color: #212121;
|
2074
|
+
margin: 0;
|
2075
|
+
padding: 0;
|
2076
|
+
width: 100%;
|
2077
|
+
}
|
2078
|
+
|
2079
|
+
.usa-accordion > ul > li,
|
2080
|
+
.usa-accordion-bordered > ul > li {
|
2081
|
+
margin-bottom: 0;
|
2082
|
+
}
|
2083
|
+
|
2084
|
+
.usa-accordion > ul > li,
|
2085
|
+
.usa-accordion-bordered > ul > li {
|
2086
|
+
background-color: #f1f1f1;
|
2087
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
2088
|
+
list-style: none;
|
2089
|
+
margin-bottom: 6px;
|
2090
|
+
width: 100%;
|
2091
|
+
}
|
2092
|
+
|
2093
|
+
.usa-accordion > ul button,
|
2094
|
+
.usa-accordion-bordered > ul button {
|
2095
|
+
background-color: transparent;
|
2096
|
+
border: 0;
|
2097
|
+
border-radius: 0;
|
2098
|
+
font-weight: 400;
|
2099
|
+
margin: 0;
|
2100
|
+
outline: 0;
|
2101
|
+
padding: 0;
|
2102
|
+
text-align: left;
|
2103
|
+
-webkit-font-smoothing: auto;
|
2104
|
+
background-color: #f1f1f1;
|
2105
|
+
background-image: url("../img/minus.png");
|
2106
|
+
background-image: url("../img/minus.svg");
|
2107
|
+
background-position: right 3rem center;
|
2108
|
+
background-repeat: no-repeat;
|
2109
|
+
background-size: 13px;
|
2110
|
+
color: #212121;
|
2111
|
+
cursor: pointer;
|
2112
|
+
display: inline-block;
|
2113
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
2114
|
+
font-weight: 700;
|
2115
|
+
margin: 0;
|
2116
|
+
padding: 1.5rem 5.5rem 1.5rem 3rem;
|
2117
|
+
width: 100%;
|
2118
|
+
}
|
2119
|
+
|
2120
|
+
.usa-accordion > ul button:hover,
|
2121
|
+
.usa-accordion-bordered > ul button:hover {
|
2122
|
+
background-color: transparent;
|
2123
|
+
}
|
2124
|
+
|
2125
|
+
.usa-accordion > ul button:focus,
|
2126
|
+
.usa-accordion-bordered > ul button:focus {
|
2127
|
+
box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
2128
|
+
}
|
2129
|
+
|
2130
|
+
.usa-accordion > ul button:hover,
|
2131
|
+
.usa-accordion-bordered > ul button:hover {
|
2132
|
+
background-color: #d6d7d9;
|
2133
|
+
color: #212121;
|
2134
|
+
}
|
2135
|
+
|
2136
|
+
.usa-accordion > ul button h1,
|
2137
|
+
.usa-accordion > ul button h2,
|
2138
|
+
.usa-accordion > ul button h3,
|
2139
|
+
.usa-accordion > ul button h4,
|
2140
|
+
.usa-accordion > ul button h5,
|
2141
|
+
.usa-accordion > ul button h6,
|
2142
|
+
.usa-accordion-bordered > ul button h1,
|
2143
|
+
.usa-accordion-bordered > ul button h2,
|
2144
|
+
.usa-accordion-bordered > ul button h3,
|
2145
|
+
.usa-accordion-bordered > ul button h4,
|
2146
|
+
.usa-accordion-bordered > ul button h5,
|
2147
|
+
.usa-accordion-bordered > ul button h6 {
|
2148
|
+
margin: 0;
|
2149
|
+
}
|
2150
|
+
|
2151
|
+
.usa-accordion > ul [aria-expanded=false],
|
2152
|
+
.usa-accordion-bordered > ul [aria-expanded=false] {
|
2153
|
+
background-image: url("../img/plus.png");
|
2154
|
+
background-image: url("../img/plus.svg");
|
2155
|
+
background-repeat: no-repeat;
|
2156
|
+
background-size: 1.3rem;
|
2157
|
+
}
|
2158
|
+
|
2159
|
+
.usa-accordion > li,
|
2160
|
+
.usa-accordion-bordered > li {
|
2161
|
+
background-color: #f1f1f1;
|
2162
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
2163
|
+
list-style: none;
|
2164
|
+
margin-bottom: 6px;
|
2165
|
+
width: 100%;
|
2166
|
+
}
|
2167
|
+
|
2168
|
+
.usa-accordion-bordered .usa-accordion-content {
|
2169
|
+
border-bottom: 3px solid #f1f1f1;
|
2170
|
+
border-left: 3px solid #f1f1f1;
|
2171
|
+
border-right: 3px solid #f1f1f1;
|
2172
|
+
}
|
2173
|
+
|
2174
|
+
.usa-accordion-content {
|
2175
|
+
background-color: #ffffff;
|
2176
|
+
overflow: auto;
|
2177
|
+
padding: 3rem;
|
2178
|
+
}
|
2179
|
+
|
2180
|
+
.usa-accordion-content > *:first-child {
|
2181
|
+
margin-top: 0;
|
2182
|
+
}
|
2183
|
+
|
2184
|
+
.usa-accordion-content > *:last-child {
|
2185
|
+
margin-bottom: 0;
|
2186
|
+
}
|
2187
|
+
|
2188
|
+
.usa-accordion-content:not([aria-hidden]) {
|
2189
|
+
position: absolute;
|
2190
|
+
left: -999em;
|
2191
|
+
}
|
2192
|
+
|
2193
|
+
.usa-accordion-content[aria-hidden=true] {
|
2194
|
+
display: none;
|
2195
|
+
}
|
2196
|
+
|
2197
|
+
.usa-accordion-button {
|
2198
|
+
background-color: transparent;
|
2199
|
+
border: 0;
|
2200
|
+
border-radius: 0;
|
2201
|
+
font-weight: 400;
|
2202
|
+
margin: 0;
|
2203
|
+
outline: 0;
|
2204
|
+
padding: 0;
|
2205
|
+
text-align: left;
|
2206
|
+
-webkit-font-smoothing: auto;
|
2207
|
+
background-color: #f1f1f1;
|
2208
|
+
background-image: url("../img/minus.png");
|
2209
|
+
background-image: url("../img/minus.svg");
|
2210
|
+
background-position: right 3rem center;
|
2211
|
+
background-repeat: no-repeat;
|
2212
|
+
background-size: 13px;
|
2213
|
+
color: #212121;
|
2214
|
+
cursor: pointer;
|
2215
|
+
display: inline-block;
|
2216
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
2217
|
+
font-weight: 700;
|
2218
|
+
margin: 0;
|
2219
|
+
padding: 1.5rem 5.5rem 1.5rem 3rem;
|
2220
|
+
width: 100%;
|
2221
|
+
}
|
2222
|
+
|
2223
|
+
.usa-accordion-button:hover {
|
2224
|
+
background-color: transparent;
|
2225
|
+
}
|
2226
|
+
|
2227
|
+
.usa-accordion-button:focus {
|
2228
|
+
box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
2229
|
+
}
|
2230
|
+
|
2231
|
+
.usa-accordion-button:hover {
|
2232
|
+
background-color: #d6d7d9;
|
2233
|
+
color: #212121;
|
2234
|
+
}
|
2235
|
+
|
2236
|
+
.usa-accordion-button h1,
|
2237
|
+
.usa-accordion-button h2,
|
2238
|
+
.usa-accordion-button h3,
|
2239
|
+
.usa-accordion-button h4,
|
2240
|
+
.usa-accordion-button h5,
|
2241
|
+
.usa-accordion-button h6 {
|
2242
|
+
margin: 0;
|
2243
|
+
}
|
2244
|
+
|
2245
|
+
.usa-accordion-button[aria-expanded=false] {
|
2246
|
+
background-image: url("../img/plus.png");
|
2247
|
+
background-image: url("../img/plus.svg");
|
2248
|
+
background-repeat: no-repeat;
|
2249
|
+
background-size: 1.3rem;
|
2250
|
+
}
|
2251
|
+
|
2252
|
+
.usa-alert {
|
2253
|
+
background-color: #f1f1f1;
|
2254
|
+
background-position: 1rem 2rem;
|
2255
|
+
background-repeat: no-repeat;
|
2256
|
+
background-size: 4rem;
|
2257
|
+
margin-top: 1.5em;
|
2258
|
+
padding: 1em;
|
2259
|
+
}
|
2260
|
+
|
2261
|
+
@media screen and (min-width: 600px) {
|
2262
|
+
.usa-alert {
|
2263
|
+
background-size: 5.2rem;
|
2264
|
+
}
|
2265
|
+
}
|
2266
|
+
|
2267
|
+
.usa-alert a {
|
2268
|
+
color: #205493;
|
2269
|
+
}
|
2270
|
+
|
2271
|
+
.usa-alert a:focus, .usa-alert a:hover {
|
2272
|
+
color: #112e51;
|
2273
|
+
}
|
2274
|
+
|
2275
|
+
.usa-alert ul {
|
2276
|
+
margin-bottom: 0;
|
2277
|
+
margin-top: 1em;
|
2278
|
+
padding-left: 1em;
|
2279
|
+
}
|
2280
|
+
|
2281
|
+
.usa-alert-icon {
|
2282
|
+
display: table-cell;
|
2283
|
+
padding-right: 1rem;
|
2284
|
+
}
|
2285
|
+
|
2286
|
+
.usa-alert-body {
|
2287
|
+
display: table-cell;
|
2288
|
+
padding-left: 3.5rem;
|
2289
|
+
vertical-align: top;
|
2290
|
+
}
|
2291
|
+
|
2292
|
+
@media screen and (min-width: 600px) {
|
2293
|
+
.usa-alert-body {
|
2294
|
+
padding-left: 5rem;
|
2295
|
+
}
|
2296
|
+
}
|
2297
|
+
|
2298
|
+
.usa-alert-body p:first-child {
|
2299
|
+
margin-top: 0.8rem;
|
2300
|
+
}
|
2301
|
+
|
2302
|
+
.usa-alert-body p:last-child {
|
2303
|
+
margin-bottom: 0.8rem;
|
2304
|
+
}
|
2305
|
+
|
2306
|
+
.usa-alert-heading {
|
2307
|
+
margin-bottom: .3rem;
|
2308
|
+
margin-top: 0;
|
2309
|
+
}
|
2310
|
+
|
2311
|
+
@media screen and (min-width: 600px) {
|
2312
|
+
.usa-alert-heading {
|
2313
|
+
margin-top: .3rem;
|
2314
|
+
}
|
2315
|
+
}
|
2316
|
+
|
2317
|
+
.usa-alert-text {
|
2318
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
2319
|
+
margin-bottom: 0;
|
2320
|
+
margin-top: 0;
|
2321
|
+
}
|
2322
|
+
|
2323
|
+
.usa-alert-success {
|
2324
|
+
background-color: #e7f4e4;
|
2325
|
+
background-image: url("../img/alerts/success.png");
|
2326
|
+
background-image: url("../img/alerts/success.svg");
|
2327
|
+
}
|
2328
|
+
|
2329
|
+
.usa-alert-warning {
|
2330
|
+
background-color: #fff1d2;
|
2331
|
+
background-image: url("../img/alerts/warning.png");
|
2332
|
+
background-image: url("../img/alerts/warning.svg");
|
2333
|
+
}
|
2334
|
+
|
2335
|
+
.usa-alert-error {
|
2336
|
+
background-color: #f9dede;
|
2337
|
+
background-image: url("../img/alerts/error.png");
|
2338
|
+
background-image: url("../img/alerts/error.svg");
|
2339
|
+
}
|
2340
|
+
|
2341
|
+
.usa-alert-info {
|
2342
|
+
background-color: #e1f3f8;
|
2343
|
+
background-image: url("../img/alerts/info.png");
|
2344
|
+
background-image: url("../img/alerts/info.svg");
|
2345
|
+
}
|
2346
|
+
|
2347
|
+
.usa-alert-no_icon {
|
2348
|
+
background-image: none;
|
2349
|
+
}
|
2350
|
+
|
2351
|
+
.usa-alert-paragraph {
|
2352
|
+
width: 53rem;
|
2353
|
+
padding: 1em 3em 1em 1em;
|
2354
|
+
}
|
2355
|
+
|
2356
|
+
.usa-banner {
|
2357
|
+
background-color: #f1f1f1;
|
2358
|
+
padding-bottom: 0.7rem;
|
2359
|
+
}
|
2360
|
+
|
2361
|
+
@media screen and (min-width: 481px) {
|
2362
|
+
.usa-banner {
|
2363
|
+
font-size: 1.3rem;
|
2364
|
+
padding-bottom: 0;
|
2365
|
+
}
|
2366
|
+
}
|
2367
|
+
|
2368
|
+
.usa-banner-content {
|
2369
|
+
padding-right: 1.5rem;
|
2370
|
+
padding-bottom: 3px;
|
2371
|
+
padding-left: 1.5rem;
|
2372
|
+
background-color: transparent;
|
2373
|
+
font-size: 1.5rem;
|
2374
|
+
padding-top: 2rem;
|
2375
|
+
width: 100%;
|
2376
|
+
}
|
2377
|
+
|
2378
|
+
@media screen and (min-width: 600px) {
|
2379
|
+
.usa-banner-content {
|
2380
|
+
padding-bottom: 2.3rem;
|
2381
|
+
padding-top: 4rem;
|
2382
|
+
}
|
2383
|
+
}
|
2384
|
+
|
2385
|
+
@media screen and (min-width: 951px) {
|
2386
|
+
.usa-banner-content {
|
2387
|
+
padding-right: 3rem;
|
2388
|
+
padding-left: 3rem;
|
2389
|
+
}
|
2390
|
+
}
|
2391
|
+
|
2392
|
+
.usa-banner-content p:first-child {
|
2393
|
+
margin-top: 1rem;
|
2394
|
+
}
|
2395
|
+
|
2396
|
+
@media screen and (min-width: 600px) {
|
2397
|
+
.usa-banner-content p:first-child {
|
2398
|
+
margin-top: 0;
|
2399
|
+
}
|
2400
|
+
}
|
2401
|
+
|
2402
|
+
.usa-banner-inner {
|
2403
|
+
max-width: 1200px;
|
2404
|
+
margin-left: auto;
|
2405
|
+
margin-right: auto;
|
2406
|
+
padding-right: 1.5rem;
|
2407
|
+
padding-left: 1.5rem;
|
2408
|
+
max-width: 1040px;
|
2409
|
+
}
|
2410
|
+
|
2411
|
+
.usa-banner-inner::after {
|
2412
|
+
clear: both;
|
2413
|
+
content: "";
|
2414
|
+
display: block;
|
2415
|
+
}
|
2416
|
+
|
2417
|
+
@media screen and (min-width: 951px) {
|
2418
|
+
.usa-banner-inner {
|
2419
|
+
padding-right: 3rem;
|
2420
|
+
padding-left: 3rem;
|
2421
|
+
}
|
2422
|
+
}
|
2423
|
+
|
2424
|
+
.usa-banner-header {
|
2425
|
+
padding-top: 0.55rem;
|
2426
|
+
padding-bottom: 0.55rem;
|
2427
|
+
font-size: 1.2rem;
|
2428
|
+
font-weight: 400;
|
2429
|
+
}
|
2430
|
+
|
2431
|
+
@media screen and (min-width: 481px) {
|
2432
|
+
.usa-banner-header {
|
2433
|
+
padding-top: 0;
|
2434
|
+
padding-bottom: 0;
|
2435
|
+
}
|
2436
|
+
}
|
2437
|
+
|
2438
|
+
.usa-banner-header p {
|
2439
|
+
margin-top: 0;
|
2440
|
+
margin-bottom: 0;
|
2441
|
+
display: inline;
|
2442
|
+
overflow: hidden;
|
2443
|
+
vertical-align: middle;
|
2444
|
+
}
|
2445
|
+
|
2446
|
+
@media screen and (min-width: 481px) {
|
2447
|
+
.usa-banner-header p {
|
2448
|
+
margin-top: 2px;
|
2449
|
+
margin-bottom: 2px;
|
2450
|
+
display: inline-block;
|
2451
|
+
}
|
2452
|
+
}
|
2453
|
+
|
2454
|
+
.usa-banner-header img {
|
2455
|
+
float: left;
|
2456
|
+
margin-right: 1rem;
|
2457
|
+
margin-top: 1px;
|
2458
|
+
width: 2.4rem;
|
2459
|
+
}
|
2460
|
+
|
2461
|
+
@media screen and (min-width: 481px) {
|
2462
|
+
.usa-banner-header img {
|
2463
|
+
margin-right: 0.7rem;
|
2464
|
+
width: 2rem;
|
2465
|
+
}
|
2466
|
+
}
|
2467
|
+
|
2468
|
+
.usa-banner-header-expanded {
|
2469
|
+
-webkit-box-align: center;
|
2470
|
+
-ms-flex-align: center;
|
2471
|
+
align-items: center;
|
2472
|
+
border-bottom: 1px solid #aeb0b5;
|
2473
|
+
display: -webkit-box;
|
2474
|
+
display: -ms-flexbox;
|
2475
|
+
display: flex;
|
2476
|
+
font-size: 1.5rem;
|
2477
|
+
min-height: 5.6rem;
|
2478
|
+
padding-right: 3rem;
|
2479
|
+
}
|
2480
|
+
|
2481
|
+
@media screen and (min-width: 481px) {
|
2482
|
+
.usa-banner-header-expanded {
|
2483
|
+
border-bottom: none;
|
2484
|
+
display: block;
|
2485
|
+
font-size: 1.2rem;
|
2486
|
+
font-weight: 400;
|
2487
|
+
min-height: 0;
|
2488
|
+
padding-right: 0;
|
2489
|
+
}
|
2490
|
+
}
|
2491
|
+
|
2492
|
+
.usa-banner-header-expanded > .usa-banner-inner {
|
2493
|
+
margin-left: 0;
|
2494
|
+
}
|
2495
|
+
|
2496
|
+
@media screen and (min-width: 481px) {
|
2497
|
+
.usa-banner-header-expanded > .usa-banner-inner {
|
2498
|
+
margin-left: auto;
|
2499
|
+
}
|
2500
|
+
}
|
2501
|
+
|
2502
|
+
.usa-banner-header-expanded img {
|
2503
|
+
margin-right: 2.4rem;
|
2504
|
+
}
|
2505
|
+
|
2506
|
+
@media screen and (min-width: 481px) {
|
2507
|
+
.usa-banner-header-expanded img {
|
2508
|
+
margin-right: 0.7rem;
|
2509
|
+
}
|
2510
|
+
}
|
2511
|
+
|
2512
|
+
.usa-banner-header-expanded p {
|
2513
|
+
line-height: 1.3;
|
2514
|
+
vertical-align: top;
|
2515
|
+
}
|
2516
|
+
|
2517
|
+
@media screen and (min-width: 481px) {
|
2518
|
+
.usa-banner-header-expanded p {
|
2519
|
+
line-height: 1.5;
|
2520
|
+
vertical-align: middle;
|
2521
|
+
}
|
2522
|
+
}
|
2523
|
+
|
2524
|
+
.usa-banner-button {
|
2525
|
+
background-color: transparent;
|
2526
|
+
border: 0;
|
2527
|
+
border-radius: 0;
|
2528
|
+
font-weight: 400;
|
2529
|
+
margin: 0;
|
2530
|
+
outline: 0;
|
2531
|
+
padding: 0;
|
2532
|
+
text-align: left;
|
2533
|
+
-webkit-font-smoothing: auto;
|
2534
|
+
padding-top: 1.3rem;
|
2535
|
+
padding-left: 4.8rem;
|
2536
|
+
background-position-x: right;
|
2537
|
+
color: #0071bc;
|
2538
|
+
display: block;
|
2539
|
+
font-size: 1.2rem;
|
2540
|
+
height: 4.3rem;
|
2541
|
+
left: 0;
|
2542
|
+
position: absolute;
|
2543
|
+
text-decoration: underline;
|
2544
|
+
top: 0;
|
2545
|
+
width: 100%;
|
2546
|
+
}
|
2547
|
+
|
2548
|
+
.usa-banner-button:hover {
|
2549
|
+
background-color: transparent;
|
2550
|
+
}
|
2551
|
+
|
2552
|
+
@media screen and (min-width: 481px) {
|
2553
|
+
.usa-banner-button {
|
2554
|
+
padding-top: 0;
|
2555
|
+
padding-left: 0;
|
2556
|
+
/* stylelint-disable declaration-block-no-ignored-properties */
|
2557
|
+
display: inline;
|
2558
|
+
height: initial;
|
2559
|
+
margin-left: 3px;
|
2560
|
+
position: relative;
|
2561
|
+
vertical-align: middle;
|
2562
|
+
width: initial;
|
2563
|
+
/* stylelint-enable */
|
2564
|
+
}
|
2565
|
+
}
|
2566
|
+
|
2567
|
+
.usa-banner-button:hover {
|
2568
|
+
color: #205493;
|
2569
|
+
text-decoration: underline;
|
2570
|
+
}
|
2571
|
+
|
2572
|
+
.usa-banner-button[aria-expanded=false] {
|
2573
|
+
background-image: none;
|
2574
|
+
}
|
2575
|
+
|
2576
|
+
.usa-banner-button[aria-expanded=false]::after {
|
2577
|
+
background-image: url(../img/angle-arrow-down-primary.png);
|
2578
|
+
background-image: url(../img/angle-arrow-down-primary.svg);
|
2579
|
+
background-size: 100%;
|
2580
|
+
content: '';
|
2581
|
+
display: inline-block;
|
2582
|
+
height: 1rem;
|
2583
|
+
width: 1rem;
|
2584
|
+
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
|
2585
|
+
margin-left: 0;
|
2586
|
+
/* stylelint-enable */
|
2587
|
+
}
|
2588
|
+
|
2589
|
+
.usa-banner-button[aria-expanded=false]:hover::after {
|
2590
|
+
background-image: url(../img/angle-arrow-down-primary-hover.png);
|
2591
|
+
background-image: url(../img/angle-arrow-down-primary-hover.svg);
|
2592
|
+
}
|
2593
|
+
|
2594
|
+
.usa-banner-button[aria-expanded=false]::after {
|
2595
|
+
background-position-y: 1px;
|
2596
|
+
}
|
2597
|
+
|
2598
|
+
.usa-banner-button[aria-expanded=true] {
|
2599
|
+
background-image: none;
|
2600
|
+
height: 5.6rem;
|
2601
|
+
}
|
2602
|
+
|
2603
|
+
.usa-banner-button[aria-expanded=true]::after {
|
2604
|
+
background-image: url(../img/close.png);
|
2605
|
+
background-image: url(../img/close.svg);
|
2606
|
+
background-size: 100%;
|
2607
|
+
content: '';
|
2608
|
+
display: inline-block;
|
2609
|
+
height: 1.3rem;
|
2610
|
+
width: 1.3rem;
|
2611
|
+
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
|
2612
|
+
margin-left: 0;
|
2613
|
+
/* stylelint-enable */
|
2614
|
+
}
|
2615
|
+
|
2616
|
+
@media screen and (min-width: 481px) {
|
2617
|
+
.usa-banner-button[aria-expanded=true] {
|
2618
|
+
height: initial;
|
2619
|
+
padding: 0;
|
2620
|
+
position: relative;
|
2621
|
+
}
|
2622
|
+
.usa-banner-button[aria-expanded=true]::after {
|
2623
|
+
background-image: url(../img/angle-arrow-up-primary.png);
|
2624
|
+
background-image: url(../img/angle-arrow-up-primary.svg);
|
2625
|
+
background-size: 100%;
|
2626
|
+
content: '';
|
2627
|
+
display: inline-block;
|
2628
|
+
height: 1rem;
|
2629
|
+
width: 1rem;
|
2630
|
+
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
|
2631
|
+
margin-left: 0;
|
2632
|
+
/* stylelint-enable */
|
2633
|
+
}
|
2634
|
+
.usa-banner-button[aria-expanded=true]:hover::after {
|
2635
|
+
background-image: url(../img/angle-arrow-up-primary-hover.png);
|
2636
|
+
background-image: url(../img/angle-arrow-up-primary-hover.svg);
|
2637
|
+
}
|
2638
|
+
.usa-banner-button[aria-expanded=true]::after {
|
2639
|
+
background-position-y: 1px;
|
2640
|
+
}
|
2641
|
+
}
|
2642
|
+
|
2643
|
+
.usa-banner-button[aria-expanded=true]::after {
|
2644
|
+
position: absolute;
|
2645
|
+
right: 1.5rem;
|
2646
|
+
top: 2.15rem;
|
2647
|
+
}
|
2648
|
+
|
2649
|
+
@media screen and (min-width: 481px) {
|
2650
|
+
.usa-banner-button[aria-expanded=true]::after {
|
2651
|
+
position: static;
|
2652
|
+
}
|
2653
|
+
}
|
2654
|
+
|
2655
|
+
.usa-banner-button[aria-expanded=true] .usa-banner-button-text {
|
2656
|
+
display: none;
|
2657
|
+
}
|
2658
|
+
|
2659
|
+
@media screen and (min-width: 481px) {
|
2660
|
+
.usa-banner-button[aria-expanded=true] .usa-banner-button-text {
|
2661
|
+
display: inline;
|
2662
|
+
}
|
2663
|
+
}
|
2664
|
+
|
2665
|
+
.usa-banner-icon {
|
2666
|
+
width: 3.8rem;
|
2667
|
+
}
|
2668
|
+
|
2669
|
+
.usa-footer .usa-unstyled-list {
|
2670
|
+
display: block;
|
2671
|
+
}
|
2672
|
+
|
2673
|
+
.usa-footer .usa-footer-primary-link {
|
2674
|
+
color: #212121;
|
2675
|
+
display: block;
|
2676
|
+
font-weight: 700;
|
2677
|
+
margin-top: 0;
|
2678
|
+
padding-bottom: 2rem;
|
2679
|
+
padding-top: 2rem;
|
2680
|
+
text-decoration: none;
|
2681
|
+
}
|
2682
|
+
|
2683
|
+
@media screen and (min-width: 600px) {
|
2684
|
+
.usa-footer .usa-footer-primary-link {
|
2685
|
+
border-top: none;
|
2686
|
+
}
|
2687
|
+
}
|
2688
|
+
|
2689
|
+
.usa-footer .usa-footer-primary-link:hover {
|
2690
|
+
text-decoration: underline;
|
2691
|
+
}
|
2692
|
+
|
2693
|
+
.usa-footer a {
|
2694
|
+
font-weight: normal;
|
2695
|
+
}
|
2696
|
+
|
2697
|
+
.usa-footer-return-to-top {
|
2698
|
+
padding-bottom: 2rem;
|
2699
|
+
padding-top: 2rem;
|
2700
|
+
}
|
2701
|
+
|
2702
|
+
.usa-footer-primary-section {
|
2703
|
+
background-color: #f1f1f1;
|
2704
|
+
}
|
2705
|
+
|
2706
|
+
.usa-footer-primary-section .usa-footer-primary-content {
|
2707
|
+
padding-left: 2.5rem;
|
2708
|
+
padding-right: 2.5rem;
|
2709
|
+
}
|
2710
|
+
|
2711
|
+
@media screen and (min-width: 600px) {
|
2712
|
+
.usa-footer-primary-section .usa-footer-primary-content {
|
2713
|
+
padding-left: 0;
|
2714
|
+
padding-right: 0;
|
2715
|
+
}
|
2716
|
+
}
|
2717
|
+
|
2718
|
+
.usa-footer-primary-section .usa-footer-primary-content li {
|
2719
|
+
margin-left: 1rem;
|
2720
|
+
}
|
2721
|
+
|
2722
|
+
@media screen and (min-width: 600px) {
|
2723
|
+
.usa-footer-primary-section .usa-footer-primary-content li {
|
2724
|
+
margin-left: 0;
|
2725
|
+
}
|
2726
|
+
}
|
2727
|
+
|
2728
|
+
@media screen and (min-width: 600px) {
|
2729
|
+
.usa-footer-primary-section .usa-grid-full {
|
2730
|
+
padding-left: 2.5rem;
|
2731
|
+
padding-right: 2.5rem;
|
2732
|
+
}
|
2733
|
+
}
|
2734
|
+
|
2735
|
+
.usa-footer-medium .usa-footer-primary-section {
|
2736
|
+
padding: 0;
|
2737
|
+
}
|
2738
|
+
|
2739
|
+
@media screen and (min-width: 600px) {
|
2740
|
+
.usa-footer-medium .usa-footer-primary-section {
|
2741
|
+
padding-bottom: 1rem;
|
2742
|
+
padding-top: 1rem;
|
2743
|
+
}
|
2744
|
+
}
|
2745
|
+
|
2746
|
+
@media screen and (min-width: 1201px) {
|
2747
|
+
.usa-footer-medium .usa-footer-primary-section .usa-footer-primary-content {
|
2748
|
+
margin-right: 6%;
|
2749
|
+
width: inherit;
|
2750
|
+
}
|
2751
|
+
}
|
2752
|
+
|
2753
|
+
@media screen and (min-width: 1201px) {
|
2754
|
+
.usa-footer-medium .usa-footer-primary-section .usa-footer-primary-content:last-child {
|
2755
|
+
margin-right: 0;
|
2756
|
+
}
|
2757
|
+
}
|
2758
|
+
|
2759
|
+
@media screen and (min-width: 600px) {
|
2760
|
+
.usa-footer-medium .usa-footer-nav ul {
|
2761
|
+
-webkit-box-align: center;
|
2762
|
+
-ms-flex-align: center;
|
2763
|
+
align-items: center;
|
2764
|
+
}
|
2765
|
+
}
|
2766
|
+
|
2767
|
+
.usa-footer-slim .usa-footer-nav a {
|
2768
|
+
display: block;
|
2769
|
+
}
|
2770
|
+
|
2771
|
+
@media screen and (min-width: 1201px) {
|
2772
|
+
.usa-footer-slim .usa-footer-nav .usa-footer-primary-content {
|
2773
|
+
margin-right: 9%;
|
2774
|
+
width: inherit;
|
2775
|
+
}
|
2776
|
+
}
|
2777
|
+
|
2778
|
+
@media screen and (min-width: 1201px) {
|
2779
|
+
.usa-footer-slim .usa-footer-nav .usa-footer-primary-content:last-child {
|
2780
|
+
margin-right: 0;
|
2781
|
+
}
|
2782
|
+
}
|
2783
|
+
|
2784
|
+
.usa-footer-slim .usa-footer-primary-section {
|
2785
|
+
padding-bottom: 2rem;
|
2786
|
+
}
|
2787
|
+
|
2788
|
+
@media screen and (min-width: 600px) {
|
2789
|
+
.usa-footer-slim .usa-footer-primary-section {
|
2790
|
+
padding-bottom: 1rem;
|
2791
|
+
padding-top: 1rem;
|
2792
|
+
}
|
2793
|
+
.usa-footer-slim .usa-footer-primary-section .usa-grid-full {
|
2794
|
+
-webkit-box-align: center;
|
2795
|
+
-ms-flex-align: center;
|
2796
|
+
align-items: center;
|
2797
|
+
}
|
2798
|
+
}
|
2799
|
+
|
2800
|
+
@media screen and (min-width: 600px) {
|
2801
|
+
.usa-footer-slim .usa-footer-contact_info > * {
|
2802
|
+
margin: 0;
|
2803
|
+
}
|
2804
|
+
}
|
2805
|
+
|
2806
|
+
@media screen and (min-width: 600px) {
|
2807
|
+
.usa-footer-slim .usa-footer-contact_info {
|
2808
|
+
padding-top: 2rem;
|
2809
|
+
padding-bottom: 2rem;
|
2810
|
+
}
|
2811
|
+
}
|
2812
|
+
|
2813
|
+
@media screen and (min-width: 600px) {
|
2814
|
+
.usa-footer-slim .usa-footer-contact_info {
|
2815
|
+
width: 100%;
|
2816
|
+
}
|
2817
|
+
}
|
2818
|
+
|
2819
|
+
@media screen and (min-width: 1201px) {
|
2820
|
+
.usa-footer-slim .usa-footer-contact_info {
|
2821
|
+
float: left;
|
2822
|
+
display: block;
|
2823
|
+
margin-right: 2.35765%;
|
2824
|
+
width: 48.82117%;
|
2825
|
+
}
|
2826
|
+
.usa-footer-slim .usa-footer-contact_info:last-child {
|
2827
|
+
margin-right: 0;
|
2828
|
+
}
|
2829
|
+
}
|
2830
|
+
|
2831
|
+
/* stylelint-disable selector-no-qualifying-type */
|
2832
|
+
ul.usa-footer-primary-content,
|
2833
|
+
li.usa-footer-primary-content,
|
2834
|
+
li.usa-footer-primary-content {
|
2835
|
+
border-top: 1px solid #212121;
|
2836
|
+
}
|
2837
|
+
|
2838
|
+
@media screen and (min-width: 600px) {
|
2839
|
+
ul.usa-footer-primary-content,
|
2840
|
+
li.usa-footer-primary-content,
|
2841
|
+
li.usa-footer-primary-content {
|
2842
|
+
border: none;
|
2843
|
+
}
|
2844
|
+
}
|
2845
|
+
|
2846
|
+
ul.usa-footer-primary-content:last-child,
|
2847
|
+
li.usa-footer-primary-content:last-child,
|
2848
|
+
li.usa-footer-primary-content:last-child {
|
2849
|
+
border-bottom: 1px solid #212121;
|
2850
|
+
}
|
2851
|
+
|
2852
|
+
@media screen and (min-width: 600px) {
|
2853
|
+
ul.usa-footer-primary-content:last-child,
|
2854
|
+
li.usa-footer-primary-content:last-child,
|
2855
|
+
li.usa-footer-primary-content:last-child {
|
2856
|
+
border-bottom: none;
|
2857
|
+
}
|
2858
|
+
}
|
2859
|
+
|
2860
|
+
/* stylelint-enable */
|
2861
|
+
.usa-sign_up-block {
|
2862
|
+
padding-bottom: 2rem;
|
2863
|
+
padding-left: 2.5rem;
|
2864
|
+
padding-right: 2.5rem;
|
2865
|
+
}
|
2866
|
+
|
2867
|
+
@media screen and (min-width: 600px) {
|
2868
|
+
.usa-sign_up-block {
|
2869
|
+
float: right;
|
2870
|
+
padding: 0;
|
2871
|
+
}
|
2872
|
+
}
|
2873
|
+
|
2874
|
+
.usa-sign_up-block label:first-of-type {
|
2875
|
+
margin-top: 0;
|
2876
|
+
}
|
2877
|
+
|
2878
|
+
.usa-sign_up-block button {
|
2879
|
+
float: none;
|
2880
|
+
margin-right: 0;
|
2881
|
+
margin-top: 1.5rem;
|
2882
|
+
}
|
2883
|
+
|
2884
|
+
.usa-sign_up-block input {
|
2885
|
+
width: 100%;
|
2886
|
+
}
|
2887
|
+
|
2888
|
+
.usa-footer-secondary_section {
|
2889
|
+
background-color: #d6d7d9;
|
2890
|
+
padding-bottom: 3rem;
|
2891
|
+
padding-top: 3rem;
|
2892
|
+
}
|
2893
|
+
|
2894
|
+
.usa-footer-secondary_section a {
|
2895
|
+
color: #212121;
|
2896
|
+
}
|
2897
|
+
|
2898
|
+
@media screen and (min-width: 600px) {
|
2899
|
+
.usa-footer-big-secondary-section {
|
2900
|
+
padding-top: 5rem;
|
2901
|
+
}
|
2902
|
+
}
|
2903
|
+
|
2904
|
+
@media screen and (min-width: 600px) {
|
2905
|
+
.usa-footer-contact-links {
|
2906
|
+
text-align: right;
|
2907
|
+
}
|
2908
|
+
}
|
2909
|
+
|
2910
|
+
.usa-social-links a {
|
2911
|
+
text-decoration: none;
|
2912
|
+
}
|
2913
|
+
|
2914
|
+
@media screen and (min-width: 600px) {
|
2915
|
+
.usa-footer-big .usa-footer-primary-section {
|
2916
|
+
padding-bottom: 4rem;
|
2917
|
+
padding-top: 3rem;
|
2918
|
+
}
|
2919
|
+
}
|
2920
|
+
|
2921
|
+
.usa-footer-big ul {
|
2922
|
+
padding-bottom: 2.5rem;
|
2923
|
+
}
|
2924
|
+
|
2925
|
+
@media screen and (min-width: 600px) {
|
2926
|
+
.usa-footer-big ul {
|
2927
|
+
padding-bottom: 0;
|
2928
|
+
}
|
2929
|
+
}
|
2930
|
+
|
2931
|
+
.usa-footer-big ul:last-child {
|
2932
|
+
border-bottom: 1px solid #212121;
|
2933
|
+
}
|
2934
|
+
|
2935
|
+
@media screen and (min-width: 600px) {
|
2936
|
+
.usa-footer-big ul:last-child {
|
2937
|
+
border-bottom: none;
|
2938
|
+
}
|
2939
|
+
}
|
2940
|
+
|
2941
|
+
.usa-footer-big ul li {
|
2942
|
+
line-height: 2em;
|
2943
|
+
}
|
2944
|
+
|
2945
|
+
.usa-footer-big ul .usa-footer-primary-link {
|
2946
|
+
background-image: url("../img/arrow-down.png");
|
2947
|
+
background-image: url("../img/arrow-down.svg");
|
2948
|
+
background-position: 1.5rem center;
|
2949
|
+
background-repeat: no-repeat;
|
2950
|
+
background-size: 1.3rem;
|
2951
|
+
margin-left: 0;
|
2952
|
+
padding-left: 3.5rem;
|
2953
|
+
}
|
2954
|
+
|
2955
|
+
@media screen and (min-width: 600px) {
|
2956
|
+
.usa-footer-big ul .usa-footer-primary-link {
|
2957
|
+
background: none;
|
2958
|
+
margin-bottom: .8rem;
|
2959
|
+
padding-bottom: 0;
|
2960
|
+
padding-left: 0;
|
2961
|
+
}
|
2962
|
+
}
|
2963
|
+
|
2964
|
+
.usa-footer-big ul .usa-footer-primary-link > * {
|
2965
|
+
margin-top: 0;
|
2966
|
+
margin-bottom: 0;
|
2967
|
+
}
|
2968
|
+
|
2969
|
+
.usa-footer-big ul.hidden {
|
2970
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
2971
|
+
padding-bottom: 0;
|
2972
|
+
}
|
2973
|
+
|
2974
|
+
.usa-footer-big ul.hidden li {
|
2975
|
+
display: none;
|
2976
|
+
}
|
2977
|
+
|
2978
|
+
.usa-footer-big ul.hidden .usa-footer-primary-link {
|
2979
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
2980
|
+
background-image: url("../img/arrow-right.png");
|
2981
|
+
background-image: url("../img/arrow-right.svg");
|
2982
|
+
cursor: pointer;
|
2983
|
+
display: block;
|
2984
|
+
}
|
2985
|
+
|
2986
|
+
@media screen and (min-width: 600px) {
|
2987
|
+
.usa-footer-big ul.hidden .usa-footer-primary-link {
|
2988
|
+
background: none;
|
2989
|
+
padding-left: 0;
|
2990
|
+
}
|
2991
|
+
}
|
2992
|
+
|
2993
|
+
.usa-footer-topic {
|
2994
|
+
margin: 0;
|
2995
|
+
padding: 2rem 0;
|
2996
|
+
}
|
2997
|
+
|
2998
|
+
@media screen and (min-width: 600px) {
|
2999
|
+
.usa-sign_up-header {
|
3000
|
+
margin: 0;
|
3001
|
+
padding: 2rem 0;
|
3002
|
+
}
|
3003
|
+
}
|
3004
|
+
|
3005
|
+
.usa-footer-logo-img {
|
3006
|
+
max-width: 14rem;
|
3007
|
+
}
|
3008
|
+
|
3009
|
+
.usa-footer-slim-logo-img {
|
3010
|
+
float: left;
|
3011
|
+
max-width: 10rem;
|
3012
|
+
}
|
3013
|
+
|
3014
|
+
.usa-footer-logo-heading {
|
3015
|
+
margin-top: 2rem;
|
3016
|
+
}
|
3017
|
+
|
3018
|
+
.usa-footer-contact-heading {
|
3019
|
+
margin-top: 0;
|
3020
|
+
}
|
3021
|
+
|
3022
|
+
@media screen and (min-width: 600px) {
|
3023
|
+
.usa-footer-contact-heading {
|
3024
|
+
margin-top: 1rem;
|
3025
|
+
}
|
3026
|
+
}
|
3027
|
+
|
3028
|
+
.usa-footer-slim-logo-heading {
|
3029
|
+
display: block;
|
3030
|
+
padding-top: 1rem;
|
3031
|
+
}
|
3032
|
+
|
3033
|
+
@media screen and (min-width: 600px) {
|
3034
|
+
.usa-footer-slim-logo-heading {
|
3035
|
+
display: inline-block;
|
3036
|
+
padding-left: 1em;
|
3037
|
+
}
|
3038
|
+
}
|
3039
|
+
|
3040
|
+
.usa-social_link, .usa-link-facebook, .usa-link-twitter, .usa-link-youtube, .usa-link-rss {
|
3041
|
+
margin: 2.5rem 1rem 1.5rem 0;
|
3042
|
+
background-position: center center;
|
3043
|
+
background-repeat: no-repeat;
|
3044
|
+
background-size: auto 3rem;
|
3045
|
+
display: inline-block;
|
3046
|
+
height: 4.4rem;
|
3047
|
+
left: -1.6rem;
|
3048
|
+
position: relative;
|
3049
|
+
text-align: center;
|
3050
|
+
width: 4.4rem;
|
3051
|
+
}
|
3052
|
+
|
3053
|
+
@media screen and (min-width: 600px) {
|
3054
|
+
.usa-social_link, .usa-link-facebook, .usa-link-twitter, .usa-link-youtube, .usa-link-rss {
|
3055
|
+
margin: 0 0 0 1rem;
|
3056
|
+
left: 1.2rem;
|
3057
|
+
}
|
3058
|
+
}
|
3059
|
+
|
3060
|
+
.usa-social_link span, .usa-link-facebook span, .usa-link-twitter span, .usa-link-youtube span, .usa-link-rss span {
|
3061
|
+
position: absolute;
|
3062
|
+
left: -999em;
|
3063
|
+
}
|
3064
|
+
|
3065
|
+
.usa-link-facebook {
|
3066
|
+
background-image: url("../img/social-icons/png/facebook25.png");
|
3067
|
+
background-image: url("../img/social-icons/svg/facebook25.svg");
|
3068
|
+
}
|
3069
|
+
|
3070
|
+
.usa-link-twitter {
|
3071
|
+
background-image: url("../img/social-icons/png/twitter16.png");
|
3072
|
+
background-image: url("../img/social-icons/svg/twitter16.svg");
|
3073
|
+
}
|
3074
|
+
|
3075
|
+
.usa-link-youtube {
|
3076
|
+
background-image: url("../img/social-icons/png/youtube15.png");
|
3077
|
+
background-image: url("../img/social-icons/svg/youtube15.svg");
|
3078
|
+
}
|
3079
|
+
|
3080
|
+
.usa-link-rss {
|
3081
|
+
background-image: url("../img/social-icons/png/rss25.png");
|
3082
|
+
background-image: url("../img/social-icons/svg/rss25.svg");
|
3083
|
+
}
|
3084
|
+
|
3085
|
+
form a {
|
3086
|
+
border-bottom: 0;
|
3087
|
+
}
|
3088
|
+
|
3089
|
+
form [type=submit],
|
3090
|
+
form [type=submit] {
|
3091
|
+
display: block;
|
3092
|
+
margin-bottom: 1.5em;
|
3093
|
+
margin-top: 2.5rem;
|
3094
|
+
}
|
3095
|
+
|
3096
|
+
@media screen and (min-width: 600px) {
|
3097
|
+
form [type=submit],
|
3098
|
+
form [type=submit] {
|
3099
|
+
padding-left: 2.7em;
|
3100
|
+
padding-right: 2.7em;
|
3101
|
+
width: auto;
|
3102
|
+
}
|
3103
|
+
}
|
3104
|
+
|
3105
|
+
form [name=password],
|
3106
|
+
form [name=confirmPassword] {
|
3107
|
+
margin-bottom: 1.1rem;
|
3108
|
+
}
|
3109
|
+
|
3110
|
+
@media screen and (min-width: 600px) {
|
3111
|
+
.usa-form {
|
3112
|
+
max-width: 32rem;
|
3113
|
+
}
|
3114
|
+
}
|
3115
|
+
|
3116
|
+
.usa-form-note {
|
3117
|
+
float: right;
|
3118
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
3119
|
+
font-size: 1.5rem;
|
3120
|
+
margin: 0 0 1.5rem;
|
3121
|
+
}
|
3122
|
+
|
3123
|
+
.usa-form-note + * {
|
3124
|
+
clear: both;
|
3125
|
+
}
|
3126
|
+
|
3127
|
+
fieldset {
|
3128
|
+
border: none;
|
3129
|
+
margin: 0;
|
3130
|
+
padding: 0;
|
3131
|
+
}
|
3132
|
+
|
3133
|
+
@media screen and (min-width: 600px) {
|
3134
|
+
.usa-form-large {
|
3135
|
+
max-width: 46rem;
|
3136
|
+
}
|
3137
|
+
}
|
3138
|
+
|
3139
|
+
input.usa-input-tiny {
|
3140
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
3141
|
+
}
|
3142
|
+
|
3143
|
+
@media screen and (min-width: 600px) {
|
3144
|
+
input.usa-input-tiny {
|
3145
|
+
max-width: 6rem;
|
3146
|
+
}
|
3147
|
+
}
|
3148
|
+
|
3149
|
+
input.usa-input-medium {
|
3150
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
3151
|
+
}
|
3152
|
+
|
3153
|
+
@media screen and (min-width: 600px) {
|
3154
|
+
input.usa-input-medium {
|
3155
|
+
max-width: 12rem;
|
3156
|
+
}
|
3157
|
+
}
|
3158
|
+
|
3159
|
+
@media screen and (min-width: 600px) {
|
3160
|
+
.usa-input-grid {
|
3161
|
+
padding-right: 5%;
|
3162
|
+
}
|
3163
|
+
}
|
3164
|
+
|
3165
|
+
@media screen and (min-width: 600px) {
|
3166
|
+
.usa-input-grid:last-of-type {
|
3167
|
+
padding-right: 0;
|
3168
|
+
}
|
3169
|
+
}
|
3170
|
+
|
3171
|
+
@media screen and (min-width: 600px) {
|
3172
|
+
.usa-input-grid-small {
|
3173
|
+
float: left;
|
3174
|
+
width: 35%;
|
3175
|
+
}
|
3176
|
+
}
|
3177
|
+
|
3178
|
+
.usa-input-grid-small input {
|
3179
|
+
margin-bottom: 3rem;
|
3180
|
+
}
|
3181
|
+
|
3182
|
+
.usa-input-grid-small select {
|
3183
|
+
margin-bottom: 3rem;
|
3184
|
+
}
|
3185
|
+
|
3186
|
+
@media screen and (min-width: 600px) {
|
3187
|
+
.usa-input-grid-medium {
|
3188
|
+
float: left;
|
3189
|
+
width: 65%;
|
3190
|
+
}
|
3191
|
+
}
|
3192
|
+
|
3193
|
+
.usa-input-grid-medium input {
|
3194
|
+
margin-bottom: 3rem;
|
3195
|
+
}
|
3196
|
+
|
3197
|
+
.usa-input-grid-medium select {
|
3198
|
+
margin-bottom: 3rem;
|
3199
|
+
}
|
3200
|
+
|
3201
|
+
@media screen and (min-width: 600px) {
|
3202
|
+
.usa-input-grid-large {
|
3203
|
+
float: left;
|
3204
|
+
width: 100%;
|
3205
|
+
}
|
3206
|
+
}
|
3207
|
+
|
3208
|
+
.usa-input-grid-large input {
|
3209
|
+
margin-bottom: 3rem;
|
3210
|
+
}
|
3211
|
+
|
3212
|
+
.usa-input-grid-large select {
|
3213
|
+
margin-bottom: 3rem;
|
3214
|
+
}
|
3215
|
+
|
3216
|
+
.usa-additional_text {
|
3217
|
+
font-weight: normal;
|
3218
|
+
}
|
3219
|
+
|
3220
|
+
.usa-checklist {
|
3221
|
+
list-style: none;
|
3222
|
+
margin-left: 0;
|
3223
|
+
padding-left: 0;
|
3224
|
+
}
|
3225
|
+
|
3226
|
+
.usa-checklist li {
|
3227
|
+
display: inline-block;
|
3228
|
+
list-style: none;
|
3229
|
+
margin-bottom: 0;
|
3230
|
+
margin-top: 0;
|
3231
|
+
padding-left: 3em;
|
3232
|
+
text-indent: -2em;
|
3233
|
+
}
|
3234
|
+
|
3235
|
+
.usa-checklist li::before {
|
3236
|
+
content: ' ';
|
3237
|
+
display: inline-block;
|
3238
|
+
height: .8em;
|
3239
|
+
margin-right: .2em;
|
3240
|
+
width: 1.8em;
|
3241
|
+
}
|
3242
|
+
|
3243
|
+
.usa-checklist-checked::before {
|
3244
|
+
background-image: url("../img/correct9.png");
|
3245
|
+
background-image: url("../img/correct9.svg");
|
3246
|
+
background-position: 100%;
|
3247
|
+
background-repeat: no-repeat;
|
3248
|
+
background-size: 100%;
|
3249
|
+
}
|
3250
|
+
|
3251
|
+
.usa-graphic_list .usa-graphic_list-row .usa-media_block {
|
3252
|
+
margin-bottom: 3rem;
|
3253
|
+
}
|
3254
|
+
|
3255
|
+
@media screen and (min-width: 600px) {
|
3256
|
+
.usa-graphic_list .usa-graphic_list-row .usa-media_block {
|
3257
|
+
margin-bottom: 6rem;
|
3258
|
+
}
|
3259
|
+
}
|
3260
|
+
|
3261
|
+
@media screen and (min-width: 600px) {
|
3262
|
+
.usa-graphic_list .usa-graphic_list-row:last-child .usa-media_block {
|
3263
|
+
margin-bottom: 0;
|
3264
|
+
}
|
3265
|
+
}
|
3266
|
+
|
3267
|
+
.usa-graphic_list .usa-graphic_list-row:last-child .usa-media_block:last-child {
|
3268
|
+
margin-bottom: 0;
|
3269
|
+
}
|
3270
|
+
|
3271
|
+
.usa-graphic_list .usa-media_block-img {
|
3272
|
+
margin-right: 3rem;
|
3273
|
+
}
|
3274
|
+
|
3275
|
+
.usa-graphic_list .usa-media_block-body > :first-child {
|
3276
|
+
margin-top: 0;
|
3277
|
+
}
|
3278
|
+
|
3279
|
+
.usa-header {
|
3280
|
+
width: 100%;
|
3281
|
+
z-index: 7000;
|
3282
|
+
}
|
3283
|
+
|
3284
|
+
@media screen and (min-width: 951px) {
|
3285
|
+
.usa-header {
|
3286
|
+
border-bottom: 1px solid #aeb0b5;
|
3287
|
+
}
|
3288
|
+
}
|
3289
|
+
|
3290
|
+
.usa-header a {
|
3291
|
+
border-bottom: none;
|
3292
|
+
}
|
3293
|
+
|
3294
|
+
.usa-header .usa-search {
|
3295
|
+
margin-bottom: 1.5rem;
|
3296
|
+
}
|
3297
|
+
|
3298
|
+
@media screen and (min-width: 951px) {
|
3299
|
+
.usa-header .usa-search {
|
3300
|
+
float: right;
|
3301
|
+
margin-bottom: 0;
|
3302
|
+
max-width: 21.5rem;
|
3303
|
+
}
|
3304
|
+
}
|
3305
|
+
|
3306
|
+
.usa-logo {
|
3307
|
+
float: left;
|
3308
|
+
line-height: 4rem;
|
3309
|
+
margin-left: 1.5rem;
|
3310
|
+
}
|
3311
|
+
|
3312
|
+
@media screen and (min-width: 951px) {
|
3313
|
+
.usa-logo {
|
3314
|
+
line-height: 7.5rem;
|
3315
|
+
margin-left: 0;
|
3316
|
+
}
|
3317
|
+
}
|
3318
|
+
|
3319
|
+
.usa-logo a {
|
3320
|
+
color: #212121;
|
3321
|
+
text-decoration: none;
|
3322
|
+
}
|
3323
|
+
|
3324
|
+
.usa-logo br {
|
3325
|
+
display: none;
|
3326
|
+
}
|
3327
|
+
|
3328
|
+
@media screen and (min-width: 951px) {
|
3329
|
+
.usa-logo br {
|
3330
|
+
display: block;
|
3331
|
+
}
|
3332
|
+
}
|
3333
|
+
|
3334
|
+
.usa-logo-text {
|
3335
|
+
display: block;
|
3336
|
+
font-size: 1.5rem;
|
3337
|
+
font-style: normal;
|
3338
|
+
font-weight: 700;
|
3339
|
+
margin: 0;
|
3340
|
+
}
|
3341
|
+
|
3342
|
+
@media screen and (min-width: 951px) {
|
3343
|
+
.usa-logo-text {
|
3344
|
+
display: block;
|
3345
|
+
font-size: 2.4rem;
|
3346
|
+
line-height: 1.3;
|
3347
|
+
}
|
3348
|
+
}
|
3349
|
+
|
3350
|
+
.usa-menu-btn {
|
3351
|
+
/* stylelint-disable declaration-block-no-ignored-properties */
|
3352
|
+
background-color: transparent;
|
3353
|
+
border: 0;
|
3354
|
+
border-radius: 0;
|
3355
|
+
font-weight: 400;
|
3356
|
+
margin: 0;
|
3357
|
+
outline: 0;
|
3358
|
+
padding: 0;
|
3359
|
+
text-align: left;
|
3360
|
+
-webkit-font-smoothing: auto;
|
3361
|
+
background-color: #0071bc;
|
3362
|
+
color: #ffffff;
|
3363
|
+
display: inline;
|
3364
|
+
float: right;
|
3365
|
+
font-size: 1.3rem;
|
3366
|
+
height: 4rem;
|
3367
|
+
line-height: 4rem;
|
3368
|
+
text-align: center;
|
3369
|
+
text-decoration: none;
|
3370
|
+
text-transform: uppercase;
|
3371
|
+
width: 5.8rem;
|
3372
|
+
/* stylelint-enable */
|
3373
|
+
}
|
3374
|
+
|
3375
|
+
.usa-menu-btn:hover {
|
3376
|
+
background-color: transparent;
|
3377
|
+
}
|
3378
|
+
|
3379
|
+
@media screen and (min-width: 951px) {
|
3380
|
+
.usa-menu-btn {
|
3381
|
+
display: none;
|
3382
|
+
}
|
3383
|
+
}
|
3384
|
+
|
3385
|
+
.usa-menu-btn:hover {
|
3386
|
+
color: #ffffff;
|
3387
|
+
background-color: #205493;
|
3388
|
+
}
|
3389
|
+
|
3390
|
+
.usa-menu-btn:visited {
|
3391
|
+
color: #ffffff;
|
3392
|
+
}
|
3393
|
+
|
3394
|
+
.usa-overlay {
|
3395
|
+
position: fixed;
|
3396
|
+
top: 0;
|
3397
|
+
right: 0;
|
3398
|
+
bottom: 0;
|
3399
|
+
left: 0;
|
3400
|
+
background: #000000;
|
3401
|
+
opacity: 0;
|
3402
|
+
transition: all 0.2s ease-in-out;
|
3403
|
+
visibility: hidden;
|
3404
|
+
z-index: 8000;
|
3405
|
+
}
|
3406
|
+
|
3407
|
+
.usa-overlay.is-visible {
|
3408
|
+
opacity: 0.1;
|
3409
|
+
visibility: visible;
|
3410
|
+
}
|
3411
|
+
|
3412
|
+
@media screen and (min-width: 951px) {
|
3413
|
+
.usa-header-basic .usa-logo {
|
3414
|
+
bottom: 1.9rem;
|
3415
|
+
position: absolute;
|
3416
|
+
}
|
3417
|
+
}
|
3418
|
+
|
3419
|
+
@media screen and (min-width: 951px) {
|
3420
|
+
.usa-header-basic .usa-navbar {
|
3421
|
+
position: relative;
|
3422
|
+
width: 18%;
|
3423
|
+
}
|
3424
|
+
}
|
3425
|
+
|
3426
|
+
@media screen and (min-width: 951px) {
|
3427
|
+
.usa-header-extended .usa-header {
|
3428
|
+
border-bottom: none;
|
3429
|
+
}
|
3430
|
+
}
|
3431
|
+
|
3432
|
+
@media screen and (min-width: 951px) {
|
3433
|
+
.usa-header-extended .usa-logo {
|
3434
|
+
margin-top: 3rem;
|
3435
|
+
margin-bottom: 3rem;
|
3436
|
+
}
|
3437
|
+
}
|
3438
|
+
|
3439
|
+
@media screen and (min-width: 951px) {
|
3440
|
+
.usa-header-extended em {
|
3441
|
+
font-size: 3.2rem;
|
3442
|
+
line-height: 1;
|
3443
|
+
}
|
3444
|
+
}
|
3445
|
+
|
3446
|
+
@media screen and (min-width: 951px) {
|
3447
|
+
.usa-header-extended .usa-navbar {
|
3448
|
+
max-width: 1200px;
|
3449
|
+
margin-left: auto;
|
3450
|
+
margin-right: auto;
|
3451
|
+
padding-right: 3rem;
|
3452
|
+
padding-left: 3rem;
|
3453
|
+
display: block;
|
3454
|
+
height: auto;
|
3455
|
+
max-width: 1040px;
|
3456
|
+
}
|
3457
|
+
.usa-header-extended .usa-navbar::after {
|
3458
|
+
clear: both;
|
3459
|
+
content: "";
|
3460
|
+
display: block;
|
3461
|
+
}
|
3462
|
+
}
|
3463
|
+
|
3464
|
+
@media screen and (min-width: 951px) {
|
3465
|
+
.usa-header-extended .usa-nav {
|
3466
|
+
border-top: 1px solid #aeb0b5;
|
3467
|
+
float: none;
|
3468
|
+
padding: 0;
|
3469
|
+
width: 100%;
|
3470
|
+
}
|
3471
|
+
}
|
3472
|
+
|
3473
|
+
@media screen and (min-width: 951px) {
|
3474
|
+
.usa-header-extended .usa-nav-inner {
|
3475
|
+
max-width: 1200px;
|
3476
|
+
margin-left: auto;
|
3477
|
+
margin-right: auto;
|
3478
|
+
padding-right: 3rem;
|
3479
|
+
padding-left: 2rem;
|
3480
|
+
margin-top: -1px;
|
3481
|
+
max-width: 1040px;
|
3482
|
+
position: relative;
|
3483
|
+
}
|
3484
|
+
.usa-header-extended .usa-nav-inner::after {
|
3485
|
+
clear: both;
|
3486
|
+
content: "";
|
3487
|
+
display: block;
|
3488
|
+
}
|
3489
|
+
}
|
3490
|
+
|
3491
|
+
@media screen and (min-width: 951px) {
|
3492
|
+
.usa-header-extended .usa-nav-primary::after {
|
3493
|
+
clear: both;
|
3494
|
+
content: "";
|
3495
|
+
display: block;
|
3496
|
+
}
|
3497
|
+
}
|
3498
|
+
|
3499
|
+
.usa-header-extended .usa-nav-primary button[aria-expanded=false], .usa-header-extended .usa-nav-primary button[aria-expanded=true] {
|
3500
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
3501
|
+
}
|
3502
|
+
|
3503
|
+
@media screen and (min-width: 951px) {
|
3504
|
+
.usa-header-extended .usa-nav-primary button[aria-expanded=false], .usa-header-extended .usa-nav-primary button[aria-expanded=true] {
|
3505
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
3506
|
+
background-position: right 1.5rem top 50%;
|
3507
|
+
}
|
3508
|
+
}
|
3509
|
+
|
3510
|
+
@media screen and (min-width: 951px) {
|
3511
|
+
.usa-header-extended .usa-nav-link {
|
3512
|
+
padding-top: 1.9rem;
|
3513
|
+
}
|
3514
|
+
}
|
3515
|
+
|
3516
|
+
@media screen and (min-width: 951px) {
|
3517
|
+
.usa-header-extended .usa-nav-submenu .usa-grid-full {
|
3518
|
+
padding-left: 1.2rem;
|
3519
|
+
}
|
3520
|
+
}
|
3521
|
+
|
3522
|
+
@media screen and (min-width: 951px) {
|
3523
|
+
.usa-header-extended .usa-megamenu {
|
3524
|
+
padding-left: 3rem;
|
3525
|
+
}
|
3526
|
+
}
|
3527
|
+
|
3528
|
+
.usa-hero {
|
3529
|
+
padding-top: 3rem;
|
3530
|
+
padding-bottom: 3rem;
|
3531
|
+
background-image: url("../img/hero.png");
|
3532
|
+
background-position: center;
|
3533
|
+
background-size: cover;
|
3534
|
+
}
|
3535
|
+
|
3536
|
+
.usa-hero .usa-button {
|
3537
|
+
color: #ffffff;
|
3538
|
+
}
|
3539
|
+
|
3540
|
+
.usa-section-dark .usa-hero-link {
|
3541
|
+
color: #02bfe7;
|
3542
|
+
}
|
3543
|
+
|
3544
|
+
.usa-hero-callout {
|
3545
|
+
background-color: #112e51;
|
3546
|
+
padding: 3rem;
|
3547
|
+
}
|
3548
|
+
|
3549
|
+
@media screen and (min-width: 481px) {
|
3550
|
+
.usa-hero-callout {
|
3551
|
+
max-width: 30rem;
|
3552
|
+
}
|
3553
|
+
}
|
3554
|
+
|
3555
|
+
.usa-hero-callout > *:first-child {
|
3556
|
+
margin-top: 0;
|
3557
|
+
margin-bottom: 3rem;
|
3558
|
+
}
|
3559
|
+
|
3560
|
+
.usa-hero-callout .usa-button {
|
3561
|
+
font-size: 1.4rem;
|
3562
|
+
margin-top: 7rem;
|
3563
|
+
width: 100%;
|
3564
|
+
}
|
3565
|
+
|
3566
|
+
.usa-hero-callout-alt {
|
3567
|
+
color: #ffffff;
|
3568
|
+
display: block;
|
3569
|
+
}
|
3570
|
+
|
3571
|
+
.usa-layout-docs {
|
3572
|
+
display: -webkit-box;
|
3573
|
+
display: -ms-flexbox;
|
3574
|
+
display: flex;
|
3575
|
+
-webkit-box-orient: vertical;
|
3576
|
+
-webkit-box-direction: normal;
|
3577
|
+
-ms-flex-direction: column;
|
3578
|
+
flex-direction: column;
|
3579
|
+
}
|
3580
|
+
|
3581
|
+
@media screen and (min-width: 1201px) {
|
3582
|
+
.usa-layout-docs {
|
3583
|
+
display: inherit;
|
3584
|
+
}
|
3585
|
+
}
|
3586
|
+
|
3587
|
+
.usa-layout-docs .usa-grid > :first-child:not(.usa-width-*) {
|
3588
|
+
margin-top: 0;
|
3589
|
+
}
|
3590
|
+
|
3591
|
+
.usa-layout-docs .usa-grid > :last-child:not(.usa-width-*) {
|
3592
|
+
margin-bottom: 0;
|
3593
|
+
}
|
3594
|
+
|
3595
|
+
.usa-layout-docs-sidenav {
|
3596
|
+
-webkit-box-ordinal-group: 3;
|
3597
|
+
-ms-flex-order: 2;
|
3598
|
+
order: 2;
|
3599
|
+
}
|
3600
|
+
|
3601
|
+
.usa-layout-docs-main_content {
|
3602
|
+
margin-bottom: 3rem;
|
3603
|
+
-webkit-box-ordinal-group: 2;
|
3604
|
+
-ms-flex-order: 1;
|
3605
|
+
order: 1;
|
3606
|
+
}
|
3607
|
+
|
3608
|
+
@media screen and (min-width: 1201px) {
|
3609
|
+
.usa-layout-docs-main_content {
|
3610
|
+
margin-bottom: 0;
|
3611
|
+
}
|
3612
|
+
}
|
3613
|
+
|
3614
|
+
.usa-layout-docs-main_content > :first-child {
|
3615
|
+
margin-top: 0;
|
3616
|
+
}
|
3617
|
+
|
3618
|
+
.usa-media_block-img {
|
3619
|
+
float: left;
|
3620
|
+
margin-right: 1rem;
|
3621
|
+
}
|
3622
|
+
|
3623
|
+
.usa-media_block-body {
|
3624
|
+
overflow: hidden;
|
3625
|
+
}
|
3626
|
+
|
3627
|
+
.usa-navbar {
|
3628
|
+
border-bottom: 1px solid #aeb0b5;
|
3629
|
+
height: 4rem;
|
3630
|
+
}
|
3631
|
+
|
3632
|
+
@media screen and (min-width: 951px) {
|
3633
|
+
.usa-navbar {
|
3634
|
+
border-bottom: none;
|
3635
|
+
display: inline-block;
|
3636
|
+
height: 10.3rem;
|
3637
|
+
}
|
3638
|
+
}
|
3639
|
+
|
3640
|
+
.usa-nav-link {
|
3641
|
+
-moz-osx-font-smoothing: grayscale;
|
3642
|
+
-webkit-font-smoothing: antialiased;
|
3643
|
+
}
|
3644
|
+
|
3645
|
+
@media screen and (min-width: 951px) {
|
3646
|
+
.usa-nav-link:hover span {
|
3647
|
+
border-bottom: 0.7rem solid #0071bc;
|
3648
|
+
padding-bottom: 1rem;
|
3649
|
+
}
|
3650
|
+
}
|
3651
|
+
|
3652
|
+
@media screen and (min-width: 951px) {
|
3653
|
+
.usa-nav-container {
|
3654
|
+
max-width: 1200px;
|
3655
|
+
margin-left: auto;
|
3656
|
+
margin-right: auto;
|
3657
|
+
padding-right: 3rem;
|
3658
|
+
padding-left: 3rem;
|
3659
|
+
max-width: 1040px;
|
3660
|
+
}
|
3661
|
+
.usa-nav-container::after {
|
3662
|
+
clear: both;
|
3663
|
+
content: "";
|
3664
|
+
display: block;
|
3665
|
+
}
|
3666
|
+
}
|
3667
|
+
|
3668
|
+
.usa-nav {
|
3669
|
+
position: fixed;
|
3670
|
+
top: 0;
|
3671
|
+
right: 0;
|
3672
|
+
bottom: 0;
|
3673
|
+
left: auto;
|
3674
|
+
background: #ffffff;
|
3675
|
+
border-left: 1px solid #aeb0b5;
|
3676
|
+
border-right: 0;
|
3677
|
+
display: -webkit-box;
|
3678
|
+
display: -ms-flexbox;
|
3679
|
+
display: flex;
|
3680
|
+
-webkit-box-orient: vertical;
|
3681
|
+
-webkit-box-direction: normal;
|
3682
|
+
-ms-flex-direction: column;
|
3683
|
+
flex-direction: column;
|
3684
|
+
overflow-y: auto;
|
3685
|
+
padding: 2rem;
|
3686
|
+
-webkit-transform: translateX(26rem);
|
3687
|
+
-ms-transform: translateX(26rem);
|
3688
|
+
transform: translateX(26rem);
|
3689
|
+
width: 26rem;
|
3690
|
+
z-index: 9000;
|
3691
|
+
}
|
3692
|
+
|
3693
|
+
@media screen and (min-width: 951px) {
|
3694
|
+
.usa-nav {
|
3695
|
+
padding-top: 5rem;
|
3696
|
+
padding-right: 0;
|
3697
|
+
padding-bottom: 0;
|
3698
|
+
border-left: none;
|
3699
|
+
display: block;
|
3700
|
+
float: right;
|
3701
|
+
overflow-y: visible;
|
3702
|
+
position: relative;
|
3703
|
+
-webkit-transform: translateX(0);
|
3704
|
+
-ms-transform: translateX(0);
|
3705
|
+
transform: translateX(0);
|
3706
|
+
width: auto;
|
3707
|
+
}
|
3708
|
+
}
|
3709
|
+
|
3710
|
+
.usa-nav.is-visible {
|
3711
|
+
-webkit-transform: translateX(0);
|
3712
|
+
-ms-transform: translateX(0);
|
3713
|
+
transform: translateX(0);
|
3714
|
+
transition: all 0.3s ease-in-out;
|
3715
|
+
}
|
3716
|
+
|
3717
|
+
.usa-nav nav {
|
3718
|
+
margin-top: 6rem;
|
3719
|
+
min-height: 100%;
|
3720
|
+
}
|
3721
|
+
|
3722
|
+
@media screen and (min-width: 951px) {
|
3723
|
+
.usa-nav nav {
|
3724
|
+
margin-top: 0;
|
3725
|
+
}
|
3726
|
+
}
|
3727
|
+
|
3728
|
+
.usa-nav .usa-current {
|
3729
|
+
border-left: 4px solid #0071bc;
|
3730
|
+
color: #0071bc;
|
3731
|
+
font-weight: 700;
|
3732
|
+
padding-left: 1.4rem;
|
3733
|
+
}
|
3734
|
+
|
3735
|
+
.usa-nav .usa-button {
|
3736
|
+
width: 100%;
|
3737
|
+
}
|
3738
|
+
|
3739
|
+
@media screen and (min-width: 951px) {
|
3740
|
+
.usa-nav .usa-search {
|
3741
|
+
margin-left: 1.5rem;
|
3742
|
+
}
|
3743
|
+
}
|
3744
|
+
|
3745
|
+
.usa-nav-primary {
|
3746
|
+
margin-top: 0;
|
3747
|
+
margin-bottom: 0;
|
3748
|
+
list-style-type: none;
|
3749
|
+
padding-left: 0;
|
3750
|
+
-webkit-box-ordinal-group: 3;
|
3751
|
+
-ms-flex-order: 2;
|
3752
|
+
order: 2;
|
3753
|
+
}
|
3754
|
+
|
3755
|
+
.usa-nav-primary > li {
|
3756
|
+
margin-bottom: 0;
|
3757
|
+
}
|
3758
|
+
|
3759
|
+
.usa-nav-primary > li {
|
3760
|
+
background-color: transparent;
|
3761
|
+
border-top: 1px solid #5b616b;
|
3762
|
+
font-size: 1.7rem;
|
3763
|
+
}
|
3764
|
+
|
3765
|
+
.usa-nav-primary > li:first-child {
|
3766
|
+
border-top: none;
|
3767
|
+
}
|
3768
|
+
|
3769
|
+
.usa-nav-primary a {
|
3770
|
+
border: none;
|
3771
|
+
color: #212121;
|
3772
|
+
display: block;
|
3773
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
3774
|
+
line-height: 1.3;
|
3775
|
+
padding: 0.85rem 1rem 0.85rem 1.8rem;
|
3776
|
+
text-decoration: none;
|
3777
|
+
}
|
3778
|
+
|
3779
|
+
.usa-nav-primary a:hover {
|
3780
|
+
background-color: #f1f1f1;
|
3781
|
+
color: #0071bc;
|
3782
|
+
text-decoration: none;
|
3783
|
+
}
|
3784
|
+
|
3785
|
+
.usa-nav-primary a:focus {
|
3786
|
+
position: relative;
|
3787
|
+
z-index: 1;
|
3788
|
+
}
|
3789
|
+
|
3790
|
+
.usa-nav-primary a.usa-current {
|
3791
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
3792
|
+
border-left: 0.4rem solid #0071bc;
|
3793
|
+
color: #0071bc;
|
3794
|
+
font-weight: 700;
|
3795
|
+
padding-left: 1.4rem;
|
3796
|
+
}
|
3797
|
+
|
3798
|
+
@media screen and (min-width: 951px) {
|
3799
|
+
.usa-nav-primary {
|
3800
|
+
display: inline;
|
3801
|
+
}
|
3802
|
+
}
|
3803
|
+
|
3804
|
+
@media screen and (min-width: 951px) {
|
3805
|
+
.usa-nav-primary li {
|
3806
|
+
border-top: none;
|
3807
|
+
}
|
3808
|
+
}
|
3809
|
+
|
3810
|
+
.usa-nav-primary > li {
|
3811
|
+
width: auto;
|
3812
|
+
}
|
3813
|
+
|
3814
|
+
@media screen and (min-width: 951px) {
|
3815
|
+
.usa-nav-primary > li {
|
3816
|
+
display: inline-block;
|
3817
|
+
}
|
3818
|
+
}
|
3819
|
+
|
3820
|
+
@media screen and (min-width: 951px) {
|
3821
|
+
.usa-nav-primary > li > a {
|
3822
|
+
padding: 1.3rem 1.5rem 1.7rem;
|
3823
|
+
color: #5b616b;
|
3824
|
+
font-size: 1.5rem;
|
3825
|
+
font-weight: 700;
|
3826
|
+
line-height: 1.2;
|
3827
|
+
}
|
3828
|
+
}
|
3829
|
+
|
3830
|
+
@media screen and (min-width: 951px) {
|
3831
|
+
.usa-nav-primary > li > a:hover {
|
3832
|
+
background-color: transparent;
|
3833
|
+
}
|
3834
|
+
}
|
3835
|
+
|
3836
|
+
.usa-nav-primary button {
|
3837
|
+
background-color: transparent;
|
3838
|
+
border: 0;
|
3839
|
+
border-radius: 0;
|
3840
|
+
font-weight: 400;
|
3841
|
+
margin: 0;
|
3842
|
+
outline: 0;
|
3843
|
+
padding: 0;
|
3844
|
+
text-align: left;
|
3845
|
+
-webkit-font-smoothing: auto;
|
3846
|
+
-moz-osx-font-smoothing: grayscale;
|
3847
|
+
-webkit-font-smoothing: antialiased;
|
3848
|
+
font-weight: 400;
|
3849
|
+
padding: 1.4rem 1.5rem 1rem 1.8rem;
|
3850
|
+
}
|
3851
|
+
|
3852
|
+
.usa-nav-primary button:hover {
|
3853
|
+
background-color: transparent;
|
3854
|
+
}
|
3855
|
+
|
3856
|
+
@media screen and (min-width: 951px) {
|
3857
|
+
.usa-nav-primary button {
|
3858
|
+
padding-right: 3rem;
|
3859
|
+
padding-bottom: 1.9rem;
|
3860
|
+
padding-left: 1.5rem;
|
3861
|
+
color: #5b616b;
|
3862
|
+
font-size: 1.5rem;
|
3863
|
+
font-weight: 700;
|
3864
|
+
width: initial;
|
3865
|
+
}
|
3866
|
+
}
|
3867
|
+
|
3868
|
+
.usa-nav-primary button:focus, .usa-nav-primary button:active {
|
3869
|
+
box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
|
3870
|
+
}
|
3871
|
+
|
3872
|
+
.usa-nav-primary button:hover {
|
3873
|
+
background-color: #f1f1f1;
|
3874
|
+
color: #0071bc;
|
3875
|
+
}
|
3876
|
+
|
3877
|
+
@media screen and (min-width: 951px) {
|
3878
|
+
.usa-nav-primary button:hover {
|
3879
|
+
background-color: transparent;
|
3880
|
+
}
|
3881
|
+
}
|
3882
|
+
|
3883
|
+
.usa-nav-primary button[aria-expanded=false] {
|
3884
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
3885
|
+
background-image: url("../img/plus-alt.png");
|
3886
|
+
background-image: url("../img/plus-alt.svg");
|
3887
|
+
background-repeat: no-repeat;
|
3888
|
+
background-position: right 0 center;
|
3889
|
+
background-size: 1rem;
|
3890
|
+
}
|
3891
|
+
|
3892
|
+
@media screen and (min-width: 951px) {
|
3893
|
+
.usa-nav-primary button[aria-expanded=false] {
|
3894
|
+
background-image: url("../img/angle-arrow-down.png");
|
3895
|
+
background-image: url("../img/angle-arrow-down.svg");
|
3896
|
+
background-position: right 1.5rem top 44%;
|
3897
|
+
}
|
3898
|
+
}
|
3899
|
+
|
3900
|
+
.usa-nav-primary button[aria-expanded=true] {
|
3901
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
3902
|
+
background-image: url("../img/minus-alt.png");
|
3903
|
+
background-image: url("../img/minus-alt.svg");
|
3904
|
+
background-repeat: no-repeat;
|
3905
|
+
background-position: right 0 center;
|
3906
|
+
background-size: 1rem;
|
3907
|
+
}
|
3908
|
+
|
3909
|
+
@media screen and (min-width: 951px) {
|
3910
|
+
.usa-nav-primary button[aria-expanded=true] {
|
3911
|
+
background-color: #112e51;
|
3912
|
+
color: #ffffff;
|
3913
|
+
background-image: url("../img/angle-arrow-down-hover.png");
|
3914
|
+
background-image: url("../img/angle-arrow-down-hover.svg");
|
3915
|
+
background-position: right 1.5rem top 44%;
|
3916
|
+
}
|
3917
|
+
.usa-nav-primary button[aria-expanded=true]:hover {
|
3918
|
+
background-color: #112e51;
|
3919
|
+
}
|
3920
|
+
.usa-nav-primary button[aria-expanded=true] span {
|
3921
|
+
border-bottom: 0.7rem solid #0071bc;
|
3922
|
+
padding-bottom: 1rem;
|
3923
|
+
}
|
3924
|
+
}
|
3925
|
+
|
3926
|
+
@media screen and (min-width: 951px) {
|
3927
|
+
.usa-nav-primary a.usa-current {
|
3928
|
+
border-left: 0;
|
3929
|
+
padding-left: 1.5rem;
|
3930
|
+
}
|
3931
|
+
.usa-nav-primary a.usa-current span {
|
3932
|
+
border-bottom: 0.7rem solid #0071bc;
|
3933
|
+
padding-bottom: 1rem;
|
3934
|
+
}
|
3935
|
+
}
|
3936
|
+
|
3937
|
+
@media screen and (min-width: 951px) {
|
3938
|
+
.usa-nav-secondary {
|
3939
|
+
position: absolute;
|
3940
|
+
right: 3rem;
|
3941
|
+
top: -5.7rem;
|
3942
|
+
}
|
3943
|
+
}
|
3944
|
+
|
3945
|
+
.usa-nav-secondary .usa-search {
|
3946
|
+
margin-top: 3rem;
|
3947
|
+
margin-bottom: 3rem;
|
3948
|
+
}
|
3949
|
+
|
3950
|
+
@media screen and (min-width: 951px) {
|
3951
|
+
.usa-nav-secondary .usa-search {
|
3952
|
+
margin-top: -0.2rem;
|
3953
|
+
margin-bottom: 0;
|
3954
|
+
margin-left: 0;
|
3955
|
+
float: left;
|
3956
|
+
}
|
3957
|
+
}
|
3958
|
+
|
3959
|
+
@media screen and (min-width: 951px) {
|
3960
|
+
.usa-nav-secondary-links {
|
3961
|
+
float: left;
|
3962
|
+
}
|
3963
|
+
}
|
3964
|
+
|
3965
|
+
@media screen and (min-width: 951px) {
|
3966
|
+
.usa-nav-secondary-links li {
|
3967
|
+
display: inline;
|
3968
|
+
padding-left: 1rem;
|
3969
|
+
}
|
3970
|
+
}
|
3971
|
+
|
3972
|
+
@media screen and (min-width: 951px) {
|
3973
|
+
.usa-nav-secondary-links li:not(:last-child)::after {
|
3974
|
+
content: '|';
|
3975
|
+
padding-left: 1rem;
|
3976
|
+
}
|
3977
|
+
}
|
3978
|
+
|
3979
|
+
.usa-nav-secondary-links a,
|
3980
|
+
.usa-nav-secondary-links .usa-header-search-button {
|
3981
|
+
color: #5b616b;
|
3982
|
+
display: inline-block;
|
3983
|
+
font-size: 1.5rem;
|
3984
|
+
text-decoration: none;
|
3985
|
+
}
|
3986
|
+
|
3987
|
+
.usa-nav-secondary-links a:hover,
|
3988
|
+
.usa-nav-secondary-links .usa-header-search-button:hover {
|
3989
|
+
color: #0071bc;
|
3990
|
+
}
|
3991
|
+
|
3992
|
+
.usa-nav-secondary-links .usa-header-search-button {
|
3993
|
+
background-color: transparent;
|
3994
|
+
border: 0;
|
3995
|
+
border-radius: 0;
|
3996
|
+
font-weight: 400;
|
3997
|
+
margin: 0;
|
3998
|
+
outline: 0;
|
3999
|
+
padding: 0;
|
4000
|
+
text-align: left;
|
4001
|
+
-webkit-font-smoothing: auto;
|
4002
|
+
display: none;
|
4003
|
+
}
|
4004
|
+
|
4005
|
+
.usa-nav-secondary-links .usa-header-search-button:hover {
|
4006
|
+
background-color: transparent;
|
4007
|
+
}
|
4008
|
+
|
4009
|
+
@media screen and (min-width: 951px) {
|
4010
|
+
.usa-nav-secondary-links .usa-header-search-button {
|
4011
|
+
background-image: url("../img/search-alt.png");
|
4012
|
+
background-image: url("../img/search-alt.svg");
|
4013
|
+
background-repeat: no-repeat;
|
4014
|
+
background-position: left center;
|
4015
|
+
background-size: 2.2rem;
|
4016
|
+
display: inline-block;
|
4017
|
+
padding-left: 2.3rem;
|
4018
|
+
}
|
4019
|
+
}
|
4020
|
+
|
4021
|
+
@media screen and (min-width: 951px) {
|
4022
|
+
.usa-nav-secondary-links .usa-header-search-button.is-hidden {
|
4023
|
+
display: none;
|
4024
|
+
}
|
4025
|
+
}
|
4026
|
+
|
4027
|
+
@media screen and (min-width: 951px) {
|
4028
|
+
.usa-nav-secondary-links a.usa-current {
|
4029
|
+
border-left: 0;
|
4030
|
+
padding-left: 0;
|
4031
|
+
}
|
4032
|
+
}
|
4033
|
+
|
4034
|
+
@media screen and (min-width: 951px) {
|
4035
|
+
.usa-nav-submenu {
|
4036
|
+
margin-top: 0;
|
4037
|
+
margin-bottom: 0;
|
4038
|
+
list-style-type: none;
|
4039
|
+
padding-left: 0;
|
4040
|
+
padding-top: 1.15rem;
|
4041
|
+
padding-bottom: 1.15rem;
|
4042
|
+
background-color: #112e51;
|
4043
|
+
min-width: 21.5rem;
|
4044
|
+
width: auto;
|
4045
|
+
position: absolute;
|
4046
|
+
}
|
4047
|
+
.usa-nav-submenu > li {
|
4048
|
+
margin-bottom: 0;
|
4049
|
+
}
|
4050
|
+
}
|
4051
|
+
|
4052
|
+
.usa-nav-submenu[aria-hidden=true] {
|
4053
|
+
display: none;
|
4054
|
+
}
|
4055
|
+
|
4056
|
+
@media screen and (min-width: 951px) {
|
4057
|
+
.usa-nav-submenu a {
|
4058
|
+
color: #ffffff;
|
4059
|
+
padding-left: 1.5rem;
|
4060
|
+
}
|
4061
|
+
}
|
4062
|
+
|
4063
|
+
@media screen and (min-width: 951px) {
|
4064
|
+
.usa-nav-submenu a:hover {
|
4065
|
+
background-color: #112e51;
|
4066
|
+
color: #ffffff;
|
4067
|
+
text-decoration: underline;
|
4068
|
+
}
|
4069
|
+
}
|
4070
|
+
|
4071
|
+
.usa-nav-submenu li {
|
4072
|
+
font-size: 1.5rem;
|
4073
|
+
margin-bottom: 0;
|
4074
|
+
}
|
4075
|
+
|
4076
|
+
.usa-nav-close {
|
4077
|
+
background-color: transparent;
|
4078
|
+
border: 0;
|
4079
|
+
border-radius: 0;
|
4080
|
+
font-weight: 400;
|
4081
|
+
margin: 0;
|
4082
|
+
outline: 0;
|
4083
|
+
padding: 0;
|
4084
|
+
text-align: left;
|
4085
|
+
-webkit-font-smoothing: auto;
|
4086
|
+
margin: -1.2rem -1.5rem 2.4rem auto;
|
4087
|
+
float: right;
|
4088
|
+
height: 4.4rem;
|
4089
|
+
text-align: center;
|
4090
|
+
width: 4.4rem;
|
4091
|
+
}
|
4092
|
+
|
4093
|
+
.usa-nav-close:hover {
|
4094
|
+
background-color: transparent;
|
4095
|
+
}
|
4096
|
+
|
4097
|
+
@media screen and (min-width: 951px) {
|
4098
|
+
.usa-nav-close {
|
4099
|
+
display: none;
|
4100
|
+
}
|
4101
|
+
}
|
4102
|
+
|
4103
|
+
.usa-nav-close img {
|
4104
|
+
width: 1.3rem;
|
4105
|
+
}
|
4106
|
+
|
4107
|
+
.usa-mobile_nav-active {
|
4108
|
+
overflow: hidden;
|
4109
|
+
}
|
4110
|
+
|
4111
|
+
@media screen and (min-width: 951px) {
|
4112
|
+
.usa-megamenu {
|
4113
|
+
padding-top: 3.15rem;
|
4114
|
+
padding-bottom: 3.15rem;
|
4115
|
+
left: -1rem;
|
4116
|
+
width: 100%;
|
4117
|
+
}
|
4118
|
+
}
|
4119
|
+
|
4120
|
+
@media screen and (min-width: 951px) {
|
4121
|
+
.usa-megamenu::before {
|
4122
|
+
background-color: #112e51;
|
4123
|
+
content: '';
|
4124
|
+
display: block;
|
4125
|
+
height: 100%;
|
4126
|
+
position: absolute;
|
4127
|
+
top: 0;
|
4128
|
+
width: 1000%;
|
4129
|
+
right: 100%;
|
4130
|
+
}
|
4131
|
+
}
|
4132
|
+
|
4133
|
+
@media screen and (min-width: 951px) {
|
4134
|
+
.usa-megamenu::after {
|
4135
|
+
background-color: #112e51;
|
4136
|
+
content: '';
|
4137
|
+
display: block;
|
4138
|
+
height: 100%;
|
4139
|
+
position: absolute;
|
4140
|
+
top: 0;
|
4141
|
+
width: 1000%;
|
4142
|
+
left: 100%;
|
4143
|
+
}
|
4144
|
+
}
|
4145
|
+
|
4146
|
+
@media screen and (min-width: 951px) {
|
4147
|
+
.usa-header-basic-megamenu .usa-nav {
|
4148
|
+
padding-left: 0;
|
4149
|
+
padding-top: 0;
|
4150
|
+
width: 100%;
|
4151
|
+
}
|
4152
|
+
}
|
4153
|
+
|
4154
|
+
.usa-header-basic-megamenu .usa-nav-inner {
|
4155
|
+
display: -webkit-box;
|
4156
|
+
display: -ms-flexbox;
|
4157
|
+
display: flex;
|
4158
|
+
-webkit-box-orient: vertical;
|
4159
|
+
-webkit-box-direction: normal;
|
4160
|
+
-ms-flex-direction: column;
|
4161
|
+
flex-direction: column;
|
4162
|
+
}
|
4163
|
+
|
4164
|
+
@media screen and (min-width: 951px) {
|
4165
|
+
.usa-header-basic-megamenu .usa-nav-inner {
|
4166
|
+
display: block;
|
4167
|
+
float: right;
|
4168
|
+
margin-top: -4.8rem;
|
4169
|
+
}
|
4170
|
+
}
|
4171
|
+
|
4172
|
+
@media screen and (min-width: 951px) {
|
4173
|
+
.usa-header-basic-megamenu .usa-nav-submenu .usa-grid-full {
|
4174
|
+
margin-left: -1.8rem;
|
4175
|
+
}
|
4176
|
+
}
|
4177
|
+
|
4178
|
+
@media screen and (min-width: 951px) {
|
4179
|
+
.usa-megamenu-col {
|
4180
|
+
float: left;
|
4181
|
+
display: block;
|
4182
|
+
margin-right: 2.35765%;
|
4183
|
+
width: 23.23176%;
|
4184
|
+
}
|
4185
|
+
.usa-megamenu-col:last-child {
|
4186
|
+
margin-right: 0;
|
4187
|
+
}
|
4188
|
+
.usa-megamenu-col:nth-child(2n) {
|
4189
|
+
float: left;
|
4190
|
+
display: block;
|
4191
|
+
margin-right: 2.35765%;
|
4192
|
+
width: 23.23176%;
|
4193
|
+
}
|
4194
|
+
.usa-megamenu-col:nth-child(2n):last-child {
|
4195
|
+
margin-right: 0;
|
4196
|
+
}
|
4197
|
+
.usa-megamenu-col:nth-child(4n) {
|
4198
|
+
margin-right: 0;
|
4199
|
+
}
|
4200
|
+
}
|
4201
|
+
|
4202
|
+
.usa-megamenu-col > ul {
|
4203
|
+
margin-top: 0;
|
4204
|
+
margin-bottom: 0;
|
4205
|
+
list-style-type: none;
|
4206
|
+
padding-left: 0;
|
4207
|
+
}
|
4208
|
+
|
4209
|
+
.usa-megamenu-col > ul > li {
|
4210
|
+
margin-bottom: 0;
|
4211
|
+
}
|
4212
|
+
|
4213
|
+
.usa-search {
|
4214
|
+
max-width: none;
|
4215
|
+
position: relative;
|
4216
|
+
}
|
4217
|
+
|
4218
|
+
.usa-search::after {
|
4219
|
+
clear: both;
|
4220
|
+
content: "";
|
4221
|
+
display: block;
|
4222
|
+
}
|
4223
|
+
|
4224
|
+
.usa-search [type=search],
|
4225
|
+
.usa-search .usa-search-input {
|
4226
|
+
padding-top: 0;
|
4227
|
+
padding-bottom: 0;
|
4228
|
+
-webkit-appearance: none;
|
4229
|
+
border-bottom-right-radius: 0;
|
4230
|
+
border-right: none;
|
4231
|
+
border-top-right-radius: 0;
|
4232
|
+
box-sizing: border-box;
|
4233
|
+
float: left;
|
4234
|
+
font-size: 1.4rem;
|
4235
|
+
height: 3.3rem;
|
4236
|
+
margin: 0;
|
4237
|
+
width: calc(100% - 4.5rem);
|
4238
|
+
}
|
4239
|
+
|
4240
|
+
@media screen and (min-width: 481px) {
|
4241
|
+
.usa-search [type=search],
|
4242
|
+
.usa-search .usa-search-input {
|
4243
|
+
width: calc(100% - 8.5rem);
|
4244
|
+
}
|
4245
|
+
}
|
4246
|
+
|
4247
|
+
.usa-search [type=submit],
|
4248
|
+
.usa-search .usa-search-submit {
|
4249
|
+
background-image: url("../img/search.png");
|
4250
|
+
background-image: url("../img/search.svg");
|
4251
|
+
background-position: 50%;
|
4252
|
+
background-repeat: no-repeat;
|
4253
|
+
border-bottom-left-radius: 0;
|
4254
|
+
border-top-left-radius: 0;
|
4255
|
+
height: 3.3rem;
|
4256
|
+
margin: 0;
|
4257
|
+
padding: 0;
|
4258
|
+
width: 4.5rem;
|
4259
|
+
}
|
4260
|
+
|
4261
|
+
@media screen and (min-width: 481px) {
|
4262
|
+
.usa-search [type=submit],
|
4263
|
+
.usa-search .usa-search-submit {
|
4264
|
+
background-image: none;
|
4265
|
+
width: 8.5rem;
|
4266
|
+
}
|
4267
|
+
}
|
4268
|
+
|
4269
|
+
.usa-search .usa-search-submit-text {
|
4270
|
+
display: none;
|
4271
|
+
}
|
4272
|
+
|
4273
|
+
@media screen and (min-width: 481px) {
|
4274
|
+
.usa-search .usa-search-submit-text {
|
4275
|
+
display: block;
|
4276
|
+
}
|
4277
|
+
}
|
4278
|
+
|
4279
|
+
@media screen and (min-width: 481px) {
|
4280
|
+
.usa-search.usa-search-big [type=search],
|
4281
|
+
.usa-search.usa-search-big .usa-search-input {
|
4282
|
+
font-size: 1.7rem;
|
4283
|
+
height: 4.4rem;
|
4284
|
+
width: calc(100% - 11.6rem);
|
4285
|
+
}
|
4286
|
+
.usa-search.usa-search-big [type=submit],
|
4287
|
+
.usa-search.usa-search-big .usa-search-submit {
|
4288
|
+
font-size: 2rem;
|
4289
|
+
height: 4.4rem;
|
4290
|
+
width: 11.6rem;
|
4291
|
+
}
|
4292
|
+
}
|
4293
|
+
|
4294
|
+
@media screen and (min-width: 481px) {
|
4295
|
+
.usa-search.usa-search-small [type=search],
|
4296
|
+
.usa-search.usa-search-small .usa-search-input {
|
4297
|
+
width: calc(100% - 4.5rem);
|
4298
|
+
}
|
4299
|
+
.usa-search.usa-search-small [type=submit],
|
4300
|
+
.usa-search.usa-search-small .usa-search-submit {
|
4301
|
+
background-image: url("../img/search.png");
|
4302
|
+
background-image: url("../img/search.svg");
|
4303
|
+
background-position: 50%;
|
4304
|
+
background-repeat: no-repeat;
|
4305
|
+
width: 4.5rem;
|
4306
|
+
}
|
4307
|
+
}
|
4308
|
+
|
4309
|
+
@media screen and (max-width: 950px) {
|
4310
|
+
.usa-search.usa-search-small.usa-sr-only {
|
4311
|
+
left: auto;
|
4312
|
+
position: relative;
|
4313
|
+
}
|
4314
|
+
}
|
4315
|
+
|
4316
|
+
.usa-section {
|
4317
|
+
padding-top: 3rem;
|
4318
|
+
padding-bottom: 3rem;
|
4319
|
+
}
|
4320
|
+
|
4321
|
+
@media screen and (min-width: 600px) {
|
4322
|
+
.usa-section {
|
4323
|
+
padding-top: 6rem;
|
4324
|
+
padding-bottom: 6rem;
|
4325
|
+
}
|
4326
|
+
}
|
4327
|
+
|
4328
|
+
.usa-section-light {
|
4329
|
+
background-color: #f1f1f1;
|
4330
|
+
}
|
4331
|
+
|
4332
|
+
.usa-section-dark {
|
4333
|
+
background-color: #112e51;
|
4334
|
+
color: #ffffff;
|
4335
|
+
}
|
4336
|
+
|
4337
|
+
.usa-section-dark h1,
|
4338
|
+
.usa-section-dark h2,
|
4339
|
+
.usa-section-dark h3,
|
4340
|
+
.usa-section-dark h4,
|
4341
|
+
.usa-section-dark h5,
|
4342
|
+
.usa-section-dark h6 {
|
4343
|
+
color: #02bfe7;
|
4344
|
+
}
|
4345
|
+
|
4346
|
+
.usa-section-dark p {
|
4347
|
+
color: #ffffff;
|
4348
|
+
}
|
4349
|
+
|
4350
|
+
.usa-section-dark a {
|
4351
|
+
color: #d6d7d9;
|
4352
|
+
}
|
4353
|
+
|
4354
|
+
.usa-section-dark a:hover {
|
4355
|
+
color: #ffffff;
|
4356
|
+
}
|
4357
|
+
|
4358
|
+
.usa-sidenav-list {
|
4359
|
+
margin-top: 0;
|
4360
|
+
margin-bottom: 0;
|
4361
|
+
list-style-type: none;
|
4362
|
+
padding-left: 0;
|
4363
|
+
}
|
4364
|
+
|
4365
|
+
.usa-sidenav-list > li {
|
4366
|
+
margin-bottom: 0;
|
4367
|
+
}
|
4368
|
+
|
4369
|
+
.usa-sidenav-list > li {
|
4370
|
+
background-color: transparent;
|
4371
|
+
border-top: 1px solid #5b616b;
|
4372
|
+
font-size: 1.7rem;
|
4373
|
+
}
|
4374
|
+
|
4375
|
+
.usa-sidenav-list > li:first-child {
|
4376
|
+
border-top: none;
|
4377
|
+
}
|
4378
|
+
|
4379
|
+
.usa-sidenav-list a {
|
4380
|
+
border: none;
|
4381
|
+
color: #212121;
|
4382
|
+
display: block;
|
4383
|
+
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
4384
|
+
line-height: 1.3;
|
4385
|
+
padding: 0.85rem 1rem 0.85rem 1.8rem;
|
4386
|
+
text-decoration: none;
|
4387
|
+
}
|
4388
|
+
|
4389
|
+
.usa-sidenav-list a:hover {
|
4390
|
+
background-color: #f1f1f1;
|
4391
|
+
color: #0071bc;
|
4392
|
+
text-decoration: none;
|
4393
|
+
}
|
4394
|
+
|
4395
|
+
.usa-sidenav-list a:focus {
|
4396
|
+
position: relative;
|
4397
|
+
z-index: 1;
|
4398
|
+
}
|
4399
|
+
|
4400
|
+
.usa-sidenav-list a.usa-current {
|
4401
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
4402
|
+
border-left: 0.4rem solid #0071bc;
|
4403
|
+
color: #0071bc;
|
4404
|
+
font-weight: 700;
|
4405
|
+
padding-left: 1.4rem;
|
4406
|
+
}
|
4407
|
+
|
4408
|
+
.usa-sidenav-sub_list {
|
4409
|
+
margin-top: 0;
|
4410
|
+
margin-bottom: 0;
|
4411
|
+
list-style-type: none;
|
4412
|
+
padding-left: 0;
|
4413
|
+
margin: 0;
|
4414
|
+
width: 100%;
|
4415
|
+
}
|
4416
|
+
|
4417
|
+
.usa-sidenav-sub_list > li {
|
4418
|
+
margin-bottom: 0;
|
4419
|
+
}
|
4420
|
+
|
4421
|
+
.usa-sidenav-sub_list li {
|
4422
|
+
border: none;
|
4423
|
+
font-size: 1.5rem;
|
4424
|
+
}
|
4425
|
+
|
4426
|
+
.usa-sidenav-sub_list a {
|
4427
|
+
padding-left: 2.8rem;
|
4428
|
+
line-height: 1.3;
|
4429
|
+
}
|
4430
|
+
|
4431
|
+
.usa-sidenav-sub_list a:hover, .usa-sidenav-sub_list a.usa-current {
|
4432
|
+
/* stylelint-disable-line selector-no-qualifying-type */
|
4433
|
+
border: none;
|
4434
|
+
padding-left: 2.8rem;
|
4435
|
+
}
|
4436
|
+
|
4437
|
+
.usa-sidenav-sub_list .usa-sidenav-sub_list a {
|
4438
|
+
padding-left: 3.8rem;
|
4439
|
+
}
|
4440
|
+
|
4441
|
+
.usa-sidenav-sub_list .usa-sidenav-sub_list a:hover {
|
4442
|
+
padding-left: 3.8rem;
|
4443
|
+
}
|
4444
|
+
|
4445
|
+
.usa-skipnav {
|
4446
|
+
background: transparent;
|
4447
|
+
color: #212121;
|
4448
|
+
left: 0;
|
4449
|
+
padding: 1rem 1.5rem;
|
4450
|
+
position: absolute;
|
4451
|
+
top: -4.2rem;
|
4452
|
+
transition: all 0.2s ease-in-out;
|
4453
|
+
z-index: 100;
|
4454
|
+
}
|
4455
|
+
|
4456
|
+
.usa-skipnav:focus {
|
4457
|
+
background: #ffffff;
|
4458
|
+
left: 0;
|
4459
|
+
outline: 0;
|
4460
|
+
position: absolute;
|
4461
|
+
top: 0;
|
4462
|
+
transition: all 0.2s ease-in-out;
|
4463
|
+
}
|