#overlay-menu-toggle {
  @apply hidden
    ml-4
    cursor-pointer;
  z-index: 9999;
}
#overlay-menu-toggle .hamburger-box {
  height: 20px;
}
#overlay-menu-toggle .hamburger-inner,
#overlay-menu-toggle .hamburger-inner::before,
#overlay-menu-toggle .hamburger-inner::after {
  width: 1.7rem;
  height: 1.5px;
}

#overlay-menu {
  @apply absolute
    opacity-0
    pointer-events-none
    bg-black
    text-black
    top-0
    mx-auto
    right-0
    bottom-0
    left-0
    overflow-auto
    max-h-full
    text-left;
  z-index: 9990;
  transition: all 0.25s ease-in-out;
}
#overlay-menu.active {
  @apply pointer-events-auto
      opacity-100;
}
#overlay-menu.overlay-menu-2 {
  @apply bottom-auto;
}
#overlay-menu.overlay-menu-2 .overlay-menu-inner {
  @apply h-auto;
}
#overlay-menu.overlay-menu-2 .nav-primary {
  @apply mt-0;
}
@screen md {
  #overlay-menu.overlay-menu-2 .nav-primary {
    margin-top: 190px;
  }
}
#overlay-menu .overlay-menu-inner {
  @apply flex
      flex-row
      px-8
      h-full
      overflow-x-hidden
      overflow-y-auto;
}
#overlay-menu .nav-primary {
  @apply flex
      w-full
      overflow-y-auto
      mx-auto
      items-center
      justify-between
      pt-8
      pb-24
      flex-col
      bottom-0;
}
@screen md {
  #overlay-menu .nav-primary {
    @apply pt-0
        mt-10
        pb-24
        flex-row;
  }
}
#overlay-menu .nav-primary .overlay-secondary-container {
  @apply flex
        justify-between
        flex-col
        opacity-0
        mt-24
        mb-12;
  transition: all 1.7s ease-in-out;
  max-width: 480px;
}
#overlay-menu .nav-primary .overlay-secondary-container.active {
  @apply opacity-100;
}
@screen md {
  #overlay-menu .nav-primary .overlay-secondary-container {
    @apply mt-0
          mb-0;
  }
}
#overlay-menu .nav-primary .overlay-secondary-container .socialbar {
  @apply mt-16;
}
#overlay-menu .nav-primary .overlay-secondary-container ul,
#overlay-menu .nav-primary .overlay-secondary-container .socialbar {
  @apply text-left;
}
@screen md {
  #overlay-menu .nav-primary .overlay-secondary-container ul,
#overlay-menu .nav-primary .overlay-secondary-container .socialbar {
    @apply text-right;
  }
}
#overlay-menu .nav-primary .overlay-secondary-container ul li a,
#overlay-menu .nav-primary .overlay-secondary-container .socialbar li a {
  @apply text-base;
}
#overlay-menu .nav-primary .overlay-primary-container {
  @apply opacity-0;
  max-width: 520px;
  margin-top: 150px;
  transition: all 1s ease-in-out;
}
#overlay-menu .nav-primary .overlay-primary-container.active {
  @apply opacity-100;
}
@screen md {
  #overlay-menu .nav-primary .overlay-primary-container {
    @apply mt-0;
  }
}
#overlay-menu .nav-primary .overlay-primary-container ul li a {
  @apply text-3xl;
}
@screen md {
  #overlay-menu .nav-primary .overlay-primary-container ul li a {
    @apply w-3/5
                text-4xl;
  }
}
#overlay-menu .nav-primary .overlay-2 {
  @apply w-full;
  max-width: 100%;
}
#overlay-menu .nav-primary .overlay-2 .col {
  @apply pr-4
          pl-4;
}
@screen sm {
  #overlay-menu .nav-primary .overlay-2 .col {
    @apply border-r;
  }
}
#overlay-menu .nav-primary .overlay-2 .col .col-inner .widget {
  @apply pb-10;
}
#overlay-menu .nav-primary .overlay-2 .col .col-inner .widget:not(:first-child) {
  @apply border-t
                pt-16;
}
#overlay-menu .nav-primary .overlay-2 .col:last-child {
  @apply text-left
            pr-8;
}
@screen lg {
  #overlay-menu .nav-primary .overlay-2 .col:last-child {
    @apply text-right;
    border-right: none;
  }
}
#overlay-menu .nav-primary .overlay-2 ul li a {
  @apply leading-relaxed
              text-base;
}
#overlay-menu .nav-primary ul {
  @apply text-left;
}
#overlay-menu .nav-primary ul li {
  @apply leading-loose
          font-medium;
}
#overlay-menu .nav-primary ul li a {
  @apply text-gray-100;
}
#overlay-menu .nav-primary ul li a:hover {
  @apply opacity-50;
}
#overlay-menu .nav-primary ul li ul {
  @apply mb-3
            ml-4;
}
#overlay-menu .nav-primary ul li ul li {
  @apply text-2xl;
}
#overlay-menu .nav-primary ul li ul li a {
  @apply opacity-75;
}