.subnav {
  @apply bg-black text-white font-condensed py-2;
}

.subnav-aside {
  @apply absolute w-full;
}

.subnav-aside__close,
.subnav-aside__close:hover {
  @apply hidden absolute text-3xl pr-8 cursor-pointer right-0 no-underline;

  @screen xl {
    @apply block;
  }
}

.subnav-aside__item {
  @apply absolute w-full opacity-0 pointer-events-none transition duration-500 py-4 bg-white elevation-21 z-50;

  @screen lg {
    @apply py-8;
  }
}

.subnav-aside__item--visible {
  @apply opacity-100 pointer-events-auto;
}