/* Desktop: move modal down a bit and shift it right to account for sidenav */
@media (min-width: 993px){
  .modal-dialog{
    margin: 80px auto 20px !important;   /* lower than header */
    position: relative;
    left: calc(var(--w-expanded) / 2);   /* nudge right by half the sidenav width */
  }
}

/* Make sure modals always sit above header + sidenav */
.modal{
  z-index: 2000 !important;
}

.modal-backdrop{
  z-index: 1900 !important;
}