.menu--header {
    @apply flex items-center space-x-4 h-8;
}

.menu--main {
    @apply flex flex-col divide-y divide-gray-200;
}

.menu--main > li {
    @apply py-4 first:pt-0 last:pb-0;
}

.menu--mobile {
    @apply flex-col space-x-0 h-auto divide-y divide-gray-200;
}

.menu--mobile li {
    @apply py-4 w-full;
}

.menu a,
.menu div {
    @apply uppercase hover:text-slate-700 text-slate-900 text-sm lg:text-base;
}

.menu--mobile a {
    @apply text-lg;
}

.menu ul {
    @apply pl-7 pt-1;
}

.menu ul a {
    @apply text-sm;
}

.menu .current > a,
.menu .active > a {
    @apply text-slate-900 font-bold;
}

.menu .icon-link,
.menu .icon-section {
    @apply flex items-center space-x-2;
}