@cagovweb/state-template 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +17 -0
  3. package/dist/css/cagov.core.css +24005 -0
  4. package/dist/css/cagov.core.min.css +6 -0
  5. package/dist/css/colortheme-delta.css +4264 -0
  6. package/dist/css/colortheme-delta.min.css +1 -0
  7. package/dist/css/colortheme-eureka.css +4264 -0
  8. package/dist/css/colortheme-eureka.min.css +1 -0
  9. package/dist/css/colortheme-mono.css +4198 -0
  10. package/dist/css/colortheme-mono.min.css +1 -0
  11. package/dist/css/colortheme-oceanside.css +4264 -0
  12. package/dist/css/colortheme-oceanside.min.css +1 -0
  13. package/dist/css/colortheme-orangecounty.css +4264 -0
  14. package/dist/css/colortheme-orangecounty.min.css +1 -0
  15. package/dist/css/colortheme-pasorobles.css +4264 -0
  16. package/dist/css/colortheme-pasorobles.min.css +1 -0
  17. package/dist/css/colortheme-sacramento.css +4352 -0
  18. package/dist/css/colortheme-sacramento.min.css +1 -0
  19. package/dist/css/colortheme-santabarbara.css +4264 -0
  20. package/dist/css/colortheme-santabarbara.min.css +1 -0
  21. package/dist/css/colortheme-santacruz.css +4264 -0
  22. package/dist/css/colortheme-santacruz.min.css +1 -0
  23. package/dist/css/colortheme-shasta.css +4264 -0
  24. package/dist/css/colortheme-shasta.min.css +1 -0
  25. package/dist/css/colortheme-sierra.css +4264 -0
  26. package/dist/css/colortheme-sierra.min.css +1 -0
  27. package/dist/css/colortheme-trinity.css +4264 -0
  28. package/dist/css/colortheme-trinity.min.css +1 -0
  29. package/dist/fonts/CaGov.svg +528 -0
  30. package/dist/fonts/CaGov.ttf +0 -0
  31. package/dist/fonts/CaGov.woff +0 -0
  32. package/dist/fonts/CaGov.woff2 +0 -0
  33. package/dist/fonts/publicsans-bold-webfont.woff +0 -0
  34. package/dist/fonts/publicsans-bold-webfont.woff2 +0 -0
  35. package/dist/fonts/publicsans-extrabold-webfont.woff +0 -0
  36. package/dist/fonts/publicsans-extrabold-webfont.woff2 +0 -0
  37. package/dist/fonts/publicsans-extralight-webfont.woff +0 -0
  38. package/dist/fonts/publicsans-extralight-webfont.woff2 +0 -0
  39. package/dist/fonts/publicsans-light-webfont.woff +0 -0
  40. package/dist/fonts/publicsans-light-webfont.woff2 +0 -0
  41. package/dist/fonts/publicsans-medium-webfont.woff +0 -0
  42. package/dist/fonts/publicsans-medium-webfont.woff2 +0 -0
  43. package/dist/fonts/publicsans-regular-webfont.woff +0 -0
  44. package/dist/fonts/publicsans-regular-webfont.woff2 +0 -0
  45. package/dist/fonts/publicsans-semibold-webfont..woff +0 -0
  46. package/dist/fonts/publicsans-semibold-webfont.woff2 +0 -0
  47. package/dist/js/cagov.core.js +2563 -0
  48. package/dist/js/cagov.core.min.js +6 -0
  49. package/dist/readme.md +5 -0
  50. package/package.json +38 -0
@@ -0,0 +1,4264 @@
1
+ /* -----------------------------------------
2
+ TRINITY
3
+ ----------------------------------------- */
4
+ /* -----------------------------------------
5
+ COLOR THEME GLOBALS
6
+ /source/scss/colortheme/cs-global.scss
7
+ ----------------------------------------- */
8
+ /* ----- THEME COLORS ----- */
9
+ .color-highlight,
10
+ .color-p1 {
11
+ color: #c19e73 !important;
12
+ }
13
+
14
+ .color-highlight-hover:hover,
15
+ .color-highlight-hover:focus {
16
+ color: #ccaf8c !important;
17
+ }
18
+
19
+ .color-primary,
20
+ .color-p2 {
21
+ color: #446a7c;
22
+ }
23
+
24
+ .color-primary-hover:hover,
25
+ .color-primary-hover:focus {
26
+ color: #375665 !important;
27
+ }
28
+
29
+ .color-standout,
30
+ .color-p3 {
31
+ color: #21272a !important;
32
+ }
33
+
34
+ .color-standout-hover:hover,
35
+ .color-standout-hover:focus {
36
+ color: #111416 !important;
37
+ }
38
+
39
+ /* SECONDARY THEME COLORS */
40
+ .color-s1 {
41
+ color: #eff5f8 !important;
42
+ }
43
+
44
+ .color-s1-hover:hover,
45
+ .color-s1-hover:focus {
46
+ color: #eff5f8 !important;
47
+ }
48
+
49
+ .color-s2 {
50
+ color: #e2dfda !important;
51
+ }
52
+
53
+ .color-s2-hover:hover,
54
+ .color-s2-hover:focus {
55
+ color: #e2dfda !important;
56
+ }
57
+
58
+ .color-s3 {
59
+ color: #ccc8bf !important;
60
+ }
61
+
62
+ .color-s3-hover:hover,
63
+ .color-s3-hover:focus {
64
+ color: #ccc8bf !important;
65
+ }
66
+
67
+ /* background colors */
68
+ .bg-highlight,
69
+ .bg-p1 {
70
+ background-color: #c19e73 !important;
71
+ }
72
+
73
+ .bg-highlight-hover:hover,
74
+ .bg-highlight-hover:focus {
75
+ background-color: #ccaf8c !important;
76
+ }
77
+
78
+ .bg-primary,
79
+ .bg-p2 {
80
+ background-color: #446a7c !important;
81
+ }
82
+
83
+ .bg-primary-hover:hover,
84
+ .bg-primary-hover:focus {
85
+ background-color: #375665 !important;
86
+ }
87
+
88
+ .bg-standout,
89
+ .bg-p3 {
90
+ background-color: #21272a !important;
91
+ }
92
+
93
+ .bg-standout-hover:hover,
94
+ .bg-standout-hover:focus {
95
+ background-color: #111416 !important;
96
+ }
97
+
98
+ .bg-s1,
99
+ .bg-s1-hover:hover,
100
+ .bg-s1-hover:focus {
101
+ background-color: #eff5f8 !important;
102
+ }
103
+
104
+ .bg-s1-hover-color,
105
+ .bg-s1-hover-color:hover,
106
+ .bg-s1-hover-color:focus {
107
+ background-color: #d6e5ed !important;
108
+ }
109
+
110
+ .bg-s2,
111
+ .bg-s2-hover:hover,
112
+ .bg-s2-hover:focus {
113
+ background-color: #e2dfda !important;
114
+ }
115
+
116
+ .bg-s2-hover-color,
117
+ .bg-s2-hover-color:hover,
118
+ .bg-s2-hover-color:focus {
119
+ background-color: #d2cec6 !important;
120
+ }
121
+
122
+ .bg-s3,
123
+ .bg-s3-hover:hover,
124
+ .bg-s3-hover:focus {
125
+ background-color: #ccc8bf !important;
126
+ }
127
+
128
+ .bg-s3-hover-color,
129
+ .bg-s3-hover-color:hover,
130
+ .bg-s3-hover-color:focus {
131
+ background-color: #bcb7ab !important;
132
+ }
133
+
134
+ .bg-primary-light {
135
+ background-color: #b4c3cb !important;
136
+ }
137
+
138
+ .bg-primary-light-hover:hover,
139
+ .bg-primary-light-hover:focus {
140
+ background-color: #b4c3cb !important;
141
+ }
142
+
143
+ .bg-highlight-light {
144
+ background-color: #e0cfb9 !important;
145
+ }
146
+
147
+ .bg-highlight-light-hover:hover,
148
+ .bg-highlight-light-hover:focus {
149
+ background-color: #e0cfb9 !important;
150
+ }
151
+
152
+ .bg-standout-light {
153
+ background-color: #a6a9aa !important;
154
+ }
155
+
156
+ .bg-standout-light-hover:hover,
157
+ .bg-standout-light-hover:focus {
158
+ background-color: #a6a9aa !important;
159
+ }
160
+
161
+ .bg-secondary-light {
162
+ background-color: #e0ded9 !important;
163
+ }
164
+
165
+ .bg-secondary-light-hover:hover,
166
+ .bg-secondary-light-hover:focus {
167
+ background-color: #e0ded9 !important;
168
+ }
169
+
170
+ .bg-secondary-before::before,
171
+ .bg-secondary-after::after {
172
+ background-color: #ccc8bf !important;
173
+ }
174
+
175
+ .bg-highlight-before::before,
176
+ .bg-highlight-after::after {
177
+ background-color: #c19e73 !important;
178
+ }
179
+
180
+ .bg-standout-before::before,
181
+ .bg-standout-after::after {
182
+ background-color: #21272a !important;
183
+ }
184
+
185
+ .bg-primary-before::before,
186
+ .bg-primary-after::after {
187
+ background-color: #446a7c !important;
188
+ }
189
+
190
+ /* border colors */
191
+ .brd-primary {
192
+ border-color: #446a7c !important;
193
+ }
194
+
195
+ .brd-primary-light {
196
+ border-color: #b4c3cb !important;
197
+ }
198
+
199
+ .brd-primary-dark {
200
+ border-color: #324e5b !important;
201
+ }
202
+
203
+ .brd-standout {
204
+ border-color: #21272a !important;
205
+ }
206
+
207
+ .brd-standout-light {
208
+ border-color: #a6a9aa !important;
209
+ }
210
+
211
+ .brd-standout-dark {
212
+ border-color: #0b0c0d !important;
213
+ }
214
+
215
+ .brd-highlight {
216
+ border-color: #c19e73 !important;
217
+ }
218
+
219
+ .brd-highlight-light {
220
+ border-color: #cdb18f !important;
221
+ }
222
+
223
+ .brd-highlight-dark {
224
+ border-color: #b18650 !important;
225
+ }
226
+
227
+ .brd-s1 {
228
+ border-color: #eff5f8 !important;
229
+ }
230
+
231
+ .brd-s2 {
232
+ border-color: #e2dfda !important;
233
+ }
234
+
235
+ .brd-s3 {
236
+ border-color: #ccc8bf !important;
237
+ }
238
+
239
+ .brd-primary-light-before::before,
240
+ .brd-primary-light-after::after {
241
+ border-color: #b4c3cb !important;
242
+ }
243
+
244
+ .brd-highlight-light-before::before,
245
+ .brd-highlight-light-after::after {
246
+ border-color: #e0cfb9 !important;
247
+ }
248
+
249
+ .brd-standout-light-before::before,
250
+ .brd-standout-light-after::after {
251
+ border-color: #a6a9aa !important;
252
+ }
253
+
254
+ .brd-secondary-light-before::before,
255
+ .brd-secondary-light-after::after {
256
+ border-color: #e0ded9 !important;
257
+ }
258
+
259
+ /* Underline colors */
260
+ .underline-primary {
261
+ background-image: linear-gradient(to right, #446a7c 50%, transparent 50%);
262
+ background-repeat: repeat-x;
263
+ background-size: 2px 1px;
264
+ background-position: center bottom 4%;
265
+ background-origin: padding-box;
266
+ text-decoration: none !important;
267
+ }
268
+
269
+ .underline-hover-primary:hover,
270
+ .underline-hover-primary:focus {
271
+ background-image: linear-gradient(to right, #446a7c 50%, transparent 50%);
272
+ background-repeat: repeat-x;
273
+ background-size: 2px 1px;
274
+ background-position: center bottom 4%;
275
+ background-origin: padding-box;
276
+ text-decoration: none !important;
277
+ }
278
+
279
+ .underline-highlight {
280
+ background-image: linear-gradient(to right, #c19e73 50%, transparent 50%);
281
+ background-repeat: repeat-x;
282
+ background-size: 2px 1px;
283
+ background-position: center bottom 4%;
284
+ background-origin: padding-box;
285
+ text-decoration: none !important;
286
+ }
287
+
288
+ .underline-hover-highlight:hover,
289
+ .underline-hover-highlight:focus {
290
+ background-image: linear-gradient(to right, #c19e73 50%, transparent 50%);
291
+ background-repeat: repeat-x;
292
+ background-size: 2px 1px;
293
+ background-position: center bottom 4%;
294
+ background-origin: padding-box;
295
+ text-decoration: none !important;
296
+ }
297
+
298
+ .underline-standout {
299
+ background-image: linear-gradient(to right, #21272a 50%, transparent 50%);
300
+ background-repeat: repeat-x;
301
+ background-size: 2px 1px;
302
+ background-position: center bottom 4%;
303
+ background-origin: padding-box;
304
+ text-decoration: none !important;
305
+ }
306
+
307
+ .underline-hover-standout:hover,
308
+ .underline-hover-standout:focus {
309
+ background-image: linear-gradient(to right, #21272a 50%, transparent 50%);
310
+ background-repeat: repeat-x;
311
+ background-size: 2px 1px;
312
+ background-position: center bottom 4%;
313
+ background-origin: padding-box;
314
+ text-decoration: none !important;
315
+ }
316
+
317
+ /* -----------------------------------------
318
+ LAYOUT
319
+ /source/scss/colortheme/cs-layout.scss
320
+ ----------------------------------------- */
321
+ /* Primary page with/without two-column */
322
+ .primary {
323
+ /* Primary page with two column */
324
+ }
325
+ .primary.two-column {
326
+ /* Main content contains 2col bg and footer bg */
327
+ }
328
+ .primary.two-column .main-content {
329
+ background-color: #fff;
330
+ }
331
+
332
+ /* -----------------------------------------
333
+ GLOBAL HEADER
334
+ /source/scss/colortheme/cs-global-header.scss
335
+ ----------------------------------------- */
336
+ .utility-header {
337
+ background: #446a7c;
338
+ color: #ffffff;
339
+ }
340
+
341
+ @media (max-width: 767px) {
342
+ .nav-full-width-icons .settings-links .utility-links a,
343
+ .nav-full-width-icons .settings-links .utility-links button {
344
+ border: 1px solid #446a7c;
345
+ color: #446a7c;
346
+ }
347
+ }
348
+ .global-header {
349
+ /* Default header pattern */
350
+ /* Small screen gets solid color */
351
+ }
352
+ .explore-invite a:hover span[class^=ca-gov-icon-] {
353
+ color: #c19e73;
354
+ }
355
+ .explore-invite a:hover .explore-title {
356
+ color: #c19e73;
357
+ }
358
+
359
+ /* -----------------------------------------
360
+ GLOBAL FOOTER
361
+ /source/scss/colortheme/cs-global-footer.scss
362
+ ----------------------------------------- */
363
+ /* Targets icon of first h1 on the page */
364
+ h1 span[class^=ca-gov-icon-]:first-child {
365
+ color: #446a7c;
366
+ }
367
+
368
+ /* -----------------------------------------
369
+ NAVIGATION
370
+ /source/scss/colortheme/cs-navigation.scss
371
+ ----------------------------------------- */
372
+ .nav-item.active > a,
373
+ .nav-item.active .first-level-btn,
374
+ .nav-item.active .first-level-link,
375
+ nav-item-search.active > a,
376
+ nav-item-search.active .first-level-btn,
377
+ nav-item-search.active .first-level-link {
378
+ color: #446a7c;
379
+ }
380
+ .nav-item.active > a > span[class^=ca-gov-icon],
381
+ .nav-item.active .first-level-btn > span[class^=ca-gov-icon],
382
+ .nav-item.active .first-level-link > span[class^=ca-gov-icon],
383
+ nav-item-search.active > a > span[class^=ca-gov-icon],
384
+ nav-item-search.active .first-level-btn > span[class^=ca-gov-icon],
385
+ nav-item-search.active .first-level-link > span[class^=ca-gov-icon] {
386
+ color: #3b3a48;
387
+ }
388
+ @media (min-width: 768px) {
389
+ .nav-item:hover, .nav-item:focus,
390
+ nav-item-search:hover,
391
+ nav-item-search:focus {
392
+ background-color: #eff5f8;
393
+ }
394
+ }
395
+ .nav-item:hover > a,
396
+ .nav-item:hover .first-level-btn,
397
+ .nav-item:hover .first-level-link, .nav-item:focus > a,
398
+ .nav-item:focus .first-level-btn,
399
+ .nav-item:focus .first-level-link,
400
+ nav-item-search:hover > a,
401
+ nav-item-search:hover .first-level-btn,
402
+ nav-item-search:hover .first-level-link,
403
+ nav-item-search:focus > a,
404
+ nav-item-search:focus .first-level-btn,
405
+ nav-item-search:focus .first-level-link {
406
+ color: #446a7c;
407
+ }
408
+ .nav-item:hover > a > span[class^=ca-gov-icon],
409
+ .nav-item:hover .first-level-btn > span[class^=ca-gov-icon],
410
+ .nav-item:hover .first-level-link > span[class^=ca-gov-icon], .nav-item:focus > a > span[class^=ca-gov-icon],
411
+ .nav-item:focus .first-level-btn > span[class^=ca-gov-icon],
412
+ .nav-item:focus .first-level-link > span[class^=ca-gov-icon],
413
+ nav-item-search:hover > a > span[class^=ca-gov-icon],
414
+ nav-item-search:hover .first-level-btn > span[class^=ca-gov-icon],
415
+ nav-item-search:hover .first-level-link > span[class^=ca-gov-icon],
416
+ nav-item-search:focus > a > span[class^=ca-gov-icon],
417
+ nav-item-search:focus .first-level-btn > span[class^=ca-gov-icon],
418
+ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
419
+ color: #3b3a48;
420
+ }
421
+
422
+ .nav-arrow-down {
423
+ background: #446a7c;
424
+ }
425
+
426
+ .first-level-link,
427
+ .first-level-btn {
428
+ color: #446a7c;
429
+ }
430
+ .first-level-link > span[class^=ca-gov-icon]:not(.carrot),
431
+ .first-level-btn > span[class^=ca-gov-icon]:not(.carrot) {
432
+ /* Navigation icons */
433
+ color: #5e5e6a;
434
+ }
435
+ .first-level-link:hover, .first-level-link:focus,
436
+ .first-level-btn:hover,
437
+ .first-level-btn:focus {
438
+ color: #3b3a48;
439
+ }
440
+ @media (max-width: 991px) {
441
+ .first-level-link.active,
442
+ .first-level-btn.active {
443
+ background-color: #313a3e !important;
444
+ color: #fff !important;
445
+ }
446
+ .first-level-link.active:hover, .first-level-link.active:focus,
447
+ .first-level-btn.active:hover,
448
+ .first-level-btn.active:focus {
449
+ background-color: #21272a !important;
450
+ color: #fff !important;
451
+ }
452
+ .first-level-link.active::before, .first-level-link.active::after,
453
+ .first-level-btn.active::before,
454
+ .first-level-btn.active::after {
455
+ border-left: none !important;
456
+ }
457
+ .first-level-link:hover, .first-level-link:focus,
458
+ .first-level-btn:hover,
459
+ .first-level-btn:focus {
460
+ background-color: #313a3e !important;
461
+ color: #fff !important;
462
+ }
463
+ }
464
+
465
+ .second-level-link {
466
+ color: #446a7c;
467
+ }
468
+ .second-level-link [class^=ca-gov-icon-] {
469
+ color: #5e5e6a;
470
+ }
471
+ @media (max-width: 991px) {
472
+ .second-level-link {
473
+ background-color: #21272a;
474
+ }
475
+ .second-level-link.active {
476
+ background-color: #313a3e;
477
+ }
478
+ .second-level-link.active:hover, .second-level-link.active:focus {
479
+ background-color: #21272a;
480
+ }
481
+ }
482
+
483
+ .second-level-nav > li {
484
+ border: 1px solid transparent;
485
+ border-right: 4px solid #fff;
486
+ border-bottom: 4px solid #fff;
487
+ }
488
+ .second-level-nav > li:hover, .second-level-nav > li:focus {
489
+ background: #fff;
490
+ }
491
+ @media (max-width: 991px) {
492
+ .second-level-nav > li {
493
+ border: none;
494
+ border-top: 1px solid #d4d4d7;
495
+ }
496
+ .second-level-nav > li:hover, .second-level-nav > li:focus {
497
+ background: #f6f9fb;
498
+ }
499
+ }
500
+ .second-level-nav .link-description {
501
+ color: #555555;
502
+ }
503
+
504
+ .sub-nav {
505
+ background: #fff;
506
+ }
507
+
508
+ @media (max-width: 767px) {
509
+ .sub-nav {
510
+ border-top: none;
511
+ border-bottom: none;
512
+ }
513
+ }
514
+ .nav-media {
515
+ background: transparent;
516
+ }
517
+ .nav-media .media:hover {
518
+ background: #fff;
519
+ }
520
+ .nav-media .media {
521
+ border-bottom: 4px solid #fff;
522
+ }
523
+ @media (max-width: 767px) {
524
+ .nav-media .media {
525
+ border-bottom: 4px solid #fff;
526
+ }
527
+ .nav-media .media:hover, .nav-media .media:focus {
528
+ background: #f6f9fb;
529
+ }
530
+ }
531
+
532
+ @media (min-width: 768px) {
533
+ .nav-item::after {
534
+ background-color: transparent;
535
+ }
536
+ .nav-item:hover::after, .nav-item:focus::after {
537
+ background-color: #446a7c;
538
+ }
539
+ /*full width navigation*/
540
+ .nav-full-width {
541
+ background: #446a7c;
542
+ }
543
+ .nav-full-width .main-navigation .nav-item:hover,
544
+ .nav-full-width .main-navigation .nav-item:focus,
545
+ .nav-full-width .main-navigation .nav-item.active:hover {
546
+ background-color: #365362;
547
+ }
548
+ .nav-full-width .main-navigation .nav-item.active {
549
+ background-color: #3b5c6c;
550
+ }
551
+ }
552
+ @media (max-width: 991px) {
553
+ .nav-item.active .first-level-btn {
554
+ background-color: #313a3e !important;
555
+ color: #fff !important;
556
+ }
557
+ .nav-item.active .first-level-btn:hover, .nav-item.active .first-level-btn:focus {
558
+ background-color: #21272a !important;
559
+ color: #fff !important;
560
+ }
561
+ .nav-item.active .first-level-btn::before, .nav-item.active .first-level-btn::after {
562
+ border-left: none !important;
563
+ }
564
+ }
565
+ .has-sub .rotate {
566
+ color: #446a7c;
567
+ }
568
+
569
+ /* Dark Mobile menu */
570
+ @media (max-width: 991px) {
571
+ .navigation-search {
572
+ background-color: #21272a;
573
+ }
574
+ }
575
+ /* -----------------------------------------
576
+ SEARCH
577
+ /source/scss/colortheme/cs-search.scss
578
+ ----------------------------------------- */
579
+ .search-container .submit-container button {
580
+ color: #72717c;
581
+ border-color: rgba(255, 255, 255, 0.8);
582
+ }
583
+ .search-container .search-textfield {
584
+ border-color: #72717c !important;
585
+ }
586
+ @media (max-width: 991px) {
587
+ .search-container .search-textfield {
588
+ border-color: #fff !important;
589
+ }
590
+ }
591
+ .search-container .gsc-search-button {
592
+ background-color: #72717c;
593
+ border-color: #72717c;
594
+ }
595
+ .search-container .gsc-search-button:hover, .search-container .gsc-search-button:focus {
596
+ background-color: #4a4958;
597
+ border-color: #4a4958;
598
+ }
599
+ .search-container .gsc-search-button .ca-gov-icon-search {
600
+ color: #fff;
601
+ }
602
+ @media (max-width: 991px) {
603
+ .search-container .gsc-search-button {
604
+ background-color: #fff;
605
+ border-color: #fff;
606
+ }
607
+ .search-container .gsc-search-button:hover, .search-container .gsc-search-button:focus {
608
+ background-color: #fafafa;
609
+ border-color: #fafafa;
610
+ }
611
+ .search-container .gsc-search-button:hover .ca-gov-icon-search, .search-container .gsc-search-button:focus .ca-gov-icon-search {
612
+ color: #3b3a48;
613
+ }
614
+ .search-container .gsc-search-button .ca-gov-icon-search {
615
+ color: #5e5e6a;
616
+ }
617
+ }
618
+ .search-container:hover .search-textfield, .search-container:focus .search-textfield, .search-container.active .search-textfield {
619
+ background-color: #fff;
620
+ }
621
+ .search-container:hover .submit-container button, .search-container:focus .submit-container button, .search-container.active .submit-container button {
622
+ border-color: #fff;
623
+ }
624
+ .search-container.active {
625
+ background-color: #ededef;
626
+ }
627
+ .search-container.active .submit-container button {
628
+ border-color: #bdbdbd;
629
+ background: #555555;
630
+ }
631
+
632
+ .featured-search.active .container #Search .close-search-btn .sr-only,
633
+ .search-container .close-search .sr-only {
634
+ color: #446a7c;
635
+ text-decoration: underline;
636
+ }
637
+ .featured-search.active .container #Search .close-search-btn .sr-only:hover, .featured-search.active .container #Search .close-search-btn .sr-only:focus,
638
+ .search-container .close-search .sr-only:hover,
639
+ .search-container .close-search .sr-only:focus {
640
+ color: #375665;
641
+ text-decoration: none;
642
+ }
643
+
644
+ /* -----------------------------------------
645
+ TABS
646
+ /source/scss/colortheme/cs-tabs.scss
647
+ ----------------------------------------- */
648
+ .tab-group {
649
+ background: #fff;
650
+ }
651
+ .tab-group .nav-tabs {
652
+ background: #e2dfda;
653
+ }
654
+
655
+ .tabs [role=tablist] [aria-selected]::after {
656
+ border-color: #c19e73;
657
+ }
658
+
659
+ .nav-tabs .nav-link.active::after {
660
+ border-color: #c19e73;
661
+ }
662
+
663
+ @media (max-width: 767px) {
664
+ .responsive .tab-pane .card-header a[aria-expanded=true]::before {
665
+ border-left-color: #c19e73;
666
+ }
667
+ }
668
+ /* -----------------------------------------
669
+ MEDIA
670
+ /source/scss/colortheme/cs-media.scss
671
+ ----------------------------------------- */
672
+ figure {
673
+ background-color: #fff;
674
+ border-color: #d4d4d7;
675
+ }
676
+
677
+ /* -----------------------------------------
678
+ PANELS
679
+ /source/scss/colortheme/cs-location.scss
680
+ ----------------------------------------- */
681
+ .location.mini [class^=ca-gov-icon] {
682
+ background: #21272a;
683
+ color: #ffffff;
684
+ }
685
+
686
+ /* -----------------------------------------
687
+ TYPOGRAPHY
688
+ /source/scss/colortheme/typography.scss
689
+ ----------------------------------------- */
690
+ .published {
691
+ color: #555555;
692
+ }
693
+
694
+ a {
695
+ color: #446a7c;
696
+ }
697
+ a:hover, a:focus {
698
+ color: #375665;
699
+ }
700
+ a:focus {
701
+ outline: solid 2px #2ea3f2 !important;
702
+ }
703
+
704
+ /* -----------------------------------------
705
+ SECTIONS
706
+ /source/scss/colortheme/cs-sections.scss
707
+ ----------------------------------------- */
708
+ .section-default,
709
+ .card-default {
710
+ background: whitesmoke;
711
+ }
712
+ .section-search,
713
+ .card-search {
714
+ background: #d6d6d6;
715
+ }
716
+ .section-understated,
717
+ .card-understated {
718
+ background: #eff5f8;
719
+ }
720
+ .section-overstated,
721
+ .card-overstated {
722
+ background: #446a7c;
723
+ color: #ffffff;
724
+ }
725
+ .section-overstated a:not(.btn),
726
+ .card-overstated a:not(.btn) {
727
+ color: #fff;
728
+ text-decoration: none;
729
+ }
730
+ .section-overstated a:not(.btn):hover, .section-overstated a:not(.btn):focus,
731
+ .card-overstated a:not(.btn):hover,
732
+ .card-overstated a:not(.btn):focus {
733
+ color: #eff5f8;
734
+ text-decoration: underline;
735
+ }
736
+ .section-overstated a:not(.btn):focus,
737
+ .card-overstated a:not(.btn):focus {
738
+ outline: thin dotted;
739
+ outline: 5px auto -webkit-focus-ring-color;
740
+ outline-offset: -2px;
741
+ }
742
+ .section-overstated a:not(.btn),
743
+ .card-overstated a:not(.btn) {
744
+ text-decoration: underline;
745
+ }
746
+ .section-overstated .btn-primary,
747
+ .card-overstated .btn-primary {
748
+ color: #fff;
749
+ background-color: #446a7c;
750
+ border-color: #ffffff;
751
+ font-weight: 600;
752
+ }
753
+ .section-overstated .btn-primary:hover, .section-overstated .btn-primary:focus, .section-overstated .btn-primary:not(:disabled):not(.disabled):active, .section-overstated .btn-primary:not(:disabled):not(.disabled).active,
754
+ .section-overstated .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-overstated .btn-primary,
755
+ .card-overstated .btn-primary:hover,
756
+ .card-overstated .btn-primary:focus,
757
+ .card-overstated .btn-primary:not(:disabled):not(.disabled):active,
758
+ .card-overstated .btn-primary:not(:disabled):not(.disabled).active,
759
+ .card-overstated .btn-primary .show > .dropdown-toggle,
760
+ .open > .dropdown-toggle .card-overstated .btn-primary {
761
+ color: #fff;
762
+ background-color: #375665;
763
+ border-color: #ffffff;
764
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
765
+ }
766
+ .section-overstated .btn-primary:focus,
767
+ .card-overstated .btn-primary:focus {
768
+ outline: solid 2px #2ea3f2 !important;
769
+ }
770
+ .section-overstated .btn-primary:not(:disabled):not(.disabled):active, .section-overstated .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-overstated .btn-primary,
771
+ .card-overstated .btn-primary:not(:disabled):not(.disabled):active,
772
+ .card-overstated .btn-primary:not(:disabled):not(.disabled).active,
773
+ .open > .dropdown-toggle .card-overstated .btn-primary {
774
+ background-image: none;
775
+ }
776
+ .section-overstated .btn-primary.disabled, .section-overstated .btn-primary.disabled:hover, .section-overstated .btn-primary.disabled:focus, .section-overstated .btn-primary.disabled:active, .section-overstated .btn-primary.disabled.active, .section-overstated .btn-primary[disabled], .section-overstated .btn-primary[disabled]:hover, .section-overstated .btn-primary[disabled]:focus, .section-overstated .btn-primary[disabled]:active, .section-overstated .btn-primary[disabled].active, fieldset[disabled] .section-overstated .btn-primary, fieldset[disabled] .section-overstated .btn-primary:hover, fieldset[disabled] .section-overstated .btn-primary:focus, fieldset[disabled] .section-overstated .btn-primary:active, fieldset[disabled] .section-overstated .btn-primary.active,
777
+ .card-overstated .btn-primary.disabled,
778
+ .card-overstated .btn-primary.disabled:hover,
779
+ .card-overstated .btn-primary.disabled:focus,
780
+ .card-overstated .btn-primary.disabled:active,
781
+ .card-overstated .btn-primary.disabled.active,
782
+ .card-overstated .btn-primary[disabled],
783
+ .card-overstated .btn-primary[disabled]:hover,
784
+ .card-overstated .btn-primary[disabled]:focus,
785
+ .card-overstated .btn-primary[disabled]:active,
786
+ .card-overstated .btn-primary[disabled].active,
787
+ fieldset[disabled] .card-overstated .btn-primary,
788
+ fieldset[disabled] .card-overstated .btn-primary:hover,
789
+ fieldset[disabled] .card-overstated .btn-primary:focus,
790
+ fieldset[disabled] .card-overstated .btn-primary:active,
791
+ fieldset[disabled] .card-overstated .btn-primary.active {
792
+ background-color: #446a7c !important;
793
+ border-color: #ffffff;
794
+ }
795
+ .section-overstated .btn-primary .badge,
796
+ .card-overstated .btn-primary .badge {
797
+ color: #446a7c;
798
+ background-color: #fff;
799
+ }
800
+ .section-overstated .btn-standout,
801
+ .card-overstated .btn-standout {
802
+ color: #fff;
803
+ background-color: #21272a;
804
+ border-color: #ffffff;
805
+ font-weight: 600;
806
+ }
807
+ .section-overstated .btn-standout:hover, .section-overstated .btn-standout:focus, .section-overstated .btn-standout:not(:disabled):not(.disabled):active, .section-overstated .btn-standout:not(:disabled):not(.disabled).active,
808
+ .section-overstated .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-overstated .btn-standout,
809
+ .card-overstated .btn-standout:hover,
810
+ .card-overstated .btn-standout:focus,
811
+ .card-overstated .btn-standout:not(:disabled):not(.disabled):active,
812
+ .card-overstated .btn-standout:not(:disabled):not(.disabled).active,
813
+ .card-overstated .btn-standout .show > .dropdown-toggle,
814
+ .open > .dropdown-toggle .card-overstated .btn-standout {
815
+ color: #fff;
816
+ background-color: #111416;
817
+ border-color: #ffffff;
818
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
819
+ }
820
+ .section-overstated .btn-standout:focus,
821
+ .card-overstated .btn-standout:focus {
822
+ outline: solid 2px #2ea3f2 !important;
823
+ }
824
+ .section-overstated .btn-standout:not(:disabled):not(.disabled):active, .section-overstated .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-overstated .btn-standout,
825
+ .card-overstated .btn-standout:not(:disabled):not(.disabled):active,
826
+ .card-overstated .btn-standout:not(:disabled):not(.disabled).active,
827
+ .open > .dropdown-toggle .card-overstated .btn-standout {
828
+ background-image: none;
829
+ }
830
+ .section-overstated .btn-standout.disabled, .section-overstated .btn-standout.disabled:hover, .section-overstated .btn-standout.disabled:focus, .section-overstated .btn-standout.disabled:active, .section-overstated .btn-standout.disabled.active, .section-overstated .btn-standout[disabled], .section-overstated .btn-standout[disabled]:hover, .section-overstated .btn-standout[disabled]:focus, .section-overstated .btn-standout[disabled]:active, .section-overstated .btn-standout[disabled].active, fieldset[disabled] .section-overstated .btn-standout, fieldset[disabled] .section-overstated .btn-standout:hover, fieldset[disabled] .section-overstated .btn-standout:focus, fieldset[disabled] .section-overstated .btn-standout:active, fieldset[disabled] .section-overstated .btn-standout.active,
831
+ .card-overstated .btn-standout.disabled,
832
+ .card-overstated .btn-standout.disabled:hover,
833
+ .card-overstated .btn-standout.disabled:focus,
834
+ .card-overstated .btn-standout.disabled:active,
835
+ .card-overstated .btn-standout.disabled.active,
836
+ .card-overstated .btn-standout[disabled],
837
+ .card-overstated .btn-standout[disabled]:hover,
838
+ .card-overstated .btn-standout[disabled]:focus,
839
+ .card-overstated .btn-standout[disabled]:active,
840
+ .card-overstated .btn-standout[disabled].active,
841
+ fieldset[disabled] .card-overstated .btn-standout,
842
+ fieldset[disabled] .card-overstated .btn-standout:hover,
843
+ fieldset[disabled] .card-overstated .btn-standout:focus,
844
+ fieldset[disabled] .card-overstated .btn-standout:active,
845
+ fieldset[disabled] .card-overstated .btn-standout.active {
846
+ background-color: #21272a !important;
847
+ border-color: #ffffff;
848
+ }
849
+ .section-overstated .btn-standout .badge,
850
+ .card-overstated .btn-standout .badge {
851
+ color: #21272a;
852
+ background-color: #fff;
853
+ }
854
+ .section-standout,
855
+ .card-standout {
856
+ background: #21272a;
857
+ color: #ffffff;
858
+ }
859
+ .section-standout a:not(.btn),
860
+ .card-standout a:not(.btn) {
861
+ color: #fff;
862
+ text-decoration: none;
863
+ }
864
+ .section-standout a:not(.btn):hover, .section-standout a:not(.btn):focus,
865
+ .card-standout a:not(.btn):hover,
866
+ .card-standout a:not(.btn):focus {
867
+ color: #c0baaf;
868
+ text-decoration: underline;
869
+ }
870
+ .section-standout a:not(.btn):focus,
871
+ .card-standout a:not(.btn):focus {
872
+ outline: thin dotted;
873
+ outline: 5px auto -webkit-focus-ring-color;
874
+ outline-offset: -2px;
875
+ }
876
+ .section-standout a:not(.btn),
877
+ .card-standout a:not(.btn) {
878
+ text-decoration: underline;
879
+ }
880
+ .section-standout a:not(.btn),
881
+ .card-standout a:not(.btn) {
882
+ color: #fff;
883
+ }
884
+ .section-standout a:not(.btn):hover, .section-standout a:not(.btn):focus,
885
+ .card-standout a:not(.btn):hover,
886
+ .card-standout a:not(.btn):focus {
887
+ text-decoration: underline;
888
+ color: #c19e73;
889
+ }
890
+ .section-standout .half-gauge-chart .donut-background,
891
+ .card-standout .half-gauge-chart .donut-background {
892
+ fill: #d6d6d6;
893
+ }
894
+ .section-standout .half-gauge-chart .donut-halfmark,
895
+ .card-standout .half-gauge-chart .donut-halfmark {
896
+ stroke: whitesmoke;
897
+ }
898
+ .section-standout .btn-primary,
899
+ .card-standout .btn-primary {
900
+ color: #fff;
901
+ background-color: #446a7c;
902
+ border-color: #ffffff;
903
+ font-weight: 600;
904
+ }
905
+ .section-standout .btn-primary:hover, .section-standout .btn-primary:focus, .section-standout .btn-primary:not(:disabled):not(.disabled):active, .section-standout .btn-primary:not(:disabled):not(.disabled).active,
906
+ .section-standout .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-standout .btn-primary,
907
+ .card-standout .btn-primary:hover,
908
+ .card-standout .btn-primary:focus,
909
+ .card-standout .btn-primary:not(:disabled):not(.disabled):active,
910
+ .card-standout .btn-primary:not(:disabled):not(.disabled).active,
911
+ .card-standout .btn-primary .show > .dropdown-toggle,
912
+ .open > .dropdown-toggle .card-standout .btn-primary {
913
+ color: #fff;
914
+ background-color: #375665;
915
+ border-color: #ffffff;
916
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
917
+ }
918
+ .section-standout .btn-primary:focus,
919
+ .card-standout .btn-primary:focus {
920
+ outline: solid 2px #2ea3f2 !important;
921
+ }
922
+ .section-standout .btn-primary:not(:disabled):not(.disabled):active, .section-standout .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-standout .btn-primary,
923
+ .card-standout .btn-primary:not(:disabled):not(.disabled):active,
924
+ .card-standout .btn-primary:not(:disabled):not(.disabled).active,
925
+ .open > .dropdown-toggle .card-standout .btn-primary {
926
+ background-image: none;
927
+ }
928
+ .section-standout .btn-primary.disabled, .section-standout .btn-primary.disabled:hover, .section-standout .btn-primary.disabled:focus, .section-standout .btn-primary.disabled:active, .section-standout .btn-primary.disabled.active, .section-standout .btn-primary[disabled], .section-standout .btn-primary[disabled]:hover, .section-standout .btn-primary[disabled]:focus, .section-standout .btn-primary[disabled]:active, .section-standout .btn-primary[disabled].active, fieldset[disabled] .section-standout .btn-primary, fieldset[disabled] .section-standout .btn-primary:hover, fieldset[disabled] .section-standout .btn-primary:focus, fieldset[disabled] .section-standout .btn-primary:active, fieldset[disabled] .section-standout .btn-primary.active,
929
+ .card-standout .btn-primary.disabled,
930
+ .card-standout .btn-primary.disabled:hover,
931
+ .card-standout .btn-primary.disabled:focus,
932
+ .card-standout .btn-primary.disabled:active,
933
+ .card-standout .btn-primary.disabled.active,
934
+ .card-standout .btn-primary[disabled],
935
+ .card-standout .btn-primary[disabled]:hover,
936
+ .card-standout .btn-primary[disabled]:focus,
937
+ .card-standout .btn-primary[disabled]:active,
938
+ .card-standout .btn-primary[disabled].active,
939
+ fieldset[disabled] .card-standout .btn-primary,
940
+ fieldset[disabled] .card-standout .btn-primary:hover,
941
+ fieldset[disabled] .card-standout .btn-primary:focus,
942
+ fieldset[disabled] .card-standout .btn-primary:active,
943
+ fieldset[disabled] .card-standout .btn-primary.active {
944
+ background-color: #446a7c !important;
945
+ border-color: #ffffff;
946
+ }
947
+ .section-standout .btn-primary .badge,
948
+ .card-standout .btn-primary .badge {
949
+ color: #446a7c;
950
+ background-color: #fff;
951
+ }
952
+ .section-standout .btn-standout,
953
+ .card-standout .btn-standout {
954
+ color: #fff;
955
+ background-color: #21272a;
956
+ border-color: #ffffff;
957
+ font-weight: 600;
958
+ }
959
+ .section-standout .btn-standout:hover, .section-standout .btn-standout:focus, .section-standout .btn-standout:not(:disabled):not(.disabled):active, .section-standout .btn-standout:not(:disabled):not(.disabled).active,
960
+ .section-standout .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-standout .btn-standout,
961
+ .card-standout .btn-standout:hover,
962
+ .card-standout .btn-standout:focus,
963
+ .card-standout .btn-standout:not(:disabled):not(.disabled):active,
964
+ .card-standout .btn-standout:not(:disabled):not(.disabled).active,
965
+ .card-standout .btn-standout .show > .dropdown-toggle,
966
+ .open > .dropdown-toggle .card-standout .btn-standout {
967
+ color: #fff;
968
+ background-color: #111416;
969
+ border-color: #ffffff;
970
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
971
+ }
972
+ .section-standout .btn-standout:focus,
973
+ .card-standout .btn-standout:focus {
974
+ outline: solid 2px #2ea3f2 !important;
975
+ }
976
+ .section-standout .btn-standout:not(:disabled):not(.disabled):active, .section-standout .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-standout .btn-standout,
977
+ .card-standout .btn-standout:not(:disabled):not(.disabled):active,
978
+ .card-standout .btn-standout:not(:disabled):not(.disabled).active,
979
+ .open > .dropdown-toggle .card-standout .btn-standout {
980
+ background-image: none;
981
+ }
982
+ .section-standout .btn-standout.disabled, .section-standout .btn-standout.disabled:hover, .section-standout .btn-standout.disabled:focus, .section-standout .btn-standout.disabled:active, .section-standout .btn-standout.disabled.active, .section-standout .btn-standout[disabled], .section-standout .btn-standout[disabled]:hover, .section-standout .btn-standout[disabled]:focus, .section-standout .btn-standout[disabled]:active, .section-standout .btn-standout[disabled].active, fieldset[disabled] .section-standout .btn-standout, fieldset[disabled] .section-standout .btn-standout:hover, fieldset[disabled] .section-standout .btn-standout:focus, fieldset[disabled] .section-standout .btn-standout:active, fieldset[disabled] .section-standout .btn-standout.active,
983
+ .card-standout .btn-standout.disabled,
984
+ .card-standout .btn-standout.disabled:hover,
985
+ .card-standout .btn-standout.disabled:focus,
986
+ .card-standout .btn-standout.disabled:active,
987
+ .card-standout .btn-standout.disabled.active,
988
+ .card-standout .btn-standout[disabled],
989
+ .card-standout .btn-standout[disabled]:hover,
990
+ .card-standout .btn-standout[disabled]:focus,
991
+ .card-standout .btn-standout[disabled]:active,
992
+ .card-standout .btn-standout[disabled].active,
993
+ fieldset[disabled] .card-standout .btn-standout,
994
+ fieldset[disabled] .card-standout .btn-standout:hover,
995
+ fieldset[disabled] .card-standout .btn-standout:focus,
996
+ fieldset[disabled] .card-standout .btn-standout:active,
997
+ fieldset[disabled] .card-standout .btn-standout.active {
998
+ background-color: #21272a !important;
999
+ border-color: #ffffff;
1000
+ }
1001
+ .section-standout .btn-standout .badge,
1002
+ .card-standout .btn-standout .badge {
1003
+ color: #21272a;
1004
+ background-color: #fff;
1005
+ }
1006
+ .section-impact,
1007
+ .card-impact {
1008
+ background: #21272a;
1009
+ color: #ffffff;
1010
+ }
1011
+ .section-impact a:not(.btn),
1012
+ .card-impact a:not(.btn) {
1013
+ color: #ccc8bf;
1014
+ text-decoration: none;
1015
+ }
1016
+ .section-impact a:not(.btn):hover, .section-impact a:not(.btn):focus,
1017
+ .card-impact a:not(.btn):hover,
1018
+ .card-impact a:not(.btn):focus {
1019
+ color: #c0baaf;
1020
+ text-decoration: underline;
1021
+ }
1022
+ .section-impact a:not(.btn):focus,
1023
+ .card-impact a:not(.btn):focus {
1024
+ outline: thin dotted;
1025
+ outline: 5px auto -webkit-focus-ring-color;
1026
+ outline-offset: -2px;
1027
+ }
1028
+ .section-impact a:not(.btn),
1029
+ .card-impact a:not(.btn) {
1030
+ text-decoration: underline;
1031
+ }
1032
+ .section-impact .half-gauge-chart .donut-background,
1033
+ .card-impact .half-gauge-chart .donut-background {
1034
+ fill: #d6d6d6;
1035
+ }
1036
+ .section-impact .half-gauge-chart .donut-halfmark,
1037
+ .card-impact .half-gauge-chart .donut-halfmark {
1038
+ stroke: whitesmoke;
1039
+ }
1040
+ .section-impact .btn-primary,
1041
+ .card-impact .btn-primary {
1042
+ color: #fff;
1043
+ background-color: #446a7c;
1044
+ border-color: #ffffff;
1045
+ font-weight: 600;
1046
+ }
1047
+ .section-impact .btn-primary:hover, .section-impact .btn-primary:focus, .section-impact .btn-primary:not(:disabled):not(.disabled):active, .section-impact .btn-primary:not(:disabled):not(.disabled).active,
1048
+ .section-impact .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-primary,
1049
+ .card-impact .btn-primary:hover,
1050
+ .card-impact .btn-primary:focus,
1051
+ .card-impact .btn-primary:not(:disabled):not(.disabled):active,
1052
+ .card-impact .btn-primary:not(:disabled):not(.disabled).active,
1053
+ .card-impact .btn-primary .show > .dropdown-toggle,
1054
+ .open > .dropdown-toggle .card-impact .btn-primary {
1055
+ color: #fff;
1056
+ background-color: #375665;
1057
+ border-color: #ffffff;
1058
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
1059
+ }
1060
+ .section-impact .btn-primary:focus,
1061
+ .card-impact .btn-primary:focus {
1062
+ outline: solid 2px #2ea3f2 !important;
1063
+ }
1064
+ .section-impact .btn-primary:not(:disabled):not(.disabled):active, .section-impact .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-primary,
1065
+ .card-impact .btn-primary:not(:disabled):not(.disabled):active,
1066
+ .card-impact .btn-primary:not(:disabled):not(.disabled).active,
1067
+ .open > .dropdown-toggle .card-impact .btn-primary {
1068
+ background-image: none;
1069
+ }
1070
+ .section-impact .btn-primary.disabled, .section-impact .btn-primary.disabled:hover, .section-impact .btn-primary.disabled:focus, .section-impact .btn-primary.disabled:active, .section-impact .btn-primary.disabled.active, .section-impact .btn-primary[disabled], .section-impact .btn-primary[disabled]:hover, .section-impact .btn-primary[disabled]:focus, .section-impact .btn-primary[disabled]:active, .section-impact .btn-primary[disabled].active, fieldset[disabled] .section-impact .btn-primary, fieldset[disabled] .section-impact .btn-primary:hover, fieldset[disabled] .section-impact .btn-primary:focus, fieldset[disabled] .section-impact .btn-primary:active, fieldset[disabled] .section-impact .btn-primary.active,
1071
+ .card-impact .btn-primary.disabled,
1072
+ .card-impact .btn-primary.disabled:hover,
1073
+ .card-impact .btn-primary.disabled:focus,
1074
+ .card-impact .btn-primary.disabled:active,
1075
+ .card-impact .btn-primary.disabled.active,
1076
+ .card-impact .btn-primary[disabled],
1077
+ .card-impact .btn-primary[disabled]:hover,
1078
+ .card-impact .btn-primary[disabled]:focus,
1079
+ .card-impact .btn-primary[disabled]:active,
1080
+ .card-impact .btn-primary[disabled].active,
1081
+ fieldset[disabled] .card-impact .btn-primary,
1082
+ fieldset[disabled] .card-impact .btn-primary:hover,
1083
+ fieldset[disabled] .card-impact .btn-primary:focus,
1084
+ fieldset[disabled] .card-impact .btn-primary:active,
1085
+ fieldset[disabled] .card-impact .btn-primary.active {
1086
+ background-color: #446a7c !important;
1087
+ border-color: #ffffff;
1088
+ }
1089
+ .section-impact .btn-primary .badge,
1090
+ .card-impact .btn-primary .badge {
1091
+ color: #446a7c;
1092
+ background-color: #fff;
1093
+ }
1094
+ .section-impact .btn-standout,
1095
+ .card-impact .btn-standout {
1096
+ color: #fff;
1097
+ background-color: #21272a;
1098
+ border-color: #ffffff;
1099
+ font-weight: 600;
1100
+ }
1101
+ .section-impact .btn-standout:hover, .section-impact .btn-standout:focus, .section-impact .btn-standout:not(:disabled):not(.disabled):active, .section-impact .btn-standout:not(:disabled):not(.disabled).active,
1102
+ .section-impact .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-standout,
1103
+ .card-impact .btn-standout:hover,
1104
+ .card-impact .btn-standout:focus,
1105
+ .card-impact .btn-standout:not(:disabled):not(.disabled):active,
1106
+ .card-impact .btn-standout:not(:disabled):not(.disabled).active,
1107
+ .card-impact .btn-standout .show > .dropdown-toggle,
1108
+ .open > .dropdown-toggle .card-impact .btn-standout {
1109
+ color: #fff;
1110
+ background-color: #111416;
1111
+ border-color: #ffffff;
1112
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
1113
+ }
1114
+ .section-impact .btn-standout:focus,
1115
+ .card-impact .btn-standout:focus {
1116
+ outline: solid 2px #2ea3f2 !important;
1117
+ }
1118
+ .section-impact .btn-standout:not(:disabled):not(.disabled):active, .section-impact .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-standout,
1119
+ .card-impact .btn-standout:not(:disabled):not(.disabled):active,
1120
+ .card-impact .btn-standout:not(:disabled):not(.disabled).active,
1121
+ .open > .dropdown-toggle .card-impact .btn-standout {
1122
+ background-image: none;
1123
+ }
1124
+ .section-impact .btn-standout.disabled, .section-impact .btn-standout.disabled:hover, .section-impact .btn-standout.disabled:focus, .section-impact .btn-standout.disabled:active, .section-impact .btn-standout.disabled.active, .section-impact .btn-standout[disabled], .section-impact .btn-standout[disabled]:hover, .section-impact .btn-standout[disabled]:focus, .section-impact .btn-standout[disabled]:active, .section-impact .btn-standout[disabled].active, fieldset[disabled] .section-impact .btn-standout, fieldset[disabled] .section-impact .btn-standout:hover, fieldset[disabled] .section-impact .btn-standout:focus, fieldset[disabled] .section-impact .btn-standout:active, fieldset[disabled] .section-impact .btn-standout.active,
1125
+ .card-impact .btn-standout.disabled,
1126
+ .card-impact .btn-standout.disabled:hover,
1127
+ .card-impact .btn-standout.disabled:focus,
1128
+ .card-impact .btn-standout.disabled:active,
1129
+ .card-impact .btn-standout.disabled.active,
1130
+ .card-impact .btn-standout[disabled],
1131
+ .card-impact .btn-standout[disabled]:hover,
1132
+ .card-impact .btn-standout[disabled]:focus,
1133
+ .card-impact .btn-standout[disabled]:active,
1134
+ .card-impact .btn-standout[disabled].active,
1135
+ fieldset[disabled] .card-impact .btn-standout,
1136
+ fieldset[disabled] .card-impact .btn-standout:hover,
1137
+ fieldset[disabled] .card-impact .btn-standout:focus,
1138
+ fieldset[disabled] .card-impact .btn-standout:active,
1139
+ fieldset[disabled] .card-impact .btn-standout.active {
1140
+ background-color: #21272a !important;
1141
+ border-color: #ffffff;
1142
+ }
1143
+ .section-impact .btn-standout .badge,
1144
+ .card-impact .btn-standout .badge {
1145
+ color: #21272a;
1146
+ background-color: #fff;
1147
+ }
1148
+ .section-impact .btn-default,
1149
+ .card-impact .btn-default {
1150
+ color: #fff;
1151
+ background-color: transparent;
1152
+ border-color: #e2dfda;
1153
+ font-weight: 600;
1154
+ margin-bottom: 12px;
1155
+ }
1156
+ .section-impact .btn-default:hover, .section-impact .btn-default:focus, .section-impact .btn-default:not(:disabled):not(.disabled):active, .section-impact .btn-default:not(:disabled):not(.disabled).active,
1157
+ .section-impact .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-default,
1158
+ .card-impact .btn-default:hover,
1159
+ .card-impact .btn-default:focus,
1160
+ .card-impact .btn-default:not(:disabled):not(.disabled):active,
1161
+ .card-impact .btn-default:not(:disabled):not(.disabled).active,
1162
+ .card-impact .btn-default .show > .dropdown-toggle,
1163
+ .open > .dropdown-toggle .card-impact .btn-default {
1164
+ color: #fff;
1165
+ background-color: rgba(255, 255, 255, 0.2);
1166
+ border-color: #fff;
1167
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
1168
+ }
1169
+ .section-impact .btn-default:focus,
1170
+ .card-impact .btn-default:focus {
1171
+ outline: solid 2px #2ea3f2 !important;
1172
+ }
1173
+ .section-impact .btn-default:not(:disabled):not(.disabled):active, .section-impact .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-default,
1174
+ .card-impact .btn-default:not(:disabled):not(.disabled):active,
1175
+ .card-impact .btn-default:not(:disabled):not(.disabled).active,
1176
+ .open > .dropdown-toggle .card-impact .btn-default {
1177
+ background-image: none;
1178
+ }
1179
+ .section-impact .btn-default.disabled, .section-impact .btn-default.disabled:hover, .section-impact .btn-default.disabled:focus, .section-impact .btn-default.disabled:active, .section-impact .btn-default.disabled.active, .section-impact .btn-default[disabled], .section-impact .btn-default[disabled]:hover, .section-impact .btn-default[disabled]:focus, .section-impact .btn-default[disabled]:active, .section-impact .btn-default[disabled].active, fieldset[disabled] .section-impact .btn-default, fieldset[disabled] .section-impact .btn-default:hover, fieldset[disabled] .section-impact .btn-default:focus, fieldset[disabled] .section-impact .btn-default:active, fieldset[disabled] .section-impact .btn-default.active,
1180
+ .card-impact .btn-default.disabled,
1181
+ .card-impact .btn-default.disabled:hover,
1182
+ .card-impact .btn-default.disabled:focus,
1183
+ .card-impact .btn-default.disabled:active,
1184
+ .card-impact .btn-default.disabled.active,
1185
+ .card-impact .btn-default[disabled],
1186
+ .card-impact .btn-default[disabled]:hover,
1187
+ .card-impact .btn-default[disabled]:focus,
1188
+ .card-impact .btn-default[disabled]:active,
1189
+ .card-impact .btn-default[disabled].active,
1190
+ fieldset[disabled] .card-impact .btn-default,
1191
+ fieldset[disabled] .card-impact .btn-default:hover,
1192
+ fieldset[disabled] .card-impact .btn-default:focus,
1193
+ fieldset[disabled] .card-impact .btn-default:active,
1194
+ fieldset[disabled] .card-impact .btn-default.active {
1195
+ background-color: transparent !important;
1196
+ border-color: #e2dfda;
1197
+ }
1198
+ .section-impact .btn-default .badge,
1199
+ .card-impact .btn-default .badge {
1200
+ color: transparent;
1201
+ background-color: #fff;
1202
+ }
1203
+ .section-impact .btn-default [class^=ca-gov-icon-],
1204
+ .card-impact .btn-default [class^=ca-gov-icon-] {
1205
+ color: #e2dfda;
1206
+ padding: 0 5px;
1207
+ }
1208
+ .section-primary,
1209
+ .card-primary {
1210
+ background: #446a7c;
1211
+ color: #ffffff;
1212
+ }
1213
+ .section-primary a:not(.btn),
1214
+ .card-primary a:not(.btn) {
1215
+ color: #fff;
1216
+ text-decoration: none;
1217
+ }
1218
+ .section-primary a:not(.btn):hover, .section-primary a:not(.btn):focus,
1219
+ .card-primary a:not(.btn):hover,
1220
+ .card-primary a:not(.btn):focus {
1221
+ color: #eff5f8;
1222
+ text-decoration: underline;
1223
+ }
1224
+ .section-primary a:not(.btn):focus,
1225
+ .card-primary a:not(.btn):focus {
1226
+ outline: thin dotted;
1227
+ outline: 5px auto -webkit-focus-ring-color;
1228
+ outline-offset: -2px;
1229
+ }
1230
+ .section-primary a:not(.btn),
1231
+ .card-primary a:not(.btn) {
1232
+ text-decoration: underline;
1233
+ }
1234
+ .section-primary .btn-primary,
1235
+ .card-primary .btn-primary {
1236
+ color: #fff;
1237
+ background-color: #446a7c;
1238
+ border-color: #ffffff;
1239
+ font-weight: 600;
1240
+ }
1241
+ .section-primary .btn-primary:hover, .section-primary .btn-primary:focus, .section-primary .btn-primary:not(:disabled):not(.disabled):active, .section-primary .btn-primary:not(:disabled):not(.disabled).active,
1242
+ .section-primary .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-primary .btn-primary,
1243
+ .card-primary .btn-primary:hover,
1244
+ .card-primary .btn-primary:focus,
1245
+ .card-primary .btn-primary:not(:disabled):not(.disabled):active,
1246
+ .card-primary .btn-primary:not(:disabled):not(.disabled).active,
1247
+ .card-primary .btn-primary .show > .dropdown-toggle,
1248
+ .open > .dropdown-toggle .card-primary .btn-primary {
1249
+ color: #fff;
1250
+ background-color: #375665;
1251
+ border-color: #ffffff;
1252
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
1253
+ }
1254
+ .section-primary .btn-primary:focus,
1255
+ .card-primary .btn-primary:focus {
1256
+ outline: solid 2px #2ea3f2 !important;
1257
+ }
1258
+ .section-primary .btn-primary:not(:disabled):not(.disabled):active, .section-primary .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-primary .btn-primary,
1259
+ .card-primary .btn-primary:not(:disabled):not(.disabled):active,
1260
+ .card-primary .btn-primary:not(:disabled):not(.disabled).active,
1261
+ .open > .dropdown-toggle .card-primary .btn-primary {
1262
+ background-image: none;
1263
+ }
1264
+ .section-primary .btn-primary.disabled, .section-primary .btn-primary.disabled:hover, .section-primary .btn-primary.disabled:focus, .section-primary .btn-primary.disabled:active, .section-primary .btn-primary.disabled.active, .section-primary .btn-primary[disabled], .section-primary .btn-primary[disabled]:hover, .section-primary .btn-primary[disabled]:focus, .section-primary .btn-primary[disabled]:active, .section-primary .btn-primary[disabled].active, fieldset[disabled] .section-primary .btn-primary, fieldset[disabled] .section-primary .btn-primary:hover, fieldset[disabled] .section-primary .btn-primary:focus, fieldset[disabled] .section-primary .btn-primary:active, fieldset[disabled] .section-primary .btn-primary.active,
1265
+ .card-primary .btn-primary.disabled,
1266
+ .card-primary .btn-primary.disabled:hover,
1267
+ .card-primary .btn-primary.disabled:focus,
1268
+ .card-primary .btn-primary.disabled:active,
1269
+ .card-primary .btn-primary.disabled.active,
1270
+ .card-primary .btn-primary[disabled],
1271
+ .card-primary .btn-primary[disabled]:hover,
1272
+ .card-primary .btn-primary[disabled]:focus,
1273
+ .card-primary .btn-primary[disabled]:active,
1274
+ .card-primary .btn-primary[disabled].active,
1275
+ fieldset[disabled] .card-primary .btn-primary,
1276
+ fieldset[disabled] .card-primary .btn-primary:hover,
1277
+ fieldset[disabled] .card-primary .btn-primary:focus,
1278
+ fieldset[disabled] .card-primary .btn-primary:active,
1279
+ fieldset[disabled] .card-primary .btn-primary.active {
1280
+ background-color: #446a7c !important;
1281
+ border-color: #ffffff;
1282
+ }
1283
+ .section-primary .btn-primary .badge,
1284
+ .card-primary .btn-primary .badge {
1285
+ color: #446a7c;
1286
+ background-color: #fff;
1287
+ }
1288
+ .section-primary .btn-standout,
1289
+ .card-primary .btn-standout {
1290
+ color: #fff;
1291
+ background-color: #21272a;
1292
+ border-color: #ffffff;
1293
+ font-weight: 600;
1294
+ }
1295
+ .section-primary .btn-standout:hover, .section-primary .btn-standout:focus, .section-primary .btn-standout:not(:disabled):not(.disabled):active, .section-primary .btn-standout:not(:disabled):not(.disabled).active,
1296
+ .section-primary .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-primary .btn-standout,
1297
+ .card-primary .btn-standout:hover,
1298
+ .card-primary .btn-standout:focus,
1299
+ .card-primary .btn-standout:not(:disabled):not(.disabled):active,
1300
+ .card-primary .btn-standout:not(:disabled):not(.disabled).active,
1301
+ .card-primary .btn-standout .show > .dropdown-toggle,
1302
+ .open > .dropdown-toggle .card-primary .btn-standout {
1303
+ color: #fff;
1304
+ background-color: #111416;
1305
+ border-color: #ffffff;
1306
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
1307
+ }
1308
+ .section-primary .btn-standout:focus,
1309
+ .card-primary .btn-standout:focus {
1310
+ outline: solid 2px #2ea3f2 !important;
1311
+ }
1312
+ .section-primary .btn-standout:not(:disabled):not(.disabled):active, .section-primary .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-primary .btn-standout,
1313
+ .card-primary .btn-standout:not(:disabled):not(.disabled):active,
1314
+ .card-primary .btn-standout:not(:disabled):not(.disabled).active,
1315
+ .open > .dropdown-toggle .card-primary .btn-standout {
1316
+ background-image: none;
1317
+ }
1318
+ .section-primary .btn-standout.disabled, .section-primary .btn-standout.disabled:hover, .section-primary .btn-standout.disabled:focus, .section-primary .btn-standout.disabled:active, .section-primary .btn-standout.disabled.active, .section-primary .btn-standout[disabled], .section-primary .btn-standout[disabled]:hover, .section-primary .btn-standout[disabled]:focus, .section-primary .btn-standout[disabled]:active, .section-primary .btn-standout[disabled].active, fieldset[disabled] .section-primary .btn-standout, fieldset[disabled] .section-primary .btn-standout:hover, fieldset[disabled] .section-primary .btn-standout:focus, fieldset[disabled] .section-primary .btn-standout:active, fieldset[disabled] .section-primary .btn-standout.active,
1319
+ .card-primary .btn-standout.disabled,
1320
+ .card-primary .btn-standout.disabled:hover,
1321
+ .card-primary .btn-standout.disabled:focus,
1322
+ .card-primary .btn-standout.disabled:active,
1323
+ .card-primary .btn-standout.disabled.active,
1324
+ .card-primary .btn-standout[disabled],
1325
+ .card-primary .btn-standout[disabled]:hover,
1326
+ .card-primary .btn-standout[disabled]:focus,
1327
+ .card-primary .btn-standout[disabled]:active,
1328
+ .card-primary .btn-standout[disabled].active,
1329
+ fieldset[disabled] .card-primary .btn-standout,
1330
+ fieldset[disabled] .card-primary .btn-standout:hover,
1331
+ fieldset[disabled] .card-primary .btn-standout:focus,
1332
+ fieldset[disabled] .card-primary .btn-standout:active,
1333
+ fieldset[disabled] .card-primary .btn-standout.active {
1334
+ background-color: #21272a !important;
1335
+ border-color: #ffffff;
1336
+ }
1337
+ .section-primary .btn-standout .badge,
1338
+ .card-primary .btn-standout .badge {
1339
+ color: #21272a;
1340
+ background-color: #fff;
1341
+ }
1342
+ .section-inverted,
1343
+ .card-inverted {
1344
+ background: #222222;
1345
+ color: #fff;
1346
+ }
1347
+ .section-inverted a:not(.btn),
1348
+ .card-inverted a:not(.btn) {
1349
+ color: #ccc8bf;
1350
+ text-decoration: none;
1351
+ }
1352
+ .section-inverted a:not(.btn):hover, .section-inverted a:not(.btn):focus,
1353
+ .card-inverted a:not(.btn):hover,
1354
+ .card-inverted a:not(.btn):focus {
1355
+ color: #bcb7ab;
1356
+ text-decoration: underline;
1357
+ }
1358
+ .section-inverted a:not(.btn):focus,
1359
+ .card-inverted a:not(.btn):focus {
1360
+ outline: thin dotted;
1361
+ outline: 5px auto -webkit-focus-ring-color;
1362
+ outline-offset: -2px;
1363
+ }
1364
+ .section-inverted a:not(.btn),
1365
+ .card-inverted a:not(.btn) {
1366
+ text-decoration: underline;
1367
+ }
1368
+ .section-inverted .btn-primary,
1369
+ .card-inverted .btn-primary {
1370
+ color: #fff;
1371
+ background-color: #446a7c;
1372
+ border-color: #ffffff;
1373
+ font-weight: 600;
1374
+ }
1375
+ .section-inverted .btn-primary:hover, .section-inverted .btn-primary:focus, .section-inverted .btn-primary:not(:disabled):not(.disabled):active, .section-inverted .btn-primary:not(:disabled):not(.disabled).active,
1376
+ .section-inverted .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-inverted .btn-primary,
1377
+ .card-inverted .btn-primary:hover,
1378
+ .card-inverted .btn-primary:focus,
1379
+ .card-inverted .btn-primary:not(:disabled):not(.disabled):active,
1380
+ .card-inverted .btn-primary:not(:disabled):not(.disabled).active,
1381
+ .card-inverted .btn-primary .show > .dropdown-toggle,
1382
+ .open > .dropdown-toggle .card-inverted .btn-primary {
1383
+ color: #fff;
1384
+ background-color: #375665;
1385
+ border-color: #ffffff;
1386
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
1387
+ }
1388
+ .section-inverted .btn-primary:focus,
1389
+ .card-inverted .btn-primary:focus {
1390
+ outline: solid 2px #2ea3f2 !important;
1391
+ }
1392
+ .section-inverted .btn-primary:not(:disabled):not(.disabled):active, .section-inverted .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-inverted .btn-primary,
1393
+ .card-inverted .btn-primary:not(:disabled):not(.disabled):active,
1394
+ .card-inverted .btn-primary:not(:disabled):not(.disabled).active,
1395
+ .open > .dropdown-toggle .card-inverted .btn-primary {
1396
+ background-image: none;
1397
+ }
1398
+ .section-inverted .btn-primary.disabled, .section-inverted .btn-primary.disabled:hover, .section-inverted .btn-primary.disabled:focus, .section-inverted .btn-primary.disabled:active, .section-inverted .btn-primary.disabled.active, .section-inverted .btn-primary[disabled], .section-inverted .btn-primary[disabled]:hover, .section-inverted .btn-primary[disabled]:focus, .section-inverted .btn-primary[disabled]:active, .section-inverted .btn-primary[disabled].active, fieldset[disabled] .section-inverted .btn-primary, fieldset[disabled] .section-inverted .btn-primary:hover, fieldset[disabled] .section-inverted .btn-primary:focus, fieldset[disabled] .section-inverted .btn-primary:active, fieldset[disabled] .section-inverted .btn-primary.active,
1399
+ .card-inverted .btn-primary.disabled,
1400
+ .card-inverted .btn-primary.disabled:hover,
1401
+ .card-inverted .btn-primary.disabled:focus,
1402
+ .card-inverted .btn-primary.disabled:active,
1403
+ .card-inverted .btn-primary.disabled.active,
1404
+ .card-inverted .btn-primary[disabled],
1405
+ .card-inverted .btn-primary[disabled]:hover,
1406
+ .card-inverted .btn-primary[disabled]:focus,
1407
+ .card-inverted .btn-primary[disabled]:active,
1408
+ .card-inverted .btn-primary[disabled].active,
1409
+ fieldset[disabled] .card-inverted .btn-primary,
1410
+ fieldset[disabled] .card-inverted .btn-primary:hover,
1411
+ fieldset[disabled] .card-inverted .btn-primary:focus,
1412
+ fieldset[disabled] .card-inverted .btn-primary:active,
1413
+ fieldset[disabled] .card-inverted .btn-primary.active {
1414
+ background-color: #446a7c !important;
1415
+ border-color: #ffffff;
1416
+ }
1417
+ .section-inverted .btn-primary .badge,
1418
+ .card-inverted .btn-primary .badge {
1419
+ color: #446a7c;
1420
+ background-color: #fff;
1421
+ }
1422
+ .section-inverted .btn-standout,
1423
+ .card-inverted .btn-standout {
1424
+ color: #fff;
1425
+ background-color: #21272a;
1426
+ border-color: #ffffff;
1427
+ font-weight: 600;
1428
+ }
1429
+ .section-inverted .btn-standout:hover, .section-inverted .btn-standout:focus, .section-inverted .btn-standout:not(:disabled):not(.disabled):active, .section-inverted .btn-standout:not(:disabled):not(.disabled).active,
1430
+ .section-inverted .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-inverted .btn-standout,
1431
+ .card-inverted .btn-standout:hover,
1432
+ .card-inverted .btn-standout:focus,
1433
+ .card-inverted .btn-standout:not(:disabled):not(.disabled):active,
1434
+ .card-inverted .btn-standout:not(:disabled):not(.disabled).active,
1435
+ .card-inverted .btn-standout .show > .dropdown-toggle,
1436
+ .open > .dropdown-toggle .card-inverted .btn-standout {
1437
+ color: #fff;
1438
+ background-color: #111416;
1439
+ border-color: #ffffff;
1440
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
1441
+ }
1442
+ .section-inverted .btn-standout:focus,
1443
+ .card-inverted .btn-standout:focus {
1444
+ outline: solid 2px #2ea3f2 !important;
1445
+ }
1446
+ .section-inverted .btn-standout:not(:disabled):not(.disabled):active, .section-inverted .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-inverted .btn-standout,
1447
+ .card-inverted .btn-standout:not(:disabled):not(.disabled):active,
1448
+ .card-inverted .btn-standout:not(:disabled):not(.disabled).active,
1449
+ .open > .dropdown-toggle .card-inverted .btn-standout {
1450
+ background-image: none;
1451
+ }
1452
+ .section-inverted .btn-standout.disabled, .section-inverted .btn-standout.disabled:hover, .section-inverted .btn-standout.disabled:focus, .section-inverted .btn-standout.disabled:active, .section-inverted .btn-standout.disabled.active, .section-inverted .btn-standout[disabled], .section-inverted .btn-standout[disabled]:hover, .section-inverted .btn-standout[disabled]:focus, .section-inverted .btn-standout[disabled]:active, .section-inverted .btn-standout[disabled].active, fieldset[disabled] .section-inverted .btn-standout, fieldset[disabled] .section-inverted .btn-standout:hover, fieldset[disabled] .section-inverted .btn-standout:focus, fieldset[disabled] .section-inverted .btn-standout:active, fieldset[disabled] .section-inverted .btn-standout.active,
1453
+ .card-inverted .btn-standout.disabled,
1454
+ .card-inverted .btn-standout.disabled:hover,
1455
+ .card-inverted .btn-standout.disabled:focus,
1456
+ .card-inverted .btn-standout.disabled:active,
1457
+ .card-inverted .btn-standout.disabled.active,
1458
+ .card-inverted .btn-standout[disabled],
1459
+ .card-inverted .btn-standout[disabled]:hover,
1460
+ .card-inverted .btn-standout[disabled]:focus,
1461
+ .card-inverted .btn-standout[disabled]:active,
1462
+ .card-inverted .btn-standout[disabled].active,
1463
+ fieldset[disabled] .card-inverted .btn-standout,
1464
+ fieldset[disabled] .card-inverted .btn-standout:hover,
1465
+ fieldset[disabled] .card-inverted .btn-standout:focus,
1466
+ fieldset[disabled] .card-inverted .btn-standout:active,
1467
+ fieldset[disabled] .card-inverted .btn-standout.active {
1468
+ background-color: #21272a !important;
1469
+ border-color: #ffffff;
1470
+ }
1471
+ .section-inverted .btn-standout .badge,
1472
+ .card-inverted .btn-standout .badge {
1473
+ color: #21272a;
1474
+ background-color: #fff;
1475
+ }
1476
+ .section-danger,
1477
+ .card-danger {
1478
+ background: #cd402d;
1479
+ color: #ffffff;
1480
+ }
1481
+ .section-danger a:not(.btn),
1482
+ .card-danger a:not(.btn) {
1483
+ color: #000;
1484
+ text-decoration: none;
1485
+ }
1486
+ .section-danger a:not(.btn):hover, .section-danger a:not(.btn):focus,
1487
+ .card-danger a:not(.btn):hover,
1488
+ .card-danger a:not(.btn):focus {
1489
+ color: #000;
1490
+ text-decoration: underline;
1491
+ }
1492
+ .section-danger a:not(.btn):focus,
1493
+ .card-danger a:not(.btn):focus {
1494
+ outline: thin dotted;
1495
+ outline: 5px auto -webkit-focus-ring-color;
1496
+ outline-offset: -2px;
1497
+ }
1498
+ .section-danger a:not(.btn),
1499
+ .card-danger a:not(.btn) {
1500
+ text-decoration: underline;
1501
+ }
1502
+
1503
+ .bg-highlight a:not(.btn) {
1504
+ color: #3b3a48;
1505
+ text-decoration: none;
1506
+ }
1507
+ .bg-highlight a:not(.btn):hover, .bg-highlight a:not(.btn):focus {
1508
+ color: #000;
1509
+ text-decoration: underline;
1510
+ }
1511
+ .bg-highlight a:not(.btn):focus {
1512
+ outline: thin dotted;
1513
+ outline: 5px auto -webkit-focus-ring-color;
1514
+ outline-offset: -2px;
1515
+ }
1516
+ .bg-highlight a:not(.btn) {
1517
+ text-decoration: underline;
1518
+ }
1519
+
1520
+ .bg-primary {
1521
+ color: #fff;
1522
+ }
1523
+ .bg-primary a:not(.btn) {
1524
+ color: #fff;
1525
+ text-decoration: none;
1526
+ }
1527
+ .bg-primary a:not(.btn):hover, .bg-primary a:not(.btn):focus {
1528
+ color: #eff5f8;
1529
+ text-decoration: underline;
1530
+ }
1531
+ .bg-primary a:not(.btn):focus {
1532
+ outline: thin dotted;
1533
+ outline: 5px auto -webkit-focus-ring-color;
1534
+ outline-offset: -2px;
1535
+ }
1536
+ .bg-primary a:not(.btn) {
1537
+ text-decoration: underline;
1538
+ }
1539
+
1540
+ .bg-standout {
1541
+ color: #fff;
1542
+ }
1543
+ .bg-standout a:not(.btn) {
1544
+ color: #ccc8bf;
1545
+ text-decoration: none;
1546
+ }
1547
+ .bg-standout a:not(.btn):hover, .bg-standout a:not(.btn):focus {
1548
+ color: #c0baaf;
1549
+ text-decoration: underline;
1550
+ }
1551
+ .bg-standout a:not(.btn):focus {
1552
+ outline: thin dotted;
1553
+ outline: 5px auto -webkit-focus-ring-color;
1554
+ outline-offset: -2px;
1555
+ }
1556
+ .bg-standout a:not(.btn) {
1557
+ text-decoration: underline;
1558
+ }
1559
+
1560
+ a.text-white:not(.btn) {
1561
+ text-decoration: underline;
1562
+ }
1563
+ a.text-white:not(.btn):hover {
1564
+ text-decoration: underline;
1565
+ }
1566
+
1567
+ /* -----------------------------------------
1568
+ HEADER SLIDESHOW BANNER
1569
+ /source/scss/colortheme/cs-header-slideshow-banner.scss
1570
+ ----------------------------------------- */
1571
+ .header-slideshow-banner {
1572
+ background: #000;
1573
+ }
1574
+
1575
+ /* -----------------------------------------
1576
+ PROGRESS BARS
1577
+ /source/scss/colortheme/cs-progress-bar.scss
1578
+ ----------------------------------------- */
1579
+ /* Traditional Colors */
1580
+ .progress-bar-default {
1581
+ background-color: #d6d6d6;
1582
+ }
1583
+ .progress-striped .progress-bar-default {
1584
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1585
+ }
1586
+
1587
+ .progress-bar-primary {
1588
+ background-color: #446a7c;
1589
+ }
1590
+ .progress-striped .progress-bar-primary {
1591
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1592
+ }
1593
+
1594
+ .progress-bar-understated {
1595
+ background-color: #eff5f8;
1596
+ }
1597
+ .progress-striped .progress-bar-understated {
1598
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1599
+ }
1600
+
1601
+ .progress-bar-overstated {
1602
+ background-color: #ccc8bf;
1603
+ }
1604
+ .progress-striped .progress-bar-overstated {
1605
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1606
+ }
1607
+
1608
+ .progress-bar-standout {
1609
+ background-color: #21272a;
1610
+ }
1611
+ .progress-striped .progress-bar-standout {
1612
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1613
+ }
1614
+
1615
+ /* Accent Colors */
1616
+ .progress-bar-accent1 {
1617
+ background-color: #1b79c0;
1618
+ }
1619
+ .progress-striped .progress-bar-accent1 {
1620
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1621
+ }
1622
+
1623
+ .progress-bar-accent1 {
1624
+ background-color: #1b79c0;
1625
+ }
1626
+ .progress-striped .progress-bar-accent1 {
1627
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1628
+ }
1629
+
1630
+ .progress-bar-accent2 {
1631
+ background-color: #077cbb;
1632
+ }
1633
+ .progress-striped .progress-bar-accent2 {
1634
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1635
+ }
1636
+
1637
+ .progress-bar-accent3 {
1638
+ background-color: #258378;
1639
+ }
1640
+ .progress-striped .progress-bar-accent3 {
1641
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1642
+ }
1643
+
1644
+ .progress-bar-accent4 {
1645
+ background-color: #32852e;
1646
+ }
1647
+ .progress-striped .progress-bar-accent4 {
1648
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1649
+ }
1650
+
1651
+ .progress-bar-accent5 {
1652
+ background-color: #815ab4;
1653
+ }
1654
+ .progress-striped .progress-bar-accent5 {
1655
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1656
+ }
1657
+
1658
+ .progress-bar-accent6 {
1659
+ background-color: #be37cd;
1660
+ }
1661
+ .progress-striped .progress-bar-accent6 {
1662
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1663
+ }
1664
+
1665
+ .progress-bar-accent7 {
1666
+ background-color: #c93e2c;
1667
+ }
1668
+ .progress-striped .progress-bar-accent7 {
1669
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1670
+ }
1671
+
1672
+ .progress-bar-accent8 {
1673
+ background-color: #bb520c;
1674
+ }
1675
+ .progress-striped .progress-bar-accent8 {
1676
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1677
+ }
1678
+
1679
+ .progress-bar-accent9 {
1680
+ background-color: #f7e455;
1681
+ }
1682
+ .progress-striped .progress-bar-accent9 {
1683
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1684
+ }
1685
+
1686
+ /* -----------------------------------------
1687
+ COMMENT
1688
+ /source/scss/colortheme/cs-testimonials.scss
1689
+ ----------------------------------------- */
1690
+ .testimonial-default {
1691
+ background: whitesmoke;
1692
+ }
1693
+ .testimonial-understated {
1694
+ background: #eff5f8;
1695
+ }
1696
+ .testimonial-overstated {
1697
+ background: #ccc8bf;
1698
+ color: #3b3a48;
1699
+ }
1700
+ .testimonial-overstated a:not(.btn) {
1701
+ color: #3b3a48;
1702
+ text-decoration: none;
1703
+ }
1704
+ .testimonial-overstated a:not(.btn):hover, .testimonial-overstated a:not(.btn):focus {
1705
+ color: #000;
1706
+ text-decoration: underline;
1707
+ }
1708
+ .testimonial-overstated a:not(.btn):focus {
1709
+ outline: thin dotted;
1710
+ outline: 5px auto -webkit-focus-ring-color;
1711
+ outline-offset: -2px;
1712
+ }
1713
+ .testimonial-overstated a:not(.btn) {
1714
+ text-decoration: underline;
1715
+ }
1716
+ .testimonial-overstated footer {
1717
+ color: #000000;
1718
+ }
1719
+ .testimonial-standout {
1720
+ background: #21272a;
1721
+ color: #ffffff;
1722
+ }
1723
+ .testimonial-standout a:not(.btn) {
1724
+ color: #c19e73;
1725
+ text-decoration: none;
1726
+ }
1727
+ .testimonial-standout a:not(.btn):hover, .testimonial-standout a:not(.btn):focus {
1728
+ color: #fff;
1729
+ text-decoration: underline;
1730
+ }
1731
+ .testimonial-standout a:not(.btn):focus {
1732
+ outline: thin dotted;
1733
+ outline: 5px auto -webkit-focus-ring-color;
1734
+ outline-offset: -2px;
1735
+ }
1736
+ .testimonial-standout a:not(.btn) {
1737
+ text-decoration: underline;
1738
+ }
1739
+ .testimonial-standout footer {
1740
+ color: #ffffff;
1741
+ }
1742
+ .testimonial-primary {
1743
+ background: #446a7c;
1744
+ color: #ffffff;
1745
+ }
1746
+ .testimonial-primary a:not(.btn) {
1747
+ color: #fff;
1748
+ text-decoration: none;
1749
+ }
1750
+ .testimonial-primary a:not(.btn):hover, .testimonial-primary a:not(.btn):focus {
1751
+ color: #eff5f8;
1752
+ text-decoration: underline;
1753
+ }
1754
+ .testimonial-primary a:not(.btn):focus {
1755
+ outline: thin dotted;
1756
+ outline: 5px auto -webkit-focus-ring-color;
1757
+ outline-offset: -2px;
1758
+ }
1759
+ .testimonial-primary a:not(.btn) {
1760
+ text-decoration: underline;
1761
+ }
1762
+ .testimonial-primary footer {
1763
+ color: #ffffff;
1764
+ }
1765
+ .testimonial-highlight {
1766
+ background: #c19e73;
1767
+ color: #3b3a48;
1768
+ }
1769
+ .testimonial-highlight a:not(.btn) {
1770
+ color: #3b3a48;
1771
+ text-decoration: none;
1772
+ }
1773
+ .testimonial-highlight a:not(.btn):hover, .testimonial-highlight a:not(.btn):focus {
1774
+ color: #000;
1775
+ text-decoration: underline;
1776
+ }
1777
+ .testimonial-highlight a:not(.btn):focus {
1778
+ outline: thin dotted;
1779
+ outline: 5px auto -webkit-focus-ring-color;
1780
+ outline-offset: -2px;
1781
+ }
1782
+ .testimonial-highlight a:not(.btn) {
1783
+ text-decoration: underline;
1784
+ }
1785
+ .testimonial-highlight footer {
1786
+ color: #000000;
1787
+ }
1788
+ .testimonial-inverted {
1789
+ background: #222222;
1790
+ color: #fff;
1791
+ }
1792
+ .testimonial-inverted a:not(.btn) {
1793
+ color: #c19e73;
1794
+ text-decoration: none;
1795
+ }
1796
+ .testimonial-inverted a:not(.btn):hover, .testimonial-inverted a:not(.btn):focus {
1797
+ color: #fff;
1798
+ text-decoration: underline;
1799
+ }
1800
+ .testimonial-inverted a:not(.btn):focus {
1801
+ outline: thin dotted;
1802
+ outline: 5px auto -webkit-focus-ring-color;
1803
+ outline-offset: -2px;
1804
+ }
1805
+ .testimonial-inverted a:not(.btn) {
1806
+ text-decoration: underline;
1807
+ }
1808
+ .testimonial-inverted footer {
1809
+ color: #ffffff;
1810
+ }
1811
+ .testimonial-danger {
1812
+ background: #cd402d;
1813
+ color: #ffffff;
1814
+ }
1815
+ .testimonial-danger a:not(.btn) {
1816
+ color: #000;
1817
+ text-decoration: none;
1818
+ }
1819
+ .testimonial-danger a:not(.btn):hover, .testimonial-danger a:not(.btn):focus {
1820
+ color: #000;
1821
+ text-decoration: underline;
1822
+ }
1823
+ .testimonial-danger a:not(.btn):focus {
1824
+ outline: thin dotted;
1825
+ outline: 5px auto -webkit-focus-ring-color;
1826
+ outline-offset: -2px;
1827
+ }
1828
+ .testimonial-danger a:not(.btn) {
1829
+ text-decoration: underline;
1830
+ }
1831
+ .testimonial-danger footer {
1832
+ color: #ffffff;
1833
+ }
1834
+
1835
+ /* -----------------------------------------
1836
+ CARDS
1837
+ /source/scss/colortheme/cs-cards.scss
1838
+ ----------------------------------------- */
1839
+ .card-primary {
1840
+ background-color: #046b99;
1841
+ border-color: #046b99;
1842
+ color: #ffffff;
1843
+ }
1844
+ .card-primary a:not(.btn) {
1845
+ color: #fff;
1846
+ text-decoration: none;
1847
+ }
1848
+ .card-primary a:not(.btn):hover, .card-primary a:not(.btn):focus {
1849
+ color: #eff5f8;
1850
+ text-decoration: underline;
1851
+ }
1852
+ .card-primary a:not(.btn):focus {
1853
+ outline: thin dotted;
1854
+ outline: 5px auto -webkit-focus-ring-color;
1855
+ outline-offset: -2px;
1856
+ }
1857
+ .card-primary a:not(.btn) {
1858
+ text-decoration: underline;
1859
+ }
1860
+ .card-primary .card-header {
1861
+ border-bottom: 1px solid #046b99;
1862
+ background-color: #035a80;
1863
+ }
1864
+ .card-primary .card-footer {
1865
+ border-top: 1px solid #046b99;
1866
+ background-color: #035a80;
1867
+ }
1868
+
1869
+ .card-inverted,
1870
+ .card-inverse {
1871
+ background-color: #000000;
1872
+ border-color: #000000;
1873
+ color: #ffffff;
1874
+ }
1875
+ .card-inverted a:not(.btn),
1876
+ .card-inverse a:not(.btn) {
1877
+ color: #ccc8bf;
1878
+ text-decoration: none;
1879
+ }
1880
+ .card-inverted a:not(.btn):hover, .card-inverted a:not(.btn):focus,
1881
+ .card-inverse a:not(.btn):hover,
1882
+ .card-inverse a:not(.btn):focus {
1883
+ color: #bcb7ab;
1884
+ text-decoration: underline;
1885
+ }
1886
+ .card-inverted a:not(.btn):focus,
1887
+ .card-inverse a:not(.btn):focus {
1888
+ outline: thin dotted;
1889
+ outline: 5px auto -webkit-focus-ring-color;
1890
+ outline-offset: -2px;
1891
+ }
1892
+ .card-inverted a:not(.btn),
1893
+ .card-inverse a:not(.btn) {
1894
+ text-decoration: underline;
1895
+ }
1896
+ .card-inverted .card-header,
1897
+ .card-inverse .card-header {
1898
+ border-bottom: 1px solid #000000;
1899
+ background-color: black;
1900
+ }
1901
+ .card-inverted .card-footer,
1902
+ .card-inverse .card-footer {
1903
+ border-top: 1px solid #000000;
1904
+ background-color: black;
1905
+ }
1906
+
1907
+ .card-success {
1908
+ background-color: #32852e;
1909
+ border-color: #32852e;
1910
+ color: #ffffff;
1911
+ }
1912
+ .card-success a:not(.btn) {
1913
+ color: #3b3a48;
1914
+ text-decoration: none;
1915
+ }
1916
+ .card-success a:not(.btn):hover, .card-success a:not(.btn):focus {
1917
+ color: #000;
1918
+ text-decoration: underline;
1919
+ }
1920
+ .card-success a:not(.btn):focus {
1921
+ outline: thin dotted;
1922
+ outline: 5px auto -webkit-focus-ring-color;
1923
+ outline-offset: -2px;
1924
+ }
1925
+ .card-success a:not(.btn) {
1926
+ text-decoration: underline;
1927
+ }
1928
+ .card-success .card-header {
1929
+ border-bottom: 1px solid #32852e;
1930
+ background-color: #2b7227;
1931
+ }
1932
+ .card-success .card-footer {
1933
+ border-top: 1px solid #32852e;
1934
+ background-color: #2b7227;
1935
+ }
1936
+
1937
+ .card-info {
1938
+ background-color: #1c7db5;
1939
+ border-color: #1c7db5;
1940
+ color: #ffffff;
1941
+ }
1942
+ .card-info a:not(.btn) {
1943
+ color: #fff;
1944
+ text-decoration: none;
1945
+ }
1946
+ .card-info a:not(.btn):hover, .card-info a:not(.btn):focus {
1947
+ color: #fff;
1948
+ text-decoration: underline;
1949
+ }
1950
+ .card-info a:not(.btn):focus {
1951
+ outline: thin dotted;
1952
+ outline: 5px auto -webkit-focus-ring-color;
1953
+ outline-offset: -2px;
1954
+ }
1955
+ .card-info a:not(.btn) {
1956
+ text-decoration: underline;
1957
+ }
1958
+ .card-info .card-header {
1959
+ border-bottom: 1px solid #1c7db5;
1960
+ background-color: #196e9f;
1961
+ }
1962
+ .card-info .card-footer {
1963
+ border-top: 1px solid #1c7db5;
1964
+ background-color: #196e9f;
1965
+ }
1966
+
1967
+ .card-warning {
1968
+ background-color: #c2570f;
1969
+ border-color: #c2570f;
1970
+ color: #ffffff;
1971
+ }
1972
+ .card-warning a:not(.btn) {
1973
+ color: #3b3a48;
1974
+ text-decoration: none;
1975
+ }
1976
+ .card-warning a:not(.btn):hover, .card-warning a:not(.btn):focus {
1977
+ color: #000;
1978
+ text-decoration: underline;
1979
+ }
1980
+ .card-warning a:not(.btn):focus {
1981
+ outline: thin dotted;
1982
+ outline: 5px auto -webkit-focus-ring-color;
1983
+ outline-offset: -2px;
1984
+ }
1985
+ .card-warning a:not(.btn) {
1986
+ text-decoration: underline;
1987
+ }
1988
+ .card-warning .card-header {
1989
+ border-bottom: 1px solid #c2570f;
1990
+ background-color: #aa4c0d;
1991
+ }
1992
+ .card-warning .card-footer {
1993
+ border-top: 1px solid #c2570f;
1994
+ background-color: #aa4c0d;
1995
+ }
1996
+
1997
+ .card-danger {
1998
+ background-color: #cd402d;
1999
+ border-color: #cd402d;
2000
+ color: #ffffff;
2001
+ }
2002
+ .card-danger a:not(.btn) {
2003
+ color: #000;
2004
+ text-decoration: none;
2005
+ }
2006
+ .card-danger a:not(.btn):hover, .card-danger a:not(.btn):focus {
2007
+ color: #000;
2008
+ text-decoration: underline;
2009
+ }
2010
+ .card-danger a:not(.btn):focus {
2011
+ outline: thin dotted;
2012
+ outline: 5px auto -webkit-focus-ring-color;
2013
+ outline-offset: -2px;
2014
+ }
2015
+ .card-danger a:not(.btn) {
2016
+ text-decoration: underline;
2017
+ }
2018
+ .card-danger .card-header {
2019
+ border-bottom: 1px solid #cd402d;
2020
+ background-color: #b83928;
2021
+ }
2022
+ .card-danger .card-footer {
2023
+ border-top: 1px solid #cd402d;
2024
+ background-color: #b83928;
2025
+ }
2026
+
2027
+ .card-inverse .card-header,
2028
+ .card-inverted .card-header {
2029
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2);
2030
+ }
2031
+ .card-inverse .card-footer,
2032
+ .card-inverted .card-footer {
2033
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
2034
+ }
2035
+
2036
+ /* -----------------------------------------
2037
+ CARDS THAT USED TO BE PANELS IN BOOTSTRAP 3
2038
+ leaving .panel class for backward compatibility
2039
+ ----------------------------------------- */
2040
+ /* Default Cards */
2041
+ .panel-default,
2042
+ .card-default {
2043
+ border-color: #ddd;
2044
+ }
2045
+ .panel-default > .panel-heading, .panel-default > .card-heading,
2046
+ .card-default > .panel-heading,
2047
+ .card-default > .card-heading {
2048
+ color: #3b3a48;
2049
+ background-color: #e2dfda;
2050
+ border-color: #ddd;
2051
+ }
2052
+ .panel-default > .panel-heading + .panel-collapse > .panel-body,
2053
+ .panel-default > .panel-heading + .card-collapse > .card-body, .panel-default > .card-heading + .panel-collapse > .panel-body,
2054
+ .panel-default > .card-heading + .card-collapse > .card-body,
2055
+ .card-default > .panel-heading + .panel-collapse > .panel-body,
2056
+ .card-default > .panel-heading + .card-collapse > .card-body,
2057
+ .card-default > .card-heading + .panel-collapse > .panel-body,
2058
+ .card-default > .card-heading + .card-collapse > .card-body {
2059
+ border-top-color: #ddd;
2060
+ }
2061
+ .panel-default > .panel-heading .badge, .panel-default > .card-heading .badge,
2062
+ .card-default > .panel-heading .badge,
2063
+ .card-default > .card-heading .badge {
2064
+ color: #e2dfda;
2065
+ background-color: #3b3a48;
2066
+ }
2067
+ .panel-default > .panel-footer + .panel-collapse > .panel-body,
2068
+ .panel-default > .panel-footer + .card-collapse > .card-body, .panel-default > .card-footer + .panel-collapse > .panel-body,
2069
+ .panel-default > .card-footer + .card-collapse > .card-body,
2070
+ .card-default > .panel-footer + .panel-collapse > .panel-body,
2071
+ .card-default > .panel-footer + .card-collapse > .card-body,
2072
+ .card-default > .card-footer + .panel-collapse > .panel-body,
2073
+ .card-default > .card-footer + .card-collapse > .card-body {
2074
+ border-bottom-color: #ddd;
2075
+ }
2076
+ .panel-default .panel-heading h2 span[class^=ca-gov-icon-],
2077
+ .panel-default .panel-heading h3 span[class^=ca-gov-icon-],
2078
+ .panel-default .panel-heading h4 span[class^=ca-gov-icon-],
2079
+ .panel-default .panel-heading h5 span[class^=ca-gov-icon-],
2080
+ .panel-default .card-heading h2 span[class^=ca-gov-icon-],
2081
+ .panel-default .card-heading h3 span[class^=ca-gov-icon-],
2082
+ .panel-default .card-heading h4 span[class^=ca-gov-icon-],
2083
+ .panel-default .card-heading h5 span[class^=ca-gov-icon-],
2084
+ .panel-default .card-header h2 span[class^=ca-gov-icon-],
2085
+ .panel-default .card-header h3 span[class^=ca-gov-icon-],
2086
+ .panel-default .card-header h4 span[class^=ca-gov-icon-],
2087
+ .panel-default .card-header h5 span[class^=ca-gov-icon-],
2088
+ .card-default .panel-heading h2 span[class^=ca-gov-icon-],
2089
+ .card-default .panel-heading h3 span[class^=ca-gov-icon-],
2090
+ .card-default .panel-heading h4 span[class^=ca-gov-icon-],
2091
+ .card-default .panel-heading h5 span[class^=ca-gov-icon-],
2092
+ .card-default .card-heading h2 span[class^=ca-gov-icon-],
2093
+ .card-default .card-heading h3 span[class^=ca-gov-icon-],
2094
+ .card-default .card-heading h4 span[class^=ca-gov-icon-],
2095
+ .card-default .card-heading h5 span[class^=ca-gov-icon-],
2096
+ .card-default .card-header h2 span[class^=ca-gov-icon-],
2097
+ .card-default .card-header h3 span[class^=ca-gov-icon-],
2098
+ .card-default .card-header h4 span[class^=ca-gov-icon-],
2099
+ .card-default .card-header h5 span[class^=ca-gov-icon-] {
2100
+ color: #21272a;
2101
+ }
2102
+ .panel-default .panel-heading .options .btn-default,
2103
+ .panel-default .card-heading .options .btn-default,
2104
+ .panel-default .card-header .options .btn-default,
2105
+ .card-default .panel-heading .options .btn-default,
2106
+ .card-default .card-heading .options .btn-default,
2107
+ .card-default .card-header .options .btn-default {
2108
+ color: #000;
2109
+ background-color: #f6f5f4;
2110
+ border-color: #ddd;
2111
+ }
2112
+ .panel-default .panel-heading .options .btn-default:hover,
2113
+ .panel-default .card-heading .options .btn-default:hover,
2114
+ .panel-default .card-header .options .btn-default:hover,
2115
+ .card-default .panel-heading .options .btn-default:hover,
2116
+ .card-default .card-heading .options .btn-default:hover,
2117
+ .card-default .card-header .options .btn-default:hover {
2118
+ color: #000;
2119
+ background-color: #f7f7f6;
2120
+ border-color: #e0e0e0;
2121
+ }
2122
+ .btn-check:focus + .panel-default .panel-heading .options .btn-default, .panel-default .panel-heading .options .btn-default:focus,
2123
+ .btn-check:focus + .panel-default .card-heading .options .btn-default,
2124
+ .panel-default .card-heading .options .btn-default:focus,
2125
+ .btn-check:focus + .panel-default .card-header .options .btn-default,
2126
+ .panel-default .card-header .options .btn-default:focus,
2127
+ .btn-check:focus + .card-default .panel-heading .options .btn-default,
2128
+ .card-default .panel-heading .options .btn-default:focus,
2129
+ .btn-check:focus + .card-default .card-heading .options .btn-default,
2130
+ .card-default .card-heading .options .btn-default:focus,
2131
+ .btn-check:focus + .card-default .card-header .options .btn-default,
2132
+ .card-default .card-header .options .btn-default:focus {
2133
+ color: #000;
2134
+ background-color: #f7f7f6;
2135
+ border-color: #e0e0e0;
2136
+ box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2137
+ }
2138
+ .btn-check:checked + .panel-default .panel-heading .options .btn-default, .btn-check:active + .panel-default .panel-heading .options .btn-default, .panel-default .panel-heading .options .btn-default:active, .panel-default .panel-heading .options .btn-default.active, .show > .panel-default .panel-heading .options .btn-default.dropdown-toggle,
2139
+ .btn-check:checked + .panel-default .card-heading .options .btn-default,
2140
+ .btn-check:active + .panel-default .card-heading .options .btn-default,
2141
+ .panel-default .card-heading .options .btn-default:active,
2142
+ .panel-default .card-heading .options .btn-default.active,
2143
+ .show > .panel-default .card-heading .options .btn-default.dropdown-toggle,
2144
+ .btn-check:checked + .panel-default .card-header .options .btn-default,
2145
+ .btn-check:active + .panel-default .card-header .options .btn-default,
2146
+ .panel-default .card-header .options .btn-default:active,
2147
+ .panel-default .card-header .options .btn-default.active,
2148
+ .show > .panel-default .card-header .options .btn-default.dropdown-toggle,
2149
+ .btn-check:checked + .card-default .panel-heading .options .btn-default,
2150
+ .btn-check:active + .card-default .panel-heading .options .btn-default,
2151
+ .card-default .panel-heading .options .btn-default:active,
2152
+ .card-default .panel-heading .options .btn-default.active,
2153
+ .show > .card-default .panel-heading .options .btn-default.dropdown-toggle,
2154
+ .btn-check:checked + .card-default .card-heading .options .btn-default,
2155
+ .btn-check:active + .card-default .card-heading .options .btn-default,
2156
+ .card-default .card-heading .options .btn-default:active,
2157
+ .card-default .card-heading .options .btn-default.active,
2158
+ .show > .card-default .card-heading .options .btn-default.dropdown-toggle,
2159
+ .btn-check:checked + .card-default .card-header .options .btn-default,
2160
+ .btn-check:active + .card-default .card-header .options .btn-default,
2161
+ .card-default .card-header .options .btn-default:active,
2162
+ .card-default .card-header .options .btn-default.active,
2163
+ .show > .card-default .card-header .options .btn-default.dropdown-toggle {
2164
+ color: #000;
2165
+ background-color: #f8f7f6;
2166
+ border-color: #e0e0e0;
2167
+ }
2168
+ .btn-check:checked + .panel-default .panel-heading .options .btn-default:focus, .btn-check:active + .panel-default .panel-heading .options .btn-default:focus, .panel-default .panel-heading .options .btn-default:active:focus, .panel-default .panel-heading .options .btn-default.active:focus, .show > .panel-default .panel-heading .options .btn-default.dropdown-toggle:focus,
2169
+ .btn-check:checked + .panel-default .card-heading .options .btn-default:focus,
2170
+ .btn-check:active + .panel-default .card-heading .options .btn-default:focus,
2171
+ .panel-default .card-heading .options .btn-default:active:focus,
2172
+ .panel-default .card-heading .options .btn-default.active:focus,
2173
+ .show > .panel-default .card-heading .options .btn-default.dropdown-toggle:focus,
2174
+ .btn-check:checked + .panel-default .card-header .options .btn-default:focus,
2175
+ .btn-check:active + .panel-default .card-header .options .btn-default:focus,
2176
+ .panel-default .card-header .options .btn-default:active:focus,
2177
+ .panel-default .card-header .options .btn-default.active:focus,
2178
+ .show > .panel-default .card-header .options .btn-default.dropdown-toggle:focus,
2179
+ .btn-check:checked + .card-default .panel-heading .options .btn-default:focus,
2180
+ .btn-check:active + .card-default .panel-heading .options .btn-default:focus,
2181
+ .card-default .panel-heading .options .btn-default:active:focus,
2182
+ .card-default .panel-heading .options .btn-default.active:focus,
2183
+ .show > .card-default .panel-heading .options .btn-default.dropdown-toggle:focus,
2184
+ .btn-check:checked + .card-default .card-heading .options .btn-default:focus,
2185
+ .btn-check:active + .card-default .card-heading .options .btn-default:focus,
2186
+ .card-default .card-heading .options .btn-default:active:focus,
2187
+ .card-default .card-heading .options .btn-default.active:focus,
2188
+ .show > .card-default .card-heading .options .btn-default.dropdown-toggle:focus,
2189
+ .btn-check:checked + .card-default .card-header .options .btn-default:focus,
2190
+ .btn-check:active + .card-default .card-header .options .btn-default:focus,
2191
+ .card-default .card-header .options .btn-default:active:focus,
2192
+ .card-default .card-header .options .btn-default.active:focus,
2193
+ .show > .card-default .card-header .options .btn-default.dropdown-toggle:focus {
2194
+ box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2195
+ }
2196
+ .panel-default .panel-heading .options .btn-default:disabled, .panel-default .panel-heading .options .btn-default.disabled,
2197
+ .panel-default .card-heading .options .btn-default:disabled,
2198
+ .panel-default .card-heading .options .btn-default.disabled,
2199
+ .panel-default .card-header .options .btn-default:disabled,
2200
+ .panel-default .card-header .options .btn-default.disabled,
2201
+ .card-default .panel-heading .options .btn-default:disabled,
2202
+ .card-default .panel-heading .options .btn-default.disabled,
2203
+ .card-default .card-heading .options .btn-default:disabled,
2204
+ .card-default .card-heading .options .btn-default.disabled,
2205
+ .card-default .card-header .options .btn-default:disabled,
2206
+ .card-default .card-header .options .btn-default.disabled {
2207
+ color: #000;
2208
+ background-color: #f6f5f4;
2209
+ border-color: #ddd;
2210
+ }
2211
+ .panel-default .panel-body,
2212
+ .panel-default .card-body,
2213
+ .card-default .panel-body,
2214
+ .card-default .card-body {
2215
+ background: #eff5f8;
2216
+ color: #3b3a48;
2217
+ }
2218
+
2219
+ /* Overstated Cards */
2220
+ .panel-overstated,
2221
+ .card-overstated {
2222
+ border-color: #ddd;
2223
+ }
2224
+ .panel-overstated > .panel-heading, .panel-overstated > .card-heading,
2225
+ .card-overstated > .panel-heading,
2226
+ .card-overstated > .card-heading {
2227
+ color: #fff;
2228
+ background-color: #446a7c;
2229
+ border-color: #446a7c;
2230
+ }
2231
+ .panel-overstated > .panel-heading + .panel-collapse > .panel-body,
2232
+ .panel-overstated > .panel-heading + .card-collapse > .card-body, .panel-overstated > .card-heading + .panel-collapse > .panel-body,
2233
+ .panel-overstated > .card-heading + .card-collapse > .card-body,
2234
+ .card-overstated > .panel-heading + .panel-collapse > .panel-body,
2235
+ .card-overstated > .panel-heading + .card-collapse > .card-body,
2236
+ .card-overstated > .card-heading + .panel-collapse > .panel-body,
2237
+ .card-overstated > .card-heading + .card-collapse > .card-body {
2238
+ border-top-color: #ddd;
2239
+ }
2240
+ .panel-overstated > .panel-heading .badge, .panel-overstated > .card-heading .badge,
2241
+ .card-overstated > .panel-heading .badge,
2242
+ .card-overstated > .card-heading .badge {
2243
+ color: #446a7c;
2244
+ background-color: #fff;
2245
+ }
2246
+ .panel-overstated > .panel-footer + .panel-collapse > .panel-body,
2247
+ .panel-overstated > .panel-footer + .card-collapse > .card-body, .panel-overstated > .card-footer + .panel-collapse > .panel-body,
2248
+ .panel-overstated > .card-footer + .card-collapse > .card-body,
2249
+ .card-overstated > .panel-footer + .panel-collapse > .panel-body,
2250
+ .card-overstated > .panel-footer + .card-collapse > .card-body,
2251
+ .card-overstated > .card-footer + .panel-collapse > .panel-body,
2252
+ .card-overstated > .card-footer + .card-collapse > .card-body {
2253
+ border-bottom-color: #ddd;
2254
+ }
2255
+ .panel-overstated .panel-heading,
2256
+ .panel-overstated .card-heading,
2257
+ .panel-overstated .card-header,
2258
+ .card-overstated .panel-heading,
2259
+ .card-overstated .card-heading,
2260
+ .card-overstated .card-header {
2261
+ border-bottom-width: 5px;
2262
+ border-bottom-style: solid;
2263
+ }
2264
+ .panel-overstated .panel-heading h2 span[class^=ca-gov-icon-],
2265
+ .panel-overstated .panel-heading h3 span[class^=ca-gov-icon-],
2266
+ .panel-overstated .panel-heading h4 span[class^=ca-gov-icon-],
2267
+ .panel-overstated .panel-heading h5 span[class^=ca-gov-icon-],
2268
+ .panel-overstated .card-heading h2 span[class^=ca-gov-icon-],
2269
+ .panel-overstated .card-heading h3 span[class^=ca-gov-icon-],
2270
+ .panel-overstated .card-heading h4 span[class^=ca-gov-icon-],
2271
+ .panel-overstated .card-heading h5 span[class^=ca-gov-icon-],
2272
+ .panel-overstated .card-header h2 span[class^=ca-gov-icon-],
2273
+ .panel-overstated .card-header h3 span[class^=ca-gov-icon-],
2274
+ .panel-overstated .card-header h4 span[class^=ca-gov-icon-],
2275
+ .panel-overstated .card-header h5 span[class^=ca-gov-icon-],
2276
+ .card-overstated .panel-heading h2 span[class^=ca-gov-icon-],
2277
+ .card-overstated .panel-heading h3 span[class^=ca-gov-icon-],
2278
+ .card-overstated .panel-heading h4 span[class^=ca-gov-icon-],
2279
+ .card-overstated .panel-heading h5 span[class^=ca-gov-icon-],
2280
+ .card-overstated .card-heading h2 span[class^=ca-gov-icon-],
2281
+ .card-overstated .card-heading h3 span[class^=ca-gov-icon-],
2282
+ .card-overstated .card-heading h4 span[class^=ca-gov-icon-],
2283
+ .card-overstated .card-heading h5 span[class^=ca-gov-icon-],
2284
+ .card-overstated .card-header h2 span[class^=ca-gov-icon-],
2285
+ .card-overstated .card-header h3 span[class^=ca-gov-icon-],
2286
+ .card-overstated .card-header h4 span[class^=ca-gov-icon-],
2287
+ .card-overstated .card-header h5 span[class^=ca-gov-icon-] {
2288
+ color: #fff;
2289
+ }
2290
+ .panel-overstated .panel-heading .options .btn-default,
2291
+ .panel-overstated .card-heading .options .btn-default,
2292
+ .panel-overstated .card-header .options .btn-default,
2293
+ .card-overstated .panel-heading .options .btn-default,
2294
+ .card-overstated .card-heading .options .btn-default,
2295
+ .card-overstated .card-header .options .btn-default {
2296
+ color: #fff;
2297
+ background-color: #365362;
2298
+ border-color: #446a7c;
2299
+ }
2300
+ .panel-overstated .panel-heading .options .btn-default:hover,
2301
+ .panel-overstated .card-heading .options .btn-default:hover,
2302
+ .panel-overstated .card-header .options .btn-default:hover,
2303
+ .card-overstated .panel-heading .options .btn-default:hover,
2304
+ .card-overstated .card-heading .options .btn-default:hover,
2305
+ .card-overstated .card-header .options .btn-default:hover {
2306
+ color: #fff;
2307
+ background-color: #2e4753;
2308
+ border-color: #365563;
2309
+ }
2310
+ .btn-check:focus + .panel-overstated .panel-heading .options .btn-default, .panel-overstated .panel-heading .options .btn-default:focus,
2311
+ .btn-check:focus + .panel-overstated .card-heading .options .btn-default,
2312
+ .panel-overstated .card-heading .options .btn-default:focus,
2313
+ .btn-check:focus + .panel-overstated .card-header .options .btn-default,
2314
+ .panel-overstated .card-header .options .btn-default:focus,
2315
+ .btn-check:focus + .card-overstated .panel-heading .options .btn-default,
2316
+ .card-overstated .panel-heading .options .btn-default:focus,
2317
+ .btn-check:focus + .card-overstated .card-heading .options .btn-default,
2318
+ .card-overstated .card-heading .options .btn-default:focus,
2319
+ .btn-check:focus + .card-overstated .card-header .options .btn-default,
2320
+ .card-overstated .card-header .options .btn-default:focus {
2321
+ color: #fff;
2322
+ background-color: #2e4753;
2323
+ border-color: #365563;
2324
+ box-shadow: 0 0 0 0.25rem rgba(96, 128, 144, 0.5);
2325
+ }
2326
+ .btn-check:checked + .panel-overstated .panel-heading .options .btn-default, .btn-check:active + .panel-overstated .panel-heading .options .btn-default, .panel-overstated .panel-heading .options .btn-default:active, .panel-overstated .panel-heading .options .btn-default.active, .show > .panel-overstated .panel-heading .options .btn-default.dropdown-toggle,
2327
+ .btn-check:checked + .panel-overstated .card-heading .options .btn-default,
2328
+ .btn-check:active + .panel-overstated .card-heading .options .btn-default,
2329
+ .panel-overstated .card-heading .options .btn-default:active,
2330
+ .panel-overstated .card-heading .options .btn-default.active,
2331
+ .show > .panel-overstated .card-heading .options .btn-default.dropdown-toggle,
2332
+ .btn-check:checked + .panel-overstated .card-header .options .btn-default,
2333
+ .btn-check:active + .panel-overstated .card-header .options .btn-default,
2334
+ .panel-overstated .card-header .options .btn-default:active,
2335
+ .panel-overstated .card-header .options .btn-default.active,
2336
+ .show > .panel-overstated .card-header .options .btn-default.dropdown-toggle,
2337
+ .btn-check:checked + .card-overstated .panel-heading .options .btn-default,
2338
+ .btn-check:active + .card-overstated .panel-heading .options .btn-default,
2339
+ .card-overstated .panel-heading .options .btn-default:active,
2340
+ .card-overstated .panel-heading .options .btn-default.active,
2341
+ .show > .card-overstated .panel-heading .options .btn-default.dropdown-toggle,
2342
+ .btn-check:checked + .card-overstated .card-heading .options .btn-default,
2343
+ .btn-check:active + .card-overstated .card-heading .options .btn-default,
2344
+ .card-overstated .card-heading .options .btn-default:active,
2345
+ .card-overstated .card-heading .options .btn-default.active,
2346
+ .show > .card-overstated .card-heading .options .btn-default.dropdown-toggle,
2347
+ .btn-check:checked + .card-overstated .card-header .options .btn-default,
2348
+ .btn-check:active + .card-overstated .card-header .options .btn-default,
2349
+ .card-overstated .card-header .options .btn-default:active,
2350
+ .card-overstated .card-header .options .btn-default.active,
2351
+ .show > .card-overstated .card-header .options .btn-default.dropdown-toggle {
2352
+ color: #fff;
2353
+ background-color: #2b424e;
2354
+ border-color: #33505d;
2355
+ }
2356
+ .btn-check:checked + .panel-overstated .panel-heading .options .btn-default:focus, .btn-check:active + .panel-overstated .panel-heading .options .btn-default:focus, .panel-overstated .panel-heading .options .btn-default:active:focus, .panel-overstated .panel-heading .options .btn-default.active:focus, .show > .panel-overstated .panel-heading .options .btn-default.dropdown-toggle:focus,
2357
+ .btn-check:checked + .panel-overstated .card-heading .options .btn-default:focus,
2358
+ .btn-check:active + .panel-overstated .card-heading .options .btn-default:focus,
2359
+ .panel-overstated .card-heading .options .btn-default:active:focus,
2360
+ .panel-overstated .card-heading .options .btn-default.active:focus,
2361
+ .show > .panel-overstated .card-heading .options .btn-default.dropdown-toggle:focus,
2362
+ .btn-check:checked + .panel-overstated .card-header .options .btn-default:focus,
2363
+ .btn-check:active + .panel-overstated .card-header .options .btn-default:focus,
2364
+ .panel-overstated .card-header .options .btn-default:active:focus,
2365
+ .panel-overstated .card-header .options .btn-default.active:focus,
2366
+ .show > .panel-overstated .card-header .options .btn-default.dropdown-toggle:focus,
2367
+ .btn-check:checked + .card-overstated .panel-heading .options .btn-default:focus,
2368
+ .btn-check:active + .card-overstated .panel-heading .options .btn-default:focus,
2369
+ .card-overstated .panel-heading .options .btn-default:active:focus,
2370
+ .card-overstated .panel-heading .options .btn-default.active:focus,
2371
+ .show > .card-overstated .panel-heading .options .btn-default.dropdown-toggle:focus,
2372
+ .btn-check:checked + .card-overstated .card-heading .options .btn-default:focus,
2373
+ .btn-check:active + .card-overstated .card-heading .options .btn-default:focus,
2374
+ .card-overstated .card-heading .options .btn-default:active:focus,
2375
+ .card-overstated .card-heading .options .btn-default.active:focus,
2376
+ .show > .card-overstated .card-heading .options .btn-default.dropdown-toggle:focus,
2377
+ .btn-check:checked + .card-overstated .card-header .options .btn-default:focus,
2378
+ .btn-check:active + .card-overstated .card-header .options .btn-default:focus,
2379
+ .card-overstated .card-header .options .btn-default:active:focus,
2380
+ .card-overstated .card-header .options .btn-default.active:focus,
2381
+ .show > .card-overstated .card-header .options .btn-default.dropdown-toggle:focus {
2382
+ box-shadow: 0 0 0 0.25rem rgba(96, 128, 144, 0.5);
2383
+ }
2384
+ .panel-overstated .panel-heading .options .btn-default:disabled, .panel-overstated .panel-heading .options .btn-default.disabled,
2385
+ .panel-overstated .card-heading .options .btn-default:disabled,
2386
+ .panel-overstated .card-heading .options .btn-default.disabled,
2387
+ .panel-overstated .card-header .options .btn-default:disabled,
2388
+ .panel-overstated .card-header .options .btn-default.disabled,
2389
+ .card-overstated .panel-heading .options .btn-default:disabled,
2390
+ .card-overstated .panel-heading .options .btn-default.disabled,
2391
+ .card-overstated .card-heading .options .btn-default:disabled,
2392
+ .card-overstated .card-heading .options .btn-default.disabled,
2393
+ .card-overstated .card-header .options .btn-default:disabled,
2394
+ .card-overstated .card-header .options .btn-default.disabled {
2395
+ color: #fff;
2396
+ background-color: #365362;
2397
+ border-color: #446a7c;
2398
+ }
2399
+ .panel-overstated .panel-body,
2400
+ .panel-overstated .card-body,
2401
+ .card-overstated .panel-body,
2402
+ .card-overstated .card-body {
2403
+ background: #eff5f8;
2404
+ color: #3b3a48;
2405
+ }
2406
+ .panel-overstated .panel-body a:not(.btn),
2407
+ .panel-overstated .card-body a:not(.btn),
2408
+ .card-overstated .panel-body a:not(.btn),
2409
+ .card-overstated .card-body a:not(.btn) {
2410
+ color: #046b99;
2411
+ text-decoration: none;
2412
+ }
2413
+ .panel-overstated .panel-body a:not(.btn):hover, .panel-overstated .panel-body a:not(.btn):focus,
2414
+ .panel-overstated .card-body a:not(.btn):hover,
2415
+ .panel-overstated .card-body a:not(.btn):focus,
2416
+ .card-overstated .panel-body a:not(.btn):hover,
2417
+ .card-overstated .panel-body a:not(.btn):focus,
2418
+ .card-overstated .card-body a:not(.btn):hover,
2419
+ .card-overstated .card-body a:not(.btn):focus {
2420
+ color: #02374e;
2421
+ text-decoration: underline;
2422
+ }
2423
+ .panel-overstated .panel-body a:not(.btn):focus,
2424
+ .panel-overstated .card-body a:not(.btn):focus,
2425
+ .card-overstated .panel-body a:not(.btn):focus,
2426
+ .card-overstated .card-body a:not(.btn):focus {
2427
+ outline: thin dotted;
2428
+ outline: 5px auto -webkit-focus-ring-color;
2429
+ outline-offset: -2px;
2430
+ }
2431
+ .panel-overstated .panel-body a:not(.btn),
2432
+ .panel-overstated .card-body a:not(.btn),
2433
+ .card-overstated .panel-body a:not(.btn),
2434
+ .card-overstated .card-body a:not(.btn) {
2435
+ text-decoration: underline;
2436
+ }
2437
+
2438
+ /* Uderstated Cards */
2439
+ .panel-understated,
2440
+ .card-understated {
2441
+ border-color: #ddd;
2442
+ }
2443
+ .panel-understated > .panel-heading, .panel-understated > .card-heading,
2444
+ .card-understated > .panel-heading,
2445
+ .card-understated > .card-heading {
2446
+ color: #3b3a48;
2447
+ background-color: #eff5f8;
2448
+ border-color: #eff5f8;
2449
+ }
2450
+ .panel-understated > .panel-heading + .panel-collapse > .panel-body,
2451
+ .panel-understated > .panel-heading + .card-collapse > .card-body, .panel-understated > .card-heading + .panel-collapse > .panel-body,
2452
+ .panel-understated > .card-heading + .card-collapse > .card-body,
2453
+ .card-understated > .panel-heading + .panel-collapse > .panel-body,
2454
+ .card-understated > .panel-heading + .card-collapse > .card-body,
2455
+ .card-understated > .card-heading + .panel-collapse > .panel-body,
2456
+ .card-understated > .card-heading + .card-collapse > .card-body {
2457
+ border-top-color: #ddd;
2458
+ }
2459
+ .panel-understated > .panel-heading .badge, .panel-understated > .card-heading .badge,
2460
+ .card-understated > .panel-heading .badge,
2461
+ .card-understated > .card-heading .badge {
2462
+ color: #eff5f8;
2463
+ background-color: #3b3a48;
2464
+ }
2465
+ .panel-understated > .panel-footer + .panel-collapse > .panel-body,
2466
+ .panel-understated > .panel-footer + .card-collapse > .card-body, .panel-understated > .card-footer + .panel-collapse > .panel-body,
2467
+ .panel-understated > .card-footer + .card-collapse > .card-body,
2468
+ .card-understated > .panel-footer + .panel-collapse > .panel-body,
2469
+ .card-understated > .panel-footer + .card-collapse > .card-body,
2470
+ .card-understated > .card-footer + .panel-collapse > .panel-body,
2471
+ .card-understated > .card-footer + .card-collapse > .card-body {
2472
+ border-bottom-color: #ddd;
2473
+ }
2474
+ .panel-understated .panel-heading,
2475
+ .panel-understated .card-heading,
2476
+ .panel-understated .card-header,
2477
+ .card-understated .panel-heading,
2478
+ .card-understated .card-heading,
2479
+ .card-understated .card-header {
2480
+ border-bottom-width: 2px;
2481
+ border-bottom-style: solid;
2482
+ }
2483
+ .panel-understated .panel-heading h2 span[class^=ca-gov-icon-],
2484
+ .panel-understated .panel-heading h3 span[class^=ca-gov-icon-],
2485
+ .panel-understated .panel-heading h4 span[class^=ca-gov-icon-],
2486
+ .panel-understated .panel-heading h5 span[class^=ca-gov-icon-],
2487
+ .panel-understated .card-heading h2 span[class^=ca-gov-icon-],
2488
+ .panel-understated .card-heading h3 span[class^=ca-gov-icon-],
2489
+ .panel-understated .card-heading h4 span[class^=ca-gov-icon-],
2490
+ .panel-understated .card-heading h5 span[class^=ca-gov-icon-],
2491
+ .panel-understated .card-header h2 span[class^=ca-gov-icon-],
2492
+ .panel-understated .card-header h3 span[class^=ca-gov-icon-],
2493
+ .panel-understated .card-header h4 span[class^=ca-gov-icon-],
2494
+ .panel-understated .card-header h5 span[class^=ca-gov-icon-],
2495
+ .card-understated .panel-heading h2 span[class^=ca-gov-icon-],
2496
+ .card-understated .panel-heading h3 span[class^=ca-gov-icon-],
2497
+ .card-understated .panel-heading h4 span[class^=ca-gov-icon-],
2498
+ .card-understated .panel-heading h5 span[class^=ca-gov-icon-],
2499
+ .card-understated .card-heading h2 span[class^=ca-gov-icon-],
2500
+ .card-understated .card-heading h3 span[class^=ca-gov-icon-],
2501
+ .card-understated .card-heading h4 span[class^=ca-gov-icon-],
2502
+ .card-understated .card-heading h5 span[class^=ca-gov-icon-],
2503
+ .card-understated .card-header h2 span[class^=ca-gov-icon-],
2504
+ .card-understated .card-header h3 span[class^=ca-gov-icon-],
2505
+ .card-understated .card-header h4 span[class^=ca-gov-icon-],
2506
+ .card-understated .card-header h5 span[class^=ca-gov-icon-] {
2507
+ color: #21272a;
2508
+ }
2509
+ .panel-understated .panel-heading .options .btn-default,
2510
+ .panel-understated .card-heading .options .btn-default,
2511
+ .panel-understated .card-header .options .btn-default,
2512
+ .card-understated .panel-heading .options .btn-default,
2513
+ .card-understated .card-heading .options .btn-default,
2514
+ .card-understated .card-header .options .btn-default {
2515
+ color: #000;
2516
+ background-color: #d3e3ec;
2517
+ border-color: #ddd;
2518
+ }
2519
+ .panel-understated .panel-heading .options .btn-default:hover,
2520
+ .panel-understated .card-heading .options .btn-default:hover,
2521
+ .panel-understated .card-header .options .btn-default:hover,
2522
+ .card-understated .panel-heading .options .btn-default:hover,
2523
+ .card-understated .card-heading .options .btn-default:hover,
2524
+ .card-understated .card-header .options .btn-default:hover {
2525
+ color: #000;
2526
+ background-color: #dae7ef;
2527
+ border-color: #e0e0e0;
2528
+ }
2529
+ .btn-check:focus + .panel-understated .panel-heading .options .btn-default, .panel-understated .panel-heading .options .btn-default:focus,
2530
+ .btn-check:focus + .panel-understated .card-heading .options .btn-default,
2531
+ .panel-understated .card-heading .options .btn-default:focus,
2532
+ .btn-check:focus + .panel-understated .card-header .options .btn-default,
2533
+ .panel-understated .card-header .options .btn-default:focus,
2534
+ .btn-check:focus + .card-understated .panel-heading .options .btn-default,
2535
+ .card-understated .panel-heading .options .btn-default:focus,
2536
+ .btn-check:focus + .card-understated .card-heading .options .btn-default,
2537
+ .card-understated .card-heading .options .btn-default:focus,
2538
+ .btn-check:focus + .card-understated .card-header .options .btn-default,
2539
+ .card-understated .card-header .options .btn-default:focus {
2540
+ color: #000;
2541
+ background-color: #dae7ef;
2542
+ border-color: #e0e0e0;
2543
+ box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2544
+ }
2545
+ .btn-check:checked + .panel-understated .panel-heading .options .btn-default, .btn-check:active + .panel-understated .panel-heading .options .btn-default, .panel-understated .panel-heading .options .btn-default:active, .panel-understated .panel-heading .options .btn-default.active, .show > .panel-understated .panel-heading .options .btn-default.dropdown-toggle,
2546
+ .btn-check:checked + .panel-understated .card-heading .options .btn-default,
2547
+ .btn-check:active + .panel-understated .card-heading .options .btn-default,
2548
+ .panel-understated .card-heading .options .btn-default:active,
2549
+ .panel-understated .card-heading .options .btn-default.active,
2550
+ .show > .panel-understated .card-heading .options .btn-default.dropdown-toggle,
2551
+ .btn-check:checked + .panel-understated .card-header .options .btn-default,
2552
+ .btn-check:active + .panel-understated .card-header .options .btn-default,
2553
+ .panel-understated .card-header .options .btn-default:active,
2554
+ .panel-understated .card-header .options .btn-default.active,
2555
+ .show > .panel-understated .card-header .options .btn-default.dropdown-toggle,
2556
+ .btn-check:checked + .card-understated .panel-heading .options .btn-default,
2557
+ .btn-check:active + .card-understated .panel-heading .options .btn-default,
2558
+ .card-understated .panel-heading .options .btn-default:active,
2559
+ .card-understated .panel-heading .options .btn-default.active,
2560
+ .show > .card-understated .panel-heading .options .btn-default.dropdown-toggle,
2561
+ .btn-check:checked + .card-understated .card-heading .options .btn-default,
2562
+ .btn-check:active + .card-understated .card-heading .options .btn-default,
2563
+ .card-understated .card-heading .options .btn-default:active,
2564
+ .card-understated .card-heading .options .btn-default.active,
2565
+ .show > .card-understated .card-heading .options .btn-default.dropdown-toggle,
2566
+ .btn-check:checked + .card-understated .card-header .options .btn-default,
2567
+ .btn-check:active + .card-understated .card-header .options .btn-default,
2568
+ .card-understated .card-header .options .btn-default:active,
2569
+ .card-understated .card-header .options .btn-default.active,
2570
+ .show > .card-understated .card-header .options .btn-default.dropdown-toggle {
2571
+ color: #000;
2572
+ background-color: #dce9f0;
2573
+ border-color: #e0e0e0;
2574
+ }
2575
+ .btn-check:checked + .panel-understated .panel-heading .options .btn-default:focus, .btn-check:active + .panel-understated .panel-heading .options .btn-default:focus, .panel-understated .panel-heading .options .btn-default:active:focus, .panel-understated .panel-heading .options .btn-default.active:focus, .show > .panel-understated .panel-heading .options .btn-default.dropdown-toggle:focus,
2576
+ .btn-check:checked + .panel-understated .card-heading .options .btn-default:focus,
2577
+ .btn-check:active + .panel-understated .card-heading .options .btn-default:focus,
2578
+ .panel-understated .card-heading .options .btn-default:active:focus,
2579
+ .panel-understated .card-heading .options .btn-default.active:focus,
2580
+ .show > .panel-understated .card-heading .options .btn-default.dropdown-toggle:focus,
2581
+ .btn-check:checked + .panel-understated .card-header .options .btn-default:focus,
2582
+ .btn-check:active + .panel-understated .card-header .options .btn-default:focus,
2583
+ .panel-understated .card-header .options .btn-default:active:focus,
2584
+ .panel-understated .card-header .options .btn-default.active:focus,
2585
+ .show > .panel-understated .card-header .options .btn-default.dropdown-toggle:focus,
2586
+ .btn-check:checked + .card-understated .panel-heading .options .btn-default:focus,
2587
+ .btn-check:active + .card-understated .panel-heading .options .btn-default:focus,
2588
+ .card-understated .panel-heading .options .btn-default:active:focus,
2589
+ .card-understated .panel-heading .options .btn-default.active:focus,
2590
+ .show > .card-understated .panel-heading .options .btn-default.dropdown-toggle:focus,
2591
+ .btn-check:checked + .card-understated .card-heading .options .btn-default:focus,
2592
+ .btn-check:active + .card-understated .card-heading .options .btn-default:focus,
2593
+ .card-understated .card-heading .options .btn-default:active:focus,
2594
+ .card-understated .card-heading .options .btn-default.active:focus,
2595
+ .show > .card-understated .card-heading .options .btn-default.dropdown-toggle:focus,
2596
+ .btn-check:checked + .card-understated .card-header .options .btn-default:focus,
2597
+ .btn-check:active + .card-understated .card-header .options .btn-default:focus,
2598
+ .card-understated .card-header .options .btn-default:active:focus,
2599
+ .card-understated .card-header .options .btn-default.active:focus,
2600
+ .show > .card-understated .card-header .options .btn-default.dropdown-toggle:focus {
2601
+ box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2602
+ }
2603
+ .panel-understated .panel-heading .options .btn-default:disabled, .panel-understated .panel-heading .options .btn-default.disabled,
2604
+ .panel-understated .card-heading .options .btn-default:disabled,
2605
+ .panel-understated .card-heading .options .btn-default.disabled,
2606
+ .panel-understated .card-header .options .btn-default:disabled,
2607
+ .panel-understated .card-header .options .btn-default.disabled,
2608
+ .card-understated .panel-heading .options .btn-default:disabled,
2609
+ .card-understated .panel-heading .options .btn-default.disabled,
2610
+ .card-understated .card-heading .options .btn-default:disabled,
2611
+ .card-understated .card-heading .options .btn-default.disabled,
2612
+ .card-understated .card-header .options .btn-default:disabled,
2613
+ .card-understated .card-header .options .btn-default.disabled {
2614
+ color: #000;
2615
+ background-color: #d3e3ec;
2616
+ border-color: #ddd;
2617
+ }
2618
+ .panel-understated .panel-body,
2619
+ .panel-understated .card-body,
2620
+ .card-understated .panel-body,
2621
+ .card-understated .card-body {
2622
+ background: #fff;
2623
+ color: #3b3a48;
2624
+ }
2625
+
2626
+ /* Standout Cards */
2627
+ .panel-standout,
2628
+ .card-standout {
2629
+ border-color: #ddd;
2630
+ }
2631
+ .panel-standout > .panel-heading, .panel-standout > .card-heading,
2632
+ .card-standout > .panel-heading,
2633
+ .card-standout > .card-heading {
2634
+ color: #fff;
2635
+ background-color: #21272a;
2636
+ border-color: #21272a;
2637
+ }
2638
+ .panel-standout > .panel-heading + .panel-collapse > .panel-body,
2639
+ .panel-standout > .panel-heading + .card-collapse > .card-body, .panel-standout > .card-heading + .panel-collapse > .panel-body,
2640
+ .panel-standout > .card-heading + .card-collapse > .card-body,
2641
+ .card-standout > .panel-heading + .panel-collapse > .panel-body,
2642
+ .card-standout > .panel-heading + .card-collapse > .card-body,
2643
+ .card-standout > .card-heading + .panel-collapse > .panel-body,
2644
+ .card-standout > .card-heading + .card-collapse > .card-body {
2645
+ border-top-color: #ddd;
2646
+ }
2647
+ .panel-standout > .panel-heading .badge, .panel-standout > .card-heading .badge,
2648
+ .card-standout > .panel-heading .badge,
2649
+ .card-standout > .card-heading .badge {
2650
+ color: #21272a;
2651
+ background-color: #fff;
2652
+ }
2653
+ .panel-standout > .panel-footer + .panel-collapse > .panel-body,
2654
+ .panel-standout > .panel-footer + .card-collapse > .card-body, .panel-standout > .card-footer + .panel-collapse > .panel-body,
2655
+ .panel-standout > .card-footer + .card-collapse > .card-body,
2656
+ .card-standout > .panel-footer + .panel-collapse > .panel-body,
2657
+ .card-standout > .panel-footer + .card-collapse > .card-body,
2658
+ .card-standout > .card-footer + .panel-collapse > .panel-body,
2659
+ .card-standout > .card-footer + .card-collapse > .card-body {
2660
+ border-bottom-color: #ddd;
2661
+ }
2662
+ .panel-standout .panel-heading,
2663
+ .panel-standout .card-heading,
2664
+ .panel-standout .card-header,
2665
+ .card-standout .panel-heading,
2666
+ .card-standout .card-heading,
2667
+ .card-standout .card-header {
2668
+ border-bottom-width: 5px;
2669
+ border-bottom-style: solid;
2670
+ }
2671
+ .panel-standout .panel-heading h2 span[class^=ca-gov-icon-],
2672
+ .panel-standout .panel-heading h3 span[class^=ca-gov-icon-],
2673
+ .panel-standout .panel-heading h4 span[class^=ca-gov-icon-],
2674
+ .panel-standout .panel-heading h5 span[class^=ca-gov-icon-],
2675
+ .panel-standout .card-heading h2 span[class^=ca-gov-icon-],
2676
+ .panel-standout .card-heading h3 span[class^=ca-gov-icon-],
2677
+ .panel-standout .card-heading h4 span[class^=ca-gov-icon-],
2678
+ .panel-standout .card-heading h5 span[class^=ca-gov-icon-],
2679
+ .panel-standout .card-header h2 span[class^=ca-gov-icon-],
2680
+ .panel-standout .card-header h3 span[class^=ca-gov-icon-],
2681
+ .panel-standout .card-header h4 span[class^=ca-gov-icon-],
2682
+ .panel-standout .card-header h5 span[class^=ca-gov-icon-],
2683
+ .card-standout .panel-heading h2 span[class^=ca-gov-icon-],
2684
+ .card-standout .panel-heading h3 span[class^=ca-gov-icon-],
2685
+ .card-standout .panel-heading h4 span[class^=ca-gov-icon-],
2686
+ .card-standout .panel-heading h5 span[class^=ca-gov-icon-],
2687
+ .card-standout .card-heading h2 span[class^=ca-gov-icon-],
2688
+ .card-standout .card-heading h3 span[class^=ca-gov-icon-],
2689
+ .card-standout .card-heading h4 span[class^=ca-gov-icon-],
2690
+ .card-standout .card-heading h5 span[class^=ca-gov-icon-],
2691
+ .card-standout .card-header h2 span[class^=ca-gov-icon-],
2692
+ .card-standout .card-header h3 span[class^=ca-gov-icon-],
2693
+ .card-standout .card-header h4 span[class^=ca-gov-icon-],
2694
+ .card-standout .card-header h5 span[class^=ca-gov-icon-] {
2695
+ color: #c19e73;
2696
+ }
2697
+ .panel-standout .panel-heading .options .btn-default,
2698
+ .panel-standout .card-heading .options .btn-default,
2699
+ .panel-standout .card-header .options .btn-default,
2700
+ .card-standout .panel-heading .options .btn-default,
2701
+ .card-standout .card-heading .options .btn-default,
2702
+ .card-standout .card-header .options .btn-default {
2703
+ color: #fff;
2704
+ background-color: #0f1213;
2705
+ border-color: #161a1c;
2706
+ }
2707
+ .panel-standout .panel-heading .options .btn-default:hover,
2708
+ .panel-standout .card-heading .options .btn-default:hover,
2709
+ .panel-standout .card-header .options .btn-default:hover,
2710
+ .card-standout .panel-heading .options .btn-default:hover,
2711
+ .card-standout .card-heading .options .btn-default:hover,
2712
+ .card-standout .card-header .options .btn-default:hover {
2713
+ color: #fff;
2714
+ background-color: #0d0f10;
2715
+ border-color: #121516;
2716
+ }
2717
+ .btn-check:focus + .panel-standout .panel-heading .options .btn-default, .panel-standout .panel-heading .options .btn-default:focus,
2718
+ .btn-check:focus + .panel-standout .card-heading .options .btn-default,
2719
+ .panel-standout .card-heading .options .btn-default:focus,
2720
+ .btn-check:focus + .panel-standout .card-header .options .btn-default,
2721
+ .panel-standout .card-header .options .btn-default:focus,
2722
+ .btn-check:focus + .card-standout .panel-heading .options .btn-default,
2723
+ .card-standout .panel-heading .options .btn-default:focus,
2724
+ .btn-check:focus + .card-standout .card-heading .options .btn-default,
2725
+ .card-standout .card-heading .options .btn-default:focus,
2726
+ .btn-check:focus + .card-standout .card-header .options .btn-default,
2727
+ .card-standout .card-header .options .btn-default:focus {
2728
+ color: #fff;
2729
+ background-color: #0d0f10;
2730
+ border-color: #121516;
2731
+ box-shadow: 0 0 0 0.25rem rgba(57, 60, 62, 0.5);
2732
+ }
2733
+ .btn-check:checked + .panel-standout .panel-heading .options .btn-default, .btn-check:active + .panel-standout .panel-heading .options .btn-default, .panel-standout .panel-heading .options .btn-default:active, .panel-standout .panel-heading .options .btn-default.active, .show > .panel-standout .panel-heading .options .btn-default.dropdown-toggle,
2734
+ .btn-check:checked + .panel-standout .card-heading .options .btn-default,
2735
+ .btn-check:active + .panel-standout .card-heading .options .btn-default,
2736
+ .panel-standout .card-heading .options .btn-default:active,
2737
+ .panel-standout .card-heading .options .btn-default.active,
2738
+ .show > .panel-standout .card-heading .options .btn-default.dropdown-toggle,
2739
+ .btn-check:checked + .panel-standout .card-header .options .btn-default,
2740
+ .btn-check:active + .panel-standout .card-header .options .btn-default,
2741
+ .panel-standout .card-header .options .btn-default:active,
2742
+ .panel-standout .card-header .options .btn-default.active,
2743
+ .show > .panel-standout .card-header .options .btn-default.dropdown-toggle,
2744
+ .btn-check:checked + .card-standout .panel-heading .options .btn-default,
2745
+ .btn-check:active + .card-standout .panel-heading .options .btn-default,
2746
+ .card-standout .panel-heading .options .btn-default:active,
2747
+ .card-standout .panel-heading .options .btn-default.active,
2748
+ .show > .card-standout .panel-heading .options .btn-default.dropdown-toggle,
2749
+ .btn-check:checked + .card-standout .card-heading .options .btn-default,
2750
+ .btn-check:active + .card-standout .card-heading .options .btn-default,
2751
+ .card-standout .card-heading .options .btn-default:active,
2752
+ .card-standout .card-heading .options .btn-default.active,
2753
+ .show > .card-standout .card-heading .options .btn-default.dropdown-toggle,
2754
+ .btn-check:checked + .card-standout .card-header .options .btn-default,
2755
+ .btn-check:active + .card-standout .card-header .options .btn-default,
2756
+ .card-standout .card-header .options .btn-default:active,
2757
+ .card-standout .card-header .options .btn-default.active,
2758
+ .show > .card-standout .card-header .options .btn-default.dropdown-toggle {
2759
+ color: #fff;
2760
+ background-color: #0c0e0f;
2761
+ border-color: #111415;
2762
+ }
2763
+ .btn-check:checked + .panel-standout .panel-heading .options .btn-default:focus, .btn-check:active + .panel-standout .panel-heading .options .btn-default:focus, .panel-standout .panel-heading .options .btn-default:active:focus, .panel-standout .panel-heading .options .btn-default.active:focus, .show > .panel-standout .panel-heading .options .btn-default.dropdown-toggle:focus,
2764
+ .btn-check:checked + .panel-standout .card-heading .options .btn-default:focus,
2765
+ .btn-check:active + .panel-standout .card-heading .options .btn-default:focus,
2766
+ .panel-standout .card-heading .options .btn-default:active:focus,
2767
+ .panel-standout .card-heading .options .btn-default.active:focus,
2768
+ .show > .panel-standout .card-heading .options .btn-default.dropdown-toggle:focus,
2769
+ .btn-check:checked + .panel-standout .card-header .options .btn-default:focus,
2770
+ .btn-check:active + .panel-standout .card-header .options .btn-default:focus,
2771
+ .panel-standout .card-header .options .btn-default:active:focus,
2772
+ .panel-standout .card-header .options .btn-default.active:focus,
2773
+ .show > .panel-standout .card-header .options .btn-default.dropdown-toggle:focus,
2774
+ .btn-check:checked + .card-standout .panel-heading .options .btn-default:focus,
2775
+ .btn-check:active + .card-standout .panel-heading .options .btn-default:focus,
2776
+ .card-standout .panel-heading .options .btn-default:active:focus,
2777
+ .card-standout .panel-heading .options .btn-default.active:focus,
2778
+ .show > .card-standout .panel-heading .options .btn-default.dropdown-toggle:focus,
2779
+ .btn-check:checked + .card-standout .card-heading .options .btn-default:focus,
2780
+ .btn-check:active + .card-standout .card-heading .options .btn-default:focus,
2781
+ .card-standout .card-heading .options .btn-default:active:focus,
2782
+ .card-standout .card-heading .options .btn-default.active:focus,
2783
+ .show > .card-standout .card-heading .options .btn-default.dropdown-toggle:focus,
2784
+ .btn-check:checked + .card-standout .card-header .options .btn-default:focus,
2785
+ .btn-check:active + .card-standout .card-header .options .btn-default:focus,
2786
+ .card-standout .card-header .options .btn-default:active:focus,
2787
+ .card-standout .card-header .options .btn-default.active:focus,
2788
+ .show > .card-standout .card-header .options .btn-default.dropdown-toggle:focus {
2789
+ box-shadow: 0 0 0 0.25rem rgba(57, 60, 62, 0.5);
2790
+ }
2791
+ .panel-standout .panel-heading .options .btn-default:disabled, .panel-standout .panel-heading .options .btn-default.disabled,
2792
+ .panel-standout .card-heading .options .btn-default:disabled,
2793
+ .panel-standout .card-heading .options .btn-default.disabled,
2794
+ .panel-standout .card-header .options .btn-default:disabled,
2795
+ .panel-standout .card-header .options .btn-default.disabled,
2796
+ .card-standout .panel-heading .options .btn-default:disabled,
2797
+ .card-standout .panel-heading .options .btn-default.disabled,
2798
+ .card-standout .card-heading .options .btn-default:disabled,
2799
+ .card-standout .card-heading .options .btn-default.disabled,
2800
+ .card-standout .card-header .options .btn-default:disabled,
2801
+ .card-standout .card-header .options .btn-default.disabled {
2802
+ color: #fff;
2803
+ background-color: #0f1213;
2804
+ border-color: #161a1c;
2805
+ }
2806
+ .panel-standout .panel-body,
2807
+ .panel-standout .card-body,
2808
+ .card-standout .panel-body,
2809
+ .card-standout .card-body {
2810
+ background: #eff5f8;
2811
+ color: #3b3a48;
2812
+ }
2813
+ .panel-standout .panel-body a:not(.btn),
2814
+ .panel-standout .card-body a:not(.btn),
2815
+ .card-standout .panel-body a:not(.btn),
2816
+ .card-standout .card-body a:not(.btn) {
2817
+ color: #046b99;
2818
+ text-decoration: none;
2819
+ }
2820
+ .panel-standout .panel-body a:not(.btn):hover, .panel-standout .panel-body a:not(.btn):focus,
2821
+ .panel-standout .card-body a:not(.btn):hover,
2822
+ .panel-standout .card-body a:not(.btn):focus,
2823
+ .card-standout .panel-body a:not(.btn):hover,
2824
+ .card-standout .panel-body a:not(.btn):focus,
2825
+ .card-standout .card-body a:not(.btn):hover,
2826
+ .card-standout .card-body a:not(.btn):focus {
2827
+ color: #02374e;
2828
+ text-decoration: underline;
2829
+ }
2830
+ .panel-standout .panel-body a:not(.btn):focus,
2831
+ .panel-standout .card-body a:not(.btn):focus,
2832
+ .card-standout .panel-body a:not(.btn):focus,
2833
+ .card-standout .card-body a:not(.btn):focus {
2834
+ outline: thin dotted;
2835
+ outline: 5px auto -webkit-focus-ring-color;
2836
+ outline-offset: -2px;
2837
+ }
2838
+ .panel-standout .panel-body a:not(.btn),
2839
+ .panel-standout .card-body a:not(.btn),
2840
+ .card-standout .panel-body a:not(.btn),
2841
+ .card-standout .card-body a:not(.btn) {
2842
+ text-decoration: underline;
2843
+ }
2844
+
2845
+ /* Adds triangle to card */
2846
+ .panel-standout.highlight .panel-heading .triangle,
2847
+ .panel-standout.highlight .card-heading .triangle,
2848
+ .panel-standout.highlight .card-header .triangle,
2849
+ .card-standout.highlight .panel-heading .triangle,
2850
+ .card-standout.highlight .card-heading .triangle,
2851
+ .card-standout.highlight .card-header .triangle {
2852
+ content: "";
2853
+ display: block;
2854
+ width: 0;
2855
+ height: 0;
2856
+ border-left: 12px solid transparent;
2857
+ border-right: 12px solid transparent;
2858
+ border-top: 12px solid #21272a;
2859
+ }
2860
+
2861
+ /* -----------------------------------------
2862
+ ACCENT TEXT
2863
+ /source/scss/colortheme/cs-text-accent.scss
2864
+ ----------------------------------------- */
2865
+ .text-accent1 {
2866
+ color: #1b79c0 !important;
2867
+ }
2868
+ .text-accent2 {
2869
+ color: #077cbb !important;
2870
+ }
2871
+ .text-accent3 {
2872
+ color: #258378 !important;
2873
+ }
2874
+ .text-accent4 {
2875
+ color: #32852e !important;
2876
+ }
2877
+ .text-accent5 {
2878
+ color: #815ab4 !important;
2879
+ }
2880
+ .text-accent6 {
2881
+ color: #be37cd !important;
2882
+ }
2883
+ .text-accent7 {
2884
+ color: #c93e2c !important;
2885
+ }
2886
+ .text-accent8 {
2887
+ color: #bb520c !important;
2888
+ }
2889
+ .text-accent9 {
2890
+ color: #f7e455 !important;
2891
+ }
2892
+ .text-accent-p1 {
2893
+ color: #c19e73 !important;
2894
+ }
2895
+ .text-accent-p2 {
2896
+ color: #446a7c !important;
2897
+ }
2898
+ .text-accent-p3 {
2899
+ color: #21272a !important;
2900
+ }
2901
+ .text-accent-s1 {
2902
+ color: #eff5f8 !important;
2903
+ }
2904
+ .text-accent-s2 {
2905
+ color: #e2dfda !important;
2906
+ }
2907
+ .text-accent-s3 {
2908
+ color: #ccc8bf !important;
2909
+ }
2910
+
2911
+ .color-primary--hover:hover {
2912
+ color: #446a7c;
2913
+ }
2914
+
2915
+ .bg-primary--hover:hover {
2916
+ background-color: #446a7c;
2917
+ }
2918
+
2919
+ .label-primary {
2920
+ color: #000;
2921
+ background-color: #ededef;
2922
+ border-radius: 0;
2923
+ }
2924
+
2925
+ .label-info {
2926
+ color: #fff;
2927
+ background-color: #446a7c;
2928
+ }
2929
+
2930
+ .label-secondary {
2931
+ color: #3b3a48;
2932
+ background-color: #e2dfda;
2933
+ }
2934
+
2935
+ .label-light {
2936
+ color: #3b3a48;
2937
+ background-color: #eff5f8;
2938
+ }
2939
+
2940
+ .label-dark {
2941
+ color: #fff;
2942
+ background-color: #21272a;
2943
+ }
2944
+
2945
+ .label-warning {
2946
+ color: #3b3a48;
2947
+ background-color: #c19e73;
2948
+ }
2949
+
2950
+ .text-highlight-primary {
2951
+ background-color: #eff5f8;
2952
+ }
2953
+
2954
+ .text-highlight-warning {
2955
+ background-color: #f3ece4;
2956
+ }
2957
+
2958
+ .text-highlight-dark {
2959
+ color: #fff;
2960
+ background-color: #21272a;
2961
+ }
2962
+
2963
+ /* -----------------------------------------
2964
+ IMAGE HELPERS
2965
+ /source/scss/colortheme/cs-image.scss
2966
+ ----------------------------------------- */
2967
+ .section-understated .img-thumbnail,
2968
+ .card-understated .img-thumbnail {
2969
+ padding: 0.25rem;
2970
+ background-color: whitesmoke;
2971
+ border: 1px solid #c2c2c2;
2972
+ }
2973
+ .section-overstated .img-thumbnail,
2974
+ .card-overstated .img-thumbnail {
2975
+ padding: 0.25rem;
2976
+ background-color: #ebe9e5;
2977
+ border: 1px solid #bab4a8;
2978
+ }
2979
+ .section-standout .img-thumbnail, .section-impact .img-thumbnail,
2980
+ .card-standout .img-thumbnail,
2981
+ .card-impact .img-thumbnail {
2982
+ padding: 0.25rem;
2983
+ background-color: #7a7d7f;
2984
+ border: 1px solid #0f1213;
2985
+ }
2986
+ .section-primary .img-thumbnail,
2987
+ .card-primary .img-thumbnail {
2988
+ padding: 0.25rem;
2989
+ background-color: #c7d2d8;
2990
+ border: 1px solid #324e5b;
2991
+ }
2992
+ .section-inverted .img-thumbnail,
2993
+ .card-inverted .img-thumbnail {
2994
+ padding: 0.25rem;
2995
+ background-color: #fff;
2996
+ border: 1px solid #c2c2c2;
2997
+ }
2998
+ .section-danger .img-thumbnail,
2999
+ .card-danger .img-thumbnail {
3000
+ padding: 0.25rem;
3001
+ background-color: #fff;
3002
+ border: 1px solid #c2c2c2;
3003
+ }
3004
+
3005
+ .carousel-video-submenu .owl-item.watching img {
3006
+ border-color: #c19e73;
3007
+ }
3008
+ .carousel-video-submenu .owl-item.watching button {
3009
+ border-color: #c19e73;
3010
+ }
3011
+
3012
+ /* -----------------------------------------
3013
+ COMMENT
3014
+ /source/scss/colortheme/cs-buttons.scss
3015
+ ----------------------------------------- */
3016
+ .btn-primary {
3017
+ color: #fff;
3018
+ background-color: #446a7c;
3019
+ border-color: #446a7c;
3020
+ font-weight: 600;
3021
+ }
3022
+ .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
3023
+ .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-primary {
3024
+ color: #fff;
3025
+ background-color: #375665;
3026
+ border-color: #375665;
3027
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3028
+ }
3029
+ .btn-primary:focus {
3030
+ outline: solid 2px #2ea3f2 !important;
3031
+ }
3032
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-primary {
3033
+ background-image: none;
3034
+ }
3035
+ .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
3036
+ background-color: #446a7c !important;
3037
+ border-color: #446a7c;
3038
+ }
3039
+ .btn-primary .badge {
3040
+ color: #446a7c;
3041
+ background-color: #fff;
3042
+ }
3043
+ .btn-primary:disabled {
3044
+ color: #fff !important;
3045
+ }
3046
+ .btn-primary.disabled {
3047
+ color: #fff !important;
3048
+ }
3049
+
3050
+ .btn-outline-primary {
3051
+ color: #446a7c;
3052
+ background-color: #fff;
3053
+ border-color: #446a7c;
3054
+ font-weight: 600;
3055
+ }
3056
+ .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
3057
+ .btn-outline-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-primary {
3058
+ color: #375665;
3059
+ background-color: #fff;
3060
+ border-color: #375665;
3061
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3062
+ }
3063
+ .btn-outline-primary:focus {
3064
+ outline: solid 2px #2ea3f2 !important;
3065
+ }
3066
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-primary {
3067
+ background-image: none;
3068
+ }
3069
+ .btn-outline-primary.disabled, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active, .btn-outline-primary.disabled.active, .btn-outline-primary[disabled], .btn-outline-primary[disabled]:hover, .btn-outline-primary[disabled]:focus, .btn-outline-primary[disabled]:active, .btn-outline-primary[disabled].active, fieldset[disabled] .btn-outline-primary, fieldset[disabled] .btn-outline-primary:hover, fieldset[disabled] .btn-outline-primary:focus, fieldset[disabled] .btn-outline-primary:active, fieldset[disabled] .btn-outline-primary.active {
3070
+ background-color: #fff !important;
3071
+ border-color: #446a7c;
3072
+ }
3073
+ .btn-outline-primary .badge {
3074
+ color: #fff;
3075
+ background-color: #446a7c;
3076
+ }
3077
+
3078
+ .btn-default {
3079
+ color: #5e5e6a;
3080
+ background-color: rgba(255, 255, 255, 0.65);
3081
+ border-color: #5e5e6a;
3082
+ font-weight: 600;
3083
+ }
3084
+ .btn-default:hover, .btn-default:focus, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
3085
+ .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .btn-default {
3086
+ color: #000;
3087
+ background-color: rgb(255, 255, 255);
3088
+ border-color: #000;
3089
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3090
+ }
3091
+ .btn-default:focus {
3092
+ outline: solid 2px #2ea3f2 !important;
3093
+ }
3094
+ .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-default {
3095
+ background-image: none;
3096
+ }
3097
+ .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
3098
+ background-color: rgba(255, 255, 255, 0.65) !important;
3099
+ border-color: #5e5e6a;
3100
+ }
3101
+ .btn-default .badge {
3102
+ color: rgba(255, 255, 255, 0.65);
3103
+ background-color: #5e5e6a;
3104
+ }
3105
+
3106
+ .btn-standout {
3107
+ color: #fff;
3108
+ background-color: #21272a;
3109
+ border-color: #21272a;
3110
+ font-weight: 600;
3111
+ }
3112
+ .btn-standout:hover, .btn-standout:focus, .btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active,
3113
+ .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-standout {
3114
+ color: #fff;
3115
+ background-color: #111416;
3116
+ border-color: #111416;
3117
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3118
+ }
3119
+ .btn-standout:focus {
3120
+ outline: solid 2px #2ea3f2 !important;
3121
+ }
3122
+ .btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-standout {
3123
+ background-image: none;
3124
+ }
3125
+ .btn-standout.disabled, .btn-standout.disabled:hover, .btn-standout.disabled:focus, .btn-standout.disabled:active, .btn-standout.disabled.active, .btn-standout[disabled], .btn-standout[disabled]:hover, .btn-standout[disabled]:focus, .btn-standout[disabled]:active, .btn-standout[disabled].active, fieldset[disabled] .btn-standout, fieldset[disabled] .btn-standout:hover, fieldset[disabled] .btn-standout:focus, fieldset[disabled] .btn-standout:active, fieldset[disabled] .btn-standout.active {
3126
+ background-color: #21272a !important;
3127
+ border-color: #21272a;
3128
+ }
3129
+ .btn-standout .badge {
3130
+ color: #21272a;
3131
+ background-color: #fff;
3132
+ }
3133
+ .btn-standout:disabled {
3134
+ color: #fff !important;
3135
+ }
3136
+ .btn-standout.disabled {
3137
+ color: #fff !important;
3138
+ }
3139
+
3140
+ .btn-outline-standout {
3141
+ color: #21272a;
3142
+ background-color: #fff;
3143
+ border-color: #21272a;
3144
+ font-weight: 600;
3145
+ }
3146
+ .btn-outline-standout:hover, .btn-outline-standout:focus, .btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active,
3147
+ .btn-outline-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-standout {
3148
+ color: #111416;
3149
+ background-color: #fff;
3150
+ border-color: #111416;
3151
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3152
+ }
3153
+ .btn-outline-standout:focus {
3154
+ outline: solid 2px #2ea3f2 !important;
3155
+ }
3156
+ .btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-standout {
3157
+ background-image: none;
3158
+ }
3159
+ .btn-outline-standout.disabled, .btn-outline-standout.disabled:hover, .btn-outline-standout.disabled:focus, .btn-outline-standout.disabled:active, .btn-outline-standout.disabled.active, .btn-outline-standout[disabled], .btn-outline-standout[disabled]:hover, .btn-outline-standout[disabled]:focus, .btn-outline-standout[disabled]:active, .btn-outline-standout[disabled].active, fieldset[disabled] .btn-outline-standout, fieldset[disabled] .btn-outline-standout:hover, fieldset[disabled] .btn-outline-standout:focus, fieldset[disabled] .btn-outline-standout:active, fieldset[disabled] .btn-outline-standout.active {
3160
+ background-color: #fff !important;
3161
+ border-color: #21272a;
3162
+ }
3163
+ .btn-outline-standout .badge {
3164
+ color: #fff;
3165
+ background-color: #21272a;
3166
+ }
3167
+
3168
+ .btn-highlight {
3169
+ color: #000;
3170
+ background-color: #ccaf8c;
3171
+ border-color: #ccaf8c;
3172
+ font-weight: 600;
3173
+ }
3174
+ .btn-highlight:hover, .btn-highlight:focus, .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active,
3175
+ .btn-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-highlight {
3176
+ color: #3b3a48;
3177
+ background-color: #d7c0a4;
3178
+ border-color: #d7c0a4;
3179
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3180
+ }
3181
+ .btn-highlight:focus {
3182
+ outline: solid 2px #2ea3f2 !important;
3183
+ }
3184
+ .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-highlight {
3185
+ background-image: none;
3186
+ }
3187
+ .btn-highlight.disabled, .btn-highlight.disabled:hover, .btn-highlight.disabled:focus, .btn-highlight.disabled:active, .btn-highlight.disabled.active, .btn-highlight[disabled], .btn-highlight[disabled]:hover, .btn-highlight[disabled]:focus, .btn-highlight[disabled]:active, .btn-highlight[disabled].active, fieldset[disabled] .btn-highlight, fieldset[disabled] .btn-highlight:hover, fieldset[disabled] .btn-highlight:focus, fieldset[disabled] .btn-highlight:active, fieldset[disabled] .btn-highlight.active {
3188
+ background-color: #ccaf8c !important;
3189
+ border-color: #ccaf8c;
3190
+ }
3191
+ .btn-highlight .badge {
3192
+ color: #ccaf8c;
3193
+ background-color: #000;
3194
+ }
3195
+
3196
+ .btn-outline-highlight {
3197
+ color: #000;
3198
+ background-color: transparent;
3199
+ border-color: #ccaf8c;
3200
+ font-weight: 600;
3201
+ }
3202
+ .btn-outline-highlight:hover, .btn-outline-highlight:focus, .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active,
3203
+ .btn-outline-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-highlight {
3204
+ color: #3b3a48;
3205
+ background-color: #fafafa;
3206
+ border-color: #d7c0a4;
3207
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3208
+ }
3209
+ .btn-outline-highlight:focus {
3210
+ outline: solid 2px #2ea3f2 !important;
3211
+ }
3212
+ .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-highlight {
3213
+ background-image: none;
3214
+ }
3215
+ .btn-outline-highlight.disabled, .btn-outline-highlight.disabled:hover, .btn-outline-highlight.disabled:focus, .btn-outline-highlight.disabled:active, .btn-outline-highlight.disabled.active, .btn-outline-highlight[disabled], .btn-outline-highlight[disabled]:hover, .btn-outline-highlight[disabled]:focus, .btn-outline-highlight[disabled]:active, .btn-outline-highlight[disabled].active, fieldset[disabled] .btn-outline-highlight, fieldset[disabled] .btn-outline-highlight:hover, fieldset[disabled] .btn-outline-highlight:focus, fieldset[disabled] .btn-outline-highlight:active, fieldset[disabled] .btn-outline-highlight.active {
3216
+ background-color: transparent !important;
3217
+ border-color: #ccaf8c;
3218
+ }
3219
+ .btn-outline-highlight .badge {
3220
+ color: transparent;
3221
+ background-color: #000;
3222
+ }
3223
+
3224
+ .btn-secondary {
3225
+ color: #555555;
3226
+ background-color: whitesmoke;
3227
+ border-color: #555555;
3228
+ font-weight: 600;
3229
+ }
3230
+ .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
3231
+ .btn-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-secondary {
3232
+ color: #02374e;
3233
+ background-color: #fff;
3234
+ border-color: #000;
3235
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3236
+ }
3237
+ .btn-secondary:focus {
3238
+ outline: solid 2px #2ea3f2 !important;
3239
+ }
3240
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-secondary {
3241
+ background-image: none;
3242
+ }
3243
+ .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
3244
+ background-color: whitesmoke !important;
3245
+ border-color: #555555;
3246
+ }
3247
+ .btn-secondary .badge {
3248
+ color: whitesmoke;
3249
+ background-color: #555555;
3250
+ }
3251
+ .btn-secondary.active {
3252
+ background: #fff;
3253
+ color: #000;
3254
+ }
3255
+ .btn-secondary:disabled {
3256
+ color: #000;
3257
+ }
3258
+ .btn-secondary.disabled {
3259
+ color: #000;
3260
+ }
3261
+
3262
+ .btn-s1 {
3263
+ color: #555555;
3264
+ background-color: #eff5f8;
3265
+ border-color: #555555;
3266
+ font-weight: 600;
3267
+ }
3268
+ .btn-s1:hover, .btn-s1:focus, .btn-s1:not(:disabled):not(.disabled):active, .btn-s1:not(:disabled):not(.disabled).active,
3269
+ .btn-s1 .show > .dropdown-toggle, .open > .dropdown-toggle .btn-s1 {
3270
+ color: #000;
3271
+ background-color: #fff;
3272
+ border-color: #000;
3273
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3274
+ }
3275
+ .btn-s1:focus {
3276
+ outline: solid 2px #2ea3f2 !important;
3277
+ }
3278
+ .btn-s1:not(:disabled):not(.disabled):active, .btn-s1:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-s1 {
3279
+ background-image: none;
3280
+ }
3281
+ .btn-s1.disabled, .btn-s1.disabled:hover, .btn-s1.disabled:focus, .btn-s1.disabled:active, .btn-s1.disabled.active, .btn-s1[disabled], .btn-s1[disabled]:hover, .btn-s1[disabled]:focus, .btn-s1[disabled]:active, .btn-s1[disabled].active, fieldset[disabled] .btn-s1, fieldset[disabled] .btn-s1:hover, fieldset[disabled] .btn-s1:focus, fieldset[disabled] .btn-s1:active, fieldset[disabled] .btn-s1.active {
3282
+ background-color: #eff5f8 !important;
3283
+ border-color: #555555;
3284
+ }
3285
+ .btn-s1 .badge {
3286
+ color: #eff5f8;
3287
+ background-color: #555555;
3288
+ }
3289
+ .btn-s1.active {
3290
+ background: #fff;
3291
+ color: #000;
3292
+ }
3293
+ .btn-s1:disabled {
3294
+ color: #000;
3295
+ }
3296
+
3297
+ .btn-outline-secondary {
3298
+ color: #555555;
3299
+ background-color: #fff;
3300
+ border-color: #555555;
3301
+ font-weight: 600;
3302
+ }
3303
+ .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
3304
+ .btn-outline-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-secondary {
3305
+ color: #444444;
3306
+ background-color: #fff;
3307
+ border-color: #444444;
3308
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3309
+ }
3310
+ .btn-outline-secondary:focus {
3311
+ outline: solid 2px #2ea3f2 !important;
3312
+ }
3313
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-secondary {
3314
+ background-image: none;
3315
+ }
3316
+ .btn-outline-secondary.disabled, .btn-outline-secondary.disabled:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:active, .btn-outline-secondary.disabled.active, .btn-outline-secondary[disabled], .btn-outline-secondary[disabled]:hover, .btn-outline-secondary[disabled]:focus, .btn-outline-secondary[disabled]:active, .btn-outline-secondary[disabled].active, fieldset[disabled] .btn-outline-secondary, fieldset[disabled] .btn-outline-secondary:hover, fieldset[disabled] .btn-outline-secondary:focus, fieldset[disabled] .btn-outline-secondary:active, fieldset[disabled] .btn-outline-secondary.active {
3317
+ background-color: #fff !important;
3318
+ border-color: #555555;
3319
+ }
3320
+ .btn-outline-secondary .badge {
3321
+ color: #fff;
3322
+ background-color: #555555;
3323
+ }
3324
+
3325
+ .btn-light {
3326
+ color: #5e5e6a;
3327
+ background-color: #fff;
3328
+ border-color: #fff;
3329
+ font-weight: 600;
3330
+ }
3331
+ .btn-light:hover, .btn-light:focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
3332
+ .btn-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-light {
3333
+ color: #000;
3334
+ background-color: #ededef;
3335
+ border-color: #ededef;
3336
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3337
+ }
3338
+ .btn-light:focus {
3339
+ outline: solid 2px #2ea3f2 !important;
3340
+ }
3341
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-light {
3342
+ background-image: none;
3343
+ }
3344
+ .btn-light.disabled, .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled:active, .btn-light.disabled.active, .btn-light[disabled], .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled]:active, .btn-light[disabled].active, fieldset[disabled] .btn-light, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light:active, fieldset[disabled] .btn-light.active {
3345
+ background-color: #fff !important;
3346
+ border-color: #fff;
3347
+ }
3348
+ .btn-light .badge {
3349
+ color: #fff;
3350
+ background-color: #5e5e6a;
3351
+ }
3352
+
3353
+ .btn-outline-light {
3354
+ color: #fff;
3355
+ background-color: transparent;
3356
+ border-color: #fff;
3357
+ font-weight: 600;
3358
+ }
3359
+ .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
3360
+ .btn-outline-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-light {
3361
+ color: #ededef;
3362
+ background-color: transparent;
3363
+ border-color: #ededef;
3364
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3365
+ }
3366
+ .btn-outline-light:focus {
3367
+ outline: solid 2px #2ea3f2 !important;
3368
+ }
3369
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-light {
3370
+ background-image: none;
3371
+ }
3372
+ .btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active, fieldset[disabled] .btn-outline-light, fieldset[disabled] .btn-outline-light:hover, fieldset[disabled] .btn-outline-light:focus, fieldset[disabled] .btn-outline-light:active, fieldset[disabled] .btn-outline-light.active {
3373
+ background-color: transparent !important;
3374
+ border-color: #fff;
3375
+ }
3376
+ .btn-outline-light .badge {
3377
+ color: transparent;
3378
+ background-color: #fff;
3379
+ }
3380
+
3381
+ .check-icon-radio {
3382
+ color: #446a7c;
3383
+ border-color: #446a7c;
3384
+ }
3385
+
3386
+ .check-icon-checkbox {
3387
+ border-color: #446a7c;
3388
+ }
3389
+
3390
+ input[type=checkbox]:checked + i,
3391
+ input[type=radio]:checked + i,
3392
+ input[type=checkbox]:checked + * i,
3393
+ input[type=radio]:checked + * i {
3394
+ color: #fff;
3395
+ background-color: #446a7c;
3396
+ border-color: #446a7c;
3397
+ }
3398
+
3399
+ .bg-primary--checked.checked,
3400
+ .checked .bg-primary--checked {
3401
+ background-color: #446a7c !important;
3402
+ }
3403
+
3404
+ /* -----------------------------------------
3405
+ FORM
3406
+ /source/scss/colortheme/cs-form.scss
3407
+ ----------------------------------------- */
3408
+ .custom-file-label:after {
3409
+ background-color: #446a7c;
3410
+ }
3411
+
3412
+ .check-icon-radio {
3413
+ color: #446a7c;
3414
+ border-color: #446a7c;
3415
+ }
3416
+
3417
+ .check-icon-checkbox {
3418
+ border-color: #446a7c;
3419
+ }
3420
+
3421
+ input[type=checkbox]:checked + i,
3422
+ input[type=radio]:checked + i,
3423
+ input[type=checkbox]:checked + * i,
3424
+ input[type=radio]:checked + * i {
3425
+ background-color: #446a7c;
3426
+ border-color: #446a7c;
3427
+ }
3428
+
3429
+ .bg-primary--checked.checked,
3430
+ .checked .bg-primary--checked {
3431
+ background-color: #446a7c !important;
3432
+ }
3433
+
3434
+ /* primary Color */
3435
+ input[type=checkbox]:checked + .bg-primary--checked,
3436
+ input[type=radio]:checked + .bg-primary--checked,
3437
+ input[type=checkbox]:checked + * .bg-primary--checked,
3438
+ input[type=radio]:checked + * .bg-primary--checked {
3439
+ background-color: #446a7c;
3440
+ }
3441
+
3442
+ /* highlight Color */
3443
+ input[type=checkbox]:checked + .bg-highlight--checked,
3444
+ input[type=radio]:checked + .bg-highlight--checked,
3445
+ input[type=checkbox]:checked + * .bg-highlight--checked,
3446
+ input[type=radio]:checked + * .bg-highlight--checked {
3447
+ background-color: #c19e73;
3448
+ }
3449
+
3450
+ /* Focusable custom checkboxes and radios for accessibility */
3451
+ input[type=checkbox]:focus + div,
3452
+ input[type=radio]:focus + div {
3453
+ box-shadow: 0 0 2px 2px #ccc8bf;
3454
+ }
3455
+
3456
+ .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
3457
+ background-color: #446a7c;
3458
+ }
3459
+
3460
+ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
3461
+ background-color: #446a7c;
3462
+ }
3463
+
3464
+ .form-check-input:checked,
3465
+ .custom-control-input:checked {
3466
+ background-color: #446a7c;
3467
+ border-color: #446a7c;
3468
+ }
3469
+
3470
+ /* -----------------------------------------
3471
+ COMMENT
3472
+ /source/scss/colortheme/cs-blocks.scss
3473
+ ----------------------------------------- */
3474
+ .bg-blue-gradient {
3475
+ background-repeat: repeat-x;
3476
+ background-image: linear-gradient(225deg, #749eb3, #446a7c);
3477
+ }
3478
+
3479
+ .circle-icon {
3480
+ background: #222222;
3481
+ }
3482
+
3483
+ .icon-link:hover, .icon-link:focus {
3484
+ color: #eff5f8 !important;
3485
+ }
3486
+
3487
+ .service-tile-empty {
3488
+ background: #1c1d1e;
3489
+ color: #171717;
3490
+ }
3491
+
3492
+ .main-content a.color-gray-dark {
3493
+ text-decoration: underline;
3494
+ }
3495
+ .main-content a.color-primary-hover:hover {
3496
+ text-decoration: underline;
3497
+ }
3498
+
3499
+ /* -----------------------------------------
3500
+ PANES
3501
+ /source/scss/colortheme/cs-panes.scss
3502
+ ----------------------------------------- */
3503
+ @media (min-width: 768px) {
3504
+ .bg-highlight.group-right:before,
3505
+ .bg-p1.group-right:before {
3506
+ border-right-color: #c19e73;
3507
+ }
3508
+ .bg-highlight.group-left:after,
3509
+ .bg-p1.group-left:after {
3510
+ border-left-color: #c19e73;
3511
+ }
3512
+ .section-primary.group-right:before,
3513
+ .bg-primary.group-right:before,
3514
+ .bg-p2.group-right:before {
3515
+ border-right-color: #446a7c;
3516
+ }
3517
+ .section-primary.group-left:after,
3518
+ .bg-primary.group-left:after,
3519
+ .bg-p2.group-left:after {
3520
+ border-left-color: #446a7c;
3521
+ }
3522
+ .section-default.group-right:before {
3523
+ border-right-color: whitesmoke;
3524
+ }
3525
+ .section-default.group-left:after {
3526
+ border-left-color: whitesmoke;
3527
+ }
3528
+ .section-standout.group-right:before,
3529
+ .bg-standout.group-right:before,
3530
+ .bg-p3.group-right:before {
3531
+ border-right-color: #21272a;
3532
+ }
3533
+ .section-standout.group-left:after,
3534
+ .bg-standout.group-left:after,
3535
+ .bg-p3.group-left:after {
3536
+ border-left-color: #21272a;
3537
+ }
3538
+ .section-understated.group-right:before,
3539
+ .bg-s1.group-right:before {
3540
+ border-right-color: #eff5f8;
3541
+ }
3542
+ .section-understated.group-left:after,
3543
+ .bg-s1.group-left:after {
3544
+ border-left-color: #eff5f8;
3545
+ }
3546
+ .section-inverted.group-right:before {
3547
+ border-right-color: #222222;
3548
+ }
3549
+ .section-inverted.group-left:after {
3550
+ border-left-color: #222222;
3551
+ }
3552
+ }
3553
+ @media (max-width: 767px) {
3554
+ .bg-highlight.group-right:before,
3555
+ .bg-p1.group-right:before,
3556
+ .bg-highlight.group-left:after,
3557
+ .bg-p1.group-left:after {
3558
+ border-bottom-color: #c19e73;
3559
+ }
3560
+ .section-primary.group-right:before,
3561
+ .bg-primary.group-right:before,
3562
+ .bg-p2.group-right:before,
3563
+ .section-primary.group-left:after,
3564
+ .bg-primary.group-left:after,
3565
+ .bg-p2.group-left:after {
3566
+ border-bottom-color: #446a7c;
3567
+ }
3568
+ .section-default.group-right:before, .section-default.group-left:after {
3569
+ border-bottom-color: whitesmoke;
3570
+ }
3571
+ .section-standout.group-right:before,
3572
+ .bg-standout.group-right:before,
3573
+ .bg-p3.group-right:before,
3574
+ .section-standout.group-left:after,
3575
+ .bg-standout.group-left:after,
3576
+ .bg-p3.group-left:after {
3577
+ border-bottom-color: #21272a;
3578
+ }
3579
+ .section-understated.group-right:before,
3580
+ .bg-s1 .group-right:before,
3581
+ .section-understated.group-left:after,
3582
+ .bg-s1.group-left:after {
3583
+ border-bottom-color: #eff5f8;
3584
+ }
3585
+ .section-inverted.group-right:before, .section-inverted.group-left:after {
3586
+ border-bottom-color: #222222;
3587
+ }
3588
+ }
3589
+ /* -----------------------------------------
3590
+ BACK-TO-TOP / RETURN TOP
3591
+ /source/scss/colortheme/cs-return-top.scss
3592
+ ----------------------------------------- */
3593
+ .return-top {
3594
+ border-color: #446a7c;
3595
+ color: #446a7c;
3596
+ }
3597
+ .return-top.is-visible:hover, .return-top.is-visible:focus {
3598
+ color: #375665;
3599
+ border-color: #375665;
3600
+ }
3601
+
3602
+ /* -----------------------------------------
3603
+ SIDE NAVIGATION
3604
+ /source/scss/colortheme/cs-side-navigation.scss
3605
+ ----------------------------------------- */
3606
+ .side-navigation ul li a.active:before,
3607
+ .list-navigation li a.active:before {
3608
+ border-left-color: #c19e73;
3609
+ }
3610
+
3611
+ /* MOBILE */
3612
+ .sidenav-mobile-btn {
3613
+ background-color: #eff5f8;
3614
+ }
3615
+ .sidenav-mobile-btn .sidenav-toggle {
3616
+ color: #446a7c;
3617
+ }
3618
+ .sidenav-mobile-btn .sidenav-toggle:hover, .sidenav-mobile-btn .sidenav-toggle:focus {
3619
+ color: #375665;
3620
+ }
3621
+
3622
+ .mobile-sidenav {
3623
+ background-color: #21272a;
3624
+ }
3625
+ .mobile-sidenav .side-navigation ul li a,
3626
+ .mobile-sidenav .list-navigation li a {
3627
+ color: #fff;
3628
+ border-bottom-color: #21272a;
3629
+ }
3630
+ .mobile-sidenav .side-navigation ul li a:hover, .mobile-sidenav .side-navigation ul li a:focus,
3631
+ .mobile-sidenav .list-navigation li a:hover,
3632
+ .mobile-sidenav .list-navigation li a:focus {
3633
+ color: #fff;
3634
+ background-color: #313a3e;
3635
+ }
3636
+ .mobile-sidenav .side-navigation ul li a.active,
3637
+ .mobile-sidenav .list-navigation li a.active {
3638
+ background-color: #313a3e;
3639
+ }
3640
+ .mobile-sidenav .side-navigation ul li a.active:before,
3641
+ .mobile-sidenav .list-navigation li a.active:before {
3642
+ color: #fff;
3643
+ border-left-color: #c19e73;
3644
+ }
3645
+ .mobile-sidenav .side-navigation ul li a.active:hover, .mobile-sidenav .side-navigation ul li a.active:focus,
3646
+ .mobile-sidenav .list-navigation li a.active:hover,
3647
+ .mobile-sidenav .list-navigation li a.active:focus {
3648
+ color: #fff;
3649
+ background-color: #21272a;
3650
+ }
3651
+ .mobile-sidenav .side-navigation ul li a ul li a.active::before,
3652
+ .mobile-sidenav .list-navigation li a ul li a.active::before {
3653
+ border-left-color: #c19e73;
3654
+ }
3655
+
3656
+ /* DESKTOP */
3657
+ @media (min-width: 992px) {
3658
+ .side-navigation ul li a,
3659
+ .list-navigation li a {
3660
+ color: #5e5e6a;
3661
+ }
3662
+ .side-navigation ul li a:hover, .side-navigation ul li a:hover,
3663
+ .list-navigation li a:hover,
3664
+ .list-navigation li a:hover {
3665
+ color: #3b3a48;
3666
+ }
3667
+ .side-navigation ul li a.active:before,
3668
+ .list-navigation li a.active:before {
3669
+ border-left-color: #c19e73;
3670
+ }
3671
+ .side-navigation ul li ul li a.active::before,
3672
+ .list-navigation li ul li a.active::before {
3673
+ border-left-color: #c19e73;
3674
+ }
3675
+ a.sidenav {
3676
+ color: #5e5e6a;
3677
+ }
3678
+ a.sidenav:hover, a.sidenav:hover {
3679
+ color: #3b3a48;
3680
+ }
3681
+ a.sidenav.active:before {
3682
+ border-left-color: #c19e73;
3683
+ }
3684
+ }
3685
+ /* bootstrap side navigation */
3686
+ .list-group-item.active {
3687
+ background-color: #446a7c;
3688
+ border-color: #446a7c;
3689
+ }
3690
+ .list-group-item.active:hover {
3691
+ background-color: #375665 !important;
3692
+ border-color: #375665;
3693
+ }
3694
+
3695
+ .list-group.section-standout .list-group-item,
3696
+ .list-group.section-standout .list-group-item > button {
3697
+ background-color: #21272a !important;
3698
+ color: #ffffff !important;
3699
+ }
3700
+ .list-group.section-standout .list-group-item:hover, .list-group.section-standout .list-group-item:focus, .list-group.section-standout .list-group-item.open,
3701
+ .list-group.section-standout .list-group-item > button:hover,
3702
+ .list-group.section-standout .list-group-item > button:focus,
3703
+ .list-group.section-standout .list-group-item > button.open {
3704
+ background: #111416 !important;
3705
+ color: #ffffff !important;
3706
+ }
3707
+ .list-group.section-standout .list-group-item.active,
3708
+ .list-group.section-standout .list-group-item > button.active {
3709
+ background-color: #fff !important;
3710
+ border-color: #21272a;
3711
+ color: #21272a !important;
3712
+ }
3713
+ .list-group.section-standout .list-group-item.active:hover, .list-group.section-standout .list-group-item.active:focus,
3714
+ .list-group.section-standout .list-group-item > button.active:hover,
3715
+ .list-group.section-standout .list-group-item > button.active:focus {
3716
+ background-color: #f8f9fa !important;
3717
+ border-color: #21272a;
3718
+ }
3719
+
3720
+ .list-group.section-overstated .list-group-item,
3721
+ .list-group.section-overstated .list-group-item > button {
3722
+ background: #446a7c !important;
3723
+ color: #ffffff !important;
3724
+ }
3725
+ .list-group.section-overstated .list-group-item:hover, .list-group.section-overstated .list-group-item:focus, .list-group.section-overstated .list-group-item.open,
3726
+ .list-group.section-overstated .list-group-item > button:hover,
3727
+ .list-group.section-overstated .list-group-item > button:focus,
3728
+ .list-group.section-overstated .list-group-item > button.open {
3729
+ background: #375665 !important;
3730
+ color: #ffffff !important;
3731
+ }
3732
+ .list-group.section-overstated .list-group-item.active,
3733
+ .list-group.section-overstated .list-group-item > button.active {
3734
+ background-color: #fff !important;
3735
+ border-color: #446a7c;
3736
+ color: #446a7c !important;
3737
+ }
3738
+ .list-group.section-overstated .list-group-item.active:hover, .list-group.section-overstated .list-group-item.active:focus,
3739
+ .list-group.section-overstated .list-group-item > button.active:hover,
3740
+ .list-group.section-overstated .list-group-item > button.active:focus {
3741
+ background-color: #f8f9fa !important;
3742
+ border-color: #446a7c;
3743
+ }
3744
+
3745
+ .list-group.section-impact .list-group-item,
3746
+ .list-group.section-impact .list-group-item > button {
3747
+ background: #21272a !important;
3748
+ color: #ffffff !important;
3749
+ }
3750
+ .list-group.section-impact .list-group-item:hover, .list-group.section-impact .list-group-item:focus,
3751
+ .list-group.section-impact .list-group-item > button:hover,
3752
+ .list-group.section-impact .list-group-item > button:focus {
3753
+ background: #111416 !important;
3754
+ color: #ffffff !important;
3755
+ }
3756
+ .list-group.section-impact .list-group-item.active,
3757
+ .list-group.section-impact .list-group-item > button.active {
3758
+ background-color: #fff !important;
3759
+ border-color: #21272a;
3760
+ color: #21272a !important;
3761
+ }
3762
+ .list-group.section-impact .list-group-item.active:hover, .list-group.section-impact .list-group-item.active:focus,
3763
+ .list-group.section-impact .list-group-item > button.active:hover,
3764
+ .list-group.section-impact .list-group-item > button.active:focus {
3765
+ background-color: #f8f9fa !important;
3766
+ border-color: #21272a;
3767
+ }
3768
+
3769
+ .list-group.section-primary .list-group-item,
3770
+ .list-group.section-primary .list-group-item > button {
3771
+ background: #446a7c !important;
3772
+ color: #ffffff !important;
3773
+ }
3774
+ .list-group.section-primary .list-group-item:hover, .list-group.section-primary .list-group-item:focus, .list-group.section-primary .list-group-item.open,
3775
+ .list-group.section-primary .list-group-item > button:hover,
3776
+ .list-group.section-primary .list-group-item > button:focus,
3777
+ .list-group.section-primary .list-group-item > button.open {
3778
+ background: #375665 !important;
3779
+ color: #ffffff !important;
3780
+ }
3781
+ .list-group.section-primary .list-group-item.active,
3782
+ .list-group.section-primary .list-group-item > button.active {
3783
+ background-color: #fff !important;
3784
+ border-color: #446a7c;
3785
+ color: #446a7c !important;
3786
+ }
3787
+ .list-group.section-primary .list-group-item.active:hover, .list-group.section-primary .list-group-item.active:focus,
3788
+ .list-group.section-primary .list-group-item > button.active:hover,
3789
+ .list-group.section-primary .list-group-item > button.active:focus {
3790
+ background-color: #f8f9fa !important;
3791
+ border-color: #446a7c;
3792
+ }
3793
+
3794
+ .list-group.section-inverted .list-group-item,
3795
+ .list-group.section-inverted .list-group-item > button {
3796
+ background: #222222 !important;
3797
+ color: #fff !important;
3798
+ }
3799
+ .list-group.section-inverted .list-group-item:hover, .list-group.section-inverted .list-group-item:focus, .list-group.section-inverted .list-group-item.open,
3800
+ .list-group.section-inverted .list-group-item > button:hover,
3801
+ .list-group.section-inverted .list-group-item > button:focus,
3802
+ .list-group.section-inverted .list-group-item > button.open {
3803
+ background: #111111 !important;
3804
+ color: #fff !important;
3805
+ }
3806
+ .list-group.section-inverted .list-group-item.active,
3807
+ .list-group.section-inverted .list-group-item > button.active {
3808
+ background-color: #fff !important;
3809
+ border-color: #21272a;
3810
+ color: #21272a !important;
3811
+ }
3812
+ .list-group.section-inverted .list-group-item.active:hover, .list-group.section-inverted .list-group-item.active:focus,
3813
+ .list-group.section-inverted .list-group-item > button.active:hover,
3814
+ .list-group.section-inverted .list-group-item > button.active:focus {
3815
+ background-color: #f8f9fa !important;
3816
+ border-color: #21272a;
3817
+ }
3818
+
3819
+ .list-group.section-danger .list-group-item,
3820
+ .list-group.section-danger .list-group-item > button {
3821
+ background: #cd402d !important;
3822
+ color: #ffffff !important;
3823
+ }
3824
+ .list-group.section-danger .list-group-item:hover, .list-group.section-danger .list-group-item:focus, .list-group.section-danger .list-group-item.open,
3825
+ .list-group.section-danger .list-group-item > button:hover,
3826
+ .list-group.section-danger .list-group-item > button:focus,
3827
+ .list-group.section-danger .list-group-item > button.open {
3828
+ background: #b03727 !important;
3829
+ color: #ffffff !important;
3830
+ }
3831
+ .list-group.section-danger .list-group-item.active,
3832
+ .list-group.section-danger .list-group-item > button.active {
3833
+ background-color: #fff !important;
3834
+ border-color: #cd402d;
3835
+ color: #cd402d !important;
3836
+ }
3837
+ .list-group.section-danger .list-group-item.active:hover, .list-group.section-danger .list-group-item.active:focus,
3838
+ .list-group.section-danger .list-group-item > button.active:hover,
3839
+ .list-group.section-danger .list-group-item > button.active:focus {
3840
+ background-color: #f8f9fa !important;
3841
+ border-color: #cd402d;
3842
+ }
3843
+
3844
+ .list-group.section-understated .list-group-item,
3845
+ .list-group.section-understated .list-group-item > button {
3846
+ background: #eff5f8 !important;
3847
+ }
3848
+ .list-group.section-understated .list-group-item:hover, .list-group.section-understated .list-group-item:focus, .list-group.section-understated .list-group-item.open,
3849
+ .list-group.section-understated .list-group-item > button:hover,
3850
+ .list-group.section-understated .list-group-item > button:focus,
3851
+ .list-group.section-understated .list-group-item > button.open {
3852
+ background: #d6e5ed !important;
3853
+ }
3854
+ .list-group.section-understated .list-group-item.active,
3855
+ .list-group.section-understated .list-group-item > button.active {
3856
+ background-color: #446a7c !important;
3857
+ border-color: #446a7c;
3858
+ color: #fff !important;
3859
+ }
3860
+ .list-group.section-understated .list-group-item.active:hover, .list-group.section-understated .list-group-item.active:focus,
3861
+ .list-group.section-understated .list-group-item > button.active:hover,
3862
+ .list-group.section-understated .list-group-item > button.active:focus {
3863
+ background-color: #375665 !important;
3864
+ border-color: #375665 !important;
3865
+ }
3866
+
3867
+ .list-group.section-default .list-group-item,
3868
+ .list-group.section-default .list-group-item > button {
3869
+ background: whitesmoke !important;
3870
+ }
3871
+ .list-group.section-default .list-group-item:hover, .list-group.section-default .list-group-item:focus, .list-group.section-default .list-group-item.open,
3872
+ .list-group.section-default .list-group-item > button:hover,
3873
+ .list-group.section-default .list-group-item > button:focus,
3874
+ .list-group.section-default .list-group-item > button.open {
3875
+ background: #e3e3e3 !important;
3876
+ }
3877
+ .list-group.section-default .list-group-item.active,
3878
+ .list-group.section-default .list-group-item > button.active {
3879
+ background-color: #446a7c !important;
3880
+ border-color: #446a7c;
3881
+ color: #fff !important;
3882
+ }
3883
+ .list-group.section-default .list-group-item.active:hover, .list-group.section-default .list-group-item.active:focus,
3884
+ .list-group.section-default .list-group-item > button.active:hover,
3885
+ .list-group.section-default .list-group-item > button.active:focus {
3886
+ background-color: #375665 !important;
3887
+ border-color: #375665 !important;
3888
+ }
3889
+
3890
+ /* -----------------------------------------
3891
+ STEP LIST
3892
+ /source/scss/colortheme/cs-step-list.scss
3893
+ ----------------------------------------- */
3894
+ .cagov-step-list li {
3895
+ border-color: #c19e73;
3896
+ }
3897
+ .cagov-step-list li::before {
3898
+ border-color: #c19e73;
3899
+ }
3900
+
3901
+ /* -----------------------------------------
3902
+ ACCORDION SIDE NAVIGATION
3903
+ /source/scss/colortheme/cs-accordion-sidenav.scss
3904
+ ----------------------------------------- */
3905
+ cagov-accordion.sidenav details summary {
3906
+ color: #5e5e6a;
3907
+ }
3908
+ cagov-accordion.sidenav details summary:hover, cagov-accordion.sidenav details summary:focus {
3909
+ color: #000;
3910
+ }
3911
+ cagov-accordion.sidenav details summary.active {
3912
+ color: #5e5e6a !important;
3913
+ }
3914
+ cagov-accordion.sidenav details summary.active:hover, cagov-accordion.sidenav details summary.active:focus {
3915
+ color: #000 !important;
3916
+ }
3917
+ cagov-accordion.sidenav details summary.active:before {
3918
+ background-color: #c19e73 !important;
3919
+ }
3920
+
3921
+ .side-subnav li a {
3922
+ color: #4a4958;
3923
+ }
3924
+ .side-subnav li a:hover, .side-subnav li a:focus {
3925
+ color: #000;
3926
+ }
3927
+ .side-subnav li a.active:before {
3928
+ border-left-color: #c19e73;
3929
+ }
3930
+
3931
+ .side-nav .accordion .accordion__heading .accordion__trigger {
3932
+ color: #4a4958;
3933
+ }
3934
+ .side-nav .accordion .accordion__heading.active .accordion__trigger {
3935
+ background-color: #446a7c, 7%;
3936
+ }
3937
+ .side-nav .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav .accordion .accordion__heading.active .accordion__trigger:focus {
3938
+ background-color: #375665 !important;
3939
+ }
3940
+
3941
+ .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger {
3942
+ color: #4a4958 !important;
3943
+ background-color: #fafafa !important;
3944
+ }
3945
+ .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:focus {
3946
+ color: #000 !important;
3947
+ background-color: #ededef !important;
3948
+ }
3949
+
3950
+ .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger {
3951
+ color: #4a4958 !important;
3952
+ background-color: #fafafa !important;
3953
+ }
3954
+ .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:focus {
3955
+ color: #000 !important;
3956
+ background-color: #ededef !important;
3957
+ }
3958
+
3959
+ .side-nav.section-understated .accordion .accordion__heading .accordion__trigger {
3960
+ color: #4a4958;
3961
+ }
3962
+ .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger {
3963
+ background-color: #446a7c !important;
3964
+ }
3965
+ .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:focus {
3966
+ background-color: #375665 !important;
3967
+ }
3968
+
3969
+ /* -----------------------------------------
3970
+ ALERT
3971
+ /source/scss/colortheme/cs-alert.scss
3972
+ ----------------------------------------- */
3973
+ .alert-banner {
3974
+ background-color: #21272a;
3975
+ color: #fff;
3976
+ }
3977
+ .alert-banner a:not(.btn),
3978
+ .alert-banner .close {
3979
+ color: #fff;
3980
+ }
3981
+ .alert-banner a:not(.btn):focus, .alert-banner a:not(.btn):hover,
3982
+ .alert-banner .close:focus,
3983
+ .alert-banner .close:hover {
3984
+ color: #c19e73;
3985
+ }
3986
+
3987
+ .alert-warning {
3988
+ color: #8a6d3b;
3989
+ background-color: #fcf8e3;
3990
+ }
3991
+ .alert-warning a:not(.btn),
3992
+ .alert-warning .close {
3993
+ color: #8a6d3b;
3994
+ }
3995
+ .alert-warning a:not(.btn):focus, .alert-warning a:not(.btn):hover,
3996
+ .alert-warning .close:focus,
3997
+ .alert-warning .close:hover {
3998
+ color: #715930;
3999
+ }
4000
+
4001
+ .alert-info {
4002
+ color: #31708f;
4003
+ background-color: #d9edf7;
4004
+ }
4005
+ .alert-info a:not(.btn),
4006
+ .alert-info .close {
4007
+ color: #31708f;
4008
+ }
4009
+ .alert-info a:not(.btn):focus, .alert-info a:not(.btn):hover,
4010
+ .alert-info .close:focus,
4011
+ .alert-info .close:hover {
4012
+ color: #1f465a;
4013
+ }
4014
+
4015
+ .alert-danger {
4016
+ color: #a94442;
4017
+ background-color: #f2dede;
4018
+ }
4019
+ .alert-danger a:not(.btn),
4020
+ .alert-danger .close {
4021
+ color: #a94442;
4022
+ }
4023
+ .alert-danger a:not(.btn):focus, .alert-danger a:not(.btn):hover,
4024
+ .alert-danger .close:focus,
4025
+ .alert-danger .close:hover {
4026
+ color: #762f2e;
4027
+ }
4028
+
4029
+ .alert-success {
4030
+ color: #3c763d;
4031
+ background-color: #dff0d8;
4032
+ }
4033
+ .alert-success a:not(.btn),
4034
+ .alert-success .close {
4035
+ color: #3c763d;
4036
+ }
4037
+ .alert-success a:not(.btn):focus, .alert-success a:not(.btn):hover,
4038
+ .alert-success .close:focus,
4039
+ .alert-success .close:hover {
4040
+ color: #244725;
4041
+ }
4042
+
4043
+ .alert-severe {
4044
+ color: #4a4958 !important;
4045
+ background-color: #c19e73;
4046
+ }
4047
+ .alert-severe a:not(.btn),
4048
+ .alert-severe .close {
4049
+ color: #4a4958 !important;
4050
+ }
4051
+ .alert-severe a:not(.btn):focus, .alert-severe a:not(.btn):hover,
4052
+ .alert-severe .close:focus,
4053
+ .alert-severe .close:hover {
4054
+ color: #000 !important;
4055
+ }
4056
+
4057
+ /* -----------------------------------------
4058
+ LINK GRID
4059
+ /source/scss/colortheme/cs-link-grid.scss
4060
+ ----------------------------------------- */
4061
+ .link-grid {
4062
+ color: #446a7c;
4063
+ border-bottom: 4px solid #446a7c;
4064
+ }
4065
+ .link-grid:hover, .link-grid:focus {
4066
+ color: #375665;
4067
+ }
4068
+
4069
+ .bg-primary .link-grid {
4070
+ border-color: #fff;
4071
+ }
4072
+ .bg-primary .link-grid:hover, .bg-primary .link-grid:focus {
4073
+ background-color: #375665;
4074
+ }
4075
+
4076
+ /* -----------------------------------------
4077
+ COMMENT
4078
+ /source/scss/colortheme/cs-blockquote.scss
4079
+ ----------------------------------------- */
4080
+ blockquote {
4081
+ border-color: #446a7c;
4082
+ }
4083
+ blockquote::before {
4084
+ color: #446a7c;
4085
+ }
4086
+ blockquote.prominent {
4087
+ background-color: #446a7c;
4088
+ color: #fff;
4089
+ }
4090
+ blockquote.prominent::before {
4091
+ color: #fff;
4092
+ }
4093
+ blockquote.prominent p,
4094
+ blockquote.prominent footer {
4095
+ color: #fff;
4096
+ }
4097
+
4098
+ /* -----------------------------------------
4099
+ CARDS
4100
+ /source/scss/colortheme/cs-executive-profile.scss
4101
+ ----------------------------------------- */
4102
+ .executive-profile {
4103
+ background-color: #eff5f8;
4104
+ }
4105
+
4106
+ .executive-profile.dark .executive-profile-body {
4107
+ border-left-color: #fff;
4108
+ }
4109
+ .executive-profile.dark p,
4110
+ .executive-profile.dark .executive-name,
4111
+ .executive-profile.dark a {
4112
+ color: #fff;
4113
+ }
4114
+ .executive-profile.dark a:hover,
4115
+ .executive-profile.dark a:focus {
4116
+ color: #c19e73;
4117
+ }
4118
+
4119
+ /* -----------------------------------------
4120
+ UTILITY HEADER
4121
+ /source/scss/colortheme/cs-utility.scss
4122
+ ----------------------------------------- */
4123
+ .utility-header {
4124
+ background: #eff5f8;
4125
+ color: #000;
4126
+ }
4127
+ .utility-header .social-media-links a {
4128
+ color: #000;
4129
+ text-decoration: none;
4130
+ }
4131
+ .utility-header .social-media-links a:hover, .utility-header .social-media-links a:focus {
4132
+ color: #4a4958;
4133
+ }
4134
+ .utility-header .settings-links button {
4135
+ color: #000;
4136
+ }
4137
+ .utility-header .settings-links button:hover, .utility-header .settings-links button:focus {
4138
+ color: #4a4958;
4139
+ }
4140
+ .utility-header a {
4141
+ color: #000;
4142
+ }
4143
+ .utility-header a:hover, .utility-header a:focus, .utility-header a.hovered {
4144
+ color: #4a4958;
4145
+ }
4146
+ .utility-header ul li {
4147
+ padding: 0 8px;
4148
+ }
4149
+ .utility-header ul li button {
4150
+ color: #000;
4151
+ }
4152
+ .utility-header ul li button:hover, .utility-header ul li button:focus {
4153
+ color: #4a4958;
4154
+ }
4155
+
4156
+ /* -----------------------------------------
4157
+ SITE HEADER
4158
+ /source/scss/colortheme/cs-site-header.scss
4159
+ ----------------------------------------- */
4160
+ .toggle-menu span {
4161
+ background-color: #446a7c;
4162
+ }
4163
+
4164
+ .mobile-controls {
4165
+ background: #fff;
4166
+ }
4167
+
4168
+ .mobile-control {
4169
+ color: #72717c;
4170
+ }
4171
+ .mobile-control a {
4172
+ color: #72717c;
4173
+ text-decoration: none;
4174
+ }
4175
+ .mobile-control.toggle-sub-nav {
4176
+ color: #446a7c;
4177
+ background-color: #e8f1f5;
4178
+ }
4179
+ .mobile-control.toggle-sub-nav:hover, .mobile-control.toggle-sub-nav:focus {
4180
+ outline: none;
4181
+ background-color: #eff5f8;
4182
+ }
4183
+
4184
+ /* -----------------------------------------
4185
+ HIGH CONTRAST MODE
4186
+ /source/scss/colortheme/cs-high-contrast.scss
4187
+ ----------------------------------------- */
4188
+ html.high-contrast {
4189
+ /* General Reset */
4190
+ /* Additional custom overrides */
4191
+ }
4192
+ html.high-contrast * {
4193
+ background-color: #000 !important;
4194
+ background-image: none !important;
4195
+ border-color: #ffd600 !important;
4196
+ box-shadow: none !important;
4197
+ color: #ffd600 !important;
4198
+ text-shadow: none !important;
4199
+ }
4200
+ html.high-contrast .gauge-detail,
4201
+ html.high-contrast .gauge-number,
4202
+ html.high-contrast .percent-detail {
4203
+ background: none !important;
4204
+ }
4205
+ html.high-contrast .service-tile .teaser:before {
4206
+ border: none !important;
4207
+ }
4208
+ html.high-contrast .enableHighContrastMode.active,
4209
+ html.high-contrast .disableHighContrastMode.active {
4210
+ background: #ffd600 !important;
4211
+ color: #000 !important;
4212
+ }
4213
+ html.high-contrast .close {
4214
+ opacity: 1;
4215
+ }
4216
+ html.high-contrast input[type=checkbox]:checked + i,
4217
+ html.high-contrast input[type=radio]:checked + i,
4218
+ html.high-contrast input[type=checkbox]:checked + * i,
4219
+ html.high-contrast input[type=radio]:checked + * i {
4220
+ color: #000 !important;
4221
+ background-color: #ffd600 !important;
4222
+ border-color: #ffd600;
4223
+ }
4224
+ html.high-contrast .bg-primary--checked.checked,
4225
+ html.high-contrast .checked .bg-primary--checked {
4226
+ background-color: #ffd600 !important;
4227
+ }
4228
+ html.high-contrast .check-icon-checkbox {
4229
+ color: #000 !important;
4230
+ border-color: #ffd600 !important;
4231
+ }
4232
+ html.high-contrast .check-icon-checkbox i {
4233
+ color: #000 !important;
4234
+ }
4235
+ html.high-contrast .select {
4236
+ border: 1px solid #ffd600 !important;
4237
+ }
4238
+ html.high-contrast .select::after {
4239
+ border-left: 1px solid #ffd600 !important;
4240
+ background: #000 !important;
4241
+ }
4242
+ html.high-contrast .check {
4243
+ border: 1px solid #ffd600 !important;
4244
+ }
4245
+ html.high-contrast input[type=checkbox]:checked + .bg-primary--checked,
4246
+ html.high-contrast input[type=radio]:checked + .bg-primary--checked,
4247
+ html.high-contrast input[type=checkbox]:checked + * .bg-primary--checked,
4248
+ html.high-contrast input[type=radio]:checked + * .bg-primary--checked {
4249
+ background-color: #ffd600 !important;
4250
+ color: #000 !important;
4251
+ }
4252
+ html.high-contrast input[type=checkbox]:checked + .bg-highlight--checked,
4253
+ html.high-contrast input[type=radio]:checked + .bg-highlight--checked,
4254
+ html.high-contrast input[type=checkbox]:checked + * .bg-highlight--checked,
4255
+ html.high-contrast input[type=radio]:checked + * .bg-highlight--checked {
4256
+ background-color: #ffd600 !important;
4257
+ color: #000 !important;
4258
+ }
4259
+ html.high-contrast input[type=checkbox]:checked + .color-white--checked,
4260
+ html.high-contrast input[type=radio]:checked + .color-white--checked,
4261
+ html.high-contrast input[type=checkbox]:checked + * .color-white--checked,
4262
+ html.high-contrast input[type=radio]:checked + * .color-white--checked {
4263
+ color: #000 !important;
4264
+ }