/* Show it is fixed to the top */
body {
  min-height: 75rem;
  padding-top: 4.5rem;
}

.bg-cf-darkgreen {
    --bs-bg-opacity:1;
    background-color: #018752 !important
}
 /* Position nested dropdowns */
    .dropdown-menu .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
      margin-top: 0;
      margin-left: 0;
    }

    /* Fix submenu toggle text */
    .dropdown-menu .dropdown-toggle {
      color: inherit;
    }
    .dropdown-menu .dropdown-toggle:hover,
    .dropdown-menu .dropdown-toggle:focus {
      color: var(--bs-dropdown-link-hover-color);
      background-color: var(--bs-dropdown-link-hover-bg);
    }

    /* Caret styling */
    .dropdown-toggle::after {
      display: inline-block;
      margin-left: .5em;
      vertical-align: 0.255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-left: .3em solid transparent;
      transform: rotate(0deg);
      transition: transform 0.2s ease;
    }

    /* Mobile: caret points down */
    @media (max-width: 991.98px) {
      .dropdown-toggle::after {
        transform: rotate(90deg);
      }
    }

    /* Desktop: nested submenu caret points right */
    @media (min-width: 992px) {
      .dropdown-menu .dropdown-toggle::after {
        transform: rotate(-90deg);
      }
    }

  @media (max-width: 991.98px) {
  .dropdown-menu .dropdown-menu {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    display: none; /* hide by default */
  }

  .dropdown-menu .dropdown-menu.show {
    display: block; /* show when .show is toggled */
  }

  /* Optional indent for nested items */
  .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 2rem;
  }
}