/* custom css */

#shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.card.p-5 {
    padding: 1.5rem !important;
}

.btn-snippet.btn-light,
.btn.btn-light {
  border: 1px solid #c8102e !important;
  border-radius: 0rem !important;
}

.btn-snippet.btn-primary,
.btn.btn-primary {
  border-radius: 0rem !important;
}

.eyebrow {
  margin: 0 0 0.5rem;
  font-family: "Source Sans 3", sans-serif;
  font-size: 0.875rem;       /* 14px */
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c8102e;
}

/* Annual Report */ 

.dor-progress {
  display: block !important;
  width: 100% !important;
  height: 1.75rem !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #e6e7e8 !important;
  border-radius: 0.25rem !important;
}

.dor-progress__bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 1.75rem !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  background-color: #c8102e !important;
  box-sizing: border-box !important;
}

.dor-progress__bar--0 {
  width: 0% !important;
}

.dor-progress__bar--25 {
  width: 25% !important;
}

.dor-progress__bar--50 {
  width: 50% !important;
}

.dor-progress__bar--75 {
  width: 75% !important;
}

.dor-progress__bar--100 {
  width: 100% !important;
}

/* Only the section-links list that contains an annual report link */
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

ul.section-links:has(a[href*="annual-report"]) li {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

/* Remove the existing ">" arrow (check DevTools for whether it's on li or a) */
ul.section-links:has(a[href*="ahttps://www.uh.edu/research/about/annual-report/annual-report.php"]) li::before,
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) li::after,
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) a::before,
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) a::after {
  content: none !important;
  display: none !important;
}

/* Base button: outlined */
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 28px;
  border: 2px solid #231F20;
  border-radius: 2px;
  background: transparent;
  color: #231F20;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .15s, color .15s, border-color .15s;
}
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) a:hover,
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) a:focus-visible {
  background: #231F20;
  color: #fff;
}

/* First link (current report): filled UH red */
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) li:first-child a {
  background: #C8102E;
  border-color: #C8102E;
  color: #fff;
}
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) li:first-child a:hover,
ul.section-links:has(a[href*="https://www.uh.edu/research/about/annual-report/annual-report.php"]) li:first-child a:focus-visible {
  background: #960C22;
  border-color: #960C22;
}