@cagovweb/state-template 6.2.0 → 6.2.1-beta.1

package/dist/css/colortheme-sierra.css

@@ -18,7 +18,7 @@
 
 .color-primary,
 .color-p2 {
-  color: #447766;
+  color: #476;
 }
 
 .color-primary-hover:hover,
@@ -77,7 +77,7 @@
 
 .bg-primary,
 .bg-p2 {
-  background-color: #447766 !important;
+  background-color: #476 !important;
 }
 
 .bg-primary-hover:hover,
@@ -184,12 +184,12 @@
 
 .bg-primary-before::before,
 .bg-primary-after::after {
-  background-color: #447766 !important;
+  background-color: #476 !important;
 }
 
 /* border colors */
 .brd-primary {
-  border-color: #447766 !important;
+  border-color: #476 !important;
 }
 
 .brd-primary-light {
@@ -258,7 +258,7 @@
 
 /* Underline colors */
 .underline-primary {
-  background-image: linear-gradient(to right, #447766 50%, transparent 50%);
+  background-image: linear-gradient(to right, #476 50%, transparent 50%);
   background-repeat: repeat-x;
   background-size: 2px 1px;
   background-position: center bottom 4%;
@@ -268,7 +268,7 @@
 
 .underline-hover-primary:hover,
 .underline-hover-primary:focus {
-  background-image: linear-gradient(to right, #447766 50%, transparent 50%);
+  background-image: linear-gradient(to right, #476 50%, transparent 50%);
   background-repeat: repeat-x;
   background-size: 2px 1px;
   background-position: center bottom 4%;
@@ -334,15 +334,15 @@
    /source/scss/colortheme/cs-global-header.scss
 ----------------------------------------- */
 .utility-header {
-  background: #447766;
+  background: #476;
   color: #ffffff;
 }
 
 @media (max-width: 767px) {
   .nav-full-width-icons .settings-links .utility-links a,
   .nav-full-width-icons .settings-links .utility-links button {
-    border: 1px solid #447766;
-    color: #447766;
+    border: 1px solid #476;
+    color: #476;
   }
 }
 .global-header {
@@ -362,7 +362,7 @@
 ----------------------------------------- */
 /* Targets icon of first h1 on the page  */
 h1 span[class^=ca-gov-icon-]:first-child {
-  color: #447766;
+  color: #476;
 }
 
 /* -----------------------------------------
@@ -375,7 +375,7 @@ h1 span[class^=ca-gov-icon-]:first-child {
 nav-item-search.active > a,
 nav-item-search.active .first-level-btn,
 nav-item-search.active .first-level-link {
-  color: #447766;
+  color: #476;
 }
 .nav-item.active > a > span[class^=ca-gov-icon],
 .nav-item.active .first-level-btn > span[class^=ca-gov-icon],
@@ -403,7 +403,7 @@ nav-item-search:hover .first-level-link,
 nav-item-search:focus > a,
 nav-item-search:focus .first-level-btn,
 nav-item-search:focus .first-level-link {
-  color: #447766;
+  color: #476;
 }
 .nav-item:hover > a > span[class^=ca-gov-icon],
 .nav-item:hover .first-level-btn > span[class^=ca-gov-icon],
@@ -420,12 +420,12 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
 }
 
 .nav-arrow-down {
-  background: #447766;
+  background: #476;
 }
 
 .first-level-link,
 .first-level-btn {
-  color: #447766;
+  color: #476;
 }
 .first-level-link > span[class^=ca-gov-icon]:not(.carrot),
 .first-level-btn > span[class^=ca-gov-icon]:not(.carrot) {
@@ -463,7 +463,7 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
 }
 
 .second-level-link {
-  color: #447766;
+  color: #476;
 }
 .second-level-link [class^=ca-gov-icon-] {
   color: #5e5e6a;
@@ -514,12 +514,12 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
 .nav-media {
   background: transparent;
 }
-.nav-media .media:hover {
-  background: #fff;
-}
 .nav-media .media {
   border-bottom: 4px solid #fff;
 }
+.nav-media .media:hover {
+  background: #fff;
+}
 @media (max-width: 767px) {
   .nav-media .media {
     border-bottom: 4px solid #fff;
@@ -534,11 +534,11 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
     background-color: transparent;
   }
   .nav-item:hover::after, .nav-item:focus::after {
-    background-color: #447766;
+    background-color: #476;
   }
-  /*full width navigation*/
+  /* full width navigation */
   .nav-full-width {
-    background: #447766;
+    background: #476;
   }
   .nav-full-width .main-navigation .nav-item:hover,
   .nav-full-width .main-navigation .nav-item:focus,
@@ -563,7 +563,7 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
   }
 }
 .has-sub .rotate {
-  color: #447766;
+  color: #476;
 }
 
 /* Dark Mobile menu */
@@ -604,6 +604,9 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
     background-color: #fff;
     border-color: #fff;
   }
+  .search-container .gsc-search-button .ca-gov-icon-search {
+    color: #5e5e6a;
+  }
   .search-container .gsc-search-button:hover, .search-container .gsc-search-button:focus {
     background-color: #fafafa;
     border-color: #fafafa;
@@ -611,9 +614,6 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
   .search-container .gsc-search-button:hover .ca-gov-icon-search, .search-container .gsc-search-button:focus .ca-gov-icon-search {
     color: #3b3a48;
   }
-  .search-container .gsc-search-button .ca-gov-icon-search {
-    color: #5e5e6a;
-  }
 }
 .search-container:hover .search-textfield, .search-container:focus .search-textfield, .search-container.active .search-textfield {
   background-color: #fff;
@@ -629,14 +629,14 @@ nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] {
   background: #555555;
 }
 
-.featured-search.active .container #Search .close-search-btn .sr-only,
-.search-container .close-search .sr-only {
-  color: #447766;
+.search-container .close-search .sr-only,
+.featured-search.active .container #Search .close-search-btn .sr-only {
+  color: #476;
   text-decoration: underline;
 }
-.featured-search.active .container #Search .close-search-btn .sr-only:hover, .featured-search.active .container #Search .close-search-btn .sr-only:focus,
-.search-container .close-search .sr-only:hover,
-.search-container .close-search .sr-only:focus {
+.search-container .close-search .sr-only:hover, .search-container .close-search .sr-only:focus,
+.featured-search.active .container #Search .close-search-btn .sr-only:hover,
+.featured-search.active .container #Search .close-search-btn .sr-only:focus {
   color: #376053;
   text-decoration: none;
 }
@@ -692,7 +692,7 @@ figure {
 }
 
 a {
-  color: #447766;
+  color: #476;
 }
 a:hover, a:focus {
   color: #376053;
@@ -719,7 +719,7 @@ a:focus {
 }
 .section-overstated,
 .card-overstated {
-  background: #447766;
+  background: #476;
   color: #ffffff;
 }
 .section-overstated a:not(.btn),
@@ -746,16 +746,16 @@ a:focus {
 .section-overstated .btn-primary,
 .card-overstated .btn-primary {
   color: #fff;
-  background-color: #447766;
+  background-color: #476;
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-overstated .btn-primary:hover, .section-overstated .btn-primary:focus, .section-overstated .btn-primary:not(:disabled):not(.disabled):active, .section-overstated .btn-primary:not(:disabled):not(.disabled).active,
+.section-overstated .btn-primary:hover, .section-overstated .btn-primary:focus, .section-overstated .btn-primary:not(:disabled, .disabled):active, .section-overstated .btn-primary:not(:disabled, .disabled).active,
 .section-overstated .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-overstated .btn-primary,
 .card-overstated .btn-primary:hover,
 .card-overstated .btn-primary:focus,
-.card-overstated .btn-primary:not(:disabled):not(.disabled):active,
-.card-overstated .btn-primary:not(:disabled):not(.disabled).active,
+.card-overstated .btn-primary:not(:disabled, .disabled):active,
+.card-overstated .btn-primary:not(:disabled, .disabled).active,
 .card-overstated .btn-primary .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-overstated .btn-primary {
   color: #fff;
@@ -767,9 +767,9 @@ a:focus {
 .card-overstated .btn-primary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-overstated .btn-primary:not(:disabled):not(.disabled):active, .section-overstated .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-overstated .btn-primary,
-.card-overstated .btn-primary:not(:disabled):not(.disabled):active,
-.card-overstated .btn-primary:not(:disabled):not(.disabled).active,
+.section-overstated .btn-primary:not(:disabled, .disabled):active, .section-overstated .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-overstated .btn-primary,
+.card-overstated .btn-primary:not(:disabled, .disabled):active,
+.card-overstated .btn-primary:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-overstated .btn-primary {
   background-image: none;
 }
@@ -789,12 +789,12 @@ fieldset[disabled] .card-overstated .btn-primary:hover,
 fieldset[disabled] .card-overstated .btn-primary:focus,
 fieldset[disabled] .card-overstated .btn-primary:active,
 fieldset[disabled] .card-overstated .btn-primary.active {
-  background-color: #447766 !important;
+  background-color: #476 !important;
   border-color: #ffffff;
 }
 .section-overstated .btn-primary .badge,
 .card-overstated .btn-primary .badge {
-  color: #447766;
+  color: #476;
   background-color: #fff;
 }
 .section-overstated .btn-standout,
@@ -804,12 +804,12 @@ fieldset[disabled] .card-overstated .btn-primary.active {
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-overstated .btn-standout:hover, .section-overstated .btn-standout:focus, .section-overstated .btn-standout:not(:disabled):not(.disabled):active, .section-overstated .btn-standout:not(:disabled):not(.disabled).active,
+.section-overstated .btn-standout:hover, .section-overstated .btn-standout:focus, .section-overstated .btn-standout:not(:disabled, .disabled):active, .section-overstated .btn-standout:not(:disabled, .disabled).active,
 .section-overstated .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-overstated .btn-standout,
 .card-overstated .btn-standout:hover,
 .card-overstated .btn-standout:focus,
-.card-overstated .btn-standout:not(:disabled):not(.disabled):active,
-.card-overstated .btn-standout:not(:disabled):not(.disabled).active,
+.card-overstated .btn-standout:not(:disabled, .disabled):active,
+.card-overstated .btn-standout:not(:disabled, .disabled).active,
 .card-overstated .btn-standout .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-overstated .btn-standout {
   color: #fff;
@@ -821,9 +821,9 @@ fieldset[disabled] .card-overstated .btn-primary.active {
 .card-overstated .btn-standout:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-overstated .btn-standout:not(:disabled):not(.disabled):active, .section-overstated .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-overstated .btn-standout,
-.card-overstated .btn-standout:not(:disabled):not(.disabled):active,
-.card-overstated .btn-standout:not(:disabled):not(.disabled).active,
+.section-overstated .btn-standout:not(:disabled, .disabled):active, .section-overstated .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-overstated .btn-standout,
+.card-overstated .btn-standout:not(:disabled, .disabled):active,
+.card-overstated .btn-standout:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-overstated .btn-standout {
   background-image: none;
 }
@@ -898,16 +898,16 @@ fieldset[disabled] .card-overstated .btn-standout.active {
 .section-standout .btn-primary,
 .card-standout .btn-primary {
   color: #fff;
-  background-color: #447766;
+  background-color: #476;
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-standout .btn-primary:hover, .section-standout .btn-primary:focus, .section-standout .btn-primary:not(:disabled):not(.disabled):active, .section-standout .btn-primary:not(:disabled):not(.disabled).active,
+.section-standout .btn-primary:hover, .section-standout .btn-primary:focus, .section-standout .btn-primary:not(:disabled, .disabled):active, .section-standout .btn-primary:not(:disabled, .disabled).active,
 .section-standout .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-standout .btn-primary,
 .card-standout .btn-primary:hover,
 .card-standout .btn-primary:focus,
-.card-standout .btn-primary:not(:disabled):not(.disabled):active,
-.card-standout .btn-primary:not(:disabled):not(.disabled).active,
+.card-standout .btn-primary:not(:disabled, .disabled):active,
+.card-standout .btn-primary:not(:disabled, .disabled).active,
 .card-standout .btn-primary .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-standout .btn-primary {
   color: #fff;
@@ -919,9 +919,9 @@ fieldset[disabled] .card-overstated .btn-standout.active {
 .card-standout .btn-primary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-standout .btn-primary:not(:disabled):not(.disabled):active, .section-standout .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-standout .btn-primary,
-.card-standout .btn-primary:not(:disabled):not(.disabled):active,
-.card-standout .btn-primary:not(:disabled):not(.disabled).active,
+.section-standout .btn-primary:not(:disabled, .disabled):active, .section-standout .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-standout .btn-primary,
+.card-standout .btn-primary:not(:disabled, .disabled):active,
+.card-standout .btn-primary:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-standout .btn-primary {
   background-image: none;
 }
@@ -941,12 +941,12 @@ fieldset[disabled] .card-standout .btn-primary:hover,
 fieldset[disabled] .card-standout .btn-primary:focus,
 fieldset[disabled] .card-standout .btn-primary:active,
 fieldset[disabled] .card-standout .btn-primary.active {
-  background-color: #447766 !important;
+  background-color: #476 !important;
   border-color: #ffffff;
 }
 .section-standout .btn-primary .badge,
 .card-standout .btn-primary .badge {
-  color: #447766;
+  color: #476;
   background-color: #fff;
 }
 .section-standout .btn-standout,
@@ -956,12 +956,12 @@ fieldset[disabled] .card-standout .btn-primary.active {
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-standout .btn-standout:hover, .section-standout .btn-standout:focus, .section-standout .btn-standout:not(:disabled):not(.disabled):active, .section-standout .btn-standout:not(:disabled):not(.disabled).active,
+.section-standout .btn-standout:hover, .section-standout .btn-standout:focus, .section-standout .btn-standout:not(:disabled, .disabled):active, .section-standout .btn-standout:not(:disabled, .disabled).active,
 .section-standout .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-standout .btn-standout,
 .card-standout .btn-standout:hover,
 .card-standout .btn-standout:focus,
-.card-standout .btn-standout:not(:disabled):not(.disabled):active,
-.card-standout .btn-standout:not(:disabled):not(.disabled).active,
+.card-standout .btn-standout:not(:disabled, .disabled):active,
+.card-standout .btn-standout:not(:disabled, .disabled).active,
 .card-standout .btn-standout .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-standout .btn-standout {
   color: #fff;
@@ -973,9 +973,9 @@ fieldset[disabled] .card-standout .btn-primary.active {
 .card-standout .btn-standout:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-standout .btn-standout:not(:disabled):not(.disabled):active, .section-standout .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-standout .btn-standout,
-.card-standout .btn-standout:not(:disabled):not(.disabled):active,
-.card-standout .btn-standout:not(:disabled):not(.disabled).active,
+.section-standout .btn-standout:not(:disabled, .disabled):active, .section-standout .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-standout .btn-standout,
+.card-standout .btn-standout:not(:disabled, .disabled):active,
+.card-standout .btn-standout:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-standout .btn-standout {
   background-image: none;
 }
@@ -1040,16 +1040,16 @@ fieldset[disabled] .card-standout .btn-standout.active {
 .section-impact .btn-primary,
 .card-impact .btn-primary {
   color: #fff;
-  background-color: #447766;
+  background-color: #476;
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-impact .btn-primary:hover, .section-impact .btn-primary:focus, .section-impact .btn-primary:not(:disabled):not(.disabled):active, .section-impact .btn-primary:not(:disabled):not(.disabled).active,
+.section-impact .btn-primary:hover, .section-impact .btn-primary:focus, .section-impact .btn-primary:not(:disabled, .disabled):active, .section-impact .btn-primary:not(:disabled, .disabled).active,
 .section-impact .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-primary,
 .card-impact .btn-primary:hover,
 .card-impact .btn-primary:focus,
-.card-impact .btn-primary:not(:disabled):not(.disabled):active,
-.card-impact .btn-primary:not(:disabled):not(.disabled).active,
+.card-impact .btn-primary:not(:disabled, .disabled):active,
+.card-impact .btn-primary:not(:disabled, .disabled).active,
 .card-impact .btn-primary .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-impact .btn-primary {
   color: #fff;
@@ -1061,9 +1061,9 @@ fieldset[disabled] .card-standout .btn-standout.active {
 .card-impact .btn-primary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-impact .btn-primary:not(:disabled):not(.disabled):active, .section-impact .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-primary,
-.card-impact .btn-primary:not(:disabled):not(.disabled):active,
-.card-impact .btn-primary:not(:disabled):not(.disabled).active,
+.section-impact .btn-primary:not(:disabled, .disabled):active, .section-impact .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-impact .btn-primary,
+.card-impact .btn-primary:not(:disabled, .disabled):active,
+.card-impact .btn-primary:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-impact .btn-primary {
   background-image: none;
 }
@@ -1083,12 +1083,12 @@ fieldset[disabled] .card-impact .btn-primary:hover,
 fieldset[disabled] .card-impact .btn-primary:focus,
 fieldset[disabled] .card-impact .btn-primary:active,
 fieldset[disabled] .card-impact .btn-primary.active {
-  background-color: #447766 !important;
+  background-color: #476 !important;
   border-color: #ffffff;
 }
 .section-impact .btn-primary .badge,
 .card-impact .btn-primary .badge {
-  color: #447766;
+  color: #476;
   background-color: #fff;
 }
 .section-impact .btn-standout,
@@ -1098,12 +1098,12 @@ fieldset[disabled] .card-impact .btn-primary.active {
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-impact .btn-standout:hover, .section-impact .btn-standout:focus, .section-impact .btn-standout:not(:disabled):not(.disabled):active, .section-impact .btn-standout:not(:disabled):not(.disabled).active,
+.section-impact .btn-standout:hover, .section-impact .btn-standout:focus, .section-impact .btn-standout:not(:disabled, .disabled):active, .section-impact .btn-standout:not(:disabled, .disabled).active,
 .section-impact .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-standout,
 .card-impact .btn-standout:hover,
 .card-impact .btn-standout:focus,
-.card-impact .btn-standout:not(:disabled):not(.disabled):active,
-.card-impact .btn-standout:not(:disabled):not(.disabled).active,
+.card-impact .btn-standout:not(:disabled, .disabled):active,
+.card-impact .btn-standout:not(:disabled, .disabled).active,
 .card-impact .btn-standout .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-impact .btn-standout {
   color: #fff;
@@ -1115,9 +1115,9 @@ fieldset[disabled] .card-impact .btn-primary.active {
 .card-impact .btn-standout:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-impact .btn-standout:not(:disabled):not(.disabled):active, .section-impact .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-standout,
-.card-impact .btn-standout:not(:disabled):not(.disabled):active,
-.card-impact .btn-standout:not(:disabled):not(.disabled).active,
+.section-impact .btn-standout:not(:disabled, .disabled):active, .section-impact .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-impact .btn-standout,
+.card-impact .btn-standout:not(:disabled, .disabled):active,
+.card-impact .btn-standout:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-impact .btn-standout {
   background-image: none;
 }
@@ -1153,12 +1153,12 @@ fieldset[disabled] .card-impact .btn-standout.active {
   font-weight: 600;
   margin-bottom: 12px;
 }
-.section-impact .btn-default:hover, .section-impact .btn-default:focus, .section-impact .btn-default:not(:disabled):not(.disabled):active, .section-impact .btn-default:not(:disabled):not(.disabled).active,
+.section-impact .btn-default:hover, .section-impact .btn-default:focus, .section-impact .btn-default:not(:disabled, .disabled):active, .section-impact .btn-default:not(:disabled, .disabled).active,
 .section-impact .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-default,
 .card-impact .btn-default:hover,
 .card-impact .btn-default:focus,
-.card-impact .btn-default:not(:disabled):not(.disabled):active,
-.card-impact .btn-default:not(:disabled):not(.disabled).active,
+.card-impact .btn-default:not(:disabled, .disabled):active,
+.card-impact .btn-default:not(:disabled, .disabled).active,
 .card-impact .btn-default .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-impact .btn-default {
   color: #fff;
@@ -1170,9 +1170,9 @@ fieldset[disabled] .card-impact .btn-standout.active {
 .card-impact .btn-default:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-impact .btn-default:not(:disabled):not(.disabled):active, .section-impact .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-default,
-.card-impact .btn-default:not(:disabled):not(.disabled):active,
-.card-impact .btn-default:not(:disabled):not(.disabled).active,
+.section-impact .btn-default:not(:disabled, .disabled):active, .section-impact .btn-default:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-impact .btn-default,
+.card-impact .btn-default:not(:disabled, .disabled):active,
+.card-impact .btn-default:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-impact .btn-default {
   background-image: none;
 }
@@ -1207,7 +1207,7 @@ fieldset[disabled] .card-impact .btn-default.active {
 }
 .section-primary,
 .card-primary {
-  background: #447766;
+  background: #476;
   color: #ffffff;
 }
 .section-primary a:not(.btn),
@@ -1234,16 +1234,16 @@ fieldset[disabled] .card-impact .btn-default.active {
 .section-primary .btn-primary,
 .card-primary .btn-primary {
   color: #fff;
-  background-color: #447766;
+  background-color: #476;
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-primary .btn-primary:hover, .section-primary .btn-primary:focus, .section-primary .btn-primary:not(:disabled):not(.disabled):active, .section-primary .btn-primary:not(:disabled):not(.disabled).active,
+.section-primary .btn-primary:hover, .section-primary .btn-primary:focus, .section-primary .btn-primary:not(:disabled, .disabled):active, .section-primary .btn-primary:not(:disabled, .disabled).active,
 .section-primary .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-primary .btn-primary,
 .card-primary .btn-primary:hover,
 .card-primary .btn-primary:focus,
-.card-primary .btn-primary:not(:disabled):not(.disabled):active,
-.card-primary .btn-primary:not(:disabled):not(.disabled).active,
+.card-primary .btn-primary:not(:disabled, .disabled):active,
+.card-primary .btn-primary:not(:disabled, .disabled).active,
 .card-primary .btn-primary .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-primary .btn-primary {
   color: #fff;
@@ -1255,9 +1255,9 @@ fieldset[disabled] .card-impact .btn-default.active {
 .card-primary .btn-primary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-primary .btn-primary:not(:disabled):not(.disabled):active, .section-primary .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-primary .btn-primary,
-.card-primary .btn-primary:not(:disabled):not(.disabled):active,
-.card-primary .btn-primary:not(:disabled):not(.disabled).active,
+.section-primary .btn-primary:not(:disabled, .disabled):active, .section-primary .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-primary .btn-primary,
+.card-primary .btn-primary:not(:disabled, .disabled):active,
+.card-primary .btn-primary:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-primary .btn-primary {
   background-image: none;
 }
@@ -1277,12 +1277,12 @@ fieldset[disabled] .card-primary .btn-primary:hover,
 fieldset[disabled] .card-primary .btn-primary:focus,
 fieldset[disabled] .card-primary .btn-primary:active,
 fieldset[disabled] .card-primary .btn-primary.active {
-  background-color: #447766 !important;
+  background-color: #476 !important;
   border-color: #ffffff;
 }
 .section-primary .btn-primary .badge,
 .card-primary .btn-primary .badge {
-  color: #447766;
+  color: #476;
   background-color: #fff;
 }
 .section-primary .btn-standout,
@@ -1292,12 +1292,12 @@ fieldset[disabled] .card-primary .btn-primary.active {
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-primary .btn-standout:hover, .section-primary .btn-standout:focus, .section-primary .btn-standout:not(:disabled):not(.disabled):active, .section-primary .btn-standout:not(:disabled):not(.disabled).active,
+.section-primary .btn-standout:hover, .section-primary .btn-standout:focus, .section-primary .btn-standout:not(:disabled, .disabled):active, .section-primary .btn-standout:not(:disabled, .disabled).active,
 .section-primary .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-primary .btn-standout,
 .card-primary .btn-standout:hover,
 .card-primary .btn-standout:focus,
-.card-primary .btn-standout:not(:disabled):not(.disabled):active,
-.card-primary .btn-standout:not(:disabled):not(.disabled).active,
+.card-primary .btn-standout:not(:disabled, .disabled):active,
+.card-primary .btn-standout:not(:disabled, .disabled).active,
 .card-primary .btn-standout .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-primary .btn-standout {
   color: #fff;
@@ -1309,9 +1309,9 @@ fieldset[disabled] .card-primary .btn-primary.active {
 .card-primary .btn-standout:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-primary .btn-standout:not(:disabled):not(.disabled):active, .section-primary .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-primary .btn-standout,
-.card-primary .btn-standout:not(:disabled):not(.disabled):active,
-.card-primary .btn-standout:not(:disabled):not(.disabled).active,
+.section-primary .btn-standout:not(:disabled, .disabled):active, .section-primary .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-primary .btn-standout,
+.card-primary .btn-standout:not(:disabled, .disabled):active,
+.card-primary .btn-standout:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-primary .btn-standout {
   background-image: none;
 }
@@ -1368,16 +1368,16 @@ fieldset[disabled] .card-primary .btn-standout.active {
 .section-inverted .btn-primary,
 .card-inverted .btn-primary {
   color: #fff;
-  background-color: #447766;
+  background-color: #476;
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-inverted .btn-primary:hover, .section-inverted .btn-primary:focus, .section-inverted .btn-primary:not(:disabled):not(.disabled):active, .section-inverted .btn-primary:not(:disabled):not(.disabled).active,
+.section-inverted .btn-primary:hover, .section-inverted .btn-primary:focus, .section-inverted .btn-primary:not(:disabled, .disabled):active, .section-inverted .btn-primary:not(:disabled, .disabled).active,
 .section-inverted .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-inverted .btn-primary,
 .card-inverted .btn-primary:hover,
 .card-inverted .btn-primary:focus,
-.card-inverted .btn-primary:not(:disabled):not(.disabled):active,
-.card-inverted .btn-primary:not(:disabled):not(.disabled).active,
+.card-inverted .btn-primary:not(:disabled, .disabled):active,
+.card-inverted .btn-primary:not(:disabled, .disabled).active,
 .card-inverted .btn-primary .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-inverted .btn-primary {
   color: #fff;
@@ -1389,9 +1389,9 @@ fieldset[disabled] .card-primary .btn-standout.active {
 .card-inverted .btn-primary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-inverted .btn-primary:not(:disabled):not(.disabled):active, .section-inverted .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-inverted .btn-primary,
-.card-inverted .btn-primary:not(:disabled):not(.disabled):active,
-.card-inverted .btn-primary:not(:disabled):not(.disabled).active,
+.section-inverted .btn-primary:not(:disabled, .disabled):active, .section-inverted .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-inverted .btn-primary,
+.card-inverted .btn-primary:not(:disabled, .disabled):active,
+.card-inverted .btn-primary:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-inverted .btn-primary {
   background-image: none;
 }
@@ -1411,12 +1411,12 @@ fieldset[disabled] .card-inverted .btn-primary:hover,
 fieldset[disabled] .card-inverted .btn-primary:focus,
 fieldset[disabled] .card-inverted .btn-primary:active,
 fieldset[disabled] .card-inverted .btn-primary.active {
-  background-color: #447766 !important;
+  background-color: #476 !important;
   border-color: #ffffff;
 }
 .section-inverted .btn-primary .badge,
 .card-inverted .btn-primary .badge {
-  color: #447766;
+  color: #476;
   background-color: #fff;
 }
 .section-inverted .btn-standout,
@@ -1426,12 +1426,12 @@ fieldset[disabled] .card-inverted .btn-primary.active {
   border-color: #ffffff;
   font-weight: 600;
 }
-.section-inverted .btn-standout:hover, .section-inverted .btn-standout:focus, .section-inverted .btn-standout:not(:disabled):not(.disabled):active, .section-inverted .btn-standout:not(:disabled):not(.disabled).active,
+.section-inverted .btn-standout:hover, .section-inverted .btn-standout:focus, .section-inverted .btn-standout:not(:disabled, .disabled):active, .section-inverted .btn-standout:not(:disabled, .disabled).active,
 .section-inverted .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-inverted .btn-standout,
 .card-inverted .btn-standout:hover,
 .card-inverted .btn-standout:focus,
-.card-inverted .btn-standout:not(:disabled):not(.disabled):active,
-.card-inverted .btn-standout:not(:disabled):not(.disabled).active,
+.card-inverted .btn-standout:not(:disabled, .disabled):active,
+.card-inverted .btn-standout:not(:disabled, .disabled).active,
 .card-inverted .btn-standout .show > .dropdown-toggle,
 .open > .dropdown-toggle .card-inverted .btn-standout {
   color: #fff;
@@ -1443,9 +1443,9 @@ fieldset[disabled] .card-inverted .btn-primary.active {
 .card-inverted .btn-standout:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.section-inverted .btn-standout:not(:disabled):not(.disabled):active, .section-inverted .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-inverted .btn-standout,
-.card-inverted .btn-standout:not(:disabled):not(.disabled):active,
-.card-inverted .btn-standout:not(:disabled):not(.disabled).active,
+.section-inverted .btn-standout:not(:disabled, .disabled):active, .section-inverted .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .section-inverted .btn-standout,
+.card-inverted .btn-standout:not(:disabled, .disabled):active,
+.card-inverted .btn-standout:not(:disabled, .disabled).active,
 .open > .dropdown-toggle .card-inverted .btn-standout {
   background-image: none;
 }
@@ -1585,7 +1585,7 @@ a.text-white:not(.btn):hover {
 }
 
 .progress-bar-primary {
-  background-color: #447766;
+  background-color: #476;
 }
 .progress-striped .progress-bar-primary {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -1620,13 +1620,6 @@ a.text-white:not(.btn):hover {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
 
-.progress-bar-accent1 {
-  background-color: #1b79c0;
-}
-.progress-striped .progress-bar-accent1 {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-}
-
 .progress-bar-accent2 {
   background-color: #077cbb;
 }
@@ -1740,7 +1733,7 @@ a.text-white:not(.btn):hover {
   color: #ffffff;
 }
 .testimonial-primary {
-  background: #447766;
+  background: #476;
   color: #ffffff;
 }
 .testimonial-primary a:not(.btn) {
@@ -2024,6 +2017,7 @@ a.text-white:not(.btn):hover {
   background-color: #b83928;
 }
 
+/* stylelint-disable-next-line no-duplicate-selectors */
 .card-inverse .card-header,
 .card-inverted .card-header {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
@@ -2042,7 +2036,8 @@ a.text-white:not(.btn):hover {
 .card-default {
   border-color: #ddd;
 }
-.panel-default > .panel-heading, .panel-default > .card-heading,
+.panel-default > .panel-heading,
+.panel-default > .card-heading,
 .card-default > .panel-heading,
 .card-default > .card-heading {
   color: #3b3a48;
@@ -2050,7 +2045,8 @@ a.text-white:not(.btn):hover {
   border-color: #ddd;
 }
 .panel-default > .panel-heading + .panel-collapse > .panel-body,
-.panel-default > .panel-heading + .card-collapse > .card-body, .panel-default > .card-heading + .panel-collapse > .panel-body,
+.panel-default > .panel-heading + .card-collapse > .card-body,
+.panel-default > .card-heading + .panel-collapse > .panel-body,
 .panel-default > .card-heading + .card-collapse > .card-body,
 .card-default > .panel-heading + .panel-collapse > .panel-body,
 .card-default > .panel-heading + .card-collapse > .card-body,
@@ -2058,14 +2054,16 @@ a.text-white:not(.btn):hover {
 .card-default > .card-heading + .card-collapse > .card-body {
   border-top-color: #ddd;
 }
-.panel-default > .panel-heading .badge, .panel-default > .card-heading .badge,
+.panel-default > .panel-heading .badge,
+.panel-default > .card-heading .badge,
 .card-default > .panel-heading .badge,
 .card-default > .card-heading .badge {
   color: #a1cca1;
   background-color: #3b3a48;
 }
 .panel-default > .panel-footer + .panel-collapse > .panel-body,
-.panel-default > .panel-footer + .card-collapse > .card-body, .panel-default > .card-footer + .panel-collapse > .panel-body,
+.panel-default > .panel-footer + .card-collapse > .card-body,
+.panel-default > .card-footer + .panel-collapse > .panel-body,
 .panel-default > .card-footer + .card-collapse > .card-body,
 .card-default > .panel-footer + .panel-collapse > .panel-body,
 .card-default > .panel-footer + .card-collapse > .card-body,
@@ -2133,15 +2131,17 @@ a.text-white:not(.btn):hover {
 .card-overstated {
   border-color: #ddd;
 }
-.panel-overstated > .panel-heading, .panel-overstated > .card-heading,
+.panel-overstated > .panel-heading,
+.panel-overstated > .card-heading,
 .card-overstated > .panel-heading,
 .card-overstated > .card-heading {
   color: #fff;
-  background-color: #447766;
-  border-color: #447766;
+  background-color: #476;
+  border-color: #476;
 }
 .panel-overstated > .panel-heading + .panel-collapse > .panel-body,
-.panel-overstated > .panel-heading + .card-collapse > .card-body, .panel-overstated > .card-heading + .panel-collapse > .panel-body,
+.panel-overstated > .panel-heading + .card-collapse > .card-body,
+.panel-overstated > .card-heading + .panel-collapse > .panel-body,
 .panel-overstated > .card-heading + .card-collapse > .card-body,
 .card-overstated > .panel-heading + .panel-collapse > .panel-body,
 .card-overstated > .panel-heading + .card-collapse > .card-body,
@@ -2149,14 +2149,16 @@ a.text-white:not(.btn):hover {
 .card-overstated > .card-heading + .card-collapse > .card-body {
   border-top-color: #ddd;
 }
-.panel-overstated > .panel-heading .badge, .panel-overstated > .card-heading .badge,
+.panel-overstated > .panel-heading .badge,
+.panel-overstated > .card-heading .badge,
 .card-overstated > .panel-heading .badge,
 .card-overstated > .card-heading .badge {
-  color: #447766;
+  color: #476;
   background-color: #fff;
 }
 .panel-overstated > .panel-footer + .panel-collapse > .panel-body,
-.panel-overstated > .panel-footer + .card-collapse > .card-body, .panel-overstated > .card-footer + .panel-collapse > .panel-body,
+.panel-overstated > .panel-footer + .card-collapse > .card-body,
+.panel-overstated > .card-footer + .panel-collapse > .panel-body,
 .panel-overstated > .card-footer + .card-collapse > .card-body,
 .card-overstated > .panel-footer + .panel-collapse > .panel-body,
 .card-overstated > .panel-footer + .card-collapse > .card-body,
@@ -2207,7 +2209,7 @@ a.text-white:not(.btn):hover {
 .card-overstated .card-header .options .btn-default {
   --bs-btn-color: #fff;
   --bs-btn-bg: #355d50;
-  --bs-btn-border-color: #447766;
+  --bs-btn-border-color: #476;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: #2d4f44;
   --bs-btn-hover-border-color: #365f52;
@@ -2218,7 +2220,7 @@ a.text-white:not(.btn):hover {
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #355d50;
-  --bs-btn-disabled-border-color: #447766;
+  --bs-btn-disabled-border-color: #476;
 }
 .panel-overstated .panel-body,
 .panel-overstated .card-body,
@@ -2264,7 +2266,8 @@ a.text-white:not(.btn):hover {
 .card-understated {
   border-color: #ddd;
 }
-.panel-understated > .panel-heading, .panel-understated > .card-heading,
+.panel-understated > .panel-heading,
+.panel-understated > .card-heading,
 .card-understated > .panel-heading,
 .card-understated > .card-heading {
   color: #3b3a48;
@@ -2272,7 +2275,8 @@ a.text-white:not(.btn):hover {
   border-color: #e8f1ee;
 }
 .panel-understated > .panel-heading + .panel-collapse > .panel-body,
-.panel-understated > .panel-heading + .card-collapse > .card-body, .panel-understated > .card-heading + .panel-collapse > .panel-body,
+.panel-understated > .panel-heading + .card-collapse > .card-body,
+.panel-understated > .card-heading + .panel-collapse > .panel-body,
 .panel-understated > .card-heading + .card-collapse > .card-body,
 .card-understated > .panel-heading + .panel-collapse > .panel-body,
 .card-understated > .panel-heading + .card-collapse > .card-body,
@@ -2280,14 +2284,16 @@ a.text-white:not(.btn):hover {
 .card-understated > .card-heading + .card-collapse > .card-body {
   border-top-color: #ddd;
 }
-.panel-understated > .panel-heading .badge, .panel-understated > .card-heading .badge,
+.panel-understated > .panel-heading .badge,
+.panel-understated > .card-heading .badge,
 .card-understated > .panel-heading .badge,
 .card-understated > .card-heading .badge {
   color: #e8f1ee;
   background-color: #3b3a48;
 }
 .panel-understated > .panel-footer + .panel-collapse > .panel-body,
-.panel-understated > .panel-footer + .card-collapse > .card-body, .panel-understated > .card-footer + .panel-collapse > .panel-body,
+.panel-understated > .panel-footer + .card-collapse > .card-body,
+.panel-understated > .card-footer + .panel-collapse > .panel-body,
 .panel-understated > .card-footer + .card-collapse > .card-body,
 .card-understated > .panel-footer + .panel-collapse > .panel-body,
 .card-understated > .panel-footer + .card-collapse > .card-body,
@@ -2364,7 +2370,8 @@ a.text-white:not(.btn):hover {
 .card-standout {
   border-color: #ddd;
 }
-.panel-standout > .panel-heading, .panel-standout > .card-heading,
+.panel-standout > .panel-heading,
+.panel-standout > .card-heading,
 .card-standout > .panel-heading,
 .card-standout > .card-heading {
   color: #fff;
@@ -2372,7 +2379,8 @@ a.text-white:not(.btn):hover {
   border-color: #194949;
 }
 .panel-standout > .panel-heading + .panel-collapse > .panel-body,
-.panel-standout > .panel-heading + .card-collapse > .card-body, .panel-standout > .card-heading + .panel-collapse > .panel-body,
+.panel-standout > .panel-heading + .card-collapse > .card-body,
+.panel-standout > .card-heading + .panel-collapse > .panel-body,
 .panel-standout > .card-heading + .card-collapse > .card-body,
 .card-standout > .panel-heading + .panel-collapse > .panel-body,
 .card-standout > .panel-heading + .card-collapse > .card-body,
@@ -2380,14 +2388,16 @@ a.text-white:not(.btn):hover {
 .card-standout > .card-heading + .card-collapse > .card-body {
   border-top-color: #ddd;
 }
-.panel-standout > .panel-heading .badge, .panel-standout > .card-heading .badge,
+.panel-standout > .panel-heading .badge,
+.panel-standout > .card-heading .badge,
 .card-standout > .panel-heading .badge,
 .card-standout > .card-heading .badge {
   color: #194949;
   background-color: #fff;
 }
 .panel-standout > .panel-footer + .panel-collapse > .panel-body,
-.panel-standout > .panel-footer + .card-collapse > .card-body, .panel-standout > .card-footer + .panel-collapse > .panel-body,
+.panel-standout > .panel-footer + .card-collapse > .card-body,
+.panel-standout > .card-footer + .panel-collapse > .panel-body,
 .panel-standout > .card-footer + .card-collapse > .card-body,
 .card-standout > .panel-footer + .panel-collapse > .panel-body,
 .card-standout > .panel-footer + .card-collapse > .card-body,
@@ -2541,7 +2551,7 @@ a.text-white:not(.btn):hover {
   color: #fbad23 !important;
 }
 .text-accent-p2 {
-  color: #447766 !important;
+  color: #476 !important;
 }
 .text-accent-p3 {
   color: #194949 !important;
@@ -2557,11 +2567,11 @@ a.text-white:not(.btn):hover {
 }
 
 .color-primary--hover:hover {
-  color: #447766;
+  color: #476;
 }
 
 .bg-primary--hover:hover {
-  background-color: #447766;
+  background-color: #476;
 }
 
 .label-primary {
@@ -2572,7 +2582,7 @@ a.text-white:not(.btn):hover {
 
 .label-info {
   color: #fff;
-  background-color: #447766;
+  background-color: #476;
 }
 
 .label-secondary {
@@ -2663,11 +2673,11 @@ a.text-white:not(.btn):hover {
 ----------------------------------------- */
 .btn-primary {
   color: #fff;
-  background-color: #447766;
-  border-color: #447766;
+  background-color: #476;
+  border-color: #476;
   font-weight: 600;
 }
-.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled, .disabled):active, .btn-primary:not(:disabled, .disabled).active,
 .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-primary {
   color: #fff;
   background-color: #376053;
@@ -2677,15 +2687,15 @@ a.text-white:not(.btn):hover {
 .btn-primary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-primary {
+.btn-primary:not(:disabled, .disabled):active, .btn-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-primary {
   background-image: none;
 }
 .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
-  background-color: #447766 !important;
-  border-color: #447766;
+  background-color: #476 !important;
+  border-color: #476;
 }
 .btn-primary .badge {
-  color: #447766;
+  color: #476;
   background-color: #fff;
 }
 .btn-primary:disabled {
@@ -2696,12 +2706,12 @@ a.text-white:not(.btn):hover {
 }
 
 .btn-outline-primary {
-  color: #447766;
+  color: #476;
   background-color: #fff;
-  border-color: #447766;
+  border-color: #476;
   font-weight: 600;
 }
-.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled, .disabled):active, .btn-outline-primary:not(:disabled, .disabled).active,
 .btn-outline-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-primary {
   color: #376053;
   background-color: #fff;
@@ -2711,16 +2721,16 @@ a.text-white:not(.btn):hover {
 .btn-outline-primary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-primary {
+.btn-outline-primary:not(:disabled, .disabled):active, .btn-outline-primary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-primary {
   background-image: none;
 }
 .btn-outline-primary.disabled, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active, .btn-outline-primary.disabled.active, .btn-outline-primary[disabled], .btn-outline-primary[disabled]:hover, .btn-outline-primary[disabled]:focus, .btn-outline-primary[disabled]:active, .btn-outline-primary[disabled].active, fieldset[disabled] .btn-outline-primary, fieldset[disabled] .btn-outline-primary:hover, fieldset[disabled] .btn-outline-primary:focus, fieldset[disabled] .btn-outline-primary:active, fieldset[disabled] .btn-outline-primary.active {
   background-color: #fff !important;
-  border-color: #447766;
+  border-color: #476;
 }
 .btn-outline-primary .badge {
   color: #fff;
-  background-color: #447766;
+  background-color: #476;
 }
 
 .btn-default {
@@ -2729,7 +2739,7 @@ a.text-white:not(.btn):hover {
   border-color: #5e5e6a;
   font-weight: 600;
 }
-.btn-default:hover, .btn-default:focus, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
+.btn-default:hover, .btn-default:focus, .btn-default:not(:disabled, .disabled):active, .btn-default:not(:disabled, .disabled).active,
 .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .btn-default {
   color: #000;
   background-color: rgb(255, 255, 255);
@@ -2739,7 +2749,7 @@ a.text-white:not(.btn):hover {
 .btn-default:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-default {
+.btn-default:not(:disabled, .disabled):active, .btn-default:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-default {
   background-image: none;
 }
 .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
@@ -2757,7 +2767,7 @@ a.text-white:not(.btn):hover {
   border-color: #194949;
   font-weight: 600;
 }
-.btn-standout:hover, .btn-standout:focus, .btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active,
+.btn-standout:hover, .btn-standout:focus, .btn-standout:not(:disabled, .disabled):active, .btn-standout:not(:disabled, .disabled).active,
 .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-standout {
   color: #fff;
   background-color: #102e2e;
@@ -2767,7 +2777,7 @@ a.text-white:not(.btn):hover {
 .btn-standout:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-standout {
+.btn-standout:not(:disabled, .disabled):active, .btn-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-standout {
   background-image: none;
 }
 .btn-standout.disabled, .btn-standout.disabled:hover, .btn-standout.disabled:focus, .btn-standout.disabled:active, .btn-standout.disabled.active, .btn-standout[disabled], .btn-standout[disabled]:hover, .btn-standout[disabled]:focus, .btn-standout[disabled]:active, .btn-standout[disabled].active, fieldset[disabled] .btn-standout, fieldset[disabled] .btn-standout:hover, fieldset[disabled] .btn-standout:focus, fieldset[disabled] .btn-standout:active, fieldset[disabled] .btn-standout.active {
@@ -2791,7 +2801,7 @@ a.text-white:not(.btn):hover {
   border-color: #194949;
   font-weight: 600;
 }
-.btn-outline-standout:hover, .btn-outline-standout:focus, .btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active,
+.btn-outline-standout:hover, .btn-outline-standout:focus, .btn-outline-standout:not(:disabled, .disabled):active, .btn-outline-standout:not(:disabled, .disabled).active,
 .btn-outline-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-standout {
   color: #102e2e;
   background-color: #fff;
@@ -2801,7 +2811,7 @@ a.text-white:not(.btn):hover {
 .btn-outline-standout:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-standout {
+.btn-outline-standout:not(:disabled, .disabled):active, .btn-outline-standout:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-standout {
   background-image: none;
 }
 .btn-outline-standout.disabled, .btn-outline-standout.disabled:hover, .btn-outline-standout.disabled:focus, .btn-outline-standout.disabled:active, .btn-outline-standout.disabled.active, .btn-outline-standout[disabled], .btn-outline-standout[disabled]:hover, .btn-outline-standout[disabled]:focus, .btn-outline-standout[disabled]:active, .btn-outline-standout[disabled].active, fieldset[disabled] .btn-outline-standout, fieldset[disabled] .btn-outline-standout:hover, fieldset[disabled] .btn-outline-standout:focus, fieldset[disabled] .btn-outline-standout:active, fieldset[disabled] .btn-outline-standout.active {
@@ -2819,7 +2829,7 @@ a.text-white:not(.btn):hover {
   border-color: #fcba46;
   font-weight: 600;
 }
-.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active,
+.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:not(:disabled, .disabled):active, .btn-highlight:not(:disabled, .disabled).active,
 .btn-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-highlight {
   color: #3b3a48;
   background-color: #fcc769;
@@ -2829,7 +2839,7 @@ a.text-white:not(.btn):hover {
 .btn-highlight:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-highlight {
+.btn-highlight:not(:disabled, .disabled):active, .btn-highlight:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-highlight {
   background-image: none;
 }
 .btn-highlight.disabled, .btn-highlight.disabled:hover, .btn-highlight.disabled:focus, .btn-highlight.disabled:active, .btn-highlight.disabled.active, .btn-highlight[disabled], .btn-highlight[disabled]:hover, .btn-highlight[disabled]:focus, .btn-highlight[disabled]:active, .btn-highlight[disabled].active, fieldset[disabled] .btn-highlight, fieldset[disabled] .btn-highlight:hover, fieldset[disabled] .btn-highlight:focus, fieldset[disabled] .btn-highlight:active, fieldset[disabled] .btn-highlight.active {
@@ -2847,7 +2857,7 @@ a.text-white:not(.btn):hover {
   border-color: #fcba46;
   font-weight: 600;
 }
-.btn-outline-highlight:hover, .btn-outline-highlight:focus, .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active,
+.btn-outline-highlight:hover, .btn-outline-highlight:focus, .btn-outline-highlight:not(:disabled, .disabled):active, .btn-outline-highlight:not(:disabled, .disabled).active,
 .btn-outline-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-highlight {
   color: #3b3a48;
   background-color: #fafafa;
@@ -2857,7 +2867,7 @@ a.text-white:not(.btn):hover {
 .btn-outline-highlight:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-highlight {
+.btn-outline-highlight:not(:disabled, .disabled):active, .btn-outline-highlight:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-highlight {
   background-image: none;
 }
 .btn-outline-highlight.disabled, .btn-outline-highlight.disabled:hover, .btn-outline-highlight.disabled:focus, .btn-outline-highlight.disabled:active, .btn-outline-highlight.disabled.active, .btn-outline-highlight[disabled], .btn-outline-highlight[disabled]:hover, .btn-outline-highlight[disabled]:focus, .btn-outline-highlight[disabled]:active, .btn-outline-highlight[disabled].active, fieldset[disabled] .btn-outline-highlight, fieldset[disabled] .btn-outline-highlight:hover, fieldset[disabled] .btn-outline-highlight:focus, fieldset[disabled] .btn-outline-highlight:active, fieldset[disabled] .btn-outline-highlight.active {
@@ -2875,7 +2885,7 @@ a.text-white:not(.btn):hover {
   border-color: #555555;
   font-weight: 600;
 }
-.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled, .disabled):active, .btn-secondary:not(:disabled, .disabled).active,
 .btn-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-secondary {
   color: #02374e;
   background-color: #fff;
@@ -2885,7 +2895,7 @@ a.text-white:not(.btn):hover {
 .btn-secondary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-secondary {
+.btn-secondary:not(:disabled, .disabled):active, .btn-secondary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-secondary {
   background-image: none;
 }
 .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
@@ -2913,7 +2923,7 @@ a.text-white:not(.btn):hover {
   border-color: #555555;
   font-weight: 600;
 }
-.btn-s1:hover, .btn-s1:focus, .btn-s1:not(:disabled):not(.disabled):active, .btn-s1:not(:disabled):not(.disabled).active,
+.btn-s1:hover, .btn-s1:focus, .btn-s1:not(:disabled, .disabled):active, .btn-s1:not(:disabled, .disabled).active,
 .btn-s1 .show > .dropdown-toggle, .open > .dropdown-toggle .btn-s1 {
   color: #000;
   background-color: #fff;
@@ -2923,7 +2933,7 @@ a.text-white:not(.btn):hover {
 .btn-s1:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-s1:not(:disabled):not(.disabled):active, .btn-s1:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-s1 {
+.btn-s1:not(:disabled, .disabled):active, .btn-s1:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-s1 {
   background-image: none;
 }
 .btn-s1.disabled, .btn-s1.disabled:hover, .btn-s1.disabled:focus, .btn-s1.disabled:active, .btn-s1.disabled.active, .btn-s1[disabled], .btn-s1[disabled]:hover, .btn-s1[disabled]:focus, .btn-s1[disabled]:active, .btn-s1[disabled].active, fieldset[disabled] .btn-s1, fieldset[disabled] .btn-s1:hover, fieldset[disabled] .btn-s1:focus, fieldset[disabled] .btn-s1:active, fieldset[disabled] .btn-s1.active {
@@ -2948,7 +2958,7 @@ a.text-white:not(.btn):hover {
   border-color: #555555;
   font-weight: 600;
 }
-.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled, .disabled):active, .btn-outline-secondary:not(:disabled, .disabled).active,
 .btn-outline-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-secondary {
   color: #444444;
   background-color: #fff;
@@ -2958,7 +2968,7 @@ a.text-white:not(.btn):hover {
 .btn-outline-secondary:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-secondary {
+.btn-outline-secondary:not(:disabled, .disabled):active, .btn-outline-secondary:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-secondary {
   background-image: none;
 }
 .btn-outline-secondary.disabled, .btn-outline-secondary.disabled:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:active, .btn-outline-secondary.disabled.active, .btn-outline-secondary[disabled], .btn-outline-secondary[disabled]:hover, .btn-outline-secondary[disabled]:focus, .btn-outline-secondary[disabled]:active, .btn-outline-secondary[disabled].active, fieldset[disabled] .btn-outline-secondary, fieldset[disabled] .btn-outline-secondary:hover, fieldset[disabled] .btn-outline-secondary:focus, fieldset[disabled] .btn-outline-secondary:active, fieldset[disabled] .btn-outline-secondary.active {
@@ -2976,7 +2986,7 @@ a.text-white:not(.btn):hover {
   border-color: #fff;
   font-weight: 600;
 }
-.btn-light:hover, .btn-light:focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+.btn-light:hover, .btn-light:focus, .btn-light:not(:disabled, .disabled):active, .btn-light:not(:disabled, .disabled).active,
 .btn-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-light {
   color: #000;
   background-color: #ededef;
@@ -2986,7 +2996,7 @@ a.text-white:not(.btn):hover {
 .btn-light:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-light {
+.btn-light:not(:disabled, .disabled):active, .btn-light:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-light {
   background-image: none;
 }
 .btn-light.disabled, .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled:active, .btn-light.disabled.active, .btn-light[disabled], .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled]:active, .btn-light[disabled].active, fieldset[disabled] .btn-light, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light:active, fieldset[disabled] .btn-light.active {
@@ -3004,7 +3014,7 @@ a.text-white:not(.btn):hover {
   border-color: #fff;
   font-weight: 600;
 }
-.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:not(:disabled, .disabled):active, .btn-outline-light:not(:disabled, .disabled).active,
 .btn-outline-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-light {
   color: #ededef;
   background-color: transparent;
@@ -3014,7 +3024,7 @@ a.text-white:not(.btn):hover {
 .btn-outline-light:focus {
   outline: solid 2px #2ea3f2 !important;
 }
-.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-light {
+.btn-outline-light:not(:disabled, .disabled):active, .btn-outline-light:not(:disabled, .disabled).active, .open > .dropdown-toggle .btn-outline-light {
   background-image: none;
 }
 .btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active, fieldset[disabled] .btn-outline-light, fieldset[disabled] .btn-outline-light:hover, fieldset[disabled] .btn-outline-light:focus, fieldset[disabled] .btn-outline-light:active, fieldset[disabled] .btn-outline-light.active {
@@ -3027,12 +3037,12 @@ a.text-white:not(.btn):hover {
 }
 
 .check-icon-radio {
-  color: #447766;
-  border-color: #447766;
+  color: #476;
+  border-color: #476;
 }
 
 .check-icon-checkbox {
-  border-color: #447766;
+  border-color: #476;
 }
 
 input[type=checkbox]:checked + i,
@@ -3040,43 +3050,43 @@ input[type=radio]:checked + i,
 input[type=checkbox]:checked + * i,
 input[type=radio]:checked + * i {
   color: #fff;
-  background-color: #447766;
-  border-color: #447766;
+  background-color: #476;
+  border-color: #476;
 }
 
 .bg-primary--checked.checked,
 .checked .bg-primary--checked {
-  background-color: #447766 !important;
+  background-color: #476 !important;
 }
 
 /* -----------------------------------------
    FORM
    /source/scss/colortheme/cs-form.scss
 ----------------------------------------- */
-.custom-file-label:after {
-  background-color: #447766;
+.custom-file-label::after {
+  background-color: #476;
 }
 
 .check-icon-radio {
-  color: #447766;
-  border-color: #447766;
+  color: #476;
+  border-color: #476;
 }
 
 .check-icon-checkbox {
-  border-color: #447766;
+  border-color: #476;
 }
 
 input[type=checkbox]:checked + i,
 input[type=radio]:checked + i,
 input[type=checkbox]:checked + * i,
 input[type=radio]:checked + * i {
-  background-color: #447766;
-  border-color: #447766;
+  background-color: #476;
+  border-color: #476;
 }
 
 .bg-primary--checked.checked,
 .checked .bg-primary--checked {
-  background-color: #447766 !important;
+  background-color: #476 !important;
 }
 
 /* primary Color */
@@ -3084,7 +3094,7 @@ input[type=checkbox]:checked + .bg-primary--checked,
 input[type=radio]:checked + .bg-primary--checked,
 input[type=checkbox]:checked + * .bg-primary--checked,
 input[type=radio]:checked + * .bg-primary--checked {
-  background-color: #447766;
+  background-color: #476;
 }
 
 /* highlight Color */
@@ -3102,17 +3112,17 @@ input[type=radio]:focus + div {
 }
 
 .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #447766;
+  background-color: #476;
 }
 
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #447766;
+  background-color: #476;
 }
 
 .form-check-input:checked,
 .custom-control-input:checked {
-  background-color: #447766;
-  border-color: #447766;
+  background-color: #476;
+  border-color: #476;
 }
 
 /* -----------------------------------------
@@ -3121,7 +3131,7 @@ input[type=radio]:focus + div {
 ----------------------------------------- */
 .bg-blue-gradient {
   background-repeat: repeat-x;
-  background-image: linear-gradient(225deg, #72af9b, #447766);
+  background-image: linear-gradient(225deg, #72af9b, #476);
 }
 
 .circle-icon {
@@ -3149,88 +3159,88 @@ input[type=radio]:focus + div {
    /source/scss/colortheme/cs-panes.scss
 ----------------------------------------- */
 @media (min-width: 768px) {
-  .bg-highlight.group-right:before,
-  .bg-p1.group-right:before {
+  .bg-highlight.group-right::before,
+  .bg-p1.group-right::before {
     border-right-color: #fbad23;
   }
-  .bg-highlight.group-left:after,
-  .bg-p1.group-left:after {
+  .bg-highlight.group-left::after,
+  .bg-p1.group-left::after {
     border-left-color: #fbad23;
   }
-  .section-primary.group-right:before,
-  .bg-primary.group-right:before,
-  .bg-p2.group-right:before {
-    border-right-color: #447766;
+  .section-primary.group-right::before,
+  .bg-primary.group-right::before,
+  .bg-p2.group-right::before {
+    border-right-color: #476;
   }
-  .section-primary.group-left:after,
-  .bg-primary.group-left:after,
-  .bg-p2.group-left:after {
-    border-left-color: #447766;
+  .section-primary.group-left::after,
+  .bg-primary.group-left::after,
+  .bg-p2.group-left::after {
+    border-left-color: #476;
   }
-  .section-default.group-right:before {
+  .section-default.group-right::before {
     border-right-color: whitesmoke;
   }
-  .section-default.group-left:after {
+  .section-default.group-left::after {
     border-left-color: whitesmoke;
   }
-  .section-standout.group-right:before,
-  .bg-standout.group-right:before,
-  .bg-p3.group-right:before {
+  .section-standout.group-right::before,
+  .bg-standout.group-right::before,
+  .bg-p3.group-right::before {
     border-right-color: #194949;
   }
-  .section-standout.group-left:after,
-  .bg-standout.group-left:after,
-  .bg-p3.group-left:after {
+  .section-standout.group-left::after,
+  .bg-standout.group-left::after,
+  .bg-p3.group-left::after {
     border-left-color: #194949;
   }
-  .section-understated.group-right:before,
-  .bg-s1.group-right:before {
+  .section-understated.group-right::before,
+  .bg-s1.group-right::before {
     border-right-color: #e8f1ee;
   }
-  .section-understated.group-left:after,
-  .bg-s1.group-left:after {
+  .section-understated.group-left::after,
+  .bg-s1.group-left::after {
     border-left-color: #e8f1ee;
   }
-  .section-inverted.group-right:before {
+  .section-inverted.group-right::before {
     border-right-color: #222222;
   }
-  .section-inverted.group-left:after {
+  .section-inverted.group-left::after {
     border-left-color: #222222;
   }
 }
 @media (max-width: 767px) {
-  .bg-highlight.group-right:before,
-  .bg-p1.group-right:before,
-  .bg-highlight.group-left:after,
-  .bg-p1.group-left:after {
+  .bg-highlight.group-right::before,
+  .bg-p1.group-right::before,
+  .bg-highlight.group-left::after,
+  .bg-p1.group-left::after {
     border-bottom-color: #fbad23;
   }
-  .section-primary.group-right:before,
-  .bg-primary.group-right:before,
-  .bg-p2.group-right:before,
-  .section-primary.group-left:after,
-  .bg-primary.group-left:after,
-  .bg-p2.group-left:after {
-    border-bottom-color: #447766;
+  .section-primary.group-right::before,
+  .bg-primary.group-right::before,
+  .bg-p2.group-right::before,
+  .section-primary.group-left::after,
+  .bg-primary.group-left::after,
+  .bg-p2.group-left::after {
+    border-bottom-color: #476;
   }
-  .section-default.group-right:before, .section-default.group-left:after {
+  .section-default.group-right::before, .section-default.group-left::after {
     border-bottom-color: whitesmoke;
   }
-  .section-standout.group-right:before,
-  .bg-standout.group-right:before,
-  .bg-p3.group-right:before,
-  .section-standout.group-left:after,
-  .bg-standout.group-left:after,
-  .bg-p3.group-left:after {
+  .section-standout.group-right::before,
+  .bg-standout.group-right::before,
+  .bg-p3.group-right::before,
+  .section-standout.group-left::after,
+  .bg-standout.group-left::after,
+  .bg-p3.group-left::after {
     border-bottom-color: #194949;
   }
-  .section-understated.group-right:before,
-  .bg-s1 .group-right:before,
-  .section-understated.group-left:after,
-  .bg-s1.group-left:after {
+  .section-understated.group-right::before,
+  .bg-s1 .group-right::before,
+  .section-understated.group-left::after,
+  .bg-s1.group-left::after {
     border-bottom-color: #e8f1ee;
   }
-  .section-inverted.group-right:before, .section-inverted.group-left:after {
+  .section-inverted.group-right::before, .section-inverted.group-left::after {
     border-bottom-color: #222222;
   }
 }
@@ -3239,8 +3249,8 @@ input[type=radio]:focus + div {
    /source/scss/colortheme/cs-return-top.scss
 ----------------------------------------- */
 .return-top {
-  border-color: #447766;
-  color: #447766;
+  border-color: #476;
+  color: #476;
 }
 .return-top.is-visible:hover, .return-top.is-visible:focus {
   color: #376053;
@@ -3251,8 +3261,8 @@ input[type=radio]:focus + div {
    SIDE NAVIGATION
    /source/scss/colortheme/cs-side-navigation.scss
 ----------------------------------------- */
-.side-navigation ul li a.active:before,
-.list-navigation li a.active:before {
+.side-navigation ul li a.active::before,
+.list-navigation li a.active::before {
   border-left-color: #fbad23;
 }
 
@@ -3261,7 +3271,7 @@ input[type=radio]:focus + div {
   background-color: #e8f1ee;
 }
 .sidenav-mobile-btn .sidenav-toggle {
-  color: #447766;
+  color: #476;
 }
 .sidenav-mobile-btn .sidenav-toggle:hover, .sidenav-mobile-btn .sidenav-toggle:focus {
   color: #376053;
@@ -3270,70 +3280,69 @@ input[type=radio]:focus + div {
 .mobile-sidenav {
   background-color: #194949;
 }
-.mobile-sidenav .side-navigation ul li a,
-.mobile-sidenav .list-navigation li a {
+.mobile-sidenav .list-navigation li a,
+.mobile-sidenav .side-navigation ul li a {
   color: #fff;
   border-bottom-color: #194949;
 }
-.mobile-sidenav .side-navigation ul li a:hover, .mobile-sidenav .side-navigation ul li a:focus,
-.mobile-sidenav .list-navigation li a:hover,
-.mobile-sidenav .list-navigation li a:focus {
+.mobile-sidenav .list-navigation li a:hover, .mobile-sidenav .list-navigation li a:focus,
+.mobile-sidenav .side-navigation ul li a:hover,
+.mobile-sidenav .side-navigation ul li a:focus {
   color: #fff;
   background-color: #226464;
 }
-.mobile-sidenav .side-navigation ul li a.active,
-.mobile-sidenav .list-navigation li a.active {
+.mobile-sidenav .list-navigation li a.active,
+.mobile-sidenav .side-navigation ul li a.active {
   background-color: #226464;
 }
-.mobile-sidenav .side-navigation ul li a.active:before,
-.mobile-sidenav .list-navigation li a.active:before {
+.mobile-sidenav .list-navigation li a.active::before,
+.mobile-sidenav .side-navigation ul li a.active::before {
   color: #fff;
   border-left-color: #fbad23;
 }
-.mobile-sidenav .side-navigation ul li a.active:hover, .mobile-sidenav .side-navigation ul li a.active:focus,
-.mobile-sidenav .list-navigation li a.active:hover,
-.mobile-sidenav .list-navigation li a.active:focus {
+.mobile-sidenav .list-navigation li a.active:hover, .mobile-sidenav .list-navigation li a.active:focus,
+.mobile-sidenav .side-navigation ul li a.active:hover,
+.mobile-sidenav .side-navigation ul li a.active:focus {
   color: #fff;
   background-color: #194949;
 }
-.mobile-sidenav .side-navigation ul li a ul li a.active::before,
-.mobile-sidenav .list-navigation li a ul li a.active::before {
+.mobile-sidenav .list-navigation li a ul li a.active::before,
+.mobile-sidenav .side-navigation ul li a ul li a.active::before {
   border-left-color: #fbad23;
 }
 
 /* DESKTOP */
 @media (min-width: 992px) {
-  .side-navigation ul li a,
-  .list-navigation li a {
+  .list-navigation li a,
+  .side-navigation ul li a {
     color: #5e5e6a;
   }
-  .side-navigation ul li a:hover, .side-navigation ul li a:hover,
   .list-navigation li a:hover,
-  .list-navigation li a:hover {
+  .side-navigation ul li a:hover {
     color: #3b3a48;
   }
-  .side-navigation ul li a.active:before,
-  .list-navigation li a.active:before {
+  .list-navigation li a.active::before,
+  .side-navigation ul li a.active::before {
     border-left-color: #fbad23;
   }
-  .side-navigation ul li ul li a.active::before,
-  .list-navigation li ul li a.active::before {
+  .list-navigation li ul li a.active::before,
+  .side-navigation ul li ul li a.active::before {
     border-left-color: #fbad23;
   }
   a.sidenav {
     color: #5e5e6a;
   }
-  a.sidenav:hover, a.sidenav:hover {
+  a.sidenav:hover {
     color: #3b3a48;
   }
-  a.sidenav.active:before {
+  a.sidenav.active::before {
     border-left-color: #fbad23;
   }
 }
 /* bootstrap side navigation */
 .list-group-item.active {
-  background-color: #447766;
-  border-color: #447766;
+  background-color: #476;
+  border-color: #476;
 }
 .list-group-item.active:hover {
   background-color: #376053 !important;
@@ -3367,7 +3376,7 @@ input[type=radio]:focus + div {
 
 .list-group.section-overstated .list-group-item,
 .list-group.section-overstated .list-group-item > button {
-  background: #447766 !important;
+  background: #476 !important;
   color: #ffffff !important;
 }
 .list-group.section-overstated .list-group-item:hover, .list-group.section-overstated .list-group-item:focus, .list-group.section-overstated .list-group-item.open,
@@ -3380,14 +3389,14 @@ input[type=radio]:focus + div {
 .list-group.section-overstated .list-group-item.active,
 .list-group.section-overstated .list-group-item > button.active {
   background-color: #fff !important;
-  border-color: #447766;
-  color: #447766 !important;
+  border-color: #476;
+  color: #476 !important;
 }
 .list-group.section-overstated .list-group-item.active:hover, .list-group.section-overstated .list-group-item.active:focus,
 .list-group.section-overstated .list-group-item > button.active:hover,
 .list-group.section-overstated .list-group-item > button.active:focus {
   background-color: #f8f9fa !important;
-  border-color: #447766;
+  border-color: #476;
 }
 
 .list-group.section-impact .list-group-item,
@@ -3416,7 +3425,7 @@ input[type=radio]:focus + div {
 
 .list-group.section-primary .list-group-item,
 .list-group.section-primary .list-group-item > button {
-  background: #447766 !important;
+  background: #476 !important;
   color: #ffffff !important;
 }
 .list-group.section-primary .list-group-item:hover, .list-group.section-primary .list-group-item:focus, .list-group.section-primary .list-group-item.open,
@@ -3429,14 +3438,14 @@ input[type=radio]:focus + div {
 .list-group.section-primary .list-group-item.active,
 .list-group.section-primary .list-group-item > button.active {
   background-color: #fff !important;
-  border-color: #447766;
-  color: #447766 !important;
+  border-color: #476;
+  color: #476 !important;
 }
 .list-group.section-primary .list-group-item.active:hover, .list-group.section-primary .list-group-item.active:focus,
 .list-group.section-primary .list-group-item > button.active:hover,
 .list-group.section-primary .list-group-item > button.active:focus {
   background-color: #f8f9fa !important;
-  border-color: #447766;
+  border-color: #476;
 }
 
 .list-group.section-inverted .list-group-item,
@@ -3501,8 +3510,8 @@ input[type=radio]:focus + div {
 }
 .list-group.section-understated .list-group-item.active,
 .list-group.section-understated .list-group-item > button.active {
-  background-color: #447766 !important;
-  border-color: #447766;
+  background-color: #476 !important;
+  border-color: #476;
   color: #fff !important;
 }
 .list-group.section-understated .list-group-item.active:hover, .list-group.section-understated .list-group-item.active:focus,
@@ -3524,8 +3533,8 @@ input[type=radio]:focus + div {
 }
 .list-group.section-default .list-group-item.active,
 .list-group.section-default .list-group-item > button.active {
-  background-color: #447766 !important;
-  border-color: #447766;
+  background-color: #476 !important;
+  border-color: #476;
   color: #fff !important;
 }
 .list-group.section-default .list-group-item.active:hover, .list-group.section-default .list-group-item.active:focus,
@@ -3562,7 +3571,7 @@ cagov-accordion.sidenav details summary.active {
 cagov-accordion.sidenav details summary.active:hover, cagov-accordion.sidenav details summary.active:focus {
   color: #000 !important;
 }
-cagov-accordion.sidenav details summary.active:before {
+cagov-accordion.sidenav details summary.active::before {
   background-color: #fbad23 !important;
 }
 
@@ -3572,7 +3581,7 @@ cagov-accordion.sidenav details summary.active:before {
 .side-subnav li a:hover, .side-subnav li a:focus {
   color: #000;
 }
-.side-subnav li a.active:before {
+.side-subnav li a.active::before {
   border-left-color: #fbad23;
 }
 
@@ -3580,12 +3589,22 @@ cagov-accordion.sidenav details summary.active:before {
   color: #4a4958;
 }
 .side-nav .accordion .accordion__heading.active .accordion__trigger {
-  background-color: #447766, 7%;
+  background-color: #476, 7%;
 }
 .side-nav .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav .accordion .accordion__heading.active .accordion__trigger:focus {
   background-color: #376053 !important;
 }
 
+.side-nav.section-understated .accordion .accordion__heading .accordion__trigger {
+  color: #4a4958;
+}
+.side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger {
+  background-color: #476 !important;
+}
+.side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:focus {
+  background-color: #376053 !important;
+}
+
 .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger {
   color: #4a4958 !important;
   background-color: #fafafa !important;
@@ -3604,16 +3623,6 @@ cagov-accordion.sidenav details summary.active:before {
   background-color: #ededef !important;
 }
 
-.side-nav.section-understated .accordion .accordion__heading .accordion__trigger {
-  color: #4a4958;
-}
-.side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger {
-  background-color: #447766 !important;
-}
-.side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:focus {
-  background-color: #376053 !important;
-}
-
 /* -----------------------------------------
    ALERT
    /source/scss/colortheme/cs-alert.scss
@@ -3707,8 +3716,8 @@ cagov-accordion.sidenav details summary.active:before {
    /source/scss/colortheme/cs-link-grid.scss
 ----------------------------------------- */
 .link-grid {
-  color: #447766;
-  border-bottom: 4px solid #447766;
+  color: #476;
+  border-bottom: 4px solid #476;
 }
 .link-grid:hover, .link-grid:focus {
   color: #376053;
@@ -3726,13 +3735,13 @@ cagov-accordion.sidenav details summary.active:before {
    /source/scss/colortheme/cs-blockquote.scss
 ----------------------------------------- */
 blockquote {
-  border-color: #447766;
+  border-color: #476;
 }
 blockquote::before {
-  color: #447766;
+  color: #476;
 }
 blockquote.prominent {
-  background-color: #447766;
+  background-color: #476;
   color: #fff;
 }
 blockquote.prominent::before {
@@ -3772,41 +3781,35 @@ blockquote.prominent footer {
   background: #e8f1ee;
   color: #000;
 }
-.utility-header .social-media-links a {
+.utility-header a {
   color: #000;
-  text-decoration: none;
 }
-.utility-header .social-media-links a:hover, .utility-header .social-media-links a:focus {
+.utility-header a:hover, .utility-header a:focus, .utility-header a.hovered {
   color: #4a4958;
 }
-.utility-header .settings-links button {
+.utility-header .social-media-links a {
   color: #000;
+  text-decoration: none;
 }
-.utility-header .settings-links button:hover, .utility-header .settings-links button:focus {
+.utility-header .social-media-links a:hover, .utility-header .social-media-links a:focus {
   color: #4a4958;
 }
-.utility-header a {
+.utility-header button {
   color: #000;
 }
-.utility-header a:hover, .utility-header a:focus, .utility-header a.hovered {
+.utility-header button:hover, .utility-header button:focus {
   color: #4a4958;
 }
 .utility-header ul li {
   padding: 0 8px;
 }
-.utility-header ul li button {
-  color: #000;
-}
-.utility-header ul li button:hover, .utility-header ul li button:focus {
-  color: #4a4958;
-}
 
 /* -----------------------------------------
    SITE HEADER
    /source/scss/colortheme/cs-site-header.scss
 ----------------------------------------- */
 .toggle-menu span {
-  background-color: #447766;
+  background-color: #476;
 }
 
 .mobile-controls {
@@ -3821,92 +3824,10 @@ blockquote.prominent footer {
   text-decoration: none;
 }
 .mobile-control.toggle-sub-nav {
-  color: #447766;
+  color: #476;
   background-color: #e8f1ee;
 }
 .mobile-control.toggle-sub-nav:hover, .mobile-control.toggle-sub-nav:focus {
   outline: none;
   background-color: #eef5f3;
 }
-
-/* -----------------------------------------
-   HIGH CONTRAST MODE
-   /source/scss/colortheme/cs-high-contrast.scss
------------------------------------------ */
-html.high-contrast {
-  /* General Reset */
-  /* Additional custom overrides */
-}
-html.high-contrast * {
-  background-color: #000 !important;
-  background-image: none !important;
-  border-color: #ffd600 !important;
-  box-shadow: none !important;
-  color: #ffd600 !important;
-  text-shadow: none !important;
-}
-html.high-contrast .gauge-detail,
-html.high-contrast .gauge-number,
-html.high-contrast .percent-detail {
-  background: none !important;
-}
-html.high-contrast .service-tile .teaser:before {
-  border: none !important;
-}
-html.high-contrast .enableHighContrastMode.active,
-html.high-contrast .disableHighContrastMode.active {
-  background: #ffd600 !important;
-  color: #000 !important;
-}
-html.high-contrast .close {
-  opacity: 1;
-}
-html.high-contrast input[type=checkbox]:checked + i,
-html.high-contrast input[type=radio]:checked + i,
-html.high-contrast input[type=checkbox]:checked + * i,
-html.high-contrast input[type=radio]:checked + * i {
-  color: #000 !important;
-  background-color: #ffd600 !important;
-  border-color: #ffd600;
-}
-html.high-contrast .bg-primary--checked.checked,
-html.high-contrast .checked .bg-primary--checked {
-  background-color: #ffd600 !important;
-}
-html.high-contrast .check-icon-checkbox {
-  color: #000 !important;
-  border-color: #ffd600 !important;
-}
-html.high-contrast .check-icon-checkbox i {
-  color: #000 !important;
-}
-html.high-contrast .select {
-  border: 1px solid #ffd600 !important;
-}
-html.high-contrast .select::after {
-  border-left: 1px solid #ffd600 !important;
-  background: #000 !important;
-}
-html.high-contrast .check {
-  border: 1px solid #ffd600 !important;
-}
-html.high-contrast input[type=checkbox]:checked + .bg-primary--checked,
-html.high-contrast input[type=radio]:checked + .bg-primary--checked,
-html.high-contrast input[type=checkbox]:checked + * .bg-primary--checked,
-html.high-contrast input[type=radio]:checked + * .bg-primary--checked {
-  background-color: #ffd600 !important;
-  color: #000 !important;
-}
-html.high-contrast input[type=checkbox]:checked + .bg-highlight--checked,
-html.high-contrast input[type=radio]:checked + .bg-highlight--checked,
-html.high-contrast input[type=checkbox]:checked + * .bg-highlight--checked,
-html.high-contrast input[type=radio]:checked + * .bg-highlight--checked {
-  background-color: #ffd600 !important;
-  color: #000 !important;
-}
-html.high-contrast input[type=checkbox]:checked + .color-white--checked,
-html.high-contrast input[type=radio]:checked + .color-white--checked,
-html.high-contrast input[type=checkbox]:checked + * .color-white--checked,
-html.high-contrast input[type=radio]:checked + * .color-white--checked {
-  color: #000 !important;
-}