style.css  
  Author: Anthony Macali
  Date: 4th August
*******************************************************************************/
  html { height:100%; padding:0; margin:0; scroll-behavior:smooth; }
  body { height:100%; padding:0; margin:0; font-family:'Roboto',sans-serif; font-size:14px; }

  /* reset */
  a { text-decoration:none; }
  img { border:0; margin:0; padding:0; outline:0; }
  h1, h2, h3, h4 { margin:0; padding:0; font-size:100%; font-weight:normal; }
  p, ul, li { margin:0; padding:0; list-style:none; }
  form, input { margin:0; padding:0; line-height:1px; background:none; border:0;outline:none; }

  table { border-collapse:collapse; border:0; }
  * { box-sizing:border-box; }


/*******************************************************************************
  GLOBAL
*******************************************************************************/
  .clear { clear:both; height:1px; line-height:1px; }

  /* fonts */
  h1, h2, header td.TITLE, .menu { font-family:'Raleway',sans-serif; }
  h3, h4, #footer, input { font-family:'Roboto',sans-serif; }
  p { font-family:'Roboto',sans-serif; }
  th, td { font-family:'Roboto',sans-serif; }

  .container { max-width:960px; margin:auto; padding:0 16px; }  
  .shadow { -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }


/*******************************************************************************
  HEADER
*******************************************************************************/
  header { background-color:#292769; padding-top:20px; height:116px; }  
  header .container { background:url(/images/covid-19.png) 16px top no-repeat; background-size:72px; height:100%; }

  /* table */
  header table { text-align:center; float:left; width:100%; z-index:2; }
  header table a { color:#fff; }
  header table tr.STATS { font-size:2.8em; font-weight:700; }
  header table tr.STATS td { padding-top:5px; }
  header table tr.TH { color:#d9d2e9; }

  /* title */
  header h1 { font-size:1em; }
  header .TITLE { padding-left:84px; text-align:left; font-family:'Raleway'; }
  header .TITLE span { color:#d9d2e9; }
  header .LAST_UPDATED { padding-left:86px; text-align:left; color:#fff; }
  header .LAST_UPDATED a { color:#d9d2e9; }

  /* measures */
  header table td.CASES, header table td.TESTS, header table td.ACTIVE { width:120px; }
  header table td.DEATHS { width:100px; }

/*******************************************************************************
  MENU
*******************************************************************************/   
  .menu { background-color:#fff; z-index:10; }
  .menu ul { display:block; z-index:5; }
  .menu .container li a { display:block; width:100%; text-transform:uppercase; }
  .menu .container li a { text-align:center; border-radius:2px; font-size:0.9em; height:50px; }

  /* buttons */
  .menu .button { float:left; display:block; width:25%; margin-bottom:12px; }
  .menu .btn1 { padding-right:9px; }
  .menu .btn2 { padding-left:3px; padding-right:6px; }
  .menu .btn3 { padding-left:6px; padding-right:3px; }
  .menu .btn4 { padding-left:9px; }

  .menu .btn12 { padding-right:6px; width:50% !important; }
  .menu .btn34 { padding-left:6px; width:50% !important; }

  .btn-grey { background-color:#efefef; border:1px solid #E8E8E8; }
  .btn-purple { background-color:#d9d2e9; border:1px solid #cdc4e1; color:#292769; }
  .btn-blue { background-color:#c5e8eb; border:1px solid #b9dfe2; color:#143c3f; }
  .btn-green { background-color:#d9ead3; border:1px solid #cce2c5; color:#1d430f; }  
  .btn-vic-lga { background-color:#c4e3e6; border:1px solid #bdd7da; color:#007780; }

  /* main */
  #menu { padding-top:12px; border-top:3px solid #cdc4e1; }
  #menu li a { text-indent:-99999px; }
  #menu li a.icon { background-size:32px; background-position:center center; }
  #menu li a.icon-aus { background-position:center 10px; }
  #menu li a.icon-mask { background-size:54px; background-position:center center; }

  /* hover */
  #menu .nav-open, #menu a:hover, #menu-sub a:hover { background-color:#c5e8eb; border:1px solid #b9dfe2; }
  #menu-state a:hover { color:#fff148; }

  /* submenu */
  #menu-sub { width:100%; height:auto; position:absolute; padding-bottom:3px; }
  #menu-sub a { background-repeat:no-repeat; height:75px; font-weight:700; }
  #menu-sub a { text-indent:0; padding-top:52px; }

  /* show/hide */
  #menu-sub { display:none; }
  .menu-open { display:block !important; }

  /* fixed */
  .fixed-menu { position:fixed; width:100%; top:0; border-top:3px solid #fff !important; }    
  .fixed-menu { -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); }
  .fixed-submenu { position:fixed !important; top:77px; }
  .fixed-content { margin-top:86px; }

  /* state */
  #menu-state a, .btn-state { text-indent:0; color:#fff; font-size:1.6em; height:50px; padding-top:11px; text-transform:uppercase; }
  h1.button { margin:-12px 0 12px 0; font-size:1.6em; height:50px; padding-top:11px; text-align:center; border-radius:2px; text-transform:uppercase; }
  h1.btn-state a { color:#fff; }


/*******************************************************************************
  CONTENT
*******************************************************************************/    
  #content { padding:12px 0 36px 0; background-color:#fff; }
  div.h1 { margin-top:12px; }

  h1 { font-size:2.5em; font-weight:700; }
  h2 { font-size:1.7em; font-weight:700; margin-bottom:2px; text-transform:uppercase; } 
  h2 a { color:#000; }
  h3 { font-size:1.1em; margin-bottom:12px; }
  p { font-size:1em; margin-bottom:10px; padding-left:1px; }  

  /* box */
  .box { margin-bottom:24px; }
  .box1 { float:left; width:50%; padding-right:16px; }
  .box2 { float:left; width:50%; padding-left:16px; }
  .box section h2 a { background:url(/images/arrows/arrows.png) no-repeat right 4px; background-size:14px; padding-right:24px; }

/*******************************************************************************
  CONTENT - CUSTOM
*******************************************************************************/  

  /* index */
  #page-index .box section h2 a { background:none; padding:0; }
  #page-report .box section h2 a { background:none; padding:0; }
  #page-last-updated .box section h2 a { background:none; padding:0; }

  /* about */
  #page-about #content p.data { font-size:1.6em; line-height:1.4em; padding:6px 0; }  
  #page-about #content p { font-size:1.2em; line-height:1.7em; }
  #page-about #content a { color:#006fb0;  }
  #page-about #content a:hover { color:#6288a5; border-bottom:1px solid #6288a5; }

  /* thanks */
  #page-thank-you #content a.signature { color:#000; border-bottom:1px solid #000; font-weight:700; }
  #page-thank-you #content p { font-size:1.2em; line-height:1.7em; }

  /* support */
  #page-support #content p.data { font-size:1.6em; line-height:1.4em; padding:6px 0; }  
  #page-support #content p { font-size:1.2em; line-height:1.7em; }
  #page-support #content a.signature { color:#000; border-bottom:1px solid #000; font-weight:700; }

  /* error */
  #page-error #content p { font-size:1.2em; line-height:1.7em; }

  /* postcode */
  #page-state-postcode #content section.INTERPREATING-DATA p { font-size:1.2em; line-height:1.7em;  }
  #page-state-postcode #content section a { color:#006fb0; }
  #page-state-postcode #content h2 a { color:#000; }
  
  /* faqs */
  #page-faqs #content p { font-size:1.1em; line-height:1.5em; }
  #page-faqs #content a { color:#006fb0; }
  #page-faqs #content h2 a { color:#000; }

  .health-icon { float:left; padding-right:16px; }
  #page-faqs .hash { font-size:0.7em; position:relative; top:-4px; }

  #page-state-and-territories TABLE.DAILY-SUMMARY tr:last-child { font-weight:400; }

/*******************************************************************************
  TABLE
*******************************************************************************/   
  .box table { width:100%; border:1px solid #E8E8E8; }  
  .box table th { background-color:#00ba66; border:1px solid #00ba66; color:#fff; font-size:0.8em; line-height:2.2em; padding-top:2px; }
  .box table tr:last-child { font-weight:700; }

  .box table td { font-size:1.2em; line-height:1.8em; text-align:center; color:#000; }                                 
  .box table td a { color:#006fb0; }
  .box table td a:hover { color:#6288a5; border-bottom:1px solid #6288a5; }
  .box table td { width:100px; }  
  .box table th:first-child { text-align:left; padding-left:8px; width:auto; }
  .box table td:first-child { text-align:left; padding-left:8px; width:auto; }    

  /* odd and even row numbers */
  .odd { background-color:#f3f3f3; }
  .even { background-color:#fff; }   

  /* net */  
  table th.VAR, table th.VAR2 { color:#00ba66; text-indent:-9999px; }
  table th.NET, table th.NET2 { color:#00ba66; text-indent:-9999px; }
  table td.VAR { width:20px; }
  table td.VAR2 { width:20px; }
  table td.NET { width:80px; padding-right:8px; }    
  table td.NET2 { width:80px; padding-right:8px; }    

  /* note */
  p.note { display:block; text-align:right; margin:8px 0 0 0; margin-right:4px; font-size:0.9em; }
  p.note a { color:blue; }

  /* arrows */
  span.red { color:#df000f; }
  span.green { color:#01894c; }
  span.zero { font-size:0.8em; }  
  span.blue { color:#779db4; }

  span.red-up { display:block; width:20px; background:url(/images/arrows/red-up.png) center center no-repeat; background-size:8px; }
  span.red-down { display:block; width:20px; background:url(/images/arrows/red-down.png) center center no-repeat; background-size:8px; }
  span.zero { display:block; width:20px; background:url(/images/arrows/outline.png) center center no-repeat; background-size:6px; }
  span.green-up { display:block; width:20px; background:url(/images/arrows/green-up.png) center center no-repeat; background-size:8px; }
  span.green-down { display:block; width:20px; background:url(/images/arrows/green-down.png) center center no-repeat; background-size:8px; }
  span.black-down { display:block; width:20px; background:url(/images/arrows/black-down.png) center center no-repeat; background-size:8px; }
  span.black-up { display:block; width:20px; background:url(/images/arrows/black-up.png) center center no-repeat; background-size:8px; }

/*******************************************************************************
  Custom Tables
*******************************************************************************/   
  /* report */
  #page-report .box table tr:last-child { font-weight:400; }

  /* cases */
  table.CASES td.CASES { width:60px; }
  table.CASES th.OSEAS { text-indent:-99999px; background:#00ba66 url(/images/icons/airplane.png) center center no-repeat; background-size:14px; }
  table.CASES td.OSEAS { width:50px; }
  table.CASES td.VAR { width:20px; }    
  table.CASES td.NET { width:60px; padding-right:8px; }    

  /* hospitalised */
  table.HOSPITALISED td { width:64px; }
  table.POSITIVE-TEST-RATE td { width:64px; }  

  /* summary */
  table.DAILY-SUMMARY td.TOTAL a { color:#000 !important; }
  table.DAILY-SUMMARY td.TOTAL a:hover { border-bottom:1px solid #000; }  
  table.DAILY-SUMMARY img { height:12px; width:12px; }

  /* outbreaks */
  table.DAILY-OUTBREAKS-AGED td.DEATHS { width:80px; }
  table.DAILY-OUTBREAKS-AGED td.ACTIVE { width:80px; }
  table.DAILY-OUTBREAKS-AGED td.NET { width:40px; }
  table.DAILY-OUTBREAKS-AGED td.NET2 { width:50px; }
  
  table.DAILY-OUTBREAKS-HEALTH td.CASES { width:80px; }
  table.DAILY-OUTBREAKS-HEALTH td.ACTIVE { width:80px; }
  table.DAILY-OUTBREAKS-HEALTH td.NET { width:40px; }
  table.DAILY-OUTBREAKS-HEALTH td.NET2 { width:50px; }  

  /* source */
  table.DAILY-SOURCE-OF-INFECTION td { width:60px; }

  /* lga */  
  #page-state-lga .box table tr:last-child { font-weight:400; }
  #page-state-lga td.NET { width:70px; }
  #page-state-postcode .box table tr:last-child { font-weight:400; }

  table th.STAGE { text-indent:-9999px; }
  table td.STAGE { width:30px; }
  table td.STAGE img { display:block; margin-top:-1px; padding-top:2px; }

  table.DAILY-CASES-BY-LGA td.DATE { width:76px; }
  table.DAILY-CASES-BY-LGA td.STAGE { width:auto; }
  table.DAILY-CASES-BY-LGA td.CASES { width:80px; }
  table.DAILY-CASES-BY-LGA td.ACTIVE { width:80px; }
  #page-state-lga table.DAILY-CASES-BY-LGA td.NET { width:40px; }
  table.DAILY-CASES-BY-LGA td.NET2 { width:40px; padding-right:8px; }

  table.CASES-PER-POPULATION-LGA td.STAGE { width:20px; }
  table.CASES-PER-POPULATION-LGA td.CASES { width:80px; }
  table.CASES-PER-POPULATION-LGA td.POP { width:60px; }
  table.CASES-PER-POPULATION-LGA td:last-child { width:80px; }

  table.ACTIVE-CASES-PER-POPULATION-LGA td.STAGE { width:20px; }
  table.ACTIVE-CASES-PER-POPULATION-LGA td.ACTIVE { width:80px; }  
  table.ACTIVE-CASES-PER-POPULATION-LGA td.POP { width:60px; }  
  table.ACTIVE-CASES-PER-POPULATION-LGA td:last-child { width:80px; }

  table.HOTSPOTS-BY-LGA td.STAGE { width:20px; }
  table.HOTSPOTS-BY-LGA td.CASES { width:80px; }  
  table.HOTSPOTS-BY-LGA td.DAYS { width:60px; }  
  table.HOTSPOTS-BY-LGA td.ACTIVE { width:80px; }  

  table.CASE-LOCATIONS .LOCATION { text-align:left; width:140px; padding-right:10px; }
  table.CASE-LOCATIONS .SITE { text-align:left; width:auto; font-size:0.9em; }
  table.CASE-LOCATIONS .PERIOD {  width:160px; font-size:0.9em; }

  /* postcode */
  table.CASES-BY-POSTCODE .CODE { text-align:center; width:60px;  }
  
  table.CASES-BY-POSTCODE td.CASES { width:60px; }
  table.CASES-BY-POSTCODE td.VAR { width:20px; }
  table.CASES-BY-POSTCODE td.NET { width:40px !important; padding-right:0; }  

  table.CASES-BY-POSTCODE td.ACTIVE { width:60px; }
  table.CASES-BY-POSTCODE td.VAR2 { width:20px; }
  table.CASES-BY-POSTCODE td.NET2 { width:40px; padding-right:8px; }  
  
  table.CASES-BY-POSTCODE td.SUBURB { width:auto; font-size:0.9em; text-align:left; padding-left:24px; padding-right:8px; }
  table.CASES-BY-POSTCODE tr:last-child { font-weight:400; }

  table.DAILY-CASES-BY-POSTCODE td.CASES { width:80px; }
  table.DAILY-CASES-BY-POSTCODE td.ACTIVE { width:80px; }
  table.DAILY-CASES-BY-POSTCODE td.NET { width:40px; }
  table.DAILY-CASES-BY-POSTCODE td.NET2 { width:50px; }
  
  table.CASES-RECLASSIFICATIONS td.NET { width:40px; }
  table.CASES-RECLASSIFICATIONS td.RECLASS { width:40px; }

  /* Last Updated */
  table.LAST-UPDATED tr:last-child { font-weight:400; }
  table.LAST-UPDATED td.DATE{ width:60px; padding:0; text-align:center; }
  table.LAST-UPDATED td.TIME { width:100px; text-align:center; }
  table.LAST-UPDATED th.NOTE, table.LAST-UPDATED td.NOTE { text-align:left; padding-left:4px; width:auto; line-height:1.5em; }
  table.LAST-UPDATED td.NOTE a { color:#000 !important; border-bottom:1px solid #000; }

  table th.SOURCE { color:#00ba66; width:60px; }
  table th.VERIFIED, table td.VERIFIED { width:36px; color:#00ba66; }
  table td.VERIFIED img { height:12px; width:12px; }

  table.STATE td.TIME a { color:#000 !important; }
  table.STATE td.TIME a:hover { border-bottom:1px solid #000; }

  /* resources */
  .box table.RESOURCES td.STATE { width:80px; text-align:center; } 
  table.RESOURCES td.CATEGORY {  text-align:left; }
  table th.CATEGORY, table td.CATEGORY { text-align:left; padding-left:4px; width:auto; line-height:1.5em; }

  /* roadmap */
  table.ROADMAP-VIC td.CASES { width:80px; }
  table.ROADMAP-VIC td.VAR { width:30px; }
  table.ROADMAP-VIC td.NET { width:30px; }
  table.ROADMAP-VIC td.UNKN { width:80px; }

/*******************************************************************************
  SEARCH
*******************************************************************************/   
  div.search { margin-bottom:16px; width:100%; }
  input#search { border:1px solid #E8E8E8; border-radius:2px; padding:8px 0 7px 8px; font-size:1.1em; width:100%; }

  /******************************************************************************
  TABLE INFO
  ******************************************************************************/ 

  .info { border:1px solid #E8E8E8; background-color:#f3f3f3; padding:12px; } 
  .info-item { float:left; width:25%; text-align:center; }
  .info-item p { font-size:2.2em; font-weight:700; margin:0; background-color:#fff; padding:8px 0 6px 0; border-radius:2px 2px 0 0; } 
  .info-item p { border:1px solid #E8E8E8; border-bottom:0; }
  .info-item a { display:block; width:100%; color:#fff; text-align:center; padding:1px 0;  border-radius:0 0 2px 2px; }
  .info-item a { font-family:'Raleway',sans-serif; font-size:1em; }
  .info-item a:hover { color:#fff148; }

  .info-item-1 { padding-right:9px; margin-bottom:12px; }
  .info-item-2 { padding-left:3px; padding-right:6px; margin-bottom:12px; }
  .info-item-3 { padding-left:6px; padding-right:3px; margin-bottom:12px; }
  .info-item-4 { padding-left:9px; margin-bottom:12px; }

  .info-item-5 { padding-right:9px; }
  .info-item-6 { padding-left:3px; padding-right:6px; }
  .info-item-7 { padding-left:6px; padding-right:3px; }
  .info-item-8 { padding-left:9px; }

  .fever img { border:1px solid #E8E8E8; border-radius:2px 2px 0 0; width:100%; }

  /* Region */
  .DAYS-AVERAGE-METRO-VIC a.VIC { background-color:#661da5; border:1px solid #661da5; }
  .DAYS-AVERAGE-METRO-VIC .info-item-1 { margin-bottom:0; }
  .DAYS-AVERAGE-METRO-VIC .info-item-1 p { text-indent:-99999px; background:#fff url(/images/icons/step-two.png) no-repeat center center; background-size:32px; }
  .DAYS-AVERAGE-METRO-VIC .info-item-2 { margin-bottom:0; }
  .DAYS-AVERAGE-METRO-VIC .info-item-3 { margin-bottom:0; }
  .DAYS-AVERAGE-METRO-VIC .info-item-4 { margin-bottom:0; }
  
  .DAYS-AVERAGE-REGIONAL-VIC a.VIC { background-color:#661da5; border:1px solid #661da5; }
  .DAYS-AVERAGE-REGIONAL-VIC .info-item-1 { margin-bottom:0; }
  .DAYS-AVERAGE-REGIONAL-VIC .info-item-1 p { text-indent:-99999px; background:#fff url(/images/icons/step-three.png) no-repeat center center; background-size:32px; }  
  .DAYS-AVERAGE-REGIONAL-VIC .info-item-1 { margin-bottom:0; }
  .DAYS-AVERAGE-REGIONAL-VIC .info-item-2 { margin-bottom:0; }
  .DAYS-AVERAGE-REGIONAL-VIC .info-item-3 { margin-bottom:0; }
  .DAYS-AVERAGE-REGIONAL-VIC .info-item-4 { margin-bottom:0; }


  /******************************************************************************
  FOOTER
  ******************************************************************************/ 

  .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  /******************************************************************************
  FOOTER
  ******************************************************************************/ 

  /* scroll */
  .scrollable {
    overflow:auto;
    width:100%;
    height:100%; 
  }

  #page-dashboard { padding:0; margin:0; }

  #page-dashboard header { display:none; }
  #page-dashboard .breadcrumb { display:none; }
  #page-dashboard .footer { display:none; }

  .dashboard { height:100%; }
  .pane { display:block; float:left; width:11.11%; height:100%; }

  .AUS { background-color:#292769; }
  .NSW { background-color:#002665; }
  .VIC { background-color:#007780; }
  .QLD { background-color:#40101c; }
  .WA { background-color:#1f5f38; }
  .SA { background-color:#ef1616; }
  .TAS { background-color:#b5a85a; }
  .ACT { background-color:#2b2867; }
  .NT { background-color:#c84c01; }


  h1.heading { color:#000; color:#292769; background-color:#d9d2e9; border:1px solid #cdc4e1; }
  a.NSW { background-color:#002665; border:1px solid #002665; }
  a.VIC { background-color:#007780; border:1px solid #007780; }
  a.QLD { background-color:#40101c; border:1px solid #40101c; }
  a.WA { background-color:#1f5f38; border:1px solid #1f5f38; }
  a.SA { background-color:#ef1616; border:1px solid #ef1616; }
  a.TAS { background-color:#b5a85a; border:1px solid #b5a85a; }
  a.ACT { background-color:#2b2867; border:1px solid #2b2867; }
  a.NT { background-color:#c84c01; border:1px solid #c84c01; }


  .pane .item { height:16.5%; padding-top:2%; }
  .pane .header { display:flex; justify-content:center; align-items: center; }
  .pane .header img { padding:0; height:11vh; }

  .pane h2 { text-align:center; font-size:7.2vh; margin:0;}
  .pane h2 a {  color:#fff; }

  .pane h3 { text-align:center; font-size:2.2vh; margin:0; padding:0; }
  .pane p {  font-family:'Roboto',sans-serif; text-align:center; padding:0; margin:0; }
  .pane p.num { font-size:6.6vh; color:#fff; font-weight:700; }
  .pane p.num a { color:#fff; }
  .pane p.var { font-size:2.2vh; }

  /* symbols */
  .pane span { font-size:0.7em; padding-right:2px; }
  .pane span.up { vertical-align:2px;}
  .pane span.down { vertical-align:1px; }
  .pane span.flat { vertical-align:2px; font-size:0.6em; }

  .AUS p.var, .AUS h3 a { color:#9493b4; }
  .NSW p.var, .NSW h3 a  { color:#8093b2; }
  .VIC p.var, .VIC h3 a  { color:#80bbc0; }
  .QLD p.var, .QLD h3 a  { color:#a0888e; }
  .WA p.var, .WA h3 a  { color:#8faf9c; }
  .SA p.var, .SA h3 a  { color:#f78b8b; }
  .TAS p.var, .TAS h3 a  { color:#dad4ad; }
  .ACT p.var, .ACT h3 a  { color:#9594b3; }
  .NT p.var, .NT h3 a  { color:#e4a680; }


  /******************************************************************************
  FOOTER
  ******************************************************************************/ 
  footer { background-color:#E8E8E8; margin-bottom:0; padding:12px 0 0 0; height:90px; }
  footer p { text-align:left; line-height:1.6em; font-size:1em; }
  footer img { float:left; width:64px; margin-right:4px; margin-bottom:2px; }

  footer .boimg { float:left; width:64px; margin-right:4px; margin-bottom:2px; }

  footer div {  }
  footer div.box { height:80px; }
  footer div.box2 img { margin-right:10px; }

  footer a { color:#000; font-weight:700; border-bottom:1px solid #000; }

  .donate { width:100px; height:110px; overflow:hidden; text-align:center; }
  .donate img { display:block; height:72px; width:72px; margin:auto; margin-bottom:12px; padding-left:6px; }


  /******************************************************************************
  STICKY
  ******************************************************************************/ 

    * {
    box-sizing: border-box;
    }
    *:before,
    *:after {
    box-sizing: border-box;
    }
    html,
    body {
    height: 100%;

    }
    .wrapper {
    min-height: 100vh; /* will cover the 100% of viewport */
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom:100px; /* height of your footer */
    }
    footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    }

    #page-dashboard .wrapper { display:none; }

  /*******************************************************************************
  MOBILE
  ******************************************************************************/  

  @media screen and (max-width:1024px) {

  header table .CASES { display:none; }  
  .dashboard { width:150%; }
  .pane { display:inline-block; }

  }

  @media screen and (max-width:768px) {
    .max-screen { display:none; }

    /* logo */
    header { background-image:url(/images/covid-19_small.png); background-position:-4px -2px; background-repeat:no-repeat; }
    header .container { background:none; }

    /* box */
    .box { margin:0%; margin-bottom:24px;}
    .box1 { float:none; width:100%; height:auto; padding:0; }
    .box2 { float:none; width:100%; height:auto; padding:0; }
    
    #content .clear { display:none; }
    #content .table-info .clear { display:block !important; }

    footer { margin-bottom:0; }
    footer .box1 { }

    /* banner */
    header table { margin:0; width:100%; }
    header td.TITLE { display:none; }
    header td.LAST_UPDATED { display:none; } 

    .dashboard { width:225%; }

    footer { height:160px; }
    footer .box { margin-bottom:16px; }
    .wrapper { padding-bottom:150px; }
    

    /* info-item */
    .info-item { width:25%; }

    #page-state-lga table.CASES-BY-POSTCODE .CASES { width:78px; }
    #page-state-lga table.CASES-BY-POSTCODE .ACTIVE { width:78px; }
    #page-state-lga table.CASES-BY-POSTCODE .SUBURB { display:none; }


  }

  @media screen and (max-width:600px) {
    .dashboard { width:300%; }
    table.CASES-BY-POSTCODE td.SUBURB { padding-left:8px; padding-right:4px; }
  }

  @media screen and (max-width:414px) {

    table.DAILY-HOSPITALISED td { width:20%; }
    table.DAILY-HOSPITALISED td.DATE { width:40%; }
    table.DAILY-POSITIVE-TEST-RATE td { width:20%; }
    table.DAILY-POSITIVE-TEST-RATE td.DATE { width:40%; }    
    table.DAILY-SOURCE-OF-INFECTION td { width:10%; }

    /* start of phone styles */
    .dashboard { width:900%; }

    table.LAST-UPDATED .TIME { display:none; }
    
    table.DAILY-CASES-BY-LGA td.CASES { width:50px; }
    table.DAILY-CASES-BY-LGA td.ACTIVE { width:50px; }
  }  

  @media screen and (max-width:375px) {
    table.CASES td.CASES { width:60px; }

    table.DAILY-OUTBREAKS-AGED td.DEATHS { width:60px; }
    table.DAILY-OUTBREAKS-AGED td.ACTIVE { width:80px; }
    table.DAILY-OUTBREAKS-AGED .VAR { display:none; }
    table.DAILY-OUTBREAKS-AGED .NET { display:none; }
    
    table.DAILY-OUTBREAKS-HEALTH td.CASES { width:60px; }
    table.DAILY-OUTBREAKS-HEALTH td.ACTIVE { width:80px; }
    table.DAILY-OUTBREAKS-HEALTH .VAR { display:none; }
    table.DAILY-OUTBREAKS-HEALTH .NET { display:none; }    

    table.DAILY-CASES-BY-LGA .STAGE { display:none; }
  }
  
  
  @media screen and (max-width:320px) {
    table.CASES .OSEAS { display:none; }
  }
    
  

  /*******************************************************************************
  ICONS
  ******************************************************************************/    
  .btn-aus { background-color:#292769; border:1px solid #292769; }
  .btn-nsw { background-color:#002665; border:1px solid #002665; }
  .btn-vic { background-color:#007780; border:1px solid #007780; }
  .btn-qld { background-color:#40101c; border:1px solid #40101c; }
  .btn-wa { background-color:#1f5f38; border:1px solid #1f5f38; }
  .btn-sa { background-color:#ef1616; border:1px solid #ef1616; }
  .btn-tas { background-color:#b5a85a; border:1px solid #b5a85a; }
  .btn-act { background-color:#2b2867; border:1px solid #2b2867; }
  .btn-nt { background-color:#c84c01; border:1px solid #c84c01; }

  /* icons */
  .icon { background-size:36px; background-repeat:no-repeat; background-position:center 8px; }
  .icon-home { background-image:url(/images/icons/home.png); }
  .icon-aus { background-image:url(/images/icons/australia.png); }
  .icon-support { background-image:url(/images/icons/support.png); }
  .icon-mask { background-image:url(/images/icons/mask.png); }

  .icon-cases { background-image:url(/images/icons/case.png); }
  .icon-active { background-image:url(/images/icons/active.png); }
  .icon-tests { background-image:url(/images/icons/test.png); }
  .icon-deaths { background-image:url(/images/icons/death.png); }
  .icon-recoveries { background-image:url(/images/icons/recovery.png); }
  .icon-community { background-image:url(/images/icons/community.png); }
  .icon-icu { background-image:url(/images/icons/icu.png); }
  .icon-positive { background-image:url(/images/icons/positive-test.png); }
  .icon-dashboard { background-image:url(/images/icons/dashboard.png); }
  .icon-about { background-image:url(/images/icons/about.png); }
  .icon-resources { background-image:url(/images/icons/resource.png); }
  .icon-twitter { background-image:url(/images/icons/twitter.png); }
  .icon-contact { background-image:url(/images/icons/contact.png); }
  .icon-map { background-image:url(/images/icons/map.png); }
  .icon-hospital { background-image:url(/images/icons/hospital.png); }
  .icon-question { background-image:url(/images/icons/question.png); }
  .icon-age { background-image:url(/images/icons/age.png); }
  .icon-roadmap { background-image:url(/images/icons/road.png); }

  /* icons */
  section { background-size:40px; background-repeat:no-repeat; background-position:98% 6px; }

  section.STATE { background-image:url(/images/icons/resource.png); }
  section.CASES, section.DAILY-CASES, section.CASES-PER-POPULATION { background-image:url(/images/icons/case.png); }
  section.ACTIVE-CASES, section.DAILY-ACTIVE-CASES, section.ACTIVE-PER-POPULATION { background-image:url(/images/icons/active.png); }
  section.TESTS, section.DAILY-TESTS, section.TESTS-PER-POPULATION { background-image:url(/images/icons/test.png); }
  section.RECOVERIES, section.DAILY-RECOVERIES { background-image:url(/images/icons/recovery.png); }
  section.DEATHS, section.DAILY-DEATHS, section.DEATHS-PER-POPULATION { background-image:url(/images/icons/death.png); }
  section.COMMUNITY-TRANSMISSION, section.DAILY-COMMUNITY-TRANSMISSION { background-image:url(/images/icons/community.png); }
  section.ICU, section.DAILY-ICU { background-image:url(/images/icons/icu.png); }
  section.HOSPITALISED, section.DAILY-HOSPITALISED { background-image:url(/images/icons/hospital.png); }
  section.POSITIVE-TEST-RATE, section.DAILY-POSITIVE-TEST-RATE { background-image:url(/images/icons/positive-test.png); }
  section.LAST-UPDATED { background-image:url(/images/icons/resource.png); }
  section.SOURCE-OF-INFECTION, section.DAILY-SOURCE-OF-INFECTION, section.SOURCE-UNDER-INVESTIGATION { background-image:url(/images/icons/infection.png); }
  section.WEEKLY-AGE, section.AGE-HOSPITALISED { background-image:url(/images/icons/age.png); }
  section.CASES-BY-LGA-STATE, section.ACTIVE-CASES-BY-LGA-STATE { background-image:url(/images/icons/map.png); }
  section.CASES-BY-LGA, section.ACTIVE-CASES-BY-LGA { background-image:url(/images/icons/map.png); }
  section.DAILY-CASES-BY-LGA, section.DAILY-ACTIVE-CASES-BY-LGA { background-image:url(/images/icons/map.png); }

  section.DAILY-OUTBREAKS-AGED { background-image:url(/images/icons/grandparents.png); }
  section.DAILY-OUTBREAKS-HEALTH { background-image:url(/images/icons/nurse.png); }
  section.DAILY-SUMMARY { background-image:url(/images/icons/australia.png); }
  section.DAILY-UPDATE { background-image:url(/images/icons/twitter.png); }

  section.DAYS-SINCE-CASES { background-image:url(/images/icons/case.png); }
  section.DAYS-SINCE-UNKNOWN { background-image:url(/images/icons/community.png); }
  section.DAYS-SINCE-ACTIVE-CASES { background-image:url(/images/icons/active.png); }
  section.DAYS-SINCE-DEATHS { background-image:url(/images/icons/death.png); }
  section.DAYS-SINCE-ICU { background-image:url(/images/icons/icu.png); }
  
  section.CASES-PER-POPULATION-LGA, section.ACTIVE-CASES-PER-POPULATION-LGA { background-image:url(/images/icons/map.png); }
  section.CASES-BY-POSTCODE, section.DAILY-CASES-BY-POSTCODE { background-image:url(/images/icons/map.png); }
  
  section.DAYS-AVERAGE-METRO-VIC { background-image:url(/images/icons/road.png); }
  section.DAYS-AVERAGE-REGIONAL-VIC { background-image:url(/images/icons/road.png); }
  section.ROADMAP-VIC { background-image:url(/images/icons/road.png); }
  section.CASE-LOCATIONS { background-image:url(/images/icons/placeholder.png); }