.bg-dark-transparent {
  background-color: rgba(24, 64, 18, 0.9);
}

.background-image-container {
  background-image: url("../images/backgound.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body {
  background-color: #fffff0;
  padding-top: 100px; /*padding added to prevent the first container from going under navbar */
}

.btn-primary:hover {
  background-color: #418c35; /* Lighter green on hover */
  border-color: #b1f2a7;
}

.custom-top-rounded-button {
  border-top-left-radius: 15px; /* Adjust value as needed */
  border-top-right-radius: 15px; /* Adjust value as needed */
  border-bottom-left-radius: 0; /* Ensures bottom corners are not rounded */
  border-bottom-right-radius: 0; /* Ensures bottom corners are not rounded */
}

.dropdown-item {
  padding-top: 0.25rem;
  font-size: 12px;
}

figcaption {
  font-style: italic;
  padding: 10px 5px 15px 5px; /* Top, Right, Bottom, Left */
  text-align: center;
  font-size: small;
  color: black;
  column-width: 50%;
}

h1 {
  font-weight: bold;
  color: #1b5919;
}

h2 {
  font-weight: bold;
  padding-top: 1rem;
  color: #1b5919;
}

img {
  border-radius: 15px;
  display: block;
  align-items: center;
  align-content: center;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  padding: 0 auto;
  max-width: 100%;
}

/* li:not(:last-child) {
  margin-bottom: 5px;
} */
.left-aligned-text {
  text-align: left;
  padding-top: 8px;
}

.line {
  border-bottom: 6px solid #418c35;
  margin-top: 3px;
  margin-bottom: 15px;
  width: 75%;
  margin: 0 auto; /* Center the HR horizontally */
}

.reference {
  padding: 0px 5px 0 5px;
  text-align: left;
  font-style: italic;
  font-size: 12px;
  display: block;
}

.right-aligned-text {
  text-align: right;
  padding-top: 8px;
}

.shading-text {
  display: inline-block; /* Makes the element behave like a block but flow like inline */
  background-color: rgba(0, 0, 0, 0.2); /* Black with 25% opacity */
  color: white; /* Text color for contrast */
  padding: 0.2em 0.5em; /* Adds some padding around the text */
}

.tt {
  background-color: #515c40;
  color: #fff;
}

.custom-tooltip .tooltip-inner {
  --bs-tooltip-bg: #418c35;
  --bs-tooltip-color: #ffffff;
  font-size: 13px;
  border-radius: 5px;
}

.custom-tooltip .tooltip-arrow::before {
  border-right-color: #418c35;
}

@media (min-width: 577px) {
  #text-menu {
    display: none;
  }
}
@media (max-width: 576px) {
  #graphic-menu {
    display: none;
  }
}