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

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

// If you need font-face, add it here
// @include font-face("My Custom Font", font-files("my-custom-font.ttf", "my-custom-font.otf"));

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

// $full  : true;  // Output full CSS styling. If false, only gives barebone CSS
// $debug : false; // No effect currently, might be used in the future

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

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

// $include-normalize  : true;
// $include-print      : true;

// ------
// BODY
// ------
// $body-bg          : #fff;
// $body-font-color  : #222;
// $body-font-weight : normal;
// $body-font-style  : normal;
// $body-line-height : 1 !default;

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

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

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

// These 5 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(37px);
// $h3-font-size: em(27px);
// $h4-font-size: em(23px);
// $h5-font-size: em(18px);
// $h6-font-size: 1em;

// $header-font-weight: 700;

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