/***** COVID-19 *****/
.covid-19__header {
  background: #B60202;
  padding: 0.5rem;
  width: auto;
  border-radius: 4px;
  position: absolute;
  bottom: 1rem;
  right: 3rem; }

/* SVG Map on the landing page */
.covid-map-container {
  height: auto;
  overflow: visible;
  width: 100%; }

.covid-map {
  display: block;
  height: 62vw;
  margin: auto;
  max-height: 777px;
  max-width: 1170px;
  width: 100%; }

#us_map {
  height: 100%;
  width: 100%; }

#divider1,
#divider2 {
  stroke: black; }

.land {
  fill: #CCCCCC;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 2;
  -webkit-transition: stroke-width 0.5s;
  -o-transition: stroke-width 0.5s;
  transition: stroke-width 0.5s; }
  .land:hover {
    stroke-width: 6;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .land.info-density-0 {
    fill: rgba(0, 124, 224, 0); }
  .land.info-density-1 {
    fill: rgba(0, 124, 224, 0.33); }
  .land.info-density-2 {
    fill: rgba(0, 124, 224, 0.67); }
  .land.info-density-3 {
    fill: #007ce0; }

/* The state listings on the standard page template. */
.covid-state-links {
  background: white;
  -webkit-columns: auto;
     -moz-columns: auto;
          columns: auto;
  -webkit-column-width: 12rem;
     -moz-column-width: 12rem;
          column-width: 12rem;
  max-width: 100%;
  padding: 1rem;
  width: 100%; }
  .covid-state-links li {
    background: #007ce0;
    border: 1px solid black;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin: 0.5rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 12rem; }
    .covid-state-links li.info-density-0 {
      background: rgba(0, 124, 224, 0); }
    .covid-state-links li.info-density-1 {
      background: rgba(0, 124, 224, 0.33); }
    .covid-state-links li.info-density-2 {
      background: rgba(0, 124, 224, 0.67); }
    .covid-state-links li.info-density-3 {
      background: #007ce0; }
  .covid-state-links li.disabled,
  .covid-state-links li.disabled:hover {
    background: #c3c3c3; }
  .covid-state-links li:hover {
    background: white;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .covid-state-links li.has-submenu::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-size: 1rem;
    position: absolute;
    right: 1rem; }
  .covid-state-links a {
    color: black;
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none; }
  .covid-state-links a:focus {
    background: transparent; }

.covid__list,
.covid__sub-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.covid__sub-list {
  background: transparent;
  border: none;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s; }
  .covid__sub-list li {
    background: transparent;
    border: none;
    margin: 0 1rem;
    padding: 0; }

.has-submenu:hover .covid__sub-list {
  height: 100%;
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s; }

/* Dialog boxes on the Covid-19 landing page. */
.ui-dialog {
  background: white;
  border: 1px solid black;
  border-radius: 4px;
  max-width: 600px;
  min-width: 320px;
  padding: 1rem;
  z-index: 101; }

.ui-dialog-titlebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.ui-dialog-title {
  font-size: 2rem; }

.ui-dialog-buttonpane {
  display: none; }

.covid__dialog {
  display: none; }

.dialog-title {
  display: none; }

.covid-state__menu a:focus {
  background: transparent;
  color: royalblue; }

.ui-widget-overlay {
  background: black;
  height: 400%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100; }

/* Used by template page-covid-19. */
.covid-fields {
  margin-bottom: 3rem; }

.covid-field__label {
  margin-bottom: 0; }

h5.covid-field__label {
  font-size: 1rem;
  font-weight: 700; }

.covid-field__value p:first-of-type {
  margin-top: 0; }

.covid-fields div,
.covid-fields h4,
.covid-fields h5 {
  padding-left: 2rem; }

/*# sourceMappingURL=covid-19-style.css.map */