{: versionI"3.2.19 (Media Mark):EF:shaI"-8fd5c4bd410ba08088b2411e43172c288c445926;F: contents"io:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"V/* Foundation by ZURB * foundation.zurb.com * Licensed under MIT Open Source */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::ImportNode :@imported_filenameI" global; T;[:@template0; i ; @ :@imported_file0o; ;[I"/* * @variables * */; T; ; ;[; i ; @ 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; ;I"oil; T;I"oil; T; 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:Sass::Script::Funcall ;I" rgba; T: @args[ o:Sass::Script::Number ;i8:@numerator_units[:@denominator_units[; i:@originalI"51; F; @ o; ;i8;[;@3; i;I"51; F; @ o; ;i8;[;@3; i;I"51; F; @ o; ;f0.8;[;@3; i;I"0.8; F; @ :@keywords{: @splat0; 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; ;I" iron; T;I" iron; T; i; @ ;I" !default; T;[; i; @ o; ;I"clearing-close-size; T;o; ;i#;[I"px; T;[; i;I" 30px; 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" 12px; 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; ;I" iron; T;I" iron; T; i ; @ ;I" !default; T;[; i ; @ o; ;I"clearing-caption-font-size; T;o; ;f 0.875;[I"em; T;[; i!;I" 0.875em; F; @ ;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; @ o; ;i;[I"px; T;[; i";I" 20px; 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; ;iZ;[I"%; T;[; i%;I"85%; F; @ ;I" !default; T;[; i%; @ o; ;I"clearing-carousel-height; T;o; ;i};[I"px; T;[; i&;I" 120px; F; @ ;I" !default; T;[; i&; @ o; ;I""clearing-carousel-thumb-width; T;o; ;i};[I"px; T;[; i';I" 120px; F; @ ;I" !default; T;[; i'; @ o; ;I"*clearing-carousel-thumb-active-border; T;o; ;[o; ;i;[I"px; T;[; i(;I"1px; F; @ o:Sass::Script::String ;I" solid; T; :identifier; i(; @ o; ;I"rgb; T;[o; ;i;[;@3; i(;I"255; F; @ o; ;i;[;@3; i(;I"255; F; @ o; ;i;[;@3; i(;I"255; F; @ ;{;0; i(; @ ;!;"; i(; @ ;I" !default; T;[; i(; @ o:Sass::Tree::MixinNode ;I" exports; T;[o;# ;I" clearing; T; : string; i*; @ ;{;0;[u:Sass::Tree::IfNodeYD[o:Sass::Script::Variable : @nameI""include-html-clearing-classes:ET:@underscored_nameI""include_html_clearing_classes;T: @linei+: @options{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;[; i0; @ o:Sass::Tree::RuleNode : @rule[I".clearing-thumbs, ;To:Sass::Script::Funcall ;I" data;T: @args[o:Sass::Script::String ; I" clearing;T; : string; i1; @ :@keywords{: @splat0; i1; @ : @tabsi;[ o:Sass::Tree::MixinNode ;I" clearfix;T;[;{;0;[; i2; @ o:Sass::Tree::PropNode ;[I"margin-bottom;T; o;; I"0;T; :identifier; @ ;i:@prop_syntax:new;[; i3; @ o; ;[I" margin-;To; ;I"default-float;T;I"default_float;T; i4; @ ; o;; I"0;T; ;; @ ;i;;;[; i4; @ o; ;[I"list-style;T; o;; I" none;T; ;; @ ;i;;;[; i5; @ o; ;[I"li;T;i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;![o:#Sass::Selector::SimpleSequence ;![o:Sass::Selector::Element ;[I"li;T:@namespace0; i7:@filenameI";T: @subject0: @sourceso:Set: @hash{; i7;&@C; i7;&@C;[o; ;[I" float;T; o; ;I"default-float;T;I"default_float;T; i8; @ ;i;;;[; i8; @ o; ;[I" margin-;To; ;I"opposite-direction;T;I"opposite_direction;T; i9; @ ; o;; I" 10px;T; ;; @ ;i;;;[; i9; @ ; i7:@has_childrenT; @ o; ;[I"&[class*="block-grid-"] li;T;i;o; ;![o;";![o;# ;![o:Sass::Selector::Parent; i<;&I";To:Sass::Selector::Attribute ;[I" class;T;%0:@operatorI"*=;T; [I""block-grid-";T: @flags0; i<;&@a;'0;(o;);*{; i<;&@ao;# ;![o;$ ;[I"li;T;%0; i<;&@a;'0;(o;);*{; i<;&@a; i<;&@a;[o; ;[I" margin-;To; ;I"opposite-direction;T;I"opposite_direction;T; i=; @ ; o;; I"0;T; ;; @ ;i;;;[; i=; @ ; i<;+T; @ ; i1;+T; @ o; ;[I".clearing-blackout;T;i;o; ;![o;";![o;# ;![o:Sass::Selector::Class;[I"clearing-blackout;T; iA;&I";T;'0;(o;);*{; iA;&@; iA;&@;[ o; ;[I"background;T; o; ;I"clearing-bg;T;I"clearing_bg;T; iB; @ ;i;;;[; iB; @ o; ;[I" position;T; o;; I" fixed;T; ;; @ ;i;;;[; iC; @ o; ;[I" width;T; o;; I" 100%;T; ;; @ ;i;;;[; iD; @ o; ;[I" height;T; o;; I" 100%;T; ;; @ ;i;;;[; iE; @ o; ;[I"top;T; o;; I"0;T; ;; @ ;i;;;[; iF; @ o; ;[o; ;I"default-float;T;I"default_float;T; iG; @ ; o;; I"0;T; ;; @ ;i;;;[; iG; @ o; ;[I" z-index;T; o;; I"998;T; ;; @ ;i;;;[; iH; @ o; ;[I".clearing-close;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-close;T; iJ;&I";T;'0;(o;);*{; iJ;&@; iJ;&@;[o; ;[I" display;T; o;; I" block;T; ;; @ ;i;;;[; iJ; @ ; iJ;+T; @ ; iA;+T; @ o; ;[I".clearing-container;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-container;T; iM;&I";T;'0;(o;);*{; iM;&@; iM;&@;[ o; ;[I" position;T; o;; I" relative;T; ;; @ ;i;;;[; iN; @ o; ;[I" z-index;T; o;; I"998;T; ;; @ ;i;;;[; iO; @ o; ;[I" height;T; o;; I" 100%;T; ;; @ ;i;;;[; iP; @ o; ;[I" overflow;T; o;; I" hidden;T; ;; @ ;i;;;[; iQ; @ o; ;[I" margin;T; o;; I"0;T; ;; @ ;i;;;[; iR; @ ; iM;+T; @ o; ;[I".clearing-touch-label;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-touch-label;T; iU;&I";T;'0;(o;);*{; iU;&@; iU;&@;[ o; ;[I" position;T; o;; I" absolute;T; ;; @ ;i;;;[; iV; @ o; ;[I"top;T; o;; I"50%;T; ;; @ ;i;;;[; iW; @ o; ;[I" left;T; o;; I"50%;T; ;; @ ;i;;;[; iX; @ o; ;[I" color;T; o; ;I" base;T;I" base;T; iY; @ ;i;;;[; iY; @ o; ;[I"font-size;T; o;; I" 0.6em;T; ;; @ ;i;;;[; iZ; @ ; iU;+T; @ o; ;[I".visible-img;T;i;o; ;![o;";![o;# ;![o;0;[I"visible-img;T; i];&I";T;'0;(o;);*{; i];&@2; i];&@2;[o; ;[I" height;T; o;; I"95%;T; ;; @ ;i;;;[; i^; @ o; ;[I" position;T; o;; I" relative;T; ;; @ ;i;;;[; i_; @ o; ;[I"img;T;i;o; ;![o;";![o;# ;![o;$ ;[I"img;T;%0; ia;&I";T;'0;(o;);*{; ia;&@N; ia;&@N;[ o; ;[I" position;T; o;; I" absolute;T; ;; @ ;i;;;[; ib; @ o; ;[o; ;I"default-float;T;I"default_float;T; ic; @ ; o;; I"50%;T; ;; @ ;i;;;[; ic; @ o; ;[I"top;T; o;; I"50%;T; ;; @ ;i;;;[; id; @ o; ;[I" margin-;To; ;I"default-float;T;I"default_float;T; ie; @ ; o;; I" -50%;T; ;; @ ;i;;;[; ie; @ o; ;[I"max-height;T; o;; I" 100%;T; ;; @ ;i;;;[; if; @ o; ;[I"max-width;T; o;; I" 100%;T; ;; @ ;i;;;[; ig; @ ; ia;+T; @ ; i];+T; @ o; ;[I".clearing-caption;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-caption;T; ik;&I";T;'0;(o;);*{; ik;&@; ik;&@;[o; ;[I" color;T; o; ;I" clearing-caption-font-color;T;I" clearing_caption_font_color;T; il; @ ;i;;;[; il; @ o; ;[I"font-size;T; o; ;I"clearing-caption-font-size;T;I"clearing_caption_font_size;T; im; @ ;i;;;[; im; @ o; ;[I"line-height;T; o;; I"1.3;T; ;; @ ;i;;;[; in; @ o; ;[I"margin-bottom;T; o;; I"0;T; ;; @ ;i;;;[; io; @ o; ;[I"text-align;T; o;; I" center;T; ;; @ ;i;;;[; ip; @ o; ;[I" bottom;T; o;; I"0;T; ;; @ ;i;;;[; iq; @ o; ;[I"background;T; o; ;I"clearing-caption-bg;T;I"clearing_caption_bg;T; ir; @ ;i;;;[; ir; @ o; ;[I" width;T; o;; I" 100%;T; ;; @ ;i;;;[; is; @ o; ;[I" padding;T; o; ;I"clearing-caption-padding;T;I"clearing_caption_padding;T; it; @ ;i;;;[; it; @ o; ;[I" position;T; o;; I" absolute;T; ;; @ ;i;;;[; iu; @ o; ;[o; ;I"default-float;T;I"default_float;T; iv; @ ; o;; I"0;T; ;; @ ;i;;;[; iv; @ ; ik;+T; @ o; ;[I".clearing-close;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-close;T; iy;&I";T;'0;(o;);*{; iy;&@; iy;&@;[ o; ;[I" z-index;T; o;; I"999;T; ;; @ ;i;;;[; iz; @ o; ;[I" padding-;To; ;I"default-float;T;I"default_float;T; i{; @ ; o;; I" 20px;T; ;; @ ;i;;;[; i{; @ o; ;[I"padding-top;T; o;; I" 10px;T; ;; @ ;i;;;[; i|; @ o; ;[I"font-size;T; o; ;I"clearing-close-size;T;I"clearing_close_size;T; i}; @ ;i;;;[; i}; @ o; ;[I"line-height;T; o;; I"1;T; ;; @ ;i;;;[; i~; @ o; ;[I" color;T; o; ;I"clearing-close-color;T;I"clearing_close_color;T; i; @ ;i;;;[; i; @ o; ;[I" display;T; o;; I" none;T; ;; @ ;i;;;[; i{; @ o; ;[I"&:hover, &:focus;T;i;o; ;![o;";![o;# ;![o;,; i~;&I";To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover;T: @arg0; i~;&@;'0;(o;);*{; i~;&@o;";![I" ;To;# ;![o;,; i~;&@o;1 ;2;3;[I" focus;T;40; i~;&@;'0;(o;);*{; i~;&@; i~;&@;[o; ;[I" color;T; o; ;I" iron;T;I" iron;T; i~; @ ;i;;;[; i~; @ ; i~;+T; @ ; iy;+T; @ o; ;[I",.clearing-assembled .clearing-container;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-assembled;T; i;&I";T;'0;(o;);*{; i;&@Ao;# ;![o;0;[I"clearing-container;T; i;&@A;'0;(o;);*{; i;&@A; i;&@A;[o; ;[I" height;T; o;; I" 100%;T; ;; @ ;i;;;[; i; @ o; ;[I".carousel > ul;T;i;o; ;![o;";![o;# ;![o;0;[I" carousel;T; i;&I";T;'0;(o;);*{; i;&@^I">;To;# ;![o;$ ;[I"ul;T;%0; i;&@^;'0;(o;);*{; i;&@^; i;&@^;[o; ;[I" display;T; o;; I" none;T; ;; @ ;i;;;[; i; @ ; i;+T; @ ; i;+T; @ o; ; [I"e/* If you want to show a lightbox, but only have a single image come through as the thumbnail */;T; ;;[; i; @ o; ;[I".clearing-feature li;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-feature;T; i;&I";T;'0;(o;);*{; i;&@o;# ;![o;$ ;[I"li;T;%0; i;&@;'0;(o;);*{; i;&@; i;&@;[o; ;[I" display;T; o;; I" none;T; ;; @ ;i;;;[; i; @ o; ;[I"&.clearing-featured-img;T;i;o; ;![o;";![o;# ;![o;,; i;&I";To;0;[I"clearing-featured-img;T; i;&@;'0;(o;);*{; i;&@; i;&@;[o; ;[I" display;T; o;; I" block;T; ;; @ ;i;;;[; i; @ ; i;+T; @ ; i;+T; @ o; ; [I"!/* Large screen overrides */;T; ;;[; i; @ o:Sass::Tree::MediaNode : @query[o; ;I"medium-up;T;I"medium_up;T; i; @ ;i; I";T;[ o; ;[I"3.clearing-main-prev, .clearing-main-next;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-main-prev;T; i;&I";T;'0;(o;);*{; i;&@o;";![I" ;To;# ;![o;0;[I"clearing-main-next;T; i;&@;'0;(o;);*{; i;&@; i;&@;[ 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; @ o; ;[I" &:hover;T;i;o; ;![o;";![o;# ;![o;,; i;&I";To;1 ;2;3;[I" hover;T;40; i;&@.;'0;(o;);*{; i;&@.; i;&@.;[o; ;[I" opacity;T; o;; I"0.8;T; ;; @ ;i;;;[; i; @ ; i;+T; @ ; i;+T; @ ; i;+T; @ o; ;[I".clearing-main-prev;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-main-prev;T; i;&I";T;'0;(o;);*{; i;&@G; i;&@G;[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; i; @ I" -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;0;[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;&@I">;To;# ;![o;$ ;[I" span;T;%0; i;&@;'0;(o;);*{; i;&@; i;&@;[o; ;[I"border-color;T; o;; I"transparent;T; ;; @ ;i;;;[; i; @ o; ;[I" border-;To; ;I"default-float;T;I"default_float;T; i; @ I" -color;T; o; ;I"clearing-arrow-color;T;I"clearing_arrow_color;T; i; @ ;i;;;[; i; @ ; i;+T; @ ; i;+T; @ o; ;[I"E.clearing-main-prev.disabled, .clearing-main-next.disabled;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-main-prev;T; i;&I";To;0;[I" disabled;T; i;&@;'0;(o;);*{; i;&@o;";![I" ;To;# ;![o;0;[I"clearing-main-next;T; i;&@o;0;[I" disabled;T; i;&@;'0;(o;);*{; i;&@; i;&@;[o; ;[I" opacity;T; o;; I"0.3;T; ;; @ ;i;;;[; i; @ ; i;+T; @ o; ;[I",.clearing-assembled .clearing-container;T;i;o; ;![o;";![o;# ;![o;0;[I"clearing-assembled;T; i;&I";T;'0;(o;);*{; i;&@o;# ;![o;0;[I"clearing-container;T; i;&@;'0;(o;);*{; i;&@; i;&@;[o; ;[I".carousel;T;i;o; ;![o;";![o;# ;![o;0;[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" 10px;T; ;; @ ;i;;;[; i; @ o; ;[I"text-align;T; o;; I" center;T; ;; @ ;i;;;[; i; @ o; ;[I" & > ul;T;i;o; ;![o;";![o;# ;![o;,; i;&I";T;'0;(o;);*{; i;&@2I">;To;# ;![o;$ ;[I"ul;T;%0; i;&@2;'0;(o;);*{; i;&@2; i;&@2;[ o; ;[I" display;T; o;; I"inline-block;T; ;; @ ;i;;;[; i; @ o; ;[I" z-index;T; o;; I"999;T; ;; @ ;i;;;[; i; @ o; ;[I" height;T; o;; I" 100%;T; ;; @ ;i;;;[; i; @ o; ;[I" position;T; o;; I" relative;T; ;; @ ;i;;;[; i; @ o; ;[I" float;T; o;; I" none;T; ;; @ ;i;;;[; i; @ o; ;[I"li;T;i;o; ;![o;";![o;# ;![o;$ ;[I"li;T;%0; i;&I";T;'0;(o;);*{; i;&@h; i;&@h;[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"min-height;T; o;; I" inherit;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"0;T; ;; @ ;i;;;[; i; @ o; ;[I" padding;T; o;; I"0;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" clear;T; o;; I" none;T; ;; @ ;i;;;[; i; @ o; ;[I"&.fix-height;T;i;o; ;![o;";![o;# ;![o;,; i;&I";To;0;[I"fix-height;T; i;&@;'0;(o;);*{; i;&@; i;&@;[o; ;[I"img;T;i;o; ;![o;";![o;# ;![o;$ ;[I"img;T;%0; i;&I";T;'0;(o;);*{; 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;0;[I"th;T; i;&@;'0;(o;);*{; i;&@; i;&@;[o; ;[I" border;T; o;; I" none;T; ;; @ ;i;;;[; 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;7 ; [o; ;I"cursor-pointer-value;T;I"cursor_pointer_value;T; i; @ o; ; I"!important;T; ;; i; @ ;8;9; i; @ ;i;;;[; i; @ o; ;[I" width;T; o;; I"100% !important;T; ;; @ ;i;;;[; i; @ ; i;+T; @ o; ;[I"&.visible;T;i;o; ;![o;";![o;# ;![o;,; i;&I";To;0;[I" visible;T; i;&@1;'0;(o;);*{; i;&@1; i;&@1;[o; ;[I" opacity;T; o;; I"1;T; ;; @ ;i;;;[; i; @ ; i;+T; @ o; ;[I" &:hover;T;i;o; ;![o;";![o;# ;![o;,; i;&I";To;1 ;2;3;[I" hover;T;40; i;&@H;'0;(o;);*{; i;&@H; i;&@H;[o; ;[I" opacity;T; o;; I"0.8;T; ;; @ ;i;;;[; i; @ ; i;+T; @ ; i;+T; @ ; i;+T; @ ; i;+T; @ o; ;[I".visible-img;T;i;o; ;![o;";![o;# ;![o;0;[I"visible-img;T; i;&I";T;'0;(o;);*{; i;&@a; i;&@a;[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;0;[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; @ ; i*; @ :@has_childrenT;I"// Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source @import "global"; // // @variables // $include-html-clearing-classes: $include-html-classes !default; // We use these to set the background colors for parts of Clearing. $clearing-bg: $oil !default; $clearing-caption-bg: $clearing-bg !default; $clearing-carousel-bg: rgba(51,51,51,0.8) !default; $clearing-img-bg: $clearing-bg !default; // We use these to style the close button $clearing-close-color: $iron !default; $clearing-close-size: 30px !default; // We use these to style the arrows $clearing-arrow-size: 12px !default; $clearing-arrow-color: $clearing-close-color !default; // We use these to style captions $clearing-caption-font-color: $iron !default; $clearing-caption-font-size: 0.875em !default; $clearing-caption-padding: 10px 30px 20px !default; // We use these to make the image and carousel height and style $clearing-active-img-height: 85% !default; $clearing-carousel-height: 120px !default; $clearing-carousel-thumb-width: 120px !default; $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default; @include exports("clearing") { @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 */ .clearing-thumbs, #{data('clearing')} { @include clearfix; margin-bottom: 0; margin-#{$default-float}: 0; list-style: none; li { float: $default-float; margin-#{$opposite-direction}: 10px; } &[class*="block-grid-"] li { margin-#{$opposite-direction}: 0; } } .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; } .clearing-touch-label { position: absolute; top: 50%; left: 50%; color: $base; font-size: 0.6em; } .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; font-size: $clearing-caption-font-size; 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: $iron; } } .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 #{$medium-up} { .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; &:hover { opacity: 0.8; } } } .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.3; } .clearing-assembled .clearing-container { .carousel { background: $clearing-carousel-bg; height: $clearing-carousel-height; margin-top: 10px; text-align: center; & > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; li { display: block; width: $clearing-carousel-thumb-width; min-height: inherit; float: $default-float; overflow: hidden; margin-#{$opposite-direction}: 0; padding: 0; position: relative; cursor: $cursor-pointer-value; opacity: 0.4; clear: none; &.fix-height { img { height: 100%; max-width: none; } } a.th { border: none; box-shadow: none; display: block; } img { cursor: $cursor-pointer-value !important; width: 100% !important; } &.visible { opacity: 1; } &:hover { opacity: 0.8; } } } } .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;(T; @