-[-,[-]] $color-text-primary-hover The colorings and variables are based on the atelier http://atelier.prod.cni.digital/?path=/story/styles--colors This is made to have a more equal CI than using our own scss variables. */:ET: @type:normal;[:@filename0: @options{: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i:@offseti: @end_poso;;i;i: @fileI"V/var/www/html/cnCnx2020/extensions/vendor/cnd/designs/web/cnx/styles/_config.scss; T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: @rootI":/var/www/html/cnCnx2020/extensions/vendor/cnd/designs; T:@real_rootI":/var/www/html/cnCnx2020/extensions/vendor/cnd/designs; T:@same_name_warningso:Set: @hash}Fo;;[I"/* GENERIC BLOCK */; T; ;;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;;[I"P/* you may no override these breakpoints as these are bootstrap defaults */; T; :silent;[;0; @;i;o; ;o;;i;i;o;;i;iN;@;@o:Sass::Tree::VariableNode: @nameI" break-xs; T: @expro: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number ;i@; @:@numerator_units[I"px; T:@denominator_units[:@originalI" 320px; T;i;o; ;o;;i;i;o;;i;i;@;@:@css_variable_warning0;@: @guarded0:@global0;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;; I" break-sm; T;!o;" ;o;# ;i@; @;$[I"px; T;%[;&I" 576px; T;i;o; ;o;;i;i;o;;i;i;@;@;'0;@;(0;)0;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;; I" break-md; T;!o;" ;o;# ;i; @;$[I"px; T;%[;&I" 768px; T;i;o; ;o;;i;i;o;;i;i;@;@;'0;@;(0;)0;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;; I" break-lg; T;!o;" ;o;# ;ià; @;$[I"px; T;%[;&I" 992px; T;i;o; ;o;;i;i;o;;i;i;@;@;'0;@;(0;)0;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;; I" break-xl; T;!o;" ;o;# ;i°; @;$[I"px; T;%[;&I"1200px; T;i;o; ;o;;i;i;o;;i;i;@;@;'0;@;(0;)0;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;; I"break-xxl; T;!o;" ;o;# ;iÈ; @;$[I"px; T;%[;&I"1480px; T;i;o; ;o;;i;i;o;;i;i;@;@;'0;@;(0;)0;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;; I"color-black; T;!o;" ;o:Sass::Script::Value::Color ;0; @:@attrs{ :redi: greeni: bluei: alphai:@representationI"#000000; T;i ;o; ;o;;i ;i;o;;i ;i;@;@;'0;@;(T;)0;[;0; @;i ;o; ;o;;i ;i;o;;i ;i$;@;@o;; I"color-white; T;!o;" ;o;* ;0; @;+{ ;,iÿ;-iÿ;.iÿ;/i;0I"#FFFFFF; T;i!;o; ;o;;i!;i;o;;i!;i;@;@;'0;@;(T;)0;[;0; @;i!;o; ;o;;i!;i;o;;i!;i$;@;@o;; I"color-gray1; T;!o;" ;o;* ;0; @;+{ ;,iñ;-iñ;.iñ;/i;0I"#F1F1F1; T;i#;o; ;o;;i#;i;o;;i#;i;@;@;'0;@;(T;)0;[;0; @;i#;o; ;o;;i#;i;o;;i#;i$;@;@o;; I"color-gray2; T;!o;" ;o;* ;0; @;+{ ;,iÀ;-iÀ;.iÀ;/i;0I"#C0C0C0; T;i$;o; ;o;;i$;i;o;;i$;i;@;@;'0;@;(T;)0;[;0; @;i$;o; ;o;;i$;i;o;;i$;i$;@;@o;; I"color-gray3; T;!o;" ;o;* ;0; @;+{ ;,i›;-i›;.i›;/i;0I"#9B9B9B; T;i%;o; ;o;;i%;i;o;;i%;i;@;@;'0;@;(T;)0;[;0; @;i%;o; ;o;;i%;i;o;;i%;i$;@;@o;; I"color-gray5; T;!o;" ;o;* ;0; @;+{ ;,i8;-i8;.i8;/i;0I"#333333; T;i';o; ;o;;i';i;o;;i';i;@;@;'0;@;(T;)0;[;0; @;i';o; ;o;;i';i;o;;i';i$;@;@o;; I"color-gray6; T;!o;" ;o;* ;0; @;+{ ;,i;-i;.i;/i;0I"#0E0E0E; T;i(;o; ;o;;i(;i;o;;i(;i;@;@;'0;@;(T;)0;[;0; @;i(;o; ;o;;i(;i;o;;i(;i$;@;@o;; I"color-highlight-primary; T;!o;" ;o;* ;0; @;+{ ;,iÞ;-i;.i;/i;0I"#DE0000; T;i*;o; ;o;;i*;i ;o;;i*;i';@;@;'0;@;(T;)0;[;0; @;i*;o; ;o;;i*;i;o;;i*;i0;@;@o;; I"color-highlight-secondary; T;!o;" ;o;* ;0; @;+{ ;,i;-i«;.i;/i;0I"#00AB00; T;i+;o; ;o;;i+;i";o;;i+;i);@;@;'0;@;(T;)0;[;0; @;i+;o; ;o;;i+;i;o;;i+;i2;@;@o;; I"color-brand-primary; T;!o:!Sass::Script::Tree::Variable; I"color-black; T:@underscored_nameI"color_black; T;'0;i,;o; ;o;;i,;i;o;;i,;i(;@;@;@; @;(T;)0;[;0; @;i,;o; ;o;;i,;i;o;;i,;i1;@;@o;; I"color-site-bg; T;!o;1; I"color-black; T;2I"color_black; T;'0;i.;o; ;o;;i.;i;o;;i.;i";@;@;@; @;(T;)0;[;0; @;i.;o; ;o;;i.;i;o;;i.;i+;@;@o;; I"color-site-bg-inverted; T;!o;1; I"color-white; T;2I"color_white; T;'0;i/;o; ;o;;i/;i;o;;i/;i+;@;@;@; @;(T;)0;[;0; @;i/;o; ;o;;i/;i;o;;i/;i4;@;@o;; I"color-link-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i1;o; ;o;;i1;i;o;;i1;i';@;@;@; @;(T;)0;[;0; @;i1;o; ;o;;i1;i;o;;i1;i0;@;@o;; I"color-link-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i2;o; ;o;;i2;i!;o;;i2;i-;@;@;@; @;(T;)0;[;0; @;i2;o; ;o;;i2;i;o;;i2;i6;@;@o;; I"color-text-muted-primary; T;!o;1; I"color-gray3; T;2I"color_gray3; T;'0;i4;o; ;o;;i4;i!;o;;i4;i-;@;@;@; @;(T;)0;[;0; @;i4;o; ;o;;i4;i;o;;i4;i6;@;@o;;[I"/* FONT BLOCK */; T; ;;[;0; @;i6;o; ;o;;i6;i;o;;i6;i;@;@o;; I"font-family-content; T;!o:$Sass::Script::Tree::ListLiteral:@elements[o;" ;o: Sass::Script::Value::String ;I"Graphik; T; @; :identifier:"@deprecated_interp_equivalent0;i7;o; ;o;;i7;i;o;;i7;i#;@;@;'0;@o;" ;o;5 ;I" Arial; T; @; ;6;70;i7;o; ;o;;i7;i&;o;;i7;i+;@;@;'0;@o;" ;o;5 ;I"sans-serif; T; @; ;6;70;i7;o; ;o;;i7;i-;o;;i7;i7;@;@;'0;@:@separator: comma;'0;i7;o; ;o;;i7;i;@Q;@;@;@; @;(T;)0;[;0; @;i7;o; ;o;;i7;i;o;;i7;i@;@;@o;; I"font-family-primary; T;!o;3;4[ o;" ;o;5 ;I"Graphik; T; @; ;6;70;i9;o; ;o;;i9;i;o;;i9;i#;@;@;'0;@o;" ;o;5 ;I"Helvetica Neue; T; @; :string;70;i9;o; ;o;;i9;i%;o;;i9;i5;@;@;'0;@o;" ;o;5 ;I"Helvetica; T; @; ;6;70;i9;o; ;o;;i9;i7;o;;i9;i@;@;@;'0;@o;" ;o;5 ;I" Arial; T; @; ;6;70;i9;o; ;o;;i9;iB;o;;i9;iG;@;@;'0;@o;" ;o;5 ;I"sans-serif; T; @; ;6;70;i9;o; ;o;;i9;iI;o;;i9;iS;@;@;'0;@;8;9;'0;i9;o; ;o;;i9;i;@y;@;@;@; @;(T;)0;[;0; @;i9;o; ;o;;i9;i;o;;i9;i\;@;@o;; I"font-family-primary-medium; T;!o;3;4[ o;" ;o;5 ;I"Graphik; T; @; ;6;70;i:;o; ;o;;i:;i#;o;;i:;i*;@;@;'0;@o;" ;o;5 ;I"Helvetica Neue; T; @; ;:;70;i:;o; ;o;;i:;i,;o;;i:;i<;@;@;'0;@o;" ;o;5 ;I"Helvetica; T; @; ;6;70;i:;o; ;o;;i:;i>;o;;i:;iG;@;@;'0;@o;" ;o;5 ;I" Arial; T; @; ;6;70;i:;o; ;o;;i:;iI;o;;i:;iN;@;@;'0;@o;" ;o;5 ;I"sans-serif; T; @; ;6;70;i:;o; ;o;;i:;iP;o;;i:;iZ;@;@;'0;@;8;9;'0;i:;o; ;o;;i:;i#;@¡;@;@;@; @;(T;)0;[;0; @;i:;o; ;o;;i:;i;o;;i:;ic;@;@o;; I"font-family-primary-bold; T;!o;3;4[ o;" ;o;5 ;I"GraphikBold; T; @; ;6;70;i;;o; ;o;;i;;i!;o;;i;;i,;@;@;'0;@o;" ;o;5 ;I"Helvetica Neue; T; @; ;:;70;i;;o; ;o;;i;;i.;o;;i;;i>;@;@;'0;@o;" ;o;5 ;I"Helvetica; T; @; ;6;70;i;;o; ;o;;i;;i@;o;;i;;iI;@;@;'0;@o;" ;o;5 ;I" Arial; T; @; ;6;70;i;;o; ;o;;i;;iK;o;;i;;iP;@;@;'0;@o;" ;o;5 ;I"sans-serif; T; @; ;6;70;i;;o; ;o;;i;;iR;o;;i;;i\;@;@;'0;@;8;9;'0;i;;o; ;o;;i;;i!;@É;@;@;@; @;(T;)0;[;0; @;i;;o; ;o;;i;;i;o;;i;;ie;@;@o;; I"font-family-primary-black; T;!o;3;4[ o;" ;o;5 ;I"GraphikBlack; T; @; ;6;70;i<;o; ;o;;i<;i";o;;i<;i.;@;@;'0;@o;" ;o;5 ;I"Helvetica Neue; T; @; ;:;70;i<;o; ;o;;i<;i0;o;;i<;i@;@;@;'0;@o;" ;o;5 ;I"Helvetica; T; @; ;6;70;i<;o; ;o;;i<;iB;o;;i<;iK;@;@;'0;@o;" ;o;5 ;I" Arial; T; @; ;6;70;i<;o; ;o;;i<;iM;o;;i<;iR;@;@;'0;@o;" ;o;5 ;I"sans-serif; T; @; ;6;70;i<;o; ;o;;i<;iT;o;;i<;i^;@;@;'0;@;8;9;'0;i<;o; ;o;;i<;i";@ñ;@;@;@; @;(T;)0;[;0; @;i<;o; ;o;;i<;i;o;;i<;ig;@;@o;; I"font-family-secondary; T;!o;3;4[ o;" ;o;5 ;I"FreightDisplayBook; T; @; ;6;70;i>;o; ;o;;i>;i;o;;i>;i0;@;@;'0;@o;" ;o;5 ;I" Times; T; @; ;6;70;i>;o; ;o;;i>;i3;o;;i>;i8;@;@;'0;@o;" ;o;5 ;I"Times New Roman; T; @; ;:;70;i>;o; ;o;;i>;i:;o;;i>;iK;@;@;'0;@o;" ;o;5 ;I" serif; T; @; ;6;70;i>;o; ;o;;i>;iM;o;;i>;iR;@;@;'0;@;8;9;'0;i>;o; ;o;;i>;i;@;@;@;@; @;(T;)0;[;0; @;i>;o; ;o;;i>;i;o;;i>;i[;@;@o;; I"!font-family-secondary-medium; T;!o;3;4[ o;" ;o;5 ;I"FreightDisplayMedium; T; @; ;6;70;i?;o; ;o;;i?;i%;o;;i?;i9;@;@;'0;@o;" ;o;5 ;I" Times; T; @; ;6;70;i?;o; ;o;;i?;i<;o;;i?;iA;@;@;'0;@o;" ;o;5 ;I"Times New Roman; T; @; ;:;70;i?;o; ;o;;i?;iC;o;;i?;iT;@;@;'0;@o;" ;o;5 ;I" serif; T; @; ;6;70;i?;o; ;o;;i?;iV;o;;i?;i[;@;@;'0;@;8;9;'0;i?;o; ;o;;i?;i%;@5;@;@;@; @;(T;)0;[;0; @;i?;o; ;o;;i?;i;o;;i?;id;@;@o;; I"font-family-secondary-bold; T;!o;3;4[ o;" ;o;5 ;I"FreightDisplayBold; T; @; ;6;70;i@;o; ;o;;i@;i#;o;;i@;i5;@;@;'0;@o;" ;o;5 ;I" Times; T; @; ;6;70;i@;o; ;o;;i@;i8;o;;i@;i=;@;@;'0;@o;" ;o;5 ;I"Times New Roman; T; @; ;:;70;i@;o; ;o;;i@;i?;o;;i@;iP;@;@;'0;@o;" ;o;5 ;I" serif; T; @; ;6;70;i@;o; ;o;;i@;iR;o;;i@;iW;@;@;'0;@;8;9;'0;i@;o; ;o;;i@;i#;@W;@;@;@; @;(T;)0;[;0; @;i@;o; ;o;;i@;i;o;;i@;i`;@;@o;; I" font-family-secondary-black; T;!o;3;4[ o;" ;o;5 ;I"FreightDisplayBlack; T; @; ;6;70;iA;o; ;o;;iA;i$;o;;iA;i7;@;@;'0;@o;" ;o;5 ;I" Times; T; @; ;6;70;iA;o; ;o;;iA;i:;o;;iA;i?;@;@;'0;@o;" ;o;5 ;I"Times New Roman; T; @; ;:;70;iA;o; ;o;;iA;iA;o;;iA;iR;@;@;'0;@o;" ;o;5 ;I" serif; T; @; ;6;70;iA;o; ;o;;iA;iT;o;;iA;iY;@;@;'0;@;8;9;'0;iA;o; ;o;;iA;i$;@y;@;@;@; @;(T;)0;[;0; @;iA;o; ;o;;iA;i;o;;iA;ib;@;@o;;[I"/* TEXT BLOCK */; T; ;;[;0; @;iC;o; ;o;;iC;i;o;;iC;i;@;@o;; I"color-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;iD;o; ;o;;iD;i;o;;iD;i';@;@;@; @;(T;)0;[;0; @;iD;o; ;o;;iD;i;o;;iD;i0;@;@o;; I" color-text-primary-inverted; T;!o;1; I"color-black; T;2I"color_black; T;'0;iE;o; ;o;;iE;i$;o;;iE;i0;@;@;@; @;(T;)0;[;0; @;iE;o; ;o;;iE;i;o;;iE;i9;@;@o;;[I"/* TEASER BLOCK */; T; ;;[;0; @;iG;o; ;o;;iG;i;o;;iG;i;@;@o;; I"color-teaser-cardbody-bg; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;iH;o; ;o;;iH;i!;o;;iH;i-;@;@;@; @;(T;)0;[;0; @;iH;o; ;o;;iH;i;o;;iH;i6;@;@o;; I"color-teaser-cardbody-text; T;!o;1; I"color-white; T;2I"color_white; T;'0;iI;o; ;o;;iI;i#;o;;iI;i/;@;@;@; @;(T;)0;[;0; @;iI;o; ;o;;iI;i;o;;iI;i8;@;@o;; I"%color-teaser-cardbodyvisual-text; T;!o;1; I"color-white; T;2I"color_white; T;'0;iJ;o; ;o;;iJ;i);o;;iJ;i5;@;@;@; @;(T;)0;[;0; @;iJ;o; ;o;;iJ;i;o;;iJ;i>;@;@o;; I"&color-teaser-cardbodyhighlight-bg; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;iK;o; ;o;;iK;i*;o;;iK;i6;@;@;@; @;(T;)0;[;0; @;iK;o; ;o;;iK;i;o;;iK;i?;@;@o;; I"(color-teaser-cardbodyhighlight-text; T;!o;1; I"color-white; T;2I"color_white; T;'0;iL;o; ;o;;iL;i,;o;;iL;i8;@;@;@; @;(T;)0;[;0; @;iL;o; ;o;;iL;i;o;;iL;iA;@;@o;; I"color-teaser-overlay; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;iM;o; ;o;;iM;i;o;;iM;i);@;@;@; @;(T;)0;[;0; @;iM;o; ;o;;iM;i;o;;iM;i2;@;@o;; I"color-teaser-text-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;iN;o; ;o;;iN;i ;o;;iN;i,;@;@;@; @;(T;)0;[;0; @;iN;o; ;o;;iN;i;o;;iN;i5;@;@o;;[I"/* HEADER BLOCK */; T; ;;[;0; @;iP;o; ;o;;iP;i;o;;iP;i;@;@o;; I"color-header-bg; T;!o;1; I"color-black; T;2I"color_black; T;'0;iQ;o; ;o;;iQ;i;o;;iQ;i$;@;@;@; @;(T;)0;[;0; @;iQ;o; ;o;;iQ;i;o;;iQ;i-;@;@o;; I"color-header-bg-logo; T;!o;1; I"color-white; T;2I"color_white; T;'0;iR;o; ;o;;iR;i;o;;iR;i);@;@;@; @;(T;)0;[;0; @;iR;o; ;o;;iR;i;o;;iR;i2;@;@o;; I"color-header-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;iS;o; ;o;;iS;i";o;;iS;i.;@;@;@; @;(T;)0;[;0; @;iS;o; ;o;;iS;i;o;;iS;i7;@;@o;; I"$color-header-text-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;iT;o; ;o;;iT;i(;o;;iT;i4;@;@;@; @;(T;)0;[;0; @;iT;o; ;o;;iT;i;o;;iT;i=;@;@o;; I"color-overlay-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;iV;o; ;o;;iV;i#;o;;iV;i/;@;@;@; @;(T;)0;[;0; @;iV;o; ;o;;iV;i;o;;iV;i8;@;@o;;[I"/* FOOTER BLOCK */; T; ;;[;0; @;iX;o; ;o;;iX;i;o;;iX;i;@;@o;; I"color-footer-bg; T;!o;1; I"color-black; T;2I"color_black; T;'0;iY;o; ;o;;iY;i;o;;iY;i$;@;@;@; @;(T;)0;[;0; @;iY;o; ;o;;iY;i;o;;iY;i-;@;@o;; I"color-footer-bg-logo; T;!o;1; I"color-white; T;2I"color_white; T;'0;iZ;o; ;o;;iZ;i;o;;iZ;i);@;@;@; @;(T;)0;[;0; @;iZ;o; ;o;;iZ;i;o;;iZ;i2;@;@o;; I"color-footer-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i[;o; ;o;;i[;i";o;;i[;i.;@;@;@; @;(T;)0;[;0; @;i[;o; ;o;;i[;i;o;;i[;i7;@;@o;; I"$color-footer-text-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i\;o; ;o;;i\;i(;o;;i\;i4;@;@;@; @;(T;)0;[;0; @;i\;o; ;o;;i\;i;o;;i\;i=;@;@o;;[I"/* PLACEHOLDER BLOCK */; T; ;;[;0; @;i^;o; ;o;;i^;i;o;;i^;i;@;@o;; I" color-placeholder-oembed-bg; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;i_;o; ;o;;i_;i$;o;;i_;i0;@;@;@; @;(T;)0;[;0; @;i_;o; ;o;;i_;i;o;;i_;i9;@;@o;; I"color-placeholder-noamp-bg; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;i`;o; ;o;;i`;i#;o;;i`;i/;@;@;@; @;(T;)0;[;0; @;i`;o; ;o;;i`;i;o;;i`;i8;@;@o;;[I"/* BUTTON BLOCK */; T; ;;[;0; @;ib;o; ;o;;ib;i;o;;ib;i;@;@o;;[I"/*----- primary */; T; ;;[;0; @;ic;o; ;o;;ic;i;o;;ic;i;@;@o;; I"color-button-bg-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;id;o; ;o;;id;i ;o;;id;i,;@;@;@; @;(T;)0;[;0; @;id;o; ;o;;id;i;o;;id;i5;@;@o;; I" color-button-border-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;ie;o; ;o;;ie;i$;o;;ie;i0;@;@;@; @;(T;)0;[;0; @;ie;o; ;o;;ie;i;o;;ie;i9;@;@o;; I"color-button-text-primary; T;!o;1; I"color-black; T;2I"color_black; T;'0;if;o; ;o;;if;i";o;;if;i.;@;@;@; @;(T;)0;[;0; @;if;o; ;o;;if;i;o;;if;i7;@;@o;; I""color-button-bg-primary-hover; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;ih;o; ;o;;ih;i&;o;;ih;i2;@;@;@; @;(T;)0;[;0; @;ih;o; ;o;;ih;i;o;;ih;i;;@;@o;; I"&color-button-border-primary-hover; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;ii;o; ;o;;ii;i*;o;;ii;i6;@;@;@; @;(T;)0;[;0; @;ii;o; ;o;;ii;i;o;;ii;i?;@;@o;; I"$color-button-text-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;ij;o; ;o;;ij;i(;o;;ij;i4;@;@;@; @;(T;)0;[;0; @;ij;o; ;o;;ij;i;o;;ij;i=;@;@o;;[I"/*----- secondary */; T; ;;[;0; @;il;o; ;o;;il;i;o;;il;i;@;@o;; I"color-button-bg-secondary; T;!o;1; I"color-black; T;2I"color_black; T;'0;im;o; ;o;;im;i";o;;im;i.;@;@;@; @;(T;)0;[;0; @;im;o; ;o;;im;i;o;;im;i7;@;@o;; I""color-button-border-secondary; T;!o;1; I"color-white; T;2I"color_white; T;'0;in;o; ;o;;in;i&;o;;in;i2;@;@;@; @;(T;)0;[;0; @;in;o; ;o;;in;i;o;;in;i;;@;@o;; I" color-button-text-secondary; T;!o;1; I"color-white; T;2I"color_white; T;'0;io;o; ;o;;io;i$;o;;io;i0;@;@;@; @;(T;)0;[;0; @;io;o; ;o;;io;i;o;;io;i9;@;@o;; I"$color-button-bg-secondary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;iq;o; ;o;;iq;i(;o;;iq;i4;@;@;@; @;(T;)0;[;0; @;iq;o; ;o;;iq;i;o;;iq;i=;@;@o;; I"(color-button-border-secondary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;ir;o; ;o;;ir;i,;o;;ir;i8;@;@;@; @;(T;)0;[;0; @;ir;o; ;o;;ir;i;o;;ir;iA;@;@o;; I"&color-button-text-secondary-hover; T;!o;1; I"color-black; T;2I"color_black; T;'0;is;o; ;o;;is;i*;o;;is;i6;@;@;@; @;(T;)0;[;0; @;is;o; ;o;;is;i;o;;is;i?;@;@o;;[I"/* CHECKBOX BLOCK */; T; ;;[;0; @;iu;o; ;o;;iu;i;o;;iu;i;@;@o;; I"color-checkbox-bg-primary; T;!o;1; I"color-black; T;2I"color_black; T;'0;iv;o; ;o;;iv;i";o;;iv;i.;@;@;@; @;(T;)0;[;0; @;iv;o; ;o;;iv;i;o;;iv;i7;@;@o;; I""color-checkbox-border-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;iw;o; ;o;;iw;i&;o;;iw;i2;@;@;@; @;(T;)0;[;0; @;iw;o; ;o;;iw;i;o;;iw;i;;@;@o;; I" color-checkbox-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;ix;o; ;o;;ix;i$;o;;ix;i0;@;@;@; @;(T;)0;[;0; @;ix;o; ;o;;ix;i;o;;ix;i9;@;@o;; I"$color-checkbox-bg-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;iz;o; ;o;;iz;i(;o;;iz;i4;@;@;@; @;(T;)0;[;0; @;iz;o; ;o;;iz;i;o;;iz;i=;@;@o;; I"(color-checkbox-border-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i{;o; ;o;;i{;i,;o;;i{;i8;@;@;@; @;(T;)0;[;0; @;i{;o; ;o;;i{;i;o;;i{;iA;@;@o;; I"&color-checkbox-text-primary-hover; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;i|;o; ;o;;i|;i*;o;;i|;i6;@;@;@; @;(T;)0;[;0; @;i|;o; ;o;;i|;i;o;;i|;i?;@;@o;; I"'color-checkbox-bg-primary-selected; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;i~;o; ;o;;i~;i+;o;;i~;i7;@;@;@; @;(T;)0;[;0; @;i~;o; ;o;;i~;i;o;;i~;i@;@;@o;; I"+color-checkbox-border-primary-selected; T;!o;1; I"color-white; T;2I"color_white; T;'0;i;o; ;o;;i;i/;o;;i;i;;@;@;@; @;(T;)0;[;0; @;i;o; ;o;;i;i;o;;i;iD;@;@o;; I")color-checkbox-text-primary-selected; T;!o;1; I"color-white; T;2I"color_white; T;'0;i{;o; ;o;;i{;i-;o;;i{;i9;@;@;@; @;(T;)0;[;0; @;i{;o; ;o;;i{;i;o;;i{;iB;@;@o;;[I"/* RADIO BLOCK */; T; ;;[;0; @;i};o; ;o;;i};i;o;;i};i;@;@o;; I"color-radio-bg-primary; T;!o;1; I"color-black; T;2I"color_black; T;'0;i~;o; ;o;;i~;i;o;;i~;i+;@;@;@; @;(T;)0;[;0; @;i~;o; ;o;;i~;i;o;;i~;i4;@;@o;; I"color-radio-border-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i;o; ;o;;i;i#;o;;i;i/;@;@;@; @;(T;)0;[;0; @;i;o; ;o;;i;i;o;;i;i8;@;@o;; I"color-radio-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i€;o; ;o;;i€;i!;o;;i€;i-;@;@;@; @;(T;)0;[;0; @;i€;o; ;o;;i€;i;o;;i€;i6;@;@o;; I"!color-radio-bg-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i‚;o; ;o;;i‚;i%;o;;i‚;i1;@;@;@; @;(T;)0;[;0; @;i‚;o; ;o;;i‚;i;o;;i‚;i:;@;@o;; I"%color-radio-border-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;iƒ;o; ;o;;iƒ;i);o;;iƒ;i5;@;@;@; @;(T;)0;[;0; @;iƒ;o; ;o;;iƒ;i;o;;iƒ;i>;@;@o;; I"#color-radio-text-primary-hover; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;i„;o; ;o;;i„;i';o;;i„;i3;@;@;@; @;(T;)0;[;0; @;i„;o; ;o;;i„;i;o;;i„;i<;@;@o;; I"$color-radio-bg-primary-selected; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;i†;o; ;o;;i†;i(;o;;i†;i4;@;@;@; @;(T;)0;[;0; @;i†;o; ;o;;i†;i;o;;i†;i=;@;@o;; I"(color-radio-border-primary-selected; T;!o;1; I"color-white; T;2I"color_white; T;'0;i‡;o; ;o;;i‡;i,;o;;i‡;i8;@;@;@; @;(T;)0;[;0; @;i‡;o; ;o;;i‡;i;o;;i‡;iA;@;@o;; I"&color-radio-text-primary-selected; T;!o;1; I"color-white; T;2I"color_white; T;'0;iˆ;o; ;o;;iˆ;i*;o;;iˆ;i6;@;@;@; @;(T;)0;[;0; @;iˆ;o; ;o;;iˆ;i;o;;iˆ;i?;@;@o;;[I"/* FORM BLOCK */; T; ;;[;0; @;iŠ;o; ;o;;iŠ;i;o;;iŠ;i;@;@o;; I"#color-form-placeholder-primary; T;!o;1; I"color-gray3; T;2I"color_gray3; T;'0;i‹;o; ;o;;i‹;i';o;;i‹;i3;@;@;@; @;(T;)0;[;0; @;i‹;o; ;o;;i‹;i;o;;i‹;i<;@;@o;; I"$color-form-invalid-text-primary; T;!o;1; I"color-highlight-primary; T;2I"color_highlight_primary; T;'0;iŒ;o; ;o;;iŒ;i(;o;;iŒ;i@;@;@;@; @;(T;)0;[;0; @;iŒ;o; ;o;;iŒ;i;o;;iŒ;iI;@;@o;; I"&color-form-invalid-border-primary; T;!o;1; I"color-highlight-primary; T;2I"color_highlight_primary; T;'0;i;o; ;o;;i;i*;o;;i;iB;@;@;@; @;(T;)0;[;0; @;i;o; ;o;;i;i;o;;i;iK;@;@o;;[I"/* input */; T; ;;[;0; @;i;o; ;o;;i;i;o;;i;i;@;@o;; I" color-form-input-bg-primary; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;i;o; ;o;;i;i$;o;;i;i0;@;@;@; @;(T;)0;[;0; @;i;o; ;o;;i;i;o;;i;i9;@;@o;; I"$color-form-input-border-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i‘;o; ;o;;i‘;i(;o;;i‘;i4;@;@;@; @;(T;)0;[;0; @;i‘;o; ;o;;i‘;i;o;;i‘;i=;@;@o;; I""color-form-input-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i’;o; ;o;;i’;i&;o;;i’;i2;@;@;@; @;(T;)0;[;0; @;i’;o; ;o;;i’;i;o;;i’;i;;@;@o;; I"&color-form-input-bg-primary-hover; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;i”;o; ;o;;i”;i*;o;;i”;i6;@;@;@; @;(T;)0;[;0; @;i”;o; ;o;;i”;i;o;;i”;i?;@;@o;; I"*color-form-input-border-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i•;o; ;o;;i•;i.;o;;i•;i:;@;@;@; @;(T;)0;[;0; @;i•;o; ;o;;i•;i;o;;i•;iC;@;@o;; I"(color-form-input-text-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i–;o; ;o;;i–;i,;o;;i–;i8;@;@;@; @;(T;)0;[;0; @;i–;o; ;o;;i–;i;o;;i–;iA;@;@o;; I"&color-form-input-bg-primary-focus; T;!o;1; I"color-white; T;2I"color_white; T;'0;i˜;o; ;o;;i˜;i*;o;;i˜;i6;@;@;@; @;(T;)0;[;0; @;i˜;o; ;o;;i˜;i;o;;i˜;i?;@;@o;; I"*color-form-input-border-primary-focus; T;!o;1; I"color-white; T;2I"color_white; T;'0;i™;o; ;o;;i™;i.;o;;i™;i:;@;@;@; @;(T;)0;[;0; @;i™;o; ;o;;i™;i;o;;i™;iC;@;@o;; I"(color-form-input-text-primary-focus; T;!o;1; I"color-black; T;2I"color_black; T;'0;iš;o; ;o;;iš;i,;o;;iš;i8;@;@;@; @;(T;)0;[;0; @;iš;o; ;o;;iš;i;o;;iš;iA;@;@o;;[I"/* select */; T; ;;[;0; @;iœ;o; ;o;;iœ;i;o;;iœ;i;@;@o;; I"!color-form-select-bg-primary; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;i;o; ;o;;i;i%;o;;i;i1;@;@;@; @;(T;)0;[;0; @;i;o; ;o;;i;i;o;;i;i:;@;@o;; I"%color-form-select-border-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;iž;o; ;o;;iž;i);o;;iž;i5;@;@;@; @;(T;)0;[;0; @;iž;o; ;o;;iž;i;o;;iž;i>;@;@o;; I"#color-form-select-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;iŸ;o; ;o;;iŸ;i';o;;iŸ;i3;@;@;@; @;(T;)0;[;0; @;iŸ;o; ;o;;iŸ;i;o;;iŸ;i<;@;@o;; I"'color-form-select-bg-primary-hover; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;i¡;o; ;o;;i¡;i+;o;;i¡;i7;@;@;@; @;(T;)0;[;0; @;i¡;o; ;o;;i¡;i;o;;i¡;i@;@;@o;; I"+color-form-select-border-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i¢;o; ;o;;i¢;i/;o;;i¢;i;;@;@;@; @;(T;)0;[;0; @;i¢;o; ;o;;i¢;i;o;;i¢;iD;@;@o;; I")color-form-select-text-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i£;o; ;o;;i£;i-;o;;i£;i9;@;@;@; @;(T;)0;[;0; @;i£;o; ;o;;i£;i;o;;i£;iB;@;@o;; I"&color-form-select-bg-primary-open; T;!o;1; I"color-white; T;2I"color_white; T;'0;i¥;o; ;o;;i¥;i*;o;;i¥;i6;@;@;@; @;(T;)0;[;0; @;i¥;o; ;o;;i¥;i;o;;i¥;i?;@;@o;; I"*color-form-select-border-primary-open; T;!o;1; I"color-white; T;2I"color_white; T;'0;i¦;o; ;o;;i¦;i.;o;;i¦;i:;@;@;@; @;(T;)0;[;0; @;i¦;o; ;o;;i¦;i;o;;i¦;iC;@;@o;; I"(color-form-select-text-primary-open; T;!o;1; I"color-black; T;2I"color_black; T;'0;i§;o; ;o;;i§;i,;o;;i§;i8;@;@;@; @;(T;)0;[;0; @;i§;o; ;o;;i§;i;o;;i§;iA;@;@o;; I"'color-form-select-bg-primary-focus; T;!o;1; I"color-black; T;2I"color_black; T;'0;i©;o; ;o;;i©;i+;o;;i©;i7;@;@;@; @;(T;)0;[;0; @;i©;o; ;o;;i©;i;o;;i©;i@;@;@o;; I")color-form-select-text-primary-focus; T;!o;1; I"color-white; T;2I"color_white; T;'0;iª;o; ;o;;iª;i-;o;;iª;i9;@;@;@; @;(T;)0;[;0; @;iª;o; ;o;;iª;i;o;;iª;iB;@;@o;;[I"/* textarea */; T; ;;[;0; @;i¬;o; ;o;;i¬;i;o;;i¬;i;@;@o;; I"#color-form-textarea-bg-primary; T;!o;1; I"color-gray6; T;2I"color_gray6; T;'0;i;o; ;o;;i;i';o;;i;i3;@;@;@; @;(T;)0;[;0; @;i;o; ;o;;i;i;o;;i;i<;@;@o;; I"'color-form-textarea-border-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i®;o; ;o;;i®;i+;o;;i®;i7;@;@;@; @;(T;)0;[;0; @;i®;o; ;o;;i®;i;o;;i®;i@;@;@o;; I"%color-form-textarea-text-primary; T;!o;1; I"color-white; T;2I"color_white; T;'0;i¯;o; ;o;;i¯;i);o;;i¯;i5;@;@;@; @;(T;)0;[;0; @;i¯;o; ;o;;i¯;i;o;;i¯;i>;@;@o;; I")color-form-textarea-bg-primary-hover; T;!o;1; I"color-gray5; T;2I"color_gray5; T;'0;i±;o; ;o;;i±;i-;o;;i±;i9;@;@;@; @;(T;)0;[;0; @;i±;o; ;o;;i±;i;o;;i±;iB;@;@o;; I"-color-form-textarea-border-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i²;o; ;o;;i²;i1;o;;i²;i=;@;@;@; @;(T;)0;[;0; @;i²;o; ;o;;i²;i;o;;i²;iF;@;@o;; I"+color-form-textarea-text-primary-hover; T;!o;1; I"color-white; T;2I"color_white; T;'0;i³;o; ;o;;i³;i/;o;;i³;i;;@;@;@; @;(T;)0;[;0; @;i³;o; ;o;;i³;i;o;;i³;iD;@;@o;; I")color-form-textarea-bg-primary-focus; T;!o;1; I"color-white; T;2I"color_white; T;'0;iµ;o; ;o;;iµ;i-;o;;iµ;i9;@;@;@; @;(T;)0;[;0; @;iµ;o; ;o;;iµ;i;o;;iµ;iB;@;@o;; I"-color-form-textarea-border-primary-focus; T;!o;1; I"color-white; T;2I"color_white; T;'0;i¶;o; ;o;;i¶;i1;o;;i¶;i=;@;@;@; @;(T;)0;[;0; @;i¶;o; ;o;;i¶;i;o;;i¶;iF;@;@o;; I"+color-form-textarea-text-primary-focus; T;!o;1; I"color-black; T;2I"color_black; T;'0;i·;o; ;o;;i·;i/;o;;i·;i;;@;@;@; @;(T;)0;[;0; @;i·;o; ;o;;i·;i;o;;i·;iD;@;@;0; @:@templateI"ó/* The variables follow a strict pattern. Mind this whenever you have to create a new scss variable. property - similar to css property. (eg. color, font,..) section - wherever this css comes in place (eg. text, button,..) variant - variant of this style. (eg. primary, secondary,..) optional - optional parameters. (eg. hover, inverted,..) $-

-[-,[-]] $color-text-primary-hover The colorings and variables are based on the atelier http://atelier.prod.cni.digital/?path=/story/styles--colors This is made to have a more equal CI than using our own scss variables. */ /* GENERIC BLOCK */ // you may no override these breakpoints as these are bootstrap defaults $break-xs: 320px; $break-sm: 576px; $break-md: 768px; $break-lg: 992px; $break-xl: 1200px; $break-xxl: 1480px; $color-black: #000000 !default; $color-white: #FFFFFF !default; $color-gray1: #F1F1F1 !default; $color-gray2: #C0C0C0 !default; $color-gray3: #9B9B9B !default; $color-gray5: #333333 !default; $color-gray6: #0E0E0E !default; $color-highlight-primary: #DE0000 !default; $color-highlight-secondary: #00AB00 !default; $color-brand-primary: $color-black !default; $color-site-bg: $color-black !default; $color-site-bg-inverted: $color-white !default; $color-link-primary: $color-white !default; $color-link-primary-hover: $color-white !default; $color-text-muted-primary: $color-gray3 !default; /* FONT BLOCK */ $font-family-content: Graphik , Arial, sans-serif !default; $font-family-primary: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif !default; $font-family-primary-medium: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif !default; $font-family-primary-bold: GraphikBold, "Helvetica Neue", Helvetica, Arial, sans-serif !default; $font-family-primary-black: GraphikBlack, "Helvetica Neue", Helvetica, Arial, sans-serif !default; $font-family-secondary: FreightDisplayBook, Times, "Times New Roman", serif !default; $font-family-secondary-medium: FreightDisplayMedium, Times, "Times New Roman", serif !default; $font-family-secondary-bold: FreightDisplayBold, Times, "Times New Roman", serif !default; $font-family-secondary-black: FreightDisplayBlack, Times, "Times New Roman", serif !default; /* TEXT BLOCK */ $color-text-primary: $color-white !default; $color-text-primary-inverted: $color-black !default; /* TEASER BLOCK */ $color-teaser-cardbody-bg: $color-gray6 !default; $color-teaser-cardbody-text: $color-white !default; $color-teaser-cardbodyvisual-text: $color-white !default; $color-teaser-cardbodyhighlight-bg: $color-gray6 !default; $color-teaser-cardbodyhighlight-text: $color-white !default; $color-teaser-overlay: $color-gray6 !default; $color-teaser-text-hover: $color-white !default; /* HEADER BLOCK */ $color-header-bg: $color-black !default; $color-header-bg-logo: $color-white !default; $color-header-text-primary: $color-white !default; $color-header-text-primary-hover: $color-white !default; $color-overlay-text-primary: $color-white !default; /* FOOTER BLOCK */ $color-footer-bg: $color-black !default; $color-footer-bg-logo: $color-white !default; $color-footer-text-primary: $color-white !default; $color-footer-text-primary-hover: $color-white !default; /* PLACEHOLDER BLOCK */ $color-placeholder-oembed-bg: $color-gray6 !default; $color-placeholder-noamp-bg: $color-gray6 !default; /* BUTTON BLOCK */ //----- primary $color-button-bg-primary: $color-white !default; $color-button-border-primary: $color-white !default; $color-button-text-primary: $color-black !default; $color-button-bg-primary-hover: $color-gray5 !default; $color-button-border-primary-hover: $color-gray5 !default; $color-button-text-primary-hover: $color-white !default; //----- secondary $color-button-bg-secondary: $color-black !default; $color-button-border-secondary: $color-white !default; $color-button-text-secondary: $color-white !default; $color-button-bg-secondary-hover: $color-white !default; $color-button-border-secondary-hover: $color-white !default; $color-button-text-secondary-hover: $color-black !default; /* CHECKBOX BLOCK */ $color-checkbox-bg-primary: $color-black !default; $color-checkbox-border-primary: $color-white !default; $color-checkbox-text-primary: $color-white !default; $color-checkbox-bg-primary-hover: $color-white !default; $color-checkbox-border-primary-hover: $color-white !default; $color-checkbox-text-primary-hover: $color-gray5 !default; $color-checkbox-bg-primary-selected: $color-gray5 !default; $color-checkbox-border-primary-selected: $color-white !default; $color-checkbox-text-primary-selected: $color-white !default; /* RADIO BLOCK */ $color-radio-bg-primary: $color-black !default; $color-radio-border-primary: $color-white !default; $color-radio-text-primary: $color-white !default; $color-radio-bg-primary-hover: $color-white !default; $color-radio-border-primary-hover: $color-white !default; $color-radio-text-primary-hover: $color-gray5 !default; $color-radio-bg-primary-selected: $color-gray5 !default; $color-radio-border-primary-selected: $color-white !default; $color-radio-text-primary-selected: $color-white !default; /* FORM BLOCK */ $color-form-placeholder-primary: $color-gray3 !default; $color-form-invalid-text-primary: $color-highlight-primary !default; $color-form-invalid-border-primary: $color-highlight-primary !default; // input $color-form-input-bg-primary: $color-gray6 !default; $color-form-input-border-primary: $color-white !default; $color-form-input-text-primary: $color-white !default; $color-form-input-bg-primary-hover: $color-gray5 !default; $color-form-input-border-primary-hover: $color-white !default; $color-form-input-text-primary-hover: $color-white !default; $color-form-input-bg-primary-focus: $color-white !default; $color-form-input-border-primary-focus: $color-white !default; $color-form-input-text-primary-focus: $color-black !default; // select $color-form-select-bg-primary: $color-gray6 !default; $color-form-select-border-primary: $color-white !default; $color-form-select-text-primary: $color-white !default; $color-form-select-bg-primary-hover: $color-gray5 !default; $color-form-select-border-primary-hover: $color-white !default; $color-form-select-text-primary-hover: $color-white !default; $color-form-select-bg-primary-open: $color-white !default; $color-form-select-border-primary-open: $color-white !default; $color-form-select-text-primary-open: $color-black !default; $color-form-select-bg-primary-focus: $color-black !default; $color-form-select-text-primary-focus: $color-white !default; // textarea $color-form-textarea-bg-primary: $color-gray6 !default; $color-form-textarea-border-primary: $color-white !default; $color-form-textarea-text-primary: $color-white !default; $color-form-textarea-bg-primary-hover: $color-gray5 !default; $color-form-textarea-border-primary-hover: $color-white !default; $color-form-textarea-text-primary-hover: $color-white !default; $color-form-textarea-bg-primary-focus: $color-white !default; $color-form-textarea-border-primary-focus: $color-white !default; $color-form-textarea-text-primary-focus: $color-black !default; ; T;i;o; ;o;;i;i;o;;i;i;@;@:@has_childrenT