/*******************************

Site Settings

*******************************/

/*——————-

Paths

——————–*/

@imagePath : “../../themes/default/assets/images”; @fontPath : “../../themes/default/assets/fonts”;

/*——————-

Fonts

——————–*/

@headerFont : “Open Sans”, “Helvetica Neue”, Arial, Helvetica, sans-serif; @pageFont : “Open Sans”, “Helvetica Neue”, Arial, Helvetica, sans-serif; @fontSmoothing : antialiased;

/*——————-

Site Colors

——————–*/

/*— Colors —*/ @blue : #0074D9; @green : #2ECC40; @orange : FF851B; @pink : D9499A; @purple : A24096; @red : FF4136; @teal : #39CCCC; @yellow : FFCB08;

@black : #191919; @grey : CCCCCC; @white : FFFFFF;

/*— Light Colors —*/ @lightBlue : #54C8FF; @lightGreen : #2ECC40; @lightOrange : FF851B; @lightPink : FF8EDF; @lightPurple : CDC6FF; @lightRed : FF695E; @lightTeal : #6DFFFF; @lightYellow : FFE21F;

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

/*——————-

Page

——————–*/

@bodyBackground : FCFCFC; @fontSize : 14px; @textColor : rgba(0, 0, 0, 0.8);

@headerMargin : 1em 0em 1rem; @paragraphMargin : 0em 0em 1em;

@linkColor : #009FDA; @linkUnderline : none; @linkHoverColor : lighten( @linkColor, 5);

@highlightBackground : FFFFCC; @highlightColor : @textColor;

/*——————-

Background Colors

——————–*/

@subtleTransparentBlack : rgba(0, 0, 0, 0.03); @transparentBlack : rgba(0, 0, 0, 0.05); @strongTransparentBlack : rgba(0, 0, 0, 0.10);

@subtleTransparentWhite : rgba(255, 255, 255, 0.01); @transparentWhite : rgba(255, 255, 255, 0.05); @strongTransparentWhite : rgba(255, 255, 255, 0.01);

/* Used for differentiating neutrals */ @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));

/* Used for differentiating layers */ @subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);

/*——————-

Grid

——————–*/

@columnCount: 16;

/*——————-

Breakpoints

——————–*/

@mobileBreakpoint : 320px; @tabletBreakpoint : 768px; @computerBreakpoint : 992px; @largeMonitorBreakpoint : 1400px; @widescreenMonitorBreakpoint : 1900px;