/*
  ::: Custom HLA-DAP stylesheet
*/
:root {
  --brand-color: #4682B4;
  --text-on-brand-color: white;
  --hover-bg-color: rgba(255, 255, 255, .2);
}
header, footer {
  background-color: var(--brand-color, #efefef);
}
footer {
  color: var(--text-on-brand-color);
}
.navbar-nav {
  --bs-nav-link-color: var(--text-on-brand-color);
  --bs-navbar-active-color: var(--text-on-brand-color);
  --bs-navbar-color: var(--text-on-brand-color);
  gap:5px;
}
.nav-item {
  border-radius: var(--bs-border-radius);
} 
.nav-item:hover,
.nav-item:has(.nav-link.active) {
  background-color:var(--hover-bg-color);
}
section { padding:var(--bs-gutter-x) 0;}
#logo > img { 
  max-width: 120px;
  margin-inline-start: -25px;
}
:where(p, ol, ul):last-child { margin-block-end: 0; }
#dropZone {
  transition: border-color 0.2s ease;
}
#dropZone.border-primary {
  border-color: #0d6efd !important;
  background-color: #e9f5ff;
}