{: versionI"3.2.19 (Media Mark):EF:shaI"-fe9d9077dd5aa294f183463b1b3e20bcca58a2cf;F: contents"Bo:Sass::Tree::RootNode :@children[>o:Sass::Tree::CommentNode : @value[I""/* * Top Bar Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"!include-html-top-bar-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;[I"+/* Background color for the top bar */; T; ; ;[; i ; @ o; ;I"topbar-bg-color; T;o:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i ; @ ;I" !default; T;[; i ; @ o; ;I"topbar-bg; T;o; ;I"topbar-bg-color; T;I"topbar_bg_color; T; @ ; i ;I" !default; T;[; i ; @ o; ;[I"/* Height and margin */; T; ; ;[; i; @ o; ;I"topbar-height; T;o:Sass::Script::Number ;i2:@numerator_units[I"px; T:@denominator_units[; i:@originalI" 45px; F; @ ;I" !default; T;[; i; @ o; ;I"topbar-margin-bottom; T;o; ;i;[;[; i;I"0; F; @ ;I" !default; T;[; i; @ o; ;[I"+/* Control Input height for top bar */; T; ; ;[; i; @ o; ;I"topbar-input-height; T;o; ;f 2.45;[I"em; T;[; i;I" 2.45em; F; @ ;I" !default; T;[; i; @ o; ;[I">/* Controlling the styles for the title in the top bar */; T; ; ;[; i; @ o; ;I"topbar-title-weight; T;o:Sass::Script::String ;I" bold; T; :identifier; i; @ ;I" !default; T;[; i; @ o; ;I"topbar-title-font-size; T;o:Sass::Script::Funcall ;I" em-calc; T: @args[o; ;i;[;@5; i;I"17; F; @ :@keywords{: @splat0; i; @ ;I" !default; T;[; i; @ o; ;[I"./* Style the top bar dropdown elements */; T; ; ;[; i; @ o; ;I"topbar-dropdown-bg; T;o; ;0;{ ;i';i';i';i; i; @ ;I" !default; T;[; i; @ o; ;I"topbar-dropdown-link-color; T;o; ;0;{ ;i;i;i;i; i; @ ;I" !default; T;[; i; @ o; ;I"topbar-dropdown-link-bg; T;o; ;I" lighten; T;![o; ;I"topbar-bg-color; T;I"topbar_bg_color; T; @ ; io; ;i ;[I"%; T;[; i;I"5%; F; @ ;"{;#0; i; @ ;I" !default; T;[; i; @ o; ;I" topbar-dropdown-toggle-size; T;o; ;i ;[I"px; T;[; i;I"5px; F; @ ;I" !default; T;[; i; @ o; ;I"!topbar-dropdown-toggle-color; T;o; ;0;{ ;i;i;i;i; i; @ ;I" !default; T;[; i; @ o; ;I"!topbar-dropdown-toggle-alpha; T;o; ;f0.5;[;@5; i ;I"0.5; F; @ ;I" !default; T;[; i ; @ o; ;[I";/* Set the link colors and styles for top-level nav */; T; ; ;[; i"; @ o; ;I"topbar-link-color; T;o; ;0;{ ;i;i;i;i; i#; @ ;I" !default; T;[; i#; @ o; ;I"topbar-link-color-hover; T;o; ;0;{ ;i;i;i;i; i$; @ ;I" !default; T;[; i$; @ o; ;I"topbar-link-color-active; T;o; ;0;{ ;i;i;i;i; i%; @ ;I" !default; T;[; i%; @ o; ;I"topbar-link-weight; T;o; ;I" bold; T; ;; i&; @ ;I" !default; T;[; i&; @ o; ;I"topbar-link-font-size; T;o; ;I" em-calc; T;![o; ;i;[;@5; i';I"13; F; @ ;"{;#0; i'; @ ;I" !default; T;[; i'; @ o; ;I" topbar-link-hover-lightness; T;o; ;i;[I"%; T;[; i(;I" -30%; F; @ ;I" !default; T;[; i(; @ o; ;[I"/* Darken by 30% */; T; ; ;[; i(; @ o; ;I"topbar-link-bg-hover; T;o; ;I"adjust-color; T;![o; ;I"topbar-dropdown-bg; T;I"topbar_dropdown_bg; T; @ ; i);"{I"lightness; To; ;I" topbar-link-hover-lightness; T;I" topbar_link_hover_lightness; T; @ ; i);#0; i); @ ;I" !default; T;[; i); @ o; ;I"topbar-link-bg-active; T;o; ;I" darken; T;![o; ;I"topbar-bg-color; T;I"topbar_bg_color; T; @ ; i*o; ;i;[I"%; T;[; i*;I"3%; F; @ ;"{;#0; i*; @ ;I" !default; T;[; i*; @ o; ;I" topbar-dropdown-label-color; T;o; ;0;{ ;iZ;iZ;iZ;i; i-; @ ;I" !default; T;[; i-; @ o; ;I")topbar-dropdown-label-text-transform; T;o; ;I"uppercase; T; ;; i.; @ ;I" !default; T;[; i.; @ o; ;I"&topbar-dropdown-label-font-weight; T;o; ;I" bold; T; ;; i/; @ ;I" !default; T;[; i/; @ o; ;I"$topbar-dropdown-label-font-size; T;o; ;I" em-calc; T;![o; ;i;[;@5; i0;I"10; F; @ ;"{;#0; i0; @ ;I" !default; T;[; i0; @ o; ;I"topbar-dropdown-label-bg; T;o; ;I" lighten; T;![o; ;I"topbar-bg-color; T;I"topbar_bg_color; T; @ ; i1o; ;i ;[I"%; T;[; i1;I"5%; F; @ ;"{;#0; i1; @ ;I" !default; T;[; i1; @ o; ;[I"/* Top menu icon styles */; T; ; ;[; i3; @ o; ;I"topbar-menu-link-transform; T;o; ;I"uppercase; T; ;; i4; @ ;I" !default; T;[; i4; @ o; ;I"topbar-menu-link-font-size; T;o; ;I" em-calc; T;![o; ;i;[;@5; i5;I"13; F; @ ;"{;#0; i5; @ ;I" !default; T;[; i5; @ o; ;I"topbar-menu-link-weight; T;o; ;I" bold; T; ;; i6; @ ;I" !default; T;[; i6; @ o; ;I"topbar-menu-link-color; T;o; ;0;{ ;i;i;i;i; i7; @ ;I" !default; T;[; i7; @ o; ;I"topbar-menu-icon-color; T;o; ;0;{ ;i;i;i;i; i8; @ ;I" !default; T;[; i8; @ o; ;I"#topbar-menu-link-color-toggled; T;o; ;0;{ ;i;i;i;i; i9; @ ;I" !default; T;[; i9; @ o; ;I"#topbar-menu-icon-color-toggled; T;o; ;0;{ ;i;i;i;i; i:; @ ;I" !default; T;[; i:; @ o; ;[I",/* Transitions and breakpoint styles */; T; ; ;[; i<; @ o; ;I"topbar-transition-speed; T;o; ;i,;[I"ms; T;[; i=;I" 300ms; F; @ ;I" !default; T;[; i=; @ o; ;[I"L/* Using em-calc for the below breakpoint causes issues with top bar */; T; ; ;[; i>; @ o; ;I"topbar-breakpoint; T;o; ;i;[I"px; T;[; i?;I" 940px; F; @ ;I" !default; T;[; i?; @ o; ;[I"4/* Change to 9999px for always mobile layout */; T; ; ;[; i?; @ o; ;I"topbar-media-query; T;o:&Sass::Script::StringInterpolation : @beforeo; ;I"!only screen and (min-width: ; T; : string; i@; @ : @mido; ;I"topbar-breakpoint; T;I"topbar_breakpoint; T; @ ; i@: @aftero; ;I"); T; ;&; i@; @ ; i@; @ ;I" !default; T;[; i@; @ o; ;[I"/* Divider Styles */; T; ; ;[; iB; @ o; ;I"!topbar-divider-border-bottom; T;o:Sass::Script::List ;[o; ;I" solid; T; ;; iC; @ o; ;i;[I"px; T;[; iC;I"1px; F; @ o; ;I" lighten; T;![o; ;I"topbar-bg-color; T;I"topbar_bg_color; T; @ ; iCo; ;i;[I"%; T;[; iC;I"10%; F; @ ;"{;#0; iC; @ :@separator: space; iC; @ ;I" !default; T;[; iC; @ o; ;I"topbar-divider-border-top; T;o;) ;[o; ;I" solid; T; ;; iD; @ o; ;i;[I"px; T;[; iD;I"1px; F; @ o; ;I" darken; T;![o; ;I"topbar-bg-color; T;I"topbar_bg_color; T; @ ; iDo; ;i;[I"%; T;[; iD;I"10%; F; @ ;"{;#0; iD; @ ;*;+; iD; @ ;I" !default; T;[; iD; @ o; ;[I"/* Sticky Class */; T; ; ;[; iF; @ o; ;I"topbar-sticky-class; T;o; ;I" .sticky; T; ;&; iG; @ ;I" !default; T;[; iG; @ o; ;I"topbar-arrows; T;o:Sass::Script::Bool;T; iH; @ ;I" !default; T;[; iH; @ o; ;[I"B/*Set false to remove the triangle icon from the menu item */; T; ; ;[; iH; @ u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"!include-html-top-bar-classes:ET:@underscored_nameI"!include_html_top_bar_classes; T: @options{: @lineiJ:@operand2o:Sass::Script::Bool: @valueF; iJ; @ :@operator:neq; iJ; @ 0[o:Sass::Tree::CommentNode ;[I";/* Wrapped around .top-bar to contain to grid width */; T: @type: normal:@children[; iL; @ o:Sass::Tree::RuleNode : @rule[I".contain-to-grid; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"contain-to-grid; T; iM:@filenameI"; T: @subject0: @sourceso:Set: @hash{; iM;@; iM;@;[o:Sass::Tree::PropNode ;[I" width; T;o:Sass::Script::String;I" 100%; T;:identifier; @ ;i:@prop_syntax:new;[; iN; @ o;$ ;[I"background; T;o; ;I"topbar-bg; T; I"topbar_bg; T; @ ; iO;i;';(;[; iO; @ o; ;[I" .top-bar; T;i;o;;[o;;[o; ;[o;;[I" top-bar; T; iQ;I"; T; 0;!o;";#{; iQ;@:; iQ;@:;[o;$ ;[I"margin-bottom; T;o; ;I"topbar-margin-bottom; T; I"topbar_margin_bottom; T; @ ; iQ;i;';(;[; iQ; @ ; iQ:@has_childrenT; @ ; iM;)T; @ o; ;[I">/* Wrapped around .top-bar to make it stick to the top */; T;: silent;[; iT; @ o; ;[I" .fixed; T;i;o;;[o;;[o; ;[o;;[I" fixed; T; iU;I"; T; 0;!o;";#{; iU;@U; iU;@U;[ o;$ ;[I" width; T;o;%;I" 100%; T;;&; @ ;i;';(;[; iV; @ o;$ ;[o; ;I"default-float; T; I"default_float; T; @ ; iW;o;%;I"0; T;;&; @ ;i;';(;[; iW; @ o;$ ;[I" position; T;o;%;I" fixed; T;;&; @ ;i;';(;[; iX; @ o;$ ;[I"top; T;o;%;I"0; T;;&; @ ;i;';(;[; iY; @ o;$ ;[I" z-index; T;o;%;I"99; T;;&; @ ;i;';(;[; iZ; @ o; ;[I"&.expanded:not(.top-bar); T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i\;I"; To;;[I" expanded; T; i\;@~o:Sass::Selector::Pseudo :@syntactic_type: class;[I"not; T: @arg[I" .top-bar; T; i\;@~; 0;!o;";#{; i\;@~; i\;@~;[ o;$ ;[I"overflow-y; T;o;%;I" auto; T;;&; @ ;i;';(;[; i]; @ o;$ ;[I" height; T;o;%;I" auto; T;;&; @ ;i;';(;[; i^; @ o;$ ;[I" width; T;o;%;I" 100%; T;;&; @ ;i;';(;[; i_; @ o;$ ;[I"max-height; T;o;%;I" 100%; T;;&; @ ;i;';(;[; i`; @ o; ;[I".title-area; T;i;o;;[o;;[o; ;[o;;[I"title-area; T; ib;I"; T; 0;!o;";#{; ib;@; ib;@;[o;$ ;[I" position; T;o;%;I" fixed; T;;&; @ ;i;';(;[; ic; @ o;$ ;[I" width; T;o;%;I" 100%; T;;&; @ ;i;';(;[; id; @ o;$ ;[I" z-index; T;o;%;I"99; T;;&; @ ;i;';(;[; ie; @ ; ib;)T; @ o; ;[I":/* Ensure you can scroll the menu on small screens */; T;;*;[; ig; @ o; ;[I".top-bar-section; T;i;o;;[o;;[o; ;[o;;[I"top-bar-section; T; ih;I"; T; 0;!o;";#{; ih;@; ih;@;[o;$ ;[I" z-index; T;o;%;I"98; T;;&; @ ;i;';(;[; ii; @ o;$ ;[I"margin-top; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; ij;i;';(;[; ij; @ ; ih;)T; @ ; i\;)T; @ ; iU;)T; @ o; ;[I" .top-bar; T;i;o;;[o;;[o; ;[o;;[I" top-bar; T; io;I"; T; 0;!o;";#{; io;@; io;@;[o;$ ;[I" overflow; T;o;%;I" hidden; T;;&; @ ;i;';(;[; ip; @ o;$ ;[I" height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; iq;i;';(;[; iq; @ o;$ ;[I"line-height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; ir;i;';(;[; ir; @ o;$ ;[I" position; T;o;%;I" relative; T;;&; @ ;i;';(;[; is; @ o;$ ;[I"background; T;o; ;I"topbar-bg; T; I"topbar_bg; T; @ ; it;i;';(;[; it; @ o;$ ;[I"margin-bottom; T;o; ;I"topbar-margin-bottom; T; I"topbar_margin_bottom; T; @ ; iu;i;';(;[; iu; @ o; ;[I"$/* Topbar Global list Styles */; T;;*;[; iw; @ o; ;[I"ul; T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I"ul; T:@namespace0; ix;I"; T; 0;!o;";#{; ix;@-; ix;@-;[o;$ ;[I"margin-bottom; T;o;%;I"0; T;;&; @ ;i;';(;[; iy; @ o;$ ;[I"list-style; T;o;%;I" none; T;;&; @ ;i;';(;[; iz; @ ; ix;)T; @ o; ;[I" .row; T;i;o;;[o;;[o; ;[o;;[I"row; T; i};I"; T; 0;!o;";#{; i};@I; i};@I;[o;$ ;[I"max-width; T;o;%;I" none; T;;&; @ ;i;';(;[; i}; @ ; i};)T; @ o; ;[I"form, input; T;i;o;;[o;;[o; ;[o;0 ;[I" form; T;10; i{;I"; T; 0;!o;";#{; i{;@_o;;[I" ; To; ;[o;0 ;[I" input; T;10; i{;@_; 0;!o;";#{; i{;@_; i{;@_;[o;$ ;[I"margin-bottom; T;o;%;I"0; T;;&; @ ;i;';(;[; i{; @ ; i{;)T; @ o; ;[I" input; T;i;o;;[o;;[o; ;[o;0 ;[I" input; T;10; i};I"; T; 0;!o;";#{; i};@; i};@;[o;$ ;[I" height; T;o; ;I"topbar-input-height; T; I"topbar_input_height; T; @ ; i};i;';(;[; i}; @ ; i};)T; @ o; ;[I" .button; T;i;o;;[o;;[o; ;[o;;[I" button; T; i;I"; T; 0;!o;";#{; i;@; i;@;[o;$ ;[I"padding-top; T;o;%;I" .5em; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"padding-bottom; T;o;%;I" .5em; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"margin-bottom; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ o; ;[I"/* Title Area */; T;;*;[; i; @ o; ;[I".title-area; T;i;o;;[o;;[o; ;[o;;[I"title-area; T; i;I"; T; 0;!o;";#{; i;@; i;@;[o;$ ;[I" position; T;o;%;I" relative; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" margin; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ o; ;[I" .name; T;i;o;;[o;;[o; ;[o;;[I" name; T; i;I"; T; 0;!o;";#{; i;@; i;@;[ o;$ ;[I" height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i;i;';(;[; i; @ o;$ ;[I" margin; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"font-size; T;o; ;I" em-base; T; I" em_base; T; @ ; i;i;';(;[; i; @ o; ;[I"h1; T;i;o;;[o;;[o; ;[o;0 ;[I"h1; T;10; i;I"; T; 0;!o;";#{; i;@; i;@;[ o;$ ;[I"line-height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i;i;';(;[; i; @ o;$ ;[I"font-size; T;o; ;I"topbar-title-font-size; T; I"topbar_title_font_size; T; @ ; i;i;';(;[; i; @ o;$ ;[I" margin; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o; ;[I"a; T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[ o;$ ;[I"font-weight; T;o; ;I"topbar-title-weight; T; I"topbar_title_weight; T; @ ; i;i;';(;[; i; @ o;$ ;[I" color; T;o; ;I"topbar-link-color; T; I"topbar_link_color; T; @ ; i;i;';(;[; i; @ o;$ ;[I" width; T;o;%;I"50%; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" padding; T;o:Sass::Script::List ;[o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"0; F; @ o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;:div; i; @ :@separator: space; i; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ o; ;[I"./* Menu toggle button on small devices */; T;;*;[; i; @ o; ;[I".toggle-topbar; T;i;o;;[o;;[o; ;[o;;[I"toggle-topbar; T; i;I"; T; 0;!o;";#{; i;@_; i;@_;[ o;$ ;[I" position; T;o;%;I" absolute; T;;&; @ ;i;';(;[; i; @ o;$ ;[o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"top; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o; ;[I"a; T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; i;I"; T; 0;!o;";#{; i;@; i;@;[o;$ ;[I" color; T;o; ;I"topbar-link-color; T; I"topbar_link_color; T; @ ; i;i;';(;[; i; @ o;$ ;[I"text-transform; T;o; ;I"topbar-menu-link-transform; T; I"topbar_menu_link_transform; T; @ ; i;i;';(;[; i; @ o;$ ;[I"font-size; T;o; ;I"topbar-menu-link-font-size; T; I"topbar_menu_link_font_size; T; @ ; i;i;';(;[; i; @ o;$ ;[I"font-weight; T;o; ;I"topbar-menu-link-weight; T; I"topbar_menu_link_weight; T; @ ; i;i;';(;[; i; @ o;$ ;[I" position; T;o;%;I" relative; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" padding; T;o;2 ;[o;3 ;i;4[;5@E; i;6I"0; F; @ o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;8;9; i; @ ;i;';(;[; i; @ o;$ ;[I" height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i;i;';(;[; i; @ o;$ ;[I"line-height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i;i;';(;[; i; @ ; i;)T; @ o; ;[I"W/* Adding the class "menu-icon" will add the 3-line icon people love and adore. */; T;;*;[; i; @ o; ;[I"&.menu-icon; T;i;o;;[o;;[o; ;[o;+; i;I"; To;;[I"menu-icon; T; i;@; 0;!o;";#{; i;@; i;@;[ o;$ ;[o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i;o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;i;';(;[; i; @ o;$ ;[I"top; T;o;%;I"50%; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"margin-top; T;o;%;I" -16px; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" padding-; To; ;I"default-float; T; I"default_float; T; @ ; i;o;%;I" 40px; T;;&; @ ;i;';(;[; i; @ o; ;[I"a; T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; i;I"; T; 0;!o;";#{; i;@; i;@;[ o;$ ;[I"text-indent; T;o;%;I" -48px; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" width; T;o;%;I" 34px; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" height; T;o;%;I" 34px; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"line-height; T;o;%;I" 33px; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" padding; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" color; T;o; ;I"topbar-menu-link-color; T; I"topbar_menu_link_color; T; @ ; i;i;';(;[; i; @ o; ;[I" span; T;i;o;;[o;;[o; ;[o;0 ;[I" span; T;10; i;I"; T; 0;!o;";#{; i;@E; i;@E;[ o;$ ;[I" position; T;o;%;I" absolute; T;;&; @ ;i;';(;[; i; @ o;$ ;[o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" width; T;o;%;I" 16px; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" height; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o; ;[I"C/* Shh, don't tell, but box-shadows create the menu icon :) */; T;;*;[; i; @ u:Sass::Tree::IfNodej[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"-webkit-box-shadow;T: @valueo:Sass::Script::List ; [o; ; [ o:Sass::Script::Number ; i:@numerator_units[:@denominator_units[; i:@originalI"0;F; @ o; ; i;[I"px;T;[; i;I" 10px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I"1px;F; @ o; ;I"topbar-menu-icon-color;T;I"topbar_menu_icon_color;T; @ ; i:@separator: space; i; @ o; ; [ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 16px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I"1px;F; @ o; ;I"topbar-menu-icon-color;T;I"topbar_menu_icon_color;T; @ ; i;;; i; @ o; ; [ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 22px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I"1px;F; @ o; ;I"topbar-menu-icon-color;T;I"topbar_menu_icon_color;T; @ ; i;;; i; @ ;: comma; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o;$ ;[I"box-shadow; T;o;2 ;[o;2 ;[ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I" 10px; F; @ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I"1px; F; @ o; ;I"topbar-menu-icon-color; T; I"topbar_menu_icon_color; T; @ ; i;8;9; i; @ o;2 ;[ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I" 16px; F; @ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I"1px; F; @ o; ;I"topbar-menu-icon-color; T; I"topbar_menu_icon_color; T; @ ; i;8;9; i; @ o;2 ;[ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I" 22px; F; @ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I"1px; F; @ o; ;I"topbar-menu-icon-color; T; I"topbar_menu_icon_color; T; @ ; i;8;9; i; @ ;8: comma; i; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ o; ;[I"8/* Change things up when the top-bar is expanded */; T;;*;[; i; @ o; ;[I"&.expanded; T;i;o;;[o;;[o; ;[o;+; i;I"; To;;[I" expanded; T; i;@; 0;!o;";#{; i;@; i;@;[ o;$ ;[I" height; T;o;%;I" auto; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"background; T;o;%;I"transparent; T;;&; @ ;i;';(;[; i; @ o; ;[I".title-area; T;i;o;;[o;;[o; ;[o;;[I"title-area; T; i;I"; T; 0;!o;";#{; i;@; i;@;[o;$ ;[I"background; T;o; ;I"topbar-bg; T; I"topbar_bg; T; @ ; i;i;';(;[; i; @ ; i;)T; @ o; ;[I".toggle-topbar; T;i;o;;[o;;[o; ;[o;;[I"toggle-topbar; T; i;I"; T; 0;!o;";#{; i;@; i;@;[o; ;[I"a; T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; i;I"; T; 0;!o;";#{; i;@; i;@;[o;$ ;[I" color; T;o; ;I"#topbar-menu-link-color-toggled; T; I"#topbar_menu_link_color_toggled; T; @ ; i;i;';(;[; i; @ o; ;[I" span; T;i;o;;[o;;[o; ;[o;0 ;[I" span; T;10; i;I"; T; 0;!o;";#{; i;@; i;@;[o; ;[I"C/* Shh, don't tell, but box-shadows create the menu icon :) */; T;;*;[; i; @ u;:[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"-webkit-box-shadow;T: @valueo:Sass::Script::List ; [o; ; [ o:Sass::Script::Number ; i:@numerator_units[:@denominator_units[; i:@originalI"0;F; @ o; ; i;[I"px;T;[; i;I" 10px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I"1px;F; @ o; ;I"#topbar-menu-icon-color-toggled;T;I"#topbar_menu_icon_color_toggled;T; @ ; i:@separator: space; i; @ o; ; [ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 16px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I"1px;F; @ o; ;I"#topbar-menu-icon-color-toggled;T;I"#topbar_menu_icon_color_toggled;T; @ ; i;;; i; @ o; ; [ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I" 22px;F; @ o; ; i;[;@; i;I"0;F; @ o; ; i;[I"px;T;[; i;I"1px;F; @ o; ;I"#topbar-menu-icon-color-toggled;T;I"#topbar_menu_icon_color_toggled;T; @ ; i;;; i; @ ;: comma; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o;$ ;[I"box-shadow; T;o;2 ;[o;2 ;[ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I" 10px; F; @ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I"1px; F; @ o; ;I"#topbar-menu-icon-color-toggled; T; I"#topbar_menu_icon_color_toggled; T; @ ; i;8;9; i; @ o;2 ;[ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I" 16px; F; @ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I"1px; F; @ o; ;I"#topbar-menu-icon-color-toggled; T; I"#topbar_menu_icon_color_toggled; T; @ ; i;8;9; i; @ o;2 ;[ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I" 22px; F; @ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[I"px; T;5[; i;6I"1px; F; @ o; ;I"#topbar-menu-icon-color-toggled; T; I"#topbar_menu_icon_color_toggled; T; @ ; i;8;9; i; @ ;8;;; i; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ ; io;)T; @ o; ;[I" a; T;i;o;;[o;;[o; ;[o;+; i;I"; T; 0;!o;";#{; i;@3I">; To; ;[o;0 ;[I"a; T;10; i;@3; 0;!o;";#{; i;@3; i;@3;[o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" width; T;o;%;I" 100%; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" color; T;o; ;I"topbar-link-color; T; I"topbar_link_color; T; @ ; i;i;';(;[; i; @ o;$ ;[I" padding; T;o;%;I"12px 0 12px 0; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" padding-; To; ;I"default-float; T; I"default_float; T; @ ; i;o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;i;';(;[; i; @ o;$ ;[I"font-size; T;o; ;I"topbar-link-font-size; T; I"topbar_link_font_size; T; @ ; i ;i;';(;[; i ; @ o;$ ;[I"font-weight; T;o; ;I"topbar-link-weight; T; I"topbar_link_weight; T; @ ; i ;i;';(;[; i ; @ o;$ ;[I"background; T;o; ;I"topbar-dropdown-bg; T; I"topbar_dropdown_bg; T; @ ; i ;i;';(;[; i ; @ o; ;[I" &.button; T;i;o;;[o;;[o; ;[o;+; i ;I"; To;;[I" button; T; i ;@; 0;!o;";#{; i ;@; i ;@;[ o;$ ;[I"background; T;o; ;I"primary-color; T; I"primary_color; T; @ ; i;i;';(;[; i; @ o;$ ;[I"font-size; T;o; ;I"topbar-link-font-size; T; I"topbar_link_font_size; T; @ ; i;i;';(;[; i; @ o;$ ;[I"padding-right; T;o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;i;';(;[; i; @ o;$ ;[I"padding-left; T;o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;i;';(;[; i; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;+; i;I"; To;, ;-;.;[I" hover; T;/0; i;@; 0;!o;";#{; i;@; i;@;[o;$ ;[I"background; T;o:Sass::Script::Funcall ;I" darken; T;=[o; ;I"primary-color; T; I"primary_color; T; @ ; io;3 ;i;4[I"%; T;5[; i;6I"10%; F; @ ;>{;?0; i; @ ;i;';(;[; i; @ ; i;)T; @ ; i ;)T; @ o; ;[I"&.button.secondary; T;i;o;;[o;;[o; ;[o;+; i;I"; To;;[I" button; T; i;@o;;[I"secondary; T; i;@; 0;!o;";#{; i;@; i;@;[o;$ ;[I"background; T;o; ;I"secondary-color; T; I"secondary_color; T; @ ; i;i;';(;[; i; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;+; i;I"; To;, ;-;.;[I" hover; T;/0; i;@; 0;!o;";#{; i;@; i;@;[o;$ ;[I"background; T;o;B ;I" darken; T;=[o; ;I"secondary-color; T; I"secondary_color; T; @ ; io;3 ;i;4[I"%; T;5[; i;6I"10%; F; @ ;>{;?0; i; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ o; ;[I"&.button.success; T;i;o;;[o;;[o; ;[o;+; i;I"; To;;[I" button; T; i;@o;;[I" success; T; i;@; 0;!o;";#{; i;@; i;@;[o;$ ;[I"background; T;o; ;I"success-color; T; I"success_color; T; @ ; i;i;';(;[; i; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;+; i;I"; To;, ;-;.;[I" hover; T;/0; i;@2; 0;!o;";#{; i;@2; i;@2;[o;$ ;[I"background; T;o;B ;I" darken; T;=[o; ;I"success-color; T; I"success_color; T; @ ; io;3 ;i;4[I"%; T;5[; i;6I"10%; F; @ ;>{;?0; i; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ o; ;[I"&.button.alert; T;i;o;;[o;;[o; ;[o;+; i";I"; To;;[I" button; T; i";@So;;[I" alert; T; i";@S; 0;!o;";#{; i";@S; i";@S;[o;$ ;[I"background; T;o; ;I"alert-color; T; I"alert_color; T; @ ; i#;i;';(;[; i#; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;+; i$;I"; To;, ;-;.;[I" hover; T;/0; i$;@n; 0;!o;";#{; i$;@n; i$;@n;[o;$ ;[I"background; T;o;B ;I" darken; T;=[o; ;I"alert-color; T; I"alert_color; T; @ ; i%o;3 ;i;4[I"%; T;5[; i%;6I"10%; F; @ ;>{;?0; i%; @ ;i;';(;[; i%; @ ; i$;)T; @ ; i";)T; @ ; i;)T; @ o; ;[I" a; T;i;o;;[o;;[o; ;[o;+; i,;I"; To;, ;-;.;[I" hover; T;/0; i,;@; 0;!o;";#{; i,;@I">; To; ;[o;0 ;[I"a; T;10; i,;@; 0;!o;";#{; i,;@; i,;@;[o;$ ;[I"background; T;o; ;I"topbar-link-bg-hover; T; I"topbar_link_bg_hover; T; @ ; i-;i;';(;[; i-; @ o;$ ;[I" color; T;o; ;I"topbar-link-color-hover; T; I"topbar_link_color_hover; T; @ ; i.;i;';(;[; i.; @ ; i,;)T; @ o; ;[I"=/* Apply the active link color when it has that class */; T;;*;[; i1; @ o; ;[I"&.active > a; T;i;o;;[o;;[o; ;[o;+; i2;I"; To;;[I" active; T; i2;@; 0;!o;";#{; i2;@I">; To; ;[o;0 ;[I"a; T;10; i2;@; 0;!o;";#{; i2;@; i2;@;[o;$ ;[I"background; T;o; ;I"topbar-link-bg-active; T; I"topbar_link_bg_active; T; @ ; i3;i;';(;[; i3; @ o;$ ;[I" color; T;o; ;I"topbar-link-color-active; T; I"topbar_link_color_active; T; @ ; i4;i;';(;[; i4; @ ; i2;)T; @ ; i;)T; @ o; ;[I"A/* Add some extra padding for list items contains buttons */; T;;*;[; i8; @ o; ;[I".has-form; T;i;o;;[o;;[o; ;[o;;[I" has-form; T; i9;I"; T; 0;!o;";#{; i9;@; i9;@;[o;$ ;[I" padding; T;o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i9; o;3 ;i;4[;5@E; i9;6I"3; F; @ ;;7; i9; @ ;i;';(;[; i9; @ ; i9;)T; @ o; ;[I"C/* Styling for list items that have a dropdown within them. */; T;;*;[; i;; @ o; ;[I".has-dropdown; T;i;o;;[o;;[o; ;[o;;[I"has-dropdown; T; i<;I"; T; 0;!o;";#{; i<;@ ; i<;@ ;[o;$ ;[I" position; T;o;%;I" relative; T;;&; @ ;i;';(;[; i=; @ o; ;[I" & > a; T;i;o;;[o;;[o; ;[o;+; i?;I"; T; 0;!o;";#{; i?;@I">; To; ;[o;0 ;[I"a; T;10; i?;@; 0;!o;";#{; i?;@; i?;@;[o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;+; i@;I"; To;, ;-;.;[I" after; T;/0; i@;@4; 0;!o;";#{; i@;@4; i@;@4;[ u;:Z[o:Sass::Script::Variable : @nameI"topbar-arrows:ET:@underscored_nameI"topbar_arrows;T: @options{: @lineiA0[o:Sass::Tree::MixinNode ;I"css-triangle;T: @args[o; ;I" topbar-dropdown-toggle-size;T;I" topbar_dropdown_toggle_size;T; @ ; iBo:Sass::Script::Funcall ;I" rgba;T; [o; ;I"!topbar-dropdown-toggle-color;T;I"!topbar_dropdown_toggle_color;T; @ ; iBo; ;I"!topbar-dropdown-toggle-alpha;T;I"!topbar_dropdown_toggle_alpha;T; @ ; iB:@keywords{: @splat0; iB; @ o; ;I"default-float;T;I"default_float;T; @ ; iB;{;0:@children[; iB; @ o;$ ;[I" margin-; To; ;I"opposite-direction; T; I"opposite_direction; T; @ ; iD;o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; iD; o;3 ;i;4[;5@E; iD;6I"3; F; @ ;;7; iD; @ ;i;';(;[; iD; @ o;$ ;[I"margin-top; T;o; ;o:!Sass::Script::UnaryOperation : @operando; ;o; ;I" topbar-dropdown-toggle-size; T; I" topbar_dropdown_toggle_size; T; @ ; iE; o;3 ;i;4[;5@E; iE;6I"2; F; @ ;;7; iE; @ ;: minus; iE; @ ; o;3 ;i;4[;5@E; iE;6I"2; F; @ ;;E; iE; @ ;i;';(;[; iE; @ o;$ ;[I" position; T;o;%;I" absolute; T;;&; @ ;i;';(;[; iF; @ o;$ ;[I"top; T;o;%;I"50%; T;;&; @ ;i;';(;[; iG; @ o;$ ;[o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; iH;o;%;I"0; T;;&; @ ;i;';(;[; iH; @ ; i@;)T; @ ; i?;)T; @ o; ;[I" &.moved; T;i;o;;[o;;[o; ;[o;+; iL;I"; To;;[I" moved; T; iL;@x; 0;!o;";#{; iL;@x; iL;@x;[o;$ ;[I" position; T;o;%;I" static; T;;&; @ ;i;';(;[; iL; @ o; ;[I"& > .dropdown; T;i;o;;[o;;[o; ;[o;+; iM;I"; T; 0;!o;";#{; iM;@I">; To; ;[o;;[I" dropdown; T; iM;@; 0;!o;";#{; iM;@; iM;@;[o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; iN; @ ; iM;)T; @ ; iL;)T; @ ; i<;)T; @ o; ;[I"//* Styling elements inside of dropdowns */; T;;*;[; iS; @ o; ;[I".dropdown; T;i;o;;[o;;[o; ;[o;;[I" dropdown; T; iT;I"; T; 0;!o;";#{; iT;@; iT;@;[ o;$ ;[I" position; T;o;%;I" absolute; T;;&; @ ;i;';(;[; iU; @ o;$ ;[o; ;I"default-float; T; I"default_float; T; @ ; iV;o;%;I" 100%; T;;&; @ ;i;';(;[; iV; @ o;$ ;[I"top; T;o;%;I"0; T;;&; @ ;i;';(;[; iW; @ o;$ ;[I" display; T;o;%;I" none; T;;&; @ ;i;';(;[; iX; @ o;$ ;[I" z-index; T;o;%;I"99; T;;&; @ ;i;';(;[; iY; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o;0 ;[I"li; T;10; i[;I"; T; 0;!o;";#{; i[;@; i[;@;[ o;$ ;[I" width; T;o;%;I" 100%; T;;&; @ ;i;';(;[; i\; @ o;$ ;[I" height; T;o;%;I" auto; T;;&; @ ;i;';(;[; i]; @ o; ;[I"a; T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; i_;I"; T; 0;!o;";#{; i_;@; i_;@;[o;$ ;[I"font-weight; T;o;%;I" normal; T;;&; @ ;i;';(;[; i`; @ o;$ ;[I" padding; T;o;2 ;[o;3 ;i ;4[I"px; T;5[; ia;6I"8px; F; @ o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; ia; o;3 ;i;4[;5@E; ia;6I"3; F; @ ;;7; ia; @ ;8;9; ia; @ ;i;';(;[; ia; @ o; ;[I"&.parent-link; T;i;o;;[o;;[o; ;[o;+; ib;I"; To;;[I"parent-link; T; ib;@#; 0;!o;";#{; ib;@#; ib;@#;[o;$ ;[I"font-weight; T;o; ;I"topbar-link-weight; T; I"topbar_link_weight; T; @ ; ic;i;';(;[; ic; @ ; ib;)T; @ ; i_;)T; @ o; ;[I"&.title h5; T;i;o;;[o;;[o; ;[o;+; ig;I"; To;;[I" title; T; ig;@;; 0;!o;";#{; ig;@;o; ;[o;0 ;[I"h5; T;10; ig;@;; 0;!o;";#{; ig;@;; ig;@;;[o;$ ;[I"margin-bottom; T;o;%;I"0; T;;&; @ ;i;';(;[; ig; @ o; ;[I"a; T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; ih;I"; T; 0;!o;";#{; ih;@[; ih;@[;[o;$ ;[I" color; T;o; ;I"topbar-link-color; T; I"topbar_link_color; T; @ ; ii;i;';(;[; ii; @ o;$ ;[I"line-height; T;o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; ij; o;3 ;i;4[;5@E; ij;6I"2; F; @ ;;7; ij; @ ;i;';(;[; ij; @ o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; ik; @ ; ih;)T; @ ; ig;)T; @ ; i[;)T; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o;0 ;[I" label; T;10; ip;I"; T; 0;!o;";#{; ip;@; ip;@;[ o;$ ;[I" padding; T;o;2 ;[o;3 ;i ;4[I"px; T;5[; iq;6I"8px; F; @ o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; iq; o;3 ;i;4[;5@E; iq;6I"3; F; @ ;;7; iq; @ o;3 ;i;4[I"px; T;5[; iq;6I"2px; F; @ ;8;9; iq; @ ;i;';(;[; iq; @ o;$ ;[I"margin-bottom; T;o;%;I"0; T;;&; @ ;i;';(;[; ir; @ o;$ ;[I"text-transform; T;o; ;I")topbar-dropdown-label-text-transform; T; I")topbar_dropdown_label_text_transform; T; @ ; is;i;';(;[; is; @ o;$ ;[I" color; T;o; ;I" topbar-dropdown-label-color; T; I" topbar_dropdown_label_color; T; @ ; it;i;';(;[; it; @ o;$ ;[I"font-weight; T;o; ;I"&topbar-dropdown-label-font-weight; T; I"&topbar_dropdown_label_font_weight; T; @ ; iu;i;';(;[; iu; @ o;$ ;[I"font-size; T;o; ;I"$topbar-dropdown-label-font-size; T; I"$topbar_dropdown_label_font_size; T; @ ; iv;i;';(;[; iv; @ ; ip;)T; @ ; iT;)T; @ ; i;)T; @ o; ;[I"H/* Element that controls breakpoint, no need to change this ever */; T;;*;[; i{; @ o; ;[I".top-bar-js-breakpoint; T;i;o;;[o;;[o; ;[o;;[I"top-bar-js-breakpoint; T; i|;I"; T; 0;!o;";#{; i|;@; i|;@;[o;$ ;[I" width; T;o;2 ;[o; ;I"topbar-breakpoint; T; I"topbar_breakpoint; T; @ ; i}o;% ;I"!important; T;;&; i}; @ ;8;9; i}; @ ;i;';(;[; i}; @ o;$ ;[I"visibility; T;o;%;I" hidden; T;;&; @ ;i;';(;[; i~; @ ; i|;)T; @ o; ;[I".js-generated; T;i;o;;[o;;[o; ;[o;;[I"js-generated; T; i;I"; T; 0;!o;";#{; i;@; i;@;[o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ o; ;[I"I/* Top Bar styles intended for screen sizes above the breakpoint. */; T;;*;[; i; @ o:Sass::Tree::MediaNode : @query[o; ;I"topbar-media-query; T; I"topbar_media_query; T; @ ; i;i;I"; T;[ o; ;[I" .top-bar; T;i;o;;[o;;[o; ;[o;;[I" top-bar; T; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[ o;$ ;[I"background; T;o; ;I"topbar-bg; T; I"topbar_bg; T; @ ; i;i;';(;[; i; @ o;< ;I" clearfix; T;=[;>{;?0;[; i; @ o;$ ;[I" overflow; T;o;%;I" visible; T;;&; @ ;i;';(;[; i; @ o; ;[I".toggle-topbar; T;i;o;;[o;;[o; ;[o;;[I"toggle-topbar; T; i;I"; T; 0;!o;";#{; i;@4 ; i;@4 ;[o;$ ;[I" display; T;o;%;I" none; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ o; ;[I".title-area; T;i;o;;[o;;[o; ;[o;;[I"title-area; T; i;I"; T; 0;!o;";#{; i;@J ; i;@J ;[o;$ ;[I" float; T;o; ;I"default-float; T; I"default_float; T; @ ; i;i;';(;[; i; @ ; i;)T; @ o; ;[I".name h1 a; T;i;o;;[o;;[o; ;[o;;[I" name; T; i;I"; T; 0;!o;";#{; i;@a o; ;[o;0 ;[I"h1; T;10; i;@a ; 0;!o;";#{; i;@a o; ;[o;0 ;[I"a; T;10; i;@a ; 0;!o;";#{; i;@a ; i;@a ;[o;$ ;[I" width; T;o;%;I" auto; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ o; ;[I"input, .button; T;i;o;;[o;;[o; ;[o;0 ;[I" input; T;10; i;I"; T; 0;!o;";#{; i;@ o;;[I" ; To; ;[o;;[I" button; T; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[ o;$ ;[I"line-height; T;o;%;I"2em; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"font-size; T;o;B ;I" em-calc; T;=[o;3 ;i;4[;5@E; i;6I"14; F; @ ;>{;?0; i; @ ;i;';(;[; i; @ o;$ ;[I" height; T;o;%;I"2em; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" padding; T;o;%;I" 0 10px; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" position; T;o;%;I" relative; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"top; T;o;%;I"8px; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ o; ;[I"&.expanded; T;i;o;;[o;;[o; ;[o;+; i;I"; To;;[I" expanded; T; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[o;$ ;[I"background; T;o; ;I"topbar-bg; T; I"topbar_bg; T; @ ; i;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ o; ;[I".contain-to-grid .top-bar; T;i;o;;[o;;[o; ;[o;;[I"contain-to-grid; T; i;I"; T; 0;!o;";#{; i;@ o; ;[o;;[I" top-bar; T; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[o;$ ;[I"max-width; T;o; ;I"row-width; T; I"row_width; T; @ ; i;i;';(;[; i; @ o;$ ;[I" margin; T;o;%;I" 0 auto; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"margin-bottom; T;o; ;I"topbar-margin-bottom; T; I"topbar_margin_bottom; T; @ ; i;i;';(;[; i; @ ; i;)T; @ o; ;[I".top-bar-section; T;i;o;;[o;;[o; ;[o;;[I"top-bar-section; T; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[o;< ;I"single-transition; T;=[o;% ;I" none; T;;&; i; @ o;3 ;i;4[;5@E; i;6I"0; F; @ o;3 ;i;4[;5@E; i;6I"0; F; @ ;>{;?0;[; i; @ o;$ ;[o; ;I"default-float; T; I"default_float; T; @ ; i;o;%;I"0 !important; T;;&; @ ;i;';(;[; i; @ o; ;[I"ul; T;i;o;;[o;;[o; ;[o;0 ;[I"ul; T;10; i;I"; T; 0;!o;";#{; i;@0 ; i;@0 ;[ o;$ ;[I" width; T;o;%;I" auto; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" height; T;o;%;I"auto !important; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" display; T;o;%;I" inline; T;;&; @ ;i;';(;[; i; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o;0 ;[I"li; T;10; i;I"; T; 0;!o;";#{; i;@R ; i;@R ;[o;$ ;[I" float; T;o; ;I"default-float; T; I"default_float; T; @ ; i;i;';(;[; i; @ o; ;[I".js-generated; T;i;o;;[o;;[o; ;[o;;[I"js-generated; T; i;I"; T; 0;!o;";#{; i;@i ; i;@i ;[o;$ ;[I" display; T;o;%;I" none; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o;0 ;[I"li; T;10; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[o; ;[I" &.hover; T;i;o;;[o;;[o; ;[o;+; i;I"; To;;[I" hover; T; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[o; ;[I"> a:not(.button); T;i;o;;[o;;[I">; To; ;[o;0 ;[I"a; T;10; i;I"; To;, ;-;.;[I"not; T;/[I" .button; T; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[o;$ ;[I"background; T;o; ;I"topbar-link-bg-hover; T; I"topbar_link_bg_hover; T; @ ; i;i;';(;[; i; @ o;$ ;[I" color; T;o; ;I"topbar-link-color-hover; T; I"topbar_link_color_hover; T; @ ; i;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ o; ;[I"a:not(.button); T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; i;I"; To;, ;-;.;[I"not; T;/[I" .button; T; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[ o;$ ;[I" padding; T;o;2 ;[o;3 ;i;4[;5@E; i;6I"0; F; @ o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;8;9; i; @ ;i;';(;[; i; @ o;$ ;[I"line-height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i;i;';(;[; i; @ o;$ ;[I"background; T;o; ;I"topbar-bg; T; I"topbar_bg; T; @ ; i;i;';(;[; i; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;+; i;I"; To;, ;-;.;[I" hover; T;/0; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[o;$ ;[I"background; T;o; ;I"topbar-link-bg-hover; T; I"topbar_link_bg_hover; T; @ ; i;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ o; ;[I".has-dropdown; T;i;o;;[o;;[o; ;[o;;[I"has-dropdown; T; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[ u;:[o:Sass::Script::Variable : @nameI"topbar-arrows:ET:@underscored_nameI"topbar_arrows;T: @options{: @linei0[o:Sass::Tree::RuleNode : @rule[I" & > a;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Parent; i:@filenameI";T: @subject0: @sourceso:Set: @hash{; i;@I">;To; ;[o:Sass::Selector::Element ;[I"a;T:@namespace0; i;@;0;o;;{; i;@; i;@:@children[o:Sass::Tree::PropNode ;[I" padding-;To; ;I"opposite-direction;T;I"opposite_direction;T; @ ; i: @valueo:Sass::Script::List ;[o:Sass::Script::Operation :@operand1o; ; o; ;I"topbar-height;T;I"topbar_height;T; @ ; i:@operand2o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"3;F; @ :@operator:div; i; @ ;!o;" ;i;#[;$@0; i;%I"20;F; @ ;&: plus; i; @ o:Sass::Script::String ;I"!important;T: @type:identifier; i; @ :@separator: space; i; @ ; i:@prop_syntax:new;[; i; @ o; ; [I" &:after;T; i;o;;[o;;[o; ;[o;; i;I";To:Sass::Selector::Pseudo :@syntactic_type: class;[I" after;T: @arg0; i;@B;0;o;;{; i;@B; i;@B;[o:Sass::Tree::MixinNode ;I"css-triangle;T: @args[o; ;I" topbar-dropdown-toggle-size;T;I" topbar_dropdown_toggle_size;T; @ ; io:Sass::Script::Funcall ;I" rgba;T;5[o; ;I"!topbar-dropdown-toggle-color;T;I"!topbar_dropdown_toggle_color;T; @ ; io; ;I"!topbar-dropdown-toggle-alpha;T;I"!topbar_dropdown_toggle_alpha;T; @ ; i:@keywords{: @splat0; i; @ o;) ;I"top;T;*;+; i; @ ;7{;80;[; i; @ o; ;[I"margin-top;T;o:!Sass::Script::UnaryOperation : @operando; ; o; ;I" topbar-dropdown-toggle-size;T;I" topbar_dropdown_toggle_size;T; @ ; i;!o;" ;i;#[;$@0; i;%I"2;F; @ ;&;'; i; @ ;&: minus; i; @ ; i;.;/;[; i; @ o; ;[I"top;T;o; ; o; ;I"topbar-height;T;I"topbar_height;T; @ ; i;!o;" ;i;#[;$@0; i;%I"2;F; @ ;&;'; i; @ ; i;.;/;[; i; @ ; i:@has_childrenT; @ ; i; .dropdown; T;i;o;;[o;;[o; ;[o;+; i;I"; T; 0;!o;";#{; i;@5 I">; To; ;[o;;[I" dropdown; T; i;@5 ; 0;!o;";#{; i;@5 ; i;@5 ;[o;$ ;[I" display; T;o;%;I" none; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ o; ;[I"&.hover, &.not-click:hover; T;i;o;;[o;;[o; ;[o;+; i;I"; To;;[I" hover; T; i;@Q ; 0;!o;";#{; i;@Q o;;[o; ;[o;+; i;@Q o;;[I"not-click; T; i;@Q o;, ;-;.;[I" hover; T;/0; i;@Q ; 0;!o;";#{; i;@Q ; i;@Q ;[o; ;[I"& > .dropdown; T;i;o;;[o;;[o; ;[o;+; i;I"; T; 0;!o;";#{; i;@o I">; To; ;[o;;[I" dropdown; T; i;@o ; 0;!o;";#{; i;@o ; i;@o ;[o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ o; ;[I".dropdown li.has-dropdown; T;i;o;;[o;;[o; ;[o;;[I" dropdown; T; i;I"; T; 0;!o;";#{; i;@ o; ;[o;0 ;[I"li; T;10; i;@ o;;[I"has-dropdown; T; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[o; ;[I" & > a; T;i;o;;[o;;[o; ;[o;+; i;I"; T; 0;!o;";#{; i;@ I">; To; ;[o;0 ;[I"a; T;10; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;+; i;I"; To;, ;-;.;[I" after; T;/0; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[ o;$ ;[I" border; T;o;%;I" none; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" content; T;o;%;I" "\00bb"; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"top; T;o;%;I"1em; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"margin-top; T;o;%;I" -7px; T;;&; @ ;i;';(;[; i; @ o;$ ;[o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i;o;%;I"5px; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ o; ;[I".dropdown; T;i;o;;[o;;[o; ;[o;;[I" dropdown; T; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[ o;$ ;[o; ;I"default-float; T; I"default_float; T; @ ; i;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"top; T;o;%;I" auto; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"background; T;o;%;I"transparent; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"min-width; T;o;%;I" 100%; T;;&; @ ;i;';(;[; i; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o;0 ;[I"li; T;10; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[ o; ;[I"a; T;i;o;;[o;;[o; ;[o;0 ;[I"a; T;10; i;I"; T; 0;!o;";#{; i;@( ; i;@( ;[ o;$ ;[I" color; T;o; ;I"topbar-dropdown-link-color; T; I"topbar_dropdown_link_color; T; @ ; i;i;';(;[; i; @ o;$ ;[I"line-height; T;o;%;I"1; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"white-space; T;o;%;I" nowrap; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" padding; T;o;2 ;[o;3 ;i ;4[I"px; T;5[; i;6I"7px; F; @ o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;8;9; i; @ ;i;';(;[; i; @ o;$ ;[I"background; T;o; ;I"topbar-dropdown-link-bg; T; I"topbar_dropdown_link_bg; T; @ ; i;i;';(;[; i; @ ; i;)T; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o;0 ;[I" label; T;10; i;I"; T; 0;!o;";#{; i;@d ; i;@d ;[o;$ ;[I"white-space; T;o;%;I" nowrap; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"background; T;o; ;I"topbar-dropdown-label-bg; T; I"topbar_dropdown_label_bg; T; @ ; i;i;';(;[; i; @ ; i;)T; @ o; ;[I"!/* Second Level Dropdowns */; T;;*;[; i; @ o; ;[I".dropdown; T;i;o;;[o;;[o; ;[o;;[I" dropdown; T; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[o;$ ;[o; ;I"default-float; T; I"default_float; T; @ ; i;o;%;I" 100%; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"top; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ o; ;[I"9& > ul > .divider, & > ul > [role="separator"]; T;i;o;;[o;;[ o; ;[o;+; i;I"; T; 0;!o;";#{; i;@ I">; To; ;[o;0 ;[I"ul; T;10; i;@ ; 0;!o;";#{; i;@ I">; To; ;[o;;[I" divider; T; i;@ ; 0;!o;";#{; i;@ o;;[ I" ; To; ;[o;+; i;@ ; 0;!o;";#{; i;@ I">; To; ;[o;0 ;[I"ul; T;10; i;@ ; 0;!o;";#{; i;@ I">; To; ;[o;@ ;[I" role; T;10;I"=; T;[I""separator"; T;A0; i;@ ; 0;!o;";#{; i;@ ; i;@ ;[ o;$ ;[I"border-bottom; T;o;%;I" none; T;;&; @ ;i;';(;[; i; @ o;$ ;[I"border-top; T;o;%;I" none; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" border-; To; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i;o; ;I"!topbar-divider-border-bottom; T; I"!topbar_divider_border_bottom; T; @ ; i;i;';(;[; i; @ o;$ ;[I" border-; To; ;I"default-float; T; I"default_float; T; @ ; i;o; ;I"topbar-divider-border-top; T; I"topbar_divider_border_top; T; @ ; i;i;';(;[; i; @ o;$ ;[I" clear; T;o;%;I" none; T;;&; @ ;i;';(;[; i ; @ o;$ ;[I" height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i ;i;';(;[; i ; @ o;$ ;[I" width; T;o;%;I"0; T;;&; @ ;i;';(;[; i ; @ ; i;)T; @ o; ;[I".has-form; T;i;o;;[o;;[o; ;[o;;[I" has-form; T; i;I"; T; 0;!o;";#{; i;@ ; i;@ ;[o;$ ;[I"background; T;o; ;I"topbar-bg; T; I"topbar_bg; T; @ ; i;i;';(;[; i; @ o;$ ;[I" padding; T;o;2 ;[o;3 ;i;4[;5@E; i;6I"0; F; @ o; ;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i; o;3 ;i;4[;5@E; i;6I"3; F; @ ;;7; i; @ ;8;9; i; @ ;i;';(;[; i; @ o;$ ;[I" height; T;o; ;I"topbar-height; T; I"topbar_height; T; @ ; i;i;';(;[; i; @ ; i;)T; @ o; ;[I"*/* Position overrides for ul.right */; T;;*;[; i; @ o; ;[I" ul.right; T;i;o;;[o;;[o; ;[o;0 ;[I"ul; T;10; i;I"; To;;[I" right; T; i;@A ; 0;!o;";#{; i;@A ; i;@A ;[o; ;[I"li .dropdown; T;i;o;;[o;;[o; ;[o;0 ;[I"li; T;10; i;I"; T; 0;!o;";#{; i;@T o; ;[o;;[I" dropdown; T; i;@T ; 0;!o;";#{; i;@T ; i;@T ;[o;$ ;[I" left; T;o;%;I" auto; T;;&; @ ;i;';(;[; i; @ o;$ ;[I" right; T;o;%;I"0; T;;&; @ ;i;';(;[; i; @ o; ;[I"li .dropdown; T;i;o;;[o;;[o; ;[o;0 ;[I"li; T;10; i;I"; T; 0;!o;";#{; i;@w o; ;[o;;[I" dropdown; T; i;@w ; 0;!o;";#{; i;@w ; i;@w ;[o;$ ;[I" right; T;o;%;I" 100%; T;;&; @ ;i;';(;[; i; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ ; i;)T; @ o; ;[I"}/* Degrade gracefully when Javascript is disabled. Displays dropdown and changes * background & text color on hover. */; T;;*;[; i; @ o; ;[I".no-js .top-bar-section; T;i;o;;[o;;[o; ;[o;;[I" no-js; T; i!;I"; T; 0;!o;";#{; i!;@ o; ;[o;;[I"top-bar-section; T; i!;@ ; 0;!o;";#{; i!;@ ; i!;@ ;[o; ;[I" ul li; T;i;o;;[o;;[o; ;[o;0 ;[I"ul; T;10; i";I"; T; 0;!o;";#{; i";@ o; ;[o;0 ;[I"li; T;10; i";@ ; 0;!o;";#{; i";@ ; i";@ ;[ o; ;[I" a; T;i;o;;[o;;[o; ;[o;+; i$;I"; To;, ;-;.;[I" hover; T;/0; i$;@ ; 0;!o;";#{; i$;@ I">; To; ;[o;0 ;[I"a; T;10; i$;@ ; 0;!o;";#{; i$;@ ; i$;@ ;[o;$ ;[I"background; T;o; ;I"topbar-link-bg-hover; T; I"topbar_link_bg_hover; T; @ ; i%;i;';(;[; i%; @ o;$ ;[I" color; T;o; ;I"topbar-link-color-hover; T; I"topbar_link_color_hover; T; @ ; i&;i;';(;[; i&; @ ; i$;)T; @ o; ;[I"=/* Apply the active link color when it has that class */; T;;*;[; i); @ o; ;[I"&:active > a; T;i;o;;[o;;[o; ;[o;+; i*;I"; To;, ;-;.;[I" active; T;/0; i*;@ ; 0;!o;";#{; i*;@ I">; To; ;[o;0 ;[I"a; T;10; i*;@ ; 0;!o;";#{; i*;@ ; i*;@ ;[o;$ ;[I"background; T;o; ;I"topbar-link-bg-active; T; I"topbar_link_bg_active; T; @ ; i+;i;';(;[; i+; @ o;$ ;[I" color; T;o; ;I"topbar-link-color-active; T; I"topbar_link_color_active; T; @ ; i,;i;';(;[; i,; @ ; i*;)T; @ ; i";)T; @ o; ;[I".has-dropdown; T;i;o;;[o;;[o; ;[o;;[I"has-dropdown; T; i0;I"; T; 0;!o;";#{; i0;@; i0;@;[o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;+; i1;I"; To;, ;-;.;[I" hover; T;/0; i1;@*; 0;!o;";#{; i1;@*; i1;@*;[o; ;[I"& > .dropdown; T;i;o;;[o;;[o; ;[o;+; i2;I"; T; 0;!o;";#{; i2;@;I">; To; ;[o;;[I" dropdown; T; i2;@;; 0;!o;";#{; i2;@;; i2;@;;[o;$ ;[I" display; T;o;%;I" block; T;;&; @ ;i;';(;[; i3; @ ; i2;)T; @ ; i1;)T; @ ; i0;)T; @ ; i!;)T; @ ; i;)T; @ :@templateI";// // Top Bar Variables // $include-html-top-bar-classes: $include-html-classes !default; // Background color for the top bar $topbar-bg-color: #111 !default; $topbar-bg: $topbar-bg-color !default; // Height and margin $topbar-height: 45px !default; $topbar-margin-bottom: 0 !default; // Control Input height for top bar $topbar-input-height: 2.45em !default; // Controlling the styles for the title in the top bar $topbar-title-weight: bold !default; $topbar-title-font-size: em-calc(17) !default; // Style the top bar dropdown elements $topbar-dropdown-bg: #222 !default; $topbar-dropdown-link-color: #fff !default; $topbar-dropdown-link-bg: lighten($topbar-bg-color, 5%) !default; $topbar-dropdown-toggle-size: 5px !default; $topbar-dropdown-toggle-color: #fff !default; $topbar-dropdown-toggle-alpha: 0.5 !default; // Set the link colors and styles for top-level nav $topbar-link-color: #fff !default; $topbar-link-color-hover: #fff !default; $topbar-link-color-active: #fff !default; $topbar-link-weight: bold !default; $topbar-link-font-size: em-calc(13) !default; $topbar-link-hover-lightness: -30% !default; // Darken by 30% $topbar-link-bg-hover: adjust-color($topbar-dropdown-bg, $lightness: $topbar-link-hover-lightness) !default; $topbar-link-bg-active: darken($topbar-bg-color, 3%) !default; $topbar-dropdown-label-color: #555 !default; $topbar-dropdown-label-text-transform: uppercase !default; $topbar-dropdown-label-font-weight: bold !default; $topbar-dropdown-label-font-size: em-calc(10) !default; $topbar-dropdown-label-bg: lighten($topbar-bg-color, 5%) !default; // Top menu icon styles $topbar-menu-link-transform: uppercase !default; $topbar-menu-link-font-size: em-calc(13) !default; $topbar-menu-link-weight: bold !default; $topbar-menu-link-color: #fff !default; $topbar-menu-icon-color: #fff !default; $topbar-menu-link-color-toggled: #888 !default; $topbar-menu-icon-color-toggled: #888 !default; // Transitions and breakpoint styles $topbar-transition-speed: 300ms !default; // Using em-calc for the below breakpoint causes issues with top bar $topbar-breakpoint: 940px !default; // Change to 9999px for always mobile layout $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default; // Divider Styles $topbar-divider-border-bottom: solid 1px lighten($topbar-bg-color, 10%) !default; $topbar-divider-border-top: solid 1px darken($topbar-bg-color, 10%) !default; // Sticky Class $topbar-sticky-class: ".sticky" !default; $topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item @if $include-html-top-bar-classes != false { /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: $topbar-bg; .top-bar { margin-bottom: $topbar-margin-bottom; } } // Wrapped around .top-bar to make it stick to the top .fixed { width: 100%; #{$default-float}: 0; position: fixed; top: 0; z-index: 99; &.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; .title-area { position: fixed; width: 100%; z-index: 99; } // Ensure you can scroll the menu on small screens .top-bar-section { z-index: 98; margin-top: $topbar-height; } } } .top-bar { overflow: hidden; height: $topbar-height; line-height: $topbar-height; position: relative; background: $topbar-bg; margin-bottom: $topbar-margin-bottom; // Topbar Global list Styles ul { margin-bottom: 0; list-style: none; } .row { max-width: none; } form, input { margin-bottom: 0; } input { height: $topbar-input-height; } .button { padding-top: .5em; padding-bottom: .5em; margin-bottom: 0; } // Title Area .title-area { position: relative; margin: 0; } .name { height: $topbar-height; margin: 0; font-size: $em-base; h1 { line-height: $topbar-height; font-size: $topbar-title-font-size; margin: 0; a { font-weight: $topbar-title-weight; color: $topbar-link-color; width: 50%; display: block; padding: 0 $topbar-height / 3; } } } // Menu toggle button on small devices .toggle-topbar { position: absolute; #{$opposite-direction}: 0; top: 0; a { color: $topbar-link-color; text-transform: $topbar-menu-link-transform; font-size: $topbar-menu-link-font-size; font-weight: $topbar-menu-link-weight; position: relative; display: block; padding: 0 $topbar-height / 3; height: $topbar-height; line-height: $topbar-height; } // Adding the class "menu-icon" will add the 3-line icon people love and adore. &.menu-icon { #{$opposite-direction}: $topbar-height / 3; top: 50%; margin-top: -16px; padding-#{$default-float}: 40px; a { text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: $topbar-menu-link-color; span { position: absolute; #{$opposite-direction}: 0; display: block; width: 16px; height: 0; // Shh, don't tell, but box-shadows create the menu icon :) @if $experimental { -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color, 0 16px 0 1px $topbar-menu-icon-color, 0 22px 0 1px $topbar-menu-icon-color; } box-shadow: 0 10px 0 1px $topbar-menu-icon-color, 0 16px 0 1px $topbar-menu-icon-color, 0 22px 0 1px $topbar-menu-icon-color; } } } } // Change things up when the top-bar is expanded &.expanded { height: auto; background: transparent; .title-area { background: $topbar-bg; } .toggle-topbar { a { color: $topbar-menu-link-color-toggled; span { // Shh, don't tell, but box-shadows create the menu icon :) @if $experimental { -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled, 0 16px 0 1px $topbar-menu-icon-color-toggled, 0 22px 0 1px $topbar-menu-icon-color-toggled; } box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled, 0 16px 0 1px $topbar-menu-icon-color-toggled, 0 22px 0 1px $topbar-menu-icon-color-toggled; } } } } } // Right and Left Navigation that stacked by default .top-bar-section { #{$default-float}: 0; position: relative; width: auto; @include single-transition($default-float, $topbar-transition-speed); ul { width: 100%; height: auto; display: block; background: $topbar-dropdown-bg; font-size: $em-base; margin: 0; } .divider, [role="separator"] { border-bottom: $topbar-divider-border-bottom; border-top: $topbar-divider-border-top; clear: both; height: 1px; width: 100%; } ul li { & > a { display: block; width: 100%; color: $topbar-link-color; padding: 12px 0 12px 0; padding-#{$default-float}: $topbar-height / 3; font-size: $topbar-link-font-size; font-weight: $topbar-link-weight; background: $topbar-dropdown-bg; &.button { background: $primary-color; font-size: $topbar-link-font-size; padding-right: $topbar-height / 3; padding-left: $topbar-height / 3; &:hover { background: darken($primary-color, 10%); } } &.button.secondary { background: $secondary-color; &:hover { background: darken($secondary-color, 10%); } } &.button.success { background: $success-color; &:hover { background: darken($success-color, 10%); } } &.button.alert { background: $alert-color; &:hover { background: darken($alert-color, 10%); } } } // Apply the hover link color when it has that class &:hover > a { background: $topbar-link-bg-hover; color: $topbar-link-color-hover; } // Apply the active link color when it has that class &.active > a { background: $topbar-link-bg-active; color: $topbar-link-color-active; } } // Add some extra padding for list items contains buttons .has-form { padding: $topbar-height / 3; } // Styling for list items that have a dropdown within them. .has-dropdown { position: relative; & > a { &:after { @if ($topbar-arrows){ @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float); } margin-#{$opposite-direction}: $topbar-height / 3; margin-top: -($topbar-dropdown-toggle-size / 2) - 2; position: absolute; top: 50%; #{$opposite-direction}: 0; } } &.moved { position: static; & > .dropdown { display: block; } } } // Styling elements inside of dropdowns .dropdown { position: absolute; #{$default-float}: 100%; top: 0; display: none; z-index: 99; li { width: 100%; height: auto; a { font-weight: normal; padding: 8px $topbar-height / 3; &.parent-link { font-weight: $topbar-link-weight; } } &.title h5 { margin-bottom: 0; a { color: $topbar-link-color; line-height: $topbar-height / 2; display: block; } } } label { padding: 8px $topbar-height / 3 2px; margin-bottom: 0; text-transform: $topbar-dropdown-label-text-transform; color: $topbar-dropdown-label-color; font-weight: $topbar-dropdown-label-font-weight; font-size: $topbar-dropdown-label-font-size; } } } // Element that controls breakpoint, no need to change this ever .top-bar-js-breakpoint { width: $topbar-breakpoint !important; visibility: hidden; } .js-generated { display: block; } // Top Bar styles intended for screen sizes above the breakpoint. @media #{$topbar-media-query} { .top-bar { background: $topbar-bg; @include clearfix; overflow: visible; .toggle-topbar { display: none; } .title-area { float: $default-float; } .name h1 a { width: auto; } input, .button { line-height: 2em; font-size: em-calc(14); height: 2em; padding: 0 10px; position: relative; top: 8px; } &.expanded { background: $topbar-bg; } } .contain-to-grid .top-bar { max-width: $row-width; margin: 0 auto; margin-bottom: $topbar-margin-bottom; } .top-bar-section { @include single-transition(none,0,0); #{$default-float}: 0 !important; ul { width: auto; height: auto !important; display: inline; li { float: $default-float; .js-generated { display: none; } } } li { &.hover { > a:not(.button) { background: $topbar-link-bg-hover; color: $topbar-link-color-hover; } } a:not(.button) { padding: 0 $topbar-height / 3; line-height: $topbar-height; background: $topbar-bg; &:hover { background: $topbar-link-bg-hover; } } } .has-dropdown { @if($topbar-arrows){ & > a { padding-#{$opposite-direction}: $topbar-height / 3 + 20 !important; &:after { @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top); margin-top: -($topbar-dropdown-toggle-size / 2); top: $topbar-height / 2; } } } &.moved { position: relative; & > .dropdown { display: none; } } &.hover, &.not-click:hover { & > .dropdown { display: block; } } .dropdown li.has-dropdown { & > a { &:after { border: none; content: "\00bb"; top: 1em; margin-top: -7px; #{$opposite-direction}: 5px; } } } } .dropdown { #{$default-float}: 0; top: auto; background: transparent; min-width: 100%; li { a { color: $topbar-dropdown-link-color; line-height: 1; white-space: nowrap; padding: 7px $topbar-height / 3; background: $topbar-dropdown-link-bg; } label { white-space: nowrap; background: $topbar-dropdown-label-bg; } // Second Level Dropdowns .dropdown { #{$default-float}: 100%; top: 0; } } } & > ul > .divider, & > ul > [role="separator"] { border-bottom: none; border-top: none; border-#{$opposite-direction}: $topbar-divider-border-bottom; border-#{$default-float}: $topbar-divider-border-top; clear: none; height: $topbar-height; width: 0; } .has-form { background: $topbar-bg; padding: 0 $topbar-height / 3; height: $topbar-height; } // Position overrides for ul.right ul.right { li .dropdown { left: auto; right: 0; li .dropdown { right: 100%; } } } } // Degrade gracefully when Javascript is disabled. Displays dropdown and changes // background & text color on hover. .no-js .top-bar-section { ul li { // Apply the hover link color when it has that class &:hover > a { background: $topbar-link-bg-hover; color: $topbar-link-color-hover; } // Apply the active link color when it has that class &:active > a { background: $topbar-link-bg-active; color: $topbar-link-color-active; } } .has-dropdown { &:hover { & > .dropdown { display: block; } } } } } } ; T; i:@has_childrenT; @