{: versionI"3.2.12 (Media Mark):EF:shaI"-5902a34bfa716872b483e0b237104464b643f5f2;F: contents"o:Sass::Tree::RootNode :@children[4o:Sass::Tree::CommentNode : @value[I""/* * Top Bar Variables * */:ET: @type: silent;[: @linei: @options{o; ;[I"+/* Background color for the top bar */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI"topbar-bg; T: @expro:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i ; @ : @guardedI" !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:Sass::Script::Funcall ;I" emCalc; T: @args[o; ;i#;[I"px; T;[; i;I" 30px; F; @ :@keywords{: @splat0; i; @ ;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; ;I" emCalc; T;[o; ;i;[I"px; T;[; i;I" 17px; F; @ ;{;0; i; @ ;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-weight; T;o; ;I" bold; T; ;!; i; @ ;I" !default; T;[; i; @ o; ;I"topbar-link-font-size; T;o; ;I" emCalc; T;[o; ;i;[I"px; T;[; i;I" 13px; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;[I"./* Style the top bar dropdown elements */; T; ; ;[; i; @ o; ;I"topbar-dropdown-bg; T;o; ;0;{ ;i8;i8;i8;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-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;[;[; i";I"0.5; F; @ ;I" !default; T;[; i"; @ o; ;I"dropdown-label-color; T;o; ;0;{ ;iZ;iZ;iZ;i; i#; @ ;I" !default; T;[; i#; @ o; ;[I"/* Top menu icon styles */; T; ; ;[; i%; @ o; ;I"topbar-menu-link-transform; T;o; ;I"uppercase; T; ;!; i&; @ ;I" !default; T;[; i&; @ o; ;I"topbar-menu-link-font-size; T;o; ;I" emCalc; T;[o; ;i;[I"px; T;[; i';I" 13px; F; @ ;{;0; i'; @ ;I" !default; T;[; i'; @ o; ;I"topbar-menu-link-weight; T;o; ;I" bold; T; ;!; i(; @ ;I" !default; T;[; i(; @ o; ;I"topbar-menu-link-color; T;o; ;0;{ ;i;i;i;i; i); @ ;I" !default; T;[; i); @ o; ;I"topbar-menu-icon-color; T;o; ;0;{ ;i;i;i;i; i*; @ ;I" !default; T;[; i*; @ o; ;I"#topbar-menu-link-color-toggled; T;o; ;0;{ ;i;i;i;i; i+; @ ;I" !default; T;[; i+; @ 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"topbar-breakpoint; T;o; ;I" emCalc; T;[o; ;i;[I"px; T;[; i0;I" 940px; F; @ ;{;0; i0; @ ;I" !default; T;[; i0; @ o; ;[I"4/* Change to 9999px for always mobile layout */; T; ; ;[; i0; @ o; ;I"topbar-media-query; T;o:&Sass::Script::StringInterpolation : @beforeo; ;I" only screen and (min-width:; T; : string; i1; @ : @mido:Sass::Script::Variable ;I"topbar-breakpoint; T:@underscored_nameI"topbar_breakpoint; T; i1; @ : @aftero; ;I"); T; ;$; i1; @ ; i1; @ ;I" !default; T;[; i1; @ o; ;[I";/* Wrapped around .top-bar to contain to grid width */; T; : normal;[; i4; @ 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; i5:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i5;3@ ; i5;3@ ;[o:Sass::Tree::PropNode ;[I" width; T;o; ;I" 100%; T; ;!; @ ;,i:@prop_syntax:new;[; i6; @ o;8 ;[I"background; T;o;& ;I"topbar-bg; T;'I"topbar_bg; T; i7; @ ;,i;9;:;[; i7; @ ; i5:@has_childrenT; @ o; ;[I">/* Wrapped around .top-bar to make it fixed at the top */; T; ; ;[; i:; @ o;* ;+[I" .fixed; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" fixed; T; i;;3I"; T;40;5o;6;7{; i;;3@+; i;;3@+;[ o;8 ;[I" width; T;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i<; @ o;8 ;[o;& ;I"default-float; T;'I"default_float; T; i=; @ ;o; ;I"0; T; ;!; @ ;,i;9;:;[; i=; @ o;8 ;[I" position; T;o; ;I" fixed; T; ;!; @ ;,i;9;:;[; i>; @ o;8 ;[I"top; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i?; @ o;8 ;[I" z-index; T;o; ;I"99; T; ;!; @ ;,i;9;:;[; i@; @ ; i;;;T; @ o;* ;+[I" .top-bar; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" top-bar; T; iC;3I"; T;40;5o;6;7{; iC;3@[; iC;3@[;[o;8 ;[I" overflow; T;o; ;I" hidden; T; ;!; @ ;,i;9;:;[; iD; @ o;8 ;[I" height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; iE; @ ;,i;9;:;[; iE; @ o;8 ;[I"line-height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; iF; @ ;,i;9;:;[; iF; @ o;8 ;[I" position; T;o; ;I" relative; T; ;!; @ ;,i;9;:;[; iG; @ o;8 ;[I"background; T;o;& ;I"topbar-bg; T;'I"topbar_bg; T; iH; @ ;,i;9;:;[; iH; @ o;8 ;[I"margin-bottom; T;o;& ;I"topbar-margin-bottom; T;'I"topbar_margin_bottom; T; iI; @ ;,i;9;:;[; iI; @ o; ;[I"$/* Topbar Global list Styles */; T; ; ;[; iK; @ o;* ;+[I"ul; T;,i;-o;.;/[o;0;/[o;1 ;/[o:Sass::Selector::Element ;[I"ul; T:@namespace0; iL;3I"; T;40;5o;6;7{; iL;3@; iL;3@;[o;8 ;[I"margin-bottom; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; iM; @ o;8 ;[I"list-style; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; iN; @ ; iL;;T; @ o;* ;+[I" .row; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"row; T; iQ;3I"; T;40;5o;6;7{; iQ;3@; iQ;3@;[o;8 ;[I"max-width; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; iQ; @ ; iQ;;T; @ o;* ;+[I"form, input; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I" form; T;=0; iT;3I"; T;40;5o;6;7{; iT;3@o;0;/[I" ; To;1 ;/[o;< ;[I" input; T;=0; iT;3@;40;5o;6;7{; iT;3@; iT;3@;[o;8 ;[I"margin-bottom; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; iT; @ ; iT;;T; @ o;* ;+[I" input; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I" input; T;=0; iV;3I"; T;40;5o;6;7{; iV;3@; iV;3@;[o;8 ;[I" height; T;o;& ;I"topbar-input-height; T;'I"topbar_input_height; T; iV; @ ;,i;9;:;[; iV; @ ; iV;;T; @ o;* ;+[I" .button; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" button; T; iX;3I"; T;40;5o;6;7{; iX;3@; iX;3@;[o;8 ;[I"padding-top; T;o; ;I" .5em; T; ;!; @ ;,i;9;:;[; iX; @ o;8 ;[I"padding-bottom; T;o; ;I" .5em; T; ;!; @ ;,i;9;:;[; iX; @ o;8 ;[I"margin-bottom; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; iX; @ ; iX;;T; @ o; ;[I"/* Title Area */; T; ; ;[; iZ; @ o;* ;+[I".title-area; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"title-area; T; i[;3I"; T;40;5o;6;7{; i[;3@&; i[;3@&;[o;8 ;[I" position; T;o; ;I" relative; T; ;!; @ ;,i;9;:;[; i[; @ ; i[;;T; @ o;* ;+[I" .name; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" name; T; i];3I"; T;40;5o;6;7{; i];3@<; i];3@<;[ o;8 ;[I" height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; i^; @ ;,i;9;:;[; i^; @ o;8 ;[I" margin; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i_; @ o;8 ;[I"font-size; T;o;& ;I" em-base; T;'I" em_base; T; i`; @ ;,i;9;:;[; i`; @ o;* ;+[I"h1; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"h1; T;=0; ib;3I"; T;40;5o;6;7{; ib;3@`; ib;3@`;[ o;8 ;[I"line-height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; ic; @ ;,i;9;:;[; ic; @ o;8 ;[I"font-size; T;o;& ;I"topbar-title-font-size; T;'I"topbar_title_font_size; T; id; @ ;,i;9;:;[; id; @ o;8 ;[I" margin; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; ie; @ o;* ;+[I"a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; if;3I"; T;40;5o;6;7{; if;3@; if;3@;[ o;8 ;[I"font-weight; T;o;& ;I"topbar-title-weight; T;'I"topbar_title_weight; T; ig; @ ;,i;9;:;[; ig; @ o;8 ;[I" color; T;o;& ;I"topbar-link-color; T;'I"topbar_link_color; T; ih; @ ;,i;9;:;[; ih; @ o;8 ;[I" width; T;o; ;I"50%; T; ;!; @ ;,i;9;:;[; ii; @ o;8 ;[I" display; T;o; ;I" block; T; ;!; @ ;,i;9;:;[; ij; @ o;8 ;[I" padding; T;o:Sass::Script::List ;[o; ;i;[;@; ik;I"0; F; @ o:Sass::Script::Operation :@operand1o;& ;I"topbar-height; T;'I"topbar_height; T; ik; @ :@operand2o; ;i;[;@; ik;I"3; F; @ :@operator:div; ik; @ :@separator: space; ik; @ ;,i;9;:;[; ik; @ ; if;;T; @ ; ib;;T; @ ; i];;T; @ o; ;[I"./* Menu toggle button on small devices */; T; ; ;[; ip; @ o;* ;+[I".toggle-topbar; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"toggle-topbar; T; iq;3I"; T;40;5o;6;7{; iq;3@; iq;3@;[ o;8 ;[I" position; T;o; ;I" absolute; T; ;!; @ ;,i;9;:;[; ir; @ o;8 ;[o;& ;I"default-opposite; T;'I"default_opposite; T; is; @ ;o; ;I"0; T; ;!; @ ;,i;9;:;[; is; @ o;8 ;[I"top; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; it; @ o;* ;+[I"a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; iv;3I"; T;40;5o;6;7{; iv;3@; iv;3@;[o;8 ;[I" color; T;o;& ;I"topbar-link-color; T;'I"topbar_link_color; T; iw; @ ;,i;9;:;[; iw; @ o;8 ;[I"text-transform; T;o;& ;I"topbar-menu-link-transform; T;'I"topbar_menu_link_transform; T; ix; @ ;,i;9;:;[; ix; @ o;8 ;[I"font-size; T;o;& ;I"topbar-menu-link-font-size; T;'I"topbar_menu_link_font_size; T; iy; @ ;,i;9;:;[; iy; @ o;8 ;[I"font-weight; T;o;& ;I"topbar-menu-link-weight; T;'I"topbar_menu_link_weight; T; iz; @ ;,i;9;:;[; iz; @ o;8 ;[I" position; T;o; ;I" relative; T; ;!; @ ;,i;9;:;[; i{; @ o;8 ;[I" display; T;o; ;I" block; T; ;!; @ ;,i;9;:;[; i|; @ o;8 ;[I" padding; T;o;> ;[o; ;i;[;@; i};I"0; F; @ o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i}; @ ;Ao; ;i;[;@; i};I"3; F; @ ;B;C; i}; @ ;D;E; i}; @ ;,i;9;:;[; i}; @ o;8 ;[I" height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; i~; @ ;,i;9;:;[; i~; @ o;8 ;[I"line-height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;,i;9;:;[; i; @ ; iv;;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;0;/[o;1 ;/[o:Sass::Selector::Parent; i~;3I"; To;2;[I"menu-icon; T; i~;3@>;40;5o;6;7{; i~;3@>; i~;3@>;[ o;8 ;[o;& ;I"default-opposite; T;'I"default_opposite; T; i; @ ;o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;Ao; ;i;[;@; i;I"3; F; @ ;B;C; i; @ ;,i;9;:;[; i; @ o;8 ;[I"top; T;o; ;I"50%; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"margin-top; T;o; ;I" -16px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" padding-; To;& ;I"default-float; T;'I"default_float; T; i; @ ;o; ;I" 40px; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I"a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; i;3I"; T;40;5o;6;7{; i;3@s; i;3@s;[ o;8 ;[I"text-indent; T;o; ;I" -48px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" width; T;o; ;I" 34px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" height; T;o; ;I" 34px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"line-height; T;o; ;I" 33px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" padding; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" color; T;o;& ;I"topbar-menu-link-color; T;'I"topbar_menu_link_color; T; i; @ ;,i;9;:;[; i; @ o;* ;+[I" span; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I" span; T;=0; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[ o;8 ;[I" position; T;o; ;I" absolute; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[o;& ;I"default-opposite; T;'I"default_opposite; T; i; @ ;o; ;I"0; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" display; T;o; ;I" block; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" width; T;o; ;I" 16px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" height; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i; @ o; ;[I"C/* Shh, don't tell, but box-shadows create the menu icon :) */; T; ; ;[; i; @ o;8 ;[I"-webkit-box-shadow; T;o;> ;[o;> ;[ o; ;i;[;@; i;I"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; @ ;D;E; 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; @ ;D;E; 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; @ ;D;E; i; @ ;D: comma; i; @ ;,i;9;:;[; i; @ o;8 ;[I"box-shadow; T;o;> ;[o;> ;[ o; ;i;[;@; i;I"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; @ ;D;E; 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; @ ;D;E; 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; @ ;D;E; i; @ ;D;G; i; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ ; i~;;T; @ ; iq;;T; @ o; ;[I"8/* Change things up when the top-bar is expanded */; T; ; ;[; i; @ o;* ;+[I"&.expanded; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;2;[I" expanded; T; i;3@h;40;5o;6;7{; i;3@h; i;3@h;[ o;8 ;[I" height; T;o; ;I" auto; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"background; T;o; ;I"transparent; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I".title-area; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"title-area; T; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"background; T;o;& ;I"topbar-bg; T;'I"topbar_bg; T; i; @ ;,i;9;:;[; i; @ ; i;;T; @ o;* ;+[I".toggle-topbar; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"toggle-topbar; T; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[o;* ;+[I"a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I" color; T;o;& ;I"#topbar-menu-link-color-toggled; T;'I"#topbar_menu_link_color_toggled; T; i; @ ;,i;9;:;[; i; @ o;* ;+[I" span; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I" span; T;=0; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[o; ;[I"C/* Shh, don't tell, but box-shadows create the menu icon :) */; T; ; ;[; i; @ o;8 ;[I"-webkit-box-shadow; T;o;> ;[o;> ;[ o; ;i;[;@; i;I"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; @ ;D;E; 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; @ ;D;E; 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; @ ;D;E; i; @ ;D;G; i; @ ;,i;9;:;[; i; @ o;8 ;[I"box-shadow; T;o;> ;[o;> ;[ o; ;i;[;@; i;I"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; @ ;D;E; 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; @ ;D;E; 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; @ ;D;E; i; @ ;D;G; i; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ ; i;;T; @ ; i;;T; @ ; iC;;T; @ o; ;[I" ;[o; ;I" solid; T; ;!; i; @ o; ;i;[I"px; T;[; i;I"1px; F; @ o; ;I" lighten; T;[o;& ;I"topbar-dropdown-bg; T;'I"topbar_dropdown_bg; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;D;E; i; @ ;,i;9;:;[; i; @ o;8 ;[I"border-top; T;o;> ;[o; ;I" solid; T; ;!; i; @ o; ;i;[I"px; T;[; i;I"1px; F; @ o; ;I" darken; T;[o;& ;I"topbar-dropdown-bg; T;'I"topbar_dropdown_bg; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;D;E; i; @ ;,i;9;:;[; i; @ o;8 ;[I" clear; T;o; ;I" both; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" height; T;o; ;I"1px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" width; T;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i; @ ; i;;T; @ o;* ;+[I" ul li; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"ul; T;=0; i;3I"; T;40;5o;6;7{; i;3@ o;1 ;/[o;< ;[I"li; T;=0; i;3@ ;40;5o;6;7{; i;3@ ; i;3@ ;[o;* ;+[I" & > a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; T;40;5o;6;7{; i;3@5I">; To;1 ;/[o;< ;[I"a; T;=0; i;3@5;40;5o;6;7{; i;3@5; i;3@5;[o;8 ;[I" display; T;o; ;I" block; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" width; T;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" color; T;o;& ;I"topbar-link-color; T;'I"topbar_link_color; T; i; @ ;,i;9;:;[; i; @ o;8 ;[I" padding; T;o; ;I"12px 0 12px 0; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" padding-; To;& ;I"default-float; T;'I"default_float; T; i; @ ;o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;Ao; ;i;[;@; i;I"3; F; @ ;B;C; i; @ ;,i;9;:;[; i; @ o;8 ;[I"font-size; T;o;& ;I"topbar-link-font-size; T;'I"topbar_link_font_size; T; i; @ ;,i;9;:;[; i; @ o;8 ;[I"font-weight; T;o;& ;I"topbar-link-weight; T;'I"topbar_link_weight; T; i; @ ;,i;9;:;[; i; @ o;8 ;[I"background; T;o;& ;I"topbar-dropdown-bg; T;'I"topbar_dropdown_bg; T; i; @ ;,i;9;:;[; i; @ o;* ;+[I" &:hover; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"background; T;o; ;I" darken; T;[o;& ;I"topbar-dropdown-bg; T;'I"topbar_dropdown_bg; T; i; @ o; ;i;[I"%; T;[; i;I"3%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ o;* ;+[I" &.button; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;2;[I" button; T; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"background; T;o;& ;I"primary-color; T;'I"primary_color; T; i; @ ;,i;9;:;[; i; @ o;8 ;[I"font-size; T;o;& ;I"topbar-link-font-size; T;'I"topbar_link_font_size; T; i; @ ;,i;9;:;[; i; @ o;* ;+[I" &:hover; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;I ;J;K;[I" hover; T;L0; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"background; T;o; ;I" darken; T;[o;& ;I"primary-color; T;'I"primary_color; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ o;* ;+[I"&.button.secondary; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;2;[I" button; T; i;3@o;2;[I"secondary; T; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"background; T;o;& ;I"secondary-color; T;'I"secondary_color; T; i; @ ;,i;9;:;[; i; @ o;* ;+[I" &:hover; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;I ;J;K;[I" hover; T;L0; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"background; T;o; ;I" darken; T;[o;& ;I"secondary-color; T;'I"secondary_color; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ o;* ;+[I"&.button.success; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;2;[I" button; T; i;3@$o;2;[I" success; T; i;3@$;40;5o;6;7{; i;3@$; i;3@$;[o;8 ;[I"background; T;o;& ;I"success-color; T;'I"success_color; T; i; @ ;,i;9;:;[; i; @ o;* ;+[I" &:hover; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;I ;J;K;[I" hover; T;L0; i;3@?;40;5o;6;7{; i;3@?; i;3@?;[o;8 ;[I"background; T;o; ;I" darken; T;[o;& ;I"success-color; T;'I"success_color; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ o;* ;+[I"&.button.alert; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;2;[I" button; T; i;3@`o;2;[I" alert; T; i;3@`;40;5o;6;7{; i;3@`; i;3@`;[o;8 ;[I"background; T;o;& ;I"alert-color; T;'I"alert_color; T; i; @ ;,i;9;:;[; i; @ o;* ;+[I" &:hover; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;I ;J;K;[I" hover; T;L0; i;3@{;40;5o;6;7{; i;3@{; i;3@{;[o;8 ;[I"background; T;o; ;I" darken; T;[o;& ;I"alert-color; T;'I"alert_color; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ ; i;;T; @ o; ;[I"=/* Apply the active link color when it has that class */; T; ; ;[; i; @ o;* ;+[I"&.active a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;2;[I" active; T; i;3@;40;5o;6;7{; i;3@o;1 ;/[o;< ;[I"a; T;=0; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"background; T;o; ;I" darken; T;[o;& ;I"topbar-dropdown-bg; T;'I"topbar_dropdown_bg; T; i; @ o; ;i;[I"%; T;[; i;I"3%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ o; ;[I"A/* Add some extra padding for list items contains buttons */; T; ; ;[; i; @ o;* ;+[I".has-form; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" has-form; T; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I" padding; T;o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;Ao; ;i;[;@; i;I"3; F; @ ;B;C; i; @ ;,i;9;:;[; i; @ ; i;;T; @ o; ;[I"C/* Styling for list items that have a dropdown within them. */; T; ; ;[; i; @ o;* ;+[I".has-dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"has-dropdown; T; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I" position; T;o; ;I" relative; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I" & > a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; T;40;5o;6;7{; i;3@I">; To;1 ;/[o;< ;[I"a; T;=0; i;3@;40;5o;6;7{; i;3@; i;3@;[o;* ;+[I" &:after; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;I ;J;K;[I" after; T;L0; i;3@;40;5o;6;7{; i;3@; i;3@;[ o;H ;I"css-triangle; T;[o;& ;I" topbar-dropdown-toggle-size; T;'I" topbar_dropdown_toggle_size; T; i; @ o; ;I" rgba; T;[o;& ;I"!topbar-dropdown-toggle-color; T;'I"!topbar_dropdown_toggle_color; T; i; @ o;& ;I"!topbar-dropdown-toggle-alpha; T;'I"!topbar_dropdown_toggle_alpha; T; i; @ ;{;0; i; @ o;& ;I"default-float; T;'I"default_float; T; i; @ ;{;0;[; i; @ o;8 ;[I" margin-; To;& ;I"default-opposite; T;'I"default_opposite; T; i; @ ;o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;Ao; ;i;[;@; i;I"3; F; @ ;B;C; i; @ ;,i;9;:;[; i; @ o;8 ;[I"margin-top; T;o;? ;@o:!Sass::Script::UnaryOperation : @operando;? ;@o;& ;I" topbar-dropdown-toggle-size; T;'I" topbar_dropdown_toggle_size; T; i ; @ ;Ao; ;i;[;@; i ;I"2; F; @ ;B;C; i ; @ ;B: minus; i ; @ ;Ao; ;i;[;@; i ;I"2; F; @ ;B;O; i ; @ ;,i;9;:;[; i ; @ o;8 ;[I" position; T;o; ;I" absolute; T; ;!; @ ;,i;9;:;[; i ; @ o;8 ;[I"top; T;o; ;I"50%; T; ;!; @ ;,i;9;:;[; i ; @ o;8 ;[o;& ;I"default-opposite; T;'I"default_opposite; T; i ; @ ;o; ;I"0; T; ;!; @ ;,i;9;:;[; i ; @ ; i;;T; @ ; i;;T; @ o;* ;+[I" &.moved; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;2;[I" moved; T; i;3@o;40;5o;6;7{; i;3@o; i;3@o;[o;8 ;[I" position; T;o; ;I" static; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I"& > .dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; T;40;5o;6;7{; i;3@I">; To;1 ;/[o;2;[I" dropdown; T; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I"visibility; T;o; ;I" visible; T; ;!; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ ; i;;T; @ o; ;[I"//* Styling elements inside of dropdowns */; T; ; ;[; i; @ o;* ;+[I".dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" dropdown; T; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[ o;8 ;[I" position; T;o; ;I" absolute; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[o;& ;I"default-float; T;'I"default_float; T; i; @ ;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"top; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"visibility; T;o; ;I" hidden; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" z-index; T;o; ;I"99; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I"li; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"li; T;=0; i;3I"; T;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I" width; T;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I"a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; i ;3I"; T;40;5o;6;7{; i ;3@; i ;3@;[o;8 ;[I"font-weight; T;o; ;I" normal; T; ;!; @ ;,i;9;:;[; i!; @ o;8 ;[I" padding; T;o;> ;[o; ;i ;[I"px; T;[; i";I"8px; F; @ o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i"; @ ;Ao; ;i;[;@; i";I"3; F; @ ;B;C; i"; @ ;D;E; i"; @ ;,i;9;:;[; i"; @ ; i ;;T; @ o;* ;+[I"&.title h5; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i%;3I"; To;2;[I" title; T; i%;3@ ;40;5o;6;7{; i%;3@ o;1 ;/[o;< ;[I"h5; T;=0; i%;3@ ;40;5o;6;7{; i%;3@ ; i%;3@ ;[o;8 ;[I"margin-bottom; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i%; @ o;* ;+[I"a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; i&;3I"; T;40;5o;6;7{; i&;3@4 ; i&;3@4 ;[o;8 ;[I" color; T;o;& ;I"topbar-link-color; T;'I"topbar_link_color; T; i'; @ ;,i;9;:;[; i'; @ o;8 ;[I"line-height; T;o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i(; @ ;Ao; ;i;[;@; i(;I"2; F; @ ;B;C; i(; @ ;,i;9;:;[; i(; @ o;8 ;[I" display; T;o; ;I" block; T; ;!; @ ;,i;9;:;[; i); @ ; i&;;T; @ ; i%;;T; @ ; i;;T; @ o;* ;+[I" label; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I" label; T;=0; i.;3I"; T;40;5o;6;7{; i.;3@\ ; i.;3@\ ;[ o;8 ;[I" padding; T;o;> ;[o; ;i ;[I"px; T;[; i/;I"8px; F; @ o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i/; @ ;Ao; ;i;[;@; i/;I"3; F; @ ;B;C; i/; @ o; ;i;[I"px; T;[; i/;I"2px; F; @ ;D;E; i/; @ ;,i;9;:;[; i/; @ o;8 ;[I"margin-bottom; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i0; @ o;8 ;[I"text-transform; T;o; ;I"uppercase; T; ;!; @ ;,i;9;:;[; i1; @ o;8 ;[I" color; T;o;& ;I"dropdown-label-color; T;'I"dropdown_label_color; T; i2; @ ;,i;9;:;[; i2; @ o;8 ;[I"font-weight; T;o; ;I" bold; T; ;!; @ ;,i;9;:;[; i3; @ o;8 ;[I"font-size; T;o; ;I" emCalc; T;[o; ;i;[I"px; T;[; i4;I" 10px; F; @ ;{;0; i4; @ ;,i;9;:;[; i4; @ ; i.;;T; @ ; i;;T; @ ; i;;T; @ o; ;[I"H/* Element that controls breakpoint, no need to change this ever */; T; ; ;[; i9; @ o;* ;+[I".top-bar-js-breakpoint; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"top-bar-js-breakpoint; T; i:;3I"; T;40;5o;6;7{; i:;3@ ; i:;3@ ;[o;8 ;[I" width; T;o;> ;[o;& ;I"topbar-breakpoint; T;'I"topbar_breakpoint; T; i;; @ o; ;I"!important; T; ;!; i;; @ ;D;E; i;; @ ;,i;9;:;[; i;; @ o;8 ;[I"visibility; T;o; ;I" hidden; T; ;!; @ ;,i;9;:;[; i<; @ ; i:;;T; @ o;* ;+[I".js-generated; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"js-generated; T; i>;3I"; T;40;5o;6;7{; i>;3@ ; i>;3@ ;[o;8 ;[I" display; T;o; ;I" block; T; ;!; @ ;,i;9;:;[; i>; @ ; i>;;T; @ o; ;[I"I/* Top Bar styles intended for screen sizes above the breakpoint. */; T; ; ;[; iA; @ o:Sass::Tree::MediaNode : @query[o;& ;I"topbar-media-query; T;'I"topbar_media_query; T; iB; @ ;,i;I"; T;[o;* ;+[I" .top-bar; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" top-bar; T; iC;3I"; T;40;5o;6;7{; iC;3@ ; iC;3@ ;[ o;8 ;[I"background; T;o;& ;I"topbar-bg; T;'I"topbar_bg; T; iC; @ ;,i;9;:;[; iC; @ o;H ;I" clearfix; T;[;{;0;[; iC; @ o;8 ;[I" overflow; T;o; ;I" visible; T; ;!; @ ;,i;9;:;[; iC; @ o;* ;+[I".toggle-topbar; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"toggle-topbar; T; iD;3I"; T;40;5o;6;7{; iD;3@ ; iD;3@ ;[o;8 ;[I" display; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; iD; @ ; iD;;T; @ o;* ;+[I".title-area; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"title-area; T; iF;3I"; T;40;5o;6;7{; iF;3@' ; iF;3@' ;[o;8 ;[I" float; T;o;& ;I"default-float; T;'I"default_float; T; iF; @ ;,i;9;:;[; iF; @ ; iF;;T; @ o;* ;+[I".name h1 a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" name; T; iG;3I"; T;40;5o;6;7{; iG;3@> o;1 ;/[o;< ;[I"h1; T;=0; iG;3@> ;40;5o;6;7{; iG;3@> o;1 ;/[o;< ;[I"a; T;=0; iG;3@> ;40;5o;6;7{; iG;3@> ; iG;3@> ;[o;8 ;[I" width; T;o; ;I" auto; T; ;!; @ ;,i;9;:;[; iG; @ ; iG;;T; @ o;* ;+[I"input, .button; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I" input; T;=0; iJ;3I"; T;40;5o;6;7{; iJ;3@b o;0;/[I" ; To;1 ;/[o;2;[I" button; T; iJ;3@b ;40;5o;6;7{; iJ;3@b ; iJ;3@b ;[ o;8 ;[I"line-height; T;o; ;I"2em; T; ;!; @ ;,i;9;:;[; iK; @ o;8 ;[I"font-size; T;o; ;I" emCalc; T;[o; ;i;[I"px; T;[; iL;I" 14px; F; @ ;{;0; iL; @ ;,i;9;:;[; iL; @ o;8 ;[I" height; T;o; ;I"2em; T; ;!; @ ;,i;9;:;[; iM; @ o;8 ;[I" padding; T;o; ;I" 0 10px; T; ;!; @ ;,i;9;:;[; iN; @ o;8 ;[I" position; T;o; ;I" relative; T; ;!; @ ;,i;9;:;[; iO; @ o;8 ;[I"top; T;o; ;I"8px; T; ;!; @ ;,i;9;:;[; iP; @ ; iJ;;T; @ o;* ;+[I"&.expanded; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; iS;3I"; To;2;[I" expanded; T; iS;3@ ;40;5o;6;7{; iS;3@ ; iS;3@ ;[o;8 ;[I"background; T;o;& ;I"topbar-bg; T;'I"topbar_bg; T; iS; @ ;,i;9;:;[; iS; @ ; iS;;T; @ ; iC;;T; @ o;* ;+[I".contain-to-grid .top-bar; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"contain-to-grid; T; iV;3I"; T;40;5o;6;7{; iV;3@ o;1 ;/[o;2;[I" top-bar; T; iV;3@ ;40;5o;6;7{; iV;3@ ; iV;3@ ;[o;8 ;[I"max-width; T;o;& ;I"row-width; T;'I"row_width; T; iV; @ ;,i;9;:;[; iV; @ o;8 ;[I" margin; T;o; ;I" 0 auto; T; ;!; @ ;,i;9;:;[; iV; @ ; iV;;T; @ o;* ;+[I".top-bar-section; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"top-bar-section; T; iX;3I"; T;40;5o;6;7{; iX;3@ ; iX;3@ ;[o;H ;I"single-transition; T;[o; ;I" none; T; ;!; iY; @ o; ;i;[;@; iY;I"0; F; @ o; ;i;[;@; iY;I"0; F; @ ;{;0;[; iY; @ o;8 ;[o;& ;I"default-float; T;'I"default_float; T; iZ; @ ;o; ;I"0 !important; T; ;!; @ ;,i;9;:;[; iZ; @ o;* ;+[I"ul; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"ul; T;=0; i\;3I"; T;40;5o;6;7{; i\;3@ ; i\;3@ ;[ o;8 ;[I" width; T;o; ;I" auto; T; ;!; @ ;,i;9;:;[; i]; @ o;8 ;[I" height; T;o; ;I"auto !important; T; ;!; @ ;,i;9;:;[; i^; @ o;8 ;[I" display; T;o; ;I" inline; T; ;!; @ ;,i;9;:;[; i_; @ o;* ;+[I"li; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"li; T;=0; ia;3I"; T;40;5o;6;7{; ia;3@* ; ia;3@* ;[o;8 ;[I" float; T;o;& ;I"default-float; T;'I"default_float; T; ib; @ ;,i;9;:;[; ib; @ o;* ;+[I".js-generated; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"js-generated; T; ic;3I"; T;40;5o;6;7{; ic;3@A ; ic;3@A ;[o;8 ;[I" display; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; ic; @ ; ic;;T; @ ; ia;;T; @ ; i\;;T; @ o;* ;+[I"li; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"li; T;=0; ig;3I"; T;40;5o;6;7{; ig;3@W ; ig;3@W ;[o;* ;+[I"a:not(.button); T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; ih;3I"; To;I ;J;K;[I"not; T;L[I" .button; T; ih;3@g ;40;5o;6;7{; ih;3@g ; ih;3@g ;[ o;8 ;[I" padding; T;o;> ;[o; ;i;[;@; ii;I"0; F; @ o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; ii; @ ;Ao; ;i;[;@; ii;I"3; F; @ ;B;C; ii; @ ;D;E; ii; @ ;,i;9;:;[; ii; @ o;8 ;[I"line-height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; ij; @ ;,i;9;:;[; ij; @ o;8 ;[I"background; T;o;& ;I"topbar-bg; T;'I"topbar_bg; T; ik; @ ;,i;9;:;[; ik; @ o;* ;+[I" &:hover; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; il;3I"; To;I ;J;K;[I" hover; T;L0; il;3@ ;40;5o;6;7{; il;3@ ; il;3@ ;[o;8 ;[I"background; T;o; ;I" darken; T;[o;& ;I"topbar-dropdown-bg; T;'I"topbar_dropdown_bg; T; il; @ o; ;i#;[I"%; T;[; il;I"30%; F; @ ;{;0; il; @ ;,i;9;:;[; il; @ ; il;;T; @ ; ih;;T; @ ; ig;;T; @ o;* ;+[I".has-dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I"has-dropdown; T; ip;3I"; T;40;5o;6;7{; ip;3@ ; ip;3@ ;[ o;* ;+[I" & > a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; iq;3I"; T;40;5o;6;7{; iq;3@ I">; To;1 ;/[o;< ;[I"a; T;=0; iq;3@ ;40;5o;6;7{; iq;3@ ; iq;3@ ;[o;8 ;[I" padding-; To;& ;I"default-opposite; T;'I"default_opposite; T; ir; @ ;o;> ;[o;? ;@o;& ;I" topbar-dropdown-toggle-size; T;'I" topbar_dropdown_toggle_size; T; ir; @ ;Ao; ;i ;[;@; ir;I"7; F; @ ;B: times; ir; @ o; ;I"!important; T; ;!; ir; @ ;D;E; ir; @ ;,i;9;:;[; ir; @ o;* ;+[I" &:after; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; it;3I"; To;I ;J;K;[I" after; T;L0; it;3@ ;40;5o;6;7{; it;3@ ; it;3@ ;[o;H ;I"css-triangle; T;[o;& ;I" topbar-dropdown-toggle-size; T;'I" topbar_dropdown_toggle_size; T; iu; @ o; ;I" rgba; T;[o;& ;I"!topbar-dropdown-toggle-color; T;'I"!topbar_dropdown_toggle_color; T; iu; @ o;& ;I"!topbar-dropdown-toggle-alpha; T;'I"!topbar_dropdown_toggle_alpha; T; iu; @ ;{;0; iu; @ o; ;I"top; T; ;!; iu; @ ;{;0;[; iu; @ o;8 ;[I"margin-top; T;o;M ;No;? ;@o;& ;I" topbar-dropdown-toggle-size; T;'I" topbar_dropdown_toggle_size; T; iv; @ ;Ao; ;i;[;@; iv;I"2; F; @ ;B;C; iv; @ ;B;O; iv; @ ;,i;9;:;[; iv; @ ; it;;T; @ ; iq;;T; @ o;* ;+[I" &.moved; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; iz;3I"; To;2;[I" moved; T; iz;3@" ;40;5o;6;7{; iz;3@" ; iz;3@" ;[o;8 ;[I" position; T;o; ;I" relative; T; ;!; @ ;,i;9;:;[; iz; @ o;* ;+[I"& > .dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i{;3I"; T;40;5o;6;7{; i{;3@9 I">; To;1 ;/[o;2;[I" dropdown; T; i{;3@9 ;40;5o;6;7{; i{;3@9 ; i{;3@9 ;[o;8 ;[I"visibility; T;o; ;I" hidden; T; ;!; @ ;,i;9;:;[; i{; @ ; i{;;T; @ ; iz;;T; @ o;* ;+[I"&:hover, &:active; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;I ;J;K;[I" hover; T;L0; i;3@U ;40;5o;6;7{; i;3@U o;0;/[I" ; To;1 ;/[o;F; i;3@U o;I ;J;K;[I" active; T;L0; i;3@U ;40;5o;6;7{; i;3@U ; i;3@U ;[o;* ;+[I"& > .dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; T;40;5o;6;7{; i;3@q I">; To;1 ;/[o;2;[I" dropdown; T; i;3@q ;40;5o;6;7{; i;3@q ; i;3@q ;[o;8 ;[I"visibility; T;o; ;I" visible; T; ;!; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ o;* ;+[I".dropdown li.has-dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" dropdown; T; i;3I"; T;40;5o;6;7{; i;3@ o;1 ;/[o;< ;[I"li; T;=0; i;3@ o;2;[I"has-dropdown; T; i;3@ ;40;5o;6;7{; i;3@ ; i;3@ ;[o;* ;+[I" & > a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; T;40;5o;6;7{; i;3@ I">; To;1 ;/[o;< ;[I"a; T;=0; i;3@ ;40;5o;6;7{; i;3@ ; i;3@ ;[o;* ;+[I" &:after; T;,i;-o;.;/[o;0;/[o;1 ;/[o;F; i;3I"; To;I ;J;K;[I" after; T;L0; i;3@ ;40;5o;6;7{; i;3@ ; i;3@ ;[ o;8 ;[I" border; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" content; T;o; ;I" "\00bb"; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"margin-top; T;o; ;I" -7px; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[o;& ;I"default-opposite; T;'I"default_opposite; T; i; @ ;o; ;I"5px; T; ;!; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ ; i;;T; @ ; ip;;T; @ o;* ;+[I".dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" dropdown; T; i;3I"; T;40;5o;6;7{; i;3@ ; i;3@ ;[ o;8 ;[o;& ;I"default-float; T;'I"default_float; T; i; @ ;o; ;I"0; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"top; T;o; ;I" auto; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"background; T;o; ;I"transparent; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"min-width; T;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I"li; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"li; T;=0; i;3I"; T;40;5o;6;7{; i;3@ ; i;3@ ;[ o;* ;+[I"a; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"a; T;=0; i;3I"; T;40;5o;6;7{; i;3@$ ; i;3@$ ;[ o;8 ;[I" color; T;o;& ;I"topbar-dropdown-link-color; T;'I"topbar_dropdown_link_color; T; i; @ ;,i;9;:;[; i; @ o;8 ;[I"line-height; T;o; ;I"1; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"white-space; T;o; ;I" nowrap; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" padding; T;o;> ;[o; ;i ;[I"px; T;[; i;I"7px; F; @ o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;Ao; ;i;[;@; i;I"3; F; @ ;B;C; i; @ ;D;E; i; @ ;,i;9;:;[; i; @ o;8 ;[I"background; T;o; ;I" lighten; T;[o;& ;I"topbar-bg; T;'I"topbar_bg; T; i; @ o; ;i ;[I"%; T;[; i;I"5%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ o;* ;+[I" label; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I" label; T;=0; i;3I"; T;40;5o;6;7{; i;3@i ; i;3@i ;[o;8 ;[I"white-space; T;o; ;I" nowrap; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"background; T;o; ;I" lighten; T;[o;& ;I"topbar-bg; T;'I"topbar_bg; T; i; @ o; ;i ;[I"%; T;[; i;I"5%; F; @ ;{;0; i; @ ;,i;9;:;[; i; @ ; i;;T; @ o; ;[I"!/* Second Level Dropdowns */; T; ; ;[; i; @ o;* ;+[I".dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" dropdown; T; i;3I"; T;40;5o;6;7{; i;3@ ; i;3@ ;[o;8 ;[o;& ;I"default-float; T;'I"default_float; T; i; @ ;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"top; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ ; i;;T; @ o;* ;+[I"& > ul > .divider; T;,i;-o;.;/[o;0;/[ o;1 ;/[o;F; i;3I"; T;40;5o;6;7{; i;3@ I">; To;1 ;/[o;< ;[I"ul; T;=0; i;3@ ;40;5o;6;7{; i;3@ I">; To;1 ;/[o;2;[I" divider; T; i;3@ ;40;5o;6;7{; i;3@ ; i;3@ ;[ o;8 ;[I"border-bottom; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I"border-top; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" border-; To;& ;I"default-opposite; T;'I"default_opposite; T; i; @ ;o;> ;[o; ;I" solid; T; ;!; i; @ o; ;i;[I"px; T;[; i;I"1px; F; @ o; ;I" lighten; T;[o;& ;I"topbar-bg; T;'I"topbar_bg; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;D;E; i; @ ;,i;9;:;[; i; @ o;8 ;[I" border-; To;& ;I"default-float; T;'I"default_float; T; i; @ ;o;> ;[o; ;I" solid; T; ;!; i; @ o; ;i;[I"px; T;[; i;I"1px; F; @ o; ;I" darken; T;[o;& ;I"topbar-bg; T;'I"topbar_bg; T; i; @ o; ;i;[I"%; T;[; i;I"10%; F; @ ;{;0; i; @ ;D;E; i; @ ;,i;9;:;[; i; @ o;8 ;[I" clear; T;o; ;I" none; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;,i;9;:;[; i; @ o;8 ;[I" width; T;o; ;I"0px; T; ;!; @ ;,i;9;:;[; i; @ ; i;;T; @ o;* ;+[I".has-form; T;,i;-o;.;/[o;0;/[o;1 ;/[o;2;[I" has-form; T; i;3I"; T;40;5o;6;7{; i;3@&; i;3@&;[o;8 ;[I"background; T;o;& ;I"topbar-bg; T;'I"topbar_bg; T; i; @ ;,i;9;:;[; i; @ o;8 ;[I" padding; T;o;> ;[o; ;i;[;@; i;I"0; F; @ o;? ;@o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;Ao; ;i;[;@; i;I"3; F; @ ;B;C; i; @ ;D;E; i; @ ;,i;9;:;[; i; @ o;8 ;[I" height; T;o;& ;I"topbar-height; T;'I"topbar_height; T; i; @ ;,i;9;:;[; i; @ ; i;;T; @ o; ;[I"*/* Position overrides for ul.right */; T; ; ;[; i; @ o;* ;+[I" ul.right; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"ul; T;=0; i;3I"; To;2;[I" right; T; i;3@X;40;5o;6;7{; i;3@X; i;3@X;[o;* ;+[I"li .dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"li; T;=0; i;3I"; T;40;5o;6;7{; i;3@ko;1 ;/[o;2;[I" dropdown; T; i;3@k;40;5o;6;7{; i;3@k; i;3@k;[o;8 ;[I" left; T;o; ;I" auto; T; ;!; @ ;,i;9;:;[; i; @ o;8 ;[I" right; T;o; ;I"0; T; ;!; @ ;,i;9;:;[; i; @ o;* ;+[I"li .dropdown; T;,i;-o;.;/[o;0;/[o;1 ;/[o;< ;[I"li; T;=0; i;3I"; T;40;5o;6;7{; i;3@o;1 ;/[o;2;[I" dropdown; T; i;3@;40;5o;6;7{; i;3@; i;3@;[o;8 ;[I" right; T;o; ;I" 100%; T; ;!; @ ;,i;9;:;[; i; @ ; i;;T; @ ; i;;T; @ ; i;;T; @ ; iX;;T; @ ; iB;;T; @ :@templateI"+// // Top Bar Variables // // Background color for the top bar $topbar-bg: #111 !default; // Height and margin $topbar-height: 45px !default; $topbar-margin-bottom: emCalc(30px) !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: emCalc(17px) !default; // Set the link colors and styles for top-level nav $topbar-link-color: #fff !default; $topbar-link-weight: bold !default; $topbar-link-font-size: emCalc(13px) !default; // Style the top bar dropdown elements $topbar-dropdown-bg: #333 !default; $topbar-dropdown-link-color: #fff !default; $topbar-dropdown-toggle-size: 5px !default; $topbar-dropdown-toggle-color: #fff !default; $topbar-dropdown-toggle-alpha: 0.5 !default; $dropdown-label-color: #555 !default; // Top menu icon styles $topbar-menu-link-transform: uppercase !default; $topbar-menu-link-font-size: emCalc(13px) !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; $topbar-breakpoint: emCalc(940px) !default; // Change to 9999px for always mobile layout $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !default; /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: $topbar-bg; } // Wrapped around .top-bar to make it fixed at the top .fixed { width: 100%; #{$default-float}: 0; position: fixed; top: 0; z-index: 99; } .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; } .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; #{$default-opposite}: 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 { #{$default-opposite}: $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; #{$default-opposite}: 0; display: block; width: 16px; height: 0; // Shh, don't tell, but box-shadows create the menu icon :) -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 :) -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 { border-bottom: solid 1px lighten($topbar-dropdown-bg, 10%); border-top: solid 1px darken($topbar-dropdown-bg, 10%); 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; &:hover { background: darken($topbar-dropdown-bg, 3%); } &.button { background: $primary-color; font-size: $topbar-link-font-size; &: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 active link color when it has that class &.active a { background: darken($topbar-dropdown-bg, 3%); } } // 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 { @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float); margin-#{$default-opposite}: $topbar-height / 3; margin-top: -($topbar-dropdown-toggle-size / 2) - 2; position: absolute; top: 50%; #{$default-opposite}: 0; } } &.moved { position: static; & > .dropdown { visibility: visible; } } } // Styling elements inside of dropdowns .dropdown { position: absolute; #{$default-float}: 100%; top: 0; visibility: hidden; z-index: 99; li { width: 100%; a { font-weight: normal; padding: 8px $topbar-height / 3; } &.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: uppercase; color: $dropdown-label-color; font-weight: bold; font-size: emCalc(10px); } } } // 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: emCalc(14px); 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; } .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 { a:not(.button) { padding: 0 $topbar-height / 3; line-height: $topbar-height; background: $topbar-bg; &:hover { background: darken($topbar-dropdown-bg, 30%); } } } .has-dropdown { & > a { padding-#{$default-opposite}: $topbar-dropdown-toggle-size * 7 !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); } } &.moved { position: relative; & > .dropdown { visibility: hidden; } } &:hover, &:active { & > .dropdown { visibility: visible; } } .dropdown li.has-dropdown { & > a { &:after { border: none; content: "\00bb"; margin-top: -7px; #{$default-opposite}: 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: lighten($topbar-bg, 5%); } label { white-space: nowrap; background: lighten($topbar-bg, 5%); } // Second Level Dropdowns .dropdown { #{$default-float}: 100%; top: 0; } } } & > ul > .divider { border-bottom: none; border-top: none; border-#{$default-opposite}: solid 1px lighten($topbar-bg, 10%); border-#{$default-float}: solid 1px darken($topbar-bg, 10%); clear: none; height: $topbar-height; width: 0px; } .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%; } } } } } ; T; i;;T; @