{:versionI"3.4.21 (Selective Steve):EF:shaI"-0974fe3784ff5c60d5c856b0aff63c8470848e28;F:
contents"�0o:Sass::Tree::RootNode:@children[o:Sass::Tree::CommentNode:@value[I")/* Styling for Vertical Nav lists */:ET:
@type:silent;[�:
@linei:@source_rangeo:Sass::Source::Range	:@start_poso:Sass::Source::Position;i:@offseti:
@end_poso;;i;i':
@fileI"x/Users/AWeinstein/github/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss;	T:@importero:Sass::Rails::SassImporter:
@rootI"H/Users/AWeinstein/github/forever-style-guide/app/assets/stylesheets;	F:@real_rootI"H/Users/AWeinstein/github/forever-style-guide/app/assets/stylesheets;	F:@same_name_warningso:Set:
@hash{�:
@options{�o:Sass::Tree::VariableNode
:
@nameI" header_active_border_height;	T:
@expro: Sass::Script::Tree::Literal	;o: Sass::Script::Value::Number
;i:@numerator_units[I"px;	T:@denominator_units[�;@:@originalI"2px;	F;i;
o;	;o;;i;i$;o;;i;i';@;@:@filename@:
@guarded0:@global0;[�;i;
o;	;o;;i;i;o;;i;i';@;@;@o:Sass::Tree::RuleNode:
@rule[I"	.nav;	T:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o:Sass::Selector::Sequence;+[o:#Sass::Selector::SimpleSequence;+[o:Sass::Selector::Class;I"nav;	T;i	;$0:
@subject0:
@sourceso;;{�;
o;	;o;;i;i;o;;i;i
;0;0;i	;$0;i	;i	;$0:@selector_source_rangeo;	;o;;i	;i;o;;i	;i;@;@:
@tabsi�;[o;';([I"&.nav-pills;	T;)o;*;+[o;,;+[o;-;+[o:Sass::Selector::Parent:@suffix0;i
;$0o;.;I"nav-pills;	T;i
;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i
;$0;i
;i
;$0;1o;	;o;;i
;i;o;;i
;i;@;@;2i�;[o:Sass::Tree::ExtendNode:@selector[I"%card-style;	T:@optionalF;1o;	;o;;i;i;o;;i;i;@;@;[�;i;
o;	;o;;i;i
;o;;i;i;@;@;@;i
;
o;	;@J;o;;i
;i;@;@:@has_childrenT;@o;';([I".nav-item;	T;)o;*;+[o;,;+[o;-;+[o;.;I"
nav-item;	T;i;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;1o;	;o;;i;i;o;;i;i;@;@;2i�;[o:Sass::Tree::MixinNode;I"
clearfix;	T:
@args[�:@keywords{�:@splat0:@kwarg_splat0;[�;i;
o;	;o;;i;i
;o;;i;i;@;@;@o:Sass::Tree::PropNode;[I"font-family;	T;o:!Sass::Script::Tree::Variable;I"font-face-regular;	T:@underscored_nameI"font_face_regular;	T;i;
o;	;o;;i;i;o;;i;i);@;@;$@;@;2i�:@prop_syntax:new;[�;i;
o;	;o;;i;i
;o;;i;i);@;@:@name_source_rangeo;	;@
{;o;;i;i;@;@:@value_source_rangeo;	;o;;i;i;@
|;@;@;@o;>;[I"font-size;	T;o;?;I"font-size-300;	T;@I"font_size_300;	T;i;
o;	;o;;i;i;o;;i;i#;@;@;$@;@;2i�;A;B;[�;i;
o;	;o;;i;i
;o;;i;i#;@;@;Co;	;@
�;o;;i;i;@;@;Do;	;o;;i;i;@
�;@;@;@o;';([I".nav-item-list;	T;)o;*;+[o;,;+[o;-;+[o;.;I"nav-item-list;	T;i;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;1o;	;o;;i;i
;o;;i;i;@;@;2i�;[o;>;[I"border;	T;o;;o: Sass::Script::Value::String	;I"0;	T;
:identifier:"@deprecated_interp_equivalent0;@;i;
o;	;o;;i;i;o;;i;i;@;@;2i�;A;B;[�;i;
o;	;o;;i;i;o;;i;i;@;@;Co;	;@
�;o;;i;i;@;@;Do;	;o;;i;i;@
�;@;@;@o;>;[I"height;	T;o;?;I"header_height;	T;@I"header_height;	T;i;
o;	;o;;i;i;o;;i;i";@;@;$@;@;2i�;A;B;[�;i;
o;	;o;;i;i;o;;i;i";@;@;Co;	;@
�;o;;i;i;@;@;Do;	;o;;i;i;@
�;@;@;@o;>;[I"
color;	T;o: Sass::Script::Tree::Funcall;I"
color;	T;:[o;	;o;E	;I"
gray-500;	T;
:string;G0;@;i;
o;	;o;;i;i;o;;i;i#;@;@;$@;;o:Sass::Util::NormalizedMap:@key_strings{�:	@map{�;<0;=0;i;
o;	;o;;i;i;o;;i;i$;@;@;$@;@;2i�;A;B;[�;i;
o;	;o;;i;i;o;;i;i$;@;@;Co;	;@
�;o;;i;i;@;@;Do;	;o;;i;i;@
�;@;@;@;i;
o;	;@
�;o;;i;i;@;@;8T;@o;';([I".nav-item-list;	T;)o;*;+[o;,;+[o;-;+[o;.;I"nav-item-list;	T;i;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;1o;	;o;;i;i
;o;;i;i;@;@;2i�;[o;9;I"border_highlight;	T;:[o;	;o;E	;I"	left;	T;
;I;G0;@;i;
o;	;o;;i;i&;o;;i;i,;@;@;$@o;	;o:Sass::Script::Value::Color	;0:@attrs{	:redi�:
greeni�:	bluei�:
alphaf0:@representationI"transparent;	T;@;i;
o;	;o;;i;i.;o;;i;i9;@;@;$@;;o;J;K{�;L{�;<0;=0;[�;i;
o;	;o;;i;i;o;;i;i:;@;@;@;i;
o;	;@
�;o;;i;i;@;@;8T;@o;;[I"7/* For styleguide primary nav icon + text style */;	T;
;;[�;i;
o;	;o;;i;i
;o;;i;i9;@;@;@o;';([I".nav-item-icon;	T;)o;*;+[o;,;+[o;-;+[o;.;I"nav-item-icon;	T;i;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;1o;	;o;;i;i
;o;;i;i;@;@;2i�;[o;>;[I"font-size;	T;o;?;I"font-size-400;	T;@I"font_size_400;	T;i;
o;	;o;;i;i;o;;i;i%;@;@;$@;@;2i�;A;B;[�;i;
o;	;o;;i;i;o;;i;i%;@;@;Co;	;@8
;o;;i;i;@;@;Do;	;o;;i;i;@9
;@;@;@o;>;[I"line-height;	T;o;;o;E	;I"	20px;	T;
;F;G0;@;i;
o;	;o;;i;i;o;;i;i;@;@;2i�;A;B;[�;i;
o;	;o;;i;i;o;;i;i;@;@;Co;	;@I
;o;;i;i;@;@;Do;	;o;;i;i;@J
;@;@;@o;>;[I"vertical-align;	T;o;;o;E	;I"bottom;	T;
;F;G0;@;i ;
o;	;o;;i ;i;o;;i ;i";@;@;2i�;A;B;[�;i ;
o;	;o;;i ;i;o;;i ;i";@;@;Co;	;@Z
;o;;i ;i;@;@;Do;	;o;;i ;i;@[
;@;@;@;i;
o;	;@*
;o;;i;i;@;@;8T;@o;';([I".nav-item-label;	T;)o;*;+[o;,;+[o;-;+[o;.;I"nav-item-label;	T;i";$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i";$0;i";i";$0;1o;	;o;;i";i
;o;;i";i;@;@;2i�;[o;>;[I"line-height;	T;o;;o;E	;I"	20px;	T;
;F;G0;@;i#;
o;	;o;;i#;i;o;;i#;i;@;@;2i�;A;B;[�;i#;
o;	;o;;i#;i;o;;i#;i;@;@;Co;	;@�
;o;;i#;i;@;@;Do;	;o;;i#;i;@�
;@;@;@;i";
o;	;@s
;o;;i";i;@;@;8T;@o;';([I"&:hover, &:focus;	T;)o;*;+[o;,;+[o;-;+[o;3;40;i&;$0o:Sass::Selector::Pseudo:@syntactic_type:
class;I"
hover;	T:	@arg0;60;i&;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i
;0;0;i&;$0;i&o;,;+[o;-;+[o;3;40;i&;$0o;T;U;V;I"
focus;	T;W0;60;i&;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i&;$0;i&;i&;$0;1o;	;o;;i&;i
;o;;i&;i;@;@;2i�;[o;';([I".nav-item-list;	T;)o;*;+[o;,;+[o;-;+[o;.;I"nav-item-list;	T;i';$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i';$0;i';i';$0;1o;	;o;;i';i;o;;i';i;@;@;2i�;[o;>;[I"
color;	T;o;H;I"
color;	T;:[o;	;o;E	;I"secondary;	T;
;I;G0;@;i(;
o;	;o;;i(;i;o;;i(;i&;@;@;$@;;o;J;K{�;L{�;<0;=0;i(;
o;	;o;;i(;i;o;;i(;i';@;@;$@;@;2i�;A;B;[�;i(;
o;	;o;;i(;i;o;;i(;i';@;@;Co;	;@�
;o;;i(;i;@;@;Do;	;o;;i(;i;@�
;@;@;@o;>;[I"background-color;	T;o;H;I"
color;	T;:[o;	;o;E	;I"
gray-100;	T;
;I;G0;@;i);
o;	;o;;i);i&;o;;i);i0;@;@;$@;;o;J;K{�;L{�;<0;=0;i);
o;	;o;;i);i ;o;;i);i1;@;@;$@;@;2i�;A;B;[�;i);
o;	;o;;i);i;o;;i);i1;@;@;Co;	;@�
;o;;i);i;@;@;Do;	;o;;i);i ;@�
;@;@;@;i';
o;	;@�
;o;;i';i;@;@;8T;@o;';([I".nav-item-list;	T;)o;*;+[o;,;+[o;-;+[o;.;I"nav-item-list;	T;i+;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i+;$0;i+;i+;$0;1o;	;o;;i+;i;o;;i+;i;@;@;2i�;[o;9;I"border_highlight;	T;:[o;	;o;E	;I"	left;	T;
;I;G0;@;i,;
o;	;o;;i,;i(;o;;i,;i.;@;@;$@;;o;J;K{�;L{�;<0;=0;[�;i,;
o;	;o;;i,;i;o;;i,;i/;@;@;@;i+;
o;	;@;o;;i+;i;@;@;8T;@;i&;
o;	;@�
;o;;i&;i;@;@;8T;@o:Sass::Tree::AtRootNode;[o;';([o:&Sass::Script::Tree::Interpolation:@before0:	@mido:!Sass::Script::Tree::Selector	;
o;	;o;;i0;i;o;;i0;i;@;@;i0;$@;@:@after0:@whitespace_beforeF:@whitespace_afterF:@originally_textF:@warn_for_color:warn_for_color:@deprecation:	none;@;i0;
o;	;o;;i0;i;o;;i0;i;@;@;$@I".active;	T;)0;1o;	;o;;i0;i;o;;i0;i;@;@;2i�;[o;';([I".nav-item-list;	T;)o;*;+[o;,;+[o;-;+[o;.;I"nav-item-list;	T;i1;$0;/0;0o;;{�;
o;	;o;;i;i;o;;i;i;0;0;i1;$0;i1;i1;$0;1o;	;o;;i1;i;o;;i1;i;@;@;2i�;[
o;>;[I"
color;	T;o;H;I"
color;	T;:[o;	;o;E	;I"
gray-600;	T;
;I;G0;@;i2;
o;	;o;;i2;i;o;;i2;i%;@;@;$@;;o;J;K{�;L{�;<0;=0;i2;
o;	;o;;i2;i;o;;i2;i&;@;@;$@;@;2i�;A;B;[�;i2;
o;	;o;;i2;i;o;;i2;i&;@;@;Co;	;@U;o;;i2;i;@;@;Do;	;o;;i2;i;@V;@;@;@o;>;[I"background-color;	T;o;H;I"
color;	T;:[o;	;o;E	;I"
gray-100;	T;
;I;G0;@;i3;
o;	;o;;i3;i&;o;;i3;i0;@;@;$@;;o;J;K{�;L{�;<0;=0;i3;
o;	;o;;i3;i ;o;;i3;i1;@;@;$@;@;2i�;A;B;[�;i3;
o;	;o;;i3;i;o;;i3;i1;@;@;Co;	;@o;o;;i3;i;@;@;Do;	;o;;i3;i ;@p;@;@;@o;>;[I"border-top;	T;o:$Sass::Script::Tree::ListLiteral:@elements[o;	;o; 
;i;![I"px;	T;"[�;@;#I"1px;	F;i4;
o;	;o;;i4;i;o;;i4;i;@;@;$@o;	;o;E	;I"
solid;	T;
;F;G0;@;i4;
o;	;o;;i4;i;o;;i4;i#;@;@;$@o;H;I"
color;	T;:[o;	;o;E	;I"
gray-300;	T;
;I;G0;@;i4;
o;	;o;;i4;i*;o;;i4;i4;@;@;$@;;o;J;K{�;L{�;<0;=0;i4;
o;	;o;;i4;i$;o;;i4;i5;@;@;$@;@:@separator:
space;i4;
o;	;o;;i4;i;o;;i4;i5;@;@;$@;@;2i�;A;B;[�;i4;
o;	;o;;i4;i;o;;i4;i5;@;@;Co;	;@�;o;;i4;i;@;@;Do;	;o;;i4;i;@�;@;@;@o;>;[I"border-bottom;	T;o;e;f[o;	;o; 
;i;![I"px;	T;"[�;@;#I"1px;	F;i5;
o;	;o;;i5;i;o;;i5;i ;@;@;$@o;	;o;E	;I"
solid;	T;
;F;G0;@;i5;
o;	;o;;i5;i!;o;;i5;i&;@;@;$@o;H;I"
color;	T;:[o;	;o;E	;I"
gray-300;	T;
;I;G0;@;i5;
o;	;o;;i5;i-;o;;i5;i7;@;@;$@;;o;J;K{�;L{�;<0;=0;i5;
o;	;o;;i5;i';o;;i5;i8;@;@;$@;@;g;h;i5;
o;	;o;;i5;i;o;;i5;i8;@;@;$@;@;2i�;A;B;[�;i5;
o;	;o;;i5;i;o;;i5;i8;@;@;Co;	;@�;o;;i5;i;@;@;Do;	;o;;i5;i;@�;@;@;@o;9;I"border_highlight;	T;:[o;	;o;E	;I"	left;	T;
;I;G0;@;i6;
o;	;o;;i6;i(;o;;i6;i.;@;@;$@o;H;I"
color;	T;:[o;	;o;E	;I"primary;	T;
;I;G0;@;i6;
o;	;o;;i6;i6;o;;i6;i?;@;@;$@;;o;J;K{�;L{�;<0;=0;i6;
o;	;o;;i6;i0;o;;i6;i@;@;@;$@;@;;o;J;K{�;L{�;<0;=0;[�;i6;
o;	;o;;i6;i;o;;i6;iA;@;@;@;i1;
o;	;@>;o;;i1;i;@;@;8T;@;i0;
o;	;@*;o;;i0;i;@;@;8T;@;2i�;i0;
o;	;o;;i0;i
;o;;i0;i;@;@;8T;@;i;
o;	;@j;o;;i;i;@;@;8T;@;i	;
o;	;@5;o;;i	;i;@;@;8T;@:@templateI"�// Styling for Vertical Nav lists
$header_active_border_height: 2px;

.nav {
  &.nav-pills {
    @extend %card-style;
  }

  .nav-item {
    @include clearfix;
    font-family: $font-face-regular;
    font-size: $font-size-300;

    .nav-item-list {
      border: 0;
      height: $header_height;
      color: color('gray-500');
    }
    .nav-item-list {
      @include border_highlight("left", transparent);
    }

    // For styleguide primary nav icon + text style
    .nav-item-icon {
      font-size: $font-size-400;
      line-height: 20px;
      vertical-align: bottom;
    }
    .nav-item-label {
      line-height: 20px;
    }

    &:hover, &:focus {
      .nav-item-list {
        color: color('secondary');
        background-color: color('gray-100');
      }
      .nav-item-list {
        @include border_highlight("left");
      }
    }

    @at-root #{&}.active {
      .nav-item-list {
        color: color('gray-600');
        background-color: color('gray-100');
        border-top: 1px solid color('gray-300');
        border-bottom: 1px solid color('gray-300');
        @include border_highlight("left", color("primary"));
      }
    }
  }
}
;	T;i;
o;	;o;;i;i;o;;i;i;@;@;8T;@