uswds-jekyll 3.0.0 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,29 @@
1
+ .usa-banner {
2
+ @if variable-exists(usa-banner-bg) {
3
+ background-color: $usa-banner-bg;
4
+ }
5
+
6
+ .usa-banner-header {
7
+ @if variable-exists(usa-banner-text) {
8
+ color: $usa-banner-text;
9
+ }
10
+ }
11
+
12
+ .usa-banner-button {
13
+ @if variable-exists(usa-banner-link) {
14
+ color: $usa-banner-link;
15
+ }
16
+
17
+ &:hover {
18
+ @if variable-exists(usa-banner-link-hover) {
19
+ color: $usa-banner-link-hover;
20
+ }
21
+ }
22
+ }
23
+
24
+ .usa-banner-content {
25
+ @if variable-exists(usa-banner-text) {
26
+ color: $usa-banner-text;
27
+ }
28
+ }
29
+ }
@@ -0,0 +1,93 @@
1
+ ---
2
+ ---
3
+ // This file should not be modified unless by an advanced user.
4
+
5
+
6
+ // U.S. Web Design System setup
7
+ $font-path: '../uswds/fonts';
8
+ $image-path: '../uswds/img';
9
+
10
+ // Typography
11
+ {% if site.data.theme.fonts.sans %}$font-sans: {{ site.data.theme.fonts.sans }};{% endif %}
12
+ {% if site.data.theme.fonts.serif %}$font-serif: {{ site.data.theme.fonts.serif }};{% endif %}
13
+ {% if site.data.theme.fonts.normal %}$font-normal: {{ site.data.theme.fonts.normal }};{% endif %}
14
+ {% if site.data.theme.fonts.bold %}$font-bold: {{ site.data.theme.fonts.bold }};{% endif %}
15
+
16
+ // Color - USA banner
17
+ {% if site.data.theme.colors.usa-banner.usa-banner-bg %}$usa-banner-bg: {{ site.data.theme.colors.usa-banner.usa-banner-bg }};{% endif %}
18
+ {% if site.data.theme.colors.usa-banner.usa-banner-text %}$usa-banner-text: {{ site.data.theme.colors.usa-banner.usa-banner-text }};{% endif %}
19
+ {% if site.data.theme.colors.usa-banner.usa-banner-link %}$usa-banner-link: {{ site.data.theme.colors.usa-banner.usa-banner-link }};{% endif %}
20
+ {% if site.data.theme.colors.usa-banner.usa-banner-link-hover %}$usa-banner-link-hover: {{ site.data.theme.colors.usa-banner.usa-banner-link-hover }};{% endif %}
21
+
22
+ // Header colors
23
+ {% if site.data.theme.colors.header.header-bg %}$header-bg: {{ site.data.theme.colors.header.header-bg }};{% endif %}
24
+ {% if site.data.theme.colors.header.header-title %}$header-title: {{ site.data.theme.colors.header.header-title }};{% endif %}
25
+ {% if site.data.theme.colors.header.header-link %}$header-link: {{ site.data.theme.colors.header.header-link }};{% endif %}
26
+ {% if site.data.theme.colors.header.header-link-hover %}$header-link-hover: {{ site.data.theme.colors.header.header-link-hover }};{% endif %}
27
+
28
+ // Color - Primary
29
+ {% if site.data.theme.colors.primary %}$color-primary: {{ site.data.theme.colors.primary }};{% endif %}
30
+ {% if site.data.theme.colors.primary-darker %}$color-primary-darker: {{ site.data.theme.colors.primary-darker }};{% endif %}
31
+
32
+ // Color - Text and links
33
+ {% if site.data.theme.colors.base %}$color-base: {{ site.data.theme.colors.base }};{% endif %}
34
+ {% if site.data.theme.colors.visited %}$color-visited: {{ site.data.theme.colors.visited }};{% endif %}
35
+
36
+ // Color - Additional variables
37
+ {% if site.data.theme.colors.color-gray-lightest %}$color-gray-lightest: {{ site.data.theme.colors.color-gray-lightest }};{% endif %}
38
+
39
+ // Color - Navigation
40
+ // Top nav
41
+ {% if site.data.theme.colors.top-navigation.top-nav-bg %}$top-nav-bg: {{ site.data.theme.colors.top-navigation.top-nav-bg }};{% endif %}
42
+ {% if site.data.theme.colors.top-navigation.top-nav-link %}$top-nav-link: {{ site.data.theme.colors.top-navigation.top-nav-link }};{% endif %}
43
+ {% if site.data.theme.colors.top-navigation.top-nav-link-hover %}$top-nav-link-hover: {{ site.data.theme.colors.top-navigation.top-nav-link-hover }};{% endif %}
44
+ {% if site.data.theme.colors.top-navigation.top-nav-link-hover-bg %}$top-nav-link-hover-bg: {{ site.data.theme.colors.top-navigation.top-nav-link-hover-bg }};{% endif %}
45
+ {% if site.data.theme.colors.top-navigation.top-nav-link-current %}$top-nav-link-current: {{ site.data.theme.colors.top-navigation.top-nav-link-current }};{% endif %}
46
+ {% if site.data.theme.colors.top-navigation.top-nav-dropdown-bg %}$top-nav-dropdown-bg: {{ site.data.theme.colors.top-navigation.top-nav-dropdown-bg }};{% endif %}
47
+ {% if site.data.theme.colors.top-navigation.top-nav-dropdown-link %}$top-nav-dropdown-link: {{ site.data.theme.colors.top-navigation.top-nav-dropdown-link }};{% endif %}
48
+ {% if site.data.theme.colors.top-navigation.top-nav-dropdown-link-hover-bg %}$top-nav-dropdown-link-hover-bg: {{ site.data.theme.colors.top-navigation.top-nav-dropdown-link-hover-bg }};{% endif %}
49
+
50
+ // Side nav
51
+ {% if site.data.theme.colors.side-navigation.side-nav-bg %}$side-nav-bg: {{ site.data.theme.colors.side-navigation.side-nav-bg }};{% endif %}
52
+ {% if site.data.theme.colors.side-navigation.side-nav-link %}$side-nav-link: {{ site.data.theme.colors.side-navigation.side-nav-link }};{% endif %}
53
+ {% if site.data.theme.colors.side-navigation.side-nav-link-hover %}$side-nav-link-hover: {{ site.data.theme.colors.side-navigation.side-nav-link-hover }};{% endif %}
54
+ {% if site.data.theme.colors.side-navigation.side-nav-link-hover-bg %}$side-nav-link-hover-bg: {{ site.data.theme.colors.side-navigation.side-nav-link-hover-bg }};{% endif %}
55
+ {% if site.data.theme.colors.side-navigation.side-nav-link-current %}$side-nav-link-current: {{ site.data.theme.colors.side-navigation.side-nav-link-current }};{% endif %}
56
+
57
+ // Color - Hero
58
+ {% if site.data.theme.colors.hero.hero-bg %}$hero-bg: {{ site.data.theme.colors.hero.hero-bg }};{% endif %}
59
+ {% if site.data.theme.colors.hero.hero-header-alt %}$hero-header-alt: {{ site.data.theme.colors.hero.hero-header-alt }};{% endif %}
60
+ {% if site.data.theme.colors.hero.hero-header %}$hero-header: {{ site.data.theme.colors.hero.hero-header }};{% endif %}
61
+ {% if site.data.theme.colors.hero.hero-text %}$hero-text: {{ site.data.theme.colors.hero.hero-text }};{% endif %}
62
+ {% if site.data.theme.colors.hero.hero-link %}$hero-link: {{ site.data.theme.colors.hero.hero-link }};{% endif %}
63
+ {% if site.data.theme.colors.hero.hero-button-bg %}$hero-button-bg: {{ site.data.theme.colors.hero.hero-button-bg }};{% endif %}
64
+ {% if site.data.theme.colors.hero.hero-button-text %}$hero-button-text: {{ site.data.theme.colors.hero.hero-button-text }};{% endif %}
65
+
66
+ // Color - Alt section
67
+ {% if site.data.theme.colors.alt-section.bg-color %}$alt-section-bg: {{ site.data.theme.colors.alt-section.bg-color }};{% endif %}
68
+ {% if site.data.theme.colors.alt-section.header-color %}$alt-section-header: {{ site.data.theme.colors.alt-section.header-color }};{% endif %}
69
+ {% if site.data.theme.colors.alt-section.text-color %}$alt-section-text: {{ site.data.theme.colors.alt-section.text-color }};{% endif %}
70
+ {% if site.data.theme.colors.alt-section.link-color %}$alt-section-link: {{ site.data.theme.colors.alt-section.link-color }};{% endif %}
71
+ {% if site.data.theme.colors.alt-section.link-hover-color %}$alt-section-link-hover: {{ site.data.theme.colors.alt-section.link-hover-color }};{% endif %}
72
+
73
+ // Color - Footer
74
+ {% if site.data.theme.colors.footer.primary-footer-bg %}$primary-footer-bg: {{ site.data.theme.colors.footer.primary-footer-bg }};{% endif %}
75
+ {% if site.data.theme.colors.footer.primary-footer-link %}$primary-footer-link: {{ site.data.theme.colors.footer.primary-footer-link }};{% endif %}
76
+ {% if site.data.theme.colors.footer.footer-bg %}$footer-bg: {{ site.data.theme.colors.footer.footer-bg }};{% endif %}
77
+ {% if site.data.theme.colors.footer.footer-text %}$footer-text: {{ site.data.theme.colors.footer.footer-text }};{% endif %}
78
+ {% if site.data.theme.colors.footer.footer-link %}$footer-link: {{ site.data.theme.colors.footer.footer-link }};{% endif %}
79
+
80
+ @import 'uswds/all';
81
+ @import 'components/all';
82
+
83
+ {% for item in site.data.navigation.primary %}
84
+ {% if item.class %}
85
+ @import 'components/nav-buttons';
86
+ {% break %}
87
+ {% endif %}
88
+ {% endfor %}
89
+
90
+ // Setting site width
91
+ {% if site.site_width %}
92
+ @import 'components/site-width';
93
+ {% endif %}
Binary file
Binary file
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: uswds-jekyll
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.0
4
+ version: 4.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shawn Allen
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2018-02-06 00:00:00.000000000 Z
13
+ date: 2018-03-15 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: jekyll
@@ -86,6 +86,16 @@ files:
86
86
  - _layouts/home.html
87
87
  - _layouts/page.html
88
88
  - _layouts/post.html
89
+ - _sass/components/_all.scss
90
+ - _sass/components/_alt-color-section.scss
91
+ - _sass/components/_footer.scss
92
+ - _sass/components/_header.scss
93
+ - _sass/components/_hero.scss
94
+ - _sass/components/_nav-buttons.scss
95
+ - _sass/components/_side-nav.scss
96
+ - _sass/components/_site-width.scss
97
+ - _sass/components/_top-nav.scss
98
+ - _sass/components/_usa-banner.scss
89
99
  - _sass/uswds/_all.scss
90
100
  - _sass/uswds/components/_accordions.scss
91
101
  - _sass/uswds/components/_alerts.scss
@@ -219,11 +229,11 @@ files:
219
229
  - _sass/uswds/lib/settings/_px-to-em.scss
220
230
  - _sass/uswds/lib/settings/_visual-grid.scss
221
231
  - _sass/uswds/uswds.scss
232
+ - assets/css/main.scss
233
+ - assets/img/circle.png
234
+ - assets/img/hero.png
222
235
  - assets/js/main.js
223
236
  - assets/js/vendor/anchor.min.js
224
- - assets/uswds/css/uswds.css
225
- - assets/uswds/css/uswds.min.css
226
- - assets/uswds/css/uswds.min.css.map
227
237
  - assets/uswds/fonts/merriweather-bold-webfont.eot
228
238
  - assets/uswds/fonts/merriweather-bold-webfont.ttf
229
239
  - assets/uswds/fonts/merriweather-bold-webfont.woff
@@ -1,4849 +0,0 @@
1
- /*! uswds v1.4.3 */
2
- html {
3
- box-sizing: border-box;
4
- }
5
-
6
- *, *::after, *::before {
7
- box-sizing: inherit;
8
- }
9
-
10
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
11
- /**
12
- * 1. Set default font family to sans-serif.
13
- * 2. Prevent iOS and IE text size adjust after device orientation change,
14
- * without disabling user zoom.
15
- */
16
- html {
17
- font-family: sans-serif;
18
- /* 1 */
19
- -ms-text-size-adjust: 100%;
20
- /* 2 */
21
- -webkit-text-size-adjust: 100%;
22
- /* 2 */
23
- }
24
-
25
- /**
26
- * Remove default margin.
27
- */
28
- body {
29
- margin: 0;
30
- }
31
-
32
- /* HTML5 display definitions
33
- ========================================================================== */
34
- /**
35
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
36
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
37
- * and Firefox.
38
- * Correct `block` display not defined for `main` in IE 11.
39
- */
40
- article,
41
- aside,
42
- details,
43
- figcaption,
44
- figure,
45
- footer,
46
- header,
47
- hgroup,
48
- main,
49
- menu,
50
- nav,
51
- section,
52
- summary {
53
- display: block;
54
- }
55
-
56
- /**
57
- * 1. Correct `inline-block` display not defined in IE 8/9.
58
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
59
- */
60
- audio,
61
- canvas,
62
- progress,
63
- video {
64
- display: inline-block;
65
- /* 1 */
66
- vertical-align: baseline;
67
- /* 2 */
68
- }
69
-
70
- /**
71
- * Prevent modern browsers from displaying `audio` without controls.
72
- * Remove excess height in iOS 5 devices.
73
- */
74
- audio:not([controls]) {
75
- display: none;
76
- height: 0;
77
- }
78
-
79
- /**
80
- * Address `[hidden]` styling not present in IE 8/9/10.
81
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
82
- */
83
- [hidden],
84
- template {
85
- display: none;
86
- }
87
-
88
- /* Links
89
- ========================================================================== */
90
- /**
91
- * Remove the gray background color from active links in IE 10.
92
- */
93
- a {
94
- background-color: transparent;
95
- }
96
-
97
- /**
98
- * Improve readability of focused elements when they are also in an
99
- * active/hover state.
100
- */
101
- a:active,
102
- a:hover {
103
- outline: 0;
104
- }
105
-
106
- /* Text-level semantics
107
- ========================================================================== */
108
- /**
109
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
110
- */
111
- abbr[title] {
112
- border-bottom: 1px dotted;
113
- }
114
-
115
- /**
116
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
117
- */
118
- b,
119
- strong {
120
- font-weight: bold;
121
- }
122
-
123
- /**
124
- * Address styling not present in Safari and Chrome.
125
- */
126
- dfn {
127
- font-style: italic;
128
- }
129
-
130
- /**
131
- * Address variable `h1` font-size and margin within `section` and `article`
132
- * contexts in Firefox 4+, Safari, and Chrome.
133
- */
134
- h1 {
135
- font-size: 2em;
136
- margin: 0.67em 0;
137
- }
138
-
139
- /**
140
- * Address styling not present in IE 8/9.
141
- */
142
- mark {
143
- background: #ff0;
144
- color: #000;
145
- }
146
-
147
- /**
148
- * Address inconsistent and variable font size in all browsers.
149
- */
150
- small {
151
- font-size: 80%;
152
- }
153
-
154
- /**
155
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
156
- */
157
- sub,
158
- sup {
159
- font-size: 75%;
160
- line-height: 0;
161
- position: relative;
162
- vertical-align: baseline;
163
- }
164
-
165
- sup {
166
- top: -0.5em;
167
- }
168
-
169
- sub {
170
- bottom: -0.25em;
171
- }
172
-
173
- /* Embedded content
174
- ========================================================================== */
175
- /**
176
- * Remove border when inside `a` element in IE 8/9/10.
177
- */
178
- img {
179
- border: 0;
180
- }
181
-
182
- /**
183
- * Correct overflow not hidden in IE 9/10/11.
184
- */
185
- svg:not(:root) {
186
- overflow: hidden;
187
- }
188
-
189
- /* Grouping content
190
- ========================================================================== */
191
- /**
192
- * Address margin not present in IE 8/9 and Safari.
193
- */
194
- figure {
195
- margin: 1em 40px;
196
- }
197
-
198
- /**
199
- * Address differences between Firefox and other browsers.
200
- */
201
- hr {
202
- box-sizing: content-box;
203
- height: 0;
204
- }
205
-
206
- /**
207
- * Contain overflow in all browsers.
208
- */
209
- pre {
210
- overflow: auto;
211
- }
212
-
213
- /**
214
- * Address odd `em`-unit font size rendering in all browsers.
215
- */
216
- code,
217
- kbd,
218
- pre,
219
- samp {
220
- font-family: monospace, monospace;
221
- font-size: 1em;
222
- }
223
-
224
- /* Forms
225
- ========================================================================== */
226
- /**
227
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
228
- * styling of `select`, unless a `border` property is set.
229
- */
230
- /**
231
- * 1. Correct color not being inherited.
232
- * Known issue: affects color of disabled elements.
233
- * 2. Correct font properties not being inherited.
234
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
235
- */
236
- button,
237
- input,
238
- optgroup,
239
- select,
240
- textarea {
241
- color: inherit;
242
- /* 1 */
243
- font: inherit;
244
- /* 2 */
245
- margin: 0;
246
- /* 3 */
247
- }
248
-
249
- /**
250
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
251
- */
252
- button {
253
- overflow: visible;
254
- }
255
-
256
- /**
257
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
258
- * All other form control elements do not inherit `text-transform` values.
259
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
260
- * Correct `select` style inheritance in Firefox.
261
- */
262
- button,
263
- select {
264
- text-transform: none;
265
- }
266
-
267
- /**
268
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
269
- * and `video` controls.
270
- * 2. Correct inability to style clickable `input` types in iOS.
271
- * 3. Improve usability and consistency of cursor style between image-type
272
- * `input` and others.
273
- */
274
- button,
275
- html input[type="button"],
276
- input[type="reset"],
277
- input[type="submit"] {
278
- -webkit-appearance: button;
279
- /* 2 */
280
- cursor: pointer;
281
- /* 3 */
282
- }
283
-
284
- /**
285
- * Re-set default cursor for disabled elements.
286
- */
287
- button[disabled],
288
- html input[disabled] {
289
- cursor: default;
290
- }
291
-
292
- /**
293
- * Remove inner padding and border in Firefox 4+.
294
- */
295
- button::-moz-focus-inner,
296
- input::-moz-focus-inner {
297
- border: 0;
298
- padding: 0;
299
- }
300
-
301
- /**
302
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
303
- * the UA stylesheet.
304
- */
305
- input {
306
- line-height: normal;
307
- }
308
-
309
- /**
310
- * It's recommended that you don't attempt to style these elements.
311
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
312
- *
313
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
314
- * 2. Remove excess padding in IE 8/9/10.
315
- */
316
- input[type="checkbox"],
317
- input[type="radio"] {
318
- box-sizing: border-box;
319
- /* 1 */
320
- padding: 0;
321
- /* 2 */
322
- }
323
-
324
- /**
325
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
326
- * `font-size` values of the `input`, it causes the cursor style of the
327
- * decrement button to change from `default` to `text`.
328
- */
329
- input[type="number"]::-webkit-inner-spin-button,
330
- input[type="number"]::-webkit-outer-spin-button {
331
- height: auto;
332
- }
333
-
334
- /**
335
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
336
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
337
- */
338
- input[type="search"] {
339
- -webkit-appearance: textfield;
340
- /* 1 */
341
- box-sizing: content-box;
342
- /* 2 */
343
- }
344
-
345
- /**
346
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
347
- * Safari (but not Chrome) clips the cancel button when the search input has
348
- * padding (and `textfield` appearance).
349
- */
350
- input[type="search"]::-webkit-search-cancel-button,
351
- input[type="search"]::-webkit-search-decoration {
352
- -webkit-appearance: none;
353
- }
354
-
355
- /**
356
- * Define consistent border, margin, and padding.
357
- */
358
- fieldset {
359
- border: 1px solid #c0c0c0;
360
- margin: 0 2px;
361
- padding: 0.35em 0.625em 0.75em;
362
- }
363
-
364
- /**
365
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
366
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
367
- */
368
- legend {
369
- border: 0;
370
- /* 1 */
371
- padding: 0;
372
- /* 2 */
373
- }
374
-
375
- /**
376
- * Remove default vertical scrollbar in IE 8/9/10/11.
377
- */
378
- textarea {
379
- overflow: auto;
380
- }
381
-
382
- /**
383
- * Don't inherit the `font-weight` (applied by a rule above).
384
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
385
- */
386
- optgroup {
387
- font-weight: bold;
388
- }
389
-
390
- /* Tables
391
- ========================================================================== */
392
- /**
393
- * Remove most spacing between table cells.
394
- */
395
- table {
396
- border-collapse: collapse;
397
- border-spacing: 0;
398
- }
399
-
400
- td,
401
- th {
402
- padding: 0;
403
- }
404
-
405
- /* stylelint-disable at-rule-empty-line-before */
406
- @font-face {
407
- font-family: "Source Sans Pro";
408
- font-style: normal;
409
- font-weight: 300;
410
- src: url("../fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype");
411
- }
412
-
413
- @font-face {
414
- font-family: "Source Sans Pro";
415
- font-style: normal;
416
- font-weight: 400;
417
- src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
418
- }
419
-
420
- @font-face {
421
- font-family: "Source Sans Pro";
422
- font-style: italic;
423
- font-weight: 400;
424
- src: url("../fonts/sourcesanspro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-italic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-italic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-italic-webfont.ttf") format("truetype");
425
- }
426
-
427
- @font-face {
428
- font-family: "Source Sans Pro";
429
- font-style: normal;
430
- font-weight: 700;
431
- src: url("../fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
432
- }
433
-
434
- @font-face {
435
- font-family: "Merriweather";
436
- font-style: normal;
437
- font-weight: 300;
438
- src: url("../fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-light-webfont.woff2") format("woff2"), url("../fonts/merriweather-light-webfont.woff") format("woff"), url("../fonts/merriweather-light-webfont.ttf") format("truetype");
439
- }
440
-
441
- @font-face {
442
- font-family: "Merriweather";
443
- font-style: normal;
444
- font-weight: 400;
445
- src: url("../fonts/merriweather-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-regular-webfont.woff2") format("woff2"), url("../fonts/merriweather-regular-webfont.woff") format("woff"), url("../fonts/merriweather-regular-webfont.ttf") format("truetype");
446
- }
447
-
448
- @font-face {
449
- font-family: "Merriweather";
450
- font-style: italic;
451
- font-weight: 400;
452
- src: url("../fonts/merriweather-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-italic-webfont.woff2") format("woff2"), url("../fonts/merriweather-italic-webfont.woff") format("woff"), url("../fonts/merriweather-italic-webfont.ttf") format("truetype");
453
- }
454
-
455
- @font-face {
456
- font-family: "Merriweather";
457
- font-style: normal;
458
- font-weight: 700;
459
- src: url("../fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-bold-webfont.woff2") format("woff2"), url("../fonts/merriweather-bold-webfont.woff") format("woff"), url("../fonts/merriweather-bold-webfont.ttf") format("truetype");
460
- }
461
-
462
- /* stylelint-enable */
463
- .usa-grid,
464
- .usa-grid-full {
465
- max-width: 1200px;
466
- margin-left: auto;
467
- margin-right: auto;
468
- max-width: 1040px;
469
- }
470
-
471
- .usa-grid::after,
472
- .usa-grid-full::after {
473
- clear: both;
474
- content: "";
475
- display: block;
476
- }
477
-
478
- .usa-grid {
479
- padding-right: 1.5rem;
480
- padding-left: 1.5rem;
481
- }
482
-
483
- @media screen and (min-width: 600px) {
484
- .usa-grid {
485
- padding-right: 3rem;
486
- padding-left: 3rem;
487
- }
488
- }
489
-
490
- .usa-grid-full {
491
- padding: 0;
492
- }
493
-
494
- @media screen and (min-width: 600px) {
495
- .usa-width-one-whole {
496
- float: left;
497
- display: block;
498
- margin-right: 4.82916%;
499
- width: 100%;
500
- }
501
- .usa-width-one-whole:last-child {
502
- margin-right: 0;
503
- }
504
- .usa-width-one-half {
505
- float: left;
506
- display: block;
507
- margin-right: 4.82916%;
508
- width: 47.58542%;
509
- }
510
- .usa-width-one-half:last-child {
511
- margin-right: 0;
512
- }
513
- .usa-width-one-third {
514
- float: left;
515
- display: block;
516
- margin-right: 4.82916%;
517
- width: 30.11389%;
518
- }
519
- .usa-width-one-third:last-child {
520
- margin-right: 0;
521
- }
522
- .usa-width-two-thirds {
523
- float: left;
524
- display: block;
525
- margin-right: 4.82916%;
526
- width: 65.05695%;
527
- }
528
- .usa-width-two-thirds:last-child {
529
- margin-right: 0;
530
- }
531
- .usa-width-one-fourth {
532
- float: left;
533
- display: block;
534
- margin-right: 4.82916%;
535
- width: 47.58542%;
536
- }
537
- .usa-width-one-fourth:last-child {
538
- margin-right: 0;
539
- }
540
- .usa-width-one-fourth:nth-child(2n) {
541
- margin-right: 0;
542
- }
543
- .usa-width-three-fourths {
544
- float: left;
545
- display: block;
546
- margin-right: 4.82916%;
547
- width: 100%;
548
- }
549
- .usa-width-three-fourths:last-child {
550
- margin-right: 0;
551
- }
552
- .usa-width-one-sixth {
553
- float: left;
554
- display: block;
555
- margin-right: 4.82916%;
556
- width: 30.11389%;
557
- }
558
- .usa-width-one-sixth:last-child {
559
- margin-right: 0;
560
- }
561
- .usa-width-one-sixth:nth-child(3n) {
562
- margin-right: 0;
563
- }
564
- .usa-width-five-sixths {
565
- float: left;
566
- display: block;
567
- margin-right: 4.82916%;
568
- width: 65.05695%;
569
- }
570
- .usa-width-five-sixths:last-child {
571
- margin-right: 0;
572
- }
573
- .usa-width-one-twelfth {
574
- float: left;
575
- display: block;
576
- margin-right: 4.82916%;
577
- width: 30.11389%;
578
- }
579
- .usa-width-one-twelfth:last-child {
580
- margin-right: 0;
581
- }
582
- .usa-width-one-twelfth:nth-child(3n) {
583
- margin-right: 0;
584
- }
585
- .usa-width-five-twelfths {
586
- float: left;
587
- display: block;
588
- margin-right: 4.82916%;
589
- width: 30.11389%;
590
- }
591
- .usa-width-five-twelfths:last-child {
592
- margin-right: 0;
593
- }
594
- .usa-width-seven-twelfths {
595
- float: left;
596
- display: block;
597
- margin-right: 4.82916%;
598
- width: 65.05695%;
599
- }
600
- .usa-width-seven-twelfths:last-child {
601
- margin-right: 0;
602
- }
603
- }
604
-
605
- @media screen and (min-width: 1201px) {
606
- .usa-width-one-whole {
607
- float: left;
608
- display: block;
609
- margin-right: 2.35765%;
610
- width: 100%;
611
- }
612
- .usa-width-one-whole:last-child {
613
- margin-right: 0;
614
- }
615
- .usa-width-one-half {
616
- float: left;
617
- display: block;
618
- margin-right: 2.35765%;
619
- width: 48.82117%;
620
- }
621
- .usa-width-one-half:last-child {
622
- margin-right: 0;
623
- }
624
- .usa-width-one-third {
625
- float: left;
626
- display: block;
627
- margin-right: 2.35765%;
628
- width: 31.76157%;
629
- }
630
- .usa-width-one-third:last-child {
631
- margin-right: 0;
632
- }
633
- .usa-width-two-thirds {
634
- float: left;
635
- display: block;
636
- margin-right: 2.35765%;
637
- width: 65.88078%;
638
- }
639
- .usa-width-two-thirds:last-child {
640
- margin-right: 0;
641
- }
642
- .usa-width-one-fourth {
643
- float: left;
644
- display: block;
645
- margin-right: 2.35765%;
646
- width: 23.23176%;
647
- }
648
- .usa-width-one-fourth:last-child {
649
- margin-right: 0;
650
- }
651
- .usa-width-one-fourth:nth-child(2n) {
652
- float: left;
653
- display: block;
654
- margin-right: 2.35765%;
655
- width: 23.23176%;
656
- }
657
- .usa-width-one-fourth:nth-child(2n):last-child {
658
- margin-right: 0;
659
- }
660
- .usa-width-one-fourth:nth-child(4n) {
661
- margin-right: 0;
662
- }
663
- .usa-width-three-fourths {
664
- float: left;
665
- display: block;
666
- margin-right: 2.35765%;
667
- width: 74.41059%;
668
- }
669
- .usa-width-three-fourths:last-child {
670
- margin-right: 0;
671
- }
672
- .usa-width-one-sixth {
673
- float: left;
674
- display: block;
675
- margin-right: 2.35765%;
676
- width: 14.70196%;
677
- }
678
- .usa-width-one-sixth:last-child {
679
- margin-right: 0;
680
- }
681
- .usa-width-one-sixth:nth-child(3n) {
682
- float: left;
683
- display: block;
684
- margin-right: 2.35765%;
685
- width: 14.70196%;
686
- }
687
- .usa-width-one-sixth:nth-child(3n):last-child {
688
- margin-right: 0;
689
- }
690
- .usa-width-one-sixth:nth-child(6n) {
691
- margin-right: 0;
692
- }
693
- .usa-width-five-sixths {
694
- float: left;
695
- display: block;
696
- margin-right: 2.35765%;
697
- width: 82.94039%;
698
- }
699
- .usa-width-five-sixths:last-child {
700
- margin-right: 0;
701
- }
702
- .usa-width-one-twelfth {
703
- float: left;
704
- display: block;
705
- margin-right: 2.35765%;
706
- width: 6.17215%;
707
- }
708
- .usa-width-one-twelfth:last-child {
709
- margin-right: 0;
710
- }
711
- .usa-width-one-twelfth:nth-child(3n) {
712
- float: left;
713
- display: block;
714
- margin-right: 2.35765%;
715
- width: 6.17215%;
716
- }
717
- .usa-width-one-twelfth:nth-child(3n):last-child {
718
- margin-right: 0;
719
- }
720
- .usa-width-one-twelfth:nth-child(12n) {
721
- margin-right: 0;
722
- }
723
- .usa-width-five-twelfths {
724
- float: left;
725
- display: block;
726
- margin-right: 2.35765%;
727
- width: 40.29137%;
728
- }
729
- .usa-width-five-twelfths:last-child {
730
- margin-right: 0;
731
- }
732
- .usa-width-seven-twelfths {
733
- float: left;
734
- display: block;
735
- margin-right: 2.35765%;
736
- width: 57.35098%;
737
- }
738
- .usa-width-seven-twelfths:last-child {
739
- margin-right: 0;
740
- }
741
- }
742
-
743
- .usa-end-row {
744
- margin-right: 0;
745
- }
746
-
747
- .usa-offset-one-twelfth {
748
- margin-left: 8.5298%;
749
- }
750
-
751
- .usa-offset-one-sixth {
752
- margin-left: 17.05961%;
753
- }
754
-
755
- .usa-offset-one-fourth {
756
- margin-left: 25.58941%;
757
- }
758
-
759
- .usa-offset-one-third {
760
- margin-left: 34.11922%;
761
- }
762
-
763
- .usa-offset-five-twelfths {
764
- margin-left: 42.64902%;
765
- }
766
-
767
- .usa-offset-one-half {
768
- margin-left: 51.17883%;
769
- }
770
-
771
- .usa-offset-seven-twelfths {
772
- margin-left: 59.70863%;
773
- }
774
-
775
- .usa-offset-two-thirds {
776
- margin-left: 68.23843%;
777
- }
778
-
779
- .usa-offset-three-fourths {
780
- margin-left: 76.76824%;
781
- }
782
-
783
- .usa-offset-five-sixths {
784
- margin-left: 85.29804%;
785
- }
786
-
787
- .usa-offset-eleven-twelfths {
788
- margin-left: 93.82785%;
789
- }
790
-
791
- .usa-sr-only {
792
- position: absolute;
793
- left: -999em;
794
- }
795
-
796
- html {
797
- box-sizing: border-box;
798
- }
799
-
800
- *,
801
- *::before,
802
- *::after {
803
- box-sizing: inherit;
804
- }
805
-
806
- body {
807
- background-color: #ffffff;
808
- overflow-x: hidden;
809
- }
810
-
811
- .lt-ie9 * {
812
- -webkit-filter: none !important;
813
- filter: none !important;
814
- /* stylelint-disable-line declaration-no-important */
815
- }
816
-
817
- [hidden] {
818
- display: none !important;
819
- /* stylelint-disable-line declaration-no-important */
820
- }
821
-
822
- *:focus,
823
- .usa-focus {
824
- outline: 2px dotted #aeb0b5;
825
- outline-offset: 3px;
826
- }
827
-
828
- /* stylelint-disable selector-no-qualifying-type */
829
- .usa-button,
830
- .usa-button-primary,
831
- .usa-button:visited,
832
- .usa-button-primary:visited,
833
- button,
834
- [type=button],
835
- [type=submit],
836
- [type=reset],
837
- [type=image] {
838
- -moz-osx-font-smoothing: grayscale;
839
- -webkit-font-smoothing: antialiased;
840
- margin-top: 0.5em;
841
- margin-right: 0.5em;
842
- margin-bottom: 0.5em;
843
- -webkit-appearance: none;
844
- -moz-appearance: none;
845
- appearance: none;
846
- background-color: #0071bc;
847
- border: 0;
848
- border-radius: 5px;
849
- color: #ffffff;
850
- cursor: pointer;
851
- display: inline-block;
852
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
853
- font-size: 1.7rem;
854
- font-weight: 700;
855
- line-height: 1;
856
- padding: 1rem 2rem;
857
- text-align: center;
858
- text-decoration: none;
859
- width: 100%;
860
- }
861
-
862
- @media screen and (min-width: 481px) {
863
- .usa-button,
864
- .usa-button-primary,
865
- .usa-button:visited,
866
- .usa-button-primary:visited,
867
- button,
868
- [type=button],
869
- [type=submit],
870
- [type=reset],
871
- [type=image] {
872
- width: auto;
873
- }
874
- }
875
-
876
- .usa-button:hover, .usa-button.usa-button-hover,
877
- .usa-button-primary:hover,
878
- .usa-button-primary.usa-button-hover,
879
- .usa-button:visited:hover,
880
- .usa-button:visited.usa-button-hover,
881
- .usa-button-primary:visited:hover,
882
- .usa-button-primary:visited.usa-button-hover,
883
- button:hover,
884
- button.usa-button-hover,
885
- [type=button]:hover,
886
- [type=button].usa-button-hover,
887
- [type=submit]:hover,
888
- [type=submit].usa-button-hover,
889
- [type=reset]:hover,
890
- [type=reset].usa-button-hover,
891
- [type=image]:hover,
892
- [type=image].usa-button-hover {
893
- background-color: #205493;
894
- border-bottom: 0;
895
- color: #ffffff;
896
- text-decoration: none;
897
- }
898
-
899
- .usa-button:active, .usa-button.usa-button-active,
900
- .usa-button-primary:active,
901
- .usa-button-primary.usa-button-active,
902
- .usa-button:visited:active,
903
- .usa-button:visited.usa-button-active,
904
- .usa-button-primary:visited:active,
905
- .usa-button-primary:visited.usa-button-active,
906
- button:active,
907
- button.usa-button-active,
908
- [type=button]:active,
909
- [type=button].usa-button-active,
910
- [type=submit]:active,
911
- [type=submit].usa-button-active,
912
- [type=reset]:active,
913
- [type=reset].usa-button-active,
914
- [type=image]:active,
915
- [type=image].usa-button-active {
916
- background-color: #112e51;
917
- }
918
-
919
- .usa-button.usa-button-primary-alt,
920
- .usa-button-primary.usa-button-primary-alt,
921
- .usa-button:visited.usa-button-primary-alt,
922
- .usa-button-primary:visited.usa-button-primary-alt,
923
- button.usa-button-primary-alt,
924
- [type=button].usa-button-primary-alt,
925
- [type=submit].usa-button-primary-alt,
926
- [type=reset].usa-button-primary-alt,
927
- [type=image].usa-button-primary-alt {
928
- background-color: #02bfe7;
929
- color: #212121;
930
- }
931
-
932
- .usa-button.usa-button-primary-alt:hover, .usa-button.usa-button-primary-alt.usa-button-hover,
933
- .usa-button-primary.usa-button-primary-alt:hover,
934
- .usa-button-primary.usa-button-primary-alt.usa-button-hover,
935
- .usa-button:visited.usa-button-primary-alt:hover,
936
- .usa-button:visited.usa-button-primary-alt.usa-button-hover,
937
- .usa-button-primary:visited.usa-button-primary-alt:hover,
938
- .usa-button-primary:visited.usa-button-primary-alt.usa-button-hover,
939
- button.usa-button-primary-alt:hover,
940
- button.usa-button-primary-alt.usa-button-hover,
941
- [type=button].usa-button-primary-alt:hover,
942
- [type=button].usa-button-primary-alt.usa-button-hover,
943
- [type=submit].usa-button-primary-alt:hover,
944
- [type=submit].usa-button-primary-alt.usa-button-hover,
945
- [type=reset].usa-button-primary-alt:hover,
946
- [type=reset].usa-button-primary-alt.usa-button-hover,
947
- [type=image].usa-button-primary-alt:hover,
948
- [type=image].usa-button-primary-alt.usa-button-hover {
949
- background-color: #00a6d2;
950
- }
951
-
952
- .usa-button.usa-button-primary-alt:active, .usa-button.usa-button-primary-alt.usa-button-active,
953
- .usa-button-primary.usa-button-primary-alt:active,
954
- .usa-button-primary.usa-button-primary-alt.usa-button-active,
955
- .usa-button:visited.usa-button-primary-alt:active,
956
- .usa-button:visited.usa-button-primary-alt.usa-button-active,
957
- .usa-button-primary:visited.usa-button-primary-alt:active,
958
- .usa-button-primary:visited.usa-button-primary-alt.usa-button-active,
959
- button.usa-button-primary-alt:active,
960
- button.usa-button-primary-alt.usa-button-active,
961
- [type=button].usa-button-primary-alt:active,
962
- [type=button].usa-button-primary-alt.usa-button-active,
963
- [type=submit].usa-button-primary-alt:active,
964
- [type=submit].usa-button-primary-alt.usa-button-active,
965
- [type=reset].usa-button-primary-alt:active,
966
- [type=reset].usa-button-primary-alt.usa-button-active,
967
- [type=image].usa-button-primary-alt:active,
968
- [type=image].usa-button-primary-alt.usa-button-active {
969
- background-color: #046b99;
970
- color: #ffffff;
971
- }
972
-
973
- .usa-button.usa-button-secondary,
974
- .usa-button-primary.usa-button-secondary,
975
- .usa-button:visited.usa-button-secondary,
976
- .usa-button-primary:visited.usa-button-secondary,
977
- button.usa-button-secondary,
978
- [type=button].usa-button-secondary,
979
- [type=submit].usa-button-secondary,
980
- [type=reset].usa-button-secondary,
981
- [type=image].usa-button-secondary {
982
- background-color: #ffffff;
983
- box-shadow: inset 0 0 0 2px #0071bc;
984
- color: #0071bc;
985
- }
986
-
987
- .usa-button.usa-button-secondary:hover, .usa-button.usa-button-secondary.usa-button-hover,
988
- .usa-button-primary.usa-button-secondary:hover,
989
- .usa-button-primary.usa-button-secondary.usa-button-hover,
990
- .usa-button:visited.usa-button-secondary:hover,
991
- .usa-button:visited.usa-button-secondary.usa-button-hover,
992
- .usa-button-primary:visited.usa-button-secondary:hover,
993
- .usa-button-primary:visited.usa-button-secondary.usa-button-hover,
994
- button.usa-button-secondary:hover,
995
- button.usa-button-secondary.usa-button-hover,
996
- [type=button].usa-button-secondary:hover,
997
- [type=button].usa-button-secondary.usa-button-hover,
998
- [type=submit].usa-button-secondary:hover,
999
- [type=submit].usa-button-secondary.usa-button-hover,
1000
- [type=reset].usa-button-secondary:hover,
1001
- [type=reset].usa-button-secondary.usa-button-hover,
1002
- [type=image].usa-button-secondary:hover,
1003
- [type=image].usa-button-secondary.usa-button-hover {
1004
- box-shadow: inset 0 0 0 2px #205493;
1005
- color: #205493;
1006
- }
1007
-
1008
- .usa-button.usa-button-secondary:active, .usa-button.usa-button-secondary.usa-button-active,
1009
- .usa-button-primary.usa-button-secondary:active,
1010
- .usa-button-primary.usa-button-secondary.usa-button-active,
1011
- .usa-button:visited.usa-button-secondary:active,
1012
- .usa-button:visited.usa-button-secondary.usa-button-active,
1013
- .usa-button-primary:visited.usa-button-secondary:active,
1014
- .usa-button-primary:visited.usa-button-secondary.usa-button-active,
1015
- button.usa-button-secondary:active,
1016
- button.usa-button-secondary.usa-button-active,
1017
- [type=button].usa-button-secondary:active,
1018
- [type=button].usa-button-secondary.usa-button-active,
1019
- [type=submit].usa-button-secondary:active,
1020
- [type=submit].usa-button-secondary.usa-button-active,
1021
- [type=reset].usa-button-secondary:active,
1022
- [type=reset].usa-button-secondary.usa-button-active,
1023
- [type=image].usa-button-secondary:active,
1024
- [type=image].usa-button-secondary.usa-button-active {
1025
- box-shadow: inset 0 0 0 2px #112e51;
1026
- color: #112e51;
1027
- }
1028
-
1029
- .usa-button.usa-button-secondary-inverse, .usa-button.usa-button-outline-inverse,
1030
- .usa-button-primary.usa-button-secondary-inverse,
1031
- .usa-button-primary.usa-button-outline-inverse,
1032
- .usa-button:visited.usa-button-secondary-inverse,
1033
- .usa-button:visited.usa-button-outline-inverse,
1034
- .usa-button-primary:visited.usa-button-secondary-inverse,
1035
- .usa-button-primary:visited.usa-button-outline-inverse,
1036
- button.usa-button-secondary-inverse,
1037
- button.usa-button-outline-inverse,
1038
- [type=button].usa-button-secondary-inverse,
1039
- [type=button].usa-button-outline-inverse,
1040
- [type=submit].usa-button-secondary-inverse,
1041
- [type=submit].usa-button-outline-inverse,
1042
- [type=reset].usa-button-secondary-inverse,
1043
- [type=reset].usa-button-outline-inverse,
1044
- [type=image].usa-button-secondary-inverse,
1045
- [type=image].usa-button-outline-inverse {
1046
- background: transparent;
1047
- box-shadow: inset 0 0 0 2px #ffffff;
1048
- color: #ffffff;
1049
- }
1050
-
1051
- .usa-button.usa-button-secondary-inverse:hover, .usa-button.usa-button-secondary-inverse.usa-button-hover, .usa-button.usa-button-outline-inverse:hover, .usa-button.usa-button-outline-inverse.usa-button-hover,
1052
- .usa-button-primary.usa-button-secondary-inverse:hover,
1053
- .usa-button-primary.usa-button-secondary-inverse.usa-button-hover,
1054
- .usa-button-primary.usa-button-outline-inverse:hover,
1055
- .usa-button-primary.usa-button-outline-inverse.usa-button-hover,
1056
- .usa-button:visited.usa-button-secondary-inverse:hover,
1057
- .usa-button:visited.usa-button-secondary-inverse.usa-button-hover,
1058
- .usa-button:visited.usa-button-outline-inverse:hover,
1059
- .usa-button:visited.usa-button-outline-inverse.usa-button-hover,
1060
- .usa-button-primary:visited.usa-button-secondary-inverse:hover,
1061
- .usa-button-primary:visited.usa-button-secondary-inverse.usa-button-hover,
1062
- .usa-button-primary:visited.usa-button-outline-inverse:hover,
1063
- .usa-button-primary:visited.usa-button-outline-inverse.usa-button-hover,
1064
- button.usa-button-secondary-inverse:hover,
1065
- button.usa-button-secondary-inverse.usa-button-hover,
1066
- button.usa-button-outline-inverse:hover,
1067
- button.usa-button-outline-inverse.usa-button-hover,
1068
- [type=button].usa-button-secondary-inverse:hover,
1069
- [type=button].usa-button-secondary-inverse.usa-button-hover,
1070
- [type=button].usa-button-outline-inverse:hover,
1071
- [type=button].usa-button-outline-inverse.usa-button-hover,
1072
- [type=submit].usa-button-secondary-inverse:hover,
1073
- [type=submit].usa-button-secondary-inverse.usa-button-hover,
1074
- [type=submit].usa-button-outline-inverse:hover,
1075
- [type=submit].usa-button-outline-inverse.usa-button-hover,
1076
- [type=reset].usa-button-secondary-inverse:hover,
1077
- [type=reset].usa-button-secondary-inverse.usa-button-hover,
1078
- [type=reset].usa-button-outline-inverse:hover,
1079
- [type=reset].usa-button-outline-inverse.usa-button-hover,
1080
- [type=image].usa-button-secondary-inverse:hover,
1081
- [type=image].usa-button-secondary-inverse.usa-button-hover,
1082
- [type=image].usa-button-outline-inverse:hover,
1083
- [type=image].usa-button-outline-inverse.usa-button-hover {
1084
- box-shadow: inset 0 0 0 2px #d6d7d9;
1085
- color: #d6d7d9;
1086
- }
1087
-
1088
- .usa-button.usa-button-secondary-inverse:active, .usa-button.usa-button-secondary-inverse.usa-button-active, .usa-button.usa-button-outline-inverse:active, .usa-button.usa-button-outline-inverse.usa-button-active,
1089
- .usa-button-primary.usa-button-secondary-inverse:active,
1090
- .usa-button-primary.usa-button-secondary-inverse.usa-button-active,
1091
- .usa-button-primary.usa-button-outline-inverse:active,
1092
- .usa-button-primary.usa-button-outline-inverse.usa-button-active,
1093
- .usa-button:visited.usa-button-secondary-inverse:active,
1094
- .usa-button:visited.usa-button-secondary-inverse.usa-button-active,
1095
- .usa-button:visited.usa-button-outline-inverse:active,
1096
- .usa-button:visited.usa-button-outline-inverse.usa-button-active,
1097
- .usa-button-primary:visited.usa-button-secondary-inverse:active,
1098
- .usa-button-primary:visited.usa-button-secondary-inverse.usa-button-active,
1099
- .usa-button-primary:visited.usa-button-outline-inverse:active,
1100
- .usa-button-primary:visited.usa-button-outline-inverse.usa-button-active,
1101
- button.usa-button-secondary-inverse:active,
1102
- button.usa-button-secondary-inverse.usa-button-active,
1103
- button.usa-button-outline-inverse:active,
1104
- button.usa-button-outline-inverse.usa-button-active,
1105
- [type=button].usa-button-secondary-inverse:active,
1106
- [type=button].usa-button-secondary-inverse.usa-button-active,
1107
- [type=button].usa-button-outline-inverse:active,
1108
- [type=button].usa-button-outline-inverse.usa-button-active,
1109
- [type=submit].usa-button-secondary-inverse:active,
1110
- [type=submit].usa-button-secondary-inverse.usa-button-active,
1111
- [type=submit].usa-button-outline-inverse:active,
1112
- [type=submit].usa-button-outline-inverse.usa-button-active,
1113
- [type=reset].usa-button-secondary-inverse:active,
1114
- [type=reset].usa-button-secondary-inverse.usa-button-active,
1115
- [type=reset].usa-button-outline-inverse:active,
1116
- [type=reset].usa-button-outline-inverse.usa-button-active,
1117
- [type=image].usa-button-secondary-inverse:active,
1118
- [type=image].usa-button-secondary-inverse.usa-button-active,
1119
- [type=image].usa-button-outline-inverse:active,
1120
- [type=image].usa-button-outline-inverse.usa-button-active {
1121
- box-shadow: inset 0 0 0 2px #aeb0b5;
1122
- color: #d6d7d9;
1123
- }
1124
-
1125
- .usa-button.usa-button-gray,
1126
- .usa-button-primary.usa-button-gray,
1127
- .usa-button:visited.usa-button-gray,
1128
- .usa-button-primary:visited.usa-button-gray,
1129
- button.usa-button-gray,
1130
- [type=button].usa-button-gray,
1131
- [type=submit].usa-button-gray,
1132
- [type=reset].usa-button-gray,
1133
- [type=image].usa-button-gray {
1134
- background-color: #5b616b;
1135
- }
1136
-
1137
- .usa-button.usa-button-gray:hover, .usa-button.usa-button-gray.usa-button-hover,
1138
- .usa-button-primary.usa-button-gray:hover,
1139
- .usa-button-primary.usa-button-gray.usa-button-hover,
1140
- .usa-button:visited.usa-button-gray:hover,
1141
- .usa-button:visited.usa-button-gray.usa-button-hover,
1142
- .usa-button-primary:visited.usa-button-gray:hover,
1143
- .usa-button-primary:visited.usa-button-gray.usa-button-hover,
1144
- button.usa-button-gray:hover,
1145
- button.usa-button-gray.usa-button-hover,
1146
- [type=button].usa-button-gray:hover,
1147
- [type=button].usa-button-gray.usa-button-hover,
1148
- [type=submit].usa-button-gray:hover,
1149
- [type=submit].usa-button-gray.usa-button-hover,
1150
- [type=reset].usa-button-gray:hover,
1151
- [type=reset].usa-button-gray.usa-button-hover,
1152
- [type=image].usa-button-gray:hover,
1153
- [type=image].usa-button-gray.usa-button-hover {
1154
- background-color: #323a45;
1155
- }
1156
-
1157
- .usa-button.usa-button-gray:active, .usa-button.usa-button-gray.usa-button-active,
1158
- .usa-button-primary.usa-button-gray:active,
1159
- .usa-button-primary.usa-button-gray.usa-button-active,
1160
- .usa-button:visited.usa-button-gray:active,
1161
- .usa-button:visited.usa-button-gray.usa-button-active,
1162
- .usa-button-primary:visited.usa-button-gray:active,
1163
- .usa-button-primary:visited.usa-button-gray.usa-button-active,
1164
- button.usa-button-gray:active,
1165
- button.usa-button-gray.usa-button-active,
1166
- [type=button].usa-button-gray:active,
1167
- [type=button].usa-button-gray.usa-button-active,
1168
- [type=submit].usa-button-gray:active,
1169
- [type=submit].usa-button-gray.usa-button-active,
1170
- [type=reset].usa-button-gray:active,
1171
- [type=reset].usa-button-gray.usa-button-active,
1172
- [type=image].usa-button-gray:active,
1173
- [type=image].usa-button-gray.usa-button-active {
1174
- background-color: #212121;
1175
- }
1176
-
1177
- .usa-button.usa-button-red,
1178
- .usa-button-primary.usa-button-red,
1179
- .usa-button:visited.usa-button-red,
1180
- .usa-button-primary:visited.usa-button-red,
1181
- button.usa-button-red,
1182
- [type=button].usa-button-red,
1183
- [type=submit].usa-button-red,
1184
- [type=reset].usa-button-red,
1185
- [type=image].usa-button-red {
1186
- background-color: #e31c3d;
1187
- }
1188
-
1189
- .usa-button.usa-button-red:hover, .usa-button.usa-button-red.usa-button-hover,
1190
- .usa-button-primary.usa-button-red:hover,
1191
- .usa-button-primary.usa-button-red.usa-button-hover,
1192
- .usa-button:visited.usa-button-red:hover,
1193
- .usa-button:visited.usa-button-red.usa-button-hover,
1194
- .usa-button-primary:visited.usa-button-red:hover,
1195
- .usa-button-primary:visited.usa-button-red.usa-button-hover,
1196
- button.usa-button-red:hover,
1197
- button.usa-button-red.usa-button-hover,
1198
- [type=button].usa-button-red:hover,
1199
- [type=button].usa-button-red.usa-button-hover,
1200
- [type=submit].usa-button-red:hover,
1201
- [type=submit].usa-button-red.usa-button-hover,
1202
- [type=reset].usa-button-red:hover,
1203
- [type=reset].usa-button-red.usa-button-hover,
1204
- [type=image].usa-button-red:hover,
1205
- [type=image].usa-button-red.usa-button-hover {
1206
- background-color: #cd2026;
1207
- }
1208
-
1209
- .usa-button.usa-button-red:active, .usa-button.usa-button-red.usa-button-active,
1210
- .usa-button-primary.usa-button-red:active,
1211
- .usa-button-primary.usa-button-red.usa-button-active,
1212
- .usa-button:visited.usa-button-red:active,
1213
- .usa-button:visited.usa-button-red.usa-button-active,
1214
- .usa-button-primary:visited.usa-button-red:active,
1215
- .usa-button-primary:visited.usa-button-red.usa-button-active,
1216
- button.usa-button-red:active,
1217
- button.usa-button-red.usa-button-active,
1218
- [type=button].usa-button-red:active,
1219
- [type=button].usa-button-red.usa-button-active,
1220
- [type=submit].usa-button-red:active,
1221
- [type=submit].usa-button-red.usa-button-active,
1222
- [type=reset].usa-button-red:active,
1223
- [type=reset].usa-button-red.usa-button-active,
1224
- [type=image].usa-button-red:active,
1225
- [type=image].usa-button-red.usa-button-active {
1226
- background-color: #981b1e;
1227
- }
1228
-
1229
- .usa-button.usa-button-big,
1230
- .usa-button-primary.usa-button-big,
1231
- .usa-button:visited.usa-button-big,
1232
- .usa-button-primary:visited.usa-button-big,
1233
- button.usa-button-big,
1234
- [type=button].usa-button-big,
1235
- [type=submit].usa-button-big,
1236
- [type=reset].usa-button-big,
1237
- [type=image].usa-button-big {
1238
- border-radius: 8px;
1239
- font-size: 2.4rem;
1240
- padding: 1.5rem 3rem;
1241
- }
1242
-
1243
- .usa-button:disabled,
1244
- .usa-button-primary:disabled,
1245
- .usa-button:visited:disabled,
1246
- .usa-button-primary:visited:disabled,
1247
- button:disabled,
1248
- [type=button]:disabled,
1249
- [type=submit]:disabled,
1250
- [type=reset]:disabled,
1251
- [type=image]:disabled {
1252
- background-color: #d6d7d9;
1253
- pointer-events: none;
1254
- }
1255
-
1256
- .usa-button:disabled:hover, .usa-button:disabled.usa-button-hover, .usa-button:disabled:active, .usa-button:disabled.usa-button-active, .usa-button:disabled:focus, .usa-button:disabled.usa-focus,
1257
- .usa-button-primary:disabled:hover,
1258
- .usa-button-primary:disabled.usa-button-hover,
1259
- .usa-button-primary:disabled:active,
1260
- .usa-button-primary:disabled.usa-button-active,
1261
- .usa-button-primary:disabled:focus,
1262
- .usa-button-primary:disabled.usa-focus,
1263
- .usa-button:visited:disabled:hover,
1264
- .usa-button:visited:disabled.usa-button-hover,
1265
- .usa-button:visited:disabled:active,
1266
- .usa-button:visited:disabled.usa-button-active,
1267
- .usa-button:visited:disabled:focus,
1268
- .usa-button:visited:disabled.usa-focus,
1269
- .usa-button-primary:visited:disabled:hover,
1270
- .usa-button-primary:visited:disabled.usa-button-hover,
1271
- .usa-button-primary:visited:disabled:active,
1272
- .usa-button-primary:visited:disabled.usa-button-active,
1273
- .usa-button-primary:visited:disabled:focus,
1274
- .usa-button-primary:visited:disabled.usa-focus,
1275
- button:disabled:hover,
1276
- button:disabled.usa-button-hover,
1277
- button:disabled:active,
1278
- button:disabled.usa-button-active,
1279
- button:disabled:focus,
1280
- button:disabled.usa-focus,
1281
- [type=button]:disabled:hover,
1282
- [type=button]:disabled.usa-button-hover,
1283
- [type=button]:disabled:active,
1284
- [type=button]:disabled.usa-button-active,
1285
- [type=button]:disabled:focus,
1286
- [type=button]:disabled.usa-focus,
1287
- [type=submit]:disabled:hover,
1288
- [type=submit]:disabled.usa-button-hover,
1289
- [type=submit]:disabled:active,
1290
- [type=submit]:disabled.usa-button-active,
1291
- [type=submit]:disabled:focus,
1292
- [type=submit]:disabled.usa-focus,
1293
- [type=reset]:disabled:hover,
1294
- [type=reset]:disabled.usa-button-hover,
1295
- [type=reset]:disabled:active,
1296
- [type=reset]:disabled.usa-button-active,
1297
- [type=reset]:disabled:focus,
1298
- [type=reset]:disabled.usa-focus,
1299
- [type=image]:disabled:hover,
1300
- [type=image]:disabled.usa-button-hover,
1301
- [type=image]:disabled:active,
1302
- [type=image]:disabled.usa-button-active,
1303
- [type=image]:disabled:focus,
1304
- [type=image]:disabled.usa-focus {
1305
- background-color: #d6d7d9;
1306
- border: 0;
1307
- box-shadow: none;
1308
- }
1309
-
1310
- /* stylelint-disable */
1311
- .usa-button-disabled {
1312
- background-color: #d6d7d9;
1313
- pointer-events: none;
1314
- }
1315
-
1316
- .usa-button-disabled:hover, .usa-button-disabled.usa-button-hover, .usa-button-disabled:active, .usa-button-disabled.usa-button-active, .usa-button-disabled:focus, .usa-button-disabled.usa-focus {
1317
- background-color: #d6d7d9;
1318
- border: 0;
1319
- box-shadow: none;
1320
- }
1321
-
1322
- .usa-button-secondary-disabled,
1323
- .usa-button-secondary-inverse-disabled,
1324
- .usa-button-secondary:disabled,
1325
- .usa-button-secondary-inverse:disabled,
1326
- .usa-button-outline-inverse:disabled {
1327
- box-shadow: inset 0 0 0 2px #d6d7d9;
1328
- pointer-events: none;
1329
- color: #d6d7d9;
1330
- }
1331
-
1332
- .usa-button-secondary-disabled:hover, .usa-button-secondary-disabled.usa-button-hover, .usa-button-secondary-disabled:active, .usa-button-secondary-disabled.usa-button-active, .usa-button-secondary-disabled:focus, .usa-button-secondary-disabled.usa-focus,
1333
- .usa-button-secondary-inverse-disabled:hover,
1334
- .usa-button-secondary-inverse-disabled.usa-button-hover,
1335
- .usa-button-secondary-inverse-disabled:active,
1336
- .usa-button-secondary-inverse-disabled.usa-button-active,
1337
- .usa-button-secondary-inverse-disabled:focus,
1338
- .usa-button-secondary-inverse-disabled.usa-focus,
1339
- .usa-button-secondary:disabled:hover,
1340
- .usa-button-secondary:disabled.usa-button-hover,
1341
- .usa-button-secondary:disabled:active,
1342
- .usa-button-secondary:disabled.usa-button-active,
1343
- .usa-button-secondary:disabled:focus,
1344
- .usa-button-secondary:disabled.usa-focus,
1345
- .usa-button-secondary-inverse:disabled:hover,
1346
- .usa-button-secondary-inverse:disabled.usa-button-hover,
1347
- .usa-button-secondary-inverse:disabled:active,
1348
- .usa-button-secondary-inverse:disabled.usa-button-active,
1349
- .usa-button-secondary-inverse:disabled:focus,
1350
- .usa-button-secondary-inverse:disabled.usa-focus,
1351
- .usa-button-outline-inverse:disabled:hover,
1352
- .usa-button-outline-inverse:disabled.usa-button-hover,
1353
- .usa-button-outline-inverse:disabled:active,
1354
- .usa-button-outline-inverse:disabled.usa-button-active,
1355
- .usa-button-outline-inverse:disabled:focus,
1356
- .usa-button-outline-inverse:disabled.usa-focus {
1357
- background-color: #ffffff;
1358
- border: 0;
1359
- }
1360
-
1361
- html .usa-button-secondary-disabled,
1362
- .usa-button-secondary:disabled {
1363
- background-color: #ffffff;
1364
- }
1365
-
1366
- html .usa-button-secondary-inverse-disabled,
1367
- .usa-button-secondary-inverse:disabled {
1368
- background-color: transparent;
1369
- color: #5b616b;
1370
- box-shadow: inset 0 0 0 2px #5b616b;
1371
- }
1372
-
1373
- .usa-button-unstyled {
1374
- background-color: transparent;
1375
- border: 0;
1376
- border-radius: 0;
1377
- font-weight: 400;
1378
- margin: 0;
1379
- padding: 0;
1380
- text-align: left;
1381
- -webkit-font-smoothing: auto;
1382
- }
1383
-
1384
- .usa-button-unstyled:hover {
1385
- background-color: transparent;
1386
- }
1387
-
1388
- .usa-embed-container iframe,
1389
- .usa-embed-container object,
1390
- .usa-embed-container embed {
1391
- position: absolute;
1392
- top: 0;
1393
- left: 0;
1394
- width: 100%;
1395
- height: 100%;
1396
- }
1397
-
1398
- .usa-embed-container {
1399
- padding-bottom: 56.25%;
1400
- position: relative;
1401
- height: 0;
1402
- overflow: hidden;
1403
- max-width: 100%;
1404
- }
1405
-
1406
- img {
1407
- max-width: 100%;
1408
- }
1409
-
1410
- .media_link {
1411
- display: inline-block;
1412
- line-height: 0;
1413
- }
1414
-
1415
- /* stylelint-disable selector-no-qualifying-type */
1416
- input,
1417
- textarea,
1418
- select {
1419
- -webkit-appearance: none;
1420
- -moz-appearance: none;
1421
- appearance: none;
1422
- border: 0.1rem solid #5b616b;
1423
- border-radius: 0;
1424
- box-sizing: border-box;
1425
- color: #212121;
1426
- display: block;
1427
- font-size: 1.7rem;
1428
- height: 4.4rem;
1429
- line-height: 1.3;
1430
- margin: 0.2em 0;
1431
- max-width: 46rem;
1432
- padding: 1rem 0.7em;
1433
- width: 100%;
1434
- }
1435
-
1436
- input.usa-input-success,
1437
- textarea.usa-input-success,
1438
- select.usa-input-success {
1439
- border: 3px solid #4aa564;
1440
- }
1441
-
1442
- /* stylelint-enable */
1443
- .usa-input-error {
1444
- border-left: 4px solid #cd2026;
1445
- margin-top: 3rem;
1446
- padding-bottom: 0.8rem;
1447
- padding-left: 1.5rem;
1448
- padding-top: 0.8rem;
1449
- position: relative;
1450
- right: 1.9rem;
1451
- }
1452
-
1453
- .usa-input-error input,
1454
- .usa-input-error textarea,
1455
- .usa-input-error select {
1456
- border: 3px solid #cd2026;
1457
- width: calc(100% + 1.9rem);
1458
- }
1459
-
1460
- .usa-input-error label {
1461
- margin-top: 0;
1462
- }
1463
-
1464
- .usa-input-error .usa-input-inline {
1465
- border: 0.1rem solid #5b616b;
1466
- width: inherit;
1467
- }
1468
-
1469
- .usa-input-error .usa-input-inline-error {
1470
- border: 3px solid #cd2026;
1471
- }
1472
-
1473
- .usa-input-error-label {
1474
- display: block;
1475
- font-size: 1.7rem;
1476
- font-weight: 700;
1477
- }
1478
-
1479
- .usa-input-error-message {
1480
- color: #cd2026;
1481
- display: block;
1482
- font-size: 1.7rem;
1483
- font-weight: 700;
1484
- padding-bottom: 3px;
1485
- padding-top: 3px;
1486
- }
1487
-
1488
- .usa-input-required:after {
1489
- color: #981b1e;
1490
- content: ' (*required)';
1491
- }
1492
-
1493
- .usa-input-optional:after {
1494
- color: #757575;
1495
- content: ' (optional)';
1496
- }
1497
-
1498
- label {
1499
- display: block;
1500
- margin-top: 3rem;
1501
- max-width: 46rem;
1502
- }
1503
-
1504
- textarea {
1505
- height: 16rem;
1506
- }
1507
-
1508
- select {
1509
- -moz-appearance: none;
1510
- -webkit-appearance: none;
1511
- appearance: none;
1512
- background-color: #ffffff;
1513
- background-image: url("../img/arrow-both.png");
1514
- background-image: url("../img/arrow-both.svg");
1515
- background-position: right 1.3rem center;
1516
- background-repeat: no-repeat;
1517
- background-size: 1rem;
1518
- padding-right: 3rem;
1519
- }
1520
-
1521
- select::-ms-expand {
1522
- display: none;
1523
- }
1524
-
1525
- select:-webkit-autofill {
1526
- -webkit-appearance: menulist;
1527
- appearance: menulist;
1528
- }
1529
-
1530
- select:-moz-focusring {
1531
- color: transparent;
1532
- text-shadow: 0 0 0 #000000;
1533
- }
1534
-
1535
- option:first-child {
1536
- font-weight: 700;
1537
- }
1538
-
1539
- legend {
1540
- font-size: 3rem;
1541
- font-weight: 700;
1542
- }
1543
-
1544
- .usa-fieldset-inputs label {
1545
- margin-top: 0;
1546
- }
1547
-
1548
- .usa-form-hint {
1549
- color: #757575;
1550
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
1551
- margin-bottom: 0;
1552
- }
1553
-
1554
- [type=checkbox],
1555
- [type=radio] {
1556
- position: absolute;
1557
- left: -999em;
1558
- }
1559
-
1560
- .lt-ie9 [type=checkbox], .lt-ie9
1561
- [type=radio] {
1562
- border: 0;
1563
- float: left;
1564
- margin: 0.4em 0.4em 0 0;
1565
- position: static;
1566
- width: auto;
1567
- }
1568
-
1569
- [type=checkbox] + label,
1570
- [type=radio] + label {
1571
- cursor: pointer;
1572
- font-weight: 400;
1573
- margin-bottom: 0.65em;
1574
- }
1575
-
1576
- [type=checkbox] + label::before,
1577
- [type=radio] + label::before {
1578
- background: #ffffff;
1579
- border-radius: 2px;
1580
- box-shadow: 0 0 0 1px #757575;
1581
- content: '\a0';
1582
- display: inline-block;
1583
- height: 2rem;
1584
- line-height: 2rem;
1585
- margin-right: 0.6em;
1586
- text-indent: 0.15em;
1587
- vertical-align: middle\0;
1588
- width: 2rem;
1589
- }
1590
-
1591
- [type=radio] + label::before {
1592
- border-radius: 100%;
1593
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
1594
- height: 1.4rem;
1595
- line-height: 1.4rem;
1596
- margin-right: 0.75em;
1597
- width: 1.4rem;
1598
- }
1599
-
1600
- [type=checkbox]:checked + label::before,
1601
- [type=radio]:checked + label::before {
1602
- background-color: #0071bc;
1603
- box-shadow: 0 0 0 1px #0071bc;
1604
- }
1605
-
1606
- [type=radio]:checked + label::before {
1607
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc;
1608
- }
1609
-
1610
- [type=checkbox]:checked + label::before,
1611
- [type=checkbox]:checked:disabled + label::before {
1612
- background-image: url("../img/correct8.png");
1613
- background-image: url("../img/correct8.svg");
1614
- background-position: 50%;
1615
- background-repeat: no-repeat;
1616
- }
1617
-
1618
- [type=radio]:focus + label::before {
1619
- outline: 2px dotted #aeb0b5;
1620
- outline-offset: 6px;
1621
- }
1622
-
1623
- [type=checkbox]:disabled + label {
1624
- color: #d6d7d9;
1625
- }
1626
-
1627
- [type=checkbox]:focus + label::before {
1628
- outline: 2px dotted #aeb0b5;
1629
- outline-offset: 3px;
1630
- }
1631
-
1632
- [type=checkbox]:disabled + label::before,
1633
- [type=radio]:disabled + label::before {
1634
- background: #f1f1f1;
1635
- box-shadow: 0 0 0 1px #aeb0b5;
1636
- cursor: not-allowed;
1637
- }
1638
-
1639
- [type=range] {
1640
- -webkit-appearance: none;
1641
- border: none;
1642
- padding-left: 0;
1643
- width: 100%;
1644
- }
1645
-
1646
- [type=range]::-webkit-slider-runnable-track {
1647
- background: #aeb0b5;
1648
- border: 1px solid #757575;
1649
- cursor: pointer;
1650
- height: 1.2rem;
1651
- width: 100%;
1652
- }
1653
-
1654
- [type=range]::-moz-range-track {
1655
- background: #0071bc;
1656
- border: 1px solid #757575;
1657
- cursor: pointer;
1658
- height: 1.2rem;
1659
- width: 100%;
1660
- }
1661
-
1662
- [type=range]::-ms-track {
1663
- background: transparent;
1664
- color: transparent;
1665
- cursor: pointer;
1666
- height: 1.2rem;
1667
- width: 100%;
1668
- }
1669
-
1670
- [type=range]::-webkit-slider-thumb {
1671
- -webkit-appearance: none;
1672
- border: 1px solid #757575;
1673
- height: 2.2rem;
1674
- border-radius: 1.5rem;
1675
- background: #f1f1f1;
1676
- cursor: pointer;
1677
- margin-top: -.65rem;
1678
- width: 2.2rem;
1679
- }
1680
-
1681
- [type=range]::-moz-range-thumb {
1682
- background: #f1f1f1;
1683
- border: 1px solid #757575;
1684
- border-radius: 1.5rem;
1685
- cursor: pointer;
1686
- height: 2.2rem;
1687
- width: 2.2rem;
1688
- }
1689
-
1690
- [type=range]::-ms-thumb {
1691
- background: #f1f1f1;
1692
- border: 1px solid #757575;
1693
- border-radius: 1.5rem;
1694
- cursor: pointer;
1695
- height: 2.2rem;
1696
- width: 2.2rem;
1697
- }
1698
-
1699
- [type=range]::-ms-fill-lower {
1700
- background: #aeb0b5;
1701
- border: 1px solid #757575;
1702
- border-radius: 2rem;
1703
- }
1704
-
1705
- [type=range]::-ms-fill-upper {
1706
- background: #aeb0b5;
1707
- border: 1px solid #757575;
1708
- border-radius: 2rem;
1709
- }
1710
-
1711
- .usa-date-of-birth label {
1712
- margin-top: 0;
1713
- }
1714
-
1715
- .usa-date-of-birth [type=number]::-webkit-inner-spin-button,
1716
- .usa-date-of-birth [type=number]::-webkit-outer-spin-button {
1717
- -webkit-appearance: none;
1718
- appearance: none;
1719
- margin: 0;
1720
- }
1721
-
1722
- .usa-date-of-birth [type=number] {
1723
- -moz-appearance: textfield;
1724
- }
1725
-
1726
- .usa-form-group-day,
1727
- .usa-form-group-month,
1728
- .usa-form-group-year {
1729
- clear: none;
1730
- float: left;
1731
- margin-right: 1.5rem;
1732
- width: 5rem;
1733
- }
1734
-
1735
- .usa-form-group-year {
1736
- width: 7rem;
1737
- }
1738
-
1739
- .usa-label, .usa-label-big {
1740
- background-color: #5b616b;
1741
- border-radius: 2px;
1742
- color: #ffffff;
1743
- font-size: 1.5rem;
1744
- margin-right: 0.5rem;
1745
- padding: 0.1rem 0.7rem;
1746
- text-transform: uppercase;
1747
- }
1748
-
1749
- .usa-label:only-of-type, .usa-label-big:only-of-type {
1750
- margin-right: 0;
1751
- }
1752
-
1753
- .usa-label-big {
1754
- font-size: 1.7rem;
1755
- padding-left: 0.9rem;
1756
- padding-right: 0.9rem;
1757
- }
1758
-
1759
- ul,
1760
- ol {
1761
- margin-top: 1em;
1762
- margin-bottom: 1em;
1763
- padding-left: 1.94em;
1764
- }
1765
-
1766
- li {
1767
- line-height: 1.5;
1768
- margin-bottom: 0.5em;
1769
- }
1770
-
1771
- li:last-child {
1772
- margin-bottom: 0;
1773
- }
1774
-
1775
- h1 + ul,
1776
- h1 + ol,
1777
- h2 + ul,
1778
- h2 + ol,
1779
- h3 + ul,
1780
- h3 + ol,
1781
- h4 + ul,
1782
- h4 + ol,
1783
- h5 + ul,
1784
- h5 + ol,
1785
- h6 + ul,
1786
- h6 + ol,
1787
- p + ul,
1788
- p + ol {
1789
- margin-top: 0;
1790
- }
1791
-
1792
- .usa-unstyled-list {
1793
- margin-top: 0;
1794
- margin-bottom: 0;
1795
- list-style-type: none;
1796
- padding-left: 0;
1797
- }
1798
-
1799
- .usa-unstyled-list > li {
1800
- margin-bottom: 0;
1801
- }
1802
-
1803
- table {
1804
- border-spacing: 0;
1805
- margin: 2em 0;
1806
- }
1807
-
1808
- thead th {
1809
- font-weight: 700;
1810
- }
1811
-
1812
- thead th,
1813
- thead td {
1814
- background-color: #f1f1f1;
1815
- }
1816
-
1817
- th {
1818
- text-align: left;
1819
- }
1820
-
1821
- th,
1822
- td {
1823
- background-color: #ffffff;
1824
- border: 1px solid #5b616b;
1825
- font-weight: 400;
1826
- padding: 1rem 1.5rem;
1827
- }
1828
-
1829
- .usa-table-borderless thead th {
1830
- background-color: transparent;
1831
- border-top: 0;
1832
- }
1833
-
1834
- .usa-table-borderless th,
1835
- .usa-table-borderless td {
1836
- border-left: 0;
1837
- border-right: 0;
1838
- }
1839
-
1840
- .usa-table-borderless th:first-child {
1841
- padding-left: 0;
1842
- }
1843
-
1844
- caption {
1845
- font-size: 1.5rem;
1846
- font-weight: 700;
1847
- font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
1848
- margin-bottom: 1.2rem;
1849
- text-align: left;
1850
- }
1851
-
1852
- html {
1853
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
1854
- font-size: 10px;
1855
- }
1856
-
1857
- body {
1858
- font-size: 1.7rem;
1859
- }
1860
-
1861
- p {
1862
- line-height: 1.5;
1863
- margin-bottom: 1em;
1864
- margin-top: 1em;
1865
- }
1866
-
1867
- a {
1868
- color: #0071bc;
1869
- text-decoration: underline;
1870
- }
1871
-
1872
- a:hover, a:active {
1873
- color: #205493;
1874
- }
1875
-
1876
- a:focus {
1877
- outline: 2px dotted #aeb0b5;
1878
- outline-offset: 3px;
1879
- }
1880
-
1881
- a:visited {
1882
- color: #4c2c92;
1883
- }
1884
-
1885
- .usa-external_link::after {
1886
- background: url("../img/external-link.png") no-repeat 0 0;
1887
- background: url("../img/external-link.svg") no-repeat 0 0;
1888
- background-size: 100%;
1889
- content: '';
1890
- display: inline-block;
1891
- height: 0.65em;
1892
- margin-bottom: -1px;
1893
- margin-left: 4px;
1894
- width: 0.65em;
1895
- }
1896
-
1897
- .usa-external_link:hover::after {
1898
- background-image: url("../img/external-link-hover.png");
1899
- background-image: url("../img/external-link-hover.svg");
1900
- }
1901
-
1902
- .usa-external_link-alt::after {
1903
- background: url("../img/external-link-alt.png") no-repeat 0 0;
1904
- background: url("../img/external-link-alt.svg") no-repeat 0 0;
1905
- background-size: 100%;
1906
- content: '';
1907
- display: inline-block;
1908
- height: 0.65em;
1909
- margin-bottom: -1px;
1910
- margin-left: 4px;
1911
- width: 0.65em;
1912
- }
1913
-
1914
- .usa-external_link-alt:hover::after {
1915
- background-image: url("../img/external-link-alt-hover.png");
1916
- background-image: url("../img/external-link-alt-hover.svg");
1917
- }
1918
-
1919
- h1,
1920
- h2,
1921
- h3,
1922
- h4,
1923
- h5 {
1924
- clear: both;
1925
- font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
1926
- line-height: 1.3;
1927
- margin-bottom: .5em;
1928
- margin-top: 1.5em;
1929
- }
1930
-
1931
- h6 {
1932
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
1933
- }
1934
-
1935
- h1 {
1936
- font-size: 4rem;
1937
- font-weight: 700;
1938
- }
1939
-
1940
- h2 {
1941
- font-size: 3rem;
1942
- font-weight: 700;
1943
- }
1944
-
1945
- h3 {
1946
- font-size: 2rem;
1947
- font-weight: 700;
1948
- }
1949
-
1950
- h4 {
1951
- font-size: 1.7rem;
1952
- font-weight: 700;
1953
- }
1954
-
1955
- h5 {
1956
- font-size: 1.5rem;
1957
- font-weight: 700;
1958
- }
1959
-
1960
- h6 {
1961
- font-size: 1.3rem;
1962
- font-weight: 400;
1963
- line-height: 1.5;
1964
- text-transform: uppercase;
1965
- }
1966
-
1967
- cite,
1968
- var,
1969
- address,
1970
- dfn {
1971
- font-style: normal;
1972
- }
1973
-
1974
- .usa-content p,
1975
- .usa-content ul:not(.usa-accordion):not(.usa-accordion-bordered),
1976
- .usa-content ol:not(.usa-accordion):not(.usa-accordion-bordered) {
1977
- max-width: 66ch;
1978
- }
1979
-
1980
- .usa-content-list {
1981
- max-width: 66ch;
1982
- }
1983
-
1984
- .usa-sans p,
1985
- .usa-sans a,
1986
- .usa-sans li,
1987
- .usa-sans span {
1988
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
1989
- }
1990
-
1991
- .usa-sans a {
1992
- border-bottom: none;
1993
- font-weight: 700;
1994
- }
1995
-
1996
- .usa-serif p,
1997
- .usa-serif a,
1998
- .usa-serif li,
1999
- .usa-serif span {
2000
- font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
2001
- }
2002
-
2003
- .usa-display {
2004
- font-size: 2rem;
2005
- font-weight: 700;
2006
- margin-bottom: 0;
2007
- }
2008
-
2009
- @media screen and (min-width: 481px) {
2010
- .usa-display {
2011
- font-size: 4rem;
2012
- font-weight: 700;
2013
- }
2014
- }
2015
-
2016
- @media screen and (min-width: 600px) {
2017
- .usa-display {
2018
- font-size: 5.2rem;
2019
- font-weight: 700;
2020
- }
2021
- }
2022
-
2023
- .usa-font-lead {
2024
- font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
2025
- font-size: 2rem;
2026
- font-weight: 400;
2027
- line-height: 1.7;
2028
- max-width: 77rem;
2029
- }
2030
-
2031
- .usa-image-block {
2032
- position: relative;
2033
- }
2034
-
2035
- .usa-image-text-block {
2036
- color: #ffffff;
2037
- left: 0;
2038
- margin-left: 8%;
2039
- position: absolute;
2040
- top: 0;
2041
- }
2042
-
2043
- .usa-image-text {
2044
- margin-top: 0;
2045
- }
2046
-
2047
- .usa-drop_text {
2048
- margin-bottom: 0;
2049
- }
2050
-
2051
- .usa-background-dark {
2052
- background-color: #323a45;
2053
- }
2054
-
2055
- .usa-background-dark p,
2056
- .usa-background-dark span {
2057
- color: #ffffff;
2058
- }
2059
-
2060
- .usa-background-dark a {
2061
- color: #d6d7d9;
2062
- }
2063
-
2064
- .usa-background-dark a:hover {
2065
- color: #ffffff;
2066
- }
2067
-
2068
- .usa-text-small {
2069
- font-size: 1.3rem;
2070
- margin-top: 0;
2071
- }
2072
-
2073
- .usa-section > :first-child,
2074
- .usa-grid > :first-child,
2075
- .usa-grid-full > :first-child {
2076
- margin-top: 0;
2077
- }
2078
-
2079
- .usa-section > :last-child,
2080
- .usa-grid > :last-child,
2081
- .usa-grid-full > :last-child {
2082
- margin-bottom: 0;
2083
- }
2084
-
2085
- .usa-width-one-whole:first-child > :first-child,
2086
- .usa-width-one-half:first-child > :first-child,
2087
- .usa-width-one-third:first-child > :first-child,
2088
- .usa-width-two-thirds:first-child > :first-child,
2089
- .usa-width-one-fourth:first-child > :first-child,
2090
- .usa-width-three-fourths:first-child > :first-child,
2091
- .usa-width-one-sixth:first-child > :first-child,
2092
- .usa-width-five-sixths:first-child > :first-child,
2093
- .usa-width-one-twelfth:first-child > :first-child {
2094
- margin-top: 0;
2095
- }
2096
-
2097
- @media screen and (min-width: 600px) {
2098
- .usa-width-one-whole > :first-child,
2099
- .usa-width-one-half > :first-child,
2100
- .usa-width-one-third > :first-child,
2101
- .usa-width-two-thirds > :first-child,
2102
- .usa-width-one-fourth > :first-child,
2103
- .usa-width-three-fourths > :first-child,
2104
- .usa-width-one-sixth > :first-child,
2105
- .usa-width-five-sixths > :first-child,
2106
- .usa-width-one-twelfth > :first-child {
2107
- margin-top: 0;
2108
- }
2109
- }
2110
-
2111
- .usa-width-one-whole:last-child > :last-child,
2112
- .usa-width-one-half:last-child > :last-child,
2113
- .usa-width-one-third:last-child > :last-child,
2114
- .usa-width-two-thirds:last-child > :last-child,
2115
- .usa-width-one-fourth:last-child > :last-child,
2116
- .usa-width-three-fourths:last-child > :last-child,
2117
- .usa-width-one-sixth:last-child > :last-child,
2118
- .usa-width-five-sixths:last-child > :last-child,
2119
- .usa-width-one-twelfth:last-child > :last-child {
2120
- margin-bottom: 0;
2121
- }
2122
-
2123
- @media screen and (min-width: 600px) {
2124
- .usa-width-one-whole > :last-child,
2125
- .usa-width-one-half > :last-child,
2126
- .usa-width-one-third > :last-child,
2127
- .usa-width-two-thirds > :last-child,
2128
- .usa-width-one-fourth > :last-child,
2129
- .usa-width-three-fourths > :last-child,
2130
- .usa-width-one-sixth > :last-child,
2131
- .usa-width-five-sixths > :last-child,
2132
- .usa-width-one-twelfth > :last-child {
2133
- margin-bottom: 0;
2134
- }
2135
- }
2136
-
2137
- .usa-accordion,
2138
- .usa-accordion-bordered {
2139
- margin-top: 0;
2140
- margin-bottom: 0;
2141
- list-style-type: none;
2142
- padding-left: 0;
2143
- color: #212121;
2144
- margin: 0;
2145
- padding: 0;
2146
- width: 100%;
2147
- }
2148
-
2149
- .usa-accordion > li,
2150
- .usa-accordion-bordered > li {
2151
- margin-bottom: 0;
2152
- }
2153
-
2154
- .usa-accordion > ul li ul,
2155
- .usa-accordion-bordered > ul li ul {
2156
- list-style: disc;
2157
- }
2158
-
2159
- .usa-accordion > ul li ul > li > ul,
2160
- .usa-accordion-bordered > ul li ul > li > ul {
2161
- list-style: circle;
2162
- }
2163
-
2164
- .usa-accordion > ul li ul > li > ul > li > ul,
2165
- .usa-accordion-bordered > ul li ul > li > ul > li > ul {
2166
- list-style: square;
2167
- }
2168
-
2169
- .usa-accordion + .usa-accordion,
2170
- .usa-accordion + .usa-accordion-bordered,
2171
- .usa-accordion-bordered + .usa-accordion,
2172
- .usa-accordion-bordered + .usa-accordion-bordered {
2173
- margin-top: 1rem;
2174
- }
2175
-
2176
- .usa-accordion > ul,
2177
- .usa-accordion-bordered > ul {
2178
- margin-top: 0;
2179
- margin-bottom: 0;
2180
- list-style-type: none;
2181
- padding-left: 0;
2182
- color: #212121;
2183
- margin: 0;
2184
- padding: 0;
2185
- width: 100%;
2186
- }
2187
-
2188
- .usa-accordion > ul > li,
2189
- .usa-accordion-bordered > ul > li {
2190
- margin-bottom: 0;
2191
- }
2192
-
2193
- .usa-accordion > ul > li,
2194
- .usa-accordion-bordered > ul > li {
2195
- background-color: #f1f1f1;
2196
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
2197
- list-style: none;
2198
- margin-bottom: 0.5rem;
2199
- width: 100%;
2200
- }
2201
-
2202
- .usa-accordion > ul button,
2203
- .usa-accordion-bordered > ul button {
2204
- background-color: transparent;
2205
- border: 0;
2206
- border-radius: 0;
2207
- font-weight: 400;
2208
- margin: 0;
2209
- padding: 0;
2210
- text-align: left;
2211
- -webkit-font-smoothing: auto;
2212
- background-color: #f1f1f1;
2213
- background-image: url("../img/minus.png");
2214
- background-image: url("../img/minus.svg");
2215
- background-position: right 2rem center;
2216
- background-repeat: no-repeat;
2217
- background-size: 1.5rem;
2218
- color: #212121;
2219
- cursor: pointer;
2220
- display: inline-block;
2221
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
2222
- font-weight: 700;
2223
- margin: 0;
2224
- padding: 1.5rem 5.5rem 1.5rem 2rem;
2225
- width: 100%;
2226
- }
2227
-
2228
- .usa-accordion > ul button:hover,
2229
- .usa-accordion-bordered > ul button:hover {
2230
- background-color: transparent;
2231
- }
2232
-
2233
- .usa-accordion > ul button:hover,
2234
- .usa-accordion-bordered > ul button:hover {
2235
- background-color: #d6d7d9;
2236
- color: #212121;
2237
- }
2238
-
2239
- .usa-accordion > ul button h1,
2240
- .usa-accordion > ul button h2,
2241
- .usa-accordion > ul button h3,
2242
- .usa-accordion > ul button h4,
2243
- .usa-accordion > ul button h5,
2244
- .usa-accordion > ul button h6,
2245
- .usa-accordion-bordered > ul button h1,
2246
- .usa-accordion-bordered > ul button h2,
2247
- .usa-accordion-bordered > ul button h3,
2248
- .usa-accordion-bordered > ul button h4,
2249
- .usa-accordion-bordered > ul button h5,
2250
- .usa-accordion-bordered > ul button h6 {
2251
- margin: 0;
2252
- }
2253
-
2254
- .usa-accordion > ul [aria-expanded=false],
2255
- .usa-accordion-bordered > ul [aria-expanded=false] {
2256
- background-image: url("../img/plus.png");
2257
- background-image: url("../img/plus.svg");
2258
- background-repeat: no-repeat;
2259
- background-size: 1.5rem;
2260
- }
2261
-
2262
- .usa-accordion > li,
2263
- .usa-accordion-bordered > li {
2264
- background-color: #f1f1f1;
2265
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
2266
- list-style: none;
2267
- margin-bottom: 0.5rem;
2268
- width: 100%;
2269
- }
2270
-
2271
- .usa-accordion-bordered .usa-accordion-content {
2272
- border-bottom: 3px solid #f1f1f1;
2273
- border-left: 3px solid #f1f1f1;
2274
- border-right: 3px solid #f1f1f1;
2275
- }
2276
-
2277
- .usa-accordion-content {
2278
- background-color: #ffffff;
2279
- overflow: auto;
2280
- padding: 1.5rem 2rem;
2281
- }
2282
-
2283
- .usa-accordion-content > *:first-child {
2284
- margin-top: 0;
2285
- }
2286
-
2287
- .usa-accordion-content > *:last-child {
2288
- margin-bottom: 0;
2289
- }
2290
-
2291
- .usa-accordion-content:not([aria-hidden]) {
2292
- position: absolute;
2293
- left: -999em;
2294
- }
2295
-
2296
- .usa-accordion-content[aria-hidden=true] {
2297
- display: none;
2298
- }
2299
-
2300
- .usa-accordion-button {
2301
- background-color: transparent;
2302
- border: 0;
2303
- border-radius: 0;
2304
- font-weight: 400;
2305
- margin: 0;
2306
- padding: 0;
2307
- text-align: left;
2308
- -webkit-font-smoothing: auto;
2309
- background-color: #f1f1f1;
2310
- background-image: url("../img/minus.png");
2311
- background-image: url("../img/minus.svg");
2312
- background-position: right 2rem center;
2313
- background-repeat: no-repeat;
2314
- background-size: 1.5rem;
2315
- color: #212121;
2316
- cursor: pointer;
2317
- display: inline-block;
2318
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
2319
- font-weight: 700;
2320
- margin: 0;
2321
- padding: 1.5rem 5.5rem 1.5rem 2rem;
2322
- width: 100%;
2323
- }
2324
-
2325
- .usa-accordion-button:hover {
2326
- background-color: transparent;
2327
- }
2328
-
2329
- .usa-accordion-button:hover {
2330
- background-color: #d6d7d9;
2331
- color: #212121;
2332
- }
2333
-
2334
- .usa-accordion-button h1,
2335
- .usa-accordion-button h2,
2336
- .usa-accordion-button h3,
2337
- .usa-accordion-button h4,
2338
- .usa-accordion-button h5,
2339
- .usa-accordion-button h6 {
2340
- margin: 0;
2341
- }
2342
-
2343
- .usa-accordion-button[aria-expanded=false] {
2344
- background-image: url("../img/plus.png");
2345
- background-image: url("../img/plus.svg");
2346
- background-repeat: no-repeat;
2347
- background-size: 1.5rem;
2348
- }
2349
-
2350
- .usa-alert {
2351
- background-color: #f1f1f1;
2352
- background-position: 2rem 2rem;
2353
- background-repeat: no-repeat;
2354
- background-size: 5.2rem;
2355
- padding-bottom: 1.4rem;
2356
- padding-left: 3rem;
2357
- padding-right: 2rem;
2358
- padding-top: 2rem;
2359
- position: relative;
2360
- }
2361
-
2362
- .usa-alert::before {
2363
- background-color: #8b8b8b;
2364
- content: '';
2365
- height: 100%;
2366
- left: 0;
2367
- position: absolute;
2368
- top: 0;
2369
- width: 1rem;
2370
- }
2371
-
2372
- .usa-alert a {
2373
- color: #205493;
2374
- }
2375
-
2376
- .usa-alert a:focus, .usa-alert a:hover {
2377
- color: #112e51;
2378
- }
2379
-
2380
- .usa-alert ul {
2381
- margin-bottom: 0;
2382
- margin-top: 1rem;
2383
- padding-left: 1rem;
2384
- }
2385
-
2386
- .usa-alert-slim {
2387
- background-position: 2rem 1rem;
2388
- padding-bottom: 1rem;
2389
- padding-top: 1rem;
2390
- }
2391
-
2392
- .usa-alert-slim .usa-alert-text:only-child {
2393
- margin-bottom: 0.5rem;
2394
- padding-top: 0.5rem;
2395
- }
2396
-
2397
- .usa-alert-icon {
2398
- display: table-cell;
2399
- padding-right: 1rem;
2400
- }
2401
-
2402
- .usa-alert-body {
2403
- display: table-cell;
2404
- padding-left: 5rem;
2405
- vertical-align: top;
2406
- }
2407
-
2408
- .usa-alert-heading {
2409
- margin-top: 0;
2410
- margin-bottom: 0;
2411
- }
2412
-
2413
- .usa-alert-text {
2414
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
2415
- margin-bottom: 0;
2416
- margin-top: 0;
2417
- }
2418
-
2419
- .usa-alert-text:only-child {
2420
- margin-bottom: 1rem;
2421
- padding-top: 0.5rem;
2422
- }
2423
-
2424
- .usa-alert-success {
2425
- background-color: #e7f4e4;
2426
- background-image: url("../img/alerts/success.png");
2427
- background-image: url("../img/alerts/success.svg");
2428
- }
2429
-
2430
- .usa-alert-success::before {
2431
- background-color: #2e8540;
2432
- }
2433
-
2434
- .usa-alert-warning {
2435
- background-color: #fff1d2;
2436
- background-image: url("../img/alerts/warning.png");
2437
- background-image: url("../img/alerts/warning.svg");
2438
- }
2439
-
2440
- .usa-alert-warning::before {
2441
- background-color: #fdb81e;
2442
- }
2443
-
2444
- .usa-alert-error {
2445
- background-color: #f9dede;
2446
- background-image: url("../img/alerts/error.png");
2447
- background-image: url("../img/alerts/error.svg");
2448
- }
2449
-
2450
- .usa-alert-error::before {
2451
- background-color: #e31c3d;
2452
- }
2453
-
2454
- .usa-alert-info {
2455
- background-color: #e1f3f8;
2456
- background-image: url("../img/alerts/info.png");
2457
- background-image: url("../img/alerts/info.svg");
2458
- }
2459
-
2460
- .usa-alert-info::before {
2461
- background-color: #02bfe7;
2462
- }
2463
-
2464
- .usa-alert-no_icon {
2465
- background-image: none;
2466
- }
2467
-
2468
- .usa-alert-paragraph {
2469
- width: 66ch;
2470
- }
2471
-
2472
- .usa-alert {
2473
- margin-top: 1.5em;
2474
- }
2475
-
2476
- .usa-banner {
2477
- background-color: #f1f1f1;
2478
- padding-bottom: 0.7rem;
2479
- }
2480
-
2481
- @media screen and (min-width: 481px) {
2482
- .usa-banner {
2483
- font-size: 1.3rem;
2484
- padding-bottom: 0;
2485
- }
2486
- }
2487
-
2488
- .usa-banner-content {
2489
- padding-right: 1.5rem;
2490
- padding-bottom: 3px;
2491
- padding-left: 1.5rem;
2492
- background-color: transparent;
2493
- font-size: 1.5rem;
2494
- padding-top: 2rem;
2495
- width: 100%;
2496
- }
2497
-
2498
- @media screen and (min-width: 600px) {
2499
- .usa-banner-content {
2500
- padding-bottom: 2.3rem;
2501
- padding-top: 4rem;
2502
- }
2503
- }
2504
-
2505
- @media screen and (min-width: 951px) {
2506
- .usa-banner-content {
2507
- padding-right: 3rem;
2508
- padding-left: 3rem;
2509
- }
2510
- }
2511
-
2512
- .usa-banner-content p:first-child {
2513
- margin-top: 1rem;
2514
- }
2515
-
2516
- @media screen and (min-width: 600px) {
2517
- .usa-banner-content p:first-child {
2518
- margin-top: 0;
2519
- }
2520
- }
2521
-
2522
- .usa-banner-inner {
2523
- max-width: 1200px;
2524
- margin-left: auto;
2525
- margin-right: auto;
2526
- padding-right: 1.5rem;
2527
- padding-left: 1.5rem;
2528
- max-width: 1040px;
2529
- }
2530
-
2531
- .usa-banner-inner::after {
2532
- clear: both;
2533
- content: "";
2534
- display: block;
2535
- }
2536
-
2537
- @media screen and (min-width: 951px) {
2538
- .usa-banner-inner {
2539
- padding-right: 3rem;
2540
- padding-left: 3rem;
2541
- }
2542
- }
2543
-
2544
- .usa-banner-header {
2545
- padding-top: 0.55rem;
2546
- padding-bottom: 0.55rem;
2547
- font-size: 1.2rem;
2548
- font-weight: 400;
2549
- }
2550
-
2551
- @media screen and (min-width: 481px) {
2552
- .usa-banner-header {
2553
- padding-top: 0;
2554
- padding-bottom: 0;
2555
- }
2556
- }
2557
-
2558
- .usa-banner-header p {
2559
- margin-top: 0;
2560
- margin-bottom: 0;
2561
- display: inline;
2562
- overflow: hidden;
2563
- vertical-align: middle;
2564
- }
2565
-
2566
- @media screen and (min-width: 481px) {
2567
- .usa-banner-header p {
2568
- margin-top: 2px;
2569
- margin-bottom: 2px;
2570
- display: inline-block;
2571
- }
2572
- }
2573
-
2574
- .usa-banner-header img {
2575
- float: left;
2576
- margin-right: 1rem;
2577
- margin-top: 1px;
2578
- width: 2.4rem;
2579
- }
2580
-
2581
- @media screen and (min-width: 481px) {
2582
- .usa-banner-header img {
2583
- margin-right: 0.7rem;
2584
- width: 2rem;
2585
- }
2586
- }
2587
-
2588
- .usa-banner-header-expanded {
2589
- -webkit-box-align: center;
2590
- -ms-flex-align: center;
2591
- align-items: center;
2592
- border-bottom: 1px solid #aeb0b5;
2593
- display: -webkit-box;
2594
- display: -ms-flexbox;
2595
- display: flex;
2596
- font-size: 1.5rem;
2597
- min-height: 5.6rem;
2598
- padding-right: 3rem;
2599
- }
2600
-
2601
- @media screen and (min-width: 481px) {
2602
- .usa-banner-header-expanded {
2603
- border-bottom: none;
2604
- display: block;
2605
- font-size: 1.2rem;
2606
- font-weight: 400;
2607
- min-height: 0;
2608
- padding-right: 0;
2609
- }
2610
- }
2611
-
2612
- .usa-banner-header-expanded > .usa-banner-inner {
2613
- margin-left: 0;
2614
- }
2615
-
2616
- @media screen and (min-width: 481px) {
2617
- .usa-banner-header-expanded > .usa-banner-inner {
2618
- margin-left: auto;
2619
- }
2620
- }
2621
-
2622
- .usa-banner-header-expanded img {
2623
- margin-right: 2.4rem;
2624
- }
2625
-
2626
- @media screen and (min-width: 481px) {
2627
- .usa-banner-header-expanded img {
2628
- margin-right: 0.7rem;
2629
- }
2630
- }
2631
-
2632
- .usa-banner-header-expanded p {
2633
- line-height: 1.3;
2634
- vertical-align: top;
2635
- }
2636
-
2637
- @media screen and (min-width: 481px) {
2638
- .usa-banner-header-expanded p {
2639
- line-height: 1.5;
2640
- vertical-align: middle;
2641
- }
2642
- }
2643
-
2644
- .usa-banner-button {
2645
- background-color: transparent;
2646
- border: 0;
2647
- border-radius: 0;
2648
- font-weight: 400;
2649
- margin: 0;
2650
- padding: 0;
2651
- text-align: left;
2652
- -webkit-font-smoothing: auto;
2653
- padding-top: 1.3rem;
2654
- padding-left: 4.8rem;
2655
- background-position-x: right;
2656
- color: #0071bc;
2657
- display: block;
2658
- font-size: 1.2rem;
2659
- height: 4.3rem;
2660
- left: 0;
2661
- position: absolute;
2662
- text-decoration: underline;
2663
- top: 0;
2664
- width: 100%;
2665
- }
2666
-
2667
- .usa-banner-button:hover {
2668
- background-color: transparent;
2669
- }
2670
-
2671
- @media screen and (min-width: 481px) {
2672
- .usa-banner-button {
2673
- padding-top: 0;
2674
- padding-left: 0;
2675
- /* stylelint-disable declaration-block-no-ignored-properties */
2676
- display: inline;
2677
- height: initial;
2678
- margin-left: 3px;
2679
- position: relative;
2680
- vertical-align: middle;
2681
- width: initial;
2682
- /* stylelint-enable */
2683
- }
2684
- }
2685
-
2686
- .usa-banner-button:hover {
2687
- color: #205493;
2688
- text-decoration: underline;
2689
- }
2690
-
2691
- .usa-banner-button[aria-expanded=false] {
2692
- background-image: none;
2693
- }
2694
-
2695
- .usa-banner-button[aria-expanded=false]::after {
2696
- background-image: url("../img/angle-arrow-down-primary.png");
2697
- background-image: url("../img/angle-arrow-down-primary.svg");
2698
- background-size: 100%;
2699
- content: '';
2700
- display: inline-block;
2701
- height: 1rem;
2702
- width: 1rem;
2703
- /* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
2704
- margin-left: 0;
2705
- /* stylelint-enable */
2706
- }
2707
-
2708
- .usa-banner-button[aria-expanded=false]:hover::after {
2709
- background-image: url("../img/angle-arrow-down-primary-hover.png");
2710
- background-image: url("../img/angle-arrow-down-primary-hover.svg");
2711
- }
2712
-
2713
- .usa-banner-button[aria-expanded=false]::after {
2714
- background-position-y: 1px;
2715
- }
2716
-
2717
- .usa-banner-button[aria-expanded=true] {
2718
- background-image: none;
2719
- height: 5.6rem;
2720
- }
2721
-
2722
- .usa-banner-button[aria-expanded=true]::after {
2723
- background-image: url("../img/close.png");
2724
- background-image: url("../img/close.svg");
2725
- background-size: 100%;
2726
- content: '';
2727
- display: inline-block;
2728
- height: 1.3rem;
2729
- width: 1.3rem;
2730
- /* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
2731
- margin-left: 0;
2732
- /* stylelint-enable */
2733
- }
2734
-
2735
- @media screen and (min-width: 481px) {
2736
- .usa-banner-button[aria-expanded=true] {
2737
- height: initial;
2738
- padding: 0;
2739
- position: relative;
2740
- }
2741
- .usa-banner-button[aria-expanded=true]::after {
2742
- background-image: url("../img/angle-arrow-up-primary.png");
2743
- background-image: url("../img/angle-arrow-up-primary.svg");
2744
- background-size: 100%;
2745
- content: '';
2746
- display: inline-block;
2747
- height: 1rem;
2748
- width: 1rem;
2749
- /* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
2750
- margin-left: 0;
2751
- /* stylelint-enable */
2752
- }
2753
- .usa-banner-button[aria-expanded=true]:hover::after {
2754
- background-image: url("../img/angle-arrow-up-primary-hover.png");
2755
- background-image: url("../img/angle-arrow-up-primary-hover.svg");
2756
- }
2757
- .usa-banner-button[aria-expanded=true]::after {
2758
- background-position-y: 1px;
2759
- }
2760
- }
2761
-
2762
- .usa-banner-button[aria-expanded=true]::after {
2763
- position: absolute;
2764
- right: 1.5rem;
2765
- top: 2.15rem;
2766
- }
2767
-
2768
- @media screen and (min-width: 481px) {
2769
- .usa-banner-button[aria-expanded=true]::after {
2770
- position: static;
2771
- }
2772
- }
2773
-
2774
- .usa-banner-button[aria-expanded=true] .usa-banner-button-text {
2775
- display: none;
2776
- }
2777
-
2778
- @media screen and (min-width: 481px) {
2779
- .usa-banner-button[aria-expanded=true] .usa-banner-button-text {
2780
- display: inline;
2781
- }
2782
- }
2783
-
2784
- .usa-banner-icon {
2785
- width: 3.8rem;
2786
- }
2787
-
2788
- .usa-footer .usa-unstyled-list {
2789
- display: block;
2790
- }
2791
-
2792
- .usa-footer .usa-footer-primary-link {
2793
- color: #212121;
2794
- display: block;
2795
- font-weight: 700;
2796
- margin-top: 0;
2797
- padding-bottom: 2rem;
2798
- padding-top: 2rem;
2799
- text-decoration: none;
2800
- }
2801
-
2802
- @media screen and (min-width: 600px) {
2803
- .usa-footer .usa-footer-primary-link {
2804
- border-top: none;
2805
- }
2806
- }
2807
-
2808
- .usa-footer .usa-footer-primary-link:hover {
2809
- text-decoration: underline;
2810
- }
2811
-
2812
- .usa-footer .usa-footer-primary-link ~ li a,
2813
- .usa-footer .usa-footer-secondary-link {
2814
- text-decoration: none;
2815
- }
2816
-
2817
- .usa-footer-contact_info {
2818
- display: inline-block;
2819
- }
2820
-
2821
- .usa-footer-contact_info a {
2822
- color: #212121;
2823
- text-decoration: none;
2824
- }
2825
-
2826
- .usa-footer-contact_info:hover {
2827
- text-decoration: underline;
2828
- }
2829
-
2830
- .usa-footer-return-to-top {
2831
- color: #0071bc;
2832
- padding-bottom: 2rem;
2833
- padding-top: 2rem;
2834
- text-decoration: underline;
2835
- }
2836
-
2837
- .usa-footer-primary-section {
2838
- background-color: #f1f1f1;
2839
- }
2840
-
2841
- .usa-footer-primary-section .usa-footer-primary-content {
2842
- padding-left: 1.5rem;
2843
- padding-right: 2.5rem;
2844
- }
2845
-
2846
- @media screen and (min-width: 600px) {
2847
- .usa-footer-primary-section .usa-footer-primary-content {
2848
- padding-left: 0;
2849
- padding-right: 0;
2850
- }
2851
- }
2852
-
2853
- .usa-footer-primary-section .usa-footer-primary-content li {
2854
- margin-left: 1rem;
2855
- }
2856
-
2857
- @media screen and (min-width: 600px) {
2858
- .usa-footer-primary-section .usa-footer-primary-content li {
2859
- margin-left: 0;
2860
- }
2861
- }
2862
-
2863
- @media screen and (min-width: 600px) {
2864
- .usa-footer-primary-section .usa-grid-full {
2865
- padding-left: 2.5rem;
2866
- padding-right: 2.5rem;
2867
- }
2868
- }
2869
-
2870
- .usa-footer-medium .usa-footer-contact_info p {
2871
- margin: 0 1rem 0 0;
2872
- }
2873
-
2874
- @media screen and (min-width: 600px) {
2875
- .usa-footer-medium .usa-footer-contact_info p {
2876
- margin: 0 0 0 1rem;
2877
- }
2878
- }
2879
-
2880
- .usa-footer-medium .usa-footer-contact-heading {
2881
- margin-top: 0;
2882
- }
2883
-
2884
- @media screen and (min-width: 600px) {
2885
- .usa-footer-medium .usa-footer-contact-heading {
2886
- margin-top: 0.5rem;
2887
- margin-bottom: 0.5rem;
2888
- }
2889
- }
2890
-
2891
- .usa-footer-medium .usa-footer-logo {
2892
- padding: 1rem 0;
2893
- }
2894
-
2895
- @media screen and (min-width: 600px) {
2896
- .usa-footer-medium .usa-footer-logo {
2897
- padding: 2rem 0;
2898
- }
2899
- }
2900
-
2901
- .usa-footer-medium .usa-footer-primary-link {
2902
- padding-bottom: 1.5rem;
2903
- padding-top: 1.5rem;
2904
- }
2905
-
2906
- .usa-footer-medium .usa-footer-primary-section > .usa-grid {
2907
- padding: 0;
2908
- }
2909
-
2910
- @media screen and (min-width: 600px) {
2911
- .usa-footer-medium .usa-footer-primary-section > .usa-grid {
2912
- padding-left: 3rem;
2913
- padding-right: 3rem;
2914
- }
2915
- }
2916
-
2917
- @media screen and (min-width: 1201px) {
2918
- .usa-footer-medium .usa-footer-primary-section .usa-footer-primary-content {
2919
- margin-right: 5%;
2920
- width: inherit;
2921
- }
2922
- }
2923
-
2924
- @media screen and (min-width: 1201px) {
2925
- .usa-footer-medium .usa-footer-primary-section .usa-footer-primary-content:last-child {
2926
- margin-right: 0;
2927
- }
2928
- }
2929
-
2930
- @media screen and (min-width: 600px) {
2931
- .usa-footer-medium .usa-footer-nav ul {
2932
- -webkit-box-align: center;
2933
- -ms-flex-align: center;
2934
- align-items: center;
2935
- }
2936
- }
2937
-
2938
- .usa-footer-slim .usa-footer-nav a {
2939
- display: block;
2940
- }
2941
-
2942
- @media screen and (min-width: 1201px) {
2943
- .usa-footer-slim .usa-footer-nav .usa-footer-primary-content {
2944
- margin-right: 5%;
2945
- width: inherit;
2946
- }
2947
- }
2948
-
2949
- @media screen and (min-width: 1201px) {
2950
- .usa-footer-slim .usa-footer-nav .usa-footer-primary-content:last-child {
2951
- margin-right: 0;
2952
- }
2953
- }
2954
-
2955
- .usa-footer-slim .usa-footer-primary-link {
2956
- padding-bottom: 1.5rem;
2957
- padding-top: 1.5rem;
2958
- }
2959
-
2960
- .usa-footer-slim .usa-footer-primary-section > .usa-grid {
2961
- padding: 0;
2962
- }
2963
-
2964
- @media screen and (min-width: 600px) {
2965
- .usa-footer-slim .usa-footer-primary-section > .usa-grid {
2966
- padding-left: 3rem;
2967
- padding-right: 3rem;
2968
- }
2969
- }
2970
-
2971
- @media screen and (min-width: 600px) {
2972
- .usa-footer-slim .usa-footer-primary-section {
2973
- padding-bottom: 0;
2974
- padding-top: 0;
2975
- }
2976
- .usa-footer-slim .usa-footer-primary-section .usa-grid-full {
2977
- -webkit-box-align: center;
2978
- -ms-flex-align: center;
2979
- align-items: center;
2980
- }
2981
- }
2982
-
2983
- @media screen and (min-width: 600px) {
2984
- .usa-footer-slim .usa-footer-contact_info > * {
2985
- margin: 0;
2986
- }
2987
- }
2988
-
2989
- @media screen and (min-width: 600px) {
2990
- .usa-footer-slim .usa-footer-contact_info {
2991
- padding-top: 1.5rem;
2992
- padding-bottom: 1.5rem;
2993
- }
2994
- }
2995
-
2996
- @media screen and (min-width: 600px) {
2997
- .usa-footer-slim .usa-footer-contact_info {
2998
- width: 100%;
2999
- }
3000
- }
3001
-
3002
- @media screen and (min-width: 1201px) {
3003
- .usa-footer-slim .usa-footer-contact_info {
3004
- float: left;
3005
- display: block;
3006
- margin-right: 2.35765%;
3007
- width: 48.82117%;
3008
- }
3009
- .usa-footer-slim .usa-footer-contact_info:last-child {
3010
- margin-right: 0;
3011
- }
3012
- }
3013
-
3014
- /* stylelint-disable selector-no-qualifying-type */
3015
- ul.usa-footer-primary-content,
3016
- li.usa-footer-primary-content,
3017
- li.usa-footer-primary-content {
3018
- border-top: 1px solid #aeb0b5;
3019
- }
3020
-
3021
- @media screen and (min-width: 600px) {
3022
- ul.usa-footer-primary-content,
3023
- li.usa-footer-primary-content,
3024
- li.usa-footer-primary-content {
3025
- border: none;
3026
- }
3027
- }
3028
-
3029
- ul.usa-footer-primary-content:last-child,
3030
- li.usa-footer-primary-content:last-child,
3031
- li.usa-footer-primary-content:last-child {
3032
- border-bottom: 1px solid #aeb0b5;
3033
- }
3034
-
3035
- @media screen and (min-width: 600px) {
3036
- ul.usa-footer-primary-content:last-child,
3037
- li.usa-footer-primary-content:last-child,
3038
- li.usa-footer-primary-content:last-child {
3039
- border-bottom: none;
3040
- }
3041
- }
3042
-
3043
- /* stylelint-enable */
3044
- .usa-sign_up-block {
3045
- padding-bottom: 4.5rem;
3046
- padding-left: 1.5rem;
3047
- padding-right: 1.5rem;
3048
- }
3049
-
3050
- @media screen and (min-width: 600px) {
3051
- .usa-sign_up-block {
3052
- float: right;
3053
- padding: 0;
3054
- }
3055
- }
3056
-
3057
- .usa-sign_up-block label:first-of-type {
3058
- margin-top: 0;
3059
- }
3060
-
3061
- .usa-sign_up-block button {
3062
- float: none;
3063
- margin-right: 0;
3064
- margin-top: 1.5rem;
3065
- }
3066
-
3067
- .usa-sign_up-block input {
3068
- width: 100%;
3069
- }
3070
-
3071
- .usa-footer-secondary_section {
3072
- background-color: #d6d7d9;
3073
- padding-bottom: 2rem;
3074
- padding-top: 2rem;
3075
- }
3076
-
3077
- .usa-footer-secondary_section a {
3078
- color: #212121;
3079
- }
3080
-
3081
- @media screen and (min-width: 600px) {
3082
- .usa-footer-big-secondary-section {
3083
- padding-top: 2rem;
3084
- padding-bottom: 2rem;
3085
- }
3086
- }
3087
-
3088
- @media screen and (min-width: 600px) {
3089
- .usa-footer-contact-links {
3090
- text-align: right;
3091
- }
3092
- }
3093
-
3094
- .usa-social-links a {
3095
- text-decoration: none;
3096
- }
3097
-
3098
- .usa-footer-big .usa-footer-contact_info {
3099
- display: block;
3100
- }
3101
-
3102
- .usa-footer-big .usa-footer-contact_info p {
3103
- margin: 0 1rem 0 0;
3104
- }
3105
-
3106
- @media screen and (min-width: 600px) {
3107
- .usa-footer-big .usa-footer-contact_info p {
3108
- margin: 0.5rem 0 0 1rem;
3109
- }
3110
- }
3111
-
3112
- @media screen and (min-width: 600px) {
3113
- .usa-footer-big .usa-footer-contact-links {
3114
- padding-top: 2rem;
3115
- }
3116
- }
3117
-
3118
- .usa-footer-big .usa-footer-logo {
3119
- padding: 1rem 0;
3120
- }
3121
-
3122
- @media screen and (min-width: 600px) {
3123
- .usa-footer-big .usa-footer-logo {
3124
- padding: 2rem 0;
3125
- }
3126
- }
3127
-
3128
- @media screen and (min-width: 600px) {
3129
- .usa-footer-big .usa-footer-primary-section {
3130
- padding-bottom: 4rem;
3131
- padding-top: 3rem;
3132
- }
3133
- }
3134
-
3135
- .usa-footer-big .usa-footer-primary-section > .usa-grid {
3136
- padding: 0;
3137
- }
3138
-
3139
- @media screen and (min-width: 600px) {
3140
- .usa-footer-big .usa-footer-primary-section > .usa-grid {
3141
- padding-left: 3rem;
3142
- padding-right: 3rem;
3143
- }
3144
- }
3145
-
3146
- .usa-footer-big .usa-footer-primary-section .usa-footer-primary-content {
3147
- padding-left: 0;
3148
- padding-right: 0;
3149
- }
3150
-
3151
- .usa-footer-big .usa-footer-primary-section .usa-footer-primary-content li {
3152
- margin-left: 1.5rem;
3153
- }
3154
-
3155
- @media screen and (min-width: 600px) {
3156
- .usa-footer-big .usa-footer-primary-section .usa-footer-primary-content li {
3157
- margin-left: 0;
3158
- }
3159
- }
3160
-
3161
- .usa-footer-big .usa-footer-primary-section .usa-footer-primary-content .usa-footer-primary-link {
3162
- margin-left: 0;
3163
- }
3164
-
3165
- .usa-footer-big ul {
3166
- padding-bottom: 2.4rem;
3167
- }
3168
-
3169
- @media screen and (min-width: 600px) {
3170
- .usa-footer-big ul {
3171
- padding-bottom: 0;
3172
- }
3173
- }
3174
-
3175
- .usa-footer-big ul:last-child {
3176
- border-bottom: 1px solid #aeb0b5;
3177
- }
3178
-
3179
- @media screen and (min-width: 600px) {
3180
- .usa-footer-big ul:last-child {
3181
- border-bottom: none;
3182
- }
3183
- }
3184
-
3185
- .usa-footer-big ul li:not(.usa-footer-primary-link) {
3186
- line-height: 1.3;
3187
- padding-bottom: 0.35em;
3188
- padding-top: 0.35em;
3189
- }
3190
-
3191
- .usa-footer-big ul .usa-footer-primary-link {
3192
- background-image: url("../img/arrow-down.png");
3193
- background-image: url("../img/arrow-down.svg");
3194
- background-position: 1.5rem center;
3195
- background-repeat: no-repeat;
3196
- background-size: 1.3rem;
3197
- margin-left: 0;
3198
- padding-left: 3.5rem;
3199
- }
3200
-
3201
- @media screen and (min-width: 600px) {
3202
- .usa-footer-big ul .usa-footer-primary-link {
3203
- background: none;
3204
- margin-bottom: .8rem;
3205
- padding-bottom: 0;
3206
- padding-left: 0;
3207
- }
3208
- }
3209
-
3210
- .usa-footer-big ul .usa-footer-primary-link > * {
3211
- margin-top: 0;
3212
- margin-bottom: 0;
3213
- }
3214
-
3215
- .usa-footer-big ul.hidden {
3216
- /* stylelint-disable-line selector-no-qualifying-type */
3217
- padding-bottom: 0;
3218
- }
3219
-
3220
- .usa-footer-big ul.hidden li {
3221
- display: none;
3222
- }
3223
-
3224
- .usa-footer-big ul.hidden .usa-footer-primary-link {
3225
- /* stylelint-disable-line selector-no-qualifying-type */
3226
- background-image: url("../img/arrow-right.png");
3227
- background-image: url("../img/arrow-right.svg");
3228
- cursor: pointer;
3229
- display: block;
3230
- }
3231
-
3232
- @media screen and (min-width: 600px) {
3233
- .usa-footer-big ul.hidden .usa-footer-primary-link {
3234
- background: none;
3235
- padding-left: 0;
3236
- }
3237
- }
3238
-
3239
- .usa-footer-topic {
3240
- margin: 0;
3241
- padding: 2rem 0;
3242
- }
3243
-
3244
- @media screen and (min-width: 600px) {
3245
- .usa-sign_up-header {
3246
- margin: 0;
3247
- padding: 2rem 0;
3248
- }
3249
- }
3250
-
3251
- .usa-footer-logo-img {
3252
- max-width: 8rem;
3253
- }
3254
-
3255
- @media screen and (min-width: 600px) {
3256
- .usa-footer-logo-img {
3257
- float: left;
3258
- }
3259
- }
3260
-
3261
- .usa-footer-big-logo-img {
3262
- max-width: 10rem;
3263
- }
3264
-
3265
- .usa-footer-slim-logo-img {
3266
- float: left;
3267
- max-width: 5rem;
3268
- }
3269
-
3270
- .usa-footer-logo-heading {
3271
- display: block;
3272
- margin-top: 1rem;
3273
- }
3274
-
3275
- @media screen and (min-width: 600px) {
3276
- .usa-footer-logo-heading {
3277
- display: inline-block;
3278
- margin-top: 3rem;
3279
- padding-left: 1.5rem;
3280
- }
3281
- }
3282
-
3283
- .usa-footer-big-logo-heading {
3284
- margin-top: 1.5rem;
3285
- }
3286
-
3287
- @media screen and (min-width: 600px) {
3288
- .usa-footer-big-logo-heading {
3289
- margin-top: 2rem;
3290
- }
3291
- }
3292
-
3293
- .usa-footer-slim-logo-heading {
3294
- display: inline-block;
3295
- margin-top: 1.5rem;
3296
- padding-left: 1.5rem;
3297
- }
3298
-
3299
- .usa-footer-contact-heading {
3300
- margin-top: 0;
3301
- }
3302
-
3303
- @media screen and (min-width: 600px) {
3304
- .usa-footer-contact-heading {
3305
- margin-top: 1rem;
3306
- }
3307
- }
3308
-
3309
- .usa-social_link, .usa-link-facebook, .usa-link-twitter, .usa-link-youtube, .usa-link-rss {
3310
- margin: 2.5rem 1rem 1.5rem 0;
3311
- background-position: center center;
3312
- background-repeat: no-repeat;
3313
- background-size: auto 3rem;
3314
- display: inline-block;
3315
- height: 4.4rem;
3316
- left: -1.6rem;
3317
- position: relative;
3318
- text-align: center;
3319
- width: 4.4rem;
3320
- }
3321
-
3322
- @media screen and (min-width: 600px) {
3323
- .usa-social_link, .usa-link-facebook, .usa-link-twitter, .usa-link-youtube, .usa-link-rss {
3324
- margin: 0 0 0 0.5rem;
3325
- left: 1.5rem;
3326
- }
3327
- }
3328
-
3329
- .usa-social_link span, .usa-link-facebook span, .usa-link-twitter span, .usa-link-youtube span, .usa-link-rss span {
3330
- position: absolute;
3331
- left: -999em;
3332
- }
3333
-
3334
- .usa-link-facebook {
3335
- background-image: url("../img/social-icons/png/facebook25.png");
3336
- background-image: url("../img/social-icons/svg/facebook25.svg");
3337
- }
3338
-
3339
- .usa-link-twitter {
3340
- background-image: url("../img/social-icons/png/twitter16.png");
3341
- background-image: url("../img/social-icons/svg/twitter16.svg");
3342
- }
3343
-
3344
- .usa-link-youtube {
3345
- background-image: url("../img/social-icons/png/youtube15.png");
3346
- background-image: url("../img/social-icons/svg/youtube15.svg");
3347
- }
3348
-
3349
- .usa-link-rss {
3350
- background-image: url("../img/social-icons/png/rss25.png");
3351
- background-image: url("../img/social-icons/svg/rss25.svg");
3352
- }
3353
-
3354
- form a {
3355
- border-bottom: 0;
3356
- }
3357
-
3358
- form [type=submit],
3359
- form [type=submit] {
3360
- display: block;
3361
- margin-bottom: 1.5em;
3362
- margin-top: 2.5rem;
3363
- }
3364
-
3365
- @media screen and (min-width: 600px) {
3366
- form [type=submit],
3367
- form [type=submit] {
3368
- padding-left: 2.7em;
3369
- padding-right: 2.7em;
3370
- width: auto;
3371
- }
3372
- }
3373
-
3374
- form [name=password],
3375
- form [name=confirmPassword] {
3376
- margin-bottom: 1.1rem;
3377
- }
3378
-
3379
- @media screen and (min-width: 600px) {
3380
- .usa-form {
3381
- max-width: 32rem;
3382
- }
3383
- }
3384
-
3385
- .usa-form-note {
3386
- float: right;
3387
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
3388
- font-size: 1.5rem;
3389
- margin: 0 0 1.5rem;
3390
- }
3391
-
3392
- .usa-form-note + * {
3393
- clear: both;
3394
- }
3395
-
3396
- fieldset {
3397
- border: none;
3398
- margin: 0;
3399
- padding: 0;
3400
- }
3401
-
3402
- @media screen and (min-width: 600px) {
3403
- .usa-form-large {
3404
- max-width: 46rem;
3405
- }
3406
- }
3407
-
3408
- input.usa-input-tiny {
3409
- /* stylelint-disable-line selector-no-qualifying-type */
3410
- }
3411
-
3412
- @media screen and (min-width: 600px) {
3413
- input.usa-input-tiny {
3414
- max-width: 6rem;
3415
- }
3416
- }
3417
-
3418
- input.usa-input-medium {
3419
- /* stylelint-disable-line selector-no-qualifying-type */
3420
- }
3421
-
3422
- @media screen and (min-width: 600px) {
3423
- input.usa-input-medium {
3424
- max-width: 12rem;
3425
- }
3426
- }
3427
-
3428
- @media screen and (min-width: 600px) {
3429
- .usa-input-grid {
3430
- padding-right: 5%;
3431
- }
3432
- }
3433
-
3434
- @media screen and (min-width: 600px) {
3435
- .usa-input-grid:last-of-type {
3436
- padding-right: 0;
3437
- }
3438
- }
3439
-
3440
- @media screen and (min-width: 600px) {
3441
- .usa-input-grid-small {
3442
- float: left;
3443
- width: 35%;
3444
- }
3445
- }
3446
-
3447
- .usa-input-grid-small input {
3448
- margin-bottom: 3rem;
3449
- }
3450
-
3451
- .usa-input-grid-small select {
3452
- margin-bottom: 3rem;
3453
- }
3454
-
3455
- @media screen and (min-width: 600px) {
3456
- .usa-input-grid-medium {
3457
- float: left;
3458
- width: 65%;
3459
- }
3460
- }
3461
-
3462
- .usa-input-grid-medium input {
3463
- margin-bottom: 3rem;
3464
- }
3465
-
3466
- .usa-input-grid-medium select {
3467
- margin-bottom: 3rem;
3468
- }
3469
-
3470
- @media screen and (min-width: 600px) {
3471
- .usa-input-grid-large {
3472
- float: left;
3473
- width: 100%;
3474
- }
3475
- }
3476
-
3477
- .usa-input-grid-large input {
3478
- margin-bottom: 3rem;
3479
- }
3480
-
3481
- .usa-input-grid-large select {
3482
- margin-bottom: 3rem;
3483
- }
3484
-
3485
- .usa-additional_text {
3486
- font-weight: normal;
3487
- }
3488
-
3489
- .usa-checklist {
3490
- list-style: none;
3491
- margin-left: 0;
3492
- padding-left: 0;
3493
- }
3494
-
3495
- .usa-checklist li {
3496
- display: inline-block;
3497
- list-style: none;
3498
- margin-bottom: 0;
3499
- margin-top: 0;
3500
- padding-left: 3em;
3501
- text-indent: -2em;
3502
- }
3503
-
3504
- .usa-checklist li::before {
3505
- content: ' ';
3506
- display: inline-block;
3507
- height: .8em;
3508
- margin-right: .2em;
3509
- width: 1.8em;
3510
- }
3511
-
3512
- .usa-checklist-checked::before {
3513
- background-image: url("../img/correct9.png");
3514
- background-image: url("../img/correct9.svg");
3515
- background-position: 100%;
3516
- background-repeat: no-repeat;
3517
- background-size: 100%;
3518
- }
3519
-
3520
- .usa-graphic_list .usa-graphic_list-row .usa-media_block {
3521
- margin-bottom: 3rem;
3522
- }
3523
-
3524
- @media screen and (min-width: 600px) {
3525
- .usa-graphic_list .usa-graphic_list-row .usa-media_block {
3526
- margin-bottom: 6rem;
3527
- }
3528
- }
3529
-
3530
- @media screen and (min-width: 600px) {
3531
- .usa-graphic_list .usa-graphic_list-row:last-child .usa-media_block {
3532
- margin-bottom: 0;
3533
- }
3534
- }
3535
-
3536
- .usa-graphic_list .usa-graphic_list-row:last-child .usa-media_block:last-child {
3537
- margin-bottom: 0;
3538
- }
3539
-
3540
- .usa-graphic_list .usa-media_block-img {
3541
- margin-right: 3rem;
3542
- }
3543
-
3544
- .usa-graphic_list .usa-media_block-body > :first-child {
3545
- margin-top: 0;
3546
- }
3547
-
3548
- .usa-header {
3549
- width: 100%;
3550
- z-index: 7000;
3551
- }
3552
-
3553
- @media screen and (min-width: 951px) {
3554
- .usa-header {
3555
- border-bottom: 1px solid #d6d7d9;
3556
- }
3557
- }
3558
-
3559
- .usa-header a {
3560
- border-bottom: none;
3561
- }
3562
-
3563
- @media screen and (min-width: 951px) {
3564
- .usa-header .usa-search {
3565
- float: right;
3566
- max-width: 21.5rem;
3567
- }
3568
- }
3569
-
3570
- .usa-logo {
3571
- float: left;
3572
- line-height: 4rem;
3573
- margin-left: 1.5rem;
3574
- }
3575
-
3576
- @media screen and (min-width: 951px) {
3577
- .usa-logo {
3578
- line-height: 7.5rem;
3579
- margin-left: 0;
3580
- }
3581
- }
3582
-
3583
- .usa-logo a {
3584
- color: #212121;
3585
- text-decoration: none;
3586
- }
3587
-
3588
- .usa-logo br {
3589
- display: none;
3590
- }
3591
-
3592
- @media screen and (min-width: 951px) {
3593
- .usa-logo br {
3594
- display: block;
3595
- }
3596
- }
3597
-
3598
- .usa-logo-text {
3599
- display: block;
3600
- font-size: 1.5rem;
3601
- font-style: normal;
3602
- font-weight: 700;
3603
- margin: 0;
3604
- }
3605
-
3606
- @media screen and (min-width: 951px) {
3607
- .usa-logo-text {
3608
- display: block;
3609
- font-size: 2.4rem;
3610
- line-height: 1.3;
3611
- }
3612
- }
3613
-
3614
- .usa-menu-btn {
3615
- /* stylelint-disable declaration-block-no-ignored-properties */
3616
- background-color: transparent;
3617
- border: 0;
3618
- border-radius: 0;
3619
- font-weight: 400;
3620
- margin: 0;
3621
- padding: 0;
3622
- text-align: left;
3623
- -webkit-font-smoothing: auto;
3624
- background-color: #0071bc;
3625
- color: #ffffff;
3626
- display: inline;
3627
- float: right;
3628
- font-size: 1.3rem;
3629
- height: 4rem;
3630
- line-height: 4rem;
3631
- text-align: center;
3632
- text-decoration: none;
3633
- text-transform: uppercase;
3634
- width: 5.8rem;
3635
- /* stylelint-enable */
3636
- }
3637
-
3638
- .usa-menu-btn:hover {
3639
- background-color: transparent;
3640
- }
3641
-
3642
- @media screen and (min-width: 951px) {
3643
- .usa-menu-btn {
3644
- display: none;
3645
- }
3646
- }
3647
-
3648
- .usa-menu-btn:hover {
3649
- color: #ffffff;
3650
- background-color: #205493;
3651
- }
3652
-
3653
- .usa-menu-btn:visited {
3654
- color: #ffffff;
3655
- }
3656
-
3657
- .usa-overlay {
3658
- position: fixed;
3659
- top: 0;
3660
- right: 0;
3661
- bottom: 0;
3662
- left: 0;
3663
- background: #000000;
3664
- opacity: 0;
3665
- transition: all 0.2s ease-in-out;
3666
- visibility: hidden;
3667
- z-index: 8000;
3668
- }
3669
-
3670
- .usa-overlay.is-visible {
3671
- opacity: 0.1;
3672
- visibility: visible;
3673
- }
3674
-
3675
- @media screen and (min-width: 951px) {
3676
- .usa-header-basic .usa-logo {
3677
- bottom: 0;
3678
- position: absolute;
3679
- }
3680
- }
3681
-
3682
- @media screen and (min-width: 951px) {
3683
- .usa-header-basic .usa-navbar {
3684
- position: relative;
3685
- width: 18%;
3686
- }
3687
- }
3688
-
3689
- @media screen and (min-width: 951px) {
3690
- .usa-header-extended .usa-header {
3691
- border-bottom: none;
3692
- }
3693
- }
3694
-
3695
- @media screen and (min-width: 951px) {
3696
- .usa-header-extended .usa-logo {
3697
- margin-top: 3rem;
3698
- margin-bottom: 3rem;
3699
- }
3700
- }
3701
-
3702
- @media screen and (min-width: 951px) {
3703
- .usa-header-extended em {
3704
- font-size: 3.2rem;
3705
- line-height: 1;
3706
- }
3707
- }
3708
-
3709
- @media screen and (min-width: 951px) {
3710
- .usa-header-extended .usa-navbar {
3711
- max-width: 1200px;
3712
- margin-left: auto;
3713
- margin-right: auto;
3714
- padding-right: 3rem;
3715
- padding-left: 3rem;
3716
- display: block;
3717
- height: auto;
3718
- max-width: 1040px;
3719
- }
3720
- .usa-header-extended .usa-navbar::after {
3721
- clear: both;
3722
- content: "";
3723
- display: block;
3724
- }
3725
- }
3726
-
3727
- @media screen and (min-width: 951px) {
3728
- .usa-header-extended .usa-nav {
3729
- border-top: 1px solid #d6d7d9;
3730
- float: none;
3731
- padding: 0;
3732
- width: 100%;
3733
- }
3734
- }
3735
-
3736
- @media screen and (min-width: 951px) {
3737
- .usa-header-extended .usa-nav-inner {
3738
- max-width: 1200px;
3739
- margin-left: auto;
3740
- margin-right: auto;
3741
- padding-right: 3rem;
3742
- padding-left: 1.5rem;
3743
- margin-top: -1px;
3744
- max-width: 1040px;
3745
- position: relative;
3746
- }
3747
- .usa-header-extended .usa-nav-inner::after {
3748
- clear: both;
3749
- content: "";
3750
- display: block;
3751
- }
3752
- }
3753
-
3754
- @media screen and (min-width: 951px) {
3755
- .usa-header-extended .usa-nav-primary::after {
3756
- clear: both;
3757
- content: "";
3758
- display: block;
3759
- }
3760
- }
3761
-
3762
- .usa-header-extended .usa-nav-primary button[aria-expanded=false], .usa-header-extended .usa-nav-primary button[aria-expanded=true] {
3763
- /* stylelint-disable-line selector-no-qualifying-type */
3764
- }
3765
-
3766
- @media screen and (min-width: 951px) {
3767
- .usa-header-extended .usa-nav-primary button[aria-expanded=false], .usa-header-extended .usa-nav-primary button[aria-expanded=true] {
3768
- /* stylelint-disable-line selector-no-qualifying-type */
3769
- background-position: right 1.5rem top 53%;
3770
- }
3771
- }
3772
-
3773
- @media screen and (min-width: 951px) {
3774
- .usa-header-extended .usa-nav-link {
3775
- padding-top: 1.8rem;
3776
- padding-bottom: 1.8rem;
3777
- }
3778
- }
3779
-
3780
- @media screen and (min-width: 951px) {
3781
- .usa-header-extended .usa-nav-submenu .usa-grid-full {
3782
- padding-left: 1.2rem;
3783
- }
3784
- }
3785
-
3786
- @media screen and (min-width: 951px) {
3787
- .usa-header-extended .usa-megamenu {
3788
- padding-left: 3rem;
3789
- }
3790
- }
3791
-
3792
- .usa-hero {
3793
- padding-top: 3rem;
3794
- padding-bottom: 3rem;
3795
- background-image: url("../img/hero.png");
3796
- background-position: center;
3797
- background-size: cover;
3798
- }
3799
-
3800
- .usa-hero .usa-button {
3801
- color: #ffffff;
3802
- }
3803
-
3804
- .usa-section-dark .usa-hero-link {
3805
- color: #02bfe7;
3806
- }
3807
-
3808
- .usa-hero-callout {
3809
- background-color: #112e51;
3810
- padding: 3rem;
3811
- }
3812
-
3813
- @media screen and (min-width: 481px) {
3814
- .usa-hero-callout {
3815
- max-width: 30rem;
3816
- }
3817
- }
3818
-
3819
- .usa-hero-callout > *:first-child {
3820
- margin-top: 0;
3821
- margin-bottom: 2rem;
3822
- }
3823
-
3824
- .usa-hero-callout-alt {
3825
- color: #ffffff;
3826
- display: block;
3827
- }
3828
-
3829
- .usa-layout-docs {
3830
- display: -webkit-box;
3831
- display: -ms-flexbox;
3832
- display: flex;
3833
- -webkit-box-orient: vertical;
3834
- -webkit-box-direction: normal;
3835
- -ms-flex-direction: column;
3836
- flex-direction: column;
3837
- }
3838
-
3839
- @media screen and (min-width: 1201px) {
3840
- .usa-layout-docs {
3841
- display: inherit;
3842
- }
3843
- }
3844
-
3845
- .usa-layout-docs .usa-grid > :first-child:not(.usa-width-*) {
3846
- margin-top: 0;
3847
- }
3848
-
3849
- .usa-layout-docs .usa-grid > :last-child:not(.usa-width-*) {
3850
- margin-bottom: 0;
3851
- }
3852
-
3853
- .usa-layout-docs-sidenav {
3854
- -webkit-box-ordinal-group: 3;
3855
- -ms-flex-order: 2;
3856
- order: 2;
3857
- }
3858
-
3859
- .usa-layout-docs-main_content {
3860
- margin-bottom: 3rem;
3861
- -webkit-box-ordinal-group: 2;
3862
- -ms-flex-order: 1;
3863
- order: 1;
3864
- }
3865
-
3866
- @media screen and (min-width: 1201px) {
3867
- .usa-layout-docs-main_content {
3868
- margin-bottom: 0;
3869
- }
3870
- }
3871
-
3872
- .usa-layout-docs-main_content > :first-child {
3873
- margin-top: 0;
3874
- }
3875
-
3876
- .usa-media_block-img {
3877
- float: left;
3878
- margin-right: 1rem;
3879
- }
3880
-
3881
- .usa-media_block-body {
3882
- overflow: hidden;
3883
- }
3884
-
3885
- .usa-navbar {
3886
- border-bottom: 1px solid #aeb0b5;
3887
- height: 4rem;
3888
- }
3889
-
3890
- @media screen and (min-width: 951px) {
3891
- .usa-navbar {
3892
- border-bottom: none;
3893
- display: inline-block;
3894
- height: 7.8rem;
3895
- }
3896
- }
3897
-
3898
- .usa-nav-link {
3899
- -moz-osx-font-smoothing: grayscale;
3900
- -webkit-font-smoothing: antialiased;
3901
- }
3902
-
3903
- @media screen and (min-width: 951px) {
3904
- .usa-nav-link:hover span {
3905
- border-bottom: 0.4rem solid #0071bc;
3906
- padding-bottom: 0.6rem;
3907
- }
3908
- }
3909
-
3910
- @media screen and (min-width: 951px) {
3911
- .usa-nav-link.usa-accordion-button span {
3912
- margin-right: 0;
3913
- padding-right: 1.5rem;
3914
- }
3915
- }
3916
-
3917
- @media screen and (min-width: 951px) {
3918
- .usa-nav-container {
3919
- max-width: 1200px;
3920
- margin-left: auto;
3921
- margin-right: auto;
3922
- padding-right: 3rem;
3923
- padding-left: 3rem;
3924
- max-width: 1040px;
3925
- }
3926
- .usa-nav-container::after {
3927
- clear: both;
3928
- content: "";
3929
- display: block;
3930
- }
3931
- }
3932
-
3933
- .usa-nav {
3934
- position: fixed;
3935
- top: 0;
3936
- right: 0;
3937
- bottom: 0;
3938
- left: auto;
3939
- background: #ffffff;
3940
- border-left: 1px solid #aeb0b5;
3941
- border-right: 0;
3942
- display: -webkit-box;
3943
- display: -ms-flexbox;
3944
- display: flex;
3945
- -webkit-box-orient: vertical;
3946
- -webkit-box-direction: normal;
3947
- -ms-flex-direction: column;
3948
- flex-direction: column;
3949
- overflow-y: auto;
3950
- padding: 2rem;
3951
- -webkit-transform: translateX(26rem);
3952
- -ms-transform: translateX(26rem);
3953
- transform: translateX(26rem);
3954
- width: 26rem;
3955
- z-index: 9000;
3956
- }
3957
-
3958
- @media screen and (min-width: 951px) {
3959
- .usa-nav {
3960
- padding-top: 4.5rem;
3961
- padding-right: 0;
3962
- padding-bottom: 0;
3963
- border-left: none;
3964
- display: block;
3965
- float: right;
3966
- overflow-y: visible;
3967
- position: relative;
3968
- -webkit-transform: translateX(0);
3969
- -ms-transform: translateX(0);
3970
- transform: translateX(0);
3971
- width: auto;
3972
- }
3973
- }
3974
-
3975
- .usa-nav.is-visible {
3976
- -webkit-transform: translateX(0);
3977
- -ms-transform: translateX(0);
3978
- transform: translateX(0);
3979
- transition: all 0.3s ease-in-out;
3980
- }
3981
-
3982
- .usa-nav nav {
3983
- margin-top: 6rem;
3984
- min-height: 100%;
3985
- }
3986
-
3987
- @media screen and (min-width: 951px) {
3988
- .usa-nav nav {
3989
- margin-top: 0;
3990
- }
3991
- }
3992
-
3993
- .usa-nav .usa-current {
3994
- border-left: 4px solid #0071bc;
3995
- color: #0071bc;
3996
- font-weight: 700;
3997
- padding-left: 1.4rem;
3998
- }
3999
-
4000
- @media screen and (min-width: 951px) {
4001
- .usa-nav .usa-current {
4002
- color: #212121;
4003
- }
4004
- }
4005
-
4006
- .usa-nav .usa-button {
4007
- width: 100%;
4008
- }
4009
-
4010
- @media screen and (min-width: 951px) {
4011
- .usa-nav .usa-search {
4012
- margin-left: 1.5rem;
4013
- top: 4px;
4014
- }
4015
- }
4016
-
4017
- .usa-nav-primary {
4018
- margin-top: 0;
4019
- margin-bottom: 0;
4020
- list-style-type: none;
4021
- padding-left: 0;
4022
- margin-top: 1.5rem;
4023
- -webkit-box-ordinal-group: 3;
4024
- -ms-flex-order: 2;
4025
- order: 2;
4026
- }
4027
-
4028
- .usa-nav-primary > li {
4029
- margin-bottom: 0;
4030
- }
4031
-
4032
- .usa-nav-primary > li {
4033
- background-color: transparent;
4034
- border-top: 1px solid #5b616b;
4035
- font-size: 1.7rem;
4036
- }
4037
-
4038
- .usa-nav-primary > li:first-child {
4039
- border-top: none;
4040
- }
4041
-
4042
- .usa-nav-primary a {
4043
- border: none;
4044
- color: #212121;
4045
- display: block;
4046
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
4047
- line-height: 1.3;
4048
- padding: 0.85rem 1rem 0.85rem 1.8rem;
4049
- text-decoration: none;
4050
- }
4051
-
4052
- .usa-nav-primary a:hover {
4053
- background-color: #f1f1f1;
4054
- color: #0071bc;
4055
- text-decoration: none;
4056
- }
4057
-
4058
- .usa-nav-primary a:focus {
4059
- outline-offset: 0;
4060
- position: relative;
4061
- z-index: 1;
4062
- }
4063
-
4064
- .usa-nav-primary a.usa-current {
4065
- /* stylelint-disable-line selector-no-qualifying-type */
4066
- border-left: 0.4rem solid #0071bc;
4067
- color: #0071bc;
4068
- font-weight: 700;
4069
- padding-left: 1.4rem;
4070
- }
4071
-
4072
- @media screen and (min-width: 951px) {
4073
- .usa-nav-primary {
4074
- display: inline;
4075
- }
4076
- }
4077
-
4078
- @media screen and (min-width: 951px) {
4079
- .usa-nav-primary li {
4080
- border-top: none;
4081
- }
4082
- }
4083
-
4084
- .usa-nav-primary > li {
4085
- width: auto;
4086
- }
4087
-
4088
- @media screen and (min-width: 951px) {
4089
- .usa-nav-primary > li {
4090
- display: inline-block;
4091
- }
4092
- }
4093
-
4094
- @media screen and (min-width: 951px) {
4095
- .usa-nav-primary > li > a {
4096
- padding: 1.3rem 1.5rem 2.2rem;
4097
- color: #5b616b;
4098
- font-size: 1.5rem;
4099
- font-weight: 700;
4100
- line-height: 1;
4101
- }
4102
- }
4103
-
4104
- @media screen and (min-width: 951px) {
4105
- .usa-nav-primary > li > a:hover {
4106
- background-color: transparent;
4107
- }
4108
- }
4109
-
4110
- @media screen and (min-width: 951px) {
4111
- .usa-nav-primary a {
4112
- padding-top: 0.75rem;
4113
- padding-bottom: 0.75rem;
4114
- }
4115
- }
4116
-
4117
- .usa-nav-primary button {
4118
- background-color: transparent;
4119
- border: 0;
4120
- border-radius: 0;
4121
- font-weight: 400;
4122
- margin: 0;
4123
- padding: 0;
4124
- text-align: left;
4125
- -webkit-font-smoothing: auto;
4126
- -moz-osx-font-smoothing: grayscale;
4127
- -webkit-font-smoothing: antialiased;
4128
- font-weight: 400;
4129
- line-height: 1.3;
4130
- padding: 0.85rem 1.5rem 0.85rem 1.8rem;
4131
- }
4132
-
4133
- .usa-nav-primary button:hover {
4134
- background-color: transparent;
4135
- }
4136
-
4137
- @media screen and (min-width: 951px) {
4138
- .usa-nav-primary button {
4139
- padding: 1.3rem 1.5rem 2.2rem;
4140
- color: #5b616b;
4141
- font-size: 1.5rem;
4142
- font-weight: 700;
4143
- line-height: 1;
4144
- width: initial;
4145
- }
4146
- }
4147
-
4148
- .usa-nav-primary button:focus, .usa-nav-primary button:active {
4149
- box-shadow: 2px dotted #aeb0b5;
4150
- }
4151
-
4152
- .usa-nav-primary button:hover {
4153
- background-color: #f1f1f1;
4154
- color: #0071bc;
4155
- }
4156
-
4157
- @media screen and (min-width: 951px) {
4158
- .usa-nav-primary button:hover {
4159
- background-color: transparent;
4160
- }
4161
- }
4162
-
4163
- .usa-nav-primary button[aria-expanded=false] {
4164
- /* stylelint-disable-line selector-no-qualifying-type */
4165
- background-image: url("../img/plus-alt.png");
4166
- background-image: url("../img/plus-alt.svg");
4167
- background-repeat: no-repeat;
4168
- background-position: right 0 center;
4169
- background-size: 1rem;
4170
- }
4171
-
4172
- @media screen and (min-width: 951px) {
4173
- .usa-nav-primary button[aria-expanded=false] {
4174
- background-image: url("../img/angle-arrow-down.png");
4175
- background-image: url("../img/angle-arrow-down.svg");
4176
- background-position: right 1.5rem top 40%;
4177
- }
4178
- }
4179
-
4180
- @media screen and (min-width: 951px) {
4181
- .usa-nav-primary button[aria-expanded=false]:hover {
4182
- background-image: url("../img/angle-arrow-down-primary.png");
4183
- background-image: url("../img/angle-arrow-down-primary.svg");
4184
- }
4185
- }
4186
-
4187
- .usa-nav-primary button[aria-expanded=true] {
4188
- /* stylelint-disable-line selector-no-qualifying-type */
4189
- background-image: url("../img/minus-alt.png");
4190
- background-image: url("../img/minus-alt.svg");
4191
- background-repeat: no-repeat;
4192
- background-position: right 0 center;
4193
- background-size: 1rem;
4194
- }
4195
-
4196
- @media screen and (min-width: 951px) {
4197
- .usa-nav-primary button[aria-expanded=true] {
4198
- background-color: #112e51;
4199
- color: #ffffff;
4200
- background-image: url("../img/angle-arrow-down-hover.png");
4201
- background-image: url("../img/angle-arrow-down-hover.svg");
4202
- background-position: right 1.5rem top 40%;
4203
- }
4204
- .usa-nav-primary button[aria-expanded=true]:hover {
4205
- background-color: #112e51;
4206
- }
4207
- .usa-nav-primary button[aria-expanded=true] span {
4208
- border-bottom: 0.4rem solid #0071bc;
4209
- padding-bottom: 0.6rem;
4210
- color: #ffffff;
4211
- }
4212
- }
4213
-
4214
- @media screen and (min-width: 951px) {
4215
- .usa-nav-primary a.usa-current,
4216
- .usa-nav-primary .usa-current {
4217
- border-left: 0;
4218
- padding-left: 1.5rem;
4219
- }
4220
- .usa-nav-primary a.usa-current:hover span,
4221
- .usa-nav-primary .usa-current:hover span {
4222
- color: #0071bc;
4223
- }
4224
- .usa-nav-primary a.usa-current span,
4225
- .usa-nav-primary .usa-current span {
4226
- border-bottom: 0.4rem solid #0071bc;
4227
- padding-bottom: 0.6rem;
4228
- color: #212121;
4229
- }
4230
- }
4231
-
4232
- @media screen and (min-width: 951px) {
4233
- .usa-header-extended .usa-nav-link:hover span {
4234
- border-bottom: 0.7rem solid #0071bc;
4235
- padding-bottom: 0.9rem;
4236
- }
4237
- }
4238
-
4239
- .usa-header-extended .usa-nav-primary button[aria-expanded=true] {
4240
- /* stylelint-disable-line selector-no-qualifying-type */
4241
- }
4242
-
4243
- @media screen and (min-width: 951px) {
4244
- .usa-header-extended .usa-nav-primary button[aria-expanded=true] span {
4245
- border-bottom: 0.7rem solid #0071bc;
4246
- padding-bottom: 0.9rem;
4247
- }
4248
- }
4249
-
4250
- @media screen and (min-width: 951px) {
4251
- .usa-header-extended .usa-nav-primary .usa-current span {
4252
- border-bottom: 0.7rem solid #0071bc;
4253
- padding-bottom: 0.9rem;
4254
- }
4255
- }
4256
-
4257
- .usa-nav-secondary {
4258
- margin-top: 1.5rem;
4259
- }
4260
-
4261
- @media screen and (min-width: 951px) {
4262
- .usa-nav-secondary {
4263
- margin-top: 0;
4264
- position: absolute;
4265
- right: 3rem;
4266
- top: -5.7rem;
4267
- }
4268
- }
4269
-
4270
- .usa-nav-secondary .usa-search {
4271
- margin-top: 1.5rem;
4272
- margin-bottom: 0;
4273
- }
4274
-
4275
- @media screen and (min-width: 951px) {
4276
- .usa-nav-secondary .usa-search {
4277
- margin-top: -0.9rem;
4278
- margin-bottom: 0;
4279
- margin-left: 0;
4280
- float: left;
4281
- }
4282
- }
4283
-
4284
- .usa-nav-secondary-links {
4285
- margin-top: 2.4rem;
4286
- }
4287
-
4288
- @media screen and (min-width: 951px) {
4289
- .usa-nav-secondary-links {
4290
- float: left;
4291
- margin-top: 0;
4292
- }
4293
- }
4294
-
4295
- @media screen and (min-width: 951px) {
4296
- .usa-nav-secondary-links li {
4297
- display: inline;
4298
- padding-left: 0.5rem;
4299
- }
4300
- }
4301
-
4302
- @media screen and (min-width: 951px) {
4303
- .usa-nav-secondary-links li:not(:last-child)::after {
4304
- color: #d6d7d9;
4305
- content: '|';
4306
- padding-left: 0.5rem;
4307
- }
4308
- }
4309
-
4310
- .usa-nav-secondary-links a,
4311
- .usa-nav-secondary-links .usa-header-search-button {
4312
- color: #5b616b;
4313
- display: inline-block;
4314
- font-size: 1.5rem;
4315
- text-decoration: none;
4316
- }
4317
-
4318
- .usa-nav-secondary-links a:hover,
4319
- .usa-nav-secondary-links .usa-header-search-button:hover {
4320
- color: #0071bc;
4321
- text-decoration: underline;
4322
- }
4323
-
4324
- .usa-nav-secondary-links .usa-header-search-button {
4325
- background-color: transparent;
4326
- border: 0;
4327
- border-radius: 0;
4328
- font-weight: 400;
4329
- margin: 0;
4330
- padding: 0;
4331
- text-align: left;
4332
- -webkit-font-smoothing: auto;
4333
- display: none;
4334
- }
4335
-
4336
- .usa-nav-secondary-links .usa-header-search-button:hover {
4337
- background-color: transparent;
4338
- }
4339
-
4340
- @media screen and (min-width: 951px) {
4341
- .usa-nav-secondary-links .usa-header-search-button {
4342
- background-image: url("../img/search-alt.png");
4343
- background-image: url("../img/search-alt.svg");
4344
- background-repeat: no-repeat;
4345
- background-position: left center;
4346
- background-size: 2.2rem;
4347
- display: inline-block;
4348
- padding-left: 2.3rem;
4349
- }
4350
- }
4351
-
4352
- @media screen and (min-width: 951px) {
4353
- .usa-nav-secondary-links .usa-header-search-button.is-hidden {
4354
- display: none;
4355
- }
4356
- }
4357
-
4358
- @media screen and (min-width: 951px) {
4359
- .usa-nav-secondary-links a.usa-current {
4360
- border-left: 0;
4361
- padding-left: 0;
4362
- }
4363
- }
4364
-
4365
- .usa-nav-submenu {
4366
- margin-top: 0;
4367
- margin-bottom: 0;
4368
- list-style-type: none;
4369
- padding-left: 0;
4370
- margin: 0;
4371
- width: 100%;
4372
- }
4373
-
4374
- .usa-nav-submenu > li {
4375
- margin-bottom: 0;
4376
- }
4377
-
4378
- .usa-nav-submenu li {
4379
- border: none;
4380
- font-size: 1.5rem;
4381
- }
4382
-
4383
- .usa-nav-submenu a {
4384
- padding-left: 2.8rem;
4385
- line-height: 1.3;
4386
- }
4387
-
4388
- .usa-nav-submenu a:hover, .usa-nav-submenu a.usa-current {
4389
- /* stylelint-disable-line selector-no-qualifying-type */
4390
- border: none;
4391
- padding-left: 2.8rem;
4392
- }
4393
-
4394
- .usa-nav-submenu .usa-sidenav-sub_list a {
4395
- padding-left: 3.8rem;
4396
- }
4397
-
4398
- .usa-nav-submenu .usa-sidenav-sub_list a:focus {
4399
- outline-offset: 0;
4400
- }
4401
-
4402
- .usa-nav-submenu .usa-sidenav-sub_list a:hover {
4403
- padding-left: 3.8rem;
4404
- }
4405
-
4406
- @media screen and (min-width: 951px) {
4407
- .usa-nav-submenu {
4408
- margin-top: 0;
4409
- margin-bottom: 0;
4410
- list-style-type: none;
4411
- padding-left: 0;
4412
- padding-top: 0.75rem;
4413
- padding-bottom: 0.9rem;
4414
- background-color: #112e51;
4415
- width: 21.5rem;
4416
- position: absolute;
4417
- }
4418
- .usa-nav-submenu > li {
4419
- margin-bottom: 0;
4420
- }
4421
- }
4422
-
4423
- .usa-nav-submenu[aria-hidden=true] {
4424
- display: none;
4425
- }
4426
-
4427
- @media screen and (min-width: 951px) {
4428
- .usa-nav-submenu a {
4429
- color: #ffffff;
4430
- padding-left: 1.5rem;
4431
- }
4432
- }
4433
-
4434
- @media screen and (min-width: 951px) {
4435
- .usa-nav-submenu a:hover {
4436
- background-color: #112e51;
4437
- color: #ffffff;
4438
- padding-left: 1.5rem;
4439
- text-decoration: underline;
4440
- }
4441
- }
4442
-
4443
- .usa-nav-submenu li {
4444
- font-size: 1.5rem;
4445
- margin-bottom: 0;
4446
- }
4447
-
4448
- .usa-nav-close {
4449
- background-color: transparent;
4450
- border: 0;
4451
- border-radius: 0;
4452
- font-weight: 400;
4453
- margin: 0;
4454
- padding: 0;
4455
- text-align: left;
4456
- -webkit-font-smoothing: auto;
4457
- margin: -1.2rem -1.5rem 1.5rem auto;
4458
- float: right;
4459
- height: 4.4rem;
4460
- text-align: center;
4461
- width: 4.4rem;
4462
- }
4463
-
4464
- .usa-nav-close:hover {
4465
- background-color: transparent;
4466
- }
4467
-
4468
- @media screen and (min-width: 951px) {
4469
- .usa-nav-close {
4470
- display: none;
4471
- }
4472
- }
4473
-
4474
- .usa-nav-close img {
4475
- width: 1.3rem;
4476
- }
4477
-
4478
- .usa-nav-close + * {
4479
- clear: both;
4480
- }
4481
-
4482
- .usa-mobile_nav-active {
4483
- overflow: hidden;
4484
- }
4485
-
4486
- @media screen and (min-width: 951px) {
4487
- .usa-megamenu {
4488
- padding-top: 3.15rem;
4489
- padding-bottom: 3.15rem;
4490
- left: -1rem;
4491
- width: 100%;
4492
- }
4493
- }
4494
-
4495
- @media screen and (min-width: 951px) {
4496
- .usa-megamenu::before {
4497
- background-color: #112e51;
4498
- content: '';
4499
- display: block;
4500
- height: 100%;
4501
- position: absolute;
4502
- top: 0;
4503
- width: 1000%;
4504
- right: 100%;
4505
- }
4506
- }
4507
-
4508
- @media screen and (min-width: 951px) {
4509
- .usa-megamenu::after {
4510
- background-color: #112e51;
4511
- content: '';
4512
- display: block;
4513
- height: 100%;
4514
- position: absolute;
4515
- top: 0;
4516
- width: 1000%;
4517
- left: 100%;
4518
- }
4519
- }
4520
-
4521
- @media screen and (min-width: 951px) {
4522
- .usa-header-basic-megamenu .usa-nav {
4523
- padding-left: 0;
4524
- padding-top: 0;
4525
- width: 100%;
4526
- }
4527
- }
4528
-
4529
- .usa-header-basic-megamenu .usa-nav-inner {
4530
- display: -webkit-box;
4531
- display: -ms-flexbox;
4532
- display: flex;
4533
- -webkit-box-orient: vertical;
4534
- -webkit-box-direction: normal;
4535
- -ms-flex-direction: column;
4536
- flex-direction: column;
4537
- }
4538
-
4539
- @media screen and (min-width: 951px) {
4540
- .usa-header-basic-megamenu .usa-nav-inner {
4541
- display: block;
4542
- float: right;
4543
- margin-top: -3.8rem;
4544
- }
4545
- }
4546
-
4547
- @media screen and (min-width: 951px) {
4548
- .usa-header-basic-megamenu .usa-nav-submenu .usa-grid-full {
4549
- margin-left: -1.8rem;
4550
- }
4551
- }
4552
-
4553
- @media screen and (min-width: 951px) {
4554
- .usa-megamenu-col {
4555
- float: left;
4556
- display: block;
4557
- margin-right: 2.35765%;
4558
- width: 23.23176%;
4559
- }
4560
- .usa-megamenu-col:last-child {
4561
- margin-right: 0;
4562
- }
4563
- .usa-megamenu-col:nth-child(2n) {
4564
- float: left;
4565
- display: block;
4566
- margin-right: 2.35765%;
4567
- width: 23.23176%;
4568
- }
4569
- .usa-megamenu-col:nth-child(2n):last-child {
4570
- margin-right: 0;
4571
- }
4572
- .usa-megamenu-col:nth-child(4n) {
4573
- margin-right: 0;
4574
- }
4575
- }
4576
-
4577
- .usa-megamenu-col > ul {
4578
- margin-top: 0;
4579
- margin-bottom: 0;
4580
- list-style-type: none;
4581
- padding-left: 0;
4582
- }
4583
-
4584
- .usa-megamenu-col > ul > li {
4585
- margin-bottom: 0;
4586
- }
4587
-
4588
- .usa-search {
4589
- max-width: none;
4590
- position: relative;
4591
- }
4592
-
4593
- .usa-search::after {
4594
- clear: both;
4595
- content: "";
4596
- display: block;
4597
- }
4598
-
4599
- .usa-search [type=submit],
4600
- .usa-search .usa-search-submit {
4601
- background-image: url("../img/search.png");
4602
- background-image: url("../img/search.svg");
4603
- background-position: 50%;
4604
- background-repeat: no-repeat;
4605
- border-bottom-left-radius: 0;
4606
- border-top-left-radius: 0;
4607
- height: 3.3rem;
4608
- margin: 0;
4609
- padding: 0;
4610
- width: 4.5rem;
4611
- }
4612
-
4613
- @media screen and (min-width: 481px) {
4614
- .usa-search [type=submit],
4615
- .usa-search .usa-search-submit {
4616
- background-image: none;
4617
- width: 8.5rem;
4618
- }
4619
- }
4620
-
4621
- @media screen and (min-width: 481px) {
4622
- .usa-search.usa-search-big [type=search],
4623
- .usa-search.usa-search-big .usa-search-input {
4624
- font-size: 1.7rem;
4625
- height: 4.4rem;
4626
- width: calc(100% - 11.6rem);
4627
- }
4628
- .usa-search.usa-search-big [type=submit],
4629
- .usa-search.usa-search-big .usa-search-submit {
4630
- font-size: 2rem;
4631
- height: 4.4rem;
4632
- width: 11.6rem;
4633
- }
4634
- }
4635
-
4636
- @media screen and (min-width: 481px) {
4637
- .usa-search.usa-search-small [type=search],
4638
- .usa-search.usa-search-small .usa-search-input {
4639
- width: calc(100% - 4.5rem);
4640
- }
4641
- .usa-search.usa-search-small [type=submit],
4642
- .usa-search.usa-search-small .usa-search-submit {
4643
- background-image: url("../img/search.png");
4644
- background-image: url("../img/search.svg");
4645
- background-position: 50%;
4646
- background-repeat: no-repeat;
4647
- width: 4.5rem;
4648
- }
4649
- }
4650
-
4651
- @media screen and (max-width: 950px) {
4652
- .usa-search.usa-search-small.usa-sr-only {
4653
- left: auto;
4654
- position: relative;
4655
- }
4656
- }
4657
-
4658
- input[type=search] {
4659
- /* stylelint-disable-line selector-no-qualifying-type */
4660
- box-sizing: border-box;
4661
- -webkit-appearance: none;
4662
- }
4663
-
4664
- [type=search],
4665
- .usa-search-input {
4666
- padding-top: 0;
4667
- padding-bottom: 0;
4668
- border-bottom-right-radius: 0;
4669
- border-right: none;
4670
- border-top-right-radius: 0;
4671
- box-sizing: border-box;
4672
- float: left;
4673
- font-size: 1.4rem;
4674
- height: 3.3rem;
4675
- margin: 0;
4676
- width: calc(100% - 4.5rem);
4677
- }
4678
-
4679
- @media screen and (min-width: 481px) {
4680
- [type=search],
4681
- .usa-search-input {
4682
- width: calc(100% - 8.5rem);
4683
- }
4684
- }
4685
-
4686
- .usa-search-submit-text {
4687
- position: absolute;
4688
- left: -999em;
4689
- }
4690
-
4691
- @media screen and (min-width: 481px) {
4692
- .usa-search-submit-text {
4693
- position: static;
4694
- }
4695
- }
4696
-
4697
- .usa-section {
4698
- padding-top: 3rem;
4699
- padding-bottom: 3rem;
4700
- }
4701
-
4702
- @media screen and (min-width: 600px) {
4703
- .usa-section {
4704
- padding-top: 6rem;
4705
- padding-bottom: 6rem;
4706
- }
4707
- }
4708
-
4709
- .usa-section-light {
4710
- background-color: #f1f1f1;
4711
- }
4712
-
4713
- .usa-section-dark {
4714
- background-color: #112e51;
4715
- color: #ffffff;
4716
- }
4717
-
4718
- .usa-section-dark h1,
4719
- .usa-section-dark h2,
4720
- .usa-section-dark h3,
4721
- .usa-section-dark h4,
4722
- .usa-section-dark h5,
4723
- .usa-section-dark h6 {
4724
- color: #02bfe7;
4725
- }
4726
-
4727
- .usa-section-dark p {
4728
- color: #ffffff;
4729
- }
4730
-
4731
- .usa-section-dark a {
4732
- color: #d6d7d9;
4733
- }
4734
-
4735
- .usa-section-dark a:hover {
4736
- color: #ffffff;
4737
- }
4738
-
4739
- .usa-sidenav-list {
4740
- margin-top: 0;
4741
- margin-bottom: 0;
4742
- list-style-type: none;
4743
- padding-left: 0;
4744
- }
4745
-
4746
- .usa-sidenav-list > li {
4747
- margin-bottom: 0;
4748
- }
4749
-
4750
- .usa-sidenav-list > li {
4751
- background-color: transparent;
4752
- border-top: 1px solid #5b616b;
4753
- font-size: 1.7rem;
4754
- }
4755
-
4756
- .usa-sidenav-list > li:first-child {
4757
- border-top: none;
4758
- }
4759
-
4760
- .usa-sidenav-list a {
4761
- border: none;
4762
- color: #212121;
4763
- display: block;
4764
- font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
4765
- line-height: 1.3;
4766
- padding: 0.85rem 1rem 0.85rem 1.8rem;
4767
- text-decoration: none;
4768
- }
4769
-
4770
- .usa-sidenav-list a:hover {
4771
- background-color: #f1f1f1;
4772
- color: #0071bc;
4773
- text-decoration: none;
4774
- }
4775
-
4776
- .usa-sidenav-list a:focus {
4777
- outline-offset: 0;
4778
- position: relative;
4779
- z-index: 1;
4780
- }
4781
-
4782
- .usa-sidenav-list a.usa-current {
4783
- /* stylelint-disable-line selector-no-qualifying-type */
4784
- border-left: 0.4rem solid #0071bc;
4785
- color: #0071bc;
4786
- font-weight: 700;
4787
- padding-left: 1.4rem;
4788
- }
4789
-
4790
- .usa-sidenav-sub_list {
4791
- margin-top: 0;
4792
- margin-bottom: 0;
4793
- list-style-type: none;
4794
- padding-left: 0;
4795
- margin: 0;
4796
- width: 100%;
4797
- }
4798
-
4799
- .usa-sidenav-sub_list > li {
4800
- margin-bottom: 0;
4801
- }
4802
-
4803
- .usa-sidenav-sub_list li {
4804
- border: none;
4805
- font-size: 1.5rem;
4806
- }
4807
-
4808
- .usa-sidenav-sub_list a {
4809
- padding-left: 2.8rem;
4810
- line-height: 1.3;
4811
- }
4812
-
4813
- .usa-sidenav-sub_list a:hover, .usa-sidenav-sub_list a.usa-current {
4814
- /* stylelint-disable-line selector-no-qualifying-type */
4815
- border: none;
4816
- padding-left: 2.8rem;
4817
- }
4818
-
4819
- .usa-sidenav-sub_list .usa-sidenav-sub_list a {
4820
- padding-left: 3.8rem;
4821
- }
4822
-
4823
- .usa-sidenav-sub_list .usa-sidenav-sub_list a:focus {
4824
- outline-offset: 0;
4825
- }
4826
-
4827
- .usa-sidenav-sub_list .usa-sidenav-sub_list a:hover {
4828
- padding-left: 3.8rem;
4829
- }
4830
-
4831
- .usa-skipnav {
4832
- background: transparent;
4833
- color: #212121;
4834
- left: 0;
4835
- padding: 1rem 1.5rem;
4836
- position: absolute;
4837
- top: -4.2rem;
4838
- transition: all 0.2s ease-in-out;
4839
- z-index: 100;
4840
- }
4841
-
4842
- .usa-skipnav:focus {
4843
- background: #ffffff;
4844
- left: 0;
4845
- outline: 0;
4846
- position: absolute;
4847
- top: 0;
4848
- transition: all 0.2s ease-in-out;
4849
- }