cloudgov-style 0.3.0 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. checksums.yaml +8 -8
  2. data/app/assets/font/SourceSansPro-Semibold.ttf +0 -0
  3. data/app/assets/font/SourceSansPro-SemiboldItalic.ttf +0 -0
  4. data/app/assets/font/merriweather-bold-webfont.eot +0 -0
  5. data/app/assets/font/merriweather-bold-webfont.ttf +0 -0
  6. data/app/assets/font/merriweather-bold-webfont.woff +0 -0
  7. data/app/assets/font/merriweather-bold-webfont.woff2 +0 -0
  8. data/app/assets/font/merriweather-italic-webfont.eot +0 -0
  9. data/app/assets/font/merriweather-italic-webfont.ttf +0 -0
  10. data/app/assets/font/merriweather-italic-webfont.woff +0 -0
  11. data/app/assets/font/merriweather-italic-webfont.woff2 +0 -0
  12. data/app/assets/font/merriweather-light-webfont.eot +0 -0
  13. data/app/assets/font/merriweather-light-webfont.ttf +0 -0
  14. data/app/assets/font/merriweather-light-webfont.woff +0 -0
  15. data/app/assets/font/merriweather-light-webfont.woff2 +0 -0
  16. data/app/assets/font/merriweather-regular-webfont.eot +0 -0
  17. data/app/assets/font/merriweather-regular-webfont.ttf +0 -0
  18. data/app/assets/font/merriweather-regular-webfont.woff +0 -0
  19. data/app/assets/font/merriweather-regular-webfont.woff2 +0 -0
  20. data/app/assets/font/sourcesanspro-bold-webfont.eot +0 -0
  21. data/app/assets/font/sourcesanspro-bold-webfont.ttf +0 -0
  22. data/app/assets/font/sourcesanspro-bold-webfont.woff +0 -0
  23. data/app/assets/font/sourcesanspro-bold-webfont.woff2 +0 -0
  24. data/app/assets/font/sourcesanspro-italic-webfont.eot +0 -0
  25. data/app/assets/font/sourcesanspro-italic-webfont.ttf +0 -0
  26. data/app/assets/font/sourcesanspro-italic-webfont.woff +0 -0
  27. data/app/assets/font/sourcesanspro-italic-webfont.woff2 +0 -0
  28. data/app/assets/font/sourcesanspro-light-webfont.eot +0 -0
  29. data/app/assets/font/sourcesanspro-light-webfont.ttf +0 -0
  30. data/app/assets/font/sourcesanspro-light-webfont.woff +0 -0
  31. data/app/assets/font/sourcesanspro-light-webfont.woff2 +0 -0
  32. data/app/assets/font/sourcesanspro-regular-webfont.eot +0 -0
  33. data/app/assets/font/sourcesanspro-regular-webfont.ttf +0 -0
  34. data/app/assets/font/sourcesanspro-regular-webfont.woff +0 -0
  35. data/app/assets/font/sourcesanspro-regular-webfont.woff2 +0 -0
  36. data/app/assets/images/icons.svg +1 -0
  37. data/app/assets/javascript/cg-style.js +16 -0
  38. data/app/assets/stylesheets/cg_style.css +3102 -0
  39. data/app/assets/stylesheets/cloudgov-style-min.css +1 -1
  40. data/app/assets/stylesheets/cloudgov-style.css +55 -59
  41. data/assets/css/cg_style.css +3102 -0
  42. data/assets/css/cloudgov-style-min.css +1 -1
  43. data/assets/css/cloudgov-style.css +55 -59
  44. data/assets/font/SourceSansPro-Semibold.ttf +0 -0
  45. data/assets/font/SourceSansPro-SemiboldItalic.ttf +0 -0
  46. data/assets/font/merriweather-bold-webfont.eot +0 -0
  47. data/assets/font/merriweather-bold-webfont.ttf +0 -0
  48. data/assets/font/merriweather-bold-webfont.woff +0 -0
  49. data/assets/font/merriweather-bold-webfont.woff2 +0 -0
  50. data/assets/font/merriweather-italic-webfont.eot +0 -0
  51. data/assets/font/merriweather-italic-webfont.ttf +0 -0
  52. data/assets/font/merriweather-italic-webfont.woff +0 -0
  53. data/assets/font/merriweather-italic-webfont.woff2 +0 -0
  54. data/assets/font/merriweather-light-webfont.eot +0 -0
  55. data/assets/font/merriweather-light-webfont.ttf +0 -0
  56. data/assets/font/merriweather-light-webfont.woff +0 -0
  57. data/assets/font/merriweather-light-webfont.woff2 +0 -0
  58. data/assets/font/merriweather-regular-webfont.eot +0 -0
  59. data/assets/font/merriweather-regular-webfont.ttf +0 -0
  60. data/assets/font/merriweather-regular-webfont.woff +0 -0
  61. data/assets/font/merriweather-regular-webfont.woff2 +0 -0
  62. data/assets/font/sourcesanspro-bold-webfont.eot +0 -0
  63. data/assets/font/sourcesanspro-bold-webfont.ttf +0 -0
  64. data/assets/font/sourcesanspro-bold-webfont.woff +0 -0
  65. data/assets/font/sourcesanspro-bold-webfont.woff2 +0 -0
  66. data/assets/font/sourcesanspro-italic-webfont.eot +0 -0
  67. data/assets/font/sourcesanspro-italic-webfont.ttf +0 -0
  68. data/assets/font/sourcesanspro-italic-webfont.woff +0 -0
  69. data/assets/font/sourcesanspro-italic-webfont.woff2 +0 -0
  70. data/assets/font/sourcesanspro-light-webfont.eot +0 -0
  71. data/assets/font/sourcesanspro-light-webfont.ttf +0 -0
  72. data/assets/font/sourcesanspro-light-webfont.woff +0 -0
  73. data/assets/font/sourcesanspro-light-webfont.woff2 +0 -0
  74. data/assets/font/sourcesanspro-regular-webfont.eot +0 -0
  75. data/assets/font/sourcesanspro-regular-webfont.ttf +0 -0
  76. data/assets/font/sourcesanspro-regular-webfont.woff +0 -0
  77. data/assets/font/sourcesanspro-regular-webfont.woff2 +0 -0
  78. data/assets/img/icons.svg +1 -0
  79. data/assets/js/cg-style.js +16 -0
  80. data/lib/cloudgov-style/version.rb +1 -1
  81. metadata +76 -2
@@ -0,0 +1,3102 @@
1
+ @charset "UTF-8";
2
+ html {
3
+ box-sizing: border-box; }
4
+
5
+ *, *::after, *::before {
6
+ box-sizing: inherit; }
7
+
8
+ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
9
+ /**
10
+ * 1. Set default font family to sans-serif.
11
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
12
+ * user zoom.
13
+ */
14
+ html {
15
+ font-family: sans-serif;
16
+ /* 1 */
17
+ -ms-text-size-adjust: 100%;
18
+ /* 2 */
19
+ -webkit-text-size-adjust: 100%;
20
+ /* 2 */ }
21
+
22
+ /**
23
+ * Remove default margin.
24
+ */
25
+ body {
26
+ margin: 0; }
27
+
28
+ /* HTML5 display definitions
29
+ ========================================================================== */
30
+ /**
31
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
32
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
33
+ * and Firefox.
34
+ * Correct `block` display not defined for `main` in IE 11.
35
+ */
36
+ article,
37
+ aside,
38
+ details,
39
+ figcaption,
40
+ figure,
41
+ footer,
42
+ header,
43
+ hgroup,
44
+ main,
45
+ menu,
46
+ nav,
47
+ section,
48
+ summary {
49
+ display: block; }
50
+
51
+ /**
52
+ * 1. Correct `inline-block` display not defined in IE 8/9.
53
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
54
+ */
55
+ audio,
56
+ canvas,
57
+ progress,
58
+ video {
59
+ display: inline-block;
60
+ /* 1 */
61
+ vertical-align: baseline;
62
+ /* 2 */ }
63
+
64
+ /**
65
+ * Prevent modern browsers from displaying `audio` without controls.
66
+ * Remove excess height in iOS 5 devices.
67
+ */
68
+ audio:not([controls]) {
69
+ display: none;
70
+ height: 0; }
71
+
72
+ /**
73
+ * Address `[hidden]` styling not present in IE 8/9/10.
74
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
75
+ */
76
+ [hidden],
77
+ template {
78
+ display: none; }
79
+
80
+ /* Links
81
+ ========================================================================== */
82
+ /**
83
+ * Remove the gray background color from active links in IE 10.
84
+ */
85
+ a {
86
+ background-color: transparent; }
87
+
88
+ /**
89
+ * Improve readability when focused and also mouse hovered in all browsers.
90
+ */
91
+ a:active,
92
+ a:hover {
93
+ outline: 0; }
94
+
95
+ /* Text-level semantics
96
+ ========================================================================== */
97
+ /**
98
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
99
+ */
100
+ abbr[title] {
101
+ border-bottom: 1px dotted; }
102
+
103
+ /**
104
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
105
+ */
106
+ b,
107
+ strong {
108
+ font-weight: bold; }
109
+
110
+ /**
111
+ * Address styling not present in Safari and Chrome.
112
+ */
113
+ dfn {
114
+ font-style: italic; }
115
+
116
+ /**
117
+ * Address variable `h1` font-size and margin within `section` and `article`
118
+ * contexts in Firefox 4+, Safari, and Chrome.
119
+ */
120
+ h1 {
121
+ font-size: 2em;
122
+ margin: 0.67em 0; }
123
+
124
+ /**
125
+ * Address styling not present in IE 8/9.
126
+ */
127
+ mark {
128
+ background: #ff0;
129
+ color: #000; }
130
+
131
+ /**
132
+ * Address inconsistent and variable font size in all browsers.
133
+ */
134
+ small {
135
+ font-size: 80%; }
136
+
137
+ /**
138
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
139
+ */
140
+ sub,
141
+ sup {
142
+ font-size: 75%;
143
+ line-height: 0;
144
+ position: relative;
145
+ vertical-align: baseline; }
146
+
147
+ sup {
148
+ top: -0.5em; }
149
+
150
+ sub {
151
+ bottom: -0.25em; }
152
+
153
+ /* Embedded content
154
+ ========================================================================== */
155
+ /**
156
+ * Remove border when inside `a` element in IE 8/9/10.
157
+ */
158
+ img {
159
+ border: 0; }
160
+
161
+ /**
162
+ * Correct overflow not hidden in IE 9/10/11.
163
+ */
164
+ svg:not(:root) {
165
+ overflow: hidden; }
166
+
167
+ /* Grouping content
168
+ ========================================================================== */
169
+ /**
170
+ * Address margin not present in IE 8/9 and Safari.
171
+ */
172
+ figure {
173
+ margin: 1em 40px; }
174
+
175
+ /**
176
+ * Address differences between Firefox and other browsers.
177
+ */
178
+ hr {
179
+ box-sizing: content-box;
180
+ height: 0; }
181
+
182
+ /**
183
+ * Contain overflow in all browsers.
184
+ */
185
+ pre {
186
+ overflow: auto; }
187
+
188
+ /**
189
+ * Address odd `em`-unit font size rendering in all browsers.
190
+ */
191
+ code,
192
+ kbd,
193
+ pre,
194
+ samp {
195
+ font-family: monospace, monospace;
196
+ font-size: 1em; }
197
+
198
+ /* Forms
199
+ ========================================================================== */
200
+ /**
201
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
202
+ * styling of `select`, unless a `border` property is set.
203
+ */
204
+ /**
205
+ * 1. Correct color not being inherited.
206
+ * Known issue: affects color of disabled elements.
207
+ * 2. Correct font properties not being inherited.
208
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
209
+ */
210
+ button,
211
+ input,
212
+ optgroup,
213
+ select,
214
+ textarea {
215
+ color: inherit;
216
+ /* 1 */
217
+ font: inherit;
218
+ /* 2 */
219
+ margin: 0;
220
+ /* 3 */ }
221
+
222
+ /**
223
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
224
+ */
225
+ button {
226
+ overflow: visible; }
227
+
228
+ /**
229
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
230
+ * All other form control elements do not inherit `text-transform` values.
231
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
232
+ * Correct `select` style inheritance in Firefox.
233
+ */
234
+ button,
235
+ select {
236
+ text-transform: none; }
237
+
238
+ /**
239
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
240
+ * and `video` controls.
241
+ * 2. Correct inability to style clickable `input` types in iOS.
242
+ * 3. Improve usability and consistency of cursor style between image-type
243
+ * `input` and others.
244
+ */
245
+ button,
246
+ html input[type="button"],
247
+ input[type="reset"],
248
+ input[type="submit"] {
249
+ -webkit-appearance: button;
250
+ /* 2 */
251
+ cursor: pointer;
252
+ /* 3 */ }
253
+
254
+ /**
255
+ * Re-set default cursor for disabled elements.
256
+ */
257
+ button[disabled],
258
+ html input[disabled] {
259
+ cursor: default; }
260
+
261
+ /**
262
+ * Remove inner padding and border in Firefox 4+.
263
+ */
264
+ button::-moz-focus-inner,
265
+ input::-moz-focus-inner {
266
+ border: 0;
267
+ padding: 0; }
268
+
269
+ /**
270
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
271
+ * the UA stylesheet.
272
+ */
273
+ input {
274
+ line-height: normal; }
275
+
276
+ /**
277
+ * It's recommended that you don't attempt to style these elements.
278
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
279
+ *
280
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
281
+ * 2. Remove excess padding in IE 8/9/10.
282
+ */
283
+ input[type="checkbox"],
284
+ input[type="radio"] {
285
+ box-sizing: border-box;
286
+ /* 1 */
287
+ padding: 0;
288
+ /* 2 */ }
289
+
290
+ /**
291
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
292
+ * `font-size` values of the `input`, it causes the cursor style of the
293
+ * decrement button to change from `default` to `text`.
294
+ */
295
+ input[type="number"]::-webkit-inner-spin-button,
296
+ input[type="number"]::-webkit-outer-spin-button {
297
+ height: auto; }
298
+
299
+ /**
300
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
301
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
302
+ * (include `-moz` to future-proof).
303
+ */
304
+ input[type="search"] {
305
+ -webkit-appearance: textfield;
306
+ /* 1 */
307
+ /* 2 */
308
+ box-sizing: content-box; }
309
+
310
+ /**
311
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
312
+ * Safari (but not Chrome) clips the cancel button when the search input has
313
+ * padding (and `textfield` appearance).
314
+ */
315
+ input[type="search"]::-webkit-search-cancel-button,
316
+ input[type="search"]::-webkit-search-decoration {
317
+ -webkit-appearance: none; }
318
+
319
+ /**
320
+ * Define consistent border, margin, and padding.
321
+ */
322
+ fieldset {
323
+ border: 1px solid #c0c0c0;
324
+ margin: 0 2px;
325
+ padding: 0.35em 0.625em 0.75em; }
326
+
327
+ /**
328
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
329
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
330
+ */
331
+ legend {
332
+ border: 0;
333
+ /* 1 */
334
+ padding: 0;
335
+ /* 2 */ }
336
+
337
+ /**
338
+ * Remove default vertical scrollbar in IE 8/9/10/11.
339
+ */
340
+ textarea {
341
+ overflow: auto; }
342
+
343
+ /**
344
+ * Don't inherit the `font-weight` (applied by a rule above).
345
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
346
+ */
347
+ optgroup {
348
+ font-weight: bold; }
349
+
350
+ /* Tables
351
+ ========================================================================== */
352
+ /**
353
+ * Remove most spacing between table cells.
354
+ */
355
+ table {
356
+ border-collapse: collapse;
357
+ border-spacing: 0; }
358
+
359
+ td,
360
+ th {
361
+ padding: 0; }
362
+
363
+ @font-face {
364
+ font-family: "Source Sans Pro";
365
+ font-style: normal;
366
+ font-weight: 300;
367
+ 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"); }
368
+
369
+ @font-face {
370
+ font-family: "Source Sans Pro";
371
+ font-style: normal;
372
+ font-weight: 400;
373
+ 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"); }
374
+
375
+ @font-face {
376
+ font-family: "Source Sans Pro";
377
+ font-style: italic;
378
+ font-weight: 400;
379
+ 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"); }
380
+
381
+ @font-face {
382
+ font-family: "Source Sans Pro";
383
+ font-style: normal;
384
+ font-weight: 700;
385
+ 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"); }
386
+
387
+ @font-face {
388
+ font-family: "Merriweather";
389
+ font-style: normal;
390
+ font-weight: 300;
391
+ 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"); }
392
+
393
+ @font-face {
394
+ font-family: "Merriweather";
395
+ font-style: normal;
396
+ font-weight: 400;
397
+ 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"); }
398
+
399
+ @font-face {
400
+ font-family: "Merriweather";
401
+ font-style: italic;
402
+ font-weight: 400;
403
+ 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"); }
404
+
405
+ @font-face {
406
+ font-family: "Merriweather";
407
+ font-style: normal;
408
+ font-weight: 700;
409
+ 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"); }
410
+
411
+ /* Apply a natural box layout model to all elements, but allowing components to
412
+ change */
413
+ html {
414
+ box-sizing: border-box; }
415
+
416
+ *, *:before, *:after {
417
+ box-sizing: inherit; }
418
+
419
+ body {
420
+ background-color: #ffffff; }
421
+
422
+ .lt-ie9 * {
423
+ -webkit-filter: none !important;
424
+ filter: none !important; }
425
+
426
+ [aria-hidden=true] {
427
+ display: none !important; }
428
+
429
+ .usa-grid,
430
+ .usa-grid-full {
431
+ max-width: 68em;
432
+ margin-left: auto;
433
+ margin-right: auto;
434
+ max-width: 1040px; }
435
+ .usa-grid::after,
436
+ .usa-grid-full::after {
437
+ clear: both;
438
+ content: "";
439
+ display: table; }
440
+ @media screen and (min-width: 600px) {
441
+ .usa-grid .usa-width-one-whole,
442
+ .usa-grid-full .usa-width-one-whole {
443
+ float: left;
444
+ display: block;
445
+ margin-right: 4.82916%;
446
+ width: 100%; }
447
+ .usa-grid .usa-width-one-whole:last-child,
448
+ .usa-grid-full .usa-width-one-whole:last-child {
449
+ margin-right: 0; }
450
+ .usa-grid .usa-width-one-half,
451
+ .usa-grid-full .usa-width-one-half {
452
+ float: left;
453
+ display: block;
454
+ margin-right: 4.82916%;
455
+ width: 47.58542%; }
456
+ .usa-grid .usa-width-one-half:last-child,
457
+ .usa-grid-full .usa-width-one-half:last-child {
458
+ margin-right: 0; }
459
+ .usa-grid .usa-width-one-third,
460
+ .usa-grid-full .usa-width-one-third {
461
+ float: left;
462
+ display: block;
463
+ margin-right: 4.82916%;
464
+ width: 30.11389%; }
465
+ .usa-grid .usa-width-one-third:last-child,
466
+ .usa-grid-full .usa-width-one-third:last-child {
467
+ margin-right: 0; }
468
+ .usa-grid .usa-width-two-thirds,
469
+ .usa-grid-full .usa-width-two-thirds {
470
+ float: left;
471
+ display: block;
472
+ margin-right: 4.82916%;
473
+ width: 65.05695%; }
474
+ .usa-grid .usa-width-two-thirds:last-child,
475
+ .usa-grid-full .usa-width-two-thirds:last-child {
476
+ margin-right: 0; }
477
+ .usa-grid .usa-width-one-fourth,
478
+ .usa-grid-full .usa-width-one-fourth {
479
+ float: left;
480
+ display: block;
481
+ margin-right: 4.82916%;
482
+ width: 47.58542%; }
483
+ .usa-grid .usa-width-one-fourth:last-child,
484
+ .usa-grid-full .usa-width-one-fourth:last-child {
485
+ margin-right: 0; }
486
+ .usa-grid .usa-width-one-fourth:nth-child(2n),
487
+ .usa-grid-full .usa-width-one-fourth:nth-child(2n) {
488
+ margin-right: 0; }
489
+ .usa-grid .usa-width-three-fourths,
490
+ .usa-grid-full .usa-width-three-fourths {
491
+ float: left;
492
+ display: block;
493
+ margin-right: 4.82916%;
494
+ width: 100%; }
495
+ .usa-grid .usa-width-three-fourths:last-child,
496
+ .usa-grid-full .usa-width-three-fourths:last-child {
497
+ margin-right: 0; }
498
+ .usa-grid .usa-width-one-sixth,
499
+ .usa-grid-full .usa-width-one-sixth {
500
+ float: left;
501
+ display: block;
502
+ margin-right: 4.82916%;
503
+ width: 30.11389%; }
504
+ .usa-grid .usa-width-one-sixth:last-child,
505
+ .usa-grid-full .usa-width-one-sixth:last-child {
506
+ margin-right: 0; }
507
+ .usa-grid .usa-width-one-sixth:nth-child(3n),
508
+ .usa-grid-full .usa-width-one-sixth:nth-child(3n) {
509
+ margin-right: 0; }
510
+ .usa-grid .usa-width-five-sixths,
511
+ .usa-grid-full .usa-width-five-sixths {
512
+ float: left;
513
+ display: block;
514
+ margin-right: 4.82916%;
515
+ width: 82.52847%; }
516
+ .usa-grid .usa-width-five-sixths:last-child,
517
+ .usa-grid-full .usa-width-five-sixths:last-child {
518
+ margin-right: 0; }
519
+ .usa-grid .usa-width-one-twelfth,
520
+ .usa-grid-full .usa-width-one-twelfth {
521
+ float: left;
522
+ display: block;
523
+ margin-right: 4.82916%;
524
+ width: 30.11389%; }
525
+ .usa-grid .usa-width-one-twelfth:last-child,
526
+ .usa-grid-full .usa-width-one-twelfth:last-child {
527
+ margin-right: 0; }
528
+ .usa-grid .usa-width-one-twelfth:nth-child(3n),
529
+ .usa-grid-full .usa-width-one-twelfth:nth-child(3n) {
530
+ margin-right: 0; } }
531
+ @media screen and (min-width: 1201px) {
532
+ .usa-grid .usa-width-one-whole,
533
+ .usa-grid-full .usa-width-one-whole {
534
+ float: left;
535
+ display: block;
536
+ margin-right: 2.35765%;
537
+ width: 100%; }
538
+ .usa-grid .usa-width-one-whole:last-child,
539
+ .usa-grid-full .usa-width-one-whole:last-child {
540
+ margin-right: 0; }
541
+ .usa-grid .usa-width-one-half,
542
+ .usa-grid-full .usa-width-one-half {
543
+ float: left;
544
+ display: block;
545
+ margin-right: 2.35765%;
546
+ width: 48.82117%; }
547
+ .usa-grid .usa-width-one-half:last-child,
548
+ .usa-grid-full .usa-width-one-half:last-child {
549
+ margin-right: 0; }
550
+ .usa-grid .usa-width-one-third,
551
+ .usa-grid-full .usa-width-one-third {
552
+ float: left;
553
+ display: block;
554
+ margin-right: 2.35765%;
555
+ width: 31.76157%; }
556
+ .usa-grid .usa-width-one-third:last-child,
557
+ .usa-grid-full .usa-width-one-third:last-child {
558
+ margin-right: 0; }
559
+ .usa-grid .usa-width-two-thirds,
560
+ .usa-grid-full .usa-width-two-thirds {
561
+ float: left;
562
+ display: block;
563
+ margin-right: 2.35765%;
564
+ width: 65.88078%; }
565
+ .usa-grid .usa-width-two-thirds:last-child,
566
+ .usa-grid-full .usa-width-two-thirds:last-child {
567
+ margin-right: 0; }
568
+ .usa-grid .usa-width-one-fourth,
569
+ .usa-grid-full .usa-width-one-fourth {
570
+ float: left;
571
+ display: block;
572
+ margin-right: 2.35765%;
573
+ width: 23.23176%; }
574
+ .usa-grid .usa-width-one-fourth:last-child,
575
+ .usa-grid-full .usa-width-one-fourth:last-child {
576
+ margin-right: 0; }
577
+ .usa-grid .usa-width-one-fourth:nth-child(2n),
578
+ .usa-grid-full .usa-width-one-fourth:nth-child(2n) {
579
+ float: left;
580
+ display: block;
581
+ margin-right: 2.35765%;
582
+ width: 23.23176%; }
583
+ .usa-grid .usa-width-one-fourth:nth-child(2n):last-child,
584
+ .usa-grid-full .usa-width-one-fourth:nth-child(2n):last-child {
585
+ margin-right: 0; }
586
+ .usa-grid .usa-width-one-fourth:nth-child(4n),
587
+ .usa-grid-full .usa-width-one-fourth:nth-child(4n) {
588
+ margin-right: 0; }
589
+ .usa-grid .usa-width-three-fourths,
590
+ .usa-grid-full .usa-width-three-fourths {
591
+ float: left;
592
+ display: block;
593
+ margin-right: 2.35765%;
594
+ width: 74.41059%; }
595
+ .usa-grid .usa-width-three-fourths:last-child,
596
+ .usa-grid-full .usa-width-three-fourths:last-child {
597
+ margin-right: 0; }
598
+ .usa-grid .usa-width-one-sixth,
599
+ .usa-grid-full .usa-width-one-sixth {
600
+ float: left;
601
+ display: block;
602
+ margin-right: 2.35765%;
603
+ width: 14.70196%; }
604
+ .usa-grid .usa-width-one-sixth:last-child,
605
+ .usa-grid-full .usa-width-one-sixth:last-child {
606
+ margin-right: 0; }
607
+ .usa-grid .usa-width-one-sixth:nth-child(3n),
608
+ .usa-grid-full .usa-width-one-sixth:nth-child(3n) {
609
+ float: left;
610
+ display: block;
611
+ margin-right: 2.35765%;
612
+ width: 14.70196%; }
613
+ .usa-grid .usa-width-one-sixth:nth-child(3n):last-child,
614
+ .usa-grid-full .usa-width-one-sixth:nth-child(3n):last-child {
615
+ margin-right: 0; }
616
+ .usa-grid .usa-width-one-sixth:nth-child(6n),
617
+ .usa-grid-full .usa-width-one-sixth:nth-child(6n) {
618
+ margin-right: 0; }
619
+ .usa-grid .usa-width-five-sixths,
620
+ .usa-grid-full .usa-width-five-sixths {
621
+ float: left;
622
+ display: block;
623
+ margin-right: 2.35765%;
624
+ width: 82.94039%; }
625
+ .usa-grid .usa-width-five-sixths:last-child,
626
+ .usa-grid-full .usa-width-five-sixths:last-child {
627
+ margin-right: 0; }
628
+ .usa-grid .usa-width-one-twelfth,
629
+ .usa-grid-full .usa-width-one-twelfth {
630
+ float: left;
631
+ display: block;
632
+ margin-right: 2.35765%;
633
+ width: 6.17215%; }
634
+ .usa-grid .usa-width-one-twelfth:last-child,
635
+ .usa-grid-full .usa-width-one-twelfth:last-child {
636
+ margin-right: 0; }
637
+ .usa-grid .usa-width-one-twelfth:nth-child(3n),
638
+ .usa-grid-full .usa-width-one-twelfth:nth-child(3n) {
639
+ float: left;
640
+ display: block;
641
+ margin-right: 2.35765%;
642
+ width: 6.17215%; }
643
+ .usa-grid .usa-width-one-twelfth:nth-child(3n):last-child,
644
+ .usa-grid-full .usa-width-one-twelfth:nth-child(3n):last-child {
645
+ margin-right: 0; }
646
+ .usa-grid .usa-width-one-twelfth:nth-child(12n),
647
+ .usa-grid-full .usa-width-one-twelfth:nth-child(12n) {
648
+ margin-right: 0; } }
649
+ .usa-grid .usa-end-row,
650
+ .usa-grid-full .usa-end-row {
651
+ margin-right: 0; }
652
+
653
+ .usa-grid {
654
+ padding: 0 3rem; }
655
+
656
+ .usa-grid-full {
657
+ padding: 0; }
658
+
659
+ .usa-sr-only {
660
+ position: absolute;
661
+ left: -999em; }
662
+
663
+ .usa-button,
664
+ .usa-button-primary,
665
+ .usa-button:visited,
666
+ .usa-button-primary:visited,
667
+ button,
668
+ [type="button"],
669
+ [type="submit"],
670
+ [type="reset"],
671
+ [type="image"] {
672
+ -webkit-appearance: none;
673
+ -moz-appearance: none;
674
+ appearance: none;
675
+ background-color: #277CB2;
676
+ border: 0;
677
+ border-radius: 0.3rem;
678
+ color: #ffffff;
679
+ cursor: pointer;
680
+ display: inline-block;
681
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
682
+ font-size: 1.6rem;
683
+ font-weight: 700;
684
+ line-height: 1;
685
+ margin-bottom: 0.5em;
686
+ margin-right: 0.5em;
687
+ margin-top: 0.5em;
688
+ outline: none;
689
+ padding: 1rem 2rem;
690
+ text-align: center;
691
+ text-decoration: none;
692
+ width: 100%;
693
+ -webkit-font-smoothing: antialiased; }
694
+ @media screen and (min-width: 481px) {
695
+ .usa-button,
696
+ .usa-button-primary,
697
+ .usa-button:visited,
698
+ .usa-button-primary:visited,
699
+ button,
700
+ [type="button"],
701
+ [type="submit"],
702
+ [type="reset"],
703
+ [type="image"] {
704
+ width: auto; } }
705
+ .usa-button:hover, .usa-button.usa-button-hover,
706
+ .usa-button-primary:hover,
707
+ .usa-button-primary.usa-button-hover,
708
+ .usa-button:visited:hover,
709
+ .usa-button:visited.usa-button-hover,
710
+ .usa-button-primary:visited:hover,
711
+ .usa-button-primary:visited.usa-button-hover,
712
+ button:hover,
713
+ button.usa-button-hover,
714
+ [type="button"]:hover,
715
+ [type="button"].usa-button-hover,
716
+ [type="submit"]:hover,
717
+ [type="submit"].usa-button-hover,
718
+ [type="reset"]:hover,
719
+ [type="reset"].usa-button-hover,
720
+ [type="image"]:hover,
721
+ [type="image"].usa-button-hover {
722
+ background-color: #2C3E50;
723
+ border-bottom: 0;
724
+ color: #ffffff;
725
+ text-decoration: none; }
726
+ .usa-button:focus, .usa-button.usa-button-focus,
727
+ .usa-button-primary:focus,
728
+ .usa-button-primary.usa-button-focus,
729
+ .usa-button:visited:focus,
730
+ .usa-button:visited.usa-button-focus,
731
+ .usa-button-primary:visited:focus,
732
+ .usa-button-primary:visited.usa-button-focus,
733
+ button:focus,
734
+ button.usa-button-focus,
735
+ [type="button"]:focus,
736
+ [type="button"].usa-button-focus,
737
+ [type="submit"]:focus,
738
+ [type="submit"].usa-button-focus,
739
+ [type="reset"]:focus,
740
+ [type="reset"].usa-button-focus,
741
+ [type="image"]:focus,
742
+ [type="image"].usa-button-focus {
743
+ box-shadow: 0 0 3px #3498DB, 0 0 7px #3498DB; }
744
+ .usa-button:active, .usa-button.usa-button-active,
745
+ .usa-button-primary:active,
746
+ .usa-button-primary.usa-button-active,
747
+ .usa-button:visited:active,
748
+ .usa-button:visited.usa-button-active,
749
+ .usa-button-primary:visited:active,
750
+ .usa-button-primary:visited.usa-button-active,
751
+ button:active,
752
+ button.usa-button-active,
753
+ [type="button"]:active,
754
+ [type="button"].usa-button-active,
755
+ [type="submit"]:active,
756
+ [type="submit"].usa-button-active,
757
+ [type="reset"]:active,
758
+ [type="reset"].usa-button-active,
759
+ [type="image"]:active,
760
+ [type="image"].usa-button-active {
761
+ background-color: #1F2C38; }
762
+ .usa-button.usa-button-primary-alt,
763
+ .usa-button-primary.usa-button-primary-alt,
764
+ .usa-button:visited.usa-button-primary-alt,
765
+ .usa-button-primary:visited.usa-button-primary-alt,
766
+ button.usa-button-primary-alt,
767
+ [type="button"].usa-button-primary-alt,
768
+ [type="submit"].usa-button-primary-alt,
769
+ [type="reset"].usa-button-primary-alt,
770
+ [type="image"].usa-button-primary-alt {
771
+ background-color: #3498DB;
772
+ color: #595959; }
773
+ .usa-button.usa-button-primary-alt:hover, .usa-button.usa-button-primary-alt.usa-button-hover,
774
+ .usa-button-primary.usa-button-primary-alt:hover,
775
+ .usa-button-primary.usa-button-primary-alt.usa-button-hover,
776
+ .usa-button:visited.usa-button-primary-alt:hover,
777
+ .usa-button:visited.usa-button-primary-alt.usa-button-hover,
778
+ .usa-button-primary:visited.usa-button-primary-alt:hover,
779
+ .usa-button-primary:visited.usa-button-primary-alt.usa-button-hover,
780
+ button.usa-button-primary-alt:hover,
781
+ button.usa-button-primary-alt.usa-button-hover,
782
+ [type="button"].usa-button-primary-alt:hover,
783
+ [type="button"].usa-button-primary-alt.usa-button-hover,
784
+ [type="submit"].usa-button-primary-alt:hover,
785
+ [type="submit"].usa-button-primary-alt.usa-button-hover,
786
+ [type="reset"].usa-button-primary-alt:hover,
787
+ [type="reset"].usa-button-primary-alt.usa-button-hover,
788
+ [type="image"].usa-button-primary-alt:hover,
789
+ [type="image"].usa-button-primary-alt.usa-button-hover {
790
+ background-color: #0a2639; }
791
+ .usa-button.usa-button-primary-alt:active, .usa-button.usa-button-primary-alt.usa-button-active,
792
+ .usa-button-primary.usa-button-primary-alt:active,
793
+ .usa-button-primary.usa-button-primary-alt.usa-button-active,
794
+ .usa-button:visited.usa-button-primary-alt:active,
795
+ .usa-button:visited.usa-button-primary-alt.usa-button-active,
796
+ .usa-button-primary:visited.usa-button-primary-alt:active,
797
+ .usa-button-primary:visited.usa-button-primary-alt.usa-button-active,
798
+ button.usa-button-primary-alt:active,
799
+ button.usa-button-primary-alt.usa-button-active,
800
+ [type="button"].usa-button-primary-alt:active,
801
+ [type="button"].usa-button-primary-alt.usa-button-active,
802
+ [type="submit"].usa-button-primary-alt:active,
803
+ [type="submit"].usa-button-primary-alt.usa-button-active,
804
+ [type="reset"].usa-button-primary-alt:active,
805
+ [type="reset"].usa-button-primary-alt.usa-button-active,
806
+ [type="image"].usa-button-primary-alt:active,
807
+ [type="image"].usa-button-primary-alt.usa-button-active {
808
+ background-color: black;
809
+ color: #ffffff; }
810
+ .usa-button.usa-button-secondary,
811
+ .usa-button-primary.usa-button-secondary,
812
+ .usa-button:visited.usa-button-secondary,
813
+ .usa-button-primary:visited.usa-button-secondary,
814
+ button.usa-button-secondary,
815
+ [type="button"].usa-button-secondary,
816
+ [type="submit"].usa-button-secondary,
817
+ [type="reset"].usa-button-secondary,
818
+ [type="image"].usa-button-secondary {
819
+ background-color: #E74C3C; }
820
+ .usa-button.usa-button-secondary:hover, .usa-button.usa-button-secondary.usa-button-hover,
821
+ .usa-button-primary.usa-button-secondary:hover,
822
+ .usa-button-primary.usa-button-secondary.usa-button-hover,
823
+ .usa-button:visited.usa-button-secondary:hover,
824
+ .usa-button:visited.usa-button-secondary.usa-button-hover,
825
+ .usa-button-primary:visited.usa-button-secondary:hover,
826
+ .usa-button-primary:visited.usa-button-secondary.usa-button-hover,
827
+ button.usa-button-secondary:hover,
828
+ button.usa-button-secondary.usa-button-hover,
829
+ [type="button"].usa-button-secondary:hover,
830
+ [type="button"].usa-button-secondary.usa-button-hover,
831
+ [type="submit"].usa-button-secondary:hover,
832
+ [type="submit"].usa-button-secondary.usa-button-hover,
833
+ [type="reset"].usa-button-secondary:hover,
834
+ [type="reset"].usa-button-secondary.usa-button-hover,
835
+ [type="image"].usa-button-secondary:hover,
836
+ [type="image"].usa-button-secondary.usa-button-hover {
837
+ background-color: #B0392E; }
838
+ .usa-button.usa-button-secondary:active, .usa-button.usa-button-secondary.usa-button-active,
839
+ .usa-button-primary.usa-button-secondary:active,
840
+ .usa-button-primary.usa-button-secondary.usa-button-active,
841
+ .usa-button:visited.usa-button-secondary:active,
842
+ .usa-button:visited.usa-button-secondary.usa-button-active,
843
+ .usa-button-primary:visited.usa-button-secondary:active,
844
+ .usa-button-primary:visited.usa-button-secondary.usa-button-active,
845
+ button.usa-button-secondary:active,
846
+ button.usa-button-secondary.usa-button-active,
847
+ [type="button"].usa-button-secondary:active,
848
+ [type="button"].usa-button-secondary.usa-button-active,
849
+ [type="submit"].usa-button-secondary:active,
850
+ [type="submit"].usa-button-secondary.usa-button-active,
851
+ [type="reset"].usa-button-secondary:active,
852
+ [type="reset"].usa-button-secondary.usa-button-active,
853
+ [type="image"].usa-button-secondary:active,
854
+ [type="image"].usa-button-secondary.usa-button-active {
855
+ background-color: black; }
856
+ .usa-button.usa-button-gray,
857
+ .usa-button-primary.usa-button-gray,
858
+ .usa-button:visited.usa-button-gray,
859
+ .usa-button-primary:visited.usa-button-gray,
860
+ button.usa-button-gray,
861
+ [type="button"].usa-button-gray,
862
+ [type="submit"].usa-button-gray,
863
+ [type="reset"].usa-button-gray,
864
+ [type="image"].usa-button-gray {
865
+ background-color: #595959; }
866
+ .usa-button.usa-button-gray:hover, .usa-button.usa-button-gray.usa-button-hover,
867
+ .usa-button-primary.usa-button-gray:hover,
868
+ .usa-button-primary.usa-button-gray.usa-button-hover,
869
+ .usa-button:visited.usa-button-gray:hover,
870
+ .usa-button:visited.usa-button-gray.usa-button-hover,
871
+ .usa-button-primary:visited.usa-button-gray:hover,
872
+ .usa-button-primary:visited.usa-button-gray.usa-button-hover,
873
+ button.usa-button-gray:hover,
874
+ button.usa-button-gray.usa-button-hover,
875
+ [type="button"].usa-button-gray:hover,
876
+ [type="button"].usa-button-gray.usa-button-hover,
877
+ [type="submit"].usa-button-gray:hover,
878
+ [type="submit"].usa-button-gray.usa-button-hover,
879
+ [type="reset"].usa-button-gray:hover,
880
+ [type="reset"].usa-button-gray.usa-button-hover,
881
+ [type="image"].usa-button-gray:hover,
882
+ [type="image"].usa-button-gray.usa-button-hover {
883
+ background-color: #262626; }
884
+ .usa-button.usa-button-gray:active, .usa-button.usa-button-gray.usa-button-active,
885
+ .usa-button-primary.usa-button-gray:active,
886
+ .usa-button-primary.usa-button-gray.usa-button-active,
887
+ .usa-button:visited.usa-button-gray:active,
888
+ .usa-button:visited.usa-button-gray.usa-button-active,
889
+ .usa-button-primary:visited.usa-button-gray:active,
890
+ .usa-button-primary:visited.usa-button-gray.usa-button-active,
891
+ button.usa-button-gray:active,
892
+ button.usa-button-gray.usa-button-active,
893
+ [type="button"].usa-button-gray:active,
894
+ [type="button"].usa-button-gray.usa-button-active,
895
+ [type="submit"].usa-button-gray:active,
896
+ [type="submit"].usa-button-gray.usa-button-active,
897
+ [type="reset"].usa-button-gray:active,
898
+ [type="reset"].usa-button-gray.usa-button-active,
899
+ [type="image"].usa-button-gray:active,
900
+ [type="image"].usa-button-gray.usa-button-active {
901
+ background-color: #595959; }
902
+ .usa-button.usa-button-outline,
903
+ .usa-button-primary.usa-button-outline,
904
+ .usa-button:visited.usa-button-outline,
905
+ .usa-button-primary:visited.usa-button-outline,
906
+ button.usa-button-outline,
907
+ [type="button"].usa-button-outline,
908
+ [type="submit"].usa-button-outline,
909
+ [type="reset"].usa-button-outline,
910
+ [type="image"].usa-button-outline {
911
+ background-color: #ffffff;
912
+ box-shadow: inset 0 0 0 2px #277CB2;
913
+ color: #277CB2; }
914
+ .usa-button.usa-button-outline:hover, .usa-button.usa-button-outline.usa-button-hover,
915
+ .usa-button-primary.usa-button-outline:hover,
916
+ .usa-button-primary.usa-button-outline.usa-button-hover,
917
+ .usa-button:visited.usa-button-outline:hover,
918
+ .usa-button:visited.usa-button-outline.usa-button-hover,
919
+ .usa-button-primary:visited.usa-button-outline:hover,
920
+ .usa-button-primary:visited.usa-button-outline.usa-button-hover,
921
+ button.usa-button-outline:hover,
922
+ button.usa-button-outline.usa-button-hover,
923
+ [type="button"].usa-button-outline:hover,
924
+ [type="button"].usa-button-outline.usa-button-hover,
925
+ [type="submit"].usa-button-outline:hover,
926
+ [type="submit"].usa-button-outline.usa-button-hover,
927
+ [type="reset"].usa-button-outline:hover,
928
+ [type="reset"].usa-button-outline.usa-button-hover,
929
+ [type="image"].usa-button-outline:hover,
930
+ [type="image"].usa-button-outline.usa-button-hover {
931
+ box-shadow: inset 0 0 0 2px #2C3E50;
932
+ color: #2C3E50; }
933
+ .usa-button.usa-button-outline:active, .usa-button.usa-button-outline.usa-button-active,
934
+ .usa-button-primary.usa-button-outline:active,
935
+ .usa-button-primary.usa-button-outline.usa-button-active,
936
+ .usa-button:visited.usa-button-outline:active,
937
+ .usa-button:visited.usa-button-outline.usa-button-active,
938
+ .usa-button-primary:visited.usa-button-outline:active,
939
+ .usa-button-primary:visited.usa-button-outline.usa-button-active,
940
+ button.usa-button-outline:active,
941
+ button.usa-button-outline.usa-button-active,
942
+ [type="button"].usa-button-outline:active,
943
+ [type="button"].usa-button-outline.usa-button-active,
944
+ [type="submit"].usa-button-outline:active,
945
+ [type="submit"].usa-button-outline.usa-button-active,
946
+ [type="reset"].usa-button-outline:active,
947
+ [type="reset"].usa-button-outline.usa-button-active,
948
+ [type="image"].usa-button-outline:active,
949
+ [type="image"].usa-button-outline.usa-button-active {
950
+ box-shadow: inset 0 0 0 2px #1F2C38;
951
+ color: #1F2C38; }
952
+ .usa-button.usa-button-outline:focus, .usa-button.usa-button-outline.usa-button-focus,
953
+ .usa-button-primary.usa-button-outline:focus,
954
+ .usa-button-primary.usa-button-outline.usa-button-focus,
955
+ .usa-button:visited.usa-button-outline:focus,
956
+ .usa-button:visited.usa-button-outline.usa-button-focus,
957
+ .usa-button-primary:visited.usa-button-outline:focus,
958
+ .usa-button-primary:visited.usa-button-outline.usa-button-focus,
959
+ button.usa-button-outline:focus,
960
+ button.usa-button-outline.usa-button-focus,
961
+ [type="button"].usa-button-outline:focus,
962
+ [type="button"].usa-button-outline.usa-button-focus,
963
+ [type="submit"].usa-button-outline:focus,
964
+ [type="submit"].usa-button-outline.usa-button-focus,
965
+ [type="reset"].usa-button-outline:focus,
966
+ [type="reset"].usa-button-outline.usa-button-focus,
967
+ [type="image"].usa-button-outline:focus,
968
+ [type="image"].usa-button-outline.usa-button-focus {
969
+ box-shadow: inset 0 0 0 2px #1F2C38, 0 0 3px #3498DB, 0 0 7px #3498DB; }
970
+ .usa-button.usa-button-outline-inverse,
971
+ .usa-button-primary.usa-button-outline-inverse,
972
+ .usa-button:visited.usa-button-outline-inverse,
973
+ .usa-button-primary:visited.usa-button-outline-inverse,
974
+ button.usa-button-outline-inverse,
975
+ [type="button"].usa-button-outline-inverse,
976
+ [type="submit"].usa-button-outline-inverse,
977
+ [type="reset"].usa-button-outline-inverse,
978
+ [type="image"].usa-button-outline-inverse {
979
+ background: transparent;
980
+ box-shadow: inset 0 0 0 2px #ffffff;
981
+ color: #ffffff; }
982
+ .usa-button.usa-button-outline-inverse:hover, .usa-button.usa-button-outline-inverse.usa-button-hover,
983
+ .usa-button-primary.usa-button-outline-inverse:hover,
984
+ .usa-button-primary.usa-button-outline-inverse.usa-button-hover,
985
+ .usa-button:visited.usa-button-outline-inverse:hover,
986
+ .usa-button:visited.usa-button-outline-inverse.usa-button-hover,
987
+ .usa-button-primary:visited.usa-button-outline-inverse:hover,
988
+ .usa-button-primary:visited.usa-button-outline-inverse.usa-button-hover,
989
+ button.usa-button-outline-inverse:hover,
990
+ button.usa-button-outline-inverse.usa-button-hover,
991
+ [type="button"].usa-button-outline-inverse:hover,
992
+ [type="button"].usa-button-outline-inverse.usa-button-hover,
993
+ [type="submit"].usa-button-outline-inverse:hover,
994
+ [type="submit"].usa-button-outline-inverse.usa-button-hover,
995
+ [type="reset"].usa-button-outline-inverse:hover,
996
+ [type="reset"].usa-button-outline-inverse.usa-button-hover,
997
+ [type="image"].usa-button-outline-inverse:hover,
998
+ [type="image"].usa-button-outline-inverse.usa-button-hover {
999
+ box-shadow: inset 0 0 0 2px #d6d7d9;
1000
+ color: #d6d7d9; }
1001
+ .usa-button.usa-button-outline-inverse:active, .usa-button.usa-button-outline-inverse.usa-button-active,
1002
+ .usa-button-primary.usa-button-outline-inverse:active,
1003
+ .usa-button-primary.usa-button-outline-inverse.usa-button-active,
1004
+ .usa-button:visited.usa-button-outline-inverse:active,
1005
+ .usa-button:visited.usa-button-outline-inverse.usa-button-active,
1006
+ .usa-button-primary:visited.usa-button-outline-inverse:active,
1007
+ .usa-button-primary:visited.usa-button-outline-inverse.usa-button-active,
1008
+ button.usa-button-outline-inverse:active,
1009
+ button.usa-button-outline-inverse.usa-button-active,
1010
+ [type="button"].usa-button-outline-inverse:active,
1011
+ [type="button"].usa-button-outline-inverse.usa-button-active,
1012
+ [type="submit"].usa-button-outline-inverse:active,
1013
+ [type="submit"].usa-button-outline-inverse.usa-button-active,
1014
+ [type="reset"].usa-button-outline-inverse:active,
1015
+ [type="reset"].usa-button-outline-inverse.usa-button-active,
1016
+ [type="image"].usa-button-outline-inverse:active,
1017
+ [type="image"].usa-button-outline-inverse.usa-button-active {
1018
+ box-shadow: inset 0 0 0 2px #aeb0b5;
1019
+ color: #d6d7d9; }
1020
+ .usa-button.usa-button-outline-inverse:focus, .usa-button.usa-button-outline-inverse.usa-button-focus,
1021
+ .usa-button-primary.usa-button-outline-inverse:focus,
1022
+ .usa-button-primary.usa-button-outline-inverse.usa-button-focus,
1023
+ .usa-button:visited.usa-button-outline-inverse:focus,
1024
+ .usa-button:visited.usa-button-outline-inverse.usa-button-focus,
1025
+ .usa-button-primary:visited.usa-button-outline-inverse:focus,
1026
+ .usa-button-primary:visited.usa-button-outline-inverse.usa-button-focus,
1027
+ button.usa-button-outline-inverse:focus,
1028
+ button.usa-button-outline-inverse.usa-button-focus,
1029
+ [type="button"].usa-button-outline-inverse:focus,
1030
+ [type="button"].usa-button-outline-inverse.usa-button-focus,
1031
+ [type="submit"].usa-button-outline-inverse:focus,
1032
+ [type="submit"].usa-button-outline-inverse.usa-button-focus,
1033
+ [type="reset"].usa-button-outline-inverse:focus,
1034
+ [type="reset"].usa-button-outline-inverse.usa-button-focus,
1035
+ [type="image"].usa-button-outline-inverse:focus,
1036
+ [type="image"].usa-button-outline-inverse.usa-button-focus {
1037
+ box-shadow: inset 0 0 0 2px #aeb0b5, 0 0 3px #3498DB, 0 0 7px #3498DB; }
1038
+ .usa-button.usa-button-big,
1039
+ .usa-button-primary.usa-button-big,
1040
+ .usa-button:visited.usa-button-big,
1041
+ .usa-button-primary:visited.usa-button-big,
1042
+ button.usa-button-big,
1043
+ [type="button"].usa-button-big,
1044
+ [type="submit"].usa-button-big,
1045
+ [type="reset"].usa-button-big,
1046
+ [type="image"].usa-button-big {
1047
+ font-size: 1.9rem;
1048
+ padding: 1.5rem 3rem; }
1049
+
1050
+ [type="submit"]:disabled,
1051
+ .usa-button-disabled {
1052
+ background-color: #d6d7d9;
1053
+ color: #262626;
1054
+ cursor: default; }
1055
+ [type="submit"]:disabled:hover, [type="submit"]:disabled.usa-button-hover, [type="submit"]:disabled:active, [type="submit"]:disabled.usa-button-active, [type="submit"]:disabled:focus,
1056
+ .usa-button-disabled:hover,
1057
+ .usa-button-disabled.usa-button-hover,
1058
+ .usa-button-disabled:active,
1059
+ .usa-button-disabled.usa-button-active,
1060
+ .usa-button-disabled:focus {
1061
+ background-color: #d6d7d9;
1062
+ border: 0;
1063
+ box-shadow: none;
1064
+ color: #262626; }
1065
+
1066
+ .usa-button-unstyled {
1067
+ background: none;
1068
+ border: 0;
1069
+ border-radius: 0;
1070
+ outline: 0;
1071
+ padding: 0;
1072
+ text-align: left; }
1073
+ .usa-button-unstyled:focus, .usa-button-unstyled:hover {
1074
+ box-shadow: initial; }
1075
+
1076
+ img {
1077
+ max-width: 100%; }
1078
+
1079
+ .media_link {
1080
+ display: inline-block;
1081
+ line-height: 0; }
1082
+
1083
+ @-moz-document url-prefix() {
1084
+ .media_link {
1085
+ display: table;
1086
+ table-layout: fixed;
1087
+ width: 100%; } }
1088
+
1089
+ input,
1090
+ input[type="text"],
1091
+ input[type="email"],
1092
+ input[type="password"],
1093
+ input[type="url"],
1094
+ input[type="tel"],
1095
+ input[type="number"],
1096
+ input[type="search"],
1097
+ input[type="file"],
1098
+ input[type="date"],
1099
+ input[type="datetime-local"],
1100
+ input[type="month"],
1101
+ input[type="time"],
1102
+ input[type="week"],
1103
+ textarea,
1104
+ select {
1105
+ -webkit-appearance: none;
1106
+ -moz-appearance: none;
1107
+ appearance: none;
1108
+ border: 1px solid #595959;
1109
+ border-radius: 0;
1110
+ box-sizing: border-box;
1111
+ color: #595959;
1112
+ display: block;
1113
+ font-size: 1.6rem;
1114
+ margin: 0.2em 0;
1115
+ max-width: 46rem;
1116
+ outline: none;
1117
+ padding: 1rem 0.7em;
1118
+ width: 100%; }
1119
+ input:focus, input.usa-input-focus,
1120
+ input[type="text"]:focus,
1121
+ input[type="text"].usa-input-focus,
1122
+ input[type="email"]:focus,
1123
+ input[type="email"].usa-input-focus,
1124
+ input[type="password"]:focus,
1125
+ input[type="password"].usa-input-focus,
1126
+ input[type="url"]:focus,
1127
+ input[type="url"].usa-input-focus,
1128
+ input[type="tel"]:focus,
1129
+ input[type="tel"].usa-input-focus,
1130
+ input[type="number"]:focus,
1131
+ input[type="number"].usa-input-focus,
1132
+ input[type="search"]:focus,
1133
+ input[type="search"].usa-input-focus,
1134
+ input[type="file"]:focus,
1135
+ input[type="file"].usa-input-focus,
1136
+ input[type="date"]:focus,
1137
+ input[type="date"].usa-input-focus,
1138
+ input[type="datetime-local"]:focus,
1139
+ input[type="datetime-local"].usa-input-focus,
1140
+ input[type="month"]:focus,
1141
+ input[type="month"].usa-input-focus,
1142
+ input[type="time"]:focus,
1143
+ input[type="time"].usa-input-focus,
1144
+ input[type="week"]:focus,
1145
+ input[type="week"].usa-input-focus,
1146
+ textarea:focus,
1147
+ textarea.usa-input-focus,
1148
+ select:focus,
1149
+ select.usa-input-focus {
1150
+ box-shadow: 0 0 3px #3498DB, 0 0 7px #3498DB; }
1151
+ input.usa-input-success,
1152
+ input[type="text"].usa-input-success,
1153
+ input[type="email"].usa-input-success,
1154
+ input[type="password"].usa-input-success,
1155
+ input[type="url"].usa-input-success,
1156
+ input[type="tel"].usa-input-success,
1157
+ input[type="number"].usa-input-success,
1158
+ input[type="search"].usa-input-success,
1159
+ input[type="file"].usa-input-success,
1160
+ input[type="date"].usa-input-success,
1161
+ input[type="datetime-local"].usa-input-success,
1162
+ input[type="month"].usa-input-success,
1163
+ input[type="time"].usa-input-success,
1164
+ input[type="week"].usa-input-success,
1165
+ textarea.usa-input-success,
1166
+ select.usa-input-success {
1167
+ border: 3px solid #4aa564; }
1168
+
1169
+ .usa-input-error {
1170
+ border-left: 4px solid #B0392E;
1171
+ margin-top: 3rem;
1172
+ padding-bottom: 0.8rem;
1173
+ padding-left: 1.5rem;
1174
+ padding-top: 0.8rem;
1175
+ position: relative;
1176
+ right: 1.9rem; }
1177
+ .usa-input-error input {
1178
+ border: 3px solid #B0392E;
1179
+ width: calc(100% + 1.5rem); }
1180
+ .usa-input-error label {
1181
+ margin-top: 0; }
1182
+
1183
+ .usa-input-error-label {
1184
+ display: block;
1185
+ font-size: 1.6rem;
1186
+ font-weight: 700; }
1187
+
1188
+ .usa-input-error-message {
1189
+ color: #B0392E;
1190
+ display: block;
1191
+ font-size: 1.6rem;
1192
+ font-weight: 700;
1193
+ padding-bottom: 3px;
1194
+ padding-top: 3px; }
1195
+
1196
+ label {
1197
+ display: block;
1198
+ margin-top: 3rem;
1199
+ max-width: 46rem; }
1200
+
1201
+ textarea {
1202
+ height: 16rem; }
1203
+
1204
+ select {
1205
+ -moz-appearance: none;
1206
+ -webkit-appearance: none;
1207
+ appearance: none;
1208
+ background-color: #ffffff;
1209
+ background-image: url("../img/arrow-down.png");
1210
+ background-image: url("../img/arrow-down.svg");
1211
+ background-position: right 1.3rem center;
1212
+ background-repeat: no-repeat;
1213
+ background-size: 1.3rem; }
1214
+
1215
+ legend {
1216
+ font-size: 3rem;
1217
+ font-weight: 700; }
1218
+
1219
+ .usa-fieldset-inputs label {
1220
+ margin-top: 0; }
1221
+
1222
+ .usa-form-hint {
1223
+ color: #757575;
1224
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
1225
+ margin-bottom: 0; }
1226
+
1227
+ /**
1228
+ * Custom checkboxes
1229
+ */
1230
+ input[type="checkbox"],
1231
+ input[type="radio"] {
1232
+ position: absolute;
1233
+ left: -999em; }
1234
+ .lt-ie9 input[type="checkbox"], .lt-ie9
1235
+ input[type="radio"] {
1236
+ border: 0;
1237
+ float: left;
1238
+ margin: 0.4em 0.4em 0 0;
1239
+ position: static;
1240
+ width: auto; }
1241
+
1242
+ input[type="checkbox"] + label,
1243
+ input[type="radio"] + label {
1244
+ cursor: pointer;
1245
+ font-weight: 400;
1246
+ margin-bottom: 0.5em; }
1247
+
1248
+ input[type="checkbox"] + label::before,
1249
+ input[type="radio"] + label::before {
1250
+ background: white;
1251
+ border-radius: 0.3rem;
1252
+ box-shadow: 0 0 0 1px #757575;
1253
+ content: '\a0';
1254
+ display: inline-block;
1255
+ height: 1.8rem;
1256
+ line-height: 0.8;
1257
+ margin-right: 0.6em;
1258
+ text-indent: 0.15em;
1259
+ vertical-align: 0.2em;
1260
+ width: 1.8rem; }
1261
+
1262
+ input[type="radio"] + label::before {
1263
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
1264
+ height: 1.6rem;
1265
+ width: 1.6rem; }
1266
+
1267
+ input[type="radio"] + label::before {
1268
+ border-radius: 100%; }
1269
+
1270
+ input[type="checkbox"]:checked + label::before,
1271
+ input[type="radio"]:checked + label::before {
1272
+ background-color: #277CB2;
1273
+ box-shadow: 0 0 0 1px #277CB2; }
1274
+
1275
+ input[type="radio"]:checked + label::before {
1276
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #277CB2; }
1277
+
1278
+ input[type="radio"]:focus + label::before {
1279
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #277CB2, 0 0 3px 4px #3498DB, 0 0 7px 4px #3498DB; }
1280
+
1281
+ input[type="checkbox"]:checked + label::before {
1282
+ background-image: url("../img/correct8.png");
1283
+ background-image: url("../img/correct8.svg");
1284
+ background-position: 50%;
1285
+ background-repeat: no-repeat; }
1286
+
1287
+ input[type="checkbox"]:focus + label::before {
1288
+ box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #277CB2; }
1289
+
1290
+ input[type="checkbox"]:disabled + label {
1291
+ color: #595959; }
1292
+
1293
+ input[type="checkbox"]:disabled + label::before,
1294
+ input[type="radio"]:disabled + label::before {
1295
+ background: #d6d7d9;
1296
+ box-shadow: 0 0 0 1px #aeb0b5;
1297
+ cursor: not-allowed; }
1298
+
1299
+ input[type=range] {
1300
+ -webkit-appearance: none;
1301
+ border: none;
1302
+ padding-left: 0;
1303
+ width: 100%; }
1304
+
1305
+ input[type=range]:focus {
1306
+ box-shadow: none;
1307
+ outline: none; }
1308
+
1309
+ input[type=range]::-webkit-slider-runnable-track {
1310
+ background: #aeb0b5;
1311
+ border: 1px solid #757575;
1312
+ cursor: pointer;
1313
+ height: 1.2rem;
1314
+ width: 100%; }
1315
+
1316
+ input[type=range]::-moz-range-track {
1317
+ background: #277CB2;
1318
+ border: 1px solid #757575;
1319
+ cursor: pointer;
1320
+ height: 1.2rem;
1321
+ width: 100%; }
1322
+
1323
+ input[type=range]::-ms-track {
1324
+ background: transparent;
1325
+ color: transparent;
1326
+ cursor: pointer;
1327
+ height: 1.2rem;
1328
+ width: 100%; }
1329
+
1330
+ input[type=range]::-webkit-slider-thumb {
1331
+ -webkit-appearance: none;
1332
+ border: 1px solid #757575;
1333
+ height: 2.2rem;
1334
+ border-radius: 1.5rem;
1335
+ background: #f1f1f1;
1336
+ cursor: pointer;
1337
+ margin-top: -.65rem;
1338
+ width: 2.2rem; }
1339
+
1340
+ input[type=range]::-moz-range-thumb {
1341
+ background: #f1f1f1;
1342
+ border: 1px solid #757575;
1343
+ border-radius: 1.5rem;
1344
+ cursor: pointer;
1345
+ height: 2.2rem;
1346
+ width: 2.2rem; }
1347
+
1348
+ input[type=range]::-ms-thumb {
1349
+ background: #f1f1f1;
1350
+ border: 1px solid #757575;
1351
+ border-radius: 1.5rem;
1352
+ cursor: pointer;
1353
+ height: 2.2rem;
1354
+ width: 2.2rem; }
1355
+
1356
+ input[type=range]::-ms-fill-lower {
1357
+ background: #aeb0b5;
1358
+ border: 1px solid #757575;
1359
+ border-radius: 2rem; }
1360
+
1361
+ input[type=range]::-ms-fill-upper {
1362
+ background: #aeb0b5;
1363
+ border: 1px solid #757575;
1364
+ border-radius: 2rem; }
1365
+
1366
+ input[type=range]:focus::-webkit-slider-thumb {
1367
+ border: 2px solid #3498DB; }
1368
+
1369
+ input[type=range]:focus::-moz-range-thumb {
1370
+ border: 2px solid #3498DB; }
1371
+
1372
+ input[type=range]:focus::-ms-thumb {
1373
+ border: 2px solid #3498DB; }
1374
+
1375
+ .usa-date-of-birth label {
1376
+ margin-top: 0; }
1377
+
1378
+ .usa-date-of-birth input[type=number]::-webkit-inner-spin-button,
1379
+ .usa-date-of-birth input[type=number]::-webkit-outer-spin-button {
1380
+ -webkit-appearance: none;
1381
+ appearance: none;
1382
+ margin: 0; }
1383
+
1384
+ .usa-date-of-birth input[type=number] {
1385
+ -moz-appearance: textfield; }
1386
+
1387
+ .usa-form-group-day,
1388
+ .usa-form-group-month,
1389
+ .usa-form-group-year {
1390
+ clear: none;
1391
+ float: left;
1392
+ margin-right: 1.5rem;
1393
+ width: 5rem; }
1394
+
1395
+ .usa-form-group-year {
1396
+ width: 7rem; }
1397
+
1398
+ .usa-label, .usa-label-big {
1399
+ background-color: #277CB2;
1400
+ border-radius: 0.3rem;
1401
+ color: #ffffff;
1402
+ font-size: 1.5rem;
1403
+ margin-right: 0.5rem;
1404
+ padding: 0.1rem 0.7rem;
1405
+ text-transform: uppercase; }
1406
+ .usa-label:only-of-type, .usa-label-big:only-of-type {
1407
+ margin-right: 0; }
1408
+
1409
+ .usa-label-big {
1410
+ font-size: 1.6rem;
1411
+ padding-left: 0.9rem;
1412
+ padding-right: 0.9rem; }
1413
+
1414
+ a.usa-label, a.usa-label-big {
1415
+ border-bottom: none; }
1416
+ a.usa-label:hover, a.usa-label-big:hover {
1417
+ background-color: #2C3E50;
1418
+ border-bottom: none;
1419
+ color: #ffffff; }
1420
+
1421
+ ul, ol {
1422
+ margin-bottom: 2em;
1423
+ margin-top: 2em; }
1424
+ ul li, ol li {
1425
+ line-height: 1.5;
1426
+ margin-bottom: 0.75em;
1427
+ margin-top: 0.75em; }
1428
+
1429
+ h1 + ul, h1 + ol, h2 + ul, h2 + ol, h3 + ul, h3 + ol, h4 + ul, h4 + ol, h5 + ul, h5 + ol, h6 + ul, h6 + ol, p + ul, p + ol {
1430
+ margin-top: 0; }
1431
+
1432
+ ul, ol {
1433
+ list-style: none;
1434
+ padding-left: 0;
1435
+ display: table; }
1436
+ ul li:after, ol li:after {
1437
+ content: "";
1438
+ display: block;
1439
+ margin-bottom: 0.5em; }
1440
+
1441
+ ul li {
1442
+ display: table-row; }
1443
+ ul li:before {
1444
+ content: "•";
1445
+ display: table-cell;
1446
+ padding-right: 0.4em; }
1447
+
1448
+ ol li {
1449
+ counter-increment: table-ol;
1450
+ display: table-row; }
1451
+ ol li:before {
1452
+ content: counter(table-ol) ".";
1453
+ display: table-cell;
1454
+ padding-right: 0.4em;
1455
+ text-align: right; }
1456
+
1457
+ li {
1458
+ margin-bottom: 0.5em; }
1459
+
1460
+ .usa-unstyled-list {
1461
+ list-style-type: none;
1462
+ margin: 0;
1463
+ padding: 0; }
1464
+ .usa-unstyled-list li {
1465
+ display: list-item;
1466
+ margin: 0; }
1467
+ .usa-unstyled-list li:before {
1468
+ display: none; }
1469
+ .usa-unstyled-list li:after {
1470
+ display: none; }
1471
+
1472
+ table {
1473
+ border-spacing: 0;
1474
+ margin: 2em 0;
1475
+ min-width: 100%; }
1476
+ table thead tr {
1477
+ background-color: #f1f1f1; }
1478
+ table thead th {
1479
+ text-align: left; }
1480
+ table tbody th {
1481
+ font-weight: 400; }
1482
+ table th, table td {
1483
+ border: 1px solid #595959;
1484
+ padding: 1.5rem; }
1485
+
1486
+ .usa-table-borderless thead tr {
1487
+ background-color: transparent; }
1488
+ .usa-table-borderless thead tr th {
1489
+ border-top: 0; }
1490
+
1491
+ .usa-table-borderless th, .usa-table-borderless td {
1492
+ border-left: 0;
1493
+ border-right: 0; }
1494
+
1495
+ html {
1496
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
1497
+ font-size: 10px; }
1498
+
1499
+ body {
1500
+ font-size: 1.6rem; }
1501
+
1502
+ p {
1503
+ line-height: 1.5;
1504
+ margin-bottom: 1em;
1505
+ margin-top: 1em; }
1506
+
1507
+ a {
1508
+ color: #277CB2;
1509
+ text-decoration: none; }
1510
+ a:hover, a:active {
1511
+ color: #2C3E50;
1512
+ text-decoration: underline; }
1513
+ a:visited {
1514
+ color: #4c2c92; }
1515
+ a:focus {
1516
+ box-shadow: 0 0 3px #3498DB, 0 0 7px #3498DB;
1517
+ outline: 0; }
1518
+
1519
+ h1, h2, h3, h4, h5, h6 {
1520
+ clear: both;
1521
+ font-family: "Merriweather", "Georgia", "Times New Roman", serif;
1522
+ line-height: 1.3;
1523
+ margin-bottom: .5em;
1524
+ margin-top: 1.5em; }
1525
+
1526
+ h1 {
1527
+ font-size: 4rem;
1528
+ font-weight: 700; }
1529
+
1530
+ h2 {
1531
+ font-size: 3rem;
1532
+ font-weight: 700; }
1533
+
1534
+ h3 {
1535
+ font-size: 2rem;
1536
+ font-weight: 700; }
1537
+
1538
+ h4 {
1539
+ font-size: 1.7rem;
1540
+ font-weight: 700; }
1541
+
1542
+ h5 {
1543
+ font-size: 1.5rem;
1544
+ font-weight: 700; }
1545
+
1546
+ h6 {
1547
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
1548
+ font-size: 1.3rem;
1549
+ font-weight: 400;
1550
+ text-transform: uppercase; }
1551
+
1552
+ cite,
1553
+ var,
1554
+ address,
1555
+ dfn {
1556
+ font-style: normal; }
1557
+
1558
+ .usa-content p {
1559
+ max-width: 660px; }
1560
+
1561
+ .usa-content-list {
1562
+ max-width: 660px; }
1563
+
1564
+ p a,
1565
+ .usa-content-list a {
1566
+ text-decoration: underline; }
1567
+
1568
+ .usa-sans p, .usa-sans a, .usa-sans li, .usa-sans span {
1569
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif; }
1570
+
1571
+ .usa-serif p, .usa-serif a, .usa-serif li, .usa-serif span {
1572
+ font-family: "Merriweather", "Georgia", "Times New Roman", serif; }
1573
+
1574
+ .usa-sans a {
1575
+ border-bottom: none;
1576
+ font-weight: 700; }
1577
+
1578
+ .usa-display {
1579
+ font-size: 2rem;
1580
+ font-weight: 700;
1581
+ margin-bottom: 0; }
1582
+ @media screen and (min-width: 481px) {
1583
+ .usa-display {
1584
+ font-size: 4rem;
1585
+ font-weight: 700; } }
1586
+ @media screen and (min-width: 600px) {
1587
+ .usa-display {
1588
+ font-size: 5.2rem;
1589
+ font-weight: 700; } }
1590
+
1591
+ .usa-font-lead {
1592
+ font-family: "Merriweather", "Georgia", "Times New Roman", serif;
1593
+ font-size: 2.2rem;
1594
+ line-height: 1.7; }
1595
+
1596
+ .usa-image-block {
1597
+ position: relative; }
1598
+
1599
+ .usa-image-text-block {
1600
+ color: #ffffff;
1601
+ left: 0;
1602
+ margin-left: 8%;
1603
+ position: absolute;
1604
+ top: 0; }
1605
+
1606
+ .usa-image-text {
1607
+ margin-top: 0; }
1608
+
1609
+ .usa-drop_text {
1610
+ margin-bottom: 0; }
1611
+
1612
+ .usa-background-dark {
1613
+ background-color: #262626; }
1614
+ .usa-background-dark p, .usa-background-dark span {
1615
+ color: #ffffff; }
1616
+ .usa-background-dark a {
1617
+ color: #d6d7d9; }
1618
+ .usa-background-dark a:hover {
1619
+ color: #ffffff; }
1620
+
1621
+ .usa-text-small {
1622
+ font-size: 1.3rem;
1623
+ margin-top: 0; }
1624
+
1625
+ .usa-accordion + .usa-accordion,
1626
+ .usa-accordion + .usa-accordion-bordered,
1627
+ .usa-accordion-bordered + .usa-accordion,
1628
+ .usa-accordion-bordered + .usa-accordion-bordered {
1629
+ margin-top: 1rem; }
1630
+
1631
+ .usa-accordion > ul,
1632
+ .usa-accordion-bordered > ul {
1633
+ color: #595959;
1634
+ margin: 0;
1635
+ padding: 0;
1636
+ width: 100%; }
1637
+ .usa-accordion > ul > li,
1638
+ .usa-accordion-bordered > ul > li {
1639
+ background-color: #f1f1f1;
1640
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
1641
+ list-style: none;
1642
+ margin-bottom: 6px;
1643
+ width: 100%; }
1644
+
1645
+ .usa-accordion button[aria-expanded=false],
1646
+ .usa-accordion-bordered button[aria-expanded=false] {
1647
+ background-image: url("../img/plus.png");
1648
+ background-image: url("../img/plus.svg");
1649
+ background-repeat: no-repeat;
1650
+ background-size: 1.3rem; }
1651
+
1652
+ .usa-accordion button,
1653
+ .usa-accordion-bordered button {
1654
+ background-color: #f1f1f1;
1655
+ background-image: url("../img/minus.png");
1656
+ background-image: url("../img/minus.svg");
1657
+ background-position: right 3rem center;
1658
+ background-repeat: no-repeat;
1659
+ background-size: 13px;
1660
+ color: #595959;
1661
+ cursor: pointer;
1662
+ display: inline-block;
1663
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
1664
+ margin: 0;
1665
+ padding: 1.5rem 5.5rem 1.5rem 3rem;
1666
+ width: 100%; }
1667
+ .usa-accordion button:focus,
1668
+ .usa-accordion-bordered button:focus {
1669
+ box-shadow: 0 0 3px #3498DB, 0 0 7px #3498DB; }
1670
+ .usa-accordion button:hover,
1671
+ .usa-accordion-bordered button:hover {
1672
+ background-color: #d6d7d9;
1673
+ color: #595959; }
1674
+ .usa-accordion button h1, .usa-accordion button h2, .usa-accordion button h3, .usa-accordion button h4, .usa-accordion button h5, .usa-accordion button h6,
1675
+ .usa-accordion-bordered button h1,
1676
+ .usa-accordion-bordered button h2,
1677
+ .usa-accordion-bordered button h3,
1678
+ .usa-accordion-bordered button h4,
1679
+ .usa-accordion-bordered button h5,
1680
+ .usa-accordion-bordered button h6 {
1681
+ margin: 0; }
1682
+
1683
+ .usa-accordion-bordered .usa-accordion-content {
1684
+ border-bottom: 3px solid #f1f1f1;
1685
+ border-left: 3px solid #f1f1f1;
1686
+ border-right: 3px solid #f1f1f1; }
1687
+
1688
+ .usa-accordion-content {
1689
+ background-color: #ffffff;
1690
+ display: block;
1691
+ overflow: auto;
1692
+ padding: 3rem; }
1693
+ .usa-accordion-content > *:first-child {
1694
+ margin-top: 0; }
1695
+ .usa-accordion-content > *:last-child {
1696
+ margin-bottom: 0; }
1697
+
1698
+ .usa-alert {
1699
+ background-color: #f1f1f1;
1700
+ background-position: 1rem 2rem;
1701
+ background-repeat: no-repeat;
1702
+ background-size: 4rem;
1703
+ margin-top: 1.5em;
1704
+ padding: 1em; }
1705
+ @media screen and (min-width: 600px) {
1706
+ .usa-alert {
1707
+ background-size: 5.2rem; } }
1708
+ .usa-alert ul {
1709
+ margin-bottom: 0;
1710
+ margin-top: 1em; }
1711
+
1712
+ .usa-alert-icon {
1713
+ display: table-cell;
1714
+ padding-right: 1rem; }
1715
+
1716
+ .usa-alert-body {
1717
+ display: table-cell;
1718
+ padding-left: 3.5rem;
1719
+ vertical-align: top; }
1720
+ @media screen and (min-width: 600px) {
1721
+ .usa-alert-body {
1722
+ padding-left: 5rem; } }
1723
+
1724
+ .usa-alert-heading {
1725
+ margin-bottom: .3rem;
1726
+ margin-top: 0; }
1727
+ @media screen and (min-width: 600px) {
1728
+ .usa-alert-heading {
1729
+ margin-top: .3rem; } }
1730
+
1731
+ .usa-alert-text {
1732
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
1733
+ margin-bottom: 0;
1734
+ margin-top: 0; }
1735
+
1736
+ .usa-alert-success {
1737
+ background-color: #e7f4e4;
1738
+ background-image: url("../img/alerts/success.png");
1739
+ background-image: url("../img/alerts/success.svg"); }
1740
+
1741
+ .usa-alert-warning {
1742
+ background-color: #fff1d2;
1743
+ background-image: url("../img/alerts/warning.png");
1744
+ background-image: url("../img/alerts/warning.svg"); }
1745
+
1746
+ .usa-alert-error {
1747
+ background-color: white;
1748
+ background-image: url("../img/alerts/error.png");
1749
+ background-image: url("../img/alerts/error.svg"); }
1750
+
1751
+ .usa-alert-info {
1752
+ background-color: white;
1753
+ background-image: url("../img/alerts/info.png");
1754
+ background-image: url("../img/alerts/info.svg"); }
1755
+
1756
+ .usa-alert-no_icon {
1757
+ background-image: none; }
1758
+
1759
+ .usa-disclaimer {
1760
+ background-color: #f1f1f1;
1761
+ font-size: 1.3rem;
1762
+ padding-bottom: .5rem;
1763
+ padding-top: .5rem; }
1764
+ @media screen and (min-width: 481px) {
1765
+ .usa-disclaimer {
1766
+ font-size: 1.5rem; } }
1767
+
1768
+ .usa-disclaimer-stage {
1769
+ display: none;
1770
+ float: right; }
1771
+ @media screen and (min-width: 1201px) {
1772
+ .usa-disclaimer-stage {
1773
+ display: block; } }
1774
+
1775
+ .usa-flag_icon {
1776
+ margin-right: .2rem; }
1777
+
1778
+ .usa-footer .usa-unstyled-list {
1779
+ display: block; }
1780
+
1781
+ .usa-footer .usa-footer-primary-link {
1782
+ color: #595959;
1783
+ display: block;
1784
+ font-weight: 700;
1785
+ margin-top: 0;
1786
+ padding-bottom: 2rem;
1787
+ padding-top: 2rem; }
1788
+ @media screen and (min-width: 600px) {
1789
+ .usa-footer .usa-footer-primary-link {
1790
+ border-top: none; } }
1791
+
1792
+ .usa-footer a {
1793
+ font-weight: normal; }
1794
+
1795
+ .usa-footer-return-to-top {
1796
+ padding-bottom: 2rem;
1797
+ padding-top: 2rem; }
1798
+
1799
+ .usa-footer-primary-section {
1800
+ background-color: #f1f1f1; }
1801
+ .usa-footer-primary-section .usa-footer-primary-content {
1802
+ padding-left: 2.5rem;
1803
+ padding-right: 2.5rem; }
1804
+ @media screen and (min-width: 600px) {
1805
+ .usa-footer-primary-section .usa-footer-primary-content {
1806
+ padding-left: 0;
1807
+ padding-right: 0; } }
1808
+ .usa-footer-primary-section .usa-footer-primary-content li {
1809
+ margin-left: 1rem; }
1810
+ @media screen and (min-width: 600px) {
1811
+ .usa-footer-primary-section .usa-footer-primary-content li {
1812
+ margin-left: 0; } }
1813
+ @media screen and (min-width: 600px) {
1814
+ .usa-footer-primary-section .usa-grid-full {
1815
+ padding-left: 2.5rem;
1816
+ padding-right: 2.5rem; } }
1817
+
1818
+ .usa-footer-medium .usa-footer-primary-section {
1819
+ padding: 0; }
1820
+ @media screen and (min-width: 600px) {
1821
+ .usa-footer-medium .usa-footer-primary-section {
1822
+ padding-bottom: 1rem;
1823
+ padding-top: 1rem; } }
1824
+
1825
+ @media screen and (min-width: 600px) {
1826
+ .usa-footer-medium .usa-footer-nav ul {
1827
+ -webkit-box-align: center;
1828
+ -webkit-align-items: center;
1829
+ -ms-flex-align: center;
1830
+ align-items: center;
1831
+ display: -webkit-box;
1832
+ display: -webkit-flex;
1833
+ display: -ms-flexbox;
1834
+ display: flex; } }
1835
+
1836
+ .usa-footer-slim .usa-footer-nav a {
1837
+ display: block; }
1838
+
1839
+ .usa-footer-slim .usa-footer-primary-section {
1840
+ padding-bottom: 2rem; }
1841
+ @media screen and (min-width: 600px) {
1842
+ .usa-footer-slim .usa-footer-primary-section {
1843
+ padding-bottom: 1rem;
1844
+ padding-top: 1rem; }
1845
+ .usa-footer-slim .usa-footer-primary-section .usa-grid-full {
1846
+ -webkit-box-align: center;
1847
+ -webkit-align-items: center;
1848
+ -ms-flex-align: center;
1849
+ align-items: center;
1850
+ display: -webkit-box;
1851
+ display: -webkit-flex;
1852
+ display: -ms-flexbox;
1853
+ display: flex; } }
1854
+
1855
+ ul.usa-footer-primary-content,
1856
+ li.usa-footer-primary-content,
1857
+ li.usa-footer-primary-content {
1858
+ border-top: 1px solid #595959; }
1859
+ @media screen and (min-width: 600px) {
1860
+ ul.usa-footer-primary-content,
1861
+ li.usa-footer-primary-content,
1862
+ li.usa-footer-primary-content {
1863
+ border: none; } }
1864
+ ul.usa-footer-primary-content:last-child,
1865
+ li.usa-footer-primary-content:last-child,
1866
+ li.usa-footer-primary-content:last-child {
1867
+ border-bottom: 1px solid #595959; }
1868
+ @media screen and (min-width: 600px) {
1869
+ ul.usa-footer-primary-content:last-child,
1870
+ li.usa-footer-primary-content:last-child,
1871
+ li.usa-footer-primary-content:last-child {
1872
+ border-bottom: none; } }
1873
+
1874
+ .usa-sign_up-block {
1875
+ padding-bottom: 2rem;
1876
+ padding-left: 2.5rem;
1877
+ padding-right: 2.5rem; }
1878
+ @media screen and (min-width: 600px) {
1879
+ .usa-sign_up-block {
1880
+ float: right;
1881
+ padding: 0; } }
1882
+ .usa-sign_up-block label:first-of-type {
1883
+ margin-top: 0; }
1884
+ .usa-sign_up-block button {
1885
+ float: none;
1886
+ margin-right: 0;
1887
+ margin-top: 1.5rem; }
1888
+ .usa-sign_up-block input {
1889
+ width: 100%; }
1890
+
1891
+ .usa-footer-secondary_section {
1892
+ background-color: #d6d7d9;
1893
+ padding-bottom: 3rem;
1894
+ padding-top: 3rem; }
1895
+ .usa-footer-secondary_section a {
1896
+ color: #595959; }
1897
+
1898
+ @media screen and (min-width: 600px) {
1899
+ .usa-footer-big-secondary-section {
1900
+ padding-top: 5rem; } }
1901
+
1902
+ @media screen and (min-width: 600px) {
1903
+ .usa-footer-contact-links {
1904
+ text-align: right; } }
1905
+
1906
+ @media screen and (min-width: 600px) {
1907
+ .usa-footer-big .usa-footer-primary-section {
1908
+ padding-bottom: 4rem;
1909
+ padding-top: 3rem; } }
1910
+
1911
+ .usa-footer-big ul {
1912
+ padding-bottom: 2.5rem; }
1913
+ @media screen and (min-width: 600px) {
1914
+ .usa-footer-big ul {
1915
+ padding-bottom: 0; } }
1916
+ .usa-footer-big ul:last-child {
1917
+ border-bottom: 1px solid #595959; }
1918
+ @media screen and (min-width: 600px) {
1919
+ .usa-footer-big ul:last-child {
1920
+ border-bottom: none; } }
1921
+ .usa-footer-big ul li {
1922
+ line-height: 2em; }
1923
+ .usa-footer-big ul .usa-footer-primary-link {
1924
+ background-image: url("../img/arrow-down.png");
1925
+ background-image: url("../img/arrow-down.svg");
1926
+ background-position: 1.5rem center;
1927
+ background-repeat: no-repeat;
1928
+ background-size: 1.3rem;
1929
+ padding-left: 3.5rem; }
1930
+ @media screen and (min-width: 600px) {
1931
+ .usa-footer-big ul .usa-footer-primary-link {
1932
+ background: none;
1933
+ padding-bottom: 0;
1934
+ padding-left: 0; } }
1935
+ .usa-footer-big ul.hidden {
1936
+ padding-bottom: 0; }
1937
+ .usa-footer-big ul.hidden .usa-footer-primary-link {
1938
+ background-image: url("../img/arrow-right.png");
1939
+ background-image: url("../img/arrow-right.svg");
1940
+ cursor: pointer;
1941
+ margin: 0; }
1942
+ @media screen and (min-width: 600px) {
1943
+ .usa-footer-big ul.hidden .usa-footer-primary-link {
1944
+ background: none;
1945
+ padding-left: 0; } }
1946
+ .usa-footer-big ul.hidden li {
1947
+ display: none; }
1948
+
1949
+ .usa-footer-topic {
1950
+ margin: 0;
1951
+ padding: 2rem 0; }
1952
+
1953
+ @media screen and (min-width: 600px) {
1954
+ .usa-sign_up-header {
1955
+ margin: 0;
1956
+ padding: 2rem 0; } }
1957
+
1958
+ .usa-footer-logo-img {
1959
+ max-width: 14rem; }
1960
+
1961
+ .usa-footer-slim-logo-img {
1962
+ float: left;
1963
+ max-width: 10rem; }
1964
+
1965
+ .usa-footer-logo-heading {
1966
+ margin-top: 2rem; }
1967
+
1968
+ .usa-footer-contact-heading {
1969
+ margin-top: 0; }
1970
+ @media screen and (min-width: 600px) {
1971
+ .usa-footer-contact-heading {
1972
+ margin-top: 1rem; } }
1973
+
1974
+ .usa-footer-slim-logo-heading {
1975
+ display: block;
1976
+ padding-top: 1rem; }
1977
+ @media screen and (min-width: 600px) {
1978
+ .usa-footer-slim-logo-heading {
1979
+ display: inline-block;
1980
+ padding-left: 1em; } }
1981
+
1982
+ @media screen and (min-width: 600px) {
1983
+ form {
1984
+ max-width: 32rem; } }
1985
+
1986
+ form a {
1987
+ border-bottom: 0; }
1988
+
1989
+ form button[type="submit"],
1990
+ form input[type="submit"] {
1991
+ display: block;
1992
+ margin-bottom: 1.5em;
1993
+ margin-top: 2.5rem; }
1994
+ @media screen and (min-width: 600px) {
1995
+ form button[type="submit"],
1996
+ form input[type="submit"] {
1997
+ padding-left: 2.7em;
1998
+ padding-right: 2.7em;
1999
+ width: auto; } }
2000
+
2001
+ form input[name="password"], form input[name="confirmPassword"] {
2002
+ margin-bottom: 1.1rem; }
2003
+
2004
+ .usa-form-note {
2005
+ float: right;
2006
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
2007
+ font-size: 1.5rem;
2008
+ margin: 0 0 1.5rem; }
2009
+ .usa-form-note + * {
2010
+ clear: both; }
2011
+
2012
+ fieldset {
2013
+ border: none;
2014
+ margin: 0;
2015
+ padding: 0; }
2016
+
2017
+ @media screen and (min-width: 600px) {
2018
+ .usa-form-large {
2019
+ max-width: 46rem; } }
2020
+
2021
+ @media screen and (min-width: 600px) {
2022
+ input.usa-input-tiny {
2023
+ max-width: 6rem; } }
2024
+
2025
+ @media screen and (min-width: 600px) {
2026
+ input.usa-input-medium {
2027
+ max-width: 12rem; } }
2028
+
2029
+ @media screen and (min-width: 600px) {
2030
+ .usa-input-grid {
2031
+ padding-right: 5%; } }
2032
+
2033
+ @media screen and (min-width: 600px) {
2034
+ .usa-input-grid:last-of-type {
2035
+ padding-right: 0; } }
2036
+
2037
+ @media screen and (min-width: 600px) {
2038
+ .usa-input-grid-small {
2039
+ float: left;
2040
+ width: 35%; } }
2041
+
2042
+ .usa-input-grid-small input {
2043
+ margin-bottom: 3rem; }
2044
+
2045
+ .usa-input-grid-small select {
2046
+ margin-bottom: 3rem; }
2047
+
2048
+ @media screen and (min-width: 600px) {
2049
+ .usa-input-grid-medium {
2050
+ float: left;
2051
+ width: 65%; } }
2052
+
2053
+ .usa-input-grid-medium input {
2054
+ margin-bottom: 3rem; }
2055
+
2056
+ .usa-input-grid-medium select {
2057
+ margin-bottom: 3rem; }
2058
+
2059
+ @media screen and (min-width: 600px) {
2060
+ .usa-input-grid-large {
2061
+ float: left;
2062
+ width: 100%; } }
2063
+
2064
+ .usa-input-grid-large input {
2065
+ margin-bottom: 3rem; }
2066
+
2067
+ .usa-input-grid-large select {
2068
+ margin-bottom: 3rem; }
2069
+
2070
+ .usa-form-width {
2071
+ max-width: 32rem; }
2072
+
2073
+ .usa-additional_text {
2074
+ float: right;
2075
+ font-style: italic;
2076
+ font-weight: normal; }
2077
+
2078
+ .usa-input-buttons-inline button,
2079
+ .usa-input-buttons-inline button[type="submit"],
2080
+ .usa-input-buttons-inline input[type="submit"],
2081
+ .usa-input-buttons-inline > * {
2082
+ display: inline;
2083
+ margin-right: 1.5em; }
2084
+
2085
+ .usa-checklist {
2086
+ list-style: none;
2087
+ margin-left: 0;
2088
+ padding-left: 0; }
2089
+ .usa-checklist li {
2090
+ display: inline-block;
2091
+ list-style: none;
2092
+ margin-bottom: 0;
2093
+ margin-top: 0;
2094
+ padding-left: 3em;
2095
+ text-indent: -2em; }
2096
+ .usa-checklist li:before {
2097
+ content: ' ';
2098
+ display: inline-block;
2099
+ height: .8em;
2100
+ margin-right: .2em;
2101
+ width: 1.8em; }
2102
+
2103
+ .usa-checklist-checked:before {
2104
+ background-image: url("../img/correct9.png");
2105
+ background-image: url("../img/correct9.svg");
2106
+ background-position: 100%;
2107
+ background-repeat: no-repeat;
2108
+ background-size: 100%; }
2109
+
2110
+ .usa-search {
2111
+ max-width: none;
2112
+ position: relative; }
2113
+ .usa-search:after {
2114
+ content: ".";
2115
+ display: block;
2116
+ height: 0;
2117
+ clear: both;
2118
+ visibility: hidden; }
2119
+ .usa-search [type="search"],
2120
+ .usa-search .usa-search-input {
2121
+ -webkit-appearance: none;
2122
+ border-bottom-right-radius: 0;
2123
+ border-right: none;
2124
+ border-top-right-radius: 0;
2125
+ float: left;
2126
+ height: 3.3rem;
2127
+ margin: 0;
2128
+ padding-bottom: 0;
2129
+ padding-top: 0;
2130
+ width: calc(100% - 4.5rem); }
2131
+ @media screen and (min-width: 481px) {
2132
+ .usa-search [type="search"],
2133
+ .usa-search .usa-search-input {
2134
+ width: calc(100% - 8.5rem); } }
2135
+ .usa-search [type="submit"],
2136
+ .usa-search .usa-search-submit {
2137
+ background-image: url("../img/search.png");
2138
+ background-image: url("../img/search.svg");
2139
+ background-position: 50%;
2140
+ background-repeat: no-repeat;
2141
+ border-bottom-left-radius: 0;
2142
+ border-top-left-radius: 0;
2143
+ height: 3.3rem;
2144
+ margin: 0;
2145
+ padding: 0;
2146
+ width: 4.5rem; }
2147
+ @media screen and (min-width: 481px) {
2148
+ .usa-search [type="submit"],
2149
+ .usa-search .usa-search-submit {
2150
+ background-image: none;
2151
+ width: 8.5rem; } }
2152
+ .usa-search .usa-search-submit-text {
2153
+ display: none; }
2154
+ @media screen and (min-width: 481px) {
2155
+ .usa-search .usa-search-submit-text {
2156
+ display: block; } }
2157
+ @media screen and (min-width: 481px) {
2158
+ .usa-search.usa-search-big [type="search"],
2159
+ .usa-search.usa-search-big .usa-search-input {
2160
+ height: 4.4rem;
2161
+ width: calc(100% - 11.6rem); }
2162
+ .usa-search.usa-search-big [type="submit"],
2163
+ .usa-search.usa-search-big .usa-search-submit {
2164
+ font-size: 2rem;
2165
+ height: 4.4rem;
2166
+ width: 11.6rem; } }
2167
+ @media screen and (min-width: 481px) {
2168
+ .usa-search.usa-search-small [type="search"],
2169
+ .usa-search.usa-search-small .usa-search-input {
2170
+ width: calc(100% - 4.5rem); }
2171
+ .usa-search.usa-search-small [type="submit"],
2172
+ .usa-search.usa-search-small .usa-search-submit {
2173
+ background-image: url("../img/search.png");
2174
+ background-image: url("../img/search.svg");
2175
+ background-position: 50%;
2176
+ background-repeat: no-repeat;
2177
+ width: 4.5rem; } }
2178
+
2179
+ .usa-sidenav-list {
2180
+ display: block;
2181
+ list-style-type: none;
2182
+ margin: 0;
2183
+ padding: 0; }
2184
+ .usa-sidenav-list li {
2185
+ display: list-item;
2186
+ margin: 0; }
2187
+ .usa-sidenav-list li:before {
2188
+ display: none; }
2189
+ .usa-sidenav-list li:after {
2190
+ display: none; }
2191
+ .usa-sidenav-list li {
2192
+ border-top: 1px solid #595959;
2193
+ font-size: 1.7rem; }
2194
+ .usa-sidenav-list li:first-child {
2195
+ border-top: none; }
2196
+ .usa-sidenav-list a {
2197
+ border: none;
2198
+ color: #595959;
2199
+ display: block;
2200
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
2201
+ line-height: 1;
2202
+ padding: 1rem 1rem 1rem 1.8rem; }
2203
+ .usa-sidenav-list a:hover {
2204
+ background-color: #f1f1f1;
2205
+ color: #277CB2;
2206
+ text-decoration: none; }
2207
+ .usa-sidenav-list a:focus {
2208
+ position: relative;
2209
+ z-index: 1; }
2210
+ .usa-sidenav-list a.usa-current {
2211
+ color: #277CB2;
2212
+ font-weight: 700; }
2213
+ .usa-sidenav-list a.usa-current {
2214
+ border-left: 4px solid #277CB2;
2215
+ padding-left: 1.4rem; }
2216
+
2217
+ .usa-sidenav-sub_list {
2218
+ margin: 0;
2219
+ width: 100%; }
2220
+ .usa-sidenav-sub_list li {
2221
+ border: none;
2222
+ font-size: 1.5rem; }
2223
+ .usa-sidenav-sub_list a {
2224
+ padding-left: 2.8rem;
2225
+ line-height: 1.3; }
2226
+ .usa-sidenav-sub_list a:hover,
2227
+ .usa-sidenav-sub_list a.usa-current {
2228
+ border: none;
2229
+ padding-left: 2.8rem; }
2230
+ .usa-sidenav-sub_list .usa-sidenav-sub_list a {
2231
+ padding-left: 3.8rem; }
2232
+ .usa-sidenav-sub_list .usa-sidenav-sub_list a:hover {
2233
+ padding-left: 3.8rem; }
2234
+
2235
+ .skipnav {
2236
+ -webkit-transition: all 0.2s ease-in-out;
2237
+ transition: all 0.2s ease-in-out;
2238
+ background: transparent;
2239
+ color: #595959;
2240
+ left: 0;
2241
+ padding: 1rem 1.5rem;
2242
+ position: absolute;
2243
+ top: -4.2rem;
2244
+ z-index: 100; }
2245
+ .skipnav:focus {
2246
+ -webkit-transition: all 0.2s ease-in-out;
2247
+ transition: all 0.2s ease-in-out;
2248
+ background: #ffffff;
2249
+ left: 0;
2250
+ outline: 0;
2251
+ position: absolute;
2252
+ top: 0; }
2253
+
2254
+ body {
2255
+ background-color: #1F2C38; }
2256
+
2257
+ main {
2258
+ position: relative; }
2259
+
2260
+ main:before {
2261
+ background: url("../img/cg-bg-a.png") no-repeat 0 0;
2262
+ content: '';
2263
+ height: 19.3rem;
2264
+ right: 100%;
2265
+ position: absolute;
2266
+ top: 15vh;
2267
+ width: 9.85rem; }
2268
+
2269
+ html {
2270
+ font-size: 16px; }
2271
+
2272
+ body {
2273
+ font-size: 16px; }
2274
+
2275
+ form {
2276
+ max-width: none; }
2277
+
2278
+ legend {
2279
+ font-size: 1.2rem;
2280
+ margin-bottom: .5rem; }
2281
+
2282
+ label {
2283
+ margin-top: 0; }
2284
+
2285
+ input[type="email"] {
2286
+ font-size: 1rem;
2287
+ padding: 0.7rem 0.7rem; }
2288
+
2289
+ form button[type="submit"],
2290
+ form input[type="submit"] {
2291
+ margin-top: 1.5rem; }
2292
+
2293
+ @font-face {
2294
+ font-family: 'Source Sans Pro';
2295
+ font-style: normal;
2296
+ font-weight: 300;
2297
+ src: url("../fonts/sourcesanspro-light-webfont.eot");
2298
+ 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"); }
2299
+
2300
+ @font-face {
2301
+ font-family: 'Source Sans Pro';
2302
+ font-style: normal;
2303
+ font-weight: 400;
2304
+ src: url("../fonts/sourcesanspro-regular-webfont.eot");
2305
+ 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"); }
2306
+
2307
+ @font-face {
2308
+ font-family: 'Source Sans Pro';
2309
+ font-style: normal;
2310
+ font-weight: 600;
2311
+ src: url("../fonts/SourceSansPro-Semibold.ttf"); }
2312
+
2313
+ @font-face {
2314
+ font-family: 'Merriweather';
2315
+ font-style: normal;
2316
+ font-weight: 300;
2317
+ src: url("../fonts/merriweather-light-webfont.eot");
2318
+ 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"); }
2319
+
2320
+ @font-face {
2321
+ font-family: 'Merriweather';
2322
+ font-style: italic;
2323
+ font-weight: 400;
2324
+ src: url("../fonts/merriweather-italic-webfont.eot");
2325
+ 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"); }
2326
+
2327
+ pre {
2328
+ white-space: pre-wrap;
2329
+ word-wrap: break-word; }
2330
+
2331
+ table {
2332
+ border-collapse: collapse;
2333
+ border-spacing: 0; }
2334
+ table tbody {
2335
+ display: -webkit-box;
2336
+ display: -webkit-flex;
2337
+ display: -ms-flexbox;
2338
+ display: flex; }
2339
+ @media screen and (min-width: 600px) {
2340
+ table tbody {
2341
+ display: table; } }
2342
+ table tbody tr {
2343
+ display: -webkit-box;
2344
+ display: -webkit-flex;
2345
+ display: -ms-flexbox;
2346
+ display: flex;
2347
+ -webkit-box-orient: vertical;
2348
+ -webkit-box-direction: normal;
2349
+ -webkit-flex-direction: column;
2350
+ -ms-flex-direction: column;
2351
+ flex-direction: column;
2352
+ -webkit-flex-flow: column wrap;
2353
+ -ms-flex-flow: column wrap;
2354
+ flex-flow: column wrap;
2355
+ -webkit-flex-wrap: wrap;
2356
+ -ms-flex-wrap: wrap;
2357
+ flex-wrap: wrap; }
2358
+ table tbody tr:last-child td {
2359
+ border-left-width: 0; }
2360
+ @media screen and (min-width: 600px) {
2361
+ table tbody tr:last-child td {
2362
+ border-left-width: 1px; } }
2363
+ @media screen and (min-width: 600px) {
2364
+ table tbody tr {
2365
+ display: table-row; } }
2366
+ table tbody th {
2367
+ border-right-width: 0;
2368
+ border-bottom-width: 0;
2369
+ border-bottom: 0;
2370
+ display: -webkit-box;
2371
+ display: -webkit-flex;
2372
+ display: -ms-flexbox;
2373
+ display: flex;
2374
+ -webkit-box-orient: vertical;
2375
+ -webkit-box-direction: normal;
2376
+ -webkit-flex-direction: column;
2377
+ -ms-flex-direction: column;
2378
+ flex-direction: column;
2379
+ -webkit-box-flex: 1;
2380
+ -webkit-flex-grow: 1;
2381
+ -ms-flex-positive: 1;
2382
+ flex-grow: 1;
2383
+ height: 21rem;
2384
+ -webkit-box-pack: center;
2385
+ -webkit-justify-content: center;
2386
+ -ms-flex-pack: center;
2387
+ justify-content: center;
2388
+ margin: 0;
2389
+ width: 0; }
2390
+ table tbody th:last-child {
2391
+ border-bottom-width: 1px;
2392
+ border-style: solid; }
2393
+ table tbody th span {
2394
+ margin-top: 3rem;
2395
+ -webkit-transform: rotate(-90deg);
2396
+ transform: rotate(-90deg);
2397
+ display: block;
2398
+ line-height: 1; }
2399
+ @media screen and (min-width: 600px) {
2400
+ table tbody th span {
2401
+ display: inline;
2402
+ line-height: initial;
2403
+ margin-top: 0;
2404
+ -webkit-transform: initial;
2405
+ transform: initial; } }
2406
+ @media screen and (min-width: 600px) {
2407
+ table tbody th {
2408
+ border-width: 1px;
2409
+ display: table-cell;
2410
+ height: inherit;
2411
+ width: 25%; } }
2412
+ table tbody td {
2413
+ border-bottom-width: 0;
2414
+ display: -webkit-box;
2415
+ display: -webkit-flex;
2416
+ display: -ms-flexbox;
2417
+ display: flex;
2418
+ -webkit-box-orient: vertical;
2419
+ -webkit-box-direction: normal;
2420
+ -webkit-flex-direction: column;
2421
+ -ms-flex-direction: column;
2422
+ flex-direction: column;
2423
+ -webkit-box-flex: 1;
2424
+ -webkit-flex-grow: 1;
2425
+ -ms-flex-positive: 1;
2426
+ flex-grow: 1;
2427
+ height: 21rem;
2428
+ -webkit-box-pack: center;
2429
+ -webkit-justify-content: center;
2430
+ -ms-flex-pack: center;
2431
+ justify-content: center; }
2432
+ table tbody td:last-child {
2433
+ border-bottom-width: 1px;
2434
+ border-style: solid; }
2435
+ @media screen and (min-width: 600px) {
2436
+ table tbody td {
2437
+ border-width: 1px;
2438
+ display: table-cell;
2439
+ height: inherit; } }
2440
+
2441
+ body {
2442
+ color: #595959;
2443
+ font-weight: 300;
2444
+ line-height: 1.7333333; }
2445
+
2446
+ h1, h2, h3, h4, h5, h6 {
2447
+ font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
2448
+ font-weight: 300;
2449
+ margin: 0; }
2450
+ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
2451
+ margin-top: 0.5rem; }
2452
+ h1 + .text_block, h2 + .text_block, h3 + .text_block, h4 + .text_block, h5 + .text_block, h6 + .text_block {
2453
+ margin-top: 1.5rem; }
2454
+
2455
+ h1 {
2456
+ font-size: 2rem;
2457
+ line-height: 1.19; }
2458
+ @media screen and (min-width: 600px) {
2459
+ h1 {
2460
+ font-size: 2.75rem;
2461
+ line-height: 1.18; } }
2462
+ h1 + p {
2463
+ margin-top: 2rem; }
2464
+ h1 + h4 {
2465
+ margin-top: 1rem; }
2466
+
2467
+ h2 {
2468
+ font-size: 1.85rem; }
2469
+ @media screen and (min-width: 600px) {
2470
+ h2 {
2471
+ font-size: 2.125rem; } }
2472
+
2473
+ h3 {
2474
+ font-size: 1.5rem; }
2475
+
2476
+ h4 {
2477
+ font-size: 1.1875rem; }
2478
+ h4 + h4 {
2479
+ margin-top: .5rem; }
2480
+
2481
+ h5 {
2482
+ font-size: 1rem; }
2483
+
2484
+ p {
2485
+ font-family: "Merriweather", "Georgia", "Times New Roman", serif;
2486
+ font-size: 1.05rem;
2487
+ line-height: 1.75; }
2488
+ p + h2,
2489
+ p + h3,
2490
+ p + h4,
2491
+ p + h5 {
2492
+ margin-top: 2rem; }
2493
+ @media screen and (min-width: 600px) {
2494
+ p {
2495
+ font-size: 0.9375rem; } }
2496
+
2497
+ blockquote {
2498
+ margin-left: 0;
2499
+ margin-right: 0; }
2500
+
2501
+ .billboard {
2502
+ margin-top: 0; }
2503
+ @media screen and (min-width: 600px) {
2504
+ .billboard {
2505
+ float: left;
2506
+ display: block;
2507
+ margin-right: 2.35765%;
2508
+ width: 65.88078%;
2509
+ float: none;
2510
+ margin-left: auto;
2511
+ margin-right: auto; }
2512
+ .billboard:last-child {
2513
+ margin-right: 0; }
2514
+ .billboard:last-child {
2515
+ margin-right: auto; } }
2516
+
2517
+ .billboard-display_text {
2518
+ font-size: 2.6rem;
2519
+ line-height: 2.8rem; }
2520
+ @media screen and (min-width: 600px) {
2521
+ .billboard-display_text {
2522
+ font-size: 4.5rem;
2523
+ line-height: 4.875rem; } }
2524
+ .billboard-display_text + .billboard-second_text {
2525
+ margin-top: 1.1rem; }
2526
+
2527
+ .billboard-second_text {
2528
+ font-size: 1.8rem;
2529
+ line-height: 2.2rem; }
2530
+ @media screen and (min-width: 600px) {
2531
+ .billboard-second_text {
2532
+ font-size: 2.125rem;
2533
+ line-height: 2.4375rem; } }
2534
+
2535
+ .footer {
2536
+ padding-bottom: 3rem;
2537
+ padding-top: 2rem; }
2538
+ .footer:after {
2539
+ content: ".";
2540
+ display: block;
2541
+ height: 0;
2542
+ clear: both;
2543
+ visibility: hidden; }
2544
+
2545
+ .footer-links {
2546
+ text-align: right; }
2547
+ .footer-links a {
2548
+ color: #ffffff; }
2549
+
2550
+ .four_up:after {
2551
+ content: ".";
2552
+ display: block;
2553
+ height: 0;
2554
+ clear: both;
2555
+ visibility: hidden; }
2556
+
2557
+ .four_up-part {
2558
+ margin-top: 3.75rem; }
2559
+ @media screen and (min-width: 600px) {
2560
+ .four_up-part {
2561
+ float: left;
2562
+ display: block;
2563
+ margin-right: 2.35765%;
2564
+ width: 23.23176%;
2565
+ margin-top: 0; }
2566
+ .four_up-part:last-child {
2567
+ margin-right: 0; } }
2568
+ .four_up-part .hex_icon {
2569
+ margin: 0 auto 2rem auto; }
2570
+ .four_up-part .icon-container {
2571
+ margin-bottom: 1rem; }
2572
+
2573
+ .section-content + .four_up {
2574
+ margin-top: 3rem; }
2575
+
2576
+ .logo {
2577
+ height: 41px;
2578
+ width: 234px; }
2579
+
2580
+ .header {
2581
+ background: #ffffff;
2582
+ min-height: 6.875rem; }
2583
+
2584
+ .header-wrap {
2585
+ margin: 0 auto;
2586
+ max-width: 1040px;
2587
+ padding-bottom: 1rem;
2588
+ padding-left: 1rem;
2589
+ padding-right: 1rem;
2590
+ padding-top: 1.875rem; }
2591
+ .header-wrap:after {
2592
+ content: ".";
2593
+ display: block;
2594
+ height: 0;
2595
+ clear: both;
2596
+ visibility: hidden; }
2597
+
2598
+ .header-title {
2599
+ float: left;
2600
+ margin-bottom: .6rem; }
2601
+
2602
+ .header-side {
2603
+ float: left;
2604
+ width: 60%; }
2605
+ @media screen and (min-width: 600px) {
2606
+ .header-side {
2607
+ float: right; } }
2608
+
2609
+ .hexagon {
2610
+ background: #3498DB;
2611
+ height: .65em;
2612
+ position: relative;
2613
+ width: 1em; }
2614
+
2615
+ .hexagon:before,
2616
+ .hexagon:after {
2617
+ border-left: .5em solid transparent;
2618
+ border-right: .5em solid transparent;
2619
+ content: "";
2620
+ height: 0;
2621
+ left: 0;
2622
+ position: absolute;
2623
+ width: 0; }
2624
+
2625
+ .hexagon:before {
2626
+ border-bottom: 0.25em solid #3498DB;
2627
+ top: -.25em; }
2628
+
2629
+ .hexagon:after {
2630
+ border-top: 0.25em solid #3498DB;
2631
+ bottom: -.25em; }
2632
+
2633
+ .hexagon-alt {
2634
+ background: #E74C3C; }
2635
+ .hexagon-alt:before {
2636
+ border-bottom-color: #E74C3C; }
2637
+ .hexagon-alt:after {
2638
+ border-top-color: #E74C3C; }
2639
+
2640
+ .separator {
2641
+ -webkit-box-align: center;
2642
+ -webkit-align-items: center;
2643
+ -ms-flex-align: center;
2644
+ align-items: center;
2645
+ display: -webkit-box;
2646
+ display: -webkit-flex;
2647
+ display: -ms-flexbox;
2648
+ display: flex;
2649
+ -webkit-box-pack: justify;
2650
+ -webkit-justify-content: space-between;
2651
+ -ms-flex-pack: justify;
2652
+ justify-content: space-between;
2653
+ margin-bottom: 1.875rem;
2654
+ margin-top: 1.875rem;
2655
+ width: 100%; }
2656
+ .separator:before, .separator:after {
2657
+ background: -webkit-linear-gradient(bottom, #3498DB 0%, white 100%);
2658
+ background: linear-gradient(to top, #3498DB 0%, white 100%);
2659
+ content: '';
2660
+ display: block;
2661
+ -webkit-box-flex: 1;
2662
+ -webkit-flex-grow: 1;
2663
+ -ms-flex-positive: 1;
2664
+ flex-grow: 1;
2665
+ -webkit-flex-shrink: 2;
2666
+ -ms-flex-negative: 2;
2667
+ flex-shrink: 2;
2668
+ height: 2px;
2669
+ -webkit-box-ordinal-group: 2;
2670
+ -webkit-order: 1;
2671
+ -ms-flex-order: 1;
2672
+ order: 1; }
2673
+ .separator:after {
2674
+ -webkit-box-ordinal-group: 4;
2675
+ -webkit-order: 3;
2676
+ -ms-flex-order: 3;
2677
+ order: 3; }
2678
+
2679
+ .separator-alt:before, .separator-alt:after {
2680
+ background: -webkit-linear-gradient(bottom, #E74C3C 5%, rgba(231, 76, 60, 0.1) 90%);
2681
+ background: linear-gradient(to top, #E74C3C 5%, rgba(231, 76, 60, 0.1) 90%); }
2682
+
2683
+ .separator-center_piece {
2684
+ -webkit-box-flex: 0;
2685
+ -webkit-flex-grow: 0;
2686
+ -ms-flex-positive: 0;
2687
+ flex-grow: 0;
2688
+ -webkit-flex-shrink: 1;
2689
+ -ms-flex-negative: 1;
2690
+ flex-shrink: 1;
2691
+ font-size: 12px;
2692
+ margin-left: 1rem;
2693
+ margin-right: 1rem;
2694
+ -webkit-box-ordinal-group: 3;
2695
+ -webkit-order: 2;
2696
+ -ms-flex-order: 2;
2697
+ order: 2;
2698
+ width: 12px; }
2699
+
2700
+ .hex_icon {
2701
+ -webkit-box-align: center;
2702
+ -webkit-align-items: center;
2703
+ -ms-flex-align: center;
2704
+ align-items: center;
2705
+ color: #ffffff;
2706
+ display: -webkit-box;
2707
+ display: -webkit-flex;
2708
+ display: -ms-flexbox;
2709
+ display: flex;
2710
+ -webkit-box-pack: center;
2711
+ -webkit-justify-content: center;
2712
+ -ms-flex-pack: center;
2713
+ justify-content: center;
2714
+ height: 5.625rem;
2715
+ width: 4.9rem; }
2716
+
2717
+ .hex_icon-i {
2718
+ display: block;
2719
+ margin: 0 auto;
2720
+ width: 40%; }
2721
+
2722
+ .hex_icon-primary {
2723
+ background-image: url("../img/icon-hex-primary.svg"); }
2724
+
2725
+ .hex_icon-alt {
2726
+ background-image: url("../img/icon-hex-alt.svg"); }
2727
+
2728
+ .icon-container {
2729
+ height: 3.125rem;
2730
+ width: 3.9rem; }
2731
+ .icon-container .icon {
2732
+ max-height: 3.1rem;
2733
+ max-width: none; }
2734
+
2735
+ .icon {
2736
+ display: inline-block;
2737
+ height: 100%;
2738
+ fill: transparent;
2739
+ max-height: 2rem;
2740
+ max-width: 2rem;
2741
+ stroke: currentColor;
2742
+ position: relative;
2743
+ top: -0.0625rem;
2744
+ vertical-align: middle;
2745
+ width: 100%; }
2746
+
2747
+ .icon-alt {
2748
+ stroke: #F3736E; }
2749
+
2750
+ .content {
2751
+ background: #ffffff;
2752
+ padding-left: 2rem;
2753
+ padding-right: 2rem;
2754
+ padding-top: 2.3125rem;
2755
+ padding-bottom: 2rem; }
2756
+
2757
+ .nav {
2758
+ display: block;
2759
+ list-style-type: none;
2760
+ margin: 0;
2761
+ padding: 0;
2762
+ display: -webkit-box;
2763
+ display: -webkit-flex;
2764
+ display: -ms-flexbox;
2765
+ display: flex;
2766
+ -webkit-box-orient: vertical;
2767
+ -webkit-box-direction: normal;
2768
+ -webkit-flex-direction: column;
2769
+ -ms-flex-direction: column;
2770
+ flex-direction: column;
2771
+ -webkit-flex-wrap: wrap;
2772
+ -ms-flex-wrap: wrap;
2773
+ flex-wrap: wrap;
2774
+ list-style: none;
2775
+ margin-top: .6rem; }
2776
+ .nav li {
2777
+ display: list-item;
2778
+ margin: 0; }
2779
+ .nav li:before {
2780
+ display: none; }
2781
+ .nav li:after {
2782
+ display: none; }
2783
+ @media screen and (min-width: 600px) {
2784
+ .nav {
2785
+ -webkit-box-orient: horizontal;
2786
+ -webkit-box-direction: normal;
2787
+ -webkit-flex-direction: row;
2788
+ -ms-flex-direction: row;
2789
+ flex-direction: row;
2790
+ -webkit-box-pack: justify;
2791
+ -webkit-justify-content: space-between;
2792
+ -ms-flex-pack: justify;
2793
+ justify-content: space-between; } }
2794
+
2795
+ .nav-link {
2796
+ color: #595959;
2797
+ font-size: 1.1rem;
2798
+ font-weight: 600;
2799
+ padding-bottom: .2rem;
2800
+ padding-top: .2rem;
2801
+ text-transform: uppercase; }
2802
+ .nav-link a {
2803
+ color: #595959; }
2804
+ @media screen and (min-width: 600px) {
2805
+ .nav-link {
2806
+ font-size: inherit;
2807
+ padding-bottom: 0;
2808
+ padding-left: .2rem;
2809
+ padding-right: .2rem;
2810
+ padding-top: 0; } }
2811
+
2812
+ .nav_toggle {
2813
+ background: #2C3E50;
2814
+ cursor: pointer;
2815
+ padding-bottom: .35rem;
2816
+ padding-top: .35rem;
2817
+ text-align: center;
2818
+ width: 2.6rem; }
2819
+
2820
+ .nav_toggle-icon {
2821
+ color: white;
2822
+ font-size: 1.375rem; }
2823
+
2824
+ .sidenav-parent {
2825
+ display: -webkit-box;
2826
+ display: -webkit-flex;
2827
+ display: -ms-flexbox;
2828
+ display: flex;
2829
+ -webkit-box-orient: horizontal;
2830
+ -webkit-box-direction: normal;
2831
+ -webkit-flex-direction: row;
2832
+ -ms-flex-direction: row;
2833
+ flex-direction: row;
2834
+ margin: 0 auto;
2835
+ max-width: 1040px;
2836
+ position: relative; }
2837
+
2838
+ .sidenav {
2839
+ -webkit-align-self: stretch;
2840
+ -ms-flex-item-align: stretch;
2841
+ align-self: stretch;
2842
+ bottom: 0;
2843
+ display: none;
2844
+ -webkit-box-flex: 0;
2845
+ -webkit-flex-grow: 0;
2846
+ -ms-flex-positive: 0;
2847
+ flex-grow: 0;
2848
+ -webkit-flex-shrink: 0;
2849
+ -ms-flex-negative: 0;
2850
+ flex-shrink: 0;
2851
+ height: 100%;
2852
+ padding: 0;
2853
+ position: absolute;
2854
+ top: 0;
2855
+ width: 300px;
2856
+ z-index: 1; }
2857
+ @media screen and (min-width: 900px) {
2858
+ .sidenav {
2859
+ display: block;
2860
+ position: static; } }
2861
+ .sidenav.active {
2862
+ display: block; }
2863
+
2864
+ .sidenav-main {
2865
+ -webkit-align-self: auto;
2866
+ -ms-flex-item-align: auto;
2867
+ align-self: auto;
2868
+ -webkit-box-flex: 1;
2869
+ -webkit-flex-grow: 1;
2870
+ -ms-flex-positive: 1;
2871
+ flex-grow: 1;
2872
+ padding: 0;
2873
+ width: 100%; }
2874
+ @media screen and (min-width: 900px) {
2875
+ .sidenav-main {
2876
+ width: calc(100% - 300px); }
2877
+ .sidenav-main.active {
2878
+ width: calc(100% - 300px); } }
2879
+
2880
+ .sidenav-list {
2881
+ height: 100%;
2882
+ width: 100%; }
2883
+ .sidenav-list a {
2884
+ color: #ffffff;
2885
+ word-wrap: break-word; }
2886
+ .sidenav-list li {
2887
+ border-top: 0;
2888
+ font-size: 0.9rem; }
2889
+
2890
+ .sidenav-level-one {
2891
+ background-color: #2c3e50; }
2892
+
2893
+ .sidenav-level-two {
2894
+ background-color: #1f2b38; }
2895
+
2896
+ .sidenav-level-three {
2897
+ background-color: #595959;
2898
+ /* Removes weird margin in list for third level */
2899
+ margin-bottom: 0;
2900
+ margin-top: 0; }
2901
+
2902
+ .sidenav-arrow {
2903
+ float: right; }
2904
+
2905
+ .sidenav-active {
2906
+ background-color: #f1f1f1;
2907
+ text-decoration: none; }
2908
+ .sidenav-active a {
2909
+ color: #277CB2; }
2910
+
2911
+ .section {
2912
+ padding-bottom: 12.5rem;
2913
+ padding-top: 2.75rem; }
2914
+
2915
+ .section-middle {
2916
+ padding-bottom: 12.2rem;
2917
+ padding-top: 1.5rem; }
2918
+
2919
+ .section-content {
2920
+ margin-top: 0; }
2921
+ .section-content:last-child {
2922
+ margin-right: auto; }
2923
+ @media screen and (min-width: 600px) {
2924
+ .section-content {
2925
+ float: left;
2926
+ display: block;
2927
+ margin-right: 2.35765%;
2928
+ width: 65.88078%;
2929
+ float: none;
2930
+ margin-left: auto;
2931
+ margin-right: auto; }
2932
+ .section-content:last-child {
2933
+ margin-right: 0; }
2934
+ .section-content:last-child {
2935
+ margin-right: auto; } }
2936
+
2937
+ .section-dark {
2938
+ color: #ffffff;
2939
+ position: relative; }
2940
+ .section-dark a {
2941
+ color: #3498DB; }
2942
+ .section-dark:before {
2943
+ background-image: url("../img/chevron-top.svg");
2944
+ background-repeat: no-repeat;
2945
+ background-size: 100% 100%;
2946
+ content: '';
2947
+ display: block;
2948
+ height: 4.865rem;
2949
+ position: absolute;
2950
+ top: -4.865rem;
2951
+ width: 100%; }
2952
+
2953
+ .section-bg-parent {
2954
+ position: relative; }
2955
+
2956
+ .section-bg {
2957
+ background-color: transparent; }
2958
+ .section-bg:before {
2959
+ background: url("../img/cg-bg-b.png") no-repeat 0 0;
2960
+ content: '';
2961
+ height: 44.3rem;
2962
+ left: -23rem;
2963
+ position: absolute;
2964
+ top: -160px;
2965
+ width: 39.85rem;
2966
+ z-index: -1; }
2967
+ @media screen and (min-width: 600px) {
2968
+ .section-bg:before {
2969
+ left: -12rem; } }
2970
+
2971
+ .section-bg-far-r {
2972
+ background: url("../img/cg-bg-c.png") no-repeat 278% 5vh; }
2973
+ @media screen and (min-width: 600px) {
2974
+ .section-bg-far-r {
2975
+ background-position-x: 108%; } }
2976
+
2977
+ .section-light {
2978
+ background: #ffffff;
2979
+ position: relative; }
2980
+ .section-light:before {
2981
+ background-image: url("../img/chevron-bottom.svg");
2982
+ background-repeat: no-repeat;
2983
+ background-size: 100% 100%;
2984
+ content: '';
2985
+ display: block;
2986
+ height: 4.865rem;
2987
+ position: absolute;
2988
+ top: -4.865rem;
2989
+ width: 100%; }
2990
+
2991
+ .section-chevron_alt.section-chevron_alt {
2992
+ padding-bottom: 6.5rem; }
2993
+ .section-chevron_alt.section-chevron_alt:not(.section-first) {
2994
+ background-color: #1F2C38;
2995
+ margin-top: -4.5rem;
2996
+ padding-top: 4.865rem; }
2997
+ .section-chevron_alt.section-chevron_alt:not(.section-first):before {
2998
+ background-image: url("../img/chevron-top-inverse.svg");
2999
+ top: -4.865rem; }
3000
+ .section-chevron_alt.section-chevron_alt:after {
3001
+ background-image: url("../img/chevron-bottom-inverse.svg");
3002
+ background-repeat: no-repeat;
3003
+ background-size: 100% 100%;
3004
+ bottom: 0rem;
3005
+ content: '';
3006
+ display: block;
3007
+ height: 4.865rem;
3008
+ position: absolute;
3009
+ width: 100%; }
3010
+ .section-chevron_alt.section-chevron_alt + .section-middle {
3011
+ padding-top: 4.5rem; }
3012
+ .section-chevron_alt.section-chevron_alt + .section-middle:before {
3013
+ display: none; }
3014
+ .section-chevron_alt.section-chevron_alt .section-icon {
3015
+ margin-top: 3.3rem; }
3016
+
3017
+ .section-first:before {
3018
+ display: none; }
3019
+
3020
+ .section-icon {
3021
+ left: 50%;
3022
+ margin-left: -2.4375rem;
3023
+ margin-top: 4.7rem;
3024
+ position: absolute;
3025
+ z-index: 1; }
3026
+
3027
+ .title_bar {
3028
+ background-color: #1F2C38;
3029
+ margin: 0 auto;
3030
+ max-width: 1040px;
3031
+ padding: 0 .5rem 0 0; }
3032
+ .title_bar > * {
3033
+ display: inline-block;
3034
+ margin-left: 1em; }
3035
+ .title_bar > *:first-child {
3036
+ margin-left: 0; }
3037
+
3038
+ .title_bar-title {
3039
+ color: #ffffff;
3040
+ font-size: 1rem; }
3041
+
3042
+ .three_up:after {
3043
+ content: ".";
3044
+ display: block;
3045
+ height: 0;
3046
+ clear: both;
3047
+ visibility: hidden; }
3048
+
3049
+ .three_up-part {
3050
+ margin-top: 4rem; }
3051
+ @media screen and (min-width: 600px) {
3052
+ .three_up-part {
3053
+ float: left;
3054
+ display: block;
3055
+ margin-right: 2.35765%;
3056
+ width: 31.76157%;
3057
+ margin-top: 0; }
3058
+ .three_up-part:last-child {
3059
+ margin-right: 0; } }
3060
+ .three_up-part .hex_icon {
3061
+ margin: 0 auto 2rem auto; }
3062
+ .three_up-part .icon-container {
3063
+ margin-bottom: 1rem; }
3064
+
3065
+ .section-content + .three_up {
3066
+ margin-top: 3rem; }
3067
+
3068
+ .usa-grid {
3069
+ padding-left: 2rem;
3070
+ padding-right: 2rem; }
3071
+ @media screen and (min-width: 600px) {
3072
+ .usa-grid {
3073
+ padding-left: 3rem;
3074
+ padding-right: 3rem; } }
3075
+
3076
+ .usa-disclaimer {
3077
+ font-size: 0.9rem; }
3078
+
3079
+ .usa-button {
3080
+ font-size: 1.2rem; }
3081
+
3082
+ .usa-sidenav-list a {
3083
+ padding: 1rem 1rem 1rem 1rem; }
3084
+ .usa-sidenav-list a:hover, .usa-sidenav-list a:active, .usa-sidenav-list a.usa-current {
3085
+ padding: 1rem 1rem 1rem 1rem; }
3086
+
3087
+ @media screen and (min-width: 600px) {
3088
+ .usa-sidenav-list a {
3089
+ padding: 1rem 1rem 1rem 1.8rem; }
3090
+ .usa-sidenav-list a:hover, .usa-sidenav-list a.usa-current, .usa-sidenav-list a:active {
3091
+ padding: 1rem 1rem 1rem 1.8rem; } }
3092
+
3093
+ .usa-sidenav-sub_list a {
3094
+ padding-left: 2rem; }
3095
+ .usa-sidenav-sub_list a:hover, .usa-sidenav-sub_list a.usa-current, .usa-sidenav-sub_list a:active {
3096
+ padding-left: 2rem; }
3097
+
3098
+ @media screen and (min-width: 600px) {
3099
+ .usa-sidenav-sub_list a {
3100
+ padding-left: 2.8rem; }
3101
+ .usa-sidenav-sub_list a:hover, .usa-sidenav-sub_list a.usa-current, .usa-sidenav-sub_list a:active {
3102
+ padding-left: 2.8rem; } }