@keyframes rotatemagic {
  0% {
    opacity: 0;
    transform: rotate(0deg);
    top: -24px;
    left: -253px;
  }
  100% {
    transform: rotate(-30deg);
    top: -24px;
    left: -78px;
  }
}
@keyframes animate-bg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -80px 0;
  }
}
@-webkit-keyframes animate-bg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -80px 0;
  }
}
@-moz-keyframes animate-bg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -80px 0;
  }
}
:root {
  --blue: #00a1e4;
  --green: #72bf44;
  --dkblue: #00378b;
  --font-color: #1d2d35;
}

#covid--page h1 {
  margin: 40px 0 20px;
  padding: 0;
  color: #231f20;
  font-family: "Baloo 2", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 48px;
  background-color: transparent;
}
#covid--page #h1__subtitle {
  color: #231f20;
  font-family: "Baloo 2", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
}
#covid--page #h1__subtitle p {
  margin: 0;
  padding: 0;
}
#covid--page #h1__subtitle p small {
  font-size: 16px;
}
#covid--page h3,
#covid--page h4 {
  display: block;
}
#covid--page .med-site-width {
  padding: 0 16px;
}
#covid--page #current_level {
  position: relative;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("/img/covid19/right-triangle-bottom-bright-blue.png");
  background-color: #ddf2fd;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
#covid--page #current_level div {
  position: relative;
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}
#covid--page #current_level div h2 {
  margin: 0;
  padding: 0 0 10px;
  color: #231f20;
  font-family: "Baloo 2", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 1.2;
}
#covid--page #current_level div p {
  margin: 0;
  padding: 0;
  font-family: "Baloo 2", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
}
#covid__intro {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  #covid__intro {
    grid-template-columns: 250px 1fr;
    gap: 30px;
  }
}
#covid__intro h1 {
  margin-top: 0;
}
#covid_wh h2, #covid_branch h2 {
  display: block;
  margin: 0 0 30px;
  padding: 0;
  color: #231f20;
  font-family: "Baloo 2", "Helvetica", sans-serif;
  font-weight: 600;
  font-size: 36px;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  #covid-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 24px;
  }
}
#covid-items article {
  flex: 0 0 450px;
  display: grid;
  grid-template-columns: 1fr 145px;
  margin: 0 12px 30px 12px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width: 768px) {
  #covid-items article {
    margin: 0;
  }
}
#covid-items article p {
  margin: 0;
  color: #555;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  #covid-items article p {
    padding: 0 15px;
  }
}
#covid-items article div:nth-child(2) p {
  text-align: center;
}
#covid-items article div:nth-child(2) p span {
  padding: 4px 15px;
  color: #fff;
  background-color: #479a2a;
  border-radius: 15px;
}
#covid-items article div:nth-child(2) p span.closed {
  background-color: #E40520;
}
#covid-items article div:nth-child(2) p span.limited {
  background-color: #ff8f00;
}
#covid-items__sub {
  margin-top: 30px;
  font-size: 14px;
  font-style: italic;
}
#covid_wh h3 {
  color: #231f20;
  font-family: "Baloo 2", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 40px;
}
#covid_branch {
  padding: 60px 0;
  color: #231f20;
  background-color: #deeaf7;
}
#covid_branch h3 {
  margin-top: 0;
  padding-top: 40px;
}
#covid_branch a {
  color: #231f20;
  text-decoration: underline;
}
#covid_branch a:hover {
  text-decoration: none;
}

.covid-alert {
  display: grid;
  grid-template-columns: 1fr;
  margin: 2rem 0;
  color: #231f20;
  background-color: #ffa700;
}
@media screen and (min-width: 768px) {
  .covid-alert {
    grid-template-columns: auto 1fr;
  }
}
.covid-alert h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 2rem;
  color: white !important;
  font-family: "Baloo 2", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 30px;
  background-color: #231f20;
}
.covid-alert h2 .fas {
  margin-right: 1rem;
  font-size: 26px;
}
.covid-alert p {
  padding: 2.2rem 2.4rem;
}
.covid-alert a {
  color: #231f20;
  text-decoration: underline;
  font-weight: bold;
}
.covid-header {
  margin: 0 0 20px;
  padding: 30px;
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 1.1;
  background-image: linear-gradient(135deg, #fc0 25%, #fff 25%, #fff 50%, #fc0 50%, #fc0 75%, #fff 75%, #fff 100%);
  background-size: 200px 200px;
}
.covid__link {
  display: inline-block;
  padding: 10px 20px;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  background-color: #231f20;
  transition: color 0.2s ease-in-out;
}
.covid__link:visited, .covid__link:active {
  color: white;
}
.covid__link:hover {
  color: #fc0;
}
.covid_wh__last-word {
  position: relative;
}
.covid_wh__last-word::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transform: translateY(-50%);
}
.covid_wh__last-word--red::after {
  background-image: url("/img/covid19/traffic-light-icon-red.svg");
}
.covid_wh__last-word--orange::after {
  background-image: url("/img/covid19/traffic-light-icon-orange.svg");
}
.covid_wh__last-word--green::after {
  background-image: url("/img/covid19/traffic-light-icon-green.svg");
}
.covid_wh-services p {
  margin: 0;
  padding-bottom: 6px;
}
.covid-happening {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 12px;
}
.covid-happening article {
  flex: 0 0 250px;
  border: 1px solid #231f20;
}
.covid-happening__header {
  padding: 16px;
  min-height: 240px;
  text-align: center;
  background-color: #fc0;
  border-bottom: 6px solid #deeaf7;
}
.covid-happening__header figure {
  margin: 0;
  margin-bottom: 10px;
}
.covid-happening__header span {
  font-size: 14px;
  font-weight: 700;
}
.covid-happening__content {
  padding: 16px;
}
.covid-happening__content p {
  margin: 0;
}

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