{:versionI"3.2.19 (Media Mark):EF:sha"-377f452d071b597d7f18310ce55d6c4aab21b8ba:
contents"{o:Sass::Tree::RootNode
:@children[o:Sass::Tree::CommentNode
:@value[I"/* Colors
 *
 * Notes */:ET:
@type:silent;[�:
@linei:
@options{�o:Sass::Tree::VariableNode:
@nameI"#notes-section-background-color;	T:
@expro:Sass::Script::Funcall;I"	rgba;	T:
@args[o:Sass::Script::Variable	;I"
white;	T:@underscored_nameI"
white;	T;
@;i
o:Sass::Script::Number;f	0.85:@numerator_units[�:@denominator_units[�;i
:@originalI"	0.85;	F;
@:@keywords{�:@splat0;i
;
@:
@guarded0;[�;i
;
@o;;I"notes-background-color;	T;o;	;I"
white;	T;I"
white;	T;
@;i;0;[�;i;
@o;
;[I"/* Smoove dem fonts! */;	T;
;;[�;i
;
@o:Sass::Tree::RuleNode:
@rule[I"*;	T:
@tabsi�;[o:Sass::Tree::PropNode;[I"-webkit-font-smoothing;	T;o:Sass::Script::String;I"antialiased;	T;
:identifier;
@;i�:@prop_syntax:new;[�;i;
@;i:@has_childrenT;
@:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o:Sass::Selector::Sequence;'[o:#Sass::Selector::SimpleSequence
;'[o:Sass::Selector::Universal:@namespace0;i:@filenameI"�;	F:
@subject0:
@sourceso:Set:
@hash{�;i;,@6;i;,@6o;;[I"#styleguide-rails;	T;i�;[o;;[I"background;	T;o;	;I"
black;	T;I"
black;	T;
@;i;i�;";#;[�;i;
@o;;[I"padding;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i;
@o;;[I"margin;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i;
@o;;[I"font-family;	T;o;	;I"body-font;	T;I"body_font;	T;
@;i;i�;";#;[�;i;
@o;;[I" &.open nav,
  nav.near-menu;	F;i�;[o;;[I"border-left;	T;o:Sass::Script::List	;[o;;i
;[I"px;	T;[�;i;I"5px;	F;
@o; 	;I"
solid;	T;
;!;i;
@o;	;I"primary-color;	T;I"primary_color;	T;
@;i:@separator:
space;i;
@;i�;";#;[�;i;
@;i;$T;
@;%o;&;'[o;(;'[o;)
;'[o:Sass::Selector::Parent;i;,I"�;	Fo:Sass::Selector::Class;[I"	open;	F;i;,@r;-0;.o;/;0{�;i;,@ro;)
;'[o:Sass::Selector::Element	;[I"nav;	F;+0;i;,@r;-0;.o;/;0{�;i;,@ro;(;'[I"
;	Fo;)
;'[o;6	;[I"nav;	F;+0;i;,@ro;5;[I"near-menu;	F;i;,@r;-0;.o;/;0{�;i;,@r;i;,@ro;;[I"&.open;	F;i�;[o;;[I"nav;	T;i�;[o;;[I"background-color;	T;o;;I"darken;	T;[o;	;I"
black;	T;I"
black;	T;
@;io;;i
;[I"%;	T;[�;i;I"5%;	F;
@;{�;0;i;
@;i�;";#;[�;i;
@o;;[I"overflow-y;	T;o; ;I"	auto;	T;
;!;
@;i�;";#;[�;i;
@o;;[I"overflow-x;	T;o; ;I"hidden;	T;
;!;
@;i�;";#;[�;i;
@o;;[I"pointer-events;	T;o; ;I"	auto;	T;
;!;
@;i�;";#;[�;i;
@o;;[I"top;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i;
@o;;[I"
width;	T;o; ;I"
300px;	T;
;!;
@;i�;";#;[�;i ;
@o;;[I"a;	T;i�;[o:Sass::Tree::MixinNode;I"box-shadow;	T;[o;1	;[
o;;i�;[�;@;i";I"0;	F;
@o;;i;[I"px;	T;[�;i";I"1px;	F;
@o;;i�;[�;@;i";I"0;	F;
@o;;i�;[�;@;i";I"0;	F;
@o;	;I"
black;	T;I"
black;	T;
@;i";2;3;i";
@;{�;0;[�;i";
@;i";$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"a;	T;+0;i";,I"�;	F;-0;.o;/;0{�;i";,@
�;i";,@
�o;;[I"
.menu;	T;i�;[o;7;I"inline-icon;	T;[o; 	;I"
close;	T;
:string;i$;
@;{�;0;[�;i$;
@;i$;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"	menu;	T;i$;,I"�;	F;-0;.o;/;0{�;i$;,@
�;i$;,@
�o;;[I".nav-item;	T;i�;[o;;[I"opacity;	T;o; ;I"1;	T;
;!;
@;i�;";#;[�;i%;
@;i%;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"
nav-item;	T;i%;,I"�;	F;-0;.o;/;0{�;i%;,@
;i%;,@
o;;[I".nav-item-list;	T;i�;[o;;[I"background;	T;o;	;I"
black;	T;I"
black;	T;
@;i&;i�;";#;[�;i&;
@;i&;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"nav-item-list;	T;i&;,I"�;	F;-0;.o;/;0{�;i&;,@&
;i&;,@&
;i;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"nav;	T;+0;i;,I"�;	F;-0;.o;/;0{�;i;,@2
;i;,@2
;i;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i;,I"�;	Fo;5;[I"	open;	F;i;,@<
;-0;.o;/;0{�;i;,@<
;i;,@<
o;
;[I"^/*
 * NAVIGATION
 * ****************************************************************** */;	T;
;;[�;i*;
@o;;[I"nav;	T;i�;[o;7;I"transition;	T;[o;1	;[o; 	;I"all;	T;
;!;i.;
@o;;f0.3;[I"s;	T;[�;i.;I"	0.3s;	F;
@o; 	;I"	ease;	T;
;!;i.;
@;2;3;i.;
@;{�;0;[�;i.;
@o;;[I"background-color;	T;o; ;I"transparent;	T;
;!;
@;i�;";#;[�;i/;
@o;;[I"border-left;	T;o;1	;[o;;i�;[I"px;	T;[�;i0;I"0px;	F;
@o; 	;I"
solid;	T;
;!;i0;
@o;	;I"nav-border-color;	T;I"nav_border_color;	T;
@;i0;2;3;i0;
@;i�;";#;[�;i0;
@o;;[I"display;	T;o; ;I"
block;	T;
;!;
@;i�;";#;[�;i1;
@o;;[I"font-size;	T;o; ;I"
0.8em;	T;
;!;
@;i�;";#;[�;i2;
@o;;[I"	left;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i3;
@o;;[I"bottom;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i4;
@o;;[I"padding;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i5;
@o;;[I"
position;	T;o; ;I"
fixed;	T;
;!;
@;i�;";#;[�;i6;
@o;;[I"text-align;	T;o; ;I"	left;	T;
;!;
@;i�;";#;[�;i7;
@o;;[I"top;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i8;
@o;;[I"
width;	T;o; ;I"	10px;	T;
;!;
@;i�;";#;[�;i9;
@o;;[I"z-index;	T;o; ;I"	1000;	T;
;!;
@;i�;";#;[�;i:;
@o;;[I"a.menu;	T;i�;[o;7;I"transition;	T;[o;1	;[o; 	;I"all;	T;
;!;i=;
@o;;f0.3;[I"s;	T;[�;i=;I"	0.3s;	F;
@o; 	;I"	ease;	T;
;!;i=;
@;2;3;i=;
@;{�;0;[�;i=;
@o;7;I"inline-icon;	T;[o; 	;I"	menu;	T;
;8;i>;
@;{�;0;[�;i>;
@o;;[I"pointer-events;	T;o; ;I"	auto;	T;
;!;
@;i�;";#;[�;i@;
@o;;[I"
color;	T;o;	;I"nav-menu-icon-color;	T;I"nav_menu_icon_color;	T;
@;iA;i�;";#;[�;iA;
@o;;[I"display;	T;o; ;I"
block;	T;
;!;
@;i�;";#;[�;iB;
@o;;[I"font-size;	T;o; ;I"
1.2em;	T;
;!;
@;i�;";#;[�;iC;
@o;;[I"line-height;	T;o; ;I"2em;	T;
;!;
@;i�;";#;[�;iD;
@o;;[I"margin-right;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;iE;
@o;;[I"text-align;	T;o; ;I"
right;	T;
;!;
@;i�;";#;[�;iF;
@o;;[I"z-index;	T;o; ;I"	1000;	T;
;!;
@;i�;";#;[�;iG;
@o;;[I"	span;	T;i�;[o;;[I"display;	T;o; ;I"	none;	T;
;!;
@;i�;";#;[�;iH;
@;iH;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"	span;	T;+0;iH;,I"�;	F;-0;.o;/;0{�;iH;,@
;iH;,@
o;;[I"&:hover;	F;i�;[o;7;I"box-shadow;	T;[o; 	;I"	none;	T;
;!;iJ;
@;{�;0;[�;iJ;
@;iJ;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;iJ;,I"�;	Fo:Sass::Selector::Pseudo
:@syntactic_type:
class;[I"
hover;	F:	@arg0;iJ;,@";-0;.o;/;0{�;iJ;,@";iJ;,@";i<;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"a;	T;+0;i<;,I"�;	Fo;5;[I"	menu;	T;i<;,@1;-0;.o;/;0{�;i<;,@1;i<;,@1o;;[I".nav-item;	T;i�;[	o;7;I"transition;	T;[o;1	;[	o; 	;I"all;	T;
;!;iN;
@o;;f0.3;[I"s;	T;[�;iN;I"	0.3s;	F;
@o; 	;I"	ease;	T;
;!;iN;
@o;;f0.2;[I"s;	T;[�;iN;I"	0.2s;	F;
@;2;3;iN;
@;{�;0;[�;iN;
@o;;[I"opacity;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;iO;
@o;;[I"&.open;	F;i�;[o;;[I".nav-item-title;	T;i�;[o;;[I"
color;	T;o;	;I"
white;	T;I"
white;	T;
@;iS;i�;";#;[�;iS;
@o;;[I"&:after;	F;i�;[o;7;I"	icon;	T;[o; 	;I"arrow-down;	T;
;8;iT;
@;{�;0;[�;iT;
@;iT;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;iT;,I"�;	Fo;9
;:;;;[I"
after;	F;<0;iT;,@y;-0;.o;/;0{�;iT;,@y;iT;,@y;iR;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"nav-item-title;	T;iR;,I"�;	F;-0;.o;/;0{�;iR;,@�;iR;,@�o;;[I"ul.nav-item-list;	T;i�;[o;;[I"display;	T;o; ;I"
block;	T;
;!;
@;i�;";#;[�;iV;
@;iV;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"ul;	T;+0;iV;,I"�;	Fo;5;[I"nav-item-list;	T;iV;,@�;-0;.o;/;0{�;iV;,@�;iV;,@�;iQ;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;iQ;,I"�;	Fo;5;[I"	open;	F;iQ;,@�;-0;.o;/;0{�;iQ;,@�;iQ;,@�o;;[I".nav-item-title;	T;i�;[
o;7;I"transition;	T;[o;1	;[o; 	;I"all;	T;
;!;iZ;
@o;;f0.3;[I"s;	T;[�;iZ;I"	0.3s;	F;
@o; 	;I"	ease;	T;
;!;iZ;
@;2;3;iZ;
@;{�;0;[�;iZ;
@o;;[I"font-weight;	T;o; ;I"500;	T;
;!;
@;i�;";#;[�;i[;
@o;;[I"margin-bottom;	T;o; ;I"1px;	T;
;!;
@;i�;";#;[�;i\;
@o;;[I"text-transform;	T;o; ;I"uppercase;	T;
;!;
@;i�;";#;[�;i];
@o;;[I"&:after;	F;i�;[o;7;I"	icon;	T;[o; 	;I"
arrow-up;	T;
;8;i`;
@;{�;0;[�;i`;
@o;;[I"
position;	T;o; ;I"
absolute;	T;
;!;
@;i�;";#;[�;ia;
@o;;[I"
right;	T;o; ;I"	20px;	T;
;!;
@;i�;";#;[�;ib;
@;i_;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i_;,I"�;	Fo;9
;:;;;[I"
after;	F;<0;i_;,@�;-0;.o;/;0{�;i_;,@�;i_;,@�;iY;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"nav-item-title;	T;iY;,I"�;	F;-0;.o;/;0{�;iY;,@;iY;,@;iM;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"
nav-item;	T;iM;,I"�;	F;-0;.o;/;0{�;iM;,@;iM;,@o;;[I"a;	T;i�;[
o;7;I"transition;	T;[o;1	;[o; 	;I"all;	T;
;!;ih;
@o;;f0.3;[I"s;	T;[�;ih;I"	0.3s;	F;
@o; 	;I"	ease;	T;
;!;ih;
@;2;3;ih;
@;{�;0;[�;ih;
@o;7;I"box-shadow;	T;[o;1	;[
o;;i�;[�;@;ii;I"0;	F;
@o;;i;[I"px;	T;[�;ii;I"1px;	F;
@o;;i�;[�;@;ii;I"0;	F;
@o;;i�;[�;@;ii;I"0;	F;
@o; 	;I"transparent;	T;
;!;ii;
@;2;3;ii;
@;{�;0;[�;ii;
@o;;[I"
color;	T;o;	;I"nav-link-color;	T;I"nav_link_color;	T;
@;ij;i�;";#;[�;ij;
@o;;[I"font-family;	T;o;	;I"header-font;	T;I"header_font;	T;
@;ik;i�;";#;[�;ik;
@o;;[I"font-size;	T;o; ;I"1em;	T;
;!;
@;i�;";#;[�;il;
@o;;[I"display;	T;o; ;I"
block;	T;
;!;
@;i�;";#;[�;im;
@o;;[I"padding;	T;o; ;I"	20px;	T;
;!;
@;i�;";#;[�;in;
@o;;[I"&:hover;	F;i�;[o;;[I"
color;	T;o;	;I"nav-link-hover-color;	T;I"nav_link_hover_color;	T;
@;ip;i�;";#;[�;ip;
@;io;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;io;,I"�;	Fo;9
;:;;;[I"
hover;	F;<0;io;,@r;-0;.o;/;0{�;io;,@r;io;,@r;ig;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"a;	T;+0;ig;,I"�;	F;-0;.o;/;0{�;ig;,@�;ig;,@�o;;[I".nav-item-list;	T;i�;[o;7;I"transition;	T;[o;1	;[o; 	;I"all;	T;
;!;iu;
@o;;f0.3;[I"s;	T;[�;iu;I"	0.3s;	F;
@o; 	;I"	ease;	T;
;!;iu;
@;2;3;iu;
@;{�;0;[�;iu;
@o;;[I"background-color;	T;o; ;I"transparent;	T;
;!;
@;i�;";#;[�;iv;
@o;;[I"display;	T;o; ;I"	none;	T;
;!;
@;i�;";#;[�;iw;
@o;;[I"
overflow;	T;o; ;I"hidden;	T;
;!;
@;i�;";#;[�;ix;
@o;;[I"padding;	T;o; ;I"10px 0;	T;
;!;
@;i�;";#;[�;iy;
@o;;[I"margin;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;iz;
@o;;[I"li;	T;i�;[o;;[I"display;	T;o; ;I"
block;	T;
;!;
@;i�;";#;[�;i};
@o;;[I"&:last-child;	F;i�;[o;;[I"margin-right;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i~;
@;i~;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i~;,I"�;	Fo;9
;:;;;[I"last-child;	F;<0;i~;,@�;-0;.o;/;0{�;i~;,@�;i~;,@�o;;[I"a;	T;i�;[	o;;[I"font-size;	T;o; ;I"	13px;	T;
;!;
@;i�;";#;[�;i
|;
@o;;[I"padding-left;	T;o; ;I"	45px;	T;
;!;
@;i�;";#;[�;i
};
@o;;[I"
position;	T;o; ;I"
relative;	T;
;!;
@;i�;";#;[�;i
~;
@o;;[I"
&:before;	F;i�;[o;7;I"box-shadow;	T;[o;1	;[o; 	;I"
inset;	T;
;!;i
�;
@o;;i�;[�;@;i
�;I"0;	F;
@o;;i�;[�;@;i
�;I"0;	F;
@o;;i�;[�;@;i
�;I"0;	F;
@o;;i;[I"px;	T;[�;i
�;I"1px;	F;
@o;	;I"nav-link-hr-color;	T;I"nav_link_hr_color;	T;
@;i
�;2;3;i
�;
@;{�;0;[�;i
�;
@o;;[I"border-radius;	T;o; ;I"1000px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"	left;	T;o; ;I"	25px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
position;	T;o; ;I"
absolute;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
width;	T;o; ;I"	10px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"height;	T;o; ;I"	10px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"content;	T;o; ;I"'';	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"font-size;	T;o; ;I"	10px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"vertical-align;	T;o; ;I"top;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"margin-top;	T;o; ;I"4px;	T;
;!;
@;i�;";#;[�;i
�;
@;i
;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
;,I"�;	Fo;9
;:;;;[I"before;	F;<0;i
;,@I;-0;.o;/;0{�;i
;,@I;i
;,@I;i
{;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"a;	T;+0;i
{;,I"�;	F;-0;.o;/;0{�;i
{;,@X;i
{;,@X;i|;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"li;	T;+0;i|;,I"�;	F;-0;.o;/;0{�;i|;,@d;i|;,@d;it;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"nav-item-list;	T;it;,I"�;	F;-0;.o;/;0{�;it;,@p;it;,@p;i-;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"nav;	T;+0;i-;,I"�;	F;-0;.o;/;0{�;i-;,@|;i-;,@|o;
;[I"Z/*
 * COLORS
 * ****************************************************************** */;	T;
;;[�;i
�;
@o;;[I".colors;	T;i�;[o;
;[I""/* @include block-grid(1); */;	T;
;;[�;i
�;
@o;;[I"li;	T;i�;[o;
;[I"/* base colors */;	T;
;;[�;i
�;
@o;;[I"&.green;	F;i�;[o;7;I"color-block;	T;[o;	;I"
green;	T;I"
green;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"
green;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I"&.grey;	F;i�;[o;7;I"color-block;	T;[o;	;I"	grey;	T;I"	grey;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"	grey;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I"&.dark-grey;	F;i�;[o;7;I"color-block;	T;[o;	;I"dark-grey;	T;I"dark_grey;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"dark-grey;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I"&.off-white;	F;i�;[o;7;I"color-block;	T;[o;	;I"off-white;	T;I"off_white;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"off-white;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I"&.white;	F;i�;[o;7;I"color-block;	T;[o;	;I"
white;	T;I"
white;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"
white;	F;i
�;,@
;-0;.o;/;0{�;i
�;,@
;i
�;,@
o;
;[I"/* component colors */;	T;
;;[�;i
�;
@o;;[I"&.primary-color;	F;i�;[o;7;I"color-block;	T;[o;	;I"primary-color;	T;I"primary_color;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"primary-color;	F;i
�;,@';-0;.o;/;0{�;i
�;,@';i
�;,@'o;;[I"&.secondary-color;	F;i�;[o;7;I"color-block;	T;[o;	;I"secondary-color;	T;I"secondary_color;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"secondary-color;	F;i
�;,@@;-0;.o;/;0{�;i
�;,@@;i
�;,@@o;;[I"&.alert-color;	F;i�;[o;7;I"color-block;	T;[o;	;I"alert-color;	T;I"alert_color;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"alert-color;	F;i
�;,@Y;-0;.o;/;0{�;i
�;,@Y;i
�;,@Yo;;[I"&.success-color;	F;i�;[o;7;I"color-block;	T;[o;	;I"success-color;	T;I"success_color;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"success-color;	F;i
�;,@r;-0;.o;/;0{�;i
�;,@r;i
�;,@ro;;[I"&.warning-color;	F;i�;[o;7;I"color-block;	T;[o;	;I"warning-color;	T;I"warning_color;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"warning-color;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I"&.info-color;	F;i�;[o;7;I"color-block;	T;[o;	;I"info-color;	T;I"info_color;	T;
@;i
�;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"info-color;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"li;	T;+0;i
�;,I"�;	F;-0;.o;/;0{�;i
�;,@�;i
�;,@�o:Sass::Tree::MediaNode:@query[o;	;I"
small;	T;I"
small;	T;
@;i
�;i�;I"�;	F;[o;
;[I""/* @include block-grid(3); */;	T;
;;[�;i
�;
@;i
�;$T;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"colors;	T;i
�;,I"�;	F;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;
;[I"Y/*
 * BLOCK
 * ****************************************************************** */;	T;
;;[�;i
�;
@o;;[I"dl.styleguide;	T;i�;[
o;;[I"margin;	T;o; ;I"200px 0;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
position;	T;o; ;I"
relative;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"a[name];	T;i�;[o;;[I"height;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"margin;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"a;	T;+0;i
�;,I"�;	Fo:Sass::Selector::Attribute;[I"	name;	T;+0:@operator0;0:@flags0;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I"dt.page-title;	T;i�;[
o;;[I"background-color;	T;o;;I"	rgba;	T;[o;	;I"
white;	T;I"
white;	T;
@;i
�o;;f	0.95;[�;@;i
�;I"	0.95;	F;
@;{�;0;i
�;
@;i�;";#;[�;i
�;
@o;;[I"
color;	T;o;	;I"
black;	T;I"
black;	T;
@;i
�;i�;";#;[�;i
�;
@o;;[I"display;	T;o; ;I"
block;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"font-size;	T;o; ;I"2em;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"font-weight;	T;o; ;I"100;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"margin;	T;o; ;I"2em 0 0;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding;	T;o; ;I"10px 0;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"text-align;	T;o; ;I"center;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"dt;	T;+0;i
�;,I"�;	Fo;5;[I"page-title;	T;i
�;,@M;-0;.o;/;0{�;i
�;,@M;i
�;,@Mo;;[I"dd;	T;i�;[
o;;[I"margin;	T;o; ;I"0 auto;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding-top;	T;o; ;I"4em;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding-bottom;	T;o; ;I"4em;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
position;	T;o; ;I"
relative;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
overflow;	T;o; ;I"hidden;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"&.notes;	F;i�;[o;;[I"background;	T;o;	;I"#notes-section-background-color;	T;I"#notes_section_background_color;	T;
@;i
�;i�;";#;[�;i
�;
@o;;[I"padding-top;	T;o; ;I"2em;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding-bottom;	T;o; ;I"2em;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
.wrapper;	T;i�;[o;;[I"background;	T;o;	;I"notes-background-color;	T;I"notes_background_color;	T;
@;i
�;i�;";#;[�;i
�;
@o;;[I"padding;	T;o; ;I"4em;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"wrapper;	T;i
�;,I"�;	F;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I".notes-title;	T;i�;[o;7;I"box-shadow;	T;[o;1	;[
o;;i�;[�;@;i
�;I"0;	F;
@o;;i;[I"px;	T;[�;i
�;I"1px;	F;
@o;;i�;[�;@;i
�;I"0;	F;
@o;;i�;[�;@;i
�;I"0;	F;
@o;;I"	rgba;	T;[o;	;I"
black;	T;I"
black;	T;
@;i
�o;;f	0.08;[�;@;i
�;I"	0.08;	F;
@;{�;0;i
�;
@;2;3;i
�;
@;{�;0;[�;i
�;
@o;;[I"
color;	T;o;;I"	rgba;	T;[o;	;I"
black;	T;I"
black;	T;
@;i
�o;;f	0.35;[�;@;i
�;I"	0.35;	F;
@;{�;0;i
�;
@;i�;";#;[�;i
�;
@o;;[I"font-size;	T;o;;I"
rem-calc;	T;[o;;i;[�;@;i
�;I"14;	F;
@;{�;0;i
�;
@;i�;";#;[�;i
�;
@o;;[I"font-weight;	T;o; ;I"100;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"font-style;	T;o; ;I"italic;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding-bottom;	T;o; ;I"
.35em;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
position;	T;o; ;I"
relative;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"notes-title;	T;i
�;,I"�;	F;-0;.o;/;0{�;i
�;,@;i
�;,@o;;[I"h1, h2, h3, h4, h5, h6, p;	T;i�;[o;;[I"
color;	T;o;;I"lighten;	T;[o;	;I"
black;	T;I"
black;	T;
@;i
�o;;i;[I"%;	T;[�;i
�;I"15%;	F;
@;{�;0;i
�;
@;i�;";#;[�;i
�;
@o;;[I"font-weight;	T;o; ;I"200;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"h1;	T;+0;i
�;,I"�;	F;-0;.o;/;0{�;i
�;,@.o;(;'[o;)
;'[o;6	;[I"h2;	T;+0;i
�;,@.;-0;.o;/;0{�;i
�;,@.o;(;'[o;)
;'[o;6	;[I"h3;	T;+0;i
�;,@.;-0;.o;/;0{�;i
�;,@.o;(;'[o;)
;'[o;6	;[I"h4;	T;+0;i
�;,@.;-0;.o;/;0{�;i
�;,@.o;(;'[o;)
;'[o;6	;[I"h5;	T;+0;i
�;,@.;-0;.o;/;0{�;i
�;,@.o;(;'[o;)
;'[o;6	;[I"h6;	T;+0;i
�;,@.;-0;.o;/;0{�;i
�;,@.o;(;'[o;)
;'[o;6	;[I"p;	T;+0;i
�;,@.;-0;.o;/;0{�;i
�;,@.;i
�;,@.;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"
notes;	F;i
�;,@n;-0;.o;/;0{�;i
�;,@n;i
�;,@no;;[I"&.preview;	F;i�;[o;;[I"background;	T;o;	;I"body-background-color;	T;I"body_background_color;	T;
@;i
�;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"preview;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I"&.location-title;	F;i�;[o;;[I"padding;	T;o; ;I"0;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"location-title;	F;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"dd;	T;+0;i
�;,I"�;	F;-0;.o;/;0{�;i
�;,@�;i
�;,@�;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;6	;[I"dl;	T;+0;i
�;,I"�;	Fo;5;[I"styleguide;	T;i
�;,@�;-0;.o;/;0{�;i
�;,@�;i
�;,@�o;;[I".location;	T;i�;[o;;[I"background-color;	T;o;;I"	rgba;	T;[o;	;I"
white;	T;I"
white;	T;
@;i
�o;;f	0.95;[�;@;i
�;I"	0.95;	F;
@;{�;0;i
�;
@;i�;";#;[�;i
�;
@o;;[I"
color;	T;o;;I"	rgba;	T;[o;	;I"
black;	T;I"
black;	T;
@;i
�o;;f	0.45;[�;@;i
�;I"	0.45;	F;
@;{�;0;i
�;
@;i�;";#;[�;i
�;
@o;;[I"cursor;	T;o; ;I"pointer;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"font-style;	T;o; ;I"italic;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding;	T;o; ;I"10px 20px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
position;	T;o; ;I"
relative;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"&.show-code;	F;i�;[o;;[I"
color;	T;o;	;I"
black;	T;I"
black;	T;
@;i
�;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"show-code;	F;i
�;,@
;-0;.o;/;0{�;i
�;,@
;i
�;,@
o;;[I"&.show-code + pre;	F;i�;[o;;[I"display;	T;o; ;I"
block;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"show-code;	F;i
�;,@!;-0;.o;/;0{�;i
�;,@!I"+;	Fo;)
;'[o;6	;[I"pre;	F;+0;i
�;,@!;-0;.o;/;0{�;i
�;,@!;i
�;,@!o;;[I"&.show-code:after;	F;i�;[o;7;I"	icon;	T;[o; 	;I"arrow-down;	T;
;8;i
�;
@;{�;0;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;5;[I"show-code;	F;i
�;,@Ao;9
;:;;;[I"
after;	F;<0;i
�;,@A;-0;.o;/;0{�;i
�;,@A;i
�;,@Ao;;[I"&:after;	F;i�;[o;7;I"	icon;	T;[o; 	;I"
arrow-up;	T;
;8;i
�;
@;{�;0;[�;i
�;
@o;;[I"
right;	T;o; ;I"	20px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"top;	T;o; ;I"	14px;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"
position;	T;o; ;I"
absolute;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"font-style;	T;o; ;I"normal;	T;
;!;
@;i�;";#;[�;i
�;
@o;;[I"padding-left;	T;o; ;I"5px;	T;
;!;
@;i�;";#;[�;i
�;
@;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
�;,I"�;	Fo;9
;:;;;[I"
after;	F;<0;i
�;,@z;-0;.o;/;0{�;i
�;,@z;i
�;,@zo;;[I"&:hover;	F;i�;[o;;[I"
color;	T;o;	;I"primary-color;	T;I"primary_color;	T;
@;i
;i�;";#;[�;i
;
@;i
;$T;
@;%o;&;'[o;(;'[o;)
;'[o;4;i
;,I"�;	Fo;9
;:;;;[I"
hover;	F;<0;i
;,@�;-0;.o;/;0{�;i
;,@�;i
;,@�o;;[I"
+ pre;	T;i�;[o;;[I"display;	T;o; ;I"	none;	T;
;!;
@;i�;";#;[�;i
;
@;i
;$T;
@;%o;&;'[o;(;'[I"+;	To;)
;'[o;6	;[I"pre;	T;+0;i
;,I"�;	F;-0;.o;/;0{�;i
;,@�;i
;,@�o;;[I"+ pre code;	T;i�;[	o;7;I"box-shadow;	T;[o;1	;[
o; 	;I"
inset;	T;
;!;i
;
@o;;i�;[�;@;i
;I"0;	F;
@o;;i�;[I"px;	T;[�;i
;I"
-20px;	F;
@o;;i�;[�;@;i
;I"0;	F;
@o:Sass::Script::Color	;0:@attrs{	:redi
�:
greeni
�:	bluei
�:
alphai;i
;
@;2;3;i
;
@;{�;0;[�;i
;
@o;;[I"background-color;	T;o; ;I"#f3f3fa;	T;
;!;
@;i�;";#;[�;i
;
@o;;[I"font-size;	T;o; ;I"	14px;	T;
;!;
@;i�;";#;[�;i
;
@o;;[I"padding;	T;o; ;I"4em 20px 4.6em;	T;
;!;
@;i�;";#;[�;i	
;
@;i
;$T;
@;%o;&;'[o;(;'[I"+;	To;)
;'[o;6	;[I"pre;	T;+0;i
;,I"�;	F;-0;.o;/;0{�;i
;,@�o;)
;'[o;6	;[I"	code;	T;+0;i
;,@�;-0;.o;/;0{�;i
;,@�;i
;,@�;i
�;$T;
@;%o;&;'[o;(;'[o;)
;'[o;5;[I"
location;	T;i
�;,I"�;	F;-0;.o;/;0{�;i
�;,@�;i
�;,@�;i;$T;
@;%o;&;'[o;(;'[o;)
;'[o:Sass::Selector::Id;[I"styleguide-rails;	T;i;,I"�;	F;-0;.o;/;0{�;i;,@	;i;,@	:@templateI"�
// Colors
//
// Notes
$notes-section-background-color: rgba($white, .85);
$notes-background-color: $white;

// Smoove dem fonts!
* { -webkit-font-smoothing: antialiased; }

#styleguide-rails {
  background: $black;
  padding: 0;
  margin: 0;
  font-family: $body-font;

  &.open nav,
  nav.near-menu { border-left: 5px solid $primary-color; }

  &.open {
    nav {
      background-color: darken($black, 5%);
      overflow-y: auto;
      overflow-x: hidden;
      pointer-events: auto;
      top: 0;
      width: 300px;

      a { @include box-shadow(0 1px 0 0 $black); }

      .menu { @include inline-icon('close'); }
      .nav-item { opacity: 1; }
      .nav-item-list{ background: $black; }
    }
  }

  //
  // NAVIGATION
  // ******************************************************************
  nav {
    @include transition(all .3s ease);
    background-color: transparent;
    border-left: 0px solid $nav-border-color;
    display: block;
    font-size: 0.8em;
    left: 0;
    bottom: 0;
    padding: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 10px;
    z-index: 1000;

    a.menu {
      @include transition(all .3s ease);
      @include inline-icon('menu');

      pointer-events: auto;
      color: $nav-menu-icon-color;
      display: block;
      font-size: 1.2em;
      line-height: 2em;
      margin-right: 0;
      text-align: right;
      z-index: 1000;
      span { display: none; }

      &:hover { @include box-shadow(none); }
    }

    .nav-item {
      @include transition(all .3s ease .2s);
      opacity: 0;

      &.open {
        .nav-item-title {
          color: $white;
          &:after { @include icon('arrow-down'); }
        }
        ul.nav-item-list { display: block; }
      }

      .nav-item-title {
        @include transition(all .3s ease);
        font-weight: 500;
        margin-bottom: 1px;
        text-transform: uppercase;

        &:after {
          @include icon('arrow-up');
          position: absolute;
          right: 20px;
        }
      }
    }

    a {
      @include transition(all .3s ease);
      @include box-shadow(0 1px 0 0 transparent);
      color: $nav-link-color;
      font-family: $header-font;
      font-size: 1em;
      display: block;
      padding: 20px;
      &:hover {
        color: $nav-link-hover-color;
      }
    }

    .nav-item-list {
      @include transition(all .3s ease);
      background-color: transparent;
      display: none;
      overflow: hidden;
      padding: 10px 0;
      margin: 0;

      li {
        display: block;
        &:last-child { margin-right: 0; }

        a {
          font-size: 13px;
          padding-left: 45px;
          position: relative;
          &:before {
            @include box-shadow(inset 0 0 0 1px $nav-link-hr-color);
            border-radius: 1000px;
            left: 25px;
            position: absolute;
            width: 10px;
            height: 10px;
            content: '';
            font-size: 10px;
            vertical-align: top;
            margin-top: 4px;
          }
        }
      }
    }
  }


  //
  // COLORS
  // ******************************************************************

  .colors {
    // @include block-grid(1);
    li {
      // base colors
      &.green { @include color-block($green); }
      &.grey { @include color-block($grey); }
      &.dark-grey { @include color-block($dark-grey); }
      &.off-white { @include color-block($off-white); }
      &.white { @include color-block($white); }

      // component colors
      &.primary-color { @include color-block($primary-color); }
      &.secondary-color { @include color-block($secondary-color); }
      &.alert-color { @include color-block($alert-color); }
      &.success-color { @include color-block($success-color); }
      &.warning-color { @include color-block($warning-color); }
      &.info-color { @include color-block($info-color); }
    }
    @media #{$small} {
      // @include block-grid(3);
    }
  }


  //
  // BLOCK
  // ******************************************************************

  dl.styleguide {
    margin: 200px 0;
    position: relative;

    a[name] {
      height: 0;
      padding: 0;
      margin: 0;
    }
    dt.page-title {
      background-color: rgba($white, .95);
      color: $black;
      display: block;
      font-size: 2em;
      font-weight: 100;
      margin: 2em 0 0;
      padding: 10px 0;
      text-align: center;
    }

    dd {
      margin: 0 auto;
      padding-top: 4em;
      padding-bottom: 4em;
      position: relative;
      overflow: hidden;

      &.notes {
        background: $notes-section-background-color;
        padding-top: 2em;
        padding-bottom: 2em;
        .wrapper {
          background: $notes-background-color;
          padding: 4em;
        }
        .notes-title {
          @include box-shadow(0 1px 0 0 rgba($black, .08));
          color: rgba($black, .35);
          font-size: rem-calc(14);
          font-weight: 100;
          font-style: italic;
          padding-bottom: .35em;
          position: relative;
        }

        h1, h2, h3, h4, h5, h6, p {
          color: lighten($black, 15%);
          font-weight: 200;
        }

      }
      &.preview {
        background: $body-background-color;
      }
      &.location-title {
        padding: 0;
      }
    }
  }

  .location {
    background-color: rgba($white, .95);
    color: rgba($black, .45);
    cursor: pointer;
    font-style: italic;
    padding: 10px 20px;
    position: relative;

    &.show-code { color: $black; }
    &.show-code + pre { display: block; }
    &.show-code:after { @include icon('arrow-down'); }

    &:after {
      @include icon('arrow-up');
      right: 20px;
      top: 14px;
      position: absolute;
      font-style: normal;
      padding-left: 5px;
    }

    &:hover { color: $primary-color; }

    + pre { display: none; }
    + pre code {
      @include box-shadow(inset 0 -20px 0 #fafaff);
      background-color: #f3f3fa;
      font-size: 14px;
      padding: 4em 20px 4.6em;
    }
  }
}
;	T;i;$T;
@