/*

This is replicated from DETSI website '_dept-filters.css' #431034
-----------------------------------------------------------------


Filter link tag-lists
e.g. blog, public notices

*/
#filters dl {
  margin: 0;
  padding: 0;
}
#filters dl dt, #filters dl dt.h3 {
  padding: 0;
  margin: 1rem 0 0.5rem;
}
#filters dl dt:first-child, #filters dl dt.h3:first-child {
  margin-top: 0;
}
#filters dl dd {
  padding: 0;
  margin: 0 0 0.5rem;
}
#filters dl dd:last-child {
  margin-bottom: 0;
}
#filters h2#heading-filters {
  max-width: none;
}
#filters #clear-filters {
  margin: 1.5rem 0 0;
}
#filters .tag-list .tag-item.tag-link:not(.tag-large):hover, #filters .tag-list .tag-item.tag-link:not(.tag-large):active, #filters .tag-list .tag-item.tag-link:not(.tag-large):focus, #filters .tag-list .tag-item.tag-link:not(.tag-large):focus-within {
  background: var(--qld-light-alt-background);
  color: var(--qld-light-link);
}
#filters .tag-list .tag-item.tag-link:not(.tag-large):hover a, #filters .tag-list .tag-item.tag-link:not(.tag-large):active a, #filters .tag-list .tag-item.tag-link:not(.tag-large):focus a, #filters .tag-list .tag-item.tag-link:not(.tag-large):focus-within a {
  color: var(--qld-light-link);
}
#filters .tag-list .tag-item.tag-link:has(.active) {
  background: var(--qld-light-action-primary);
  color: var(--qld-light-link-on-action);
}
#filters .tag-list .tag-item.tag-link:has(.active) a {
  color: var(--qld-light-link-on-action);
}
#filters .tag-list .tag-item.tag-link:has(.active):hover, #filters .tag-list .tag-item.tag-link:has(.active):active, #filters .tag-list .tag-item.tag-link:has(.active):focus, #filters .tag-list .tag-item.tag-link:has(.active):focus-within {
  background: var(--qld-light-action-primary);
  color: var(--qld-light-link-on-action);
}
#filters .tag-list .tag-item.tag-link:has(.active):hover a, #filters .tag-list .tag-item.tag-link:has(.active):active a, #filters .tag-list .tag-item.tag-link:has(.active):focus a, #filters .tag-list .tag-item.tag-link:has(.active):focus-within a {
  color: var(--qld-light-link-on-action);
}
@media print {
  #filters {
    display: none;
  }
}
/*
.... and this is replicated from DETSI website FROM '_dept-lists-dev.css' #428439
---------------------------------------------------------------------------------
*/
dl.across {
  container-type: inline-size;
  container-name: deflistacross;
  clear: both;
  display: flex;
  flex-flow: row wrap;
}
dl.across dt, dl.across dd {
  padding: 0.25rem 0;
  width: 100%;
}
dl.across dt {
  margin: 0;
}
dl.across dd {
  margin: 0 0 0.5rem;
}
@container deflistacross (width > 330px) {
  dl.across dt, dl.across dd {
    margin: 0;
  }
  dl.across dt {
    width: 9rem;
    padding-right: 1rem;
  }
  dl.across dd {
    width: calc(100% - 9rem);
    padding-left: 1rem;
    border-left: 2px solid rgba(51, 51, 51, 0.25);
  }
}
/*


.... and this is replicated from DETSI website FROM 'project-listing.css' #433875
---------------------------------------------------------------------------------

Project listing and map styles 

in dev to:
- update infowindow link colours
- add <dl> for infowindow (possible projects update)


*/
main .card .card-footer {
  color: var(--qld-card-color);
}
main .card dl.across {
  margin-top: 1rem;
  font-size: 0.9rem;
}
main .card dl.across dt {
  font-weight: normal;
}
main .card dl.across dd {
  font-weight: normal;
  border-left: none;
  padding-left: 0;
}
/*

And extra customisation 

*/
ul.tag-list {
  padding-left: 0;
}