@charset "UTF-8";
@import "edge/base";

// Override EDGE variables here
// To override, uncomment the variable and set the new value
// Please keep the measurement unit (px or em) the same.

// The first thing to change is Font-family and Main color of your site

// -------
// FONT
// -------
// $header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif";
// $body-font-family   : "Helvetica", Helvetica, Arial, "sans-serif";
// $code-font-family   : "Consolas", Courier, "monospace";

// ------------------------------
// COLOR
// Two main colors of your site
// ------------------------------
// $main-color    : #0173BC;
// $sub-color     : #E9E9E9;

// -----------------------
// COLOR PALETTE
// These colors below should NEVER be used directly to style
// set to another variable like $header-color: $blue-color;
// ----------------------------------------------------------
// $passive-color : #E9E9E9;
// $blue-color    : #0173BC;
// $yellow-color  : #DBA924;
// $red-color     : #DA2E18;
// $green-color   : #2CAE34;

// ---------------
// OUTPUT CONFIG
// ---------------
// $debug : false;  // No effect currently, will be used for nifty-stuff in the future

// $include-normalize  : true;
// $include-grid       : true;
// $include-block-grid : true;
// $include-visibility : true;

// $include-button     : true;
// $include-form       : true;
// $include-typography : true;
// $include-print      : true;

// ------
// BODY
// ------
// $body-bg          : #fff;
// $body-font-color  : #222;
// $body-font-weight : normal;
// $body-font-style  : normal;

// $body-font-size   : 16px;   // Also being used as base-value for pixel->em converter
// $body-line-height : 1;

// ---------------
// GLOBAL VALUE
// ---------------
// $g-radius : 5px;
// $g-transition : all 0.2s ease-out;

// --------
// GRID
// --------
// $row-max-width   : 1140px;
// $total-columns   : 12;
// $column-distance : em(20px);

// ------------
// BLOCK-GRID
// ------------
// $max-blocks      : 12;
// $block-distance  : 15px;

// ---------------
// Typography
// ---------------
// $h1-font-size : 44px;
// $h2-font-size : 36px;
// $h3-font-size : 28px;
// $h4-font-size : 22px;
// $h5-font-size : 18px;
// $h6-font-size : 16px;

// $header-font-color  : $body-font-color;
// $header-font-weight : 700;

// $p-margin-bottom    : 24px;

// -------------------
// MEDIA QUERIES
// -------------------
// $phone-screen  : 480px;
// $small-screen  : 767px;   // Right below iPad
// $medium-screen : 1140px;
// $large-screen  : 1440px;
// $retina-screen : 192dpi;

// ----------
// BUTTON
// ----------
// $button-padding : em(10px 20px);

// ------------------
// TEXT DIRECTION
// ------------------
// $text-direction   : ltr; // Controls default global text direction, 'rtl' or 'ltr'