@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,3833 +1,39 @@
1
1
  /* -----------------------------------------
2
2
  SANTABARBARA
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: #ff9b53 !important;
12
- }
13
-
14
- .color-highlight-hover:hover,
15
- .color-highlight-hover:focus {
16
- color: #ffb077 !important;
17
- }
18
-
19
- .color-primary,
20
- .color-p2 {
21
- color: #834b1e;
22
- }
23
-
24
- .color-primary-hover:hover,
25
- .color-primary-hover:focus {
26
- color: #663a17 !important;
27
- }
28
-
29
- .color-standout,
30
- .color-p3 {
31
- color: #664945 !important;
32
- }
33
-
34
- .color-standout-hover:hover,
35
- .color-standout-hover:focus {
36
- color: #513a37 !important;
37
- }
38
-
39
- /* SECONDARY THEME COLORS */
40
- .color-s1 {
41
- color: #f8eee4 !important;
42
- }
43
-
44
- .color-s1-hover:hover,
45
- .color-s1-hover:focus {
46
- color: #f8eee4 !important;
47
- }
48
-
49
- .color-s2 {
50
- color: #f1dac2 !important;
51
- }
52
-
53
- .color-s2-hover:hover,
54
- .color-s2-hover:focus {
55
- color: #f1dac2 !important;
56
- }
57
-
58
- .color-s3 {
59
- color: #e8bd90 !important;
60
- }
61
-
62
- .color-s3-hover:hover,
63
- .color-s3-hover:focus {
64
- color: #e8bd90 !important;
65
- }
66
-
67
- /* background colors */
68
- .bg-highlight,
69
- .bg-p1 {
70
- background-color: #ff9b53 !important;
71
- }
72
-
73
- .bg-highlight-hover:hover,
74
- .bg-highlight-hover:focus {
75
- background-color: #ffb077 !important;
76
- }
77
-
78
- .bg-primary,
79
- .bg-p2 {
80
- background-color: #834b1e !important;
81
- }
82
-
83
- .bg-primary-hover:hover,
84
- .bg-primary-hover:focus {
85
- background-color: #663a17 !important;
86
- }
87
-
88
- .bg-standout,
89
- .bg-p3 {
90
- background-color: #664945 !important;
91
- }
92
-
93
- .bg-standout-hover:hover,
94
- .bg-standout-hover:focus {
95
- background-color: #513a37 !important;
96
- }
97
-
98
- .bg-s1,
99
- .bg-s1-hover:hover,
100
- .bg-s1-hover:focus {
101
- background-color: #f8eee4 !important;
102
- }
103
-
104
- .bg-s1-hover-color,
105
- .bg-s1-hover-color:hover,
106
- .bg-s1-hover-color:focus {
107
- background-color: #f1dcc8 !important;
108
- }
109
-
110
- .bg-s2,
111
- .bg-s2-hover:hover,
112
- .bg-s2-hover:focus {
113
- background-color: #f1dac2 !important;
114
- }
115
-
116
- .bg-s2-hover-color,
117
- .bg-s2-hover-color:hover,
118
- .bg-s2-hover-color:focus {
119
- background-color: #eac8a5 !important;
120
- }
121
-
122
- .bg-s3,
123
- .bg-s3-hover:hover,
124
- .bg-s3-hover:focus {
125
- background-color: #e8bd90 !important;
126
- }
127
-
128
- .bg-s3-hover-color,
129
- .bg-s3-hover-color:hover,
130
- .bg-s3-hover-color:focus {
131
- background-color: #e2ab72 !important;
132
- }
133
-
134
- .bg-primary-light {
135
- background-color: #cdb7a5 !important;
136
- }
137
-
138
- .bg-primary-light-hover:hover,
139
- .bg-primary-light-hover:focus {
140
- background-color: #cdb7a5 !important;
141
- }
142
-
143
- .bg-highlight-light {
144
- background-color: #ffcda9 !important;
145
- }
146
-
147
- .bg-highlight-light-hover:hover,
148
- .bg-highlight-light-hover:focus {
149
- background-color: #ffcda9 !important;
150
- }
151
-
152
- .bg-standout-light {
153
- background-color: #c2b6b5 !important;
154
- }
155
-
156
- .bg-standout-light-hover:hover,
157
- .bg-standout-light-hover:focus {
158
- background-color: #c2b6b5 !important;
159
- }
160
-
161
- .bg-secondary-light {
162
- background-color: #f1d7bc !important;
163
- }
164
-
165
- .bg-secondary-light-hover:hover,
166
- .bg-secondary-light-hover:focus {
167
- background-color: #f1d7bc !important;
168
- }
169
-
170
- .bg-secondary-before::before,
171
- .bg-secondary-after::after {
172
- background-color: #e8bd90 !important;
173
- }
174
-
175
- .bg-highlight-before::before,
176
- .bg-highlight-after::after {
177
- background-color: #ff9b53 !important;
178
- }
179
-
180
- .bg-standout-before::before,
181
- .bg-standout-after::after {
182
- background-color: #664945 !important;
183
- }
184
-
185
- .bg-primary-before::before,
186
- .bg-primary-after::after {
187
- background-color: #834b1e !important;
188
- }
189
-
190
- /* border colors */
191
- .brd-primary {
192
- border-color: #834b1e !important;
193
- }
194
-
195
- .brd-primary-light {
196
- border-color: #cdb7a5 !important;
197
- }
198
-
199
- .brd-primary-dark {
200
- border-color: #5a3314 !important;
201
- }
202
-
203
- .brd-standout {
204
- border-color: #664945 !important;
205
- }
206
-
207
- .brd-standout-light {
208
- border-color: #c2b6b5 !important;
209
- }
210
-
211
- .brd-standout-dark {
212
- border-color: #483330 !important;
213
- }
214
-
215
- .brd-highlight {
216
- border-color: #ff9b53 !important;
217
- }
218
-
219
- .brd-highlight-light {
220
- border-color: #ffaf75 !important;
221
- }
222
-
223
- .brd-highlight-dark {
224
- border-color: #ff7d20 !important;
225
- }
226
-
227
- .brd-s1 {
228
- border-color: #f8eee4 !important;
229
- }
230
-
231
- .brd-s2 {
232
- border-color: #f1dac2 !important;
233
- }
234
-
235
- .brd-s3 {
236
- border-color: #e8bd90 !important;
237
- }
238
-
239
- .brd-primary-light-before::before,
240
- .brd-primary-light-after::after {
241
- border-color: #cdb7a5 !important;
242
- }
243
-
244
- .brd-highlight-light-before::before,
245
- .brd-highlight-light-after::after {
246
- border-color: #ffcda9 !important;
247
- }
248
-
249
- .brd-standout-light-before::before,
250
- .brd-standout-light-after::after {
251
- border-color: #c2b6b5 !important;
252
- }
253
-
254
- .brd-secondary-light-before::before,
255
- .brd-secondary-light-after::after {
256
- border-color: #f1d7bc !important;
257
- }
258
-
259
- /* Underline colors */
260
- .underline-primary {
261
- background-image: linear-gradient(to right, #834b1e 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, #834b1e 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, #ff9b53 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, #ff9b53 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, #664945 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, #664945 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: #834b1e;
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 #834b1e;
345
- color: #834b1e;
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: #ff9b53;
354
- }
355
- .explore-invite a:hover .explore-title {
356
- color: #ff9b53;
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: #834b1e;
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: #834b1e;
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: #fffffe;
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: #834b1e;
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: #834b1e;
424
- }
425
-
426
- .first-level-link,
427
- .first-level-btn {
428
- color: #834b1e;
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: #7b5853 !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: #664945 !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: #7b5853 !important;
461
- color: #fff !important;
462
- }
463
- }
464
-
465
- .second-level-link {
466
- color: #834b1e;
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: #664945;
474
- }
475
- .second-level-link.active {
476
- background-color: #7b5853;
477
- }
478
- .second-level-link.active:hover, .second-level-link.active:focus {
479
- background-color: #664945;
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: white;
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: white;
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: #834b1e;
538
- }
539
- /* full width navigation */
540
- .nav-full-width {
541
- background: #834b1e;
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: #623816;
547
- }
548
- .nav-full-width .main-navigation .nav-item.active {
549
- background-color: #6e3f19;
550
- }
551
- }
552
- @media (max-width: 991px) {
553
- .nav-item.active .first-level-btn {
554
- background-color: #7b5853 !important;
555
- color: #fff !important;
556
- }
557
- .nav-item.active .first-level-btn:hover, .nav-item.active .first-level-btn:focus {
558
- background-color: #664945 !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: #834b1e;
567
- }
568
-
569
- /* Dark Mobile menu */
570
- @media (max-width: 991px) {
571
- .navigation-search {
572
- background-color: #664945;
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: #834b1e;
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: #663a17;
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: #e8bd90;
653
- }
654
-
655
- .tabs [role=tablist] [aria-selected]::after {
656
- border-color: #ff9b53;
657
- }
658
-
659
- .nav-tabs .nav-link.active::after {
660
- border-color: #ff9b53;
661
- }
662
-
663
- @media (max-width: 767px) {
664
- .responsive .tab-pane .card-header a[aria-expanded=true]::before {
665
- border-left-color: #ff9b53;
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: #664945;
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: #834b1e;
696
- }
697
- a:hover, a:focus {
698
- color: #663a17;
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: #f8eee4;
719
- }
720
- .section-overstated,
721
- .card-overstated {
722
- background: #834b1e;
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: #f8eee4;
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: #834b1e;
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: #663a17;
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: #834b1e !important;
793
- border-color: #ffffff;
794
- }
795
- .section-overstated .btn-primary .badge,
796
- .card-overstated .btn-primary .badge {
797
- color: #834b1e;
798
- background-color: #fff;
799
- }
800
- .section-overstated .btn-standout,
801
- .card-overstated .btn-standout {
802
- color: #fff;
803
- background-color: #664945;
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: #513a37;
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: #664945 !important;
847
- border-color: #ffffff;
848
- }
849
- .section-overstated .btn-standout .badge,
850
- .card-overstated .btn-standout .badge {
851
- color: #664945;
852
- background-color: #fff;
853
- }
854
- .section-standout,
855
- .card-standout {
856
- background: #664945;
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: #e3b484;
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: #ff9b53;
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: #834b1e;
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: #663a17;
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: #834b1e !important;
945
- border-color: #ffffff;
946
- }
947
- .section-standout .btn-primary .badge,
948
- .card-standout .btn-primary .badge {
949
- color: #834b1e;
950
- background-color: #fff;
951
- }
952
- .section-standout .btn-standout,
953
- .card-standout .btn-standout {
954
- color: #fff;
955
- background-color: #664945;
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: #513a37;
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: #664945 !important;
999
- border-color: #ffffff;
1000
- }
1001
- .section-standout .btn-standout .badge,
1002
- .card-standout .btn-standout .badge {
1003
- color: #664945;
1004
- background-color: #fff;
1005
- }
1006
- .section-impact,
1007
- .card-impact {
1008
- background: #664945;
1009
- color: #ffffff;
1010
- }
1011
- .section-impact a:not(.btn),
1012
- .card-impact a:not(.btn) {
1013
- color: #e8bd90;
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: #e3b484;
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: #834b1e;
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: #663a17;
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: #834b1e !important;
1087
- border-color: #ffffff;
1088
- }
1089
- .section-impact .btn-primary .badge,
1090
- .card-impact .btn-primary .badge {
1091
- color: #834b1e;
1092
- background-color: #fff;
1093
- }
1094
- .section-impact .btn-standout,
1095
- .card-impact .btn-standout {
1096
- color: #fff;
1097
- background-color: #664945;
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: #513a37;
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: #664945 !important;
1141
- border-color: #ffffff;
1142
- }
1143
- .section-impact .btn-standout .badge,
1144
- .card-impact .btn-standout .badge {
1145
- color: #664945;
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: #f1dac2;
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: #f1dac2;
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: #f1dac2;
1206
- padding: 0 5px;
1207
- }
1208
- .section-primary,
1209
- .card-primary {
1210
- background: #834b1e;
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: #f8eee4;
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: #834b1e;
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: #663a17;
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: #834b1e !important;
1281
- border-color: #ffffff;
1282
- }
1283
- .section-primary .btn-primary .badge,
1284
- .card-primary .btn-primary .badge {
1285
- color: #834b1e;
1286
- background-color: #fff;
1287
- }
1288
- .section-primary .btn-standout,
1289
- .card-primary .btn-standout {
1290
- color: #fff;
1291
- background-color: #664945;
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: #513a37;
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: #664945 !important;
1335
- border-color: #ffffff;
1336
- }
1337
- .section-primary .btn-standout .badge,
1338
- .card-primary .btn-standout .badge {
1339
- color: #664945;
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: #e8bd90;
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: #e2ab72;
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: #834b1e;
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: #663a17;
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: #834b1e !important;
1415
- border-color: #ffffff;
1416
- }
1417
- .section-inverted .btn-primary .badge,
1418
- .card-inverted .btn-primary .badge {
1419
- color: #834b1e;
1420
- background-color: #fff;
1421
- }
1422
- .section-inverted .btn-standout,
1423
- .card-inverted .btn-standout {
1424
- color: #fff;
1425
- background-color: #664945;
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: #513a37;
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: #664945 !important;
1469
- border-color: #ffffff;
1470
- }
1471
- .section-inverted .btn-standout .badge,
1472
- .card-inverted .btn-standout .badge {
1473
- color: #664945;
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: #f8eee4;
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: #e8bd90;
1545
- text-decoration: none;
1546
- }
1547
- .bg-standout a:not(.btn):hover, .bg-standout a:not(.btn):focus {
1548
- color: #e3b484;
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: #834b1e;
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: #f8eee4;
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: #e8bd90;
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: #664945;
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: #f8eee4;
1688
- }
1689
- .testimonial-overstated {
1690
- background: #e8bd90;
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: #664945;
1714
- color: #ffffff;
1715
- }
1716
- .testimonial-standout a:not(.btn) {
1717
- color: #ff9b53;
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: #834b1e;
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: #f8eee4;
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: #ff9b53;
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: #ff9b53;
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: #f8eee4;
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: #e8bd90;
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: #e2ab72;
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: #e8bd90;
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: #e8bd90;
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: #664945;
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: #f8ebde;
2108
- --bs-btn-border-color: #ddd;
2109
- --bs-btn-hover-color: #000;
2110
- --bs-btn-hover-bg: #f9eee3;
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: #f9efe5;
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: #f8ebde;
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: #fff;
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: #834b1e;
2140
- border-color: #5a3314;
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: #834b1e;
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: #623816;
2212
- --bs-btn-border-color: #5a3314;
2213
- --bs-btn-hover-color: #fff;
2214
- --bs-btn-hover-bg: #533013;
2215
- --bs-btn-hover-border-color: #482910;
2216
- --bs-btn-focus-shadow-rgb: 115, 82, 55;
2217
- --bs-btn-active-color: #fff;
2218
- --bs-btn-active-bg: #4e2d12;
2219
- --bs-btn-active-border-color: #44260f;
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: #623816;
2223
- --bs-btn-disabled-border-color: #5a3314;
2224
- }
2225
- .panel-overstated .panel-body,
2226
- .panel-overstated .card-body,
2227
- .card-overstated .panel-body,
2228
- .card-overstated .card-body {
2229
- background: #f8eee4;
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: #f8eee4;
2275
- border-color: #ddd;
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: #f8eee4;
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: #664945;
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: #f0dac4;
2347
- --bs-btn-border-color: #ddd;
2348
- --bs-btn-hover-color: #000;
2349
- --bs-btn-hover-bg: #f2e0cd;
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: #f3e1d0;
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: #f0dac4;
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: #664945;
2379
- border-color: #ff9b53;
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: #664945;
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: #ff9b53;
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: #4e3835;
2451
- --bs-btn-border-color: #573e3b;
2452
- --bs-btn-hover-color: #fff;
2453
- --bs-btn-hover-bg: #42302d;
2454
- --bs-btn-hover-border-color: #46322f;
2455
- --bs-btn-focus-shadow-rgb: 112, 91, 88;
2456
- --bs-btn-active-color: #fff;
2457
- --bs-btn-active-bg: #3e2d2a;
2458
- --bs-btn-active-border-color: #412f2c;
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: #4e3835;
2462
- --bs-btn-disabled-border-color: #573e3b;
2463
- }
2464
- .panel-standout .panel-body,
2465
- .panel-standout .card-body,
2466
- .card-standout .panel-body,
2467
- .card-standout .card-body {
2468
- background: #f8eee4;
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 #664945;
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: #ff9b53 !important;
2552
- }
2553
- .text-accent-p2 {
2554
- color: #834b1e !important;
2555
- }
2556
- .text-accent-p3 {
2557
- color: #664945 !important;
2558
- }
2559
- .text-accent-s1 {
2560
- color: #f8eee4 !important;
2561
- }
2562
- .text-accent-s2 {
2563
- color: #f1dac2 !important;
2564
- }
2565
- .text-accent-s3 {
2566
- color: #e8bd90 !important;
2567
- }
2568
-
2569
- .color-primary--hover:hover {
2570
- color: #834b1e;
2571
- }
2572
-
2573
- .bg-primary--hover:hover {
2574
- background-color: #834b1e;
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: #834b1e;
2586
- }
2587
-
2588
- .label-secondary {
2589
- color: #3b3a48;
2590
- background-color: #f1dac2;
2591
- }
2592
-
2593
- .label-light {
2594
- color: #3b3a48;
2595
- background-color: #f8eee4;
2596
- }
2597
-
2598
- .label-dark {
2599
- color: #fff;
2600
- background-color: #664945;
2601
- }
2602
-
2603
- .label-warning {
2604
- color: #3b3a48;
2605
- background-color: #ff9b53;
2606
- }
2607
-
2608
- .text-highlight-primary {
2609
- background-color: #f8eee4;
2610
- }
2611
-
2612
- .text-highlight-warning {
2613
- background-color: #fffaf6;
2614
- }
2615
-
2616
- .text-highlight-dark {
2617
- color: #fff;
2618
- background-color: #664945;
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: #f6e5d3;
2635
- border: 1px solid #e1a96e;
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: #a3928f;
2642
- border: 1px solid #4e3835;
2643
- }
2644
- .section-primary .img-thumbnail,
2645
- .card-primary .img-thumbnail {
2646
- padding: 0.25rem;
2647
- background-color: #dac9bc;
2648
- border: 1px solid #5a3314;
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: #ff9b53;
2665
- }
2666
- .carousel-video-submenu .owl-item.watching button {
2667
- border-color: #ff9b53;
2668
- }
2669
-
2670
- /* -----------------------------------------
2671
- COMMENT
2672
- /source/scss/colortheme/cs-buttons.scss
2673
- ----------------------------------------- */
2674
- .btn-primary {
2675
- color: #fff;
2676
- background-color: #834b1e;
2677
- border-color: #834b1e;
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: #663a17;
2684
- border-color: #663a17;
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: #834b1e !important;
2695
- border-color: #834b1e;
2696
- }
2697
- .btn-primary .badge {
2698
- color: #834b1e;
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: #834b1e;
2710
- background-color: #fff;
2711
- border-color: #834b1e;
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: #663a17;
2717
- background-color: #fff;
2718
- border-color: #663a17;
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: #834b1e;
2730
- }
2731
- .btn-outline-primary .badge {
2732
- color: #fff;
2733
- background-color: #834b1e;
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: #664945;
2767
- border-color: #664945;
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: #513a37;
2774
- border-color: #513a37;
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: #664945 !important;
2785
- border-color: #664945;
2786
- }
2787
- .btn-standout .badge {
2788
- color: #664945;
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: #664945;
2800
- background-color: #fff;
2801
- border-color: #664945;
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: #513a37;
2807
- background-color: #fff;
2808
- border-color: #513a37;
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: #664945;
2820
- }
2821
- .btn-outline-standout .badge {
2822
- color: #fff;
2823
- background-color: #664945;
2824
- }
2825
-
2826
- .btn-highlight {
2827
- color: #000;
2828
- background-color: #ffb077;
2829
- border-color: #ffb077;
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: #ffc59a;
2836
- border-color: #ffc59a;
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: #ffb077 !important;
2847
- border-color: #ffb077;
2848
- }
2849
- .btn-highlight .badge {
2850
- color: #ffb077;
2851
- background-color: #000;
2852
- }
2853
-
2854
- .btn-outline-highlight {
2855
- color: #000;
2856
- background-color: transparent;
2857
- border-color: #ffb077;
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: #ffc59a;
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: #ffb077;
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: #f8eee4;
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: #f8eee4 !important;
2941
- border-color: #555555;
2942
- }
2943
- .btn-s1 .badge {
2944
- color: #f8eee4;
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: #834b1e;
3041
- border-color: #834b1e;
3042
- }
3043
-
3044
- .check-icon-checkbox {
3045
- border-color: #834b1e;
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: #834b1e;
3054
- border-color: #834b1e;
3055
- }
3056
-
3057
- .bg-primary--checked.checked,
3058
- .checked .bg-primary--checked {
3059
- background-color: #834b1e !important;
3060
- }
3061
-
3062
- /* -----------------------------------------
3063
- FORM
3064
- /source/scss/colortheme/cs-form.scss
3065
- ----------------------------------------- */
3066
- .custom-file-label::after {
3067
- background-color: #834b1e;
3068
- }
3069
-
3070
- .check-icon-radio {
3071
- color: #834b1e;
3072
- border-color: #834b1e;
3073
- }
3074
-
3075
- .check-icon-checkbox {
3076
- border-color: #834b1e;
3077
- }
3078
-
3079
- input[type=checkbox]:checked + i,
3080
- input[type=radio]:checked + i,
3081
- input[type=checkbox]:checked + * i,
3082
- input[type=radio]:checked + * i {
3083
- background-color: #834b1e;
3084
- border-color: #834b1e;
3085
- }
3086
-
3087
- .bg-primary--checked.checked,
3088
- .checked .bg-primary--checked {
3089
- background-color: #834b1e !important;
3090
- }
3091
-
3092
- /* primary Color */
3093
- input[type=checkbox]:checked + .bg-primary--checked,
3094
- input[type=radio]:checked + .bg-primary--checked,
3095
- input[type=checkbox]:checked + * .bg-primary--checked,
3096
- input[type=radio]:checked + * .bg-primary--checked {
3097
- background-color: #834b1e;
3098
- }
3099
-
3100
- /* highlight Color */
3101
- input[type=checkbox]:checked + .bg-highlight--checked,
3102
- input[type=radio]:checked + .bg-highlight--checked,
3103
- input[type=checkbox]:checked + * .bg-highlight--checked,
3104
- input[type=radio]:checked + * .bg-highlight--checked {
3105
- background-color: #ff9b53;
3106
- }
3107
-
3108
- /* Focusable custom checkboxes and radios for accessibility */
3109
- input[type=checkbox]:focus + div,
3110
- input[type=radio]:focus + div {
3111
- box-shadow: 0 0 2px 2px #e8bd90;
3112
- }
3113
-
3114
- .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
3115
- background-color: #834b1e;
3116
- }
3117
-
3118
- .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
3119
- background-color: #834b1e;
3120
- }
3121
-
3122
- .form-check-input:checked,
3123
- .custom-control-input:checked {
3124
- background-color: #834b1e;
3125
- border-color: #834b1e;
3126
- }
3127
-
3128
- /* -----------------------------------------
3129
- COMMENT
3130
- /source/scss/colortheme/cs-blocks.scss
3131
- ----------------------------------------- */
3132
- .bg-blue-gradient {
3133
- background-repeat: repeat-x;
3134
- background-image: linear-gradient(225deg, #d17b36, #834b1e);
3135
- }
3136
-
3137
- .circle-icon {
3138
- background: #222222;
3139
- }
3140
-
3141
- .icon-link:hover, .icon-link:focus {
3142
- color: #f8eee4 !important;
3143
- }
3144
-
3145
- .service-tile-empty {
3146
- background: #1c1d1e;
3147
- color: #171717;
3148
- }
3149
-
3150
- .main-content a.color-gray-dark {
3151
- text-decoration: underline;
3152
- }
3153
- .main-content a.color-primary-hover:hover {
3154
- text-decoration: underline;
3155
- }
3156
-
3157
- /* -----------------------------------------
3158
- PANES
3159
- /source/scss/colortheme/cs-panes.scss
3160
- ----------------------------------------- */
3161
- @media (min-width: 768px) {
3162
- .bg-highlight.group-right::before,
3163
- .bg-p1.group-right::before {
3164
- border-right-color: #ff9b53;
3165
- }
3166
- .bg-highlight.group-left::after,
3167
- .bg-p1.group-left::after {
3168
- border-left-color: #ff9b53;
3169
- }
3170
- .section-primary.group-right::before,
3171
- .bg-primary.group-right::before,
3172
- .bg-p2.group-right::before {
3173
- border-right-color: #834b1e;
3174
- }
3175
- .section-primary.group-left::after,
3176
- .bg-primary.group-left::after,
3177
- .bg-p2.group-left::after {
3178
- border-left-color: #834b1e;
3179
- }
3180
- .section-default.group-right::before {
3181
- border-right-color: whitesmoke;
3182
- }
3183
- .section-default.group-left::after {
3184
- border-left-color: whitesmoke;
3185
- }
3186
- .section-standout.group-right::before,
3187
- .bg-standout.group-right::before,
3188
- .bg-p3.group-right::before {
3189
- border-right-color: #664945;
3190
- }
3191
- .section-standout.group-left::after,
3192
- .bg-standout.group-left::after,
3193
- .bg-p3.group-left::after {
3194
- border-left-color: #664945;
3195
- }
3196
- .section-understated.group-right::before,
3197
- .bg-s1.group-right::before {
3198
- border-right-color: #f8eee4;
3199
- }
3200
- .section-understated.group-left::after,
3201
- .bg-s1.group-left::after {
3202
- border-left-color: #f8eee4;
3203
- }
3204
- .section-inverted.group-right::before {
3205
- border-right-color: #222222;
3206
- }
3207
- .section-inverted.group-left::after {
3208
- border-left-color: #222222;
3209
- }
3210
- }
3211
- @media (max-width: 767px) {
3212
- .bg-highlight.group-right::before,
3213
- .bg-p1.group-right::before,
3214
- .bg-highlight.group-left::after,
3215
- .bg-p1.group-left::after {
3216
- border-bottom-color: #ff9b53;
3217
- }
3218
- .section-primary.group-right::before,
3219
- .bg-primary.group-right::before,
3220
- .bg-p2.group-right::before,
3221
- .section-primary.group-left::after,
3222
- .bg-primary.group-left::after,
3223
- .bg-p2.group-left::after {
3224
- border-bottom-color: #834b1e;
3225
- }
3226
- .section-default.group-right::before, .section-default.group-left::after {
3227
- border-bottom-color: whitesmoke;
3228
- }
3229
- .section-standout.group-right::before,
3230
- .bg-standout.group-right::before,
3231
- .bg-p3.group-right::before,
3232
- .section-standout.group-left::after,
3233
- .bg-standout.group-left::after,
3234
- .bg-p3.group-left::after {
3235
- border-bottom-color: #664945;
3236
- }
3237
- .section-understated.group-right::before,
3238
- .bg-s1 .group-right::before,
3239
- .section-understated.group-left::after,
3240
- .bg-s1.group-left::after {
3241
- border-bottom-color: #f8eee4;
3242
- }
3243
- .section-inverted.group-right::before, .section-inverted.group-left::after {
3244
- border-bottom-color: #222222;
3245
- }
3246
- }
3247
- /* -----------------------------------------
3248
- BACK-TO-TOP / RETURN TOP
3249
- /source/scss/colortheme/cs-return-top.scss
3250
- ----------------------------------------- */
3251
- .return-top {
3252
- border-color: #834b1e;
3253
- color: #834b1e;
3254
- }
3255
- .return-top.is-visible:hover, .return-top.is-visible:focus {
3256
- color: #663a17;
3257
- border-color: #663a17;
3258
- }
3259
-
3260
- /* -----------------------------------------
3261
- SIDE NAVIGATION
3262
- /source/scss/colortheme/cs-side-navigation.scss
3263
- ----------------------------------------- */
3264
- .side-navigation ul li a.active::before,
3265
- .list-navigation li a.active::before {
3266
- border-left-color: #ff9b53;
3267
- }
3268
-
3269
- /* MOBILE */
3270
- .sidenav-mobile-btn {
3271
- background-color: #f8eee4;
3272
- }
3273
- .sidenav-mobile-btn .sidenav-toggle {
3274
- color: #834b1e;
3275
- }
3276
- .sidenav-mobile-btn .sidenav-toggle:hover, .sidenav-mobile-btn .sidenav-toggle:focus {
3277
- color: #663a17;
3278
- }
3279
-
3280
- .mobile-sidenav {
3281
- background-color: #664945;
3282
- }
3283
- .mobile-sidenav .list-navigation li a,
3284
- .mobile-sidenav .side-navigation ul li a {
3285
- color: #fff;
3286
- border-bottom-color: #664945;
3287
- }
3288
- .mobile-sidenav .list-navigation li a:hover, .mobile-sidenav .list-navigation li a:focus,
3289
- .mobile-sidenav .side-navigation ul li a:hover,
3290
- .mobile-sidenav .side-navigation ul li a:focus {
3291
- color: #fff;
3292
- background-color: #7b5853;
3293
- }
3294
- .mobile-sidenav .list-navigation li a.active,
3295
- .mobile-sidenav .side-navigation ul li a.active {
3296
- background-color: #7b5853;
3297
- }
3298
- .mobile-sidenav .list-navigation li a.active::before,
3299
- .mobile-sidenav .side-navigation ul li a.active::before {
3300
- color: #fff;
3301
- border-left-color: #ff9b53;
3302
- }
3303
- .mobile-sidenav .list-navigation li a.active:hover, .mobile-sidenav .list-navigation li a.active:focus,
3304
- .mobile-sidenav .side-navigation ul li a.active:hover,
3305
- .mobile-sidenav .side-navigation ul li a.active:focus {
3306
- color: #fff;
3307
- background-color: #664945;
3308
- }
3309
- .mobile-sidenav .list-navigation li a ul li a.active::before,
3310
- .mobile-sidenav .side-navigation ul li a ul li a.active::before {
3311
- border-left-color: #ff9b53;
3312
- }
3313
-
3314
- /* DESKTOP */
3315
- @media (min-width: 992px) {
3316
- .list-navigation li a,
3317
- .side-navigation ul li a {
3318
- color: #5e5e6a;
3319
- }
3320
- .list-navigation li a:hover,
3321
- .side-navigation ul li a:hover {
3322
- color: #3b3a48;
3323
- }
3324
- .list-navigation li a.active::before,
3325
- .side-navigation ul li a.active::before {
3326
- border-left-color: #ff9b53;
3327
- }
3328
- .list-navigation li ul li a.active::before,
3329
- .side-navigation ul li ul li a.active::before {
3330
- border-left-color: #ff9b53;
3331
- }
3332
- a.sidenav {
3333
- color: #5e5e6a;
3334
- }
3335
- a.sidenav:hover {
3336
- color: #3b3a48;
3337
- }
3338
- a.sidenav.active::before {
3339
- border-left-color: #ff9b53;
3340
- }
3341
- }
3342
- /* bootstrap side navigation */
3343
- .list-group-item.active {
3344
- background-color: #834b1e;
3345
- border-color: #834b1e;
3346
- }
3347
- .list-group-item.active:hover {
3348
- background-color: #663a17 !important;
3349
- border-color: #663a17;
3350
- }
3351
-
3352
- .list-group.section-standout .list-group-item,
3353
- .list-group.section-standout .list-group-item > button {
3354
- background-color: #664945 !important;
3355
- color: #ffffff !important;
3356
- }
3357
- .list-group.section-standout .list-group-item:hover, .list-group.section-standout .list-group-item:focus, .list-group.section-standout .list-group-item.open,
3358
- .list-group.section-standout .list-group-item > button:hover,
3359
- .list-group.section-standout .list-group-item > button:focus,
3360
- .list-group.section-standout .list-group-item > button.open {
3361
- background: #513a37 !important;
3362
- color: #ffffff !important;
3363
- }
3364
- .list-group.section-standout .list-group-item.active,
3365
- .list-group.section-standout .list-group-item > button.active {
3366
- background-color: #fff !important;
3367
- border-color: #664945;
3368
- color: #664945 !important;
3369
- }
3370
- .list-group.section-standout .list-group-item.active:hover, .list-group.section-standout .list-group-item.active:focus,
3371
- .list-group.section-standout .list-group-item > button.active:hover,
3372
- .list-group.section-standout .list-group-item > button.active:focus {
3373
- background-color: #f8f9fa !important;
3374
- border-color: #664945;
3375
- }
3376
-
3377
- .list-group.section-overstated .list-group-item,
3378
- .list-group.section-overstated .list-group-item > button {
3379
- background: #834b1e !important;
3380
- color: #ffffff !important;
3381
- }
3382
- .list-group.section-overstated .list-group-item:hover, .list-group.section-overstated .list-group-item:focus, .list-group.section-overstated .list-group-item.open,
3383
- .list-group.section-overstated .list-group-item > button:hover,
3384
- .list-group.section-overstated .list-group-item > button:focus,
3385
- .list-group.section-overstated .list-group-item > button.open {
3386
- background: #663a17 !important;
3387
- color: #ffffff !important;
3388
- }
3389
- .list-group.section-overstated .list-group-item.active,
3390
- .list-group.section-overstated .list-group-item > button.active {
3391
- background-color: #fff !important;
3392
- border-color: #834b1e;
3393
- color: #834b1e !important;
3394
- }
3395
- .list-group.section-overstated .list-group-item.active:hover, .list-group.section-overstated .list-group-item.active:focus,
3396
- .list-group.section-overstated .list-group-item > button.active:hover,
3397
- .list-group.section-overstated .list-group-item > button.active:focus {
3398
- background-color: #f8f9fa !important;
3399
- border-color: #834b1e;
3400
- }
3401
-
3402
- .list-group.section-impact .list-group-item,
3403
- .list-group.section-impact .list-group-item > button {
3404
- background: #664945 !important;
3405
- color: #ffffff !important;
3406
- }
3407
- .list-group.section-impact .list-group-item:hover, .list-group.section-impact .list-group-item:focus,
3408
- .list-group.section-impact .list-group-item > button:hover,
3409
- .list-group.section-impact .list-group-item > button:focus {
3410
- background: #513a37 !important;
3411
- color: #ffffff !important;
3412
- }
3413
- .list-group.section-impact .list-group-item.active,
3414
- .list-group.section-impact .list-group-item > button.active {
3415
- background-color: #fff !important;
3416
- border-color: #664945;
3417
- color: #664945 !important;
3418
- }
3419
- .list-group.section-impact .list-group-item.active:hover, .list-group.section-impact .list-group-item.active:focus,
3420
- .list-group.section-impact .list-group-item > button.active:hover,
3421
- .list-group.section-impact .list-group-item > button.active:focus {
3422
- background-color: #f8f9fa !important;
3423
- border-color: #664945;
3424
- }
3425
-
3426
- .list-group.section-primary .list-group-item,
3427
- .list-group.section-primary .list-group-item > button {
3428
- background: #834b1e !important;
3429
- color: #ffffff !important;
3430
- }
3431
- .list-group.section-primary .list-group-item:hover, .list-group.section-primary .list-group-item:focus, .list-group.section-primary .list-group-item.open,
3432
- .list-group.section-primary .list-group-item > button:hover,
3433
- .list-group.section-primary .list-group-item > button:focus,
3434
- .list-group.section-primary .list-group-item > button.open {
3435
- background: #663a17 !important;
3436
- color: #ffffff !important;
3437
- }
3438
- .list-group.section-primary .list-group-item.active,
3439
- .list-group.section-primary .list-group-item > button.active {
3440
- background-color: #fff !important;
3441
- border-color: #834b1e;
3442
- color: #834b1e !important;
3443
- }
3444
- .list-group.section-primary .list-group-item.active:hover, .list-group.section-primary .list-group-item.active:focus,
3445
- .list-group.section-primary .list-group-item > button.active:hover,
3446
- .list-group.section-primary .list-group-item > button.active:focus {
3447
- background-color: #f8f9fa !important;
3448
- border-color: #834b1e;
3449
- }
3450
-
3451
- .list-group.section-inverted .list-group-item,
3452
- .list-group.section-inverted .list-group-item > button {
3453
- background: #222222 !important;
3454
- color: #fff !important;
3455
- }
3456
- .list-group.section-inverted .list-group-item:hover, .list-group.section-inverted .list-group-item:focus, .list-group.section-inverted .list-group-item.open,
3457
- .list-group.section-inverted .list-group-item > button:hover,
3458
- .list-group.section-inverted .list-group-item > button:focus,
3459
- .list-group.section-inverted .list-group-item > button.open {
3460
- background: #111111 !important;
3461
- color: #fff !important;
3462
- }
3463
- .list-group.section-inverted .list-group-item.active,
3464
- .list-group.section-inverted .list-group-item > button.active {
3465
- background-color: #fff !important;
3466
- border-color: #664945;
3467
- color: #664945 !important;
3468
- }
3469
- .list-group.section-inverted .list-group-item.active:hover, .list-group.section-inverted .list-group-item.active:focus,
3470
- .list-group.section-inverted .list-group-item > button.active:hover,
3471
- .list-group.section-inverted .list-group-item > button.active:focus {
3472
- background-color: #f8f9fa !important;
3473
- border-color: #664945;
3474
- }
3475
-
3476
- .list-group.section-danger .list-group-item,
3477
- .list-group.section-danger .list-group-item > button {
3478
- background: #cd402d !important;
3479
- color: #ffffff !important;
3480
- }
3481
- .list-group.section-danger .list-group-item:hover, .list-group.section-danger .list-group-item:focus, .list-group.section-danger .list-group-item.open,
3482
- .list-group.section-danger .list-group-item > button:hover,
3483
- .list-group.section-danger .list-group-item > button:focus,
3484
- .list-group.section-danger .list-group-item > button.open {
3485
- background: #b03727 !important;
3486
- color: #ffffff !important;
3487
- }
3488
- .list-group.section-danger .list-group-item.active,
3489
- .list-group.section-danger .list-group-item > button.active {
3490
- background-color: #fff !important;
3491
- border-color: #cd402d;
3492
- color: #cd402d !important;
3493
- }
3494
- .list-group.section-danger .list-group-item.active:hover, .list-group.section-danger .list-group-item.active:focus,
3495
- .list-group.section-danger .list-group-item > button.active:hover,
3496
- .list-group.section-danger .list-group-item > button.active:focus {
3497
- background-color: #f8f9fa !important;
3498
- border-color: #cd402d;
3499
- }
3500
-
3501
- .list-group.section-understated .list-group-item,
3502
- .list-group.section-understated .list-group-item > button {
3503
- background: #f8eee4 !important;
3504
- }
3505
- .list-group.section-understated .list-group-item:hover, .list-group.section-understated .list-group-item:focus, .list-group.section-understated .list-group-item.open,
3506
- .list-group.section-understated .list-group-item > button:hover,
3507
- .list-group.section-understated .list-group-item > button:focus,
3508
- .list-group.section-understated .list-group-item > button.open {
3509
- background: #f1dcc8 !important;
3510
- }
3511
- .list-group.section-understated .list-group-item.active,
3512
- .list-group.section-understated .list-group-item > button.active {
3513
- background-color: #834b1e !important;
3514
- border-color: #834b1e;
3515
- color: #fff !important;
3516
- }
3517
- .list-group.section-understated .list-group-item.active:hover, .list-group.section-understated .list-group-item.active:focus,
3518
- .list-group.section-understated .list-group-item > button.active:hover,
3519
- .list-group.section-understated .list-group-item > button.active:focus {
3520
- background-color: #663a17 !important;
3521
- border-color: #663a17 !important;
3522
- }
3523
-
3524
- .list-group.section-default .list-group-item,
3525
- .list-group.section-default .list-group-item > button {
3526
- background: whitesmoke !important;
3527
- }
3528
- .list-group.section-default .list-group-item:hover, .list-group.section-default .list-group-item:focus, .list-group.section-default .list-group-item.open,
3529
- .list-group.section-default .list-group-item > button:hover,
3530
- .list-group.section-default .list-group-item > button:focus,
3531
- .list-group.section-default .list-group-item > button.open {
3532
- background: #e3e3e3 !important;
3533
- }
3534
- .list-group.section-default .list-group-item.active,
3535
- .list-group.section-default .list-group-item > button.active {
3536
- background-color: #834b1e !important;
3537
- border-color: #834b1e;
3538
- color: #fff !important;
3539
- }
3540
- .list-group.section-default .list-group-item.active:hover, .list-group.section-default .list-group-item.active:focus,
3541
- .list-group.section-default .list-group-item > button.active:hover,
3542
- .list-group.section-default .list-group-item > button.active:focus {
3543
- background-color: #663a17 !important;
3544
- border-color: #663a17 !important;
3545
- }
3546
-
3547
- /* -----------------------------------------
3548
- STEP LIST
3549
- /source/scss/colortheme/cs-step-list.scss
3550
- ----------------------------------------- */
3551
- .cagov-step-list li {
3552
- border-color: #ff9b53;
3553
- }
3554
- .cagov-step-list li::before {
3555
- border-color: #ff9b53;
3556
- }
3557
-
3558
- /* -----------------------------------------
3559
- ACCORDION SIDE NAVIGATION
3560
- /source/scss/colortheme/cs-accordion-sidenav.scss
3561
- ----------------------------------------- */
3562
- cagov-accordion.sidenav details summary {
3563
- color: #5e5e6a;
3564
- }
3565
- cagov-accordion.sidenav details summary:hover, cagov-accordion.sidenav details summary:focus {
3566
- color: #000;
3567
- }
3568
- cagov-accordion.sidenav details summary.active {
3569
- color: #5e5e6a !important;
3570
- }
3571
- cagov-accordion.sidenav details summary.active:hover, cagov-accordion.sidenav details summary.active:focus {
3572
- color: #000 !important;
3573
- }
3574
- cagov-accordion.sidenav details summary.active::before {
3575
- background-color: #ff9b53 !important;
3576
- }
3577
-
3578
- .side-subnav li a {
3579
- color: #4a4958;
3580
- }
3581
- .side-subnav li a:hover, .side-subnav li a:focus {
3582
- color: #000;
3583
- }
3584
- .side-subnav li a.active::before {
3585
- border-left-color: #ff9b53;
3586
- }
3587
-
3588
- .side-nav .accordion .accordion__heading .accordion__trigger {
3589
- color: #4a4958;
3590
- }
3591
- .side-nav .accordion .accordion__heading.active .accordion__trigger {
3592
- background-color: #834b1e, 7%;
3593
- }
3594
- .side-nav .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav .accordion .accordion__heading.active .accordion__trigger:focus {
3595
- background-color: #663a17 !important;
3596
- }
3597
-
3598
- .side-nav.section-understated .accordion .accordion__heading .accordion__trigger {
3599
- color: #4a4958;
3600
- }
3601
- .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger {
3602
- background-color: #834b1e !important;
3603
- }
3604
- .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:focus {
3605
- background-color: #663a17 !important;
3606
- }
3607
-
3608
- .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger {
3609
- color: #4a4958 !important;
3610
- background-color: #fafafa !important;
3611
- }
3612
- .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:focus {
3613
- color: #000 !important;
3614
- background-color: #ededef !important;
3615
- }
3616
-
3617
- .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger {
3618
- color: #4a4958 !important;
3619
- background-color: #fafafa !important;
3620
- }
3621
- .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:focus {
3622
- color: #000 !important;
3623
- background-color: #ededef !important;
3624
- }
3625
-
3626
- /* -----------------------------------------
3627
- ALERT
3628
- /source/scss/colortheme/cs-alert.scss
3629
- ----------------------------------------- */
3630
- .alert-banner {
3631
- background-color: #664945;
3632
- color: #fff;
3633
- }
3634
- .alert-banner a:not(.btn),
3635
- .alert-banner .close {
3636
- color: #fff;
3637
- }
3638
- .alert-banner a:not(.btn):focus, .alert-banner a:not(.btn):hover,
3639
- .alert-banner .close:focus,
3640
- .alert-banner .close:hover {
3641
- color: #ff9b53;
3642
- }
3643
-
3644
- .alert-warning {
3645
- color: #8a6d3b;
3646
- background-color: #fcf8e3;
3647
- }
3648
- .alert-warning a:not(.btn),
3649
- .alert-warning .close {
3650
- color: #8a6d3b;
3651
- }
3652
- .alert-warning a:not(.btn):focus, .alert-warning a:not(.btn):hover,
3653
- .alert-warning .close:focus,
3654
- .alert-warning .close:hover {
3655
- color: #715930;
3656
- }
3657
-
3658
- .alert-info {
3659
- color: #31708f;
3660
- background-color: #d9edf7;
3661
- }
3662
- .alert-info a:not(.btn),
3663
- .alert-info .close {
3664
- color: #31708f;
3665
- }
3666
- .alert-info a:not(.btn):focus, .alert-info a:not(.btn):hover,
3667
- .alert-info .close:focus,
3668
- .alert-info .close:hover {
3669
- color: #1f465a;
3670
- }
3671
-
3672
- .alert-danger {
3673
- color: #a94442;
3674
- background-color: #f2dede;
3675
- }
3676
- .alert-danger a:not(.btn),
3677
- .alert-danger .close {
3678
- color: #a94442;
3679
- }
3680
- .alert-danger a:not(.btn):focus, .alert-danger a:not(.btn):hover,
3681
- .alert-danger .close:focus,
3682
- .alert-danger .close:hover {
3683
- color: #762f2e;
3684
- }
3685
-
3686
- .alert-success {
3687
- color: #3c763d;
3688
- background-color: #dff0d8;
3689
- }
3690
- .alert-success a:not(.btn),
3691
- .alert-success .close {
3692
- color: #3c763d;
3693
- }
3694
- .alert-success a:not(.btn):focus, .alert-success a:not(.btn):hover,
3695
- .alert-success .close:focus,
3696
- .alert-success .close:hover {
3697
- color: #244725;
3698
- }
3699
-
3700
- .alert-severe {
3701
- color: #4a4958 !important;
3702
- background-color: #ff9b53;
3703
- }
3704
- .alert-severe a:not(.btn),
3705
- .alert-severe .close {
3706
- color: #4a4958 !important;
3707
- }
3708
- .alert-severe a:not(.btn):focus, .alert-severe a:not(.btn):hover,
3709
- .alert-severe .close:focus,
3710
- .alert-severe .close:hover {
3711
- color: #000 !important;
3712
- }
3713
-
3714
- /* -----------------------------------------
3715
- LINK GRID
3716
- /source/scss/colortheme/cs-link-grid.scss
3717
- ----------------------------------------- */
3718
- .link-grid {
3719
- color: #834b1e;
3720
- border-bottom: 4px solid #834b1e;
3721
- }
3722
- .link-grid:hover, .link-grid:focus {
3723
- color: #663a17;
3724
- }
3725
-
3726
- .bg-primary .link-grid {
3727
- border-color: #fff;
3728
- }
3729
- .bg-primary .link-grid:hover, .bg-primary .link-grid:focus {
3730
- background-color: #663a17;
3731
- }
3732
-
3733
- /* -----------------------------------------
3734
- COMMENT
3735
- /source/scss/colortheme/cs-blockquote.scss
3736
- ----------------------------------------- */
3737
- blockquote {
3738
- border-color: #834b1e;
3739
- }
3740
- blockquote::before {
3741
- color: #834b1e;
3742
- }
3743
- blockquote.prominent {
3744
- background-color: #834b1e;
3745
- color: #fff;
3746
- }
3747
- blockquote.prominent::before {
3748
- color: #fff;
3749
- }
3750
- blockquote.prominent p,
3751
- blockquote.prominent footer {
3752
- color: #fff;
3753
- }
3754
-
3755
- /* -----------------------------------------
3756
- CARDS
3757
- /source/scss/colortheme/cs-executive-profile.scss
3758
- ----------------------------------------- */
3759
- .executive-profile {
3760
- background-color: #f8eee4;
3761
- }
3762
-
3763
- .executive-profile.dark .executive-profile-body {
3764
- border-left-color: #fff;
3765
- }
3766
- .executive-profile.dark p,
3767
- .executive-profile.dark .executive-name,
3768
- .executive-profile.dark a {
3769
- color: #fff;
3770
- }
3771
- .executive-profile.dark a:hover,
3772
- .executive-profile.dark a:focus {
3773
- color: #ff9b53;
3774
- }
3775
-
3776
- /* -----------------------------------------
3777
- UTILITY HEADER
3778
- /source/scss/colortheme/cs-utility.scss
3779
- ----------------------------------------- */
3780
- .utility-header {
3781
- background: #f8eee4;
3782
- color: #000;
3783
- }
3784
- .utility-header a {
3785
- color: #000;
3786
- }
3787
- .utility-header a:hover, .utility-header a:focus, .utility-header a.hovered {
3788
- color: #4a4958;
3789
- }
3790
- .utility-header .social-media-links a {
3791
- color: #000;
3792
- text-decoration: none;
3793
- }
3794
- .utility-header .social-media-links a:hover, .utility-header .social-media-links a:focus {
3795
- color: #4a4958;
3796
- }
3797
- .utility-header button {
3798
- color: #000;
3799
- }
3800
- .utility-header button:hover, .utility-header button:focus {
3801
- color: #4a4958;
3802
- }
3803
- .utility-header ul li {
3804
- padding: 0 8px;
3805
- }
3806
-
3807
- /* -----------------------------------------
3808
- SITE HEADER
3809
- /source/scss/colortheme/cs-site-header.scss
3810
- ----------------------------------------- */
3811
- .toggle-menu span {
3812
- background-color: #834b1e;
3813
- }
3814
-
3815
- .mobile-controls {
3816
- background: #fff;
3817
- }
3818
-
3819
- .mobile-control {
3820
- color: #72717c;
3821
- }
3822
- .mobile-control a {
3823
- color: #72717c;
3824
- text-decoration: none;
3825
- }
3826
- .mobile-control.toggle-sub-nav {
3827
- color: #834b1e;
3828
- background-color: #fdf9f6;
3829
- }
3830
- .mobile-control.toggle-sub-nav:hover, .mobile-control.toggle-sub-nav:focus {
3831
- outline: none;
3832
- background-color: #fffffe;
4
+ :root {
5
+ --color-p1: #ff9b53;
6
+ --color-p1-dark: #ff8f3f;
7
+ --color-p1-darker: #ff862f;
8
+ --color-p1-darkest: #ff710c;
9
+ --color-p1-light: #ffaf75;
10
+ --color-p1-lighter: #ffc398;
11
+ --color-p1-lightest: #ffd7ba;
12
+ --color-p2: #834b1e;
13
+ --color-p2-dark: #72411a;
14
+ --color-p2-darker: #663a17;
15
+ --color-p2-darkest: #492a11;
16
+ --color-p2-light: #9c6f4b;
17
+ --color-p2-lighter: #b59378;
18
+ --color-p2-lightest: #cdb7a5;
19
+ --color-p3: #664945;
20
+ --color-p3-dark: #5a403d;
21
+ --color-p3-darker: #513a37;
22
+ --color-p3-darkest: #3b2b28;
23
+ --color-p3-light: #856d6a;
24
+ --color-p3-lighter: #a3928f;
25
+ --color-p3-lightest: #c2b6b5;
26
+ --color-s1: #f8eee4;
27
+ --color-s1-darker: #f5e6d8;
28
+ --color-s1-lighter: #fcf7f2;
29
+ --color-s2: #f1dac2;
30
+ --color-s2-dark: #eac8a5;
31
+ --color-s2-darker: #e4b788;
32
+ --color-s3: #e8bd90;
33
+ --color-s3-dark: #e2ab72;
34
+ --color-s3-light: #f1d7bc;
35
+ --color-s3-lighter: #f6e5d3;
36
+ --sub-nav-bg: var(--color-s1-lighter);
37
+ --mobile-drawer: var(--color-p3);
38
+ --mobile-drawer-active: var(--color-p3-light);
3833
39
  }