@cagovweb/state-template 6.5.5 → 6.6.0-beta
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.
- package/dist/css/cagov.core.css +2887 -14177
- package/dist/css/cagov.core.flat.css +1009 -404
- package/dist/css/cagov.core.min.css +1 -1
- package/dist/css/colortheme-delta.css +4 -0
- package/dist/css/colortheme-delta.min.css +1 -1
- package/dist/css/colortheme-eureka.css +4 -0
- package/dist/css/colortheme-eureka.min.css +1 -1
- package/dist/css/colortheme-mono.css +4 -0
- package/dist/css/colortheme-mono.min.css +1 -1
- package/dist/css/colortheme-oceanside.css +4 -0
- package/dist/css/colortheme-oceanside.min.css +1 -1
- package/dist/css/colortheme-orangecounty.css +4 -0
- package/dist/css/colortheme-orangecounty.min.css +1 -1
- package/dist/css/colortheme-pasorobles.css +4 -0
- package/dist/css/colortheme-pasorobles.min.css +1 -1
- package/dist/css/colortheme-sacramento.css +4 -0
- package/dist/css/colortheme-sacramento.min.css +1 -1
- package/dist/css/colortheme-santabarbara.css +4 -0
- package/dist/css/colortheme-santabarbara.min.css +1 -1
- package/dist/css/colortheme-santacruz.css +4 -0
- package/dist/css/colortheme-santacruz.min.css +1 -1
- package/dist/css/colortheme-shasta.css +4 -0
- package/dist/css/colortheme-shasta.min.css +1 -1
- package/dist/css/colortheme-sierra.css +4 -0
- package/dist/css/colortheme-sierra.min.css +1 -1
- package/dist/css/colortheme-trinity.css +4 -0
- package/dist/css/colortheme-trinity.min.css +1 -1
- package/dist/css/colortheme-ukiah-night.css +292 -0
- package/dist/css/colortheme-ukiah-night.min.css +1 -0
- package/dist/css/colortheme-ventura-night.css +279 -0
- package/dist/css/colortheme-ventura-night.min.css +1 -0
- package/dist/js/cagov.core.js +120 -53
- package/dist/js/cagov.core.min.js +2 -2
- package/dist/readme.md +2 -2
- package/package.json +2 -2
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
/*! State Web Template Version 6.6.0-beta */
|
|
2
3
|
@charset "UTF-8";
|
|
3
4
|
/*!
|
|
4
5
|
* Bootstrap v5.3.8 (https://getbootstrap.com/)
|
|
@@ -12044,7 +12045,9 @@ textarea.form-control-lg {
|
|
|
12044
12045
|
.d-print-none {
|
|
12045
12046
|
display: none !important;
|
|
12046
12047
|
}
|
|
12047
|
-
}
|
|
12048
|
+
}
|
|
12049
|
+
|
|
12050
|
+
/*# sourceMappingURL=bootstrap.css.map */:root {
|
|
12048
12051
|
--white: #fff;
|
|
12049
12052
|
--gray-50: #fafafa;
|
|
12050
12053
|
--gray-75: #f3f3f4;
|
|
@@ -12105,16 +12108,28 @@ textarea.form-control-lg {
|
|
|
12105
12108
|
--share-github: #25292e;
|
|
12106
12109
|
--btn-default-color: var(--gray-900);
|
|
12107
12110
|
--text-color: var(--gray-900, #3b3a48);
|
|
12111
|
+
--text-color-hover: var(--black, #000);
|
|
12112
|
+
--text-secondary: var(--gray-800, #4a4958);
|
|
12108
12113
|
--text-muted: var(--gray-700, #5e5e6a);
|
|
12109
12114
|
--link-color: var(--brand-primary, #046b99);
|
|
12110
|
-
--link-hover
|
|
12115
|
+
--link-color-hover: var(--brand-primary-darkest, #005a7f);
|
|
12111
12116
|
--body-bg: var(--white);
|
|
12117
|
+
--base-light: var(--white);
|
|
12118
|
+
--base-dark: var(--black);
|
|
12119
|
+
--default-bg: var(--gray-50);
|
|
12120
|
+
--default-bg-darker: var(--gray-100);
|
|
12121
|
+
--default-bg-hover: var(--gray-75);
|
|
12122
|
+
--default-bg-hover-darker: var(--gray-100);
|
|
12112
12123
|
--outline-default-color: #0b8ee5;
|
|
12113
12124
|
--outline-dark-mode-color: #85cbf9;
|
|
12114
|
-
--
|
|
12115
|
-
|
|
12125
|
+
--outline-for-dark-bg: #85cbf9;
|
|
12126
|
+
--outline-for-light-bg: #0b8ee5;
|
|
12127
|
+
--font-family-sans-serif:
|
|
12128
|
+
"Public Sans", system-ui, -apple-system, "Segoe UI", "Roboto",
|
|
12129
|
+
"Helvetica Neue", "Noto Sans", sans-serif;
|
|
12116
12130
|
--font-family-serif: "Merriweather", "Times New Roman", serif;
|
|
12117
|
-
--font-family-monospace:
|
|
12131
|
+
--font-family-monospace:
|
|
12132
|
+
menlo, monaco, consolas, "Courier New", monospace !default;
|
|
12118
12133
|
--font-size-base: 1rem;
|
|
12119
12134
|
--font-size-regular: calc(var(--font-size-base, 1rem) * 1.125);
|
|
12120
12135
|
--font-size-large: calc(var(--font-size-base, 1rem) * 1.4375);
|
|
@@ -12162,6 +12177,8 @@ textarea.form-control-lg {
|
|
|
12162
12177
|
--padding-xs-horizontal: 5px;
|
|
12163
12178
|
--line-height-large: 1.3;
|
|
12164
12179
|
--line-height-small: 1.5;
|
|
12180
|
+
--border-color-default: var(--gray-200, #d4d4d7);
|
|
12181
|
+
--border-color-muted: var(--gray-100, #ededef);
|
|
12165
12182
|
--border-radius-base: 0;
|
|
12166
12183
|
--border-radius-large: 6px;
|
|
12167
12184
|
--border-radius-small: 3px;
|
|
@@ -12197,10 +12214,34 @@ textarea.form-control-lg {
|
|
|
12197
12214
|
--alert-danger-border: color-mix(in srgb, var(--state-danger-bg), #000 7%);
|
|
12198
12215
|
--blockquote-border-color: var(--gray-100, #ededef) !default;
|
|
12199
12216
|
--text-field-color: rgba(255 255 255 / 80%);
|
|
12217
|
+
--text-field-bg-color: var(--white, #fff);
|
|
12200
12218
|
--ca-gov-logo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><defs><linearGradient id='grad1' y1='2329' x2='0' y2='4499' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%238b5a24'/><stop offset='1' stop-color='%23441a12'/></linearGradient><linearGradient id='grad2' y1='396' x2='0' y2='4498' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%231b93b8'/><stop offset='.6' stop-color='%231b93b8'/><stop offset='1' stop-color='%2304628d'/></linearGradient></defs><path fill='url(%23grad1)' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='url(%23grad2)' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/><path fill='%23b91f39' d='M2886 1844l-148-424-148 424h-446l361 276-128 424 361-276 361 276-128-424 361-276h-446 1-Z'/></svg>")
|
|
12201
12219
|
no-repeat;
|
|
12202
12220
|
--is-mobile: 0;
|
|
12221
|
+
|
|
12222
|
+
/* utility header */
|
|
12223
|
+
--utility-link: #000;
|
|
12224
|
+
--utility-link-hover: #4a4958;
|
|
12225
|
+
--utility-header-background: #eef8fb;
|
|
12226
|
+
|
|
12227
|
+
/* main nav */
|
|
12228
|
+
--mobile-menu-icon-color: var(--brand-primary);
|
|
12229
|
+
--main-nav-color: var(--brand-primary);
|
|
12230
|
+
--main-nav-color-hover: var(--gray-900);
|
|
12231
|
+
--main-nav-bg: var(--white);
|
|
12232
|
+
--main-nav-bg-hover: var(--gray-50);
|
|
12233
|
+
--main-nav-border-color: var(--gray-200);
|
|
12234
|
+
--main-nav-color-active: var(--black);
|
|
12235
|
+
--main-nav-color-active-hover: var(--gray-800);
|
|
12236
|
+
--main-nav-bg-active: var(--gray-50);
|
|
12237
|
+
--main-nav-bg-active-hover: var(--gray-100);
|
|
12238
|
+
|
|
12239
|
+
/* global footer */
|
|
12240
|
+
--global-footer-bg: var(--gray-50);
|
|
12241
|
+
--footer-links-color: var(--black);
|
|
12242
|
+
--footer-links-color-hover: var(--gray-800);
|
|
12203
12243
|
}
|
|
12244
|
+
|
|
12204
12245
|
@media (max-width: 991px) {
|
|
12205
12246
|
:root {
|
|
12206
12247
|
--is-mobile: 1;
|
|
@@ -12263,6 +12304,10 @@ textarea.form-control-lg {
|
|
|
12263
12304
|
/* Mobile navigation drawer background */
|
|
12264
12305
|
--mobile-drawer: var(--color-p2-darker);
|
|
12265
12306
|
--mobile-drawer-active: var(--color-p2);
|
|
12307
|
+
|
|
12308
|
+
/* Global */
|
|
12309
|
+
--link-color: var(--color-p2);
|
|
12310
|
+
--link-color-hover: var(--color-p2-darker);
|
|
12266
12311
|
}
|
|
12267
12312
|
|
|
12268
12313
|
/* color-mix is used for the newer browsers */
|
|
@@ -14425,7 +14470,7 @@ textarea.form-control-lg {
|
|
|
14425
14470
|
body {
|
|
14426
14471
|
font: var(--font-size-regular) / var(--line-height-base)
|
|
14427
14472
|
var(--font-family-sans-serif);
|
|
14428
|
-
color: var(--
|
|
14473
|
+
color: var(--text-color, #3b3a48);
|
|
14429
14474
|
overflow-y: scroll;
|
|
14430
14475
|
}
|
|
14431
14476
|
|
|
@@ -14437,12 +14482,12 @@ body {
|
|
|
14437
14482
|
}
|
|
14438
14483
|
|
|
14439
14484
|
a {
|
|
14440
|
-
color: var(--color
|
|
14485
|
+
color: var(--link-color, #046b99);
|
|
14441
14486
|
}
|
|
14442
14487
|
|
|
14443
14488
|
a:hover,
|
|
14444
14489
|
a:focus {
|
|
14445
|
-
color: var(--color-
|
|
14490
|
+
color: var(--link-color-hover, #214a68);
|
|
14446
14491
|
}
|
|
14447
14492
|
|
|
14448
14493
|
a:focus {
|
|
@@ -14770,6 +14815,12 @@ svg ~ .external-link-icon,
|
|
|
14770
14815
|
display: none;
|
|
14771
14816
|
}
|
|
14772
14817
|
|
|
14818
|
+
.socialsharer-container a.cagov-external-link::after,
|
|
14819
|
+
a[class*="ca-gov-icon-"].cagov-external-link::after {
|
|
14820
|
+
content: none;
|
|
14821
|
+
display: none;
|
|
14822
|
+
}
|
|
14823
|
+
|
|
14773
14824
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
14774
14825
|
.icon-abs-right .external-link-icon {
|
|
14775
14826
|
position: absolute;
|
|
@@ -14994,7 +15045,7 @@ a.list-group-item {
|
|
|
14994
15045
|
|
|
14995
15046
|
/* Default layout is 1 column */
|
|
14996
15047
|
.main-content {
|
|
14997
|
-
background: #fff;
|
|
15048
|
+
background: var(--body-bg, #fff);
|
|
14998
15049
|
min-height: 400px;
|
|
14999
15050
|
}
|
|
15000
15051
|
.main-content > .section {
|
|
@@ -15088,7 +15139,8 @@ a.list-group-item {
|
|
|
15088
15139
|
left: 50% !important;
|
|
15089
15140
|
transform: translateX(-50%);
|
|
15090
15141
|
clip: unset;
|
|
15091
|
-
background-color:
|
|
15142
|
+
background-color: var(--body-bg, #fff);
|
|
15143
|
+
color: var(--text-color, #292b2c);
|
|
15092
15144
|
border-radius: 0 0 7px 7px;
|
|
15093
15145
|
overflow: hidden;
|
|
15094
15146
|
}
|
|
@@ -15102,40 +15154,37 @@ a.list-group-item {
|
|
|
15102
15154
|
position: relative;
|
|
15103
15155
|
z-index: 1;
|
|
15104
15156
|
padding: 0;
|
|
15105
|
-
background: var(--
|
|
15157
|
+
background: var(--body-bg, #fff);
|
|
15106
15158
|
width: auto;
|
|
15107
15159
|
}
|
|
15108
15160
|
|
|
15109
15161
|
.global-header .section-default {
|
|
15110
|
-
background-color: var(--
|
|
15162
|
+
background-color: var(--body-bg, #fff);
|
|
15111
15163
|
}
|
|
15112
15164
|
|
|
15113
15165
|
@media (min-width: 992px) {
|
|
15114
15166
|
|
|
15115
15167
|
.global-header .section-default {
|
|
15116
|
-
border-bottom: 1px solid var(--
|
|
15168
|
+
border-bottom: 1px solid var(--border-color-default, #d4d4d7)
|
|
15117
15169
|
}
|
|
15118
15170
|
}
|
|
15119
15171
|
|
|
15120
15172
|
.global-header .section-default::after {
|
|
15121
15173
|
content: "";
|
|
15122
|
-
border-bottom: 1px solid var(--
|
|
15174
|
+
border-bottom: 1px solid var(--border-color-default, #d4d4d7);
|
|
15123
15175
|
position: absolute;
|
|
15124
15176
|
width: 100%;
|
|
15125
15177
|
left: 0;
|
|
15126
15178
|
}
|
|
15127
15179
|
|
|
15128
|
-
@media (min-width: 992px) {
|
|
15129
|
-
|
|
15130
|
-
.global-header .section-default::after {
|
|
15131
|
-
border-bottom: none
|
|
15132
|
-
}
|
|
15180
|
+
.global-header .section-default::after ` @media (min-width: 992px) {
|
|
15181
|
+
border-bottom: none;
|
|
15133
15182
|
}
|
|
15134
15183
|
|
|
15135
15184
|
@media (min-width: 992px) {
|
|
15136
15185
|
|
|
15137
15186
|
.global-header {
|
|
15138
|
-
border-bottom: 1px solid var(--
|
|
15187
|
+
border-bottom: 1px solid var(--border-color-default, #d4d4d7)
|
|
15139
15188
|
}
|
|
15140
15189
|
.global-header .section-default::after {
|
|
15141
15190
|
bottom: 55px;
|
|
@@ -15413,7 +15462,7 @@ h2 {
|
|
|
15413
15462
|
font: 1rem var(--font-family-sans-serif);
|
|
15414
15463
|
margin: 0;
|
|
15415
15464
|
padding: 0;
|
|
15416
|
-
color: var(--
|
|
15465
|
+
color: var(--text-color, #3b3a48);
|
|
15417
15466
|
height: 20px;
|
|
15418
15467
|
line-height: 1.2em;
|
|
15419
15468
|
transition: all 0.3s;
|
|
@@ -15431,7 +15480,7 @@ h2 {
|
|
|
15431
15480
|
font: 700 1.75rem var(--font-family-sans-serif);
|
|
15432
15481
|
margin: 0;
|
|
15433
15482
|
padding: 0;
|
|
15434
|
-
color: var(--color
|
|
15483
|
+
color: var(--text-color, #3b3a48);
|
|
15435
15484
|
height: 24px;
|
|
15436
15485
|
line-height: 1.2em;
|
|
15437
15486
|
transition: all 0.3s;
|
|
@@ -15512,8 +15561,8 @@ h2 {
|
|
|
15512
15561
|
----------------------------------------- */
|
|
15513
15562
|
|
|
15514
15563
|
.global-footer {
|
|
15515
|
-
background-color: var(--gray-50, #fafafa);
|
|
15516
|
-
border-top: 1px solid var(--gray-200, #d4d4d7);
|
|
15564
|
+
background-color: var(--global-footer-bg, var(--gray-50, #fafafa));
|
|
15565
|
+
border-top: 1px solid var(--border-color-default, var(--gray-200, #d4d4d7));
|
|
15517
15566
|
padding-top: 1rem;
|
|
15518
15567
|
}
|
|
15519
15568
|
|
|
@@ -15586,12 +15635,12 @@ h2 {
|
|
|
15586
15635
|
}
|
|
15587
15636
|
|
|
15588
15637
|
.global-footer .footer-links li a {
|
|
15589
|
-
color: var(--black, #000);
|
|
15638
|
+
color: var(--footer-links-color, var(--black, #000));
|
|
15590
15639
|
text-decoration: none;
|
|
15591
15640
|
}
|
|
15592
15641
|
|
|
15593
15642
|
.global-footer .footer-links li a:hover {
|
|
15594
|
-
color: var(--gray-800, #4a4958);
|
|
15643
|
+
color: var(--footer-links-color-hover, var(--gray-800, #4a4958));
|
|
15595
15644
|
}
|
|
15596
15645
|
|
|
15597
15646
|
.global-footer .copyright {
|
|
@@ -15660,7 +15709,7 @@ h2 {
|
|
|
15660
15709
|
}
|
|
15661
15710
|
|
|
15662
15711
|
.search-container #Search .gsc-search-button:focus {
|
|
15663
|
-
outline: 2px solid var(--outline-dark-
|
|
15712
|
+
outline: 2px solid var(--outline-for-dark-bg);
|
|
15664
15713
|
outline-offset: -4px;
|
|
15665
15714
|
}
|
|
15666
15715
|
|
|
@@ -15678,7 +15727,7 @@ h2 {
|
|
|
15678
15727
|
|
|
15679
15728
|
.search-container #Search .gsc-search-button {
|
|
15680
15729
|
background-color: var(--white, #fff);
|
|
15681
|
-
border-color: var(--
|
|
15730
|
+
border-color: var(--gray-600, #72717c)
|
|
15682
15731
|
}
|
|
15683
15732
|
|
|
15684
15733
|
.search-container #Search .gsc-search-button .ca-gov-icon-search {
|
|
@@ -15688,7 +15737,8 @@ h2 {
|
|
|
15688
15737
|
.search-container #Search .gsc-search-button:hover,
|
|
15689
15738
|
.search-container #Search .gsc-search-button:focus {
|
|
15690
15739
|
background-color: var(--gray-50, #fafafa);
|
|
15691
|
-
|
|
15740
|
+
outline: var(--outline-for-light-bg, #0b8ee5);
|
|
15741
|
+
outline-offset: -2px;
|
|
15692
15742
|
}
|
|
15693
15743
|
|
|
15694
15744
|
.search-container #Search .gsc-search-button:hover .ca-gov-icon-search, .search-container #Search .gsc-search-button:focus .ca-gov-icon-search {
|
|
@@ -15705,7 +15755,7 @@ h2 {
|
|
|
15705
15755
|
}
|
|
15706
15756
|
|
|
15707
15757
|
.search-container .search-textfield::placeholder {
|
|
15708
|
-
color: var(--
|
|
15758
|
+
color: var(--text-field-color, #000);
|
|
15709
15759
|
opacity: 1;
|
|
15710
15760
|
}
|
|
15711
15761
|
|
|
@@ -15757,18 +15807,14 @@ h2 {
|
|
|
15757
15807
|
width: 100%;
|
|
15758
15808
|
}
|
|
15759
15809
|
|
|
15760
|
-
input[type="search"].search-textfield {
|
|
15810
|
+
& input[type="search"].search-textfield {
|
|
15761
15811
|
-webkit-appearance: none;
|
|
15762
|
-
background-color:
|
|
15763
|
-
border: 1px solid #72717c;
|
|
15812
|
+
background-color: var(--text-field-bg-color, #fff);
|
|
15813
|
+
border: 1px solid var(--gray-600, #72717c);
|
|
15764
15814
|
border-radius: 5px 0 0 5px;
|
|
15765
15815
|
}
|
|
15766
15816
|
|
|
15767
15817
|
@media (max-width: 991px) {
|
|
15768
|
-
input[type="search"].search-textfield {
|
|
15769
|
-
border-color: var(--white, #fff);
|
|
15770
|
-
}
|
|
15771
|
-
|
|
15772
15818
|
input[type="search"].search-textfield:focus {
|
|
15773
15819
|
outline-offset: -4px;
|
|
15774
15820
|
}
|
|
@@ -15781,6 +15827,22 @@ input[type="search"].search-textfield {
|
|
|
15781
15827
|
.cse .gsc-control-cse,
|
|
15782
15828
|
.gsc-control-cse {
|
|
15783
15829
|
padding: 0 !important;
|
|
15830
|
+
background-color: var(--body-bg, #fff) !important;
|
|
15831
|
+
border-color: var(--body-bg, #fff) !important;
|
|
15832
|
+
}
|
|
15833
|
+
|
|
15834
|
+
.gsc-webResult.gsc-result,
|
|
15835
|
+
.gsc-results .gsc-imageResult {
|
|
15836
|
+
background-color: var(--body-bg, #fff) !important;
|
|
15837
|
+
border-color: var(--body-bg, #fff) !important;
|
|
15838
|
+
}
|
|
15839
|
+
|
|
15840
|
+
.gsc-result-info-container .gsc-result-info {
|
|
15841
|
+
color: var(--text-muted, #5e5e6a);
|
|
15842
|
+
}
|
|
15843
|
+
|
|
15844
|
+
.gsc-orderby-container .gsc-orderby-label {
|
|
15845
|
+
color: var(--text-muted, #5e5e6a);
|
|
15784
15846
|
}
|
|
15785
15847
|
|
|
15786
15848
|
/* Large Search Animation and Styling */
|
|
@@ -15851,7 +15913,7 @@ input[type="search"].search-textfield {
|
|
|
15851
15913
|
}
|
|
15852
15914
|
}
|
|
15853
15915
|
|
|
15854
|
-
button.gsc-search-button {
|
|
15916
|
+
& button.gsc-search-button {
|
|
15855
15917
|
border-radius: 0 5px 5px 0;
|
|
15856
15918
|
padding: 0 12px;
|
|
15857
15919
|
border: 1px solid;
|
|
@@ -15990,7 +16052,7 @@ GOOGLE CUSTOM SEARCH CUSTOMIZATION OVERRIDES
|
|
|
15990
16052
|
display: none;
|
|
15991
16053
|
}
|
|
15992
16054
|
|
|
15993
|
-
table.gsc-search-box table td div {
|
|
16055
|
+
& table.gsc-search-box table td div {
|
|
15994
16056
|
padding: 0 !important;
|
|
15995
16057
|
}
|
|
15996
16058
|
|
|
@@ -16000,7 +16062,7 @@ table.gsc-search-box table td div {
|
|
|
16000
16062
|
border: none !important;
|
|
16001
16063
|
}
|
|
16002
16064
|
|
|
16003
|
-
table.gsc-search-box td {
|
|
16065
|
+
& table.gsc-search-box td {
|
|
16004
16066
|
padding: 0 !important;
|
|
16005
16067
|
}
|
|
16006
16068
|
|
|
@@ -16028,23 +16090,23 @@ table.gsc-search-box td {
|
|
|
16028
16090
|
}
|
|
16029
16091
|
|
|
16030
16092
|
/* clears the ‘X’ from Internet Explorer */
|
|
16031
|
-
input[type="search"]::-ms-clear {
|
|
16093
|
+
& input[type="search"]::-ms-clear {
|
|
16032
16094
|
display: none;
|
|
16033
16095
|
width: 0;
|
|
16034
16096
|
height: 0;
|
|
16035
16097
|
}
|
|
16036
16098
|
|
|
16037
|
-
input[type="search"]::-ms-reveal {
|
|
16099
|
+
& input[type="search"]::-ms-reveal {
|
|
16038
16100
|
display: none;
|
|
16039
16101
|
width: 0;
|
|
16040
16102
|
height: 0;
|
|
16041
16103
|
}
|
|
16042
16104
|
|
|
16043
16105
|
/* clears the ‘X’ from Chrome */
|
|
16044
|
-
input[type="search"]::-webkit-search-decoration,
|
|
16045
|
-
input[type="search"]::-webkit-search-cancel-button,
|
|
16046
|
-
input[type="search"]::-webkit-search-results-button,
|
|
16047
|
-
input[type="search"]::-webkit-search-results-decoration {
|
|
16106
|
+
& input[type="search"]::-webkit-search-decoration,
|
|
16107
|
+
& input[type="search"]::-webkit-search-cancel-button,
|
|
16108
|
+
& input[type="search"]::-webkit-search-results-button,
|
|
16109
|
+
& input[type="search"]::-webkit-search-results-decoration {
|
|
16048
16110
|
display: none;
|
|
16049
16111
|
}
|
|
16050
16112
|
/* -----------------------------------------
|
|
@@ -16118,6 +16180,15 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16118
16180
|
.compact + .search-results-container .search-results .search-results-header {
|
|
16119
16181
|
padding-top: 50px;
|
|
16120
16182
|
}
|
|
16183
|
+
|
|
16184
|
+
div.search-results-header form .search-textfield {
|
|
16185
|
+
outline-offset: -4px;
|
|
16186
|
+
}
|
|
16187
|
+
|
|
16188
|
+
div.search-results-header form .gsc-search-button {
|
|
16189
|
+
display: block !important;
|
|
16190
|
+
outline-offset: -4px;
|
|
16191
|
+
}
|
|
16121
16192
|
/* -----------------------------------------
|
|
16122
16193
|
GOOGLE CSE RESULTS
|
|
16123
16194
|
/src/css/cagov/search-google-cse.css
|
|
@@ -16145,27 +16216,48 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16145
16216
|
|
|
16146
16217
|
.gs-result a.gs-title,
|
|
16147
16218
|
.gs-result a.gs-title b {
|
|
16148
|
-
color: var(--color
|
|
16219
|
+
color: var(--link-color, #046b99) !important;
|
|
16149
16220
|
}
|
|
16150
16221
|
|
|
16222
|
+
.gs-result a.gs-title:hover,
|
|
16223
|
+
.gs-result a.gs-title:focus,
|
|
16224
|
+
.gs-result a.gs-title b:hover,
|
|
16225
|
+
.gs-result a.gs-title b:focus {
|
|
16226
|
+
color: var(--link-hover-color, #005a7f) !important;
|
|
16227
|
+
}
|
|
16228
|
+
|
|
16151
16229
|
.gs-result .gsc-url-top .gs-visibleUrl-breadcrumb span {
|
|
16152
|
-
color: var(--
|
|
16230
|
+
color: var(--text-muted, #72717c) !important;
|
|
16153
16231
|
}
|
|
16154
16232
|
|
|
16155
16233
|
.gs-result .gs-snippet {
|
|
16156
|
-
color: var(--
|
|
16234
|
+
color: var(--text-color, #3b3a48) !important;
|
|
16157
16235
|
}
|
|
16158
16236
|
|
|
16159
16237
|
.gsc-cursor-box .gsc-cursor .gsc-cursor-page {
|
|
16160
|
-
color: var(--color
|
|
16238
|
+
color: var(--text-color, #3b3a48) !important;
|
|
16161
16239
|
}
|
|
16162
16240
|
|
|
16163
16241
|
.gsc-cursor-box .gsc-cursor .gsc-cursor-current-page {
|
|
16164
|
-
color: var(--color
|
|
16242
|
+
color: var(--text-color, #3b3a48) !important;
|
|
16165
16243
|
}
|
|
16166
16244
|
|
|
16167
16245
|
.gcsc-find-more-on-google {
|
|
16168
|
-
color: var(--color
|
|
16246
|
+
color: var(--link-color, #046b99) !important;
|
|
16247
|
+
}
|
|
16248
|
+
|
|
16249
|
+
.gcsc-find-more-on-google-magnifier {
|
|
16250
|
+
fill: var(--link-color, #046b99) !important;
|
|
16251
|
+
}
|
|
16252
|
+
|
|
16253
|
+
.gsc-results .gsc-cursor-box .gsc-cursor-page {
|
|
16254
|
+
background-color: var(--body-bg, #fff) !important;
|
|
16255
|
+
color: var(--link-color, #046b99) !important;
|
|
16256
|
+
}
|
|
16257
|
+
|
|
16258
|
+
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
|
|
16259
|
+
color: var(--text-color, #3b3a48) !important;
|
|
16260
|
+
background-color: var(--body-bg, #fff) !important;
|
|
16169
16261
|
}
|
|
16170
16262
|
/* -----------------------------------------
|
|
16171
16263
|
GLOBAL NAVIGATION - /src/css/cagov/navigation.css
|
|
@@ -16277,7 +16369,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16277
16369
|
.nav-item-search:focus > a,
|
|
16278
16370
|
.nav-item-search:focus .first-level-btn,
|
|
16279
16371
|
.nav-item-search:focus .first-level-link {
|
|
16280
|
-
color: var(--color-p2, #046b99);
|
|
16372
|
+
color: var(--main-nav-color, var(--color-p2, #046b99));
|
|
16281
16373
|
}
|
|
16282
16374
|
|
|
16283
16375
|
.nav-item:hover > a > span[class^="ca-gov-icon"], .nav-item:hover .first-level-btn > span[class^="ca-gov-icon"], .nav-item:hover .first-level-link > span[class^="ca-gov-icon"], .nav-item:focus > a > span[class^="ca-gov-icon"], .nav-item:focus .first-level-btn > span[class^="ca-gov-icon"], .nav-item:focus .first-level-link > span[class^="ca-gov-icon"], .nav-item-search:hover > a > span[class^="ca-gov-icon"], .nav-item-search:hover .first-level-btn > span[class^="ca-gov-icon"], .nav-item-search:hover .first-level-link > span[class^="ca-gov-icon"], .nav-item-search:focus > a > span[class^="ca-gov-icon"], .nav-item-search:focus .first-level-btn > span[class^="ca-gov-icon"], .nav-item-search:focus .first-level-link > span[class^="ca-gov-icon"] {
|
|
@@ -16290,7 +16382,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16290
16382
|
.nav-item-search.active > a,
|
|
16291
16383
|
.nav-item-search.active .first-level-btn,
|
|
16292
16384
|
.nav-item-search.active .first-level-link {
|
|
16293
|
-
color: var(--color-p2, #046b99);
|
|
16385
|
+
color: var(--main-nav-color, var(--color-p2, #046b99));
|
|
16294
16386
|
}
|
|
16295
16387
|
|
|
16296
16388
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
@@ -16353,14 +16445,14 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16353
16445
|
position: relative;
|
|
16354
16446
|
text-align: center;
|
|
16355
16447
|
text-decoration: none;
|
|
16356
|
-
color: var(--color-p2, #046b99);
|
|
16448
|
+
color: var(--main-nav-color, var(--color-p2, #046b99));
|
|
16357
16449
|
}
|
|
16358
16450
|
|
|
16359
16451
|
.first-level-link:hover,
|
|
16360
16452
|
.first-level-link:focus,
|
|
16361
16453
|
.first-level-btn:hover,
|
|
16362
16454
|
.first-level-btn:focus {
|
|
16363
|
-
color: var(--gray-900, #3b3a48);
|
|
16455
|
+
color: var(--main-nav-color-hover, var(--gray-900, #3b3a48));
|
|
16364
16456
|
}
|
|
16365
16457
|
|
|
16366
16458
|
.first-level-link:focus, .first-level-btn:focus {
|
|
@@ -16404,21 +16496,24 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16404
16496
|
.full-width-nav .nav-item .first-level-link:focus,
|
|
16405
16497
|
.full-width-nav .nav-item .first-level-btn:hover,
|
|
16406
16498
|
.full-width-nav .nav-item .first-level-btn:focus {
|
|
16407
|
-
background-color: var(--gray-50, #fafafa);
|
|
16499
|
+
background-color: var(--main-nav-bg-hover, var(--gray-50, #fafafa));
|
|
16408
16500
|
}
|
|
16409
16501
|
|
|
16410
16502
|
.full-width-nav .nav-item .first-level-link.active, .full-width-nav .nav-item .first-level-btn.active {
|
|
16411
|
-
background-color: var(--gray-50, #fafafa);
|
|
16503
|
+
background-color: var(--main-nav-bg-active, var(--gray-50, #fafafa));
|
|
16412
16504
|
position: relative;
|
|
16413
|
-
color: var(--black, #000);
|
|
16505
|
+
color: var(--main-nav-color-active, var(--black, #000));
|
|
16414
16506
|
}
|
|
16415
16507
|
|
|
16416
16508
|
.full-width-nav .nav-item .first-level-link.active:hover,
|
|
16417
16509
|
.full-width-nav .nav-item .first-level-link.active:focus,
|
|
16418
16510
|
.full-width-nav .nav-item .first-level-btn.active:hover,
|
|
16419
16511
|
.full-width-nav .nav-item .first-level-btn.active:focus {
|
|
16420
|
-
color: var(--gray-800, #4a4958);
|
|
16421
|
-
background-color: var(
|
|
16512
|
+
color: var(--main-nav-color-active-hover, var(--gray-800, #4a4958));
|
|
16513
|
+
background-color: var(
|
|
16514
|
+
--main-nav-bg-active-hover,
|
|
16515
|
+
var(--gray-100, #f3f3f4)
|
|
16516
|
+
);
|
|
16422
16517
|
}
|
|
16423
16518
|
|
|
16424
16519
|
.full-width-nav .nav-item .first-level-link.active::before, .full-width-nav .nav-item .first-level-btn.active::before {
|
|
@@ -16427,7 +16522,8 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16427
16522
|
top: 0;
|
|
16428
16523
|
left: 0;
|
|
16429
16524
|
height: 100%;
|
|
16430
|
-
border-left: 1px solid
|
|
16525
|
+
border-left: 1px solid
|
|
16526
|
+
var(--main-nav-border-color, var(--gray-200, #d4d4d7));
|
|
16431
16527
|
}
|
|
16432
16528
|
|
|
16433
16529
|
.full-width-nav .nav-item .first-level-link.active::after, .full-width-nav .nav-item .first-level-btn.active::after {
|
|
@@ -16436,7 +16532,8 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16436
16532
|
top: 0;
|
|
16437
16533
|
right: 0;
|
|
16438
16534
|
height: 100%;
|
|
16439
|
-
border-left: 1px solid
|
|
16535
|
+
border-left: 1px solid
|
|
16536
|
+
var(--main-nav-border-color, var(--gray-200, #d4d4d7));
|
|
16440
16537
|
}
|
|
16441
16538
|
|
|
16442
16539
|
.full-width-nav .nav-item .first-level-link.has-sub, .full-width-nav .nav-item .first-level-btn.has-sub {
|
|
@@ -16466,17 +16563,20 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16466
16563
|
|
|
16467
16564
|
.full-width-nav .nav-item.active .first-level-link,
|
|
16468
16565
|
.full-width-nav .nav-item.active .first-level-btn {
|
|
16469
|
-
background-color: var(--gray-50, #fafafa);
|
|
16566
|
+
background-color: var(--main-nav-bg-active, var(--gray-50, #fafafa));
|
|
16470
16567
|
position: relative;
|
|
16471
|
-
color: var(--black, #000);
|
|
16568
|
+
color: var(--main-nav-color-active, var(--black, #000));
|
|
16472
16569
|
}
|
|
16473
16570
|
|
|
16474
16571
|
.full-width-nav .nav-item.active .first-level-link:hover,
|
|
16475
16572
|
.full-width-nav .nav-item.active .first-level-link:focus,
|
|
16476
16573
|
.full-width-nav .nav-item.active .first-level-btn:hover,
|
|
16477
16574
|
.full-width-nav .nav-item.active .first-level-btn:focus {
|
|
16478
|
-
color: var(--gray-800, #4a4958);
|
|
16479
|
-
background-color: var(
|
|
16575
|
+
color: var(--main-nav-color-active-hover, var(--gray-800, #4a4958));
|
|
16576
|
+
background-color: var(
|
|
16577
|
+
--main-nav-bg-active-hover,
|
|
16578
|
+
var(--gray-100, #f3f3f4)
|
|
16579
|
+
);
|
|
16480
16580
|
}
|
|
16481
16581
|
|
|
16482
16582
|
.full-width-nav .nav-item.active .first-level-link::before, .full-width-nav .nav-item.active .first-level-btn::before {
|
|
@@ -16485,7 +16585,8 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16485
16585
|
top: 0;
|
|
16486
16586
|
left: 0;
|
|
16487
16587
|
height: 100%;
|
|
16488
|
-
border-left: 1px solid
|
|
16588
|
+
border-left: 1px solid
|
|
16589
|
+
var(--main-nav-border-color, var(--gray-200, #d4d4d7));
|
|
16489
16590
|
}
|
|
16490
16591
|
|
|
16491
16592
|
.full-width-nav .nav-item.active .first-level-link::after, .full-width-nav .nav-item.active .first-level-btn::after {
|
|
@@ -16494,7 +16595,8 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16494
16595
|
top: 0;
|
|
16495
16596
|
right: 0;
|
|
16496
16597
|
height: 100%;
|
|
16497
|
-
border-left: 1px solid
|
|
16598
|
+
border-left: 1px solid
|
|
16599
|
+
var(--main-nav-border-color, var(--gray-200, #d4d4d7));
|
|
16498
16600
|
}
|
|
16499
16601
|
|
|
16500
16602
|
@media (min-width: 992px) {
|
|
@@ -16528,9 +16630,9 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16528
16630
|
|
|
16529
16631
|
.top-level-nav .nav-item .sub-nav {
|
|
16530
16632
|
top: 100%;
|
|
16531
|
-
border: solid 1px #ccc;
|
|
16633
|
+
border: solid 1px var(--main-nav-border-color, #ccc);
|
|
16532
16634
|
box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
|
|
16533
|
-
background: var(--white, #fff);
|
|
16635
|
+
background: var(--main-nav-bg, var(--white, #fff));
|
|
16534
16636
|
}
|
|
16535
16637
|
.top-level-nav .nav-item .sub-nav .second-level-nav > li {
|
|
16536
16638
|
border: none;
|
|
@@ -16538,19 +16640,19 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16538
16640
|
|
|
16539
16641
|
.top-level-nav .nav-item .sub-nav .second-level-nav > li:hover,
|
|
16540
16642
|
.top-level-nav .nav-item .sub-nav .second-level-nav > li:focus {
|
|
16541
|
-
background: #fff;
|
|
16643
|
+
background: var(--main-nav-bg-hover, #fff);
|
|
16542
16644
|
}
|
|
16543
16645
|
|
|
16544
16646
|
.top-level-nav .nav-item .sub-nav .second-level-nav .link-description {
|
|
16545
|
-
color: var(--gray-700, #5e5e6a);
|
|
16647
|
+
color: var(--text-muted, var(--gray-700, #5e5e6a));
|
|
16546
16648
|
}
|
|
16547
16649
|
|
|
16548
16650
|
.top-level-nav .nav-item .sub-nav .second-level-link {
|
|
16549
|
-
color: var(--color-p2, #046b99);
|
|
16651
|
+
color: var(--main-nav-color, var(--color-p2, #046b99));
|
|
16550
16652
|
}
|
|
16551
16653
|
|
|
16552
16654
|
.top-level-nav .nav-item .sub-nav .second-level-link [class^="ca-gov-icon-"] {
|
|
16553
|
-
color: var(--gray-700, #5e5e6a);
|
|
16655
|
+
color: var(--text-muted, var(--gray-700, #5e5e6a));
|
|
16554
16656
|
}
|
|
16555
16657
|
|
|
16556
16658
|
.top-level-nav .nav-item > a {
|
|
@@ -16709,7 +16811,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16709
16811
|
}
|
|
16710
16812
|
|
|
16711
16813
|
.top-level-nav .nav-item .first-level-link:focus, .top-level-nav .nav-item .first-level-btn:focus {
|
|
16712
|
-
outline: 2px solid var(--outline-dark-
|
|
16814
|
+
outline: 2px solid var(--outline-for-dark-bg);
|
|
16713
16815
|
outline-offset: -4px;
|
|
16714
16816
|
}
|
|
16715
16817
|
|
|
@@ -16769,7 +16871,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16769
16871
|
}
|
|
16770
16872
|
|
|
16771
16873
|
.top-level-nav .nav-item .sub-nav .second-level-link:focus {
|
|
16772
|
-
outline: 2px solid var(--outline-dark-
|
|
16874
|
+
outline: 2px solid var(--outline-for-dark-bg);
|
|
16773
16875
|
outline-offset: -4px;
|
|
16774
16876
|
}
|
|
16775
16877
|
|
|
@@ -16808,9 +16910,17 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16808
16910
|
.header-decoration {
|
|
16809
16911
|
display: none;
|
|
16810
16912
|
}
|
|
16811
|
-
.nav-drawer + .search-container #Search .
|
|
16812
|
-
|
|
16913
|
+
.nav-drawer + .search-container #Search .search-textfield {
|
|
16914
|
+
border-color: var(--white, #fff);
|
|
16915
|
+
}
|
|
16916
|
+
|
|
16917
|
+
.nav-drawer + .search-container #Search .gsc-search-button {
|
|
16918
|
+
border-color: var(--white, #fff);
|
|
16813
16919
|
}
|
|
16920
|
+
|
|
16921
|
+
.nav-drawer + .search-container #Search .gsc-search-button:focus {
|
|
16922
|
+
outline: 2px solid var(--outline-for-light-bg, #0b8ee5);
|
|
16923
|
+
}
|
|
16814
16924
|
}
|
|
16815
16925
|
|
|
16816
16926
|
.nav-arrow-down {
|
|
@@ -16867,7 +16977,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16867
16977
|
|
|
16868
16978
|
.full-width-nav .main-navigation.dropdown .second-level-nav .unit1 a.second-level-link:hover,
|
|
16869
16979
|
.full-width-nav .main-navigation.dropdown .second-level-nav .unit1 a.second-level-link:focus {
|
|
16870
|
-
background-color: var(--gray-50, #fafafa);
|
|
16980
|
+
background-color: var(--main-nav-bg-hover, var(--gray-50, #fafafa));
|
|
16871
16981
|
text-decoration: none;
|
|
16872
16982
|
}
|
|
16873
16983
|
.full-width-nav .main-navigation .top-level-nav .first-level-btn.has-sub .carrot {
|
|
@@ -16884,8 +16994,8 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
16884
16994
|
position: relative;
|
|
16885
16995
|
width: 0.55rem;
|
|
16886
16996
|
height: 0.55rem;
|
|
16887
|
-
border-top: 2px solid var(--color
|
|
16888
|
-
border-left: 2px solid var(--color
|
|
16997
|
+
border-top: 2px solid var(--main-nav-color, #046b99);
|
|
16998
|
+
border-left: 2px solid var(--main-nav-color, #046b99);
|
|
16889
16999
|
transform: rotate(225deg);
|
|
16890
17000
|
vertical-align: middle;
|
|
16891
17001
|
top: -2px;
|
|
@@ -17396,7 +17506,7 @@ a.second-level-link {
|
|
|
17396
17506
|
}
|
|
17397
17507
|
|
|
17398
17508
|
.second-level-nav.flex a:hover {
|
|
17399
|
-
background: #fff;
|
|
17509
|
+
background: var(--main-nav-bg-hover, #fff);
|
|
17400
17510
|
}
|
|
17401
17511
|
|
|
17402
17512
|
.second-level-nav.flex .sub-nav-link {
|
|
@@ -17404,15 +17514,23 @@ a.second-level-link {
|
|
|
17404
17514
|
margin: 0;
|
|
17405
17515
|
}
|
|
17406
17516
|
|
|
17517
|
+
.second-level-nav.flex .image-icon {
|
|
17518
|
+
width: 6rem;
|
|
17519
|
+
}
|
|
17520
|
+
|
|
17407
17521
|
.second-level-nav.flex.with-border a {
|
|
17408
|
-
border-top: 2px dotted #ccc;
|
|
17409
|
-
border-right: 2px dotted #ccc;
|
|
17410
|
-
border-bottom: 2px dotted #ccc;
|
|
17522
|
+
border-top: 2px dotted var(--border-color-default, #ccc);
|
|
17523
|
+
border-right: 2px dotted var(--border-color-default, #ccc);
|
|
17524
|
+
border-bottom: 2px dotted var(--border-color-default, #ccc);
|
|
17411
17525
|
}
|
|
17412
17526
|
|
|
17413
|
-
.second-level-nav.flex.with-border a:first-
|
|
17414
|
-
border-left: 2px dotted #ccc;
|
|
17527
|
+
.second-level-nav.flex.with-border a:first-of-type {
|
|
17528
|
+
border-left: 2px dotted var(--border-color-default, #ccc);
|
|
17415
17529
|
}
|
|
17530
|
+
|
|
17531
|
+
/* .second-level-nav.flex.with-border a:first-of-type {
|
|
17532
|
+
border-left: 2px dotted var(--border-color-default, #ccc);
|
|
17533
|
+
} */
|
|
17416
17534
|
}
|
|
17417
17535
|
|
|
17418
17536
|
@media (max-width: 991px) {
|
|
@@ -17424,7 +17542,7 @@ a.second-level-link {
|
|
|
17424
17542
|
|
|
17425
17543
|
.second-level-nav.flex a {
|
|
17426
17544
|
display: block;
|
|
17427
|
-
border-bottom: 1px solid #ccc;
|
|
17545
|
+
border-bottom: 1px solid var(--border-color-default, #ccc);
|
|
17428
17546
|
padding: 0;
|
|
17429
17547
|
margin-top: 0;
|
|
17430
17548
|
margin-bottom: 0;
|
|
@@ -17433,7 +17551,7 @@ a.second-level-link {
|
|
|
17433
17551
|
}
|
|
17434
17552
|
|
|
17435
17553
|
.second-level-nav.flex a:hover {
|
|
17436
|
-
background: #fff;
|
|
17554
|
+
background: var(--main-nav-bg-hover, #fff);
|
|
17437
17555
|
}
|
|
17438
17556
|
|
|
17439
17557
|
.second-level-nav.flex .sub-nav-link {
|
|
@@ -17547,7 +17665,7 @@ header.nav-overlay::after {
|
|
|
17547
17665
|
opacity: 1;
|
|
17548
17666
|
transform: rotate(0deg);
|
|
17549
17667
|
transition: 0.25s ease-in-out;
|
|
17550
|
-
background-color: var(--color
|
|
17668
|
+
background-color: var(--mobile-menu-icon-color, #046b99);
|
|
17551
17669
|
}
|
|
17552
17670
|
|
|
17553
17671
|
.toggle-menu span:nth-child(1) {
|
|
@@ -17593,7 +17711,7 @@ header.nav-overlay::after {
|
|
|
17593
17711
|
}
|
|
17594
17712
|
|
|
17595
17713
|
.nav-drawer .toggle-menu:focus {
|
|
17596
|
-
outline: 2px solid var(--outline-dark-
|
|
17714
|
+
outline: 2px solid var(--outline-for-dark-bg);
|
|
17597
17715
|
}
|
|
17598
17716
|
|
|
17599
17717
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
@@ -17684,7 +17802,7 @@ header.nav-overlay::after {
|
|
|
17684
17802
|
}
|
|
17685
17803
|
|
|
17686
17804
|
.mobile-controls.toggle-sub-nav {
|
|
17687
|
-
color: var(--color
|
|
17805
|
+
color: var(--mobile-menu-icon-color, #046b99);
|
|
17688
17806
|
background-color: color-mix(in srgb, var(--color-s1), #000 6%);
|
|
17689
17807
|
}
|
|
17690
17808
|
|
|
@@ -17815,8 +17933,8 @@ header.nav-overlay::after {
|
|
|
17815
17933
|
width: 100%;
|
|
17816
17934
|
min-height: 42px;
|
|
17817
17935
|
transition: all 0.3s ease;
|
|
17818
|
-
background: var(--color-s1, #eef8fb);
|
|
17819
|
-
color: var(--
|
|
17936
|
+
background: var(--utility-header-background, var(--color-s1, #eef8fb));
|
|
17937
|
+
color: var(--text-color, #000);
|
|
17820
17938
|
}
|
|
17821
17939
|
|
|
17822
17940
|
.utility-header .half {
|
|
@@ -17860,14 +17978,14 @@ header.nav-overlay::after {
|
|
|
17860
17978
|
display: inline-block;
|
|
17861
17979
|
padding: 0;
|
|
17862
17980
|
text-decoration: underline;
|
|
17863
|
-
color: var(--
|
|
17981
|
+
color: var(--utility-link, #000);
|
|
17864
17982
|
}
|
|
17865
17983
|
|
|
17866
17984
|
.utility-header a:hover,
|
|
17867
17985
|
.utility-header a:focus,
|
|
17868
17986
|
.utility-header a.hovered {
|
|
17869
17987
|
text-decoration: none;
|
|
17870
|
-
color: var(--
|
|
17988
|
+
color: var(--utility-link-hover, #4a4958);
|
|
17871
17989
|
}
|
|
17872
17990
|
|
|
17873
17991
|
.utility-header ul {
|
|
@@ -17910,7 +18028,7 @@ header.nav-overlay::after {
|
|
|
17910
18028
|
|
|
17911
18029
|
.utility-header ul li button:hover,
|
|
17912
18030
|
.utility-header ul li button:focus {
|
|
17913
|
-
color: var(--
|
|
18031
|
+
color: var(--utility-link-hover, #4a4958);
|
|
17914
18032
|
background-color: transparent;
|
|
17915
18033
|
border: none;
|
|
17916
18034
|
}
|
|
@@ -17945,7 +18063,7 @@ header.nav-overlay::after {
|
|
|
17945
18063
|
vertical-align: initial;
|
|
17946
18064
|
line-height: 120%;
|
|
17947
18065
|
background: white;
|
|
17948
|
-
color: var(--
|
|
18066
|
+
color: var(--text-color, #000);
|
|
17949
18067
|
}
|
|
17950
18068
|
|
|
17951
18069
|
.utility-header .flex-row {
|
|
@@ -17975,13 +18093,13 @@ header.nav-overlay::after {
|
|
|
17975
18093
|
margin: 0;
|
|
17976
18094
|
padding-right: 0;
|
|
17977
18095
|
font-size: 0.95rem;
|
|
17978
|
-
color: var(--
|
|
18096
|
+
color: var(--utility-link, #000);
|
|
17979
18097
|
}
|
|
17980
18098
|
|
|
17981
18099
|
.utility-header .flex-row .settings-links button:hover,
|
|
17982
18100
|
.utility-header .flex-row .settings-links button:focus {
|
|
17983
18101
|
text-decoration: none;
|
|
17984
|
-
color: var(--
|
|
18102
|
+
color: var(--utility-link-hover, #4a4958);
|
|
17985
18103
|
}
|
|
17986
18104
|
|
|
17987
18105
|
.utility-header .flex-row .social-media-links {
|
|
@@ -17996,13 +18114,13 @@ header.nav-overlay::after {
|
|
|
17996
18114
|
|
|
17997
18115
|
.utility-header .flex-row .social-media-links a {
|
|
17998
18116
|
margin: 0 10px;
|
|
17999
|
-
color: var(--
|
|
18117
|
+
color: var(--link-color, #000);
|
|
18000
18118
|
text-decoration: none;
|
|
18001
18119
|
}
|
|
18002
18120
|
|
|
18003
18121
|
.utility-header .flex-row .social-media-links a:hover,
|
|
18004
18122
|
.utility-header .flex-row .social-media-links a:focus {
|
|
18005
|
-
color: var(--
|
|
18123
|
+
color: var(--link-color-hover, #4a4958);
|
|
18006
18124
|
}
|
|
18007
18125
|
|
|
18008
18126
|
.utility-header .flex-row .social-media-links .header-cagov-logo {
|
|
@@ -18042,6 +18160,7 @@ header.nav-overlay::after {
|
|
|
18042
18160
|
.utility-header .flex-row .social-media-links .official-tag {
|
|
18043
18161
|
margin: 0 1rem 0 0;
|
|
18044
18162
|
font-size: 0.95rem;
|
|
18163
|
+
color: var(--text-color, #3b3a48);
|
|
18045
18164
|
}
|
|
18046
18165
|
|
|
18047
18166
|
@media (max-width: 767px) {
|
|
@@ -18081,7 +18200,7 @@ header.nav-overlay::after {
|
|
|
18081
18200
|
.section {
|
|
18082
18201
|
padding-top: 25px;
|
|
18083
18202
|
padding-bottom: 25px;
|
|
18084
|
-
background: var(--
|
|
18203
|
+
background: var(--body-bg, #fff);
|
|
18085
18204
|
position: relative;
|
|
18086
18205
|
overflow: hidden;
|
|
18087
18206
|
}
|
|
@@ -18109,7 +18228,12 @@ header.nav-overlay::after {
|
|
|
18109
18228
|
}
|
|
18110
18229
|
|
|
18111
18230
|
.section-default {
|
|
18112
|
-
background: var(--gray-50, #fafafa);
|
|
18231
|
+
background: var(--default-bg, var(--gray-50, #fafafa));
|
|
18232
|
+
}
|
|
18233
|
+
|
|
18234
|
+
.section-default-hover:hover,
|
|
18235
|
+
.section-default-hover:focus {
|
|
18236
|
+
background: var(--default-bg-hover, var(--gray-75, #f2f2f2));
|
|
18113
18237
|
}
|
|
18114
18238
|
|
|
18115
18239
|
.section-understated {
|
|
@@ -18514,18 +18638,18 @@ header.nav-overlay::after {
|
|
|
18514
18638
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
18515
18639
|
|
|
18516
18640
|
.section-primary a:not(.btn) {
|
|
18517
|
-
color: var(--white, #fff);
|
|
18641
|
+
color: var(--dark-section-link-color, var(--white, #fff));
|
|
18518
18642
|
text-decoration: underline;
|
|
18519
18643
|
}
|
|
18520
18644
|
|
|
18521
18645
|
.section-primary a:not(.btn):hover,
|
|
18522
18646
|
.section-primary a:not(.btn):focus {
|
|
18523
|
-
color: var(--color-s1, #eef8fb);
|
|
18647
|
+
color: var(--dark-section-link-color-hover, var(--color-s1, #eef8fb));
|
|
18524
18648
|
text-decoration: underline;
|
|
18525
18649
|
}
|
|
18526
18650
|
|
|
18527
18651
|
.section-primary a:not(.btn):focus {
|
|
18528
|
-
outline: 2px solid var(--outline-dark-
|
|
18652
|
+
outline: 2px solid var(--outline-for-dark-bg);
|
|
18529
18653
|
outline-offset: -2px;
|
|
18530
18654
|
}
|
|
18531
18655
|
|
|
@@ -19779,7 +19903,7 @@ html {
|
|
|
19779
19903
|
}
|
|
19780
19904
|
|
|
19781
19905
|
.tab-group .tab-content {
|
|
19782
|
-
border: 1px solid var(--
|
|
19906
|
+
border: 1px solid var(--border-color-default, #d4d4d7);
|
|
19783
19907
|
}
|
|
19784
19908
|
|
|
19785
19909
|
@media (max-width: 767px) {
|
|
@@ -19850,12 +19974,12 @@ html {
|
|
|
19850
19974
|
background-color: transparent !important;
|
|
19851
19975
|
border: none !important;
|
|
19852
19976
|
cursor: default;
|
|
19853
|
-
color: var(--
|
|
19977
|
+
color: var(--text-color, #3b3a48) !important;
|
|
19854
19978
|
position: relative;
|
|
19855
19979
|
}
|
|
19856
19980
|
|
|
19857
19981
|
.nav-tabs > li > a.active:hover {
|
|
19858
|
-
color: var(--
|
|
19982
|
+
color: var(--text-muted, #5e5e6a) !important;
|
|
19859
19983
|
}
|
|
19860
19984
|
|
|
19861
19985
|
.nav-tabs > li > a.active::after {
|
|
@@ -19955,14 +20079,14 @@ html {
|
|
|
19955
20079
|
padding: 0.5rem 1rem;
|
|
19956
20080
|
font-size: 1.25rem;
|
|
19957
20081
|
font-weight: 600;
|
|
19958
|
-
background-color: var(--
|
|
20082
|
+
background-color: var(--default-bg, #fafafa);
|
|
19959
20083
|
text-decoration: none;
|
|
19960
20084
|
position: relative;
|
|
19961
20085
|
}
|
|
19962
20086
|
|
|
19963
20087
|
.responsive .tab-pane .card-header a:hover,
|
|
19964
20088
|
.responsive .tab-pane .card-header a:focus {
|
|
19965
|
-
background-color: var(--
|
|
20089
|
+
background-color: var(--default-bg-darker, #f3f3f4);
|
|
19966
20090
|
}
|
|
19967
20091
|
|
|
19968
20092
|
.responsive .tab-pane .card-header a:focus {
|
|
@@ -19975,8 +20099,8 @@ html {
|
|
|
19975
20099
|
position: absolute;
|
|
19976
20100
|
top: 1.125rem;
|
|
19977
20101
|
right: 1rem;
|
|
19978
|
-
border-right: 2px solid
|
|
19979
|
-
border-top: 2px solid
|
|
20102
|
+
border-right: 2px solid var(--base-dark, #000);
|
|
20103
|
+
border-top: 2px solid var(--base-dark, #000);
|
|
19980
20104
|
border-radius: 3px;
|
|
19981
20105
|
width: 10px;
|
|
19982
20106
|
height: 10px;
|
|
@@ -19985,12 +20109,12 @@ html {
|
|
|
19985
20109
|
}
|
|
19986
20110
|
|
|
19987
20111
|
.responsive .tab-pane .card-header a[aria-expanded="true"] {
|
|
19988
|
-
color: var(--
|
|
20112
|
+
color: var(--base-dark, #000);
|
|
19989
20113
|
}
|
|
19990
20114
|
|
|
19991
20115
|
.responsive .tab-pane .card-header a[aria-expanded="true"]:hover,
|
|
19992
20116
|
.responsive .tab-pane .card-header a[aria-expanded="true"]:focus {
|
|
19993
|
-
color: var(--gray-800, #4a4958);
|
|
20117
|
+
color: var(--text-secondary, var(--gray-800, #4a4958));
|
|
19994
20118
|
}
|
|
19995
20119
|
|
|
19996
20120
|
.responsive .tab-pane .card-header a[aria-expanded="true"]::before {
|
|
@@ -20044,7 +20168,7 @@ html {
|
|
|
20044
20168
|
border: none;
|
|
20045
20169
|
position: relative;
|
|
20046
20170
|
margin: 0;
|
|
20047
|
-
color: var(--black, #000);
|
|
20171
|
+
color: var(--base-dark, var(--black, #000));
|
|
20048
20172
|
}
|
|
20049
20173
|
|
|
20050
20174
|
.tabs [role="tablist"] [aria-selected]::after {
|
|
@@ -20058,7 +20182,7 @@ html {
|
|
|
20058
20182
|
}
|
|
20059
20183
|
|
|
20060
20184
|
.tabs [role="tabpanel"] {
|
|
20061
|
-
border: 1px solid var(--
|
|
20185
|
+
border: 1px solid var(--border-color-default, #d4d4d7);
|
|
20062
20186
|
padding: 1.1rem;
|
|
20063
20187
|
margin-top: -2px;
|
|
20064
20188
|
}
|
|
@@ -20096,23 +20220,24 @@ cagov-accordion > details {
|
|
|
20096
20220
|
cagov-accordion > details > summary {
|
|
20097
20221
|
cursor: pointer;
|
|
20098
20222
|
padding: 0.5rem 3rem 0.5rem 3.75rem;
|
|
20099
|
-
background-color: var(--gray-50, #fafafa);
|
|
20223
|
+
background-color: var(--default-bg, var(--gray-50, #fafafa));
|
|
20100
20224
|
position: relative;
|
|
20101
20225
|
line-height: 2rem;
|
|
20102
20226
|
margin: 0;
|
|
20103
|
-
color: var(--gray-
|
|
20227
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
20104
20228
|
font-size: 1.125rem;
|
|
20105
20229
|
font-weight: bold;
|
|
20106
|
-
border: 1px solid var(--gray-200, #d4d4d7);
|
|
20230
|
+
border: 1px solid var(--border-color-default, var(--gray-200, #d4d4d7));
|
|
20107
20231
|
}
|
|
20108
20232
|
cagov-accordion > details > summary::before {
|
|
20109
20233
|
position: absolute;
|
|
20110
20234
|
height: 100%;
|
|
20111
20235
|
width: 2.75rem;
|
|
20112
|
-
border-right: 1px solid
|
|
20236
|
+
border-right: 1px solid
|
|
20237
|
+
var(--border-color-default, var(--gray-200, #d4d4d7));
|
|
20113
20238
|
top: 0;
|
|
20114
20239
|
left: 0;
|
|
20115
|
-
background-color: var(--gray-50, #fafafa);
|
|
20240
|
+
background-color: var(--default-bg, var(--gray-50, #fafafa));
|
|
20116
20241
|
border-radius: 3px 0 0 3px;
|
|
20117
20242
|
content: "";
|
|
20118
20243
|
}
|
|
@@ -20134,17 +20259,29 @@ cagov-accordion > details > summary .cagov-open-indicator {
|
|
|
20134
20259
|
height: 0;
|
|
20135
20260
|
}
|
|
20136
20261
|
cagov-accordion > details > summary .cagov-open-indicator::before {
|
|
20137
|
-
|
|
20138
|
-
|
|
20262
|
+
content: "";
|
|
20263
|
+
display: inline-block;
|
|
20264
|
+
text-decoration: none;
|
|
20139
20265
|
position: absolute;
|
|
20140
|
-
|
|
20141
|
-
|
|
20266
|
+
width: 0.5rem;
|
|
20267
|
+
height: 0.5rem;
|
|
20268
|
+
border-top: 2px solid var(--text-color, var(--gray-900, #3b3a48));
|
|
20269
|
+
border-left: 2px solid var(--text-color, var(--gray-900, #3b3a48));
|
|
20270
|
+
left: 0.55rem;
|
|
20271
|
+
top: 1rem;
|
|
20272
|
+
vertical-align: middle;
|
|
20273
|
+
transform-origin: center;
|
|
20274
|
+
transform: translateY(-50%) rotate(135deg);
|
|
20275
|
+
transition: transform 300ms ease-in-out;
|
|
20142
20276
|
}
|
|
20143
20277
|
cagov-accordion > details > summary:hover {
|
|
20144
|
-
color: black;
|
|
20278
|
+
color: var(--text-color-hover, black);
|
|
20145
20279
|
}
|
|
20146
20280
|
cagov-accordion > details > summary:hover::before {
|
|
20147
|
-
background-color: var(
|
|
20281
|
+
background-color: var(
|
|
20282
|
+
--default-bg-hover-darker,
|
|
20283
|
+
var(--gray-100, #f3f3f4)
|
|
20284
|
+
);
|
|
20148
20285
|
}
|
|
20149
20286
|
cagov-accordion > details .accordion-body {
|
|
20150
20287
|
padding: 1rem;
|
|
@@ -20167,7 +20304,10 @@ cagov-accordion:defined > details > summary::-webkit-details-marker {
|
|
|
20167
20304
|
display: none;
|
|
20168
20305
|
}
|
|
20169
20306
|
cagov-accordion:defined > details > summary:focus::before {
|
|
20170
|
-
background-color: var(
|
|
20307
|
+
background-color: var(
|
|
20308
|
+
--default-bg-hover-darker,
|
|
20309
|
+
var(--gray-100, #f3f3f4)
|
|
20310
|
+
);
|
|
20171
20311
|
}
|
|
20172
20312
|
cagov-accordion:defined > details > summary:focus::after {
|
|
20173
20313
|
outline: 2px solid var(--outline-default-color);
|
|
@@ -20177,14 +20317,17 @@ cagov-accordion:defined > details[open] {
|
|
|
20177
20317
|
height: auto;
|
|
20178
20318
|
}
|
|
20179
20319
|
cagov-accordion:defined > details[open] .cagov-open-indicator::before {
|
|
20180
|
-
transform:
|
|
20320
|
+
transform: translate(0.125rem, -50%) rotate(225deg);
|
|
20181
20321
|
}
|
|
20182
20322
|
cagov-accordion:defined > details[open] > summary {
|
|
20183
20323
|
border-radius: 4px 4px 0 0;
|
|
20184
20324
|
}
|
|
20185
20325
|
cagov-accordion:defined > details[open] > summary::before {
|
|
20186
20326
|
border-radius: 3px 0 0;
|
|
20187
|
-
background-color: var(
|
|
20327
|
+
background-color: var(
|
|
20328
|
+
--default-bg-hover-darker,
|
|
20329
|
+
var(--gray-100, #f3f3f4)
|
|
20330
|
+
);
|
|
20188
20331
|
}
|
|
20189
20332
|
cagov-accordion:defined > details[open] > summary:focus::after {
|
|
20190
20333
|
border-radius: 3px 3px 0 0;
|
|
@@ -20252,13 +20395,13 @@ cagov-accordion:defined > details[open] > summary:focus::after {
|
|
|
20252
20395
|
}
|
|
20253
20396
|
|
|
20254
20397
|
.accordion__trigger:hover {
|
|
20255
|
-
color: var(--link-hover
|
|
20398
|
+
color: var(--link-color-hover, #005a7f);
|
|
20256
20399
|
}
|
|
20257
20400
|
|
|
20258
20401
|
.accordion__trigger::before {
|
|
20259
20402
|
border-left: 0.3em solid transparent;
|
|
20260
20403
|
border-right: 0.3em solid transparent;
|
|
20261
|
-
border-top: 0.3em solid #
|
|
20404
|
+
border-top: 0.3em solid var(--text-color, #3b3a48);
|
|
20262
20405
|
bottom: 0;
|
|
20263
20406
|
content: "";
|
|
20264
20407
|
height: 0;
|
|
@@ -20333,13 +20476,13 @@ cagov-accordion:defined > details[open] > summary:focus::after {
|
|
|
20333
20476
|
.accordion-list.list-group .list-group-item:focus {
|
|
20334
20477
|
outline: 2px solid var(--outline-default-color);
|
|
20335
20478
|
outline-offset: -2px;
|
|
20336
|
-
background-color: var(--gray-50, #fafafa);
|
|
20479
|
+
background-color: var(--default-bg, (--gray-50, #fafafa));
|
|
20337
20480
|
}
|
|
20338
20481
|
.accordion-list.list-group .list-group-item:hover {
|
|
20339
|
-
background-color: var(--gray-50, #fafafa);
|
|
20482
|
+
background-color: var(--default-bg, (--gray-50, #fafafa));
|
|
20340
20483
|
}
|
|
20341
20484
|
.accordion-list.list-group .list-group-item.open {
|
|
20342
|
-
background-color: var(--gray-50, #fafafa);
|
|
20485
|
+
background-color: var(--default-bg, (--gray-50, #fafafa));
|
|
20343
20486
|
}
|
|
20344
20487
|
.accordion-list.list-group .list-group-item.open .rotate {
|
|
20345
20488
|
transform: rotate(90deg) !important;
|
|
@@ -20382,12 +20525,12 @@ cagov-accordion:defined > details[open] > summary:focus::after {
|
|
|
20382
20525
|
padding: 0.75rem 1.25rem !important;
|
|
20383
20526
|
text-decoration: none;
|
|
20384
20527
|
font-weight: 500;
|
|
20385
|
-
color: var(--gray-800, #4a4958);
|
|
20528
|
+
color: var(--text-color, var(--gray-800, #4a4958));
|
|
20386
20529
|
}
|
|
20387
20530
|
|
|
20388
20531
|
.side-nav .accordion .accordion__heading .accordion__trigger:hover,
|
|
20389
20532
|
.side-nav .accordion .accordion__heading .accordion__trigger:focus {
|
|
20390
|
-
background-color: #
|
|
20533
|
+
background-color: var(--sidenav-hover-bg, var(--gray-50, #fafafa));
|
|
20391
20534
|
}
|
|
20392
20535
|
|
|
20393
20536
|
.side-nav .accordion .accordion__heading .accordion__trigger::before {
|
|
@@ -20407,48 +20550,74 @@ cagov-accordion:defined > details[open] > summary:focus::after {
|
|
|
20407
20550
|
}
|
|
20408
20551
|
|
|
20409
20552
|
.side-nav .accordion .accordion__heading.active .accordion__trigger {
|
|
20410
|
-
color: var(--white, #fff) !important;
|
|
20411
|
-
background-color: var(--color-p2, #046b99);
|
|
20553
|
+
color: var(--base-light, var(--white, #fff)) !important;
|
|
20554
|
+
background-color: var(--link-color, var(--color-p2, #046b99));
|
|
20412
20555
|
}
|
|
20413
20556
|
|
|
20414
20557
|
.side-nav .accordion .accordion__heading.active .accordion__trigger:hover,
|
|
20415
20558
|
.side-nav .accordion .accordion__heading.active .accordion__trigger:focus {
|
|
20416
|
-
background-color: var(
|
|
20559
|
+
background-color: var(
|
|
20560
|
+
--link-color-hover,
|
|
20561
|
+
var(--color-p2-darker, #214a68)
|
|
20562
|
+
) !important;
|
|
20417
20563
|
}
|
|
20418
20564
|
|
|
20419
20565
|
.side-nav.section-understated .accordion .accordion__heading .accordion__trigger {
|
|
20420
|
-
color: var(--gray-800, #4a4958);
|
|
20566
|
+
color: var(--text-color, var(--gray-800, #4a4958));
|
|
20421
20567
|
}
|
|
20422
20568
|
|
|
20423
20569
|
.side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger {
|
|
20424
|
-
|
|
20570
|
+
color: var(--base-light, var(--white, #fff)) !important;
|
|
20571
|
+
background-color: var(
|
|
20572
|
+
--link-color,
|
|
20573
|
+
var(--color-p2, #046b99)
|
|
20574
|
+
) !important;
|
|
20425
20575
|
}
|
|
20426
20576
|
|
|
20427
20577
|
.side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:hover,
|
|
20428
20578
|
.side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:focus {
|
|
20429
|
-
background-color: var(
|
|
20579
|
+
background-color: var(
|
|
20580
|
+
--link-color-hover,
|
|
20581
|
+
var(--color-p2-darker, #214a68)
|
|
20582
|
+
) !important;
|
|
20430
20583
|
}
|
|
20431
20584
|
|
|
20432
20585
|
.side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger {
|
|
20433
|
-
color: var(--gray-800, #4a4958) !important;
|
|
20434
|
-
background-color: var(
|
|
20586
|
+
color: var(--text-color, var(--gray-800, #4a4958)) !important;
|
|
20587
|
+
background-color: var(
|
|
20588
|
+
--default-bg,
|
|
20589
|
+
var(--gray-50, #fafafa)
|
|
20590
|
+
) !important;
|
|
20435
20591
|
}
|
|
20436
20592
|
|
|
20437
20593
|
.side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:hover,
|
|
20438
20594
|
.side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:focus {
|
|
20439
|
-
color: var(--black, #000) !important;
|
|
20440
|
-
background-color: var(
|
|
20595
|
+
color: var(--text-color-hover, var(--black, #000)) !important;
|
|
20596
|
+
background-color: var(
|
|
20597
|
+
--default-bg-hover,
|
|
20598
|
+
var(--gray-100, #f3f3f4)
|
|
20599
|
+
) !important;
|
|
20441
20600
|
}
|
|
20442
20601
|
|
|
20602
|
+
.side-nav.section-primary .accordion .accordion__heading.active {
|
|
20603
|
+
border: 1px solid var(--base-dark, var(--black, #000)) !important;
|
|
20604
|
+
}
|
|
20605
|
+
|
|
20443
20606
|
.side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger {
|
|
20444
|
-
color: var(--gray-800, #4a4958) !important;
|
|
20445
|
-
background-color: var(
|
|
20607
|
+
color: var(--base-dark, var(--gray-800, #4a4958)) !important;
|
|
20608
|
+
background-color: var(
|
|
20609
|
+
--sidenav-active-bg,
|
|
20610
|
+
var(--gray-75, #f2f2f2)
|
|
20611
|
+
) !important;
|
|
20446
20612
|
}
|
|
20447
20613
|
|
|
20448
20614
|
.side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:hover,
|
|
20449
20615
|
.side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:focus {
|
|
20450
|
-
color: var(--black, #000) !important;
|
|
20451
|
-
background-color: var(
|
|
20616
|
+
color: var(--text-color-hover, var(--black, #000)) !important;
|
|
20617
|
+
background-color: var(
|
|
20618
|
+
--sidenav-active-hover-bg,
|
|
20619
|
+
var(--gray-100, #f3f3f4)
|
|
20620
|
+
) !important;
|
|
20452
20621
|
}
|
|
20453
20622
|
|
|
20454
20623
|
.side-subnav {
|
|
@@ -20469,15 +20638,16 @@ cagov-accordion:defined > details[open] > summary:focus::after {
|
|
|
20469
20638
|
padding-bottom: 0.7rem;
|
|
20470
20639
|
padding-left: 2.5rem;
|
|
20471
20640
|
text-decoration: none !important;
|
|
20472
|
-
border-bottom: 1px solid
|
|
20473
|
-
|
|
20641
|
+
border-bottom: 1px solid
|
|
20642
|
+
var(--border-color-muted, var(--gray-100, #f3f3f4));
|
|
20643
|
+
color: var(--text-color, var(--gray-800, #4a4958));
|
|
20474
20644
|
}
|
|
20475
20645
|
|
|
20476
20646
|
.side-subnav li a:hover,
|
|
20477
20647
|
.side-subnav li a:focus {
|
|
20478
20648
|
text-decoration: none;
|
|
20479
|
-
background-color: var(--gray-50, #fafafa);
|
|
20480
|
-
color: var(--black, #000);
|
|
20649
|
+
background-color: var(--sidenav-hover-bg, var(--gray-50, #fafafa));
|
|
20650
|
+
color: var(--text-color-hover, var(--black, #000));
|
|
20481
20651
|
}
|
|
20482
20652
|
|
|
20483
20653
|
.side-subnav li a:focus {
|
|
@@ -20486,9 +20656,9 @@ cagov-accordion:defined > details[open] > summary:focus::after {
|
|
|
20486
20656
|
}
|
|
20487
20657
|
|
|
20488
20658
|
.side-subnav li a.active {
|
|
20489
|
-
color: var(--gray-700, #5e5e6a);
|
|
20659
|
+
color: var(--sidenav-active-color, var(--gray-700, #5e5e6a));
|
|
20490
20660
|
text-decoration: none;
|
|
20491
|
-
background-color: var(--gray-75, #
|
|
20661
|
+
background-color: var(--sidenav-active-bg, var(--gray-75, #f2f2f2));
|
|
20492
20662
|
}
|
|
20493
20663
|
|
|
20494
20664
|
.side-subnav li a.active::before {
|
|
@@ -20505,9 +20675,12 @@ cagov-accordion:defined > details[open] > summary:focus::after {
|
|
|
20505
20675
|
|
|
20506
20676
|
.side-subnav li a.active:hover,
|
|
20507
20677
|
.side-subnav li a.active:focus {
|
|
20508
|
-
color: var(--black, #000);
|
|
20678
|
+
color: var(--text-color-hover, var(--black, #000));
|
|
20509
20679
|
text-decoration: none;
|
|
20510
|
-
background-color: var(
|
|
20680
|
+
background-color: var(
|
|
20681
|
+
--default-bg-hover-darker,
|
|
20682
|
+
var(--gray-100, #ededef)
|
|
20683
|
+
);
|
|
20511
20684
|
}
|
|
20512
20685
|
|
|
20513
20686
|
cagov-accordion.sidenav > details {
|
|
@@ -20518,13 +20691,14 @@ cagov-accordion.sidenav > details {
|
|
|
20518
20691
|
|
|
20519
20692
|
cagov-accordion.sidenav > details > summary {
|
|
20520
20693
|
border: none;
|
|
20521
|
-
background: var(--white, #fff);
|
|
20694
|
+
background: var(--body-bg, var(--white, #fff));
|
|
20522
20695
|
padding: 0.7rem 2rem 0.7rem 1rem;
|
|
20523
20696
|
font-size: calc(1rem + var(--ratio));
|
|
20524
20697
|
font-weight: 400;
|
|
20525
20698
|
text-decoration: none;
|
|
20526
|
-
border-bottom: 1px solid
|
|
20527
|
-
|
|
20699
|
+
border-bottom: 1px solid
|
|
20700
|
+
var(--border-color-muted, var(--gray-100, #f3f3f4));
|
|
20701
|
+
color: var(--text-muted, var(--gray-700, #5e5e6a));
|
|
20528
20702
|
}
|
|
20529
20703
|
|
|
20530
20704
|
cagov-accordion.sidenav > details > summary::before {
|
|
@@ -20540,8 +20714,8 @@ cagov-accordion.sidenav > details > summary::after {
|
|
|
20540
20714
|
cagov-accordion.sidenav > details > summary:hover,
|
|
20541
20715
|
cagov-accordion.sidenav > details > summary:focus {
|
|
20542
20716
|
text-decoration: none;
|
|
20543
|
-
background-color: var(--gray-50, #fafafa);
|
|
20544
|
-
color: var(--
|
|
20717
|
+
background-color: var(--sidenav-hover-bg, var(--gray-50, #fafafa));
|
|
20718
|
+
color: var(--text-color-hover, var(--black, #000));
|
|
20545
20719
|
}
|
|
20546
20720
|
|
|
20547
20721
|
cagov-accordion.sidenav > details > summary:hover::before, cagov-accordion.sidenav > details > summary:focus::before {
|
|
@@ -20555,9 +20729,9 @@ cagov-accordion.sidenav > details > summary:focus {
|
|
|
20555
20729
|
}
|
|
20556
20730
|
|
|
20557
20731
|
cagov-accordion.sidenav > details > summary.active {
|
|
20558
|
-
color: var(--gray-700, #5e5e6a) !important;
|
|
20732
|
+
color: var(--sidenav-active-color, var(--gray-700, #5e5e6a)) !important;
|
|
20559
20733
|
text-decoration: none;
|
|
20560
|
-
background-color: var(--gray-75, #
|
|
20734
|
+
background-color: var(--sidenav-active-bg, var(--gray-75, #f2f2f2));
|
|
20561
20735
|
font-weight: 400;
|
|
20562
20736
|
}
|
|
20563
20737
|
|
|
@@ -20570,9 +20744,12 @@ cagov-accordion.sidenav > details > summary.active::before {
|
|
|
20570
20744
|
|
|
20571
20745
|
cagov-accordion.sidenav > details > summary.active:hover,
|
|
20572
20746
|
cagov-accordion.sidenav > details > summary.active:focus {
|
|
20573
|
-
color: var(--black, #000) !important;
|
|
20747
|
+
color: var(--text-color-hover, var(--black, #000)) !important;
|
|
20574
20748
|
text-decoration: none;
|
|
20575
|
-
background-color: var(
|
|
20749
|
+
background-color: var(
|
|
20750
|
+
--sidenav-active-hover-bg,
|
|
20751
|
+
var(--gray-100, #ededef)
|
|
20752
|
+
);
|
|
20576
20753
|
}
|
|
20577
20754
|
|
|
20578
20755
|
cagov-accordion.sidenav > details > summary.active:focus {
|
|
@@ -20581,7 +20758,7 @@ cagov-accordion.sidenav > details > summary.active:focus {
|
|
|
20581
20758
|
}
|
|
20582
20759
|
|
|
20583
20760
|
cagov-accordion.sidenav > details > summary[open] > summary {
|
|
20584
|
-
color: var(--black, #000);
|
|
20761
|
+
color: var(--text-color-hover, var(--black, #000));
|
|
20585
20762
|
}
|
|
20586
20763
|
|
|
20587
20764
|
cagov-accordion.sidenav > details > summary[open] > summary::after {
|
|
@@ -20757,13 +20934,13 @@ hr.hr-light {
|
|
|
20757
20934
|
----------------------------------------- */
|
|
20758
20935
|
|
|
20759
20936
|
figure {
|
|
20760
|
-
border: 1px solid #
|
|
20937
|
+
border: 1px solid var(--border-color-default, #d4d4d7);
|
|
20761
20938
|
margin-bottom: 15px;
|
|
20762
|
-
background-color: var(--white, #fff);
|
|
20763
|
-
border-color: var(--gray-200, #d4d4d7);
|
|
20939
|
+
background-color: var(--base-light, var(--white, #fff));
|
|
20940
|
+
border-color: var(--border-color-default, var(--gray-200, #d4d4d7));
|
|
20764
20941
|
}
|
|
20765
20942
|
|
|
20766
|
-
figure img {
|
|
20943
|
+
figure > img {
|
|
20767
20944
|
width: 100%;
|
|
20768
20945
|
}
|
|
20769
20946
|
|
|
@@ -20796,8 +20973,8 @@ figcaption {
|
|
|
20796
20973
|
text-align: center;
|
|
20797
20974
|
}
|
|
20798
20975
|
|
|
20799
|
-
.media .media-top img,
|
|
20800
|
-
.media .media-top span {
|
|
20976
|
+
.media .media-top > img,
|
|
20977
|
+
.media .media-top > span {
|
|
20801
20978
|
display: inherit;
|
|
20802
20979
|
margin-bottom: var(--line-height-computed);
|
|
20803
20980
|
}
|
|
@@ -20825,6 +21002,19 @@ figcaption {
|
|
|
20825
21002
|
div.modal-header > button.close {
|
|
20826
21003
|
margin-left: auto;
|
|
20827
21004
|
}
|
|
21005
|
+
|
|
21006
|
+
.modal-body,
|
|
21007
|
+
.modal-title {
|
|
21008
|
+
color: var(--text-color);
|
|
21009
|
+
}
|
|
21010
|
+
|
|
21011
|
+
.modal-header {
|
|
21012
|
+
border-bottom: 1px solid var(--border-color-default);
|
|
21013
|
+
}
|
|
21014
|
+
|
|
21015
|
+
.modal-footer {
|
|
21016
|
+
border-top: 1px solid var(--border-color-default);
|
|
21017
|
+
}
|
|
20828
21018
|
/* -----------------------------------------
|
|
20829
21019
|
YouTube Video Player
|
|
20830
21020
|
/src/css/cagov/youtube.css
|
|
@@ -20851,6 +21041,35 @@ div.modal-header > button.close {
|
|
|
20851
21041
|
FORMS - /src/css/cagov/forms.css
|
|
20852
21042
|
----------------------------------------- */
|
|
20853
21043
|
|
|
21044
|
+
input[type="search"],
|
|
21045
|
+
input[type="search"].form-control,
|
|
21046
|
+
input[type="text"],
|
|
21047
|
+
input[type="text"].form-control,
|
|
21048
|
+
input[type="number"],
|
|
21049
|
+
input[type="number"].form-control,
|
|
21050
|
+
input[type="email"],
|
|
21051
|
+
input[type="email"].form-control,
|
|
21052
|
+
input[type="password"],
|
|
21053
|
+
input[type="password"].form-control,
|
|
21054
|
+
textarea,
|
|
21055
|
+
textarea.form-control,
|
|
21056
|
+
textarea.form-control:focus {
|
|
21057
|
+
background-color: var(--body-bg, #fff);
|
|
21058
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
21059
|
+
}
|
|
21060
|
+
|
|
21061
|
+
/* placeholder styling */
|
|
21062
|
+
input::placeholder,
|
|
21063
|
+
input.form-control::placeholder,
|
|
21064
|
+
textarea::placeholder {
|
|
21065
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
21066
|
+
opacity: 0.8;
|
|
21067
|
+
}
|
|
21068
|
+
|
|
21069
|
+
input[type="file"] {
|
|
21070
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
21071
|
+
}
|
|
21072
|
+
|
|
20854
21073
|
.form-control,
|
|
20855
21074
|
.custom-file-label,
|
|
20856
21075
|
.custom-select {
|
|
@@ -20923,7 +21142,7 @@ label {
|
|
|
20923
21142
|
min-width: 38px;
|
|
20924
21143
|
background-color: transparent;
|
|
20925
21144
|
border: 1px solid;
|
|
20926
|
-
border-color: #
|
|
21145
|
+
border-color: var(--border-color-default, #d4d4d7);
|
|
20927
21146
|
transition: border-color 0.15s ease-in-out 0s;
|
|
20928
21147
|
-moz-box-align: center;
|
|
20929
21148
|
align-items: center;
|
|
@@ -21005,8 +21224,8 @@ label {
|
|
|
21005
21224
|
font-size: 12px;
|
|
21006
21225
|
border: 1px solid;
|
|
21007
21226
|
border-radius: 50%;
|
|
21008
|
-
color: var(--color-p2, #046b99);
|
|
21009
|
-
border-color: var(--color-p2, #046b99);
|
|
21227
|
+
color: var(--link-color, var(--color-p2, #046b99));
|
|
21228
|
+
border-color: var(--link-color, var(--color-p2, #046b99));
|
|
21010
21229
|
}
|
|
21011
21230
|
|
|
21012
21231
|
.check-icon-radio i {
|
|
@@ -21037,9 +21256,9 @@ label {
|
|
|
21037
21256
|
width: 18px;
|
|
21038
21257
|
height: 18px;
|
|
21039
21258
|
font-size: 12px;
|
|
21040
|
-
color: var(--white, #fff);
|
|
21259
|
+
color: var(--base-light, var(--white, #fff));
|
|
21041
21260
|
border: 1px solid;
|
|
21042
|
-
border-color: var(--color-p2, #046b99);
|
|
21261
|
+
border-color: var(--link-color, var(--color-p2, #046b99));
|
|
21043
21262
|
}
|
|
21044
21263
|
|
|
21045
21264
|
.check-icon-checkbox i {
|
|
@@ -21065,13 +21284,13 @@ input[type="radio"]:checked + i,
|
|
|
21065
21284
|
input[type="checkbox"]:checked + * i,
|
|
21066
21285
|
input[type="radio"]:checked + * i {
|
|
21067
21286
|
color: #fff;
|
|
21068
|
-
background-color: var(--color-p2, #046b99);
|
|
21069
|
-
border-color: var(--color-p2, #046b99);
|
|
21287
|
+
background-color: var(--link-color, var(--color-p2, #046b99));
|
|
21288
|
+
border-color: var(--link-color, var(--color-p2, #046b99));
|
|
21070
21289
|
}
|
|
21071
21290
|
|
|
21072
21291
|
.bg-primary--checked.checked,
|
|
21073
21292
|
.checked .bg-primary--checked {
|
|
21074
|
-
background-color: var(--color-p2, #046b99) !important;
|
|
21293
|
+
background-color: var(--link-color, var(--color-p2, #046b99)) !important;
|
|
21075
21294
|
}
|
|
21076
21295
|
|
|
21077
21296
|
/* primary Color */
|
|
@@ -21079,7 +21298,7 @@ input[type="checkbox"]:checked + .bg-primary--checked,
|
|
|
21079
21298
|
input[type="radio"]:checked + .bg-primary--checked,
|
|
21080
21299
|
input[type="checkbox"]:checked + * .bg-primary--checked,
|
|
21081
21300
|
input[type="radio"]:checked + * .bg-primary--checked {
|
|
21082
|
-
background-color: var(--color-p2, #046b99);
|
|
21301
|
+
background-color: var(--link-color, var(--color-p2, #046b99));
|
|
21083
21302
|
}
|
|
21084
21303
|
|
|
21085
21304
|
/* highlight Color */
|
|
@@ -21101,25 +21320,41 @@ input[type="radio"]:focus + div {
|
|
|
21101
21320
|
}
|
|
21102
21321
|
|
|
21103
21322
|
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
|
|
21104
|
-
background-color: var(--color-p2, #046b99);
|
|
21323
|
+
background-color: var(--link-color, var(--color-p2, #046b99));
|
|
21105
21324
|
border-radius: var(--border-radius-base);
|
|
21106
21325
|
}
|
|
21107
21326
|
|
|
21108
21327
|
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
|
|
21109
|
-
background-color: var(--color-p2, #046b99);
|
|
21328
|
+
background-color: var(--link-color, var(--color-p2, #046b99));
|
|
21110
21329
|
}
|
|
21111
21330
|
|
|
21331
|
+
.form-check-input:focus {
|
|
21332
|
+
outline: 2px solid var(--outline-default-color);
|
|
21333
|
+
box-shadow: none;
|
|
21334
|
+
outline-offset: 2px;
|
|
21335
|
+
}
|
|
21336
|
+
|
|
21112
21337
|
.form-check-input:checked,
|
|
21113
21338
|
.custom-control-input:checked {
|
|
21114
|
-
background-color: var(--color-p2, #046b99);
|
|
21115
|
-
border-color: var(--color-p2, #046b99);
|
|
21339
|
+
background-color: var(--link-color, var(--color-p2, #046b99));
|
|
21340
|
+
border-color: var(--link-color, var(--color-p2, #046b99));
|
|
21116
21341
|
}
|
|
21117
21342
|
|
|
21118
21343
|
.form-select {
|
|
21119
|
-
background-image:
|
|
21344
|
+
background-image: var(
|
|
21345
|
+
--cagov-form-select-bg-image,
|
|
21346
|
+
url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'><path d='M17.087 10.35l-4.337 4.336-4.337-4.336c-0.293-0.293-0.768-0.293-1.060 0s-0.293 0.768 0 1.060l4.864 4.864c0.147 0.147 0.341 0.221 0.533 0.219 0.194 0 0.386-0.072 0.533-0.219l4.865-4.864c0.293-0.293 0.293-0.768 0-1.060s-0.768-0.293-1.061 0z'/></svg>")
|
|
21347
|
+
);
|
|
21120
21348
|
background-size: 20px 20px;
|
|
21349
|
+
color: var(--text-color);
|
|
21121
21350
|
}
|
|
21122
21351
|
|
|
21352
|
+
.form-select:focus {
|
|
21353
|
+
outline: 2px solid var(--outline-default-color);
|
|
21354
|
+
outline-offset: 2px;
|
|
21355
|
+
box-shadow: none;
|
|
21356
|
+
}
|
|
21357
|
+
|
|
21123
21358
|
.select {
|
|
21124
21359
|
border: 1px solid var(--input-border);
|
|
21125
21360
|
overflow: hidden;
|
|
@@ -21145,7 +21380,7 @@ input[type="radio"]:focus + div {
|
|
|
21145
21380
|
position: absolute;
|
|
21146
21381
|
right: 0;
|
|
21147
21382
|
top: 0;
|
|
21148
|
-
background: var(--white, #fff);
|
|
21383
|
+
background: var(--base-light, var(--white, #fff));
|
|
21149
21384
|
z-index: 3;
|
|
21150
21385
|
text-align: center;
|
|
21151
21386
|
width: 30px;
|
|
@@ -21164,7 +21399,7 @@ input[type="text"]::-ms-clear {
|
|
|
21164
21399
|
.check {
|
|
21165
21400
|
position: relative;
|
|
21166
21401
|
cursor: pointer;
|
|
21167
|
-
border: 1px solid #
|
|
21402
|
+
border: 1px solid var(--border-color-default, #d4d4d7);
|
|
21168
21403
|
min-width: 100px;
|
|
21169
21404
|
}
|
|
21170
21405
|
|
|
@@ -21173,7 +21408,7 @@ input[type="checkbox"]:checked + .color-white--checked,
|
|
|
21173
21408
|
input[type="radio"]:checked + .color-white--checked,
|
|
21174
21409
|
input[type="checkbox"]:checked + * .color-white--checked,
|
|
21175
21410
|
input[type="radio"]:checked + * .color-white--checked {
|
|
21176
|
-
color: #fff !important;
|
|
21411
|
+
color: var(--base-light, var(--white, #fff)) !important;
|
|
21177
21412
|
}
|
|
21178
21413
|
|
|
21179
21414
|
input[type="checkbox"]:focus + .btn,
|
|
@@ -21187,10 +21422,16 @@ input[type="radio"]:focus + .btn {
|
|
|
21187
21422
|
|
|
21188
21423
|
/* Accessibilty focus */
|
|
21189
21424
|
input:focus,
|
|
21425
|
+
input.form-control:focus,
|
|
21190
21426
|
textarea:focus,
|
|
21427
|
+
textarea.form-control:focus,
|
|
21191
21428
|
button:focus,
|
|
21192
|
-
|
|
21429
|
+
button.form-control:focus,
|
|
21430
|
+
select:focus,
|
|
21431
|
+
select.form-control:focus {
|
|
21193
21432
|
outline: 2px solid var(--outline-default-color);
|
|
21433
|
+
outline-offset: 2px;
|
|
21434
|
+
box-shadow: none;
|
|
21194
21435
|
}
|
|
21195
21436
|
|
|
21196
21437
|
/* bootstrap 4.4.1 adjustments */
|
|
@@ -21200,6 +21441,29 @@ select:focus {
|
|
|
21200
21441
|
|
|
21201
21442
|
.invalid-feedback {
|
|
21202
21443
|
font-size: 0.75em;
|
|
21444
|
+
color: var(--brand-danger, #d62929);
|
|
21445
|
+
}
|
|
21446
|
+
|
|
21447
|
+
/* Custom Checkmark Variables Mapping */
|
|
21448
|
+
.form-check-input:checked[type="checkbox"] {
|
|
21449
|
+
--bs-form-check-bg-image: var(
|
|
21450
|
+
--cagov-form-check-bg-image,
|
|
21451
|
+
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
|
|
21452
|
+
);
|
|
21453
|
+
}
|
|
21454
|
+
|
|
21455
|
+
.form-check-input:checked[type="radio"] {
|
|
21456
|
+
--bs-form-check-bg-image: var(
|
|
21457
|
+
--cagov-form-radio-bg-image,
|
|
21458
|
+
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
|
|
21459
|
+
);
|
|
21460
|
+
}
|
|
21461
|
+
|
|
21462
|
+
.form-check-input[type="checkbox"]:indeterminate {
|
|
21463
|
+
--bs-form-check-bg-image: var(
|
|
21464
|
+
--cagov-form-indeterminate-bg-image,
|
|
21465
|
+
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
|
|
21466
|
+
);
|
|
21203
21467
|
}
|
|
21204
21468
|
/* -----------------------------------------
|
|
21205
21469
|
CARDS - /src/css/cagov/cards.css
|
|
@@ -21646,9 +21910,10 @@ select:focus {
|
|
|
21646
21910
|
.card {
|
|
21647
21911
|
position: relative;
|
|
21648
21912
|
display: block;
|
|
21649
|
-
background-color: var(--white, #fff);
|
|
21913
|
+
background-color: var(--card-bg, var(--white, #fff));
|
|
21650
21914
|
border: none;
|
|
21651
21915
|
border-radius: var(--card-border-radius);
|
|
21916
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
21652
21917
|
}
|
|
21653
21918
|
.card .card-body {
|
|
21654
21919
|
padding: 1.5rem;
|
|
@@ -21689,7 +21954,7 @@ select:focus {
|
|
|
21689
21954
|
.card-default,
|
|
21690
21955
|
.panel-default {
|
|
21691
21956
|
border: 1px solid;
|
|
21692
|
-
border-color: var(--
|
|
21957
|
+
border-color: var(--border-color-default, #d4d4d7);
|
|
21693
21958
|
}
|
|
21694
21959
|
.card-default > .panel-heading,
|
|
21695
21960
|
.card-default > .card-heading,
|
|
@@ -21697,7 +21962,7 @@ select:focus {
|
|
|
21697
21962
|
.panel-default > .card-heading {
|
|
21698
21963
|
color: var(--gray-900, #3b3a48);
|
|
21699
21964
|
background-color: var(--gray-75, #f3f3f4);
|
|
21700
|
-
border-color: var(--
|
|
21965
|
+
border-color: var(--border-color-default, #d4d4d7);
|
|
21701
21966
|
}
|
|
21702
21967
|
.card-default > .panel-heading + .panel-collapse > .panel-body,
|
|
21703
21968
|
.card-default > .panel-heading + .card-collapse > .card-body,
|
|
@@ -21707,11 +21972,11 @@ select:focus {
|
|
|
21707
21972
|
.panel-default > .panel-heading + .card-collapse > .card-body,
|
|
21708
21973
|
.panel-default > .card-heading + .panel-collapse > .panel-body,
|
|
21709
21974
|
.panel-default > .card-heading + .card-collapse > .card-body {
|
|
21710
|
-
border-top-color: var(--
|
|
21975
|
+
border-top-color: var(--border-color-default, #d4d4d7);
|
|
21711
21976
|
}
|
|
21712
21977
|
.card-default > .panel-heading .badge, .card-default > .card-heading .badge, .panel-default > .panel-heading .badge, .panel-default > .card-heading .badge {
|
|
21713
21978
|
color: var(--gray-75, #f3f3f4);
|
|
21714
|
-
background-color: var(--
|
|
21979
|
+
background-color: var(--text-color, #3b3a48);
|
|
21715
21980
|
}
|
|
21716
21981
|
.card-default > .panel-footer + .panel-collapse > .panel-body,
|
|
21717
21982
|
.card-default > .panel-footer + .card-collapse > .card-body,
|
|
@@ -21723,6 +21988,32 @@ select:focus {
|
|
|
21723
21988
|
.panel-default > .card-footer + .card-collapse > .card-body {
|
|
21724
21989
|
border-bottom-color: var(--gray-200, #d4d4d7);
|
|
21725
21990
|
}
|
|
21991
|
+
.card-default .card-heading h2,
|
|
21992
|
+
.card-default .card-heading h3,
|
|
21993
|
+
.card-default .card-heading h4,
|
|
21994
|
+
.card-default .card-heading h5,
|
|
21995
|
+
.card-default .card-header h2,
|
|
21996
|
+
.card-default .card-header h3,
|
|
21997
|
+
.card-default .card-header h4,
|
|
21998
|
+
.card-default .card-header h5,
|
|
21999
|
+
.card-default .panel-heading h2,
|
|
22000
|
+
.card-default .panel-heading h3,
|
|
22001
|
+
.card-default .panel-heading h4,
|
|
22002
|
+
.card-default .panel-heading h5,
|
|
22003
|
+
.panel-default .card-heading h2,
|
|
22004
|
+
.panel-default .card-heading h3,
|
|
22005
|
+
.panel-default .card-heading h4,
|
|
22006
|
+
.panel-default .card-heading h5,
|
|
22007
|
+
.panel-default .card-header h2,
|
|
22008
|
+
.panel-default .card-header h3,
|
|
22009
|
+
.panel-default .card-header h4,
|
|
22010
|
+
.panel-default .card-header h5,
|
|
22011
|
+
.panel-default .panel-heading h2,
|
|
22012
|
+
.panel-default .panel-heading h3,
|
|
22013
|
+
.panel-default .panel-heading h4,
|
|
22014
|
+
.panel-default .panel-heading h5 {
|
|
22015
|
+
color: var(--gray-900, #3b3a48);
|
|
22016
|
+
}
|
|
21726
22017
|
.card-default .card-heading h2 span[class^="ca-gov-icon-"], .card-default .card-heading h3 span[class^="ca-gov-icon-"], .card-default .card-heading h4 span[class^="ca-gov-icon-"], .card-default .card-heading h5 span[class^="ca-gov-icon-"], .card-default .card-header h2 span[class^="ca-gov-icon-"], .card-default .card-header h3 span[class^="ca-gov-icon-"], .card-default .card-header h4 span[class^="ca-gov-icon-"], .card-default .card-header h5 span[class^="ca-gov-icon-"], .card-default .panel-heading h2 span[class^="ca-gov-icon-"], .card-default .panel-heading h3 span[class^="ca-gov-icon-"], .card-default .panel-heading h4 span[class^="ca-gov-icon-"], .card-default .panel-heading h5 span[class^="ca-gov-icon-"], .panel-default .card-heading h2 span[class^="ca-gov-icon-"], .panel-default .card-heading h3 span[class^="ca-gov-icon-"], .panel-default .card-heading h4 span[class^="ca-gov-icon-"], .panel-default .card-heading h5 span[class^="ca-gov-icon-"], .panel-default .card-header h2 span[class^="ca-gov-icon-"], .panel-default .card-header h3 span[class^="ca-gov-icon-"], .panel-default .card-header h4 span[class^="ca-gov-icon-"], .panel-default .card-header h5 span[class^="ca-gov-icon-"], .panel-default .panel-heading h2 span[class^="ca-gov-icon-"], .panel-default .panel-heading h3 span[class^="ca-gov-icon-"], .panel-default .panel-heading h4 span[class^="ca-gov-icon-"], .panel-default .panel-heading h5 span[class^="ca-gov-icon-"] {
|
|
21727
22018
|
color: var(--color-p3, #323a45);
|
|
21728
22019
|
}
|
|
@@ -21821,11 +22112,11 @@ select:focus {
|
|
|
21821
22112
|
.panel-overstated .card-body a:not(.btn):focus,
|
|
21822
22113
|
.panel-overstated .panel-body a:not(.btn):hover,
|
|
21823
22114
|
.panel-overstated .panel-body a:not(.btn):focus {
|
|
21824
|
-
color: var(--link-hover
|
|
22115
|
+
color: var(--link-color-hover, #005a7f);
|
|
21825
22116
|
text-decoration: underline;
|
|
21826
22117
|
}
|
|
21827
22118
|
.card-overstated .card-body a:not(.btn):focus, .card-overstated .panel-body a:not(.btn):focus, .panel-overstated .card-body a:not(.btn):focus, .panel-overstated .panel-body a:not(.btn):focus {
|
|
21828
|
-
outline: 2px solid var(--link-hover
|
|
22119
|
+
outline: 2px solid var(--link-color-hover, #005a7f);
|
|
21829
22120
|
outline-offset: -2px;
|
|
21830
22121
|
}
|
|
21831
22122
|
|
|
@@ -21974,11 +22265,11 @@ select:focus {
|
|
|
21974
22265
|
.panel-standout .card-body a:not(.btn):focus,
|
|
21975
22266
|
.panel-standout .panel-body a:not(.btn):hover,
|
|
21976
22267
|
.panel-standout .panel-body a:not(.btn):focus {
|
|
21977
|
-
color: var(--link-hover
|
|
22268
|
+
color: var(--link-color-hover, #005a7f);
|
|
21978
22269
|
text-decoration: underline;
|
|
21979
22270
|
}
|
|
21980
22271
|
.card-standout .card-body a:not(.btn):focus, .card-standout .panel-body a:not(.btn):focus, .panel-standout .card-body a:not(.btn):focus, .panel-standout .panel-body a:not(.btn):focus {
|
|
21981
|
-
outline: 2px solid var(--link-hover
|
|
22272
|
+
outline: 2px solid var(--link-color-hover, #005a7f);
|
|
21982
22273
|
outline-offset: -2px;
|
|
21983
22274
|
}
|
|
21984
22275
|
|
|
@@ -22053,15 +22344,15 @@ select:focus {
|
|
|
22053
22344
|
----------------------------------------- */
|
|
22054
22345
|
|
|
22055
22346
|
/* Adding the explicit classes below so that they are available in Rich Text Editor */
|
|
22347
|
+
.table > :not(caption) > * > * {
|
|
22348
|
+
color: var(--text-color, #3b3a48);
|
|
22349
|
+
border-color: var(--border-color-default, #d4d4d7);
|
|
22350
|
+
}
|
|
22056
22351
|
|
|
22057
22352
|
table.table {
|
|
22058
22353
|
border-spacing: 0;
|
|
22059
22354
|
}
|
|
22060
22355
|
|
|
22061
|
-
.table {
|
|
22062
|
-
color: var(--gray-900, #3b3a48);
|
|
22063
|
-
}
|
|
22064
|
-
|
|
22065
22356
|
.table.table-default {
|
|
22066
22357
|
border: none;
|
|
22067
22358
|
}
|
|
@@ -22072,18 +22363,23 @@ table.table {
|
|
|
22072
22363
|
.table.table-default > tbody > tr > td,
|
|
22073
22364
|
.table.table-default > tfoot > tr > th,
|
|
22074
22365
|
.table.table-default > tfoot > tr > td {
|
|
22075
|
-
background: #
|
|
22076
|
-
border: 2px solid #fff;
|
|
22366
|
+
background: var(--default-bg, #fafafa);
|
|
22367
|
+
border: 2px solid var(--body-bg, #fff);
|
|
22368
|
+
color: var(--text-color, #3b3a48);
|
|
22077
22369
|
}
|
|
22078
22370
|
|
|
22079
22371
|
.table.table-default > thead > tr > th,
|
|
22080
22372
|
.table.table-default > thead > tr > td {
|
|
22081
|
-
background: #d9d9d9;
|
|
22082
|
-
border: 2px solid #fff;
|
|
22373
|
+
background: var(--default-bg-darker, #d9d9d9);
|
|
22374
|
+
border: 2px solid var(--body-bg, #fff);
|
|
22083
22375
|
}
|
|
22084
22376
|
|
|
22085
22377
|
.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
|
|
22086
|
-
color: var(--
|
|
22378
|
+
color: var(--text-color, #3b3a48);
|
|
22379
|
+
}
|
|
22380
|
+
|
|
22381
|
+
.table-striped > tbody > tr:nth-of-type(odd) > * {
|
|
22382
|
+
background: var(--default-bg, #fafafa);
|
|
22087
22383
|
}
|
|
22088
22384
|
/* -----------------------------------------
|
|
22089
22385
|
LIST STYLES /src/css/cagov/lists.css
|
|
@@ -22479,7 +22775,7 @@ blockquote {
|
|
|
22479
22775
|
padding: 11px 22px;
|
|
22480
22776
|
margin: 0 0 22px;
|
|
22481
22777
|
border-left: 4px solid;
|
|
22482
|
-
border-color: var(--color-p2, #046b99);
|
|
22778
|
+
border-color: var(--link-color, var(--color-p2, #046b99));
|
|
22483
22779
|
}
|
|
22484
22780
|
|
|
22485
22781
|
@media (min-width: 576px) {
|
|
@@ -22494,7 +22790,7 @@ blockquote::before {
|
|
|
22494
22790
|
font-family: CaGov;
|
|
22495
22791
|
font-size: 3rem;
|
|
22496
22792
|
line-height: 2rem;
|
|
22497
|
-
color: var(--color-p2, #046b99);
|
|
22793
|
+
color: var(--link-color, var(--color-p2, #046b99));
|
|
22498
22794
|
}
|
|
22499
22795
|
|
|
22500
22796
|
blockquote footer {
|
|
@@ -22534,14 +22830,14 @@ blockquote.pull-quote,
|
|
|
22534
22830
|
blockquote.prominent {
|
|
22535
22831
|
border-radius: 1rem;
|
|
22536
22832
|
padding: 2rem;
|
|
22537
|
-
background-color: var(--color-p2, #046b99);
|
|
22538
|
-
color: var(--white, #fff);
|
|
22833
|
+
background-color: var(--link-color, var(--color-p2, #046b99));
|
|
22834
|
+
color: var(--base-light, var(--white, #fff));
|
|
22539
22835
|
}
|
|
22540
22836
|
|
|
22541
22837
|
blockquote.prominent p,
|
|
22542
22838
|
blockquote.prominent footer,
|
|
22543
22839
|
blockquote.prominent::before {
|
|
22544
|
-
color: var(--white, #fff);
|
|
22840
|
+
color: var(--base-light, var(--white, #fff));
|
|
22545
22841
|
}
|
|
22546
22842
|
|
|
22547
22843
|
blockquote.blockquote-reverse {
|
|
@@ -22566,17 +22862,20 @@ blockquote.blockquote-reverse footer::after, blockquote.blockquote-reverse small
|
|
|
22566
22862
|
|
|
22567
22863
|
/* PRIMARY BUTTON */
|
|
22568
22864
|
.btn-primary {
|
|
22569
|
-
color: var(--
|
|
22570
|
-
background-color: var(--color-p2, #046b99);
|
|
22571
|
-
border-color: var(--color-p2, #046b99);
|
|
22865
|
+
color: var(--primary-btn-color, #fff);
|
|
22866
|
+
background-color: var(--primary-btn-bg, var(--color-p2, #046b99));
|
|
22867
|
+
border-color: var(--primary-btn-border-color, var(--color-p2, #046b99));
|
|
22572
22868
|
font-weight: var(--font-weight-6);
|
|
22573
22869
|
}
|
|
22574
22870
|
.btn-primary:focus {
|
|
22575
|
-
outline: solid 2px var(--outline-
|
|
22871
|
+
outline: solid 2px var(--outline-primary-btn, #85cbf9) !important;
|
|
22576
22872
|
outline-offset: -4px;
|
|
22577
22873
|
}
|
|
22578
22874
|
.btn-primary:disabled {
|
|
22579
|
-
color: var(
|
|
22875
|
+
color: var(
|
|
22876
|
+
--primary-btn-color-disabled,
|
|
22877
|
+
var(--primary-btn-color, #fff)
|
|
22878
|
+
) !important;
|
|
22580
22879
|
}
|
|
22581
22880
|
.btn-primary .badge {
|
|
22582
22881
|
color: var(--color-p2, #046b99);
|
|
@@ -22589,9 +22888,15 @@ blockquote.blockquote-reverse footer::after, blockquote.blockquote-reverse small
|
|
|
22589
22888
|
.btn-primary:not(:disabled, .disabled).active,
|
|
22590
22889
|
.btn-primary .show > .dropdown-toggle,
|
|
22591
22890
|
.open > .dropdown-toggle .btn-primary {
|
|
22592
|
-
color: var(--white, #fff);
|
|
22593
|
-
background-color: var(
|
|
22594
|
-
|
|
22891
|
+
color: var(--primary-btn-color-hover, var(--white, #fff));
|
|
22892
|
+
background-color: var(
|
|
22893
|
+
--primary-btn-bg-hover,
|
|
22894
|
+
var(--color-p2-darker, #214a68)
|
|
22895
|
+
);
|
|
22896
|
+
border-color: var(
|
|
22897
|
+
--primary-btn-border-color-hover,
|
|
22898
|
+
var(--color-p2-darker, #214a68)
|
|
22899
|
+
);
|
|
22595
22900
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22596
22901
|
background-image: none;
|
|
22597
22902
|
}
|
|
@@ -22611,24 +22916,37 @@ fieldset[disabled] .btn-primary:hover,
|
|
|
22611
22916
|
fieldset[disabled] .btn-primary:focus,
|
|
22612
22917
|
fieldset[disabled] .btn-primary:active,
|
|
22613
22918
|
fieldset[disabled] .btn-primary.active {
|
|
22614
|
-
|
|
22615
|
-
|
|
22919
|
+
color: var(
|
|
22920
|
+
--primary-btn-color-disabled,
|
|
22921
|
+
var(--primary-btn-color, #fff)
|
|
22922
|
+
) !important;
|
|
22923
|
+
background-color: var(
|
|
22924
|
+
--primary-btn-bg-disabled,
|
|
22925
|
+
var(--primary-btn-bg, var(--color-p2, #046b99))
|
|
22926
|
+
) !important;
|
|
22927
|
+
border-color: var(
|
|
22928
|
+
--primary-btn-border-color-disabled,
|
|
22929
|
+
var(--primary-btn-border-color, var(--color-p2, #046b99))
|
|
22930
|
+
);
|
|
22616
22931
|
}
|
|
22617
22932
|
|
|
22618
22933
|
/* PRIMARY OUTLINE BUTTON */
|
|
22619
22934
|
.btn-outline-primary {
|
|
22620
|
-
color: var(--color-p2, #046b99);
|
|
22621
|
-
background-color: var(--white, #fff);
|
|
22622
|
-
border-color: var(
|
|
22935
|
+
color: var(--primary-outline-btn-color, var(--color-p2, #046b99));
|
|
22936
|
+
background-color: var(--primary-outline-btn-bg, var(--white, #fff));
|
|
22937
|
+
border-color: var(
|
|
22938
|
+
--primary-outline-btn-border-color,
|
|
22939
|
+
var(--color-p2, #046b99)
|
|
22940
|
+
);
|
|
22623
22941
|
font-weight: var(--font-weight-6);
|
|
22624
22942
|
}
|
|
22625
22943
|
.btn-outline-primary:focus {
|
|
22626
|
-
outline: solid 2px var(--outline-
|
|
22944
|
+
outline: solid 2px var(--outline-primary-outline-btn, var(--white, #fff)) !important;
|
|
22627
22945
|
outline-offset: -4px;
|
|
22628
22946
|
}
|
|
22629
22947
|
.btn-outline-primary .badge {
|
|
22630
22948
|
color: var(--white, #fff);
|
|
22631
|
-
background-color: var(--color-p2, #046b99);
|
|
22949
|
+
background-color: var(--primary-btn-bg, var(--color-p2, #046b99));
|
|
22632
22950
|
}
|
|
22633
22951
|
|
|
22634
22952
|
.btn-outline-primary:hover,
|
|
@@ -22637,14 +22955,20 @@ fieldset[disabled] .btn-primary.active {
|
|
|
22637
22955
|
.btn-outline-primary:not(:disabled, .disabled).active,
|
|
22638
22956
|
.btn-outline-primary .show > .dropdown-toggle,
|
|
22639
22957
|
.open > .dropdown-toggle .btn-outline-primary {
|
|
22640
|
-
color: var(
|
|
22641
|
-
|
|
22642
|
-
|
|
22958
|
+
color: var(
|
|
22959
|
+
--primary-outline-btn-color-hover,
|
|
22960
|
+
var(--color-p2-darker, #214a68)
|
|
22961
|
+
);
|
|
22962
|
+
background-color: var(--primary-outline-btn-bg-hover, var(--white, #fff));
|
|
22963
|
+
border-color: var(
|
|
22964
|
+
--primary-outline-btn-border-color-hover,
|
|
22965
|
+
var(--color-p2-darker, #214a68)
|
|
22966
|
+
);
|
|
22643
22967
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22644
22968
|
background-image: none;
|
|
22645
22969
|
}
|
|
22646
22970
|
|
|
22647
|
-
.btn-outline-primary
|
|
22971
|
+
.btn-outline-primary.disabled,
|
|
22648
22972
|
.btn-outline-primary.disabled:hover,
|
|
22649
22973
|
.btn-outline-primary.disabled:focus,
|
|
22650
22974
|
.btn-outline-primary.disabled:active,
|
|
@@ -22659,19 +22983,26 @@ fieldset[disabled] .btn-outline-primary:hover,
|
|
|
22659
22983
|
fieldset[disabled] .btn-outline-primary:focus,
|
|
22660
22984
|
fieldset[disabled] .btn-outline-primary:active,
|
|
22661
22985
|
fieldset[disabled] .btn-outline-primary.active {
|
|
22662
|
-
|
|
22663
|
-
|
|
22986
|
+
color: var(--primary-outline-btn-color-disabled, var(--color-p2, #046b99));
|
|
22987
|
+
background-color: var(
|
|
22988
|
+
--primary-outline-btn-bg-disabled,
|
|
22989
|
+
var(--primary-outline-btn-bg, var(--white, #fff))
|
|
22990
|
+
) !important;
|
|
22991
|
+
border-color: var(
|
|
22992
|
+
--primary-outline-btn-border-color-disabled,
|
|
22993
|
+
var(--primary-outline-btn-border-color, var(--color-p2, #046b99))
|
|
22994
|
+
);
|
|
22664
22995
|
}
|
|
22665
22996
|
|
|
22666
22997
|
/* DEFAULT BUTTON */
|
|
22667
22998
|
.btn-default {
|
|
22668
|
-
color: var(--gray-700, #5e5e6a);
|
|
22669
|
-
background-color: var(--gray-50, #fafafa);
|
|
22670
|
-
border-color: var(--gray-700, #5e5e6a);
|
|
22999
|
+
color: var(--default-btn-color, var(--gray-700, #5e5e6a));
|
|
23000
|
+
background-color: var(--default-btn-bg, var(--gray-50, #fafafa));
|
|
23001
|
+
border-color: var(--default-btn-border-color, var(--gray-700, #5e5e6a));
|
|
22671
23002
|
font-weight: var(--font-weight-6);
|
|
22672
23003
|
}
|
|
22673
23004
|
.btn-default:focus {
|
|
22674
|
-
outline: solid 2px var(--outline-default-color) !important;
|
|
23005
|
+
outline: solid 2px var(--outline-default-btn, var(--outline-default-color)) !important;
|
|
22675
23006
|
outline-offset: -4px;
|
|
22676
23007
|
}
|
|
22677
23008
|
.btn-default .badge {
|
|
@@ -22685,9 +23016,9 @@ fieldset[disabled] .btn-outline-primary.active {
|
|
|
22685
23016
|
.btn-default:not(:disabled, .disabled).active,
|
|
22686
23017
|
.btn-default .show > .dropdown-toggle,
|
|
22687
23018
|
.open > .dropdown-toggle .btn-default {
|
|
22688
|
-
color: var(--black, #000);
|
|
22689
|
-
background-color: var(--gray-75, #f8f9fa);
|
|
22690
|
-
border-color: var(--black, #000);
|
|
23019
|
+
color: var(--default-btn-color-hover, var(--black, #000));
|
|
23020
|
+
background-color: var(--default-btn-bg-hover, var(--gray-75, #f8f9fa));
|
|
23021
|
+
border-color: var(--default-btn-border-color-hover, var(--black, #000));
|
|
22691
23022
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22692
23023
|
background-image: none;
|
|
22693
23024
|
}
|
|
@@ -22707,19 +23038,26 @@ fieldset[disabled] .btn-default:hover,
|
|
|
22707
23038
|
fieldset[disabled] .btn-default:focus,
|
|
22708
23039
|
fieldset[disabled] .btn-default:active,
|
|
22709
23040
|
fieldset[disabled] .btn-default.active {
|
|
22710
|
-
background-color:
|
|
22711
|
-
|
|
23041
|
+
background-color: var(
|
|
23042
|
+
--default-btn-bg-disabled,
|
|
23043
|
+
var(--default-btn-bg, rgba(255 255 255 / 65%))
|
|
23044
|
+
) !important;
|
|
23045
|
+
border-color: var(
|
|
23046
|
+
--default-btn-border-color-disabled,
|
|
23047
|
+
var(--default-btn-border-color, var(--gray-700, #5e5e6a))
|
|
23048
|
+
);
|
|
22712
23049
|
}
|
|
22713
23050
|
|
|
22714
23051
|
/* STANDOUT BUTTON */
|
|
22715
23052
|
.btn-standout {
|
|
22716
|
-
color: var(--white, #fff);
|
|
22717
|
-
background-color: var(--color-p3, #323a45);
|
|
22718
|
-
border-color: var(--color-p3, #323a45);
|
|
23053
|
+
color: var(--standout-btn-color, var(--white, #fff));
|
|
23054
|
+
background-color: var(--standout-btn-bg, var(--color-p3, #323a45));
|
|
23055
|
+
border-color: var(--standout-btn-border-color, var(--color-p3, #323a45));
|
|
22719
23056
|
font-weight: var(--font-weight-6);
|
|
22720
23057
|
}
|
|
22721
23058
|
.btn-standout:focus {
|
|
22722
|
-
outline: solid 2px
|
|
23059
|
+
outline: solid 2px
|
|
23060
|
+
var(--outline-standout-btn, var(--outline-dark-mode-color, #85cbf9)) !important;
|
|
22723
23061
|
outline-offset: -4px;
|
|
22724
23062
|
}
|
|
22725
23063
|
.btn-standout .badge {
|
|
@@ -22728,7 +23066,10 @@ fieldset[disabled] .btn-default.active {
|
|
|
22728
23066
|
}
|
|
22729
23067
|
.btn-standout:disabled,
|
|
22730
23068
|
.btn-standout.disabled {
|
|
22731
|
-
color: var(
|
|
23069
|
+
color: var(
|
|
23070
|
+
--standout-btn-color-disabled,
|
|
23071
|
+
var(--standout-btn-color, var(--white, #fff))
|
|
23072
|
+
) !important;
|
|
22732
23073
|
}
|
|
22733
23074
|
|
|
22734
23075
|
.btn-standout:hover,
|
|
@@ -22737,9 +23078,15 @@ fieldset[disabled] .btn-default.active {
|
|
|
22737
23078
|
.btn-standout:not(:disabled, .disabled).active,
|
|
22738
23079
|
.btn-standout .show > .dropdown-toggle,
|
|
22739
23080
|
.open > .dropdown-toggle .btn-standout {
|
|
22740
|
-
color: var(--white, #fff);
|
|
22741
|
-
background-color: var(
|
|
22742
|
-
|
|
23081
|
+
color: var(--standout-btn-color-hover, var(--white, #fff));
|
|
23082
|
+
background-color: var(
|
|
23083
|
+
--standout-btn-bg-hover,
|
|
23084
|
+
var(--color-p3-darker, #242830)
|
|
23085
|
+
);
|
|
23086
|
+
border-color: var(
|
|
23087
|
+
--standout-btn-border-color-hover,
|
|
23088
|
+
var(--color-p3-darker, #242830)
|
|
23089
|
+
);
|
|
22743
23090
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22744
23091
|
background-image: none;
|
|
22745
23092
|
}
|
|
@@ -22759,19 +23106,29 @@ fieldset[disabled] .btn-standout:hover,
|
|
|
22759
23106
|
fieldset[disabled] .btn-standout:focus,
|
|
22760
23107
|
fieldset[disabled] .btn-standout:active,
|
|
22761
23108
|
fieldset[disabled] .btn-standout.active {
|
|
22762
|
-
background-color: var(
|
|
22763
|
-
|
|
23109
|
+
background-color: var(
|
|
23110
|
+
--standout-btn-bg-disabled,
|
|
23111
|
+
var(--standout-btn-bg, var(--color-p3, #323a45))
|
|
23112
|
+
) !important;
|
|
23113
|
+
border-color: var(
|
|
23114
|
+
--standout-btn-border-color-disabled,
|
|
23115
|
+
var(--standout-btn-border-color, var(--color-p3, #323a45))
|
|
23116
|
+
);
|
|
22764
23117
|
}
|
|
22765
23118
|
|
|
22766
23119
|
/* STANDOUT OUTLINE BUTTON */
|
|
22767
23120
|
.btn-outline-standout {
|
|
22768
|
-
color: var(--color-p3, #323a45);
|
|
22769
|
-
background-color: var(--white, #fff);
|
|
22770
|
-
border-color: var(
|
|
23121
|
+
color: var(--standout-outline-btn-color, var(--color-p3, #323a45));
|
|
23122
|
+
background-color: var(--standout-outline-btn-bg, var(--white, #fff));
|
|
23123
|
+
border-color: var(
|
|
23124
|
+
--standout-outline-btn-border-color,
|
|
23125
|
+
var(--color-p3, #323a45)
|
|
23126
|
+
);
|
|
22771
23127
|
font-weight: var(--font-weight-6);
|
|
22772
23128
|
}
|
|
22773
23129
|
.btn-outline-standout:focus {
|
|
22774
|
-
outline: solid 2px
|
|
23130
|
+
outline: solid 2px
|
|
23131
|
+
var(--outline-standout-outline-btn, var(--outline-default-color)) !important;
|
|
22775
23132
|
outline-offset: -4px;
|
|
22776
23133
|
}
|
|
22777
23134
|
.btn-outline-standout .badge {
|
|
@@ -22785,9 +23142,15 @@ fieldset[disabled] .btn-standout.active {
|
|
|
22785
23142
|
.btn-outline-standout:not(:disabled, .disabled).active,
|
|
22786
23143
|
.btn-outline-standout .show > .dropdown-toggle,
|
|
22787
23144
|
.open > .dropdown-toggle .btn-outline-standout {
|
|
22788
|
-
color: var(
|
|
22789
|
-
|
|
22790
|
-
|
|
23145
|
+
color: var(
|
|
23146
|
+
--standout-outline-btn-color-hover,
|
|
23147
|
+
var(--color-p3-darker, #242830)
|
|
23148
|
+
);
|
|
23149
|
+
background-color: var(--standout-outline-btn-bg-hover, var(--white, #fff));
|
|
23150
|
+
border-color: var(
|
|
23151
|
+
--standout-outline-btn-border-color-hover,
|
|
23152
|
+
var(--color-p3-darker, #242830)
|
|
23153
|
+
);
|
|
22791
23154
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22792
23155
|
background-image: none;
|
|
22793
23156
|
}
|
|
@@ -22807,19 +23170,28 @@ fieldset[disabled] .btn-outline-standout:hover,
|
|
|
22807
23170
|
fieldset[disabled] .btn-outline-standout:focus,
|
|
22808
23171
|
fieldset[disabled] .btn-outline-standout:active,
|
|
22809
23172
|
fieldset[disabled] .btn-outline-standout.active {
|
|
22810
|
-
background-color: var(
|
|
22811
|
-
|
|
23173
|
+
background-color: var(
|
|
23174
|
+
--standout-outline-btn-bg-disabled,
|
|
23175
|
+
var(--standout-outline-btn-bg, var(--white, #fff))
|
|
23176
|
+
) !important;
|
|
23177
|
+
border-color: var(
|
|
23178
|
+
--standout-outline-btn-border-color-disabled,
|
|
23179
|
+
var(--standout-outline-btn-border-color, var(--color-p3, #323a45))
|
|
23180
|
+
);
|
|
22812
23181
|
}
|
|
22813
23182
|
|
|
22814
23183
|
/* HIGHLIGHT BUTTON */
|
|
22815
23184
|
.btn-highlight {
|
|
22816
|
-
color: var(--black, #000);
|
|
22817
|
-
background-color: var(--color-p1-light, #f2c45a);
|
|
22818
|
-
border-color: var(
|
|
23185
|
+
color: var(--highlight-btn-color, var(--black, #000));
|
|
23186
|
+
background-color: var(--highlight-btn-bg, var(--color-p1-light, #f2c45a));
|
|
23187
|
+
border-color: var(
|
|
23188
|
+
--highlight-btn-border-color,
|
|
23189
|
+
var(--color-p1-light, #f2c45a)
|
|
23190
|
+
);
|
|
22819
23191
|
font-weight: var(--font-weight-6);
|
|
22820
23192
|
}
|
|
22821
23193
|
.btn-highlight:focus {
|
|
22822
|
-
outline: solid 2px var(--black, #000) !important;
|
|
23194
|
+
outline: solid 2px var(--outline-highlight-btn, var(--black, #000)) !important;
|
|
22823
23195
|
outline-offset: -4px;
|
|
22824
23196
|
}
|
|
22825
23197
|
.btn-highlight .badge {
|
|
@@ -22833,9 +23205,15 @@ fieldset[disabled] .btn-outline-standout.active {
|
|
|
22833
23205
|
.btn-highlight:not(:disabled, .disabled).active,
|
|
22834
23206
|
.btn-highlight .show > .dropdown-toggle,
|
|
22835
23207
|
.open > .dropdown-toggle .btn-highlight {
|
|
22836
|
-
color: var(--gray-900, #3b3a48);
|
|
22837
|
-
background-color: var(
|
|
22838
|
-
|
|
23208
|
+
color: var(--highlight-btn-color-hover, var(--gray-900, #3b3a48));
|
|
23209
|
+
background-color: var(
|
|
23210
|
+
--highlight-btn-bg-hover,
|
|
23211
|
+
var(--color-p1-lighter, #f5ce73)
|
|
23212
|
+
);
|
|
23213
|
+
border-color: var(
|
|
23214
|
+
--highlight-btn-border-color-hover,
|
|
23215
|
+
var(--color-p1-lighter, #f5ce73)
|
|
23216
|
+
);
|
|
22839
23217
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22840
23218
|
background-image: none;
|
|
22841
23219
|
}
|
|
@@ -22855,19 +23233,30 @@ fieldset[disabled] .btn-highlight:hover,
|
|
|
22855
23233
|
fieldset[disabled] .btn-highlight:focus,
|
|
22856
23234
|
fieldset[disabled] .btn-highlight:active,
|
|
22857
23235
|
fieldset[disabled] .btn-highlight.active {
|
|
22858
|
-
|
|
22859
|
-
|
|
23236
|
+
color: var(--highlight-btn-color-disabled, var(--black, #000));
|
|
23237
|
+
background-color: var(
|
|
23238
|
+
--highlight-btn-bg-disabled,
|
|
23239
|
+
var(--highlight-btn-bg, var(--color-p1-light, #f2c45a))
|
|
23240
|
+
) !important;
|
|
23241
|
+
border-color: var(
|
|
23242
|
+
--highlight-btn-border-color-disabled,
|
|
23243
|
+
var(--highlight-btn-border-color, var(--color-p1-light, #f2c45a))
|
|
23244
|
+
);
|
|
22860
23245
|
}
|
|
22861
23246
|
|
|
22862
23247
|
/* HIGHLIGHT OUTLINE BUTTON */
|
|
22863
23248
|
.btn-outline-highlight {
|
|
22864
|
-
color: var(--black, #000);
|
|
22865
|
-
background-color: transparent;
|
|
22866
|
-
border-color: var(
|
|
23249
|
+
color: var(--highlight-outline-btn-color, var(--black, #000));
|
|
23250
|
+
background-color: var(--highlight-outline-btn-bg, transparent);
|
|
23251
|
+
border-color: var(
|
|
23252
|
+
--highlight-outline-btn-border-color,
|
|
23253
|
+
var(--color-p1-light, #f2c45a)
|
|
23254
|
+
);
|
|
22867
23255
|
font-weight: var(--font-weight-6);
|
|
22868
23256
|
}
|
|
22869
23257
|
.btn-outline-highlight:focus {
|
|
22870
|
-
outline: solid 2px
|
|
23258
|
+
outline: solid 2px
|
|
23259
|
+
var(--outline-highlight-outline-btn, var(--outline-default-color)) !important;
|
|
22871
23260
|
outline-offset: -4px;
|
|
22872
23261
|
}
|
|
22873
23262
|
.btn-outline-highlight .badge {
|
|
@@ -22881,9 +23270,15 @@ fieldset[disabled] .btn-highlight.active {
|
|
|
22881
23270
|
.btn-outline-highlight:not(:disabled, .disabled).active,
|
|
22882
23271
|
.btn-outline-highlight .show > .dropdown-toggle,
|
|
22883
23272
|
.open > .dropdown-toggle .btn-outline-highlight {
|
|
22884
|
-
color: var(--gray-900, #3b3a48);
|
|
22885
|
-
background-color: var(
|
|
22886
|
-
|
|
23273
|
+
color: var(--highlight-outline-btn-color-hover, var(--gray-900, #3b3a48));
|
|
23274
|
+
background-color: var(
|
|
23275
|
+
--highlight-outline-btn-bg-hover,
|
|
23276
|
+
var(--gray-50, #fafafa)
|
|
23277
|
+
);
|
|
23278
|
+
border-color: var(
|
|
23279
|
+
--highlight-outline-btn-border-color-hover,
|
|
23280
|
+
var(--color-p1-lighter, #f5ce73)
|
|
23281
|
+
);
|
|
22887
23282
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22888
23283
|
background-image: none;
|
|
22889
23284
|
}
|
|
@@ -22903,25 +23298,36 @@ fieldset[disabled] .btn-outline-highlight:hover,
|
|
|
22903
23298
|
fieldset[disabled] .btn-outline-highlight:focus,
|
|
22904
23299
|
fieldset[disabled] .btn-outline-highlight:active,
|
|
22905
23300
|
fieldset[disabled] .btn-outline-highlight.active {
|
|
22906
|
-
|
|
22907
|
-
|
|
23301
|
+
color: var(--highlight-outline-btn-color-disabled, var(--gray-900, #3b3a48));
|
|
23302
|
+
background-color: var(
|
|
23303
|
+
--highlight-outline-btn-bg-disabled,
|
|
23304
|
+
var(--highlight-outline-btn-bg, transparent)
|
|
23305
|
+
) !important;
|
|
23306
|
+
border-color: var(
|
|
23307
|
+
--highlight-outline-btn-border-color-disabled,
|
|
23308
|
+
var(--highlight-outline-btn-border-color, var(--color-p1-light, #f2c45a))
|
|
23309
|
+
);
|
|
22908
23310
|
}
|
|
22909
23311
|
|
|
22910
23312
|
/* SECONDARY BUTTON */
|
|
22911
23313
|
.btn-secondary {
|
|
22912
|
-
color: var(--gray-700, #5e5e6a);
|
|
22913
|
-
background-color: var(--gray-50, #fafafa);
|
|
22914
|
-
border-color: var(--gray-700, #5e5e6a);
|
|
23314
|
+
color: var(--secondary-btn-color, var(--gray-700, #5e5e6a));
|
|
23315
|
+
background-color: var(--secondary-btn-bg, var(--gray-50, #fafafa));
|
|
23316
|
+
border-color: var(--secondary-btn-border-color, var(--gray-700, #5e5e6a));
|
|
22915
23317
|
font-weight: var(--font-weight-6);
|
|
22916
23318
|
border-width: 1px;
|
|
22917
23319
|
}
|
|
22918
23320
|
.btn-secondary:focus {
|
|
22919
|
-
outline: solid 2px
|
|
23321
|
+
outline: solid 2px
|
|
23322
|
+
var(--outline-secondary-btn, var(--outline-default-color)) !important;
|
|
22920
23323
|
outline-offset: -4px;
|
|
22921
23324
|
}
|
|
22922
23325
|
.btn-secondary:disabled,
|
|
22923
23326
|
.btn-secondary.disabled {
|
|
22924
|
-
color: var(
|
|
23327
|
+
color: var(
|
|
23328
|
+
--secondary-btn-color-disabled,
|
|
23329
|
+
var(--secondary-btn-color, var(--black, #000))
|
|
23330
|
+
);
|
|
22925
23331
|
}
|
|
22926
23332
|
.btn-secondary.active {
|
|
22927
23333
|
background: #fff;
|
|
@@ -22939,9 +23345,9 @@ fieldset[disabled] .btn-outline-highlight.active {
|
|
|
22939
23345
|
.btn-secondary:not(:disabled, .disabled).active,
|
|
22940
23346
|
.btn-secondary .show > .dropdown-toggle,
|
|
22941
23347
|
.open > .dropdown-toggle .btn-secondary {
|
|
22942
|
-
color: var(--
|
|
22943
|
-
background-color: #fff;
|
|
22944
|
-
border-color: var(--black, #000);
|
|
23348
|
+
color: var(--secondary-btn-color-hover, var(--link-color-hover, #005a7f));
|
|
23349
|
+
background-color: var(--secondary-btn-bg-hover, #fff);
|
|
23350
|
+
border-color: var(--secondary-btn-border-color-hover, var(--black, #000));
|
|
22945
23351
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22946
23352
|
background-image: none;
|
|
22947
23353
|
}
|
|
@@ -22961,20 +23367,30 @@ fieldset[disabled] .btn-secondary:hover,
|
|
|
22961
23367
|
fieldset[disabled] .btn-secondary:focus,
|
|
22962
23368
|
fieldset[disabled] .btn-secondary:active,
|
|
22963
23369
|
fieldset[disabled] .btn-secondary.active {
|
|
22964
|
-
background-color: var(
|
|
22965
|
-
|
|
23370
|
+
background-color: var(
|
|
23371
|
+
--secondary-btn-bg-disabled,
|
|
23372
|
+
var(--secondary-btn-bg, var(--gray-50, #fafafa))
|
|
23373
|
+
) !important;
|
|
23374
|
+
border-color: var(
|
|
23375
|
+
--secondary-btn-border-color-disabled,
|
|
23376
|
+
var(--secondary-btn-border-color, var(--gray-700, #5e5e6a))
|
|
23377
|
+
);
|
|
22966
23378
|
}
|
|
22967
23379
|
|
|
22968
23380
|
/* SECONDARY OUTLINE BUTTON */
|
|
22969
23381
|
.btn-outline-secondary {
|
|
22970
|
-
color: var(--gray-700, #5e5e6a);
|
|
22971
|
-
background-color: var(--white, #fff);
|
|
22972
|
-
border-color: var(
|
|
23382
|
+
color: var(--secondary-outline-btn-color, var(--gray-700, #5e5e6a));
|
|
23383
|
+
background-color: var(--secondary-outline-btn-bg, var(--white, #fff));
|
|
23384
|
+
border-color: var(
|
|
23385
|
+
--secondary-outline-btn-border-color,
|
|
23386
|
+
var(--gray-700, #5e5e6a)
|
|
23387
|
+
);
|
|
22973
23388
|
font-weight: var(--font-weight-6);
|
|
22974
23389
|
}
|
|
22975
23390
|
.btn-outline-secondary:focus {
|
|
22976
|
-
outline: solid 2px
|
|
22977
|
-
|
|
23391
|
+
outline: solid 2px
|
|
23392
|
+
var(--outline-secondary-outline-btn, var(--outline-default-color)) !important;
|
|
23393
|
+
outline-offset: -4px !important;
|
|
22978
23394
|
}
|
|
22979
23395
|
.btn-outline-secondary .badge {
|
|
22980
23396
|
color: var(--white, #fff);
|
|
@@ -22987,9 +23403,12 @@ fieldset[disabled] .btn-secondary.active {
|
|
|
22987
23403
|
.btn-outline-secondary:not(:disabled, .disabled).active,
|
|
22988
23404
|
.btn-outline-secondary .show > .dropdown-toggle,
|
|
22989
23405
|
.open > .dropdown-toggle .btn-outline-secondary {
|
|
22990
|
-
color: var(--gray-900, #3b3a48);
|
|
22991
|
-
background-color: var(--white, #fff);
|
|
22992
|
-
border-color: var(
|
|
23406
|
+
color: var(--secondary-outline-btn-color-hover, var(--gray-900, #3b3a48));
|
|
23407
|
+
background-color: var(--secondary-outline-btn-bg-hover, var(--white, #fff));
|
|
23408
|
+
border-color: var(
|
|
23409
|
+
--secondary-outline-btn-border-color-hover,
|
|
23410
|
+
var(--gray-900, #3b3a48)
|
|
23411
|
+
);
|
|
22993
23412
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
22994
23413
|
background-image: none;
|
|
22995
23414
|
}
|
|
@@ -23009,19 +23428,25 @@ fieldset[disabled] .btn-outline-secondary:hover,
|
|
|
23009
23428
|
fieldset[disabled] .btn-outline-secondary:focus,
|
|
23010
23429
|
fieldset[disabled] .btn-outline-secondary:active,
|
|
23011
23430
|
fieldset[disabled] .btn-outline-secondary.active {
|
|
23012
|
-
background-color: var(
|
|
23013
|
-
|
|
23431
|
+
background-color: var(
|
|
23432
|
+
--secondary-outline-btn-bg-disabled,
|
|
23433
|
+
var(--secondary-outline-btn-bg, var(--white, #fff))
|
|
23434
|
+
) !important;
|
|
23435
|
+
border-color: var(
|
|
23436
|
+
--secondary-outline-btn-border-color-disabled,
|
|
23437
|
+
var(--secondary-outline-btn-border-color, var(--gray-700, #5e5e6a))
|
|
23438
|
+
);
|
|
23014
23439
|
}
|
|
23015
23440
|
|
|
23016
23441
|
/* S1 BUTTON */
|
|
23017
23442
|
.btn-s1 {
|
|
23018
|
-
color: var(--gray-700, #5e5e6a);
|
|
23019
|
-
background-color: var(--color-s1, #eef8fb);
|
|
23020
|
-
border-color: var(--gray-700, #5e5e6a);
|
|
23443
|
+
color: var(--s1-btn-color, var(--gray-700, #5e5e6a));
|
|
23444
|
+
background-color: var(--s1-btn-bg, var(--color-s1, #eef8fb));
|
|
23445
|
+
border-color: var(--s1-btn-border-color, var(--gray-700, #5e5e6a));
|
|
23021
23446
|
font-weight: var(--font-weight-6);
|
|
23022
23447
|
}
|
|
23023
23448
|
.btn-s1:focus {
|
|
23024
|
-
outline: solid 2px var(--outline-default-color) !important;
|
|
23449
|
+
outline: solid 2px var(--outline-s1-btn, var(--outline-default-color)) !important;
|
|
23025
23450
|
outline-offset: -4px;
|
|
23026
23451
|
}
|
|
23027
23452
|
.btn-s1.active {
|
|
@@ -23029,7 +23454,10 @@ fieldset[disabled] .btn-outline-secondary.active {
|
|
|
23029
23454
|
}
|
|
23030
23455
|
.btn-s1.active,
|
|
23031
23456
|
.btn-s1:disabled {
|
|
23032
|
-
color: var(
|
|
23457
|
+
color: var(
|
|
23458
|
+
--s1-btn-color-disabled,
|
|
23459
|
+
var(--s1-btn-color, var(--black, #000))
|
|
23460
|
+
);
|
|
23033
23461
|
}
|
|
23034
23462
|
.btn-s1 .badge {
|
|
23035
23463
|
color: var(--color-s1, #eef8fb);
|
|
@@ -23042,9 +23470,9 @@ fieldset[disabled] .btn-outline-secondary.active {
|
|
|
23042
23470
|
.btn-s1:not(:disabled, .disabled).active,
|
|
23043
23471
|
.btn-s1 .show > .dropdown-toggle,
|
|
23044
23472
|
.open > .dropdown-toggle .btn-s1 {
|
|
23045
|
-
color: var(--black, #000);
|
|
23046
|
-
background-color: #fff;
|
|
23047
|
-
border-color: var(--black, #000);
|
|
23473
|
+
color: var(--s1-btn-color-hover, var(--black, #000));
|
|
23474
|
+
background-color: var(--s1-btn-bg-hover, #fff);
|
|
23475
|
+
border-color: var(--s1-btn-border-color-hover, var(--black, #000));
|
|
23048
23476
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
23049
23477
|
background-image: none;
|
|
23050
23478
|
}
|
|
@@ -23064,8 +23492,14 @@ fieldset[disabled] .btn-s1:hover,
|
|
|
23064
23492
|
fieldset[disabled] .btn-s1:focus,
|
|
23065
23493
|
fieldset[disabled] .btn-s1:active,
|
|
23066
23494
|
fieldset[disabled] .btn-s1.active {
|
|
23067
|
-
background-color: var(
|
|
23068
|
-
|
|
23495
|
+
background-color: var(
|
|
23496
|
+
--s1-btn-bg-disabled,
|
|
23497
|
+
var(--s1-btn-bg, var(--color-s1, #eef8fb))
|
|
23498
|
+
) !important;
|
|
23499
|
+
border-color: var(
|
|
23500
|
+
--s1-btn-border-color-disabled,
|
|
23501
|
+
var(--s1-btn-border-color, var(--gray-700, #5e5e6a))
|
|
23502
|
+
);
|
|
23069
23503
|
}
|
|
23070
23504
|
|
|
23071
23505
|
/* LIGHT BUTTON */
|
|
@@ -23076,7 +23510,7 @@ fieldset[disabled] .btn-s1.active {
|
|
|
23076
23510
|
font-weight: var(--font-weight-6);
|
|
23077
23511
|
}
|
|
23078
23512
|
.btn-light:focus {
|
|
23079
|
-
outline: solid 2px var(--outline-default-color) !important;
|
|
23513
|
+
outline: solid 2px var(--outline-light-btn, var(--outline-default-color)) !important;
|
|
23080
23514
|
outline-offset: -4px;
|
|
23081
23515
|
}
|
|
23082
23516
|
.btn-light .badge {
|
|
@@ -23112,19 +23546,20 @@ fieldset[disabled] .btn-light:hover,
|
|
|
23112
23546
|
fieldset[disabled] .btn-light:focus,
|
|
23113
23547
|
fieldset[disabled] .btn-light:active,
|
|
23114
23548
|
fieldset[disabled] .btn-light.active {
|
|
23115
|
-
background-color: var(--white, #fff) !important;
|
|
23116
|
-
border-color: var(--white, #fff);
|
|
23549
|
+
background-color: var(--light-btn-bg-disabled, var(--white, #fff)) !important;
|
|
23550
|
+
border-color: var(--light-btn-border-color-disabled, var(--white, #fff));
|
|
23117
23551
|
}
|
|
23118
23552
|
|
|
23119
23553
|
/* LIGHT OUTLINE BUTTON */
|
|
23120
23554
|
.btn-outline-light {
|
|
23121
|
-
color: var(--white, #fff);
|
|
23122
|
-
background-color: transparent;
|
|
23123
|
-
border-color: var(--white, #fff);
|
|
23555
|
+
color: var(--light-outline-btn-color, var(--white, #fff));
|
|
23556
|
+
background-color: var(--light-outline-btn-bg, transparent);
|
|
23557
|
+
border-color: var(--light-outline-btn-border-color, var(--white, #fff));
|
|
23124
23558
|
font-weight: var(--font-weight-6);
|
|
23125
23559
|
}
|
|
23126
23560
|
.btn-outline-light:focus {
|
|
23127
|
-
outline: solid 2px
|
|
23561
|
+
outline: solid 2px
|
|
23562
|
+
var(--outline-light-outline-btn, var(--outline-dark-mode-color)) !important;
|
|
23128
23563
|
outline-offset: -4px;
|
|
23129
23564
|
}
|
|
23130
23565
|
.btn-outline-light .badge {
|
|
@@ -23138,9 +23573,12 @@ fieldset[disabled] .btn-light.active {
|
|
|
23138
23573
|
.btn-outline-light:not(:disabled, .disabled).active,
|
|
23139
23574
|
.btn-outline-light .show > .dropdown-toggle,
|
|
23140
23575
|
.open > .dropdown-toggle .btn-outline-light {
|
|
23141
|
-
color: var(--gray-100, #f3f3f4);
|
|
23142
|
-
background-color: transparent;
|
|
23143
|
-
border-color: var(
|
|
23576
|
+
color: var(--light-outline-btn-color-hover, var(--gray-100, #f3f3f4));
|
|
23577
|
+
background-color: var(--light-outline-btn-bg-hover, transparent);
|
|
23578
|
+
border-color: var(
|
|
23579
|
+
--light-outline-btn-border-color-hover,
|
|
23580
|
+
var(--gray-100, #f3f3f4)
|
|
23581
|
+
);
|
|
23144
23582
|
box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
|
|
23145
23583
|
background-image: none;
|
|
23146
23584
|
}
|
|
@@ -23160,8 +23598,14 @@ fieldset[disabled] .btn-outline-light:hover,
|
|
|
23160
23598
|
fieldset[disabled] .btn-outline-light:focus,
|
|
23161
23599
|
fieldset[disabled] .btn-outline-light:active,
|
|
23162
23600
|
fieldset[disabled] .btn-outline-light.active {
|
|
23163
|
-
background-color:
|
|
23164
|
-
|
|
23601
|
+
background-color: var(
|
|
23602
|
+
--light-outline-btn-bg-disabled,
|
|
23603
|
+
var(--light-outline-btn-bg, transparent)
|
|
23604
|
+
) !important;
|
|
23605
|
+
border-color: var(
|
|
23606
|
+
--light-outline-btn-border-color-disabled,
|
|
23607
|
+
var(--light-outline-btn-border-color, var(--white, #fff))
|
|
23608
|
+
);
|
|
23165
23609
|
}
|
|
23166
23610
|
|
|
23167
23611
|
/* BUTTON MORE */
|
|
@@ -23323,52 +23767,55 @@ fieldset[disabled] .btn-more {
|
|
|
23323
23767
|
}
|
|
23324
23768
|
|
|
23325
23769
|
.btn-default.btn-hover:hover {
|
|
23326
|
-
background-color: var(--white, #fff);
|
|
23770
|
+
background-color: var(--btn-hover-default-bg, var(--white, #fff));
|
|
23327
23771
|
overflow: hidden;
|
|
23328
23772
|
}
|
|
23329
23773
|
|
|
23330
23774
|
.btn-default.btn-hover::before {
|
|
23331
|
-
background: var(--gray-50, #fafafa);
|
|
23775
|
+
background: var(--btn-hover-default-overlay, var(--gray-50, #fafafa));
|
|
23332
23776
|
overflow: hidden;
|
|
23333
23777
|
}
|
|
23334
23778
|
|
|
23335
23779
|
.btn-primary.btn-hover:hover {
|
|
23336
|
-
background-color: var(--color-p2, #046b99);
|
|
23780
|
+
background-color: var(--btn-hover-primary-bg, var(--color-p2, #046b99));
|
|
23337
23781
|
overflow: hidden;
|
|
23338
23782
|
}
|
|
23339
23783
|
|
|
23340
23784
|
.btn-primary.btn-hover::before {
|
|
23341
|
-
background: var(--color-p2-darker, #214a68);
|
|
23785
|
+
background: var(--btn-hover-primary-overlay, var(--color-p2-darker, #214a68));
|
|
23342
23786
|
overflow: hidden;
|
|
23343
23787
|
}
|
|
23344
23788
|
|
|
23345
23789
|
.btn-highlight.btn-hover:hover {
|
|
23346
|
-
background-color: var(--color-p1, #fdb81e);
|
|
23790
|
+
background-color: var(--btn-hover-highlight-bg, var(--color-p1, #fdb81e));
|
|
23347
23791
|
overflow: hidden;
|
|
23348
23792
|
}
|
|
23349
23793
|
|
|
23350
23794
|
.btn-highlight.btn-hover::before {
|
|
23351
|
-
background: var(
|
|
23795
|
+
background: var(
|
|
23796
|
+
--btn-hover-highlight-overlay,
|
|
23797
|
+
var(--color-p1-light, #f2c45a)
|
|
23798
|
+
);
|
|
23352
23799
|
overflow: hidden;
|
|
23353
23800
|
}
|
|
23354
23801
|
|
|
23355
23802
|
.btn-standout.btn-hover:hover {
|
|
23356
|
-
background-color: var(--color-p3, #323a45);
|
|
23803
|
+
background-color: var(--btn-hover-standout-bg, var(--color-p3, #323a45));
|
|
23357
23804
|
overflow: hidden;
|
|
23358
23805
|
}
|
|
23359
23806
|
|
|
23360
23807
|
.btn-standout.btn-hover::before {
|
|
23361
|
-
background: var(--color-p3-light, #525760);
|
|
23808
|
+
background: var(--btn-hover-standout-overlay, var(--color-p3-light, #525760));
|
|
23362
23809
|
overflow: hidden;
|
|
23363
23810
|
}
|
|
23364
23811
|
|
|
23365
23812
|
.btn-secondary.btn-hover:hover {
|
|
23366
|
-
background-color: var(--gray-50, #fafafa);
|
|
23813
|
+
background-color: var(--btn-hover-secondary-bg, var(--gray-50, #fafafa));
|
|
23367
23814
|
overflow: hidden;
|
|
23368
23815
|
}
|
|
23369
23816
|
|
|
23370
23817
|
.btn-secondary.btn-hover::before {
|
|
23371
|
-
background: var(--white, #fff);
|
|
23818
|
+
background: var(--btn-hover-secondary-overlay, var(--white, #fff));
|
|
23372
23819
|
overflow: hidden;
|
|
23373
23820
|
}
|
|
23374
23821
|
|
|
@@ -23378,7 +23825,7 @@ fieldset[disabled] .btn-more {
|
|
|
23378
23825
|
}
|
|
23379
23826
|
|
|
23380
23827
|
.btn-outline-primary.btn-hover::before {
|
|
23381
|
-
background: var(--gray-50, #fafafa);
|
|
23828
|
+
background: var(--btn-hover-primary-overlay, var(--gray-50, #fafafa));
|
|
23382
23829
|
overflow: hidden;
|
|
23383
23830
|
}
|
|
23384
23831
|
|
|
@@ -23388,7 +23835,7 @@ fieldset[disabled] .btn-more {
|
|
|
23388
23835
|
}
|
|
23389
23836
|
|
|
23390
23837
|
.btn-outline-standout.btn-hover::before {
|
|
23391
|
-
background: var(--gray-50, #fafafa);
|
|
23838
|
+
background: var(--btn-hover-standout-overlay, var(--gray-50, #fafafa));
|
|
23392
23839
|
overflow: hidden;
|
|
23393
23840
|
}
|
|
23394
23841
|
|
|
@@ -23398,7 +23845,7 @@ fieldset[disabled] .btn-more {
|
|
|
23398
23845
|
}
|
|
23399
23846
|
|
|
23400
23847
|
.btn-outline-secondary.btn-hover::before {
|
|
23401
|
-
background: var(--gray-50, #fafafa);
|
|
23848
|
+
background: var(--btn-hover-secondary-overlay, var(--gray-50, #fafafa));
|
|
23402
23849
|
overflow: hidden;
|
|
23403
23850
|
}
|
|
23404
23851
|
|
|
@@ -23472,6 +23919,42 @@ fieldset[disabled] .btn-more {
|
|
|
23472
23919
|
.btn-block {
|
|
23473
23920
|
white-space: normal;
|
|
23474
23921
|
}
|
|
23922
|
+
/* -----------------------------------------
|
|
23923
|
+
EXTERNAL LINKS
|
|
23924
|
+
/src/css/cagov/external-link.css
|
|
23925
|
+
----------------------------------------- */
|
|
23926
|
+
|
|
23927
|
+
:root {
|
|
23928
|
+
--cagov-external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14 3h7v7h-2V7l-9 9-2-2 9-9H14V3M5 5h5V3H5c-1 0-2 1-2 2v14c0 1 1 2 2 2h14c1 0 2-1 2-2v-5h-2v5H5V5'/></svg>");
|
|
23929
|
+
}
|
|
23930
|
+
|
|
23931
|
+
a.cagov-external-link {
|
|
23932
|
+
position: relative;
|
|
23933
|
+
}
|
|
23934
|
+
|
|
23935
|
+
a.cagov-external-link::after {
|
|
23936
|
+
content: "";
|
|
23937
|
+
display: inline-block;
|
|
23938
|
+
width: 0.9em;
|
|
23939
|
+
height: 0.9em;
|
|
23940
|
+
margin-left: 0.25em;
|
|
23941
|
+
|
|
23942
|
+
/* Icon color follows the link text color */
|
|
23943
|
+
background-color: currentColor;
|
|
23944
|
+
vertical-align: text-bottom;
|
|
23945
|
+
|
|
23946
|
+
/* Safari 13.1 requires prefixed mask properties */
|
|
23947
|
+
-webkit-mask-image: var(--cagov-external-icon);
|
|
23948
|
+
-webkit-mask-repeat: no-repeat;
|
|
23949
|
+
-webkit-mask-size: 100% 100%;
|
|
23950
|
+
-webkit-mask-position: center;
|
|
23951
|
+
|
|
23952
|
+
/* Standard mask */
|
|
23953
|
+
mask-image: var(--cagov-external-icon);
|
|
23954
|
+
mask-repeat: no-repeat;
|
|
23955
|
+
mask-size: 100% 100%;
|
|
23956
|
+
mask-position: center;
|
|
23957
|
+
}
|
|
23475
23958
|
/* -----------------------------------------
|
|
23476
23959
|
Number Counter
|
|
23477
23960
|
----------------------------------------- */
|
|
@@ -23499,7 +23982,7 @@ fieldset[disabled] .btn-more {
|
|
|
23499
23982
|
margin-top: 0;
|
|
23500
23983
|
font-weight: 700;
|
|
23501
23984
|
line-height: 1.1;
|
|
23502
|
-
border-left: 3px solid #fff;
|
|
23985
|
+
border-left: 3px solid var(--body-bg, var(--white, #fff));
|
|
23503
23986
|
}
|
|
23504
23987
|
|
|
23505
23988
|
.countdown-text {
|
|
@@ -23513,11 +23996,11 @@ fieldset[disabled] .btn-more {
|
|
|
23513
23996
|
.page-navigation {
|
|
23514
23997
|
margin-bottom: 1.5rem;
|
|
23515
23998
|
padding-bottom: 0.75rem;
|
|
23516
|
-
border-bottom: 1px solid var(--gray-200, #d4d4d7);
|
|
23999
|
+
border-bottom: 1px solid var(--border-color-default, var(--gray-200, #d4d4d7));
|
|
23517
24000
|
}
|
|
23518
24001
|
|
|
23519
24002
|
.page-navigation .label {
|
|
23520
|
-
color: var(--gray-700, #5e5e6a);
|
|
24003
|
+
color: var(--text-muted, var(--gray-700, #5e5e6a));
|
|
23521
24004
|
font-weight: var(--font-weight-7);
|
|
23522
24005
|
font-size: calc(var(--font-size-regular) + var(--ratio));
|
|
23523
24006
|
line-height: var(--font-lineheight-5);
|
|
@@ -23572,6 +24055,11 @@ fieldset[disabled] .btn-more {
|
|
|
23572
24055
|
/* -----------------------------------------
|
|
23573
24056
|
PROGRESS BAR - /src/css/cagov/progress-bar.css
|
|
23574
24057
|
----------------------------------------- */
|
|
24058
|
+
|
|
24059
|
+
.progress {
|
|
24060
|
+
background-color: var(--default-bg-darker, #d4d4d7);
|
|
24061
|
+
}
|
|
24062
|
+
|
|
23575
24063
|
.progress-pointer {
|
|
23576
24064
|
position: absolute;
|
|
23577
24065
|
bottom: 100%;
|
|
@@ -23585,6 +24073,7 @@ fieldset[disabled] .btn-more {
|
|
|
23585
24073
|
background-color: transparent;
|
|
23586
24074
|
z-index: 1;
|
|
23587
24075
|
}
|
|
24076
|
+
|
|
23588
24077
|
.progress-pointer::after {
|
|
23589
24078
|
content: "";
|
|
23590
24079
|
position: absolute;
|
|
@@ -23913,7 +24402,7 @@ fieldset[disabled] .btn-more {
|
|
|
23913
24402
|
margin-top: 0;
|
|
23914
24403
|
margin-bottom: 0;
|
|
23915
24404
|
padding-left: 2rem;
|
|
23916
|
-
border-left: 1px solid #
|
|
24405
|
+
border-left: 1px solid var(--border-color-default, #d4d4d7);
|
|
23917
24406
|
}
|
|
23918
24407
|
|
|
23919
24408
|
.dot-text h3 {
|
|
@@ -23927,7 +24416,7 @@ fieldset[disabled] .btn-more {
|
|
|
23927
24416
|
|
|
23928
24417
|
.timeline-lines .col-sm-3:nth-last-of-type(2) .dot-text::before,
|
|
23929
24418
|
.timeline-lines .col-sm-3:last-of-type .dot-text::before {
|
|
23930
|
-
background: #
|
|
24419
|
+
background: var(--border-color-default, #d4d4d7);
|
|
23931
24420
|
}
|
|
23932
24421
|
}
|
|
23933
24422
|
|
|
@@ -24166,15 +24655,17 @@ ul.list-navigation > li > a, ul.list-navigation > li > ul > li > a, nav.side-nav
|
|
|
24166
24655
|
position: relative;
|
|
24167
24656
|
display: block;
|
|
24168
24657
|
text-decoration: none !important;
|
|
24169
|
-
color: var(--gray-700, #5e5e6a);
|
|
24658
|
+
color: var(--text-muted, var(--gray-700, #5e5e6a));
|
|
24170
24659
|
padding-bottom: 0.7rem;
|
|
24171
24660
|
padding-top: 0.7rem;
|
|
24172
24661
|
padding-left: 1rem;
|
|
24173
|
-
border-bottom: 1px solid
|
|
24662
|
+
border-bottom: 1px solid
|
|
24663
|
+
var(--border-color-muted, var(--gray-100, #f3f3f4));
|
|
24174
24664
|
}
|
|
24175
24665
|
|
|
24176
24666
|
ul.list-navigation > li > a.active, ul.list-navigation > li > ul > li > a.active, nav.side-navigation > ul > li > a.active, nav.side-navigation > ul > li > ul > li > a.active {
|
|
24177
|
-
background-color: var(--gray-75, #f3f3f4);
|
|
24667
|
+
background-color: var(--sidenav-active-bg, var(--gray-75, #f3f3f4));
|
|
24668
|
+
color: var(--sidenav-active-color, inherit);
|
|
24178
24669
|
}
|
|
24179
24670
|
|
|
24180
24671
|
ul.list-navigation > li > a.active::before, ul.list-navigation > li > ul > li > a.active::before, nav.side-navigation > ul > li > a.active::before, nav.side-navigation > ul > li > ul > li > a.active::before {
|
|
@@ -24190,7 +24681,7 @@ ul.list-navigation > li > a.active::before, ul.list-navigation > li > ul > li >
|
|
|
24190
24681
|
}
|
|
24191
24682
|
|
|
24192
24683
|
ul.list-navigation > li > a:hover, ul.list-navigation > li > ul > li > a:hover, nav.side-navigation > ul > li > a:hover, nav.side-navigation > ul > li > ul > li > a:hover {
|
|
24193
|
-
color: var(--gray-900, #3b3a48);
|
|
24684
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
24194
24685
|
}
|
|
24195
24686
|
|
|
24196
24687
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
@@ -24208,13 +24699,16 @@ ul.list-navigation > li > a:focus,
|
|
|
24208
24699
|
nav.side-navigation > ul > li > a:hover,
|
|
24209
24700
|
nav.side-navigation > ul > li > ul > li > a:focus,
|
|
24210
24701
|
nav.side-navigation > ul > li > ul > li > a:hover {
|
|
24211
|
-
background-color: var(--gray-50, #fafafa);
|
|
24702
|
+
background-color: var(--sidenav-hover-bg, var(--gray-50, #fafafa));
|
|
24212
24703
|
}
|
|
24213
24704
|
|
|
24214
24705
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
24215
24706
|
|
|
24216
24707
|
ul.list-navigation > li > a:focus.active, ul.list-navigation > li > a:hover.active, ul.list-navigation > li > ul > li > a:focus.active, ul.list-navigation > li > ul > li > a:hover.active, nav.side-navigation > ul > li > a:focus.active, nav.side-navigation > ul > li > a:hover.active, nav.side-navigation > ul > li > ul > li > a:focus.active, nav.side-navigation > ul > li > ul > li > a:hover.active {
|
|
24217
|
-
background-color: var(
|
|
24708
|
+
background-color: var(
|
|
24709
|
+
--sidenav-active-hover-bg,
|
|
24710
|
+
var(--gray-100, #f3f3f4)
|
|
24711
|
+
);
|
|
24218
24712
|
}
|
|
24219
24713
|
|
|
24220
24714
|
ul.list-navigation > li > a.landing, ul.list-navigation > li > ul > li > a.landing, nav.side-navigation > ul > li > a.landing, nav.side-navigation > ul > li > ul > li > a.landing {
|
|
@@ -24262,12 +24756,12 @@ ul.list-navigation > li > ul > li > a, ul.list-navigation > li > ul > li > ul >
|
|
|
24262
24756
|
position: relative;
|
|
24263
24757
|
right: 0;
|
|
24264
24758
|
padding-right: 2.3rem;
|
|
24265
|
-
color: var(--color-p2, #046b99);
|
|
24759
|
+
color: var(--link-color, var(--color-p2, #046b99));
|
|
24266
24760
|
}
|
|
24267
24761
|
|
|
24268
24762
|
.sidenav-toggle:hover,
|
|
24269
24763
|
.sidenav-toggle:focus {
|
|
24270
|
-
color: var(--color-p2-darker, #214a68);
|
|
24764
|
+
color: var(--link-color-hover, var(--color-p2-darker, #214a68));
|
|
24271
24765
|
}
|
|
24272
24766
|
|
|
24273
24767
|
.sidenav-toggle .ca-gov-icon-caret-down {
|
|
@@ -24368,16 +24862,16 @@ a.sidenav {
|
|
|
24368
24862
|
padding-left: 1rem;
|
|
24369
24863
|
position: relative;
|
|
24370
24864
|
text-decoration: none !important;
|
|
24371
|
-
color: var(--gray-700, #5e5e6a);
|
|
24372
|
-
border-bottom: 1px solid var(--gray-100, #f3f3f4);
|
|
24373
|
-
background-color: var(--white, #fff);
|
|
24865
|
+
color: var(--text-muted, var(--gray-700, #5e5e6a));
|
|
24866
|
+
border-bottom: 1px solid var(--border-color-muted, var(--gray-100, #f3f3f4));
|
|
24867
|
+
background-color: var(--body-bg, var(--white, #fff));
|
|
24374
24868
|
}
|
|
24375
24869
|
|
|
24376
24870
|
a.sidenav:hover,
|
|
24377
24871
|
a.sidenav:focus {
|
|
24378
24872
|
text-decoration: none;
|
|
24379
|
-
background-color: var(--gray-50, #fafafa);
|
|
24380
|
-
color: var(--gray-900, #3b3a48);
|
|
24873
|
+
background-color: var(--sidenav-hover-bg, var(--gray-50, #fafafa));
|
|
24874
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
24381
24875
|
}
|
|
24382
24876
|
|
|
24383
24877
|
a.sidenav:focus {
|
|
@@ -24385,16 +24879,19 @@ a.sidenav:focus {
|
|
|
24385
24879
|
}
|
|
24386
24880
|
|
|
24387
24881
|
a.sidenav.active {
|
|
24388
|
-
color: var(--gray-700, #5e5e6a);
|
|
24882
|
+
color: var(--sidenav-active-color, var(--gray-700, #5e5e6a));
|
|
24389
24883
|
text-decoration: none;
|
|
24390
|
-
background-color: var(--gray-75, #f3f3f4);
|
|
24884
|
+
background-color: var(--sidenav-active-bg, var(--gray-75, #f3f3f4));
|
|
24391
24885
|
}
|
|
24392
24886
|
|
|
24393
24887
|
a.sidenav.active:hover,
|
|
24394
24888
|
a.sidenav.active:focus {
|
|
24395
24889
|
text-decoration: none !important;
|
|
24396
|
-
color: var(--black, #000);
|
|
24397
|
-
background-color: var(
|
|
24890
|
+
color: var(--sidenav-active-hover-color, var(--black, #000));
|
|
24891
|
+
background-color: var(
|
|
24892
|
+
--sidenav-active-hover-bg,
|
|
24893
|
+
var(--gray-100, #f3f3f4)
|
|
24894
|
+
);
|
|
24398
24895
|
}
|
|
24399
24896
|
|
|
24400
24897
|
a.sidenav.active::before {
|
|
@@ -24698,7 +25195,7 @@ a.sidenav.back::after {
|
|
|
24698
25195
|
font-size: 1.625rem;
|
|
24699
25196
|
font-weight: 700;
|
|
24700
25197
|
border: 5px solid;
|
|
24701
|
-
background-color: #fff;
|
|
25198
|
+
background-color: var(--body-bg, #fff);
|
|
24702
25199
|
border-radius: 50%;
|
|
24703
25200
|
text-align: center;
|
|
24704
25201
|
position: absolute;
|
|
@@ -24733,7 +25230,7 @@ a.sidenav.back::after {
|
|
|
24733
25230
|
|
|
24734
25231
|
.link-grid {
|
|
24735
25232
|
display: block;
|
|
24736
|
-
border: 1px solid var(--
|
|
25233
|
+
border: 1px solid var(--border-color-default, #d4d4d7);
|
|
24737
25234
|
border-radius: 5px;
|
|
24738
25235
|
font-size: 1.4rem;
|
|
24739
25236
|
font-weight: 700;
|
|
@@ -24741,14 +25238,15 @@ a.sidenav.back::after {
|
|
|
24741
25238
|
position: relative;
|
|
24742
25239
|
text-decoration: none !important;
|
|
24743
25240
|
height: 100%;
|
|
24744
|
-
color: var(--color-p2, #046b99);
|
|
24745
|
-
border-bottom: 4px solid
|
|
25241
|
+
color: var(--link-grid-color, var(--color-p2, #046b99));
|
|
25242
|
+
border-bottom: 4px solid
|
|
25243
|
+
var(--link-grid-border-bottom-color, var(--color-p2, #046b99));
|
|
24746
25244
|
}
|
|
24747
25245
|
|
|
24748
25246
|
.link-grid:hover,
|
|
24749
25247
|
.link-grid:focus {
|
|
24750
|
-
background: var(--gray-100, #f3f3f4);
|
|
24751
|
-
color: var(--color-p2-darker, #214a68);
|
|
25248
|
+
background: var(--link-grid-hover-bg, var(--gray-100, #f3f3f4));
|
|
25249
|
+
color: var(--link-grid-hover-color, var(--color-p2-darker, #214a68));
|
|
24752
25250
|
}
|
|
24753
25251
|
|
|
24754
25252
|
.link-grid:focus {
|
|
@@ -24762,8 +25260,8 @@ a.sidenav.back::after {
|
|
|
24762
25260
|
text-decoration: none;
|
|
24763
25261
|
width: 0.55rem;
|
|
24764
25262
|
height: 0.55rem;
|
|
24765
|
-
border-top: 2px solid var(--color-p2, #046b99);
|
|
24766
|
-
border-left: 2px solid var(--color-p2, #046b99);
|
|
25263
|
+
border-top: 2px solid var(--link-grid-color, var(--color-p2, #046b99));
|
|
25264
|
+
border-left: 2px solid var(--link-grid-color, var(--color-p2, #046b99));
|
|
24767
25265
|
vertical-align: middle;
|
|
24768
25266
|
top: 50%;
|
|
24769
25267
|
transform: translateY(-50%) rotate(135deg);
|
|
@@ -25289,7 +25787,7 @@ a.sidenav.back::after {
|
|
|
25289
25787
|
|
|
25290
25788
|
.color-gray-dark,
|
|
25291
25789
|
.color-grey-dark {
|
|
25292
|
-
color: var(--gray-900, #3b3a48);
|
|
25790
|
+
color: var(--text-color, var(--gray-900, #3b3a48));
|
|
25293
25791
|
}
|
|
25294
25792
|
|
|
25295
25793
|
.color-gray,
|
|
@@ -25297,6 +25795,15 @@ a.sidenav.back::after {
|
|
|
25297
25795
|
color: var(--gray-700, #5e5e6a);
|
|
25298
25796
|
}
|
|
25299
25797
|
|
|
25798
|
+
.color-muted {
|
|
25799
|
+
color: var(--text-muted, var(--gray-700, #5e5e6a)) !important;
|
|
25800
|
+
}
|
|
25801
|
+
|
|
25802
|
+
.color-muted-hover:hover,
|
|
25803
|
+
.color-muted-hover:focus {
|
|
25804
|
+
color: var(--text-color, var(--gray-900, #3b3a48)) !important;
|
|
25805
|
+
}
|
|
25806
|
+
|
|
25300
25807
|
.gray-50,
|
|
25301
25808
|
.gray-50-hover:hover,
|
|
25302
25809
|
.gray-50-hover:focus {
|
|
@@ -25369,6 +25876,24 @@ a.sidenav.back::after {
|
|
|
25369
25876
|
color: var(--gray-50, #fafafa) !important;
|
|
25370
25877
|
}
|
|
25371
25878
|
|
|
25879
|
+
.text-color {
|
|
25880
|
+
color: var(--text-color, #3b3a48) !important;
|
|
25881
|
+
}
|
|
25882
|
+
|
|
25883
|
+
.text-color-hover:hover,
|
|
25884
|
+
.text-color-hover:focus {
|
|
25885
|
+
color: var(--text-color-hover, #000) !important;
|
|
25886
|
+
}
|
|
25887
|
+
|
|
25888
|
+
.link-color {
|
|
25889
|
+
color: var(--link-color, var(--color-p2, #046b99)) !important;
|
|
25890
|
+
}
|
|
25891
|
+
|
|
25892
|
+
.link-color-hover:hover,
|
|
25893
|
+
.link-color-hover:focus {
|
|
25894
|
+
color: var(--link-color-hover, var(--color-p2-darker, #035376)) !important;
|
|
25895
|
+
}
|
|
25896
|
+
|
|
25372
25897
|
.text-primary {
|
|
25373
25898
|
color: var(--color-p2, #046b99) !important;
|
|
25374
25899
|
}
|
|
@@ -25395,57 +25920,94 @@ a.sidenav.back::after {
|
|
|
25395
25920
|
color: var(--brand-danger, #cd402d) !important;
|
|
25396
25921
|
}
|
|
25397
25922
|
|
|
25923
|
+
.bg-base-light {
|
|
25924
|
+
background-color: var(--base-light, #fff) !important;
|
|
25925
|
+
}
|
|
25926
|
+
|
|
25927
|
+
.bg-body {
|
|
25928
|
+
background-color: var(--body-bg, #fff) !important;
|
|
25929
|
+
}
|
|
25930
|
+
|
|
25931
|
+
.bg-base-light-hover:hover,
|
|
25932
|
+
.bg-base-light-hover:focus {
|
|
25933
|
+
background-color: var(--base-light, #fff) !important;
|
|
25934
|
+
}
|
|
25935
|
+
|
|
25398
25936
|
.bg-white {
|
|
25399
25937
|
background-color: var(--white, #fff) !important;
|
|
25400
25938
|
}
|
|
25401
25939
|
|
|
25940
|
+
.bg-white-hover:hover,
|
|
25941
|
+
.bg-white-hover:focus {
|
|
25942
|
+
background-color: var(--white, #fff) !important;
|
|
25943
|
+
}
|
|
25944
|
+
|
|
25945
|
+
.bg-default {
|
|
25946
|
+
background-color: var(--default-bg, var(--gray-50, #fafafa)) !important;
|
|
25947
|
+
}
|
|
25948
|
+
|
|
25949
|
+
.bg-default-hover:hover,
|
|
25950
|
+
.bg-default-hover:focus {
|
|
25951
|
+
background-color: var(--default-bg-hover, var(--gray-75, #f3f3f4)) !important;
|
|
25952
|
+
}
|
|
25953
|
+
|
|
25954
|
+
.bg-default-hover-darker:hover,
|
|
25955
|
+
.bg-default-hover-darker:focus {
|
|
25956
|
+
background-color: var(
|
|
25957
|
+
--default-bg-hover-darker,
|
|
25958
|
+
var(--gray-100, #ededef)
|
|
25959
|
+
) !important;
|
|
25960
|
+
}
|
|
25961
|
+
|
|
25402
25962
|
.bg-outline-color,
|
|
25403
25963
|
.bg-outline-color:hover,
|
|
25404
25964
|
.bg-outline-color:focus {
|
|
25405
25965
|
background-color: var(--outline-default-color, #2ea3f2) !important;
|
|
25406
25966
|
}
|
|
25407
25967
|
|
|
25408
|
-
.bg-white-hover:hover,
|
|
25409
|
-
.bg-white-hover:focus {
|
|
25410
|
-
background-color: var(--white, #fff) !important;
|
|
25411
|
-
}
|
|
25412
|
-
|
|
25413
25968
|
.bg-gray-light,
|
|
25414
25969
|
.bg-grey-light {
|
|
25415
|
-
background-color: var(
|
|
25970
|
+
background-color: var(
|
|
25971
|
+
--default-bg-darker,
|
|
25972
|
+
var(--gray-100, #ededef)
|
|
25973
|
+
) !important;
|
|
25416
25974
|
}
|
|
25417
25975
|
|
|
25418
25976
|
.bg-gray-light-hover:hover,
|
|
25419
25977
|
.bg-gray-light-hover:focus,
|
|
25420
25978
|
.bg-grey-light-hover:hover,
|
|
25421
25979
|
.bg-grey-light-hover:focus {
|
|
25422
|
-
background-color: var(
|
|
25980
|
+
background-color: var(
|
|
25981
|
+
--default-bg-darker,
|
|
25982
|
+
var(--gray-100, #ededef)
|
|
25983
|
+
) !important;
|
|
25423
25984
|
}
|
|
25424
25985
|
|
|
25425
25986
|
.bg-gray-light-hover-darker:hover,
|
|
25426
25987
|
.bg-gray-light-hover-darker:focus,
|
|
25427
25988
|
.bg-grey-light-hover-darker:hover,
|
|
25428
25989
|
.bg-grey-light-hover-darker:focus {
|
|
25429
|
-
background-color: var(
|
|
25990
|
+
background-color: var(
|
|
25991
|
+
--border-color-default,
|
|
25992
|
+
var(--gray-200, #d4d4d7)
|
|
25993
|
+
) !important;
|
|
25430
25994
|
}
|
|
25431
25995
|
|
|
25432
|
-
.bg-gray-
|
|
25433
|
-
.bg-grey-
|
|
25434
|
-
background-color: var(--gray-
|
|
25996
|
+
.bg-gray-lighter,
|
|
25997
|
+
.bg-grey-lighter {
|
|
25998
|
+
background-color: var(--default-bg-hover, var(--gray-75, #f3f3f4)) !important;
|
|
25435
25999
|
}
|
|
25436
26000
|
|
|
25437
|
-
.bg-gray-lightest
|
|
25438
|
-
.bg-
|
|
25439
|
-
|
|
25440
|
-
.bg-grey-lightest-hover:focus {
|
|
25441
|
-
background-color: var(--gray-50, #fafafa) !important;
|
|
26001
|
+
.bg-gray-lightest,
|
|
26002
|
+
.bg-grey-lightest {
|
|
26003
|
+
background-color: var(--default-bg, var(--gray-50, #fafafa)) !important;
|
|
25442
26004
|
}
|
|
25443
26005
|
|
|
25444
26006
|
.bg-gray-lightest-hover-darker:hover,
|
|
25445
26007
|
.bg-gray-lightest-hover-darker:focus,
|
|
25446
26008
|
.bg-grey-lightest-hover-darker:hover,
|
|
25447
26009
|
.bg-grey-lightest-hover-darker:focus {
|
|
25448
|
-
background-color: var(--gray-75, #f3f3f4) !important;
|
|
26010
|
+
background-color: var(--default-bg-hover, var(--gray-75, #f3f3f4)) !important;
|
|
25449
26011
|
}
|
|
25450
26012
|
|
|
25451
26013
|
.bg-gray-50,
|
|
@@ -25514,6 +26076,15 @@ a.sidenav.back::after {
|
|
|
25514
26076
|
background-color: var(--gray-900, #3b3a48) !important;
|
|
25515
26077
|
}
|
|
25516
26078
|
|
|
26079
|
+
.bg-base-dark {
|
|
26080
|
+
background-color: var(--base-dark, #000) !important;
|
|
26081
|
+
}
|
|
26082
|
+
|
|
26083
|
+
.bg-base-dark-hover:hover,
|
|
26084
|
+
.bg-base-dark-hover:focus {
|
|
26085
|
+
background-color: var(--base-dark, #000) !important;
|
|
26086
|
+
}
|
|
26087
|
+
|
|
25517
26088
|
.bg-none {
|
|
25518
26089
|
background: none !important;
|
|
25519
26090
|
}
|
|
@@ -25555,30 +26126,30 @@ a.sidenav.back::after {
|
|
|
25555
26126
|
------------------------------------ */
|
|
25556
26127
|
.brd-white-before::before,
|
|
25557
26128
|
.brd-white-after::after {
|
|
25558
|
-
border-color: var(--white, #fff) !important;
|
|
26129
|
+
border-color: var(--base-light, var(--white, #fff)) !important;
|
|
25559
26130
|
}
|
|
25560
26131
|
|
|
25561
26132
|
.brd-gray-light,
|
|
25562
26133
|
.brd-gray-light-hover:hover,
|
|
25563
26134
|
.brd-gray-light-hover:focus {
|
|
25564
|
-
border-color: var(--
|
|
26135
|
+
border-color: var(--border-color-default, #d4d4d7) !important;
|
|
25565
26136
|
}
|
|
25566
26137
|
|
|
25567
26138
|
.brd-gray-dark,
|
|
25568
26139
|
.brd-gray-dark-hover:hover,
|
|
25569
26140
|
.brd-gray-dark-hover:focus {
|
|
25570
|
-
border-color: var(--gray-900, #3b3a48) !important;
|
|
26141
|
+
border-color: var(--text-color, var(--gray-900, #3b3a48)) !important;
|
|
25571
26142
|
}
|
|
25572
26143
|
|
|
25573
26144
|
.brd-gray,
|
|
25574
26145
|
.brd-gray-hover:hover,
|
|
25575
26146
|
.brd-gray-hover:focus {
|
|
25576
|
-
border-color: var(--gray-700, #5e5e6a) !important;
|
|
26147
|
+
border-color: var(--text-muted, var(--gray-700, #5e5e6a)) !important;
|
|
25577
26148
|
}
|
|
25578
26149
|
|
|
25579
26150
|
.brd-gray-light-before::before,
|
|
25580
26151
|
.brd-gray-light-after::after {
|
|
25581
|
-
border-color: var(--
|
|
26152
|
+
border-color: var(--border-color-default, #d4d4d7) !important;
|
|
25582
26153
|
}
|
|
25583
26154
|
|
|
25584
26155
|
.brd-transparent-before::before,
|
|
@@ -25586,6 +26157,17 @@ a.sidenav.back::after {
|
|
|
25586
26157
|
border-color: transparent !important;
|
|
25587
26158
|
}
|
|
25588
26159
|
|
|
26160
|
+
.brd-color-default {
|
|
26161
|
+
border-color: var(
|
|
26162
|
+
--border-color-default,
|
|
26163
|
+
var(--gray-200, #d4d4d7)
|
|
26164
|
+
) !important;
|
|
26165
|
+
}
|
|
26166
|
+
|
|
26167
|
+
.brd-color-muted {
|
|
26168
|
+
border-color: var(--border-color-muted, var(--gray-100, #f3f3f4)) !important;
|
|
26169
|
+
}
|
|
26170
|
+
|
|
25589
26171
|
.brd-gray-100 {
|
|
25590
26172
|
border-color: var(--gray-100, #f3f3f4) !important;
|
|
25591
26173
|
}
|
|
@@ -26316,14 +26898,22 @@ a.sidenav.back::after {
|
|
|
26316
26898
|
color: var(--color-p1-light, #f2c45a) !important;
|
|
26317
26899
|
}
|
|
26318
26900
|
|
|
26319
|
-
.color-primary,
|
|
26320
26901
|
.color-p2 {
|
|
26321
|
-
color: var(--color-p2, #046b99);
|
|
26902
|
+
color: var(--color-p2, #046b99) !important;
|
|
26903
|
+
}
|
|
26904
|
+
|
|
26905
|
+
.color-p2-hover:hover,
|
|
26906
|
+
.color-p2-hover:focus {
|
|
26907
|
+
color: var(--color-p2-darker, #214a68) !important;
|
|
26908
|
+
}
|
|
26909
|
+
|
|
26910
|
+
.color-primary {
|
|
26911
|
+
color: var(--link-color, var(--color-p2, #046b99)) !important;
|
|
26322
26912
|
}
|
|
26323
26913
|
|
|
26324
26914
|
.color-primary-hover:hover,
|
|
26325
26915
|
.color-primary-hover:focus {
|
|
26326
|
-
color: var(--color-p2-darker, #214a68) !important;
|
|
26916
|
+
color: var(--link-color-hover, var(--color-p2-darker, #214a68)) !important;
|
|
26327
26917
|
}
|
|
26328
26918
|
|
|
26329
26919
|
.color-standout,
|
|
@@ -26433,12 +27023,18 @@ a.sidenav.back::after {
|
|
|
26433
27023
|
}
|
|
26434
27024
|
|
|
26435
27025
|
.bg-primary-light {
|
|
26436
|
-
background-color: var(
|
|
27026
|
+
background-color: var(
|
|
27027
|
+
--color-primary-light,
|
|
27028
|
+
var(--color-p2-lightest, #a4c3d4)
|
|
27029
|
+
) !important;
|
|
26437
27030
|
}
|
|
26438
27031
|
|
|
26439
27032
|
.bg-primary-light-hover:hover,
|
|
26440
27033
|
.bg-primary-light-hover:focus {
|
|
26441
|
-
background-color: var(
|
|
27034
|
+
background-color: var(
|
|
27035
|
+
--color-primary-light,
|
|
27036
|
+
var(--color-p2-lightest, #a4c3d4)
|
|
27037
|
+
) !important;
|
|
26442
27038
|
}
|
|
26443
27039
|
|
|
26444
27040
|
.bg-highlight-light {
|
|
@@ -26490,15 +27086,21 @@ a.sidenav.back::after {
|
|
|
26490
27086
|
|
|
26491
27087
|
/* border colors */
|
|
26492
27088
|
.brd-primary {
|
|
26493
|
-
border-color: var(--color-p2, #046b99) !important;
|
|
27089
|
+
border-color: var(--color-primary, var(--color-p2, #046b99)) !important;
|
|
26494
27090
|
}
|
|
26495
27091
|
|
|
26496
27092
|
.brd-primary-light {
|
|
26497
|
-
border-color: var(
|
|
27093
|
+
border-color: var(
|
|
27094
|
+
--color-primary-light,
|
|
27095
|
+
var(--color-p2-lightest, #a4c3d4)
|
|
27096
|
+
) !important;
|
|
26498
27097
|
}
|
|
26499
27098
|
|
|
26500
27099
|
.brd-primary-dark {
|
|
26501
|
-
border-color: var(
|
|
27100
|
+
border-color: var(
|
|
27101
|
+
--color-primary-dark,
|
|
27102
|
+
var(--color-p2-darker, #214a68)
|
|
27103
|
+
) !important;
|
|
26502
27104
|
}
|
|
26503
27105
|
|
|
26504
27106
|
.brd-standout {
|
|
@@ -26539,7 +27141,10 @@ a.sidenav.back::after {
|
|
|
26539
27141
|
|
|
26540
27142
|
.brd-primary-light-before::before,
|
|
26541
27143
|
.brd-primary-light-after::after {
|
|
26542
|
-
border-color: var(
|
|
27144
|
+
border-color: var(
|
|
27145
|
+
--color-primary-light,
|
|
27146
|
+
var(--color-p2-lightest, #a4c3d4)
|
|
27147
|
+
) !important;
|
|
26543
27148
|
}
|
|
26544
27149
|
|
|
26545
27150
|
.brd-highlight-light-before::before,
|