{: versionI"3.4.25 (Selective Steve):EF:shaI"-717986537d83f01cbffdb36ace949db24b81974b;F: contents"xo:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[I"`/*------------------------------------*\ $IMAGES \*------------------------------------*/:ET: @type: normal;[:@filename0: @options{: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i.: @fileI"p/mnt/storage2/reveal/public_html/cutmaster.reveal.digital/ruby-app/app/assets/stylesheets/base/_images.scss; T:@importero:Sass::Rails::SassImporter: @rootI"h/mnt/storage2/reveal/public_html/cutmaster.reveal.digital/ruby-app/app/assets/stylesheets/main.scss; F:@real_rootI"h/mnt/storage2/reveal/public_html/cutmaster.reveal.digital/ruby-app/app/assets/stylesheets/main.scss; F:@same_name_warningso:Set: @hash{o:Sass::Tree::RuleNode: @rule[I"img; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;![o:#Sass::Selector::SimpleSequence ;![o:Sass::Selector::Element : @nameI"img; T:@namespace0;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"margin-bottom; T;o:!Sass::Script::Tree::Variable ;%I"base-spacing-unit; T:@underscored_nameI"base_spacing_unit; T:@css_variable_warning0;i ;o; ;o;;i ;i;o;;i ;i);@;@; @; @ ;*i:@prop_syntax:new;[; 0; @ ;i ;o; ;o;;i ;i;o;;i ;i);@;@:@name_source_rangeo; ;@4;o;;i ;i;@;@:@value_source_rangeo; ;o;;i ;i;@5;@;@o;+;%[I"max-width; T;o: Sass::Script::Tree::Literal;o: Sass::Script::Value::String ;I" 100%; T; @ ; :identifier:"@deprecated_interp_equivalent0;i ;o; ;o;;i ;i;o;;i ;i;@;@;*i;/;0;[; 0; @ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;1o; ;@E;o;;i ;i;@;@;2o; ;o;;i ;i;@F;@;@o;+;%[I"font-style; T;o;3;o;4 ;I" italic; T; @ ; ;5;60;i ;o; ;o;;i ;i;o;;i ;i;@;@;*i;/;0;[; 0; @ ;i ;o; ;o;;i ;i;o;;i ;i;@;@;1o; ;@V;o;;i ;i;@;@;2o; ;o;;i ;i;@W;@;@o;+;%[I"vertical-align; T;o;3;o;4 ;I" middle; T; @ ; ;5;60;i;o; ;o;;i;i;o;;i;i;@;@;*i;/;0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;1o; ;@g;o;;i;i;@;@;2o; ;o;;i;i;@h;@;@o; ;[I"6/* .primary-content & { * width: 100%; * } */; T; : silent;[; 0; @ ;i;o; ;o;;i;i;o;;i;i ;@;@o;;[I" &.lazyload, &.lazyloading; T;o; ;![o;";![o;# ;![o:Sass::Selector::Parent: @suffix0;i; 0o:Sass::Selector::Class;%I" lazyload; T;i; 0;'0;(o;;{;o; ;o;;i;i;o;;i;i;0;0;i; 0;io;";![I" ; To;# ;![o;8;90;i; 0o;:;%I"lazyloading; 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;+;%[I" opacity; T;o;3;o;4 ;I"0; T; @ ; ;5;60;i;o; ;o;;i;i;o;;i;i;@;@;*i;/;0;[; 0; @ ;i;o; ;o;;i;i ;o;;i;i;@;@;1o; ;@;o;;i;i;@;@;2o; ;o;;i;i;@;@;@; 0; @ ;i;o; ;@;o;;i;i;@;@:@has_childrenTo;;[I"&.lazyloaded; T;o; ;![o;";![o;# ;![o;8;90;i; 0o;:;%I"lazyloaded; 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;+;%[I" opacity; T;o;3;o;4 ;I"1; T; @ ; ;5;60;i;o; ;o;;i;i;o;;i;i;@;@;*i;/;0;[; 0; @ ;i;o; ;o;;i;i ;o;;i;i;@;@;1o; ;@;o;;i;i;@;@;2o; ;o;;i;i;@;@;@o;+;%[I"transition; T;o;3;o;4 ;I"opacity 0.4s; T; @ ; ;5;60;i;o; ;o;;i;i;o;;i;i";@;@;*i;/;0;[; 0; @ ;i;o; ;o;;i;i ;o;;i;i";@;@;1o; ;@;o;;i;i;@;@;2o; ;o;;i;i;@;@;@; 0; @ ;i;o; ;@;o;;i;i;@;@;;T; 0; @ ;i ;o; ;@&;o;;i ;i ;@;@;;To; ;[I"/** * Google Maps breaks if `max-width: 100%` acts upon it; use their selector * to remove the effects. * * If a `width` and/or `height` attribute have been explicitly defined, * let’s not make the image fluid. */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i%;i ;@;@o;;[I"+.gm-style img, img[width], img[height]; T;o; ;![o;";![o;# ;![o;:;%I" gm-style; T;i'; 0;'0;(o;;{;o; ;o;;i;i;o;;i;i;0;0;i'; 0o;# ;![o;$ ;%I"img; T;&0;i'; 0;'0;(o;;{;o; ;o;;i;i;o;;i;i;0;0;i'; 0;i'o;";![I" ; To;# ;![o;$ ;%I"img; T;&0;i'; 0o:Sass::Selector::Attribute ;%I" width; T;&0:@operator0;0: @flags0;i'; 0;'0;(o;;{;o; ;o;;i;i;o;;i;i;0;0;i'; 0;i'o;";![I" ; To;# ;![o;$ ;%I"img; T;&0;i'; 0o;< ;%I" height; T;&0;=0;0;>0;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;+;%[I"max-width; T;o;3;o;4 ;I" none; T; @ ; ;5;60;i*;o; ;o;;i*;i;o;;i*;i;@;@;*i;/;0;[; 0; @ ;i*;o; ;o;;i*;i;o;;i*;i;@;@;1o; ;@*;o;;i*;i;@;@;2o; ;o;;i*;i;@+;@;@; 0; @ ;i';o; ;@;o;;i);i;@;@;;T; 0; @ :@templateI"/*------------------------------------*\ $IMAGES \*------------------------------------*/ img { margin-bottom: $base-spacing-unit; max-width: 100%; font-style: italic; vertical-align: middle; // .primary-content & { // width: 100%; // } &.lazyload, &.lazyloading { opacity: 0; } &.lazyloaded { opacity: 1; transition: opacity 0.4s; } } /** * Google Maps breaks if `max-width: 100%` acts upon it; use their selector * to remove the effects. * * If a `width` and/or `height` attribute have been explicitly defined, * let’s not make the image fluid. */ .gm-style img, img[width], img[height] { max-width: none; } ; T;i;o; ;o;;i;i;o;;i;i;@;@;;T