// =============================================================================
// _MEGAMENU.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Base Styles
//   02. Navbar Layout Styles
// =============================================================================

// Base Styles
// =============================================================================

.desktop .x-nav .x-megamenu {
  > .sub-menu {
    a {
      white-space: normal;
    }

    > li {
      float: left;
      padding: 18px;

      &:before {
      	display: none;
      }

      &:last-child {
        &:after {
          display: none;
        }
      }

      > a {
        margin: 0;
        padding-top: 0;
        @include font-size(1.6);
        text-transform: uppercase;
        color: $navbarLinkColorHover;

        > span:after {
          display: none;
        }
      }

      > .sub-menu {
        display: block !important;
        position: static;
        visibility: visible !important;
        width: 100%;
        min-width: 0;
        padding: 0;
        @include box-shadow(#{none});
      }
    }
  }

  &.col-2 > .sub-menu > li { width: 50%;      &:nth-child(3n) { clear: left; } }
  &.col-3 > .sub-menu > li { width: 33.3333%; &:nth-child(4n) { clear: left; } }
  &.col-4 > .sub-menu > li { width: 25%;      &:nth-child(5n) { clear: left; } }
  &.col-5 > .sub-menu > li { width: 20%;      &:nth-child(6n) { clear: left; } }

}



// Navbar Layout Styles
// =============================================================================

.x-navbar-static-active,
.x-navbar-fixed-top-active {
  .desktop .x-nav .x-megamenu {
    position: static;

    > .sub-menu {
      padding: 0 18px 18px;
      left: 0;
      right: 0;
    }
  }
}

.x-navbar-fixed-left-active,
.x-navbar-fixed-right-active {
  .desktop .x-nav .x-megamenu {
    position: relative;

    > .sub-menu {
      padding: 0 8px 8px;
      width: 600px;
    }
  }
}