/*——————-

Button Variables

——————–*/

/* Button Variables */ @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif; @textTransform: none; @fontWeight: bold; @textColor: #333333;

@textShadow: 0px 1px 0px rgba(255, 255, 255, 0.9); @invertedTextShadow: 0px -1px 0px rgba(0, 0, 0, 0.25);

@borderRadius: @relativeBorderRadius;

@verticalPadding: 0.75em; @horizontalPadding: 1.15em;

@backgroundColor: FAFAFA; @backgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1)); @boxShadow:

0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
0 0 0 1px rgba(0, 0, 0, 0.13) inset,
0 1px 3px rgba(0, 0, 0, 0.05)

;

@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); @coloredBoxShadow:

0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
0 0 0 1px rgba(0, 0, 0, 0.1) inset,
0 1px 3px rgba(0, 0, 0, 0.05)

;

@hoverBackgroundColor: ”; @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); @hoverBoxShadow: ”;

@downBackgroundColor: ”; @downBackgroundImage: ”; @downBoxShadow:

0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
0 0 0 1px rgba(0, 0, 0, 0.13) inset,
0 3px 5px rgba(0, 0, 0, 0.15) inset !important

; @activeBackgroundColor: DFDFDF; @activeBackgroundImage: none; @activeBoxShadow:

0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
0 0 0 1px rgba(0, 0, 0, 0.13) inset,
0 3px 5px rgba(0, 0, 0, 0.1) inset !important

;

@labeledIconBackgroundColor: transparent; @labeledIconBorder: transparent; @labeledIconPadding: (@horizontalPadding + 2.25em);

@basicFontWeight: bold; @basicTextColor: @linkColor; @basicHoverTextColor: @linkHoverColor;

@basicHoverBackground: E0E0E0;

@blue: #3072B3; @green: #60B044; @black: #5D5D5D;

@primaryColor: @blue; @secondaryColor: @black;

@mini: 0.6rem; @tiny: 0.7rem; @small: 0.85rem; @medium: 0.92rem; @large: 1rem; @big: 1.125rem; @huge: 1.25rem; @massive: 1.3rem;