:root {
  --color-sau-green1: #184f2c; /* Default */
}

a {
  color: var(--color-sau-green1);
}

.modal-content {
  padding: 40px 40px 30px 40px;
}

.bslib-page-sidebar .navbar {
  background-color: var(--color-sau-green1);
  color: white;
}

.navbar {
}

#map-sidebar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#map-sidebar #map-card {
  border: none;
  border-radius: 0;
}

#map-sidebar #map-card .card-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

main.bslib-page-main.bslib-gap-spacing {
  row-gap: 12px;
}
.moving-arrow {
  transform: rotate(-30deg) translateY(-2px);
  /* animation: fluffy 4s infinite; */
}

@keyframes fluffy {
  0%,
  100% {
    transform: translateX(-1.5px) translateY(1.5px) rotate(-30deg);
  }
  50% {
    transform: translateX(1.5px) translateY(-1.5px) rotate(-30deg);
  }
}

button.bslib-full-screen-enter,
button.bslib-full-screen-enter:active,
button.bslib-full-screen-enter:hover,
button.bslib-full-screen-enter:focus {
  /* Forcing fullscreen button to show always */
  opacity: 1 !important;
}

@media (max-width: 575.98px) {
  .bslib-sidebar-layout[data-collapsible-mobile='true'] {
    grid-template-rows: none !important;
  }
  .bslib-sidebar-layout > .collapse-toggle {
    top: calc(var(--_icon-size, 1rem) / 2) !important;
    position: absolute !important;
    align-self: center !important;
  }

  #plots-card {
    max-height: none !important;
  }

  #plots-card-body {
    overflow-y: auto !important;
    overflow-x: clip !important;
  }
}