@cagovweb/state-template 6.5.1 → 6.5.3

package/dist/css/cagov.core.flat.css

@@ -1,8 +1,8 @@
-/*! State Web Template Version 6.5.1 */
+/*! State Web Template Version 6.5.3 */
 @charset "UTF-8";
 /*!
- * Bootstrap  v5.3.3 (https://getbootstrap.com/)
- * Copyright 2011-2024 The Bootstrap Authors
+ * Bootstrap  v5.3.8 (https://getbootstrap.com/)
+ * Copyright 2011-2025 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
 :root,
@@ -518,8 +518,8 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
-  font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
+  font-size: calc(1.275rem + 0.3vw);
 }
 @media (min-width: 1200px) {
   legend {
@@ -548,6 +548,10 @@ legend + * {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
 
 /* rtl:raw:
 [type="tel"],
@@ -602,9 +606,9 @@ progress {
 }
 
 .display-1 {
-  font-size: calc(1.625rem + 4.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.625rem + 4.5vw);
 }
 @media (min-width: 1200px) {
   .display-1 {
@@ -613,9 +617,9 @@ progress {
 }
 
 .display-2 {
-  font-size: calc(1.575rem + 3.9vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.575rem + 3.9vw);
 }
 @media (min-width: 1200px) {
   .display-2 {
@@ -624,9 +628,9 @@ progress {
 }
 
 .display-3 {
-  font-size: calc(1.525rem + 3.3vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.525rem + 3.3vw);
 }
 @media (min-width: 1200px) {
   .display-3 {
@@ -635,9 +639,9 @@ progress {
 }
 
 .display-4 {
-  font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.475rem + 2.7vw);
 }
 @media (min-width: 1200px) {
   .display-4 {
@@ -646,9 +650,9 @@ progress {
 }
 
 .display-5 {
-  font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.425rem + 2.1vw);
 }
 @media (min-width: 1200px) {
   .display-5 {
@@ -657,9 +661,9 @@ progress {
 }
 
 .display-6 {
-  font-size: calc(1.375rem + 1.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.375rem + 1.5vw);
 }
 @media (min-width: 1200px) {
   .display-6 {
@@ -804,7 +808,7 @@ progress {
 }
 
 .col {
-  flex: 1 0 0%;
+  flex: 1 0 0;
 }
 
 .row-cols-auto > * {
@@ -1013,7 +1017,7 @@ progress {
 
 @media (min-width: 576px) {
   .col-sm {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-sm-auto > * {
     flex: 0 0 auto;
@@ -1182,7 +1186,7 @@ progress {
 }
 @media (min-width: 768px) {
   .col-md {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-md-auto > * {
     flex: 0 0 auto;
@@ -1351,7 +1355,7 @@ progress {
 }
 @media (min-width: 992px) {
   .col-lg {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-lg-auto > * {
     flex: 0 0 auto;
@@ -1520,7 +1524,7 @@ progress {
 }
 @media (min-width: 1200px) {
   .col-xl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xl-auto > * {
     flex: 0 0 auto;
@@ -1689,7 +1693,7 @@ progress {
 }
 @media (min-width: 1400px) {
   .col-xxl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xxl-auto > * {
     flex: 0 0 auto;
@@ -2157,10 +2161,6 @@ progress {
   display: block;
   padding: 0;
 }
-.form-control::-moz-placeholder {
-  color: var(--bs-secondary-color);
-  opacity: 1;
-}
 .form-control::placeholder {
   color: var(--bs-secondary-color);
   opacity: 1;
@@ -2608,9 +2608,11 @@ textarea.form-control-lg {
   top: 0;
   left: 0;
   z-index: 2;
+  max-width: 100%;
   height: 100%;
   padding: 1rem 0.75rem;
   overflow: hidden;
+  color: rgba(var(--bs-body-color-rgb), 0.65);
   text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2628,17 +2630,10 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext {
   padding: 1rem 0.75rem;
 }
-.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
-  color: transparent;
-}
 .form-floating > .form-control::placeholder,
 .form-floating > .form-control-plaintext::placeholder {
   color: transparent;
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
-  padding-top: 1.625rem;
-  padding-bottom: 0.625rem;
-}
 .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
 .form-floating > .form-control-plaintext:focus,
 .form-floating > .form-control-plaintext:not(:placeholder-shown) {
@@ -2653,31 +2648,19 @@ textarea.form-control-lg {
 .form-floating > .form-select {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
-}
-.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
-  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+  padding-left: 0.75rem;
 }
 .form-floating > .form-control:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
-  position: absolute;
-  inset: 1rem 0.375rem;
-  z-index: -1;
-  height: 1.5em;
-  content: "";
-  background-color: var(--bs-body-bg);
-  border-radius: var(--bs-border-radius);
+.form-floating > .form-control:-webkit-autofill ~ label {
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:focus ~ label::after,
-.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
-.form-floating > .form-control-plaintext ~ label::after,
-.form-floating > .form-select ~ label::after {
+.form-floating > textarea:focus ~ label::after,
+.form-floating > textarea:not(:placeholder-shown) ~ label::after {
   position: absolute;
   inset: 1rem 0.375rem;
   z-index: -1;
@@ -2686,9 +2669,8 @@ textarea.form-control-lg {
   background-color: var(--bs-body-bg);
   border-radius: var(--bs-border-radius);
 }
-.form-floating > .form-control:-webkit-autofill ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
-  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+.form-floating > textarea:disabled ~ label::after {
+  background-color: var(--bs-secondary-bg);
 }
 .form-floating > .form-control-plaintext ~ label {
   border-width: var(--bs-border-width) 0;
@@ -2697,10 +2679,6 @@ textarea.form-control-lg {
 .form-floating > .form-control:disabled ~ label {
   color: #6c757d;
 }
-.form-floating > :disabled ~ label::after,
-.form-floating > .form-control:disabled ~ label::after {
-  background-color: var(--bs-secondary-bg);
-}
 
 .input-group {
   position: relative;
@@ -2783,7 +2761,7 @@ textarea.form-control-lg {
   border-bottom-right-radius: 0;
 }
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -2825,7 +2803,7 @@ textarea.form-control-lg {
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: var(--bs-form-valid-border-color);
   padding-right: calc(1.5em + 0.75rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -2844,7 +2822,7 @@ textarea.form-control-lg {
   border-color: var(--bs-form-valid-border-color);
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
-  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
   padding-right: 4.125rem;
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -3756,7 +3734,7 @@ textarea.form-control-lg {
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3803,14 +3781,15 @@ textarea.form-control-lg {
 }
 .btn-group-vertical > .btn:not(:first-child),
 .btn-group-vertical > .btn-group:not(:first-child) {
-  margin-top: calc(var(--bs-border-width) * -1);
+  margin-top: calc(-1 * var(--bs-border-width));
 }
 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn:nth-child(n+3),
+.btn-group-vertical > :not(.btn-check) + .btn,
 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -3934,8 +3913,8 @@ textarea.form-control-lg {
 
 .nav-justified > .nav-link,
 .nav-justified .nav-item {
-  flex-basis: 0;
   flex-grow: 1;
+  flex-basis: 0;
   text-align: center;
 }
 
@@ -4036,8 +4015,8 @@ textarea.form-control-lg {
 }
 
 .navbar-collapse {
-  flex-basis: 100%;
   flex-grow: 1;
+  flex-basis: 100%;
   align-items: center;
 }
 
@@ -4532,7 +4511,7 @@ textarea.form-control-lg {
     flex-flow: row wrap;
   }
   .card-group > .card {
-    flex: 1 0 0%;
+    flex: 1 0 0;
     margin-bottom: 0;
   }
   .card-group > .card + .card {
@@ -4543,24 +4522,24 @@ textarea.form-control-lg {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-top,
-  .card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) > .card-img-top,
+  .card-group > .card:not(:last-child) > .card-header {
     border-top-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-bottom,
-  .card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) > .card-img-bottom,
+  .card-group > .card:not(:last-child) > .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-top,
-  .card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) > .card-img-top,
+  .card-group > .card:not(:first-child) > .card-header {
     border-top-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-bottom,
-  .card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) > .card-img-bottom,
+  .card-group > .card:not(:first-child) > .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -4577,11 +4556,11 @@ textarea.form-control-lg {
   --bs-accordion-btn-padding-y: 1rem;
   --bs-accordion-btn-color: var(--bs-body-color);
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
@@ -4691,16 +4670,15 @@ textarea.form-control-lg {
 .accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
-  border-radius: 0;
-}
-.accordion-flush > .accordion-item > .accordion-collapse {
+.accordion-flush > .accordion-item > .accordion-collapse,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
   border-radius: 0;
 }
 
 [data-bs-theme=dark] .accordion-button::after {
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
 }
 
 .breadcrumb {
@@ -4804,7 +4782,7 @@ textarea.form-control-lg {
 }
 
 .page-item:not(:first-child) .page-link {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
 }
 .page-item:first-child .page-link {
   border-top-left-radius: var(--bs-pagination-border-radius);
@@ -4953,7 +4931,7 @@ textarea.form-control-lg {
 
 @keyframes progress-bar-stripes {
   0% {
-    background-position-x: 1rem;
+    background-position-x: var(--bs-progress-height);
   }
 }
 .progress,
@@ -5047,22 +5025,6 @@ textarea.form-control-lg {
   counter-increment: section;
 }
 
-.list-group-item-action {
-  width: 100%;
-  color: var(--bs-list-group-action-color);
-  text-align: inherit;
-}
-.list-group-item-action:hover, .list-group-item-action:focus {
-  z-index: 1;
-  color: var(--bs-list-group-action-hover-color);
-  text-decoration: none;
-  background-color: var(--bs-list-group-action-hover-bg);
-}
-.list-group-item-action:active {
-  color: var(--bs-list-group-action-active-color);
-  background-color: var(--bs-list-group-action-active-bg);
-}
-
 .list-group-item {
   position: relative;
   display: block;
@@ -5099,6 +5061,22 @@ textarea.form-control-lg {
   border-top-width: var(--bs-list-group-border-width);
 }
 
+.list-group-item-action {
+  width: 100%;
+  color: var(--bs-list-group-action-color);
+  text-align: inherit;
+}
+.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
+  z-index: 1;
+  color: var(--bs-list-group-action-hover-color);
+  text-decoration: none;
+  background-color: var(--bs-list-group-action-hover-bg);
+}
+.list-group-item-action:not(.active):active {
+  color: var(--bs-list-group-action-active-color);
+  background-color: var(--bs-list-group-action-active-bg);
+}
+
 .list-group-horizontal {
   flex-direction: row;
 }
@@ -5358,19 +5336,19 @@ textarea.form-control-lg {
 
 .btn-close {
   --bs-btn-close-color: #000;
-  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
   --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
-  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0.25em 0.25em;
   color: var(--bs-btn-close-color);
   background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  filter: var(--bs-btn-close-filter);
   border: 0;
   border-radius: 0.375rem;
   opacity: var(--bs-btn-close-opacity);
@@ -5394,11 +5372,16 @@ textarea.form-control-lg {
 }
 
 .btn-close-white {
-  filter: var(--bs-btn-close-white-filter);
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
-[data-bs-theme=dark] .btn-close {
-  filter: var(--bs-btn-close-white-filter);
+:root,
+[data-bs-theme=light] {
+  --bs-btn-close-filter: ;
+}
+
+[data-bs-theme=dark] {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
 .toast {
@@ -5475,7 +5458,7 @@ textarea.form-control-lg {
   --bs-modal-width: 500px;
   --bs-modal-padding: 1rem;
   --bs-modal-margin: 0.5rem;
-  --bs-modal-color: ;
+  --bs-modal-color: var(--bs-body-color);
   --bs-modal-bg: var(--bs-body-bg);
   --bs-modal-border-color: var(--bs-border-color-translucent);
   --bs-modal-border-width: var(--bs-border-width);
@@ -5511,8 +5494,8 @@ textarea.form-control-lg {
   pointer-events: none;
 }
 .modal.fade .modal-dialog {
-  transition: transform 0.3s ease-out;
   transform: translate(0, -50px);
+  transition: transform 0.3s ease-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
@@ -5587,7 +5570,10 @@ textarea.form-control-lg {
 }
 .modal-header .btn-close {
   padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
-  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
+  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
+  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
+  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
+  margin-left: auto;
 }
 
 .modal-title {
@@ -6108,6 +6094,7 @@ textarea.form-control-lg {
   color: #fff;
   text-align: center;
   background: none;
+  filter: var(--bs-carousel-control-icon-filter);
   border: 0;
   opacity: 0.5;
   transition: opacity 0.15s ease;
@@ -6146,11 +6133,11 @@ textarea.form-control-lg {
 }
 
 .carousel-control-prev-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-control-next-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-indicators {
@@ -6176,7 +6163,7 @@ textarea.form-control-lg {
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
-  background-color: #fff;
+  background-color: var(--bs-carousel-indicator-active-bg);
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
@@ -6200,36 +6187,33 @@ textarea.form-control-lg {
   left: 15%;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
-  color: #fff;
+  color: var(--bs-carousel-caption-color);
   text-align: center;
 }
 
-.carousel-dark .carousel-control-prev-icon,
-.carousel-dark .carousel-control-next-icon {
-  filter: invert(1) grayscale(100);
-}
-.carousel-dark .carousel-indicators [data-bs-target] {
-  background-color: #000;
-}
-.carousel-dark .carousel-caption {
-  color: #000;
+.carousel-dark {
+  --bs-carousel-indicator-active-bg: #000;
+  --bs-carousel-caption-color: #000;
+  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
 }
 
-[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
-[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
-[data-bs-theme=dark].carousel .carousel-control-next-icon {
-  filter: invert(1) grayscale(100);
-}
-[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
-  background-color: #000;
+:root,
+[data-bs-theme=light] {
+  --bs-carousel-indicator-active-bg: #fff;
+  --bs-carousel-caption-color: #fff;
+  --bs-carousel-control-icon-filter: ;
 }
-[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
-  color: #000;
+
+[data-bs-theme=dark] {
+  --bs-carousel-indicator-active-bg: #000;
+  --bs-carousel-caption-color: #000;
+  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
 }
 
 .spinner-grow,
 .spinner-border {
   display: inline-block;
+  flex-shrink: 0;
   width: var(--bs-spinner-width);
   height: var(--bs-spinner-height);
   vertical-align: var(--bs-spinner-vertical-align);
@@ -6774,7 +6758,10 @@ textarea.form-control-lg {
 }
 .offcanvas-header .btn-close {
   padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
-  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
+  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
+  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
+  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
+  margin-left: auto;
 }
 
 .offcanvas-title {
@@ -7175,6 +7162,10 @@ textarea.form-control-lg {
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
   position: absolute !important;
 }
+.visually-hidden *,
+.visually-hidden-focusable:not(:focus):not(:focus-within) * {
+  overflow: hidden !important;
+}
 
 .stretched-link::after {
   position: absolute;
@@ -12208,6 +12199,12 @@ textarea.form-control-lg {
   --text-field-color: rgba(255 255 255 / 80%);
   --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>")
     no-repeat;
+  --is-mobile: 0;
+}
+@media (max-width: 991px) {
+  :root {
+    --is-mobile: 1;
+  }
 }
 /* -----------------------------------------
    OCEANSIDE COLOR THEME
@@ -15630,10 +15627,7 @@ h2 {
    SITE SEARCH - /src/css/cagov/search.css
 ----------------------------------------- */
 
-/* stylelint-disable no-descending-specificity */
-
-.search-container,
-.featured-search.active {
+.search-container {
   overflow: hidden;
   z-index: 7;
   position: relative;
@@ -15648,14 +15642,61 @@ h2 {
 
 @media (min-width: 992px) {
 
-.search-container,
-.featured-search.active {
+.search-container {
     position: absolute;
     top: 96px
 }
   }
 
-.search-container .search-textfield, .featured-search.active .search-textfield {
+.search-container #Search {
+    display: flex;
+  }
+
+.search-container #Search .gsc-search-button {
+      right: 50px;
+      background-color: var(--gray-600, #72717c);
+      border-color: var(--gray-600, #72717c);
+      color: var(--white, #fff);
+    }
+
+.search-container #Search .gsc-search-button:focus {
+        outline: 2px solid var(--outline-dark-mode-color);
+        outline-offset: -4px;
+      }
+
+.search-container #Search .gsc-search-button:hover,
+      .search-container #Search .gsc-search-button:focus {
+        background-color: var(--gray-800, #4a4958);
+        border-color: var(--gray-800, #4a4958);
+      }
+
+.search-container #Search .gsc-search-button .ca-gov-icon-search {
+        color: var(--white, #fff);
+      }
+
+@media (max-width: 991px) {
+
+.search-container #Search .gsc-search-button {
+        background-color: var(--white, #fff);
+        border-color: var(--white, #fff)
+    }
+
+        .search-container #Search .gsc-search-button .ca-gov-icon-search {
+          color: var(--gray-700, #5e5e6a);
+        }
+
+        .search-container #Search .gsc-search-button:hover,
+        .search-container #Search .gsc-search-button:focus {
+          background-color: var(--gray-50, #fafafa);
+          border-color: var(--gray-50, #fafafa);
+        }
+
+          .search-container #Search .gsc-search-button:hover .ca-gov-icon-search, .search-container #Search .gsc-search-button:focus .ca-gov-icon-search {
+            color: var(--gray-900, #3b3a48);
+          }
+      }
+
+.search-container .search-textfield {
     font-size: 1.1rem;
     width: 100%;
     max-height: 38px;
@@ -15663,30 +15704,30 @@ h2 {
     transition: border 0.4s;
   }
 
-.search-container .search-textfield::placeholder, .featured-search.active .search-textfield::placeholder {
+.search-container .search-textfield::placeholder {
       color: var(--black, #000);
       opacity: 1;
     }
 
 /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
 
-.search-container .search-textfield::input-placeholder, .featured-search.active .search-textfield::input-placeholder {
+.search-container .search-textfield::input-placeholder {
       color: var(--black, #000);
     }
 
-.search-container .search-textfield:focus, .featured-search.active .search-textfield:focus {
+.search-container .search-textfield:focus {
       outline: 2px solid var(--outline-default-color);
       outline-offset: -2px;
     }
 
-.search-container .submit-container, .featured-search.active .submit-container {
+.search-container .submit-container {
     float: left;
     height: auto;
     height: 40px;
     transition: all 0.5s 0.1s;
   }
 
-.search-container .submit-container button, .featured-search.active .submit-container button {
+.search-container .submit-container button {
       float: left;
       transition: all 0.5s 0.1s;
       background: none;
@@ -15701,7 +15742,7 @@ h2 {
       padding: 0;
     }
 
-.search-container .submit-container button > span, .featured-search.active .submit-container button > span {
+.search-container .submit-container button > span {
         position: relative;
         top: 0;
         font-size: 1.87rem;
@@ -15710,55 +15751,19 @@ h2 {
 
 @media (max-width: 991px) {
 
-.search-container .submit-container button, .featured-search.active .submit-container button {
+.search-container .submit-container button {
         font-size: 2rem;
         line-height: 1em;
         padding-top: 0
     }
       }
 
-.search-container .textfield-container, .featured-search.active .textfield-container {
+.search-container .textfield-container {
     float: left;
     width: 100%;
   }
 
-.search-container .close-search, .featured-search.active .close-search {
-    display: none;
-    position: absolute;
-    right: -10px;
-    cursor: pointer;
-  }
-
-.search-container .close-search .sr-only, .featured-search.active .close-search .sr-only {
-      height: unset !important;
-      width: unset !important;
-      position: relative !important;
-      clip: unset !important;
-      background: none !important;
-      margin: 0 !important;
-      font-size: 1.125rem !important;
-      color: var(--color-p2, #046b99);
-      text-decoration: underline;
-    }
-
-.search-container .close-search .sr-only:hover,
-      .search-container .close-search .sr-only:focus,
-      .featured-search.active .close-search .sr-only:hover,
-      .featured-search.active .close-search .sr-only:focus {
-        color: var(--color-p2-darker, #214a68);
-        text-decoration: none;
-      }
-
-@media (max-width: 991px) {
-
-.search-container .close-search, .featured-search.active .close-search {
-      right: 0;
-      display: none
-  }
-    }
-
 input[type="search"].search-textfield {
-  padding-left: 10px;
   -webkit-appearance: none;
   background-color: canvas;
   border: 1px solid #72717c;
@@ -15766,15 +15771,14 @@ input[type="search"].search-textfield {
 }
 
 @media (max-width: 991px) {
-
-input[type="search"].search-textfield .search-container {
-      border-color: var(--white, #fff)
+  input[type="search"].search-textfield {
+    border-color: var(--white, #fff);
   }
 
-      input[type="search"].search-textfield .search-container:focus {
-        outline-offset: -4px;
-      }
+    input[type="search"].search-textfield:focus {
+      outline-offset: -4px;
     }
+}
 
 #local_form {
   position: relative;
@@ -15791,30 +15795,12 @@ input[type="search"].search-textfield .search-container {
   .featured-search {
     display: block;
     position: absolute;
-    top: 240px;
     padding: 0;
     max-height: 100%;
     border-radius: 0;
-    width: 60%;
-    left: 20%;
   }
 
-    .featured-search .flexbox {
-      left: 0;
-      right: 0;
-      margin: 0 auto;
-      width: 60%;
-      max-width: 630px;
-    }
-
-    .featured-search.play-animation {
-      animation-duration: 1s;
-      animation-fill-mode: both;
-      animation-name: pulse;
-    }
-
     .featured-search .search-textfield {
-      padding: 14px;
       border-color: var(--gray-600, #72717c) !important;
       font-size: 1.1rem;
       height: 38px;
@@ -15837,53 +15823,6 @@ input[type="search"].search-textfield .search-container {
           font-size: 2.8125rem;
           line-height: 2.8125rem;
         }
-
-  .featured-search.active {
-    position: relative;
-    visibility: visible;
-    opacity: 1;
-  }
-
-    @media (min-width: 992px) {
-
-  .featured-search.active {
-      position: absolute
-  }
-    }
-
-    .featured-search.active{
-
-    transition:
-      top 0.4s,
-      left 0.2s 0.4s,
-      width 0.2s 0.4s,
-      background-color 0.4s + 0.2s,
-      border 0.4s,
-      padding 0.2s 0.4s;
-    top: 96px;
-    left: 0;
-    padding: 20px 0;
-    border-radius: 0;
-    padding-right: 15%;
-    padding-left: 15%;
-    border-bottom: none;
-    width: 100%;
-    max-width: 100%;
-  }
-
-    .featured-search.active .close-search {
-      display: none;
-    }
-
-    .featured-search.active .search-textfield {
-      font-size: 1.1rem;
-      height: 40px;
-      width: 100%;
-      border-radius: var(--border-radius-base);
-      border: 3px solid transparent;
-      padding: 0 4px;
-      transition: border 0.4s;
-    }
 }
 
 /* Resize search bar to look better on tablet size screens */
@@ -15892,338 +15831,44 @@ input[type="search"].search-textfield .search-container {
     left: 10%;
     width: 80%;
   }
+}
 
-  .flexbox .featured-search {
-    left: 0;
-    width: 100%;
+@media (max-width: 991px) {
+
+.search-container.featured-search {
+    padding: 0 1rem;
+    max-height: 100%
+}
   }
 
-  .featured-search.active {
-    width: 100%;
+.search-container.featured-search:hover,
+  .search-container.featured-search:focus {
+    background: none;
+  }
+
+@media (min-width: 992px) {
+  .fixed.compact .search-container {
+    opacity: 0;
+  }
+
+  .active-search .fixed.compact .search-container {
+    opacity: 1;
+    top: 55px;
   }
 }
 
-.agency-form {
-  margin-top: var(--spacer, 1rem) !important;
-  margin-bottom: var(--spacer, 1rem) !important;
+button.gsc-search-button {
+  border-radius: 0 5px 5px 0;
+  padding: 0 12px;
+  border: 1px solid;
+  min-height: 38px;
+  margin-left: -1px;
 }
 
-.agency-form .textfield-container {
-    float: left;
-    padding-right: 44px;
-    margin-right: -44px;
-    width: 100%;
-  }
+/* ------------- Custom search box (not google) -------------- */
 
-.agency-form .search-textfield {
-    width: 100%;
-  }
-
-.agency-form .submit-container {
-    float: left;
-    height: 40px;
-  }
-
-.agency-form .submit-container button {
-      color: #fff;
-      border: none;
-      width: 44px;
-      height: 100%;
-      float: left;
-      font-size: 1.5rem;
-      line-height: 0.9375rem;
-      padding: 0;
-      -webkit-appearance: none;
-    }
-
-.agency-form .submit-container button > span {
-        position: relative;
-        top: 0;
-        font-size: 1.87rem;
-        line-height: 1.875rem;
-      }
-
-@media (max-width: 991px) {
-
-.agency-form .submit-container button {
-        font-size: 2rem;
-        line-height: 1em;
-        padding-top: 0
-    }
-      }
-
-.agency-form input,
-  .agency-form button {
-    height: 40px;
-    line-height: 2.5rem;
-  }
-
-.agency-form button {
-    background: var(--gray-600, #72717c);
-  }
-
-.agency-form button > span {
-      top: 0;
-      font-size: 1.8rem;
-    }
-
-.search-container .textfield-container, .search-container.featured-search.active .textfield-container {
-    /* Desktop Search Button Padding */
-    margin-right: -80px;
-    padding-right: 80px;
-  }
-
-/* Mobile Search button padding */
-
-@media (max-width: 991px) {
-
-.search-container .textfield-container, .search-container.featured-search.active .textfield-container {
-      margin-right: -48px;
-      padding-right: 44px
-  }
-    }
-
-.search-container .submit-container, .search-container.featured-search.active .submit-container {
-    width: auto;
-  }
-
-.search-container .search-locator, .search-container.featured-search.active .search-locator {
-    color: var(--gray-900, #3b3a48);
-    float: left;
-    text-align: center;
-    width: 100px;
-    position: relative;
-    display: none;
-    line-height: inherit !important;
-    cursor: pointer;
-  }
-
-.search-container .search-locator [class^="ca-gov-icon-"], .search-container.featured-search.active .search-locator [class^="ca-gov-icon-"] {
-      font-size: 1.4rem;
-      padding: 0 !important;
-      position: absolute;
-      top: 0;
-      width: 100%;
-      left: 0;
-    }
-
-.search-container .search-locator small, .search-container.featured-search.active .search-locator small {
-      position: absolute;
-      top: 1.7em;
-      left: 0;
-      width: 100%;
-      text-align: center;
-      display: block;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-/* Active on mobile */
-
-@media (max-width: 991px) {
-
-.search-container .search-locator, .search-container.featured-search.active .search-locator {
-      width: 75px;
-      margin-left: 5px
-  }
-    }
-
-.search-container.active .search-locator, .search-container.featured-search.active.active .search-locator {
-      display: block;
-    }
-
-@media (max-width: 991px) {
-
-.search-container.featured-search {
-    padding: 0 1rem;
-    max-height: 100%
-}
-  }
-
-.search-container.featured-search:hover,
-  .search-container.featured-search:focus {
-    background: none;
-  }
-
-.search-container.featured-search.active {
-    background-color: var(--gray-100, #f3f3f4);
-    border-top: 1px solid var(--gray-300, #bcbbc1);
-  }
-
-@media (min-width: 992px) {
-  .fixed.compact .search-container {
-    opacity: 0;
-  }
-
-  .active-search .fixed.compact .search-container,
-  .fixed.compact .search-container.active {
-    opacity: 1;
-    top: 55px;
-  }
-}
-
-/* full width navigation search container */
-@media (min-width: 992px) {
-  .nav-full-width + .search-container,
-  .nav-full-width + .featured-search.active {
-    top: 35px;
-  }
-
-  .active-search .fixed.compact .nav-full-width + .search-container,
-  .fixed.compact .nav-full-width + .search-container.active {
-    opacity: 1;
-    top: 35px;
-  }
-}
-
-@media (min-width: 992px) and (max-width: 1200px) {
-  .nav-full-width + .search-container,
-  .nav-full-width + .featured-search.active {
-    top: 32px;
-  }
-
-  .active-search .fixed.compact .nav-full-width + .search-container,
-  .fixed.compact .nav-full-width + .search-container.active {
-    opacity: 1;
-    top: 32px;
-  }
-}
-
-/* Search Button */
-
-button.gsc-search-button {
-  border-radius: 0 5px 5px 0;
-  padding: 0 12px;
-  border: 1px solid;
-  min-height: 38px;
-  margin-left: -1px;
-}
-
-/* ------------- Custom search box (not google) -------------- */
-.search-container #Search {
-    display: flex;
-  }
-.search-container #Search .gsc-search-button {
-      right: 50px;
-      background-color: var(--gray-600, #72717c);
-      border-color: var(--gray-600, #72717c);
-      color: var(--white, #fff);
-    }
-.search-container #Search .gsc-search-button:focus {
-        outline: 2px solid var(--outline-dark-mode-color);
-        outline-offset: -4px;
-      }
-.search-container #Search .gsc-search-button:hover,
-      .search-container #Search .gsc-search-button:focus {
-        background-color: var(--gray-800, #4a4958);
-        border-color: var(--gray-800, #4a4958);
-      }
-.search-container #Search .gsc-search-button .ca-gov-icon-search {
-        color: var(--white, #fff);
-      }
-@media (max-width: 991px) {
-.search-container #Search .gsc-search-button {
-        background-color: var(--white, #fff);
-        border-color: var(--white, #fff)
-    }
-
-        .search-container #Search .gsc-search-button .ca-gov-icon-search {
-          color: var(--gray-700, #5e5e6a);
-        }
-
-        .search-container #Search .gsc-search-button:hover,
-        .search-container #Search .gsc-search-button:focus {
-          background-color: var(--gray-50, #fafafa);
-          border-color: var(--gray-50, #fafafa);
-        }
-
-          .search-container #Search .gsc-search-button:hover .ca-gov-icon-search, .search-container #Search .gsc-search-button:focus .ca-gov-icon-search {
-            color: var(--gray-900, #3b3a48);
-          }
-      }
-.search-container #Search .close-search-btn {
-      display: block;
-    }
-.search-container #Search .close-search-btn .sr-only {
-        color: var(--color-p2, #046b99);
-        text-decoration: underline;
-      }
-.search-container #Search .close-search-btn .sr-only:hover,
-        .search-container #Search .close-search-btn .sr-only:focus {
-          color: var(--color-p2-darker, #214a68);
-          text-decoration: none;
-        }
-.search-container #Search .close-search {
-      display: block;
-      right: 0;
-    }
-@media (max-width: 991px) {
-.search-container #Search .close-search {
-        display: block;
-        cursor: pointer;
-        min-height: 38px
-    }
-
-        .search-container #Search .close-search .sr-only {
-          height: unset !important;
-          width: unset !important;
-          position: relative !important;
-          clip: unset !important;
-          background: none !important;
-          margin: 0 !important;
-          font-size: 1.125rem !important;
-        }
-      }
-.search-container:hover .search-textfield, .search-container:focus .search-textfield, .search-container.active .search-textfield {
-      background-color: #fff;
-    }
-.search-container:hover .submit-container button, .search-container:focus .submit-container button, .search-container.active .submit-container button {
-      border-color: #fff;
-    }
-.search-container.active {
-    max-height: 300px;
-    padding: 20px 15%;
-  }
-/* Active on mobile 991px */
-@media (max-width: 991px) {
-.search-container.active {
-      padding-top: 1.125rem;
-      padding-bottom: 1.125rem
-  }
-    }
-.search-container.active .close-search {
-      display: block;
-    }
-@media (max-width: 991px) {
-.search-container.active .close-search {
-        display: none
-    }
-      }
-.search-container.active div.gsc-clear-button {
-      width: 40px;
-    }
-.search-container.active div.gsc-clear-button::before {
-        content: "\4d";
-        font-family: CaGov;
-        font-size: 2rem;
-        width: 100%;
-        color: var(--gray-100, #ededef);
-        display: block;
-        margin-top: 12px;
-        margin-left: 2px;
-      }
-.search-container.active{
-
-    background-color: var(--gray-100, #f3f3f4);
-}
-.search-container.active .submit-container button {
-      border-color: var(--gray-200, #d4d4d7);
-      background: var(--gray-700, #5e5e6a);
-    }
-
-.featured-search div.gsc-clear-button {
-    width: 0;
+.featured-search div.gsc-clear-button {
+    width: 0;
   }
 
 .featured-search div.gsc-clear-button::before {
@@ -16247,19 +15892,6 @@ button.gsc-search-button {
         display: none;
       }
 
-.featured-search.active .search-locator {
-    display: block;
-  }
-
-.featured-search.active .container #Search .gsc-search-button {
-        right: 50px;
-        outline-offset: -2px;
-      }
-
-.featured-search.active .container #Search .close-search-btn {
-        display: block;
-      }
-
 /* -----------------------------------------
 GOOGLE CUSTOM SEARCH CUSTOMIZATION OVERRIDES 
 /src/css/cagov/search.css
@@ -16399,67 +16031,6 @@ table.gsc-search-box td {
   .full-width-nav .featured-search input.search-textfield {
     padding: 0 8px;
   }
-
-  /* full width featured search hack for IE */
-  @media all and (-ms-high-contrast: none) {
-    .full-width-nav .featured-search {
-      width: 100%;
-      max-width: 100%;
-      padding-right: 15px;
-    }
-
-      .full-width-nav .featured-search .container {
-        width: 40%;
-        float: right;
-      }
-
-    *::-ms-backdrop,
-    .full-width-nav .featured-search {
-      width: 100%;
-      max-width: 100%;
-      padding-right: 15px;
-    }
-
-      *::-ms-backdrop .container, .full-width-nav .featured-search .container {
-        width: 40%;
-        float: right;
-      }
-  }
-}
-
-@media (min-width: 992px) and (max-width: 1200px) {
-  /* full width featured search hack for IE */
-  @media all and (-ms-high-contrast: none) {
-    .full-width-nav .featured-search {
-      width: 100%;
-      max-width: 100%;
-      padding-right: 15px;
-    }
-
-      .full-width-nav .featured-search .container {
-        width: 40%;
-        float: right;
-      }
-
-    *::-ms-backdrop,
-    .full-width-nav .featured-search {
-      width: 100%;
-      max-width: 100%;
-      padding-right: 15px;
-    }
-
-      *::-ms-backdrop .container, .full-width-nav .featured-search .container {
-        width: 40%;
-        float: right;
-      }
-  }
-}
-
-/* search box icons for mobile */
-@media (max-width: 991px) {
-  .search-container #Search .close-search {
-    padding-left: 10px;
-  }
 }
 
 /* clears the ‘X’ from Internet Explorer */
@@ -17307,10 +16878,24 @@ input[type="search"]::-webkit-search-results-decoration {
           }
           .full-width-nav .main-navigation .top-level-nav .first-level-btn.has-sub .carrot {
             position: absolute;
-            right: 0.75rem;
+            right: 1.2rem;
             top: 0.35rem;
             transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89);
           }
+
+            .full-width-nav .main-navigation .top-level-nav .first-level-btn.has-sub .carrot::after {
+              content: "";
+              display: inline-block;
+              text-decoration: none;
+              position: relative;
+              width: 0.55rem;
+              height: 0.55rem;
+              border-top: 2px solid var(--color-p2, #046b99);
+              border-left: 2px solid var(--color-p2, #046b99);
+              transform: rotate(225deg);
+              vertical-align: middle;
+              top: -2px;
+            }
           .full-width-nav .main-navigation .top-level-nav .first-level-btn[aria-expanded="true"] .carrot {
             transform: rotate(180deg);
             top: 0.6rem;
@@ -17385,35 +16970,40 @@ input[type="search"]::-webkit-search-results-decoration {
   }
 
   /* button carrot */
-  .first-level-btn[aria-expanded="false"] .rotate {
-    display: block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    font-size: 1.5rem !important;
-    line-height: 3.2rem !important;
-    width: 55px !important;
-    height: 55px !important;
-    text-align: center;
-    cursor: pointer;
-    border: none;
-    transition: all 0.2s ease !important;
-    color: var(--white, #fff) !important;
-  }
+    .first-level-btn[aria-expanded="false"] .rotate,
+    .first-level-btn[aria-expanded="true"] .rotate {
+      display: block;
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 55px !important;
+      height: 55px !important;
+      text-align: center;
+      cursor: pointer;
+      border: none;
+      transition: all 0.2s ease !important;
+      color: var(--white, #fff) !important;
+    }
 
-  .first-level-btn[aria-expanded="true"] .rotate {
-    transform: rotate(90deg) !important;
-    position: absolute;
-    width: 55px !important;
-    height: 55px !important;
-    line-height: 3rem !important;
-    font-size: 1.5rem !important;
-    top: 0;
-    right: 0;
-    text-align: center;
-    transition: all 0.2s ease !important;
-    color: var(--white, #fff) !important;
-  }
+      .first-level-btn[aria-expanded="false"] .rotate::after, .first-level-btn[aria-expanded="true"] .rotate::after {
+        content: "";
+        display: inline-block;
+        text-decoration: none;
+        position: absolute;
+        width: 0.55rem;
+        height: 0.55rem;
+        border-top: 2px solid #fff;
+        border-left: 2px solid #fff;
+        vertical-align: middle;
+        top: 50%;
+        transform: translateY(-50%) rotate(135deg);
+        right: 1.5rem;
+        margin-left: 0.5rem;
+      }
+
+    .first-level-btn[aria-expanded="true"] .rotate {
+      transform: rotate(90deg) !important;
+    }
 
   /* Side nav second level active styles */
   aside.mobile-sidenav .side-navigation ul.list-navigation li ul li a.active {
@@ -20499,13 +20089,13 @@ html {
 /* accordion component specific classes */
 
 /* initial styles */
-cagov-accordion details {
+cagov-accordion > details {
   margin-bottom: 0;
   min-height: 3rem;
   margin-top: 1rem;
   overflow: visible;
 }
-cagov-accordion details summary {
+cagov-accordion > details > summary {
     cursor: pointer;
     padding: 0.5rem 3rem 0.5rem 3.75rem;
     background-color: var(--gray-50, #fafafa);
@@ -20517,7 +20107,7 @@ cagov-accordion details summary {
     font-weight: bold;
     border: 1px solid var(--gray-200, #d4d4d7);
   }
-cagov-accordion details summary::before {
+cagov-accordion > details > summary::before {
       position: absolute;
       height: 100%;
       width: 2.75rem;
@@ -20528,7 +20118,7 @@ cagov-accordion details summary::before {
       border-radius: 3px 0 0 3px;
       content: "";
     }
-cagov-accordion details summary::after {
+cagov-accordion > details > summary::after {
       content: "";
       position: absolute;
       top: 0;
@@ -20538,27 +20128,27 @@ cagov-accordion details summary::after {
       width: 100%;
       border-radius: 3px;
     }
-cagov-accordion details summary .cagov-open-indicator {
+cagov-accordion > details > summary .cagov-open-indicator {
       position: absolute;
       left: 0.5rem;
       top: 0.4rem;
       width: 0;
       height: 0;
     }
-cagov-accordion details summary .cagov-open-indicator::before {
+cagov-accordion > details > summary .cagov-open-indicator::before {
         font-family: CaGov;
         content: "5";
         position: absolute;
         font-size: 1.6rem;
         transition: transform 0.2s;
       }
-cagov-accordion details summary:hover {
+cagov-accordion > details > summary:hover {
       color: black;
     }
-cagov-accordion details summary:hover::before {
+cagov-accordion > details > summary:hover::before {
         background-color: var(--gray-100, #f3f3f4);
       }
-cagov-accordion details .accordion-body {
+cagov-accordion > details .accordion-body {
     padding: 1rem;
     border-radius: 0 0 4px 4px;
     border: 1px solid var(--gray-200, #d4d4d7);
@@ -20566,41 +20156,41 @@ cagov-accordion details .accordion-body {
   }
 
 /* styles applied after custom element javascript runs */
-cagov-accordion:defined details {
+cagov-accordion:defined > details {
     transition: height 0.2s;
     height: 3rem;
     overflow: visible;
   }
-cagov-accordion:defined summary::-webkit-details-marker {
-    display: none;
-  }
-cagov-accordion:defined details summary {
-    list-style: none;
-    border-radius: 4px;
-  }
-cagov-accordion:defined details summary:focus::before {
-        background-color: var(--gray-100, #f3f3f4);
-      }
-cagov-accordion:defined details summary:focus::after {
-        outline: 2px solid var(--outline-default-color);
-        outline-offset: -2px;
-      }
-cagov-accordion:defined details[open] {
-    height: auto;
-  }
-cagov-accordion:defined details[open] .cagov-open-indicator::before {
-        transform: rotate(90deg) translateY(-0.2rem);
+cagov-accordion:defined > details > summary {
+      list-style: none;
+      border-radius: 4px;
+    }
+cagov-accordion:defined > details > summary::-webkit-details-marker {
+        display: none;
       }
-cagov-accordion:defined details[open] summary {
-      border-radius: 4px 4px 0 0;
+cagov-accordion:defined > details > summary:focus::before {
+          background-color: var(--gray-100, #f3f3f4);
+        }
+cagov-accordion:defined > details > summary:focus::after {
+          outline: 2px solid var(--outline-default-color);
+          outline-offset: -2px;
+        }
+cagov-accordion:defined > details[open] {
+      height: auto;
     }
-cagov-accordion:defined details[open] summary::before {
-        border-radius: 3px 0 0;
-        background-color: var(--gray-100, #f3f3f4);
+cagov-accordion:defined > details[open] .cagov-open-indicator::before {
+          transform: rotate(90deg) translateY(-0.2rem);
+        }
+cagov-accordion:defined > details[open] > summary {
+        border-radius: 4px 4px 0 0;
       }
-cagov-accordion:defined details[open] summary:focus::after {
-          border-radius: 3px 3px 0 0;
+cagov-accordion:defined > details[open] > summary::before {
+          border-radius: 3px 0 0;
+          background-color: var(--gray-100, #f3f3f4);
         }
+cagov-accordion:defined > details[open] > summary:focus::after {
+            border-radius: 3px 3px 0 0;
+          }
 /* -----------------------------------------
    ACCORDIONS LIST
    /src/css/cagov/accordion-list.css
@@ -20922,13 +20512,13 @@ cagov-accordion:defined details[open] summary:focus::after {
           background-color: var(--gray-100, #f3f3f4);
         }
 
-cagov-accordion.sidenav details {
+cagov-accordion.sidenav > details {
     border: none;
     min-height: 2rem;
     margin-top: 0;
   }
 
-cagov-accordion.sidenav details summary {
+cagov-accordion.sidenav > details > summary {
       border: none;
       background: var(--white, #fff);
       padding: 0.7rem 2rem 0.7rem 1rem;
@@ -20939,93 +20529,93 @@ cagov-accordion.sidenav details summary {
       color: var(--gray-700, #5e5e6a);
     }
 
-cagov-accordion.sidenav details summary::before {
+cagov-accordion.sidenav > details > summary::before {
         border: none !important;
         width: 3px;
         background-color: transparent !important;
       }
 
-cagov-accordion.sidenav details summary::after {
+cagov-accordion.sidenav > details > summary::after {
         display: none;
       }
 
-cagov-accordion.sidenav details summary:hover,
-      cagov-accordion.sidenav details summary:focus {
+cagov-accordion.sidenav > details > summary:hover,
+      cagov-accordion.sidenav > details > summary:focus {
         text-decoration: none;
         background-color: var(--gray-50, #fafafa);
         color: var(--gray-700, #5e5e6a);
       }
 
-cagov-accordion.sidenav details summary:hover::before, cagov-accordion.sidenav details summary:focus::before {
+cagov-accordion.sidenav > details > summary:hover::before, cagov-accordion.sidenav > details > summary:focus::before {
           border: none;
           background-color: transparent;
         }
 
-cagov-accordion.sidenav details summary:focus {
+cagov-accordion.sidenav > details > summary:focus {
         outline: 2px solid var(--outline-default-color);
         outline-offset: -2px;
       }
 
-cagov-accordion.sidenav details summary.active {
+cagov-accordion.sidenav > details > summary.active {
         color: var(--gray-700, #5e5e6a) !important;
         text-decoration: none;
         background-color: var(--gray-75, #f3f3f4);
         font-weight: 400;
       }
 
-cagov-accordion.sidenav details summary.active::before {
+cagov-accordion.sidenav > details > summary.active::before {
           border: none;
           width: 3px;
           border-radius: 0;
           background-color: var(--color-p1, #fdb81e) !important;
         }
 
-cagov-accordion.sidenav details summary.active:hover,
-        cagov-accordion.sidenav details summary.active:focus {
+cagov-accordion.sidenav > details > summary.active:hover,
+        cagov-accordion.sidenav > details > summary.active:focus {
           color: var(--black, #000) !important;
           text-decoration: none;
           background-color: var(--gray-100, #f3f3f4);
         }
 
-cagov-accordion.sidenav details summary.active:focus {
+cagov-accordion.sidenav > details > summary.active:focus {
           outline: 2px solid var(--outline-default-color);
           outline-offset: -2px;
         }
 
-cagov-accordion.sidenav details summary[open] summary {
+cagov-accordion.sidenav > details > summary[open] > summary {
           color: var(--black, #000);
         }
 
-cagov-accordion.sidenav details summary[open] summary::after {
+cagov-accordion.sidenav > details > summary[open] > summary::after {
             display: none;
           }
 
-cagov-accordion.sidenav details summary .cagov-open-indicator {
+cagov-accordion.sidenav > details > summary .cagov-open-indicator {
         left: unset !important;
         right: 2.7rem;
         top: 0.6rem !important;
       }
 
-cagov-accordion.sidenav details summary .cagov-open-indicator::before {
+cagov-accordion.sidenav > details > summary .cagov-open-indicator::before {
           font-size: 2.4rem;
         }
 
-cagov-accordion.sidenav details .accordion-body {
+cagov-accordion.sidenav > details .accordion-body {
       padding: 0;
       border: none;
       outline: none;
     }
 
-cagov-accordion.sidenav details .accordion-body .side-subnav {
+cagov-accordion.sidenav > details .accordion-body .side-subnav {
         margin-bottom: 0;
         margin-left: 0;
       }
 
-cagov-accordion.sidenav details .accordion-body .side-subnav li:first-child {
+cagov-accordion.sidenav > details .accordion-body .side-subnav li:first-child {
             margin-top: 0;
           }
 
-cagov-accordion.sidenav details .accordion-body .side-subnav li:last-child {
+cagov-accordion.sidenav > details .accordion-body .side-subnav li:last-child {
             margin-bottom: 0;
           }
 .breadcrumbs ul,
@@ -25201,12 +24791,19 @@ a.sidenav.back::after {
   }
 
 .link-grid::after {
-    font-family: CaGov;
-    content: "5";
     position: absolute;
-    top: 0.8rem;
-    right: 0.7rem;
-    font-size: 1.6rem;
+    content: "";
+    display: inline-block;
+    text-decoration: none;
+    width: 0.55rem;
+    height: 0.55rem;
+    border-top: 2px solid var(--color-p2, #046b99);
+    border-left: 2px solid var(--color-p2, #046b99);
+    vertical-align: middle;
+    top: 50%;
+    transform: translateY(-50%) rotate(135deg);
+    right: 1.5rem;
+    margin-left: 0.5rem;
   }
 
 .link-before::before {
@@ -25222,6 +24819,10 @@ a.sidenav.back::after {
 .section-overstated .link-grid, .section-standout .link-grid, .section-impact .link-grid, .section-primary .link-grid, .section-inverted .link-grid, .bg-primary .link-grid, .bg-standout .link-grid, .bg-p2 .link-grid, .bg-p3 .link-grid {
     border-color: var(--white, #fff);
   }
+.section-overstated .link-grid::after, .section-standout .link-grid::after, .section-impact .link-grid::after, .section-primary .link-grid::after, .section-inverted .link-grid::after, .bg-primary .link-grid::after, .bg-standout .link-grid::after, .bg-p2 .link-grid::after, .bg-p3 .link-grid::after {
+      border-top-color: var(--white, #fff);
+      border-left-color: var(--white, #fff);
+    }
 
 .bg-primary .link-grid:hover,
     .bg-primary .link-grid:focus,
@@ -25420,6 +25021,22 @@ a.sidenav.back::after {
   display: block;
 }
 
+.outline-offset-2:focus {
+  outline-offset: -2px !important;
+}
+
+.outline-offset-3:focus {
+  outline-offset: -3px !important;
+}
+
+.outline-offset-4:focus {
+  outline-offset: -4px !important;
+}
+
+.outline-offset-5:focus {
+  outline-offset: -5px !important;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }