{:versionI"3.4.21 (Selective Steve):EF:shaI"-a878c9bb63d9109f89ace0d0d81c3089718908a3;F:
contents"8o:Sass::Tree::RootNode:@children[	o:Sass::Tree::VariableNode
:
@nameI"checkbox_size:ET:
@expro: Sass::Script::Tree::Literal	:@valueo: Sass::Script::Value::Number
;i:@numerator_units[I"px;	T:@denominator_units[�:
@options{�:@originalI"	20px;	F:
@linei:@source_rangeo:Sass::Source::Range	:@start_poso:Sass::Source::Position;i:@offseti:
@end_poso;;i;i:
@fileI"q/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets/forever_style_guide/modules/_checkbox.scss;	T:@importero:Sass::Rails::SassImporter:
@rootI"F/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets;	F:@real_rootI"F/Users/zschweitzer/git/forever-style-guide/app/assets/stylesheets;	F:@same_name_warningso:Set:
@hash{�:@filename@:
@guarded0:@global0;[�;i;o;	;o;;i;i;o;;i;i;@;@;@o:Sass::Tree::MixinDefNode
;I"
checkbox;	T:
@args[[o:!Sass::Script::Tree::Variable;I"background-color;	T:@underscored_nameI"background_color;	T;i;o;	;o;;i;i;o;;i;i';@;@;!@;@0[o;&;I"border-color;	T;'I"border_color;	T;i;o;	;o;;i;i);o;;i;i6;@;@;!@;@0:@splat0;[o:Sass::Tree::PropNode;[I"
position;	T;o;;o: Sass::Script::Value::String	;I"
absolute;	T:
@type:identifier:"@deprecated_interp_equivalent0;@;i	;o;	;o;;i	;i;o;;i	;i;@;@:
@tabsi�:@prop_syntax:new;[�;i	;o;	;o;;i	;i;o;;i	;i;@;@:@name_source_rangeo;	;@:;o;;i	;i;@;@:@value_source_rangeo;	;o;;i	;i;@;;@;@;@o;);[I"top;	T;o;;o;*	;I"0;	T;+;,;-0;@;i
;o;	;o;;i
;i
;o;;i
;i;@;@;.i�;/;0;[�;i
;o;	;o;;i
;i;o;;i
;i;@;@;1o;	;@K;o;;i
;i;@;@;2o;	;o;;i
;i
;@L;@;@;@o;);[I"	left;	T;o;;o;*	;I"0;	T;+;,;-0;@;i;o;	;o;;i;i;o;;i;i;@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i;@;@;1o;	;@\;o;;i;i;@;@;2o;	;o;;i;i;@];@;@;@o;);[I"
width;	T;o;&;I"checkbox_size;	T;'I"checkbox_size;	T;i;o;	;o;;i;i;o;;i;i;@;@;!@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i;@;@;1o;	;@m;o;;i;i
;@;@;2o;	;o;;i;i;@n;@;@;@o;);[I"height;	T;o;&;I"checkbox_size;	T;'I"checkbox_size;	T;i
;o;	;o;;i
;i;o;;i
;i;@;@;!@;@;.i�;/;0;[�;i
;o;	;o;;i
;i;o;;i
;i;@;@;1o;	;@~;o;;i
;i;@;@;2o;	;o;;i
;i;@;@;@;@o;);[I"background-color;	T;o;&;I"background-color;	T;'I"background_color;	T;i;o;	;o;;i;i;o;;i;i+;@;@;!@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i+;@;@;1o;	;@
�;o;;i;i;@;@;2o;	;o;;i;i;@
�;@;@;@o;);[I"border;	T;o:$Sass::Script::Tree::ListLiteral:@elements[o;	;o;
;i;[I"px;	T;[�;@;I"2px;	F;i;o;	;o;;i;i;o;;i;i;@;@;!@o;	;o;*	;I"
solid;	T;+;,;-0;@;i;o;	;o;;i;i;o;;i;i;@;@;!@o;&;I"border-color;	T;'I"border_color;	T;i;o;	;o;;i;i;o;;i;i';@;@;!@;@:@separator:
space;i;o;	;o;;i;i;o;;i;i';@;@;!@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i';@;@;1o;	;@
�;o;;i;i;@;@;2o;	;o;;i;i;@
�;@;@;@o;);[I"border-radius;	T;o;&;I"border-radius-large;	T;'I"border_radius_large;	T;i;o;	;o;;i;i;o;;i;i+;@;@;!@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i+;@;@;1o;	;@
�;o;;i;i;@;@;2o;	;o;;i;i;@
�;@;@;@o:Sass::Tree::MixinNode;I"transition;	T;%[o;3;4[o;	;o;*	;I"border-color;	T;+;,;-0;@;i;o;	;o;;i;i;o;;i;i(;@;@;!@o;	;o;
;f0.2;[I"s;	T;[�;@;I"	0.2s;	F;i;o;	;o;;i;i);o;;i;i-;@;@;!@o;	;o;*	;I"ease-in-out;	T;+;,;-0;@;i;o;	;o;;i;i.;o;;i;i9;@;@;!@;5;6;i;o;	;o;;i;i;o;;i;i9;@;@;!@;@o;3;4[o;	;o;*	;I"background-color;	T;+;,;-0;@;i;o;	;o;;i;i;;o;;i;iK;@;@;!@o;	;o;
;@
�;[I"s;	T;[�;@;I"	0.2s;	F;i;o;	;o;;i;iL;o;;i;iP;@;@;!@o;	;o;*	;I"ease-in-out;	T;+;,;-0;@;i;o;	;o;;i;iQ;o;;i;i\;@;@;!@;5;6;i;o;	;o;;i;i:;o;;i;i\;@;@;!@;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{�:	@map{�;(0:@kwarg_splat0;[�;i;o;	;o;;i;i;o;;i;i];@;@;@;i;o;	;o;;i;i;o;;i;i8;@;@:@has_childrenT;@o:Sass::Tree::RuleNode:
@rule[I".checkbox-branded;	T:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o:Sass::Selector::Sequence;B[o:#Sass::Selector::SimpleSequence;B[o:Sass::Selector::Class;I"checkbox-branded;	T;i;!0:
@subject0:
@sourceso;; {�;o;	;o;;i;i;o;;i;i;0;0;i;!0;i;i;!0:@selector_source_rangeo;	;o;;i;i;o;;i;i;@;@;.i�;[	o;);[I"
position;	T;o;;o;*	;I"
relative;	T;+;,;-0;@;i;o;	;o;;i;i;o;;i;i;@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i;@;@;1o;	;@'
;o;;i;i;@;@;2o;	;o;;i;i;@(
;@;@;@o;);[I"font-size;	T;o;&;I"font-size-default;	T;'I"font_size_default;	T;i;o;	;o;;i;i;o;;i;i%;@;@;!@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i%;@;@;1o;	;@8
;o;;i;i;@;@;2o;	;o;;i;i;@9
;@;@;@o;>;?[I"
label;	T;@o;A;B[o;C;B[o;D;B[o:Sass::Selector::Element	;I"
label;	T:@namespace0;i;!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i;0;0;i;!0;i;i;!0;Ho;	;o;;i;i;o;;i;i;@;@;.i�;[
o;);[I"cursor;	T;o;;o;*	;I"pointer;	T;+;,;-0;@;i;o;	;o;;i;i;o;;i;i;@;@;.i�;/;0;[�;i;o;	;o;;i;i
;o;;i;i;@;@;1o;	;@]
;o;;i;i;@;@;2o;	;o;;i;i;@^
;@;@;@o;);[I"padding-left;	T;o:"Sass::Script::Tree::Operation:@operand1o;&;I"checkbox_size;	T;'I"checkbox_size;	T;i;o;	;o;;i;i;o;;i;i&;@;@;!@;@:@operand2o;	;o;
;f	0.75;[�;[�;@;I"	0.75;	F;i;o;	;o;;i;i);o;;i;i-;@;@;!@:@operator:
times;i;o;	;@k
;o;;i;i-;@;@;!@;@;.i�;/;0;[�;i;o;	;o;;i;i
;o;;i;i-;@;@;1o;	;@z
;o;;i;i;@;@;2o;	;o;;i;i;@{
;@;@;@o;>;?[I"
&:before;	T;@o;A;B[o;C;B[o;D;B[o:Sass::Selector::Parent:@suffix0;i;!0o:Sass::Selector::Pseudo:@syntactic_type:
class;I"before;	T:	@arg0:@selector0;i;!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i;0;0;i;!0;i;i;!0;Ho;	;o;;i;i
;o;;i;i;@;@;.i�;[o;7;I"
checkbox;	T;%[o;&;I"color-white;	T;'I"color_white;	T;i;o;	;o;;i;i;o;;i;i*;@;@;!@;@o;&;I"color-gray-400;	T;'I"color_gray_400;	T;i;o;	;o;;i;i,;o;;i;i;;@;@;!@;@;8o;9;:{�;;{�;(0;<0;[�;i;o;	;o;;i;i;o;;i;i<;@;@;@o;);[I"content;	T;o;;o;*	;I"'';	T;+;,;-0;@;i;o;	;o;;i;i;o;;i;i;@;@;.i�;/;0;[�;i;o;	;o;;i;i;o;;i;i;@;@;1o;	;@�
;o;;i;i;@;@;2o;	;o;;i;i;@�
;@;@;@;i;o;	;@�
;o;;i;i;@;@;=T;@o;>;?[I"&:after;	T;@o;A;B[o;C;B[o;D;B[o;P;Q0;i ;!0o;R;S;T;I"
after;	T;U0;V0;i ;!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i
;0;0;i ;!0;i ;i ;!0;Ho;	;o;;i ;i
;o;;i ;i;@;@;.i�;[o;7;I"
checkbox;	T;%[o;&;I"color-white;	T;'I"color_white;	T;i!;o;	;o;;i!;i;o;;i!;i*;@;@;!@;@o;&;I"color-gray-400;	T;'I"color_gray_400;	T;i!;o;	;o;;i!;i,;o;;i!;i;;@;@;!@;@;8o;9;:{�;;{�;(0;<0;[�;i!;o;	;o;;i!;i;o;;i!;i<;@;@;@o;);[I"content;	T;o;;o;*	;I""\f00c";	T;+;,;-0;@;i";o;	;o;;i";i;o;;i";i;@;@;.i�;/;0;[�;i";o;	;o;;i";i;o;;i";i;@;@;1o;	;@�
;o;;i";i;@;@;2o;	;o;;i";i;@�
;@;@;@o;);[I"font-family;	T;o;;o;*	;I"fontawesome;	T;+;,;-0;@;i#;o;	;o;;i#;i;o;;i#;i$;@;@;.i�;/;0;[�;i#;o;	;o;;i#;i;o;;i#;i$;@;@;1o;	;@;o;;i#;i;@;@;2o;	;o;;i#;i;@;@;@;@o;);[I"
color;	T;o;&;I"color-white;	T;'I"color_white;	T;i$;o;	;o;;i$;i;o;;i$;i;@;@;!@;@;.i�;/;0;[�;i$;o;	;o;;i$;i;o;;i$;i;@;@;1o;	;@;o;;i$;i;@;@;2o;	;o;;i$;i;@;@;@;@o;);[I"padding-left;	T;o;;o;*	;I"1px;	T;+;,;-0;@;i%;o;	;o;;i%;i;o;;i%;i;@;@;.i�;/;0;[�;i%;o;	;o;;i%;i;o;;i%;i;@;@;1o;	;@';o;;i%;i;@;@;2o;	;o;;i%;i;@(;@;@;@o:Sass::Tree::CommentNode;[I"2/* horizontal alignment of check w/ in box */;	T;+:silent;[�;i%;o;	;o;;i%;i;o;;i%;iI;@;@;@o;);[I"line-height;	T;o;;o;*	;I"	17px;	T;+;,;-0;@;i&;o;	;o;;i&;i;o;;i&;i;@;@;.i�;/;0;[�;i&;o;	;o;;i&;i;o;;i&;i;@;@;1o;	;@?;o;;i&;i;@;@;2o;	;o;;i&;i;@@;@;@;@o;W;[I"0/* vertical alignment of check w/ in box */;	T;+;X;[�;i&;o;	;o;;i&;i;o;;i&;iG;@;@;@o;);[I"opacity;	T;o;;o;*	;I"0;	T;+;,;-0;@;i';o;	;o;;i';i;o;;i';i;@;@;.i�;/;0;[�;i';o;	;o;;i';i;o;;i';i;@;@;1o;	;@W;o;;i';i;@;@;2o;	;o;;i';i;@X;@;@;@;i ;o;	;@�
;o;;i ;i;@;@;=T;@o;>;?[I"&:hover::after;	T;@o;A;B[o;C;B[o;D;B[o;P;Q0;i);!0o;R;S;T;I"
hover;	T;U0;V0;i);!0o;R;S:element;I"
after;	T;U0;V0;i);!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i;0;0;i);!0;i);i);!0;Ho;	;o;;i);i
;o;;i);i;@;@;.i�;[o;);[I"border-color;	T;o;&;I"color-gray-500;	T;'I"color_gray_500;	T;i*;o;	;o;;i*;i;o;;i*;i);@;@;!@;@;.i�;/;0;[�;i*;o;	;o;;i*;i;o;;i*;i);@;@;1o;	;@�;o;;i*;i;@;@;2o;	;o;;i*;i;@�;@;@;@o;);[I"opacity;	T;o;;o;*	;I"1;	T;+;,;-0;@;i+;o;	;o;;i+;i;o;;i+;i;@;@;.i�;/;0;[�;i+;o;	;o;;i+;i;o;;i+;i;@;@;1o;	;@�;o;;i+;i;@;@;2o;	;o;;i+;i;@�;@;@;@;i);o;	;@s;o;;i);i;@;@;=T;@;i;o;	;@O
;o;;i;i;@;@;=T;@o;>;?[I"input[type=checkbox];	T;@o;A;B[o;C;B[o;D;B[o;I	;I"
input;	T;J0;i/;!0o:Sass::Selector::Attribute;I"	type;	T;J0;NI"=;	T;I"
checkbox;	T:@flags0;i/;!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i;0;0;i/;!0;i/;i/;!0;Ho;	;o;;i/;i;o;;i/;i;@;@;.i�;[o;);[I"visibility;	T;o;;o;*	;I"hidden;	T;+;,;-0;@;i0;o;	;o;;i0;i;o;;i0;i;@;@;.i�;/;0;[�;i0;o;	;o;;i0;i
;o;;i0;i;@;@;1o;	;@�;o;;i0;i;@;@;2o;	;o;;i0;i;@�;@;@;@o;>;?[I"&:checked + label:after;	T;@o;A;B[o;C;B[o;D;B[o;P;Q0;i2;!0o;R;S;T;I"checked;	T;U0;V0;i2;!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i;0;0;i2;!0I"+;	To;D;B[o;I	;I"
label;	T;J0;i2;!0o;R;S;T;I"
after;	T;U0;V0;i2;!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i;0;0;i2;!0;i2;i2;!0;Ho;	;o;;i2;i
;o;;i2;i";@;@;.i�;[o;7;I"
checkbox;	T;%[o;&;I"color-primary;	T;'I"color_primary;	T;i3;o;	;o;;i3;i;o;;i3;i,;@;@;!@;@o: Sass::Script::Tree::Funcall;I"
color;	T;%[o;	;o;*	;I"primary-dark;	T;+:string;-0;@;i3;o;	;o;;i3;i4;o;;i3;iB;@;@;!@;8o;9;:{�;;{�;(0;<0;i3;o;	;o;;i3;i.;o;;i3;iC;@;@;!@;@;8o;9;:{�;;{�;(0;<0;[�;i3;o;	;o;;i3;i;o;;i3;iD;@;@;@o;);[I"opacity;	T;o;;o;*	;I"1;	T;+;,;-0;@;i4;o;	;o;;i4;i;o;;i4;i;@;@;.i�;/;0;[�;i4;o;	;o;;i4;i;o;;i4;i;@;@;1o;	;@;o;;i4;i;@;@;2o;	;o;;i4;i;@;@;@;@;i2;o;	;@�;o;;i2;i";@;@;=T;@;i/;o;	;@�;o;;i/;i;@;@;=T;@;i;o;	;@
;o;;i;i;@;@;=T;@o;>;?[I".checkbox-branded-inline;	T;@o;A;B[o;C;B[o;D;B[o;E;I"checkbox-branded-inline;	T;i9;!0;F0;Go;; {�;o;	;o;;i;i;o;;i;i;0;0;i9;!0;i9;i9;!0;Ho;	;o;;i9;i;o;;i9;i;@;@;.i�;[o;);[I"
float;	T;o;;o;*	;I"	left;	T;+;,;-0;@;i:;o;	;o;;i:;i;o;;i:;i;@;@;.i�;/;0;[�;i:;o;	;o;;i:;i;o;;i:;i;@;@;1o;	;@;;o;;i:;i
;@;@;2o;	;o;;i:;i;@<;@;@;@o;);[I"margin-right;	T;o;K;Lo;&;I"checkbox_size;	T;'I"checkbox_size;	T;i;;o;	;o;;i;;i;o;;i;;i$;@;@;!@;@;Mo;	;o;
;f1.5;[�;@q
;@;I"1.5;	F;i;;o;	;o;;i;;i';o;;i;;i*;@;@;!@;N;O;i;;o;	;@I;o;;i;;i*;@;@;!@;@;.i�;/;0;[�;i;;o;	;o;;i;;i;o;;i;;i*;@;@;1o;	;@W;o;;i;;i;@;@;2o;	;o;;i;;i;@X;@;@;@;i9;o;	;@-;o;;i9;i;@;@;=T;@:@templateI"�$checkbox_size: 20px;

@mixin checkbox($background-color, $border-color) {
  position: absolute;
  top: 0;
  left: 0;
  width: $checkbox_size;
  height: $checkbox_size;
  background-color: $background-color;
  border: 2px solid $border-color;
  border-radius: $border-radius-large;
  @include transition(border-color 0.2s ease-in-out, background-color 0.2s ease-in-out);
}

.checkbox-branded {
  position: relative;
  font-size: $font-size-default;

  label {
    cursor: pointer;
    padding-left: $checkbox_size * 0.75;

    &:before {
      @include checkbox($color-white, $color-gray-400);
      content: '';
    }
    &:after {
      @include checkbox($color-white, $color-gray-400);
      content: "\f00c";
      font-family: fontawesome;
      color: $color-white;
      padding-left: 1px; // horizontal alignment of check w/ in box
      line-height: 17px; // vertical alignment of check w/ in box
      opacity: 0;
    }
    &:hover::after {
      border-color: $color-gray-500;
      opacity: 1;
    }
  }

  input[type=checkbox] {
    visibility: hidden;

    &:checked + label:after {
      @include checkbox($color-primary, color('primary-dark'));
      opacity: 1;
    }
  }
}

.checkbox-branded-inline {
  float: left;
  margin-right: $checkbox_size * 1.5;
}
;	T;i;o;	;o;;i;i;o;;i;i;@;@;=T;@