/* ###########################
### The base colors
############################# */

 
 
 $theme-color: #eee; /* Theme color, insert value */
 $contentbg:  #fff; /* Background on text content */
 $background:	 #fff; /* Body background */
 $light-grey: #eee; /* "Light grey" is used on elements that need a bright background */
 $text-color-dark:	 #222; /* Text content on bright background */
 $text-color-bright: #fff;	 /* Text content on dark background */
 $link-color:  darken($theme-color, 50%); /* Link color */
 $title-color:  #444; /* Title color */
 $border-color: #ccc; /* Textarea and inputs */
 
 
 
 
 
 
/* ###########################
#### Screen resolution
############################ */
 $desktop: 1024px;
 $tablet: 780px;
 $phone: 560px;
 
/* ###########################
### Padding and margin for elements - give the design some air
############################## */
 $cpadding: 20px; /* Used on containers containing text content */
 $cmargin: 20px; /* Margin(-bottom) used for titles, pictures, figures and more. */
 
/* ######################
###### Titles
######################## */
 $tfont: 'Open sans', arial; /* Title font family */
 $tfsize: 34px; /* Title font size (sets h1 size, other titles adjust to proportional values ) */
 $tweight: 400; /* Title font weight */
 $tlheight: 1.2; /* Line height for titles */
 
 
/* ####################
###### Content text
###################### */
 $cfont: 'Open sans', arial; /* Content font family */
 $fsize: 16px; /* Font size */
 $cweight: 400; /* Content text font weight */
 $flheight: 1.7; /* Content text line height */
 
 
/* ######################
#### Widths
######################## */
 $max: 1200px; /* Width of layout */
 $read-max: $max; 
 $content-width: 800px; /* Width of main content */
 $air: 30px; /* Air between main content and sidebar(s) */
 $slider-width: $max - $cpadding; /* Width of slideshow */
 
/* ######################
#### Heights
######################## */
 $footer-height: 300px; /* Set footer height */
 $top-height: auto; /* Set top height */
 $slider-height: 400px; /* Height of slideshow */
 
/* ###################
##### Buttons
#####################*/
 $btnheight: 32px; /* Height of input/buttons */
 $btnpadding: 6px 15px; /* Padding input/buttons */