{: versionI"3.4.21 (Selective Steve):EF:shaI"-b8a1e32821a139b7dac7093773085e0c517b664a;F: contents">o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I" /* Primary Nav Dropdowns */:ET: @type: silent;[: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i: @fileI"|/Users/AWeinstein/github/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-nav.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; T:@same_name_warningso:Set: @hash}F: @options{o:Sass::Tree::RuleNode: @rule[I".dropdown-menu-nav; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Class: @nameI"dropdown-menu-nav; T; i:@filename0: @subject0: @sourceso;;}F; 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:Sass::Tree::PropNode;$[I" display; T;o: Sass::Script::Tree::Literal;o: Sass::Script::Value::String ;I" block; T; :identifier:"@deprecated_interp_equivalent0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i:@prop_syntax:new;[; i; o; ;o;; i;i;o;; i;i;@;@:@name_source_rangeo; ;@4;o;; i;i;@;@:@value_source_rangeo; ;o;; i;i;@5;@;@;@o;*;$[I"top; T;o:"Sass::Script::Tree::Operation :@operand1o:!Sass::Script::Tree::Variable ;$I"header_height; T:@underscored_nameI"header_height; T; i ; o; ;o;; i ;i ;o;; i ;i;@;@;%@;@:@operand2o;5 ;$I" header_active_border_height; T;6I" header_active_border_height; T; i ; o; ;o;; i ;i;o;; i ;i:;@;@;%@;@:@operator: minus; i ; o; ;@B;o;; i ;i:;@;@;%@;@;)i;/;0;[; i ; o; ;o;; i ;i;o;; i ;i:;@;@;1o; ;@N;o;; i ;i ;@;@;2o; ;o;; i ;i ;@O;@;@;@o;*;$[I" left; T;o;+;o;, ;I" auto; T; ;-;.0;@; i ; o; ;o;; i ;i;o;; i ;i;@;@;)i;/;0;[; i ; o; ;o;; i ;i;o;; i ;i;@;@;1o; ;@_;o;; i ;i ;@;@;2o; ;o;; i ;i;@`;@;@;@o;*;$[I" padding; T;o;+;o;, ;I"0; T; ;-;.0;@; i ; o; ;o;; i ;i;o;; i ;i;@;@;)i;/;0;[; i ; o; ;o;; i ;i;o;; i ;i;@;@;1o; ;@p;o;; i ;i;@;@;2o; ;o;; i ;i;@q;@;@;@o;*;$[I"max-height; T;o;+;o;, ;I"0; T; ;-;.0;@; i ; o; ;o;; i ;i;o;; i ;i;@;@;)i;/;0;[; i ; o; ;o;; i ;i;o;; i ;i;@;@;1o; ;@|;o;; i ;i;@;@;2o; ;o;; i ;i;@};@;@;@o;*;$[I" opacity; T;o;+;o;, ;I"0; T; ;-;.0;@; i ; o; ;o;; i ;i;o;; i ;i;@;@;)i;/;0;[; i ; o; ;o;; i ;i;o;; i ;i;@;@;1o; ;@;o;; i ;i;@;@;2o; ;o;; i ;i;@;@;@;@o;*;$[I"visibility; T;o;+;o;, ;I" hidden; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;/;0;[; i; o; ;o;; i;i;o;; i;i;@;@;1o; ;@;o;; i;i;@;@;2o; ;o;; i;i;@;@;@;@o;*;$[I" overflow; T;o;+;o;, ;I" hidden; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;/;0;[; i; o; ;o;; i;i;o;; i;i;@;@;1o; ;@;o;; i;i;@;@;2o; ;o;; i;i;@;@;@;@o:Sass::Tree::MixinNode;$I"border_highlight; T: @args[o;+ ;o;, ;I"top; T; : string;.0;@; i; o; ;o;; i;i";o;; i;i';@;@;%@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;[; i; o; ;o;; i;i;o;; i;i(;@;@;@o:Sass::Tree::ExtendNode :@selector[I"%card-shadow; T:@optionalF;(o; ;o;; i;i;o;; i;i;@;@;[; i; o; ;o;; i;i;o;; i;i;@;@;@o;:;$I"transition; T;;[o:$Sass::Script::Tree::ListLiteral :@elements[o;+ ;o;, ;I" opacity; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i#;@;@;%@o;+ ;o: Sass::Script::Value::Number ;f0.3:@numerator_units[I"s; T:@denominator_units[;@:@originalI" 0.3s; T; i; o; ;o;; i;i$;o;; i;i(;@;@;%@o;+ ;o;, ;I"ease-in-out; T; ;-;.0;@; i; o; ;o;; i;i);o;; i;i4;@;@;%@:@separator: space; i; o; ;o;; i;i;o;; i;i4;@;@;%@;@o;F ;G[o;+ ;o;, ;I"visibility; T; ;-;.0;@; i; o; ;o;; i;i6;o;; i;i@;@;@;%@o;+ ;o;H ;@;I[I"s; T;J[;@;KI" 0.3s; T; i; o; ;o;; i;iA;o;; i;iE;@;@;%@o;+ ;o;, ;I"ease-in-out; T; ;-;.0;@; i; o; ;o;; i;iF;o;; i;iQ;@;@;%@;L;M; i; o; ;o;; i;i5;o;; i;iQ;@;@;%@;@o;F ;G[o;+ ;o;, ;I"max-height; T; ;-;.0;@; i; o; ;o;; i;iS;o;; i;i];@;@;%@o;+ ;o;H ;@;I[I"s; T;J[;@;KI" 0.3s; T; i; o; ;o;; i;i^;o;; i;ib;@;@;%@o;+ ;o;, ;I"ease-in-out; T; ;-;.0;@; i; o; ;o;; i;ic;o;; i;in;@;@;%@;L;M; i; o; ;o;; i;iR;o;; i;in;@;@;%@;@;=o;>;?{;@{;A0;B0;[; i; o; ;o;; i;i;o;; i;io;@;@;@o:Sass::Tree::MediaNode : @query[ I"(; To;+ ;o;, ;I"max-width; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i;@;@;%@I": ; To;5 ;$I"grid-float-breakpoint; T;6I"grid_float_breakpoint; T; i; o; ;o;; i;i;o;; i;i1;@;@;%@;@I"); T;I"; T;)i;[ o;*;$[I" position; T;o;+;o;, ;I" relative; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;/;0;[; i; o; ;o;; i;i ;o;; i;i;@;@;1o; ;@F;o;; i;i;@;@;2o; ;o;; i;i;@G;@;@;@o;*;$[I"top; T;o;+;o;, ;I"0; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;/;0;[; i; o; ;o;; i;i ;o;; i;i;@;@;1o; ;@W;o;; i;i ;@;@;2o; ;o;; i;i;@X;@;@;@o;*;$[I" width; T;o;+;o;, ;I" 100%; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;/;0;[; i; o; ;o;; i;i ;o;; i;i;@;@;1o; ;@h;o;; i;i;@;@;2o; ;o;; i;i;@i;@;@;@o;:;$I"border_highlight; T;;[o;+ ;o;, ;I" left; T; ;<;.0;@; i; o; ;o;; i;i$;o;; i;i*;@;@;%@;=o;>;?{;@{;A0;B0;[; i; o; ;o;; i;i ;o;; i;i+;@;@;@; i; o; ;o;; i;i;o;; i;i3;@;@:@has_childrenT;@o;;[I"&.dropdown-menu-full; T;o;; [o;!; [o;" ; [o:Sass::Selector::Parent: @suffix0; i;%0o;#;$I"dropdown-menu-full; T; i;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i;0;0; i;%0; i; i;%0;(o; ;o;; i;i;o;; i;i;@;@;)i;[o;*;$[I" left; T;o;+;o;, ;I"0; T; ;-;.0;@; i; o; ;o;; i;i;o;; i;i;@;@;)i;/;0;[; i; o; ;o;; i;i ;o;; i;i;@;@;1o; ;@;o;; i;i;@;@;2o; ;o;; i;i;@;@;@;@; i; o; ;@;o;; i;i;@;@;PT;@; i; o; ;@&;o;; i;i;@;@;PT;@o; ;[I"/* navbar open styles */; T; ; ;[; i; o; ;o;; i;i;o;; i;i;@;@;@o;;[I"N.navbar-nav .open .dropdown-menu-nav, .nav-item.active .dropdown-menu-nav; T;o;; [o;!; [o;" ; [o;#;$I"navbar-nav; T; i ;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i;0;0; i ;%0o;" ; [o;#;$I" open; T; i ;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i;0;0; i ;%0o;" ; [o;#;$I"dropdown-menu-nav; T; i ;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i*;0;0; i ;%0; i o;!; [I" ; To;" ; [o;#;$I" nav-item; T; i ;%0o;#;$I" active; T; i ;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i;0;0; i ;%0o;" ; [o;#;$I"dropdown-menu-nav; T; i ;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i);0;0; i ;%0; i ; i ;%0;(o; ;o;; i ;i;o;; i!;i*;@;@;)i;[o;*;$[I"border-bottom-left-radius; T;o;5 ;$I"border-radius-large; T;6I"border_radius_large; T; i"; o; ;o;; i";i#;o;; i";i7;@;@;%@;@;)i;/;0;[; i"; o; ;o;; i";i;o;; i";i7;@;@;1o; ;@;o;; i";i!;@;@;2o; ;o;; i";i#;@;@;@;@o;:;$I"border_highlight; T;;[o;+ ;o;, ;I"top; T; ;<;.0;@; i#; o; ;o;; i#;i";o;; i#;i';@;@;%@;=o;>;?{;@{;A0;B0;[; i#; o; ;o;; i#;i;o;; i#;i(;@;@;@o;N ;O[ I"(; To;+ ;o;, ;I"max-width; T; ;-;.0;@; i%; o; ;o;; i%;i;o;; i%;i;@;@;%@I": ; To;5 ;$I"grid-float-breakpoint; T;6I"grid_float_breakpoint; T; i%; o; ;o;; i%;i;o;; i%;i1;@;@;%@;@I"); T;I"; T;)i;[o;*;$[I"border-radius; T;o;+;o;, ;I"0; T; ;-;.0;@; i&; o; ;o;; i&;i;o;; i&;i;@;@;)i;/;0;[; i&; o; ;o;; i&;i ;o;; i&;i;@;@;1o; ;@.;o;; i&;i;@;@;2o; ;o;; i&;i;@/;@;@;@o;:;$I"border_highlight; T;;[o;+ ;o;, ;I" left; T; ;<;.0;@; i'; o; ;o;; i';i$;o;; i';i*;@;@;%@;=o;>;?{;@{;A0;B0;[; i'; o; ;o;; i';i ;o;; i';i+;@;@;@; i%; o; ;o;; i%;i;o;; i%;i3;@;@;PT;@; i ; o; ;@;o;; i!;i*;@;@;PT;@o; ;[I"$/* navbar active open styles */; T; ; ;[; i*; o; ;o;; i*;i;o;; i*;i";@;@;@o;;[I"(.nav-item.active .dropdown-menu-nav; T;o;; [o;!; [o;" ; [o;#;$I" nav-item; T; i+;%0o;#;$I" active; T; i+;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i;0;0; i+;%0o;" ; [o;#;$I"dropdown-menu-nav; T; i+;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i);0;0; i+;%0; i+; i+;%0;(o; ;o;; i+;i;o;; i+;i*;@;@;)i;[o;N ;O[ I"(; To;+ ;o;, ;I"max-width; T; ;-;.0;@; i,; o; ;o;; i,;i;o;; i,;i;@;@;%@I": ; To;5 ;$I"grid-float-breakpoint; T;6I"grid_float_breakpoint; T; i,; o; ;o;; i,;i;o;; i,;i1;@;@;%@;@I"); T;I"; T;)i;[o;:;$I"border_highlight; T;;[o;+ ;o;, ;I" left; T; ;<;.0;@; i-; o; ;o;; i-;i$;o;; i-;i*;@;@;%@o: Sass::Script::Tree::Funcall;$I" color; T;;[o;+ ;o;, ;I" primary; T; ;<;.0;@; i-; o; ;o;; i-;i2;o;; i-;i;;@;@;%@;=o;>;?{;@{;A0;B0; i-; o; ;o;; i-;i,;o;; i-;i<;@;@;%@;@;=o;>;?{;@{;A0;B0;[; i-; o; ;o;; i-;i ;o;; i-;i=;@;@;@; i,; o; ;o;; i,;i;o;; i,;i3;@;@;PT;@; i+; o; ;@l;o;; i+;i*;@;@;PT;@o:Sass::Tree::MixinDefNode ;$I"show-dropdown; T;;[;A0;[ o;*;$[I"max-height; T;o;+;o;, ;I" 500px; T; ;-;.0;@; i2; o; ;o;; i2;i;o;; i2;i;@;@;)i;/;0;[; i2; o; ;o;; i2;i;o;; i2;i;@;@;1o; ;@;o;; i2;i;@;@;2o; ;o;; i2;i;@;@;@;@o;*;$[I" opacity; T;o;+;o;, ;I"1; T; ;-;.0;@; i3; o; ;o;; i3;i;o;; i3;i;@;@;)i;/;0;[; i3; o; ;o;; i3;i;o;; i3;i;@;@;1o; ;@;o;; i3;i;@;@;2o; ;o;; i3;i;@;@;@;@o;*;$[I"visibility; T;o;+;o;, ;I" visible; T; ;-;.0;@; i4; o; ;o;; i4;i;o;; i4;i;@;@;)i;/;0;[; i4; o; ;o;; i4;i;o;; i4;i;@;@;1o; ;@;o;; i4;i;@;@;2o; ;o;; i4;i;@;@;@;@o;:;$I"box-shadow; T;;[ o;5 ;$I"shadow-color; T;6I"shadow_color; T; i5; o; ;o;; i5;i;o;; i5;i);@;@;%@;@o;+ ;o;H ;i;I[;J[;@;KI"0; F; i5; o; ;o;; i5;i+;o;; i5;i,;@;@;%@o;+ ;o;H ;i;I[I"px; T;J[;@;KI"2px; T; i5; o; ;o;; i5;i.;o;; i5;i1;@;@;%@o;+ ;o;H ;i ;I[I"px; T;J[;@;KI"4px; T; i5; o; ;o;; i5;i3;o;; i5;i6;@;@;%@o;+ ;o;H ;i;I[;J@;@;KI"0; F; i5; o; ;o;; i5;i8;o;; i5;i9;@;@;%@;=o;>;?{;@{;A0;B0;[; i5; o; ;o;; i5;i;o;; i5;i:;@;@;@; i1; o; ;o;; i1;i;o;; i1;i;@;@;PT;@o; ;[I"3/* opens dropdown on hover instead of click */; T; ; ;[; i7; o; ;o;; i7;i;o;; i7;i1;@;@;@o;;[I"..nav .dropdown:hover, .nav .dropdown.open; T;o;; [o;!; [o;" ; [o;#;$I"nav; T; i8;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i ;0;0; i8;%0o;" ; [o;#;$I" dropdown; T; i8;%0o:Sass::Selector::Pseudo :@syntactic_type: class;$I" hover; T: @arg0;D0; i8;%0;&0;'o;;}F; o; ;o;; i;i ;o;; i;i;0;0; i8;%0; i8o;!; [I" ; To;" ; [o;#;$I"nav; T; i8;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i ;0;0; i8;%0o;" ; [o;#;$I" dropdown; T; i8;%0o;#;$I" open; T; i8;%0;&0;'o;;}F; o; ;o;; i;i ;o;; i;i;0;0; i8;%0; i8; i8;%0;(o; ;o;; i8;i;o;; i9;i;@;@;)i;[o;;[I"& > .dropdown-menu-nav; T;o;; [o;!; [o;" ; [o;Q;R0; i:;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i;0;0; i:;%0I">; To;" ; [o;#;$I"dropdown-menu-nav; T; i:;%0;&0;'o;;}F; o; ;o;; i;i ;o;; i;i;0;0; i:;%0; i:; i:;%0;(o; ;o;; i:;i;o;; i:;i;@;@;)i;[o;N ;O[ I"(; To;+ ;o;, ;I"min-width; T; ;-;.0;@; i;; o; ;o;; i;;i;o;; i;;i;@;@;%@I": ; To;5 ;$I"grid-float-breakpoint; T;6I"grid_float_breakpoint; T; i;; o; ;o;; i;;i;o;; i;;i3;@;@;%@;@I"); T;I"; T;)i;[o;:;$I"show-dropdown; T;;[;={;A0;B0;[; i<; o; ;o;; i<;i ;o;; i<;i";@;@;@; i;; o; ;o;; i;;i ;o;; i;;i5;@;@;PT;@; i:; o; ;@h;o;; i:;i;@;@;PT;@; i8; o; ;@K;o;; i9;i;@;@;PT;@o; ;[I"3/* mobile friendly 'click to open' behavior */; T; ; ;[; i@; o; ;o;; i@;i;o;; i@;i1;@;@;@o;;[I".nav .dropdown.open; T;o;; [o;!; [o;" ; [o;#;$I"nav; T; iA;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i ;0;0; iA;%0o;" ; [o;#;$I" dropdown; T; iA;%0o;#;$I" open; T; iA;%0;&0;'o;;}F; o; ;o;; i;i ;o;; i;i;0;0; iA;%0; iA; iA;%0;(o; ;o;; iA;i;o;; iA;i;@;@;)i;[o;;[I"& > .dropdown-menu-nav; T;o;; [o;!; [o;" ; [o;Q;R0; iB;%0;&0;'o;;}F; o; ;o;; i;i;o;; i;i;0;0; iB;%0I">; To;" ; [o;#;$I"dropdown-menu-nav; T; iB;%0;&0;'o;;}F; o; ;o;; i;i ;o;; i;i;0;0; iB;%0; iB; iB;%0;(o; ;o;; iB;i;o;; iB;i;@;@;)i;[o;N ;O[ I"(; To;+ ;o;, ;I"max-width; T; ;-;.0;@; iC; o; ;o;; iC;i;o;; iC;i;@;@;%@I": ; To;5 ;$I"grid-float-breakpoint; T;6I"grid_float_breakpoint; T; iC; o; ;o;; iC;i;o;; iC;i3;@;@;%@;@I"); T;I"; T;)i;[o;:;$I"show-dropdown; T;;[;={;A0;B0;[; iD; o; ;o;; iD;i ;o;; iD;i";@;@;@; iC; o; ;o;; iC;i ;o;; iC;i5;@;@;PT;@; iB; o; ;@;o;; iB;i;@;@;PT;@; iA; o; ;@;o;; iA;i;@;@;PT;@:@templateI",// Primary Nav Dropdowns .dropdown-menu-nav { display: block; top: $header_height - $header_active_border_height; left: auto; padding: 0; max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; @include border_highlight("top"); @extend %card-shadow; @include transition(opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0.3s ease-in-out); @media (max-width: $grid-float-breakpoint) { position: relative; top: 0; width: 100%; @include border_highlight("left"); } &.dropdown-menu-full { left: 0; } } // navbar open styles .navbar-nav .open .dropdown-menu-nav, .nav-item.active .dropdown-menu-nav { border-bottom-left-radius: $border-radius-large; @include border_highlight("top"); @media (max-width: $grid-float-breakpoint) { border-radius: 0; @include border_highlight("left"); } } // navbar active open styles .nav-item.active .dropdown-menu-nav { @media (max-width: $grid-float-breakpoint) { @include border_highlight("left", color("primary")); } } @mixin show-dropdown { max-height: 500px; opacity: 1; visibility: visible; @include box-shadow($shadow-color, 0, 2px, 4px, 0); } // opens dropdown on hover instead of click .nav .dropdown:hover, .nav .dropdown.open { & > .dropdown-menu-nav { @media (min-width: $grid-float-breakpoint) { @include show-dropdown; } } } // mobile friendly 'click to open' behavior .nav .dropdown.open { & > .dropdown-menu-nav { @media (max-width: $grid-float-breakpoint) { @include show-dropdown; } } } ; T; i; o; ;o;; i;i;o;; i;i;@;@;PT;@