/*---------------------------
		Typorgraphy
---------------------------*/

$font__main: Georgia,Sans-serif;
$font__special : 'PT Sans Narrow', sans-serif;
$font__code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font__pre: "Courier 10 Pitch", Courier, monospace;
$font__line-height-body: 1.5;
$font__line-height-pre: 1.6;

//rem base
$font__rem-base: 16px;
$font__base-font-size: 16px;
$font__base-line-height: 30px;

// Heading sizes
$font__size-h1: 32px;
$font__size-h2: 28px;
$font__size-h3: 22px;
$font__size-h4: 18px;
$font__size-h5: 14px;
$font__size-h6: 12px;

/*---------------------------
		Colors
---------------------------*/

$color__primary : #525252;
$color__theme : #db9f0e;
$color__secondary : #525252;
$color__top_nav : #F6F5F4;
$color__heading : $color__primary;

$light_gray : #939393;
$gray : #ccc;

$color__background-body: #fff;
$color__background-screen: #f1f1f1;
$color__background-hr: $gray;
$color__background-button: #e6e6e6;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;

$color__input-background: #FAFAFE;
$color__input-border : #E2E2E6;
$color__text-screen: #21759b;
$color__text-input: #464B5A;
$color__text-input-focus: #8A8A8A;
$color__link: royalblue;
$color__footer_link : $gray;
$color__link-hover: midnightblue;
$color__text-main: #404040;

$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: #E2E2E6;
$color__border-abbr: #666;
$color__border-line: #ccc;

$color__border-light: #ddd;
$color__border-button: #ccc #ccc #bbb;

$boxshadow__input : 1px 1px 5px rgba(0,0,0,0.1) inset;

/*---------------------------
	 Foundation Grid
---------------------------*/

$include-html-classes: true;

$include-html-grid-classes: true;
$include-xl-html-grid-classes: false;

// We use these to control text direction settings
$text-direction: ltr;
$default-float: left;
$opposite-direction: right;

$row-width: rem-calc(1100);
$total-columns: 12;

$last-child-float: $opposite-direction;

$column-gutter: rem-calc(26);


/*---------------------------
	Foundation Media Query
---------------------------*/

// Here we define the lower and upper bounds for each media size
$tablet_break_point : 901px;
$mobile_break_point : 641px;

$small-range: (0, 640px);
$medium-range: ( $mobile_break_point , 900px);
$large-range: ( $tablet_break_point , 1920px);

// Media Queries
$screen: "only screen";

$landscape: "#{$screen} and (orientation: landscape)";
$portrait: "#{$screen} and (orientation: portrait)";

$small-up: $screen;
$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";

$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";

$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";


/*---------------------------
		Site Layout
---------------------------*/

$size__sup-site-main: 100%;
$size__site-sidebar: 25%;
$gutter : rem-calc(30);

