/* SIDE BAR */

@layer components {

  a.nav-item {
    @apply text-white hover:bg-golden-bay-600 hover:text-white flex items-center px-2 py-3 md:py-2 rounded-md text-base md:text-sm font-medium focus:outline-none focus:ring focus:ring-whenua-300;
  }

  a.nav-item.selected {
    @apply bg-golden-bay-800 text-white;
  }

  .nav-section-header {
    @apply px-2 py-2 text-golden-bay-300 text-xs font-medium tracking-wider uppercase;
  }
}