@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.
- package/dist/fonts/bitter-bold.ttf +0 -0
- package/dist/fonts/bitter-bold.woff2 +0 -0
- package/dist/fonts/bitter-regular.ttf +0 -0
- package/dist/fonts/bitter-regular.woff2 +0 -0
- package/dist/stylesheets/_mixins.scss +452 -0
- package/dist/stylesheets/base/fonts.css +1589 -0
- package/dist/stylesheets/base/utils.css +137 -0
- package/dist/stylesheets/base/va.css +1843 -0
- package/dist/{full.css → stylesheets/core.css} +341 -2299
- package/dist/stylesheets/formation-overrides/_variables.scss +170 -0
- package/dist/stylesheets/formation-overrides/core/base.css +64 -0
- package/dist/stylesheets/formation-overrides/core/fonts.css +46 -0
- package/dist/stylesheets/formation-overrides/elements/buttons.css +562 -0
- package/dist/stylesheets/formation-overrides/elements/inputs.css +384 -0
- package/dist/stylesheets/formation-overrides/elements/labels.css +28 -0
- package/dist/stylesheets/formation-overrides/elements/lists.css +57 -0
- package/dist/stylesheets/formation-overrides/elements/table.css +78 -0
- package/dist/stylesheets/formation-overrides/elements/typography.css +274 -0
- package/dist/stylesheets/mobile-typography.css +13 -0
- package/dist/stylesheets/modules/m-action-link.css +1443 -0
- package/dist/stylesheets/modules/m-additional-info.css +39 -0
- package/dist/stylesheets/modules/m-alert.css +254 -0
- package/dist/stylesheets/modules/m-breadcrumbs.css +96 -0
- package/dist/stylesheets/modules/m-button.css +153 -0
- package/dist/stylesheets/modules/m-dropdown.css +47 -0
- package/dist/stylesheets/modules/m-emergency-banner.css +33 -0
- package/dist/stylesheets/modules/m-external-link.css +14 -0
- package/dist/stylesheets/modules/m-form-elements.css +231 -0
- package/dist/stylesheets/modules/m-form-process.css +219 -0
- package/dist/stylesheets/modules/m-homepage-hero.css +76 -0
- package/dist/stylesheets/modules/m-hub-page-link-list.css +40 -0
- package/dist/stylesheets/modules/m-loading-indicator.css +41 -0
- package/dist/stylesheets/modules/m-maintenance-banner.css +33 -0
- package/dist/stylesheets/modules/m-megamenu.css +365 -0
- package/dist/stylesheets/modules/m-modal.css +117 -0
- package/dist/stylesheets/modules/m-nav-linklist.css +49 -0
- package/dist/stylesheets/modules/m-nav-sidebar.css +349 -0
- package/dist/stylesheets/modules/m-omb-info.css +15 -0
- package/dist/stylesheets/modules/m-overlay.css +72 -0
- package/dist/stylesheets/modules/m-print.css +27 -0
- package/dist/stylesheets/modules/m-process-list.css +162 -0
- package/dist/stylesheets/modules/va-pagination.css +90 -0
- package/dist/stylesheets/modules/va-tabs.css +53 -0
- package/dist/stylesheets/shame.css +266 -0
- package/dist/{uswds-typography.css → stylesheets/uswds-typography.css} +1 -1
- package/dist/tokens/css/variables.css +1 -1
- package/dist/tokens/scss/variables.scss +1 -1
- package/package.json +8 -6
- /package/dist/{base → stylesheets/base}/headings.css +0 -0
- /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("
|
|
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("
|
|
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("
|
|
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("
|
|
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
|
-
|
|
1823
|
-
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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("
|
|
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("
|
|
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/
|
|
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("
|
|
4100
|
-
background-image: none, url("
|
|
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("
|
|
4199
|
-
background-image: url("
|
|
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("
|
|
4231
|
-
content: url("
|
|
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("
|
|
4485
|
-
background: url("
|
|
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("
|
|
4496
|
-
background-image: url("
|
|
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("
|
|
4501
|
-
background: url("
|
|
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("
|
|
4512
|
-
background-image: url("
|
|
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("
|
|
4773
|
-
background-image: url("
|
|
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("
|
|
4812
|
-
background-image: url("
|
|
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("
|
|
4861
|
-
background-image: url("
|
|
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("
|
|
4892
|
-
background-image: url("
|
|
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("
|
|
4972
|
-
background-image: url("
|
|
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("
|
|
4984
|
-
background-image: url("
|
|
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("
|
|
4996
|
-
background-image: url("
|
|
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("
|
|
5008
|
-
background-image: url("
|
|
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("
|
|
5225
|
-
background-image: url("
|
|
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("
|
|
5237
|
-
background-image: url("
|
|
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("
|
|
5248
|
-
background-image: url("
|
|
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("
|
|
5266
|
-
background-image: url("
|
|
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("
|
|
5278
|
-
background-image: url("
|
|
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("
|
|
5435
|
-
background-image: url("
|
|
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
|
-
|
|
7370
|
-
|
|
7371
|
-
|
|
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
|
-
.
|
|
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 */
|