/*******************************************************************************
  Name: STYLE.css
  Desc: Stylesheet
*******************************************************************************/

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:980px; margin:auto; padding:0 16px; }  
.shadow { -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 4px rgba(0,0,0,0.1); box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); }

#content {  
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  justify-content:center;
 }
 
#content .container { width:980px; }
#content .pane-left, #content .pane-right { flex:1; }
#content .pane-left div { float:right; margin-right:6px; }
#content .pane-right div { float:left; margin-left:6px; }

/*******************************************************************************
HEADER
*******************************************************************************/
header { height:116px; padding-top:20px; background-color:#292769; }  
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; }
header .LAST_UPDATED span { color:#d9d2e9; }

/* measures */
header table td.MA { width:150px;  }
header table td.VACCINATIONS { width:150px;  }
header table td.ICU { width:130px;  }

/*******************************************************************************
ADVERTS
*******************************************************************************/
#content .advert { margin-bottom:20px; }
.advert p.advertisement { font-family:'Roboto',sans-serif; color:#999; font-size:0.8em; text-align:center; }
.advert p.advertisement { padding:8px 0; margin-bottom:4px; }  

/*******************************************************************************
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; }
.menu .btn { width:100% !important; }

/* colours */
.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-yellow { background-color:#ffffcc; border:1px solid #e9e98e; color:#5f5f0f; } 
.btn-dark { background-color:#707070; border:1px solid #707070; }

/* 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; }

/* buttons */
#menu-state a, .btn-state { text-indent:0; color:#fff; font-size:1.6em; height:50px; padding-top:11px; text-transform:uppercase; }
#page-state #menu-state .button a { font-size:1.3em; padding-top:14px; }
#page-state-lga #menu-state .button a { font-size:1.3em; padding-top:14px; }
#page-state-postcode #menu-state .button a { font-size:1.3em; padding-top:14px; }

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 12px 0; background-color:#fff; }
div.h1 { margin-top:12px; }

/* index */
#page-index #content > div.container:first-of-type{ padding-bottom:0; border-bottom:1px solid red; }

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; }

/*******************************************************************************
  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 th a { color:#fff; }
  .box table tr:last-child { font-weight:700; }
  #page-report .box table tr:last-child { font-weight:400; }

  .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 th:first-child { text-align:left; padding-left:8px; width:auto !important; }
  .box table td:first-child { text-align:left; padding-left:8px; width:auto !important; }    
  .box table th:last-child { padding-right:8px; }
  .box table td:last-child { padding-right:8px; }

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

  /* 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
*******************************************************************************/   
  /* var */  
  section table th.VAR, section table th.VAR2 { color:#00ba66; text-indent:-9999px; }  
  section table .VAR, section table .VAR2 { width:20px !important; }
  section table .VAR span, section table .VAR2 span { display:block; width:20px; background-position:center center; background-repeat:no-repeat; background-size:8px; }
  
  /* net */
  section table th.NET, section table th.NET2 { color:#00ba66; }

  table td.DATE a { color:#000; }
  table.ARCHIVE td.DATE a { color:#006fb0 !important; }

  /* colours */
  span.red { color:#df000f; }
  span.pink { color:#ef9186; }
  span.green { color:#01894c; }
  span.blue { color:#779db4; }

  /* image */
  section table span.red-up { background-image:url(/images/arrows/red-up.png); }
  section table span.red-down { background-image:url(/images/arrows/red-down.png); }
  section table span.green-up { background-image:url(/images/arrows/green-up.png); }
  section table span.green-down { background-image:url(/images/arrows/green-down.png); }
  section table span.zero { background-image:url(/images/arrows/outline.png); background-size:6px; }
  section table span.black-up { background-image:url(/images/arrows/black-up.png); }
  section table span.black-down { background-image:url(/images/arrows/black-down.png); }
  section table span.pink-up { background-image:url(/images/arrows/pink-up.png); }  
  
/*******************************************************************************
  TABLE STYLES
*******************************************************************************/

  /* std 2 */
  section.STD-2 table td.COL2 { width:100px; }
  section.STD-2 table td.NET { width:80px; }  

  /* std 3 */
  section.STD-3 table td.DATE { min-width:52px !important; }
  section.STD-3 table td.CASES { width:100px; }
  section.STD-3 table td { width:80px; }  

  section.STD-4 table td.DATE { min-width:52px !important; }
  section.STD-4 table td.CASES { width:100px; }
  section.STD-4 table td.NET { width:60px; }  
  section.STD-4 table td { width:80px; }  
  section.STD-4 table tr td:last-child { color:#779db4; }

  /* small 3,4 */
  section.SML-3 table td { width:70px; }
  section.SML-4 table td { width:60px; }
  section.SML-4 table td.ACTIVE { width:70px; }

  /* sec 4 */
  section.SEC-4 table td { width:60px; }
  section.SEC-4 th.COL3 { text-indent:-9999px; }
  section.SEC-4 th.COL5 { text-indent:-9999px; }
  section.SEC-4 .COL3 { color:#779db4; }
  section.SEC-4 .COL5 { color:#779db4; }  

  /* mid 2 */
  section.MID-2 table td { width:100px; }
  section.MID-3 table td { width:84px; }
  section table td.SECOND { color:#779db4; }
  section table td.THIRD { color:#9877b4; }
  section table td.FOURTH { color:#3a8cd1; }

  /* mix 3 */
  section.MIX-3 table td.COL2 { width:100px; }
  section.MIX-3 table td.COL3 { width:90px; }
  section.MIX-3 table .NET { width:48px; padding-right:12px; }

  /* mix 4 */
  section.MIX-4 table td.COL2 { width:60px; }
  section.MIX-4 table td.COL5 { width:60px; }
  section.MIX-4 table .NET { width:48px; padding-right:12px; }
  section.MIX-4 table .NET2 { width:54px; }

  /* mix 5 */
  section.MIX-5 table td.COL2 { width:100px; }
  section.MIX-5 table td.COL5 { width:100px; }  
  section.MIX-5 table td.COL8 { width:80px; }
  section.MIX-5 table td.COL9 { width:60px; }
  section.MIX-5 table .NET { width:48px; padding-right:12px; }
  section.MIX-5 table .NET2 { width:54px; }  
  section.MIX-5 table tr:last-child { font-weight:400; }

  /* mix 6 */
  section.MIX-6 table td.COL2 { width:100px; }
  section.MIX-6 table td.COL5 { width:100px; }
  section.MIX-6 table .NET { width:68px; padding-right:12px; }
  section.MIX-6 table .NET2 { width:64px; }  

  /* cod 5 */
  section.COD-4 table td.COL1 { width:60px; }
  section.COD-4 table td.COL2 { width:70px; }
  section.COD-4 table td.NET { width:40px; }
  section.COD-4 table td.SUBURB { font-size:0.9em; text-align:left; padding-left:16px; color:#779db4; }
  
  /* map 3 */
  section.MAP-3 table td { width:70px }  
  section.MAP-3 table td.NET { width:50px; }
  section.MAP-3 table tr:last-child { font-weight:400; }
  section.MAP-3 th.SECOND { text-indent:-9999px; }
  section.MAP-3 td.SECOND { color:#779db4; }

/*******************************************************************************
  TABLE CUSTOM
*******************************************************************************/

  /* oseas */
  section table th.OSEAS { text-indent:-99999px; background:#00ba66 url(/images/icons/travel/airplane.png) center center no-repeat; background-size:14px; }
  section table td.OSEAS { width:70px; color:#779db4; }

  /* cases */
  table.CASES td.OSEAS { width:44px;  }  
  table.DAILY-CASES td.NEW { color:#779db4; }
  table.DAILY-CASES-PROBABLE td.NEW { color:#779db4; }

  table.VACCINATIONS-BOOSTERS td.COL2 { color:#9877b4; }
  table.VACCINATIONS-FIRST-DOSES-5-TO-11 td.COL2 { color:#ee7425; }
  table.VACCINATIONS-WINTER td.COL2 { color:#3a8cd1; }
  
  /* vaccinations */
  table.DAILY-VACCINATIONS-PEOPLE td.COL2 { color:#779db4; }
  section.VACCINATIONS-AGE th.COL3 { text-indent:-9999px; }
  section.VACCINATIONS-AGE th.COL5 { text-indent:-9999px; }
  section.VACCINATIONS-AGE .COL3 { color:#779db4; }
  section.VACCINATIONS-AGE .COL5 { color:#779db4; }  
  
  section.VACCINATIONS-BY-LGA tr:last-child { font-weight:400; }
  section.VACCINATIONS-BY-LGA-STATE tr:last-child { font-weight:400; }

  section.DAILY-VACCINATION-STATUS tr:last-child { font-weight:400; }
  table td.FULL { color:#779db4; }
  
  section.DAILY-VACCINATION-STATUS td.COL5 { color:#779db4; }

  /* lga */
  table.CASES-BY-LGA td.CASES { width:60px; }
  table.CASES-BY-LGA tr td:last-child { color:#779db4; }
  table.CASES-BY-LGA-REMOTE td.CASES { width:60px; }
  table.CASES-BY-LGA-REMOTE tr td:last-child { color:#779db4; }
  table.DAILY-CASES-BY-LGA tr:last-child { font-weight:normal; }
  
  /* daily summary */
  table.DAILY-SUMMARY td.TOTAL a { color:#000 !important; }
  table.DAILY-SUMMARY td.TOTAL a:hover { border-bottom:1px solid #000; }    

  table.CASES-AGE td.RATE { color:#779db4; }

  /* verified */
  table th.VERIFIED { width:36px; color:#00ba66; }
  img.verified { height:12px; width:12px; margin-bottom:-1px; }

  section.DAILY-SUMMARY-WORLDWIDE table tr:last-child { font-weight:400; }
  
/*******************************************************************************
  Custom Tables
*******************************************************************************/   
  /* report */
  /* #page-report .box table tr:last-child { font-weight:400; } */
  #page-state td.DATE span { display:none; }
  span.grey { color:#779db4; }
  span.na { font-size:0.8em; line-height:1em; }

  /* Last Updated */
  table.LAST-UPDATED tr:last-child { font-weight:400; }
  table.LAST-UPDATED td.DATE { width:60px !important; padding:0; text-align:center; }
  table.LAST-UPDATED td.TIME { width:90px; text-align:center; padding-right:6px; }
  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.STATE td.TIME a { color:#000 !important; }
  table.STATE td.TIME a:hover { border-bottom:1px solid #000; }

  /* resources */
  .metro { color:#006fb0 !important; }
  .regional { color:#af6a36 !important; }
  a.regional:hover { border-bottom:1px solid #af6a36 !important; }
  .overseas { color:#000 !important; }
  .other { color:#000 !important; }

  /* World */
  .btn-blue a { color:#143c3f; }

  table.CASES-WORLDWIDE td.COUNTRY a { padding-left:26px; background-size:16px; background-repeat:no-repeat; background-position:0 2px; }
  table.CASES-WORLDWIDE td.COUNTRY a:hover { border-bottom:0; text-decoration:underline; }
  table.CASES-WORLDWIDE td.COL2 { width:50px; }
  
  table.CASES-WORLDWIDE-VOC td.COUNTRY a { padding-left:26px; background-size:16px; background-repeat:no-repeat; background-position:0 2px; }
  table.CASES-WORLDWIDE-VOC td.COUNTRY a:hover { border-bottom:0; text-decoration:underline; }
  table.CASES-WORLDWIDE-VOC td.COL2 { width:50px; }

  table.DEATHS-WORLDWIDE td.COUNTRY a { padding-left:26px; background-size:16px; background-repeat:no-repeat; background-position:0 2px; }
  table.DEATHS-WORLDWIDE td.COUNTRY a:hover { border-bottom:0; text-decoration:underline; }  
  table.DEATHS-WORLDWIDE td.COL2 { width:50px; }

  table.VACCINATIONS-WORLDWIDE td.COUNTRY a { padding-left:26px; background-size:16px; background-repeat:no-repeat; background-position:0 2px; }
  table.VACCINATIONS-WORLDWIDE td.COUNTRY a:hover { border-bottom:0; text-decoration:underline; }  
  table.VACCINATIONS-WORLDWIDE th.VACC { color:#00ba66; }
  table.VACCINATIONS-WORLDWIDE td.VACC { width:80px; }
  table.VACCINATIONS-WORLDWIDE td.VACC img { width:12px; height:14px; margin:0 3px; padding-top:2px; }

  #page-world .btn-blue a { color:#143c3f; }
  #page-world .btn-blue a:hover { color:#dcff50; }
  #page-world li.button a { color:#143c3f; }
  #page-world li.button a:hover { color:#dcff50; }

  /* vaccinations */
  table.VACCINATIONS-FIRST-DOSES td.COL2 { }

  table.VACCINATIONS-AGE-BAND td { width:62px; }
  table.VACCINATIONS-AGE-BAND th.COL3 { text-indent:-9999px; }
  table.VACCINATIONS-AGE-BAND td.COL3 { color:#779db4; }
  table.VACCINATIONS-AGE-BAND th.COL5 { text-indent:-9999px; }
  table.VACCINATIONS-AGE-BAND td.COL5 { color:#779db4; }
  table.VACCINATIONS-AGE-BAND th.COL7 { text-indent:-9999px; }
  table.VACCINATIONS-AGE-BAND td.COL7 { color:#779db4; }  
  
  table.VACCINATIONS-AGE-GROUP tr:last-child { font-weight:400; }
  
  /* lga */
  table.VACCINATIONS-BY-LGA-REMOTE tr:last-child { font-weight:400; }

  /* postcode */
  section table.CASES-BY-POSTCODE .CODE { width:50px !important; }
  section table.CASES-BY-POSTCODE .CASES { width:50px !important; }


/*******************************************************************************
  SCROLLR
*******************************************************************************/  

  section.ARCHIVE { overflow-x:scroll; }
  table.ARCHIVE .COL1 { min-width:96px; position:absolute; }
  table.ARCHIVE .COL2 { width:100%; text-align:right; padding-right:20px; padding-left:106px; }

  @media screen and (max-width:1028px) {  
    table.ARCHIVE .COL1 { box-shadow:2px 1px 2px rgba(0,0,0,0.05); }
  }


/*******************************************************************************
  REPORT
*******************************************************************************/  
  #page-report table th.NET { text-indent:0; }  
  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%; }
  section.FACEBOOK div { height:254px; overflow:hidden; }

  /******************************************************************************
  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 p.img { background-repeat:no-repeat; background-position:center 8px; background-size:36px; }
  
  .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; }

  /* dash */
  .dash { margin-top:-10px; }
  .dash ul { height:68px; }
  .dash ul li { float:left; display:block; width:25%; margin-bottom:12px; text-align:center; }
  .dash ul li div { border:1px solid #f6f6f6; background-color:#fcfcfc; padding:8px 0; font-size:1.9em; font-weight:bold; }
  .dash ul li span { display:block; font-weight:normal; font-size:0.5em; }
  .dash ul > li:nth-child(1) { padding-right:9px; }
  .dash ul > li:nth-child(2) { padding-left:3px; padding-right:6px; }
  .dash ul > li:nth-child(3) { padding-left:6px; padding-right:3px; }
  .dash ul > li:nth-child(4) { padding-left:9px; }

  .page-state-vic .dash span { color:#006fb0; }


  /******************************************************************************
  COUNTDOWN
  ******************************************************************************/ 

  .info-item span.tooltip { display:none; }
  .info-item:hover span.tooltip { display:block; position:relative; }
  .info-item span.tooltip { font-weight:400; font-size:0.4em; font-family:'Roboto'; width:100%; background-color:#fff; border-radius:2px 2px 0 0; padding:2px; }

  section.DAYS-UNTIL-VACCINATION-FIRST div.info { height:98px; }
  section.DAYS-UNTIL-VACCINATION-FIRST br { display:none; }
  section.DAYS-UNTIL-VACCINATION-FIRST p.note { display:block; }

  section.DAYS-UNTIL-VACCINATION-SECOND div.info { height:98px; }
  section.DAYS-UNTIL-VACCINATION-SECOND br { display:none; }
  section.DAYS-UNTIL-VACCINATION-SECOND p.note { display:block; }

  section.DAYS-UNTIL-VACCINATION-THIRD div.info { height:98px; }
  section.DAYS-UNTIL-VACCINATION-THIRD br { display:none; }
  section.DAYS-UNTIL-VACCINATION-THIRD p.note { display:block; }  

/*******************************************************************************
  CHART
  *****************************************************************************/ 
  .query { text-align:center; background-color:#f1fdff; margin-bottom:12px; padding:8px; font-size:0.9em; }

  table th img.arrow { height:6px; width:6px; margin-left:5px; }
  table th img.arrow-up { margin-bottom:1px; }
  table th a:hover { color:#fff148; }

/*******************************************************************************
  HYPERLINK
  *****************************************************************************/ 
   section.hyperlink { margin:10px 0; border:1px solid #e8e8e8; background-color:#f9f9f9; border-radius:2px; padding:9px 8px 8px 42px; font-size:1.15em; }
   section.hyperlink { background-size:20px; background-position:10px center; border-left:3px solid #00ba66; }
   section.hyperlink a:hover { color:#6288a5; border-bottom:1px solid #6288a5; }

  /******************************************************************************
  TABLE ITEMS
  ******************************************************************************/ 

  .AUS { background-color:#292769; }
  .NSW { background-color:#002665; }
  .VIC { background-color:#007780; }
  .QLD { background-color:#40101c; }
  .WA { background-color:#1f5f38; }
  .SA { background-color:#ed174b; }
  .TAS { background-color:#b5a85a; }
  .ACT { background-color:#2a2868; }
  .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:#ed174b; border:1px solid #ed174b; }
  a.TAS { background-color:#b5a85a; border:1px solid #b5a85a; }
  a.ACT { background-color:#2a2868; border:1px solid #2a2868; }
  a.NT { background-color:#c84c01; border:1px solid #c84c01; }

  /* labels */
  span.label { color:#fff; padding:0 3px; border-radius:2px; }
  a.FIRST { background-color:#98c8cd; border:1px solid #98c8cd; }
  a.FIRST-12 { background-color:#f3b695; border:1px solid #f3b695; }
  a.SECOND { background-color:#39919a; border:1px solid #39919a; }
  a.SECOND-12 { background-color:#ee7425; border:1px solid #ee7425; }  
  a.THIRD { background-color:#9877b4; border:1px solid #9877b4; }
  a.THIRD-12 { background-color:#ee7425; border:1px solid #ee7425; }  

  span.jade-label { background-color:#9cc9cd; }  
  span.dark-jade-label { background-color:#39919a; }  
  span.blue-label { background-color:#3a8cd1;; }  
  span.orange-label { background-color:#f3b695; }
  span.dark-orange-label { background-color:#ee7425; }
  span.lilac-label { background-color:#9877b4; }

  section.DAYS-UNTIL-VACCINATION-SECOND span.jade-label { background-color:#39919a; }
  section.DAYS-UNTIL-VACCINATION-SECOND span.orange-label { background-color:#ee7425; }

  body.page-state-nsw header { background-color:#002665; }
  body.page-state-vic header { background-color:#007780; }
  body.page-state-qld header { background-color:#40101c; }
  body.page-state-wa header { background-color:#1f5f38; }
  body.page-state-sa header { background-color:#ed174b; }
  body.page-state-tas header { background-color:#b5a85a; }
  body.page-state-act header { background-color:#2a2868; }
  body.page-state-nt header { background-color:#c84c01; }


 /*******************************************************************************
  ARCHIVE
  ******************************************************************************/    
  body#page-archive header { background-color:#707070; }
  body#page-archive table th { background-color:#606060; border:1px solid #606060; }
  body#page-archive table th.NET { color:#606060; }
  body#page-archive table th.NET2 { color:#606060; }
  body#page-archive section p.note { display:none; }

  body#page-archive header .container { background:url(/images/covid-19-grey.png) 16px top no-repeat; background-size:72px; height:100%; }
  
 /*******************************************************************************
  BUTTONS
  ******************************************************************************/    
  .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:#ed174b; border:1px solid #ed174b; }
  .btn-tas { background-color:#b5a85a; border:1px solid #b5a85a; }
  .btn-act { background-color:#2a2868; border:1px solid #2b2867; }
  .btn-nt { background-color:#c84c01; border:1px solid #c84c01; }

  /* state buttons 60% */
  #menu-state .icon { background-position:5%; background-size:32px; }

  .page-state-nsw #menu-state .icon { background-color:#405c8c; border:1px solid #405c8c; }  
  .page-state-vic #menu-state .icon { background-color:#4ca0a6; border:1px solid #4ca0a6; }  
  .page-state-act #menu-state .icon { background-color:#5f5e8e; border:1px solid #5f5e8e; }  

/*******************************************************************************
  CONTENT STYLES
*******************************************************************************/  

  /* 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; }
  
  /* faqs */
  #page-faqs #content h4 { font-size:1.1em; }
  #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; }

  #page-privacy #content p { font-size:1.1em; line-height:1.5em; }  
  #page-privacy #content li { font-size:1.1em; line-height:1.5em; list-style-type:disc; list-style-position:inside; }  

  .health-icon { float:left; padding-right:16px; }

  /* resources */
  table.RESOURCES th.COL1 { text-indent:-9999px; }
  table.RESOURCES td.COL1 { width:40px !important; padding:0; text-align:center; }
  table.RESOURCES td img { height:15px; width:15px; margin-bottom:-1px; }
  table.RESOURCES .COL2 { text-align:left; }  
  table.RESOURCES tr:last-child { font-weight:400; }

/*******************************************************************************
  SCRAP
*******************************************************************************/
  
   #page-pull section h2 { display:none; }
   #page-pull section h3 { display:none; }

   section.SCRAP-CALENDAR table .CODE { width:40px !important; text-align:center; padding-right:8px; }
   section.SCRAP-CALENDAR table .CATEGORY { width:100px; text-align:left; }
   section.SCRAP-CALENDAR table .TIME { width:100px; }
   section.SCRAP-CALENDAR table tr:last-child { font-weight:400; }
   
   section.SCRAP-CALENDAR table td.URL { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.NEW { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.PROB { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.CASES { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.TESTS { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.ACTIVE { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.DEATHS { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.HOSP { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.ICU { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.VENT { font-size:0.95em; width:50px; color:#779db4; }
   section.SCRAP-CALENDAR table td.ROWS { font-size:0.95em; width:50px; color:#779db4; }

  /******************************************************************************
  ADVERTS
  ******************************************************************************/ 
  
  .fuse_sticky {
    position: fixed;
    bottom: 0; /* top: 0; for Top sticky */
    left: 0;
    width:100%;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    z-index:1000;
  }
  .fuse_sticky .fuse-slot {
    transform: translate3d(0,0,0);
  }
  
   /* home */
   div#home_header { display:none; }
   div#home_incontent_1 { display:none; }
   div#home_incontent_3 { display:none; }
   
   /* category */
   div#category_incontent_1 { display:none; }
   div#category_incontent_3 { display:none; }
   
 /******************************************************************************
  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:50px; margin-right:10px; 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; overflow:hidden; display:block; position:relative; padding-bottom:100px; }
    footer { position:absolute; bottom:0; width:100%; }

  /*******************************************************************************
  MOBILE
  ******************************************************************************/  
  
  @media screen and (max-width:1280px) {
    #content { display:inherit; }
    #content .container { width:auto; }
         
    /* advert */
    .pane-left { display:none; }
    .pane-right { display:none; }
    
    /* adverts */
    div#home_incontent_1 { display:inherit; }
    div#home_incontent_2 { display:none; }
    div#home_incontent_3 { display:inherit; }
    
    div#category_incontent_1 { display:inherit; }
    div#category_incontent_2 { display:none; }    
    div#category_incontent_3 { display:inherit; }
  }
  
  @media screen and (max-width:768px) {
    /* logo */
    header { background-image:url(/images/covid-19_small.png); background-position:-4px -2px; background-repeat:no-repeat; }
    header .container { background:none; }

    body#page-archive header { background-image:url(/images/covid-19-grey_small.png); background-position:-4px -2px; background-repeat:no-repeat; }
    body#page-archive header .container { background:none !important; }

    /* 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; }

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

    footer { height:230px; }
    footer .box { margin-bottom:16px; }
    .wrapper { padding-bottom:230px; }
    
    /* table */
    table.LAST-UPDATED .TIME { display:none; }
    table.LAST-UPDATED .NOTE { font-size:0.95em; }

    /* info-item */
    .info-item { width:25%; }
    #menu-state .icon { background-position:center; text-indent:-9999px; }
    
    /* advert */
    div#home_header { display:inherit; }    
    div#home_incontent_1 { display:none; }
    div#home_incontent_2 { display:none; }
    div#category_incontent_2 { display:none; }
  }


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