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

// Settings file to override Edge variables
// To override, uncomment the variable and set the new value

// 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;

// ---------------
// OUTPUT CONFIG
// ---------------

// $full  : true;  // Output full CSS styling. If false, only gives barebone CSS
// $debug : false; // No effect currently, will be used for outputting debug comment

// $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-line-height : 1;

// $base-font-size   : 100%;   // 100% is normally 16px
// $content-width    : 1140px; // Maximum width of the grid

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

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

// $em-base  : 16px;  // Base size for px -> em conversion

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

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

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

// $header-font-weight: 700;

// $p-margin-bottom: em(30px);

// --------
// GRID
// --------
// $column-distance : 30px;
// $row-max-width   : $content-width;
// $total-columns   : 12;

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

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