/* Clear fixed navbar (base_nav.html) */
body.has-fixed-nav {
  padding-top: 4.5rem;
}

:root {

  --bk-accent-ink: #235f2e;
  --bk-accent-soft: #e9f3e9;
  --bk-brown: #9a614d;

  --bk-accent: #3a8f42;
  --bk-accent-line: #c4d9c4;
}


/* Bottom-sheet style modal */
.modal-bottom-sheet {
    width: 100vw;
    max-width: none;
    margin: 0;
    bottom: 0;
    position: absolute;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}

.resource-icon {
  width: 40px;
  height: 40px;
}


.navbar-nav .nav-link.active {
  background-color: var(--bk-accent-soft);
  color: var(--bk-accent-ink);
}

.text-brown {
  color: var(--bk-brown);
}

.badge-bk-accent {
  background-color: var(--bk-accent-soft);
  color: var(--bk-accent-ink);
}