{: versionI"3.4.21 (Selective Steve):EF:shaI"-65da7385c47c580cd1d90792f14e8b58d3329777;F: contents"­Oo:Sass::Tree::RootNode :@children[o:Sass::Tree::VariableNode : @nameI"hero_simple-height:ET: @expro: Sass::Script::Tree::Literal : @valueo: Sass::Script::Value::Number ; iô:@numerator_units[I"px; T:@denominator_units[: @options{:@originalI" 500px; F: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i : @fileI"t/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_hero_simple.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"hero_simple-height-lg; T; o; ; o; ; iX;[I"px; T;[;@;I" 600px; F;i;o; ;o;;i;i;o;;i;i#;@;@;!@;"0;#0;[;i;o; ;o;;i;i;o;;i;i#;@;@;@o; ;I"hero_simple-height-xl; T; o; ; o; ; iŠ;[I"px; T;[;@;I" 650px; F;i;o; ;o;;i;i;o;;i;i#;@;@;!@;"0;#0;[;i;o; ;o;;i;i;o;;i;i#;@;@;@o; ;I"hero_simple-height-xxl; T; o; ; o; ; i„;[I"px; T;[;@;I" 900px; F;i ;o; ;o;;i ;i;o;;i ;i$;@;@;!@;"0;#0;[;i ;o; ;o;;i ;i;o;;i ;i$;@;@;@o; ;I"hero_simple-sm-height-xs; T; o; ; o; ; iæ;[I"px; T;[;@;I" 230px; F;i ;o; ;o;;i ;i!;o;;i ;i&;@;@;!@;"0;#0;[;i ;o; ;o;;i ;i;o;;i ;i&;@;@;@o; ;I"hero_simple-sm-height-md; T; o; ; o; ; i;[I"px; T;[;@;I" 260px; 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".hero_simple; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;([o:#Sass::Selector::SimpleSequence ;([o:Sass::Selector::Class;I"hero_simple; 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;@;@;/i:@prop_syntax:new;[;i;o; ;o;;i;i;o;;i;i;@;@:@name_source_rangeo; ;@‚;o;;i;i;@;@:@value_source_rangeo; ;o;;i;i;@ƒ;@;@;@o;0;[I" height; T; o:!Sass::Script::Tree::Variable ;I"hero_simple-height; T:@underscored_nameI"hero_simple_height; T;i;o; ;o;;i;i;o;;i;i#;@;@;!@;@;/i;5;6;[;i;o; ;o;;i;i;o;;i;i#;@;@;7o; ;@“;o;;i;i;@;@;8o; ;o;;i;i;@”;@;@;@o;0;[I"background-size; T; o; ; o;1 ; I" cover; T;2;3;40;@;i;o; ;o;;i;i;o;;i;i;@;@;/i;5;6;[;i;o; ;o;;i;i;o;;i;i;@;@;7o; ;@¤;o;;i;i;@;@;8o; ;o;;i;i;@¥;@;@;@o:Sass::Tree::MediaNode : @query[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i;o; ;o;;i;i;o;;i;i;@;@;!@I": ; To;9 ;I"screen-lg; T;:I"screen_lg; T;i;o; ;o;;i;i;o;;i;i%;@;@;!@;@I"); T; I"; T;/i;[o;0;[I" height; T; o;9 ;I"hero_simple-height-lg; T;:I"hero_simple_height_lg; T;i;o; ;o;;i;i;o;;i;i(;@;@;!@;@;/i;5;6;[;i;o; ;o;;i;i ;o;;i;i(;@;@;7o; ;@È;o;;i;i;@;@;8o; ;o;;i;i;@É;@;@;@;i;o; ;o;;i;i;o;;i;i';@;@:@has_childrenT;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i;o; ;o;;i;i;o;;i;i;@;@;!@I": ; To;9 ;I"screen-xl; T;:I"screen_xl; T;i;o; ;o;;i;i;o;;i;i%;@;@;!@;@I"); T; I"; T;/i;[o;0;[I" height; T; o;9 ;I"hero_simple-height-xl; T;:I"hero_simple_height_xl; T;i;o; ;o;;i;i;o;;i;i(;@;@;!@;@;/i;5;6;[;i;o; ;o;;i;i ;o;;i;i(;@;@;7o; ;@ï;o;;i;i;@;@;8o; ;o;;i;i;@ð;@;@;@;i;o; ;o;;i;i;o;;i;i';@;@;=T;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i;o; ;o;;i;i;o;;i;i;@;@;!@I": ; To;9 ;I"screen-xxl; T;:I"screen_xxl; T;i;o; ;o;;i;i;o;;i;i&;@;@;!@;@I"); T; I"; T;/i;[o;0;[I" height; T; o;9 ;I"hero_simple-height-xxl; T;:I"hero_simple_height_xxl; T;i;o; ;o;;i;i;o;;i;i);@;@;!@;@;/i;5;6;[;i;o; ;o;;i;i ;o;;i;i);@;@;7o; ;@;o;;i;i;@;@;8o; ;o;;i;i;@;@;@;@;i;o; ;o;;i;i;o;;i;i(;@;@;=T;@o;$;%[I"&.hero_simple-sm; T;&o;';([o;);([o;* ;([o:Sass::Selector::Parent: @suffix0;i;!0o;+;I"hero_simple-sm; T;i;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i;0;0;i;!0;i;i;!0;.o; ;o;;i;i;o;;i;i;@;@;/i;[ o;0;[I" height; T; o; ; o;1 ; I" auto; T;2;3;40;@;i;o; ;o;;i;i;o;;i;i;@;@;/i;5;6;[;i;o; ;o;;i;i ;o;;i;i;@;@;7o; ;@?;o;;i;i;@;@;8o; ;o;;i;i;@@;@;@;@o;; ;<[ I"(; To; ; o;1 ; I"max-width; T;2;3;40;@;i!;o; ;o;;i!;i;o;;i!;i;@;@;!@I": ; To;9 ;I"screen-xs; T;:I"screen_xs; T;i!;o; ;o;;i!;i;o;;i!;i';@;@;!@;@I"); T; I"; T;/i;[o;0;[I"padding-top; T; o; ; o;1 ; I" 20px; T;2;3;40;@;i";o; ;o;;i";i;o;;i";i;@;@;/i;5;6;[;i";o; ;o;;i";i ;o;;i";i;@;@;7o; ;@c;o;;i";i;@;@;8o; ;o;;i";i;@d;@;@;@o;0;[I"padding-bottom; T; o; ; o;1 ; I" 20px; T;2;3;40;@;i#;o; ;o;;i#;i;o;;i#;i ;@;@;/i;5;6;[;i#;o; ;o;;i#;i ;o;;i#;i ;@;@;7o; ;@t;o;;i#;i;@;@;8o; ;o;;i#;i;@u;@;@;@;i!;o; ;o;;i!;i ;o;;i!;i);@;@;=T;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i%;o; ;o;;i%;i;o;;i%;i;@;@;!@I": ; To;9 ;I"screen-xs; T;:I"screen_xs; T;i%;o; ;o;;i%;i;o;;i%;i';@;@;!@;@I"); T; I"; T;/i;[o;0;[I" height; T; o;9 ;I"hero_simple-sm-height-xs; T;:I"hero_simple_sm_height_xs; T;i&;o; ;o;;i&;i;o;;i&;i-;@;@;!@;@;/i;5;6;[;i&;o; ;o;;i&;i ;o;;i&;i-;@;@;7o; ;@›;o;;i&;i;@;@;8o; ;o;;i&;i;@œ;@;@;@;i%;o; ;o;;i%;i ;o;;i%;i);@;@;=T;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i(;o; ;o;;i(;i;o;;i(;i;@;@;!@I": ; To;9 ;I"screen-md; T;:I"screen_md; T;i(;o; ;o;;i(;i;o;;i(;i';@;@;!@;@I"); T; I"; T;/i;[o;0;[I" height; T; o;9 ;I"hero_simple-sm-height-md; T;:I"hero_simple_sm_height_md; T;i);o; ;o;;i);i;o;;i);i-;@;@;!@;@;/i;5;6;[;i);o; ;o;;i);i ;o;;i);i-;@;@;7o; ;@Â;o;;i);i;@;@;8o; ;o;;i);i;@Ã;@;@;@;i(;o; ;o;;i(;i ;o;;i(;i);@;@;=T;@;i;o; ;@1;o;;i;i;@;@;=T;@o;$;%[I"&.hero_simple-sm-action; T;&o;';([o;);([o;* ;([o;>;?0;i-;!0o;+;I"hero_simple-sm-action; T;i-;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i;0;0;i-;!0;i-;i-;!0;.o; ;o;;i-;i;o;;i-;i ;@;@;/i;[o:Sass::Tree::CommentNode ; [I"w/* adding an additional element makes vertical spacing too tricky to be worth messing with a fixed height here */; T;2: silent;[;i.;o; ;o;;i.;i ;o;;i.;iy;@;@;@o;; ;<[I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i/;o; ;o;;i/;i;o;;i/;i;@;@;!@I": ; To;9 ;I"screen-xs; T;:I"screen_xs; T;i/;o; ;o;;i/;i;o;;i/;i';@;@;!@;@I"); TI" and ; TI"(; To; ; o;1 ; I"max-width; T;2;3;40;@;i/;o; ;o;;i/;i.;o;;i/;i7;@;@;!@I": ; To;9 ;I"screen-md; T;:I"screen_md; T;i/;o; ;o;;i/;i9;o;;i/;iC;@;@;!@;@I"); T; I"; T;/i;[o;0;[I" height; T; o; ; o;1 ; I" auto; T;2;3;40;@;i0;o; ;o;;i0;i;o;;i0;i;@;@;/i;5;6;[;i0;o; ;o;;i0;i ;o;;i0;i;@;@;7o; ;@;o;;i0;i;@;@;8o; ;o;;i0;i;@;@;@;@o;0;[I"padding-top; T; o; ; o;1 ; I" 30px; T;2;3;40;@;i1;o; ;o;;i1;i;o;;i1;i;@;@;/i;5;6;[;i1;o; ;o;;i1;i ;o;;i1;i;@;@;7o; ;@(;o;;i1;i;@;@;8o; ;o;;i1;i;@);@;@;@o;0;[I"padding-bottom; T; o; ; o;1 ; I" 30px; T;2;3;40;@;i2;o; ;o;;i2;i;o;;i2;i ;@;@;/i;5;6;[;i2;o; ;o;;i2;i ;o;;i2;i ;@;@;7o; ;@9;o;;i2;i;@;@;8o; ;o;;i2;i;@:;@;@;@;i/;o; ;o;;i/;i ;o;;i/;iD;@;@;=T;@;i-;o; ;@ß;o;;i-;i ;@;@;=T;@;i;o; ;@y;o;;i;i;@;@;=T;@o;$;%[I".hero_simple-shadow; T;&o;';([o;);([o;* ;([o;+;I"hero_simple-shadow; T;i6;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i;0;0;i6;!0;i6;i6;!0;.o; ;o;;i6;i;o;;i6;i;@;@;/i;[o;0;[I"text-shadow; T; o:$Sass::Script::Tree::ListLiteral :@elements[ o: Sass::Script::Tree::Funcall;I" color; T: @args[o; ; o;1 ; I" gray-500; T;2: string;40;@;i7;o; ;o;;i7;i;o;;i7;i%;@;@;!@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;i7;o; ;o;;i7;i;o;;i7;i&;@;@;!@;@o; ; o; ; i;[;[;@;I"0; F;i7;o; ;o;;i7;i';o;;i7;i(;@;@;!@o; ; o; ; i;[I"px; T;[;@;I"1px; F;i7;o; ;o;;i7;i);o;;i7;i,;@;@;!@o; ; o; ; i;[I"px; T;[;@;I"2px; F;i7;o; ;o;;i7;i-;o;;i7;i0;@;@;!@:@separator: space;i7;o; ;o;;i7;i;o;;i7;i0;@;@;!@;@;/i;5;6;[;i7;o; ;o;;i7;i;o;;i7;i0;@;@;7o; ;@;o;;i7;i;@;@;8o; ;o;;i7;i;@Ž;@;@;@;i6;o; ;@W;o;;i6;i;@;@;=T;@o;$;%[I".hero_simple-subheading; T;&o;';([o;);([o;* ;([o;+;I"hero_simple-subheading; T;i9;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i;0;0;i9;!0;i9;i9;!0;.o; ;o;;i9;i;o;;i9;i;@;@;/i;[o;0;[I"font-weight; T; o; ; o;1 ; I" normal; T;2;3;40;@;i:;o; ;o;;i:;i;o;;i:;i;@;@;/i;5;6;[;i:;o; ;o;;i:;i;o;;i:;i;@;@;7o; ;@´;o;;i:;i;@;@;8o; ;o;;i:;i;@µ;@;@;@o;; ;<[ I"(; To; ; o;1 ; I"max-width; T;2;3;40;@;i<;o; ;o;;i<;i;o;;i<;i;@;@;!@I": ; To;9 ;I"screen-sm; T;:I"screen_sm; T;i<;o; ;o;;i<;i;o;;i<;i%;@;@;!@;@I"); T; I"; T;/i;[o;0;[I"line-height; T; o; ; o;1 ; I"1.4; T;2;3;40;@;i=;o; ;o;;i=;i;o;;i=;i;@;@;/i;5;6;[;i=;o; ;o;;i=;i ;o;;i=;i;@;@;7o; ;@Ø;o;;i=;i;@;@;8o; ;o;;i=;i;@Ù;@;@;@;i<;o; ;o;;i<;i;o;;i<;i';@;@;=T;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i?;o; ;o;;i?;i;o;;i?;i;@;@;!@I": ; To;9 ;I"screen-md; T;:I"screen_md; T;i?;o; ;o;;i?;i;o;;i?;i%;@;@;!@;@I"); T; I"; T;/i;[o;0;[I"font-size; T; o;9 ;I"font-size-500; T;:I"font_size_500; T;i@;o; ;o;;i@;i;o;;i@;i#;@;@;!@;@;/i;5;6;[;i@;o; ;o;;i@;i ;o;;i@;i#;@;@;7o; ;@ÿ;o;;i@;i;@;@;8o; ;o;;i@;i;@;@;@;@;i?;o; ;o;;i?;i;o;;i?;i';@;@;=T;@;i9;o; ;@¦;o;;i9;i;@;@;=T;@o;$;%[I".hero_simple-block; T;&o;';([o;);([o;* ;([o;+;I"hero_simple-block; T;iC;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i;0;0;iC;!0;iC;iC;!0;.o; ;o;;iC;i;o;;iC;i;@;@;/i;[ o;0;[I" position; T; o; ; o;1 ; I" absolute; T;2;3;40;@;iD;o; ;o;;iD;i;o;;iD;i;@;@;/i;5;6;[;iD;o; ;o;;iD;i;o;;iD;i;@;@;7o; ;@);o;;iD;i;@;@;8o; ;o;;iD;i;@*;@;@;@o;0;[I" bottom; T; o; ; o;1 ; I"0; T;2;3;40;@;iE;o; ;o;;iE;i;o;;iE;i;@;@;/i;5;6;[;iE;o; ;o;;iE;i;o;;iE;i;@;@;7o; ;@:;o;;iE;i;@;@;8o; ;o;;iE;i;@;;@;@;@o;0;[I" padding; T; o; ; o;1 ; I" 30px; T;2;3;40;@;iF;o; ;o;;iF;i;o;;iF;i;@;@;/i;5;6;[;iF;o; ;o;;iF;i;o;;iF;i;@;@;7o; ;@K;o;;iF;i;@;@;8o; ;o;;iF;i;@L;@;@;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;iH;o; ;o;;iH;i;o;;iH;i;@;@;!@I": ; To;9 ;I"screen-xxl; T;:I"screen_xxl; T;iH;o; ;o;;iH;i;o;;iH;i&;@;@;!@;@I"); T; I"; T;/i;[o;0;[I" padding; T; o; ; o;1 ; I" 50px; T;2;3;40;@;iI;o; ;o;;iI;i;o;;iI;i;@;@;/i;5;6;[;iI;o; ;o;;iI;i ;o;;iI;i;@;@;7o; ;@o;o;;iI;i;@;@;8o; ;o;;iI;i;@p;@;@;@;iH;o; ;o;;iH;i;o;;iH;i(;@;@;=T;@;iC;o; ;@;o;;iC;i;@;@;=T;@o;$;%[I".hero_simple-block-cta; T;&o;';([o;);([o;* ;([o;+;I"hero_simple-block-cta; T;iL;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i;0;0;iL;!0;iL;iL;!0;.o; ;o;;iL;i;o;;iL;i;@;@;/i;[o;0;[I"margin-top; T; o; ; o;1 ; I"5px; T;2;3;40;@;iM;o; ;o;;iM;i;o;;iM;i;@;@;/i;5;6;[;iM;o; ;o;;iM;i;o;;iM;i;@;@;7o; ;@™;o;;iM;i;@;@;8o; ;o;;iM;i;@š;@;@;@o;@ ; [I"?/* for hero CTAs layout in between xs -> sm breakpoints */; T;2;A;[;iO;o; ;o;;iO;i;o;;iO;i?;@;@;@o;; ;<[ I"(; To; ; o;1 ; I"max-width; T;2;3;40;@;iP;o; ;o;;iP;i;o;;iP;i;@;@;!@I": ; To;9 ;I"screen-xs_to_sm; T;:I"screen_xs_to_sm; T;iP;o; ;o;;iP;i;o;;iP;i+;@;@;!@;@I"); T; I"; T;/i;[o;0;[I" width; T; o; ; o;1 ; I" 100%; T;2;3;40;@;iQ;o; ;o;;iQ;i;o;;iQ;i;@;@;/i;5;6;[;iQ;o; ;o;;iQ;i ;o;;iQ;i;@;@;7o; ;@Ä;o;;iQ;i;@;@;8o; ;o;;iQ;i;@Å;@;@;@;iP;o; ;o;;iP;i;o;;iP;i-;@;@;=T;@;iL;o; ;@‹;o;;iL;i;@;@;=T;@o;$;%[I".hero_simple-sm-block; T;&o;';([o;);([o;* ;([o;+;I"hero_simple-sm-block; T;iT;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i;0;0;iT;!0;iT;iT;!0;.o; ;o;;iT;i;o;;iT;i;@;@;/i;[o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;iU;o; ;o;;iU;i;o;;iU;i;@;@;!@I": ; To;9 ;I"screen-xs; T;:I"screen_xs; T;iU;o; ;o;;iU;i;o;;iU;i%;@;@;!@;@I"); T; I"; T;/i;[o;0;[I"padding-top; T; o; ; o;1 ; I" 70px; T;2;3;40;@;iV;o; ;o;;iV;i;o;;iV;i;@;@;/i;5;6;[;iV;o; ;o;;iV;i ;o;;iV;i;@;@;7o; ;@;o;;iV;i;@;@;8o; ;o;;iV;i;@;@;@;@;iU;o; ;o;;iU;i;o;;iU;i';@;@;=T;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;iX;o; ;o;;iX;i;o;;iX;i;@;@;!@I": ; To;9 ;I"screen-md; T;:I"screen_md; T;iX;o; ;o;;iX;i;o;;iX;i%;@;@;!@;@I"); T; I"; T;/i;[o;0;[I"padding-top; T; o; ; o;1 ; I" 80px; T;2;3;40;@;iY;o; ;o;;iY;i;o;;iY;i;@;@;/i;5;6;[;iY;o; ;o;;iY;i ;o;;iY;i;@;@;7o; ;@(;o;;iY;i;@;@;8o; ;o;;iY;i;@);@;@;@;iX;o; ;o;;iX;i;o;;iX;i';@;@;=T;@;iT;o; ;@à;o;;iT;i;@;@;=T;@o;$;%[I"#.hero_simple-sm-action-section; T;&o;';([o;);([o;* ;([o;+;I""hero_simple-sm-action-section; T;i\;!0;,0;-o;; {;o; ;o;;i;i;o;;i;i$;0;0;i\;!0;i\;i\;!0;.o; ;o;;i\;i;o;;i\;i%;@;@;/i;[o;0;[I"margin-top; T; o; ; o;1 ; I" 24px; T;2;3;40;@;i];o; ;o;;i];i;o;;i];i;@;@;/i;5;6;[;i];o; ;o;;i];i;o;;i];i;@;@;7o; ;@R;o;;i];i;@;@;8o; ;o;;i];i;@S;@;@;@o;; ;<[ I"(; To; ; o;1 ; I"min-width; T;2;3;40;@;i_;o; ;o;;i_;i;o;;i_;i;@;@;!@I": ; To;9 ;I"screen-md; T;:I"screen_md; T;i_;o; ;o;;i_;i;o;;i_;i%;@;@;!@;@I"); T; I"; T;/i;[o;0;[I"margin-top; T; o; ; o;1 ; I" 32px; T;2;3;40;@;i`;o; ;o;;i`;i;o;;i`;i;@;@;/i;5;6;[;i`;o; ;o;;i`;i ;o;;i`;i;@;@;7o; ;@v;o;;i`;i;@;@;8o; ;o;;i`;i;@w;@;@;@;i_;o; ;o;;i_;i;o;;i_;i';@;@;=T;@;i\;o; ;@D;o;;i\;i%;@;@;=T;@o;@ ; [I"\/* overrides transparency at small viewports for each color in core color dictionary */; T;2;A;[;id;o; ;o;;id;i;o;;id;iZ;@;@;@o:Sass::Tree::EachNode : @vars[I"id; TI" color; T: @listo;9 ;I"core_colors; T;:I"core_colors; T;ie;o; ;o;;ie;i;o;;ie;i';@;@;!@;@;[o;$;%[I"%.hero_simple .color_block-trans-; To:&Sass::Script::Tree::Interpolation: @before0: @mido;9 ;I"id; T;:I"id; T;if;o; ;o;;if;i*;o;;if;i-;@;@;!@;@: @after0:@whitespace_beforeF:@whitespace_afterF:@originally_textF:@warn_for_color:warn_for_color:@deprecation: none;@;if;o; ;o;;if;i(;o;;if;i.;@;@;!@I"; T;&0;.o; ;o;;if;i;o;;if;i/;@;@;/i;[o;; ;<[ I"(; To; ; o;1 ; I"max-width; T;2;3;40;@;ig;o; ;o;;ig;i;o;;ig;i;@;@;!@I": ; To;9 ;I"screen-sm; T;:I"screen_sm; T;ig;o; ;o;;ig;i;o;;ig;i';@;@;!@;@I"); T; I"; T;/i;[o;0;[I"background-color; T; o;9 ;I" color; T;:I" color; T;ih;o; ;o;;ih;i;o;;ih;i$;@;@;!@;@;/i;5;6;[;ih;o; ;o;;ih;i ;o;;ih;i$;@;@;7o; ;@Ã;o;;ih;i;@;@;8o; ;o;;ih;i;@Ä;@;@;@;ig;o; ;o;;ig;i ;o;;ig;i);@;@;=T;@;if;o; ;@¢;o;;if;i/;@;@;=T;@;ie;o; ;o;;ie;i;o;;ie;i(;@;@;=T;@:@templateI"‰$hero_simple-height: 500px; $hero_simple-height-lg: 600px; $hero_simple-height-xl: 650px; $hero_simple-height-xxl: 900px; $hero_simple-sm-height-xs: 230px; $hero_simple-sm-height-md: 260px; .hero_simple { position: relative; height: $hero_simple-height; background-size: cover; @media (min-width: $screen-lg) { height: $hero_simple-height-lg; } @media (min-width: $screen-xl) { height: $hero_simple-height-xl; } @media (min-width: $screen-xxl) { height: $hero_simple-height-xxl; } &.hero_simple-sm { height: auto; @media (max-width: $screen-xs) { padding-top: 20px; padding-bottom: 20px; } @media (min-width: $screen-xs) { height: $hero_simple-sm-height-xs; } @media (min-width: $screen-md) { height: $hero_simple-sm-height-md; } } &.hero_simple-sm-action { // adding an additional element makes vertical spacing too tricky to be worth messing with a fixed height here @media (min-width: $screen-xs) and (max-width: $screen-md){ height: auto; padding-top: 30px; padding-bottom: 30px; } } } .hero_simple-shadow { text-shadow: color('gray-500') 0 1px 2px; } .hero_simple-subheading { font-weight: normal; @media (max-width: $screen-sm) { line-height: 1.4; } @media (min-width: $screen-md) { font-size: $font-size-500; } } .hero_simple-block { position: absolute; bottom: 0; padding: 30px; @media (min-width: $screen-xxl) { padding: 50px; } } .hero_simple-block-cta { margin-top: 5px; // for hero CTAs layout in between xs -> sm breakpoints @media (max-width: $screen-xs_to_sm) { width: 100%; } } .hero_simple-sm-block { @media (min-width: $screen-xs) { padding-top: 70px; } @media (min-width: $screen-md) { padding-top: 80px; } } .hero_simple-sm-action-section { margin-top: 24px; @media (min-width: $screen-md) { margin-top: 32px; } } // overrides transparency at small viewports for each color in core color dictionary @each $id, $color in $core_colors { .hero_simple .color_block-trans-#{$id} { @media (max-width: $screen-sm) { background-color: $color; } } } ; T;i;o; ;o;;i;i;o;;i;i;@;@;=T;@