/* rtidocuments.css - styles for the RTI documents page */
/* !important is used because the site's common CSS resets ul/li styles */

.diary-container ul.rti-doc-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
}

.diary-container ul.rti-doc-list > li {
  position: relative;
  display: block !important;
  list-style: none !important;
  margin: 0 0 12px 0 !important;
  padding: 10px 14px 10px 38px !important;
  background: #f7f9fc;
  border: 1px solid #e3e8ef;
  border-left: 4px solid #1a5fb4;
  border-radius: 6px;
  line-height: 1.7;
  font-size: 16px;
  transition: background .2s, box-shadow .2s;
}

/* bullet dot */
.diary-container ul.rti-doc-list > li::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 21px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #1a5fb4;
}

.diary-container ul.rti-doc-list > li:hover {
  background: #eef4ff;
  box-shadow: 0 2px 8px rgba(26, 95, 180, .15);
}

/* link colours: not opened = blue, opened = purple */
.diary-container ul.rti-doc-list li a {
  color: #1a5fb4 !important;
  font-weight: 600;
  text-decoration: none !important;
}
.diary-container ul.rti-doc-list li a:visited {
  color: #7b2cbf !important;
}
.diary-container ul.rti-doc-list li a:hover {
  text-decoration: underline !important;
}

/* dot + strip turn purple once the item has been opened */
.diary-container ul.rti-doc-list > li:has(a:visited)::before {
  background: #7b2cbf;
}
.diary-container ul.rti-doc-list > li:has(a:visited) {
  border-left-color: #7b2cbf;
}