@cagovweb/state-template 6.3.0-beta.1 → 6.3.0-beta.3

package/dist/css/cagov.core.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*! State Web Template Version 6.3.0-beta.1 */
+/*! State Web Template Version 6.3.0-beta.3 */
 /*!
  * Bootstrap  v5.3.0 (https://getbootstrap.com/)
  * Copyright 2011-2023 The Bootstrap Authors
@@ -11909,36 +11909,36 @@ textarea.form-control-lg {
 ----------------------------------------- */
 :root {
   --color-p1: #fdb81e;
-  --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
-  --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
-  --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 60%);
-  --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
-  --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
-  --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
+  --color-p1-dark: #fdb20a;
+  --color-p1-darker: #f5aa02;
+  --color-p1-darkest: #d29102;
+  --color-p1-light: #fdc64b;
+  --color-p1-lighter: #fed478;
+  --color-p1-lightest: #fee3a5;
   --color-p2: #046b99;
-  --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
-  --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
-  --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
-  --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
-  --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
-  --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
+  --color-p2-dark: #035d85;
+  --color-p2-darker: #035376;
+  --color-p2-darkest: #023a53;
+  --color-p2-light: #3689ad;
+  --color-p2-lighter: #68a6c2;
+  --color-p2-lightest: #9bc4d6;
   --color-p3: #323a45;
-  --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
-  --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
-  --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
-  --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
-  --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
-  --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
+  --color-p3-dark: #293039;
+  --color-p3-darker: #232930;
+  --color-p3-darkest: #14171c;
+  --color-p3-light: #5b616a;
+  --color-p3-lighter: #84898f;
+  --color-p3-lightest: #adb0b5;
   --color-s1: #eef8fb;
-  --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);
-  --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
+  --color-s1-darker: #e2f3f8;
+  --color-s1-lighter: #f7fcfd;
   --color-s2: #87b8ce;
-  --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
-  --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
+  --color-s2-dark: #6ea9c4;
+  --color-s2-darker: #549ab9;
   --color-s3: #4993b5;
-  --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
-  --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
-  --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
+  --color-s3-dark: #3f7e9c;
+  --color-s3-light: #92bed3;
+  --color-s3-lighter: #b6d4e1;
   --sub-nav-bg: var(--color-s1-lighter);
   --mobile-drawer: var(--color-p2-darker);
   --mobile-drawer-active: var(--color-p2);
@@ -14187,9 +14187,7 @@ textarea.form-control-lg {
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 body {
-  font-family: "Public Sans", sans-serif;
-  font-size: 1.125rem;
-  line-height: 1.5;
+  font: 1.125rem/1.5 "Public Sans", sans-serif;
   color: var(--gray-900, #3b3a48);
   overflow-y: scroll;
 }
@@ -14570,40 +14568,49 @@ a.list-group-item {
 }
 
 /* Facebook */
-.ca-gov-icon-share-facebook {
-  color: #3c5a99 !important;
+.ca-gov-icon-share-facebook,
+.socialsharer-container .ca-gov-icon-facebook {
+  color: #3d77ea;
 }
-.ca-gov-icon-share-facebook:hover, .ca-gov-icon-share-facebook:focus {
-  color: #2e4474;
+.ca-gov-icon-share-facebook:hover, .ca-gov-icon-share-facebook:focus,
+.socialsharer-container .ca-gov-icon-facebook:hover,
+.socialsharer-container .ca-gov-icon-facebook:focus {
+  color: #185adc;
 }
 
 /* Twitter */
-.ca-gov-icon-share-twitter {
-  color: #2aa9e0 !important;
+.ca-gov-icon-share-twitter,
+.socialsharer-container .ca-gov-icon-twitter {
+  color: #000;
 }
-.ca-gov-icon-share-twitter:hover, .ca-gov-icon-share-twitter:focus {
-  color: #1b8bbc;
+.ca-gov-icon-share-twitter:hover, .ca-gov-icon-share-twitter:focus,
+.socialsharer-container .ca-gov-icon-twitter:hover,
+.socialsharer-container .ca-gov-icon-twitter:focus {
+  color: black;
 }
 
 /* snapchat */
 .ca-gov-icon-share-snapchat {
-  color: #fffc00 !important;
+  color: #fffc00;
 }
 .ca-gov-icon-share-snapchat:hover, .ca-gov-icon-share-snapchat:focus {
   color: #ccca00;
 }
 
 /* youtube */
-.ca-gov-icon-share-youtube {
-  color: #b31217 !important;
+.ca-gov-icon-share-youtube,
+.socialsharer-container .ca-gov-icon-youtube {
+  color: #e73323;
 }
-.ca-gov-icon-share-youtube:hover, .ca-gov-icon-share-youtube:focus {
-  color: #850d11;
+.ca-gov-icon-share-youtube:hover, .ca-gov-icon-share-youtube:focus,
+.socialsharer-container .ca-gov-icon-youtube:hover,
+.socialsharer-container .ca-gov-icon-youtube:focus {
+  color: #c22315;
 }
 
 /* GooglePlus */
 .ca-gov-icon-share-googleplus {
-  color: #dc4a38 !important;
+  color: #dc4a38;
 }
 .ca-gov-icon-share-googleplus:hover, .ca-gov-icon-share-googleplus:focus {
   color: #bf3322;
@@ -14611,7 +14618,7 @@ a.list-group-item {
 
 /* Flickr */
 .ca-gov-icon-share-flickr {
-  color: #0063dc !important;
+  color: #0063dc;
 }
 .ca-gov-icon-share-flickr:hover, .ca-gov-icon-share-flickr:focus {
   color: #004ca9;
@@ -14619,23 +14626,26 @@ a.list-group-item {
 
 /* linkedin */
 .ca-gov-icon-share-linkedin {
-  color: #0976b4 !important;
+  color: #0976b4;
 }
 .ca-gov-icon-share-linkedin:hover, .ca-gov-icon-share-linkedin:focus {
   color: #075683;
 }
 
 /* instagram */
-.ca-gov-icon-share-instagram {
-  color: #c13584 !important;
+.ca-gov-icon-share-instagram,
+.socialsharer-container .ca-gov-icon-instagram {
+  color: #e73476;
 }
-.ca-gov-icon-share-instagram:hover, .ca-gov-icon-share-instagram:focus {
-  color: #992a69;
+.ca-gov-icon-share-instagram:hover, .ca-gov-icon-share-instagram:focus,
+.socialsharer-container .ca-gov-icon-instagram:hover,
+.socialsharer-container .ca-gov-icon-instagram:focus {
+  color: #cf195c;
 }
 
 /* pinterest */
 .ca-gov-icon-share-pinterest {
-  color: #cc2127 !important;
+  color: #cc2127;
 }
 .ca-gov-icon-share-pinterest:hover, .ca-gov-icon-share-pinterest:focus {
   color: #a01a1f;
@@ -14643,16 +14653,24 @@ a.list-group-item {
 
 /* vimeo */
 .ca-gov-icon-share-vimeo {
-  color: #1ab7ea !important;
+  color: #1ab7ea;
 }
 .ca-gov-icon-share-vimeo:hover, .ca-gov-icon-share-vimeo:focus {
   color: #1295bf;
 }
 
+/* Github */
+.socialsharer-container .ca-gov-icon-github {
+  color: #25292e;
+}
+.socialsharer-container .ca-gov-icon-github:hover, .socialsharer-container .ca-gov-icon-github:focus {
+  color: #0e1012;
+}
+
 /* Email */
 .ca-gov-icon-share-email {
   /* "Blue a v". Licensed under Public domain via Wikimedia Commons - http://commons.wikimedia.org/wiki/File:Blue_a_v.svg#mediaviewer/File:Blue_a_v.svg */
-  color: #888 !important;
+  color: #888;
 }
 .ca-gov-icon-share-email:hover, .ca-gov-icon-share-email:focus {
   color: #6f6f6f;
@@ -14803,10 +14821,8 @@ a.list-group-item {
 /* .container custom width  */
 .container {
   width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  margin: 0 auto;
+  padding: 0 1rem;
 }
 @media (min-width: 576px) {
   .container {
@@ -14975,10 +14991,8 @@ a.list-group-item {
 .main-content > .section,
 .two-column .main-content > .section {
   width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  margin: 0 auto;
+  padding: 0 1rem;
 }
 @media (min-width: 576px) {
   .main-content > .section,
@@ -15242,10 +15256,8 @@ h2, .h2 {
 ----------------------------------------- */
 .branding {
   width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  margin: 0 auto;
+  padding: 0 1rem;
   padding-left: 0;
   padding-right: 0;
   position: relative;
@@ -15335,8 +15347,7 @@ h2, .h2 {
   padding-left: 5px;
 }
 .branding .header-organization-banner a .logo-assets .logo-text .logo-state {
-  font-size: 1rem;
-  font-family: "Public Sans", sans-serif;
+  font: 1rem "Public Sans", sans-serif;
   margin: 0;
   padding: 0;
   color: var(--gray-900, #3b3a48);
@@ -15351,9 +15362,7 @@ h2, .h2 {
   }
 }
 .branding .header-organization-banner a .logo-assets .logo-text .logo-dept {
-  font-size: 1.75rem;
-  font-family: "Public Sans", sans-serif;
-  font-weight: 700;
+  font: 700 1.75rem "Public Sans", sans-serif;
   margin: 0;
   padding: 0;
   color: var(--color-p3, #323a45);
@@ -15666,8 +15675,8 @@ input[type=search].search-textfield {
   border-radius: 5px 0 0 5px;
 }
 @media (max-width: 991px) {
-  input[type=search].search-textfield {
-    border-color: var(--white, #fff) !important;
+  .search-container input[type=search].search-textfield {
+    border-color: var(--white, #fff);
   }
 }
 
@@ -15906,8 +15915,7 @@ input[type=search].search-textfield {
 }
 @media (max-width: 991px) {
   .search-container.featured-search {
-    padding-right: 1rem;
-    padding-left: 1rem;
+    padding: 0 1rem;
     max-height: 100%;
   }
 }
@@ -16224,7 +16232,6 @@ table.gsc-search-box td {
     width: 32%;
   }
   .full-width-nav .featured-search input.search-textfield {
-    border-radius: 5px 0 0 5px;
     padding: 0 8px;
   }
   /* full width featured search hack for IE */
@@ -16417,8 +16424,7 @@ input[type=search]::-webkit-search-results-decoration {
 .navigation-search {
   border: none;
   position: relative;
-  padding-left: 0;
-  padding-right: 0;
+  padding: 0;
   z-index: 26;
 }
 @media (max-width: 991px) {
@@ -16442,13 +16448,12 @@ input[type=search]::-webkit-search-results-decoration {
 
 .main-navigation {
   width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  margin: 0 auto;
+  padding: 0 1rem;
   position: relative;
   margin-top: -82px;
   padding-left: 80px;
+  display: flex;
 }
 @media (min-width: 576px) {
   .main-navigation {
@@ -16890,8 +16895,7 @@ input[type=search]::-webkit-search-results-decoration {
     color: var(--white, #fff);
     display: block;
     padding: 1rem 0 1rem 1rem;
-    margin-right: 2px;
-    margin-left: 2px;
+    margin: 0 2px;
     text-decoration: none;
   }
   .top-level-nav .nav-item .first-level-link span[class^=ca-gov-icon]:not(.carrot),
@@ -16950,9 +16954,7 @@ input[type=search]::-webkit-search-results-decoration {
   .top-level-nav .nav-item .sub-nav .second-level-link.active:hover, .top-level-nav .nav-item .sub-nav .second-level-link.active:focus {
     background-color: var(--mobile-drawer, #214a68);
   }
-  .nav-item .sub-nav.secondary-open {
-    display: block;
-  }
+  .nav-item .sub-nav.secondary-open,
   .nav-item.focus .sub-nav {
     display: block;
   }
@@ -17001,10 +17003,7 @@ input[type=search]::-webkit-search-results-decoration {
     padding-left: 350px;
   }
 }
-.nav-item .toggle-sub-nav.closed .ca-gov-icon-menu-toggle-open {
-  display: none;
-}
-.nav-item .toggle-sub-nav.open .ca-gov-icon-menu-toggle-closed {
+.nav-item .toggle-sub-nav.closed .ca-gov-icon-menu-toggle-open, .nav-item .toggle-sub-nav.open .ca-gov-icon-menu-toggle-closed {
   display: none;
 }
 @media (min-width: 992px) {
@@ -17626,8 +17625,7 @@ header.nav-overlay::after {
   color: var(--white, #fff);
   min-width: 2.5rem;
   min-height: 2.5rem;
-  margin-top: 1.3rem;
-  margin-left: auto;
+  margin: 1.3rem 0 0 auto;
 }
 .toggle-menu span {
   height: 2px;
@@ -17703,13 +17701,10 @@ header.nav-overlay::after {
   color: var(--gray-600, #72717c);
   background: var(--white, #fff);
   top: 0;
-  padding-right: 0;
   height: 0;
   width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  margin: 0 auto;
+  padding: 0 1rem;
 }
 @media (min-width: 576px) {
   .mobile-controls {
@@ -18029,8 +18024,7 @@ header.nav-overlay::after {
   padding-top: 0;
 }
 .utility-header .flex-row .social-media-links .official-tag {
-  margin: 0;
-  margin-right: 1rem;
+  margin: 0 1rem 0 0;
   font-size: 0.95rem;
 }
 @media (max-width: 767px) {
@@ -26377,8 +26371,7 @@ a.sidenav.back::after {
   border-radius: 5px;
   font-size: 1.4rem;
   font-weight: 700;
-  padding: 1rem;
-  padding-right: 2.25rem;
+  padding: 1rem 2.25rem 1rem 1rem;
   position: relative;
   text-decoration: none !important;
   height: 100%;