body {
  background: #efefef !important;
}

a {
  text-decoration: none;
  color: black;
}

a.text-green {
  color: #198754;
}

a:hover {
  color: #29b7e7;
}

.btn-link {
  text-decoration: none;
  color: black;
}

.btn-on {
  text-decoration: none;
  color: #29b7e7;
}

.btn-ongreen {
  text-decoration: none;
  color: #90c44d;
}

.btn-link:hover {
  color: #29b7e7;
}

.postMessage {
  font-size: larger;
}

.postMessage a {
  text-decoration: underline;
  color: #198754;
}

.postMessage a:hover {
  color: #29b7e7;
}

#navspacer {
  margin-top: 2em;
}

.overlink {
  z-index: 10;
  position: relative;
}

#toTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0.5;
  z-index: 9999;
}

#toTop:hover {
  opacity: 1;
}

.card:hover {
  background-color: #f6f6f6;
}

.note-file-clip {
  max-width: 100%;
  height: auto;
}

.note-video-clip {
  aspect-ratio: 16 / 9;
  width: 100%;
  z-index: 10;
  position: relative;
}

.tagify {
  border-radius: 0.5rem;
}

/* Sticky navbar */
.navbar {
  padding-top: 0.2rem; /* Adjust the top padding */
  padding-bottom: 0.2rem; /* Adjust the bottom padding */
  position: sticky;
  top: 0;
  z-index: 1030;
  /* Ensure it stays above other content */
  background-color: #f8f9fa;
  /* Light background */
}

/* Brand image styling */
.navbar-brand img {
  max-height: 30px;
  /* Adjust the height of the brand image */
  width: auto;
}

/* Optional spacing between nav items */
.navbar-nav .nav-item {
  margin-left: 20px;
  /* Adjust spacing between the items */
}

.btn-outline-secondary {
  color: #666 !important;
}