{: versionI"3.2.19 (Media Mark):EF:shaI"-1d9177e03380e19d80747d9dc6e9e3506e61abb3;F: contents">o:Sass::Tree::RootNode :@children[;o:Sass::Tree::CommentNode : @value[I"(/* * Pricing Table Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"!include-html-pricing-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;[I"2/* We use this to control the border color */; T; ; ;[; i ; @ o; ;I"price-table-border; T;o:Sass::Script::List ;[o:Sass::Script::String ;I" solid; T; :identifier; i ; @ o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i :@originalI"1px; F; @ o:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i ; @ :@separator: space; i ; @ ;I" !default; T;[; i ; @ o; ;[I"H/* We use this to control the bottom margin of the pricing table */; T; ; ;[; i; @ o; ;I"price-table-margin-bottom; T;o:Sass::Script::Funcall ;I" em-calc; T: @args[o; ;i;[;[; i;I"20; F; @ :@keywords{: @splat0; i; @ ;I" !default; T;[; i; @ o; ;[I"3/* We use these to control the title styles */; T; ; ;[; i; @ o; ;I"price-title-bg; T;o; ;0;{ ;i;i;i; i; i; @ ;I" !default; T;[; i; @ o; ;I"price-title-padding; T;o;# ;I" em-calc; T;$[o; ;[o; ;i;[;@1; i;I"15; F; @ o; ;i;[;@1; i;I"20; F; @ ;!;"; i; @ ;%{;&0; i; @ ;I" !default; T;[; i; @ o; ;I"price-title-align; T;o; ;I" center; T; ;; i; @ ;I" !default; T;[; i; @ o; ;I"price-title-color; T;o; ;0;{ ;i8;i8;i8; i; i; @ ;I" !default; T;[; i; @ o; ;I"price-title-weight; T;o; ;I" bold; T; ;; i; @ ;I" !default; T;[; i; @ o; ;I"price-title-size; T;o;# ;I" em-calc; T;$[o; ;i;[;@1; i;I"16; F; @ ;%{;&0; i; @ ;I" !default; T;[; i; @ o; ;[I"3/* We use these to control the price styles */; T; ; ;[; i; @ o; ;I"price-money-bg; T;o; ;0;{ ;i;i;i; i; i; @ ;I" !default; T;[; i; @ o; ;I"price-money-padding; T;o;# ;I" em-calc; T;$[o; ;[o; ;i;[;@1; i;I"15; F; @ o; ;i;[;@1; i;I"20; F; @ ;!;"; i; @ ;%{;&0; i; @ ;I" !default; T;[; i; @ o; ;I"price-money-align; T;o; ;I" center; T; ;; i; @ ;I" !default; T;[; i; @ o; ;I"price-money-color; T;o; ;0;{ ;i8;i8;i8; i; i; @ ;I" !default; T;[; i; @ o; ;I"price-money-weight; T;o; ;I" normal; T; ;; i; @ ;I" !default; T;[; i; @ o; ;I"price-money-size; T;o;# ;I" em-calc; T;$[o; ;i;[;@1; i;I"20; F; @ ;%{;&0; i; @ ;I" !default; T;[; i; @ o; ;[I"9/* We use these to control the description styles */; T; ; ;[; i!; @ o; ;I" price-bg; T;o; ;0;{ ;i;i;i; i; i"; @ ;I" !default; T;[; i"; @ o; ;I"price-desc-color; T;o; ;0;{ ;i|;i|;i|; i; i#; @ ;I" !default; T;[; i#; @ o; ;I"price-desc-padding; T;o;# ;I" em-calc; T;$[o; ;i;[;@1; i$;I"15; F; @ ;%{;&0; i$; @ ;I" !default; T;[; i$; @ o; ;I"price-desc-align; T;o; ;I" center; T; ;; i%; @ ;I" !default; T;[; i%; @ o; ;I"price-desc-font-size; T;o;# ;I" em-calc; T;$[o; ;i;[;@1; i&;I"12; F; @ ;%{;&0; i&; @ ;I" !default; T;[; i&; @ o; ;I"price-desc-weight; T;o; ;I" normal; T; ;; i'; @ ;I" !default; T;[; i'; @ o; ;I"price-desc-line-height; T;o; ;f1.4;[;@1; i(;I"1.4; F; @ ;I" !default; T;[; i(; @ o; ;I"price-desc-bottom-border; T;o; ;[o; ;I" dotted; T; ;; i); @ o; ;i;[I"px; T;[; i);I"1px; F; @ o; ;0;{ ;i;i;i; i; i); @ ;!;"; i); @ ;I" !default; T;[; i); @ o; ;[I"7/* We use these to control the list item styles */; T; ; ;[; i+; @ o; ;I"price-item-color; T;o; ;0;{ ;i8;i8;i8; i; i,; @ ;I" !default; T;[; i,; @ o; ;I"price-item-padding; T;o;# ;I" em-calc; T;$[o; ;i;[;@1; i-;I"15; F; @ ;%{;&0; i-; @ ;I" !default; T;[; i-; @ o; ;I"price-item-align; T;o; ;I" center; T; ;; i.; @ ;I" !default; T;[; i.; @ o; ;I"price-item-font-size; T;o;# ;I" em-calc; T;$[o; ;i;[;@1; i/;I"14; F; @ ;%{;&0; i/; @ ;I" !default; T;[; i/; @ o; ;I"price-item-weight; T;o; ;I" normal; T; ;; i0; @ ;I" !default; T;[; i0; @ o; ;I"price-item-bottom-border; T;o; ;[o; ;I" dotted; T; ;; i1; @ o; ;i;[I"px; T;[; i1;I"1px; F; @ o; ;0;{ ;i;i;i; i; i1; @ ;!;"; i1; @ ;I" !default; T;[; i1; @ o; ;[I"6/* We use these to control the CTA area styles */; T; ; ;[; i3; @ o; ;I"price-cta-bg; T;o; ;0;{ ;i;i;i; i; i4; @ ;I" !default; T;[; i4; @ o; ;I"price-cta-align; T;o; ;I" center; T; ;; i5; @ ;I" !default; T;[; i5; @ o; ;I"price-cta-padding; T;o;# ;I" em-calc; T;$[o; ;[o; ;i;[;@1; i6;I"20; F; @ o; ;i;[;@1; i6;I"20; F; @ o; ;i;[;@1; i6;I"0; F; @ ;!;"; i6; @ ;%{;&0; i6; @ ;I" !default; T;[; i6; @ o; ;[I"%/* * Pricing Table Mixins * */; T; ; ;[; i8; @ o; ;[I"M/* We use this to create the container element for the pricing tables */; T; ; ;[; i<; @ o:Sass::Tree::MixinDefNode ;I"pricing-table-container; T;$[;&0;[ o:Sass::Tree::PropNode ;[I" border; T;o; ;I"price-table-border; T;I"price_table_border; T; @ ; i>: @tabsi:@prop_syntax:new;[; i>; @ o;( ;[I" margin-; To; ;I"default-float; T;I"default_float; T; @ ; i?;o;;I"0; T; ;; @ ;)i;*;+;[; i?; @ o;( ;[I"margin-bottom; T;o; ;I"price-table-margin-bottom; T;I"price_table_margin_bottom; T; @ ; i@;)i;*;+;[; i@; @ o:Sass::Tree::RuleNode : @rule[I"& *; T;)i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;0[o:#Sass::Selector::SimpleSequence ;0[o:Sass::Selector::Parent; iB:@filenameI"; T: @subject0: @sourceso:Set: @hash{; iB;4@so;2 ;0[o:Sass::Selector::Universal:@namespace0; iB;4@s;50;6o;7;8{; iB;4@s; iB;4@s;[o;( ;[I"list-style; T;o;;I" none; T; ;; @ ;)i;*;+;[; iC; @ o;( ;[I"line-height; T;o;;I"1; T; ;; @ ;)i;*;+;[; iD; @ ; iB:@has_childrenT; @ ; i=;;T; @ o; ;[I"E/* We use this mixin to create the pricing table title styles */; T; ; ;[; iH; @ o;' ;I"pricing-table-title; T;$[;&0;[ o;( ;[I"background-color; T;o; ;I"price-title-bg; T;I"price_title_bg; T; @ ; iJ;)i;*;+;[; iJ; @ o;( ;[I" padding; T;o; ;I"price-title-padding; T;I"price_title_padding; T; @ ; iK;)i;*;+;[; iK; @ o;( ;[I"text-align; T;o; ;I"price-title-align; T;I"price_title_align; T; @ ; iL;)i;*;+;[; iL; @ o;( ;[I" color; T;o; ;I"price-title-color; T;I"price_title_color; T; @ ; iM;)i;*;+;[; iM; @ o;( ;[I"font-weight; T;o; ;I"price-title-weight; T;I"price_title_weight; T; @ ; iN;)i;*;+;[; iN; @ o;( ;[I"font-size; T;o; ;I"price-title-size; T;I"price_title_size; T; @ ; iO;)i;*;+;[; iO; @ ; iI;;T; @ o; ;[I"F/* We use this mixin to control the pricing table price styles */; T; ; ;[; iR; @ o;' ;I"pricing-table-price; T;$[;&0;[ o;( ;[I"background-color; T;o; ;I"price-money-bg; T;I"price_money_bg; T; @ ; iT;)i;*;+;[; iT; @ o;( ;[I" padding; T;o; ;I"price-money-padding; T;I"price_money_padding; T; @ ; iU;)i;*;+;[; iU; @ o;( ;[I"text-align; T;o; ;I"price-money-align; T;I"price_money_align; T; @ ; iV;)i;*;+;[; iV; @ o;( ;[I" color; T;o; ;I"price-money-color; T;I"price_money_color; T; @ ; iW;)i;*;+;[; iW; @ o;( ;[I"font-weight; T;o; ;I"price-money-weight; T;I"price_money_weight; T; @ ; iX;)i;*;+;[; iX; @ o;( ;[I"font-size; T;o; ;I"price-money-size; T;I"price_money_size; T; @ ; iY;)i;*;+;[; iY; @ ; iS;;T; @ o; ;[I"S/* We use this mixin to create the description styles for the pricing table */; T; ; ;[; i\; @ o;' ;I"pricing-table-description; T;$[;&0;[ o;( ;[I"background-color; T;o; ;I" price-bg; T;I" price_bg; T; @ ; i^;)i;*;+;[; i^; @ o;( ;[I" padding; T;o; ;I"price-desc-padding; T;I"price_desc_padding; T; @ ; i_;)i;*;+;[; i_; @ o;( ;[I"text-align; T;o; ;I"price-desc-align; T;I"price_desc_align; T; @ ; i`;)i;*;+;[; i`; @ o;( ;[I" color; T;o; ;I"price-desc-color; T;I"price_desc_color; T; @ ; ia;)i;*;+;[; ia; @ o;( ;[I"font-size; T;o; ;I"price-desc-font-size; T;I"price_desc_font_size; T; @ ; ib;)i;*;+;[; ib; @ o;( ;[I"font-weight; T;o; ;I"price-desc-weight; T;I"price_desc_weight; T; @ ; ic;)i;*;+;[; ic; @ o;( ;[I"line-height; T;o; ;I"price-desc-line-height; T;I"price_desc_line_height; T; @ ; id;)i;*;+;[; id; @ o;( ;[I"border-bottom; T;o; ;I"price-desc-bottom-border; T;I"price_desc_bottom_border; T; @ ; ie;)i;*;+;[; ie; @ ; i];;T; @ o; ;[I"K/* We use this mixin to style the bullet items in the pricing table */; T; ; ;[; ih; @ o;' ;I"pricing-table-bullet; T;$[;&0;[ o;( ;[I"background-color; T;o; ;I" price-bg; T;I" price_bg; T; @ ; ij;)i;*;+;[; ij; @ o;( ;[I" padding; T;o; ;I"price-item-padding; T;I"price_item_padding; T; @ ; ik;)i;*;+;[; ik; @ o;( ;[I"text-align; T;o; ;I"price-item-align; T;I"price_item_align; T; @ ; il;)i;*;+;[; il; @ o;( ;[I" color; T;o; ;I"price-item-color; T;I"price_item_color; T; @ ; im;)i;*;+;[; im; @ o;( ;[I"font-size; T;o; ;I"price-item-font-size; T;I"price_item_font_size; T; @ ; in;)i;*;+;[; in; @ o;( ;[I"font-weight; T;o; ;I"price-item-weight; T;I"price_item_weight; T; @ ; io;)i;*;+;[; io; @ o;( ;[I"border-bottom; T;o; ;I"price-item-bottom-border; T;I"price_item_bottom_border; T; @ ; ip;)i;*;+;[; ip; @ ; ii;;T; @ o; ;[I"H/* We use this mixin to style the CTA area of the pricing tables */; T; ; ;[; is; @ o;' ;I"pricing-table-cta; T;$[;&0;[o;( ;[I"background-color; T;o; ;I"price-cta-bg; T;I"price_cta_bg; T; @ ; iu;)i;*;+;[; iu; @ o;( ;[I"text-align; T;o; ;I"price-cta-align; T;I"price_cta_align; T; @ ; iv;)i;*;+;[; iv; @ o;( ;[I" padding; T;o; ;I"price-cta-padding; T;I"price_cta_padding; T; @ ; iw;)i;*;+;[; iw; @ ; it;;T; @ u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"!include-html-pricing-classes:ET:@underscored_nameI"!include_html_pricing_classes; T: @options{: @linei{:@operand2o:Sass::Script::Bool: @valueF; i{; @ :@operator:neq; i{; @ 0[o:Sass::Tree::CommentNode ;[I"/* Pricing Tables */; T: @type: normal:@children[; i}; @ o:Sass::Tree::RuleNode : @rule[I".pricing-table; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"pricing-table; T; i~:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i~;@; i~;@;[ o:Sass::Tree::MixinNode ;I"pricing-table-container; T: @args[:@keywords{: @splat0;[; i; @ o; ;[I" .title; T;i;o;;[o;;[o; ;[o;;[I" title; T; i|;I"; T; 0;!o;";#{; i|;@2; i|;@2;[o;$ ;I"pricing-table-title; T;%[;&{;'0;[; i|; @ ; i|:@has_childrenT; @ o; ;[I" .price; T;i;o;;[o;;[o; ;[o;;[I" price; T; i};I"; T; 0;!o;";#{; i};@G; i};@G;[o;$ ;I"pricing-table-price; T;%[;&{;'0;[; i}; @ ; i};(T; @ o; ;[I".description; T;i;o;;[o;;[o; ;[o;;[I"description; T; i~;I"; T; 0;!o;";#{; i~;@\; i~;@\;[o;$ ;I"pricing-table-description; T;%[;&{;'0;[; i~; @ ; i~;(T; @ o; ;[I".bullet-item; T;i;o;;[o;;[o; ;[o;;[I"bullet-item; T; i;I"; T; 0;!o;";#{; i;@q; i;@q;[o;$ ;I"pricing-table-bullet; T;%[;&{;'0;[; i; @ ; i;(T; @ o; ;[I".cta-button; T;i;o;;[o;;[o; ;[o;;[I"cta-button; T; i;I"; T; 0;!o;";#{; i;@; i;@;[o;$ ;I"pricing-table-cta; T;%[;&{;'0;[; i; @ ; i;(T; @ ; i~;(T; @ :@templateI" // // Pricing Table Variables // $include-html-pricing-classes: $include-html-classes !default; // We use this to control the border color $price-table-border: solid 1px #ddd !default; // We use this to control the bottom margin of the pricing table $price-table-margin-bottom: em-calc(20) !default; // We use these to control the title styles $price-title-bg: #ddd !default; $price-title-padding: em-calc(15 20) !default; $price-title-align: center !default; $price-title-color: #333 !default; $price-title-weight: bold !default; $price-title-size: em-calc(16) !default; // We use these to control the price styles $price-money-bg: #eee !default; $price-money-padding: em-calc(15 20) !default; $price-money-align: center !default; $price-money-color: #333 !default; $price-money-weight: normal !default; $price-money-size: em-calc(20) !default; // We use these to control the description styles $price-bg: #fff !default; $price-desc-color: #777 !default; $price-desc-padding: em-calc(15) !default; $price-desc-align: center !default; $price-desc-font-size: em-calc(12) !default; $price-desc-weight: normal !default; $price-desc-line-height: 1.4 !default; $price-desc-bottom-border: dotted 1px #ddd !default; // We use these to control the list item styles $price-item-color: #333 !default; $price-item-padding: em-calc(15) !default; $price-item-align: center !default; $price-item-font-size: em-calc(14) !default; $price-item-weight: normal !default; $price-item-bottom-border: dotted 1px #ddd !default; // We use these to control the CTA area styles $price-cta-bg: #f5f5f5 !default; $price-cta-align: center !default; $price-cta-padding: em-calc(20 20 0) !default; // // Pricing Table Mixins // // We use this to create the container element for the pricing tables @mixin pricing-table-container { border: $price-table-border; margin-#{$default-float}: 0; margin-bottom: $price-table-margin-bottom; & * { list-style: none; line-height: 1; } } // We use this mixin to create the pricing table title styles @mixin pricing-table-title { background-color: $price-title-bg; padding: $price-title-padding; text-align: $price-title-align; color: $price-title-color; font-weight: $price-title-weight; font-size: $price-title-size; } // We use this mixin to control the pricing table price styles @mixin pricing-table-price { background-color: $price-money-bg; padding: $price-money-padding; text-align: $price-money-align; color: $price-money-color; font-weight: $price-money-weight; font-size: $price-money-size; } // We use this mixin to create the description styles for the pricing table @mixin pricing-table-description { background-color: $price-bg; padding: $price-desc-padding; text-align: $price-desc-align; color: $price-desc-color; font-size: $price-desc-font-size; font-weight: $price-desc-weight; line-height: $price-desc-line-height; border-bottom: $price-desc-bottom-border; } // We use this mixin to style the bullet items in the pricing table @mixin pricing-table-bullet { background-color: $price-bg; padding: $price-item-padding; text-align: $price-item-align; color: $price-item-color; font-size: $price-item-font-size; font-weight: $price-item-weight; border-bottom: $price-item-bottom-border; } // We use this mixin to style the CTA area of the pricing tables @mixin pricing-table-cta { background-color: $price-cta-bg; text-align: $price-cta-align; padding: $price-cta-padding; } @if $include-html-pricing-classes != false { /* Pricing Tables */ .pricing-table { @include pricing-table-container; .title { @include pricing-table-title; } .price { @include pricing-table-price; } .description { @include pricing-table-description; } .bullet-item { @include pricing-table-bullet; } .cta-button { @include pricing-table-cta; } } }; T; i;;T; @