// navbar
.navbar-light .navbar-nav .nav-link {
    @apply tw-relative tw-py-4 tw-uppercase tw-text-[#333333];

    &:hover:before, &.active:before {
        content: '';
        @apply tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-border-0 tw-border-b-2 tw-border-solid;
    }
}

// nav
*[data-toggle="tab"] {
    @apply tw-cursor-pointer;

    &.active {
        @apply divider tw-border-black tw-border-b-2;
    }
}

// breadcrumb
.breadcrumb > li + li::before {
    @apply tw-font-fa tw-font-black tw-text-dark;
}