{: versionI"3.2.12 (Media Mark):EF:shaI"-9969a08b18e5df910532a1d6a016530a8c5a6b7b;F: contents"p`o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"#/* * Clearing Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI""include-html-clearing-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;[I"K/* We use these to set the background colors for parts of Clearing. */; T; ; ;[; i ; @ o; ;I"clearing-bg; T;o:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i ; @ ;I" !default; T;[; i ; @ o; ;I"clearing-caption-bg; T;o; ;I"clearing-bg; T;I"clearing_bg; T; @ ; i ;I" !default; T;[; i ; @ o; ;I"clearing-carousel-bg; T;o; ;0;{ ;i;i;i;i; i; @ ;I" !default; T;[; i; @ o; ;I"clearing-img-bg; T;o; ;I"clearing-bg; T;I"clearing_bg; T; @ ; i;I" !default; T;[; i; @ o; ;[I"1/* We use these to style the close button */; T; ; ;[; i; @ o; ;I"clearing-close-color; T;o; ;0;{ ;i;i;i;i; i; @ ;I" !default; T;[; i; @ o; ;I"clearing-close-size; T;o:Sass::Script::Number ;i-:@numerator_units[I"px; T:@denominator_units[; i:@originalI" 40px; F; @ ;I" !default; T;[; i; @ o; ;[I"+/* We use these to style the arrows */; T; ; ;[; i; @ o; ;I"clearing-arrow-size; T;o; ;i;[I"px; T;[; i;I" 16px; F; @ ;I" !default; T;[; i; @ o; ;I"clearing-arrow-color; T;o; ;I"clearing-close-color; T;I"clearing_close_color; T; @ ; i;I" !default; T;[; i; @ o; ;[I")/* We use these to style captions */; T; ; ;[; i; @ o; ;I" clearing-caption-font-color; T;o; ;0;{ ;i;i;i;i; i; @ ;I" !default; T;[; i; @ o; ;I"clearing-caption-padding; T;o:Sass::Script::List ;[o; ;i;[I"px; T;[; i;I" 10px; F; @ o; ;i#;[I"px; T;[; i;I" 30px; F; @ :@separator: space; i; @ ;I" !default; T;[; i; @ o; ;[I"G/* We use these to make the image and carousel height and style */; T; ; ;[; i; @ o; ;I"clearing-active-img-height; T;o; ;iP;[I"%; T;[; i;I"75%; F; @ ;I" !default; T;[; i; @ o; ;I"clearing-carousel-height; T;o; ;i;[I"px; T;[; i;I" 150px; F; @ ;I" !default; T;[; i; @ o; ;I""clearing-carousel-thumb-width; T;o; ;i;[I"px; T;[; i ;I" 175px; F; @ ;I" !default; T;[; i ; @ o; ;I"*clearing-carousel-thumb-active-border; T;o; ;[o; ;i ;[I"px; T;[; i!;I"4px; F; @ o:Sass::Script::String ;I" solid; T; :identifier; i!; @ o:Sass::Script::Funcall ;I"rgb; T: @args[o; ;i;[;[; i!;I"255; F; @ o; ;i;[;@; i!;I"255; F; @ o; ;i;[;@; i!;I"255; F; @ :@keywords{: @splat0; i!; @ ;; ; i!; @ ;I" !default; T;[; i!; @ u:Sass::Tree::IfNode@[o:Sass::Script::Variable : @nameI""include-html-clearing-classes:ET:@underscored_nameI""include_html_clearing_classes;T: @options{: @linei#0[o:Sass::Tree::CommentNode : @value[I"/* We decided to not create a mixin for Clearing because it relies * on predefined classes and structure to work properly. * The variables above should give enough control. */;T: @type: silent:@children[; i$; @ o; ; [I"/* Clearing Styles */;T; : normal;[; i(; @ o:Sass::Tree::RuleNode : @rule[I"[data-clearing];T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Attribute ;[I"data-clearing;T:@namespace0:@operator0; 0: @flags0; i):@filenameI";T: @subject0: @sourceso:Set: @hash{; i);@; i);@;[ o:Sass::Tree::MixinNode ;I" clearfix;T: @args[:@keywords{: @splat0;[; i*; @ o:Sass::Tree::PropNode ;[I"margin-bottom;T; o:Sass::Script::String; I"0;T; :identifier; @ ;i:@prop_syntax:new;[; i+; @ o;& ;[I" margin-;To; ;I"default-float;T;I"default_float;T; @ ; i,; o;'; I"0;T; ;(; @ ;i;);*;[; i,; @ o;& ;[I"list-style;T; o;'; I" none;T; ;(; @ ;i;);*;[; i-; @ o; ;[I"li;T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I"li;T;0; i/;I";T;0;o; ;!{; i/;@I; i/;@I;[o;& ;[I" float;T; o; ;I"default-float;T;I"default_float;T; @ ; i0;i;);*;[; i0; @ o;& ;[I" margin-;To; ;I"opposite-direction;T;I"opposite_direction;T; @ ; i1; o;'; I" 10px;T; ;(; @ ;i;);*;[; i1; @ ; i/:@has_childrenT; @ ; i);,T; @ o; ;[I".clearing-blackout;T;i;o;;[o;;[o; ;[o:Sass::Selector::Class;[I"clearing-blackout;T; i5;I";T;0;o; ;!{; i5;@i; i5;@i;[ o;& ;[I"background;T; o; ;I"clearing-bg;T;I"clearing_bg;T; @ ; i6;i;);*;[; i6; @ o;& ;[I" position;T; o;'; I" fixed;T; ;(; @ ;i;);*;[; i7; @ o;& ;[I" width;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; i8; @ o;& ;[I" height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; i9; @ o;& ;[I"top;T; o;'; I"0;T; ;(; @ ;i;);*;[; i:; @ o;& ;[o; ;I"default-float;T;I"default_float;T; @ ; i;; o;'; I"0;T; ;(; @ ;i;);*;[; i;; @ o;& ;[I" z-index;T; o;'; I"998;T; ;(; @ ;i;);*;[; i<; @ o; ;[I".clearing-close;T;i;o;;[o;;[o; ;[o;-;[I"clearing-close;T; i>;I";T;0;o; ;!{; i>;@; i>;@;[o;& ;[I" display;T; o;'; I" block;T; ;(; @ ;i;);*;[; i>; @ ; i>;,T; @ ; i5;,T; @ o; ;[I".clearing-container;T;i;o;;[o;;[o; ;[o;-;[I"clearing-container;T; iA;I";T;0;o; ;!{; iA;@; iA;@;[ o;& ;[I" position;T; o;'; I" relative;T; ;(; @ ;i;);*;[; iB; @ o;& ;[I" z-index;T; o;'; I"998;T; ;(; @ ;i;);*;[; iC; @ o;& ;[I" height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; iD; @ o;& ;[I" overflow;T; o;'; I" hidden;T; ;(; @ ;i;);*;[; iE; @ o;& ;[I" margin;T; o;'; I"0;T; ;(; @ ;i;);*;[; iF; @ ; iA;,T; @ o; ;[I".visible-img;T;i;o;;[o;;[o; ;[o;-;[I"visible-img;T; iI;I";T;0;o; ;!{; iI;@; iI;@;[o;& ;[I" height;T; o;'; I"95%;T; ;(; @ ;i;);*;[; iJ; @ o;& ;[I" position;T; o;'; I" relative;T; ;(; @ ;i;);*;[; iK; @ o; ;[I"img;T;i;o;;[o;;[o; ;[o;+ ;[I"img;T;0; iM;I";T;0;o; ;!{; iM;@; iM;@;[ o;& ;[I" position;T; o;'; I" absolute;T; ;(; @ ;i;);*;[; iN; @ o;& ;[o; ;I"default-float;T;I"default_float;T; @ ; iO; o;'; I"50%;T; ;(; @ ;i;);*;[; iO; @ o;& ;[I"top;T; o;'; I"50%;T; ;(; @ ;i;);*;[; iP; @ o;& ;[I" margin-;To; ;I"default-float;T;I"default_float;T; @ ; iQ; o;'; I" -50%;T; ;(; @ ;i;);*;[; iQ; @ o;& ;[I"max-height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; iR; @ o;& ;[I"max-width;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; iS; @ ; iM;,T; @ ; iI;,T; @ o; ;[I".clearing-caption;T;i;o;;[o;;[o; ;[o;-;[I"clearing-caption;T; iW;I";T;0;o; ;!{; iW;@:; iW;@:;[o;& ;[I" color;T; o; ;I" clearing-caption-font-color;T;I" clearing_caption_font_color;T; @ ; iX;i;);*;[; iX; @ o;& ;[I"line-height;T; o;'; I"1.3;T; ;(; @ ;i;);*;[; iY; @ o;& ;[I"margin-bottom;T; o;'; I"0;T; ;(; @ ;i;);*;[; iZ; @ o;& ;[I"text-align;T; o;'; I" center;T; ;(; @ ;i;);*;[; i[; @ o;& ;[I" bottom;T; o;'; I"0;T; ;(; @ ;i;);*;[; i\; @ o;& ;[I"background;T; o; ;I"clearing-caption-bg;T;I"clearing_caption_bg;T; @ ; i];i;);*;[; i]; @ o;& ;[I" width;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; i^; @ o;& ;[I" padding;T; o; ;I"clearing-caption-padding;T;I"clearing_caption_padding;T; @ ; i_;i;);*;[; i_; @ o;& ;[I" position;T; o;'; I" absolute;T; ;(; @ ;i;);*;[; i`; @ o;& ;[o; ;I"default-float;T;I"default_float;T; @ ; ia; o;'; I"0;T; ;(; @ ;i;);*;[; ia; @ ; iW;,T; @ o; ;[I".clearing-close;T;i;o;;[o;;[o; ;[o;-;[I"clearing-close;T; id;I";T;0;o; ;!{; id;@; id;@;[ o;& ;[I" z-index;T; o;'; I"999;T; ;(; @ ;i;);*;[; ie; @ o;& ;[I" padding-;To; ;I"default-float;T;I"default_float;T; @ ; if; o;'; I" 20px;T; ;(; @ ;i;);*;[; if; @ o;& ;[I"padding-top;T; o;'; I" 10px;T; ;(; @ ;i;);*;[; ig; @ o;& ;[I"font-size;T; o; ;I"clearing-close-size;T;I"clearing_close_size;T; @ ; ih;i;);*;[; ih; @ o;& ;[I"line-height;T; o;'; I"1;T; ;(; @ ;i;);*;[; ii; @ o;& ;[I" color;T; o; ;I"clearing-close-color;T;I"clearing_close_color;T; @ ; ij;i;);*;[; ij; @ o;& ;[I" display;T; o;'; I" none;T; ;(; @ ;i;);*;[; ik; @ o; ;[I"&:hover, &:focus;T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; in;I";To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover;T: @arg0; in;@;0;o; ;!{; in;@o;;[I" ;To; ;[o;.; in;@o;/ ;0;1;[I" focus;T;20; in;@;0;o; ;!{; in;@; in;@;[o;& ;[I" color;T; o;'; I" #ccc;T; ;(; @ ;i;);*;[; in; @ ; in;,T; @ ; id;,T; @ o; ;[I",.clearing-assembled .clearing-container;T;i;o;;[o;;[o; ;[o;-;[I"clearing-assembled;T; iq;I";T;0;o; ;!{; iq;@o; ;[o;-;[I"clearing-container;T; iq;@;0;o; ;!{; iq;@; iq;@;[o;& ;[I" height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; iq; @ o; ;[I".carousel > ul;T;i;o;;[o;;[o; ;[o;-;[I" carousel;T; ir;I";T;0;o; ;!{; ir;@ I">;To; ;[o;+ ;[I"ul;T;0; ir;@ ;0;o; ;!{; ir;@ ; ir;@ ;[o;& ;[I" display;T; o;'; I" none;T; ;(; @ ;i;);*;[; ir; @ ; ir;,T; @ ; iq;,T; @ o; ; [I"e/* If you want to show a lightbox, but only have a single image come through as the thumbnail */;T; ;;[; iu; @ o; ;[I".clearing-feature li;T;i;o;;[o;;[o; ;[o;-;[I"clearing-feature;T; iv;I";T;0;o; ;!{; iv;@+o; ;[o;+ ;[I"li;T;0; iv;@+;0;o; ;!{; iv;@+; iv;@+;[o;& ;[I" display;T; o;'; I" none;T; ;(; @ ;i;);*;[; iw; @ o; ;[I"&.clearing-featured-img;T;i;o;;[o;;[o; ;[o;.; ix;I";To;-;[I"clearing-featured-img;T; ix;@F;0;o; ;!{; ix;@F; ix;@F;[o;& ;[I" display;T; o;'; I" block;T; ;(; @ ;i;);*;[; iy; @ ; ix;,T; @ ; iv;,T; @ o; ; [I"!/* Large screen overrides */;T; ;;[; i}; @ o:Sass::Tree::MediaNode : @query[o; ;I" small;T;I" small;T; @ ; i~;i; I";T;[ o; ;[I"1.clearing-main-prev, .clearing-main-next;T;i;o;;[o;;[o; ;[o;-;[I"clearing-main-prev;T; i{;I";T;0;o; ;!{; i{;@jo;;[I" ;To; ;[o;-;[I"clearing-main-next;T; i{;@j;0;o; ;!{; i{;@j; i{;@j;[ o;& ;[I" position;T; o;'; I" absolute;T; ;(; @ ;i;);*;[; i|; @ o;& ;[I" height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; i}; @ o;& ;[I" width;T; o;'; I" 40px;T; ;(; @ ;i;);*;[; i~; @ o;& ;[I"top;T; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o; ;[I" & > span;T;i;o;;[o;;[o; ;[o;.; i;I";T;0;o; ;!{; i;@I">;To; ;[o;+ ;[I" span;T;0; i;@;0;o; ;!{; i;@; i;@;[ o;& ;[I" position;T; o;'; I" absolute;T; ;(; @ ;i;);*;[; i; @ o;& ;[I"top;T; o;'; I"50%;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" display;T; o;'; I" block;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" width;T; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" height;T; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" border;T; o:Sass::Script::List ; [o;' ; I" solid;T; ;(; i; @ o; ;I"clearing-arrow-size;T;I"clearing_arrow_size;T; @ ; i:@separator: space; i; @ ;i;);*;[; i; @ ; i;,T; @ ; i{;,T; @ o; ;[I".clearing-main-prev;T;i;o;;[o;;[o; ;[o;-;[I"clearing-main-prev;T; i;I";T;0;o; ;!{; i;@; i;@;[o;& ;[o; ;I"default-float;T;I"default_float;T; @ ; i; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o; ;[I" & > span;T;i;o;;[o;;[o; ;[o;.; i;I";T;0;o; ;!{; i;@I">;To; ;[o;+ ;[I" span;T;0; i;@;0;o; ;!{; i;@; i;@;[o;& ;[o; ;I"default-float;T;I"default_float;T; @ ; i; o;'; I"5px;T; ;(; @ ;i;);*;[; i; @ o;& ;[I"border-color;T; o;'; I"transparent;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" border-;To; ;I"opposite-direction;T;I"opposite_direction;T; @ ; iI" -color;T; o; ;I"clearing-arrow-color;T;I"clearing_arrow_color;T; @ ; i;i;);*;[; i; @ ; i;,T; @ ; i;,T; @ o; ;[I".clearing-main-next;T;i;o;;[o;;[o; ;[o;-;[I"clearing-main-next;T; i;I";T;0;o; ;!{; i;@"; i;@";[o;& ;[o; ;I"opposite-direction;T;I"opposite_direction;T; @ ; i; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o; ;[I" & > span;T;i;o;;[o;;[o; ;[o;.; i;I";T;0;o; ;!{; i;@8I">;To; ;[o;+ ;[I" span;T;0; i;@8;0;o; ;!{; i;@8; i;@8;[o;& ;[I"border-color;T; o;'; I"transparent;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" border-;To; ;I"default-float;T;I"default_float;T; @ ; iI" -color;T; o; ;I"clearing-arrow-color;T;I"clearing_arrow_color;T; @ ; i;i;);*;[; i; @ ; i;,T; @ ; i;,T; @ o; ;[I"C.clearing-main-prev.disabled, .clearing-main-next.disabled;T;i;o;;[o;;[o; ;[o;-;[I"clearing-main-prev;T; i;I";To;-;[I" disabled;T; i;@a;0;o; ;!{; i;@ao;;[I" ;To; ;[o;-;[I"clearing-main-next;T; i;@ao;-;[I" disabled;T; i;@a;0;o; ;!{; i;@a; i;@a;[o;& ;[I" opacity;T; o;'; I"0.5;T; ;(; @ ;i;);*;[; i; @ ; i;,T; @ o; ;[I",.clearing-assembled .clearing-container;T;i;o;;[o;;[o; ;[o;-;[I"clearing-assembled;T; i;I";T;0;o; ;!{; i;@o; ;[o;-;[I"clearing-container;T; i;@;0;o; ;!{; i;@; i;@;[o; ;[I".carousel;T;i;o;;[o;;[o; ;[o;-;[I" carousel;T; i;I";T;0;o; ;!{; i;@; i;@;[ o;& ;[I"background;T; o; ;I"clearing-carousel-bg;T;I"clearing_carousel_bg;T; @ ; i;i;);*;[; i; @ o;& ;[I" height;T; o; ;I"clearing-carousel-height;T;I"clearing_carousel_height;T; @ ; i;i;);*;[; i; @ o;& ;[I"margin-top;T; o;'; I"5px;T; ;(; @ ;i;);*;[; i; @ o; ;[I" & > ul;T;i;o;;[o;;[o; ;[o;.; i;I";T;0;o; ;!{; i;@I">;To; ;[o;+ ;[I"ul;T;0; i;@;0;o; ;!{; i;@; i;@;[ o;& ;[I" display;T; o;'; I" block;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" z-index;T; o;'; I"999;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" width;T; o;'; I" 200%;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" margin-;To; ;I"default-float;T;I"default_float;T; @ ; i; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" position;T; o;'; I" relative;T; ;(; @ ;i;);*;[; i; @ o;& ;[o; ;I"default-float;T;I"default_float;T; @ ; i; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o; ;[I"li;T;i;o;;[o;;[o; ;[o;+ ;[I"li;T;0; i;I";T;0;o; ;!{; i;@; i;@;[o;& ;[I" display;T; o;'; I" block;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" width;T; o; ;I""clearing-carousel-thumb-width;T;I""clearing_carousel_thumb_width;T; @ ; i;i;);*;[; i; @ o;& ;[I" height;T; o;'; I" inherit;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" padding;T; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" float;T; o; ;I"default-float;T;I"default_float;T; @ ; i;i;);*;[; i; @ o;& ;[I" overflow;T; o;'; I" hidden;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" margin-;To; ;I"opposite-direction;T;I"opposite_direction;T; @ ; i; o;'; I"1px;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" position;T; o;'; I" relative;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" cursor;T; o; ;I"cursor-pointer-value;T;I"cursor_pointer_value;T; @ ; i;i;);*;[; i; @ o;& ;[I" opacity;T; o;'; I"0.4;T; ;(; @ ;i;);*;[; i; @ o; ;[I"&.fix-height;T;i;o;;[o;;[o; ;[o;.; i;I";To;-;[I"fix-height;T; i;@W;0;o; ;!{; i;@W; i;@W;[o; ;[I"img;T;i;o;;[o;;[o; ;[o;+ ;[I"img;T;0; i;I";T;0;o; ;!{; i;@j; i;@j;[o;& ;[I"min-height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" height;T; o;'; I" 100%;T; ;(; @ ;i;);*;[; i; @ o;& ;[I"max-width;T; o;'; I" none;T; ;(; @ ;i;);*;[; i; @ ; i;,T; @ ; i;,T; @ o; ;[I" a.th;T;i;o;;[o;;[o; ;[o;+ ;[I"a;T;0; i;I";To;-;[I"th;T; i;@;0;o; ;!{; i;@; i;@;[ o;& ;[I" border;T; o;'; I" none;T; ;(; @ ;i;);*;[; i; @ u:Sass::Tree::IfNode#[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @linei0[o:Sass::Tree::PropNode ;[I"-webkit-box-shadow;T: @valueo:Sass::Script::String; I" none;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; i; @ o;& ;[I"box-shadow;T; o;'; I" none;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" display;T; o;'; I" block;T; ;(; @ ;i;);*;[; i; @ ; i;,T; @ o; ;[I"img;T;i;o;;[o;;[o; ;[o;+ ;[I"img;T;0; i;I";T;0;o; ;!{; i;@; i;@;[o;& ;[I" cursor;T; o;5 ; [o; ;I"cursor-pointer-value;T;I"cursor_pointer_value;T; @ ; io;' ; I"!important;T; ;(; i; @ ;6;7; i; @ ;i;);*;[; i; @ o;& ;[I"min-width;T; o;'; I"100% !important;T; ;(; @ ;i;);*;[; i; @ ; i;,T; @ o; ;[I"&.visible;T;i;o;;[o;;[o; ;[o;.; i;I";To;-;[I" visible;T; i;@;0;o; ;!{; i;@; i;@;[o;& ;[I" opacity;T; o;'; I"1;T; ;(; @ ;i;);*;[; i; @ ; i;,T; @ ; i;,T; @ ; i;,T; @ ; i;,T; @ o; ;[I".visible-img;T;i;o;;[o;;[o; ;[o;-;[I"visible-img;T; i;I";T;0;o; ;!{; i;@; i;@;[o;& ;[I"background;T; o; ;I"clearing-img-bg;T;I"clearing_img_bg;T; @ ; i;i;);*;[; i; @ o;& ;[I" overflow;T; o;'; I" hidden;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" height;T; o; ;I"clearing-active-img-height;T;I"clearing_active_img_height;T; @ ; i;i;);*;[; i; @ ; i;,T; @ ; i;,T; @ o; ;[I".clearing-close;T;i;o;;[o;;[o; ;[o;-;[I"clearing-close;T; i;I";T;0;o; ;!{; i;@; i;@;[ o;& ;[I" position;T; o;'; I" absolute;T; ;(; @ ;i;);*;[; i; @ o;& ;[I"top;T; o;'; I" 10px;T; ;(; @ ;i;);*;[; i; @ o;& ;[o; ;I"opposite-direction;T;I"opposite_direction;T; @ ; i; o;'; I" 20px;T; ;(; @ ;i;);*;[; i; @ o;& ;[I" padding-;To; ;I"default-float;T;I"default_float;T; @ ; i; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ o;& ;[I"padding-top;T; o;'; I"0;T; ;(; @ ;i;);*;[; i; @ ; i;,T; @ ; i~;,T; @ :@templateI"// // Clearing Variables // $include-html-clearing-classes: $include-html-classes !default; // We use these to set the background colors for parts of Clearing. $clearing-bg: #111 !default; $clearing-caption-bg: $clearing-bg !default; $clearing-carousel-bg: #111 !default; $clearing-img-bg: $clearing-bg !default; // We use these to style the close button $clearing-close-color: #fff !default; $clearing-close-size: 40px !default; // We use these to style the arrows $clearing-arrow-size: 16px !default; $clearing-arrow-color: $clearing-close-color !default; // We use these to style captions $clearing-caption-font-color: #fff !default; $clearing-caption-padding: 10px 30px !default; // We use these to make the image and carousel height and style $clearing-active-img-height: 75% !default; $clearing-carousel-height: 150px !default; $clearing-carousel-thumb-width: 175px !default; $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255) !default; @if $include-html-clearing-classes { // We decided to not create a mixin for Clearing because it relies // on predefined classes and structure to work properly. // The variables above should give enough control. /* Clearing Styles */ [data-clearing] { @include clearfix; margin-bottom: 0; margin-#{$default-float}: 0; list-style: none; li { float: $default-float; margin-#{$opposite-direction}: 10px; } } .clearing-blackout { background: $clearing-bg; position: fixed; width: 100%; height: 100%; top: 0; #{$default-float}: 0; z-index: 998; .clearing-close { display: block; } } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0; } .visible-img { height: 95%; position: relative; img { position: absolute; #{$default-float}: 50%; top: 50%; margin-#{$default-float}: -50%; max-height: 100%; max-width: 100%; } } .clearing-caption { color: $clearing-caption-font-color; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: $clearing-caption-bg; width: 100%; padding: $clearing-caption-padding; position: absolute; #{$default-float}: 0; } .clearing-close { z-index: 999; padding-#{$default-float}: 20px; padding-top: 10px; font-size: $clearing-close-size; line-height: 1; color: $clearing-close-color; display: none; &:hover, &:focus { color: #ccc; } } .clearing-assembled .clearing-container { height: 100%; .carousel > ul { display: none; } } // If you want to show a lightbox, but only have a single image come through as the thumbnail .clearing-feature li { display: none; &.clearing-featured-img { display: block; } } // Large screen overrides @media #{$small} { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; & > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid $clearing-arrow-size; } } .clearing-main-prev { #{$default-float}: 0; & > span { #{$default-float}: 5px; border-color: transparent; border-#{$opposite-direction}-color: $clearing-arrow-color; } } .clearing-main-next { #{$opposite-direction}: 0; & > span { border-color: transparent; border-#{$default-float}-color: $clearing-arrow-color; } } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.5; } .clearing-assembled .clearing-container { .carousel { background: $clearing-carousel-bg; height: $clearing-carousel-height; margin-top: 5px; & > ul { display: block; z-index: 999; width: 200%; height: 100%; margin-#{$default-float}: 0; position: relative; #{$default-float}: 0; li { display: block; width: $clearing-carousel-thumb-width; height: inherit; padding: 0; float: $default-float; overflow: hidden; margin-#{$opposite-direction}: 1px; position: relative; cursor: $cursor-pointer-value; opacity: 0.4; &.fix-height { img { min-height: 100%; height: 100%; max-width: none; } } a.th { border: none; @if $experimental { -webkit-box-shadow: none; } box-shadow: none; display: block; } img { cursor: $cursor-pointer-value !important; min-width: 100% !important; } &.visible { opacity: 1; } } } } .visible-img { background: $clearing-img-bg; overflow: hidden; height: $clearing-active-img-height; } } .clearing-close { position: absolute; top: 10px; #{$opposite-direction}: 20px; padding-#{$default-float}: 0; padding-top: 0; } } } ; T; i:@has_childrenT; @