/*-------------------
      Collection
--------------------*/

@menuItemVerticalPadding: 1em;
@menuItemHorizontalPadding: 1.25em;

@menuBackground: #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
@menuFontWeight: normal;

@activeBorderSize: 0em;

@hoverBackground: rgba(0, 0, 0, 0.02);
@downBackground: rgba(0, 0, 0, 0.06);

@activeBackground: rgba(0, 0, 0, 0.04);
@activeHoverBackground: rgba(0, 0, 0, 0.04);


@menuHeaderBackground: rgba(0, 0, 0, 0.08);

@menuSubMenuMargin: 0.5em -0.6em 0;
@menuSubMenuHorizontalPadding: 0.7em;

@menuArrowHoverColor: #EEEEEE;
@menuArrowActiveColor: #EEEEEE;
@menuArrowVerticalHoverColor: #F4F4F4;
@menuArrowVerticalActiveColor: #F4F4F4;

@menuDividerBackground: #E8E8E8;
@menuVerticalDividerBackground: #E8E8E8;

/*-------------------
      Elements
--------------------*/

@menuButtonOffset: -0.15em;
@menuButtonVerticalPadding: 0.75em;

/*-------------------
        Types
--------------------*/

@menuPaginationMinWidth: 3.5em;

@menuTieredActiveItemBackground: #F5F5F5;
@menuTieredActiveMenuBackground: #F5F5F5;

/*-------------------
      Variations
--------------------*/

@menuVerticalBackground: #FFFFFF;
@menuVerticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));

@menuInvertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.0));
@menuInvertedBoxShadow             :
  0px 1px 2px 0px rgba(0, 0, 0, 0.15),
  0px 0px 0px 1px rgba(255, 255, 255, 0.15)
;
@secondaryVerticalPadding: 0.75em;