// Custom Dropdown Styling

.dropdown {
  .dropdown-menu {
    font-size: $dropdown-font-size;
    .dropdown-header {
      @extend .text-uppercase;
      font-weight: 800;
      font-size: 0.65rem;
      color: $gray-500;
    }
  }
}

// Utility class to hide arrow from dropdown

.dropdown.no-arrow {
  .dropdown-toggle::after {
    display: none;
  }
}

#dropdown-div {
  overflow: hidden;
  transition: max-height 2s ease-out;
}

.arrow {
  transition: transform 0.5s ease;
  cursor: pointer;
}

.rotate-down {
  transform: rotate(180deg);
}

.rotate-up {
  transform: rotate(0deg);
}