/*******************************
             Menu
*******************************/

@menuBackground: @darkWhite;
@menuBoxShadow: none;
@menuDividerSize: 0px;

@menuVerticalBoxShadow: 0px 0px 0px 2px @borderColor inset;
@menuVerticalActiveBoxShadow: none;

@menuItemVerticalPadding: 1.25em;
@menuItemHorizontalPadding: 2em;
@menuItemFontWeight: bold;

@menuActiveItemBackground: @primaryColor;
@menuActiveItemTextColor: @white;
@menuActiveHoverItemBackground: @primaryColorHover;
@menuActiveHoverItemColor: @white;

@menuSecondaryItemPadding: @relativeSmall @relativeMedium;

@menuSecondaryActiveItemBackground: @primaryColor;
@menuSecondaryActiveItemColor: @white;
@menuSecondaryActiveHoverItemBackground: @primaryColorHover;
@menuSecondaryActiveHoverItemColor: @white;

@menuSecondaryPointingBorderWidth: 4px;
@menuSecondaryPointingActiveBorderColor: @primaryColor;
@menuSecondaryPointingActiveTextColor: @primaryColor;

@menuArrowSize: 1em;
@menuArrowActiveColor: @primaryColor;
@menuArrowActiveHoverColor: @primaryColorHover;
@menuArrowBorder: transparent;

@menuPaginationActiveBackground: @lightGrey;

@borderColor: @darkWhite;
@menuTabularBorderWidth: 2px;