/* ==============================================
   Default Variables
============================================== */


$image-path: "../../img/"!default;

/**
 * IE flag for rendering stylesheet
 */
$ie: false!default;

/* Layout
------------------------------------ */
$global-boxsizing: true!default;
$border-radius: 3px!default;

/**
 * Shape the `.container` object with max-width and left/right padding
 */
$page-max-width: 1200px!default;
$page-edge: 20px!default;

/**
 * Defines and shapes the `.has-sidebar` object
 */
$sidebar-left-width: 300px!default;
$sidebar-left-gutter: 40px!default;
$sidebar-right-width: 300px!default;
$sidebar-right-gutter: 40px!default;

/**
 * Grids
 */
$page-gutter: 3%!default;
$grid-tight-spacing: 0px!default;

/**
 * Media Query breakpoints
 */
$mobile-portait: 320px!default;
$mobile-landscape: 568px!default;
$tablet-portrait: 768px!default;

/**
 * Overlays
 */
$use-overlays: true!default;
$overlay-max-width: 800px!default;
$overlay-max-height: 500px!default;


/* Typography
------------------------------------ */
$font-family: "Helvetica", "Arial", sans-serif!default;
$primary-color: #222!default;


/* Objects
------------------------------------ */
/**
 * Split margins for all breakpoints.
 */
$split-margin: 10px!default;
$split-margin-tablet: 20px!default;
$split-margin-desktop: 32px!default;
$split-margin-max: 40px!default;


/* Forms
------------------------------------ */
$placeholder-color: #999!default;