/* Variables */
/* Mixins */
.updated-date {
  color: #007C91; }

.cases-header {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 1200px) {
    .cases-header {
      flex-direction: row; } }
  @media only screen and (min-width: 1200px) {
    .cases-header {
      align-items: stretch; } }
  .cases-header .cases-callouts {
    background: #EBF7F5;
    flex-grow: 1;
    font-size: .8em;
    padding: 2em 1em;
    text-align: right; }
    @media only screen and (min-width: 768px) {
      .cases-header .cases-callouts {
        padding: 2em 2em 1.5em;
        font-size: 1em; } }
    @media only screen and (min-width: 1200px) {
      .cases-header .cases-callouts {
        margin-right: 1.5em; } }
    .cases-header .cases-callouts > footer {
      text-decoration: none;
      color: #00798F;
      margin-top: 1em;
      font-size: .9em; }
      .cases-header .cases-callouts > footer ul {
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between; }
      .cases-header .cases-callouts > footer a {
        color: #00798F; }
    .cases-header .cases-callouts .callouts-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .cases-header .cases-callouts .callouts-container .callout {
        text-align: center;
        background: #fff;
        width: 47%;
        text-transform: uppercase;
        font-size: 1.3em;
        padding: 1em 0; }
        .cases-header .cases-callouts .callouts-container .callout span.count {
          display: block;
          color: #007D91;
          font-size: 1.7em;
          font-weight: 500; }
        .cases-header .cases-callouts .callouts-container .callout span.new-cases {
          color: rgba(0, 0, 0, 0.6);
          text-transform: none;
          display: block;
          font-size: .7em;
          font-weight: 500; }
  .cases-header > a {
    text-decoration: none;
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 200px;
    margin-top: 2em; }
    @media only screen and (min-width: 1200px) {
      .cases-header > a {
        width: 40%;
        margin-top: 0; } 
      .cases-header > a.half {
        width: 100%;
        margin-top: 0;
        min-height: 206px;} 
}
    .cases-header > a:hover section {
      transition: 0.2s all;
      background: rgba(0, 124, 145, 0.9); }
    .cases-header > a .heading {
      font-size: 1.3em;
      font-weight: 600; }
    .cases-header > a p {
      margin: 0; }
    .cases-header > a section {
      transition: 0.2s all;
      background: rgba(0, 124, 145, 0.8);
      color: #fff;
      padding: 1em 1em 1.3em;
      position: absolute;
      bottom: 0;
      width: 100%; }

.county-selector {
  background: #EBF7F5;
  padding: 1em;
  color: #333; }
  @media only screen and (min-width: 992px) {
    .county-selector {
      padding: 2em; } }
  .county-selector h4, .titleCallout h4 {
    font-family: "Open Sans",apple-system,blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
    margin-top: 0;
    padding: 0; }
  .county-selector p, .titleCallout p {
    margin-bottom: 2em; }
  .county-selector form {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    @media only screen and (min-width: 576px) {
      .county-selector form {
        align-items: center;
        flex-direction: row;
        justify-content: center;
        max-width: 70%; } }
    @media only screen and (min-width: 1200px) {
      .county-selector form {
        max-width: 60%; } }
  .county-selector select {
    background: #fff;
    padding: 0 .7em;
    font-size: 1em;
    width: 100%;
    flex-grow: 1;
    margin-bottom: 1em; }
    @media only screen and (min-width: 576px) {
      .county-selector select {
        font-size: 1em;
        margin-bottom: 0;
        margin-right: 1em; } }

.cyan-callout {
  margin: 1em 0;
  padding: .5em 1em;
  color: #444;
  background: #EBF7F5; }