{: versionI"3.4.19 (Selective Steve):EF:shaI"-4415cca10bdbd49ae57ab0d0a907ebdf931c0bd6;F: contents"R=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"{/Users/nmcclay/Documents/git/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss; T:@importero:Sass::Rails::SassImporter: @rootI"L/Users/nmcclay/Documents/git/forever-style-guide/app/assets/stylesheets; F:@real_rootI"L/Users/nmcclay/Documents/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: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;@ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;2i:@prop_syntax:new;[;i ;o; ;o;;i ;i;o;;i ;i;@;@:@name_source_rangeo; ;@:;o;;i ;i;@;@:@value_source_rangeo; ;o;;i ;i;@;;@;@;@ o;3;[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: Sass::Script::Value::Number ; i:@numerator_units[:@denominator_units[:@originalI"1; F;@ ;i ;o; ;o;;i ;i";o;;i ;i#;@;@;$@:@operator: minus;i ;o; ;@H;o;;i ;i#;@;@;$@;@ ;2i;7;8;[;i ;o; ;o;;i ;i;o;;i ;i#;@;@;9o; ;@V;o;;i ;i;@;@;:o; ;o;;i ;i;@W;@;@;@ o:Sass::Tree::CommentNode ; [I"?/* make sure this appears 'above' heroes but behind nav */; T;5: silent;[;i ;@ o;3;[I"margin-top; T; o;= ;I"header_height; T;>I"header_height; T;i ;o; ;o;;i ;i;o;;i ;i";@;@;$@;@ ;2i;7;8;[;i ;o; ;o;;i ;i;o;;i ;i";@;@;9o; ;@k;o;;i ;i;@;@;:o; ;o;;i ;i;@l;@;@;@ o;F ; [I"D/* specifcally for implementation 'between' fixed nav & hero */; T;5;G;[;i ;@ o;3;[I"padding-top; T; o; ; o;4; I"5px; T;5;6;@ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;2i;7;8;[;i ;o; ;o;;i ;i;o;;i ;i;@;@;9o; ;@{;o;;i ;i;@;@;:o; ;o;;i ;i;@|;@;@;@ o;3;[I"padding-bottom; T; o; ; o;4; I"5px; T;5;6;@ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;2i;7;8;[;i ;o; ;o;;i ;i;o;;i ;i;@;@;9o; ;@;o;;i ;i;@;@;:o; ;o;;i ;i;@;@;@;@ o;3;[I"background-color; T; o;= ;I"promo-color; T;>I"promo_color; T;i;o; ;o;;i;i;o;;i;i&;@;@;$@;@ ;2i;7;8;[;i;o; ;o;;i;i;o;;i;i&;@;@;9o; ;@;o;;i;i;@;@;:o; ;o;;i;i;@;@;@;@ o:Sass::Tree::MixinNode;I"box-shadow; T: @args[o:$Sass::Script::Tree::ListLiteral :@elements[ o: Sass::Script::Tree::Funcall;I" lighten; T;I[o;= ;I"color-gray-800; T;>I"color_gray_800; T;i;o; ;o;;i;i$;o;;i;i3;@;@;$@;@ o; ; o;@ ; i#;A[I"%; T;B[;CI"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;A[;B@M;CI"0; F;@ ;i;o; ;o;;i;i:;o;;i;i;;@;@;$@o; ; o;@ ; i;A[I"px; T;B[;CI"2px; F;@ ;i;o; ;o;;i;i<;o;;i;i?;@;@;$@o; ; o;@ ; i ;A[I"px; T;B[;CI"4px; F;@ ;i;o; ;o;;i;i@;o;;i;iC;@;@;$@:@separator: space;i;o; ;o;;i;i;o;;i;iC;@;@;$@;@ ;Mo;N;O{;P{;Q0;R0;[;i;o; ;o;;i;i;o;;i;iD;@;@;@ o:Sass::Tree::MediaNode : @query[ I"(; To; ; o;4; I"min-width; T;5;6;@ ;i;o; ;o;;i;i;o;;i;i;@;@;$@I": ; To;= ;I"screen-md-min; T;>I"screen_md_min; T;i;o; ;o;;i;i;o;;i;i);@;@;$@;@ I"); T; I"; T;2i;[o;3;[I"padding-top; T; o; ; o;4; I" 10px; T;5;6;@ ;i;o; ;o;;i;i;o;;i;i;@;@;2i;7;8;[;i;o; ;o;;i;i ;o;;i;i;@;@;9o; ;@;o;;i;i;@;@;:o; ;o;;i;i;@;@;@;@ o;3;[I"padding-bottom; T; o; ; o;4; I" 10px; T;5;6;@ ;i;o; ;o;;i;i;o;;i;i;@;@;2i;7;8;[;i;o; ;o;;i;i ;o;;i;i;@;@;9o; ;@;o;;i;i;@;@;:o; ;o;;i;i;@;@;@;@ ;i;o; ;o;;i;i;o;;i;i+;@;@:@has_childrenT;@ o;';([I".page-title; T;)o;*;+[o;,;+[o;- ;+[o;.;I"page-title; T;i;$0;/0;0o;";#{;o; ;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;1o; ;o;;i;i;o;;i;i;@;@;2i;[ o;3;[I" display; T; o; ; o;4; I"inline-block; T;5;6;@ ;i;o; ;o;;i;i;o;;i;i;@;@;2i;7;8;[;i;o; ;o;;i;i ;o;;i;i;@;@;9o; ;@:;o;;i;i;@;@;:o; ;o;;i;i;@;;@;@;@ o;3;[I"margin-top; T; o; ; o;4; I" 10px; T;5;6;@ ;i;o; ;o;;i;i;o;;i;i;@;@;2i;7;8;[;i;o; ;o;;i;i ;o;;i;i;@;@;9o; ;@K;o;;i;i;@;@;:o; ;o;;i;i;@L;@;@;@ o:Sass::Tree::ExtendNode :@selector[I"%text-shadow; T:@optionalF;1o; ;o;;i;i;o;;i;i;@;@;[;i;o; ;o;;i;i ;o;;i;i;@;@;@ o;U ;V[ I"(; To; ; o;4; I"min-width; T;5;6;@ ;i;o; ;o;;i;i;o;;i;i;@;@;$@I": ; To;= ;I"screen-md-min; T;>I"screen_md_min; T;i;o; ;o;;i;i;o;;i;i+;@;@;$@;@ I"); T; I"; T;2i;[o;3;[I"margin-top; T; o; ; o;4; I"5px; T;5;6;@ ;i;o; ;o;;i;i;o;;i;i;@;@;2i;7;8;[;i;o; ;o;;i;i ;o;;i;i;@;@;9o; ;@y;o;;i;i;@;@;:o; ;o;;i;i;@z;@;@;@ ;i;o; ;o;;i;i ;o;;i;i-;@;@;WT;@ ;i;o; ;@,;o;;i;i;@;@;WT;@ o;';([I".btn-promo; T;)o;*;+[o;,;+[o;- ;+[o;.;I"btn-promo; T;i;$0;/0;0o;";#{;o; ;o;;i;i;o;;i;i;0;0;i;$0;i;i;$0;1o; ;o;;i;i;o;;i;i;@;@;2i;[ o;3;[I" color; T; o;L;I" color; T;I[o; ; o;4; I" white; T;5: string;@ ;i;o; ;o;;i;i;o;;i;i;@;@;$@;Mo;N;O{;P{;Q0;R0;i;o; ;o;;i;i;o;;i;i;@;@;$@;@ ;2i;7;8;[;i;o; ;o;;i;i ;o;;i;i;@;@;9o; ;@;o;;i;i;@;@;:o; ;o;;i;i;@;@;@;@ o;3;[I"background-color; T; o; ; o;4; I"transparent; T;5;6;@ ;i ;o; ;o;;i ;i;o;;i ;i';@;@;2i;7;8;[;i ;o; ;o;;i ;i ;o;;i ;i';@;@;9o; ;@;o;;i ;i;@;@;:o; ;o;;i ;i;@;@;@;@ o;3;[I" border; T; o;J ;K[o; ; o;@ ; i;A[I"px; T;B[;CI"1px; F;@ ;i!;o; ;o;;i!;i;o;;i!;i;@;@;$@o; ; o;4; I" solid; T;5;6;@ ;i!;o; ;o;;i!;i;o;;i!;i;@;@;$@o;L;I" color; T;I[o; ; o;4; I" white; T;5;[;@ ;i!;o; ;o;;i!;i";o;;i!;i);@;@;$@;Mo;N;O{;P{;Q0;R0;i!;o; ;o;;i!;i;o;;i!;i*;@;@;$@;@ ;S;T;i!;o; ;o;;i!;i;o;;i!;i*;@;@;$@;@ ;2i;7;8;[;i!;o; ;o;;i!;i ;o;;i!;i*;@;@;9o; ;@;o;;i!;i;@;@;:o; ;o;;i!;i;@;@;@;@ o;3;[I"box-shadow; T; o; ; o;4; I" none; T;5;6;@ ;i";o; ;o;;i";i;o;;i";i;@;@;2i;7;8;[;i";o; ;o;;i";i ;o;;i";i;@;@;9o; ;@;o;;i";i;@;@;:o; ;o;;i";i;@;@;@;@ o;';([I";&:hover, &:focus, &:active, &:active:focus; T;)o;*;+[ o;,;+[o;- ;+[o:Sass::Selector::Parent: @suffix0;i$;$0o:Sass::Selector::Pseudo :@syntactic_type: class;I" hover; T: @arg0;Y0;i$;$0;/0;0o;";#{;o; ;o;;i;i;o;;i;i ;0;0;i$;$0;i$o;,;+[I" ; To;- ;+[o;\;]0;i$;$0o;^ ;_;`;I" focus; T;a0;Y0;i$;$0;/0;0o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i$;$0;i$o;,;+[I" ; To;- ;+[o;\;]0;i$;$0o;^ ;_;`;I" active; T;a0;Y0;i$;$0;/0;0o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i$;$0;i$o;,;+[I" ; To;- ;+[o;\;]0;i$;$0o;^ ;_;`;I" active; T;a0;Y0;i$;$0o;^ ;_;`;I" focus; T;a0;Y0;i$;$0;/0;0o;";#{;o; ;o;;i ;i ;o;;i ;i;0;0;i$;$0;i$;i$;$0;1o; ;o;;i$;i ;o;;i';i;@;@;2i;[o;3;[I"background-color; T; o; ; o;4; I"transparent; T;5;6;@ ;i(;o; ;o;;i(;i;o;;i(;i);@;@;2i;7;8;[;i(;o; ;o;;i(;i ;o;;i(;i);@;@;9o; ;@K;o;;i(;i;@;@;:o; ;o;;i(;i;@L;@;@;@ ;i$;o; ;@=;o;;i';i;@;@;WT;@ o;U ;V[ I"(; To; ; o;4; I"min-width; T;5;6;@ ;i*;o; ;o;;i*;i;o;;i*;i;@;@;$@I": ; To;= ;I"screen-sm-min; T;>I"screen_sm_min; T;i*;o; ;o;;i*;i;o;;i*;i+;@;@;$@;@ I"); T; I"; T;2i;[ o;3;[I" display; T; o; ; o;4; I"inline-block; T;5;6;@ ;i+;o; ;o;;i+;i;o;;i+;i!;@;@;2i;7;8;[;i+;o; ;o;;i+;i ;o;;i+;i!;@;@;9o; ;@q;o;;i+;i;@;@;:o; ;o;;i+;i;@r;@;@;@ o;3;[I"margin-top; T; o; ; o;4; I" -2px; T;5;6;@ ;i,;o; ;o;;i,;i;o;;i,;i;@;@;2i;7;8;[;i,;o; ;o;;i,;i ;o;;i,;i;@;@;9o; ;@;o;;i,;i;@;@;:o; ;o;;i,;i;@;@;@;@ o;3;[I"margin-left; T; o; ; o;4; I" 10px; T;5;6;@ ;i-;o; ;o;;i-;i;o;;i-;i;@;@;2i;7;8;[;i-;o; ;o;;i-;i ;o;;i-;i;@;@;9o; ;@;o;;i-;i;@;@;:o; ;o;;i-;i;@;@;@;@ o;3;[I" color; T; o;= ;I"promo-color; T;>I"promo_color; T;i.;o; ;o;;i.;i;o;;i.;i;@;@;$@;@ ;2i;7;8;[;i.;o; ;o;;i.;i ;o;;i.;i;@;@;9o; ;@;o;;i.;i;@;@;:o; ;o;;i.;i;@;@;@;@ o;3;[I"background-color; T; o; ; o;4; I" white; T;5;6;@ ;i/;o; ;o;;i/;i;o;;i/;i#;@;@;2i;7;8;[;i/;o; ;o;;i/;i ;o;;i/;i#;@;@;9o; ;@;o;;i/;i;@;@;:o; ;o;;i/;i;@;@;@;@ o;3;[I"border-color; T; o;L;I" darken; T;I[o;= ;I"promo-color; T;>I"promo_color; T;i0;o; ;o;;i0;i!;o;;i0;i-;@;@;$@;@ o; ; o;@ ; i ;A[I"%; T;B[;CI"8%; F;@ ;i0;o; ;o;;i0;i/;o;;i0;i1;@;@;$@;Mo;N;O{;P{;Q0;R0;i0;o; ;o;;i0;i;o;;i0;i2;@;@;$@;@ ;2i;7;8;[;i0;o; ;o;;i0;i ;o;;i0;i2;@;@;9o; ;@;o;;i0;i;@;@;:o; ;o;;i0;i;@;@;@;@ o;3;[I"border-width; T; o; ; o;4; I"1px; T;5;6;@ ;i1;o; ;o;;i1;i;o;;i1;i;@;@;2i;7;8;[;i1;o; ;o;;i1;i ;o;;i1;i;@;@;9o; ;@;o;;i1;i;@;@;:o; ;o;;i1;i;@;@;@;@ o;';([I"A&:hover, &:focus, &:active, &:active:focus; T;)o;*;+[ o;,;+[o;- ;+[o;\;]0;i3;$0o;^ ;_;`;I" hover; T;a0;Y0;i3;$0;/0;0o;";#{;o; ;o;;i;i;o;;i;i ;0;0;i3;$0;i3o;,;+[I" ; To;- ;+[o;\;]0;i3;$0o;^ ;_;`;I" focus; T;a0;Y0;i3;$0;/0;0o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i3;$0;i3o;,;+[I" ; To;- ;+[o;\;]0;i3;$0o;^ ;_;`;I" active; T;a0;Y0;i3;$0;/0;0o;";#{;o; ;o;;i;i ;o;;i;i;0;0;i3;$0;i3o;,;+[I" ; To;- ;+[o;\;]0;i3;$0o;^ ;_;`;I" active; T;a0;Y0;i3;$0o;^ ;_;`;I" focus; T;a0;Y0;i3;$0;/0;0o;";#{;o; ;o;;i ;i ;o;;i ;i;0;0;i3;$0;i3;i3;$0;1o; ;o;;i3;i ;o;;i6;i;@;@;2i;[o;3;[I"background-color; T; o;L;I" lighten; T;I[o;= ;I"promo-color; T;>I"promo_color; T;i7;o; ;o;;i7;i(;o;;i7;i4;@;@;$@;@ o; ; o;@ ; i*;A[I"%; T;B[;CI"37%; F;@ ;i7;o; ;o;;i7;i6;o;;i7;i9;@;@;$@;Mo;N;O{;P{;Q0;R0;i7;o; ;o;;i7;i ;o;;i7;i:;@;@;$@;@ ;2i;7;8;[;i7;o; ;o;;i7;i;o;;i7;i:;@;@;9o; ;@J;o;;i7;i;@;@;:o; ;o;;i7;i ;@K;@;@;@ ;i3;o; ;@*;o;;i6;i;@;@;WT;@ ;i*;o; ;o;;i*;i ;o;;i*;i-;@;@;WT;@ o;U ;V[ I"(; To; ; o;4; I"min-width; T;5;6;@ ;i:;o; ;o;;i:;i;o;;i:;i;@;@;$@I": ; To;= ;I"screen-md-min; T;>I"screen_md_min; T;i:;o; ;o;;i:;i;o;;i:;i+;@;@;$@;@ I"); T; I"; T;2i;[o;3;[I"margin-top; T; o; ; o;4; I" -5px; T;5;6;@ ;i;;o; ;o;;i;;i;o;;i;;i;@;@;2i;7;8;[;i;;o; ;o;;i;;i ;o;;i;;i;@;@;9o; ;@s;o;;i;;i;@;@;:o; ;o;;i;;i;@t;@;@;@ ;i:;o; ;o;;i:;i ;o;;i:;i-;@;@;WT;@ ;i;o; ;@;o;;i;i;@;@;WT;@ o;';([I".btn-action-icon; T;)o;*;+[o;,;+[o;- ;+[o;.;I"btn-action-icon; T;i>;$0;/0;0o;";#{;o; ;o;;i;i;o;;i;i;0;0;i>;$0;i>;i>;$0;1o; ;o;;i>;i;o;;i>;i;@;@;2i;[o;U ;V[ I"(; To; ; o;4; I"min-width; T;5;6;@ ;i?;o; ;o;;i?;i;o;;i?;i;@;@;$@I": ; To;= ;I"screen-sm-min; T;>I"screen_sm_min; T;i?;o; ;o;;i?;i;o;;i?;i+;@;@;$@;@ I"); T; I"; T;2i;[o;3;[I" color; T; o;L;I" darken; T;I[o;= ;I"promo-color; T;>I"promo_color; T;i@;o; ;o;;i@;i;o;;i@;i&;@;@;$@;@ o; ; o;@ ; i ;A[I"%; T;B[;CI"8%; F;@ ;i@;o; ;o;;i@;i(;o;;i@;i*;@;@;$@;Mo;N;O{;P{;Q0;R0;i@;o; ;o;;i@;i;o;;i@;i+;@;@;$@;@ ;2i;7;8;[;i@;o; ;o;;i@;i ;o;;i@;i+;@;@;9o; ;@;o;;i@;i;@;@;:o; ;o;;i@;i;@;@;@;@ ;i?;o; ;o;;i?;i ;o;;i?;i-;@;@;WT;@ ;i>;o; ;@;o;;i>;i;@;@;WT;@ ;i;o; ;@,;o;;i;i;@;@;WT;@ :@templateI"$promo-color: #cc5959; .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;@;@;WT;@