{: versionI"3.4.21 (Selective Steve):EF:shaI"-2ae5a2f8e6317363644690568627515956c82c50;F: contents">o:Sass::Tree::RootNode :@children[o:Sass::Tree::VariableNode : @nameI"promo-color:ET: @expro: Sass::Script::Tree::Literal : @valueo:Sass::Script::Value::Color ; 0: @attrs{ :redi: greeni^: bluei^: alphai:@representationI" #cc5959; T: @options{: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i: @fileI"u/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss; T:@importero:Sass::Rails::SassImporter: @rootI"F/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets; F:@real_rootI"F/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets; F:@same_name_warningso:Set: @hash{:@filename@: @guarded0: @global0;[;i;o; ;o;;i;i;o;;i;i;@;@;@ o; ;I"header_height; T; o; ; o: Sass::Script::Value::Number ; i7:@numerator_units[I"px; T:@denominator_units[;@ :@originalI" 50px; F;i;o; ;o;;i;i;o;;i;i;@;@;$@;%0;&0;[;i;o; ;o;;i;i;o;;i;i;@;@;@ o:Sass::Tree::RuleNode: @rule[I".promo_banner; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;/[o:#Sass::Selector::SimpleSequence ;/[o:Sass::Selector::Class;I"promo_banner; T;i ;$0: @subject0: @sourceso;";#{;o; ;o;;i;i;o;;i;i;0;0;i ;$0;i ;i ;$0:@selector_source_rangeo; ;o;;i ;i;o;;i ;i;@;@: @tabsi;[o:Sass::Tree::PropNode;[I" position; T; o; ; o: Sass::Script::Value::String ; I" relative; T: @type:identifier:"@deprecated_interp_equivalent0;@ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;6i:@prop_syntax:new;[;i ;o; ;o;;i ;i;o;;i ;i;@;@:@name_source_rangeo; ;@I;o;;i ;i;@;@:@value_source_rangeo; ;o;;i ;i;@J;@;@;@ o;7;[I" z-index; T; o:"Sass::Script::Tree::Operation :@operand1o:!Sass::Script::Tree::Variable ;I"zindex-navbar; T:@underscored_nameI"zindex_navbar; T;i ;o; ;o;;i ;i;o;;i ;i;@;@;$@;@ :@operand2o; ; o;' ; i;([;)[;@ ;*I"1; F;i ;o; ;o;;i ;i";o;;i ;i#;@;@;$@:@operator: minus;i ;o; ;@W;o;;i ;i#;@;@;$@;@ ;6i;<;=;[;i ;o; ;o;;i ;i;o;;i ;i#;@;@;>o; ;@e;o;;i ;i;@;@;?o; ;o;;i ;i;@f;@;@;@ o:Sass::Tree::CommentNode ; [I"?/* make sure this appears 'above' heroes but behind nav */; T;9: silent;[;i ;o; ;o;;i ;i%;o;;i ;i\;@;@;@ o;7;[I"margin-top; T; o;B ;I"header_height; T;CI"header_height; T;i ;o; ;o;;i ;i;o;;i ;i";@;@;$@;@ ;6i;<;=;[;i ;o; ;o;;i ;i;o;;i ;i";@;@;>o; ;@};o;;i ;i;@;@;?o; ;o;;i ;i;@~;@;@;@ o;G ; [I"D/* specifcally for implementation 'between' fixed nav & hero */; T;9;H;[;i ;o; ;o;;i ;i$;o;;i ;i`;@;@;@ o;7;[I"padding-top; T; o; ; o;8 ; I"5px; T;9;:;;0;@ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;6i;<;=;[;i ;o; ;o;;i ;i;o;;i ;i;@;@;>o; ;@;o;;i ;i;@;@;?o; ;o;;i ;i;@;@;@;@ o;7;[I"padding-bottom; T; o; ; o;8 ; I"5px; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;6i;<;=;[;i;o; ;o;;i;i;o;;i;i;@;@;>o; ;@;o;;i;i;@;@;?o; ;o;;i;i;@;@;@;@ o;7;[I"background-color; T; o;B ;I"promo-color; T;CI"promo_color; T;i;o; ;o;;i;i;o;;i;i&;@;@;$@;@ ;6i;<;=;[;i;o; ;o;;i;i;o;;i;i&;@;@;>o; ;@;o;;i;i;@;@;?o; ;o;;i;i;@;@;@;@ o:Sass::Tree::MixinNode;I"box-shadow; T: @args[ o: Sass::Script::Tree::Funcall;I" lighten; T;J[o;B ;I"color-gray-800; T;CI"color_gray_800; T;i;o; ;o;;i;i$;o;;i;i3;@;@;$@;@ o; ; o;' ; i#;([I"%; T;)[;@ ;*I"30%; F;i;o; ;o;;i;i5;o;;i;i8;@;@;$@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;i;o; ;o;;i;i;o;;i;i9;@;@;$@;@ o; ; o;' ; i;([;)@\;@ ;*I"0; F;i;o; ;o;;i;i;;o;;i;i<;@;@;$@o; ; o;' ; i;([I"px; T;)[;@ ;*I"2px; F;i;o; ;o;;i;i>;o;;i;iA;@;@;$@o; ; o;' ; i ;([I"px; T;)[;@ ;*I"4px; F;i;o; ;o;;i;iC;o;;i;iF;@;@;$@;Lo;M;N{;O{;P0;Q0;[;i;o; ;o;;i;i;o;;i;iG;@;@;@ o:Sass::Tree::MediaNode : @query[ I"(; To; ; o;8 ; I"min-width; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;$@I": ; To;B ;I"screen-md-min; T;CI"screen_md_min; T;i;o; ;o;;i;i;o;;i;i);@;@;$@;@ I"); T; I"; T;6i;[o;7;[I"padding-top; T; o; ; o;8 ; I" 10px; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;6i;<;=;[;i;o; ;o;;i;i ;o;;i;i;@;@;>o; ;@;o;;i;i;@;@;?o; ;o;;i;i;@;@;@;@ o;7;[I"padding-bottom; T; o; ; o;8 ; I" 10px; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;6i;<;=;[;i;o; ;o;;i;i ;o;;i;i;@;@;>o; ;@";o;;i;i;@;@;?o; ;o;;i;i;@#;@;@;@ ;i;o; ;o;;i;i;o;;i;i+;@;@:@has_childrenT;@ o;+;,[I".page-title; T;-o;.;/[o;0;/[o;1 ;/[o;2;I"page-title; T;i;$0;30;4o;";#{;o; ;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;5o; ;o;;i;i;o;;i;i;@;@;6i;[ o;7;[I" display; T; o; ; o;8 ; I"inline-block; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;6i;<;=;[;i;o; ;o;;i;i ;o;;i;i;@;@;>o; ;@J;o;;i;i;@;@;?o; ;o;;i;i;@K;@;@;@ o;7;[I"margin-top; T; o; ; o;8 ; I" 10px; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;6i;<;=;[;i;o; ;o;;i;i ;o;;i;i;@;@;>o; ;@[;o;;i;i;@;@;?o; ;o;;i;i;@\;@;@;@ o:Sass::Tree::ExtendNode :@selector[I"%text-shadow; T:@optionalF;5o; ;o;;i;i;o;;i;i;@;@;[;i;o; ;o;;i;i ;o;;i;i;@;@;@ o;R ;S[ I"(; To; ; o;8 ; I"min-width; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;$@I": ; To;B ;I"screen-md-min; T;CI"screen_md_min; T;i;o; ;o;;i;i;o;;i;i+;@;@;$@;@ I"); T; I"; T;6i;[o;7;[I"margin-top; T; o; ; o;8 ; I"5px; T;9;:;;0;@ ;i;o; ;o;;i;i;o;;i;i;@;@;6i;<;=;[;i;o; ;o;;i;i ;o;;i;i;@;@;>o; ;@;o;;i;i;@;@;?o; ;o;;i;i;@;@;@;@ ;i;o; ;o;;i;i ;o;;i;i-;@;@;TT;@ ;i;o; ;@<;o;;i;i;@;@;TT;@ o;+;,[I".btn-promo; T;-o;.;/[o;0;/[o;1 ;/[o;2;I"btn-promo; T;i;$0;30;4o;";#{;o; ;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;5o; ;o;;i;i;o;;i;i;@;@;6i;[ o;7;[I" color; T; o;K;I" color; T;J[o; ; o;8 ; I" white; T;9: string;;0;@ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;$@;Lo;M;N{;O{;P0;Q0;i ;o; ;o;;i ;i;o;;i ;i;@;@;$@;@ ;6i;<;=;[;i ;o; ;o;;i ;i ;o;;i ;i;@;@;>o; ;@;o;;i ;i;@;@;?o; ;o;;i ;i;@;@;@;@ o;7;[I"background-color; T; o; ; o;8 ; I"transparent; T;9;:;;0;@ ;i!;o; ;o;;i!;i;o;;i!;i';@;@;6i;<;=;[;i!;o; ;o;;i!;i ;o;;i!;i';@;@;>o; ;@;o;;i!;i;@;@;?o; ;o;;i!;i;@;@;@;@ o;7;[I" border; T; o:$Sass::Script::Tree::ListLiteral :@elements[o; ; o;' ; i;([I"px; T;)[;@ ;*I"1px; F;i";o; ;o;;i";i;o;;i";i;@;@;$@o; ; o;8 ; I" solid; T;9;:;;0;@ ;i";o; ;o;;i";i;o;;i";i;@;@;$@o;K;I" color; T;J[o; ; o;8 ; I" white; T;9;X;;0;@ ;i";o; ;o;;i";i";o;;i";i);@;@;$@;Lo;M;N{;O{;P0;Q0;i";o; ;o;;i";i;o;;i";i*;@;@;$@;@ :@separator: space;i";o; ;o;;i";i;o;;i";i*;@;@;$@;@ ;6i;<;=;[;i";o; ;o;;i";i ;o;;i";i*;@;@;>o; ;@;o;;i";i;@;@;?o; ;o;;i";i;@;@;@;@ o;7;[I"box-shadow; T; o; ; o;8 ; I" none; T;9;:;;0;@ ;i#;o; ;o;;i#;i;o;;i#;i;@;@;6i;<;=;[;i#;o; ;o;;i#;i ;o;;i#;i;@;@;>o; ;@ ;o;;i#;i;@;@;?o; ;o;;i#;i;@ ;@;@;@ o;+;,[I";&:hover, &:focus, &:active, &:active:focus; T;-o;.;/[ o;0;/[o;1 ;/[o:Sass::Selector::Parent: @suffix0;i%;$0o:Sass::Selector::Pseudo :@syntactic_type: class;I" hover; T: @arg0;V0;i%;$0;30;4o;";#{;o; ;o;;i;i;o;;i;i ;0;0;i%;$0;i%o;0;/[I" ; To;1 ;/[o;];^0;i%;$0o;_ ;`;a;I" focus; T;b0;V0;i%;$0;30;4o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i%;$0;i%o;0;/[I" ; To;1 ;/[o;];^0;i%;$0o;_ ;`;a;I" active; T;b0;V0;i%;$0;30;4o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i%;$0;i%o;0;/[I" ; To;1 ;/[o;];^0;i%;$0o;_ ;`;a;I" active; T;b0;V0;i%;$0o;_ ;`;a;I" focus; T;b0;V0;i%;$0;30;4o;";#{;o; ;o;;i ;i ;o;;i ;i;0;0;i%;$0;i%;i%;$0;5o; ;o;;i%;i ;o;;i(;i;@;@;6i;[o;7;[I"background-color; T; o; ; o;8 ; I"transparent; T;9;:;;0;@ ;i);o; ;o;;i);i;o;;i);i);@;@;6i;<;=;[;i);o; ;o;;i);i ;o;;i);i);@;@;>o; ;@[;o;;i);i;@;@;?o; ;o;;i);i;@\;@;@;@ ;i%;o; ;@M;o;;i(;i;@;@;TT;@ o;R ;S[ I"(; To; ; o;8 ; I"min-width; T;9;:;;0;@ ;i+;o; ;o;;i+;i;o;;i+;i;@;@;$@I": ; To;B ;I"screen-sm-min; T;CI"screen_sm_min; T;i+;o; ;o;;i+;i;o;;i+;i+;@;@;$@;@ I"); T; I"; T;6i;[ o;7;[I" display; T; o; ; o;8 ; I"inline-block; T;9;:;;0;@ ;i,;o; ;o;;i,;i;o;;i,;i!;@;@;6i;<;=;[;i,;o; ;o;;i,;i ;o;;i,;i!;@;@;>o; ;@;o;;i,;i;@;@;?o; ;o;;i,;i;@;@;@;@ o;7;[I"margin-top; T; o; ; o;8 ; I" -2px; T;9;:;;0;@ ;i-;o; ;o;;i-;i;o;;i-;i;@;@;6i;<;=;[;i-;o; ;o;;i-;i ;o;;i-;i;@;@;>o; ;@;o;;i-;i;@;@;?o; ;o;;i-;i;@;@;@;@ o;7;[I"margin-left; T; o; ; o;8 ; I" 10px; T;9;:;;0;@ ;i.;o; ;o;;i.;i;o;;i.;i;@;@;6i;<;=;[;i.;o; ;o;;i.;i ;o;;i.;i;@;@;>o; ;@;o;;i.;i;@;@;?o; ;o;;i.;i;@;@;@;@ o;7;[I" color; T; o;B ;I"promo-color; T;CI"promo_color; T;i/;o; ;o;;i/;i;o;;i/;i;@;@;$@;@ ;6i;<;=;[;i/;o; ;o;;i/;i ;o;;i/;i;@;@;>o; ;@;o;;i/;i;@;@;?o; ;o;;i/;i;@;@;@;@ o;7;[I"background-color; T; o; ; o;8 ; I" white; T;9;:;;0;@ ;i0;o; ;o;;i0;i;o;;i0;i#;@;@;6i;<;=;[;i0;o; ;o;;i0;i ;o;;i0;i#;@;@;>o; ;@;o;;i0;i;@;@;?o; ;o;;i0;i;@;@;@;@ o;7;[I"border-color; T; o;K;I" darken; T;J[o;B ;I"promo-color; T;CI"promo_color; T;i1;o; ;o;;i1;i!;o;;i1;i-;@;@;$@;@ o; ; o;' ; i ;([I"%; T;)[;@ ;*I"8%; F;i1;o; ;o;;i1;i/;o;;i1;i1;@;@;$@;Lo;M;N{;O{;P0;Q0;i1;o; ;o;;i1;i;o;;i1;i2;@;@;$@;@ ;6i;<;=;[;i1;o; ;o;;i1;i ;o;;i1;i2;@;@;>o; ;@;o;;i1;i;@;@;?o; ;o;;i1;i;@;@;@;@ o;7;[I"border-width; T; o; ; o;8 ; I"1px; T;9;:;;0;@ ;i2;o; ;o;;i2;i;o;;i2;i;@;@;6i;<;=;[;i2;o; ;o;;i2;i ;o;;i2;i;@;@;>o; ;@;o;;i2;i;@;@;?o; ;o;;i2;i;@;@;@;@ o;+;,[I"A&:hover, &:focus, &:active, &:active:focus; T;-o;.;/[ o;0;/[o;1 ;/[o;];^0;i4;$0o;_ ;`;a;I" hover; T;b0;V0;i4;$0;30;4o;";#{;o; ;o;;i;i;o;;i;i ;0;0;i4;$0;i4o;0;/[I" ; To;1 ;/[o;];^0;i4;$0o;_ ;`;a;I" focus; T;b0;V0;i4;$0;30;4o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i4;$0;i4o;0;/[I" ; To;1 ;/[o;];^0;i4;$0o;_ ;`;a;I" active; T;b0;V0;i4;$0;30;4o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i4;$0;i4o;0;/[I" ; To;1 ;/[o;];^0;i4;$0o;_ ;`;a;I" active; T;b0;V0;i4;$0o;_ ;`;a;I" focus; T;b0;V0;i4;$0;30;4o;";#{;o; ;o;;i ;i ;o;;i ;i;0;0;i4;$0;i4;i4;$0;5o; ;o;;i4;i ;o;;i7;i;@;@;6i;[o;7;[I"background-color; T; o;K;I" lighten; T;J[o;B ;I"promo-color; T;CI"promo_color; T;i8;o; ;o;;i8;i(;o;;i8;i4;@;@;$@;@ o; ; o;' ; i*;([I"%; T;)[;@ ;*I"37%; F;i8;o; ;o;;i8;i6;o;;i8;i9;@;@;$@;Lo;M;N{;O{;P0;Q0;i8;o; ;o;;i8;i ;o;;i8;i:;@;@;$@;@ ;6i;<;=;[;i8;o; ;o;;i8;i;o;;i8;i:;@;@;>o; ;@Z;o;;i8;i;@;@;?o; ;o;;i8;i ;@[;@;@;@ ;i4;o; ;@:;o;;i7;i;@;@;TT;@ ;i+;o; ;o;;i+;i ;o;;i+;i-;@;@;TT;@ o;R ;S[ I"(; To; ; o;8 ; I"min-width; T;9;:;;0;@ ;i;;o; ;o;;i;;i;o;;i;;i;@;@;$@I": ; To;B ;I"screen-md-min; T;CI"screen_md_min; T;i;;o; ;o;;i;;i;o;;i;;i+;@;@;$@;@ I"); T; I"; T;6i;[o;7;[I"margin-top; T; o; ; o;8 ; I" -5px; T;9;:;;0;@ ;i<;o; ;o;;i<;i;o;;i<;i;@;@;6i;<;=;[;i<;o; ;o;;i<;i ;o;;i<;i;@;@;>o; ;@;o;;i<;i;@;@;?o; ;o;;i<;i;@;@;@;@ ;i;;o; ;o;;i;;i ;o;;i;;i-;@;@;TT;@ ;i;o; ;@;o;;i;i;@;@;TT;@ o;+;,[I".btn-action-icon; T;-o;.;/[o;0;/[o;1 ;/[o;2;I"btn-action-icon; T;i?;$0;30;4o;";#{;o; ;o;;i;i;o;;i;i;0;0;i?;$0;i?;i?;$0;5o; ;o;;i?;i;o;;i?;i;@;@;6i;[o;R ;S[ I"(; To; ; o;8 ; I"min-width; T;9;:;;0;@ ;i@;o; ;o;;i@;i;o;;i@;i;@;@;$@I": ; To;B ;I"screen-sm-min; T;CI"screen_sm_min; T;i@;o; ;o;;i@;i;o;;i@;i+;@;@;$@;@ I"); T; I"; T;6i;[o;7;[I" color; T; o;K;I" darken; T;J[o;B ;I"promo-color; T;CI"promo_color; T;iA;o; ;o;;iA;i;o;;iA;i&;@;@;$@;@ o; ; o;' ; i ;([I"%; T;)[;@ ;*I"8%; F;iA;o; ;o;;iA;i(;o;;iA;i*;@;@;$@;Lo;M;N{;O{;P0;Q0;iA;o; ;o;;iA;i;o;;iA;i+;@;@;$@;@ ;6i;<;=;[;iA;o; ;o;;iA;i ;o;;iA;i+;@;@;>o; ;@;o;;iA;i;@;@;?o; ;o;;iA;i;@;@;@;@ ;i@;o; ;o;;i@;i ;o;;i@;i-;@;@;TT;@ ;i?;o; ;@;o;;i?;i;@;@;TT;@ ;i ;o; ;@;;o;;i ;i;@;@;TT;@ :@templateI"$promo-color: #cc5959; $header_height: 50px; .promo_banner { position: relative; z-index: $zindex-navbar - 1; // make sure this appears 'above' heroes but behind nav margin-top: $header_height; // specifcally for implementation 'between' fixed nav & hero padding-top: 5px; padding-bottom: 5px; background-color: $promo-color; @include box-shadow(lighten($color-gray-800, 30%), 0, 2px, 4px); @media (min-width: $screen-md-min) { padding-top: 10px; padding-bottom: 10px; } .page-title { display: inline-block; margin-top: 10px; @extend %text-shadow; @media (min-width: $screen-md-min) { margin-top: 5px; } } .btn-promo { color: color('white'); background-color: transparent; border: 1px solid color('white'); box-shadow: none; &:hover, &:focus, &:active, &:active:focus { background-color: transparent; } @media (min-width: $screen-sm-min) { display: inline-block; margin-top: -2px; margin-left: 10px; color: $promo-color; background-color: white; border-color: darken($promo-color, 8%); border-width: 1px; &:hover, &:focus, &:active, &:active:focus { background-color: lighten($promo-color, 37%); } } @media (min-width: $screen-md-min) { margin-top: -5px; } } .btn-action-icon { @media (min-width: $screen-sm-min) { color: darken($promo-color, 8%); } } } ; T;i;o; ;o;;i;i;o;;i;i;@;@;TT;@