@charset "UTF-8";
@font-face {
  font-family: "Benton Sans";
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-2.eot");
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Benton Sans";
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-2.eot");
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }

@font-face {
  font-family: "Benton Sans";
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-2.eot");
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Benton Sans Condensed Medium";
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-2.eot");
  src: url("https://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Popular Light";
  src: url("https://apps.startribune.com/fonts/Popular-Light/64136bfc-6015-473a-b534-6f235774c8ab-2.eot");
  src: url("https://apps.startribune.com/fonts/Popular-Light/64136bfc-6015-473a-b534-6f235774c8ab-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Popular-Light/64136bfc-6015-473a-b534-6f235774c8ab-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Popular-Light/64136bfc-6015-473a-b534-6f235774c8ab-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Popular";
  src: url("https://apps.startribune.com/fonts/Popular-Regular/a6cd39cd-f989-4756-ba40-dfd8fdcee7ca-2.eot");
  src: url("https://apps.startribune.com/fonts/Popular-Regular/a6cd39cd-f989-4756-ba40-dfd8fdcee7ca-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Popular-Regular/a6cd39cd-f989-4756-ba40-dfd8fdcee7ca-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Popular-Regular/a6cd39cd-f989-4756-ba40-dfd8fdcee7ca-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Popular Medium";
  src: url("https://apps.startribune.com/fonts/Popular-Medium/ce490641-b5d9-4eff-a05c-38dbe1948f17-2.eot");
  src: url("https://apps.startribune.com/fonts/Popular-Medium/ce490641-b5d9-4eff-a05c-38dbe1948f17-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Popular-Medium/ce490641-b5d9-4eff-a05c-38dbe1948f17-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Popular-Medium/ce490641-b5d9-4eff-a05c-38dbe1948f17-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Popular";
  src: url("https://apps.startribune.com/fonts/Popular-Bold/cec9083e-fac8-488a-8891-4f7eacf77220-2.eot");
  src: url("https://apps.startribune.com/fonts/Popular-Bold/cec9083e-fac8-488a-8891-4f7eacf77220-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Popular-Bold/cec9083e-fac8-488a-8891-4f7eacf77220-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Popular-Bold/cec9083e-fac8-488a-8891-4f7eacf77220-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Popular Thin";
  src: url("https://apps.startribune.com/fonts/Popular-Thin/d6994a53-13c0-4968-befb-c67871ce0830-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Popular-Thin/d6994a53-13c0-4968-befb-c67871ce0830-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Popular-Thin/d6994a53-13c0-4968-befb-c67871ce0830-1.ttf") format("truetype"), url("https://apps.startribune.com/fonts/Popular-Thin/d6994a53-13c0-4968-befb-c67871ce0830-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Poynter Serif RE";
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE/6da0e483-5b55-412e-9685-611b9bb101fd-2.eot");
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE/6da0e483-5b55-412e-9685-611b9bb101fd-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE/6da0e483-5b55-412e-9685-611b9bb101fd-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE/6da0e483-5b55-412e-9685-611b9bb101fd-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Poynter Serif RE";
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Italic/fcc7dbe8-7d79-4278-a765-8e1eb8535c3f-2.eot");
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Italic/fcc7dbe8-7d79-4278-a765-8e1eb8535c3f-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Italic/fcc7dbe8-7d79-4278-a765-8e1eb8535c3f-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Italic/fcc7dbe8-7d79-4278-a765-8e1eb8535c3f-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }

@font-face {
  font-family: "Poynter Serif RE";
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold/a9cccbf1-281e-4903-b5f3-4b5dcd9d9cfa-2.eot");
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold/a9cccbf1-281e-4903-b5f3-4b5dcd9d9cfa-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold/a9cccbf1-281e-4903-b5f3-4b5dcd9d9cfa-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold/a9cccbf1-281e-4903-b5f3-4b5dcd9d9cfa-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Poynter Serif RE";
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold-Italic/8cf6fa2c-d12a-46b5-b282-c93fbad37343-2.eot");
  src: url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold-Italic/8cf6fa2c-d12a-46b5-b282-c93fbad37343-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold-Italic/8cf6fa2c-d12a-46b5-b282-c93fbad37343-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Poynter-Serif-RE-Bold-Italic/8cf6fa2c-d12a-46b5-b282-c93fbad37343-1.ttf") format("truetype");
  font-style: italic;
  font-weight: bold; }

@font-face {
  font-family: "Whitman Display Compressed Bold";
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Whitman Display Condensed Bold";
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Whitman Display";
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Whitman Display";
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }

@font-face {
  font-family: "Whitman Display";
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Whitman OSF";
  src: url("https://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Whitman OSF";
  src: url("https://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Whitman OSF";
  src: url("https://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-2.eot");
  src: url("https://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-2.eot?") format("embedded-opentype"), url("https://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-3.woff") format("woff"), url("https://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }

#proj-container {
  margin-bottom: 100px; }

#proj-container {
  margin-bottom: 100px; }

div.site_container {
  padding-top: 0 !important; }

h1.article-title {
  margin-top: 0 !important; }

.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: none; }

.select:not(.is-multiple):not(.is-loading)::after {
  content: none; }

.series-article.body-override .article-body {
  width: auto;
  max-width: none; }

.site-container .content-area.content-scroll .content {
  padding-left: 0;
  padding-right: 0; }

div.article-subhead {
  display: none; }

div.search-pane {
  display: none; }

.series-article.body-right-rail .sidebar-layout .left-column .l-article-body {
  overflow: visible; }

#navIE {
  display: none; }

.article-byline-mod .article-dateline {
  display: none; }

.article-byline-mod .article-byline {
  border-right: none !important;
  padding-right: 0; }

.intro {
  max-width: 600px;
  margin: 0 auto;
  font-family: "Poynter Serif RE", Georgia, Times, serif;
  margin-bottom: 40px; }
  .intro .introFootnote {
    font-style: italic; }

#track-container {
  max-width: 600px;
  margin: 0 auto; }

html, body {
  position: relative;
  width: 100%;
  height: auto; }

.feature {
  background: none;
  padding: 0; }

.sectionLinks {
  font-family: "Benton Sans", sans-serif;
  display: flex;
  flex-direction: row;
  max-width: 321px;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 45px; }
  .sectionLinks span {
    margin-top: 3px; }
  .sectionLinks a {
    margin-top: 5px;
    padding: 1px 8px;
    font-size: 14px;
    color: #005776;
    text-decoration: underline;
    letter-spacing: 0.1px; }
  .sectionLinks p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px; }

.xAxis .tick text {
  fill: #808080; }

.xAxis .tick .date {
  opacity: 1;
  display: block; }

.xAxis .tick .month {
  opacity: 1;
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  padding: 2px 2px; }

@media (max-width: 500px) {
  .xAxis .tick .date {
    display: none; }
  .xAxis .tick .month {
    font-size: 18px; } }

.yAxis .domain {
  display: none; }

.yAxis .tick text {
  font-family: "Benton Sans", sans-serif;
  font-size: 11px;
  fill: #808080; }

.yAxis .tick:not(:first-of-type) line {
  stroke-width: 0.75;
  stroke: #cccccc; }

@media (max-width: 500px) {
  .yAxis .tick text {
    font-size: 16px; } }

.logChart {
  margin-bottom: 75px; }

.casesTable {
  margin: 0 auto;
  margin-bottom: 50px;
  font-family: "Benton Sans", sans-serif;
  max-width: 550px;
  width: 100%; }
  .casesTable:nth-of-type(1) {
    margin-bottom: 30px; }
  .casesTable .caseHead {
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
    color: #004a6d;
    background: #e9f1f1;
    padding: 10px 16px;
    width: 50%; }
  .casesTable .caseCell {
    font-size: 3em;
    border-right: 2px solid white;
    text-align: center;
    color: #004a6d;
    background: #e9f1f1;
    padding: 30px 16px;
    width: 50%; }
    .casesTable .caseCell.usCell {
      font-size: 2.2em; }
    .casesTable .caseCell.worldCell {
      font-size: 2.2em; }
  .casesTable .deathsHead {
    border-bottom: 2px solid white;
    text-align: center;
    color: black;
    background: #f0f0f0;
    padding: 10px 16px;
    width: 50%; }
  .casesTable .deathsCell {
    font-size: 3em;
    text-align: center;
    color: black;
    background: #f0f0f0;
    padding: 30px 16px;
    width: 50%; }
    .casesTable .deathsCell.usCell {
      font-size: 2.2em; }
    .casesTable .deathsCell.worldCell {
      font-size: 2.2em; }
  @media (max-width: 400px) {
    .casesTable .caseCell.mn, .casesTable .deathsCell.mn {
      font-size: 2.6em;
      padding: 30px 8px; }
    .casesTable .caseCell, .casesTable .deathsCell {
      font-size: 2em;
      padding: 30px 8px; } }

div.button {
  font-family: "Benton Sans", sans-serif;
  font-size: 13px; }

h3.sectionHed {
  font-family: "Benton Sans", sans-serif;
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold; }

h3.chartHed {
  font-family: "Benton Sans", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold; }

h3.chartHed.chartHedNoSpace {
  font-family: "Benton Sans", sans-serif;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 0; }

h4.chartSub {
  font-family: "Benton Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0; }

p.chartSummary {
  font-family: "Benton Sans", sans-serif;
  font-size: 13px !important;
  color: #333; }
  p.chartSummary span {
    text-decoration: underline; }

p.linkout {
  font-family: "Benton Sans", sans-serif;
  font-size: 14px !important; }
  p.linkout a {
    color: #036 !important;
    text-decoration: underline; }

p.footnote {
  font-family: "Benton Sans", sans-serif;
  font-size: 12.5px !important;
  font-style: italic;
  color: #656565;
  margin-top: 5px; }
  p.footnote a {
    color: #656565;
    text-decoration: underline; }
  p.footnote span.underline {
    text-decoration: underline; }

.numberBox h3 {
  font-family: "Benton Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 8px; }

.numberBox p {
  font-family: "Benton Sans", sans-serif;
  font-size: 35px !important;
  letter-spacing: 2px;
  margin-top: 0; }

.chart .promo {
  max-width: 600px;
  width: 95%;
  border: 1.75px solid black; }
  .chart .promo a {
    color: #005776;
    text-decoration: none;
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    .chart .promo a:visited {
      color: #005776; }
    .chart .promo a h3 {
      font-family: "Benton Sans", sans-serif;
      font-size: 18px;
      text-align: center;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 0; }
      .chart .promo a h3:hover {
        text-decoration: underline; }
  .chart .promo p {
    font-size: 15px;
    font-family: "Benton Sans", sans-serif;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 10px; }

.mn {
  padding-top: 25px; }

.country {
  padding-top: 25px;
  border-top: 1px solid #DCDCDC; }

.world {
  padding-top: 25px;
  border-top: 1px solid #DCDCDC; }

.faq {
  padding-top: 25px;
  border-top: 1px solid #DCDCDC;
  max-width: 600px;
  margin: 0 auto; }
  .faq .questionContainer {
    font-family: "Poynter Serif RE", Georgia, Times, serif;
    margin-bottom: 35px; }
    .faq .questionContainer .question {
      font-weight: bold;
      font-style: italic;
      margin-top: 0;
      margin-bottom: 10px; }
    .faq .questionContainer p {
      margin-top: 0;
      margin-bottom: 10px; }
  .faq .post-question {
    font-family: "Poynter Serif RE", Georgia, Times, serif; }
    .faq .post-question p {
      margin-bottom: 35px; }
      .faq .post-question p span {
        font-weight: bold;
        font-style: italic; }

div.vaccChatter {
  font-family: "Benton Sans", sans-serif;
  font-size: 14px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 25px; }
  div.vaccChatter a {
    color: #036;
    text-decoration: underline; }
  div.vaccChatter.bold {
    font-weight: bold;
    max-width: 420px;
    font-size: 15px;
    margin-bottom: 15px; }

div.footnote {
  margin-top: 5px;
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #656565;
  line-height: 14px; }

.toplineContainer {
  max-width: 550px;
  margin: 0 auto;
  margin-bottom: 50px;
  width: 100%; }
  .toplineContainer table {
    border-collapse: collapse;
    width: 100%;
    font-family: "Benton Sans", sans-serif; }
    .toplineContainer table .totalHeader {
      border-bottom: 2px solid white;
      border-right: 2px solid white;
      background: #ECF0EB;
      color: #244525;
      text-align: center;
      padding: 10px 16px;
      width: 50%; }
    .toplineContainer table .totalCell {
      border-right: 2px solid white;
      background: #ECF0EB;
      text-align: center;
      width: 50%;
      color: #244525;
      padding: 30px 16px;
      font-size: 3em; }
    .toplineContainer table .dailyHeader {
      border-bottom: 2px solid white;
      background: #ECF0EB;
      color: #244525;
      text-align: center;
      padding: 10px 16px;
      width: 50%; }
    .toplineContainer table .dailyCell {
      background: #ECF0EB;
      text-align: center;
      width: 50%;
      color: #244525;
      padding: 30px 16px;
      font-size: 3em; }

@media (max-width: 550px) {
  .toplineContainer table td {
    font-size: 2.3em !important; }
  .toplineContainer table th {
    font-size: 13px !important; } }

@media (max-width: 450px) {
  .tableContainer table .totalCell, .tableContainer table .dosesCell, .tableContainer table .dailyCell, .tableContainer table .doses7Cell {
    font-size: 2.2em;
    padding: 22px 12px; }
  .tableContainer table th {
    font-size: 13px; } }

@media (max-width: 350px) {
  .tableContainer table .totalCell, .tableContainer table .dosesCell, .tableContainer table .dailyCell, .tableContainer table .doses7Cell {
    font-size: 2em; }
  .tableContainer th {
    font-size: 12px; } }

.chart {
  max-width: 600px;
  margin-bottom: 75px; }
  .chart svg text.tooltip, .chart svg text.areaTooltip {
    font-size: 12px;
    font-family: 'Benton Sans', sans-serif; }
  @media (max-width: 500px) {
    .chart svg text.tooltip, .chart svg text.areaTooltip {
      font-size: 18px;
      font-family: 'Benton Sans', sans-serif; } }
  .chart .annoText {
    font-family: "Benton Sans", sans-serif;
    font-size: 12px; }
  .chart .useAnnoText {
    font-family: "Benton Sans", sans-serif;
    font-size: 12px; }
  .chart .hospTooltip, .chart .breakTooltip {
    font-family: "Benton Sans", sans-serif;
    font-size: 13px;
    pointer-events: none; }
    .chart .hospTooltip.bold, .chart .breakTooltip.bold {
      font-weight: bold; }
  .chart .latest {
    font-family: "Benton Sans", sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block; }
  .chart .today {
    font-family: "Benton Sans", sans-serif;
    font-size: 13px;
    padding: 2px 2px;
    background: white;
    cursor: pointer; }
    .chart .today.bold {
      font-weight: bold; }
  .chart .legend {
    display: flex;
    flex-direction: row;
    font-family: "Benton Sans", sans-serif;
    margin-top: 30px; }
    .chart .legend.uncertain {
      margin-bottom: 20px; }
    .chart .legend div.hosp {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 15px; }
      .chart .legend div.hosp p {
        margin: 0;
        font-size: 12px !important; }
    .chart .legend div.icu {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 15px; }
      .chart .legend div.icu p {
        margin: 0;
        font-size: 12px !important; }
    .chart .legend div.popPct {
      display: flex;
      flex-direction: row; }
      .chart .legend div.popPct p {
        margin: 0;
        font-size: 12px !important; }
    .chart .legend div.deathsPopPct {
      display: flex;
      flex-direction: row; }
      .chart .legend div.deathsPopPct p {
        margin: 0;
        font-size: 12px !important; }
    .chart .legend .hospColor {
      width: 15px;
      height: 15px;
      background: #B8CFE3;
      margin-right: 5px; }
    .chart .legend .icuColor {
      width: 15px;
      height: 15px;
      background: #C7B6CE;
      margin-right: 5px; }
    .chart .legend .hospLineColor {
      background: #3A6B9A;
      margin-right: 5px;
      height: 3px;
      width: 15px;
      vertical-align: middle; }
    .chart .legend .icuLineColor {
      background: #512C67;
      margin-right: 5px;
      height: 3px;
      width: 15px;
      vertical-align: middle; }
    .chart .legend .uncertainColor {
      background: #bebebe;
      margin-right: 3px;
      height: 15px;
      width: 15px;
      opacity: 0.3; }

.casesTabs, .deathsTabs, .mnMapTabs, .ageTabs {
  font-family: "Benton Sans", sans-serif;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; }
  .casesTabs.hosp, .deathsTabs.hosp, .mnMapTabs.hosp, .ageTabs.hosp {
    margin-bottom: 15px; }
  .casesTabs select, .deathsTabs select, .mnMapTabs select, .ageTabs select {
    font-family: "Benton Sans", sans-serif;
    padding: 4px 4px;
    border: 1px solid #cccccc;
    font-size: 12px !important; }
  .casesTabs div.feature, .deathsTabs div.feature, .mnMapTabs div.feature, .ageTabs div.feature {
    /*width: 130px;*/
    text-align: center;
    display: inline-block;
    position: relative;
    height: auto;
    margin-right: 8px;
    margin-top: 10px; }
    .casesTabs div.feature input, .deathsTabs div.feature input, .mnMapTabs div.feature input, .ageTabs div.feature input {
      display: inline;
      font-size: 11px;
      opacity: 0;
      position: absolute;
      z-index: 10000;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      min-height: 25px;
      /*&:checked {
          &::before {
              content: '-';
            }
          }*/ }
      .casesTabs div.feature input:hover, .deathsTabs div.feature input:hover, .mnMapTabs div.feature input:hover, .ageTabs div.feature input:hover {
        cursor: pointer; }
    .casesTabs div.feature input:checked + label.features, .deathsTabs div.feature input:checked + label.features, .mnMapTabs div.feature input:checked + label.features, .ageTabs div.feature input:checked + label.features {
      border: 1.25px solid black;
      padding: 6px 6px;
      border-radius: 8px;
      letter-spacing: 0.15px;
      font-size: 11px; }
    .casesTabs div.feature input:not(:checked) + label.features, .deathsTabs div.feature input:not(:checked) + label.features, .mnMapTabs div.feature input:not(:checked) + label.features, .ageTabs div.feature input:not(:checked) + label.features {
      /* Explicit Unchecked Styles */
      opacity: 0.55;
      border: 1px solid #cccccc;
      padding: 6px 6px;
      border-radius: 8px;
      letter-spacing: 0.15px;
      font-size: 11px; }
    .casesTabs div.feature label.features, .casesTabs div.feature label.type, .deathsTabs div.feature label.features, .deathsTabs div.feature label.type, .mnMapTabs div.feature label.features, .mnMapTabs div.feature label.type, .ageTabs div.feature label.features, .ageTabs div.feature label.type {
      font-size: 12px; }

.grouped {
  max-width: 500px;
  margin-bottom: 75px; }
  .grouped .legend {
    display: flex;
    flex-direction: row;
    font-family: "Benton Sans", sans-serif;
    margin-top: 15px; }
    .grouped .legend div.casePct {
      display: flex;
      flex-direction: row;
      margin-right: 15px; }
      .grouped .legend div.casePct p {
        margin: 0;
        font-size: 12px; }
    .grouped .legend div.deathPct {
      display: flex;
      flex-direction: row;
      margin-right: 15px; }
      .grouped .legend div.deathPct p {
        margin: 0;
        font-size: 12px; }
    .grouped .legend div.popPct {
      display: flex;
      flex-direction: row; }
      .grouped .legend div.popPct p {
        margin: 0;
        font-size: 12px; }
    .grouped .legend div.deathsPopPct {
      display: flex;
      flex-direction: row; }
      .grouped .legend div.deathsPopPct p {
        margin: 0;
        font-size: 12px; }
  .grouped text.casePct,
  .grouped text.casePctTxt,
  .grouped text.deathsPctTxt,
  .grouped text.deathsPct,
  .grouped text.popPct,
  .grouped text.popPctTxt,
  .grouped text.casePctNum,
  .grouped text.popPctNum,
  .grouped text.deathsPctNum,
  .grouped text.deathPopPctTxt,
  .grouped text.deathPopPctNum {
    font-size: 13px;
    font-family: "Benton Sans", sans-serif;
    cursor: pointer; }
  @media (max-width: 500px) {
    .grouped text.casePct,
    .grouped text.casePctTxt,
    .grouped text.deathsPctTxt,
    .grouped text.deathsPct,
    .grouped text.popPct,
    .grouped text.popPctTxt,
    .grouped text.casePctNum,
    .grouped text.popPctNum,
    .grouped text.deathsPctNum,
    .grouped text.deathPopPctTxt,
    .grouped text.deathPopPctNum {
      font-size: 14px; } }
  .grouped rect.deathsPopPct,
  .grouped rect.deathsPct,
  .grouped rect.casePct,
  .grouped rect.popPct {
    cursor: pointer; }
  .grouped .age-group {
    font-family: "Benton Sans", sans-serif;
    font-size: 13px; }
  @media (max-width: 500px) {
    .grouped .age-group {
      font-family: "Benton Sans", sans-serif;
      font-size: 15px; } }
  .grouped .caseColor {
    width: 15px;
    height: 15px;
    background: #528e9f;
    margin-right: 5px; }
  .grouped .popColor {
    width: 15px;
    height: 15px;
    background: #dbe2e2;
    margin-right: 5px; }
  .grouped .deathColor {
    width: 15px;
    height: 15px;
    background: #787878;
    margin-right: 5px; }

.negativeText {
  font-family: "Benton Sans", sans-serif;
  font-size: 14px;
  fill: #949E5C; }

.positiveText {
  font-family: "Benton Sans", sans-serif;
  font-size: 14px;
  fill: #528e9f; }

@media (max-width: 500px) {
  .yAxis .tick text {
    font-size: 16px; }
  .annotations text {
    font-family: "Benton Sans";
    font-size: 17px; }
  text.rollingAnno.caseText, text.rollingSampleAnno.caseText {
    font-family: "Benton Sans", sans-serif;
    font-size: 14px; }
  text.rollingAnno.deathText, text.admitRollingAnno.deathText {
    font-family: "Benton Sans", sans-serif;
    font-size: 14px; }
  text.uncertain, text.uncertainCases {
    font-family: "Benton Sans", sans-serif;
    font-size: 14px; }
  .negativeText {
    font-family: "Benton Sans", sans-serif;
    font-size: 16px; }
  .positiveText {
    font-family: "Benton Sans", sans-serif;
    font-size: 16px; } }

.annotations text {
  font-family: "Benton Sans";
  font-size: 15px;
  font-weight: 700;
  text-anchor: middle;
  dominant-baseline: middle;
  pointer-events: none; }

text.rollingAnno.caseText, text.rollingSampleAnno.caseText {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px; }

text.rollingAnno.deathText, text.admitRollingAnno.deathText {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px; }

text.uncertain, text.uncertainCases {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px; }

.goalSentence {
  max-width: 460px;
  margin: 0 auto;
  font-family: "Benton Sans", sans-serif;
  font-size: 13px;
  text-align: center;
  margin-bottom: 20px; }

.percentChart {
  max-width: 550px;
  margin: 0 auto;
  margin-bottom: 45px; }
  .percentChart .gfxContainer {
    margin-top: 10px; }
  .percentChart .gfxContainer2 {
    margin-top: 40px; }
  .percentChart .footnote {
    font-family: "Benton Sans", sans-serif;
    font-style: italic;
    color: #656565;
    margin-top: 35px;
    font-size: 12.5px !important; }
  .percentChart h3 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 2px;
    font-family: "Benton Sans", sans-serif;
    max-width: 300px;
    font-size: 17px; }
  .percentChart div.lastUpdated {
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    font-family: "Benton Sans", sans-serif;
    font-size: 11px;
    margin-bottom: 15px;
    color: #a9a9a9; }
    .percentChart div.lastUpdated:nth-of-type(1) {
      margin-bottom: 2px; }
    .percentChart div.lastUpdated:nth-of-type(2) {
      margin-bottom: 8px;
      margin-top: -8px; }
  .percentChart svg {
    overflow: visible; }
    .percentChart svg .goal {
      font-family: 'Benton Sans', sans-serif;
      font-size: 10px;
      text-transform: uppercase;
      fill: #a9a9a9; }
      .percentChart svg .goal.normal {
        text-transform: lowercase; }
    .percentChart svg .totalPeople {
      font-family: "Benton Sans", sans-serif;
      font-size: 13px; }
    .percentChart svg .percent {
      font-family: "Benton Sans", sans-serif;
      font-size: 13px;
      fill: black; }
    .percentChart svg .adminNumber {
      font-family: "Benton Sans", sans-serif;
      font-size: 13px;
      font-weight: bold; }

.county-hotspots {
  margin-bottom: 75px; }

.state-circles {
  margin-bottom: 75px; }

.states circle {
  fill: #949e5c;
  fill-opacity: 0.4; }

.states circle.highlight-circle {
  stroke: #333;
  stroke-width: 1;
  fill-opacity: 0.65; }

.states text.highlight-label {
  font-size: 11px; }
  @media (max-width: 500px) {
    .states text.highlight-label .states text.highlight-label {
      font-size: 14px; } }

.axis-annotation {
  font-family: "Benton Sans", sans-serif;
  font-size: 11px;
  font-weight: 600; }
  @media (max-width: 500px) {
    .axis-annotation .axis-annotation {
      font-size: 14px; } }

@media (max-width: 500px) {
  .axis-annotation {
    font-size: 14px; }
  .states text.highlight-label {
    font-size: 14px; } }

.scatterYAxis .tick text {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  fill: #808080; }

@media (max-width: 500px) {
  .scatterYAxis .tick text {
    font-size: 16px; } }

.xAxis .tick text {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px; }

.map {
  max-width: 500px;
  margin-bottom: 75px; }
  .map #mnMapContainer {
    position: relative; }
  .map .mnSVG .provinceShape {
    fill: #f0f0f0;
    stroke: white;
    stroke-width: 0.5px; }
  .map .mnMapTabs {
    font-family: "Benton Sans", sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 11px; }
    .map .mnMapTabs select {
      font-family: "Benton Sans", sans-serif;
      padding: 4px 4px;
      border: 1px solid #cccccc; }
    .map .mnMapTabs div.feature {
      /*width: 130px;*/
      text-align: center;
      display: inline-block;
      position: relative;
      height: auto;
      margin-right: 8px; }
      .map .mnMapTabs div.feature input {
        display: inline;
        font-size: 11px;
        opacity: 0;
        position: absolute;
        z-index: 10000;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        min-height: 25px;
        /*&:checked {
            &::before {
                content: '-';
              }
            }*/ }
        .map .mnMapTabs div.feature input:hover {
          cursor: pointer; }
      .map .mnMapTabs div.feature input:checked + label.features {
        border: 1px solid black;
        padding: 6px 6px;
        font-size: 11px;
        border-radius: 8px;
        letter-spacing: 0.15px; }
      .map .mnMapTabs div.feature input:not(:checked) + label.features {
        /* Explicit Unchecked Styles */
        opacity: 0.65;
        border: 1px solid #cccccc;
        padding: 6px 6px;
        border-radius: 8px;
        font-size: 11px;
        letter-spacing: 0.15px; }
      @media (min-width: 701px) {
        .map .mnMapTabs div.feature label.features, .map .mnMapTabs div.feature label.type {
          font-size: 12px; } }
  .map .caseCircle.casesRaw {
    opacity: 0.6; }
  .map .map-tooltip {
    position: absolute;
    display: none;
    z-index: 100;
    max-width: 15em;
    font-size: 0.8em;
    background-color: #ffffff;
    border: 1px solid #565656;
    border-radius: 2px;
    margin: 0.5em;
    padding: 0.5em; }
    .map .map-tooltip.tooltip-active {
      display: block !important; }
    .map .map-tooltip h5 {
      font-family: "Benton Sans", sans-serif;
      margin-top: 5px;
      margin-bottom: 0;
      font-size: 12px; }
    .map .map-tooltip p {
      font-family: "Benton Sans", sans-serif;
      margin-top: 8px;
      margin-bottom: 0;
      font-size: 12px; }

.lastUpdated {
  font-family: "Benton Sans", sans-serif;
  font-size: 12.5px;
  font-style: italic;
  color: #656565;
  margin: 0 0 7px; }

#us-map-container {
  position: relative; }

#us-map-container #gui {
  position: absolute;
  top: 20px;
  right: 10px; }

#us-map-container #gui span {
  cursor: pointer; }

.us-map {
  max-width: 700px; }
  .us-map .usMapTabs {
    font-family: "Benton Sans", sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 11px;
    margin-bottom: 15px; }
    .us-map .usMapTabs select {
      font-family: "Benton Sans", sans-serif;
      padding: 4px 4px;
      border: 1px solid #cccccc;
      font-size: 12px; }
    .us-map .usMapTabs div.feature {
      /*width: 130px;*/
      text-align: center;
      display: inline-block;
      position: relative;
      height: auto;
      margin-right: 8px;
      margin-top: 12px; }
      .us-map .usMapTabs div.feature input {
        display: inline;
        font-size: 11px;
        opacity: 0;
        position: absolute;
        z-index: 10000;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        min-height: 25px;
        /*&:checked {
            &::before {
                content: '-';
              }
            }*/ }
        .us-map .usMapTabs div.feature input:hover {
          cursor: pointer; }
      .us-map .usMapTabs div.feature input:checked + label.features {
        border: 1px solid black;
        padding: 6px 6px;
        font-size: 11px;
        border-radius: 8px;
        letter-spacing: 0.15px; }
      .us-map .usMapTabs div.feature input:not(:checked) + label.features {
        /* Explicit Unchecked Styles */
        opacity: 0.65;
        border: 1px solid #cccccc;
        padding: 6px 6px;
        border-radius: 8px;
        font-size: 11px;
        letter-spacing: 0.15px; }
      @media (min-width: 701px) {
        .us-map .usMapTabs div.feature label.features, .us-map .usMapTabs div.feature label.type {
          font-size: 12px; } }
  .us-map #gui span {
    cursor: pointer;
    border-radius: 4px;
    padding: 4px;
    background: #60606065;
    color: white; }
  .us-map #gui span:nth-of-type(1) {
    margin-right: 2px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer; }
  @media (max-width: 500px) {
    .us-map #gui span {
      font-size: 12.5px;
      border-radius: 4px;
      padding: 6px;
      background: #60606065;
      color: white; }
    .us-map #gui span:nth-of-type(1) {
      margin-right: 2px;
      padding-right: 7px;
      padding-left: 7px; } }
  .us-map #national-map-legend-show-link {
    display: none;
    position: absolute;
    right: 5px;
    bottom: 8px;
    font-family: "Benton Sans", sans-serif;
    padding: 4px;
    background-color: #FFF; }
    .us-map #national-map-legend-show-link span {
      color: #005776;
      font-size: 11px;
      text-decoration: underline; }
    @media (max-width: 500px) {
      .us-map #national-map-legend-show-link {
        display: block; } }
  .us-map #national-map-legend {
    position: absolute;
    right: -5px;
    bottom: 15px; }
    .us-map #national-map-legend .x {
      display: none;
      position: absolute;
      top: 2px;
      left: 4px;
      font-size: 14px;
      font-family: "Benton Sans", sans-serif; }
    @media (max-width: 500px) {
      .us-map #national-map-legend {
        display: none;
        background-color: #FFF;
        border-radius: 3px;
        border: 1px solid #DCDCDC; }
        .us-map #national-map-legend .x {
          display: inline-block;
          cursor: pointer; } }
    .us-map #national-map-legend .legend-section-container {
      display: inline-block;
      position: relative;
      font-family: "Benton Sans", sans-serif;
      height: 200px;
      font-size: 16px; }
      .us-map #national-map-legend .legend-section-container h4.bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto; }
      .us-map #national-map-legend .legend-section-container h4 {
        margin: 0;
        font-size: 0.8em;
        font-weight: 400; }
      .us-map #national-map-legend .legend-section-container svg {
        width: 50px;
        overflow: visible;
        margin-bottom: 1em;
        box-sizing: content-box; }
      .us-map #national-map-legend .legend-section-container .legend-spike-text {
        font-family: "Benton Sans", sans-serif;
        text-anchor: middle;
        alignment-baseline: top;
        font-size: 11px; }
    .us-map #national-map-legend #stroke-legend {
      width: 105px;
      height: 30px;
      text-align: center; }
      .us-map #national-map-legend #stroke-legend svg {
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: auto;
        bottom: 30px;
        right: 0;
        padding: 6px 20px;
        width: 60px;
        height: 100%; }
      .us-map #national-map-legend #stroke-legend h4.bottom {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding-top: 2px;
        padding-bottom: 2px; }
    .us-map #national-map-legend #height-legend {
      width: 125px;
      height: 200px;
      text-align: right; }
      @media (max-width: 500px) {
        .us-map #national-map-legend #height-legend {
          width: 60px; } }
      .us-map #national-map-legend #height-legend svg {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 32px;
        height: 100%;
        padding: 6px 20px; }
      .us-map #national-map-legend #height-legend h4.bottom {
        padding-right: 18px;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-top: -1px;
        right: 0; }
  .us-map .usSVG .provinceShape, .us-map #national-map-legend .provinceShape {
    fill: #F0F0F0;
    stroke: #999;
    stroke-width: 1px;
    vector-effect: non-scaling-stroke; }
  .us-map .usSVG .spike-cases_total,
  .us-map .usSVG .spike-cases_weekly,
  .us-map .usSVG .spike-cases_weekly_per_100k,
  .us-map .usSVG .spike-cases_per_100k,
  .us-map .usSVG .legend-spike-cases, .us-map #national-map-legend .spike-cases_total,
  .us-map #national-map-legend .spike-cases_weekly,
  .us-map #national-map-legend .spike-cases_weekly_per_100k,
  .us-map #national-map-legend .spike-cases_per_100k,
  .us-map #national-map-legend .legend-spike-cases {
    fill: #528e9f;
    fill-opacity: 0.3;
    vector-effect: non-scaling-stroke;
    stroke: #528e9f; }
  .us-map .usSVG .spike-deaths_total,
  .us-map .usSVG .spike-deaths_weekly,
  .us-map .usSVG .spike-deaths_weekly_per_100k,
  .us-map .usSVG .spike-deaths_per_100k,
  .us-map .usSVG .legend-spike-deaths, .us-map #national-map-legend .spike-deaths_total,
  .us-map #national-map-legend .spike-deaths_weekly,
  .us-map #national-map-legend .spike-deaths_weekly_per_100k,
  .us-map #national-map-legend .spike-deaths_per_100k,
  .us-map #national-map-legend .legend-spike-deaths {
    fill: #969696;
    fill-opacity: 0.3;
    vector-effect: non-scaling-stroke;
    stroke: #969696; }
  .us-map .usSVG .legend-spike-rate, .us-map #national-map-legend .legend-spike-rate {
    fill: none; }
  .us-map .usSVG .circle-cases,
  .us-map .usSVG .circle-cases_total,
  .us-map .usSVG .circle-cases_weekly,
  .us-map .usSVG .circle-cases_weekly_per_100k,
  .us-map .usSVG .circle-cases_per_100k, .us-map #national-map-legend .circle-cases,
  .us-map #national-map-legend .circle-cases_total,
  .us-map #national-map-legend .circle-cases_weekly,
  .us-map #national-map-legend .circle-cases_weekly_per_100k,
  .us-map #national-map-legend .circle-cases_per_100k {
    fill: #528e9f;
    fill-opacity: 0.6;
    vector-effect: non-scaling-stroke;
    stroke: #FFF;
    stroke-width: 0.5px; }
  .us-map .usSVG .circle-deaths,
  .us-map .usSVG .circle-deaths_total,
  .us-map .usSVG .circle-deaths_weekly,
  .us-map .usSVG .circle-deaths_weekly_per_100k,
  .us-map .usSVG .circle-deaths_per_100k, .us-map #national-map-legend .circle-deaths,
  .us-map #national-map-legend .circle-deaths_total,
  .us-map #national-map-legend .circle-deaths_weekly,
  .us-map #national-map-legend .circle-deaths_weekly_per_100k,
  .us-map #national-map-legend .circle-deaths_per_100k {
    fill: #969696;
    fill-opacity: 0.6;
    vector-effect: non-scaling-stroke;
    stroke: #FFF;
    stroke-width: 0.5px; }
  .us-map .map-tooltip {
    position: absolute;
    display: none;
    z-index: 100;
    max-width: 15em;
    font-size: 0.8em;
    background-color: #ffffff;
    border: 1px solid #565656;
    border-radius: 2px;
    margin: 0.5em;
    padding: 0.5em;
    font-family: "Benton Sans", sans-serif; }
    .us-map .map-tooltip.tooltip-active {
      display: block; }
    .us-map .map-tooltip h5 {
      font-family: "Benton Sans", sans-serif;
      margin-top: 5px;
      margin-bottom: 0;
      font-size: 12px; }
    .us-map .map-tooltip p {
      font-family: "Benton Sans", sans-serif;
      margin-top: 8px;
      margin-bottom: 0;
      font-size: 12px; }

#zip-map-legend {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  font-family: "Benton Sans", sans-serif;
  font-size: 11px;
  height: 1.5em;
  margin-bottom: 2.5em;
  padding: 0 2em; }
  #zip-map-legend .legend-item {
    position: relative;
    flex: 1; }
  #zip-map-legend .legend-label {
    position: absolute;
    width: 50%;
    margin: 0 auto;
    top: 1.6em;
    left: -24%;
    text-align: center; }

.logChart {
  max-width: 600px; }

text.number, text.date {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  padding: 2px 2px;
  background: white; }

text.icuTitle {
  font-family: "Benton Sans", sans-serif;
  font-size: 14px; }

.annotation text {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  fill: #a7a7a7; }

text.hospTitle {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  font-weight: bold; }

text.icuTitle {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  font-weight: bold; }

.icuLine, .hospLine {
  font-size: 12px;
  font-family: "Benton Sans", sans-serif; }

@media (max-width: 500px) {
  text.icuTitle {
    font-size: 14px; }
  text.hospTitle {
    font-size: 14px; }
  .icuLine, .hospLine {
    font-size: 15px; } }

.cases-mini-container {
  max-width: 300px; }

.minichart-baseline {
  stroke: black;
  stroke-width: 1; }

#hotspot-controls input,
#hotspot-controls label {
  display: inline-block; }

#county-hotspots table.tablesort {
  border-collapse: collapse; }
  #county-hotspots table.tablesort thead {
    border-bottom: 1px solid black; }
    #county-hotspots table.tablesort thead th {
      width: 12%;
      font-family: "Benton Sans";
      line-height: 125%;
      font-size: 12.5px;
      padding-bottom: 10px;
      padding-left: 5px;
      padding-right: 5px;
      text-align: center;
      cursor: pointer; }
      #county-hotspots table.tablesort thead th.ascending::after {
        content: "▲";
        text-align: center;
        color: #D0D0D0; }
      #county-hotspots table.tablesort thead th.descending::after {
        content: "▼";
        text-align: center;
        color: #D0D0D0; }
      #county-hotspots table.tablesort thead th:nth-of-type(1) {
        text-align: left; }
      #county-hotspots table.tablesort thead th.chart-td {
        display: flex;
        flex-direction: column;
        width: 100%; }
        #county-hotspots table.tablesort thead th.chart-td div.scaleTabs {
          margin: 0 auto;
          margin-top: 10px;
          font-family: "Benton Sans", sans-serif;
          font-weight: 400;
          flex-direction: row;
          flex-wrap: wrap; }
          #county-hotspots table.tablesort thead th.chart-td div.scaleTabs .button {
            font-family: "Benton Sans", sans-serif;
            font-size: 11px;
            max-width: 170px;
            padding: 2px 4px;
            border-radius: 4px;
            border: 1px solid #cccccc;
            cursor: pointer; }
            #county-hotspots table.tablesort thead th.chart-td div.scaleTabs .button:hover {
              border: 1px solid #222; }
            @media (max-width: 500px) {
              #county-hotspots table.tablesort thead th.chart-td div.scaleTabs .button .button {
                width: 100%; } }
          #county-hotspots table.tablesort thead th.chart-td div.scaleTabs select {
            font-family: "Benton Sans", sans-serif;
            padding: 2px 2px;
            border: 1px solid #cccccc; }
          #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.feature {
            /*width: 130px;*/
            text-align: center;
            display: inline-block;
            position: relative;
            height: auto;
            margin-right: 8px; }
            #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.feature input {
              display: inline;
              font-size: 11px;
              opacity: 0;
              position: absolute;
              z-index: 10000;
              left: 0;
              right: 0;
              width: 100%;
              height: 100%;
              min-height: 25px;
              /*&:checked {
                    &::before {
                        content: '-';
                      }
                    }*/ }
              #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.feature input:hover {
                cursor: pointer; }
            #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.feature input:checked + label.features {
              border: 1.25px solid black;
              padding: 4px 4px;
              border-radius: 5px; }
            #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.feature input:not(:checked) + label.features {
              /* Explicit Unchecked Styles */
              opacity: 0.55;
              border: 1px solid #cccccc;
              padding: 4px 4px;
              border-radius: 5px; }
            #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.feature label.features, #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.feature label.type {
              font-size: 12px; }
          @media (max-width: 500px) {
            #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.scaleTabs {
              margin-top: 10px; }
              #county-hotspots table.tablesort thead th.chart-td div.scaleTabs div.scaleTabs div.feature {
                margin: 0 auto;
                margin-top: 14px; } }
  #county-hotspots table.tablesort tbody tr {
    border-bottom: 1px solid #cccccc60; }
  #county-hotspots table.tablesort tbody td {
    font-family: "Benton Sans";
    font-size: 13px;
    padding: 5px;
    margin: 0;
    text-align: right;
    vertical-align: middle; }
    #county-hotspots table.tablesort tbody td.cases-mini-td {
      width: 40%;
      padding-left: 12px; }
      #county-hotspots table.tablesort tbody td.cases-mini-td svg {
        overflow: visible; }
        #county-hotspots table.tablesort tbody td.cases-mini-td svg .tooltipSmall {
          font-size: 12px; }
  #county-hotspots table.tablesort tfoot tr {
    text-align: center;
    font-family: "Benton Sans";
    font-size: 14px; }
    #county-hotspots table.tablesort tfoot tr td {
      padding-top: 12px;
      padding-bottom: 12px;
      cursor: pointer;
      color: #808080; }
      #county-hotspots table.tablesort tfoot tr td:hover {
        text-decoration: underline; }
  #county-hotspots table.tablesort #county-toggle-button {
    font-family: "Benton Sans", sans-serif; }
  #county-hotspots table.tablesort th {
    padding-bottom: 0; }
  #county-hotspots table.tablesort tr:nth-child(2) td {
    padding-top: 0; }
  #county-hotspots table.tablesort td.county {
    text-align: left;
    padding-right: 0; }
  #county-hotspots table.tablesort th:first-child,
  #county-hotspots table.tablesort td:first-child {
    padding-left: 0;
    max-width: 60px; }
  #county-hotspots table.tablesort td {
    vertical-align: bottom; }
  #county-hotspots table.tablesort tr:nth-child(n+11) {
    display: none; }
  #county-hotspots table.tablesort tr.full {
    display: none; }

.autocomplete {
  position: relative;
  margin-top: 15px;
  font-family: "Benton Sans", sans-serif;
  font-size: 14px; }

.autocomplete-input.svelte-gfsz5d.svelte-gfsz5d {
  font-size: 13px !important;
  padding: 4px 6px !important;
  width: 240px !important; }

.autocomplete-input, .autocomplete-list {
  font-family: "Benton Sans", sans-serif;
  font-size: 14px; }

.search-item {
  width: 250px;
  margin-bottom: 10px;
  font-family: "Benton Sans", sans-serif;
  position: relative; }
  .search-item .clear {
    position: absolute;
    z-index: 10;
    left: 215px;
    top: -2px;
    padding: 6px;
    line-height: 18px;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer; }

.tooltipMini {
  font-family: "Benton Sans", sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 100;
  font-size: 1em;
  background-color: #ffffff;
  border: 1px solid #565656;
  border-radius: 2px;
  margin: 0.5em;
  padding: 5px; }
  .tooltipMini.tooltip-active {
    display: block; }
  .tooltipMini h4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

.state-circles {
  max-width: 600px; }

.scatter-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 100;
  max-width: 15em;
  font-size: 0.8em;
  background-color: #ffffff;
  border: 1px solid #565656;
  border-radius: 2px;
  margin: 0.5em;
  padding: 0.5em; }
  .scatter-tooltip.tooltip-active {
    display: block; }
  .scatter-tooltip h5 {
    font-family: "Benton Sans", sans-serif;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 4px; }
  .scatter-tooltip table {
    font-family: "Benton Sans", sans-serif;
    font-size: 11px; }

.mapboxgl-popup-content {
  font-family: "Benton Sans", sans-serif;
  font-size: 13px; }

.mapboxgl-popup-content h5 {
  font-size: 13px;
  margin: 0 0 1em; }

.mapboxgl-popup-content p {
  margin: 1em 0 0; }

.zipmap {
  margin-top: 1em; }

.zipMapTabs {
  font-family: “Benton Sans”, sans-serif;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 15px;
  align-items: center; }
  .zipMapTabs select {
    font-family: “Benton Sans”, sans-serif;
    padding: 4px 4px;
    border: 1px solid #CCCCCC;
    font-size: 12px !important; }
  .zipMapTabs div.feature {
    /*width: 130px;*/
    text-align: center;
    display: inline-block;
    position: relative;
    height: auto;
    margin-right: 8px;
    margin-top: 10px; }
    .zipMapTabs div.feature input {
      display: inline;
      font-size: 11px;
      opacity: 0;
      position: absolute;
      z-index: 10000;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      min-height: 25px;
      /*&:checked {
            &::before {
                content: ‘-’;
              }
            }*/ }
      .zipMapTabs div.feature input:hover {
        cursor: pointer; }
    .zipMapTabs div.feature input:checked + label.features {
      border: 1.25px solid black;
      padding: 6px 6px;
      border-radius: 8px;
      letter-spacing: 0.15px;
      font-size: 11px; }
    .zipMapTabs div.feature input:not(:checked) + label.features {
      /* Explicit Unchecked Styles */
      opacity: 0.55;
      border: 1px solid #CCCCCC;
      padding: 6px 6px;
      border-radius: 8px;
      letter-spacing: 0.15px;
      font-size: 11px; }
    .zipMapTabs div.feature label.features, .zipMapTabs div.feature label.type {
      font-size: 12px; }

.nav-shortcuts-inner {
  display: none; }

.isSticky {
  position: fixed;
  top: 0;
  border-bottom: 1px solid #e8e8e8; }

#stickyTimer {
  font-family: "Benton Sans", sans-serif;
  font-size: 12px;
  margin-top: 6px;
  display: none; }

.show {
  display: block; }

#nav {
  text-align: center;
  background-color: white;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  z-index: 100;
  top: -1px;
  width: 100%;
  font-family: "Benton Sans", sans-serif; }
  #nav .norm {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 0;
    margin-bottom: 8px; }
    #nav .norm .desktopNav {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding-top: 25px;
      padding-bottom: 8px; }
      #nav .norm .desktopNav select#navDrop {
        font-family: "Benton Sans", sans-serif;
        padding: 5px 20px;
        text-align: center;
        text-align-last: center;
        -moz-text-align-last: center; }
      #nav .norm .desktopNav .dropdown {
        position: relative;
        display: inline-block;
        width: 80px; }
        #nav .norm .desktopNav .dropdown .dropdown-content {
          display: none;
          position: absolute;
          z-index: 1;
          width: 100%;
          font-size: 13px !important;
          border-left: 1.25px solid black;
          border-right: 1.25px solid black;
          border-bottom: 1.25px solid black;
          border-radius: 0 0 6px 6px; }
          #nav .norm .desktopNav .dropdown .dropdown-content a {
            color: black;
            padding: 6px 6px;
            background-color: #fff;
            text-decoration: none !important;
            display: block; }
            #nav .norm .desktopNav .dropdown .dropdown-content a:hover {
              background-color: #ddd;
              border-bottom: 0px; }
        #nav .norm .desktopNav .dropdown:hover .dropdown-content {
          display: block; }
    #nav .norm .mobileNav {
      display: none; }
      #nav .norm .mobileNav select {
        margin: 0 auto;
        padding: 6px 10px;
        border: 1px solid #dcdcdc;
        background-color: white; }
  #nav a.button {
    display: block;
    font-family: "Benton Sans", sans-serif;
    color: black;
    padding: 4px 0px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    text-decoration: none;
    background: #F8F8F8; }

.bbox-locator-map-container {
  width: 50px; }

.provinceShape {
  fill: #CCC; }

.provinceShape-highlight {
  fill: none;
  stroke: red;
  stroke-width: 1.5; }

.smallCharts {
  margin-bottom: 100px; }
  .smallCharts .legend {
    display: flex;
    flex-direction: row;
    font-family: "Benton Sans", sans-serif;
    margin-top: 20px; }
    .smallCharts .legend.uncertain {
      margin-bottom: 20px; }
    .smallCharts .legend div.cases {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 15px; }
      .smallCharts .legend div.cases p {
        margin: 0;
        font-size: 12px !important; }
    .smallCharts .legend div.deaths {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 15px; }
      .smallCharts .legend div.deaths p {
        margin: 0;
        font-size: 12px !important; }
    .smallCharts .legend div.pop {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 15px; }
      .smallCharts .legend div.pop p {
        margin: 0;
        font-size: 12px !important; }
    .smallCharts .legend div.popPct {
      display: flex;
      flex-direction: row; }
      .smallCharts .legend div.popPct p {
        margin: 0;
        font-size: 12px !important; }
    .smallCharts .legend div.deathsPopPct {
      display: flex;
      flex-direction: row; }
      .smallCharts .legend div.deathsPopPct p {
        margin: 0;
        font-size: 12px !important; }
    .smallCharts .legend .hospColor {
      width: 15px;
      height: 15px;
      background: #B8CFE3;
      margin-right: 5px; }
    .smallCharts .legend .icuColor {
      width: 15px;
      height: 15px;
      background: #C7B6CE;
      margin-right: 5px; }
    .smallCharts .legend .hospLineColor {
      background: #3A6B9A;
      margin-right: 5px;
      height: 3px;
      width: 15px;
      vertical-align: middle; }
    .smallCharts .legend .deathsColor {
      background: #787878;
      margin-right: 5px;
      height: 2.5px;
      width: 15px;
      vertical-align: middle; }
    .smallCharts .legend .border03 {
      height: 4px;
      background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #69d2e7, #a7dbd8, #e0e4cc, #f38630, #fa6900);
      background-size: 20px 3px, 100% 3px;
      border: none; }
    .smallCharts .legend .casesColor {
      background: #528e9f;
      margin-right: 3px;
      height: 2.5px;
      width: 15px;
      vertical-align: middle; }
    .smallCharts .legend .dotted {
      display: flex;
      flex-direction: row;
      width: 15px;
      height: 15px;
      margin-right: 5px; }
      .smallCharts .legend .dotted .popColor {
        background: #c2d1d2;
        margin-right: 2px;
        height: 3px;
        width: 3px;
        vertical-align: middle; }
  .smallCharts .multiples {
    max-width: 600px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }
    .smallCharts .multiples .small-multiple {
      max-width: 180px;
      margin-top: 25px;
      margin-bottom: 25px; }
      .smallCharts .multiples .small-multiple h4 {
        font-family: "Benton Sans", sans-serif;
        font-size: 13px;
        font-weight: normal;
        text-transform: uppercase;
        margin-bottom: 5px; }
      .smallCharts .multiples .small-multiple .smallTooltip {
        font-family: "Benton Sans", sans-serif;
        font-size: 12px;
        pointer-events: none; }

@media (max-width: 500px) {
  .smallCharts .multiples {
    justify-content: space-around; }
    .smallCharts .multiples .small-multiple svg .yAxis .tick text {
      font-size: 12px; }
    .smallCharts .multiples .small-multiple svg .xAxis .tick .month {
      font-size: 14px; } }


/*# sourceMappingURL=bundle.css.map*/