@civicactions/cmsds-open-data-components 3.0.0-alpha.2 → 3.0.0-alpha.21

package/README.md

@@ -0,0 +1,20 @@
+# cmsds-open-data-components
+
+This repo acts as an upstream common react library for CMS Open Data sites. This library is powered by [Parcel](https://parceljs.org/).
+
+## Local Development
+
+For local development, we recommend using [npm workspaces](https://docs.npmjs.com/cli/v7/using-npm/workspaces).
+Once you have a workspace directory, install this library inside your workspace along any Open Data downstream sites you wish to work on.
+
+In the root folder for this project, run `npm run watch` to build local code. Ensure the upstream is using the same version number located in package.json of this repo. Start the upstream site locally as well, and it should load local code from this repo as the dependency. Parcel also provides hot rebuilding while `watch` is running.
+
+## Publishing new versions
+
+Run ```npm run build``` to create a production version of the library before publishing to npm.
+Run ```npm publish``` to publish to npm
+
+## Testing
+
+Jest tests can be run using:
+```npm run test```

package/dist/main.css

@@ -1,50 +1,135 @@
 nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
-  border-bottom: 2px solid var(--color-primary-alt-light);
+  border-bottom: 2px solid var(--color-primary-light);
 }
 
-.dc-dataset-searchlist-item h2 a {
-  text-decoration: none;
+.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
+  font-weight: bold !important;
 }
 
-.dc-dataset-searchlist-item h2 a:hover {
-  text-decoration: underline;
+:root {
+  --su-color--blue-dark: #036;
+  --su-color--brown: #884c00;
+  --su-color--green-dark: #007641;
+  --su-color--green-muted: #277564;
+  --su-color--orange-dark: #d10000;
+  --su-color--orange-light: #d100001a;
+  --su-color--red-dark: #970000;
+  --su-color--red-light: #d300001a;
+  --su-color--red: #d30000;
 }
 
-.dc-dataset-searchlist-item ul {
-  list-style: none;
+.swagger-ui.swagger-ui .opblock .opblock-summary-method {
+  color: #333;
 }
 
-.dc-dataset-searchlist-item .dc-dataset-searchlist-item--keyword {
-  background: var(--color-primary-alt-lightest);
-  color: var(--color-base);
-  border: none;
+.swagger-ui.swagger-ui .opblock.opblock-delete {
+  background-color: var(--su-color--red-light);
+  border-color: var(--su-color--red);
 }
 
-.dc-dataset-search--facets-container .ds-c-accordion__content {
-  max-height: 32rem;
+.swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
+  color: #fff;
+  background-color: var(--su-color--red-dark);
 }
 
-.dc-dataset-search--facets {
-  max-height: 32rem;
+.swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
+  background-color: var(--su-color--brown);
+  color: #fff;
+}
+
+.swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
+  color: var(--su-color--red);
+}
+
+.swagger-ui.swagger-ui .btn.cancel {
+  border-color: var(--su-color--red);
+  color: var(--su-color--red);
+}
+
+.swagger-ui.swagger-ui .btn.authorize {
+  border-color: var(--su-color--green-muted);
+  background-color: var(--su-color--green-muted);
+}
+
+.swagger-ui.swagger-ui .btn.execute {
+  background-color: var(--su-color--blue-dark);
+}
+
+.swagger-ui.swagger-ui .info .title small {
+  background-color: #666;
+}
+
+.swagger-ui.swagger-ui .info .title small.version-stamp {
+  background-color: #005830;
+}
+
+.swagger-ui.swagger-ui .info a {
+  color: #036;
+}
+
+.dc-c-search-list-item, .dc-c-search-list-item li {
   list-style: none;
-  display: block;
+}
+
+.dc-c-search-list-item li a, .dc-c-search-list-item li button {
+  text-decoration: underline !important;
+}
+
+.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
+  fill: var(--link__color);
+}
+
+.dc-c-search-list-item svg {
+  margin-right: 8px;
+}
+
+.dc-c-search-list-item span > span > button {
+  padding: 0 !important;
+  font-weight: normal !important;
+}
+
+.dc-c-search-list-item a:visited svg {
+  fill: var(--link__color--visited);
+}
+
+.dkan-dataset-search {
   position: relative;
 }
 
-.dc-dataset-search-list {
-  list-style: none;
+.dkan-dataset-search input {
+  min-width: 100%;
 }
 
-.dc-c-clear-filters {
-  font-weight: 300;
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
 }
 
-.dc-fulltext--input-container {
+.dkan-dataset-search .ds-c-field__before {
+  top: 12px;
+  left: 16px;
+}
+
+.dkan-dataset-search--facet-container ul {
+  padding-left: 0;
+  list-style: none;
+}
+
+.dkan-dataset-search--clear-all-filters {
   width: 100%;
 }
 
-.dc-fulltext--input-container input {
-  max-width: inherit;
+.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
+  fill: var(--link__color);
+}
+
+.dc-c-search-list-item li a:visited svg {
+  fill: var(--link__color--visited);
+}
+
+.dc-dataset-search-list {
+  list-style: none;
 }
 
 .dc-search-header {
@@ -53,7 +138,7 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 
 .dc-search-header:after {
   content: "";
-  background-color: var(--color-primary-alt-light);
+  background-color: var(--color-primary-light);
   width: 48px;
   height: 4px;
   margin: 16px 0;
@@ -64,16 +149,33 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
   font-weight: bold;
 }
 
-.dc-dataset-search--facets-container .ds-c-accordion__button {
-  justify-content: space-between;
-  padding: 16px 24px;
-  display: flex;
+.dkan-dataset-search--facet-container .ds-c-accordion__content {
+  max-height: 32rem;
 }
 
 .dc-dataset-search--clear-all-filters {
   width: 100%;
 }
 
+.dkan-dataset-search {
+  position: relative;
+}
+
+.dkan-dataset-search input {
+  min-width: 100%;
+}
+
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
+}
+
+.dkan-dataset-search .ds-c-field__before {
+  top: 12px;
+  left: 16px;
+}
+
 .dc-c-datatable {
   border-spacing: 0;
   width: 100%;
@@ -153,11 +255,6 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
   content: "";
 }
 
-.dc-c-dataset-tags--tag {
-  background: var(--color-primary-alt-lightest);
-  display: inline-block;
-}
-
 .dc-c-additional-info-table table {
   width: 100%;
 }
@@ -171,13 +268,9 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
   overflow-wrap: anywhere;
 }
 
-.dc-c-resource-info-table table {
-  width: 100%;
-}
-
 .dc-resource-header:before {
   content: "";
-  background-color: var(--color-primary-alt-light);
+  background-color: var(--color-primary-light);
   width: 48px;
   height: 4px;
   margin: 8px 0;
@@ -195,6 +288,22 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
   white-space: pre-line;
 }
 
+.dc-dataset .ds-c-tabs .ds-c-tabs__item {
+  text-decoration: none;
+}
+
+.dc-dataset .ds-c-tabs .ds-c-tabs__item[aria-selected="true"] svg {
+  fill: var(--link__color);
+}
+
+.dc-dataset .ds-c-tabs svg {
+  margin-right: 8px;
+}
+
+#main-content {
+  overflow: visible;
+}
+
 .dc-c-mobile-header--menu :focus {
   box-shadow: 0 0 0 3px #0000, 0 0 4px 6px #0000;
 }
@@ -289,7 +398,7 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 }
 
 .dc-c-cms-mobile-header-menu:before {
-  background: var(--color-primary-alt-light);
+  background: var(--color-primary-light);
   content: "";
   width: 48px;
   height: 2px;
@@ -313,7 +422,7 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
 }
 
 .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:active {
-  border-bottom: 2px solid var(--color-primary-alt-light);
+  border-bottom: 2px solid var(--color-primary-light);
 }
 
 .has-submenu > button:after {
@@ -488,7 +597,7 @@ nav.dc-c-site-menu .dc-c-header--links a span {
 }
 
 nav.dc-c-site-menu .dc-c-header--links > li:hover > button span, nav.dc-c-site-menu .dc-c-header--links > li button:focus span, nav.dc-c-site-menu .dc-c-header--links > li button:hover span, nav.dc-c-site-menu .dc-c-header--links > li:hover > a span, nav.dc-c-site-menu .dc-c-header--links > li:focus > a span, nav.dc-c-site-menu .dc-c-header--links > li a:hover span, nav.dc-c-site-menu .dc-c-header--links > li a:focus span {
-  border-bottom: 2px solid var(--color-primary-alt-lightest);
+  border-bottom: 2px solid var(--color-primary-lightest);
 }
 
 nav.dc-c-site-menu .dc-c-header--links a:focus, .dc-c-site-title a:focus {
@@ -531,7 +640,7 @@ li.has-submenu {
 }
 
 .dc-c-site-menu--sub-menu a:hover span, .dc-c-site-menu--sub-menu a:focus span {
-  border-bottom: 2px solid var(--color-primary-alt-light);
+  border-bottom: 2px solid var(--color-primary-light);
 }
 
 .dc-c-site-title a {
@@ -547,6 +656,7 @@ li.has-submenu {
   color: var(--color-white);
   text-align: center;
   vertical-align: middle;
+  box-sizing: content-box;
   width: 18px;
   height: 18px;
   margin-left: 10px;
@@ -636,6 +746,10 @@ li.has-submenu {
   inset: 0;
 }
 
+.ds-c-button.display-settings-font {
+  font: inherit;
+}
+
 .dc-c-breadcrumb__list {
   margin-top: 0;
   margin-bottom: 0;
@@ -670,6 +784,10 @@ li.has-submenu {
   display: inline;
 }
 
+.dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {
+  overflow: visible;
+}
+
 .dc-c-resource-action {
   min-height: 100%;
 }

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;ACCE;;;;AAEE;;;;AAKF;;;;AAIA;;;;;;ACZF;;;;AAIA;;;;;;;ACJA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAKF;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;;;AAMA;;;;ACrCA;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;AAYE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;AAKE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC5EA;;;;;ACCE;;;;AAKF;;;;AAIA;;;;;ACTE;;;;ACAA;;;;;;;;;AAUF;;;;;;;AAOA;;;;ACjBE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;AASA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;ACnVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/NavLink/NavLink.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetTags/dataset-tags.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/ResourceInformation/resource-information-table.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n  border-bottom: 2px solid #{var(--color-primary-alt-light)};\n}",".dc-dataset-searchlist-item {\n  h2 a {\n    text-decoration: none;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  ul {\n    list-style: none;\n  }\n\n  .dc-dataset-searchlist-item--keyword {\n    background: #{var(--color-primary-alt-lightest)};\n    border: none;\n    color: #{var(--color-base)};\n  }\n}\n",".dc-dataset-search--facets-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--facets {\n  display: block;\n  list-style: none;\n  position: relative;\n  max-height: 32rem;\n}\n",".dc-dataset-search-list {\n  list-style: none;\n}\n\n.dc-c-clear-filters {\n  font-weight: 300;\n}\n\n.dc-fulltext--input-container {\n  width: 100%;\n  input {\n    max-width: inherit;\n  }\n}\n\n.dc-search-header {\n  display: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 16px 0;\n    background-color: #{var(--color-primary-alt-light)};\n  }\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dc-dataset-search--facets-container .ds-c-accordion__button {\n  display: flex;\n  justify-content: space-between;\n  padding: 16px 24px 16px 24px;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}",".dc-c-datatable {\n  width: 100%;\n  border-spacing: 0px;\n  th {\n    position: relative;\n    text-align: left;\n  }\n  thead th div {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n}\n\n.dc-thead--fixed-size th {\n  border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n  border-left: none;\n}\n\n.dc-thead--resizeable {\n  .dc-c-resize-handle {\n    top: 0;\n    bottom: 0;\n    right: 0;\n    position: absolute;\n    background-color: #{var(--color-gray-light)};\n    width: 10px;\n    cursor: col-resize;\n    min-width: 10px;\n    display: block;\n    margin-left: -10px;\n    z-index: 1;\n    &.isResizing,\n    &:hover {\n      background-color: #{var(--color-primary)};\n    }\n  }\n}\n\n.dc-thead--truncated {\n  th span {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: inline-block;\n  }\n}\n\n.dc-c-datatable--even-row td {\n  background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n  padding-left: 8px;\n  padding-right: 16px;\n  &::after {\n    font-family: 'Font Awesome 5 Pro';\n    display: inline;\n    padding-left: 8px;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n  }\n}\n\n.dc-c-sort--default::after {\n  content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n  content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n  content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n//   .resizer {\n//     opacity: 0;\n//   }\n\n//   *:hover > .resizer {\n//     opacity: 1;\n//   }\n// }",".dc-c-dataset-tags--tag {\n  display: inline-block;\n  background: #{var(--color-primary-alt-lightest)};\n}\n",".dc-c-additional-info-table {\n  table {\n    width: 100%;\n  }\n}\n\n.dc-c-additional-info-table a {\n  word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n",".dc-c-resource-info-table {\n  table {\n    width: 100%;\n  }\n}\n",".dc-resource-header {\n  &::before {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 8px 0;\n    background-color: #{var(--color-primary-alt-light)};\n  }\n}\n\n.dc-truncate {\n  max-width: 85%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n  white-space: pre-line;\n}\n",".dc-c-mobile-header--menu {\n  :focus {\n    box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n  }\n  :focus-visible {\n    // Copy styling from DS items with focus\n    background-color: #0000;\n    border-radius: var(--button__border-radius);\n    box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n    outline: 3px solid #0000;\n    outline-offset: 3px;\n  }\n}\n",".ds-c-usa-banner__button-text {\n  &::after {\n    width: 0 !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n.dc-c-mobile-menu--open {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  &::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f0c9';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-menu--close {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  padding-left: 0;\n  padding-bottom: 16px;\n  &::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f00d';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-header--menu {\n  position: fixed;\n  background-color: #{var(--color-gray-dark)};\n  top: 0;\n  bottom: 0;\n  left: -100%;\n  z-index: 500;\n  height: 100%;\n  width: 100%;\n  transition: left 0.7s;\n  padding: 50px 0;\n  visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n  position: relative;\n  background: transparent;\n  top: -24px;\n  width: auto;\n  left: auto;\n  a {\n    padding: 8px;\n  }\n}\n\n.dc-c-cmsheader {\n  position: relative;\n  background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n  &::before {\n    display: block;\n    margin-left: 8px;\n    margin-bottom: 16px;\n    width: 48px;\n    height: 2px;\n    background: #{var(--color-primary-alt-light)};\n    content: '';\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  a,\n  a:hover,\n  a:focus,\n  a:visited {\n    background-color: transparent;\n    display: inline-block;\n    color: #{var(--color-white)};\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #{var(--color-primary-alt-light)};\n  }\n}\n.has-submenu > button::after {\n  font-family: 'Font Awesome 5 Pro';\n  content: '\\f105';\n  color: #{var(--color-white)};\n  font-size: 18px;\n  padding-right: 10px;\n  display: inline-block;\n  line-height: 18px;\n  height: 18px;\n  width: 18px;\n  margin-left: 10px;\n  text-align: center;\n  vertical-align: middle;\n  font-weight: lighter;\n}\n.has-submenu.open > button::after {\n  content: '\\f107';\n}\n.dc-c-header--mobile-links {\n  button {\n    padding: 0;\n    font-weight: 700;\n  }\n  a {\n    display: block;\n  }\n}\n\n.dc-c-mobile-header.menu-open {\n  .dc-c-cmsheader {\n    z-index: 501;\n    background-color: transparent;\n  }\n  .dc-c-cmsheader-menu a,\n  button {\n    color: #{var(--color-white)};\n  }\n  .cms-link-container a::before {\n    color: #{var(--color-white)};\n  }\n  .dc-c-mobile-header--menu {\n    left: 0;\n    visibility: visible;\n  }\n}\n\n.cms-link-container {\n  display: block;\n  margin-right: 20px;\n  // margin-top: -5px;\n  border-right: none;\n  a {\n    text-decoration: none;\n    border-bottom: none;\n\n    margin-right: 20px;\n    display: inline-block;\n  }\n  a::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f33e';\n    color: #323a45;\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n  img {\n    height: auto;\n    width: 90px;\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.cms-text-container {\n  display: block;\n  padding-top: 28px;\n  color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n  padding: 0;\n  margin: 0;\n  li {\n    list-style: none;\n  }\n  a {\n    margin: 3px 7px;\n    padding: 0;\n    color: #323a45;\n    text-decoration: none;\n    border-bottom: 1px solid;\n    border-bottom-color: #eee;\n    border-bottom-color: rgba(255, 255, 255, 0.2);\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #323a45;\n  }\n}\n\n@media (min-width: 544px) {\n  .dc-c-main-navigation--search,\n  .dc-c-mobile-menu--search {\n    border-left: 1px solid #{var(--color-white)};\n  }\n}\n\n@media (min-width: 1024px) {\n  .cms-link-container {\n    height: 85px;\n    width: 240px;\n    float: left;\n    border-right: 1px solid #d6d7d9;\n    a {\n      margin-top: 28px;\n      margin-bottom: 20px;\n    }\n    img {\n      height: auto;\n      width: auto;\n      display: inline-block;\n      vertical-align: middle;\n      max-width: 80%;\n    }\n    a::before {\n      font-size: 28px;\n      line-height: 28px;\n      width: 28px;\n      height: 28px;\n      margin-left: 0;\n    }\n  }\n}\n\n\nnav.dc-c-site-menu {\n  .dc-c-header--links {\n    padding: 0;\n    margin: 0;\n    li {\n      list-style: none;\n      height: 100%;\n    }\n    button {\n      // color: #{var(--color-white)};\n      text-decoration: none;\n      font-size: 16px;\n      border: none;\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    a {\n      text-decoration: none;\n      padding: #{var(--space, 8px 24px)};\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    > li:hover > button span,\n    > li button:focus span,\n    > li button:hover span,\n    > li:hover > a span,\n    > li:focus > a span,\n    > li a:hover span,\n    > li a:focus span {\n      border-bottom: 2px solid #{var(--color-primary-alt-lightest)};\n    }\n  }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n  background-color: transparent;\n  outline: 3px solid transparent;\n  box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n  outline-offset: 3px;\n  border-radius: #{var(--button__border-radius)};\n}\n\nnav > ul li ul {\n  display: none;\n}\n\nnav > ul li.open ul {\n  display: block;\n}\nli.has-submenu {\n  position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n  background: #{var(--color-primary)};\n  position: absolute;\n  left: 0;\n  top: 48px;\n  margin: 0;\n  padding: 0;\n  width: 300px;\n  a {\n    display: block;\n    padding: 16px;\n    span {\n      border-bottom: 2px solid transparent;\n    }\n  }\n  a:hover span,\n  a:focus span {\n    border-bottom: 2px solid #{var(--color-primary-alt-light)};\n  }\n}\n\n.dc-c-site-title a {\n  text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n  display: inherit;\n}\n\n.dc-c-search-modal--button {\n  &::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f002';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n",".dc-c-footer {\n  background-color: white;\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n}\n\n.dc-c-footer--middle-container {\n  background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n  font-weight: 400;\n  color: #{var(--color-gray)};\n  span {\n    font-weight: 700;\n  }\n}\n\n.dc-c-footer__resources {\n  background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n  background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n  list-style: none;\n}\n\n.dc-c-footer__cms-information {\n  background: #e8f0fa;\n}\n\n.dc-footer--heading {\n  text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n  background-image: linear-gradient(\n    35deg,\n    #{var(--color-primary-darkest)},\n    #{var(--color-primary-darker)},\n    #{var(--color-primary)}\n  );\n  color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n  width: 40px;\n  height: 40px;\n  font-size: 42px;\n  display: inline-block;\n  text-align: center;\n  position: relative;\n\n  svg.svg-inline--fa {\n    width: 1em;\n    height: 1em;\n  }\n\n  .fa-circle {\n    fill: #6f757c;\n  }\n\n  .fa-inverse {\n    font-size: 25px;\n    padding-left: 2px;\n    fill: #{var(--color-white)};\n  }\n}\n.svg-inline--fa {\n  bottom: 0;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n",".dc-c-breadcrumb__list {\n  margin-top: 0;\n  margin-bottom: 0;\n  list-style-type: none;\n  padding-left: 0;\n  > li {\n    margin-bottom: 0;\n    max-width: unset;\n    &::after {\n      font-family: 'Font Awesome 5 Pro';\n      content: '\\f054';\n      margin: 0 10px;\n      font-size: 10px;\n      font-weight: 600;\n    }\n    &:last-child {\n      &::after {\n        content: '';\n        margin: 0;\n      }\n    }\n  }\n  display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n  display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n  display: inline;\n}\n",".dc-c-resource-action {\n  min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n  align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n  .ds-c-help-drawer__footer {\n    h4 {\n      display: none;\n    }\n  }\n}\n\n.dc-c-resource-header--buttons {\n  display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"AAAA;;;;ACCA;;;;ACGA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;ACjFJ;;;;AAKI;;;;AAIA;;;;AAKF;;;;AAGA;;;;;AAIA;;;;ACrBF;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;AAOA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC9BA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;AAYE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;AAKE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC3EE;;;;AAKF;;;;AAIA;;;;;ACTE;;;;;;;;;AAUF;;;;;;;AAOA;;;;AAKE;;;;AAGI;;;;AAKJ;;;;AAKF;;;;ACnCE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;AASA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;ACnVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;ACAA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/NavLink/NavLink.scss","src/templates/APIPage/swagger.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n  border-bottom: 2px solid #{var(--color-primary-light)};\n}","// Swagger overrides\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n  font-weight: bold !important;\n}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n  //Colors\n  --su-color--blue-dark: rgb(0, 51, 102);\n  --su-color--brown: rgba(136, 76, 0, 1);\n  --su-color--green-dark: rgb(0, 118, 65);\n  --su-color--green-muted: rgb(39, 117, 100);\n  --su-color--orange-dark: rgb(209, 0, 0);\n  --su-color--orange-light: rgba(209, 0, 0, .1);\n  --su-color--red-dark: rgb(151, 0, 0);\n  --su-color--red-light: rgba(211, 0, 0, .1);\n  --su-color--red: rgb(211, 0, 0);\n}\n// State  `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n  .opblock {\n    .opblock-summary-method {\n      color: #333;\n    }\n\n    &.opblock-delete {\n      background-color: var(--su-color--red-light);\n      border-color: var(--su-color--red);\n\n      .opblock-summary-method {\n        color: white;\n\n        background-color: var(--su-color--red-dark);\n      }\n    }\n\n    &.opblock-put {\n      .opblock-summary-method {\n        background-color: var(--su-color--brown);\n        color: white;\n      }\n    }\n  }\n\n  .parameter__name {\n    &.required {\n      span {\n        color: var(--su-color--red);\n      }\n\n      &:after {\n        color: var(--su-color--red);\n      }\n    }\n  }\n\n  .btn {\n    &.cancel {\n      border-color: var(--su-color--red);\n      color: var(--su-color--red);\n    }\n\n    &.authorize {\n      border-color: var(--su-color--green-muted);\n      background-color: var(--su-color--green-muted);\n    }\n\n    &.execute {\n      background-color: var(--su-color--blue-dark)\n    }\n  }\n\n  .info {\n    .title {\n      small {\n        background-color: #666;\n\n        &.version-stamp {\n          background-color: #005830;\n        }\n      }\n    }\n\n    a {\n      color: #036;\n    }\n  }\n}\n",".dc-c-search-list-item {\n  list-style: none;\n  li {\n    list-style: none;\n\n    a,\n    button {\n      text-decoration: underline !important;\n    }\n    a svg,\n    span svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n  span > span > button {\n    font-weight: normal !important;\n    padding: 0 !important;\n  }\n  a:visited svg {\n    fill: #{var(--link__color--visited)};\n  }\n}",".dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n}\n\n.dkan-dataset-search--facet-container {\n  ul {\n    list-style: none;\n    padding-left: 0px;\n  }\n}\n\n.dkan-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n  fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n  fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n  list-style: none;\n}\n\n.dc-search-header {\n  display: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 16px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n}",".dc-c-datatable {\n  width: 100%;\n  border-spacing: 0px;\n  th {\n    position: relative;\n    text-align: left;\n  }\n  thead th div {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n}\n\n.dc-thead--fixed-size th {\n  border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n  border-left: none;\n}\n\n.dc-thead--resizeable {\n  .dc-c-resize-handle {\n    top: 0;\n    bottom: 0;\n    right: 0;\n    position: absolute;\n    background-color: #{var(--color-gray-light)};\n    width: 10px;\n    cursor: col-resize;\n    min-width: 10px;\n    display: block;\n    margin-left: -10px;\n    z-index: 1;\n    &.isResizing,\n    &:hover {\n      background-color: #{var(--color-primary)};\n    }\n  }\n}\n\n.dc-thead--truncated {\n  th span {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: inline-block;\n  }\n}\n\n.dc-c-datatable--even-row td {\n  background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n  padding-left: 8px;\n  padding-right: 16px;\n  &::after {\n    font-family: 'Font Awesome 5 Pro';\n    display: inline;\n    padding-left: 8px;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n  }\n}\n\n.dc-c-sort--default::after {\n  content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n  content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n  content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n//   .resizer {\n//     opacity: 0;\n//   }\n\n//   *:hover > .resizer {\n//     opacity: 1;\n//   }\n// }",".dc-c-additional-info-table {\n  table {\n    width: 100%;\n  }\n}\n\n.dc-c-additional-info-table a {\n  word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n",".dc-resource-header {\n  &::before {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 8px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dc-truncate {\n  max-width: 85%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n  white-space: pre-line;\n}\n\n.dc-dataset .ds-c-tabs {\n  .ds-c-tabs__item {\n    text-decoration:none;\n    &[aria-selected=true] {\n      svg {\n        fill: #{var(--link__color)};\n      }\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n}\n\n#main-content {\n  overflow: visible;\n}",".dc-c-mobile-header--menu {\n  :focus {\n    box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n  }\n  :focus-visible {\n    // Copy styling from DS items with focus\n    background-color: #0000;\n    border-radius: var(--button__border-radius);\n    box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n    outline: 3px solid #0000;\n    outline-offset: 3px;\n  }\n}\n",".ds-c-usa-banner__button-text {\n  &::after {\n    width: 0 !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n.dc-c-mobile-menu--open {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  &::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f0c9';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-menu--close {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  padding-left: 0;\n  padding-bottom: 16px;\n  &::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f00d';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-header--menu {\n  position: fixed;\n  background-color: #{var(--color-gray-dark)};\n  top: 0;\n  bottom: 0;\n  left: -100%;\n  z-index: 500;\n  height: 100%;\n  width: 100%;\n  transition: left 0.7s;\n  padding: 50px 0;\n  visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n  position: relative;\n  background: transparent;\n  top: -24px;\n  width: auto;\n  left: auto;\n  a {\n    padding: 8px;\n  }\n}\n\n.dc-c-cmsheader {\n  position: relative;\n  background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n  &::before {\n    display: block;\n    margin-left: 8px;\n    margin-bottom: 16px;\n    width: 48px;\n    height: 2px;\n    background: #{var(--color-primary-light)};\n    content: '';\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  a,\n  a:hover,\n  a:focus,\n  a:visited {\n    background-color: transparent;\n    display: inline-block;\n    color: #{var(--color-white)};\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #{var(--color-primary-light)};\n  }\n}\n.has-submenu > button::after {\n  font-family: 'Font Awesome 5 Pro';\n  content: '\\f105';\n  color: #{var(--color-white)};\n  font-size: 18px;\n  padding-right: 10px;\n  display: inline-block;\n  line-height: 18px;\n  height: 18px;\n  width: 18px;\n  margin-left: 10px;\n  text-align: center;\n  vertical-align: middle;\n  font-weight: lighter;\n}\n.has-submenu.open > button::after {\n  content: '\\f107';\n}\n.dc-c-header--mobile-links {\n  button {\n    padding: 0;\n    font-weight: 700;\n  }\n  a {\n    display: block;\n  }\n}\n\n.dc-c-mobile-header.menu-open {\n  .dc-c-cmsheader {\n    z-index: 501;\n    background-color: transparent;\n  }\n  .dc-c-cmsheader-menu a,\n  button {\n    color: #{var(--color-white)};\n  }\n  .cms-link-container a::before {\n    color: #{var(--color-white)};\n  }\n  .dc-c-mobile-header--menu {\n    left: 0;\n    visibility: visible;\n  }\n}\n\n.cms-link-container {\n  display: block;\n  margin-right: 20px;\n  // margin-top: -5px;\n  border-right: none;\n  a {\n    text-decoration: none;\n    border-bottom: none;\n\n    margin-right: 20px;\n    display: inline-block;\n  }\n  a::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f33e';\n    color: #323a45;\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n  img {\n    height: auto;\n    width: 90px;\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.cms-text-container {\n  display: block;\n  padding-top: 28px;\n  color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n  padding: 0;\n  margin: 0;\n  li {\n    list-style: none;\n  }\n  a {\n    margin: 3px 7px;\n    padding: 0;\n    color: #323a45;\n    text-decoration: none;\n    border-bottom: 1px solid;\n    border-bottom-color: #eee;\n    border-bottom-color: rgba(255, 255, 255, 0.2);\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #323a45;\n  }\n}\n\n@media (min-width: 544px) {\n  .dc-c-main-navigation--search,\n  .dc-c-mobile-menu--search {\n    border-left: 1px solid #{var(--color-white)};\n  }\n}\n\n@media (min-width: 1024px) {\n  .cms-link-container {\n    height: 85px;\n    width: 240px;\n    float: left;\n    border-right: 1px solid #d6d7d9;\n    a {\n      margin-top: 28px;\n      margin-bottom: 20px;\n    }\n    img {\n      height: auto;\n      width: auto;\n      display: inline-block;\n      vertical-align: middle;\n      max-width: 80%;\n    }\n    a::before {\n      font-size: 28px;\n      line-height: 28px;\n      width: 28px;\n      height: 28px;\n      margin-left: 0;\n    }\n  }\n}\n\n\nnav.dc-c-site-menu {\n  .dc-c-header--links {\n    padding: 0;\n    margin: 0;\n    li {\n      list-style: none;\n      height: 100%;\n    }\n    button {\n      // color: #{var(--color-white)};\n      text-decoration: none;\n      font-size: 16px;\n      border: none;\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    a {\n      text-decoration: none;\n      padding: #{var(--space, 8px 24px)};\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    > li:hover > button span,\n    > li button:focus span,\n    > li button:hover span,\n    > li:hover > a span,\n    > li:focus > a span,\n    > li a:hover span,\n    > li a:focus span {\n      border-bottom: 2px solid #{var(--color-primary-lightest)};\n    }\n  }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n  background-color: transparent;\n  outline: 3px solid transparent;\n  box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n  outline-offset: 3px;\n  border-radius: #{var(--button__border-radius)};\n}\n\nnav > ul li ul {\n  display: none;\n}\n\nnav > ul li.open ul {\n  display: block;\n}\nli.has-submenu {\n  position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n  background: #{var(--color-primary)};\n  position: absolute;\n  left: 0;\n  top: 48px;\n  margin: 0;\n  padding: 0;\n  width: 300px;\n  a {\n    display: block;\n    padding: 16px;\n    span {\n      border-bottom: 2px solid transparent;\n    }\n  }\n  a:hover span,\n  a:focus span {\n    border-bottom: 2px solid #{var(--color-primary-light)};\n  }\n}\n\n.dc-c-site-title a {\n  text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n  display: inherit;\n}\n\n.dc-c-search-modal--button {\n  &::before {\n    font-family: 'Font Awesome 5 Pro';\n    content: '\\f002';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n",".dc-c-footer {\n  background-color: white;\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n}\n\n.dc-c-footer--middle-container {\n  background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n  font-weight: 400;\n  color: #{var(--color-gray)};\n  span {\n    font-weight: 700;\n  }\n}\n\n.dc-c-footer__resources {\n  background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n  background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n  list-style: none;\n}\n\n.dc-c-footer__cms-information {\n  background: #e8f0fa;\n}\n\n.dc-footer--heading {\n  text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n  background-image: linear-gradient(\n    35deg,\n    #{var(--color-primary-darkest)},\n    #{var(--color-primary-darker)},\n    #{var(--color-primary)}\n  );\n  color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n  width: 40px;\n  height: 40px;\n  font-size: 42px;\n  display: inline-block;\n  text-align: center;\n  position: relative;\n\n  svg.svg-inline--fa {\n    width: 1em;\n    height: 1em;\n  }\n\n  .fa-circle {\n    fill: #6f757c;\n  }\n\n  .fa-inverse {\n    font-size: 25px;\n    padding-left: 2px;\n    fill: #{var(--color-white)};\n  }\n}\n.svg-inline--fa {\n  bottom: 0;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n",".ds-c-button.display-settings-font {\n  font: inherit;\n}",".dc-c-breadcrumb__list {\n  margin-top: 0;\n  margin-bottom: 0;\n  list-style-type: none;\n  padding-left: 0;\n  > li {\n    margin-bottom: 0;\n    max-width: unset;\n    &::after {\n      font-family: 'Font Awesome 5 Pro';\n      content: '\\f054';\n      margin: 0 10px;\n      font-size: 10px;\n      font-weight: 600;\n    }\n    &:last-child {\n      &::after {\n        content: '';\n        margin: 0;\n      }\n    }\n  }\n  display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n  display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n  display: inline;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n  overflow: visible;\n}",".dc-c-resource-action {\n  min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n  align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n  .ds-c-help-drawer__footer {\n    h4 {\n      display: none;\n    }\n  }\n}\n\n.dc-c-resource-header--buttons {\n  display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}