`, and ``.\n@font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n@font-family-base: @font-family-sans-serif;\n\n@font-size-base: 16px;\n@font-size-large: 18px;\n@font-size-medium: 16px;\n@font-size-small: 14px;\n\n@font-size-h1: 42px;\n@font-size-h2: 28px;\n@font-size-h3: 22px;\n@font-size-h4: 18px;\n@font-size-h5: 16px;\n@font-size-h6: 14px;\n\n@line-height-h1: 48px;\n@line-height-h2: 32px;\n@line-height-h3: 30px;\n@line-height-h4: 24px;\n@line-height-h5: 24px;\n@line-height-h6: 24px;\n\n@font-spacing-base: 0.016em;\n@font-spacing-semi-bold: 0;\n\n@font-weight-normal: 500;\n@font-weight-semi-bold: 600;\n@font-weight-bold: 800;\n\n//** Unit-less `line-height` for use in components like buttons.\n@line-height-base: 24px; // 24/16\n//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n@line-height-computed: 24px; // ~24px\n\n//** By default, this inherits from the ``.\n@headings-font-family: \"Averta\", \"Avenir W02\", \"Avenir\", Helvetica, Arial, sans-serif; //inherit;\n@headings-font-weight: @font-weight-semi-bold;\n@headings-line-height: 1.2; //1.1;\n@headings-color: @brand-navy-minus-10;\n\n@display1-size: 104px;\n@display2-size: 88px;\n@display3-size: 72px;\n@display4-size: 56px;\n\n@display1-weight: @font-weight-bold;\n@display2-weight: @font-weight-bold;\n@display3-weight: @font-weight-bold;\n@display4-weight: @font-weight-bold;\n\n@display1-margin-bottom: 8px;\n@display2-margin-bottom: 16px;\n@display3-margin-bottom: 24px;\n@display4-margin-bottom: 24px;\n\n@display1-line-height: 128px;\n@display2-line-height: 112px;\n@display3-line-height: 88px;\n@display4-line-height: 72px;\n\n@buttons-font-family: \"Averta\", \"Avenir W02\", \"Avenir\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\n//** Global textual link color.\n@link-color: @brand-light-blue;\n//** Global textual link color.\n@link-decoration: underline;\n//** Link hover color\n@link-hover-color: @brand-light-blue-minus-10;\n//** Link hover decoration.\n@link-hover-decoration: underline;\n//** Link active color\n@link-active-color: @brand-light-blue-minus-20;\n//** Link disabled color\n@link-disabled-color: @brand-smoke-minus-10;\n//** Link font weight\n@link-font-weight: @font-weight-semi-bold;\n\n@link-secondary-color: @brand-navy;\n@link-secondary-hover-color: @link-color;\n@link-secondary-active-color: @link-hover-color;\n@link-secondary-font-weight: @font-weight-normal;\n\n//== Iconography\n//\n//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.\n\n//** Load fonts from this directory.\n@icon-font-path: \"../fonts/\";\n//** File name for all font files.\n@icon-font-name: \"glyphicons-halflings-regular\";\n//** Element ID within SVG icon file.\n@icon-font-svg-id: \"glyphicons_halflingsregular\";\n\n\n//== Components\n//\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n@padding-base-vertical: 8px;\n@padding-base-horizontal: 16px;\n\n@padding-large-vertical: 12px;\n@padding-large-horizontal: 16px;\n\n@padding-small-vertical: 4px;\n@padding-small-horizontal: 12px;\n\n@padding-xs-vertical: 2px;\n@padding-xs-horizontal: 8px;\n\n@line-height-large: 32px; // 18*1.555 = 28\n@line-height-small: 24px; // 12*1.5=18\n\n@border-radius-base: 3px;\n@border-radius-large: 3px;\n@border-radius-small: 2px;\n\n@spacer: @padding-base-vertical;\n@spacer-y: @spacer;\n@spacer-x: @spacer;\n\n//** Global color for active items (e.g., navs or dropdowns).\n@component-active-color: #fff;\n//** Global background color for active items (e.g., navs or dropdowns).\n@component-active-bg: @brand-navy-minus-10;\n\n//** Width of the `border` for generating carets that indicator dropdowns.\n@caret-width-base: 4px;\n//** Carets increase slightly in size for larger components.\n@caret-width-large: 5px;\n\n\n@spacing-1-mobile: 16px;\n@spacing-1-tablet: 24px;\n@spacing-1-desktop: 32px;\n\n@spacing-2-mobile: 32px;\n@spacing-2-tablet: 48px;\n@spacing-2-desktop: 64px;\n\n@spacing-3-mobile: 48px;\n@spacing-3-tablet: 72px;\n@spacing-3-desktop: 96px;\n\n@spacing-5-mobile: 80px;\n@spacing-5-tablet: 120px;\n@spacing-5-desktop: 160px;\n\n@spacing-7-mobile: 112px;\n@spacing-7-tablet: 168px;\n@spacing-7-desktop: 224px;\n\n\n\n//== Tables\n//\n//## Customizes the `.table` component with basic values, each used across all table variations.\n\n//** Padding for `| `s and ` | `s.\n@table-cell-padding: 16px;\n//** Padding for cells in `.table-condensed`.\n@table-condensed-cell-padding: 8px;\n\n//** Default background color used for all tables.\n@table-bg: @brand-white;\n//** Background color used for `.table-striped`.\n@table-bg-accent: @gray-base; //#f9f9f9;\n//** Background color used for `.table-hover`.\n@table-bg-hover: @state-info-bg;\n@table-bg-active: @table-bg-hover;\n\n//** Border color for table and cell borders.\n@table-border-color: @brand-smoke-plus-20;\n\n\n//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n@btn-font-weight: @font-weight-semi-bold; //normal;\n\n@btn-height: @input-height-base;\n@btn-font-size: 16px;\n@btn-line-height: 24px;\n@btn-padding-horizontal: 24px;\n@btn-padding-vertical: @padding-large-vertical;\n@btn-padding: @btn-padding-vertical @btn-padding-horizontal (@btn-padding-vertical - 2px);\n\n@btn-xs-height: 22px; // TODO 24?\n@btn-xs-font-size: 12px;\n@btn-xs-line-height: 18px;\n@btn-xs-padding-horizontal: 8px;\n@btn-xs-padding-vertical: @padding-xs-vertical;\n@btn-xs-padding: @btn-xs-padding-vertical @btn-xs-padding-horizontal (@btn-xs-padding-vertical - 2px);\n\n@btn-sm-height: @input-height-small;\n@btn-sm-font-size: 14px;\n@btn-sm-line-height: 24px;\n@btn-sm-padding-horizontal: 16px;\n@btn-sm-padding-vertical: @padding-small-vertical;\n@btn-sm-padding: @btn-sm-padding-vertical @btn-sm-padding-horizontal (@btn-sm-padding-vertical - 2px);\n\n@btn-lg-height: @input-height-large;\n@btn-lg-font-size: 20px;\n@btn-lg-line-height: 32px;\n@btn-lg-padding-horizontal: 24px;\n@btn-lg-padding-vertical: ((@input-height-large - @btn-lg-line-height) / 2);\n@btn-lg-padding: @btn-lg-padding-vertical @btn-lg-padding-horizontal (@btn-lg-padding-vertical - 2px);\n\n@btn-disabled-bg: @brand-smoke-plus-10;\n@btn-disabled-color: @brand-smoke-minus-10;\n\n\n//=== Button Default\n//\n//\n@btn-default-color: @brand-light-blue;\n@btn-default-bg: transparent;\n@btn-default-border: @brand-light-blue;\n@btn-default-bg-hover: @brand-light-blue;\n@btn-default-border-hover: @brand-light-blue;\n@btn-default-bg-active: @brand-light-blue-minus-20;\n@btn-default-border-active: @brand-light-blue-minus-20;\n\n//=== Button Primary\n//\n//\n@btn-primary-color: #fff;\n@btn-primary-bg: @brand-light-blue;\n@btn-primary-border: @brand-light-blue;\n@btn-primary-bg-hover: @brand-light-blue-minus-10;\n@btn-primary-border-hover: @brand-light-blue-minus-10;\n@btn-primary-bg-active: @brand-light-blue-minus-20;\n@btn-primary-border-active: @brand-light-blue-minus-20;\n\n//=== Button Success\n//\n//\n@btn-success-color: #fff;\n@btn-success-bg: @brand-green;\n@btn-success-border: @brand-green;\n@btn-success-bg-hover: @brand-green-minus-10;\n@btn-success-border-hover: @brand-green-minus-10;\n@btn-success-bg-active: @brand-green-minus-20;\n@btn-success-border-active: @brand-green-minus-20;\n\n//=== Button Info\n//\n//\n@btn-info-color: @brand-grey-plus-10;\n@btn-info-bg: transparent;\n@btn-info-border: @brand-grey-plus-10;\n@btn-info-bg-hover: @brand-light-blue;\n@btn-info-border-hover: @brand-light-blue;\n@btn-info-bg-active: @brand-light-blue-minus-20;\n@btn-info-border-active: @brand-light-blue-minus-20;\n\n//=== Button Warning\n//\n//\n@btn-warning-color: @brand-orange;\n@btn-warning-bg: transparent;\n@btn-warning-border: @brand-orange;\n@btn-warning-bg-hover: @brand-orange-minus-10;\n@btn-warning-border-hover: @brand-orange-minus-10;\n@btn-warning-bg-active: @brand-orange-minus-20;\n@btn-warning-border-active: @brand-orange-minus-20;\n\n//=== Button Danger\n//\n//\n@btn-danger-color: @brand-grey-plus-10;\n@btn-danger-bg: transparent;\n@btn-danger-border: @brand-grey-plus-10;\n@btn-danger-bg-hover: @brand-red;\n@btn-danger-border-hover: @brand-red;\n@btn-danger-bg-active: @brand-red-minus-20;\n@btn-danger-border-active: @brand-red-minus-20;\n\n@btn-facebook: #3B5998;\n@btn-facebook-active: #344F88;\n@btn-google: #4285F4;\n@btn-google-active: #3B77DB;\n\n//== Forms\n//\n//##\n\n//** `` background color\n@input-bg: #fff;\n//** `` background color\n@input-bg-disabled: @brand-smoke-plus-20;\n//** Text color for ``s\n@input-color: @brand-navy-minus-10;\n//** `` color\n@input-color-disabled: @brand-smoke;\n\n//** `` border color\n@input-border: @brand-smoke;\n//** `` border hover\n@input-border-hover: @brand-grey-plus-20;\n//** `` border color\n@input-border-disabled: @brand-smoke-plus-10;\n\n@input-font-size: 16px;\n@input-line-height: @btn-line-height;\n@input-padding: (@padding-large-vertical + 1px) @padding-base-horizontal (@padding-large-vertical - 1px);\n\n@input-font-size-small: 14px;\n@input-line-height-small: @btn-sm-line-height;\n@input-padding-small: (@padding-small-vertical + 1px) @padding-small-horizontal (@padding-small-vertical - 1px) ;\n\n@input-font-size-large: 22px;\n@input-line-height-large: @btn-lg-line-height;\n@input-padding-large: (@padding-large-vertical + 1px) @padding-large-horizontal (@padding-large-vertical - 1px);\n\n// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4\n//** Default `.form-control` border radius\n// This has no effect on ` |