/* Navbar */

.navbar {

    @apply bg-gray-800 bg-opacity-75;

    @apply w-full;

    @apply text-base uppercase;

}

.navbar .navbrand {

    @apply font-bold;

}

.navbar ul li {

    @apply px-2 py-1;

    @apply hidden;

}

.navbar ul li.navbrand {

    display: list-item;

}

.navbar ul li > *,

.dropdown.user ul li * {

    @apply align-middle;

    @apply no-underline;

    @apply border-solid border-gray-400 border-b-4;

}

.navbar ul.show-menu li {

    display: list-item;

}

.navbar ul li.navbrand * {

    @apply border-none;

    @apply inline-block;

}

.navbar .hamburger {

    @apply float-right;

}

@screen xl {

    .navbar .navbrand .hamburger {

        @apply hidden;

    }

    .navbar ul {

        @apply flex;

    }

    .navbar ul li {

        display: list-item;

    }

}

.navbar ul li.active,

.dropdown.user ul li.active {

    @apply font-bold;

}

.navbar ul li.active *,

.dropdown.active ul li.active * {

    @apply border-solid border-teal-400 border-b-4;

    @apply no-underline;

}

.navbar ul li.dropdown {

    @apply relative;

}

.navbar ul li.dropdown.lang *,

.navbar ul li.dropdown.user > a {

    @apply border-opacity-0;

}

.dropdown span,

.dropdown li {

    @apply cursor-pointer;

}

.dropdown a {

    display: ruby;

}

.navbar ul li.dropdown ul {

    @apply bg-gray-800 bg-opacity-100;

    @apply absolute;

    @apply mt-1;

    @apply block;

    white-space: nowrap;

}

.dropdown.lang ul li {

    @apply underline;

    text-decoration-style: dotted;

}

.dropdown.user ul,

.dropdown.user ul li form {

    @apply border-none;

}

.dropdown.user button {

    @apply text-base uppercase;

}