3.4.22 (Selective Steve) 21a1a4eca1c3d155f89513a4ce2cb4be1f2dde19 o:Sass::Tree::RootNode :@children[Io:Sass::Tree::CommentNode : @value[I"V/* Foundation by ZURB * foundation.zurb.com * Licensed under MIT Open Source */:ET: @type: silent;[:@filename0: @options{: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i': @fileI"scss/_settings.scss; T:@importero: Sass::Importers::Filesystem: @rootI"+/Users/artemtabalin/Work/JSGrid/jsgrid; T:@real_rootI"+/Users/artemtabalin/Work/JSGrid/jsgrid; T:@same_name_warningso:Set: @hash{o; ;[I"$/* * FOUNDATION SETTINGS * */; T; ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i ;i;@;@o; ;[I"N/* This is the default html and body font-size for the base rem value. */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iL;@;@o:Sass::Tree::VariableNode: @nameI" rem-base; T: @expro: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number ;i; @ :@numerator_units[I"px; T:@denominator_units[:@originalI" 16px; F;i;o; ;o;;i;i;o;;i;i;@;@:@css_variable_warning0; @: @guarded0: @global0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"I/* Allows the use of rem-calc() or lower-bound() in your settings */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iG;@;@o:Sass::Tree::ImportNode :@imported_filenameI"foundation/functions; T;[; 0; @ :@template0;i;o; ;o;;i;i;o;;i;i$;@;@:@imported_file0o; ;[I"/* $experimental: true; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"/* The default font-size is set to 100% of the browser style sheet (usually 16px) * for compatibility with browser-based text zoom or user-set defaults. */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iM;@;@o; ;[I"/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. * If you want your base font-size to be different and not have it affect the grid breakpoints, * set $rem-base to $base-font-size and make sure $base-font-size is a px value. */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iV;@;@o;;I"base-font-size; T;o; ;o;! ;i; @ ;"[I"px; T;#[;$I" 14px; F;i;o; ;o;;i;i;o;;i;i;@;@;%0; @;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"F/* The $base-font-size is 100% while $base-line-height is 150% */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iD;@;@o;;I"base-line-height; T;o; ;o;! ;i; @ ;"[I"%; T;#[;$I" 180%; F;i;o; ;o;;i;i;o;;i;i;@;@;%0; @;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"/* We use this to control whether or not CSS classes come through in the gem files. * $include-html-classes: true; * $include-print-styles: true; * $include-html-global-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i!;o; ;o;;i!;i;o;;i$;i=;@;@o; ;[I"/* Grid */; T; ; ;[; 0; @ ;i&;o; ;o;;i&;i;o;;i&;i;@;@o; ;[I"m/* $include-html-block-grid-classes: $include-html-classes; * $include-xl-html-grid-classes: false; */; T; ; ;[; 0; @ ;i(;o; ;o;;i(;i;o;;i);i.;@;@o;;I"row-width; T;o: Sass::Script::Tree::Funcall;I" rem-calc; T: @args[o; ;o;! ;i; @ ;"[;#[;$I" 1200; F;i+;o; ;o;;i+;i;o;;i+;i;@;@;%0; @:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;%0;i+;o; ;o;;i+;i;o;;i+;i ;@;@; @; @ ;&0;'0;[; 0; @ ;i+;o; ;o;;i+;i;o;;i+;i ;@;@o;;I"total-columns; T;o; ;o;! ;i; @ ;"[;#@;$I"12; F;i,;o; ;o;;i,;i;o;;i,;i;@;@;%0; @;&0;'0;[; 0; @ ;i,;o; ;o;;i,;i;o;;i,;i;@;@o; ;[I"/* Global */; T; ; ;[; 0; @ ;i.;o; ;o;;i.;i;o;;i.;i;@;@o; ;[I"6/* We use these to define default font weights */; T; ; ;[; 0; @ ;i0;o; ;o;;i0;i;o;;i0;i4;@;@o;;I"font-weight-normal; T;o; ;o;! ;i,; @ ;"[;#@;$I"300; F;i1;o; ;o;;i1;i;o;;i1;i;@;@;%0; @;&T;'0;[; 0; @ ;i1;o; ;o;;i1;i;o;;i1;i';@;@o; ;[I"+/* $font-weight-bold: bold !default */; T; ; ;[; 0; @ ;i2;o; ;o;;i2;i;o;;i2;i);@;@o; ;[I"8/* We use these to control various global styles */; T; ; ;[; 0; @ ;i4;o; ;o;;i4;i;o;;i4;i6;@;@o;;I" body-bg; T;o; ;o:Sass::Script::Value::Color ;0; @ : @attrs{ :redi: greeni: bluei: alphai:@representationI" #fff; T;i5;o; ;o;;i5;i;o;;i5;i;@;@;%0; @;&0;'0;[; 0; @ ;i5;o; ;o;;i5;i;o;;i5;i;@;@o;;I"body-font-color; T;o; ;o;4 ;0; @ ;5{ ;6i+;7i+;8i+;9i;:I" #262626; T;i6;o; ;o;;i6;i;o;;i6;i;@;@;%0; @;&0;'0;[; 0; @ ;i6;o; ;o;;i6;i;o;;i6;i;@;@o;;I"body-font-family; T;o:$Sass::Script::Tree::ListLiteral :@elements[o; ;o: Sass::Script::Value::String ;I"Helvetica Neue Light; T; @ ; : string:"@deprecated_interp_equivalent0;i7;o; ;o;;i7;i;o;;i7;i/;@;@;%0; @o; ;o;= ;I"Open Sans; T; @ ; ;>;?0;i7;o; ;o;;i7;i1;o;;i7;i<;@;@;%0; @o; ;o;= ;I"Helvetica; T; @ ; :identifier;?0;i7;o; ;o;;i7;i>;o;;i7;iG;@;@;%0; @:@separator: comma;%0;i7;o; ;o;;i7;i;@;@;@; @; @ ;&0;'0;[; 0; @ ;i7;o; ;o;;i7;i;o;;i7;iG;@;@o;;I"body-font-weight; T;o; ;o;! ;i,; @ ;"[;#@;$I"300; F;i8;o; ;o;;i8;i;o;;i8;i;@;@;%0; @;&0;'0;[; 0; @ ;i8;o; ;o;;i8;i;o;;i8;i;@;@o;;I"body-font-style; T;o; ;o;= ;I" normal; T; @ ; ;@;?0;i9;o; ;o;;i9;i;o;;i9;i;@;@;%0; @;&0;'0;[; 0; @ ;i9;o; ;o;;i9;i;o;;i9;i;@;@o; ;[I"0/* We use this to control font-smoothing */; T; ; ;[; 0; @ ;i;;o; ;o;;i;;i;o;;i;;i.;@;@o;;I"font-smoothing; T;o; ;o;= ;I"antialiased; T; @ ; ;@;?0;i<;o; ;o;;i<;i;o;;i<;i";@;@;%0; @;&0;'0;[; 0; @ ;i<;o; ;o;;i<;i;o;;i<;i";@;@o; ;[I"/* We use these to control text direction settings * $text-direction: ltr; * $opposite-direction: right; * $default-float: left; */; T; ; ;[; 0; @ ;i>;o; ;o;;i>;i;o;;iA;i;@;@o; ;[I"4/* We use these as default colors throughout */; T; ; ;[; 0; @ ;iC;o; ;o;;iC;i;o;;iC;i2;@;@o;;I"primary-color; T;o; ;o;4 ;0; @ ;5{ ;6i0;7i;8i;9i;:I" #2ba6cb; T;iD;o; ;o;;iD;i;o;;iD;i;@;@;%0; @;&0;'0;[; 0; @ ;iD;o; ;o;;iD;i;o;;iD;i;@;@o;;I"secondary-color; T;o; ;o;4 ;0; @ ;5{ ;6i;7i;8i;9i;:I" #e7e7e7; T;iE;o; ;o;;iE;i;o;;iE;i;@;@;%0; @;&0;'0;[; 0; @ ;iE;o; ;o;;iE;i;o;;iE;i;@;@o;;I"alert-color; T;o; ;o;4 ;0; @ ;5{ ;6i;7iF;8i);9i;:I" #f04124; T;iF;o; ;o;;iF;i;o;;iF;i;@;@;%0; @;&0;'0;[; 0; @ ;iF;o; ;o;;iF;i;o;;iF;i;@;@o;;I"success-color; T;o; ;o;4 ;0; @ ;5{ ;6iH;7i;8io;9i;:I" #43AC6A; T;iH;o; ;o;;iH;i;o;;iH;i;@;@;%0; @;&0;'0;[; 0; @ ;iH;o; ;o;;iH;i;o;;iH;i;@;@o;;I"warning-color; T;o; ;o;4 ;0; @ ;5{ ;6i;7i;8i);9i;:I" #f08a24; T;iI;o; ;o;;iI;i;o;;iI;i;@;@;%0; @;&0;'0;[; 0; @ ;iI;o; ;o;;iI;i;o;;iI;i;@;@o;;I"info-color; T;o; ;o;4 ;0; @ ;5{ ;6i;7i;8i;9i;:I" #a0d3e8; T;iJ;o; ;o;;iJ;i;o;;iJ;i;@;@;%0; @;&0;'0;[; 0; @ ;iJ;o; ;o;;iJ;i;o;;iJ;i;@;@o; ;[I"/* We use these to make sure border radius matches unless we want it different. * $global-radius: 3px; * $global-rounded: 1000px; */; T; ; ;[; 0; @ ;iL;o; ;o;;iL;i;o;;iN;i!;@;@o; ;[I"/* We use these to control inset shadow shiny edges and depressions. * $shiny-edge-size: 0 1px 0; * $shiny-edge-color: rgba(#fff, .5); * $shiny-edge-active-color: rgba(#000, .2); */; T; ; ;[; 0; @ ;iP;o; ;o;;iP;i;o;;iS;i2;@;@o; ;[I"(/* $column-gutter: rem-calc(30); */; T; ; ;[; 0; @ ;iU;o; ;o;;iU;i;o;;iU;i&;@;@o; ;[I"/* Media Query Ranges */; T; ; ;[; 0; @ ;iW;o; ;o;;iW;i;o;;iW;i;@;@o;;I"small-range; T;o;; ;<[o; ;o;! ;i; @ ;"[I"em; T;#[;$I"0em; F;iX;o; ;o;;iX;i;o;;iX;i;@;@;%0; @o; ;o;! ;i-; @ ;"[I"em; T;#[;$I" 40em; F;iX;o; ;o;;iX;i;o;;iX;i;@;@;%0; @;A;B;%0;iX;o; ;o;;iX;i;@;@;@; @; @ ;&0;'0;[; 0; @ ;iX;o; ;o;;iX;i;o;;iX;i;@;@o;;I"medium-range; T;o;; ;<[o; ;o;! ;f 40.063; @ ;"[I"em; T;#[;$I" 40.063em; F;iY;o; ;o;;iY;i;o;;iY;i;@;@;%0; @o; ;o;! ;iE; @ ;"[I"em; T;#[;$I" 64em; F;iY;o; ;o;;iY;i ;o;;iY;i$;@;@;%0; @;A;B;%0;iY;o; ;o;;iY;i;@;@;@; @; @ ;&0;'0;[; 0; @ ;iY;o; ;o;;iY;i;o;;iY;i%;@;@o;;I"large-range; T;o;; ;<[o; ;o;! ;f 64.063; @ ;"[I"em; T;#[;$I" 64.063em; F;iZ;o; ;o;;iZ;i;o;;iZ;i;@;@;%0; @o; ;o;! ;i_; @ ;"[I"em; T;#[;$I" 90em; F;iZ;o; ;o;;iZ;i;o;;iZ;i#;@;@;%0; @;A;B;%0;iZ;o; ;o;;iZ;i;@;@;@; @; @ ;&0;'0;[; 0; @ ;iZ;o; ;o;;iZ;i;o;;iZ;i$;@;@o;;I"xlarge-range; T;o;; ;<[o; ;o;! ;f 90.063; @ ;"[I"em; T;#[;$I" 90.063em; F;i[;o; ;o;;i[;i;o;;i[;i;@;@;%0; @o; ;o;! ;i}; @ ;"[I"em; T;#[;$I" 120em; F;i[;o; ;o;;i[;i ;o;;i[;i%;@;@;%0; @;A;B;%0;i[;o; ;o;;i[;i;@;@;@; @; @ ;&0;'0;[; 0; @ ;i[;o; ;o;;i[;i;o;;i[;i&;@;@o;;I"xxlarge-range; T;o;; ;<[o; ;o;! ;f 120.063; @ ;"[I"em; T;#[;$I"120.063em; F;i\;o; ;o;;i\;i;o;;i\;i ;@;@;%0; @o; ;o;! ;i; @ ;"[I"em; T;#[;$I"99999999em; F;i\;o; ;o;;i\;i";o;;i\;i,;@;@;%0; @;A;B;%0;i\;o; ;o;;i\;i;@9;@;@; @; @ ;&0;'0;[; 0; @ ;i\;o; ;o;;i\;i;o;;i\;i-;@;@o;;I" screen; T;o; ;o;= ;I"only screen; T; @ ; ;>;?0;i^;o; ;o;;i^;i;o;;i^;i;@;@;%0; @;&0;'0;[; 0; @ ;i^;o; ;o;;i^;i;o;;i^;i;@;@o;;I"landscape; T;o:,Sass::Script::Tree::StringInterpolation : @beforeo; ;o;= ;I"; T; @ ; ;>;?0;i`;o; ;o;;i`;i;o;;i`;i;@;@;%0; @: @mido:!Sass::Script::Tree::Variable ;I" screen; T:@underscored_nameI" screen; T;%0;i`;o; ;o;;i`;i;o;;i`;i;@;@; @; @ : @aftero; ;o;= ;I"" and (orientation: landscape); T; @ ; ;>;?0;i`;o; ;o;;i`;i;o;;i`;i;;@;@;%0; @;%0;i`;o; ;@S;o;;i`;i;;@;@; @; @ ;&0;'0;[; 0; @ ;i`;o; ;o;;i`;i;o;;i`;i;;@;@o;;I" portrait; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;ia;o; ;o;;ia;i;o;;ia;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;ia;o; ;o;;ia;i;o;;ia;i;@;@; @; @ ;Ho; ;o;= ;I"! and (orientation: portrait); T; @ ; ;>;?0;ia;o; ;o;;ia;i;o;;ia;i9;@;@;%0; @;%0;ia;o; ;@n;o;;ia;i9;@;@; @; @ ;&0;'0;[; 0; @ ;ia;o; ;o;;ia;i;o;;ia;i9;@;@o;;I" small-up; T;o;F ;I" screen; T;GI" screen; T;%0;ic;o; ;o;;ic;i;o;;ic;i;@;@; @; @ ;&0;'0;[; 0; @ ;ic;o; ;o;;ic;i;o;;ic;i;@;@o;;I"small-only; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;id;o; ;o;;id;i;o;;id;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;id;o; ;o;;id;i;o;;id;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (max-width: ; T; @ ; ;>;?0;id;o; ;o;;id;i;o;;id;i1;@;@;%0; @;Eo;,;I"upper-bound; T;-[o;F ;I"small-range; T;GI"small_range; T;%0;id;o; ;o;;id;i=;o;;id;iI;@;@; @; @ ;.o;/;0{;1{;20;30;%0;id;o; ;o;;id;i1;o;;id;iJ;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;id;o; ;o;;id;iK;o;;id;iM;@;@;%0; @;%0;id;o; ;@;o;;id;iM;@;@; @; @ ;%0;id;o; ;@;o;;id;iM;@;@; @; @ ;&0;'0;[; 0; @ ;id;o; ;o;;id;i;o;;id;iM;@;@o;;I"medium-up; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;if;o; ;o;;if;i;o;;if;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;if;o; ;o;;if;i;o;;if;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;if;o; ;o;;if;i;o;;if;i/;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"medium-range; T;GI"medium_range; T;%0;if;o; ;o;;if;i;;o;;if;iH;@;@; @; @ ;.o;/;0{;1{;20;30;%0;if;o; ;o;;if;i/;o;;if;iI;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;if;o; ;o;;if;iJ;o;;if;iL;@;@;%0; @;%0;if;o; ;@;o;;if;iL;@;@; @; @ ;%0;if;o; ;@;o;;if;iL;@;@; @; @ ;&0;'0;[; 0; @ ;if;o; ;o;;if;i;o;;if;iL;@;@o;;I"medium-only; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;ig;o; ;o;;ig;i;o;;ig;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;ig;o; ;o;;ig;i;o;;ig;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;ig;o; ;o;;ig;i;o;;ig;i1;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"medium-range; T;GI"medium_range; T;%0;ig;o; ;o;;ig;i=;o;;ig;iJ;@;@; @; @ ;.o;/;0{;1{;20;30;%0;ig;o; ;o;;ig;i1;o;;ig;iK;@;@; @; @ ;Ho;C ;Do; ;o;= ;I") and (max-width:; T; @ ; ;>;?0;ig;o; ;o;;ig;iL;o;;ig;i_;@;@;%0; @;Eo;,;I"upper-bound; T;-[o;F ;I"medium-range; T;GI"medium_range; T;%0;ig;o; ;o;;ig;ik;o;;ig;ix;@;@; @; @ ;.o;/;0{;1{;20;30;%0;ig;o; ;o;;ig;i_;o;;ig;iy;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;ig;o; ;o;;ig;iz;o;;ig;i|;@;@;%0; @;%0;ig;o; ;@;o;;ig;i|;@;@; @; @ ;%0;ig;o; ;@;o;;ig;i|;@;@; @; @ ;%0;ig;o; ;@;o;;ig;i|;@;@; @; @ ;&0;'0;[; 0; @ ;ig;o; ;o;;ig;i;o;;ig;i|;@;@o;;I" large-up; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;ii;o; ;o;;ii;i;o;;ii;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;ii;o; ;o;;ii;i;o;;ii;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;ii;o; ;o;;ii;i;o;;ii;i.;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"large-range; T;GI"large_range; T;%0;ii;o; ;o;;ii;i:;o;;ii;iF;@;@; @; @ ;.o;/;0{;1{;20;30;%0;ii;o; ;o;;ii;i.;o;;ii;iG;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;ii;o; ;o;;ii;iH;o;;ii;iJ;@;@;%0; @;%0;ii;o; ;@S;o;;ii;iJ;@;@; @; @ ;%0;ii;o; ;@F;o;;ii;iJ;@;@; @; @ ;&0;'0;[; 0; @ ;ii;o; ;o;;ii;i;o;;ii;iJ;@;@o;;I"large-only; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;ij;o; ;o;;ij;i;o;;ij;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;ij;o; ;o;;ij;i;o;;ij;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;ij;o; ;o;;ij;i;o;;ij;i0;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"large-range; T;GI"large_range; T;%0;ij;o; ;o;;ij;i<;o;;ij;iH;@;@; @; @ ;.o;/;0{;1{;20;30;%0;ij;o; ;o;;ij;i0;o;;ij;iI;@;@; @; @ ;Ho;C ;Do; ;o;= ;I") and (max-width:; T; @ ; ;>;?0;ij;o; ;o;;ij;iJ;o;;ij;i];@;@;%0; @;Eo;,;I"upper-bound; T;-[o;F ;I"large-range; T;GI"large_range; T;%0;ij;o; ;o;;ij;ii;o;;ij;iu;@;@; @; @ ;.o;/;0{;1{;20;30;%0;ij;o; ;o;;ij;i];o;;ij;iv;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;ij;o; ;o;;ij;iw;o;;ij;iy;@;@;%0; @;%0;ij;o; ;@;o;;ij;iy;@;@; @; @ ;%0;ij;o; ;@;o;;ij;iy;@;@; @; @ ;%0;ij;o; ;@y;o;;ij;iy;@;@; @; @ ;&0;'0;[; 0; @ ;ij;o; ;o;;ij;i;o;;ij;iy;@;@o;;I"xlarge-up; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;il;o; ;o;;il;i;o;;il;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;il;o; ;o;;il;i;o;;il;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;il;o; ;o;;il;i;o;;il;i/;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"xlarge-range; T;GI"xlarge_range; T;%0;il;o; ;o;;il;i;;o;;il;iH;@;@; @; @ ;.o;/;0{;1{;20;30;%0;il;o; ;o;;il;i/;o;;il;iI;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;il;o; ;o;;il;iJ;o;;il;iL;@;@;%0; @;%0;il;o; ;@;o;;il;iL;@;@; @; @ ;%0;il;o; ;@;o;;il;iL;@;@; @; @ ;&0;'0;[; 0; @ ;il;o; ;o;;il;i;o;;il;iL;@;@o;;I"xlarge-only; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;im;o; ;o;;im;i;o;;im;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;im;o; ;o;;im;i;o;;im;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;im;o; ;o;;im;i;o;;im;i1;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"xlarge-range; T;GI"xlarge_range; T;%0;im;o; ;o;;im;i=;o;;im;iJ;@;@; @; @ ;.o;/;0{;1{;20;30;%0;im;o; ;o;;im;i1;o;;im;iK;@;@; @; @ ;Ho;C ;Do; ;o;= ;I") and (max-width:; T; @ ; ;>;?0;im;o; ;o;;im;iL;o;;im;i_;@;@;%0; @;Eo;,;I"upper-bound; T;-[o;F ;I"xlarge-range; T;GI"xlarge_range; T;%0;im;o; ;o;;im;ik;o;;im;ix;@;@; @; @ ;.o;/;0{;1{;20;30;%0;im;o; ;o;;im;i_;o;;im;iy;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;im;o; ;o;;im;iz;o;;im;i|;@;@;%0; @;%0;im;o; ;@;o;;im;i|;@;@; @; @ ;%0;im;o; ;@;o;;im;i|;@;@; @; @ ;%0;im;o; ;@;o;;im;i|;@;@; @; @ ;&0;'0;[; 0; @ ;im;o; ;o;;im;i;o;;im;i|;@;@o;;I"xxlarge-up; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;io;o; ;o;;io;i;o;;io;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;io;o; ;o;;io;i;o;;io;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;io;o; ;o;;io;i;o;;io;i0;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"xxlarge-range; T;GI"xxlarge_range; T;%0;io;o; ;o;;io;i<;o;;io;iJ;@;@; @; @ ;.o;/;0{;1{;20;30;%0;io;o; ;o;;io;i0;o;;io;iK;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;io;o; ;o;;io;iL;o;;io;iN;@;@;%0; @;%0;io;o; ;@O;o;;io;iN;@;@; @; @ ;%0;io;o; ;@B;o;;io;iN;@;@; @; @ ;&0;'0;[; 0; @ ;io;o; ;o;;io;i;o;;io;iN;@;@o;;I"xxlarge-only; T;o;C ;Do; ;o;= ;I"; T; @ ; ;>;?0;ip;o; ;o;;ip;i;o;;ip;i;@;@;%0; @;Eo;F ;I" screen; T;GI" screen; T;%0;ip;o; ;o;;ip;i;o;;ip;i;@;@; @; @ ;Ho;C ;Do; ;o;= ;I" and (min-width:; T; @ ; ;>;?0;ip;o; ;o;;ip;i ;o;;ip;i2;@;@;%0; @;Eo;,;I"lower-bound; T;-[o;F ;I"xxlarge-range; T;GI"xxlarge_range; T;%0;ip;o; ;o;;ip;i>;o;;ip;iL;@;@; @; @ ;.o;/;0{;1{;20;30;%0;ip;o; ;o;;ip;i2;o;;ip;iM;@;@; @; @ ;Ho;C ;Do; ;o;= ;I") and (max-width:; T; @ ; ;>;?0;ip;o; ;o;;ip;iN;o;;ip;ia;@;@;%0; @;Eo;,;I"upper-bound; T;-[o;F ;I"xxlarge-range; T;GI"xxlarge_range; T;%0;ip;o; ;o;;ip;im;o;;ip;i{;@;@; @; @ ;.o;/;0{;1{;20;30;%0;ip;o; ;o;;ip;ia;o;;ip;i|;@;@; @; @ ;Ho; ;o;= ;I"); T; @ ; ;>;?0;ip;o; ;o;;ip;i};o;;ip;i;@;@;%0; @;%0;ip;o; ;@;o;;ip;i;@;@; @; @ ;%0;ip;o; ;@;o;;ip;i;@;@; @; @ ;%0;ip;o; ;@u;o;;ip;i;@;@; @; @ ;&0;'0;[; 0; @ ;ip;o; ;o;;ip;i;o;;ip;i;@;@o; ;[I"V/* Legacy * $small: $medium-up; * $medium: $medium-up; * $large: $large-up; */; T; ; ;[; 0; @ ;ir;o; ;o;;ir;i;o;;iu;i;@;@o; ;[I"/*We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet * $cursor-crosshair-value: crosshair; * $cursor-default-value: default; * $cursor-pointer-value: pointer; * $cursor-help-value: help; * $cursor-text-value: text; */; T; ; ;[; 0; @ ;iw;o; ;o;;iw;i;o;;i|;i";@;@o; ;[I"/* * TYPOGRAPHY * */; T; ; ;[; 0; @ ;i~;o; ;o;;i~;i;o;;i{;i;@;@o; ;[I"=/* $include-html-type-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i};o; ;o;;i};i;o;;i};i;;@;@o; ;[I"`/* We use these to control header font styles * $header-font-family: $body-font-family; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i0;@;@o;;I"header-font-weight; T;o; ;o;! ;i,; @ ;"[;#@;$I"300; F;i;o; ;o;;i;i;o;;i;i;@;@;%0; @;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"C/* $header-font-style: normal; * $header-font-color: #222; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i";@;@o;;I"header-line-height; T;o; ;o;! ;f1.4; @ ;"[;#@;$I"1.4; F;i;o; ;o;;i;i;o;;i;i;@;@;%0; @;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"%/* $header-top-margin: .2rem; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i#;@;@o;;I"header-bottom-margin; T;o; ;o;! ;f0.6; @ ;"[I"rem; T;#[;$I" 0.6rem; F;i;o; ;o;;i;i;o;;i;i";@;@;%0; @;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i";@;@o; ;[I"6/* $header-text-rendering: optimizeLegibility; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i4;@;@o; ;[I"/* We use these to control header font sizes * $h1-font-size: rem-calc(44); * $h2-font-size: rem-calc(37); * $h3-font-size: rem-calc(27); * $h4-font-size: rem-calc(23); * $h5-font-size: rem-calc(18); * $h6-font-size: 1rem; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"@/* We use these to control header size reduction on small screens * $h1-font-reduction: rem-calc(10) !default; * $h2-font-reduction: rem-calc(10) !default; * $h3-font-reduction: rem-calc(5) !default; * $h4-font-reduction: rem-calc(5) !default; * $h5-font-reduction: 0 !default; * $h6-font-reduction: 0 !default; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i(;@;@o; ;[I"/* These control how subheaders are styled. * $subheader-line-height: 1.4; * $subheader-font-color: scale-color($header-font-color, $lightness: 35%); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iQ;@;@o;;I"subheader-font-weight; T;o;F ;I"font-weight-normal; T;GI"font_weight_normal; T;%0;i;o; ;o;;i;i;o;;i;i1;@;@; @; @ ;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i1;@;@o; ;[I"L/* $subheader-top-margin: .2rem; * $subheader-bottom-margin: .5rem; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i);@;@o; ;[I"/* A general styling * $small-font-size: 60%; * $small-font-color: scale-color($header-font-color, $lightness: 35%); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iM;@;@o; ;[I"O/* We use these to style paragraphs * $paragraph-font-family: inherit; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i);@;@o;;I"paragraph-font-weight; T;o;F ;I"font-weight-normal; T;GI"font_weight_normal; T;%0;i;o; ;o;;i;i;o;;i;i1;@;@; @; @ ;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i1;@;@o; ;[I"&/* $paragraph-font-size: 1rem; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i$;@;@o;;I"paragraph-line-height; T;o; ;o;! ;f1.8; @ ;"[;#@;$I"1.8; F;i;o; ;o;;i;i;o;;i;i!;@;@;%0; @;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i!;@;@o; ;[I"/* $paragraph-margin-bottom: rem-calc(20); * $paragraph-aside-font-size: rem-calc(14); * $paragraph-aside-line-height: 1.35; * $paragraph-aside-font-style: italic; * $paragraph-text-rendering: optimizeLegibility; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i7;@;@o; ;[I"/* We use these to style tags * $code-color: scale-color($alert-color, $lightness: -27%); * $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; * $code-font-weight: $font-weight-bold; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i.;@;@o; ;[I"/* We use these to style anchors * $anchor-text-decoration: none; * $anchor-text-decoration-hover: none; * $anchor-font-color: $primary-color; * $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iQ;@;@o; ;[I"/* We use these to style the
element * $hr-border-width: 1px; * $hr-border-style: solid; * $hr-border-color: #ddd; * $hr-margin: rem-calc(20); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i";@;@o; ;[I" /* We use these to style lists * $list-font-family: $paragraph-font-family; * $list-font-size: $paragraph-font-size; * $list-line-height: $paragraph-line-height; * $list-margin-bottom: $paragraph-margin-bottom; * $list-style-position: outside; * $list-side-margin: 1.1rem; * $list-ordered-side-margin: 1.4rem; * $list-side-margin-no-bullet: 0; * $list-nested-margin: rem-calc(20); * $definition-list-header-weight: $font-weight-bold; * $definition-list-header-margin-bottom: .3rem; * $definition-list-margin-bottom: rem-calc(12); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i6;@;@o; ;[I"/* We use these to style blockquotes * $blockquote-font-color: scale-color($header-font-color, $lightness: 35%); * $blockquote-padding: rem-calc(9 20 0 19); * $blockquote-border: 1px solid #ddd; * $blockquote-cite-font-size: rem-calc(13); * $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%); * $blockquote-cite-link-color: $blockquote-cite-font-color; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iB;@;@o; ;[I"A/* Acronym styles * $acronym-underline: 1px dotted #ddd; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i-;@;@o; ;[I"/* We use these to control padding and margin * $microformat-padding: rem-calc(10 12); * $microformat-margin: rem-calc(0 0 20 0); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i1;@;@o; ;[I"/* We use these to control the border styles * $microformat-border-width: 1px; * $microformat-border-style: solid; * $microformat-border-color: #ddd; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i);@;@o; ;[I"/* We use these to control full name font styles * $microformat-fullname-font-weight: $font-weight-bold; * $microformat-fullname-font-size: rem-calc(15); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i7;@;@o; ;[I"q/* We use this to control the summary font styles * $microformat-summary-font-weight: $font-weight-bold; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i=;@;@o; ;[I"[/* We use this to control abbr padding * $microformat-abbr-padding: rem-calc(0 1); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i2;@;@o; ;[I"/* We use this to control abbr font styles * $microformat-abbr-font-weight: $font-weight-bold; * $microformat-abbr-font-decoration: none; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i1;@;@o; ;[I"/* Accordion */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"B/* $include-html-accordion-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i@;@;@o; ;[I"/* $accordion-navigation-padding: rem-calc(16); * $accordion-navigation-bg-color: #efefef ; * $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%); * $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%); * $accordion-navigation-font-color: #222; * $accordion-navigation-font-size: rem-calc(16); * $accordion-navigation-font-family: $body-font-family; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i>;@;@o; ;[I"e/* $accordion-content-padding: $column-gutter/2; * $accordion-content-active-bg-color: #fff; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i2;@;@o; ;[I"/* Alert Boxes */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I">/* $include-html-alert-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i<;@;@o; ;[I"/* We use this to control alert padding. * $alert-padding-top: rem-calc(14); * $alert-padding-default-float: $alert-padding-top; * $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); * $alert-padding-bottom: $alert-padding-top; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i3;@;@o; ;[I"/* We use these to control text style. * $alert-font-weight: $font-weight-normal; * $alert-font-size: rem-calc(13); * $alert-font-color: #fff; * $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); */; T; ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i ;iP;@;@o; ;[I"O/* We use this for close hover effect. * $alert-function-factor: -14%; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i&;@;@o; ;[I"/* We use these to control border styles. * $alert-border-style: solid; * $alert-border-width: 1px; * $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); * $alert-bottom-margin: rem-calc(20); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i,;@;@o; ;[I"/* We use these to style the close buttons * $alert-close-color: #333; * $alert-close-top: 50%; * $alert-close-position: rem-calc(4); * $alert-close-font-size: rem-calc(22); * $alert-close-opacity: 0.3; * $alert-close-opacity-hover: 0.5; * $alert-close-padding: 9px 6px 4px; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i+;@;@o; ;[I"Q/* We use this to control border radius * $alert-radius: $global-radius; */; T; ; ;[; 0; @ ;i!;o; ;o;;i!;i;o;;i";i';@;@o; ;[I"|/* We use this to control transition effects * $alert-transition-speed: 300ms; * $alert-transition-ease: ease-out; */; T; ; ;[; 0; @ ;i$;o; ;o;;i$;i;o;;i&;i*;@;@o; ;[I"/* Block Grid */; T; ; ;[; 0; @ ;i(;o; ;o;;i(;i;o;;i(;i;@;@o; ;[I"l/* $include-html-grid-classes: $include-html-classes; * $include-xl-html-block-grid-classes: false; */; T; ; ;[; 0; @ ;i*;o; ;o;;i*;i;o;;i+;i4;@;@o; ;[I"/* We use this to control the maximum number of block grid elements per row * $block-grid-elements: 12; * $block-grid-default-spacing: rem-calc(20); * $align-block-grid-to-grid: false; */; T; ; ;[; 0; @ ;i-;o; ;o;;i-;i;o;;i0;i*;@;@o; ;[I"~/* Enables media queries for block-grid classes. Set to false if writing semantic HTML. * $block-grid-media-queries: true; */; T; ; ;[; 0; @ ;i3;o; ;o;;i3;i;o;;i4;i);@;@o; ;[I"/* Breadcrumbs */; T; ; ;[; 0; @ ;i6;o; ;o;;i6;i;o;;i6;i;@;@o; ;[I"/* $include-html-media-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i<;@;@o; ;[I"/* We use these to control video container padding and margins * $flex-video-padding-top: rem-calc(25); * $flex-video-padding-bottom: 67.5%; * $flex-video-margin-bottom: rem-calc(16); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i1;@;@o; ;[I"m/* We use this to control widescreen bottom padding * $flex-video-widescreen-padding-bottom: 56.34%; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i7;@;@o; ;[I"/* Forms */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"=/* $include-html-form-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;;@;@o; ;[I"v/* We use this to set the base for lots of form spacing and positioning styles * $form-spacing: rem-calc(16); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i%;@;@o; ;[I"/* We use these to style the labels in different ways * $form-label-pointer: pointer; * $form-label-font-size: rem-calc(14); */; T; ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i ;i-;@;@o;;I"form-label-font-weight; T;o;F ;I"font-weight-normal; T;GI"font_weight_normal; T;%0;i ;o; ;o;;i ;i;o;;i ;i2;@;@; @; @ ;&0;'0;[; 0; @ ;i ;o; ;o;;i ;i;o;;i ;i2;@;@o; ;[I"/* $form-label-line-height: 1.5; * $form-label-font-color: scale-color(#000, $lightness: 30%); * $form-label-small-transform: capitalize; * $form-label-bottom-margin: 0; * $input-font-family: inherit; * $input-font-color: rgba(0,0,0,0.75); * $input-font-size: rem-calc(14); * $input-bg-color: #fff; * $input-focus-bg-color: scale-color(#fff, $lightness: -2%); * $input-border-color: scale-color(#fff, $lightness: -20%); * $input-focus-border-color: scale-color(#fff, $lightness: -40%); * $input-border-style: solid; * $input-border-width: 1px; * $input-border-radius: $global-radius; * $input-disabled-bg: #ddd; * $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); * $input-include-glowing-effect: true; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i-;@;@o; ;[I"/* We use these to style the fieldset border and spacing. * $fieldset-border-style: solid; * $fieldset-border-width: 1px; * $fieldset-border-color: #ddd; * $fieldset-padding: rem-calc(20); * $fieldset-margin: rem-calc(18 0); */; T; ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i%;i*;@;@o; ;[I"/* We use these to style the legends when you use them * $legend-bg: #fff; * $legend-font-weight: $font-weight-bold; * $legend-padding: rem-calc(0 3); */; T; ; ;[; 0; @ ;i';o; ;o;;i';i;o;;i*;i(;@;@o; ;[I"s/* We use these to style the prefix and postfix input elements * $input-prefix-bg: scale-color(#fff, $lightness: -5%); * $input-prefix-border-color: scale-color(#fff, $lightness: -20%); * $input-prefix-border-size: 1px; * $input-prefix-border-type: solid; * $input-prefix-overflow: hidden; * $input-prefix-font-color: #333; * $input-prefix-font-color-alt: #fff; */; T; ; ;[; 0; @ ;i,;o; ;o;;i,;i;o;;i3;i,;@;@o; ;[I"/* We use these to style the error states for inputs and labels * $input-error-message-padding: rem-calc(6 9 9); * $input-error-message-top: -1px; * $input-error-message-font-size: rem-calc(12); * $input-error-message-font-weight: $font-weight-normal; * $input-error-message-font-style: italic; * $input-error-message-font-color: #fff; * $input-error-message-font-color-alt: #333; */; T; ; ;[; 0; @ ;i5;o; ;o;;i5;i;o;;i<;i3;@;@o; ;[I"/* We use this to style the glowing effect of inputs when focused * $glowing-effect-fade-time: 0.45s; * $glowing-effect-color: $input-focus-border-color; */; T; ; ;[; 0; @ ;i>;o; ;o;;i>;i;o;;i@;i:;@;@o; ;[I"/* Select variables * $select-bg-color: #fafafa; * $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); */; T; ; ;[; 0; @ ;iB;o; ;o;;iB;i;o;;iD;iP;@;@o; ;[I"/* Inline Lists */; T; ; ;[; 0; @ ;iF;o; ;o;;iF;i;o;;iF;i;@;@o; ;[I"D/* $include-html-inline-list-classes: $include-html-classes; */; T; ; ;[; 0; @ ;iH;o; ;o;;iH;i;o;;iH;iB;@;@o; ;[I"&/* We use this to control the margins and padding of the inline list. * $inline-list-top-margin: 0; * $inline-list-opposite-margin: 0; * $inline-list-bottom-margin: rem-calc(17); * $inline-list-default-float-margin: rem-calc(-22); * $inline-list-default-float-list-margin: rem-calc(22); */; T; ; ;[; 0; @ ;iJ;o; ;o;;iJ;i;o;;iO;i>;@;@o; ;[I"#/* $inline-list-padding: 0; */; T; ; ;[; 0; @ ;iQ;o; ;o;;iQ;i;o;;iQ;i!;@;@o; ;[I"d/* We use this to control the overflow of the inline list. * $inline-list-overflow: hidden; */; T; ; ;[; 0; @ ;iS;o; ;o;;iS;i;o;;iT;i';@;@o; ;[I"P/* We use this to control the list items * $inline-list-display: block; */; T; ; ;[; 0; @ ;iV;o; ;o;;iV;i;o;;iW;i%;@;@o; ;[I"h/* We use this to control any elments within list items * $inline-list-children-display: block; */; T; ; ;[; 0; @ ;iY;o; ;o;;iY;i;o;;iZ;i.;@;@o; ;[I"/* Joyride */; T; ; ;[; 0; @ ;i\;o; ;o;;i\;i;o;;i\;i;@;@o; ;[I"@/* $include-html-joyride-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i^;o; ;o;;i^;i;o;;i^;i>;@;@o; ;[I"/* Controlling default Joyride styles * $joyride-tip-bg: #333; * $joyride-tip-default-width: 300px; * $joyride-tip-padding: rem-calc(18 20 24); * $joyride-tip-border: solid 1px #555; * $joyride-tip-radius: 4px; * $joyride-tip-position-offset: 22px; */; T; ; ;[; 0; @ ;i`;o; ;o;;i`;i;o;;if;i,;@;@o; ;[I"/* Here, we're setting the tip dont styles * $joyride-tip-font-color: #fff; * $joyride-tip-font-size: rem-calc(14); * $joyride-tip-header-weight: $font-weight-bold; */; T; ; ;[; 0; @ ;ih;o; ;o;;ih;i;o;;ik;i7;@;@o; ;[I"D/* This changes the nub size * $joyride-tip-nub-size: 10px; */; T; ; ;[; 0; @ ;im;o; ;o;;im;i;o;;in;i%;@;@o; ;[I"/* This adjusts the styles for the timer when its enabled * $joyride-tip-timer-width: 50px; * $joyride-tip-timer-height: 3px; * $joyride-tip-timer-color: #666; */; T; ; ;[; 0; @ ;ip;o; ;o;;ip;i;o;;is;i(;@;@o; ;[I"/* This changes up the styles for the close button * $joyride-tip-close-color: #777; * $joyride-tip-close-size: 24px; * $joyride-tip-close-weight: $font-weight-normal; */; T; ; ;[; 0; @ ;iu;o; ;o;;iu;i;o;;ix;i8;@;@o; ;[I"t/* When Joyride is filling the screen, we use this style for the bg * $joyride-screenfill: rgba(0,0,0,0.5); */; T; ; ;[; 0; @ ;iz;o; ;o;;iz;i;o;;i{;i.;@;@o; ;[I"/* Keystrokes */; T; ; ;[; 0; @ ;i};o; ;o;;i};i;o;;i};i;@;@o; ;[I"B/* $include-html-keystroke-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i@;@;@o; ;[I"/* We use these to control text styles. * $keystroke-font: "Consolas", "Menlo", "Courier", monospace; * $keystroke-font-size: inherit; * $keystroke-font-color: #222; * $keystroke-font-color-alt: #fff; * $keystroke-function-factor: -7%; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i);@;@o; ;[I"\/* We use this to control keystroke padding. * $keystroke-padding: rem-calc(2 4 0); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i-;@;@o; ;[I"R/* We use these to control background and border styles. * $keystroke-bg: scale-color(#fff, $lightness: $keystroke-function-factor); * $keystroke-border-style: solid; * $keystroke-border-width: 1px; * $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor); * $keystroke-radius: $global-radius; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i+;@;@o; ;[I"/* Labels */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I">/* $include-html-label-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i<;@;@o; ;[I"q/* We use these to style the labels * $label-padding: rem-calc(4 8 6); * $label-radius: $global-radius; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i';@;@o; ;[I"T/* We use these to style the label text * $label-font-sizing: rem-calc(11); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i*;@;@o;;I"label-font-weight; T;o;F ;I"font-weight-normal; T;GI"font_weight_normal; T;%0;i;o; ;o;;i;i;o;;i;i-;@;@; @; @ ;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i-;@;@o; ;[I"m/* $label-font-color: #333; * $label-font-color-alt: #fff; * $label-font-family: $body-font-family; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i/;@;@o; ;[I"/* Magellan */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"A/* $include-html-magellan-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i?;@;@o; ;[I":/* $magellan-bg: #fff; * $magellan-padding: 10px; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i!;@;@o; ;[I"/* Off-canvas */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"C/* $include-html-off-canvas-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iA;@;@o; ;[I"/* $tabbar-bg: #333; * $tabbar-height: rem-calc(45); * $tabbar-icon-width: $tabbar-height; * $tabbar-line-height: $tabbar-height; * $tabbar-color: #fff; * $tabbar-middle-padding: 0 rem-calc(10); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i0;@;@o; ;[I"/* Off Canvas Divider Styles * $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%); * $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iZ;@;@o; ;[I"/* Off Canvas Tab Bar Headers * $tabbar-header-color: #fff; * $tabbar-header-weight: $font-weight-bold; * $tabbar-header-line-height: $tabbar-height; * $tabbar-header-margin: 0; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i";@;@o; ;[I"b/* Off Canvas Menu Variables * $off-canvas-width: rem-calc(250); * $off-canvas-bg: #333; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"/* Off Canvas Menu List Variables * $off-canvas-label-padding: 0.3rem rem-calc(15); * $off-canvas-label-color: #999; * $off-canvas-label-text-transform: uppercase; * $off-canvas-label-font-weight: $font-weight-bold; * $off-canvas-label-bg: #444; * $off-canvas-label-border-top: 1px solid scale-color(#444, $lightness: 14%); * $off-canvas-label-border-bottom: none; * $off-canvas-label-margin:0; * $off-canvas-link-padding: rem-calc(10, 15); * $off-canvas-link-color: rgba(#fff, 0.7); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i1;@;@o;;I""off-canvas-link-border-bottom; T;o; ;o;= ;I" none; T; @ ; ;@;?0;i;o; ;o;;i;i&;o;;i;i*;@;@;%0; @;&0;'0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i*;@;@o; ;[I"/* Off Canvas Menu Icon Variables * $tabbar-menu-icon-color: #fff; * $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iY;@;@o; ;[I"/* $tabbar-menu-icon-text-indent: rem-calc(35); * $tabbar-menu-icon-width: $tabbar-height; * $tabbar-menu-icon-height: $tabbar-height; * $tabbar-menu-icon-padding: 0; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i&;@;@o; ;[I"/* $tabbar-hamburger-icon-width: rem-calc(16); * $tabbar-hamburger-icon-left: false; * $tabbar-hamburger-icon-top: false; * $tabbar-hamburger-icon-thickness: 1px; * $tabbar-hamburger-icon-gap: 6px; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i);@;@o; ;[I"M/* Off Canvas Back-Link Overlay * $off-canvas-overlay-transition: background 300ms ease; * $off-canvas-overlay-cursor: pointer; * $off-canvas-overlay-box-shadow: -4px 0 4px rgba(#000, 0.5), 4px 0 4px rgba(#000, 0.5); * $off-canvas-overlay-background: rgba(#fff, 0.2); * $off-canvas-overlay-background-hover: rgba(#fff, 0.05); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i@;@;@o; ;[I"G/* Transition Variables * $menu-slide: "transform 500ms ease"; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i-;@;@o; ;[I"/* Orbit */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I">/* $include-html-orbit-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i<;@;@o; ;[I"a/* We use these to control the caption styles * $orbit-container-bg: none; * $orbit-caption-bg: rgba(51,51,51, 0.8); * $orbit-caption-font-color: #fff; * $orbit-caption-font-size: rem-calc(14); * $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" * $orbit-caption-padding: rem-calc(10 14); * $orbit-caption-height: auto; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i%;@;@o; ;[I"/* We use these to control the left/right nav styles * $orbit-nav-bg: transparent; * $orbit-nav-bg-hover: rgba(0,0,0,0.3); * $orbit-nav-arrow-color: #fff; * $orbit-nav-arrow-color-hover: #fff; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i,;@;@o; ;[I"/* We use these to control the timer styles * $orbit-timer-bg: rgba(255,255,255,0.3); * $orbit-timer-show-progress-bar: true; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i.;@;@o; ;[I"/* We use these to control the bullet nav styles * $orbit-bullet-nav-color: #ccc; * $orbit-bullet-nav-color-active: #999; * $orbit-bullet-radius: rem-calc(9); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i+;@;@o; ;[I"/* We use these to controls the style of slide numbers * $orbit-slide-number-bg: rgba(0,0,0,0); * $orbit-slide-number-font-color: #fff; * $orbit-slide-number-padding: rem-calc(5); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i2;@;@o; ;[I"/* Hide controls on small * $orbit-nav-hide-for-small: true; * $orbit-bullet-hide-for-small: true; * $orbit-timer-hide-for-small: true; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i ;i+;@;@o; ;[I"{/* Graceful Loading Wrapper and preloader * $wrapper-class: "slideshow-wrapper"; * $preloader-class: "preloader"; */; T; ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i;i';@;@o; ;[I"/* Pagination */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I">/* $include-pagination-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i<;@;@o; ;[I"/* We use these to control the pagination container * $pagination-height: rem-calc(24); * $pagination-margin: rem-calc(-5); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i*;@;@o; ;[I"/* We use these to set the list-item properties * $pagination-li-float: $default-float; * $pagination-li-height: rem-calc(24); * $pagination-li-font-color: #222; * $pagination-li-font-size: rem-calc(14); * $pagination-li-margin: rem-calc(5); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i,;@;@o; ;[I"/* We use these for the pagination anchor links * $pagination-link-pad: rem-calc(1 10 1); * $pagination-link-font-color: #999; * $pagination-link-active-bg: scale-color(#fff, $lightness: -10%); */; T; ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i#;iI;@;@o; ;[I"/* We use these for disabled anchor links * $pagination-link-unavailable-cursor: default; * $pagination-link-unavailable-font-color: #999; * $pagination-link-unavailable-bg-active: transparent; */; T; ; ;[; 0; @ ;i%;o; ;o;;i%;i;o;;i(;i=;@;@o; ;[I"</* We use these for currently selected anchor links * $pagination-link-current-background: $primary-color; * $pagination-link-current-font-color: #fff; * $pagination-link-current-font-weight: $font-weight-bold; * $pagination-link-current-cursor: default; * $pagination-link-current-active-bg: $primary-color; */; T; ; ;[; 0; @ ;i*;o; ;o;;i*;i;o;;i/;i<;@;@o; ;[I"/* Panels */; T; ; ;[; 0; @ ;i1;o; ;o;;i1;i;o;;i1;i;@;@o; ;[I">/* $include-html-panel-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i3;o; ;o;;i3;i;o;;i3;i<;@;@o; ;[I"/* We use these to control the background and border styles * $panel-bg: scale-color(#fff, $lightness: -5%); * $panel-border-style: solid; * $panel-border-size: 1px; */; T; ; ;[; 0; @ ;i5;o; ;o;;i5;i;o;;i8;i!;@;@o; ;[I"/* We use this % to control how much we darken things on hover * $panel-function-factor: -11%; * $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor); */; T; ; ;[; 0; @ ;i:;o; ;o;;i:;i;o;;i<;iY;@;@o; ;[I"/* We use these to set default inner padding and bottom margin * $panel-margin-bottom: rem-calc(20); * $panel-padding: rem-calc(20); */; T; ; ;[; 0; @ ;i>;o; ;o;;i>;i;o;;i@;i&;@;@o; ;[I"n/* We use these to set default font colors * $panel-font-color: #333; * $panel-font-color-alt: #fff; */; T; ; ;[; 0; @ ;iB;o; ;o;;iB;i;o;;iD;i%;@;@o; ;[I"T/* $panel-header-adjust: true; * $callout-panel-link-color: $primary-color; */; T; ; ;[; 0; @ ;iF;o; ;o;;iF;i;o;;iG;i3;@;@o; ;[I"/* Pricing Tables */; T; ; ;[; 0; @ ;iI;o; ;o;;iI;i;o;;iI;i;@;@o; ;[I"@/* $include-html-pricing-classes: $include-html-classes; */; T; ; ;[; 0; @ ;iK;o; ;o;;iK;i;o;;iK;i>;@;@o; ;[I"Z/* We use this to control the border color * $price-table-border: solid 1px #ddd; */; T; ; ;[; 0; @ ;iM;o; ;o;;iM;i;o;;iN;i-;@;@o; ;[I"u/* We use this to control the bottom margin of the pricing table * $price-table-margin-bottom: rem-calc(20); */; T; ; ;[; 0; @ ;iP;o; ;o;;iP;i;o;;iQ;i2;@;@o; ;[I"//* We use these to control the title styles * $price-title-bg: #333; * $price-title-padding: rem-calc(15 20); * $price-title-align: center; * $price-title-color: #eee; * $price-title-weight: $font-weight-normal; * $price-title-size: rem-calc(16); * $price-title-font-family: $body-font-family; */; T; ; ;[; 0; @ ;iS;o; ;o;;iS;i;o;;iZ;i5;@;@o; ;[I"4/* We use these to control the price styles * $price-money-bg: #f6f6f6 ; * $price-money-padding: rem-calc(15 20); * $price-money-align: center; * $price-money-color: #333; * $price-money-weight: $font-weight-normal; * $price-money-size: rem-calc(32); * $price-money-font-family: $body-font-family; */; T; ; ;[; 0; @ ;i\;o; ;o;;i\;i;o;;ic;i5;@;@o; ;[I"L/* We use these to control the description styles * $price-bg: #fff; * $price-desc-color: #777; * $price-desc-padding: rem-calc(15); * $price-desc-align: center; * $price-desc-font-size: rem-calc(12); * $price-desc-weight: $font-weight-normal; * $price-desc-line-height: 1.4; * $price-desc-bottom-border: dotted 1px #ddd; */; T; ; ;[; 0; @ ;if;o; ;o;;if;i;o;;in;i4;@;@o; ;[I"/* We use these to control the list item styles * $price-item-color: #333; * $price-item-padding: rem-calc(15); * $price-item-align: center; * $price-item-font-size: rem-calc(14); * $price-item-weight: $font-weight-normal; * $price-item-bottom-border: dotted 1px #ddd; */; T; ; ;[; 0; @ ;ip;o; ;o;;ip;i;o;;iv;i4;@;@o; ;[I"/* We use these to control the CTA area styles * $price-cta-bg: #fff; * $price-cta-align: center; * $price-cta-padding: rem-calc(20 20 0); */; T; ; ;[; 0; @ ;ix;o; ;o;;ix;i;o;;i{;i/;@;@o; ;[I"/* Progress Bar */; T; ; ;[; 0; @ ;i};o; ;o;;i};i;o;;i};i;@;@o; ;[I">/* $include-html-media-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i<;@;@o; ;[I"/* We use this to set the progress bar height * $progress-bar-height: rem-calc(25); * $progress-bar-color: #f6f6f6 ; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i(;@;@o; ;[I"/* We use these to control the border styles * $progress-bar-border-color: scale-color(#fff, $lightness: 20%); * $progress-bar-border-size: 1px; * $progress-bar-border-style: solid; * $progress-bar-border-radius: $global-radius; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i5;@;@o; ;[I"/* We use these to control the margin & padding * $progress-bar-pad: rem-calc(2); * $progress-bar-margin-bottom: rem-calc(10); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i3;@;@o; ;[I"/* We use these to set the meter colors * $progress-meter-color: $primary-color; * $progress-meter-secondary-color: $secondary-color; * $progress-meter-success-color: $success-color; * $progress-meter-alert-color: $alert-color; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i3;@;@o; ;[I"/* Reveal */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"?/* $include-html-reveal-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i=;@;@o; ;[I"/* We use these to control the style of the reveal overlay. * $reveal-overlay-bg: rgba(#000, .45); * $reveal-overlay-bg-old: #000; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i&;@;@o; ;[I"/* We use these to control the style of the modal itself. * $reveal-modal-bg: #fff; * $reveal-position-top: rem-calc(100); * $reveal-default-width: 80%; * $reveal-modal-padding: rem-calc(20); * $reveal-box-shadow: 0 0 10px rgba(#000,.4); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i4;@;@o; ;[I"/* We use these to style the reveal close button * $reveal-close-font-size: rem-calc(40); * $reveal-close-top: rem-calc(8); * $reveal-close-side: rem-calc(11); * $reveal-close-color: #aaa; * $reveal-close-weight: $font-weight-bold; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i1;@;@o; ;[I"/* We use this to set the default radius used throughout the core. * $reveal-radius: $global-radius; * $reveal-round: $global-rounded; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i(;@;@o; ;[I"/* We use these to control the modal border * $reveal-border-style: solid; * $reveal-border-width: 1px; * $reveal-border-color: #666; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i$;@;@o; ;[I"c/* $reveal-modal-class: "reveal-modal"; * $close-reveal-modal-class: "close-reveal-modal"; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i9;@;@o; ;[I"/* Side Nav */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I";i0;@;@o; ;[I"/* Tables */; T; ; ;[; 0; @ ;i@;o; ;o;;i@;i;o;;i@;i;@;@o; ;[I">/* $include-html-table-classes: $include-html-classes; */; T; ; ;[; 0; @ ;iB;o; ;o;;iB;i;o;;iB;i<;@;@o; ;[I"/* These control the background color for the table and even rows * $table-bg: #fff; * $table-even-row-bg: #f9f9f9 ; */; T; ; ;[; 0; @ ;iD;o; ;o;;iD;i;o;;iF;i';@;@o; ;[I"/* These control the table cell border style * $table-border-style: solid; * $table-border-size: 1px; * $table-border-color: #ddd; */; T; ; ;[; 0; @ ;iH;o; ;o;;iH;i;o;;iK;i#;@;@o; ;[I"/* These control the table head styles * $table-head-bg: #f5f5f5 ; * $table-head-font-size: rem-calc(14); * $table-head-font-color: #222; * $table-head-font-weight: $font-weight-bold; * $table-head-padding: rem-calc(8 10 10); */; T; ; ;[; 0; @ ;iM;o; ;o;;iM;i;o;;iR;i0;@;@o; ;[I"/* These control the row padding and font styles * $table-row-padding: rem-calc(9 10); * $table-row-font-size: rem-calc(14); * $table-row-font-color: #222; * $table-line-height: rem-calc(18); */; T; ; ;[; 0; @ ;iT;o; ;o;;iT;i;o;;iX;i*;@;@o; ;[I"/* These are for controlling the display and margin of tables * $table-display: table-cell; * $table-margin-bottom: rem-calc(20); */; T; ; ;[; 0; @ ;iZ;o; ;o;;iZ;i;o;;i\;i,;@;@o; ;[I"/* * TABS * */; T; ; ;[; 0; @ ;i^;o; ;o;;i^;i;o;;i`;i;@;@o; ;[I"=/* $include-html-tabs-classes: $include-html-classes; */; T; ; ;[; 0; @ ;ib;o; ;o;;ib;i;o;;ib;i;;@;@o; ;[I"/* $tabs-navigation-padding: rem-calc(16); * $tabs-navigation-bg-color: #efefef ; * $tabs-navigation-active-bg-color: #fff; * $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); * $tabs-navigation-font-color: #222; * $tabs-navigation-active-font-color: $tabs-navigation-font-color; * $tabs-navigation-font-size: rem-calc(16); * $tabs-navigation-font-family: $body-font-family; */; T; ; ;[; 0; @ ;id;o; ;o;;id;i;o;;ik;i9;@;@o; ;[I"a/* $tabs-content-margin-bottom: rem-calc(24); * $tabs-content-padding: $column-gutter/2; */; T; ; ;[; 0; @ ;im;o; ;o;;im;i;o;;in;i1;@;@o; ;[I"/* $include-html-media-classes: $include-html-classes; */; T; ; ;[; 0; @ ;iv;o; ;o;;iv;i;o;;iv;i<;@;@o; ;[I"/* We use these to control border styles * $thumb-border-style: solid; * $thumb-border-width: 4px; * $thumb-border-color: #fff; * $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); * $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); */; T; ; ;[; 0; @ ;ix;o; ;o;;ix;i;o;;i};iG;@;@o; ;[I"v/* Radius and transition speed for thumbs * $thumb-radius: $global-radius; * $thumb-transition-speed: 200ms; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i(;@;@o; ;[I"/* * TOOLTIPS * */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"@/* $include-html-tooltip-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i>;@;@o; ;[I" /* $has-tip-border-bottom: dotted 1px #ccc; * $has-tip-font-weight: $font-weight-bold; * $has-tip-font-color: #333; * $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%); * $has-tip-font-color-hover: $primary-color; * $has-tip-cursor-type: help; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i$;@;@o; ;[I"/* $tooltip-padding: rem-calc(12); * $tooltip-bg: #333; * $tooltip-font-size: rem-calc(14); * $tooltip-font-weight: $font-weight-normal; * $tooltip-font-color: #fff; * $tooltip-line-height: 1.3; * $tooltip-close-font-size: rem-calc(10); * $tooltip-close-font-weight: $font-weight-normal; * $tooltip-close-font-color: #777; * $tooltip-font-size-sml: rem-calc(14); * $tooltip-radius: $global-radius; * $tooltip-rounded: $global-rounded; * $tooltip-pip-size: 5px; * $tooltip-max-width: 300px; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i#;@;@o; ;[I"/* * TOP BAR * */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"@/* $include-html-top-bar-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i>;@;@o; ;[I"g/* Background color for the top bar * $topbar-bg-color: #333; * $topbar-bg: $topbar-bg-color; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i&;@;@o; ;[I"R/* Height and margin * $topbar-height: 45px; * $topbar-margin-bottom: 0; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i";@;@o; ;[I"/* Controlling the styles for the title in the top bar * $topbar-title-weight: $font-weight-normal; * $topbar-title-font-size: rem-calc(17); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i/;@;@o; ;[I";/* Style the top bar dropdown elements * $topbar-dropdown-bg: #333; * $topbar-dropdown-link-color: #fff; * $topbar-dropdown-link-bg: #333; * $topbar-dropdown-link-weight: $font-weight-normal; * $topbar-dropdown-toggle-size: 5px; * $topbar-dropdown-toggle-color: #fff; * $topbar-dropdown-toggle-alpha: 0.4; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i,;@;@o; ;[I"/* Set the link colors and styles for top-level nav * $topbar-link-color: #fff; * $topbar-link-color-hover: #fff; * $topbar-link-color-active: #fff; * $topbar-link-color-active-hover: #fff; * $topbar-link-weight: $font-weight-normal; * $topbar-link-font-size: rem-calc(13); * $topbar-link-hover-lightness: -10%; // Darken by 10% * $topbar-link-bg: $topbar-bg; * $topbar-link-bg-color-hover: #555555; * $topbar-link-bg-hover: #272727; * $topbar-link-bg-active: $primary-color; * $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); * $topbar-link-font-family: $body-font-family; * $topbar-link-text-transform: none; * $topbar-link-padding: $topbar-height / 3; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i2;@;@o; ;[I"I/* $topbar-button-font-size: 0.75rem; * $topbar-button-top: 7px; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i!;@;@o; ;[I"/* $topbar-dropdown-label-color: #777; * $topbar-dropdown-label-text-transform: uppercase; * $topbar-dropdown-label-font-weight: $font-weight-bold; * $topbar-dropdown-label-font-size: rem-calc(10); * $topbar-dropdown-label-bg: #333; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i);@;@o; ;[I";/* Top menu icon styles * $topbar-menu-link-transform: uppercase; * $topbar-menu-link-font-size: rem-calc(13); * $topbar-menu-link-weight: $font-weight-bold; * $topbar-menu-link-color: #fff; * $topbar-menu-icon-color: #fff; * $topbar-menu-link-color-toggled: #888; * $topbar-menu-icon-color-toggled: #888; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i/;@;@o; ;[I"/* Transitions and breakpoint styles * $topbar-transition-speed: 300ms; * Using rem-calc for the below breakpoint causes issues with top bar * $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout * $topbar-media-query: $medium-up; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i);@;@o; ;[I"/* Divider Styles * $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%); * $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i_;@;@o; ;[I"/* Sticky Class * $topbar-sticky-class: ".sticky"; * $topbar-arrows: true; //Set false to remove the triangle icon from the menu item */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iY;@;@o; ;[I"#/* * VISIBILITY CLASSES * */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"/* $include-html-visibility-classes: $include-html-classes; * $include-table-visibility-classes: true; * $include-legacy-visibility-classes: true; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i2;@;@o; ;[I"/* * RANGE SLIDER * */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@o; ;[I"E/* $include-html-range-slider-classes: $include-html-classes; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;iC;@;@o; ;[I"/* These variabels define the slider bar styles * $range-slider-bar-width: 100%; * $range-slider-bar-height: rem-calc(16); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i0;@;@o; ;[I"/* $range-slider-bar-border-width: 1px; * $range-slider-bar-border-style: solid; * $range-slider-bar-border-color: #ddd; * $range-slider-radius: $global-radius; * $range-slider-round: $global-rounded; * $range-slider-bar-bg-color: #fafafa; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i-;@;@o; ;[I"/* Vertical bar styles * $range-slider-vertical-bar-width: rem-calc(16); * $range-slider-vertical-bar-height: rem-calc(200); */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i:;@;@o; ;[I"Z/* These variabels define the slider handle styles * $range-slider-handle-width: rem-calc(32); * $range-slider-handle-height: rem-calc(22); * $range-slider-handle-position-top: rem-calc(-5); * $range-slider-handle-bg-color: $primary-color; * $range-slider-handle-border-width: 1px; * $range-slider-handle-border-style: solid; * $range-slider-handle-border-color: none; * $range-slider-handle-radius: $global-radius; * $range-slider-handle-round: $global-rounded; * $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%); * $range-slider-handle-cursor: pointer; */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i.;@;@; 0; @ ;*I"// Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source // // FOUNDATION SETTINGS // // This is the default html and body font-size for the base rem value. $rem-base: 16px; // Allows the use of rem-calc() or lower-bound() in your settings @import "foundation/functions"; // $experimental: true; // The default font-size is set to 100% of the browser style sheet (usually 16px) // for compatibility with browser-based text zoom or user-set defaults. // Since the typical default browser font-size is 16px, that makes the calculation for grid size. // If you want your base font-size to be different and not have it affect the grid breakpoints, // set $rem-base to $base-font-size and make sure $base-font-size is a px value. $base-font-size: 14px; // The $base-font-size is 100% while $base-line-height is 150% $base-line-height: 180%; // We use this to control whether or not CSS classes come through in the gem files. // $include-html-classes: true; // $include-print-styles: true; // $include-html-global-classes: $include-html-classes; // Grid // $include-html-block-grid-classes: $include-html-classes; // $include-xl-html-grid-classes: false; $row-width: rem-calc(1200); $total-columns: 12; // Global // We use these to define default font weights $font-weight-normal: 300 !default; // $font-weight-bold: bold !default // We use these to control various global styles $body-bg: #fff; $body-font-color: #262626; $body-font-family: 'Helvetica Neue Light', 'Open Sans', Helvetica; $body-font-weight: 300; $body-font-style: normal; // We use this to control font-smoothing $font-smoothing: antialiased; // We use these to control text direction settings // $text-direction: ltr; // $opposite-direction: right; // $default-float: left; // We use these as default colors throughout $primary-color: #2ba6cb; $secondary-color: #e7e7e7; $alert-color: #f04124; $success-color: #43AC6A; $warning-color: #f08a24; $info-color: #a0d3e8; // We use these to make sure border radius matches unless we want it different. // $global-radius: 3px; // $global-rounded: 1000px; // We use these to control inset shadow shiny edges and depressions. // $shiny-edge-size: 0 1px 0; // $shiny-edge-color: rgba(#fff, .5); // $shiny-edge-active-color: rgba(#000, .2); // $column-gutter: rem-calc(30); // Media Query Ranges $small-range: (0em, 40em); $medium-range: (40.063em, 64em); $large-range: (64.063em, 90em); $xlarge-range: (90.063em, 120em); $xxlarge-range: (120.063em, 99999999em); $screen: "only screen"; $landscape: "#{$screen} and (orientation: landscape)"; $portrait: "#{$screen} and (orientation: portrait)"; $small-up: $screen; $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; // Legacy // $small: $medium-up; // $medium: $medium-up; // $large: $large-up; //We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet // $cursor-crosshair-value: crosshair; // $cursor-default-value: default; // $cursor-pointer-value: pointer; // $cursor-help-value: help; // $cursor-text-value: text; // // TYPOGRAPHY // // $include-html-type-classes: $include-html-classes; // We use these to control header font styles // $header-font-family: $body-font-family; $header-font-weight: 300; // $header-font-style: normal; // $header-font-color: #222; $header-line-height: 1.4; // $header-top-margin: .2rem; $header-bottom-margin: .6rem; // $header-text-rendering: optimizeLegibility; // We use these to control header font sizes // $h1-font-size: rem-calc(44); // $h2-font-size: rem-calc(37); // $h3-font-size: rem-calc(27); // $h4-font-size: rem-calc(23); // $h5-font-size: rem-calc(18); // $h6-font-size: 1rem; // We use these to control header size reduction on small screens // $h1-font-reduction: rem-calc(10) !default; // $h2-font-reduction: rem-calc(10) !default; // $h3-font-reduction: rem-calc(5) !default; // $h4-font-reduction: rem-calc(5) !default; // $h5-font-reduction: 0 !default; // $h6-font-reduction: 0 !default; // These control how subheaders are styled. // $subheader-line-height: 1.4; // $subheader-font-color: scale-color($header-font-color, $lightness: 35%); $subheader-font-weight: $font-weight-normal; // $subheader-top-margin: .2rem; // $subheader-bottom-margin: .5rem; // A general styling // $small-font-size: 60%; // $small-font-color: scale-color($header-font-color, $lightness: 35%); // We use these to style paragraphs // $paragraph-font-family: inherit; $paragraph-font-weight: $font-weight-normal; // $paragraph-font-size: 1rem; $paragraph-line-height: 1.8; // $paragraph-margin-bottom: rem-calc(20); // $paragraph-aside-font-size: rem-calc(14); // $paragraph-aside-line-height: 1.35; // $paragraph-aside-font-style: italic; // $paragraph-text-rendering: optimizeLegibility; // We use these to style tags // $code-color: scale-color($alert-color, $lightness: -27%); // $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; // $code-font-weight: $font-weight-bold; // We use these to style anchors // $anchor-text-decoration: none; // $anchor-text-decoration-hover: none; // $anchor-font-color: $primary-color; // $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%); // We use these to style the
element // $hr-border-width: 1px; // $hr-border-style: solid; // $hr-border-color: #ddd; // $hr-margin: rem-calc(20); // We use these to style lists // $list-font-family: $paragraph-font-family; // $list-font-size: $paragraph-font-size; // $list-line-height: $paragraph-line-height; // $list-margin-bottom: $paragraph-margin-bottom; // $list-style-position: outside; // $list-side-margin: 1.1rem; // $list-ordered-side-margin: 1.4rem; // $list-side-margin-no-bullet: 0; // $list-nested-margin: rem-calc(20); // $definition-list-header-weight: $font-weight-bold; // $definition-list-header-margin-bottom: .3rem; // $definition-list-margin-bottom: rem-calc(12); // We use these to style blockquotes // $blockquote-font-color: scale-color($header-font-color, $lightness: 35%); // $blockquote-padding: rem-calc(9 20 0 19); // $blockquote-border: 1px solid #ddd; // $blockquote-cite-font-size: rem-calc(13); // $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%); // $blockquote-cite-link-color: $blockquote-cite-font-color; // Acronym styles // $acronym-underline: 1px dotted #ddd; // We use these to control padding and margin // $microformat-padding: rem-calc(10 12); // $microformat-margin: rem-calc(0 0 20 0); // We use these to control the border styles // $microformat-border-width: 1px; // $microformat-border-style: solid; // $microformat-border-color: #ddd; // We use these to control full name font styles // $microformat-fullname-font-weight: $font-weight-bold; // $microformat-fullname-font-size: rem-calc(15); // We use this to control the summary font styles // $microformat-summary-font-weight: $font-weight-bold; // We use this to control abbr padding // $microformat-abbr-padding: rem-calc(0 1); // We use this to control abbr font styles // $microformat-abbr-font-weight: $font-weight-bold; // $microformat-abbr-font-decoration: none; // Accordion // $include-html-accordion-classes: $include-html-classes; // $accordion-navigation-padding: rem-calc(16); // $accordion-navigation-bg-color: #efefef ; // $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%); // $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%); // $accordion-navigation-font-color: #222; // $accordion-navigation-font-size: rem-calc(16); // $accordion-navigation-font-family: $body-font-family; // $accordion-content-padding: $column-gutter/2; // $accordion-content-active-bg-color: #fff; // Alert Boxes // $include-html-alert-classes: $include-html-classes; // We use this to control alert padding. // $alert-padding-top: rem-calc(14); // $alert-padding-default-float: $alert-padding-top; // $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); // $alert-padding-bottom: $alert-padding-top; // We use these to control text style. // $alert-font-weight: $font-weight-normal; // $alert-font-size: rem-calc(13); // $alert-font-color: #fff; // $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); // We use this for close hover effect. // $alert-function-factor: -14%; // We use these to control border styles. // $alert-border-style: solid; // $alert-border-width: 1px; // $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); // $alert-bottom-margin: rem-calc(20); // We use these to style the close buttons // $alert-close-color: #333; // $alert-close-top: 50%; // $alert-close-position: rem-calc(4); // $alert-close-font-size: rem-calc(22); // $alert-close-opacity: 0.3; // $alert-close-opacity-hover: 0.5; // $alert-close-padding: 9px 6px 4px; // We use this to control border radius // $alert-radius: $global-radius; // We use this to control transition effects // $alert-transition-speed: 300ms; // $alert-transition-ease: ease-out; // Block Grid // $include-html-grid-classes: $include-html-classes; // $include-xl-html-block-grid-classes: false; // We use this to control the maximum number of block grid elements per row // $block-grid-elements: 12; // $block-grid-default-spacing: rem-calc(20); // $align-block-grid-to-grid: false; // Enables media queries for block-grid classes. Set to false if writing semantic HTML. // $block-grid-media-queries: true; // Breadcrumbs // $include-html-nav-classes: $include-html-classes; // We use this to set the background color for the breadcrumb container. // $crumb-bg: scale-color($secondary-color, $lightness: 55%); // We use these to set the padding around the breadcrumbs. // $crumb-padding: rem-calc(9 14 9); // $crumb-side-padding: rem-calc(12); // We use these to control border styles. // $crumb-function-factor: -10%; // $crumb-border-size: 1px; // $crumb-border-style: solid; // $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor); // $crumb-radius: $global-radius; // We use these to set various text styles for breadcrumbs. // $crumb-font-size: rem-calc(11); // $crumb-font-color: $primary-color; // $crumb-font-color-current: #333; // $crumb-font-color-unavailable: #999; // $crumb-font-transform: uppercase; // $crumb-link-decor: underline; // We use these to control the slash between breadcrumbs // $crumb-slash-color: #aaa; // $crumb-slash: "/"; // // BUTTONS // // $include-html-button-classes: $include-html-classes; // We use these to build padding for buttons. // $button-tny: rem-calc(10); // $button-sml: rem-calc(14); // $button-med: rem-calc(16); // $button-lrg: rem-calc(18); // We use this to control the display property. // $button-display: inline-block; // $button-margin-bottom: rem-calc(20); // We use these to control button text styles. // $button-font-family: $body-font-family; // $button-font-color: #fff; // $button-font-color-alt: #333; // $button-font-tny: rem-calc(11); // $button-font-sml: rem-calc(13); // $button-font-med: rem-calc(16); // $button-font-lrg: rem-calc(20); $button-font-weight: $font-weight-normal; // $button-font-align: center; // We use these to control various hover effects. // $button-function-factor: -20%; // We use these to control button border styles. // $button-border-width: 0px; // $button-border-style: solid; // $button-bg: $primary-color; // $button-border-color: scale-color($bg, $lightness: $button-function-factor); // We use this to set the default radius used throughout the core. // $button-radius: $global-radius; // $button-round: $global-rounded; // We use this to set default opacity for disabled buttons. // $button-disabled-opacity: 0.7; // Button Groups // $include-html-button-classes: $include-html-classes; // Sets the margin for the right side by default, and the left margin if right-to-left direction is used // $button-bar-margin-opposite: rem-calc(10); // $button-group-border-width: 1px; // Clearing // $include-html-clearing-classes: $include-html-classes; // We use these to set the background colors for parts of Clearing. // $clearing-bg: #333; // $clearing-caption-bg: $clearing-bg; // $clearing-carousel-bg: rgba(51,51,51,0.8); // $clearing-img-bg: $clearing-bg; // We use these to style the close button // $clearing-close-color: #ccc; // $clearing-close-size: 30px; // We use these to style the arrows // $clearing-arrow-size: 12px; // $clearing-arrow-color: $clearing-close-color; // We use these to style captions // $clearing-caption-font-color: #ccc; // $clearing-caption-font-size: 0.875em; // $clearing-caption-padding: 10px 30px 20px; // We use these to make the image and carousel height and style // $clearing-active-img-height: 85%; // $clearing-carousel-height: 120px; // $clearing-carousel-thumb-width: 120px; // $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255); // Dropdown // $include-html-dropdown-classes: $include-html-classes; // We use these to controls height and width styles. // $f-dropdown-max-width: 200px; // $f-dropdown-height: auto; // $f-dropdown-max-height: none; // Used for bottom position // $f-dropdown-margin-top: 2px; // Used for right position // $f-dropdown-margin-left: $f-dropdown-margin-top; // Used for left position // $f-dropdown-margin-right: $f-dropdown-margin-top; // Used for top position // $f-dropdown-margin-bottom: $f-dropdown-margin-top; // We use this to control the background color // $f-dropdown-bg: #fff; // We use this to set the border styles for dropdowns. // $f-dropdown-border-style: solid; // $f-dropdown-border-width: 1px; // $f-dropdown-border-color: scale-color(#fff, $lightness: -20%); // We use these to style the triangle pip. // $f-dropdown-triangle-size: 6px; // $f-dropdown-triangle-color: #fff; // $f-dropdown-triangle-side-offset: 10px; // We use these to control styles for the list elements. // $f-dropdown-list-style: none; // $f-dropdown-font-color: #555; // $f-dropdown-font-size: rem-calc(14); // $f-dropdown-list-padding: rem-calc(5, 10); // $f-dropdown-line-height: rem-calc(18); // $f-dropdown-list-hover-bg: #eeeeee ; // $dropdown-mobile-default-float: 0; // We use this to control the styles for when the dropdown has custom content. // $f-dropdown-content-padding: rem-calc(20); // Dropdown Buttons // $include-html-button-classes: $include-html-classes; // We use these to set the color of the pip in dropdown buttons // $dropdown-button-pip-color: #fff; // $dropdown-button-pip-color-alt: #333; // $button-pip-tny: rem-calc(6); // $button-pip-sml: rem-calc(7); // $button-pip-med: rem-calc(9); // $button-pip-lrg: rem-calc(11); // We use these to style tiny dropdown buttons // $dropdown-button-padding-tny: $button-pip-tny * 7; // $dropdown-button-pip-size-tny: $button-pip-tny; // $dropdown-button-pip-opposite-tny: $button-pip-tny * 3; // $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1); // We use these to style small dropdown buttons // $dropdown-button-padding-sml: $button-pip-sml * 7; // $dropdown-button-pip-size-sml: $button-pip-sml; // $dropdown-button-pip-opposite-sml: $button-pip-sml * 3; // $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1); // We use these to style medium dropdown buttons // $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3); // $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3); // $dropdown-button-pip-opposite-med: $button-pip-med * 2.5; // $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2); // We use these to style large dropdown buttons // $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3); // $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); // $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5; // $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3); // Flex Video // $include-html-media-classes: $include-html-classes; // We use these to control video container padding and margins // $flex-video-padding-top: rem-calc(25); // $flex-video-padding-bottom: 67.5%; // $flex-video-margin-bottom: rem-calc(16); // We use this to control widescreen bottom padding // $flex-video-widescreen-padding-bottom: 56.34%; // Forms // $include-html-form-classes: $include-html-classes; // We use this to set the base for lots of form spacing and positioning styles // $form-spacing: rem-calc(16); // We use these to style the labels in different ways // $form-label-pointer: pointer; // $form-label-font-size: rem-calc(14); $form-label-font-weight: $font-weight-normal; // $form-label-line-height: 1.5; // $form-label-font-color: scale-color(#000, $lightness: 30%); // $form-label-small-transform: capitalize; // $form-label-bottom-margin: 0; // $input-font-family: inherit; // $input-font-color: rgba(0,0,0,0.75); // $input-font-size: rem-calc(14); // $input-bg-color: #fff; // $input-focus-bg-color: scale-color(#fff, $lightness: -2%); // $input-border-color: scale-color(#fff, $lightness: -20%); // $input-focus-border-color: scale-color(#fff, $lightness: -40%); // $input-border-style: solid; // $input-border-width: 1px; // $input-border-radius: $global-radius; // $input-disabled-bg: #ddd; // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); // $input-include-glowing-effect: true; // We use these to style the fieldset border and spacing. // $fieldset-border-style: solid; // $fieldset-border-width: 1px; // $fieldset-border-color: #ddd; // $fieldset-padding: rem-calc(20); // $fieldset-margin: rem-calc(18 0); // We use these to style the legends when you use them // $legend-bg: #fff; // $legend-font-weight: $font-weight-bold; // $legend-padding: rem-calc(0 3); // We use these to style the prefix and postfix input elements // $input-prefix-bg: scale-color(#fff, $lightness: -5%); // $input-prefix-border-color: scale-color(#fff, $lightness: -20%); // $input-prefix-border-size: 1px; // $input-prefix-border-type: solid; // $input-prefix-overflow: hidden; // $input-prefix-font-color: #333; // $input-prefix-font-color-alt: #fff; // We use these to style the error states for inputs and labels // $input-error-message-padding: rem-calc(6 9 9); // $input-error-message-top: -1px; // $input-error-message-font-size: rem-calc(12); // $input-error-message-font-weight: $font-weight-normal; // $input-error-message-font-style: italic; // $input-error-message-font-color: #fff; // $input-error-message-font-color-alt: #333; // We use this to style the glowing effect of inputs when focused // $glowing-effect-fade-time: 0.45s; // $glowing-effect-color: $input-focus-border-color; // Select variables // $select-bg-color: #fafafa; // $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); // Inline Lists // $include-html-inline-list-classes: $include-html-classes; // We use this to control the margins and padding of the inline list. // $inline-list-top-margin: 0; // $inline-list-opposite-margin: 0; // $inline-list-bottom-margin: rem-calc(17); // $inline-list-default-float-margin: rem-calc(-22); // $inline-list-default-float-list-margin: rem-calc(22); // $inline-list-padding: 0; // We use this to control the overflow of the inline list. // $inline-list-overflow: hidden; // We use this to control the list items // $inline-list-display: block; // We use this to control any elments within list items // $inline-list-children-display: block; // Joyride // $include-html-joyride-classes: $include-html-classes; // Controlling default Joyride styles // $joyride-tip-bg: #333; // $joyride-tip-default-width: 300px; // $joyride-tip-padding: rem-calc(18 20 24); // $joyride-tip-border: solid 1px #555; // $joyride-tip-radius: 4px; // $joyride-tip-position-offset: 22px; // Here, we're setting the tip dont styles // $joyride-tip-font-color: #fff; // $joyride-tip-font-size: rem-calc(14); // $joyride-tip-header-weight: $font-weight-bold; // This changes the nub size // $joyride-tip-nub-size: 10px; // This adjusts the styles for the timer when its enabled // $joyride-tip-timer-width: 50px; // $joyride-tip-timer-height: 3px; // $joyride-tip-timer-color: #666; // This changes up the styles for the close button // $joyride-tip-close-color: #777; // $joyride-tip-close-size: 24px; // $joyride-tip-close-weight: $font-weight-normal; // When Joyride is filling the screen, we use this style for the bg // $joyride-screenfill: rgba(0,0,0,0.5); // Keystrokes // $include-html-keystroke-classes: $include-html-classes; // We use these to control text styles. // $keystroke-font: "Consolas", "Menlo", "Courier", monospace; // $keystroke-font-size: inherit; // $keystroke-font-color: #222; // $keystroke-font-color-alt: #fff; // $keystroke-function-factor: -7%; // We use this to control keystroke padding. // $keystroke-padding: rem-calc(2 4 0); // We use these to control background and border styles. // $keystroke-bg: scale-color(#fff, $lightness: $keystroke-function-factor); // $keystroke-border-style: solid; // $keystroke-border-width: 1px; // $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor); // $keystroke-radius: $global-radius; // Labels // $include-html-label-classes: $include-html-classes; // We use these to style the labels // $label-padding: rem-calc(4 8 6); // $label-radius: $global-radius; // We use these to style the label text // $label-font-sizing: rem-calc(11); $label-font-weight: $font-weight-normal; // $label-font-color: #333; // $label-font-color-alt: #fff; // $label-font-family: $body-font-family; // Magellan // $include-html-magellan-classes: $include-html-classes; // $magellan-bg: #fff; // $magellan-padding: 10px; // Off-canvas // $include-html-off-canvas-classes: $include-html-classes; // $tabbar-bg: #333; // $tabbar-height: rem-calc(45); // $tabbar-icon-width: $tabbar-height; // $tabbar-line-height: $tabbar-height; // $tabbar-color: #fff; // $tabbar-middle-padding: 0 rem-calc(10); // Off Canvas Divider Styles // $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%); // $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); // Off Canvas Tab Bar Headers // $tabbar-header-color: #fff; // $tabbar-header-weight: $font-weight-bold; // $tabbar-header-line-height: $tabbar-height; // $tabbar-header-margin: 0; // Off Canvas Menu Variables // $off-canvas-width: rem-calc(250); // $off-canvas-bg: #333; // Off Canvas Menu List Variables // $off-canvas-label-padding: 0.3rem rem-calc(15); // $off-canvas-label-color: #999; // $off-canvas-label-text-transform: uppercase; // $off-canvas-label-font-weight: $font-weight-bold; // $off-canvas-label-bg: #444; // $off-canvas-label-border-top: 1px solid scale-color(#444, $lightness: 14%); // $off-canvas-label-border-bottom: none; // $off-canvas-label-margin:0; // $off-canvas-link-padding: rem-calc(10, 15); // $off-canvas-link-color: rgba(#fff, 0.7); $off-canvas-link-border-bottom: none; // Off Canvas Menu Icon Variables // $tabbar-menu-icon-color: #fff; // $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); // $tabbar-menu-icon-text-indent: rem-calc(35); // $tabbar-menu-icon-width: $tabbar-height; // $tabbar-menu-icon-height: $tabbar-height; // $tabbar-menu-icon-padding: 0; // $tabbar-hamburger-icon-width: rem-calc(16); // $tabbar-hamburger-icon-left: false; // $tabbar-hamburger-icon-top: false; // $tabbar-hamburger-icon-thickness: 1px; // $tabbar-hamburger-icon-gap: 6px; // Off Canvas Back-Link Overlay // $off-canvas-overlay-transition: background 300ms ease; // $off-canvas-overlay-cursor: pointer; // $off-canvas-overlay-box-shadow: -4px 0 4px rgba(#000, 0.5), 4px 0 4px rgba(#000, 0.5); // $off-canvas-overlay-background: rgba(#fff, 0.2); // $off-canvas-overlay-background-hover: rgba(#fff, 0.05); // Transition Variables // $menu-slide: "transform 500ms ease"; // Orbit // $include-html-orbit-classes: $include-html-classes; // We use these to control the caption styles // $orbit-container-bg: none; // $orbit-caption-bg: rgba(51,51,51, 0.8); // $orbit-caption-font-color: #fff; // $orbit-caption-font-size: rem-calc(14); // $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" // $orbit-caption-padding: rem-calc(10 14); // $orbit-caption-height: auto; // We use these to control the left/right nav styles // $orbit-nav-bg: transparent; // $orbit-nav-bg-hover: rgba(0,0,0,0.3); // $orbit-nav-arrow-color: #fff; // $orbit-nav-arrow-color-hover: #fff; // We use these to control the timer styles // $orbit-timer-bg: rgba(255,255,255,0.3); // $orbit-timer-show-progress-bar: true; // We use these to control the bullet nav styles // $orbit-bullet-nav-color: #ccc; // $orbit-bullet-nav-color-active: #999; // $orbit-bullet-radius: rem-calc(9); // We use these to controls the style of slide numbers // $orbit-slide-number-bg: rgba(0,0,0,0); // $orbit-slide-number-font-color: #fff; // $orbit-slide-number-padding: rem-calc(5); // Hide controls on small // $orbit-nav-hide-for-small: true; // $orbit-bullet-hide-for-small: true; // $orbit-timer-hide-for-small: true; // Graceful Loading Wrapper and preloader // $wrapper-class: "slideshow-wrapper"; // $preloader-class: "preloader"; // Pagination // $include-pagination-classes: $include-html-classes; // We use these to control the pagination container // $pagination-height: rem-calc(24); // $pagination-margin: rem-calc(-5); // We use these to set the list-item properties // $pagination-li-float: $default-float; // $pagination-li-height: rem-calc(24); // $pagination-li-font-color: #222; // $pagination-li-font-size: rem-calc(14); // $pagination-li-margin: rem-calc(5); // We use these for the pagination anchor links // $pagination-link-pad: rem-calc(1 10 1); // $pagination-link-font-color: #999; // $pagination-link-active-bg: scale-color(#fff, $lightness: -10%); // We use these for disabled anchor links // $pagination-link-unavailable-cursor: default; // $pagination-link-unavailable-font-color: #999; // $pagination-link-unavailable-bg-active: transparent; // We use these for currently selected anchor links // $pagination-link-current-background: $primary-color; // $pagination-link-current-font-color: #fff; // $pagination-link-current-font-weight: $font-weight-bold; // $pagination-link-current-cursor: default; // $pagination-link-current-active-bg: $primary-color; // Panels // $include-html-panel-classes: $include-html-classes; // We use these to control the background and border styles // $panel-bg: scale-color(#fff, $lightness: -5%); // $panel-border-style: solid; // $panel-border-size: 1px; // We use this % to control how much we darken things on hover // $panel-function-factor: -11%; // $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor); // We use these to set default inner padding and bottom margin // $panel-margin-bottom: rem-calc(20); // $panel-padding: rem-calc(20); // We use these to set default font colors // $panel-font-color: #333; // $panel-font-color-alt: #fff; // $panel-header-adjust: true; // $callout-panel-link-color: $primary-color; // Pricing Tables // $include-html-pricing-classes: $include-html-classes; // We use this to control the border color // $price-table-border: solid 1px #ddd; // We use this to control the bottom margin of the pricing table // $price-table-margin-bottom: rem-calc(20); // We use these to control the title styles // $price-title-bg: #333; // $price-title-padding: rem-calc(15 20); // $price-title-align: center; // $price-title-color: #eee; // $price-title-weight: $font-weight-normal; // $price-title-size: rem-calc(16); // $price-title-font-family: $body-font-family; // We use these to control the price styles // $price-money-bg: #f6f6f6 ; // $price-money-padding: rem-calc(15 20); // $price-money-align: center; // $price-money-color: #333; // $price-money-weight: $font-weight-normal; // $price-money-size: rem-calc(32); // $price-money-font-family: $body-font-family; // We use these to control the description styles // $price-bg: #fff; // $price-desc-color: #777; // $price-desc-padding: rem-calc(15); // $price-desc-align: center; // $price-desc-font-size: rem-calc(12); // $price-desc-weight: $font-weight-normal; // $price-desc-line-height: 1.4; // $price-desc-bottom-border: dotted 1px #ddd; // We use these to control the list item styles // $price-item-color: #333; // $price-item-padding: rem-calc(15); // $price-item-align: center; // $price-item-font-size: rem-calc(14); // $price-item-weight: $font-weight-normal; // $price-item-bottom-border: dotted 1px #ddd; // We use these to control the CTA area styles // $price-cta-bg: #fff; // $price-cta-align: center; // $price-cta-padding: rem-calc(20 20 0); // Progress Bar // $include-html-media-classes: $include-html-classes; // We use this to set the progress bar height // $progress-bar-height: rem-calc(25); // $progress-bar-color: #f6f6f6 ; // We use these to control the border styles // $progress-bar-border-color: scale-color(#fff, $lightness: 20%); // $progress-bar-border-size: 1px; // $progress-bar-border-style: solid; // $progress-bar-border-radius: $global-radius; // We use these to control the margin & padding // $progress-bar-pad: rem-calc(2); // $progress-bar-margin-bottom: rem-calc(10); // We use these to set the meter colors // $progress-meter-color: $primary-color; // $progress-meter-secondary-color: $secondary-color; // $progress-meter-success-color: $success-color; // $progress-meter-alert-color: $alert-color; // Reveal // $include-html-reveal-classes: $include-html-classes; // We use these to control the style of the reveal overlay. // $reveal-overlay-bg: rgba(#000, .45); // $reveal-overlay-bg-old: #000; // We use these to control the style of the modal itself. // $reveal-modal-bg: #fff; // $reveal-position-top: rem-calc(100); // $reveal-default-width: 80%; // $reveal-modal-padding: rem-calc(20); // $reveal-box-shadow: 0 0 10px rgba(#000,.4); // We use these to style the reveal close button // $reveal-close-font-size: rem-calc(40); // $reveal-close-top: rem-calc(8); // $reveal-close-side: rem-calc(11); // $reveal-close-color: #aaa; // $reveal-close-weight: $font-weight-bold; // We use this to set the default radius used throughout the core. // $reveal-radius: $global-radius; // $reveal-round: $global-rounded; // We use these to control the modal border // $reveal-border-style: solid; // $reveal-border-width: 1px; // $reveal-border-color: #666; // $reveal-modal-class: "reveal-modal"; // $close-reveal-modal-class: "close-reveal-modal"; // Side Nav // $include-html-nav-classes: $include-html-classes; // We use this to control padding. // $side-nav-padding: rem-calc(14 0); // We use these to control list styles. // $side-nav-list-type: none; // $side-nav-list-position: inside; // $side-nav-list-margin: rem-calc(0 0 7 0); // We use these to control link styles. // $side-nav-link-color: $primary-color; // $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%); // $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%); // $side-nav-font-size: rem-calc(14); // $side-nav-font-weight: $font-weight-normal; // $side-nav-font-weight-active: $side-nav-font-weight; // $side-nav-font-family: $body-font-family; // $side-nav-active-font-family: $side-nav-font-family; // We use these to control border styles // $side-nav-divider-size: 1px; // $side-nav-divider-style: solid; // $side-nav-divider-color: scale-color(#fff, $lightness: 10%); // Split Buttons // $include-html-button-classes: $include-html-classes; // We use these to control different shared styles for Split Buttons // $split-button-function-factor: 10%; // $split-button-pip-color: #fff; // $split-button-pip-color-alt: #333; // $split-button-active-bg-tint: rgba(0,0,0,0.1); // We use these to control tiny split buttons // $split-button-padding-tny: $button-pip-tny * 10; // $split-button-span-width-tny: $button-pip-tny * 6; // $split-button-pip-size-tny: $button-pip-tny; // $split-button-pip-top-tny: $button-pip-tny * 2; // $split-button-pip-default-float-tny: rem-calc(-6); // We use these to control small split buttons // $split-button-padding-sml: $button-pip-sml * 10; // $split-button-span-width-sml: $button-pip-sml * 6; // $split-button-pip-size-sml: $button-pip-sml; // $split-button-pip-top-sml: $button-pip-sml * 1.5; // $split-button-pip-default-float-sml: rem-calc(-6); // We use these to control medium split buttons // $split-button-padding-med: $button-pip-med * 9; // $split-button-span-width-med: $button-pip-med * 5.5; // $split-button-pip-size-med: $button-pip-med - rem-calc(3); // $split-button-pip-top-med: $button-pip-med * 1.5; // $split-button-pip-default-float-med: rem-calc(-6); // We use these to control large split buttons // $split-button-padding-lrg: $button-pip-lrg * 8; // $split-button-span-width-lrg: $button-pip-lrg * 5; // $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); // $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5); // $split-button-pip-default-float-lrg: rem-calc(-6); // Sub Nav // $include-html-nav-classes: $include-html-classes; // We use these to control margin and padding // $sub-nav-list-margin: rem-calc(-4 0 18); // $sub-nav-list-padding-top: rem-calc(4); // We use this to control the definition // $sub-nav-font-family: $body-font-family; // $sub-nav-font-size: rem-calc(14); // $sub-nav-font-color: #999; // $sub-nav-font-weight: $font-weight-normal; // $sub-nav-text-decoration: none; // $sub-nav-padding: rem-calc(3 16); // $sub-nav-border-radius: 3px; // $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%); // We use these to control the active item styles // $sub-nav-active-font-weight: $font-weight-normal; // $sub-nav-active-bg: $primary-color; // $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%); // $sub-nav-active-color: #fff; // $sub-nav-active-padding: $sub-nav-padding; // $sub-nav-active-cursor: default; // $sub-nav-item-divider: ""; // $sub-nav-item-divider-margin: rem-calc(12); // // SWITCH // // $include-html-form-classes: $include-html-classes; // Controlling border styles and background colors for the switch container // $switch-border-color: scale-color(#fff, $lightness: -20%); // $switch-border-style: solid; // $switch-border-width: 1px; // $switch-bg: #fff; // We use these to control the switch heights for our default classes // $switch-height-tny: 22px; // $switch-height-sml: 28px; // $switch-height-med: 36px; // $switch-height-lrg: 44px; // $switch-bottom-margin: rem-calc(20); // We use these to control default font sizes for our classes. // $switch-font-size-tny: 11px; // $switch-font-size-sml: 12px; // $switch-font-size-med: 14px; // $switch-font-size-lrg: 17px; // $switch-label-side-padding: 6px; // We use these to style the switch-paddle // $switch-paddle-bg: #fff; // $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%); // $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%); // $switch-paddle-border-width: 1px; // $switch-paddle-border-style: solid; // $switch-paddle-transition-speed: .1s; // $switch-paddle-transition-ease: ease-out; // $switch-positive-color: scale-color($success-color, $lightness: 94%); // $switch-negative-color: #f5f5f5; // Outline Style for tabbing through switches // $switch-label-outline: 1px dotted #888; // Tables // $include-html-table-classes: $include-html-classes; // These control the background color for the table and even rows // $table-bg: #fff; // $table-even-row-bg: #f9f9f9 ; // These control the table cell border style // $table-border-style: solid; // $table-border-size: 1px; // $table-border-color: #ddd; // These control the table head styles // $table-head-bg: #f5f5f5 ; // $table-head-font-size: rem-calc(14); // $table-head-font-color: #222; // $table-head-font-weight: $font-weight-bold; // $table-head-padding: rem-calc(8 10 10); // These control the row padding and font styles // $table-row-padding: rem-calc(9 10); // $table-row-font-size: rem-calc(14); // $table-row-font-color: #222; // $table-line-height: rem-calc(18); // These are for controlling the display and margin of tables // $table-display: table-cell; // $table-margin-bottom: rem-calc(20); // // TABS // // $include-html-tabs-classes: $include-html-classes; // $tabs-navigation-padding: rem-calc(16); // $tabs-navigation-bg-color: #efefef ; // $tabs-navigation-active-bg-color: #fff; // $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); // $tabs-navigation-font-color: #222; // $tabs-navigation-active-font-color: $tabs-navigation-font-color; // $tabs-navigation-font-size: rem-calc(16); // $tabs-navigation-font-family: $body-font-family; // $tabs-content-margin-bottom: rem-calc(24); // $tabs-content-padding: $column-gutter/2; // $tabs-vertical-navigation-margin-bottom: 1.25rem; // // THUMBNAILS // // $include-html-media-classes: $include-html-classes; // We use these to control border styles // $thumb-border-style: solid; // $thumb-border-width: 4px; // $thumb-border-color: #fff; // $thumb-box-shadow: 0 0 0 1px rgba(#000,.2); // $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); // Radius and transition speed for thumbs // $thumb-radius: $global-radius; // $thumb-transition-speed: 200ms; // // TOOLTIPS // // $include-html-tooltip-classes: $include-html-classes; // $has-tip-border-bottom: dotted 1px #ccc; // $has-tip-font-weight: $font-weight-bold; // $has-tip-font-color: #333; // $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%); // $has-tip-font-color-hover: $primary-color; // $has-tip-cursor-type: help; // $tooltip-padding: rem-calc(12); // $tooltip-bg: #333; // $tooltip-font-size: rem-calc(14); // $tooltip-font-weight: $font-weight-normal; // $tooltip-font-color: #fff; // $tooltip-line-height: 1.3; // $tooltip-close-font-size: rem-calc(10); // $tooltip-close-font-weight: $font-weight-normal; // $tooltip-close-font-color: #777; // $tooltip-font-size-sml: rem-calc(14); // $tooltip-radius: $global-radius; // $tooltip-rounded: $global-rounded; // $tooltip-pip-size: 5px; // $tooltip-max-width: 300px; // // TOP BAR // // $include-html-top-bar-classes: $include-html-classes; // Background color for the top bar // $topbar-bg-color: #333; // $topbar-bg: $topbar-bg-color; // Height and margin // $topbar-height: 45px; // $topbar-margin-bottom: 0; // Controlling the styles for the title in the top bar // $topbar-title-weight: $font-weight-normal; // $topbar-title-font-size: rem-calc(17); // Style the top bar dropdown elements // $topbar-dropdown-bg: #333; // $topbar-dropdown-link-color: #fff; // $topbar-dropdown-link-bg: #333; // $topbar-dropdown-link-weight: $font-weight-normal; // $topbar-dropdown-toggle-size: 5px; // $topbar-dropdown-toggle-color: #fff; // $topbar-dropdown-toggle-alpha: 0.4; // Set the link colors and styles for top-level nav // $topbar-link-color: #fff; // $topbar-link-color-hover: #fff; // $topbar-link-color-active: #fff; // $topbar-link-color-active-hover: #fff; // $topbar-link-weight: $font-weight-normal; // $topbar-link-font-size: rem-calc(13); // $topbar-link-hover-lightness: -10%; // Darken by 10% // $topbar-link-bg: $topbar-bg; // $topbar-link-bg-color-hover: #555555; // $topbar-link-bg-hover: #272727; // $topbar-link-bg-active: $primary-color; // $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); // $topbar-link-font-family: $body-font-family; // $topbar-link-text-transform: none; // $topbar-link-padding: $topbar-height / 3; // $topbar-button-font-size: 0.75rem; // $topbar-button-top: 7px; // $topbar-dropdown-label-color: #777; // $topbar-dropdown-label-text-transform: uppercase; // $topbar-dropdown-label-font-weight: $font-weight-bold; // $topbar-dropdown-label-font-size: rem-calc(10); // $topbar-dropdown-label-bg: #333; // Top menu icon styles // $topbar-menu-link-transform: uppercase; // $topbar-menu-link-font-size: rem-calc(13); // $topbar-menu-link-weight: $font-weight-bold; // $topbar-menu-link-color: #fff; // $topbar-menu-icon-color: #fff; // $topbar-menu-link-color-toggled: #888; // $topbar-menu-icon-color-toggled: #888; // Transitions and breakpoint styles // $topbar-transition-speed: 300ms; // Using rem-calc for the below breakpoint causes issues with top bar // $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout // $topbar-media-query: $medium-up; // Divider Styles // $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%); // $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%); // Sticky Class // $topbar-sticky-class: ".sticky"; // $topbar-arrows: true; //Set false to remove the triangle icon from the menu item // // VISIBILITY CLASSES // // $include-html-visibility-classes: $include-html-classes; // $include-table-visibility-classes: true; // $include-legacy-visibility-classes: true; // // RANGE SLIDER // // $include-html-range-slider-classes: $include-html-classes; // These variabels define the slider bar styles // $range-slider-bar-width: 100%; // $range-slider-bar-height: rem-calc(16); // $range-slider-bar-border-width: 1px; // $range-slider-bar-border-style: solid; // $range-slider-bar-border-color: #ddd; // $range-slider-radius: $global-radius; // $range-slider-round: $global-rounded; // $range-slider-bar-bg-color: #fafafa; // Vertical bar styles // $range-slider-vertical-bar-width: rem-calc(16); // $range-slider-vertical-bar-height: rem-calc(200); // These variabels define the slider handle styles // $range-slider-handle-width: rem-calc(32); // $range-slider-handle-height: rem-calc(22); // $range-slider-handle-position-top: rem-calc(-5); // $range-slider-handle-bg-color: $primary-color; // $range-slider-handle-border-width: 1px; // $range-slider-handle-border-style: solid; // $range-slider-handle-border-color: none; // $range-slider-handle-radius: $global-radius; // $range-slider-handle-round: $global-rounded; // $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%); // $range-slider-handle-cursor: pointer; ; T;i;o; ;o;;i;i;o;;i;i;@;@:@has_childrenT