.polopoly_embed {max-width: 100% !important;}
  
  #covid-canada-date-chart {
    /*box-shadow: 0 2px 4px 0 #f3f3f3;*/
    border: 1px solid #f3f3f3;
    border-radius: 2px;
    margin: 5px 0;
    padding: 0;
    /*height: 500px;*/
  }

  .covid-province-table {
    font-family: 'CTVSans-Regular', 'CTV Sans', Arial, Helvetica, sans-serif;
    max-width: 400px;
    table-layout: fixed;
    margin: -7px 0 20px 0;
    border: 1px solid #f3f3f3;
    border-collapse: collapse;
    line-height: 1.25;
  }
  
  .covid-province-table th {
    text-align: left;
    color: #333;
    background: #f3f3f3;
    padding: 3px 6px;
    font-size: 15px;
    letter-spacing: 0.2px;
  }
  
  .covid-province-table td {
    border: 1px solid #f3f3f3;
    padding: 3px 6px;
  }
  
  .covid-collapsable{
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-family: 'CTVSans-Regular', 'CTV Sans', Arial, Helvetica, sans-serif;
    order: 4;
  }
  
  .covid-collapsable-content {
    max-height: 243px;
    overflow: hidden;
  line-height: 1.5;
  }
  
  .covid-collapsable-button {
    font-family: 'CTVSans-Bold', 'CTV Sans', Arial, Helvetica, sans-serif;
    text-align: center;
    border-top: 1px solid #d3d3d3;
    padding: 10px 0 15px;
    box-shadow: 0 -15px 10px -10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #636363;
    font-size: 14px;
  }
  
  .covid-collapsable-button:hover {
    Background: #f3f3f3;
  }
  
  .cases-table td{
    vertical-align: middle;
  }
  
  .cases-table td:first-child{
  font-size: 20px;
  font-family: 'CTVSans-Bold', 'CTV Sans', Arial, Helvetica, sans-serif; 
   color: #222;
  
  }
  
  .covid-collapsable-content strong {
    font-family: 'CTVSans-Bold', 'CTV Sans', Arial, Helvetica, sans-serif; 
    font-weight: normal;
  }
  
  .covid-head {
    font-size: 34px !important;
    margin: 20px 0;
    line-height: 1.2;
    font-family: 'CTVSans-Regular', 'CTV Sans', Arial, Helvetica, sans-serif;
    order: 1;
  }
  .case-head {
    order: 3;
    font-family: 'CTVSans-Regular', 'CTV Sans', Arial, Helvetica, sans-serif;

  }
  
  .covid-navigation {
    font-family: 'CTVSans-Bold', 'CTV Sans', Arial, Helvetica, sans-serif; 
    text-align: center;
    margin: 30px auto;
    max-width: 500px;
    line-height: 1.7;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px;
  }
  
  .covid-anchor-link {
    text-decoration: none;
    white-space: nowrap;
    margin: 10px;
    color: #333;
  }
  
  .covid-top {
    font-family: 'CTVSans-Regular', 'CTV Sans', Arial, Helvetica, sans-serif; 
    font-weight: normal;
    font-size: 12px;
    color: #a3a3a3;
  }  
  
  .covid-province-container {
  /*display: flex;*/
  flex-direction: column;
  font-family: 'CTVSans-Regular', 'CTV Sans', Arial, Helvetica, sans-serif; 

}

.covid-table-charts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  'tb1 ch'
  'tb2 ch'
  'tb3 ch';
  gap: 10px;
  order: 2;
}
.tracking-chart {
  /*box-shadow: 0 2px 4px 0 #f3f3f3;*/
  border: 1px solid #f3f3f3;
  border-radius: 2px;
  grid-area: ch;
  max-width: 398px;
}

.tb1 {
  grid-area: tb1;
}

.tb2 {
  grid-area: tb2;
}

.tb3 {
  grid-area: tb3;
}

.history-head {
  order: 3;
}

#covid-dashboard {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  min-height: 500px;
}

#covid-dashboard .province:hover {
  cursor: pointer;
  opacity: 0.8;
}

#covid-dashboard .province:active {
  cursor: pointer;
  opacity: 0.5;
}

#covid-dashboard .map-svg {
margin: 0 auto;
}

#covid-dashboard .map-text {
  /*font-weight: 700;*/
  fill: #535353;
}

#covid-dashboard .map-circle {
  fill: rgba(255,255,255,0.45);
}

#covid-dashboard .data-source {
  font-size: 12px;
}

.text-new, .text-cumulative {
  cursor: pointer;
}


.case-status {
  fill: #333;
  font-size: 26px;
}

@media only screen and (max-width: 1000px) {
  .covid-table-charts {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 
    'tb1'
    'tb2'
    'tb3'
    'ch';
    gap: 5px;
  }

  .tracking-chart {
    /*height: 300px;*/
  }

}