@cagovweb/state-template 6.2.1 → 6.3.0-beta.2

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.
@@ -1,3767 +1,39 @@
1
1
  /* -----------------------------------------
2
2
  MONO
3
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: #ffce2b !important;
12
- }
13
-
14
- .color-highlight-hover:hover,
15
- .color-highlight-hover:focus {
16
- color: #ffd64f !important;
17
- }
18
-
19
- .color-primary,
20
- .color-p2 {
21
- color: #545351;
22
- }
23
-
24
- .color-primary-hover:hover,
25
- .color-primary-hover:focus {
26
- color: #42413f !important;
27
- }
28
-
29
- .color-standout,
30
- .color-p3 {
31
- color: #191919 !important;
32
- }
33
-
34
- .color-standout-hover:hover,
35
- .color-standout-hover:focus {
36
- color: #070707 !important;
37
- }
38
-
39
- /* SECONDARY THEME COLORS */
40
- .color-s1 {
41
- color: #ededef !important;
42
- }
43
-
44
- .color-s1-hover:hover,
45
- .color-s1-hover:focus {
46
- color: #ededef !important;
47
- }
48
-
49
- .color-s2 {
50
- color: #d4d4cd !important;
51
- }
52
-
53
- .color-s2-hover:hover,
54
- .color-s2-hover:focus {
55
- color: #d4d4cd !important;
56
- }
57
-
58
- .color-s3 {
59
- color: #b3b2ac !important;
60
- }
61
-
62
- .color-s3-hover:hover,
63
- .color-s3-hover:focus {
64
- color: #b3b2ac !important;
65
- }
66
-
67
- /* background colors */
68
- .bg-highlight,
69
- .bg-p1 {
70
- background-color: #ffce2b !important;
71
- }
72
-
73
- .bg-highlight-hover:hover,
74
- .bg-highlight-hover:focus {
75
- background-color: #ffd64f !important;
76
- }
77
-
78
- .bg-primary,
79
- .bg-p2 {
80
- background-color: #545351 !important;
81
- }
82
-
83
- .bg-primary-hover:hover,
84
- .bg-primary-hover:focus {
85
- background-color: #42413f !important;
86
- }
87
-
88
- .bg-standout,
89
- .bg-p3 {
90
- background-color: #191919 !important;
91
- }
92
-
93
- .bg-standout-hover:hover,
94
- .bg-standout-hover:focus {
95
- background-color: #070707 !important;
96
- }
97
-
98
- .bg-s1,
99
- .bg-s1-hover:hover,
100
- .bg-s1-hover:focus {
101
- background-color: #ededef !important;
102
- }
103
-
104
- .bg-s1-hover-color,
105
- .bg-s1-hover-color:hover,
106
- .bg-s1-hover-color:focus {
107
- background-color: #dadade !important;
108
- }
109
-
110
- .bg-s2,
111
- .bg-s2-hover:hover,
112
- .bg-s2-hover:focus {
113
- background-color: #d4d4cd !important;
114
- }
115
-
116
- .bg-s2-hover-color,
117
- .bg-s2-hover-color:hover,
118
- .bg-s2-hover-color:focus {
119
- background-color: #c3c3ba !important;
120
- }
121
-
122
- .bg-s3,
123
- .bg-s3-hover:hover,
124
- .bg-s3-hover:focus {
125
- background-color: #b3b2ac !important;
126
- }
127
-
128
- .bg-s3-hover-color,
129
- .bg-s3-hover-color:hover,
130
- .bg-s3-hover-color:focus {
131
- background-color: #a2a199 !important;
132
- }
133
-
134
- .bg-primary-light {
135
- background-color: #bbbab9 !important;
136
- }
137
-
138
- .bg-primary-light-hover:hover,
139
- .bg-primary-light-hover:focus {
140
- background-color: #bbbab9 !important;
141
- }
142
-
143
- .bg-highlight-light {
144
- background-color: #ffe795 !important;
145
- }
146
-
147
- .bg-highlight-light-hover:hover,
148
- .bg-highlight-light-hover:focus {
149
- background-color: #ffe795 !important;
150
- }
151
-
152
- .bg-standout-light {
153
- background-color: #a3a3a3 !important;
154
- }
155
-
156
- .bg-standout-light-hover:hover,
157
- .bg-standout-light-hover:focus {
158
- background-color: #a3a3a3 !important;
159
- }
160
-
161
- .bg-secondary-light {
162
- background-color: #d1d1cd !important;
163
- }
164
-
165
- .bg-secondary-light-hover:hover,
166
- .bg-secondary-light-hover:focus {
167
- background-color: #d1d1cd !important;
168
- }
169
-
170
- .bg-secondary-before::before,
171
- .bg-secondary-after::after {
172
- background-color: #b3b2ac !important;
173
- }
174
-
175
- .bg-highlight-before::before,
176
- .bg-highlight-after::after {
177
- background-color: #ffce2b !important;
178
- }
179
-
180
- .bg-standout-before::before,
181
- .bg-standout-after::after {
182
- background-color: #191919 !important;
183
- }
184
-
185
- .bg-primary-before::before,
186
- .bg-primary-after::after {
187
- background-color: #545351 !important;
188
- }
189
-
190
- /* border colors */
191
- .brd-primary {
192
- border-color: #545351 !important;
193
- }
194
-
195
- .brd-primary-light {
196
- border-color: #bbbab9 !important;
197
- }
198
-
199
- .brd-primary-dark {
200
- border-color: #3a3938 !important;
201
- }
202
-
203
- .brd-standout {
204
- border-color: #191919 !important;
205
- }
206
-
207
- .brd-standout-light {
208
- border-color: #a3a3a3 !important;
209
- }
210
-
211
- .brd-standout-dark {
212
- border-color: black !important;
213
- }
214
-
215
- .brd-highlight {
216
- border-color: #ffce2b !important;
217
- }
218
-
219
- .brd-highlight-light {
220
- border-color: #ffd855 !important;
221
- }
222
-
223
- .brd-highlight-dark {
224
- border-color: #f7be00 !important;
225
- }
226
-
227
- .brd-s1 {
228
- border-color: #ededef !important;
229
- }
230
-
231
- .brd-s2 {
232
- border-color: #d4d4cd !important;
233
- }
234
-
235
- .brd-s3 {
236
- border-color: #b3b2ac !important;
237
- }
238
-
239
- .brd-primary-light-before::before,
240
- .brd-primary-light-after::after {
241
- border-color: #bbbab9 !important;
242
- }
243
-
244
- .brd-highlight-light-before::before,
245
- .brd-highlight-light-after::after {
246
- border-color: #ffe795 !important;
247
- }
248
-
249
- .brd-standout-light-before::before,
250
- .brd-standout-light-after::after {
251
- border-color: #a3a3a3 !important;
252
- }
253
-
254
- .brd-secondary-light-before::before,
255
- .brd-secondary-light-after::after {
256
- border-color: #d1d1cd !important;
257
- }
258
-
259
- /* Underline colors */
260
- .underline-primary {
261
- background-image: linear-gradient(to right, #545351 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, #545351 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, #ffce2b 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, #ffce2b 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, #191919 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, #191919 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: #545351;
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 #545351;
345
- color: #545351;
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: #ffce2b;
354
- }
355
- .explore-invite a:hover .explore-title {
356
- color: #ffce2b;
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: #545351;
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: #545351;
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: #f2f2f4;
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: #545351;
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: #545351;
424
- }
425
-
426
- .first-level-link,
427
- .first-level-btn {
428
- color: #545351;
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: #2b2b2b !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: #191919 !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: #2b2b2b !important;
461
- color: #fff !important;
462
- }
463
- }
464
-
465
- .second-level-link {
466
- color: #545351;
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: #191919;
474
- }
475
- .second-level-link.active {
476
- background-color: #2b2b2b;
477
- }
478
- .second-level-link.active:hover, .second-level-link.active:focus {
479
- background-color: #191919;
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: #f8f8f9;
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 {
518
- border-bottom: 4px solid #fff;
519
- }
520
- .nav-media .media:hover {
521
- background: #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: #f8f8f9;
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: #545351;
538
- }
539
- /* full width navigation */
540
- .nav-full-width {
541
- background: #545351;
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: #3f3e3d;
547
- }
548
- .nav-full-width .main-navigation .nav-item.active {
549
- background-color: #474644;
550
- }
551
- }
552
- @media (max-width: 991px) {
553
- .nav-item.active .first-level-btn {
554
- background-color: #2b2b2b !important;
555
- color: #fff !important;
556
- }
557
- .nav-item.active .first-level-btn:hover, .nav-item.active .first-level-btn:focus {
558
- background-color: #191919 !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: #545351;
567
- }
568
-
569
- /* Dark Mobile menu */
570
- @media (max-width: 991px) {
571
- .navigation-search {
572
- background-color: #191919;
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 .ca-gov-icon-search {
608
- color: #5e5e6a;
609
- }
610
- .search-container .gsc-search-button:hover, .search-container .gsc-search-button:focus {
611
- background-color: #fafafa;
612
- border-color: #fafafa;
613
- }
614
- .search-container .gsc-search-button:hover .ca-gov-icon-search, .search-container .gsc-search-button:focus .ca-gov-icon-search {
615
- color: #3b3a48;
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
- .search-container .close-search .sr-only,
633
- .featured-search.active .container #Search .close-search-btn .sr-only {
634
- color: #545351;
635
- text-decoration: underline;
636
- }
637
- .search-container .close-search .sr-only:hover, .search-container .close-search .sr-only:focus,
638
- .featured-search.active .container #Search .close-search-btn .sr-only:hover,
639
- .featured-search.active .container #Search .close-search-btn .sr-only:focus {
640
- color: #42413f;
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: #d4d4cd;
653
- }
654
-
655
- .tabs [role=tablist] [aria-selected]::after {
656
- border-color: #ffce2b;
657
- }
658
-
659
- .nav-tabs .nav-link.active::after {
660
- border-color: #ffce2b;
661
- }
662
-
663
- @media (max-width: 767px) {
664
- .responsive .tab-pane .card-header a[aria-expanded=true]::before {
665
- border-left-color: #ffce2b;
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: #191919;
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: #545351;
696
- }
697
- a:hover, a:focus {
698
- color: #42413f;
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: #ededef;
719
- }
720
- .section-overstated,
721
- .card-overstated {
722
- background: #545351;
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: #ededef;
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: #545351;
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, .disabled):active, .section-overstated .btn-primary:not(:disabled, .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, .disabled):active,
758
- .card-overstated .btn-primary:not(:disabled, .disabled).active,
759
- .card-overstated .btn-primary .show > .dropdown-toggle,
760
- .open > .dropdown-toggle .card-overstated .btn-primary {
761
- color: #fff;
762
- background-color: #42413f;
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, .disabled):active, .section-overstated .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-overstated .btn-primary,
771
- .card-overstated .btn-primary:not(:disabled, .disabled):active,
772
- .card-overstated .btn-primary:not(:disabled, .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: #545351 !important;
793
- border-color: #ffffff;
794
- }
795
- .section-overstated .btn-primary .badge,
796
- .card-overstated .btn-primary .badge {
797
- color: #545351;
798
- background-color: #fff;
799
- }
800
- .section-overstated .btn-standout,
801
- .card-overstated .btn-standout {
802
- color: #fff;
803
- background-color: #191919;
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, .disabled):active, .section-overstated .btn-standout:not(:disabled, .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, .disabled):active,
812
- .card-overstated .btn-standout:not(:disabled, .disabled).active,
813
- .card-overstated .btn-standout .show > .dropdown-toggle,
814
- .open > .dropdown-toggle .card-overstated .btn-standout {
815
- color: #fff;
816
- background-color: #070707;
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, .disabled):active, .section-overstated .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-overstated .btn-standout,
825
- .card-overstated .btn-standout:not(:disabled, .disabled):active,
826
- .card-overstated .btn-standout:not(:disabled, .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: #191919 !important;
847
- border-color: #ffffff;
848
- }
849
- .section-overstated .btn-standout .badge,
850
- .card-overstated .btn-standout .badge {
851
- color: #191919;
852
- background-color: #fff;
853
- }
854
- .section-standout,
855
- .card-standout {
856
- background: #191919;
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: #b1b1a4;
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: #ffce2b;
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: #545351;
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, .disabled):active, .section-standout .btn-primary:not(:disabled, .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, .disabled):active,
910
- .card-standout .btn-primary:not(:disabled, .disabled).active,
911
- .card-standout .btn-primary .show > .dropdown-toggle,
912
- .open > .dropdown-toggle .card-standout .btn-primary {
913
- color: #fff;
914
- background-color: #42413f;
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, .disabled):active, .section-standout .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-standout .btn-primary,
923
- .card-standout .btn-primary:not(:disabled, .disabled):active,
924
- .card-standout .btn-primary:not(:disabled, .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: #545351 !important;
945
- border-color: #ffffff;
946
- }
947
- .section-standout .btn-primary .badge,
948
- .card-standout .btn-primary .badge {
949
- color: #545351;
950
- background-color: #fff;
951
- }
952
- .section-standout .btn-standout,
953
- .card-standout .btn-standout {
954
- color: #fff;
955
- background-color: #191919;
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, .disabled):active, .section-standout .btn-standout:not(:disabled, .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, .disabled):active,
964
- .card-standout .btn-standout:not(:disabled, .disabled).active,
965
- .card-standout .btn-standout .show > .dropdown-toggle,
966
- .open > .dropdown-toggle .card-standout .btn-standout {
967
- color: #fff;
968
- background-color: #070707;
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, .disabled):active, .section-standout .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-standout .btn-standout,
977
- .card-standout .btn-standout:not(:disabled, .disabled):active,
978
- .card-standout .btn-standout:not(:disabled, .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: #191919 !important;
999
- border-color: #ffffff;
1000
- }
1001
- .section-standout .btn-standout .badge,
1002
- .card-standout .btn-standout .badge {
1003
- color: #191919;
1004
- background-color: #fff;
1005
- }
1006
- .section-impact,
1007
- .card-impact {
1008
- background: #191919;
1009
- color: #ffffff;
1010
- }
1011
- .section-impact a:not(.btn),
1012
- .card-impact a:not(.btn) {
1013
- color: #b3b2ac;
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: #b1b1a4;
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: #545351;
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, .disabled):active, .section-impact .btn-primary:not(:disabled, .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, .disabled):active,
1052
- .card-impact .btn-primary:not(:disabled, .disabled).active,
1053
- .card-impact .btn-primary .show > .dropdown-toggle,
1054
- .open > .dropdown-toggle .card-impact .btn-primary {
1055
- color: #fff;
1056
- background-color: #42413f;
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, .disabled):active, .section-impact .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-impact .btn-primary,
1065
- .card-impact .btn-primary:not(:disabled, .disabled):active,
1066
- .card-impact .btn-primary:not(:disabled, .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: #545351 !important;
1087
- border-color: #ffffff;
1088
- }
1089
- .section-impact .btn-primary .badge,
1090
- .card-impact .btn-primary .badge {
1091
- color: #545351;
1092
- background-color: #fff;
1093
- }
1094
- .section-impact .btn-standout,
1095
- .card-impact .btn-standout {
1096
- color: #fff;
1097
- background-color: #191919;
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, .disabled):active, .section-impact .btn-standout:not(:disabled, .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, .disabled):active,
1106
- .card-impact .btn-standout:not(:disabled, .disabled).active,
1107
- .card-impact .btn-standout .show > .dropdown-toggle,
1108
- .open > .dropdown-toggle .card-impact .btn-standout {
1109
- color: #fff;
1110
- background-color: #070707;
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, .disabled):active, .section-impact .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-impact .btn-standout,
1119
- .card-impact .btn-standout:not(:disabled, .disabled):active,
1120
- .card-impact .btn-standout:not(:disabled, .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: #191919 !important;
1141
- border-color: #ffffff;
1142
- }
1143
- .section-impact .btn-standout .badge,
1144
- .card-impact .btn-standout .badge {
1145
- color: #191919;
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: #d4d4cd;
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, .disabled):active, .section-impact .btn-default:not(:disabled, .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, .disabled):active,
1161
- .card-impact .btn-default:not(:disabled, .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, .disabled):active, .section-impact .btn-default:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-impact .btn-default,
1174
- .card-impact .btn-default:not(:disabled, .disabled):active,
1175
- .card-impact .btn-default:not(:disabled, .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: #d4d4cd;
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: #d4d4cd;
1206
- padding: 0 5px;
1207
- }
1208
- .section-primary,
1209
- .card-primary {
1210
- background: #545351;
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: #ededef;
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: #545351;
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, .disabled):active, .section-primary .btn-primary:not(:disabled, .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, .disabled):active,
1246
- .card-primary .btn-primary:not(:disabled, .disabled).active,
1247
- .card-primary .btn-primary .show > .dropdown-toggle,
1248
- .open > .dropdown-toggle .card-primary .btn-primary {
1249
- color: #fff;
1250
- background-color: #42413f;
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, .disabled):active, .section-primary .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-primary .btn-primary,
1259
- .card-primary .btn-primary:not(:disabled, .disabled):active,
1260
- .card-primary .btn-primary:not(:disabled, .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: #545351 !important;
1281
- border-color: #ffffff;
1282
- }
1283
- .section-primary .btn-primary .badge,
1284
- .card-primary .btn-primary .badge {
1285
- color: #545351;
1286
- background-color: #fff;
1287
- }
1288
- .section-primary .btn-standout,
1289
- .card-primary .btn-standout {
1290
- color: #fff;
1291
- background-color: #191919;
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, .disabled):active, .section-primary .btn-standout:not(:disabled, .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, .disabled):active,
1300
- .card-primary .btn-standout:not(:disabled, .disabled).active,
1301
- .card-primary .btn-standout .show > .dropdown-toggle,
1302
- .open > .dropdown-toggle .card-primary .btn-standout {
1303
- color: #fff;
1304
- background-color: #070707;
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, .disabled):active, .section-primary .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-primary .btn-standout,
1313
- .card-primary .btn-standout:not(:disabled, .disabled):active,
1314
- .card-primary .btn-standout:not(:disabled, .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: #191919 !important;
1335
- border-color: #ffffff;
1336
- }
1337
- .section-primary .btn-standout .badge,
1338
- .card-primary .btn-standout .badge {
1339
- color: #191919;
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: #b3b2ac;
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: #a2a199;
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: #545351;
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, .disabled):active, .section-inverted .btn-primary:not(:disabled, .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, .disabled):active,
1380
- .card-inverted .btn-primary:not(:disabled, .disabled).active,
1381
- .card-inverted .btn-primary .show > .dropdown-toggle,
1382
- .open > .dropdown-toggle .card-inverted .btn-primary {
1383
- color: #fff;
1384
- background-color: #42413f;
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, .disabled):active, .section-inverted .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-inverted .btn-primary,
1393
- .card-inverted .btn-primary:not(:disabled, .disabled):active,
1394
- .card-inverted .btn-primary:not(:disabled, .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: #545351 !important;
1415
- border-color: #ffffff;
1416
- }
1417
- .section-inverted .btn-primary .badge,
1418
- .card-inverted .btn-primary .badge {
1419
- color: #545351;
1420
- background-color: #fff;
1421
- }
1422
- .section-inverted .btn-standout,
1423
- .card-inverted .btn-standout {
1424
- color: #fff;
1425
- background-color: #191919;
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, .disabled):active, .section-inverted .btn-standout:not(:disabled, .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, .disabled):active,
1434
- .card-inverted .btn-standout:not(:disabled, .disabled).active,
1435
- .card-inverted .btn-standout .show > .dropdown-toggle,
1436
- .open > .dropdown-toggle .card-inverted .btn-standout {
1437
- color: #fff;
1438
- background-color: #070707;
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, .disabled):active, .section-inverted .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-inverted .btn-standout,
1447
- .card-inverted .btn-standout:not(:disabled, .disabled):active,
1448
- .card-inverted .btn-standout:not(:disabled, .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: #191919 !important;
1469
- border-color: #ffffff;
1470
- }
1471
- .section-inverted .btn-standout .badge,
1472
- .card-inverted .btn-standout .badge {
1473
- color: #191919;
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: #ededef;
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: #b3b2ac;
1545
- text-decoration: none;
1546
- }
1547
- .bg-standout a:not(.btn):hover, .bg-standout a:not(.btn):focus {
1548
- color: #b1b1a4;
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: #545351;
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: #ededef;
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: #b3b2ac;
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: #191919;
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-accent2 {
1624
- background-color: #077cbb;
1625
- }
1626
- .progress-striped .progress-bar-accent2 {
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-accent3 {
1631
- background-color: #258378;
1632
- }
1633
- .progress-striped .progress-bar-accent3 {
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-accent4 {
1638
- background-color: #32852e;
1639
- }
1640
- .progress-striped .progress-bar-accent4 {
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-accent5 {
1645
- background-color: #815ab4;
1646
- }
1647
- .progress-striped .progress-bar-accent5 {
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-accent6 {
1652
- background-color: #be37cd;
1653
- }
1654
- .progress-striped .progress-bar-accent6 {
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-accent7 {
1659
- background-color: #c93e2c;
1660
- }
1661
- .progress-striped .progress-bar-accent7 {
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-accent8 {
1666
- background-color: #bb520c;
1667
- }
1668
- .progress-striped .progress-bar-accent8 {
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-accent9 {
1673
- background-color: #f7e455;
1674
- }
1675
- .progress-striped .progress-bar-accent9 {
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
- /* -----------------------------------------
1680
- COMMENT
1681
- /source/scss/colortheme/cs-testimonials.scss
1682
- ----------------------------------------- */
1683
- .testimonial-default {
1684
- background: whitesmoke;
1685
- }
1686
- .testimonial-understated {
1687
- background: #ededef;
1688
- }
1689
- .testimonial-overstated {
1690
- background: #b3b2ac;
1691
- color: #3b3a48;
1692
- }
1693
- .testimonial-overstated a:not(.btn) {
1694
- color: #3b3a48;
1695
- text-decoration: none;
1696
- }
1697
- .testimonial-overstated a:not(.btn):hover, .testimonial-overstated a:not(.btn):focus {
1698
- color: #000;
1699
- text-decoration: underline;
1700
- }
1701
- .testimonial-overstated a:not(.btn):focus {
1702
- outline: thin dotted;
1703
- outline: 5px auto -webkit-focus-ring-color;
1704
- outline-offset: -2px;
1705
- }
1706
- .testimonial-overstated a:not(.btn) {
1707
- text-decoration: underline;
1708
- }
1709
- .testimonial-overstated footer {
1710
- color: #000000;
1711
- }
1712
- .testimonial-standout {
1713
- background: #191919;
1714
- color: #ffffff;
1715
- }
1716
- .testimonial-standout a:not(.btn) {
1717
- color: #ffce2b;
1718
- text-decoration: none;
1719
- }
1720
- .testimonial-standout a:not(.btn):hover, .testimonial-standout a:not(.btn):focus {
1721
- color: #fff;
1722
- text-decoration: underline;
1723
- }
1724
- .testimonial-standout a:not(.btn):focus {
1725
- outline: thin dotted;
1726
- outline: 5px auto -webkit-focus-ring-color;
1727
- outline-offset: -2px;
1728
- }
1729
- .testimonial-standout a:not(.btn) {
1730
- text-decoration: underline;
1731
- }
1732
- .testimonial-standout footer {
1733
- color: #ffffff;
1734
- }
1735
- .testimonial-primary {
1736
- background: #545351;
1737
- color: #ffffff;
1738
- }
1739
- .testimonial-primary a:not(.btn) {
1740
- color: #fff;
1741
- text-decoration: none;
1742
- }
1743
- .testimonial-primary a:not(.btn):hover, .testimonial-primary a:not(.btn):focus {
1744
- color: #ededef;
1745
- text-decoration: underline;
1746
- }
1747
- .testimonial-primary a:not(.btn):focus {
1748
- outline: thin dotted;
1749
- outline: 5px auto -webkit-focus-ring-color;
1750
- outline-offset: -2px;
1751
- }
1752
- .testimonial-primary a:not(.btn) {
1753
- text-decoration: underline;
1754
- }
1755
- .testimonial-primary footer {
1756
- color: #ffffff;
1757
- }
1758
- .testimonial-highlight {
1759
- background: #ffce2b;
1760
- color: #3b3a48;
1761
- }
1762
- .testimonial-highlight a:not(.btn) {
1763
- color: #3b3a48;
1764
- text-decoration: none;
1765
- }
1766
- .testimonial-highlight a:not(.btn):hover, .testimonial-highlight a:not(.btn):focus {
1767
- color: #000;
1768
- text-decoration: underline;
1769
- }
1770
- .testimonial-highlight a:not(.btn):focus {
1771
- outline: thin dotted;
1772
- outline: 5px auto -webkit-focus-ring-color;
1773
- outline-offset: -2px;
1774
- }
1775
- .testimonial-highlight a:not(.btn) {
1776
- text-decoration: underline;
1777
- }
1778
- .testimonial-highlight footer {
1779
- color: #000000;
1780
- }
1781
- .testimonial-inverted {
1782
- background: #222222;
1783
- color: #fff;
1784
- }
1785
- .testimonial-inverted a:not(.btn) {
1786
- color: #ffce2b;
1787
- text-decoration: none;
1788
- }
1789
- .testimonial-inverted a:not(.btn):hover, .testimonial-inverted a:not(.btn):focus {
1790
- color: #fff;
1791
- text-decoration: underline;
1792
- }
1793
- .testimonial-inverted a:not(.btn):focus {
1794
- outline: thin dotted;
1795
- outline: 5px auto -webkit-focus-ring-color;
1796
- outline-offset: -2px;
1797
- }
1798
- .testimonial-inverted a:not(.btn) {
1799
- text-decoration: underline;
1800
- }
1801
- .testimonial-inverted footer {
1802
- color: #ffffff;
1803
- }
1804
- .testimonial-danger {
1805
- background: #cd402d;
1806
- color: #ffffff;
1807
- }
1808
- .testimonial-danger a:not(.btn) {
1809
- color: #000;
1810
- text-decoration: none;
1811
- }
1812
- .testimonial-danger a:not(.btn):hover, .testimonial-danger a:not(.btn):focus {
1813
- color: #000;
1814
- text-decoration: underline;
1815
- }
1816
- .testimonial-danger a:not(.btn):focus {
1817
- outline: thin dotted;
1818
- outline: 5px auto -webkit-focus-ring-color;
1819
- outline-offset: -2px;
1820
- }
1821
- .testimonial-danger a:not(.btn) {
1822
- text-decoration: underline;
1823
- }
1824
- .testimonial-danger footer {
1825
- color: #ffffff;
1826
- }
1827
-
1828
- /* -----------------------------------------
1829
- CARDS
1830
- /source/scss/colortheme/cs-cards.scss
1831
- ----------------------------------------- */
1832
- .card-primary {
1833
- background-color: #046b99;
1834
- border-color: #046b99;
1835
- color: #ffffff;
1836
- }
1837
- .card-primary a:not(.btn) {
1838
- color: #fff;
1839
- text-decoration: none;
1840
- }
1841
- .card-primary a:not(.btn):hover, .card-primary a:not(.btn):focus {
1842
- color: #ededef;
1843
- text-decoration: underline;
1844
- }
1845
- .card-primary a:not(.btn):focus {
1846
- outline: thin dotted;
1847
- outline: 5px auto -webkit-focus-ring-color;
1848
- outline-offset: -2px;
1849
- }
1850
- .card-primary a:not(.btn) {
1851
- text-decoration: underline;
1852
- }
1853
- .card-primary .card-header {
1854
- border-bottom: 1px solid #046b99;
1855
- background-color: #035a80;
1856
- }
1857
- .card-primary .card-footer {
1858
- border-top: 1px solid #046b99;
1859
- background-color: #035a80;
1860
- }
1861
-
1862
- .card-inverted,
1863
- .card-inverse {
1864
- background-color: #000000;
1865
- border-color: #000000;
1866
- color: #ffffff;
1867
- }
1868
- .card-inverted a:not(.btn),
1869
- .card-inverse a:not(.btn) {
1870
- color: #b3b2ac;
1871
- text-decoration: none;
1872
- }
1873
- .card-inverted a:not(.btn):hover, .card-inverted a:not(.btn):focus,
1874
- .card-inverse a:not(.btn):hover,
1875
- .card-inverse a:not(.btn):focus {
1876
- color: #a2a199;
1877
- text-decoration: underline;
1878
- }
1879
- .card-inverted a:not(.btn):focus,
1880
- .card-inverse a:not(.btn):focus {
1881
- outline: thin dotted;
1882
- outline: 5px auto -webkit-focus-ring-color;
1883
- outline-offset: -2px;
1884
- }
1885
- .card-inverted a:not(.btn),
1886
- .card-inverse a:not(.btn) {
1887
- text-decoration: underline;
1888
- }
1889
- .card-inverted .card-header,
1890
- .card-inverse .card-header {
1891
- border-bottom: 1px solid #000000;
1892
- background-color: black;
1893
- }
1894
- .card-inverted .card-footer,
1895
- .card-inverse .card-footer {
1896
- border-top: 1px solid #000000;
1897
- background-color: black;
1898
- }
1899
-
1900
- .card-success {
1901
- background-color: #32852e;
1902
- border-color: #32852e;
1903
- color: #ffffff;
1904
- }
1905
- .card-success a:not(.btn) {
1906
- color: #3b3a48;
1907
- text-decoration: none;
1908
- }
1909
- .card-success a:not(.btn):hover, .card-success a:not(.btn):focus {
1910
- color: #000;
1911
- text-decoration: underline;
1912
- }
1913
- .card-success a:not(.btn):focus {
1914
- outline: thin dotted;
1915
- outline: 5px auto -webkit-focus-ring-color;
1916
- outline-offset: -2px;
1917
- }
1918
- .card-success a:not(.btn) {
1919
- text-decoration: underline;
1920
- }
1921
- .card-success .card-header {
1922
- border-bottom: 1px solid #32852e;
1923
- background-color: #2b7227;
1924
- }
1925
- .card-success .card-footer {
1926
- border-top: 1px solid #32852e;
1927
- background-color: #2b7227;
1928
- }
1929
-
1930
- .card-info {
1931
- background-color: #1c7db5;
1932
- border-color: #1c7db5;
1933
- color: #ffffff;
1934
- }
1935
- .card-info a:not(.btn) {
1936
- color: #fff;
1937
- text-decoration: none;
1938
- }
1939
- .card-info a:not(.btn):hover, .card-info a:not(.btn):focus {
1940
- color: #fff;
1941
- text-decoration: underline;
1942
- }
1943
- .card-info a:not(.btn):focus {
1944
- outline: thin dotted;
1945
- outline: 5px auto -webkit-focus-ring-color;
1946
- outline-offset: -2px;
1947
- }
1948
- .card-info a:not(.btn) {
1949
- text-decoration: underline;
1950
- }
1951
- .card-info .card-header {
1952
- border-bottom: 1px solid #1c7db5;
1953
- background-color: #196e9f;
1954
- }
1955
- .card-info .card-footer {
1956
- border-top: 1px solid #1c7db5;
1957
- background-color: #196e9f;
1958
- }
1959
-
1960
- .card-warning {
1961
- background-color: #c2570f;
1962
- border-color: #c2570f;
1963
- color: #ffffff;
1964
- }
1965
- .card-warning a:not(.btn) {
1966
- color: #3b3a48;
1967
- text-decoration: none;
1968
- }
1969
- .card-warning a:not(.btn):hover, .card-warning a:not(.btn):focus {
1970
- color: #000;
1971
- text-decoration: underline;
1972
- }
1973
- .card-warning a:not(.btn):focus {
1974
- outline: thin dotted;
1975
- outline: 5px auto -webkit-focus-ring-color;
1976
- outline-offset: -2px;
1977
- }
1978
- .card-warning a:not(.btn) {
1979
- text-decoration: underline;
1980
- }
1981
- .card-warning .card-header {
1982
- border-bottom: 1px solid #c2570f;
1983
- background-color: #aa4c0d;
1984
- }
1985
- .card-warning .card-footer {
1986
- border-top: 1px solid #c2570f;
1987
- background-color: #aa4c0d;
1988
- }
1989
-
1990
- .card-danger {
1991
- background-color: #cd402d;
1992
- border-color: #cd402d;
1993
- color: #ffffff;
1994
- }
1995
- .card-danger a:not(.btn) {
1996
- color: #000;
1997
- text-decoration: none;
1998
- }
1999
- .card-danger a:not(.btn):hover, .card-danger a:not(.btn):focus {
2000
- color: #000;
2001
- text-decoration: underline;
2002
- }
2003
- .card-danger a:not(.btn):focus {
2004
- outline: thin dotted;
2005
- outline: 5px auto -webkit-focus-ring-color;
2006
- outline-offset: -2px;
2007
- }
2008
- .card-danger a:not(.btn) {
2009
- text-decoration: underline;
2010
- }
2011
- .card-danger .card-header {
2012
- border-bottom: 1px solid #cd402d;
2013
- background-color: #b83928;
2014
- }
2015
- .card-danger .card-footer {
2016
- border-top: 1px solid #cd402d;
2017
- background-color: #b83928;
2018
- }
2019
-
2020
- /* stylelint-disable-next-line no-duplicate-selectors */
2021
- .card-inverse .card-header,
2022
- .card-inverted .card-header {
2023
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
2024
- }
2025
- .card-inverse .card-footer,
2026
- .card-inverted .card-footer {
2027
- border-top: 1px solid rgba(255, 255, 255, 0.2);
2028
- }
2029
-
2030
- /* -----------------------------------------
2031
- CARDS THAT USED TO BE PANELS IN BOOTSTRAP 3
2032
- leaving .panel class for backward compatibility
2033
- ----------------------------------------- */
2034
- /* Default Cards */
2035
- .panel-default,
2036
- .card-default {
2037
- border-color: #ddd;
2038
- }
2039
- .panel-default > .panel-heading,
2040
- .panel-default > .card-heading,
2041
- .card-default > .panel-heading,
2042
- .card-default > .card-heading {
2043
- color: #3b3a48;
2044
- background-color: #d4d4cd;
2045
- border-color: #ddd;
2046
- }
2047
- .panel-default > .panel-heading + .panel-collapse > .panel-body,
2048
- .panel-default > .panel-heading + .card-collapse > .card-body,
2049
- .panel-default > .card-heading + .panel-collapse > .panel-body,
2050
- .panel-default > .card-heading + .card-collapse > .card-body,
2051
- .card-default > .panel-heading + .panel-collapse > .panel-body,
2052
- .card-default > .panel-heading + .card-collapse > .card-body,
2053
- .card-default > .card-heading + .panel-collapse > .panel-body,
2054
- .card-default > .card-heading + .card-collapse > .card-body {
2055
- border-top-color: #ddd;
2056
- }
2057
- .panel-default > .panel-heading .badge,
2058
- .panel-default > .card-heading .badge,
2059
- .card-default > .panel-heading .badge,
2060
- .card-default > .card-heading .badge {
2061
- color: #d4d4cd;
2062
- background-color: #3b3a48;
2063
- }
2064
- .panel-default > .panel-footer + .panel-collapse > .panel-body,
2065
- .panel-default > .panel-footer + .card-collapse > .card-body,
2066
- .panel-default > .card-footer + .panel-collapse > .panel-body,
2067
- .panel-default > .card-footer + .card-collapse > .card-body,
2068
- .card-default > .panel-footer + .panel-collapse > .panel-body,
2069
- .card-default > .panel-footer + .card-collapse > .card-body,
2070
- .card-default > .card-footer + .panel-collapse > .panel-body,
2071
- .card-default > .card-footer + .card-collapse > .card-body {
2072
- border-bottom-color: #ddd;
2073
- }
2074
- .panel-default .panel-heading h2 span[class^=ca-gov-icon-],
2075
- .panel-default .panel-heading h3 span[class^=ca-gov-icon-],
2076
- .panel-default .panel-heading h4 span[class^=ca-gov-icon-],
2077
- .panel-default .panel-heading h5 span[class^=ca-gov-icon-],
2078
- .panel-default .card-heading h2 span[class^=ca-gov-icon-],
2079
- .panel-default .card-heading h3 span[class^=ca-gov-icon-],
2080
- .panel-default .card-heading h4 span[class^=ca-gov-icon-],
2081
- .panel-default .card-heading h5 span[class^=ca-gov-icon-],
2082
- .panel-default .card-header h2 span[class^=ca-gov-icon-],
2083
- .panel-default .card-header h3 span[class^=ca-gov-icon-],
2084
- .panel-default .card-header h4 span[class^=ca-gov-icon-],
2085
- .panel-default .card-header h5 span[class^=ca-gov-icon-],
2086
- .card-default .panel-heading h2 span[class^=ca-gov-icon-],
2087
- .card-default .panel-heading h3 span[class^=ca-gov-icon-],
2088
- .card-default .panel-heading h4 span[class^=ca-gov-icon-],
2089
- .card-default .panel-heading h5 span[class^=ca-gov-icon-],
2090
- .card-default .card-heading h2 span[class^=ca-gov-icon-],
2091
- .card-default .card-heading h3 span[class^=ca-gov-icon-],
2092
- .card-default .card-heading h4 span[class^=ca-gov-icon-],
2093
- .card-default .card-heading h5 span[class^=ca-gov-icon-],
2094
- .card-default .card-header h2 span[class^=ca-gov-icon-],
2095
- .card-default .card-header h3 span[class^=ca-gov-icon-],
2096
- .card-default .card-header h4 span[class^=ca-gov-icon-],
2097
- .card-default .card-header h5 span[class^=ca-gov-icon-] {
2098
- color: #191919;
2099
- }
2100
- .panel-default .panel-heading .options .btn-default,
2101
- .panel-default .card-heading .options .btn-default,
2102
- .panel-default .card-header .options .btn-default,
2103
- .card-default .panel-heading .options .btn-default,
2104
- .card-default .card-heading .options .btn-default,
2105
- .card-default .card-header .options .btn-default {
2106
- --bs-btn-color: #000;
2107
- --bs-btn-bg: #f2f2f0;
2108
- --bs-btn-border-color: #ddd;
2109
- --bs-btn-hover-color: #000;
2110
- --bs-btn-hover-bg: #f4f4f2;
2111
- --bs-btn-hover-border-color: #e0e0e0;
2112
- --bs-btn-focus-shadow-rgb: 188, 188, 188;
2113
- --bs-btn-active-color: #000;
2114
- --bs-btn-active-bg: #f5f5f3;
2115
- --bs-btn-active-border-color: #e0e0e0;
2116
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2117
- --bs-btn-disabled-color: #000;
2118
- --bs-btn-disabled-bg: #f2f2f0;
2119
- --bs-btn-disabled-border-color: #ddd;
2120
- }
2121
- .panel-default .panel-body,
2122
- .panel-default .card-body,
2123
- .card-default .panel-body,
2124
- .card-default .card-body {
2125
- background: #ededef;
2126
- color: #3b3a48;
2127
- }
2128
-
2129
- /* Overstated Cards */
2130
- .panel-overstated,
2131
- .card-overstated {
2132
- border-color: #ddd;
2133
- }
2134
- .panel-overstated > .panel-heading,
2135
- .panel-overstated > .card-heading,
2136
- .card-overstated > .panel-heading,
2137
- .card-overstated > .card-heading {
2138
- color: #fff;
2139
- background-color: #545351;
2140
- border-color: #545351;
2141
- }
2142
- .panel-overstated > .panel-heading + .panel-collapse > .panel-body,
2143
- .panel-overstated > .panel-heading + .card-collapse > .card-body,
2144
- .panel-overstated > .card-heading + .panel-collapse > .panel-body,
2145
- .panel-overstated > .card-heading + .card-collapse > .card-body,
2146
- .card-overstated > .panel-heading + .panel-collapse > .panel-body,
2147
- .card-overstated > .panel-heading + .card-collapse > .card-body,
2148
- .card-overstated > .card-heading + .panel-collapse > .panel-body,
2149
- .card-overstated > .card-heading + .card-collapse > .card-body {
2150
- border-top-color: #ddd;
2151
- }
2152
- .panel-overstated > .panel-heading .badge,
2153
- .panel-overstated > .card-heading .badge,
2154
- .card-overstated > .panel-heading .badge,
2155
- .card-overstated > .card-heading .badge {
2156
- color: #545351;
2157
- background-color: #fff;
2158
- }
2159
- .panel-overstated > .panel-footer + .panel-collapse > .panel-body,
2160
- .panel-overstated > .panel-footer + .card-collapse > .card-body,
2161
- .panel-overstated > .card-footer + .panel-collapse > .panel-body,
2162
- .panel-overstated > .card-footer + .card-collapse > .card-body,
2163
- .card-overstated > .panel-footer + .panel-collapse > .panel-body,
2164
- .card-overstated > .panel-footer + .card-collapse > .card-body,
2165
- .card-overstated > .card-footer + .panel-collapse > .panel-body,
2166
- .card-overstated > .card-footer + .card-collapse > .card-body {
2167
- border-bottom-color: #ddd;
2168
- }
2169
- .panel-overstated .panel-heading,
2170
- .panel-overstated .card-heading,
2171
- .panel-overstated .card-header,
2172
- .card-overstated .panel-heading,
2173
- .card-overstated .card-heading,
2174
- .card-overstated .card-header {
2175
- border-bottom-width: 5px;
2176
- border-bottom-style: solid;
2177
- }
2178
- .panel-overstated .panel-heading h2 span[class^=ca-gov-icon-],
2179
- .panel-overstated .panel-heading h3 span[class^=ca-gov-icon-],
2180
- .panel-overstated .panel-heading h4 span[class^=ca-gov-icon-],
2181
- .panel-overstated .panel-heading h5 span[class^=ca-gov-icon-],
2182
- .panel-overstated .card-heading h2 span[class^=ca-gov-icon-],
2183
- .panel-overstated .card-heading h3 span[class^=ca-gov-icon-],
2184
- .panel-overstated .card-heading h4 span[class^=ca-gov-icon-],
2185
- .panel-overstated .card-heading h5 span[class^=ca-gov-icon-],
2186
- .panel-overstated .card-header h2 span[class^=ca-gov-icon-],
2187
- .panel-overstated .card-header h3 span[class^=ca-gov-icon-],
2188
- .panel-overstated .card-header h4 span[class^=ca-gov-icon-],
2189
- .panel-overstated .card-header h5 span[class^=ca-gov-icon-],
2190
- .card-overstated .panel-heading h2 span[class^=ca-gov-icon-],
2191
- .card-overstated .panel-heading h3 span[class^=ca-gov-icon-],
2192
- .card-overstated .panel-heading h4 span[class^=ca-gov-icon-],
2193
- .card-overstated .panel-heading h5 span[class^=ca-gov-icon-],
2194
- .card-overstated .card-heading h2 span[class^=ca-gov-icon-],
2195
- .card-overstated .card-heading h3 span[class^=ca-gov-icon-],
2196
- .card-overstated .card-heading h4 span[class^=ca-gov-icon-],
2197
- .card-overstated .card-heading h5 span[class^=ca-gov-icon-],
2198
- .card-overstated .card-header h2 span[class^=ca-gov-icon-],
2199
- .card-overstated .card-header h3 span[class^=ca-gov-icon-],
2200
- .card-overstated .card-header h4 span[class^=ca-gov-icon-],
2201
- .card-overstated .card-header h5 span[class^=ca-gov-icon-] {
2202
- color: #fff;
2203
- }
2204
- .panel-overstated .panel-heading .options .btn-default,
2205
- .panel-overstated .card-heading .options .btn-default,
2206
- .panel-overstated .card-header .options .btn-default,
2207
- .card-overstated .panel-heading .options .btn-default,
2208
- .card-overstated .card-heading .options .btn-default,
2209
- .card-overstated .card-header .options .btn-default {
2210
- --bs-btn-color: #fff;
2211
- --bs-btn-bg: #3f3e3d;
2212
- --bs-btn-border-color: #545351;
2213
- --bs-btn-hover-color: #fff;
2214
- --bs-btn-hover-bg: #363534;
2215
- --bs-btn-hover-border-color: #434241;
2216
- --bs-btn-focus-shadow-rgb: 110, 109, 107;
2217
- --bs-btn-active-color: #fff;
2218
- --bs-btn-active-bg: #323231;
2219
- --bs-btn-active-border-color: #3f3e3d;
2220
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2221
- --bs-btn-disabled-color: #fff;
2222
- --bs-btn-disabled-bg: #3f3e3d;
2223
- --bs-btn-disabled-border-color: #545351;
2224
- }
2225
- .panel-overstated .panel-body,
2226
- .panel-overstated .card-body,
2227
- .card-overstated .panel-body,
2228
- .card-overstated .card-body {
2229
- background: #ededef;
2230
- color: #3b3a48;
2231
- }
2232
- .panel-overstated .panel-body a:not(.btn),
2233
- .panel-overstated .card-body a:not(.btn),
2234
- .card-overstated .panel-body a:not(.btn),
2235
- .card-overstated .card-body a:not(.btn) {
2236
- color: #046b99;
2237
- text-decoration: none;
2238
- }
2239
- .panel-overstated .panel-body a:not(.btn):hover, .panel-overstated .panel-body a:not(.btn):focus,
2240
- .panel-overstated .card-body a:not(.btn):hover,
2241
- .panel-overstated .card-body a:not(.btn):focus,
2242
- .card-overstated .panel-body a:not(.btn):hover,
2243
- .card-overstated .panel-body a:not(.btn):focus,
2244
- .card-overstated .card-body a:not(.btn):hover,
2245
- .card-overstated .card-body a:not(.btn):focus {
2246
- color: #02374e;
2247
- text-decoration: underline;
2248
- }
2249
- .panel-overstated .panel-body a:not(.btn):focus,
2250
- .panel-overstated .card-body a:not(.btn):focus,
2251
- .card-overstated .panel-body a:not(.btn):focus,
2252
- .card-overstated .card-body a:not(.btn):focus {
2253
- outline: thin dotted;
2254
- outline: 5px auto -webkit-focus-ring-color;
2255
- outline-offset: -2px;
2256
- }
2257
- .panel-overstated .panel-body a:not(.btn),
2258
- .panel-overstated .card-body a:not(.btn),
2259
- .card-overstated .panel-body a:not(.btn),
2260
- .card-overstated .card-body a:not(.btn) {
2261
- text-decoration: underline;
2262
- }
2263
-
2264
- /* Uderstated Cards */
2265
- .panel-understated,
2266
- .card-understated {
2267
- border-color: #ddd;
2268
- }
2269
- .panel-understated > .panel-heading,
2270
- .panel-understated > .card-heading,
2271
- .card-understated > .panel-heading,
2272
- .card-understated > .card-heading {
2273
- color: #3b3a48;
2274
- background-color: #ededef;
2275
- border-color: #ededef;
2276
- }
2277
- .panel-understated > .panel-heading + .panel-collapse > .panel-body,
2278
- .panel-understated > .panel-heading + .card-collapse > .card-body,
2279
- .panel-understated > .card-heading + .panel-collapse > .panel-body,
2280
- .panel-understated > .card-heading + .card-collapse > .card-body,
2281
- .card-understated > .panel-heading + .panel-collapse > .panel-body,
2282
- .card-understated > .panel-heading + .card-collapse > .card-body,
2283
- .card-understated > .card-heading + .panel-collapse > .panel-body,
2284
- .card-understated > .card-heading + .card-collapse > .card-body {
2285
- border-top-color: #ddd;
2286
- }
2287
- .panel-understated > .panel-heading .badge,
2288
- .panel-understated > .card-heading .badge,
2289
- .card-understated > .panel-heading .badge,
2290
- .card-understated > .card-heading .badge {
2291
- color: #ededef;
2292
- background-color: #3b3a48;
2293
- }
2294
- .panel-understated > .panel-footer + .panel-collapse > .panel-body,
2295
- .panel-understated > .panel-footer + .card-collapse > .card-body,
2296
- .panel-understated > .card-footer + .panel-collapse > .panel-body,
2297
- .panel-understated > .card-footer + .card-collapse > .card-body,
2298
- .card-understated > .panel-footer + .panel-collapse > .panel-body,
2299
- .card-understated > .panel-footer + .card-collapse > .card-body,
2300
- .card-understated > .card-footer + .panel-collapse > .panel-body,
2301
- .card-understated > .card-footer + .card-collapse > .card-body {
2302
- border-bottom-color: #ddd;
2303
- }
2304
- .panel-understated .panel-heading,
2305
- .panel-understated .card-heading,
2306
- .panel-understated .card-header,
2307
- .card-understated .panel-heading,
2308
- .card-understated .card-heading,
2309
- .card-understated .card-header {
2310
- border-bottom-width: 2px;
2311
- border-bottom-style: solid;
2312
- }
2313
- .panel-understated .panel-heading h2 span[class^=ca-gov-icon-],
2314
- .panel-understated .panel-heading h3 span[class^=ca-gov-icon-],
2315
- .panel-understated .panel-heading h4 span[class^=ca-gov-icon-],
2316
- .panel-understated .panel-heading h5 span[class^=ca-gov-icon-],
2317
- .panel-understated .card-heading h2 span[class^=ca-gov-icon-],
2318
- .panel-understated .card-heading h3 span[class^=ca-gov-icon-],
2319
- .panel-understated .card-heading h4 span[class^=ca-gov-icon-],
2320
- .panel-understated .card-heading h5 span[class^=ca-gov-icon-],
2321
- .panel-understated .card-header h2 span[class^=ca-gov-icon-],
2322
- .panel-understated .card-header h3 span[class^=ca-gov-icon-],
2323
- .panel-understated .card-header h4 span[class^=ca-gov-icon-],
2324
- .panel-understated .card-header h5 span[class^=ca-gov-icon-],
2325
- .card-understated .panel-heading h2 span[class^=ca-gov-icon-],
2326
- .card-understated .panel-heading h3 span[class^=ca-gov-icon-],
2327
- .card-understated .panel-heading h4 span[class^=ca-gov-icon-],
2328
- .card-understated .panel-heading h5 span[class^=ca-gov-icon-],
2329
- .card-understated .card-heading h2 span[class^=ca-gov-icon-],
2330
- .card-understated .card-heading h3 span[class^=ca-gov-icon-],
2331
- .card-understated .card-heading h4 span[class^=ca-gov-icon-],
2332
- .card-understated .card-heading h5 span[class^=ca-gov-icon-],
2333
- .card-understated .card-header h2 span[class^=ca-gov-icon-],
2334
- .card-understated .card-header h3 span[class^=ca-gov-icon-],
2335
- .card-understated .card-header h4 span[class^=ca-gov-icon-],
2336
- .card-understated .card-header h5 span[class^=ca-gov-icon-] {
2337
- color: #191919;
2338
- }
2339
- .panel-understated .panel-heading .options .btn-default,
2340
- .panel-understated .card-heading .options .btn-default,
2341
- .panel-understated .card-header .options .btn-default,
2342
- .card-understated .panel-heading .options .btn-default,
2343
- .card-understated .card-heading .options .btn-default,
2344
- .card-understated .card-header .options .btn-default {
2345
- --bs-btn-color: #000;
2346
- --bs-btn-bg: #d7d7dc;
2347
- --bs-btn-border-color: #ddd;
2348
- --bs-btn-hover-color: #000;
2349
- --bs-btn-hover-bg: #dddde1;
2350
- --bs-btn-hover-border-color: #e0e0e0;
2351
- --bs-btn-focus-shadow-rgb: 188, 188, 188;
2352
- --bs-btn-active-color: #000;
2353
- --bs-btn-active-bg: #dfdfe3;
2354
- --bs-btn-active-border-color: #e0e0e0;
2355
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2356
- --bs-btn-disabled-color: #000;
2357
- --bs-btn-disabled-bg: #d7d7dc;
2358
- --bs-btn-disabled-border-color: #ddd;
2359
- }
2360
- .panel-understated .panel-body,
2361
- .panel-understated .card-body,
2362
- .card-understated .panel-body,
2363
- .card-understated .card-body {
2364
- background: #fff;
2365
- color: #3b3a48;
2366
- }
2367
-
2368
- /* Standout Cards */
2369
- .panel-standout,
2370
- .card-standout {
2371
- border-color: #ddd;
2372
- }
2373
- .panel-standout > .panel-heading,
2374
- .panel-standout > .card-heading,
2375
- .card-standout > .panel-heading,
2376
- .card-standout > .card-heading {
2377
- color: #fff;
2378
- background-color: #191919;
2379
- border-color: #191919;
2380
- }
2381
- .panel-standout > .panel-heading + .panel-collapse > .panel-body,
2382
- .panel-standout > .panel-heading + .card-collapse > .card-body,
2383
- .panel-standout > .card-heading + .panel-collapse > .panel-body,
2384
- .panel-standout > .card-heading + .card-collapse > .card-body,
2385
- .card-standout > .panel-heading + .panel-collapse > .panel-body,
2386
- .card-standout > .panel-heading + .card-collapse > .card-body,
2387
- .card-standout > .card-heading + .panel-collapse > .panel-body,
2388
- .card-standout > .card-heading + .card-collapse > .card-body {
2389
- border-top-color: #ddd;
2390
- }
2391
- .panel-standout > .panel-heading .badge,
2392
- .panel-standout > .card-heading .badge,
2393
- .card-standout > .panel-heading .badge,
2394
- .card-standout > .card-heading .badge {
2395
- color: #191919;
2396
- background-color: #fff;
2397
- }
2398
- .panel-standout > .panel-footer + .panel-collapse > .panel-body,
2399
- .panel-standout > .panel-footer + .card-collapse > .card-body,
2400
- .panel-standout > .card-footer + .panel-collapse > .panel-body,
2401
- .panel-standout > .card-footer + .card-collapse > .card-body,
2402
- .card-standout > .panel-footer + .panel-collapse > .panel-body,
2403
- .card-standout > .panel-footer + .card-collapse > .card-body,
2404
- .card-standout > .card-footer + .panel-collapse > .panel-body,
2405
- .card-standout > .card-footer + .card-collapse > .card-body {
2406
- border-bottom-color: #ddd;
2407
- }
2408
- .panel-standout .panel-heading,
2409
- .panel-standout .card-heading,
2410
- .panel-standout .card-header,
2411
- .card-standout .panel-heading,
2412
- .card-standout .card-heading,
2413
- .card-standout .card-header {
2414
- border-bottom-width: 5px;
2415
- border-bottom-style: solid;
2416
- }
2417
- .panel-standout .panel-heading h2 span[class^=ca-gov-icon-],
2418
- .panel-standout .panel-heading h3 span[class^=ca-gov-icon-],
2419
- .panel-standout .panel-heading h4 span[class^=ca-gov-icon-],
2420
- .panel-standout .panel-heading h5 span[class^=ca-gov-icon-],
2421
- .panel-standout .card-heading h2 span[class^=ca-gov-icon-],
2422
- .panel-standout .card-heading h3 span[class^=ca-gov-icon-],
2423
- .panel-standout .card-heading h4 span[class^=ca-gov-icon-],
2424
- .panel-standout .card-heading h5 span[class^=ca-gov-icon-],
2425
- .panel-standout .card-header h2 span[class^=ca-gov-icon-],
2426
- .panel-standout .card-header h3 span[class^=ca-gov-icon-],
2427
- .panel-standout .card-header h4 span[class^=ca-gov-icon-],
2428
- .panel-standout .card-header h5 span[class^=ca-gov-icon-],
2429
- .card-standout .panel-heading h2 span[class^=ca-gov-icon-],
2430
- .card-standout .panel-heading h3 span[class^=ca-gov-icon-],
2431
- .card-standout .panel-heading h4 span[class^=ca-gov-icon-],
2432
- .card-standout .panel-heading h5 span[class^=ca-gov-icon-],
2433
- .card-standout .card-heading h2 span[class^=ca-gov-icon-],
2434
- .card-standout .card-heading h3 span[class^=ca-gov-icon-],
2435
- .card-standout .card-heading h4 span[class^=ca-gov-icon-],
2436
- .card-standout .card-heading h5 span[class^=ca-gov-icon-],
2437
- .card-standout .card-header h2 span[class^=ca-gov-icon-],
2438
- .card-standout .card-header h3 span[class^=ca-gov-icon-],
2439
- .card-standout .card-header h4 span[class^=ca-gov-icon-],
2440
- .card-standout .card-header h5 span[class^=ca-gov-icon-] {
2441
- color: #ffce2b;
2442
- }
2443
- .panel-standout .panel-heading .options .btn-default,
2444
- .panel-standout .card-heading .options .btn-default,
2445
- .panel-standout .card-header .options .btn-default,
2446
- .card-standout .panel-heading .options .btn-default,
2447
- .card-standout .card-heading .options .btn-default,
2448
- .card-standout .card-header .options .btn-default {
2449
- --bs-btn-color: #fff;
2450
- --bs-btn-bg: #050505;
2451
- --bs-btn-border-color: #0c0c0c;
2452
- --bs-btn-hover-color: #fff;
2453
- --bs-btn-hover-bg: #040404;
2454
- --bs-btn-hover-border-color: #0a0a0a;
2455
- --bs-btn-focus-shadow-rgb: 48, 48, 48;
2456
- --bs-btn-active-color: #fff;
2457
- --bs-btn-active-bg: #040404;
2458
- --bs-btn-active-border-color: #090909;
2459
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2460
- --bs-btn-disabled-color: #fff;
2461
- --bs-btn-disabled-bg: #050505;
2462
- --bs-btn-disabled-border-color: #0c0c0c;
2463
- }
2464
- .panel-standout .panel-body,
2465
- .panel-standout .card-body,
2466
- .card-standout .panel-body,
2467
- .card-standout .card-body {
2468
- background: #ededef;
2469
- color: #3b3a48;
2470
- }
2471
- .panel-standout .panel-body a:not(.btn),
2472
- .panel-standout .card-body a:not(.btn),
2473
- .card-standout .panel-body a:not(.btn),
2474
- .card-standout .card-body a:not(.btn) {
2475
- color: #046b99;
2476
- text-decoration: none;
2477
- }
2478
- .panel-standout .panel-body a:not(.btn):hover, .panel-standout .panel-body a:not(.btn):focus,
2479
- .panel-standout .card-body a:not(.btn):hover,
2480
- .panel-standout .card-body a:not(.btn):focus,
2481
- .card-standout .panel-body a:not(.btn):hover,
2482
- .card-standout .panel-body a:not(.btn):focus,
2483
- .card-standout .card-body a:not(.btn):hover,
2484
- .card-standout .card-body a:not(.btn):focus {
2485
- color: #02374e;
2486
- text-decoration: underline;
2487
- }
2488
- .panel-standout .panel-body a:not(.btn):focus,
2489
- .panel-standout .card-body a:not(.btn):focus,
2490
- .card-standout .panel-body a:not(.btn):focus,
2491
- .card-standout .card-body a:not(.btn):focus {
2492
- outline: thin dotted;
2493
- outline: 5px auto -webkit-focus-ring-color;
2494
- outline-offset: -2px;
2495
- }
2496
- .panel-standout .panel-body a:not(.btn),
2497
- .panel-standout .card-body a:not(.btn),
2498
- .card-standout .panel-body a:not(.btn),
2499
- .card-standout .card-body a:not(.btn) {
2500
- text-decoration: underline;
2501
- }
2502
-
2503
- /* Adds triangle to card */
2504
- .panel-standout.highlight .panel-heading .triangle,
2505
- .panel-standout.highlight .card-heading .triangle,
2506
- .panel-standout.highlight .card-header .triangle,
2507
- .card-standout.highlight .panel-heading .triangle,
2508
- .card-standout.highlight .card-heading .triangle,
2509
- .card-standout.highlight .card-header .triangle {
2510
- content: "";
2511
- display: block;
2512
- width: 0;
2513
- height: 0;
2514
- border-left: 12px solid transparent;
2515
- border-right: 12px solid transparent;
2516
- border-top: 12px solid #191919;
2517
- }
2518
-
2519
- /* -----------------------------------------
2520
- ACCENT TEXT
2521
- /source/scss/colortheme/cs-text-accent.scss
2522
- ----------------------------------------- */
2523
- .text-accent1 {
2524
- color: #1b79c0 !important;
2525
- }
2526
- .text-accent2 {
2527
- color: #077cbb !important;
2528
- }
2529
- .text-accent3 {
2530
- color: #258378 !important;
2531
- }
2532
- .text-accent4 {
2533
- color: #32852e !important;
2534
- }
2535
- .text-accent5 {
2536
- color: #815ab4 !important;
2537
- }
2538
- .text-accent6 {
2539
- color: #be37cd !important;
2540
- }
2541
- .text-accent7 {
2542
- color: #c93e2c !important;
2543
- }
2544
- .text-accent8 {
2545
- color: #bb520c !important;
2546
- }
2547
- .text-accent9 {
2548
- color: #f7e455 !important;
2549
- }
2550
- .text-accent-p1 {
2551
- color: #ffce2b !important;
2552
- }
2553
- .text-accent-p2 {
2554
- color: #545351 !important;
2555
- }
2556
- .text-accent-p3 {
2557
- color: #191919 !important;
2558
- }
2559
- .text-accent-s1 {
2560
- color: #ededef !important;
2561
- }
2562
- .text-accent-s2 {
2563
- color: #d4d4cd !important;
2564
- }
2565
- .text-accent-s3 {
2566
- color: #b3b2ac !important;
2567
- }
2568
-
2569
- .color-primary--hover:hover {
2570
- color: #545351;
2571
- }
2572
-
2573
- .bg-primary--hover:hover {
2574
- background-color: #545351;
2575
- }
2576
-
2577
- .label-primary {
2578
- color: #000;
2579
- background-color: #ededef;
2580
- border-radius: 0;
2581
- }
2582
-
2583
- .label-info {
2584
- color: #fff;
2585
- background-color: #545351;
2586
- }
2587
-
2588
- .label-secondary {
2589
- color: #3b3a48;
2590
- background-color: #d4d4cd;
2591
- }
2592
-
2593
- .label-light {
2594
- color: #3b3a48;
2595
- background-color: #ededef;
2596
- }
2597
-
2598
- .label-dark {
2599
- color: #fff;
2600
- background-color: #191919;
2601
- }
2602
-
2603
- .label-warning {
2604
- color: #3b3a48;
2605
- background-color: #ffce2b;
2606
- }
2607
-
2608
- .text-highlight-primary {
2609
- background-color: #ededef;
2610
- }
2611
-
2612
- .text-highlight-warning {
2613
- background-color: #fff4ce;
2614
- }
2615
-
2616
- .text-highlight-dark {
2617
- color: #fff;
2618
- background-color: #191919;
2619
- }
2620
-
2621
- /* -----------------------------------------
2622
- IMAGE HELPERS
2623
- /source/scss/colortheme/cs-image.scss
2624
- ----------------------------------------- */
2625
- .section-understated .img-thumbnail,
2626
- .card-understated .img-thumbnail {
2627
- padding: 0.25rem;
2628
- background-color: whitesmoke;
2629
- border: 1px solid #c2c2c2;
2630
- }
2631
- .section-overstated .img-thumbnail,
2632
- .card-overstated .img-thumbnail {
2633
- padding: 0.25rem;
2634
- background-color: #e1e0de;
2635
- border: 1px solid #9f9e97;
2636
- }
2637
- .section-standout .img-thumbnail, .section-impact .img-thumbnail,
2638
- .card-standout .img-thumbnail,
2639
- .card-impact .img-thumbnail {
2640
- padding: 0.25rem;
2641
- background-color: #757575;
2642
- border: 1px solid #050505;
2643
- }
2644
- .section-primary .img-thumbnail,
2645
- .card-primary .img-thumbnail {
2646
- padding: 0.25rem;
2647
- background-color: #cccbcb;
2648
- border: 1px solid #3a3938;
2649
- }
2650
- .section-inverted .img-thumbnail,
2651
- .card-inverted .img-thumbnail {
2652
- padding: 0.25rem;
2653
- background-color: var(--bs-body-bg);
2654
- border: 1px solid #c2c2c2;
2655
- }
2656
- .section-danger .img-thumbnail,
2657
- .card-danger .img-thumbnail {
2658
- padding: 0.25rem;
2659
- background-color: var(--bs-body-bg);
2660
- border: 1px solid #c2c2c2;
2661
- }
2662
-
2663
- .carousel-video-submenu .owl-item.watching img {
2664
- border-color: #ffce2b;
2665
- }
2666
- .carousel-video-submenu .owl-item.watching button {
2667
- border-color: #ffce2b;
2668
- }
2669
-
2670
- /* -----------------------------------------
2671
- COMMENT
2672
- /source/scss/colortheme/cs-buttons.scss
2673
- ----------------------------------------- */
2674
- .btn-primary {
2675
- color: #fff;
2676
- background-color: #545351;
2677
- border-color: #545351;
2678
- font-weight: 600;
2679
- }
2680
- .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled, .disabled):active, .btn-primary:not(:disabled, .disabled).active,
2681
- .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-primary {
2682
- color: #fff;
2683
- background-color: #42413f;
2684
- border-color: #42413f;
2685
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2686
- }
2687
- .btn-primary:focus {
2688
- outline: solid 2px #2ea3f2 !important;
2689
- }
2690
- .btn-primary:not(:disabled, .disabled):active, .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-primary {
2691
- background-image: none;
2692
- }
2693
- .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 {
2694
- background-color: #545351 !important;
2695
- border-color: #545351;
2696
- }
2697
- .btn-primary .badge {
2698
- color: #545351;
2699
- background-color: #fff;
2700
- }
2701
- .btn-primary:disabled {
2702
- color: #fff !important;
2703
- }
2704
- .btn-primary.disabled {
2705
- color: #fff !important;
2706
- }
2707
-
2708
- .btn-outline-primary {
2709
- color: #545351;
2710
- background-color: #fff;
2711
- border-color: #545351;
2712
- font-weight: 600;
2713
- }
2714
- .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled, .disabled):active, .btn-outline-primary:not(:disabled, .disabled).active,
2715
- .btn-outline-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-primary {
2716
- color: #42413f;
2717
- background-color: #fff;
2718
- border-color: #42413f;
2719
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2720
- }
2721
- .btn-outline-primary:focus {
2722
- outline: solid 2px #2ea3f2 !important;
2723
- }
2724
- .btn-outline-primary:not(:disabled, .disabled):active, .btn-outline-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-primary {
2725
- background-image: none;
2726
- }
2727
- .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 {
2728
- background-color: #fff !important;
2729
- border-color: #545351;
2730
- }
2731
- .btn-outline-primary .badge {
2732
- color: #fff;
2733
- background-color: #545351;
2734
- }
2735
-
2736
- .btn-default {
2737
- color: #5e5e6a;
2738
- background-color: rgba(255, 255, 255, 0.65);
2739
- border-color: #5e5e6a;
2740
- font-weight: 600;
2741
- }
2742
- .btn-default:hover, .btn-default:focus, .btn-default:not(:disabled, .disabled):active, .btn-default:not(:disabled, .disabled).active,
2743
- .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .btn-default {
2744
- color: #000;
2745
- background-color: rgb(255, 255, 255);
2746
- border-color: #000;
2747
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2748
- }
2749
- .btn-default:focus {
2750
- outline: solid 2px #2ea3f2 !important;
2751
- }
2752
- .btn-default:not(:disabled, .disabled):active, .btn-default:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-default {
2753
- background-image: none;
2754
- }
2755
- .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 {
2756
- background-color: rgba(255, 255, 255, 0.65) !important;
2757
- border-color: #5e5e6a;
2758
- }
2759
- .btn-default .badge {
2760
- color: rgba(255, 255, 255, 0.65);
2761
- background-color: #5e5e6a;
2762
- }
2763
-
2764
- .btn-standout {
2765
- color: #fff;
2766
- background-color: #191919;
2767
- border-color: #191919;
2768
- font-weight: 600;
2769
- }
2770
- .btn-standout:hover, .btn-standout:focus, .btn-standout:not(:disabled, .disabled):active, .btn-standout:not(:disabled, .disabled).active,
2771
- .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-standout {
2772
- color: #fff;
2773
- background-color: #070707;
2774
- border-color: #070707;
2775
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2776
- }
2777
- .btn-standout:focus {
2778
- outline: solid 2px #2ea3f2 !important;
2779
- }
2780
- .btn-standout:not(:disabled, .disabled):active, .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-standout {
2781
- background-image: none;
2782
- }
2783
- .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 {
2784
- background-color: #191919 !important;
2785
- border-color: #191919;
2786
- }
2787
- .btn-standout .badge {
2788
- color: #191919;
2789
- background-color: #fff;
2790
- }
2791
- .btn-standout:disabled {
2792
- color: #fff !important;
2793
- }
2794
- .btn-standout.disabled {
2795
- color: #fff !important;
2796
- }
2797
-
2798
- .btn-outline-standout {
2799
- color: #191919;
2800
- background-color: #fff;
2801
- border-color: #191919;
2802
- font-weight: 600;
2803
- }
2804
- .btn-outline-standout:hover, .btn-outline-standout:focus, .btn-outline-standout:not(:disabled, .disabled):active, .btn-outline-standout:not(:disabled, .disabled).active,
2805
- .btn-outline-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-standout {
2806
- color: #070707;
2807
- background-color: #fff;
2808
- border-color: #070707;
2809
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2810
- }
2811
- .btn-outline-standout:focus {
2812
- outline: solid 2px #2ea3f2 !important;
2813
- }
2814
- .btn-outline-standout:not(:disabled, .disabled):active, .btn-outline-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-standout {
2815
- background-image: none;
2816
- }
2817
- .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 {
2818
- background-color: #fff !important;
2819
- border-color: #191919;
2820
- }
2821
- .btn-outline-standout .badge {
2822
- color: #fff;
2823
- background-color: #191919;
2824
- }
2825
-
2826
- .btn-highlight {
2827
- color: #000;
2828
- background-color: #ffd64f;
2829
- border-color: #ffd64f;
2830
- font-weight: 600;
2831
- }
2832
- .btn-highlight:hover, .btn-highlight:focus, .btn-highlight:not(:disabled, .disabled):active, .btn-highlight:not(:disabled, .disabled).active,
2833
- .btn-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-highlight {
2834
- color: #3b3a48;
2835
- background-color: #ffdf72;
2836
- border-color: #ffdf72;
2837
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2838
- }
2839
- .btn-highlight:focus {
2840
- outline: solid 2px #2ea3f2 !important;
2841
- }
2842
- .btn-highlight:not(:disabled, .disabled):active, .btn-highlight:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-highlight {
2843
- background-image: none;
2844
- }
2845
- .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 {
2846
- background-color: #ffd64f !important;
2847
- border-color: #ffd64f;
2848
- }
2849
- .btn-highlight .badge {
2850
- color: #ffd64f;
2851
- background-color: #000;
2852
- }
2853
-
2854
- .btn-outline-highlight {
2855
- color: #000;
2856
- background-color: transparent;
2857
- border-color: #ffd64f;
2858
- font-weight: 600;
2859
- }
2860
- .btn-outline-highlight:hover, .btn-outline-highlight:focus, .btn-outline-highlight:not(:disabled, .disabled):active, .btn-outline-highlight:not(:disabled, .disabled).active,
2861
- .btn-outline-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-highlight {
2862
- color: #3b3a48;
2863
- background-color: #fafafa;
2864
- border-color: #ffdf72;
2865
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2866
- }
2867
- .btn-outline-highlight:focus {
2868
- outline: solid 2px #2ea3f2 !important;
2869
- }
2870
- .btn-outline-highlight:not(:disabled, .disabled):active, .btn-outline-highlight:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-highlight {
2871
- background-image: none;
2872
- }
2873
- .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 {
2874
- background-color: transparent !important;
2875
- border-color: #ffd64f;
2876
- }
2877
- .btn-outline-highlight .badge {
2878
- color: transparent;
2879
- background-color: #000;
2880
- }
2881
-
2882
- .btn-secondary {
2883
- color: #555555;
2884
- background-color: whitesmoke;
2885
- border-color: #555555;
2886
- font-weight: 600;
2887
- }
2888
- .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled, .disabled):active, .btn-secondary:not(:disabled, .disabled).active,
2889
- .btn-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-secondary {
2890
- color: #02374e;
2891
- background-color: #fff;
2892
- border-color: #000;
2893
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2894
- }
2895
- .btn-secondary:focus {
2896
- outline: solid 2px #2ea3f2 !important;
2897
- }
2898
- .btn-secondary:not(:disabled, .disabled):active, .btn-secondary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-secondary {
2899
- background-image: none;
2900
- }
2901
- .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 {
2902
- background-color: whitesmoke !important;
2903
- border-color: #555555;
2904
- }
2905
- .btn-secondary .badge {
2906
- color: whitesmoke;
2907
- background-color: #555555;
2908
- }
2909
- .btn-secondary.active {
2910
- background: #fff;
2911
- color: #000;
2912
- }
2913
- .btn-secondary:disabled {
2914
- color: #000;
2915
- }
2916
- .btn-secondary.disabled {
2917
- color: #000;
2918
- }
2919
-
2920
- .btn-s1 {
2921
- color: #555555;
2922
- background-color: #ededef;
2923
- border-color: #555555;
2924
- font-weight: 600;
2925
- }
2926
- .btn-s1:hover, .btn-s1:focus, .btn-s1:not(:disabled, .disabled):active, .btn-s1:not(:disabled, .disabled).active,
2927
- .btn-s1 .show > .dropdown-toggle, .open > .dropdown-toggle .btn-s1 {
2928
- color: #000;
2929
- background-color: #fff;
2930
- border-color: #000;
2931
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2932
- }
2933
- .btn-s1:focus {
2934
- outline: solid 2px #2ea3f2 !important;
2935
- }
2936
- .btn-s1:not(:disabled, .disabled):active, .btn-s1:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-s1 {
2937
- background-image: none;
2938
- }
2939
- .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 {
2940
- background-color: #ededef !important;
2941
- border-color: #555555;
2942
- }
2943
- .btn-s1 .badge {
2944
- color: #ededef;
2945
- background-color: #555555;
2946
- }
2947
- .btn-s1.active {
2948
- background: #fff;
2949
- color: #000;
2950
- }
2951
- .btn-s1:disabled {
2952
- color: #000;
2953
- }
2954
-
2955
- .btn-outline-secondary {
2956
- color: #555555;
2957
- background-color: #fff;
2958
- border-color: #555555;
2959
- font-weight: 600;
2960
- }
2961
- .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled, .disabled):active, .btn-outline-secondary:not(:disabled, .disabled).active,
2962
- .btn-outline-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-secondary {
2963
- color: #444444;
2964
- background-color: #fff;
2965
- border-color: #444444;
2966
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2967
- }
2968
- .btn-outline-secondary:focus {
2969
- outline: solid 2px #2ea3f2 !important;
2970
- }
2971
- .btn-outline-secondary:not(:disabled, .disabled):active, .btn-outline-secondary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-secondary {
2972
- background-image: none;
2973
- }
2974
- .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 {
2975
- background-color: #fff !important;
2976
- border-color: #555555;
2977
- }
2978
- .btn-outline-secondary .badge {
2979
- color: #fff;
2980
- background-color: #555555;
2981
- }
2982
-
2983
- .btn-light {
2984
- color: #5e5e6a;
2985
- background-color: #fff;
2986
- border-color: #fff;
2987
- font-weight: 600;
2988
- }
2989
- .btn-light:hover, .btn-light:focus, .btn-light:not(:disabled, .disabled):active, .btn-light:not(:disabled, .disabled).active,
2990
- .btn-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-light {
2991
- color: #000;
2992
- background-color: #ededef;
2993
- border-color: #ededef;
2994
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
2995
- }
2996
- .btn-light:focus {
2997
- outline: solid 2px #2ea3f2 !important;
2998
- }
2999
- .btn-light:not(:disabled, .disabled):active, .btn-light:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-light {
3000
- background-image: none;
3001
- }
3002
- .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 {
3003
- background-color: #fff !important;
3004
- border-color: #fff;
3005
- }
3006
- .btn-light .badge {
3007
- color: #fff;
3008
- background-color: #5e5e6a;
3009
- }
3010
-
3011
- .btn-outline-light {
3012
- color: #fff;
3013
- background-color: transparent;
3014
- border-color: #fff;
3015
- font-weight: 600;
3016
- }
3017
- .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:not(:disabled, .disabled):active, .btn-outline-light:not(:disabled, .disabled).active,
3018
- .btn-outline-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-light {
3019
- color: #ededef;
3020
- background-color: transparent;
3021
- border-color: #ededef;
3022
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
3023
- }
3024
- .btn-outline-light:focus {
3025
- outline: solid 2px #2ea3f2 !important;
3026
- }
3027
- .btn-outline-light:not(:disabled, .disabled):active, .btn-outline-light:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-light {
3028
- background-image: none;
3029
- }
3030
- .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 {
3031
- background-color: transparent !important;
3032
- border-color: #fff;
3033
- }
3034
- .btn-outline-light .badge {
3035
- color: transparent;
3036
- background-color: #fff;
3037
- }
3038
-
3039
- .check-icon-radio {
3040
- color: #545351;
3041
- border-color: #545351;
3042
- }
3043
-
3044
- .check-icon-checkbox {
3045
- border-color: #545351;
3046
- }
3047
-
3048
- input[type=checkbox]:checked + i,
3049
- input[type=radio]:checked + i,
3050
- input[type=checkbox]:checked + * i,
3051
- input[type=radio]:checked + * i {
3052
- color: #fff;
3053
- background-color: #545351;
3054
- border-color: #545351;
3055
- }
3056
-
3057
- .bg-primary--checked.checked,
3058
- .checked .bg-primary--checked {
3059
- background-color: #545351 !important;
3060
- }
3061
-
3062
- /* -----------------------------------------
3063
- COMMENT
3064
- /source/scss/colortheme/cs-blocks.scss
3065
- ----------------------------------------- */
3066
- .bg-blue-gradient {
3067
- background-repeat: repeat-x;
3068
- background-image: linear-gradient(225deg, #888683, #545351);
3069
- }
3070
-
3071
- .circle-icon {
3072
- background: #222222;
3073
- }
3074
-
3075
- .icon-link:hover, .icon-link:focus {
3076
- color: #ededef !important;
3077
- }
3078
-
3079
- .service-tile-empty {
3080
- background: #1c1d1e;
3081
- color: #171717;
3082
- }
3083
-
3084
- .main-content a.color-gray-dark {
3085
- text-decoration: underline;
3086
- }
3087
- .main-content a.color-primary-hover:hover {
3088
- text-decoration: underline;
3089
- }
3090
-
3091
- /* -----------------------------------------
3092
- PANES
3093
- /source/scss/colortheme/cs-panes.scss
3094
- ----------------------------------------- */
3095
- @media (min-width: 768px) {
3096
- .bg-highlight.group-right::before,
3097
- .bg-p1.group-right::before {
3098
- border-right-color: #ffce2b;
3099
- }
3100
- .bg-highlight.group-left::after,
3101
- .bg-p1.group-left::after {
3102
- border-left-color: #ffce2b;
3103
- }
3104
- .section-primary.group-right::before,
3105
- .bg-primary.group-right::before,
3106
- .bg-p2.group-right::before {
3107
- border-right-color: #545351;
3108
- }
3109
- .section-primary.group-left::after,
3110
- .bg-primary.group-left::after,
3111
- .bg-p2.group-left::after {
3112
- border-left-color: #545351;
3113
- }
3114
- .section-default.group-right::before {
3115
- border-right-color: whitesmoke;
3116
- }
3117
- .section-default.group-left::after {
3118
- border-left-color: whitesmoke;
3119
- }
3120
- .section-standout.group-right::before,
3121
- .bg-standout.group-right::before,
3122
- .bg-p3.group-right::before {
3123
- border-right-color: #191919;
3124
- }
3125
- .section-standout.group-left::after,
3126
- .bg-standout.group-left::after,
3127
- .bg-p3.group-left::after {
3128
- border-left-color: #191919;
3129
- }
3130
- .section-understated.group-right::before,
3131
- .bg-s1.group-right::before {
3132
- border-right-color: #ededef;
3133
- }
3134
- .section-understated.group-left::after,
3135
- .bg-s1.group-left::after {
3136
- border-left-color: #ededef;
3137
- }
3138
- .section-inverted.group-right::before {
3139
- border-right-color: #222222;
3140
- }
3141
- .section-inverted.group-left::after {
3142
- border-left-color: #222222;
3143
- }
3144
- }
3145
- @media (max-width: 767px) {
3146
- .bg-highlight.group-right::before,
3147
- .bg-p1.group-right::before,
3148
- .bg-highlight.group-left::after,
3149
- .bg-p1.group-left::after {
3150
- border-bottom-color: #ffce2b;
3151
- }
3152
- .section-primary.group-right::before,
3153
- .bg-primary.group-right::before,
3154
- .bg-p2.group-right::before,
3155
- .section-primary.group-left::after,
3156
- .bg-primary.group-left::after,
3157
- .bg-p2.group-left::after {
3158
- border-bottom-color: #545351;
3159
- }
3160
- .section-default.group-right::before, .section-default.group-left::after {
3161
- border-bottom-color: whitesmoke;
3162
- }
3163
- .section-standout.group-right::before,
3164
- .bg-standout.group-right::before,
3165
- .bg-p3.group-right::before,
3166
- .section-standout.group-left::after,
3167
- .bg-standout.group-left::after,
3168
- .bg-p3.group-left::after {
3169
- border-bottom-color: #191919;
3170
- }
3171
- .section-understated.group-right::before,
3172
- .bg-s1 .group-right::before,
3173
- .section-understated.group-left::after,
3174
- .bg-s1.group-left::after {
3175
- border-bottom-color: #ededef;
3176
- }
3177
- .section-inverted.group-right::before, .section-inverted.group-left::after {
3178
- border-bottom-color: #222222;
3179
- }
3180
- }
3181
- /* -----------------------------------------
3182
- BACK-TO-TOP / RETURN TOP
3183
- /source/scss/colortheme/cs-return-top.scss
3184
- ----------------------------------------- */
3185
- .return-top {
3186
- border-color: #545351;
3187
- color: #545351;
3188
- }
3189
- .return-top.is-visible:hover, .return-top.is-visible:focus {
3190
- color: #42413f;
3191
- border-color: #42413f;
3192
- }
3193
-
3194
- /* -----------------------------------------
3195
- SIDE NAVIGATION
3196
- /source/scss/colortheme/cs-side-navigation.scss
3197
- ----------------------------------------- */
3198
- .side-navigation ul li a.active::before,
3199
- .list-navigation li a.active::before {
3200
- border-left-color: #ffce2b;
3201
- }
3202
-
3203
- /* MOBILE */
3204
- .sidenav-mobile-btn {
3205
- background-color: #ededef;
3206
- }
3207
- .sidenav-mobile-btn .sidenav-toggle {
3208
- color: #545351;
3209
- }
3210
- .sidenav-mobile-btn .sidenav-toggle:hover, .sidenav-mobile-btn .sidenav-toggle:focus {
3211
- color: #42413f;
3212
- }
3213
-
3214
- .mobile-sidenav {
3215
- background-color: #191919;
3216
- }
3217
- .mobile-sidenav .list-navigation li a,
3218
- .mobile-sidenav .side-navigation ul li a {
3219
- color: #fff;
3220
- border-bottom-color: #191919;
3221
- }
3222
- .mobile-sidenav .list-navigation li a:hover, .mobile-sidenav .list-navigation li a:focus,
3223
- .mobile-sidenav .side-navigation ul li a:hover,
3224
- .mobile-sidenav .side-navigation ul li a:focus {
3225
- color: #fff;
3226
- background-color: #2b2b2b;
3227
- }
3228
- .mobile-sidenav .list-navigation li a.active,
3229
- .mobile-sidenav .side-navigation ul li a.active {
3230
- background-color: #2b2b2b;
3231
- }
3232
- .mobile-sidenav .list-navigation li a.active::before,
3233
- .mobile-sidenav .side-navigation ul li a.active::before {
3234
- color: #fff;
3235
- border-left-color: #ffce2b;
3236
- }
3237
- .mobile-sidenav .list-navigation li a.active:hover, .mobile-sidenav .list-navigation li a.active:focus,
3238
- .mobile-sidenav .side-navigation ul li a.active:hover,
3239
- .mobile-sidenav .side-navigation ul li a.active:focus {
3240
- color: #fff;
3241
- background-color: #191919;
3242
- }
3243
- .mobile-sidenav .list-navigation li a ul li a.active::before,
3244
- .mobile-sidenav .side-navigation ul li a ul li a.active::before {
3245
- border-left-color: #ffce2b;
3246
- }
3247
-
3248
- /* DESKTOP */
3249
- @media (min-width: 992px) {
3250
- .list-navigation li a,
3251
- .side-navigation ul li a {
3252
- color: #5e5e6a;
3253
- }
3254
- .list-navigation li a:hover,
3255
- .side-navigation ul li a:hover {
3256
- color: #3b3a48;
3257
- }
3258
- .list-navigation li a.active::before,
3259
- .side-navigation ul li a.active::before {
3260
- border-left-color: #ffce2b;
3261
- }
3262
- .list-navigation li ul li a.active::before,
3263
- .side-navigation ul li ul li a.active::before {
3264
- border-left-color: #ffce2b;
3265
- }
3266
- a.sidenav {
3267
- color: #5e5e6a;
3268
- }
3269
- a.sidenav:hover {
3270
- color: #3b3a48;
3271
- }
3272
- a.sidenav.active::before {
3273
- border-left-color: #ffce2b;
3274
- }
3275
- }
3276
- /* bootstrap side navigation */
3277
- .list-group-item.active {
3278
- background-color: #545351;
3279
- border-color: #545351;
3280
- }
3281
- .list-group-item.active:hover {
3282
- background-color: #42413f !important;
3283
- border-color: #42413f;
3284
- }
3285
-
3286
- .list-group.section-standout .list-group-item,
3287
- .list-group.section-standout .list-group-item > button {
3288
- background-color: #191919 !important;
3289
- color: #ffffff !important;
3290
- }
3291
- .list-group.section-standout .list-group-item:hover, .list-group.section-standout .list-group-item:focus, .list-group.section-standout .list-group-item.open,
3292
- .list-group.section-standout .list-group-item > button:hover,
3293
- .list-group.section-standout .list-group-item > button:focus,
3294
- .list-group.section-standout .list-group-item > button.open {
3295
- background: #070707 !important;
3296
- color: #ffffff !important;
3297
- }
3298
- .list-group.section-standout .list-group-item.active,
3299
- .list-group.section-standout .list-group-item > button.active {
3300
- background-color: #fff !important;
3301
- border-color: #191919;
3302
- color: #191919 !important;
3303
- }
3304
- .list-group.section-standout .list-group-item.active:hover, .list-group.section-standout .list-group-item.active:focus,
3305
- .list-group.section-standout .list-group-item > button.active:hover,
3306
- .list-group.section-standout .list-group-item > button.active:focus {
3307
- background-color: #f8f9fa !important;
3308
- border-color: #191919;
3309
- }
3310
-
3311
- .list-group.section-overstated .list-group-item,
3312
- .list-group.section-overstated .list-group-item > button {
3313
- background: #545351 !important;
3314
- color: #ffffff !important;
3315
- }
3316
- .list-group.section-overstated .list-group-item:hover, .list-group.section-overstated .list-group-item:focus, .list-group.section-overstated .list-group-item.open,
3317
- .list-group.section-overstated .list-group-item > button:hover,
3318
- .list-group.section-overstated .list-group-item > button:focus,
3319
- .list-group.section-overstated .list-group-item > button.open {
3320
- background: #42413f !important;
3321
- color: #ffffff !important;
3322
- }
3323
- .list-group.section-overstated .list-group-item.active,
3324
- .list-group.section-overstated .list-group-item > button.active {
3325
- background-color: #fff !important;
3326
- border-color: #545351;
3327
- color: #545351 !important;
3328
- }
3329
- .list-group.section-overstated .list-group-item.active:hover, .list-group.section-overstated .list-group-item.active:focus,
3330
- .list-group.section-overstated .list-group-item > button.active:hover,
3331
- .list-group.section-overstated .list-group-item > button.active:focus {
3332
- background-color: #f8f9fa !important;
3333
- border-color: #545351;
3334
- }
3335
-
3336
- .list-group.section-impact .list-group-item,
3337
- .list-group.section-impact .list-group-item > button {
3338
- background: #191919 !important;
3339
- color: #ffffff !important;
3340
- }
3341
- .list-group.section-impact .list-group-item:hover, .list-group.section-impact .list-group-item:focus,
3342
- .list-group.section-impact .list-group-item > button:hover,
3343
- .list-group.section-impact .list-group-item > button:focus {
3344
- background: #070707 !important;
3345
- color: #ffffff !important;
3346
- }
3347
- .list-group.section-impact .list-group-item.active,
3348
- .list-group.section-impact .list-group-item > button.active {
3349
- background-color: #fff !important;
3350
- border-color: #191919;
3351
- color: #191919 !important;
3352
- }
3353
- .list-group.section-impact .list-group-item.active:hover, .list-group.section-impact .list-group-item.active:focus,
3354
- .list-group.section-impact .list-group-item > button.active:hover,
3355
- .list-group.section-impact .list-group-item > button.active:focus {
3356
- background-color: #f8f9fa !important;
3357
- border-color: #191919;
3358
- }
3359
-
3360
- .list-group.section-primary .list-group-item,
3361
- .list-group.section-primary .list-group-item > button {
3362
- background: #545351 !important;
3363
- color: #ffffff !important;
3364
- }
3365
- .list-group.section-primary .list-group-item:hover, .list-group.section-primary .list-group-item:focus, .list-group.section-primary .list-group-item.open,
3366
- .list-group.section-primary .list-group-item > button:hover,
3367
- .list-group.section-primary .list-group-item > button:focus,
3368
- .list-group.section-primary .list-group-item > button.open {
3369
- background: #42413f !important;
3370
- color: #ffffff !important;
3371
- }
3372
- .list-group.section-primary .list-group-item.active,
3373
- .list-group.section-primary .list-group-item > button.active {
3374
- background-color: #fff !important;
3375
- border-color: #545351;
3376
- color: #545351 !important;
3377
- }
3378
- .list-group.section-primary .list-group-item.active:hover, .list-group.section-primary .list-group-item.active:focus,
3379
- .list-group.section-primary .list-group-item > button.active:hover,
3380
- .list-group.section-primary .list-group-item > button.active:focus {
3381
- background-color: #f8f9fa !important;
3382
- border-color: #545351;
3383
- }
3384
-
3385
- .list-group.section-inverted .list-group-item,
3386
- .list-group.section-inverted .list-group-item > button {
3387
- background: #222222 !important;
3388
- color: #fff !important;
3389
- }
3390
- .list-group.section-inverted .list-group-item:hover, .list-group.section-inverted .list-group-item:focus, .list-group.section-inverted .list-group-item.open,
3391
- .list-group.section-inverted .list-group-item > button:hover,
3392
- .list-group.section-inverted .list-group-item > button:focus,
3393
- .list-group.section-inverted .list-group-item > button.open {
3394
- background: #111111 !important;
3395
- color: #fff !important;
3396
- }
3397
- .list-group.section-inverted .list-group-item.active,
3398
- .list-group.section-inverted .list-group-item > button.active {
3399
- background-color: #fff !important;
3400
- border-color: #191919;
3401
- color: #191919 !important;
3402
- }
3403
- .list-group.section-inverted .list-group-item.active:hover, .list-group.section-inverted .list-group-item.active:focus,
3404
- .list-group.section-inverted .list-group-item > button.active:hover,
3405
- .list-group.section-inverted .list-group-item > button.active:focus {
3406
- background-color: #f8f9fa !important;
3407
- border-color: #191919;
3408
- }
3409
-
3410
- .list-group.section-danger .list-group-item,
3411
- .list-group.section-danger .list-group-item > button {
3412
- background: #cd402d !important;
3413
- color: #ffffff !important;
3414
- }
3415
- .list-group.section-danger .list-group-item:hover, .list-group.section-danger .list-group-item:focus, .list-group.section-danger .list-group-item.open,
3416
- .list-group.section-danger .list-group-item > button:hover,
3417
- .list-group.section-danger .list-group-item > button:focus,
3418
- .list-group.section-danger .list-group-item > button.open {
3419
- background: #b03727 !important;
3420
- color: #ffffff !important;
3421
- }
3422
- .list-group.section-danger .list-group-item.active,
3423
- .list-group.section-danger .list-group-item > button.active {
3424
- background-color: #fff !important;
3425
- border-color: #cd402d;
3426
- color: #cd402d !important;
3427
- }
3428
- .list-group.section-danger .list-group-item.active:hover, .list-group.section-danger .list-group-item.active:focus,
3429
- .list-group.section-danger .list-group-item > button.active:hover,
3430
- .list-group.section-danger .list-group-item > button.active:focus {
3431
- background-color: #f8f9fa !important;
3432
- border-color: #cd402d;
3433
- }
3434
-
3435
- .list-group.section-understated .list-group-item,
3436
- .list-group.section-understated .list-group-item > button {
3437
- background: #ededef !important;
3438
- }
3439
- .list-group.section-understated .list-group-item:hover, .list-group.section-understated .list-group-item:focus, .list-group.section-understated .list-group-item.open,
3440
- .list-group.section-understated .list-group-item > button:hover,
3441
- .list-group.section-understated .list-group-item > button:focus,
3442
- .list-group.section-understated .list-group-item > button.open {
3443
- background: #dadade !important;
3444
- }
3445
- .list-group.section-understated .list-group-item.active,
3446
- .list-group.section-understated .list-group-item > button.active {
3447
- background-color: #545351 !important;
3448
- border-color: #545351;
3449
- color: #fff !important;
3450
- }
3451
- .list-group.section-understated .list-group-item.active:hover, .list-group.section-understated .list-group-item.active:focus,
3452
- .list-group.section-understated .list-group-item > button.active:hover,
3453
- .list-group.section-understated .list-group-item > button.active:focus {
3454
- background-color: #42413f !important;
3455
- border-color: #42413f !important;
3456
- }
3457
-
3458
- .list-group.section-default .list-group-item,
3459
- .list-group.section-default .list-group-item > button {
3460
- background: whitesmoke !important;
3461
- }
3462
- .list-group.section-default .list-group-item:hover, .list-group.section-default .list-group-item:focus, .list-group.section-default .list-group-item.open,
3463
- .list-group.section-default .list-group-item > button:hover,
3464
- .list-group.section-default .list-group-item > button:focus,
3465
- .list-group.section-default .list-group-item > button.open {
3466
- background: #e3e3e3 !important;
3467
- }
3468
- .list-group.section-default .list-group-item.active,
3469
- .list-group.section-default .list-group-item > button.active {
3470
- background-color: #545351 !important;
3471
- border-color: #545351;
3472
- color: #fff !important;
3473
- }
3474
- .list-group.section-default .list-group-item.active:hover, .list-group.section-default .list-group-item.active:focus,
3475
- .list-group.section-default .list-group-item > button.active:hover,
3476
- .list-group.section-default .list-group-item > button.active:focus {
3477
- background-color: #42413f !important;
3478
- border-color: #42413f !important;
3479
- }
3480
-
3481
- /* -----------------------------------------
3482
- STEP LIST
3483
- /source/scss/colortheme/cs-step-list.scss
3484
- ----------------------------------------- */
3485
- .cagov-step-list li {
3486
- border-color: #ffce2b;
3487
- }
3488
- .cagov-step-list li::before {
3489
- border-color: #ffce2b;
3490
- }
3491
-
3492
- /* -----------------------------------------
3493
- ACCORDION SIDE NAVIGATION
3494
- /source/scss/colortheme/cs-accordion-sidenav.scss
3495
- ----------------------------------------- */
3496
- cagov-accordion.sidenav details summary {
3497
- color: #5e5e6a;
3498
- }
3499
- cagov-accordion.sidenav details summary:hover, cagov-accordion.sidenav details summary:focus {
3500
- color: #000;
3501
- }
3502
- cagov-accordion.sidenav details summary.active {
3503
- color: #5e5e6a !important;
3504
- }
3505
- cagov-accordion.sidenav details summary.active:hover, cagov-accordion.sidenav details summary.active:focus {
3506
- color: #000 !important;
3507
- }
3508
- cagov-accordion.sidenav details summary.active::before {
3509
- background-color: #ffce2b !important;
3510
- }
3511
-
3512
- .side-subnav li a {
3513
- color: #4a4958;
3514
- }
3515
- .side-subnav li a:hover, .side-subnav li a:focus {
3516
- color: #000;
3517
- }
3518
- .side-subnav li a.active::before {
3519
- border-left-color: #ffce2b;
3520
- }
3521
-
3522
- .side-nav .accordion .accordion__heading .accordion__trigger {
3523
- color: #4a4958;
3524
- }
3525
- .side-nav .accordion .accordion__heading.active .accordion__trigger {
3526
- background-color: #545351, 7%;
3527
- }
3528
- .side-nav .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav .accordion .accordion__heading.active .accordion__trigger:focus {
3529
- background-color: #42413f !important;
3530
- }
3531
-
3532
- .side-nav.section-understated .accordion .accordion__heading .accordion__trigger {
3533
- color: #4a4958;
3534
- }
3535
- .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger {
3536
- background-color: #545351 !important;
3537
- }
3538
- .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:focus {
3539
- background-color: #42413f !important;
3540
- }
3541
-
3542
- .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger {
3543
- color: #4a4958 !important;
3544
- background-color: #fafafa !important;
3545
- }
3546
- .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:focus {
3547
- color: #000 !important;
3548
- background-color: #ededef !important;
3549
- }
3550
-
3551
- .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger {
3552
- color: #4a4958 !important;
3553
- background-color: #fafafa !important;
3554
- }
3555
- .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:focus {
3556
- color: #000 !important;
3557
- background-color: #ededef !important;
3558
- }
3559
-
3560
- /* -----------------------------------------
3561
- ALERT
3562
- /source/scss/colortheme/cs-alert.scss
3563
- ----------------------------------------- */
3564
- .alert-banner {
3565
- background-color: #191919;
3566
- color: #fff;
3567
- }
3568
- .alert-banner a:not(.btn),
3569
- .alert-banner .close {
3570
- color: #fff;
3571
- }
3572
- .alert-banner a:not(.btn):focus, .alert-banner a:not(.btn):hover,
3573
- .alert-banner .close:focus,
3574
- .alert-banner .close:hover {
3575
- color: #ffce2b;
3576
- }
3577
-
3578
- .alert-warning {
3579
- color: #8a6d3b;
3580
- background-color: #fcf8e3;
3581
- }
3582
- .alert-warning a:not(.btn),
3583
- .alert-warning .close {
3584
- color: #8a6d3b;
3585
- }
3586
- .alert-warning a:not(.btn):focus, .alert-warning a:not(.btn):hover,
3587
- .alert-warning .close:focus,
3588
- .alert-warning .close:hover {
3589
- color: #715930;
3590
- }
3591
-
3592
- .alert-info {
3593
- color: #31708f;
3594
- background-color: #d9edf7;
3595
- }
3596
- .alert-info a:not(.btn),
3597
- .alert-info .close {
3598
- color: #31708f;
3599
- }
3600
- .alert-info a:not(.btn):focus, .alert-info a:not(.btn):hover,
3601
- .alert-info .close:focus,
3602
- .alert-info .close:hover {
3603
- color: #1f465a;
3604
- }
3605
-
3606
- .alert-danger {
3607
- color: #a94442;
3608
- background-color: #f2dede;
3609
- }
3610
- .alert-danger a:not(.btn),
3611
- .alert-danger .close {
3612
- color: #a94442;
3613
- }
3614
- .alert-danger a:not(.btn):focus, .alert-danger a:not(.btn):hover,
3615
- .alert-danger .close:focus,
3616
- .alert-danger .close:hover {
3617
- color: #762f2e;
3618
- }
3619
-
3620
- .alert-success {
3621
- color: #3c763d;
3622
- background-color: #dff0d8;
3623
- }
3624
- .alert-success a:not(.btn),
3625
- .alert-success .close {
3626
- color: #3c763d;
3627
- }
3628
- .alert-success a:not(.btn):focus, .alert-success a:not(.btn):hover,
3629
- .alert-success .close:focus,
3630
- .alert-success .close:hover {
3631
- color: #244725;
3632
- }
3633
-
3634
- .alert-severe {
3635
- color: #4a4958 !important;
3636
- background-color: #ffce2b;
3637
- }
3638
- .alert-severe a:not(.btn),
3639
- .alert-severe .close {
3640
- color: #4a4958 !important;
3641
- }
3642
- .alert-severe a:not(.btn):focus, .alert-severe a:not(.btn):hover,
3643
- .alert-severe .close:focus,
3644
- .alert-severe .close:hover {
3645
- color: #000 !important;
3646
- }
3647
-
3648
- /* -----------------------------------------
3649
- LINK GRID
3650
- /source/scss/colortheme/cs-link-grid.scss
3651
- ----------------------------------------- */
3652
- .link-grid {
3653
- color: #545351;
3654
- border-bottom: 4px solid #545351;
3655
- }
3656
- .link-grid:hover, .link-grid:focus {
3657
- color: #42413f;
3658
- }
3659
-
3660
- .bg-primary .link-grid {
3661
- border-color: #fff;
3662
- }
3663
- .bg-primary .link-grid:hover, .bg-primary .link-grid:focus {
3664
- background-color: #42413f;
3665
- }
3666
-
3667
- /* -----------------------------------------
3668
- COMMENT
3669
- /source/scss/colortheme/cs-blockquote.scss
3670
- ----------------------------------------- */
3671
- blockquote {
3672
- border-color: #545351;
3673
- }
3674
- blockquote::before {
3675
- color: #545351;
3676
- }
3677
- blockquote.prominent {
3678
- background-color: #545351;
3679
- color: #fff;
3680
- }
3681
- blockquote.prominent::before {
3682
- color: #fff;
3683
- }
3684
- blockquote.prominent p,
3685
- blockquote.prominent footer {
3686
- color: #fff;
3687
- }
3688
-
3689
- /* -----------------------------------------
3690
- CARDS
3691
- /source/scss/colortheme/cs-executive-profile.scss
3692
- ----------------------------------------- */
3693
- .executive-profile {
3694
- background-color: #ededef;
3695
- }
3696
-
3697
- .executive-profile.dark .executive-profile-body {
3698
- border-left-color: #fff;
3699
- }
3700
- .executive-profile.dark p,
3701
- .executive-profile.dark .executive-name,
3702
- .executive-profile.dark a {
3703
- color: #fff;
3704
- }
3705
- .executive-profile.dark a:hover,
3706
- .executive-profile.dark a:focus {
3707
- color: #ffce2b;
3708
- }
3709
-
3710
- /* -----------------------------------------
3711
- UTILITY HEADER
3712
- /source/scss/colortheme/cs-utility.scss
3713
- ----------------------------------------- */
3714
- .utility-header {
3715
- background: #ededef;
3716
- color: #000;
3717
- }
3718
- .utility-header a {
3719
- color: #000;
3720
- }
3721
- .utility-header a:hover, .utility-header a:focus, .utility-header a.hovered {
3722
- color: #4a4958;
3723
- }
3724
- .utility-header .social-media-links a {
3725
- color: #000;
3726
- text-decoration: none;
3727
- }
3728
- .utility-header .social-media-links a:hover, .utility-header .social-media-links a:focus {
3729
- color: #4a4958;
3730
- }
3731
- .utility-header button {
3732
- color: #000;
3733
- }
3734
- .utility-header button:hover, .utility-header button:focus {
3735
- color: #4a4958;
3736
- }
3737
- .utility-header ul li {
3738
- padding: 0 8px;
3739
- }
3740
-
3741
- /* -----------------------------------------
3742
- SITE HEADER
3743
- /source/scss/colortheme/cs-site-header.scss
3744
- ----------------------------------------- */
3745
- .toggle-menu span {
3746
- background-color: #545351;
3747
- }
3748
-
3749
- .mobile-controls {
3750
- background: #fff;
3751
- }
3752
-
3753
- .mobile-control {
3754
- color: #72717c;
3755
- }
3756
- .mobile-control a {
3757
- color: #72717c;
3758
- text-decoration: none;
3759
- }
3760
- .mobile-control.toggle-sub-nav {
3761
- color: #545351;
3762
- background-color: #ededef;
3763
- }
3764
- .mobile-control.toggle-sub-nav:hover, .mobile-control.toggle-sub-nav:focus {
3765
- outline: none;
3766
- background-color: #f2f2f4;
4
+ :root {
5
+ --color-p1: #ffce2b;
6
+ --color-p1-dark: #ffc917;
7
+ --color-p1-darker: #ffc607;
8
+ --color-p1-darkest: #e3ae00;
9
+ --color-p1-light: #ffd855;
10
+ --color-p1-lighter: #ffe280;
11
+ --color-p1-lightest: #ffebaa;
12
+ --color-p2: #545351;
13
+ --color-p2-dark: #4a4947;
14
+ --color-p2-darker: #42413f;
15
+ --color-p2-darkest: #302f2e;
16
+ --color-p2-light: #767574;
17
+ --color-p2-lighter: #989897;
18
+ --color-p2-lightest: #bbbab9;
19
+ --color-p3: #191919;
20
+ --color-p3-dark: #0f0f0f;
21
+ --color-p3-darker: #070707;
22
+ --color-p3-darkest: black;
23
+ --color-p3-light: #474747;
24
+ --color-p3-lighter: #757575;
25
+ --color-p3-lightest: #a3a3a3;
26
+ --color-s1: #ededef;
27
+ --color-s1-darker: #e5e5e8;
28
+ --color-s1-lighter: #f6f6f7;
29
+ --color-s2: #d4d4cd;
30
+ --color-s2-dark: #c3c3ba;
31
+ --color-s2-darker: #b3b3a7;
32
+ --color-s3: #b3b2ac;
33
+ --color-s3-dark: #a2a199;
34
+ --color-s3-light: #d1d1cd;
35
+ --color-s3-lighter: #e1e0de;
36
+ --sub-nav-bg: var(--color-s1-lighter);
37
+ --mobile-drawer: var(--color-p3);
38
+ --mobile-drawer-active: var(--color-p3-light);
3767
39
  }