3.2.13 (Media Mark) 6750f51ee47293abc78010b010c8b002ce8ee6bc o:Sass::Tree::RootNode : @linei:@has_childrenT:@template"header.navigation { $navigation-background: $dark-gray; $navigation-color: white; $navigation-height: 60px; $navigation-nav-button-background: $navigation-background; $navigation-nav-button-background-hover: lighten($navigation-background, 10); $navigation-nav-button-border: 1px solid lighten($navigation-nav-button-background, 20); width: 100%; margin: 0; height: $navigation-height; background-color: $navigation-background; font-family: $sans-serif; border-bottom: 1px solid $dark-gray; z-index: 999; margin-bottom: $base-line-height; .menu-wrapper { @include outer-container; } .logo { line-height: $navigation-height; padding-right: 1.35em; padding-left: 1em; font-weight: bold; float: left; color: white; @include media($medium-screen) { padding-left: 1em; } } p { font-family: $sans-serif; font-weight: 700; text-transform: uppercase; cursor: pointer; padding-right: 1em; display: block; float: right; margin: 0; line-height: $navigation-height; color: $navigation-color; } .nav { ul { display: none; -webkit-transform-style: preserve-3d; // stop webkit flicker overflow: hidden; margin: 0 auto; padding: 0; width: 100%; z-index: 9999; li { position: relative; overflow: hidden; display: block; width: 100%; text-align: right; padding-right: 1em; line-height: $navigation-height; width: 100%; position: relative; display: block; z-index: 99999999; overflow: hidden; background-color: $navigation-background; a { text-transform: uppercase; font-weight: bold; color: white; } } } } ul.nav-button { display: none; float: right; background-color: $navigation-background; padding: 0 1em 0 1em; width: 100%; list-style: none; li { float: right; a { display: inline; line-height: $navigation-height; font-family: $sans-serif; font-weight: 700; text-transform: uppercase; color: white; padding: 1em 1.5em; background-color: $navigation-nav-button-background; border: $navigation-nav-button-border; border-radius: $base-border-radius; font-size: $base-font-size *.8; @include transition(ease-in-out, .2s); &:hover { background-color: $navigation-nav-button-background-hover; } } } li:first-child:before { content: ''; } } @include media ($medium-screen) { p { display: none; } .nav { float: left; ul { float: left; display: inline; margin: 0; padding: 0; li { display: inline; text-decoration: none; line-height: $navigation-height; padding-right: 2em; a { color: $navigation-color; letter-spacing: 1px; &:hover { color: lighten($navigation-color, 15); } } } } } ul.nav-button { float: right; display: inline; width: auto; background-color: transparent; li { display: inline; &:before { content: "•"; color: $navigation-color; margin-right: .3em; } } li:first-child:before { content: ''; } } } } :@children[o:Sass::Tree::RuleNode ;i:@parsed_ruleso:"Sass::Selector::CommaSequence;i: @members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ;i: @sourceso:Set: @hash{: @subject0; [o:Sass::Selector::Element ;i: @name[" header:@namespace0:@filename"o:Sass::Selector::Class;i;["navigation;@;@;@;T: @tabsi; [o:Sass::Tree::VariableNode : @expro:Sass::Script::Variable ;i;"dark-gray:@underscored_name"dark_gray: @options{;i;"navigation-background; [: @guarded0;@o; ;o:Sass::Script::Color ;i: @attrs{ :redi: alphai: greeni: bluei: @value0;@;i;"navigation-color; [;0;@o; ;o:Sass::Script::Number ;i :@numerator_units["px:@original" 60px;&iA:@denominator_units[;@;i ;"navigation-height; [;0;@o; ;o; ;i ;"navigation-background;"navigation_background;@;i ;"%navigation-nav-button-background; [;0;@o; ;o:Sass::Script::Funcall ;i ;" lighten: @splat0;@:@keywords{: @args[o; ;i ;"navigation-background;"navigation_background;@o;' ;i ;([;)"10;&i;*[;@;i ;"+navigation-nav-button-background-hover; [;0;@o; ;o:Sass::Script::List ;i :@separator: space;&[o;' ;i ;(["px;)"1px;&i;*[;@o:Sass::Script::String ;i : @type:identifier;&" solid;@o;+ ;i ;" lighten;,0;@;-{;.[o; ;i ;"%navigation-nav-button-background;"%navigation_nav_button_background;@o;' ;i ;([;)"20;&i;*@>;@;@;i ;"!navigation-nav-button-border; [;0;@o:Sass::Tree::PropNode ;i;[" width:@prop_syntax:new;i; [;&o;2;3;4;&" 100%;@;@o;5 ;i;[" margin;6;7;i; [;&o;2;3;4;&"0;@;@o;5 ;i;[" height;6;7;i; [;&o; ;i;"navigation-height;"navigation_height;@;@o;5 ;i;["background-color;6;7;i; [;&o; ;i;"navigation-background;"navigation_background;@;@o;5 ;i;["font-family;6;7;i; [;&o; ;i;"sans-serif;"sans_serif;@;@o;5 ;i;["border-bottom;6;7;i; [;&o;/ ;i;0;1;&[o;' ;i;(["px;)"1px;&i;*[;@o;2 ;i;3;4;&" solid;@o; ;i;"dark-gray;"dark_gray;@;@;@o;5 ;i;[" z-index;6;7;i; [;&o;2;3;4;&"999;@;@o;5 ;i;["margin-bottom;6;7;i; [;&o; ;i;"base-line-height;"base_line_height;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o;;i;["menu-wrapper;";@;@;T;i; [o:Sass::Tree::MixinNode ;i;"outer-container;,0; [;@;-{;.[;@: @rule[".menu-wrappero; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o;;i;[" logo;";@;@;T;i; [ o;5 ;i;["line-height;6;7;i; [;&o; ;i;"navigation-height;"navigation_height;@;@o;5 ;i;["padding-right;6;7;i; [;&o;2;3;4;&" 1.35em;@;@o;5 ;i;["padding-left;6;7;i; [;&o;2;3;4;&"1em;@;@o;5 ;i;["font-weight;6;7;i; [;&o;2;3;4;&" bold;@;@o;5 ;i ;[" float;6;7;i; [;&o;2;3;4;&" left;@;@o;5 ;i!;[" color;6;7;i; [;&o;2;3;4;&" white;@;@o;8 ;i";" media;T;,0; [o;5 ;i#;["padding-left;6;7;i; [;&o;2;3;4;&"1em;@;@;@;-{;.[o; ;i";"medium-screen;"medium_screen;@;@;9[" .logoo; ;i'; o; ;i'; [o;; [o; ;i';o;;{;0; [o; ;i';["p;0;";@;@;T;i; [o;5 ;i(;["font-family;6;7;i; [;&o; ;i(;"sans-serif;"sans_serif;@;@o;5 ;i);["font-weight;6;7;i; [;&o;2;3;4;&"700;@;@o;5 ;i*;["text-transform;6;7;i; [;&o;2;3;4;&"uppercase;@;@o;5 ;i+;[" cursor;6;7;i; [;&o;2;3;4;&" pointer;@;@o;5 ;i,;["padding-right;6;7;i; [;&o;2;3;4;&"1em;@;@o;5 ;i-;[" display;6;7;i; [;&o;2;3;4;&" block;@;@o;5 ;i.;[" float;6;7;i; [;&o;2;3;4;&" right;@;@o;5 ;i/;[" margin;6;7;i; [;&o;2;3;4;&"0;@;@o;5 ;i0;["line-height;6;7;i; [;&o; ;i0;"navigation-height;"navigation_height;@;@o;5 ;i1;[" color;6;7;i; [;&o; ;i1;"navigation-color;"navigation_color;@;@;@;9["po; ;i4; o; ;i4; [o;; [o; ;i4;o;;{;0; [o;;i4;["nav;";@C;@C;T;i; [o; ;i5; o; ;i5; [o;; [o; ;i5;o;;{;0; [o; ;i5;["ul;0;";@Q;@Q;T;i; [o;5 ;i6;[" display;6;7;i; [;&o;2;3;4;&" none;@;@o;5 ;i7;["-webkit-transform-style;6;7;i; [;&o;2;3;4;&"preserve-3d;@;@o:Sass::Tree::CommentNode ;i7;3: silent; [;&["/* stop webkit flicker */;@o;5 ;i8;[" overflow;6;7;i; [;&o;2;3;4;&" hidden;@;@o;5 ;i9;[" margin;6;7;i; [;&o;2;3;4;&" 0 auto;@;@o;5 ;i:;[" padding;6;7;i; [;&o;2;3;4;&"0;@;@o;5 ;i;;[" width;6;7;i; [;&o;2;3;4;&" 100%;@;@o;5 ;i<;[" z-index;6;7;i; [;&o;2;3;4;&" 9999;@;@o; ;i>; o; ;i>; [o;; [o; ;i>;o;;{;0; [o; ;i>;["li;0;";@;@;T;i; [o;5 ;i?;[" position;6;7;i; [;&o;2;3;4;&" relative;@;@o;5 ;i@;[" overflow;6;7;i; [;&o;2;3;4;&" hidden;@;@o;5 ;iA;[" display;6;7;i; [;&o;2;3;4;&" block;@;@o;5 ;iB;[" width;6;7;i; [;&o;2;3;4;&" 100%;@;@o;5 ;iC;["text-align;6;7;i; [;&o;2;3;4;&" right;@;@o;5 ;iD;["padding-right;6;7;i; [;&o;2;3;4;&"1em;@;@o;5 ;iE;["line-height;6;7;i; [;&o; ;iE;"navigation-height;"navigation_height;@;@o;5 ;iF;[" width;6;7;i; [;&o;2;3;4;&" 100%;@;@o;5 ;iG;[" position;6;7;i; [;&o;2;3;4;&" relative;@;@o;5 ;iH;[" display;6;7;i; [;&o;2;3;4;&" block;@;@o;5 ;iI;[" z-index;6;7;i; [;&o;2;3;4;&" 99999999;@;@o;5 ;iJ;[" overflow;6;7;i; [;&o;2;3;4;&" hidden;@;@o;5 ;iK;["background-color;6;7;i; [;&o; ;iK;"navigation-background;"navigation_background;@;@o; ;iM; o; ;iM; [o;; [o; ;iM;o;;{;0; [o; ;iM;["a;0;";@;@;T;i; [o;5 ;iN;["text-transform;6;7;i; [;&o;2;3;4;&"uppercase;@;@o;5 ;iO;["font-weight;6;7;i; [;&o;2;3;4;&" bold;@;@o;5 ;iP;[" color;6;7;i; [;&o;2;3;4;&" white;@;@;@;9["a;@;9["li;@;9["ul;@;9[" .navo; ;iV; o; ;iV; [o;; [o; ;iV;o;;{;0; [o; ;iV;["ul;0;"o;;iV;["nav-button;@;@;@;T;i; [ o;5 ;iW;[" display;6;7;i; [;&o;2;3;4;&" none;@;@o;5 ;iX;[" float;6;7;i; [;&o;2;3;4;&" right;@;@o;5 ;iY;["background-color;6;7;i; [;&o; ;iY;"navigation-background;"navigation_background;@;@o;5 ;iZ;[" padding;6;7;i; [;&o;2;3;4;&"0 1em 0 1em;@;@o;5 ;i[;[" width;6;7;i; [;&o;2;3;4;&" 100%;@;@o;5 ;i\;["list-style;6;7;i; [;&o;2;3;4;&" none;@;@o; ;i^; o; ;i^; [o;; [o; ;i^;o;;{;0; [o; ;i^;["li;0;";@I;@I;T;i; [o;5 ;i_;[" float;6;7;i; [;&o;2;3;4;&" right;@;@o; ;i`; o; ;i`; [o;; [o; ;i`;o;;{;0; [o; ;i`;["a;0;";@];@];T;i; [o;5 ;ia;[" display;6;7;i; [;&o;2;3;4;&" inline;@;@o;5 ;ib;["line-height;6;7;i; [;&o; ;ib;"navigation-height;"navigation_height;@;@o;5 ;ic;["font-family;6;7;i; [;&o; ;ic;"sans-serif;"sans_serif;@;@o;5 ;id;["font-weight;6;7;i; [;&o;2;3;4;&"700;@;@o;5 ;ie;["text-transform;6;7;i; [;&o;2;3;4;&"uppercase;@;@o;5 ;if;[" color;6;7;i; [;&o;2;3;4;&" white;@;@o;5 ;ig;[" padding;6;7;i; [;&o;2;3;4;&"1em 1.5em;@;@o;5 ;ih;["background-color;6;7;i; [;&o; ;ih;"%navigation-nav-button-background;"%navigation_nav_button_background;@;@o;5 ;ii;[" border;6;7;i; [;&o; ;ii;"!navigation-nav-button-border;"!navigation_nav_button_border;@;@o;5 ;ij;["border-radius;6;7;i; [;&o; ;ij;"base-border-radius;"base_border_radius;@;@o;5 ;ik;["font-size;6;7;i; [;&o:Sass::Script::Operation ;ik:@operand2o;' ;ik;([;)"0.8;&f0.80000000000000004;*@>;@:@operand1o; ;ik;"base-font-size;"base_font_size;@;@:@operator: times;@o;8 ;im;"transition;,0; [;@;-{;.[o;2 ;im;3;4;&"ease-in-out;@o;' ;im;(["s;)" 0.2s;&f0.20000000000000001;*[;@o; ;io; o; ;io; [o;; [o; ;io;o;;{;0; [o:Sass::Selector::Parent;io;"o:Sass::Selector::Pseudo ;io;[" hover: @arg0:@syntactic_type: class;@;@;@;T;i; [o;5 ;ip;["background-color;6;7;i; [;&o; ;ip;"+navigation-nav-button-background-hover;"+navigation_nav_button_background_hover;@;@;@;9[" &:hover;@;9["a;@;9["lio; ;iu; o; ;iu; [o;; [o; ;iu;o;;{;0; [o; ;iu;["li;0;"o;B ;iu;["first-child;C0;D;E;@o;B ;iu;[" before;C0;D;E;@;@;@;T;i; [o;5 ;iv;[" content;6;7;i; [;&o;2;3;4;&"'';@;@;@;9["li:first-child:before;@;9["ul.nav-buttono;8 ;iz;" media;T;,0; [o; ;i{; o; ;i{; [o;; [o; ;i{;o;;{;0; [o; ;i{;["p;0;";@;@;T;i; [o;5 ;i|;[" display;6;7;i; [;&o;2;3;4;&" none;@;@;@;9["po; ;i~; o; ;i~; [o;; [o; ;i~;o;;{;0; [o;;i~;["nav;";@;@;T;i; [o;5 ;i;[" float;6;7;i; [;&o;2;3;4;&" left;@;@o; ;i|; o; ;i|; [o;; [o; ;i|;o;;{;0; [o; ;i|;["ul;0;";@,;@,;T;i; [ o;5 ;i};[" float;6;7;i; [;&o;2;3;4;&" left;@;@o;5 ;i~;[" display;6;7;i; [;&o;2;3;4;&" inline;@;@o;5 ;i;[" margin;6;7;i; [;&o;2;3;4;&"0;@;@o;5 ;i;[" padding;6;7;i; [;&o;2;3;4;&"0;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o; ;i;["li;0;";@R;@R;T;i; [ o;5 ;i;[" display;6;7;i; [;&o;2;3;4;&" inline;@;@o;5 ;i;["text-decoration;6;7;i; [;&o;2;3;4;&" none;@;@o;5 ;i;["line-height;6;7;i; [;&o; ;i;"navigation-height;"navigation_height;@;@o;5 ;i;["padding-right;6;7;i; [;&o;2;3;4;&"2em;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o; ;i;["a;0;";@y;@y;T;i; [o;5 ;i;[" color;6;7;i; [;&o; ;i;"navigation-color;"navigation_color;@;@o;5 ;i;["letter-spacing;6;7;i; [;&o;2;3;4;&"1px;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o;A;i;"o;B ;i;[" hover;C0;D;E;@;@;@;T;i; [o;5 ;i;[" color;6;7;i; [;&o;+ ;i;" lighten;,0;@;-{;.[o; ;i;"navigation-color;"navigation_color;@o;' ;i;([;)"15;&i;*@>;@;@;@;9[" &:hover;@;9["a;@;9["li;@;9["ul;@;9[" .navo; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o; ;i;["ul;0;"o;;i;["nav-button;@;@;@;T;i; [ o;5 ;i;[" float;6;7;i; [;&o;2;3;4;&" right;@;@o;5 ;i;[" display;6;7;i; [;&o;2;3;4;&" inline;@;@o;5 ;i;[" width;6;7;i; [;&o;2;3;4;&" auto;@;@o;5 ;i;["background-color;6;7;i; [;&o;2;3;4;&"transparent;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o; ;i;["li;0;";@;@;T;i; [o;5 ;i;[" display;6;7;i; [;&o;2;3;4;&" inline;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o;A;i;"o;B ;i;[" before;C0;D;E;@;@;@;T;i; [o;5 ;i;[" content;6;7;i; [;&o;2;3;4;&" "•";@;@o;5 ;i;[" color;6;7;i; [;&o; ;i;"navigation-color;"navigation_color;@;@o;5 ;i;["margin-right;6;7;i; [;&o;2;3;4;&" .3em;@;@;@;9[" &:before;@;9["lio; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o; ;i;["li;0;"o;B ;i;["first-child;C0;D;E;@o;B ;i;[" before;C0;D;E;@;@;@;T;i; [o;5 ;i;[" content;6;7;i; [;&o;2;3;4;&"'';@;@;@;9["li:first-child:before;@;9["ul.nav-button;@;-{;.[o; ;iz;"medium-screen;"medium_screen;@;@;9["header.navigation;@