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

@background: @darkWhite;
@boxShadow: none;
@dividerSize: 0px;

@verticalBoxShadow: 0px 0px 0px 2px @borderColor inset;
@verticalActiveBoxShadow: none;

@itemVerticalPadding: 1.25em;
@itemHorizontalPadding: 2em;
@itemFontWeight: bold;

@activeItemBackground: @primaryColor;
@activeItemTextColor: @white;
@activeHoverItemBackground: @primaryColorHover;
@activeHoverItemColor: @white;

@secondaryItemPadding: @relativeSmall @relativeMedium;

@secondaryActiveItemBackground: @primaryColor;
@secondaryActiveItemColor: @white;
@secondaryActiveHoverItemBackground: @primaryColorHover;
@secondaryActiveHoverItemColor: @white;

@secondaryPointingBorderWidth: 4px;
@secondaryPointingActiveBorderColor: @primaryColor;
@secondaryPointingActiveTextColor: @primaryColor;

@arrowSize: 1em;
@arrowActiveColor: @primaryColor;
@arrowActiveHoverColor: @primaryColorHover;
@arrowBorder: transparent;

@paginationActiveBackground: @lightGrey;

@borderColor: @darkWhite;
@tabularBorderWidth: 2px;