@department-of-veterans-affairs/css-library 0.7.4 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/fonts/bitter-bold.ttf +0 -0
  2. package/dist/fonts/bitter-bold.woff2 +0 -0
  3. package/dist/fonts/bitter-regular.ttf +0 -0
  4. package/dist/fonts/bitter-regular.woff2 +0 -0
  5. package/dist/stylesheets/_mixins.scss +452 -0
  6. package/dist/stylesheets/base/fonts.css +1589 -0
  7. package/dist/stylesheets/base/utils.css +137 -0
  8. package/dist/stylesheets/base/va.css +1843 -0
  9. package/dist/{full.css → stylesheets/core.css} +341 -2299
  10. package/dist/stylesheets/formation-overrides/_variables.scss +170 -0
  11. package/dist/stylesheets/formation-overrides/core/base.css +64 -0
  12. package/dist/stylesheets/formation-overrides/core/fonts.css +46 -0
  13. package/dist/stylesheets/formation-overrides/elements/buttons.css +562 -0
  14. package/dist/stylesheets/formation-overrides/elements/inputs.css +384 -0
  15. package/dist/stylesheets/formation-overrides/elements/labels.css +28 -0
  16. package/dist/stylesheets/formation-overrides/elements/lists.css +57 -0
  17. package/dist/stylesheets/formation-overrides/elements/table.css +78 -0
  18. package/dist/stylesheets/formation-overrides/elements/typography.css +274 -0
  19. package/dist/stylesheets/mobile-typography.css +13 -0
  20. package/dist/stylesheets/modules/m-action-link.css +1443 -0
  21. package/dist/stylesheets/modules/m-additional-info.css +39 -0
  22. package/dist/stylesheets/modules/m-alert.css +254 -0
  23. package/dist/stylesheets/modules/m-breadcrumbs.css +96 -0
  24. package/dist/stylesheets/modules/m-button.css +153 -0
  25. package/dist/stylesheets/modules/m-dropdown.css +47 -0
  26. package/dist/stylesheets/modules/m-emergency-banner.css +33 -0
  27. package/dist/stylesheets/modules/m-external-link.css +14 -0
  28. package/dist/stylesheets/modules/m-form-elements.css +231 -0
  29. package/dist/stylesheets/modules/m-form-process.css +219 -0
  30. package/dist/stylesheets/modules/m-homepage-hero.css +76 -0
  31. package/dist/stylesheets/modules/m-hub-page-link-list.css +40 -0
  32. package/dist/stylesheets/modules/m-loading-indicator.css +41 -0
  33. package/dist/stylesheets/modules/m-maintenance-banner.css +33 -0
  34. package/dist/stylesheets/modules/m-megamenu.css +365 -0
  35. package/dist/stylesheets/modules/m-modal.css +117 -0
  36. package/dist/stylesheets/modules/m-nav-linklist.css +49 -0
  37. package/dist/stylesheets/modules/m-nav-sidebar.css +349 -0
  38. package/dist/stylesheets/modules/m-omb-info.css +15 -0
  39. package/dist/stylesheets/modules/m-overlay.css +72 -0
  40. package/dist/stylesheets/modules/m-print.css +27 -0
  41. package/dist/stylesheets/modules/m-process-list.css +162 -0
  42. package/dist/stylesheets/modules/va-pagination.css +90 -0
  43. package/dist/stylesheets/modules/va-tabs.css +53 -0
  44. package/dist/stylesheets/shame.css +266 -0
  45. package/dist/{uswds-typography.css → stylesheets/uswds-typography.css} +1 -1
  46. package/dist/tokens/css/variables.css +1 -1
  47. package/dist/tokens/scss/variables.scss +1 -1
  48. package/package.json +8 -6
  49. /package/dist/{base → stylesheets/base}/headings.css +0 -0
  50. /package/dist/{utilities.css → stylesheets/utilities.css} +0 -0
@@ -1,11 +1,4 @@
1
1
  @charset "UTF-8";
2
- /*
3
- * PORTED: Complete set of Formation styles
4
- */
5
- /**
6
- Variables ported over from Formation so that we can keep those stylesheets
7
- working while we work on deprecation.
8
- **/
9
2
  /*
10
3
  * * * * * ==============================
11
4
  * * * * * ==============================
@@ -1443,6 +1436,10 @@ through all possible variants
1443
1436
  */
1444
1437
  /* prettier-ignore */
1445
1438
  /* prettier-ignore */
1439
+ /**
1440
+ Variables ported over from Formation so that we can keep those stylesheets
1441
+ working while we work on deprecation.
1442
+ **/
1446
1443
  /**
1447
1444
  /uswds/dist/scss/lib/addons/_margin.scss
1448
1445
  **/
@@ -1768,60 +1765,60 @@ template {
1768
1765
  Original: @import "~uswds/src/stylesheets/core/fonts";
1769
1766
  ***THIS IS USWDS v1***
1770
1767
  */
1768
+ /**
1769
+ Variables ported over from Formation so that we can keep those stylesheets
1770
+ working while we work on deprecation.
1771
+ **/
1772
+ /**
1773
+ Variables ported over from Formation so that we can keep those stylesheets
1774
+ working while we work on deprecation.
1775
+ **/
1776
+ /**
1777
+ /uswds/dist/scss/lib/addons/_margin.scss
1778
+ **/
1779
+ /**
1780
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
1781
+ **/
1771
1782
  /* stylelint-disable at-rule-empty-line-before */
1772
- @font-face {
1773
- font-family: "Source Sans Pro";
1774
- font-style: normal;
1775
- font-weight: 300;
1776
- 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"), url("./fonts/sourcesanspro-light-webfont.svg#Source Sans Pro") format("svg");
1777
- }
1778
- @font-face {
1779
- font-family: "Source Sans Pro";
1780
- font-style: normal;
1781
- font-weight: 400;
1782
- 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"), url("./fonts/sourcesanspro-regular-webfont.svg#Source Sans Pro") format("svg");
1783
- }
1784
- @font-face {
1785
- font-family: "Source Sans Pro";
1786
- font-style: italic;
1787
- font-weight: 400;
1788
- 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"), url("./fonts/sourcesanspro-italic-webfont.svg#Source Sans Pro") format("svg");
1789
- }
1790
- @font-face {
1791
- font-family: "Source Sans Pro";
1792
- font-style: normal;
1793
- font-weight: 700;
1794
- 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"), url("./fonts/sourcesanspro-bold-webfont.svg#Source Sans Pro") format("svg");
1795
- }
1796
1783
  @font-face {
1797
1784
  font-family: "Merriweather";
1798
1785
  font-style: normal;
1799
1786
  font-weight: 300;
1800
- 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"), url("./fonts/merriweather-light-webfont.svg#Merriweather") format("svg");
1787
+ src: url("/assets/fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-light-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-light-webfont.woff") format("woff"), url("/assets/fonts/merriweather-light-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-light-webfont.svg#Merriweather") format("svg");
1801
1788
  }
1802
1789
  @font-face {
1803
1790
  font-family: "Merriweather";
1804
1791
  font-style: normal;
1805
1792
  font-weight: 400;
1806
- 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"), url("./fonts/merriweather-regular-webfont.svg#Merriweather") format("svg");
1793
+ src: url("/assets/fonts/merriweather-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-regular-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-regular-webfont.woff") format("woff"), url("/assets/fonts/merriweather-regular-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-regular-webfont.svg#Merriweather") format("svg");
1807
1794
  }
1808
1795
  @font-face {
1809
1796
  font-family: "Merriweather";
1810
1797
  font-style: italic;
1811
1798
  font-weight: 400;
1812
- 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"), url("./fonts/merriweather-italic-webfont.svg#Merriweather") format("svg");
1799
+ src: url("/assets/fonts/merriweather-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-italic-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-italic-webfont.woff") format("woff"), url("/assets/fonts/merriweather-italic-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-italic-webfont.svg#Merriweather") format("svg");
1813
1800
  }
1814
1801
  @font-face {
1815
1802
  font-family: "Merriweather";
1816
1803
  font-style: normal;
1817
1804
  font-weight: 700;
1818
- 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"), url("./fonts/merriweather-bold-webfont.svg#Merriweather") format("svg");
1805
+ src: url("/assets/fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-bold-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-bold-webfont.woff") format("woff"), url("/assets/fonts/merriweather-bold-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-bold-webfont.svg#Merriweather") format("svg");
1819
1806
  }
1820
1807
  /* stylelint-enable */
1821
- /*
1822
- Original: @import "~uswds/src/stylesheets/core/utilities";
1823
- ***THIS IS USWDS v1***
1824
- */
1808
+ /**
1809
+ Variables ported over from Formation so that we can keep those stylesheets
1810
+ working while we work on deprecation.
1811
+ **/
1812
+ /**
1813
+ /uswds/dist/scss/lib/addons/_margin.scss
1814
+ **/
1815
+ /**
1816
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
1817
+ **/
1818
+ /**
1819
+ Variables ported over from Formation so that we can keep those stylesheets
1820
+ working while we work on deprecation.
1821
+ **/
1825
1822
  .usa-sr-only {
1826
1823
  position: absolute;
1827
1824
  left: -999em;
@@ -1831,6 +1828,20 @@ template {
1831
1828
  ***THIS IS USWDS v1***
1832
1829
  Original import: @import "~uswds/src/stylesheets/core/base";
1833
1830
  */
1831
+ /**
1832
+ Variables ported over from Formation so that we can keep those stylesheets
1833
+ working while we work on deprecation.
1834
+ **/
1835
+ /**
1836
+ Variables ported over from Formation so that we can keep those stylesheets
1837
+ working while we work on deprecation.
1838
+ **/
1839
+ /**
1840
+ /uswds/dist/scss/lib/addons/_margin.scss
1841
+ **/
1842
+ /**
1843
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
1844
+ **/
1834
1845
  html {
1835
1846
  box-sizing: border-box;
1836
1847
  }
@@ -3319,126 +3330,126 @@ through all possible variants
3319
3330
  font-style: normal;
3320
3331
  font-weight: 300;
3321
3332
  font-display: fallback;
3322
- src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-300.woff2) format("woff2");
3333
+ src: url(~@uswds/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300.woff2) format("woff2");
3323
3334
  }
3324
3335
  @font-face {
3325
3336
  font-family: "Roboto Mono Web";
3326
3337
  font-style: normal;
3327
3338
  font-weight: 400;
3328
3339
  font-display: fallback;
3329
- src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2) format("woff2");
3340
+ src: url(~@uswds/uswds/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2) format("woff2");
3330
3341
  }
3331
3342
  @font-face {
3332
3343
  font-family: "Roboto Mono Web";
3333
3344
  font-style: normal;
3334
3345
  font-weight: 700;
3335
3346
  font-display: fallback;
3336
- src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-700.woff2) format("woff2");
3347
+ src: url(~@uswds/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700.woff2) format("woff2");
3337
3348
  }
3338
3349
  @font-face {
3339
3350
  font-family: "Roboto Mono Web";
3340
3351
  font-style: italic;
3341
3352
  font-weight: 300;
3342
3353
  font-display: fallback;
3343
- src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2) format("woff2");
3354
+ src: url(~@uswds/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2) format("woff2");
3344
3355
  }
3345
3356
  @font-face {
3346
3357
  font-family: "Roboto Mono Web";
3347
3358
  font-style: italic;
3348
3359
  font-weight: 400;
3349
3360
  font-display: fallback;
3350
- src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2) format("woff2");
3361
+ src: url(~@uswds/uswds/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2) format("woff2");
3351
3362
  }
3352
3363
  @font-face {
3353
3364
  font-family: "Roboto Mono Web";
3354
3365
  font-style: italic;
3355
3366
  font-weight: 700;
3356
3367
  font-display: fallback;
3357
- src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2) format("woff2");
3368
+ src: url(~@uswds/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2) format("woff2");
3358
3369
  }
3359
3370
  @font-face {
3360
3371
  font-family: "Source Sans Pro Web";
3361
3372
  font-style: normal;
3362
3373
  font-weight: 300;
3363
3374
  font-display: fallback;
3364
- src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2) format("woff2");
3375
+ src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2) format("woff2");
3365
3376
  }
3366
3377
  @font-face {
3367
3378
  font-family: "Source Sans Pro Web";
3368
3379
  font-style: normal;
3369
3380
  font-weight: 400;
3370
3381
  font-display: fallback;
3371
- src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2) format("woff2");
3382
+ src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2) format("woff2");
3372
3383
  }
3373
3384
  @font-face {
3374
3385
  font-family: "Source Sans Pro Web";
3375
3386
  font-style: normal;
3376
3387
  font-weight: 700;
3377
3388
  font-display: fallback;
3378
- src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2) format("woff2");
3389
+ src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2) format("woff2");
3379
3390
  }
3380
3391
  @font-face {
3381
3392
  font-family: "Source Sans Pro Web";
3382
3393
  font-style: italic;
3383
3394
  font-weight: 300;
3384
3395
  font-display: fallback;
3385
- src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2) format("woff2");
3396
+ src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2) format("woff2");
3386
3397
  }
3387
3398
  @font-face {
3388
3399
  font-family: "Source Sans Pro Web";
3389
3400
  font-style: italic;
3390
3401
  font-weight: 400;
3391
3402
  font-display: fallback;
3392
- src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2) format("woff2");
3403
+ src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2) format("woff2");
3393
3404
  }
3394
3405
  @font-face {
3395
3406
  font-family: "Source Sans Pro Web";
3396
3407
  font-style: italic;
3397
3408
  font-weight: 700;
3398
3409
  font-display: fallback;
3399
- src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2) format("woff2");
3410
+ src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2) format("woff2");
3400
3411
  }
3401
3412
  @font-face {
3402
3413
  font-family: "Merriweather Web";
3403
3414
  font-style: normal;
3404
3415
  font-weight: 300;
3405
3416
  font-display: fallback;
3406
- src: url(~@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2");
3417
+ src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2");
3407
3418
  }
3408
3419
  @font-face {
3409
3420
  font-family: "Merriweather Web";
3410
3421
  font-style: normal;
3411
3422
  font-weight: 400;
3412
3423
  font-display: fallback;
3413
- src: url(~@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2");
3424
+ src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2");
3414
3425
  }
3415
3426
  @font-face {
3416
3427
  font-family: "Merriweather Web";
3417
3428
  font-style: normal;
3418
3429
  font-weight: 700;
3419
3430
  font-display: fallback;
3420
- src: url(~@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Bold.woff2) format("woff2");
3431
+ src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff2) format("woff2");
3421
3432
  }
3422
3433
  @font-face {
3423
3434
  font-family: "Merriweather Web";
3424
3435
  font-style: italic;
3425
3436
  font-weight: 300;
3426
3437
  font-display: fallback;
3427
- src: url(~@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-LightItalic.woff2) format("woff2");
3438
+ src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.woff2) format("woff2");
3428
3439
  }
3429
3440
  @font-face {
3430
3441
  font-family: "Merriweather Web";
3431
3442
  font-style: italic;
3432
3443
  font-weight: 400;
3433
3444
  font-display: fallback;
3434
- src: url(~@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2");
3445
+ src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2");
3435
3446
  }
3436
3447
  @font-face {
3437
3448
  font-family: "Merriweather Web";
3438
3449
  font-style: italic;
3439
3450
  font-weight: 700;
3440
3451
  font-display: fallback;
3441
- src: url(~@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format("woff2");
3452
+ src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format("woff2");
3442
3453
  }
3443
3454
  /* stylelint-enable */
3444
3455
  /* latin */
@@ -3446,7 +3457,7 @@ through all possible variants
3446
3457
  font-family: "Bitter";
3447
3458
  font-style: normal;
3448
3459
  font-weight: 400;
3449
- src: local("Bitter Regular"), local("Bitter-Regular"), url("./fonts/bitter-regular.woff2") format("woff2"), url("./fonts/bitter-regular.ttf") format("truetype");
3460
+ src: local("Bitter Regular"), local("Bitter-Regular"), url("~@department-of-veterans-affairs/css-library/dist/fonts/bitter-regular.woff2") format("woff2"), url("~@department-of-veterans-affairs/css-library/dist/fonts/bitter-regular.ttf") format("truetype");
3450
3461
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
3451
3462
  }
3452
3463
  /* latin */
@@ -3454,13 +3465,36 @@ through all possible variants
3454
3465
  font-family: "Bitter";
3455
3466
  font-style: normal;
3456
3467
  font-weight: 700;
3457
- src: local("Bitter Bold"), local("Bitter-Bold"), url("./fonts/bitter-bold.woff2") format("woff2"), url("./fonts/bitter-bold.ttf") format("truetype");
3468
+ src: local("Bitter Bold"), local("Bitter-Bold"), url("~@department-of-veterans-affairs/css-library/dist/fonts/bitter-bold.woff2") format("woff2"), url("~@department-of-veterans-affairs/css-library/dist/fonts/bitter-bold.ttf") format("truetype");
3458
3469
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
3459
3470
  }
3471
+ /**
3472
+ Variables ported over from Formation so that we can keep those stylesheets
3473
+ working while we work on deprecation.
3474
+ **/
3475
+ /**
3476
+ /uswds/dist/scss/lib/addons/_margin.scss
3477
+ **/
3478
+ /**
3479
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
3480
+ **/
3481
+ /*
3482
+ Original: @import "~uswds/src/stylesheets/core/utilities";
3483
+ ***THIS IS USWDS v1***
3484
+ */
3485
+ /**
3486
+ Variables ported over from Formation so that we can keep those stylesheets
3487
+ working while we work on deprecation.
3488
+ **/
3460
3489
  /*
3461
- Original: @import "~uswds/src/stylesheets/elements/buttons";
3490
+ Original: @import "~uswds/src/stylesheets/core/utilities";
3462
3491
  ***THIS IS USWDS v1***
3463
3492
  */
3493
+ .usa-sr-only {
3494
+ position: absolute;
3495
+ left: -999em;
3496
+ }
3497
+
3464
3498
  /* stylelint-disable selector-no-qualifying-type */
3465
3499
  .usa-button,
3466
3500
  .usa-button-primary,
@@ -3492,7 +3526,7 @@ button,
3492
3526
  text-decoration: none;
3493
3527
  width: 100%;
3494
3528
  }
3495
- @media screen and (min-width: 481px) {
3529
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
3496
3530
  .usa-button,
3497
3531
  .usa-button-primary,
3498
3532
  .usa-button:visited,
@@ -3995,6 +4029,33 @@ html .usa-button-secondary-inverse-disabled,
3995
4029
  background-color: transparent;
3996
4030
  }
3997
4031
 
4032
+ /**
4033
+ Variables ported over from Formation so that we can keep those stylesheets
4034
+ working while we work on deprecation.
4035
+ **/
4036
+ /**
4037
+ /uswds/dist/scss/lib/addons/_margin.scss
4038
+ **/
4039
+ /**
4040
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
4041
+ **/
4042
+ /**
4043
+ Variables ported over from Formation so that we can keep those stylesheets
4044
+ working while we work on deprecation.
4045
+ **/
4046
+ /*
4047
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4048
+ ***THIS IS USWDS v1***
4049
+ */
4050
+ /*
4051
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4052
+ ***THIS IS USWDS v1***
4053
+ */
4054
+ .usa-sr-only {
4055
+ position: absolute;
4056
+ left: -999em;
4057
+ }
4058
+
3998
4059
  /*
3999
4060
  Original: @import "~uswds/src/stylesheets/elements/inputs";
4000
4061
  ***THIS IS USWDS v1***
@@ -4096,8 +4157,8 @@ textarea {
4096
4157
  select {
4097
4158
  appearance: none;
4098
4159
  background-color: #ffffff;
4099
- background-image: url("./img/arrow-both.png");
4100
- background-image: none, url("./img/arrow-both.svg"), url("./img/arrow-both.png");
4160
+ background-image: url("/assets/img/arrow-both.png");
4161
+ background-image: none, url("/assets/img/arrow-both.svg"), url("/assets/img/arrow-both.png");
4101
4162
  background-position: right 0.8125rem center;
4102
4163
  background-repeat: no-repeat;
4103
4164
  background-size: 0.625rem;
@@ -4195,8 +4256,8 @@ legend {
4195
4256
 
4196
4257
  [type=checkbox]:checked + label::before,
4197
4258
  [type=checkbox]:checked:disabled + label::before {
4198
- background-image: url("./img/correct8.png");
4199
- background-image: url("./img/correct8.svg");
4259
+ background-image: url("/assets/img/correct8.png");
4260
+ background-image: url("/assets/img/correct8.svg");
4200
4261
  background-position: 50%;
4201
4262
  background-repeat: no-repeat;
4202
4263
  }
@@ -4227,8 +4288,8 @@ legend {
4227
4288
  [type=checkbox]:checked:disabled + label::before {
4228
4289
  background-image: none;
4229
4290
  background-color: #ffffff;
4230
- content: url("./img/correct8-alt.png");
4231
- content: url("./img/correct8-alt.svg");
4291
+ content: url("/assets/img/correct8-alt.png");
4292
+ content: url("/assets/img/correct8-alt.svg");
4232
4293
  text-indent: 0;
4233
4294
  }
4234
4295
  [type=radio]:checked:disabled + label::before,
@@ -4350,6 +4411,10 @@ legend {
4350
4411
  width: 4.375rem;
4351
4412
  }
4352
4413
 
4414
+ /**
4415
+ Variables ported over from Formation so that we can keep those stylesheets
4416
+ working while we work on deprecation.
4417
+ **/
4353
4418
  /*
4354
4419
  Original: @import "~uswds/src/stylesheets/elements/labels";
4355
4420
  ***THIS IS USWDS v1***
@@ -4373,6 +4438,33 @@ legend {
4373
4438
  padding-right: 0.5625rem;
4374
4439
  }
4375
4440
 
4441
+ /**
4442
+ Variables ported over from Formation so that we can keep those stylesheets
4443
+ working while we work on deprecation.
4444
+ **/
4445
+ /**
4446
+ /uswds/dist/scss/lib/addons/_margin.scss
4447
+ **/
4448
+ /**
4449
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
4450
+ **/
4451
+ /**
4452
+ Variables ported over from Formation so that we can keep those stylesheets
4453
+ working while we work on deprecation.
4454
+ **/
4455
+ /*
4456
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4457
+ ***THIS IS USWDS v1***
4458
+ */
4459
+ /*
4460
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4461
+ ***THIS IS USWDS v1***
4462
+ */
4463
+ .usa-sr-only {
4464
+ position: absolute;
4465
+ left: -999em;
4466
+ }
4467
+
4376
4468
  /*
4377
4469
  Original: @import "~uswds/src/stylesheets/elements/labels";
4378
4470
  ***THIS IS USWDS v1***
@@ -4402,6 +4494,33 @@ li:last-child {
4402
4494
  margin-bottom: 0;
4403
4495
  }
4404
4496
 
4497
+ /**
4498
+ Variables ported over from Formation so that we can keep those stylesheets
4499
+ working while we work on deprecation.
4500
+ **/
4501
+ /**
4502
+ Variables ported over from Formation so that we can keep those stylesheets
4503
+ working while we work on deprecation.
4504
+ **/
4505
+ /**
4506
+ /uswds/dist/scss/lib/addons/_margin.scss
4507
+ **/
4508
+ /**
4509
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
4510
+ **/
4511
+ /*
4512
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4513
+ ***THIS IS USWDS v1***
4514
+ */
4515
+ /*
4516
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4517
+ ***THIS IS USWDS v1***
4518
+ */
4519
+ .usa-sr-only {
4520
+ position: absolute;
4521
+ left: -999em;
4522
+ }
4523
+
4405
4524
  /*
4406
4525
  Original: @import "~uswds/src/stylesheets/elements/table";
4407
4526
  ***THIS IS USWDS v1***
@@ -4452,6 +4571,33 @@ caption {
4452
4571
  text-align: left;
4453
4572
  }
4454
4573
 
4574
+ /**
4575
+ Variables ported over from Formation so that we can keep those stylesheets
4576
+ working while we work on deprecation.
4577
+ **/
4578
+ /**
4579
+ /uswds/dist/scss/lib/addons/_margin.scss
4580
+ **/
4581
+ /**
4582
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
4583
+ **/
4584
+ /**
4585
+ Variables ported over from Formation so that we can keep those stylesheets
4586
+ working while we work on deprecation.
4587
+ **/
4588
+ /*
4589
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4590
+ ***THIS IS USWDS v1***
4591
+ */
4592
+ /*
4593
+ Original: @import "~uswds/src/stylesheets/core/utilities";
4594
+ ***THIS IS USWDS v1***
4595
+ */
4596
+ .usa-sr-only {
4597
+ position: absolute;
4598
+ left: -999em;
4599
+ }
4600
+
4455
4601
  /*
4456
4602
  Original: @import "~uswds/src/stylesheets/elements/typography";
4457
4603
  ***THIS IS USWDS v1***
@@ -4481,8 +4627,8 @@ a:visited {
4481
4627
  }
4482
4628
 
4483
4629
  .usa-external_link::after {
4484
- background: url("./img/external-link.png") no-repeat 0 0;
4485
- background: url("./img/external-link.svg") no-repeat 0 0;
4630
+ background: url("/assets/img/external-link.png") no-repeat 0 0;
4631
+ background: url("/assets/img/external-link.svg") no-repeat 0 0;
4486
4632
  background-size: 100%;
4487
4633
  content: "";
4488
4634
  display: inline-block;
@@ -4492,13 +4638,13 @@ a:visited {
4492
4638
  width: 0.65em;
4493
4639
  }
4494
4640
  .usa-external_link:hover::after {
4495
- background-image: url("./img/external-link-hover.png");
4496
- background-image: url("./img/external-link-hover.svg");
4641
+ background-image: url("/assets/img/external-link-hover.png");
4642
+ background-image: url("/assets/img/external-link-hover.svg");
4497
4643
  }
4498
4644
 
4499
4645
  .usa-external_link-alt::after {
4500
- background: url("./img/external-link-alt.png") no-repeat 0 0;
4501
- background: url("./img/external-link-alt.svg") no-repeat 0 0;
4646
+ background: url("/assets/img/external-link-alt.png") no-repeat 0 0;
4647
+ background: url("/assets/img/external-link-alt.svg") no-repeat 0 0;
4502
4648
  background-size: 100%;
4503
4649
  content: "";
4504
4650
  display: inline-block;
@@ -4508,8 +4654,8 @@ a:visited {
4508
4654
  width: 0.65em;
4509
4655
  }
4510
4656
  .usa-external_link-alt:hover::after {
4511
- background-image: url("./img/external-link-alt-hover.png");
4512
- background-image: url("./img/external-link-alt-hover.svg");
4657
+ background-image: url("/assets/img/external-link-alt-hover.png");
4658
+ background-image: url("/assets/img/external-link-alt-hover.svg");
4513
4659
  }
4514
4660
 
4515
4661
  h1,
@@ -4598,13 +4744,13 @@ dfn {
4598
4744
  font-weight: 700;
4599
4745
  margin-bottom: 0;
4600
4746
  }
4601
- @media screen and (min-width: 481px) {
4747
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
4602
4748
  .usa-display {
4603
4749
  font-size: 2.5rem;
4604
4750
  font-weight: 700;
4605
4751
  }
4606
4752
  }
4607
- @media screen and (min-width: 768px) {
4753
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
4608
4754
  .usa-display {
4609
4755
  font-size: 3.25rem;
4610
4756
  font-weight: 700;
@@ -4660,7 +4806,7 @@ dfn {
4660
4806
  .usa-width-one-twelfth:first-child > :first-child {
4661
4807
  margin-top: 0;
4662
4808
  }
4663
- @media screen and (min-width: 768px) {
4809
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
4664
4810
  .usa-width-one-whole > :first-child,
4665
4811
  .usa-width-one-half > :first-child,
4666
4812
  .usa-width-one-third > :first-child,
@@ -4684,7 +4830,7 @@ dfn {
4684
4830
  .usa-width-one-twelfth:last-child > :last-child {
4685
4831
  margin-bottom: 0;
4686
4832
  }
4687
- @media screen and (min-width: 768px) {
4833
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
4688
4834
  .usa-width-one-whole > :last-child,
4689
4835
  .usa-width-one-half > :last-child,
4690
4836
  .usa-width-one-third > :last-child,
@@ -4769,8 +4915,8 @@ dfn {
4769
4915
  text-align: left;
4770
4916
  -webkit-font-smoothing: auto;
4771
4917
  background-color: #f0f0f0;
4772
- background-image: url("./img/minus.png");
4773
- background-image: url("./img/minus.svg");
4918
+ background-image: url("/assets/img/minus.png");
4919
+ background-image: url("/assets/img/minus.svg");
4774
4920
  background-position: right 1.25rem center;
4775
4921
  background-repeat: no-repeat;
4776
4922
  background-size: 0.9375rem;
@@ -4808,8 +4954,8 @@ dfn {
4808
4954
  }
4809
4955
  .usa-accordion > ul [aria-expanded=false],
4810
4956
  .usa-accordion-bordered > ul [aria-expanded=false] {
4811
- background-image: url("./img/plus.png");
4812
- background-image: url("./img/plus.svg");
4957
+ background-image: url("/assets/img/plus.png");
4958
+ background-image: url("/assets/img/plus.svg");
4813
4959
  background-repeat: no-repeat;
4814
4960
  background-size: 0.9375rem;
4815
4961
  }
@@ -4857,8 +5003,8 @@ dfn {
4857
5003
  text-align: left;
4858
5004
  -webkit-font-smoothing: auto;
4859
5005
  background-color: #f0f0f0;
4860
- background-image: url("./img/minus.png");
4861
- background-image: url("./img/minus.svg");
5006
+ background-image: url("/assets/img/minus.png");
5007
+ background-image: url("/assets/img/minus.svg");
4862
5008
  background-position: right 1.25rem center;
4863
5009
  background-repeat: no-repeat;
4864
5010
  background-size: 0.9375rem;
@@ -4888,8 +5034,8 @@ dfn {
4888
5034
  }
4889
5035
 
4890
5036
  .usa-accordion-button[aria-expanded=false] {
4891
- background-image: url("./img/plus.png");
4892
- background-image: url("./img/plus.svg");
5037
+ background-image: url("/assets/img/plus.png");
5038
+ background-image: url("/assets/img/plus.svg");
4893
5039
  background-repeat: no-repeat;
4894
5040
  background-size: 0.9375rem;
4895
5041
  }
@@ -4968,8 +5114,8 @@ dfn {
4968
5114
 
4969
5115
  .usa-alert-success {
4970
5116
  background-color: #ecf3ec;
4971
- background-image: url("./img/alerts/success.png");
4972
- background-image: url("./img/alerts/success.svg");
5117
+ background-image: url("/assets/img/alerts/success.png");
5118
+ background-image: url("/assets/img/alerts/success.svg");
4973
5119
  }
4974
5120
  .usa-alert-success::before {
4975
5121
  background-color: #008817;
@@ -4980,8 +5126,8 @@ dfn {
4980
5126
 
4981
5127
  .usa-alert-warning {
4982
5128
  background-color: #fef0c8;
4983
- background-image: url("./img/alerts/warning.png");
4984
- background-image: url("./img/alerts/warning.svg");
5129
+ background-image: url("/assets/img/alerts/warning.png");
5130
+ background-image: url("/assets/img/alerts/warning.svg");
4985
5131
  }
4986
5132
  .usa-alert-warning::before {
4987
5133
  background-color: #ffbe2e;
@@ -4992,8 +5138,8 @@ dfn {
4992
5138
 
4993
5139
  .usa-alert-error {
4994
5140
  background-color: #f8dfe2;
4995
- background-image: url("./img/alerts/error.png");
4996
- background-image: url("./img/alerts/error.svg");
5141
+ background-image: url("/assets/img/alerts/error.png");
5142
+ background-image: url("/assets/img/alerts/error.svg");
4997
5143
  }
4998
5144
  .usa-alert-error::before {
4999
5145
  background-color: #d83933;
@@ -5004,8 +5150,8 @@ dfn {
5004
5150
 
5005
5151
  .usa-alert-info {
5006
5152
  background-color: #e1f3f8;
5007
- background-image: url("./img/alerts/info.png");
5008
- background-image: url("./img/alerts/info.svg");
5153
+ background-image: url("/assets/img/alerts/info.png");
5154
+ background-image: url("/assets/img/alerts/info.svg");
5009
5155
  }
5010
5156
  .usa-alert-info::before {
5011
5157
  background-color: #00bde3;
@@ -5026,6 +5172,16 @@ dfn {
5026
5172
  margin-top: 1.5em;
5027
5173
  }
5028
5174
 
5175
+ /**
5176
+ Variables ported over from Formation so that we can keep those stylesheets
5177
+ working while we work on deprecation.
5178
+ **/
5179
+ /**
5180
+ /uswds/dist/scss/lib/addons/_margin.scss
5181
+ **/
5182
+ /**
5183
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
5184
+ **/
5029
5185
  /*
5030
5186
  Original: @import "~uswds/src/stylesheets/components/banner";
5031
5187
  ***THIS IS USWDS v1***
@@ -5034,7 +5190,7 @@ dfn {
5034
5190
  background-color: #f1f1f1;
5035
5191
  padding-bottom: 0.4375rem;
5036
5192
  }
5037
- @media screen and (min-width: 481px) {
5193
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5038
5194
  .usa-banner {
5039
5195
  font-size: 0.8125rem;
5040
5196
  padding-bottom: 0;
@@ -5050,13 +5206,13 @@ dfn {
5050
5206
  padding-top: 1.25rem;
5051
5207
  width: 100%;
5052
5208
  }
5053
- @media screen and (min-width: 768px) {
5209
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5054
5210
  .usa-banner-content {
5055
5211
  padding-bottom: 23px;
5056
5212
  padding-top: 40px;
5057
5213
  }
5058
5214
  }
5059
- @media screen and (min-width: 951px) {
5215
+ @media screen and (min-width: 951px), print and (min-width: 951px) {
5060
5216
  .usa-banner-content {
5061
5217
  padding-right: 1.875rem;
5062
5218
  padding-left: 1.875rem;
@@ -5065,7 +5221,7 @@ dfn {
5065
5221
  .usa-banner-content p:first-child {
5066
5222
  margin-top: 0.625rem;
5067
5223
  }
5068
- @media screen and (min-width: 768px) {
5224
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5069
5225
  .usa-banner-content p:first-child {
5070
5226
  margin-top: 0;
5071
5227
  }
@@ -5083,7 +5239,7 @@ dfn {
5083
5239
  content: "";
5084
5240
  display: table;
5085
5241
  }
5086
- @media screen and (min-width: 951px) {
5242
+ @media screen and (min-width: 951px), print and (min-width: 951px) {
5087
5243
  .usa-banner-inner {
5088
5244
  padding-right: 1.875rem;
5089
5245
  padding-left: 1.875rem;
@@ -5096,7 +5252,7 @@ dfn {
5096
5252
  font-size: 0.75rem;
5097
5253
  font-weight: 400;
5098
5254
  }
5099
- @media screen and (min-width: 481px) {
5255
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5100
5256
  .usa-banner-header {
5101
5257
  padding-top: 0;
5102
5258
  padding-bottom: 0;
@@ -5109,7 +5265,7 @@ dfn {
5109
5265
  overflow: hidden;
5110
5266
  vertical-align: middle;
5111
5267
  }
5112
- @media screen and (min-width: 481px) {
5268
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5113
5269
  .usa-banner-header p {
5114
5270
  margin-top: 2px;
5115
5271
  margin-bottom: 2px;
@@ -5122,7 +5278,7 @@ dfn {
5122
5278
  margin-top: 1px;
5123
5279
  width: 1.5rem;
5124
5280
  }
5125
- @media screen and (min-width: 481px) {
5281
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5126
5282
  .usa-banner-header img {
5127
5283
  margin-right: 7px;
5128
5284
  width: 20px;
@@ -5137,7 +5293,7 @@ dfn {
5137
5293
  min-height: 3.5rem;
5138
5294
  padding-right: 1.875rem;
5139
5295
  }
5140
- @media screen and (min-width: 481px) {
5296
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5141
5297
  .usa-banner-header-expanded {
5142
5298
  border-bottom: none;
5143
5299
  display: block;
@@ -5150,7 +5306,7 @@ dfn {
5150
5306
  .usa-banner-header-expanded > .usa-banner-inner {
5151
5307
  margin-left: 0;
5152
5308
  }
5153
- @media screen and (min-width: 481px) {
5309
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5154
5310
  .usa-banner-header-expanded > .usa-banner-inner {
5155
5311
  margin-left: auto;
5156
5312
  }
@@ -5158,7 +5314,7 @@ dfn {
5158
5314
  .usa-banner-header-expanded img {
5159
5315
  margin-right: 1.5rem;
5160
5316
  }
5161
- @media screen and (min-width: 481px) {
5317
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5162
5318
  .usa-banner-header-expanded img {
5163
5319
  margin-right: 0.4375rem;
5164
5320
  }
@@ -5167,7 +5323,7 @@ dfn {
5167
5323
  line-height: 1.3;
5168
5324
  vertical-align: top;
5169
5325
  }
5170
- @media screen and (min-width: 481px) {
5326
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5171
5327
  .usa-banner-header-expanded p {
5172
5328
  line-height: 1.5;
5173
5329
  vertical-align: middle;
@@ -5199,7 +5355,7 @@ dfn {
5199
5355
  .usa-banner-button:hover {
5200
5356
  background-color: transparent;
5201
5357
  }
5202
- @media screen and (min-width: 481px) {
5358
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5203
5359
  .usa-banner-button {
5204
5360
  padding-top: 0;
5205
5361
  padding-left: 0;
@@ -5221,8 +5377,8 @@ dfn {
5221
5377
  background-image: none;
5222
5378
  }
5223
5379
  .usa-banner-button[aria-expanded=false]::after {
5224
- background-image: url("./img/angle-arrow-down-primary.png");
5225
- background-image: url("./img/angle-arrow-down-primary.svg");
5380
+ background-image: url("/assets/img/angle-arrow-down-primary.png");
5381
+ background-image: url("/assets/img/angle-arrow-down-primary.svg");
5226
5382
  background-size: 100%;
5227
5383
  content: "";
5228
5384
  display: inline-block;
@@ -5233,8 +5389,8 @@ dfn {
5233
5389
  /* stylelint-enable */
5234
5390
  }
5235
5391
  .usa-banner-button[aria-expanded=false]:hover::after {
5236
- background-image: url("./img/angle-arrow-down-primary-hover.png");
5237
- background-image: url("./img/angle-arrow-down-primary-hover.svg");
5392
+ background-image: url("/assets/img/angle-arrow-down-primary-hover.png");
5393
+ background-image: url("/assets/img/angle-arrow-down-primary-hover.svg");
5238
5394
  }
5239
5395
  .usa-banner-button[aria-expanded=false]::after {
5240
5396
  background-position-y: 1px;
@@ -5244,8 +5400,8 @@ dfn {
5244
5400
  height: 3.5rem;
5245
5401
  }
5246
5402
  .usa-banner-button[aria-expanded=true]::after {
5247
- background-image: url("./img/close.png");
5248
- background-image: url("./img/close.svg");
5403
+ background-image: url("/assets/img/close.png");
5404
+ background-image: url("/assets/img/close.svg");
5249
5405
  background-size: 100%;
5250
5406
  content: "";
5251
5407
  display: inline-block;
@@ -5255,15 +5411,15 @@ dfn {
5255
5411
  margin-left: 0;
5256
5412
  /* stylelint-enable */
5257
5413
  }
5258
- @media screen and (min-width: 481px) {
5414
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5259
5415
  .usa-banner-button[aria-expanded=true] {
5260
5416
  height: initial;
5261
5417
  padding: 0;
5262
5418
  position: relative;
5263
5419
  }
5264
5420
  .usa-banner-button[aria-expanded=true]::after {
5265
- background-image: url("./img/angle-arrow-up-primary.png");
5266
- background-image: url("./img/angle-arrow-up-primary.svg");
5421
+ background-image: url("/assets/img/angle-arrow-up-primary.png");
5422
+ background-image: url("/assets/img/angle-arrow-up-primary.svg");
5267
5423
  background-size: 100%;
5268
5424
  content: "";
5269
5425
  display: inline-block;
@@ -5274,8 +5430,8 @@ dfn {
5274
5430
  /* stylelint-enable */
5275
5431
  }
5276
5432
  .usa-banner-button[aria-expanded=true]:hover::after {
5277
- background-image: url("./img/angle-arrow-up-primary-hover.png");
5278
- background-image: url("./img/angle-arrow-up-primary-hover.svg");
5433
+ background-image: url("/assets/img/angle-arrow-up-primary-hover.png");
5434
+ background-image: url("/assets/img/angle-arrow-up-primary-hover.svg");
5279
5435
  }
5280
5436
  .usa-banner-button[aria-expanded=true]::after {
5281
5437
  background-position-y: 1px;
@@ -5286,7 +5442,7 @@ dfn {
5286
5442
  right: 0.9375rem;
5287
5443
  top: 1.34375rem;
5288
5444
  }
5289
- @media screen and (min-width: 481px) {
5445
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5290
5446
  .usa-banner-button[aria-expanded=true]::after {
5291
5447
  position: static;
5292
5448
  }
@@ -5294,7 +5450,7 @@ dfn {
5294
5450
  .usa-banner-button[aria-expanded=true] .usa-banner-button-text {
5295
5451
  display: none;
5296
5452
  }
5297
- @media screen and (min-width: 481px) {
5453
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
5298
5454
  .usa-banner-button[aria-expanded=true] .usa-banner-button-text {
5299
5455
  display: inline;
5300
5456
  }
@@ -5304,11 +5460,25 @@ dfn {
5304
5460
  width: 38px;
5305
5461
  }
5306
5462
 
5463
+ /**
5464
+ Variables ported over from Formation so that we can keep those stylesheets
5465
+ working while we work on deprecation.
5466
+ **/
5467
+ /**
5468
+ Variables ported over from Formation so that we can keep those stylesheets
5469
+ working while we work on deprecation.
5470
+ **/
5471
+ /**
5472
+ /uswds/dist/scss/lib/addons/_margin.scss
5473
+ **/
5474
+ /**
5475
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
5476
+ **/
5307
5477
  /*
5308
5478
  Original: @import "~uswds/src/stylesheets/components/forms";
5309
5479
  ***THIS IS USWDS v1***
5310
5480
  */
5311
- @media screen and (min-width: 768px) {
5481
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5312
5482
  [type=submit] {
5313
5483
  margin-top: calc(3rem - 0.2em);
5314
5484
  }
@@ -5320,19 +5490,19 @@ fieldset {
5320
5490
  padding: 0;
5321
5491
  }
5322
5492
 
5323
- @media screen and (min-width: 768px) {
5493
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5324
5494
  .usa-form {
5325
5495
  max-width: 20rem;
5326
5496
  }
5327
5497
  }
5328
5498
 
5329
- @media screen and (min-width: 768px) {
5499
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5330
5500
  .usa-input-tiny {
5331
5501
  max-width: 3.75rem;
5332
5502
  }
5333
5503
  }
5334
5504
 
5335
- @media screen and (min-width: 768px) {
5505
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5336
5506
  .usa-input-medium {
5337
5507
  max-width: 7.5rem;
5338
5508
  }
@@ -5348,25 +5518,25 @@ fieldset {
5348
5518
  clear: both;
5349
5519
  }
5350
5520
 
5351
- @media screen and (min-width: 768px) {
5521
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5352
5522
  .usa-form-large {
5353
5523
  max-width: 28.75rem;
5354
5524
  }
5355
5525
  }
5356
5526
 
5357
- @media screen and (min-width: 768px) {
5527
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5358
5528
  .usa-input-grid {
5359
5529
  padding-right: 5%;
5360
5530
  }
5361
5531
  }
5362
5532
 
5363
- @media screen and (min-width: 768px) {
5533
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5364
5534
  .usa-input-grid:last-of-type {
5365
5535
  padding-right: 0;
5366
5536
  }
5367
5537
  }
5368
5538
 
5369
- @media screen and (min-width: 768px) {
5539
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5370
5540
  .usa-input-grid-small {
5371
5541
  float: left;
5372
5542
  width: 35%;
@@ -5379,7 +5549,7 @@ fieldset {
5379
5549
  margin-bottom: 1.875rem;
5380
5550
  }
5381
5551
 
5382
- @media screen and (min-width: 768px) {
5552
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5383
5553
  .usa-input-grid-medium {
5384
5554
  float: left;
5385
5555
  width: 65%;
@@ -5392,7 +5562,7 @@ fieldset {
5392
5562
  margin-bottom: 1.875rem;
5393
5563
  }
5394
5564
 
5395
- @media screen and (min-width: 768px) {
5565
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5396
5566
  .usa-input-grid-large {
5397
5567
  float: left;
5398
5568
  width: 100%;
@@ -5431,8 +5601,8 @@ fieldset {
5431
5601
  }
5432
5602
 
5433
5603
  .usa-checklist-checked::before {
5434
- background-image: url("./img/correct9.png");
5435
- background-image: url("./img/correct9.svg");
5604
+ background-image: url("/assets/img/correct9.png");
5605
+ background-image: url("/assets/img/correct9.svg");
5436
5606
  background-position: 100%;
5437
5607
  background-repeat: no-repeat;
5438
5608
  background-size: 100%;
@@ -5451,6 +5621,16 @@ fieldset {
5451
5621
  overflow: hidden;
5452
5622
  }
5453
5623
 
5624
+ /**
5625
+ Variables ported over from Formation so that we can keep those stylesheets
5626
+ working while we work on deprecation.
5627
+ **/
5628
+ /**
5629
+ /uswds/dist/scss/lib/addons/_margin.scss
5630
+ **/
5631
+ /**
5632
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
5633
+ **/
5454
5634
  /*
5455
5635
  Original: @import "~uswds/src/stylesheets/components/side-nav";
5456
5636
  ***THIS IS USWDS v1***
@@ -5499,7 +5679,7 @@ fieldset {
5499
5679
  font-weight: 700;
5500
5680
  padding-left: 0.6875rem;
5501
5681
  }
5502
- @media screen and (min-width: 1201px) {
5682
+ @media screen and (min-width: 1201px), print and (min-width: 1201px) {
5503
5683
  .usa-sidenav-list {
5504
5684
  border-bottom: none;
5505
5685
  border-top: none;
@@ -5509,7 +5689,7 @@ fieldset {
5509
5689
  margin-right: -0.9375rem;
5510
5690
  margin-left: -0.9375rem;
5511
5691
  }
5512
- @media screen and (min-width: 768px) {
5692
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
5513
5693
  .usa-grid .usa-sidenav-list {
5514
5694
  margin-right: 0;
5515
5695
  margin-left: 0;
@@ -5552,12 +5732,22 @@ fieldset {
5552
5732
  .usa-layout-docs-sidenav {
5553
5733
  padding-top: 1.5rem;
5554
5734
  }
5555
- @media screen and (min-width: 1201px) {
5735
+ @media screen and (min-width: 1201px), print and (min-width: 1201px) {
5556
5736
  .usa-layout-docs-sidenav {
5557
5737
  padding-top: 0;
5558
5738
  }
5559
5739
  }
5560
5740
 
5741
+ /**
5742
+ Variables ported over from Formation so that we can keep those stylesheets
5743
+ working while we work on deprecation.
5744
+ **/
5745
+ /**
5746
+ /uswds/dist/scss/lib/addons/_margin.scss
5747
+ **/
5748
+ /**
5749
+ uswds/src/stylesheets/lib/helpers/_directional-values.scss
5750
+ **/
5561
5751
  html,
5562
5752
  body {
5563
5753
  padding: 0;
@@ -7236,12 +7426,12 @@ table {
7236
7426
  padding: 0;
7237
7427
  min-height: 189.19px;
7238
7428
  }
7239
- @media screen and (min-width: 481px) {
7429
+ @media screen and (min-width: 481px), print and (min-width: 481px) {
7240
7430
  .header {
7241
7431
  min-height: 167.19px;
7242
7432
  }
7243
7433
  }
7244
- @media screen and (min-width: 768px) {
7434
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
7245
7435
  .header {
7246
7436
  position: relative;
7247
7437
  min-height: 159px;
@@ -7255,7 +7445,7 @@ table {
7255
7445
  .header .login-container .row {
7256
7446
  padding: 0;
7257
7447
  }
7258
- @media screen and (min-width: 640px) {
7448
+ @media screen and (min-width: 640px), print and (min-width: 640px) {
7259
7449
  .header .login-container {
7260
7450
  flex: 1 0 100%;
7261
7451
  }
@@ -7265,7 +7455,7 @@ table {
7265
7455
  flex-wrap: wrap;
7266
7456
  padding: 1em 0.75em 0;
7267
7457
  }
7268
- @media screen and (min-width: 640px) {
7458
+ @media screen and (min-width: 640px), print and (min-width: 640px) {
7269
7459
  #va-header-logo-menu {
7270
7460
  padding-bottom: 0;
7271
7461
  }
@@ -7274,7 +7464,7 @@ table {
7274
7464
  .va-header-logo-wrapper {
7275
7465
  flex: 1 0 164px;
7276
7466
  }
7277
- @media screen and (min-width: 640px) {
7467
+ @media screen and (min-width: 640px), print and (min-width: 640px) {
7278
7468
  .va-header-logo-wrapper {
7279
7469
  flex-basis: 3.75rem;
7280
7470
  }
@@ -7298,7 +7488,7 @@ table {
7298
7488
  padding: 0;
7299
7489
  font-weight: 400;
7300
7490
  }
7301
- @media screen and (min-width: 768px) {
7491
+ @media screen and (min-width: 768px), print and (min-width: 768px) {
7302
7492
  .va-notice--banner {
7303
7493
  background: #f1f1f1;
7304
7494
  }
@@ -7310,7 +7500,7 @@ table {
7310
7500
  padding-right: 0;
7311
7501
  }
7312
7502
  }
7313
- @media screen and (min-width: 1008px) {
7503
+ @media screen and (min-width: 1008px), print and (min-width: 1008px) {
7314
7504
  .va-notice--banner .usa-banner-inner {
7315
7505
  padding-left: 0;
7316
7506
  }
@@ -7366,2165 +7556,17 @@ article > h1 {
7366
7556
  line-height: 1.7;
7367
7557
  }
7368
7558
 
7369
- .external-link-icon-black {
7370
- background-image: url("./img/exit-icon.png");
7371
- background-position: 100% 50%;
7559
+ /**
7560
+ Variables ported over from Formation so that we can keep those stylesheets
7561
+ working while we work on deprecation.
7562
+ **/
7563
+ .external-link-icon-black {
7564
+ background-image: url("/assets/img/exit-icon.png");
7565
+ background-position: 100% 50%;
7372
7566
  background-repeat: no-repeat;
7373
7567
  background-size: 1em auto;
7374
7568
  padding-right: 1.2em;
7375
7569
  position: relative;
7376
7570
  }
7377
7571
 
7378
- .usa-alert {
7379
- background: none;
7380
- background-color: #f1f1f1;
7381
- border-left-style: solid;
7382
- border-left-width: 10px;
7383
- display: table;
7384
- padding: 2rem 4rem 2rem 1.5rem;
7385
- width: 100%;
7386
- }
7387
- .usa-alert::before {
7388
- display: block;
7389
- width: auto;
7390
- background: none;
7391
- font-family: "Font Awesome 5 Free";
7392
- font-size: 1.25rem;
7393
- margin-right: 1rem;
7394
- position: static;
7395
- font-weight: 900;
7396
- }
7397
- .usa-alert .usa-alert-body {
7398
- display: table-cell;
7399
- padding-left: 0;
7400
- padding-right: 0;
7401
- width: 100%;
7402
- vertical-align: middle;
7403
- }
7404
- .usa-alert-heading {
7405
- font-size: 1.25rem;
7406
- margin-top: 0;
7407
- padding-top: 0;
7408
- }
7409
- .usa-alert-text {
7410
- margin-top: 1.25rem;
7411
- }
7412
- .usa-alert-text:only-child {
7413
- margin: 0;
7414
- padding: 0;
7415
- }
7416
- .usa-alert-text p:first-child {
7417
- margin-top: 0;
7418
- }
7419
- .usa-alert-text p:last-child {
7420
- margin-bottom: 0;
7421
- }
7422
- .usa-alert-text .usa-alert-heading + p:only-of-type {
7423
- margin-top: 1.25rem;
7424
- }
7425
- .usa-alert-text ul {
7426
- padding-left: 1.25rem;
7427
- }
7428
- .usa-alert-info {
7429
- border-left-color: #00a6d2;
7430
- }
7431
- .usa-alert-info::before {
7432
- content: "\f05a";
7433
- }
7434
- .usa-alert-info.background-color-only {
7435
- background-color: #e1f3f8;
7436
- }
7437
- .usa-alert-error {
7438
- border-left-color: #cd2026;
7439
- }
7440
- .usa-alert-error::before {
7441
- color: #cd2026;
7442
- content: "\f06a";
7443
- }
7444
- .usa-alert-error.background-color-only {
7445
- background-color: #f9dede;
7446
- }
7447
- .usa-alert-success {
7448
- border-left-color: #2e8540;
7449
- }
7450
- .usa-alert-success::before {
7451
- color: #2e8540;
7452
- content: "\f00c";
7453
- }
7454
- .usa-alert-success.background-color-only {
7455
- background-color: #e7f4e4;
7456
- }
7457
- .usa-alert-warning {
7458
- border-left-color: #fdb81e;
7459
- }
7460
- .usa-alert-warning::before {
7461
- content: "\f071";
7462
- }
7463
- .usa-alert-warning.background-color-only {
7464
- background-color: #fff1d2;
7465
- }
7466
- .usa-alert-continue {
7467
- border-left-color: #2e8540;
7468
- }
7469
- .usa-alert-continue::before {
7470
- color: #2e8540;
7471
- content: "\f023";
7472
- }
7473
- .usa-alert.background-color-only {
7474
- border-left: none;
7475
- padding: 1.25rem;
7476
- }
7477
- .usa-alert.background-color-only::before {
7478
- content: none;
7479
- }
7480
-
7481
- .va-alert-close {
7482
- background-color: transparent;
7483
- color: #005ea2;
7484
- font-size: 1.40625rem;
7485
- padding: 0;
7486
- position: absolute;
7487
- margin: 1rem;
7488
- right: 0;
7489
- top: 0;
7490
- width: auto;
7491
- z-index: 9;
7492
- }
7493
- .va-alert-close:hover {
7494
- background-color: transparent;
7495
- color: #1a4480;
7496
- }
7497
- .va-alert-close:active {
7498
- background-color: transparent;
7499
- color: #112e51;
7500
- }
7501
-
7502
- p.usa-alert-heading {
7503
- margin-top: 0;
7504
- }
7505
-
7506
- .claims-list-alert {
7507
- margin-bottom: 1em;
7508
- margin-top: 0;
7509
- }
7510
-
7511
- .va-alert-close-icon {
7512
- font-size: 1.1em !important;
7513
- }
7514
-
7515
- .claims-alert-status {
7516
- margin-top: 0;
7517
- margin-bottom: 2em;
7518
- }
7519
-
7520
- .claims-alert-header {
7521
- padding-bottom: 0 !important;
7522
- margin-top: 0;
7523
- }
7524
-
7525
- .alerts-list {
7526
- list-style: none;
7527
- }
7528
- .alerts-list li {
7529
- margin-left: -0.4em;
7530
- }
7531
-
7532
- .claims-alert-checkbox > label {
7533
- margin-top: 0;
7534
- margin-bottom: 0;
7535
- max-width: 100%;
7536
- }
7537
-
7538
- .need-files-alert {
7539
- padding-bottom: 4em;
7540
- }
7541
- @media screen and (min-width: 768px) {
7542
- .need-files-alert {
7543
- padding-bottom: 1em;
7544
- }
7545
- }
7546
-
7547
- .alert-with-details {
7548
- display: flex;
7549
- justify-content: space-between;
7550
- flex-direction: column;
7551
- }
7552
- @media screen and (min-width: 768px) {
7553
- .alert-with-details {
7554
- flex-direction: row;
7555
- }
7556
- }
7557
-
7558
- .usa-alert-full-width {
7559
- background-color: #f1f1f1;
7560
- }
7561
- .usa-alert-full-width.dismissable-option-header {
7562
- display: none;
7563
- }
7564
- .usa-alert-full-width.dismissable-option-header.show-alert {
7565
- display: block;
7566
- }
7567
- .usa-alert-full-width.dismissable-option-header.dismissed {
7568
- display: none;
7569
- }
7570
- .usa-alert-full-width .usa-alert-dismiss {
7571
- position: absolute;
7572
- right: 0;
7573
- top: 5px;
7574
- cursor: pointer;
7575
- }
7576
- .usa-alert-full-width > .usa-alert {
7577
- border-left: none;
7578
- max-width: 1000px;
7579
- margin: 0 auto;
7580
- }
7581
- .usa-alert-full-width > .usa-alert .paragraph--type--expandable-text .field--name-field-text-expander .field__label {
7582
- display: none;
7583
- }
7584
- .usa-alert-full-width > .usa-alert .paragraph--type--expandable-text .field--name-field-text-expander .field__item {
7585
- font-size: 1.25rem;
7586
- margin-top: 0;
7587
- padding-top: 0;
7588
- font-weight: 700;
7589
- text-decoration: underline;
7590
- color: #1a4480;
7591
- cursor: pointer;
7592
- }
7593
- .usa-alert-full-width > .usa-alert .paragraph--type--expandable-text .field--type-text-long {
7594
- display: none;
7595
- }
7596
- .usa-alert-full-width > .usa-alert .paragraph--type--expandable-text .field--type-text-long .field__label {
7597
- display: none;
7598
- }
7599
- .usa-alert-full-width > .usa-alert .paragraph--type--expandable-text .field--type-text-long.expander-content-open {
7600
- display: block;
7601
- }
7602
- .usa-alert-full-width-warning {
7603
- border-top: 0.625rem solid #fdb81e;
7604
- }
7605
- .usa-alert-full-width-info, .usa-alert-full-width-information {
7606
- border-top: 0.625rem solid #00a6d2;
7607
- }
7608
- .usa-alert-full-width-info .usa-alert:before, .usa-alert-full-width-information .usa-alert:before {
7609
- content: "\f05a";
7610
- background: none;
7611
- font-size: 1.25rem;
7612
- margin-right: 0.9375rem;
7613
- position: static;
7614
- font-weight: 900;
7615
- }
7616
-
7617
- .va-nav-breadcrumbs {
7618
- background: #ffffff;
7619
- color: #005ea2;
7620
- font-size: inherit;
7621
- padding: 1em 0;
7622
- }
7623
- .va-nav-breadcrumbs--gate {
7624
- margin-bottom: -1em;
7625
- }
7626
- .va-nav-breadcrumbs li {
7627
- display: inline-block;
7628
- margin: 0.25em 0;
7629
- padding: 0.25em 0 0.25em 0;
7630
- vertical-align: middle;
7631
- }
7632
- .va-nav-breadcrumbs li:after {
7633
- content: " › ";
7634
- display: inline-block;
7635
- padding: 0 0.35em;
7636
- }
7637
- .va-nav-breadcrumbs li:last-child:after {
7638
- content: "";
7639
- }
7640
- .va-nav-breadcrumbs li.active {
7641
- font-weight: bold;
7642
- padding: 0.3em 0;
7643
- }
7644
- .va-nav-breadcrumbs li.active:after {
7645
- content: "";
7646
- }
7647
- .va-nav-breadcrumbs a {
7648
- color: #005ea2;
7649
- display: inline-block;
7650
- padding: 2px;
7651
- }
7652
- .va-nav-breadcrumbs a:hover {
7653
- background: rgba(0, 0, 0, 0.05);
7654
- }
7655
- .va-nav-breadcrumbs a[aria-current=page] {
7656
- color: #323a45 !important;
7657
- cursor: default;
7658
- font-weight: bold;
7659
- pointer-events: none;
7660
- text-decoration: none;
7661
- }
7662
-
7663
- .va-nav-breadcrumbs-list {
7664
- font-size: 16px;
7665
- float: none !important;
7666
- position: relative;
7667
- }
7668
-
7669
- /* Mobile class declaration for React apps, manual override */
7670
- .va-nav-breadcrumbs--mobile li {
7671
- display: none;
7672
- }
7673
- .va-nav-breadcrumbs--mobile li:nth-last-child(2) {
7674
- display: inline-block;
7675
- }
7676
- .va-nav-breadcrumbs--mobile li:nth-last-child(2)::before {
7677
- content: " ‹";
7678
- display: inline-block;
7679
- padding: 0 0.15em;
7680
- }
7681
- .va-nav-breadcrumbs--mobile li:nth-last-child(2)::after {
7682
- content: "";
7683
- display: none;
7684
- padding: 0;
7685
- }
7686
-
7687
- /* Activate the mobile breadcrumb at $small-screen breakpoint */
7688
- @media screen and (max-width: 481px) {
7689
- .va-nav-breadcrumbs li {
7690
- display: none;
7691
- }
7692
- .va-nav-breadcrumbs li:nth-last-child(2) {
7693
- display: inline-block;
7694
- }
7695
- .va-nav-breadcrumbs li:nth-last-child(2)::before {
7696
- content: " ‹";
7697
- display: inline-block;
7698
- padding: 0 0.15em;
7699
- }
7700
- .va-nav-breadcrumbs li:nth-last-child(2)::after {
7701
- content: "";
7702
- display: none;
7703
- padding: 0;
7704
- }
7705
- }
7706
- .usa-button,
7707
- .usa-button-primary,
7708
- .usa-button:visited,
7709
- .usa-button-primary:visited,
7710
- button,
7711
- [type=button],
7712
- [type=submit],
7713
- [type=reset],
7714
- [type=image] {
7715
- -webkit-font-smoothing: inherit;
7716
- -moz-osx-font-smoothing: inherit;
7717
- background-color: #005ea2;
7718
- box-sizing: border-box;
7719
- }
7720
- .usa-button.usa-button-secondary,
7721
- .usa-button-primary.usa-button-secondary,
7722
- .usa-button:visited.usa-button-secondary,
7723
- .usa-button-primary:visited.usa-button-secondary,
7724
- button.usa-button-secondary,
7725
- [type=button].usa-button-secondary,
7726
- [type=submit].usa-button-secondary,
7727
- [type=reset].usa-button-secondary,
7728
- [type=image].usa-button-secondary {
7729
- background: transparent;
7730
- }
7731
- .usa-button.usa-button-secondary:focus, .usa-button.usa-button-secondary:hover,
7732
- .usa-button-primary.usa-button-secondary:focus,
7733
- .usa-button-primary.usa-button-secondary:hover,
7734
- .usa-button:visited.usa-button-secondary:focus,
7735
- .usa-button:visited.usa-button-secondary:hover,
7736
- .usa-button-primary:visited.usa-button-secondary:focus,
7737
- .usa-button-primary:visited.usa-button-secondary:hover,
7738
- button.usa-button-secondary:focus,
7739
- button.usa-button-secondary:hover,
7740
- [type=button].usa-button-secondary:focus,
7741
- [type=button].usa-button-secondary:hover,
7742
- [type=submit].usa-button-secondary:focus,
7743
- [type=submit].usa-button-secondary:hover,
7744
- [type=reset].usa-button-secondary:focus,
7745
- [type=reset].usa-button-secondary:hover,
7746
- [type=image].usa-button-secondary:focus,
7747
- [type=image].usa-button-secondary:hover {
7748
- background-color: #dce4ef;
7749
- }
7750
-
7751
- .usa-button-primary {
7752
- color: #ffffff !important;
7753
- }
7754
- .usa-button-primary[href^=http] {
7755
- background-image: none;
7756
- text-decoration: none !important;
7757
- }
7758
- .usa-button-primary[href^=http]:after {
7759
- content: none;
7760
- }
7761
-
7762
- .usa-accordion .usa-button-secondary:focus {
7763
- box-shadow: inset 0 0 0 2px #112e51, 0 0 3px #aeb0b5, 0 0 7px #aeb0b5;
7764
- }
7765
-
7766
- .usa-accordion-button:active {
7767
- background-color: inherit;
7768
- }
7769
-
7770
- .usa-button-disabled {
7771
- background-color: #d6d7d9;
7772
- }
7773
-
7774
- .row.form-progress-buttons {
7775
- max-width: 29.375rem;
7776
- }
7777
-
7778
- button i.fa {
7779
- font-size: 0.75em;
7780
- }
7781
- button i.fa.before-text {
7782
- margin-right: 0.5em;
7783
- }
7784
- button i.fa.after-text {
7785
- margin-left: 0.5em;
7786
- }
7787
-
7788
- button.short {
7789
- font-weight: 500;
7790
- padding: 0.625rem;
7791
- }
7792
-
7793
- .va-icon-link,
7794
- .va-icon-link[type=button] {
7795
- background: transparent;
7796
- border-radius: 0;
7797
- color: #005ea2 !important;
7798
- font-weight: normal;
7799
- line-height: 1.3;
7800
- margin: 0;
7801
- text-align: left;
7802
- -webkit-transition-duration: 0.3s;
7803
- transition-duration: 0.3s;
7804
- -webkit-transition-timing-function: ease-in-out;
7805
- transition-timing-function: ease-in-out;
7806
- -webkit-transition-property: color, background-color, border-color;
7807
- transition-property: color, background-color, border-color;
7808
- white-space: nowrap;
7809
- }
7810
- .va-icon-link:hover,
7811
- .va-icon-link[type=button]:hover {
7812
- background: #f1f1f1;
7813
- }
7814
- .va-icon-link .fa,
7815
- .va-icon-link[type=button] .fa {
7816
- display: inline-block;
7817
- font-size: 1.125rem;
7818
- }
7819
- .va-icon-link span,
7820
- .va-icon-link[type=button] span {
7821
- display: inline-block;
7822
- padding-left: 0.3125rem;
7823
- text-decoration: underline;
7824
- }
7825
-
7826
- .va-btn-withicon > span {
7827
- display: flex;
7828
- align-items: center;
7829
- }
7830
- .va-btn-withicon svg {
7831
- display: none;
7832
- }
7833
- @media screen and (min-width: 768px) {
7834
- .va-btn-withicon svg {
7835
- display: block;
7836
- height: 15px;
7837
- margin-right: 2.5px;
7838
- pointer-events: none;
7839
- width: 15px;
7840
- }
7841
- }
7842
-
7843
- legend.legend-label + .form-radio-buttons {
7844
- margin-top: 0.75rem;
7845
- }
7846
-
7847
- .form-radio-buttons label {
7848
- margin-top: 12px;
7849
- }
7850
- .form-radio-buttons label a {
7851
- position: relative;
7852
- }
7853
- .form-radio-buttons [type=radio] {
7854
- height: 3rem !important;
7855
- margin: 0;
7856
- border: 0;
7857
- cursor: pointer;
7858
- }
7859
- .form-radio-buttons .errorable-radio-button label {
7860
- outline: none;
7861
- padding: 0.75rem;
7862
- display: inline-block;
7863
- margin: 0 0 0 0.75rem;
7864
- }
7865
- .form-radio-buttons .errorable-radio-button input:focus + label {
7866
- background: #ffe396;
7867
- }
7868
-
7869
- .form-required-span {
7870
- color: #cd2026;
7871
- margin: 0 0.35em;
7872
- }
7873
-
7874
- button.form-button-green {
7875
- background: #2e8540;
7876
- }
7877
-
7878
- button.form-button-disabled {
7879
- pointer-events: none;
7880
- }
7881
-
7882
- .form-datefield-month,
7883
- .form-datefield-day {
7884
- clear: none;
7885
- float: left;
7886
- margin-right: 0.9375rem;
7887
- }
7888
- .form-datefield-month select,
7889
- .form-datefield-day select {
7890
- padding-top: 0.53125rem;
7891
- padding-bottom: 0.53125rem;
7892
- }
7893
-
7894
- .form-alert-body {
7895
- padding: 0 2.1875rem;
7896
- }
7897
-
7898
- .form-datefield-month {
7899
- width: 8.125rem;
7900
- }
7901
-
7902
- .form-datefield-day {
7903
- width: 5rem;
7904
- }
7905
-
7906
- .form-radio-buttons > input[type=radio] + label::before {
7907
- display: block;
7908
- float: left;
7909
- margin-left: -1.7em;
7910
- margin-top: 0.25em;
7911
- margin-right: 0;
7912
- pointer-events: none;
7913
- }
7914
- .form-radio-buttons > input[type=radio] + label {
7915
- margin-left: 1.8em;
7916
- }
7917
- .form-radio-buttons > input[type=radio] {
7918
- cursor: pointer;
7919
- }
7920
-
7921
- .form-required-span {
7922
- color: #cd2026;
7923
- margin: 0 0.35em;
7924
- }
7925
-
7926
- .form-checkbox [type=checkbox] {
7927
- height: 1.125rem !important;
7928
- margin: 0;
7929
- width: 1.125rem !important;
7930
- cursor: pointer;
7931
- }
7932
- .form-checkbox > input[type=checkbox] + label::before {
7933
- display: block;
7934
- float: left;
7935
- margin-left: -1.7em;
7936
- margin-top: 0.14em;
7937
- margin-right: 0;
7938
- pointer-events: none;
7939
- }
7940
- .form-checkbox > input[type=checkbox] + label {
7941
- margin-left: 1.7em;
7942
- }
7943
-
7944
- legend.legend-label + .form-checkbox-buttons {
7945
- margin-top: 0.75rem;
7946
- }
7947
-
7948
- .form-checkbox-buttons [type=checkbox] {
7949
- height: 1.125rem !important;
7950
- width: 1.125rem !important;
7951
- cursor: pointer;
7952
- margin: 0.75rem 0 0 1.5rem;
7953
- }
7954
- .form-checkbox-buttons label {
7955
- padding: 0.75rem;
7956
- display: inline-block;
7957
- margin: 0 0 0 0.75rem;
7958
- }
7959
-
7960
- .form-field-alert label {
7961
- margin-top: 0.5em;
7962
- }
7963
-
7964
- .form-error-date {
7965
- margin-top: 0;
7966
- }
7967
-
7968
- .usa-input-error.form-error-date input, .usa-input-error.form-error-date select {
7969
- width: 100%;
7970
- }
7971
-
7972
- @media screen and (min-width: 768px) {
7973
- .form-select-medium {
7974
- max-width: 7.5rem;
7975
- }
7976
- }
7977
- .form-expanding-group-active-radio {
7978
- margin-left: 28px;
7979
- }
7980
-
7981
- .form-expanding-group-active-radio.form-expanding-group-inner-enter,
7982
- .form-expanding-group-active-radio.form-expanding-group-inner-leave-active {
7983
- margin-top: -16px;
7984
- }
7985
-
7986
- .form-expanding-group-inner-leave {
7987
- max-height: 800px;
7988
- opacity: 1;
7989
- margin-top: 0;
7990
- }
7991
-
7992
- .form-expanding-group-inner-enter {
7993
- opacity: 0;
7994
- max-height: 0;
7995
- }
7996
-
7997
- .form-expanding-group-inner-leave.form-expanding-group-inner-leave-active {
7998
- -webkit-transition: margin-top 500ms 0ms, max-height 300ms 0ms, opacity 300ms 0ms;
7999
- transition: margin-top 500ms 0ms, max-height 300ms 0ms, opacity 300ms 0ms;
8000
- max-height: 0;
8001
- opacity: 0;
8002
- }
8003
-
8004
- .form-expanding-group-inner-enter.form-expanding-group-inner-enter-active {
8005
- -webkit-transition: margin-top 300ms 0ms, max-height 700ms 0ms, opacity 500ms 200ms;
8006
- transition: margin-top 300ms 0ms, max-height 700ms 0ms, opacity 500ms 200ms;
8007
- max-height: 800px;
8008
- opacity: 1;
8009
- margin-top: 0 !important;
8010
- }
8011
-
8012
- .form-expanding-group > span .usa-input-error {
8013
- padding-left: calc(1.5rem - 6px);
8014
- right: calc(1.9rem - 6px);
8015
- }
8016
- .form-expanding-group > span .schemaform-expandUnder-indent .usa-input-error {
8017
- padding-left: 0.9375rem;
8018
- right: 1.1875rem;
8019
- }
8020
-
8021
- .form-expanding-group {
8022
- margin-left: -1.25rem;
8023
- padding-left: 1.25rem;
8024
- }
8025
-
8026
- .form-expanding-group-open {
8027
- padding-left: calc(2rem - 7px);
8028
- border-left: 7px solid #97d4ea;
8029
- }
8030
- .form-expanding-group-open .form-expanding-group-open {
8031
- border-left-color: transparent;
8032
- }
8033
-
8034
- .form-expanding-group-plus {
8035
- position: relative;
8036
- }
8037
- .form-expanding-group-plus::after {
8038
- content: "+";
8039
- font-size: 20px;
8040
- position: absolute;
8041
- right: 0;
8042
- top: 0;
8043
- }
8044
-
8045
- .form-expanding-group-open.form-expanding-group-plus::after {
8046
- content: "-";
8047
- }
8048
-
8049
- .form-errorable-group > .usa-input-error label {
8050
- margin-top: 1.875rem;
8051
- }
8052
- .form-errorable-group > .usa-input-error .usa-input-error-label {
8053
- margin-top: 0;
8054
- }
8055
- .form-errorable-group > .usa-input-error .usa-input-error-message {
8056
- margin-bottom: -1.25rem;
8057
- }
8058
-
8059
- .loading-indicator-container {
8060
- text-align: center;
8061
- }
8062
- .loading-indicator-container .loading-indicator {
8063
- display: block;
8064
- height: 4rem;
8065
- margin-top: 1rem;
8066
- }
8067
- .loading-indicator-container .loading-indicator:after {
8068
- content: " ";
8069
- display: inline-block;
8070
- width: 3.5rem;
8071
- height: 3.5rem;
8072
- margin: 1px;
8073
- border-radius: 50%;
8074
- border: 8px solid #005ea2;
8075
- border-color: #005ea2 transparent #005ea2 transparent;
8076
- animation: spin 1.2s linear infinite;
8077
- }
8078
- .loading-indicator-container .loading-indicator:focus {
8079
- outline: none;
8080
- }
8081
-
8082
- .async-loader {
8083
- padding-bottom: 0.5rem;
8084
- }
8085
-
8086
- @keyframes spin {
8087
- 0% {
8088
- transform: rotate(0deg);
8089
- }
8090
- 100% {
8091
- transform: rotate(360deg);
8092
- }
8093
- }
8094
- .print-only {
8095
- display: none;
8096
- }
8097
-
8098
- @media print {
8099
- header, footer, nav {
8100
- display: none;
8101
- }
8102
- .schemaform-title,
8103
- .schemaform-subtitle,
8104
- .screen-only {
8105
- display: none;
8106
- }
8107
- .print-only {
8108
- display: block;
8109
- }
8110
- /* Relative URLs - include the HREF with the domain prepended */
8111
- a[href^="/"]:after {
8112
- content: " (https://www.va.gov" attr(href) ")";
8113
- }
8114
- /* Absolute URLs - show the HREF without prepending the domain. */
8115
- a[href^=http]:after {
8116
- content: " (" attr(href) ")";
8117
- }
8118
- }
8119
- .va-dropdown {
8120
- position: relative;
8121
- }
8122
- .va-dropdown-trigger {
8123
- background: transparent url("./img/arrow-down-white.svg") no-repeat;
8124
- background-position: right 8px center;
8125
- background-size: 10px 10px;
8126
- border-radius: 0;
8127
- border-top: 3px solid transparent;
8128
- margin: 0;
8129
- padding: 9px 25px 8px 8px;
8130
- }
8131
- .va-dropdown-trigger:hover {
8132
- background-color: #005ea2;
8133
- }
8134
- .va-dropdown-trigger[aria-expanded=true] {
8135
- border-top-color: #8a7237;
8136
- background-color: #ffffff;
8137
- background-image: url("./img/arrow-up.svg") !important;
8138
- color: #1b1b1b;
8139
- }
8140
- .va-dropdown-trigger[aria-expanded=true] path {
8141
- fill: currentColor;
8142
- }
8143
- .va-dropdown-panel {
8144
- background: #ffffff;
8145
- box-shadow: 0px 4px 10px -4px #1b1b1b;
8146
- color: #1b1b1b;
8147
- padding: 0.5rem;
8148
- position: absolute;
8149
- min-width: 100%;
8150
- z-index: 2;
8151
- }
8152
- .va-dropdown-panel a {
8153
- color: #005ea2;
8154
- display: inline-block;
8155
- }
8156
-
8157
- [id=helpmenu] {
8158
- width: 13.125rem;
8159
- }
8160
-
8161
- .usa-sidenav-list a {
8162
- font-size: 15px;
8163
- text-decoration: none;
8164
- padding: 8px 16px 8px 12px;
8165
- }
8166
- .usa-sidenav-list a.va-button-primary {
8167
- padding: 0.625rem 1.25rem;
8168
- }
8169
-
8170
- @media (min-width: 320px) and (max-width: 767px) {
8171
- .va-sidebarnav {
8172
- display: none;
8173
- }
8174
- button.va-sidebarnav-close {
8175
- position: absolute;
8176
- right: 2px;
8177
- top: 2px;
8178
- }
8179
- button.va-sidebarnav-close:hover, button.va-sidebarnav-close:focus {
8180
- background-color: #f0f0f0;
8181
- }
8182
- }
8183
- .left-side-nav-title {
8184
- color: #000000;
8185
- padding-left: 1em;
8186
- }
8187
- @media screen and (min-width: 1008px) {
8188
- .left-side-nav-title {
8189
- padding-left: 0;
8190
- }
8191
- }
8192
-
8193
- .va-sidebarnav {
8194
- color: #005ea2;
8195
- }
8196
- .va-sidebarnav h4 {
8197
- margin-top: 0;
8198
- }
8199
- .va-sidebarnav li {
8200
- border-top-color: #d6d7d9;
8201
- }
8202
- @media screen and (max-width: 767px) {
8203
- .va-sidebarnav {
8204
- left: 0;
8205
- height: 100%;
8206
- overflow: scroll;
8207
- padding: 1.6rem;
8208
- position: absolute;
8209
- top: 0;
8210
- visibility: hidden;
8211
- }
8212
- .va-l-detail-page .va-sidebarnav {
8213
- width: 100%;
8214
- }
8215
- .va-sidebarnav::before {
8216
- background: rgba(0, 0, 0, 0.05);
8217
- content: " ";
8218
- display: block;
8219
- height: 100%;
8220
- left: 0;
8221
- position: fixed;
8222
- top: 0;
8223
- width: 100%;
8224
- z-index: 1;
8225
- }
8226
- .va-sidebarnav > div {
8227
- visibility: visible;
8228
- background: #ffffff;
8229
- border-left: 1px solid #aeb0b5;
8230
- height: 100%;
8231
- max-width: 18.75rem;
8232
- overflow: auto;
8233
- padding: 2rem 1rem 1rem;
8234
- z-index: 2;
8235
- position: absolute;
8236
- top: 0;
8237
- right: 0;
8238
- width: 80%;
8239
- transform: translateX(100%);
8240
- -webkit-transition: 100ms transform linear;
8241
- transition: 100ms transform linear;
8242
- }
8243
- .va-sidebarnav--opened {
8244
- visibility: visible;
8245
- display: block;
8246
- position: fixed;
8247
- z-index: 300;
8248
- }
8249
- .va-sidebarnav--opened > div {
8250
- transform: translateX(0);
8251
- }
8252
- .va-sidebarnav-close {
8253
- position: absolute;
8254
- top: 0;
8255
- right: 0;
8256
- }
8257
- }
8258
- @media screen and (min-width: 768px) {
8259
- .va-sidebarnav a {
8260
- padding-right: 1rem;
8261
- }
8262
- .va-sidebarnav-close {
8263
- display: none;
8264
- }
8265
- .va-sidebarnav .usa-sidenav-list {
8266
- margin-right: 1rem;
8267
- }
8268
- }
8269
- .va-sidebarnav ul.usa-accordion > li {
8270
- margin-bottom: -1px;
8271
- }
8272
- .va-sidebarnav .left-side-nav-title {
8273
- padding-bottom: 25px;
8274
- }
8275
- .va-sidebarnav .left-side-nav-title > .icon-small {
8276
- vertical-align: middle;
8277
- padding-left: initial;
8278
- margin-right: 5px;
8279
- font-size: 1.0625rem;
8280
- }
8281
- .va-sidebarnav .usa-sidenav-list {
8282
- margin-right: 0;
8283
- margin-left: 0;
8284
- }
8285
- .va-sidebarnav .usa-sidenav-list > li {
8286
- border-top: 0;
8287
- }
8288
- .va-sidebarnav .usa-sidenav-list > li .active-menu {
8289
- border-bottom: 0;
8290
- }
8291
- .va-sidebarnav .usa-sidenav-list > li a {
8292
- color: #005ea2;
8293
- display: inline-block;
8294
- vertical-align: middle;
8295
- width: 100%;
8296
- border-left: 4px solid transparent;
8297
- }
8298
- .va-sidebarnav .usa-sidenav-list > li a:hover, .va-sidebarnav .usa-sidenav-list > li a:focus {
8299
- background-color: #e1f3f8;
8300
- padding: 8px 14px;
8301
- border-color: #005ea2;
8302
- transition: background-color 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s, padding 0.1s ease-in-out 0s;
8303
- }
8304
- .va-sidebarnav .usa-sidenav-list > li i {
8305
- color: #000000;
8306
- vertical-align: middle;
8307
- font-size: 15px;
8308
- padding-left: 0;
8309
- }
8310
- .va-sidebarnav .usa-sidenav-list .menu-item-container > a {
8311
- font-weight: bold;
8312
- }
8313
- .va-sidebarnav .usa-sidenav-list .menu-item-container:hover {
8314
- background-color: #f1f1f1;
8315
- color: #005ea2;
8316
- }
8317
- .va-sidebarnav .usa-sidenav-list .menu-item-container:focus {
8318
- outline: 2px solid #fdb81e;
8319
- outline-offset: 3px;
8320
- }
8321
- .va-sidebarnav .usa-sidenav-list a.usa-current {
8322
- color: #212121;
8323
- border-left: 4px solid #212121;
8324
- padding-left: 12px;
8325
- margin-left: 16px;
8326
- background-color: #f0f0f0;
8327
- cursor: auto;
8328
- }
8329
- .va-sidebarnav .usa-sidenav-list a.usa-current.level-one {
8330
- padding-left: 14px;
8331
- margin-left: 0;
8332
- }
8333
- .va-sidebarnav .usa-sidenav-list a.usa-current:hover {
8334
- background-color: #f0f0f0;
8335
- font-weight: bold;
8336
- }
8337
- .va-sidebarnav .usa-sidenav-list .active-level {
8338
- background-color: #f0f0f0;
8339
- }
8340
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list {
8341
- margin-top: 2px;
8342
- margin-bottom: 2px;
8343
- }
8344
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li > a {
8345
- padding: 8px 14px 8px 28px;
8346
- }
8347
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li > a:hover {
8348
- padding: 8px 12px 8px 30px;
8349
- }
8350
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li:last-child a {
8351
- padding-bottom: 12px;
8352
- }
8353
- .va-sidebarnav h4 {
8354
- display: inline-block;
8355
- margin-bottom: 0;
8356
- margin-top: 0;
8357
- vertical-align: middle;
8358
- width: 75%;
8359
- }
8360
- .va-sidebarnav .usa-sidenav-list > li i {
8361
- position: relative;
8362
- right: -20px;
8363
- }
8364
- .va-sidebarnav .usa-sidenav-list > li .menu-item-container > a {
8365
- font-weight: initial;
8366
- }
8367
- .va-sidebarnav .usa-sidenav-list > li a.usa-current {
8368
- font-weight: bold;
8369
- margin-left: 0;
8370
- }
8371
- .va-sidebarnav .usa-sidenav-list > li a.usa-current:hover, .va-sidebarnav .usa-sidenav-list > li a.usa-current:focus {
8372
- border-color: #212121;
8373
- padding: 8px 16px 8px 12px;
8374
- }
8375
- .va-sidebarnav .usa-sidenav-sub_list a {
8376
- width: 100% !important;
8377
- padding-left: 40px;
8378
- font-size: 15px;
8379
- }
8380
- .va-sidebarnav .usa-sidenav-sub_list a:focus {
8381
- outline: 2px dotted #aeb0b5;
8382
- outline-offset: 0px;
8383
- }
8384
- .va-sidebarnav .usa-sidenav-sub_list a:hover, .va-sidebarnav .usa-sidenav-sub_list a:focus {
8385
- background-color: #e1f3f8;
8386
- padding: 8px 12px 8px 30px;
8387
- border-color: #005ea2;
8388
- }
8389
- .va-sidebarnav .usa-sidenav-sub_list a.usa-current {
8390
- margin-left: 16px !important;
8391
- }
8392
- .va-sidebarnav .usa-accordion .usa-accordion-button {
8393
- background-color: #ffffff;
8394
- border-top: 1px solid #d6d7d9;
8395
- border-bottom: 1px solid #d6d7d9;
8396
- background-size: 0.6875rem;
8397
- color: #005ea2;
8398
- font-weight: normal;
8399
- font-size: 17px;
8400
- padding-left: 0.625rem;
8401
- }
8402
- .va-sidebarnav .usa-accordion .usa-accordion-button:focus {
8403
- outline: 0;
8404
- border: 2px solid #fdb81e;
8405
- background-color: #f0f0f0;
8406
- font-weight: bold;
8407
- }
8408
- .va-sidebarnav .usa-accordion .usa-accordion-button:hover {
8409
- background-color: #e1f3f8;
8410
- }
8411
- .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=false] {
8412
- background-image: url("./img/plus-blue.svg");
8413
- }
8414
- .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true] {
8415
- border-bottom: 0;
8416
- background-image: url("./img/minus-blue.svg");
8417
- }
8418
- .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true]:focus {
8419
- border: 2px solid #fdb81e;
8420
- }
8421
- .va-sidebarnav .usa-accordion .usa-accordion-content {
8422
- padding: 0;
8423
- }
8424
- .va-sidebarnav .usa-accordion .usa-sidenav-list a {
8425
- font-size: 15px;
8426
- padding: 8px 16px 8px 12px;
8427
- }
8428
- .va-sidebarnav .usa-accordion .usa-sidenav-list a:focus {
8429
- width: 98% !important;
8430
- margin: 2px;
8431
- }
8432
- .va-sidebarnav .usa-accordion .usa-current:focus {
8433
- width: 99% !important;
8434
- margin-top: 2px;
8435
- }
8436
- .va-sidebarnav .usa-accordion-button-dark {
8437
- background-color: #f1f1f1;
8438
- }
8439
-
8440
- .va-btn-sidebarnav-trigger {
8441
- margin: 0;
8442
- padding: 0;
8443
- }
8444
- .va-btn-sidebarnav-trigger.fixed-trigger {
8445
- position: fixed;
8446
- top: 0;
8447
- width: 100%;
8448
- z-index: 299;
8449
- }
8450
- .va-btn-sidebarnav-trigger .button-wrapper {
8451
- position: absolute;
8452
- width: 100%;
8453
- padding: 0.5rem 0.5rem 1rem;
8454
- }
8455
- .va-btn-sidebarnav-trigger button {
8456
- background-color: #ffffff;
8457
- color: #005ea2;
8458
- margin: 0;
8459
- padding: 0.75rem;
8460
- border: 1px solid #005ea2;
8461
- border-radius: 4px;
8462
- width: 100%;
8463
- display: flex;
8464
- align-items: center;
8465
- justify-content: space-between;
8466
- }
8467
- .va-btn-sidebarnav-trigger button strong {
8468
- line-height: 1.25rem;
8469
- }
8470
- .va-btn-sidebarnav-trigger button svg {
8471
- fill: #005ea2;
8472
- }
8473
- .va-btn-sidebarnav-trigger .button-background {
8474
- position: absolute;
8475
- background-color: #ffffff;
8476
- width: 100%;
8477
- }
8478
- @media screen and (min-width: 768px) {
8479
- .va-btn-sidebarnav-trigger {
8480
- display: none;
8481
- }
8482
- }
8483
-
8484
- .va-btn-close-icon {
8485
- background: transparent url("./img/close.svg") center no-repeat;
8486
- background-size: 0.625rem 0.625rem;
8487
- height: 1.375rem;
8488
- padding: 1.375rem;
8489
- margin: 0;
8490
- text-indent: -6249.375rem;
8491
- width: 0.625rem;
8492
- }
8493
-
8494
- .va-overlay {
8495
- background: rgba(50, 58, 69, 0.8);
8496
- height: 100%;
8497
- left: 0;
8498
- -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
8499
- opacity: 0;
8500
- position: fixed;
8501
- top: 0;
8502
- transition: opacity 0.5s, visibility 0s 0.5s;
8503
- visibility: hidden;
8504
- width: 100%;
8505
- z-index: 800;
8506
- }
8507
- .va-overlay [type=text] {
8508
- -webkit-appearance: none;
8509
- border-radius: 3px 0 0 3px;
8510
- }
8511
-
8512
- .va-mobile-searchclose {
8513
- border-radius: 0;
8514
- display: block !important;
8515
- width: 100% !important;
8516
- margin: 0;
8517
- width: auto;
8518
- background: #005ea2;
8519
- }
8520
-
8521
- .va-overlay--open {
8522
- opacity: 1;
8523
- visibility: visible;
8524
- -webkit-transition: opacity 0.5s;
8525
- transition: opacity 0.5s;
8526
- }
8527
- .va-overlay--open .columns {
8528
- padding: 0;
8529
- }
8530
-
8531
- .va-overlay .menu {
8532
- -webkit-perspective: 1200px;
8533
- perspective: 1200px;
8534
- padding: 1em 1em;
8535
- }
8536
-
8537
- .va-overlay form {
8538
- opacity: 0.4;
8539
- -webkit-transform: translateY(-25%) rotateX(35deg);
8540
- transform: translateY(-25%) rotateX(35deg);
8541
- -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
8542
- transition: transform 0.5s, opacity 0.5s;
8543
- }
8544
-
8545
- .va-overlay--open form {
8546
- opacity: 1;
8547
- -webkit-transform: rotateX(0deg);
8548
- transform: rotateX(0deg);
8549
- }
8550
-
8551
- .va-overlay-body {
8552
- margin: 0.625rem auto;
8553
- }
8554
-
8555
- @media (max-height: 30.5em) {
8556
- .overlay form {
8557
- height: 70%;
8558
- }
8559
- }
8560
- .additional-info-content {
8561
- margin-top: 1em;
8562
- margin-bottom: 1em;
8563
- }
8564
-
8565
- .additional-info-button {
8566
- text-decoration: none;
8567
- }
8568
- .additional-info-button:hover {
8569
- text-decoration: none;
8570
- }
8571
-
8572
- .additional-info-title {
8573
- border-bottom-right-radius: 1px;
8574
- border-bottom: 2px #005ea2 dotted;
8575
- color: #323a45;
8576
- }
8577
- .additional-info-title:hover {
8578
- color: #000000;
8579
- }
8580
-
8581
- .fa-angle-down {
8582
- color: #aeb0b5;
8583
- font-size: 16px !important;
8584
- margin: 0.3125rem;
8585
- transform: rotate(0deg);
8586
- transition: transform 0.15s linear;
8587
- }
8588
-
8589
- .fa-angle-down.open {
8590
- transform: rotate(180deg);
8591
- transition: transform 0.15s linear;
8592
- }
8593
-
8594
- @media (max-width: 481px) {
8595
- h1 {
8596
- font-size: 30px;
8597
- }
8598
- h2 {
8599
- font-size: 24px;
8600
- }
8601
- .va-introtext {
8602
- font-size: 16px;
8603
- }
8604
- }
8605
- body .row {
8606
- max-width: 62.5em;
8607
- }
8608
- body .row-padded {
8609
- max-width: 62.5rem;
8610
- padding: 0 0.625rem;
8611
- margin: 0 auto;
8612
- }
8613
-
8614
- @media screen and (min-width: 768px) {
8615
- .form-panel {
8616
- max-width: 20rem;
8617
- }
8618
- }
8619
-
8620
- .progress-box button {
8621
- width: 100%;
8622
- }
8623
-
8624
- .progress-box {
8625
- border: 1px solid #f1f1f1;
8626
- margin: 0.9375rem 0;
8627
- padding: 0.625rem 1.25rem;
8628
- }
8629
-
8630
- .button-icon {
8631
- font-size: 1.0625rem;
8632
- }
8633
-
8634
- .input-section {
8635
- margin-bottom: 2em;
8636
- }
8637
- .input-section .row {
8638
- margin: 0;
8639
- }
8640
-
8641
- .usa-input-error select {
8642
- border: 3px solid #cd2026;
8643
- }
8644
-
8645
- .hidden {
8646
- display: none !important;
8647
- }
8648
-
8649
- .csp-inline-patch-footer {
8650
- display: none;
8651
- visibility: hidden;
8652
- }
8653
-
8654
- .csp-inline-patch-page-react {
8655
- padding: 2em 0;
8656
- }
8657
-
8658
- @media screen and (min-width: 768px) {
8659
- .usa-grid .usa-width-one-fourth {
8660
- margin-right: 2.35765%;
8661
- width: 23.23176%;
8662
- }
8663
- .usa-grid .usa-width-three-fourths {
8664
- width: 74.41059%;
8665
- }
8666
- }
8667
- input[type=checkbox],
8668
- input[type=radio] {
8669
- margin-left: -1.25rem;
8670
- opacity: 0;
8671
- position: absolute;
8672
- left: auto;
8673
- }
8674
-
8675
- [hidden=false] {
8676
- display: block !important;
8677
- }
8678
-
8679
- @media screen and (min-width: 768px) {
8680
- form [type=submit] {
8681
- padding-left: 1.25rem;
8682
- padding-right: 1.25rem;
8683
- width: 100%;
8684
- }
8685
- }
8686
-
8687
- #top-of-page-alert-container {
8688
- width: 100%;
8689
- background-color: #fef0c8;
8690
- position: relative;
8691
- }
8692
- #top-of-page-alert-container:before {
8693
- background-color: #fdb81e;
8694
- content: "";
8695
- height: 100%;
8696
- left: 0;
8697
- position: absolute;
8698
- top: 0;
8699
- width: 0.625rem;
8700
- }
8701
-
8702
- #top-of-page-alert {
8703
- max-width: 62.5em;
8704
- margin: 0 auto;
8705
- }
8706
- #top-of-page-alert.usa-alert::before {
8707
- content: none;
8708
- }
8709
- #top-of-page-alert .usa-alert-body {
8710
- margin: 0 auto;
8711
- text-align: left;
8712
- }
8713
- #top-of-page-alert .usa-alert-body .usa-alert-heading {
8714
- margin: 0 auto;
8715
- padding: 0;
8716
- }
8717
-
8718
- #va-modal {
8719
- display: none;
8720
- }
8721
-
8722
- .va-modal {
8723
- background: rgba(50, 58, 69, 0.8);
8724
- content: " ";
8725
- display: block;
8726
- height: 100%;
8727
- left: 0;
8728
- position: fixed;
8729
- top: 0;
8730
- width: 100%;
8731
- z-index: 6;
8732
- }
8733
- @media screen and (max-width: 481px) {
8734
- .va-modal {
8735
- overflow-y: scroll;
8736
- }
8737
- }
8738
- .va-modal .va-modal-body {
8739
- margin-right: 1.25rem;
8740
- }
8741
- .va-modal .va-modal-body p:first-of-type {
8742
- margin-top: 0;
8743
- }
8744
- .va-modal-title {
8745
- margin: 0;
8746
- margin-bottom: 1rem;
8747
- }
8748
- .va-modal-inner {
8749
- background: #ffffff;
8750
- margin: auto;
8751
- max-width: 25rem;
8752
- position: relative;
8753
- top: 50%;
8754
- transform: translateY(-50%);
8755
- width: 100%;
8756
- cursor: auto;
8757
- }
8758
- @media screen and (max-width: 481px) {
8759
- .va-modal-inner {
8760
- transform: none;
8761
- top: 0;
8762
- }
8763
- }
8764
- .va-modal-alert {
8765
- max-width: 37.5rem;
8766
- }
8767
- .va-modal-alert .alert-actions {
8768
- margin-top: 1.5rem;
8769
- }
8770
- .va-modal-alert .alert-actions button {
8771
- margin: 0;
8772
- }
8773
- .va-modal-alert .alert-actions button + button {
8774
- margin-left: 1.25rem;
8775
- }
8776
- .va-modal-body {
8777
- overflow-wrap: break-word;
8778
- padding: 1.25rem;
8779
- word-break: break-word;
8780
- word-wrap: break-word;
8781
- }
8782
- .va-modal-large .va-modal-inner {
8783
- max-width: 46.875rem;
8784
- width: 75vw;
8785
- }
8786
- .va-modal-large .va-modal-inner .va-modal-body {
8787
- max-height: 95vh;
8788
- overflow-y: auto;
8789
- }
8790
-
8791
- .va-modal-body h3 {
8792
- margin-top: 0;
8793
- }
8794
-
8795
- .va-modal button {
8796
- white-space: nowrap;
8797
- }
8798
-
8799
- button.va-modal-close {
8800
- background-color: transparent;
8801
- color: #005ea2;
8802
- font-size: 1.40625rem;
8803
- padding: 0;
8804
- position: absolute;
8805
- margin: 1rem;
8806
- right: 0;
8807
- top: 0;
8808
- width: auto;
8809
- z-index: 9;
8810
- }
8811
- button.va-modal-close:hover {
8812
- background-color: transparent;
8813
- color: #1a4480;
8814
- }
8815
- button.va-modal-close:active {
8816
- background-color: transparent;
8817
- color: #112e51;
8818
- }
8819
-
8820
- .va-pagination {
8821
- border-top: 1px solid #f1f1f1;
8822
- font-size: 0.9em;
8823
- overflow: hidden;
8824
- padding: 1.25rem 0 0.625rem;
8825
- position: relative;
8826
- text-align: center;
8827
- width: 100%;
8828
- display: flex;
8829
- justify-content: center;
8830
- }
8831
- @media (max-width: 768px) {
8832
- .va-pagination-prev {
8833
- margin-left: -1.875rem;
8834
- padding: 0 0.625rem 0 0;
8835
- }
8836
- }
8837
- @media (min-width: 481px) {
8838
- .va-pagination-prev:not(:empty) a::before {
8839
- content: "‹  ";
8840
- }
8841
- }
8842
- @media (max-width: 768px) {
8843
- .va-pagination-next {
8844
- margin-right: -1.875rem;
8845
- padding: 0 0 0 0.625rem;
8846
- }
8847
- }
8848
- @media (min-width: 481px) {
8849
- .va-pagination-next:not(:empty) a::after {
8850
- content: "  ›";
8851
- }
8852
- }
8853
- .va-pagination-prev, .va-pagination-next {
8854
- position: relative;
8855
- }
8856
- .va-pagination-prev:hover, .va-pagination-prev:focus, .va-pagination-next:hover, .va-pagination-next:focus {
8857
- text-decoration: underline;
8858
- }
8859
- @media (min-width: 768px) {
8860
- .va-pagination-prev, .va-pagination-next {
8861
- padding: 0 0.625rem;
8862
- }
8863
- }
8864
- .va-pagination-inner {
8865
- white-space: nowrap;
8866
- overflow: hidden;
8867
- }
8868
- @media (max-width: 768px) {
8869
- .va-pagination-inner {
8870
- width: 12.5rem;
8871
- }
8872
- }
8873
- @media (min-width: 1201px) {
8874
- .va-pagination-inner {
8875
- width: 25rem;
8876
- }
8877
- }
8878
- .va-pagination-prev, .va-pagination-next, .va-pagination-inner {
8879
- padding-bottom: 4px;
8880
- padding-top: 4px;
8881
- }
8882
- .va-pagination a {
8883
- line-height: 2;
8884
- text-decoration: none;
8885
- }
8886
-
8887
- .va-pagination-inner a {
8888
- border-radius: 1000px;
8889
- display: inline-block;
8890
- height: 1.875rem;
8891
- margin: 0 0.3125rem;
8892
- width: 1.875rem;
8893
- text-decoration: none;
8894
- }
8895
-
8896
- .va-pagination-inner a:hover,
8897
- .va-pagination-inner a:focus,
8898
- .va-pagination-active,
8899
- .va-pagination-active:visited {
8900
- background: #005ea2;
8901
- color: #ffffff;
8902
- }
8903
-
8904
- .va-tabs {
8905
- list-style: none;
8906
- margin-bottom: -1px;
8907
- min-width: 260px;
8908
- padding-left: 0;
8909
- }
8910
- .va-tabs > li {
8911
- background: #f1f1f1;
8912
- border-width: 1px 0px 0 1px;
8913
- border-color: #5b616b;
8914
- border-style: solid;
8915
- display: inline-block;
8916
- margin-bottom: 0;
8917
- }
8918
- .va-tabs > li:last-child {
8919
- border-right-width: 1px;
8920
- }
8921
-
8922
- .va-tab-trigger {
8923
- border-width: 5px 1px 1px;
8924
- border-style: solid;
8925
- border-color: transparent;
8926
- border-bottom-color: #5b616b;
8927
- color: #5b616b;
8928
- display: inline-block;
8929
- padding: 0.625rem;
8930
- margin: 0px -1px;
8931
- text-decoration: none;
8932
- }
8933
- .va-tab-trigger:hover, .va-tab-trigger:focus, .va-tab-trigger--current {
8934
- background: #ffffff;
8935
- border-color: #005ea2;
8936
- border-bottom-color: #ffffff;
8937
- }
8938
- .va-tab-trigger:visited {
8939
- color: inherit;
8940
- }
8941
- @media (min-width: 481px) {
8942
- .va-tab-trigger {
8943
- padding-left: 1.25rem;
8944
- padding-right: 1.25rem;
8945
- }
8946
- }
8947
-
8948
- .va-tab-content {
8949
- border-top: 1px solid #5b616b;
8950
- }
8951
-
8952
- /*
8953
- Original: @import "~uswds/src/stylesheets/core/utilities";
8954
- ***THIS IS USWDS v1***
8955
- */
8956
- .usa-sr-only {
8957
- position: absolute;
8958
- left: -999em;
8959
- }
8960
-
8961
- .process {
8962
- list-style: none;
8963
- padding: 1em 0;
8964
- position: relative;
8965
- }
8966
- .process h2, .process h3, .process h4, .process h5 {
8967
- margin-top: 0;
8968
- clear: none;
8969
- padding-top: 0.3em;
8970
- }
8971
- .process p {
8972
- padding: 0;
8973
- margin-top: 0;
8974
- }
8975
- .process p:only-of-type {
8976
- margin-top: 0;
8977
- }
8978
- .process p.va-address-block {
8979
- padding-left: 0.625rem;
8980
- }
8981
- .process ul {
8982
- margin: 0 0 1em 1.25em !important;
8983
- padding: 0;
8984
- }
8985
- .process ul li {
8986
- list-style: square;
8987
- margin: 0;
8988
- padding: 0.1em 0;
8989
- }
8990
-
8991
- .process-step {
8992
- border-left: 8px solid #aeb0b5;
8993
- padding: 0 0 2em 2em;
8994
- list-style: none;
8995
- margin: 0 !important;
8996
- }
8997
- .process-step:before {
8998
- color: #ffffff;
8999
- float: left;
9000
- font-size: 1.3em;
9001
- font-weight: 700;
9002
- text-align: center;
9003
- line-height: 1.575em;
9004
- width: 2em;
9005
- height: 2em;
9006
- top: -0.2em;
9007
- margin-left: -2.7em;
9008
- display: block;
9009
- border: 4px solid #ffffff;
9010
- background: #8d9297;
9011
- border-radius: 4em;
9012
- position: relative;
9013
- }
9014
- .process-step:last-child {
9015
- border-left: 0;
9016
- padding-left: calc(2em + 8px);
9017
- }
9018
-
9019
- .list-one:before {
9020
- content: "1";
9021
- }
9022
-
9023
- .list-two:before {
9024
- content: "2";
9025
- }
9026
-
9027
- .list-three:before {
9028
- content: "3";
9029
- }
9030
-
9031
- .list-four:before {
9032
- content: "4";
9033
- }
9034
-
9035
- .list-five:before {
9036
- content: "5";
9037
- }
9038
-
9039
- .list-six:before {
9040
- content: "6";
9041
- }
9042
-
9043
- .list-seven:before {
9044
- content: "7";
9045
- }
9046
-
9047
- .list-eight:before {
9048
- content: "8";
9049
- }
9050
-
9051
- .list-nine:before {
9052
- content: "9";
9053
- }
9054
-
9055
- .list-ten:before {
9056
- content: "10";
9057
- }
9058
-
9059
- .list-eleven:before {
9060
- content: "11";
9061
- }
9062
-
9063
- .list-twelve:before {
9064
- content: "12";
9065
- }
9066
-
9067
- .list-thirteen:before {
9068
- content: "13";
9069
- }
9070
-
9071
- .list-fourteen:before {
9072
- content: "14";
9073
- }
9074
-
9075
- .list-fifteen:before {
9076
- content: "15";
9077
- }
9078
-
9079
- .list-sixteen:before {
9080
- content: "16";
9081
- }
9082
-
9083
- .list-seventeen:before {
9084
- content: "17";
9085
- }
9086
-
9087
- .list-eighteen:before {
9088
- content: "18";
9089
- }
9090
-
9091
- .list-nineteen:before {
9092
- content: "19";
9093
- }
9094
-
9095
- .list-twenty:before {
9096
- content: "20";
9097
- }
9098
-
9099
- #mega-menu,
9100
- .mega-menu {
9101
- flex: 1 0 100%;
9102
- color: #005ea2;
9103
- width: 100%;
9104
- z-index: 2;
9105
- }
9106
- #mega-menu .panel-bottom-link,
9107
- .mega-menu .panel-bottom-link {
9108
- position: unset;
9109
- height: 25px;
9110
- margin-left: 10px;
9111
- margin-right: 10px;
9112
- margin-bottom: 3px;
9113
- border: none;
9114
- }
9115
- #mega-menu .panel-bottom-link a,
9116
- .mega-menu .panel-bottom-link a {
9117
- padding: 20px 25px 20px 7px;
9118
- font-weight: bold;
9119
- }
9120
- #mega-menu .panel-bottom-link a svg,
9121
- .mega-menu .panel-bottom-link a svg {
9122
- width: 15px;
9123
- }
9124
- #mega-menu .column-three,
9125
- .mega-menu .column-three {
9126
- display: none;
9127
- }
9128
- #mega-menu .vetnav-level2,
9129
- .mega-menu .vetnav-level2 {
9130
- width: 100%;
9131
- }
9132
- #mega-menu .panel-top-link:nth-of-type(1),
9133
- .mega-menu .panel-top-link:nth-of-type(1) {
9134
- display: block;
9135
- font-weight: bold;
9136
- padding-top: 15px;
9137
- }
9138
- #mega-menu .vetnav-panel--submenu:not([hidden]),
9139
- .mega-menu .vetnav-panel--submenu:not([hidden]) {
9140
- position: static;
9141
- }
9142
- #mega-menu .vetnav-panel--submenu:not([hidden]) h3,
9143
- .mega-menu .vetnav-panel--submenu:not([hidden]) h3 {
9144
- display: none;
9145
- }
9146
- #mega-menu .back-button,
9147
- .mega-menu .back-button {
9148
- display: block;
9149
- }
9150
- #mega-menu .vetnav-panel,
9151
- .mega-menu .vetnav-panel {
9152
- height: auto;
9153
- }
9154
- #mega-menu .mm-link-container-small,
9155
- .mega-menu .mm-link-container-small {
9156
- background: #112e51;
9157
- height: 100%;
9158
- position: absolute;
9159
- width: 100%;
9160
- top: 0;
9161
- z-index: 200;
9162
- }
9163
- #mega-menu .all-link-arrow,
9164
- .mega-menu .all-link-arrow {
9165
- display: none;
9166
- }
9167
- #mega-menu .vetnav-level1:active, #mega-menu .vetnav-level1:visited, #mega-menu .vetnav-level1:focus, #mega-menu .vetnav-level1:hover,
9168
- .mega-menu .vetnav-level1:active,
9169
- .mega-menu .vetnav-level1:visited,
9170
- .mega-menu .vetnav-level1:focus,
9171
- .mega-menu .vetnav-level1:hover {
9172
- color: #ffffff;
9173
- }
9174
- #mega-menu .mm-links,
9175
- .mega-menu .mm-links {
9176
- white-space: pre-wrap;
9177
- }
9178
- @media screen and (min-width: 768px) {
9179
- #mega-menu,
9180
- .mega-menu {
9181
- min-height: 51px;
9182
- }
9183
- #mega-menu .vetnav-panel--submenu:not([hidden]),
9184
- .mega-menu .vetnav-panel--submenu:not([hidden]) {
9185
- position: absolute;
9186
- box-shadow: none;
9187
- width: 260px;
9188
- padding: 72px 0px 0px 28px;
9189
- white-space: normal;
9190
- }
9191
- #mega-menu .vetnav-panel--submenu:not([hidden]) h3,
9192
- .mega-menu .vetnav-panel--submenu:not([hidden]) h3 {
9193
- display: block;
9194
- color: #000000;
9195
- font-family: Source Sans Pro, sans serif;
9196
- font-size: 16px;
9197
- font-weight: bold;
9198
- margin-top: 4px;
9199
- padding: 0;
9200
- }
9201
- #mega-menu .vetnav-panel--submenu:not([hidden]).panel-white,
9202
- .mega-menu .vetnav-panel--submenu:not([hidden]).panel-white {
9203
- padding-top: 22px;
9204
- }
9205
- #mega-menu .vetnav-level1[aria-expanded=true],
9206
- .mega-menu .vetnav-level1[aria-expanded=true] {
9207
- border-top-color: #8a7237;
9208
- }
9209
- #mega-menu .vetnav-level1[aria-expanded=true]:active, #mega-menu .vetnav-level1[aria-expanded=true]:visited, #mega-menu .vetnav-level1[aria-expanded=true]:focus, #mega-menu .vetnav-level1[aria-expanded=true]:hover,
9210
- .mega-menu .vetnav-level1[aria-expanded=true]:active,
9211
- .mega-menu .vetnav-level1[aria-expanded=true]:visited,
9212
- .mega-menu .vetnav-level1[aria-expanded=true]:focus,
9213
- .mega-menu .vetnav-level1[aria-expanded=true]:hover {
9214
- color: #212121;
9215
- }
9216
- #mega-menu .vetnav-level2[aria-expanded=true],
9217
- .mega-menu .vetnav-level2[aria-expanded=true] {
9218
- box-shadow: -3px 0 #8a7237;
9219
- }
9220
- #mega-menu .vetnav-panel,
9221
- .mega-menu .vetnav-panel {
9222
- box-shadow: 0 7px 25px -11px #000000;
9223
- height: 490px;
9224
- width: 1008px;
9225
- left: 0;
9226
- }
9227
- #mega-menu .vetnav-panel .mm-links,
9228
- .mega-menu .vetnav-panel .mm-links {
9229
- padding: 5px 0px;
9230
- }
9231
- #mega-menu .vetnav-panel .mm-link-container,
9232
- .mega-menu .vetnav-panel .mm-link-container {
9233
- width: 225px;
9234
- margin-bottom: 0;
9235
- }
9236
- #mega-menu .column-one,
9237
- .mega-menu .column-one {
9238
- left: 20px;
9239
- }
9240
- #mega-menu .column-one.panel-white,
9241
- .mega-menu .column-one.panel-white {
9242
- background-color: #ffffff;
9243
- border-left: none;
9244
- }
9245
- #mega-menu .column-two,
9246
- .mega-menu .column-two {
9247
- border-left: none;
9248
- left: 280px;
9249
- }
9250
- #mega-menu .column-two.panel-white,
9251
- .mega-menu .column-two.panel-white {
9252
- background-color: #ffffff;
9253
- border-left: none;
9254
- }
9255
- #mega-menu .column-three,
9256
- .mega-menu .column-three {
9257
- border-left: none;
9258
- color: #000000;
9259
- left: 540px;
9260
- white-space: normal;
9261
- }
9262
- #mega-menu .column-three.vetnav-panel--submenu:not([hidden]),
9263
- .mega-menu .column-three.vetnav-panel--submenu:not([hidden]) {
9264
- padding: 86px 20px 20px 14px;
9265
- width: 240px;
9266
- }
9267
- #mega-menu .column-three.vetnav-panel--submenu:not([hidden]).panel-white,
9268
- .mega-menu .column-three.vetnav-panel--submenu:not([hidden]).panel-white {
9269
- padding-top: 30px;
9270
- background-color: #ffffff;
9271
- border-left: none;
9272
- }
9273
- #mega-menu .column-three a,
9274
- .mega-menu .column-three a {
9275
- font-weight: bold;
9276
- padding: 14px 0px 0px 0px;
9277
- }
9278
- #mega-menu .panel-bottom-link,
9279
- .mega-menu .panel-bottom-link {
9280
- margin: 0;
9281
- }
9282
- #mega-menu .all-link-arrow,
9283
- .mega-menu .all-link-arrow {
9284
- display: initial;
9285
- }
9286
- #mega-menu .panel-top-link,
9287
- .mega-menu .panel-top-link {
9288
- display: none !important;
9289
- }
9290
- #mega-menu .vetnav-level2,
9291
- .mega-menu .vetnav-level2 {
9292
- width: 15.1875rem;
9293
- }
9294
- }
9295
- #mega-menu .panel-title,
9296
- .mega-menu .panel-title {
9297
- font-weight: bold;
9298
- color: #000000;
9299
- }
9300
- #mega-menu a.vetnav-level1,
9301
- .mega-menu a.vetnav-level1 {
9302
- color: #ffffff;
9303
- }
9304
- #mega-menu .main-column,
9305
- .mega-menu .main-column {
9306
- left: -230px;
9307
- }
9308
- #mega-menu .main-column.panel-white,
9309
- .mega-menu .main-column.panel-white {
9310
- background-color: #ffffff;
9311
- }
9312
- #mega-menu .mm-marketing-container,
9313
- .mega-menu .mm-marketing-container {
9314
- background-color: #ffffff;
9315
- height: 380px;
9316
- overflow: hidden;
9317
- }
9318
- #mega-menu .mm-marketing-container.mm-marketing-gray,
9319
- .mega-menu .mm-marketing-container.mm-marketing-gray {
9320
- background-color: #f0f0f0;
9321
- }
9322
- #mega-menu .mm-marketing-container .mm-marketing-text,
9323
- .mega-menu .mm-marketing-container .mm-marketing-text {
9324
- padding: 20px;
9325
- }
9326
- #mega-menu .mm-marketing-container p,
9327
- .mega-menu .mm-marketing-container p {
9328
- margin-top: 5px;
9329
- }
9330
- #mega-menu #vetnav-column-one-col .panel-bottom-link,
9331
- .mega-menu #vetnav-column-one-col .panel-bottom-link {
9332
- width: 200%;
9333
- }
9334
- @media screen and (min-width: 768px) {
9335
- #mega-menu .panel-top-link,
9336
- .mega-menu .panel-top-link {
9337
- display: none;
9338
- }
9339
- #mega-menu .back-button,
9340
- .mega-menu .back-button {
9341
- display: none;
9342
- }
9343
- #mega-menu .vetnav-panel--submenu:not([hidden]) h3,
9344
- .mega-menu .vetnav-panel--submenu:not([hidden]) h3 {
9345
- font-family: Source Sans Pro, sans serif;
9346
- font-size: 16px;
9347
- }
9348
- }
9349
- #mega-menu #vetnav-menu,
9350
- #mega-menu #vetnav,
9351
- .mega-menu #vetnav-menu,
9352
- .mega-menu #vetnav {
9353
- margin-top: 0;
9354
- }
9355
- #mega-menu .my-va-top-nav,
9356
- .mega-menu .my-va-top-nav {
9357
- margin-left: auto;
9358
- }
9359
- #mega-menu .my-va-top-nav.current-page,
9360
- .mega-menu .my-va-top-nav.current-page {
9361
- margin-left: auto;
9362
- }
9363
- #mega-menu .mm-marketing-container,
9364
- .mega-menu .mm-marketing-container {
9365
- height: 380px;
9366
- }
9367
- #mega-menu .mm-marketing-container p,
9368
- .mega-menu .mm-marketing-container p {
9369
- margin-top: 5px;
9370
- }
9371
- @media screen and (min-width: 768px) {
9372
- #mega-menu .current-page,
9373
- .mega-menu .current-page {
9374
- box-shadow: inset 0 -5px 0 #005ea2;
9375
- margin-left: 1rem;
9376
- margin-right: 1rem;
9377
- }
9378
- #mega-menu .current-page a,
9379
- .mega-menu .current-page a {
9380
- padding: 1rem 0;
9381
- }
9382
- #mega-menu .vetnav-panel,
9383
- .mega-menu .vetnav-panel {
9384
- width: 768px;
9385
- height: 380px;
9386
- }
9387
- #mega-menu .column-one,
9388
- .mega-menu .column-one {
9389
- width: 24.375rem;
9390
- }
9391
- #mega-menu .column-two,
9392
- .mega-menu .column-two {
9393
- width: 24.375rem;
9394
- }
9395
- #mega-menu .column-three,
9396
- .mega-menu .column-three {
9397
- display: none;
9398
- }
9399
- #mega-menu .panel-bottom-link,
9400
- .mega-menu .panel-bottom-link {
9401
- position: absolute;
9402
- height: 60px;
9403
- width: 471px;
9404
- left: 280px;
9405
- border-bottom: 1px solid #d0d0d0;
9406
- z-index: 3;
9407
- top: 0;
9408
- }
9409
- #mega-menu .panel-bottom-link a,
9410
- .mega-menu .panel-bottom-link a {
9411
- background-size: 13px;
9412
- padding: 20px 0px;
9413
- display: inline-block;
9414
- padding-right: 25px;
9415
- }
9416
- #mega-menu .panel-bottom-link a svg,
9417
- .mega-menu .panel-bottom-link a svg {
9418
- height: 11px;
9419
- width: 11px;
9420
- margin-left: 5px;
9421
- vertical-align: middle;
9422
- }
9423
- }
9424
- @media screen and (min-width: 1008px) {
9425
- #mega-menu .vetnav-panel,
9426
- .mega-menu .vetnav-panel {
9427
- width: 1008px;
9428
- height: 490px;
9429
- }
9430
- #mega-menu .panel-bottom-link,
9431
- .mega-menu .panel-bottom-link {
9432
- position: absolute;
9433
- width: 711px;
9434
- }
9435
- #mega-menu .column-one,
9436
- .mega-menu .column-one {
9437
- width: 260px;
9438
- }
9439
- #mega-menu .column-two,
9440
- .mega-menu .column-two {
9441
- width: 260px;
9442
- }
9443
- #mega-menu .column-three,
9444
- .mega-menu .column-three {
9445
- display: block;
9446
- }
9447
- }
9448
-
9449
- .hub-page-link-list {
9450
- list-style: none;
9451
- padding: 0;
9452
- }
9453
- .hub-page-link-list__item {
9454
- margin-bottom: 1em;
9455
- margin: 1rem 0;
9456
- }
9457
- .hub-page-link-list__item > a {
9458
- text-decoration: none;
9459
- }
9460
- .hub-page-link-list__item > a:hover .all-link-arrow, .hub-page-link-list__item > a:focus .all-link-arrow {
9461
- margin-left: 10px;
9462
- content: url("./img/arrow-right.svg");
9463
- }
9464
- .hub-page-link-list__item > a:hover .hub-page-link-list__header, .hub-page-link-list__item > a:focus .hub-page-link-list__header {
9465
- text-decoration: underline;
9466
- }
9467
- .hub-page-link-list__item > a .all-link-arrow {
9468
- width: 11px;
9469
- margin-left: 5px;
9470
- transition: all 0.15s ease;
9471
- margin-bottom: 2px;
9472
- }
9473
- .hub-page-link-list__header {
9474
- font-weight: bold;
9475
- }
9476
- .hub-page-link-list__description {
9477
- color: #000000;
9478
- margin: 0;
9479
- }
9480
- .hub-page-link-list__title:focus {
9481
- outline: none;
9482
- }
9483
-
9484
- a.vads-c-action-link--blue, a.vads-c-action-link--green, a.vads-c-action-link--white {
9485
- font-weight: bold;
9486
- padding: 4px 0 4px 38px;
9487
- position: relative;
9488
- display: inline-block;
9489
- }
9490
- a.vads-c-action-link--blue:before, a.vads-c-action-link--green:before, a.vads-c-action-link--white:before {
9491
- font-family: "Font Awesome 5 Free";
9492
- font-weight: 900;
9493
- font-size: 175%;
9494
- content: "\f138";
9495
- content: "\f138"/"";
9496
- position: absolute;
9497
- left: 0px;
9498
- top: -4px;
9499
- }
9500
-
9501
- a.vads-c-action-link--blue:before {
9502
- color: #005ea2;
9503
- }
9504
-
9505
- a.vads-c-action-link--green:before {
9506
- color: #2e8540;
9507
- }
9508
-
9509
- a.vads-c-action-link--white {
9510
- color: #ffffff;
9511
- }
9512
- a.vads-c-action-link--white:before {
9513
- color: #ffffff;
9514
- -webkit-transition-duration: 0.3s;
9515
- transition-duration: 0.3s;
9516
- -webkit-transition-timing-function: ease-in-out;
9517
- transition-timing-function: ease-in-out;
9518
- -webkit-transition-property: color, background-color, border-color;
9519
- transition-property: color, background-color, border-color;
9520
- }
9521
-
9522
- a.vads-c-action-link--white:hover {
9523
- color: #fef0c8;
9524
- background-color: transparent;
9525
- }
9526
- a.vads-c-action-link--white:hover:before {
9527
- color: #fef0c8;
9528
- }
9529
-
9530
- /*# sourceMappingURL=full.css.map */
7572
+ /*# sourceMappingURL=core.css.map */