{: versionI"3.2.19 (Media Mark):EF:shaI"-a90b9e3144e78b74be6123ed9cde9b9a9b57dbd7;F: contents"\o:Sass::Tree::RootNode :@children[|o:Sass::Tree::CommentNode : @value[I"%/* * Foundation Variables * */:ET: @type: silent;[: @linei: @options{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; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI"base-font-size; T: @expro:Sass::Script::Number ;ii:@numerator_units[I"%; T:@denominator_units[; i :@originalI" 100%; F; @ : @guardedI" !default; T;[; i ; @ o; ;[I"^/* $base-line-height is 24px while $base-font-size is 16px * $base-line-height: 150%; */; T; ; ;[; i; @ o; ;[I"M/* This is the default html and body font-size for the base em value. */; T; ; ;[; i; @ 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 a different size and not have it effect grid size too, * set the value of $em-base to $base-font-size ($em-base: $base-font-size;) */; T; ; ;[; i; @ o; ;I" em-base; T;o; ;i;[I"px; T;[; i;I" 16px; F; @ ;I" !default; T;[; i; @ o; ;[I"7/* It strips the unit of measure and returns it */; T; ; ;[; i; @ o:Sass::Tree::FunctionNode ;I"strip-unit; T: @args[[o:Sass::Script::Variable;I"num; T:@underscored_nameI"num; T; @ 0: @splat0;[o:Sass::Tree::ReturnNode ;o:Sass::Script::Operation :@operand1o; ;I"num; T;I"num; T; @ ; i:@operand2o; ;o; ;o; ;I"num; T;I"num; T; @ ; i;o; ;i;[;[; i;I"0; F; @ :@operator: times; i; @ ;o; ;i;[;@F; i;I"1; F; @ ;: plus; i; @ ;:div; i; @ ;[; i; @ ; i:@has_childrenT; @ o; ;[I"5/* Converts "px" to "em" using the ($)em-base */; T; ; ;[; i; @ o; ;I"convert-to-em; T;[[o;;I" value; T;I" value; T; @ 0[o;;I"base-value; T;I"base_value; T; @ o; ;I" em-base; T;I" em_base; T; @ ; i;0;[ o; ;I" value; T;o; ;o; ;o:Sass::Script::Funcall ;I"strip-unit; T;[o; ;I" value; T;I" value; T; @ ; i:@keywords{;0; i; @ ;o;$ ;I"strip-unit; T;[o; ;I"base-value; T;I"base_value; T; @ ; i;%{;0; i; @ ;;"; i; @ ;o; ;i;[I"em; T;[; i;I"1em; F; @ ;; ; i; @ ;0;[; i; @ u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" value:ET:@underscored_nameI" value; T: @options{: @linei :@operand2o:Sass::Script::Number : @valuei:@numerator_units[I"em; T:@denominator_units[; i :@originalI"0em; F; @ :@operator:eq; i ; @ 0[o:Sass::Tree::VariableNode ;I" value; T: @expro; ;i;[;[; i ;I"0; F; @ : @guarded0:@children[; i ; @ o; ;[I"/* Turn 0em into 0 */; T; ; ;[; i ; @ o; ;o; ;I" value; T;I" value; T; @ ; i!;[; i!; @ ; i;#T; @ o; ;[I"/* Working in ems is annoying. Think in pixels by using this handy function, em-calc(#) * Just enter the number, no need to mention "px" */; T; ; ;[; i$; @ o; ;I" em-calc; T;[[o;;I" values; T;I" values; T; @ 0[o;;I"base-value; T;I"base_value; T; @ o; ;I" em-base; T;I" em_base; T; @ ; i&;0;[ o; ;I"max; T;o;$ ;I" length; T;[o; ;I" values; T;I" values; T; @ ; i';%{;0; i'; @ ;0;[; i'; @ o; ;[I"4/* Get the total number of parameters passed */; T; ; ;[; i'; @ o; ;[I"/* If there is only 1 parameter, then return it as an integer. * This is done because a list can't be multiplied or divided even if it contains a single value */; T; ; ;[; i); @ u;&A[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"max:ET:@underscored_nameI"max; T: @options{: @linei+:@operand2o:Sass::Script::Number : @valuei:@numerator_units[:@denominator_units[; i+:@originalI"1; F; @ :@operator:eq; i+; @ 0[o:Sass::Tree::ReturnNode : @expro:Sass::Script::Funcall ;I"convert-to-em; T: @args[o; ;I"nth; T;[o; ;I" values; T; I" values; T; @ ; i+o; ;i;[;@ ; i+;I"1; F; @ :@keywords{: @splat0; i+; @ o; ;I"base-value; T; I"base_value; T; @ ; i+;{;0; i+; @ :@children[; i+; @ o; ;I" emValues; T;o:Sass::Script::List ;[:@separator: space; i-; @ ;0;[; i-; @ o; ;[I"E/* This will eventually store the converted $values in a list */; T; ; ;[; i-; @ o:Sass::Tree::ForNode : @varI"i; T: @fromo; ;i;[;@F; i.;I"1; F; @ :@too; ;I"max; T;I"max; T; @ ; i.:@exclusiveF;[o; ;I" emValues; T;o;$ ;I" append; T;[o; ;I" emValues; T;I" emValues; T; @ ; i/o;$ ;I"convert-to-em; T;[o;$ ;I"nth; T;[o; ;I" values; T;I" values; T; @ ; i/o; ;I"i; T;I"i; T; @ ; i/;%{;0; i/; @ o; ;I"base-value; T;I"base_value; T; @ ; i/;%{;0; i/; @ ;%{;0; i/; @ ;0;[; i/; @ ; i.;#T; @ o; ;o; ;I" emValues; T;I" emValues; T; @ ; i1;[; i1; @ ; i&;#T; @ o; ;[I"3/*Retaining this for backward compatability */; T; ; ;[; i4; @ o; ;I" emCalc; T;[[o;;I" pxWidth; T;I" pxWidth; T; @ 0;0;[o; ;o; ;o; ;o; ;I" pxWidth; T;I" pxWidth; T; @ ; i7;o; ;I" em-base; T;I" em_base; T; @ ; i7;;"; i7; @ ;o; ;i;[I"em; T;[; i7;I"1em; F; @ ;; ; i7; @ ;[; i7; @ ; i6;#T; @ o; ;[I" /* Maybe you want to create rems with pixels * $rem-base: 0.625 !default; //Set the value corresponding to body font size. In this case, you should set as: body {font-size: 62.5%;} * @function rem-calc($pxWidth) { * @return $pxWidth / $rem-base * 1rem; * } */; T; ; ;[; i:; @ o; ;[I"U/* Change whether or not you include browser prefixes * $experimental: true; */; T; ; ;[; i@; @ o; ;[I" /* Various global styles */; T; ; ;[; iC; @ o; ;I"default-float; T;o:Sass::Script::String ;I" left; T; :identifier; iE; @ ;0;[; iE; @ o; ;[I"/* $body-bg: #fff; * $body-font-color: #222; * $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; * $body-font-weight: normal; * $body-font-style: normal; */; T; ; ;[; iG; @ o; ;[I"/* Font-smoothing */; T; ; ;[; iM; @ o; ;[I"(/* $font-smoothing: antialiased; */; T; ; ;[; iO; @ o; ;[I""/* Text direction settings */; T; ; ;[; iQ; @ o; ;[I" /* $text-direction: ltr; */; T; ; ;[; iS; @ o; ;[I"/* Colors */; T; ; ;[; iU; @ o; ;[I"w/* $primary-color: #2ba6cb; * $secondary-color: #e9e9e9; * $alert-color: #c60f13; * $success-color: #5da423; */; T; ; ;[; iW; @ o; ;[I"G/* Make sure border radius matches unless we want it different. */; T; ; ;[; i\; @ o; ;[I";/* $global-radius: 3px; * $global-rounded: 1000px; */; T; ; ;[; i^; @ o; ;[I"4/* Inset shadow shiny edges and depressions. */; T; ; ;[; ia; @ o; ;[I"x/* $shiny-edge-size: 0 1px 0; * $shiny-edge-color: rgba(#fff, .5); * $shiny-edge-active-color: rgba(#000, .2); */; T; ; ;[; ic; @ o; ;[I"L/* Control whether or not CSS classes come through in the CSS files. */; T; ; ;[; ig; @ o; ;[I"U/* $include-html-classes: true; * $include-print-styles: true; * $include-html-global-classes: $include-html-classes; * $include-html-inline-list-classes: $include-html-classes; * $include-html-type-classes: $include-html-classes; * $include-html-grid-classes: $include-html-classes; * $include-html-visibility-classes: $include-html-classes; * $include-html-button-classes: $include-html-classes; * $include-html-form-classes: $include-html-classes; * $include-html-custom-form-classes: $include-html-classes; * $include-html-media-classes: $include-html-classes; * $include-html-section-classes: $include-html-classes; * $include-html-orbit-classes: $include-html-classes; * $include-html-reveal-classes: $include-html-classes; * $include-html-joyride-classes: $include-html-classes; * $include-html-clearing-classes: $include-html-classes; * $include-html-alert-classes: $include-html-classes; * $include-html-nav-classes: $include-html-classes; * $include-html-top-bar-classes: $include-html-classes; * $include-html-label-classes: $include-html-classes; * $include-html-panel-classes: $include-html-classes; * $include-html-pricing-classes: $include-html-classes; * $include-html-progress-classes: $include-html-classes; * $include-html-magellan-classes: $include-html-classes; * $include-html-tooltip-classes: $include-html-classes; */; T; ; ;[; ii; @ o; ;[I"/* Media Queries */; T; ; ;[; i~; @ o; ;[I"U/* $small-screen: 768px; * $medium-screen: 1280px; * $large-screen: 1440px; */; T; ; ;[; i; @ o; ;[I"G/* $screen: "only screen"; * $small: "only screen and (min-width: #{$small-screen})"; * $medium: "only screen and (min-width: #{$medium-screen})"; * $large: "only screen and (min-width: #{$large-screen})"; * $landscape: "only screen and (orientation: landscape)"; * $portrait: "only screen and (orientation: portrait)"; */; T; ; ;[; i; @ o; ;[I"/*// Cursors */; T; ; ;[; i; @ o; ;[I"/*Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; */; T; ; ;[; i; @ o; ;[I"/* $cursor-crosshair-value: "crosshair"; * $cursor-default-value: "default"; * $cursor-pointer-value: "pointer"; * $cursor-help-value: "help"; */; T; ; ;[; i; @ o; ;[I"/* * Grid Variables * */; T; ; ;[; i; @ o; ;[I"\/* $row-width: em-calc(1000); * $column-gutter: em-calc(30); * $total-columns: 12; */; T; ; ;[; i; @ o; ;[I"%/* * Block Grid Variables * */; T; ; ;[; i; @ o; ;[I"S/* We use this to control the maximum number of block grid elements per row */; T; ; ;[; i; @ o; ;[I"Q/* $block-grid-elements: 12; * $block-grid-default-spacing: em-calc(20); */; T; ; ;[; i; @ o; ;[I"_/* Enables media queries for block-grid classes. Set to false if writing semantic HTML. */; T; ; ;[; i; @ o; ;[I"+/* $block-grid-media-queries: true; */; T; ; ;[; i; @ o; ;[I"%/* * Typography Variables * */; T; ; ;[; i; @ o; ;[I"%/* Control header font styles */; T; ; ;[; i; @ o; ;[I":/* $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; * $header-font-weight: bold; * $header-font-style: normal; * $header-font-color: #222; * $header-line-height: 1.4; * $header-top-margin: .2em; * $header-bottom-margin: .5em; * $header-text-rendering: optimizeLegibility; */; T; ; ;[; i; @ o; ;[I"$/* Control header font sizes */; T; ; ;[; i; @ o; ;[I"/* $h1-font-size: em-calc(44); * $h2-font-size: em-calc(37); * $h3-font-size: em-calc(27); * $h4-font-size: em-calc(23); * $h5-font-size: em-calc(18); * $h6-font-size: 1em; */; T; ; ;[; i; @ o; ;[I"-/* Control how subheaders are styled. */; T; ; ;[; i; @ o; ;[I"/* $subheader-line-height: 1.4; * $subheader-font-color: lighten($header-font-color, 30%); * $subheader-font-weight: 300; * $subheader-top-margin: .2em; * $subheader-bottom-margin: .5em; */; T; ; ;[; i; @ o; ;[I"$/* A general styling */; T; ; ;[; i; @ o; ;[I"Y/* $small-font-size: 60%; * $small-font-color: lighten($header-font-color, 30%); */; T; ; ;[; i; @ o; ;[I"/* Style paragraphs */; T; ; ;[; i; @ o; ;[I"^/* $paragraph-font-family: inherit; * $paragraph-font-weight: normal; * $paragraph-font-size: 1em; * $paragraph-line-height: 1.6; * $paragraph-margin-bottom: em-calc(20); * $paragraph-aside-font-size: em-calc(14); * $paragraph-aside-line-height: 1.35; * $paragraph-aside-font-style: italic; * $paragraph-text-rendering: optimizeLegibility; */; T; ; ;[; i; @ o; ;[I"/* Style tags */; T; ; ;[; i; @ o; ;[I"/* $code-color: darken($alert-color, 15%); * $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; * $code-font-weight: bold; */; T; ; ;[; i; @ o; ;[I"/* Style anchors */; T; ; ;[; i; @ o; ;[I"/* $anchor-text-decoration: none; * $anchor-font-color: $primary-color; * $anchor-font-color-hover: darken($primary-color, 5%); */; T; ; ;[; i; @ o; ;[I"!/* Style the
element */; T; ; ;[; i; @ o; ;[I"t/* $hr-border-width: 1px; * $hr-border-style: solid; * $hr-border-color: #ddd; * $hr-margin: em-calc(20); */; T; ; ;[; i; @ o; ;[I"/* Style lists */; T; ; ;[; i; @ o; ;[I"/* $list-style-position: outside; * $list-side-margin: 0; * $list-nested-margin: em-calc(20); * $definition-list-header-weight: bold; * $definition-list-header-margin-bottom: .3em; * $definition-list-margin-bottom: em-calc(12); */; T; ; ;[; i; @ o; ;[I"/* Style blockquotes */; T; ; ;[; i; @ o; ;[I"@/* $blockquote-font-color: lighten($header-font-color, 30%); * $blockquote-padding: em-calc(9, 20, 0, 19); * $blockquote-border: 1px solid #ddd; * $blockquote-cite-font-size: em-calc(13); * $blockquote-cite-font-color: lighten($header-font-color, 20%); * $blockquote-cite-link-color: $blockquote-cite-font-color; */; T; ; ;[; i; @ o; ;[I"/* Acronym styles */; T; ; ;[; i; @ o; ;[I"//* $acronym-underline: 1px dotted #ddd; */; T; ; ;[; i; @ o; ;[I"%/* Control padding and margin */; T; ; ;[; i; @ o; ;[I"[/* $microformat-padding: em-calc(10 12); * $microformat-margin: em-calc(0 0 20 0); */; T; ; ;[; i; @ o; ;[I"$/* Control the border styles */; T; ; ;[; i; @ o; ;[I"s/* $microformat-border-width: 1px; * $microformat-border-style: solid; * $microformat-border-color: #ddd; */; T; ; ;[; i ; @ o; ;[I"(/* Control full name font styles */; T; ; ;[; i; @ o; ;[I"d/* $microformat-fullname-font-weight: bold; * $microformat-fullname-font-size: em-calc(15); */; T; ; ;[; i; @ o; ;[I"*/* Control the summary font styles */; T; ; ;[; i; @ o; ;[I"2/* $microformat-summary-font-weight: bold; */; T; ; ;[; i; @ o; ;[I"K/* Control abbr padding * $microformat-abbr-padding: em-calc(0 1); */; T; ; ;[; i; @ o; ;[I"#/* Control abbr font styles */; T; ; ;[; i; @ o; ;[I"[/* $microformat-abbr-font-weight: bold; * $microformat-abbr-font-decoration: none; */; T; ; ;[; i; @ o; ;[I"/* * Form Variables * */; T; ; ;[; i; @ o; ;[I"V/* We use this to set the base for lots of form spacing and positioning styles */; T; ; ;[; i#; @ o; ;[I"&/* $form-spacing: em-calc(16); */; T; ; ;[; i%; @ o; ;[I"=/* We use these to style the labels in different ways */; T; ; ;[; i'; @ o; ;[I"/* $form-label-pointer: pointer; * $form-label-font-size: em-calc(14); * $form-label-font-weight: 500; * $form-label-font-color: lighten(#000, 30%); * $form-label-bottom-margin: em-calc(3); * $input-font-family: inherit; * $input-font-color: rgba(0,0,0,0.75); * $input-font-size: em-calc(14); * $input-bg-color: #fff; * $input-focus-bg-color: darken(#fff, 2%); * $input-border-color: darken(#fff, 20%); * $input-focus-border-color: darken(#fff, 40%); * $input-border-style: solid; * $input-border-width: 1px; * $input-disabled-bg: #ddd; * $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); * $input-include-glowing-effect: true; */; T; ; ;[; i); @ o; ;[I"A/* We use these to style the fieldset border and spacing. */; T; ; ;[; i;; @ o; ;[I"/* $fieldset-border-style: solid; * $fieldset-border-width: 1px; * $fieldset-border-color: #ddd; * $fieldset-padding: em-calc(20); * $fieldset-margin: em-calc(18 0); */; T; ; ;[; i=; @ o; ;[I">/* We use these to style the legends when you use them */; T; ; ;[; iC; @ o; ;[I"\/* $legend-bg: #fff; * $legend-font-weight: bold; * $legend-padding: em-calc(0 3); */; T; ; ;[; iE; @ o; ;[I"F/* We use these to style the prefix and postfix input elements */; T; ; ;[; iI; @ o; ;[I"/* $input-prefix-bg: darken(#fff, 5%); * $input-prefix-border-color: darken(#fff, 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; ; ;[; iK; @ o; ;[I"G/* We use these to style the error states for inputs and labels */; T; ; ;[; iS; @ o; ;[I"/* $input-error-message-padding: em-calc(6 4); * $input-error-message-top: 0; * $input-error-message-font-size: em-calc(12); * $input-error-message-font-weight: bold; * $input-error-message-font-color: #fff; * $input-error-message-font-color-alt: #333; */; T; ; ;[; iU; @ o; ;[I"I/* We use this to style the glowing effect of inputs when focused */; T; ; ;[; i\; @ o; ;[I"a/* $glowing-effect-fade-time: 0.45s; * $glowing-effect-color: $input-focus-border-color; */; T; ; ;[; i^; @ o; ;[I"!/* * Button Variables * */; T; ; ;[; ia; @ o; ;[I"5/* We use these to build padding for buttons. */; T; ; ;[; ie; @ o; ;[I"y/* $button-med: em-calc(12); * $button-tny: em-calc(7); * $button-sml: em-calc(9); * $button-lrg: em-calc(16); */; T; ; ;[; ig; @ o; ;[I"7/* We use this to control the display property. */; T; ; ;[; il; @ o; ;[I"P/* $button-display: inline-block; * $button-margin-bottom: em-calc(20); */; T; ; ;[; in; @ o; ;[I"6/* We use these to control button text styles. */; T; ; ;[; iq; @ o; ;[I"&/* $button-font-family: inherit; * $button-font-color: #fff; * $button-font-color-alt: #333; * $button-font-med: em-calc(16); * $button-font-tny: em-calc(11); * $button-font-sml: em-calc(13); * $button-font-lrg: em-calc(20); * $button-font-weight: bold; * $button-font-align: center; */; T; ; ;[; is; @ o; ;[I"9/* We use these to control various hover effects. */; T; ; ;[; i}; @ o; ;[I"(/* $button-function-factor: 10%; */; T; ; ;[; i; @ o; ;[I"8/* We use these to control button border styles. */; T; ; ;[; i; @ o; ;[I"E/* $button-border-width: 1px; * $button-border-style: solid; */; T; ; ;[; i; @ o; ;[I"J/* We use this to set the default radius used throughout the core. */; T; ; ;[; i; @ o; ;[I"M/* $button-radius: $global-radius; * $button-round: $global-rounded; */; T; ; ;[; i; @ o; ;[I"C/* We use this to set default opacity for disabled buttons. */; T; ; ;[; i; @ o; ;[I")/* $button-disabled-opacity: 0.6; */; T; ; ;[; i; @ o; ;[I"/* * Button Groups * */; T; ; ;[; i; @ o; ;[I"p/* Sets the margin for the right side by default, and the left margin if right-to-left direction is used */; T; ; ;[; i; @ o; ;[I"4/* $button-bar-margin-opposite: em-calc(10); */; T; ; ;[; i; @ o; ;[I"*/* * Dropdown Button Variables * */; T; ; ;[; i; @ o; ;[I"G/* We use these to set the color of the pip in dropdown buttons */; T; ; ;[; i; @ o; ;[I"U/* $dropdown-button-pip-color: #fff; * $dropdown-button-pip-color-alt: #333; */; T; ; ;[; i; @ o; ;[I"6/* We use these to style tiny dropdown buttons */; T; ; ;[; i; @ o; ;[I"/* $dropdown-button-padding-tny: $button-tny * 5; * $dropdown-button-pip-size-tny: $button-tny; * $dropdown-button-pip-opposite-tny: $button-tny * 2; * $dropdown-button-pip-top-tny: -$button-tny / 2 + em-calc(1); */; T; ; ;[; i; @ o; ;[I"7/* We use these to style small dropdown buttons */; T; ; ;[; i; @ o; ;[I"/* $dropdown-button-padding-sml: $button-sml * 5; * $dropdown-button-pip-size-sml: $button-sml; * $dropdown-button-pip-opposite-sml: $button-sml * 2; * $dropdown-button-pip-top-sml: -$button-sml / 2 + em-calc(1); */; T; ; ;[; i; @ o; ;[I"8/* We use these to style medium dropdown buttons */; T; ; ;[; i; @ o; ;[I"/* $dropdown-button-padding-med: $button-med * 4 + em-calc(3); * $dropdown-button-pip-size-med: $button-med - em-calc(3); * $dropdown-button-pip-opposite-med: $button-med * 2; * $dropdown-button-pip-top-med: -$button-med / 2 + em-calc(2); */; T; ; ;[; i; @ o; ;[I"7/* We use these to style large dropdown buttons */; T; ; ;[; i; @ o; ;[I"/* $dropdown-button-padding-lrg: $button-lrg * 4; * $dropdown-button-pip-size-lrg: $button-lrg - em-calc(6); * $dropdown-button-pip-opposite-lrg: $button-lrg + em-calc(12); * $dropdown-button-pip-top-lrg: -$button-lrg / 2 + em-calc(3); */; T; ; ;[; i; @ o; ;[I"'/* * Split Button Variables * */; T; ; ;[; i; @ o; ;[I"L/* We use these to control different shared styles for Split Buttons */; T; ; ;[; i; @ o; ;[I"/* $split-button-function-factor: 15%; * $split-button-pip-color: #fff; * $split-button-pip-color-alt: #333; * $split-button-active-bg-tint: rgba(0,0,0,0.1); */; T; ; ;[; i; @ o; ;[I"5/* We use these to control tiny split buttons */; T; ; ;[; i; @ o; ;[I"/* $split-button-padding-tny: $button-tny * 9; * $split-button-span-width-tny: $button-tny * 6.5; * $split-button-pip-size-tny: $button-tny; * $split-button-pip-top-tny: $button-tny * 2; * $split-button-pip-default-float-tny: em-calc(-5); */; T; ; ;[; i; @ o; ;[I"6/* We use these to control small split buttons */; T; ; ;[; i; @ o; ;[I"/* $split-button-padding-sml: $button-sml * 7; * $split-button-span-width-sml: $button-sml * 5; * $split-button-pip-size-sml: $button-sml; * $split-button-pip-top-sml: $button-sml * 1.5; * $split-button-pip-default-float-sml: em-calc(-9); */; T; ; ;[; i; @ o; ;[I"7/* We use these to control medium split buttons */; T; ; ;[; i; @ o; ;[I"/* $split-button-padding-med: $button-med * 6.4; * $split-button-span-width-med: $button-med * 4; * $split-button-pip-size-med: $button-med - em-calc(3); * $split-button-pip-top-med: $button-med * 1.5; * $split-button-pip-default-float-med: em-calc(-9); */; T; ; ;[; i; @ o; ;[I"6/* We use these to control large split buttons */; T; ; ;[; i; @ o; ;[I" /* $split-button-padding-lrg: $button-lrg * 6; * $split-button-span-width-lrg: $button-lrg * 3.75; * $split-button-pip-size-lrg: $button-lrg - em-calc(6); * $split-button-pip-top-lrg: $button-lrg + em-calc(5); * $split-button-pip-default-float-lrg: em-calc(-9); */; T; ; ;[; i; @ o; ;[I"$/* * Alert Box Variables * */; T; ; ;[; i; @ o; ;[I"0/* We use this to control alert padding. */; T; ; ;[; i; @ o; ;[I"/* $alert-padding-top: em-calc(11); * $alert-padding-default-float: $alert-padding-top; * $alert-padding-opposite-direction: $alert-padding-top + em-calc(10); * $alert-padding-bottom: $alert-padding-top + em-calc(1); */; T; ; ;[; i; @ o; ;[I"./* We use these to control text style. */; T; ; ;[; i; @ o; ;[I"/* $alert-font-weight: bold; * $alert-font-size: em-calc(14); * $alert-font-color: #fff; * $alert-font-color-alt: darken($secondary-color, 60%); */; T; ; ;[; i; @ o; ;[I"./* We use this for close hover effect. */; T; ; ;[; i; @ o; ;[I"'/* $alert-function-factor: 10%; */; T; ; ;[; i; @ o; ;[I"1/* We use these to control border styles. */; T; ; ;[; i; @ o; ;[I"/* $alert-border-style: solid; * $alert-border-width: 1px; * $alert-border-color: darken($primary-color, $alert-function-factor); * $alert-bottom-margin: em-calc(20); */; T; ; ;[; i; @ o; ;[I"2/* We use these to style the close buttons */; T; ; ;[; i; @ o; ;[I"/* $alert-close-color: #333; * $alert-close-position: em-calc(5); * $alert-close-font-size: em-calc(22); * $alert-close-opacity: 0.3; * $alert-close-opacity-hover: 0.5; * $alert-close-padding: 5px 4px 4px; */; T; ; ;[; i; @ o; ;[I"//* We use this to control border radius */; T; ; ;[; i ; @ o; ;[I")/* $alert-radius: $global-radius; */; T; ; ;[; i; @ o; ;[I"%/* * Breadcrumb Variables * */; T; ; ;[; i; @ o; ;[I"P/* We use this to set the background color for the breadcrumb container. */; T; ; ;[; i; @ o; ;[I"4/* $crumb-bg: lighten($secondary-color, 5%); */; T; ; ;[; i; @ o; ;[I"B/* We use these to set the padding around the breadcrumbs. */; T; ; ;[; i; @ o; ;[I"P/* $crumb-padding: em-calc(9 14 9); * $crumb-side-padding: em-calc(12); */; T; ; ;[; i; @ o; ;[I"1/* We use these to control border styles. */; T; ; ;[; i; @ o; ;[I"/* $crumb-function-factor: 10%; * $crumb-border-size: 1px; * $crumb-border-style: solid; * $crumb-border-color: darken($crumb-bg, $crumb-function-factor); * $crumb-radius: $global-radius; */; T; ; ;[; i!; @ o; ;[I"C/* We use these to set various text styles for breadcrumbs. */; T; ; ;[; i'; @ o; ;[I"/* $crumb-font-size: em-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; */; T; ; ;[; i); @ o; ;[I"@/* We use these to control the slash between breadcrumbs */; T; ; ;[; i0; @ o; ;[I":/* $crumb-slash-color: #aaa; * $crumb-slash: "/"; */; T; ; ;[; i2; @ o; ;[I"#/* * Clearing Variables * */; T; ; ;[; i5; @ o; ;[I"K/* We use these to set the background colors for parts of Clearing. */; T; ; ;[; i9; @ o; ;[I"/* $clearing-bg: #111; * $clearing-caption-bg: $clearing-bg; * $clearing-carousel-bg: #111; * $clearing-img-bg: $clearing-bg; */; T; ; ;[; i;; @ o; ;[I"1/* We use these to style the close button */; T; ; ;[; i@; @ o; ;[I"F/* $clearing-close-color: #fff; * $clearing-close-size: 40px; */; T; ; ;[; iB; @ o; ;[I"+/* We use these to style the arrows */; T; ; ;[; iE; @ o; ;[I"W/* $clearing-arrow-size: 16px; * $clearing-arrow-color: $clearing-close-color; */; T; ; ;[; iG; @ o; ;[I")/* We use these to style captions */; T; ; ;[; iJ; @ o; ;[I"W/* $clearing-caption-font-color: #fff; * $clearing-caption-padding: 10px 30px; */; T; ; ;[; iL; @ o; ;[I"G/* We use these to make the image and carousel height and style */; T; ; ;[; iO; @ o; ;[I"/* $clearing-active-img-height: 75%; * $clearing-carousel-height: 150px; * $clearing-carousel-thumb-width: 175px; * $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); */; T; ; ;[; iQ; @ o; ;[I"&/* * Custom Form Variables * */; T; ; ;[; iV; @ o; ;[I"E/* We use these to control the basic form styles input styles */; T; ; ;[; iZ; @ o; ;[I"1/* $custom-form-border-color: #ccc; * $custom-form-border-size: 1px; * $custom-form-bg: #fff; * $custom-form-bg-disabled: #ddd; * $custom-form-input-size: 16px; * $custom-form-check-color: #222; * $custom-form-check-size: 16px; * $custom-form-radio-size: 8px; * $custom-form-checkbox-radius: 0; */; T; ; ;[; i\; @ o; ;[I"@/* We use these to style the custom select form element. */; T; ; ;[; if; @ o; ;[I"/* $custom-select-bg: #fff; * $custom-select-fade-to-color: #f3f3f3; * $custom-select-border-color: #ddd; * $custom-select-triangle-color: #aaa; * $custom-select-triangle-color-open: #222; * $custom-select-height: em-calc(13) + ($form-spacing * 1.5); * $custom-select-margin-bottom: em-calc(20); * $custom-select-font-color-selected: #141414; * $custom-select-disabled-color: #888; */; T; ; ;[; ih; @ o; ;[I"S/* We use these to control the style of the custom select dropdown element. */; T; ; ;[; ir; @ o; ;[I"/* $custom-dropdown-height: 200px; * $custom-dropdown-bg: #fff; * $custom-dropdown-border-color: darken(#fff, 20%); * $custom-dropdown-border-width: 1px; * $custom-dropdown-border-style: solid; * $custom-dropdown-font-color: #555; * $custom-dropdown-font-size: em-calc(14); * $custom-dropdown-color-selected: #eeeeee; * $custom-dropdown-font-color-selected: #000; * $custom-dropdown-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); * $custom-dropdown-offset-top: auto; * $custom-dropdown-list-padding: em-calc(4); * $custom-dropdown-default-float-padding: em-calc(6); * $custom-dropdown-opposite-padding: em-calc(38); * $custom-dropdown-list-item-min-height: em-calc(24); * $custom-dropdown-width-small: 134px; * $custom-dropdown-width-medium: 254px; * $custom-dropdown-width-large: 434px; */; T; ; ;[; it; @ o; ;[I"#/* * Dropdown Variables * */; T; ; ;[; i; @ o; ;[I"/* We use this to set the border styles for dropdowns. */; T; ; ;[; i; @ o; ;[I"}/* $f-dropdown-border-style: solid; * $f-dropdown-border-width: 1px; * $f-dropdown-border-color: darken(#fff, 20%); */; T; ; ;[; i; @ o; ;[I"2/* We use these to style the triangle pip. */; T; ; ;[; i; @ o; ;[I"z/* $f-dropdown-triangle-size: 6px; * $f-dropdown-triangle-color: #fff; * $f-dropdown-triangle-side-offset: 10px; */; T; ; ;[; i; @ o; ;[I"@/* We use these to control styles for the list elements. */; T; ; ;[; i; @ o; ;[I" /* $f-dropdown-list-style: none; * $f-dropdown-font-color: #555; * $f-dropdown-font-size: em-calc(14); * $f-dropdown-list-padding: em-calc(5 10); * $f-dropdown-line-height: em-calc(18); * $f-dropdown-list-hover-bg: #eeeeee; * $dropdown-mobile-default-float: 0; */; T; ; ;[; i; @ o; ;[I"V/* We use this to control the styles for when the dropdown has custom content. */; T; ; ;[; i; @ o; ;[I"4/* $f-dropdown-content-padding: em-calc(20); */; T; ; ;[; i; @ o; ;[I"%/* * Flex Video Variables * */; T; ; ;[; i; @ o; ;[I"F/* We use these to control video container padding and margins */; T; ; ;[; i; @ o; ;[I"|/* $flex-video-padding-top: em-calc(25); * $flex-video-padding-bottom: 67.5%; * $flex-video-margin-bottom: em-calc(16); */; T; ; ;[; i; @ o; ;[I";/* We use this to control widescreen bottom padding */; T; ; ;[; i; @ o; ;[I"9/* $flex-video-widescreen-padding-bottom: 57.25%; */; T; ; ;[; i; @ o; ;[I"&/* * Inline List Variables * */; T; ; ;[; i; @ o; ;[I"M/* We use this to control the margins and padding of the inline list. */; T; ; ;[; i; @ o; ;[I"/* $inline-list-top-margin: 0; * $inline-list-opposite-margin: 0; * $inline-list-bottom-margin: em-calc(17); * $inline-list-default-float-margin: em-calc(-22); */; T; ; ;[; i; @ o; ;[I"#/* $inline-list-padding: 0; */; T; ; ;[; i; @ o; ;[I"B/* We use this to control the overflow of the inline list. */; T; ; ;[; i; @ o; ;[I")/* $inline-list-overflow: hidden; */; T; ; ;[; i; @ o; ;[I"0/* We use this to control the list items */; T; ; ;[; i; @ o; ;[I"'/* $inline-list-display: block; */; T; ; ;[; i; @ o; ;[I"?/* We use this to control any elments within list items */; T; ; ;[; i; @ o; ;[I"0/* $inline-list-children-display: block; */; T; ; ;[; i; @ o; ;[I""/* * Joyride Variables * */; T; ; ;[; i; @ o; ;[I"-/* Controlling default Joyride styles */; T; ; ;[; i; @ o; ;[I"/* $joyride-tip-bg: rgb(0,0,0); * $joyride-tip-default-width: 300px; * $joyride-tip-padding: em-calc(18 20 24); * $joyride-tip-border: solid 1px #555; * $joyride-tip-radius: 4px; * $joyride-tip-position-offset: 22px; */; T; ; ;[; i; @ o; ;[I"2/* Here, we're setting the tip dont styles */; T; ; ;[; i; @ o; ;[I"v/* $joyride-tip-font-color: #fff; * $joyride-tip-font-size: em-calc(14); * $joyride-tip-header-weight: bold; */; T; ; ;[; i; @ o; ;[I"$/* This changes the nub size */; T; ; ;[; i; @ o; ;[I"'/* $joyride-tip-nub-size: 14px; */; T; ; ;[; i; @ o; ;[I"A/* This adjusts the styles for the timer when its enabled */; T; ; ;[; i; @ o; ;[I"p/* $joyride-tip-timer-width: 50px; * $joyride-tip-timer-height: 3px; * $joyride-tip-timer-color: #666; */; T; ; ;[; i; @ o; ;[I":/* This changes up the styles for the close button */; T; ; ;[; i; @ o; ;[I"r/* $joyride-tip-close-color: #777; * $joyride-tip-close-size: 30px; * $joyride-tip-close-weight: normal; */; T; ; ;[; i; @ o; ;[I"K/* When Joyride is filling the screen, we use this style for the bg */; T; ; ;[; i; @ o; ;[I"0/* $joyride-screenfill: rgba(0,0,0,0.5); */; T; ; ;[; i; @ o; ;[I"$/* * Keystroke Variables * */; T; ; ;[; i; @ o; ;[I"//* We use these to control text styles. */; T; ; ;[; i; @ o; ;[I"/* $keystroke-font: "Consolas", "Menlo", "Courier", monospace; * $keystroke-font-size: em-calc(14); * $keystroke-font-color: #222; * $keystroke-font-color-alt: #fff; * $keystroke-function-factor: 7%; */; T; ; ;[; i; @ o; ;[I"4/* We use this to control keystroke padding. */; T; ; ;[; i ; @ o; ;[I"./* $keystroke-padding: em-calc(2 4 0); */; T; ; ;[; i ; @ o; ;[I"@/* We use these to control background and border styles. */; T; ; ;[; i; @ o; ;[I"/* $keystroke-bg: darken(#fff, $keystroke-function-factor); * $keystroke-border-style: solid; * $keystroke-border-width: 1px; * $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); * $keystroke-radius: $global-radius; */; T; ; ;[; i; @ o; ;[I" /* * Label Variables * */; T; ; ;[; i; @ o; ;[I"+/* We use these to style the labels */; T; ; ;[; i; @ o; ;[I"M/* $label-padding: em-calc(3 10 4); * $label-radius: $global-radius; */; T; ; ;[; i; @ o; ;[I"//* We use these to style the label text */; T; ; ;[; i; @ o; ;[I"/* $label-font-sizing: em-calc(14); * $label-font-weight: bold; * $label-font-color: #333; * $label-font-color-alt: #fff; */; T; ; ;[; i!; @ o; ;[I"#/* * Magellan Variables * */; T; ; ;[; i&; @ o; ;[I":/* $magellan-bg: #fff; * $magellan-padding: 10px; */; T; ; ;[; i*; @ o; ;[I"/* * Orbit Settings * */; T; ; ;[; i-; @ o; ;[I"5/* We use these to control the caption styles */; T; ; ;[; i1; @ o; ;[I"1/* $orbit-container-bg: #f5f5f5; * $orbit-caption-bg: rgba(0,0,0,0.6); * $orbit-caption-font-color: #fff; * $orbit-caption-font-size: emCalc(14); * $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" * $orbit-caption-padding: emCalc(10,14); * $orbit-caption-height: auto; */; T; ; ;[; i3; @ o; ;[I"/* We use these to controls the style of slide numbers */; T; ; ;[; iM; @ o; ;[I"/* $orbit-slide-number-bg: rgba(0,0,0,0); * $orbit-slide-number-font-color: #fff; * $orbit-slide-number-padding: em-calc(5); */; T; ; ;[; iO; @ o; ;[I"1/* Graceful Loading Wrapper and preloader */; T; ; ;[; iS; @ o; ;[I"Q/* $wrapper-class: "slideshow-wrapper"; * $preloader-class: "preloader"; */; T; ; ;[; iU; @ o; ;[I"%/* * Pagination Variables * */; T; ; ;[; iX; @ o; ;[I";/* We use these to control the pagination container */; T; ; ;[; i\; @ o; ;[I"O/* $pagination-height: em-calc(24); * $pagination-margin: em-calc(-5); */; T; ; ;[; i^; @ o; ;[I"7/* We use these to set the list-item properties */; T; ; ;[; ia; @ o; ;[I"/* $pagination-li-float: $default-float; * $pagination-li-height: em-calc(24); * $pagination-li-font-color: #222; * $pagination-li-font-size: em-calc(14); * $pagination-li-margin: em-calc(5); */; T; ; ;[; ic; @ o; ;[I"7/* We use these for the pagination anchor links */; T; ; ;[; ii; @ o; ;[I"/* $pagination-link-pad: em-calc(1 7 1); * $pagination-link-font-color: #999; * $pagination-link-active-bg: darken(#fff, 10%); */; T; ; ;[; ik; @ o; ;[I"1/* We use these for disabled anchor links */; T; ; ;[; io; @ o; ;[I"/* $pagination-link-unavailable-cursor: default; * $pagination-link-unavailable-font-color: #999; * $pagination-link-unavailable-bg-active: transparent; */; T; ; ;[; iq; @ o; ;[I";/* We use these for currently selected anchor links */; T; ; ;[; iu; @ o; ;[I"/* $pagination-link-current-background: $primary-color; * $pagination-link-current-font-color: #fff; * $pagination-link-current-font-weight: bold; * $pagination-link-current-cursor: default; * $pagination-link-current-active-bg: $primary-color; */; T; ; ;[; iw; @ o; ;[I" /* * Panel Variables * */; T; ; ;[; i}; @ o; ;[I"C/* We use these to control the background and border styles */; T; ; ;[; i; @ o; ;[I"b/* $panel-bg: darken(#fff, 5%); * $panel-border-style: solid; * $panel-border-size: 1px; */; T; ; ;[; i; @ o; ;[I"F/* We use this % to control how much we darken things on hover */; T; ; ;[; i; @ o; ;[I"j/* $panel-function-factor: 10%; * $panel-border-color: darken($panel-bg, $panel-function-factor); */; T; ; ;[; i; @ o; ;[I"F/* We use these to set default inner padding and bottom margin */; T; ; ;[; i; @ o; ;[I"M/* $panel-margin-bottom: em-calc(20); * $panel-padding: em-calc(20); */; T; ; ;[; i; @ o; ;[I"2/* We use these to set default font colors */; T; ; ;[; i; @ o; ;[I"C/* $panel-font-color: #333; * $panel-font-color-alt: #fff; */; T; ; ;[; i; @ o; ;[I"&/* $panel-header-adjust: true; */; T; ; ;[; i; @ o; ;[I"(/* * Pricing Table Variables * */; T; ; ;[; i; @ o; ;[I"2/* We use this to control the border color */; T; ; ;[; i; @ o; ;[I"//* $price-table-border: solid 1px #ddd; */; T; ; ;[; i; @ o; ;[I"H/* We use this to control the bottom margin of the pricing table */; T; ; ;[; i; @ o; ;[I"3/* $price-table-margin-bottom: em-calc(20); */; T; ; ;[; i; @ o; ;[I"3/* We use these to control the title styles */; T; ; ;[; i; @ o; ;[I"/* $price-title-bg: #ddd; * $price-title-padding: em-calc(15 20); * $price-title-align: center; * $price-title-color: #333; * $price-title-weight: bold; * $price-title-size: em-calc(16); */; T; ; ;[; i; @ o; ;[I"3/* We use these to control the price styles */; T; ; ;[; i; @ o; ;[I"/* $price-money-bg: #eee; * $price-money-padding: em-calc(15, 20); * $price-money-align: center; * $price-money-color: #333; * $price-money-weight: normal; * $price-money-size: em-calc(20); */; T; ; ;[; i; @ o; ;[I"9/* We use these to control the description styles */; T; ; ;[; i; @ o; ;[I" /* $price-bg: #fff; * $price-desc-color: #777; * $price-desc-padding: em-calc(15); * $price-desc-align: center; * $price-desc-font-size: em-calc(12); * $price-desc-weight: normal; * $price-desc-line-height: 1.4; * $price-desc-bottom-border: dotted 1px #ddd; */; T; ; ;[; i; @ o; ;[I"7/* We use these to control the list item styles */; T; ; ;[; i; @ o; ;[I"/* $price-item-color: #333; * $price-item-padding: em-calc(15); * $price-item-align: center; * $price-item-font-size: em-calc(14); * $price-item-weight: normal; * $price-item-bottom-border: dotted 1px #ddd; */; T; ; ;[; i; @ o; ;[I"6/* We use these to control the CTA area styles */; T; ; ;[; i; @ o; ;[I"h/* $price-cta-bg: #f5f5f5; * $price-cta-align: center; * $price-cta-padding: em-calc(20 20 0); */; T; ; ;[; i; @ o; ;[I"'/* * Progress Bar Variables * */; T; ; ;[; i; @ o; ;[I"0/* We use this to se the prog bar height */; T; ; ;[; i; @ o; ;[I"R/* $progress-bar-height: em-calc(25); * $progress-bar-color: transparent; */; T; ; ;[; i; @ o; ;[I"4/* We use these to control the border styles */; T; ; ;[; i; @ o; ;[I"/* $progress-bar-border-color: darken(#fff, 20%); * $progress-bar-border-size: 1px; * $progress-bar-border-style: solid; * $progress-bar-border-radius: $global-radius; */; T; ; ;[; i; @ o; ;[I"7/* We use these to control the margin & padding */; T; ; ;[; i; @ o; ;[I"V/* $progress-bar-pad: em-calc(2); * $progress-bar-margin-bottom: em-calc(10); */; T; ; ;[; i; @ o; ;[I"//* We use these to set the meter colors */; T; ; ;[; i; @ o; ;[I"/* $progress-meter-color: $primary-color; * $progress-meter-secondary-color: $secondary-color; * $progress-meter-success-color: $success-color; * $progress-meter-alert-color: $alert-color; */; T; ; ;[; i; @ o; ;[I"!/* * Reveal Variables * */; T; ; ;[; i; @ o; ;[I"C/* We use these to control the style of the reveal overlay. */; T; ; ;[; i; @ o; ;[I"P/* $reveal-overlay-bg: rgba(#000, .45); * $reveal-overlay-bg-old: #000; */; T; ; ;[; i; @ o; ;[I"A/* We use these to control the style of the modal itself. */; T; ; ;[; i; @ o; ;[I"/* $reveal-modal-bg: #fff; * $reveal-position-top: 50px; * $reveal-default-width: 80%; * $reveal-modal-padding: em-calc(20); * $reveal-box-shadow: 0 0 10px rgba(#000,.4); */; T; ; ;[; i; @ o; ;[I"8/* We use these to style the reveal close button */; T; ; ;[; i; @ o; ;[I"/* $reveal-close-font-size: em-calc(22); * $reveal-close-top: em-calc(8); * $reveal-close-side: em-calc(11); * $reveal-close-color: #aaa; * $reveal-close-weight: bold; */; T; ; ;[; i; @ o; ;[I"3/* We use these to control the modal border */; T; ; ;[; i; @ o; ;[I"d/* $reveal-border-style: solid; * $reveal-border-width: 1px; * $reveal-border-color: #666; */; T; ; ;[; i; @ o; ;[I"c/* $reveal-modal-class: "reveal-modal"; * $close-reveal-modal-class: "close-reveal-modal"; */; T; ; ;[; i ; @ o; ;[I""/* * Section Variables * */; T; ; ;[; i; @ o; ;[I"7/* We use these to set padding and hover factor */; T; ; ;[; i; @ o; ;[I"{/* $section-title-padding: em-calc(15); * $section-content-padding: em-calc(15); * $section-function-factor: 10%; */; T; ; ;[; i; @ o; ;[I"!/* These style the titles */; T; ; ;[; i; @ o; ;[I"5/* $section-title-color: #333; * $section-title-color-active: #333; * $section-title-bg: #efefef; * $section-title-bg-active: darken($section-title-bg, $section-function-factor); * $section-title-bg-active-tabs: #fff; * $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); */; T; ; ;[; i; @ o; ;[I"3/* Want to control border size, here ya go! */; T; ; ;[; i!; @ o; ;[I"f/* $section-border-size: 1px; * $section-border-style: solid; * $section-border-color: #ccc; */; T; ; ;[; i#; @ o; ;[I"/* Font controls */; T; ; ;[; i'; @ o; ;[I"+/* $section-font-size: em-calc(14); */; T; ; ;[; i); @ o; ;[I"D/* Control the color of the background and some size options */; T; ; ;[; i+; @ o; ;[I"/* $section-content-bg: #fff; * $section-vertical-nav-min-width: em-calc(200); * $section-vertical-tabs-title-width: em-calc(200); * $section-bottom-margin: em-calc(20); */; T; ; ;[; i-; @ o; ;[I"n/* $title-selector: ".title"; * $content-selector: ".content"; * $active-region-selector: ".active"; */; T; ; ;[; i2; @ o; ;[I"#/* * Side Nav Variables * */; T; ; ;[; i6; @ o; ;[I"*/* We use this to control padding. */; T; ; ;[; i:; @ o; ;[I",/* $side-nav-padding: em-calc(14 0); */; T; ; ;[; i<; @ o; ;[I"//* We use these to control list styles. */; T; ; ;[; i>; @ o; ;[I"u/* $side-nav-list-type: none; * $side-nav-list-position: inside; * $side-nav-list-margin: em-calc(0 0 7 0); */; T; ; ;[; i@; @ o; ;[I"//* We use these to control link styles. */; T; ; ;[; iD; @ o; ;[I"/* $side-nav-link-color: $primary-color; * $side-nav-link-color-active: lighten(#000, 30%); * $side-nav-font-size: em-calc(14); * $side-nav-font-weight: bold; */; T; ; ;[; iF; @ o; ;[I"0/* We use these to control border styles */; T; ; ;[; iK; @ o; ;[I"y/* $side-nav-divider-size: 1px; * $side-nav-divider-style: solid; * $side-nav-divider-color: darken(#fff, 10%); */; T; ; ;[; iM; @ o; ;[I""/* * Sub Nav Variables * */; T; ; ;[; iQ; @ o; ;[I"5/* We use these to control margin and padding */; T; ; ;[; iU; @ o; ;[I"\/* $sub-nav-list-margin: em-calc(-4 0 18); * $sub-nav-list-padding-top: em-calc(4); */; T; ; ;[; iW; @ o; ;[I"0/* We use this to control the definition */; T; ; ;[; iZ; @ o; ;[I"/* $sub-nav-font-size: em-calc(14); * $sub-nav-font-color: #999; * $sub-nav-font-weight: normal; * $sub-nav-text-decoration: none; * $sub-nav-border-radius: 1000px; */; T; ; ;[; i\; @ o; ;[I"9/* We use these to control the active item styles */; T; ; ;[; ib; @ o; ;[I"/* $sub-nav-active-font-weight: bold; * $sub-nav-active-bg: $primary-color; * $sub-nav-active-color: #fff; * $sub-nav-active-padding: em-calc(3 9); * $sub-nav-active-cursor: default; */; T; ; ;[; id; @ o; ;[I"d/* $sub-nav-item-divider: "" !default; * $sub-nav-item-divider-margin: emCalc(12) !default; */; T; ; ;[; ij; @ o; ;[I"!/* * Switch Variables * */; T; ; ;[; im; @ o; ;[I"S/* Controlling border styles and background colors for the switch container */; T; ; ;[; iq; @ o; ;[I"/* $switch-border-color: darken(#fff, 20%); * $switch-border-style: solid; * $switch-border-width: 1px; * $switch-bg: #fff; */; T; ; ;[; is; @ o; ;[I"M/* We use these to control the switch heights for our default classes */; T; ; ;[; ix; @ o; ;[I"/* $switch-height-tny: 22px; * $switch-height-sml: 28px; * $switch-height-med: 36px; * $switch-height-lrg: 44px; * $switch-bottom-margin: em-calc(20); */; T; ; ;[; iz; @ o; ;[I"F/* We use these to control default font sizes for our classes. */; T; ; ;[; i; @ o; ;[I"/* $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; */; T; ; ;[; i; @ o; ;[I"2/* We use these to style the switch-paddle */; T; ; ;[; i; @ o; ;[I"/* $switch-paddle-bg: #fff; * $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%); * $switch-paddle-border-color: darken($switch-paddle-bg, 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: lighten($success-color, 50%); * $switch-negative-color: #f5f5f5; */; T; ; ;[; i; @ o; ;[I"5/* Outline Style for tabbing through switches */; T; ; ;[; i; @ o; ;[I"2/* $switch-label-outline: 1px dotted #888; */; T; ; ;[; i; @ o; ;[I" /* * Table Variables * */; T; ; ;[; i; @ o; ;[I"I/* These control the background color for the table and even rows */; T; ; ;[; i; @ o; ;[I";/* $table-bg: #fff; * $table-even-row-bg: #f9f9f9; */; T; ; ;[; i; @ o; ;[I"4/* These control the table cell border style */; T; ; ;[; i; @ o; ;[I"`/* $table-border-style: solid; * $table-border-size: 1px; * $table-border-color: #ddd; */; T; ; ;[; i; @ o; ;[I"./* These control the table head styles */; T; ; ;[; i; @ o; ;[I"/* $table-head-bg: #f5f5f5; * $table-head-font-size: em-calc(14); * $table-head-font-color: #222; * $table-head-font-weight: bold; * $table-head-padding: em-calc(8 10 10); */; T; ; ;[; i; @ o; ;[I"8/* These control the row padding and font styles */; T; ; ;[; i; @ o; ;[I"/* $table-row-padding: em-calc(9 10); * $table-row-font-size: em-calc(14); * $table-row-font-color: #222; * $table-line-height: em-calc(18); */; T; ; ;[; i; @ o; ;[I"E/* These are for controlling the display and margin of tables */; T; ; ;[; i; @ o; ;[I"L/* $table-display: table-cell; * $table-margin-bottom: em-calc(20); */; T; ; ;[; i; @ o; ;[I"*/* * Image Thumbnail Variables * */; T; ; ;[; i; @ o; ;[I"0/* We use these to control border styles */; T; ; ;[; i; @ o; ;[I"/* $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; ; ;[; i; @ o; ;[I"1/* Radius and transition speed for thumbs */; T; ; ;[; i; @ o; ;[I"L/* $thumb-radius: $global-radius; * $thumb-transition-speed: 200ms; */; T; ; ;[; i; @ o; ;[I""/* * Tooltip Variables * */; T; ; ;[; i; @ o; ;[I"/* $has-tip-border-bottom: dotted 1px #ccc; * $has-tip-font-weight: bold; * $has-tip-font-color: #333; * $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); * $has-tip-font-color-hover: $primary-color; * $has-tip-cursor-type: help; */; T; ; ;[; i; @ o; ;[I"/* $tooltip-padding: em-calc(8); * $tooltip-bg: #000; * $tooltip-font-size: em-calc(15); * $tooltip-font-weight: bold; * $tooltip-font-color: #fff; * $tooltip-line-height: 1.3; * $tooltip-close-font-size: em-calc(10); * $tooltip-close-font-weight: normal; * $tooltip-close-font-color: #888; * $tooltip-font-size-sml: em-calc(14); * $tooltip-radius: $global-radius; * $tooltip-pip-size: 5px; */; T; ; ;[; i; @ o; ;[I""/* * Top Bar Variables * */; T; ; ;[; i; @ o; ;[I"+/* Background color for the top bar */; T; ; ;[; i; @ o; ;[I"C/* $topbar-bg-color: #111; * $topbar-bg: $topbar-bg-color; */; T; ; ;[; i; @ o; ;[I"/* Height and margin */; T; ; ;[; i; @ o; ;[I"=/* $topbar-height: 45px; * $topbar-margin-bottom: 0; */; T; ; ;[; i; @ o; ;[I"+/* Control Input height for top bar */; T; ; ;[; i; @ o; ;[I"(/* $topbar-input-height: 2.45em; */; T; ; ;[; i; @ o; ;[I">/* Controlling the styles for the title in the top bar */; T; ; ;[; i; @ o; ;[I"O/* $topbar-title-weight: bold; * $topbar-title-font-size: em-calc(17); */; T; ; ;[; i; @ o; ;[I"./* Style the top bar dropdown elements */; T; ; ;[; i; @ o; ;[I"/* $topbar-dropdown-bg: #222; * $topbar-dropdown-link-color: #fff; * // $topbar-dropdown-link-bg: lighten($topbar-bg-color, 5%); * $topbar-dropdown-toggle-size: 5px; * $topbar-dropdown-toggle-color: #fff; * $topbar-dropdown-toggle-alpha: 0.5; */; T; ; ;[; i; @ o; ;[I";/* Set the link colors and styles for top-level nav */; T; ; ;[; i; @ o; ;[I"U/* $topbar-link-color: #fff; * $topbar-link-color-hover: #fff; * $topbar-link-color-active: #fff; * $topbar-link-weight: bold; * $topbar-link-font-size: em-calc(13); * $topbar-link-hover-lightness: -30%; // Darken by 30% * $topbar-link-bg-hover: darken($topbar-bg-color, 3%); * $topbar-link-bg-active: darken($topbar-bg-color, 3%); */; T; ; ;[; i; @ o; ;[I"/* $topbar-dropdown-label-color: #555; * $topbar-dropdown-label-text-transform: uppercase; * $topbar-dropdown-label-font-weight: bold; * $topbar-dropdown-label-font-size: em-calc(10); * $topbar-dropdown-label-bg: lighten($topbar-bg-color, 5%); */; T; ; ;[; i; @ o; ;[I"/* Top menu icon styles */; T; ; ;[; i; @ o; ;[I"/* $topbar-menu-link-transform: uppercase; * $topbar-menu-link-font-size: em-calc(13); * $topbar-menu-link-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; ; ;[; i; @ o; ;[I",/* Transitions and breakpoint styles */; T; ; ;[; i; @ o; ;[I"/* $topbar-transition-speed: 300ms; * $topbar-breakpoint: 940 !default; // Change to 9999px for always mobile layout * $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; */; T; ; ;[; i!; @ o; ;[I"/* Divider Styles */; T; ; ;[; i%; @ o; ;[I"/* $topbar-divider-border-bottom: solid 1px lighten($topbar-bg-color, 10%); * $topbar-divider-border-top: solid 1px darken($topbar-bg-color, 10%); */; T; ; ;[; i'; @ o; ;[I"/* Sticky Class */; T; ; ;[; i*; @ o; ;[I"/* $topbar-sticky-class: ".sticky"; * $topbar-arrows: true; //Set false to remove the triangle icon from the menu item */; T; ; ;[; i,; @ :@templateI"h// // Foundation Variables // // 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. $base-font-size: 100% !default; // $base-line-height is 24px while $base-font-size is 16px // $base-line-height: 150%; // This is the default html and body font-size for the base em value. // 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 a different size and not have it effect grid size too, // set the value of $em-base to $base-font-size ($em-base: $base-font-size;) $em-base: 16px !default; // It strips the unit of measure and returns it @function strip-unit($num) { @return $num / ($num * 0 + 1); } // Converts "px" to "em" using the ($)em-base @function convert-to-em($value, $base-value: $em-base) { $value: strip-unit($value) / strip-unit($base-value) * 1em; @if ($value == 0em) { $value: 0; } // Turn 0em into 0 @return $value; } // Working in ems is annoying. Think in pixels by using this handy function, em-calc(#) // Just enter the number, no need to mention "px" @function em-calc($values, $base-value: $em-base) { $max: length($values); // Get the total number of parameters passed // If there is only 1 parameter, then return it as an integer. // This is done because a list can't be multiplied or divided even if it contains a single value @if $max == 1 { @return convert-to-em(nth($values, 1), $base-value); } $emValues: (); // This will eventually store the converted $values in a list @for $i from 1 through $max { $emValues: append($emValues, convert-to-em(nth($values, $i), $base-value)); } @return $emValues; } //Retaining this for backward compatability @function emCalc($pxWidth) { @return $pxWidth / $em-base * 1em; } // Maybe you want to create rems with pixels // $rem-base: 0.625 !default; //Set the value corresponding to body font size. In this case, you should set as: body {font-size: 62.5%;} // @function rem-calc($pxWidth) { // @return $pxWidth / $rem-base * 1rem; // } // Change whether or not you include browser prefixes // $experimental: true; // Various global styles $default-float: left; // $body-bg: #fff; // $body-font-color: #222; // $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; // $body-font-weight: normal; // $body-font-style: normal; // Font-smoothing // $font-smoothing: antialiased; // Text direction settings // $text-direction: ltr; // Colors // $primary-color: #2ba6cb; // $secondary-color: #e9e9e9; // $alert-color: #c60f13; // $success-color: #5da423; // Make sure border radius matches unless we want it different. // $global-radius: 3px; // $global-rounded: 1000px; // 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); // Control whether or not CSS classes come through in the CSS files. // $include-html-classes: true; // $include-print-styles: true; // $include-html-global-classes: $include-html-classes; // $include-html-inline-list-classes: $include-html-classes; // $include-html-type-classes: $include-html-classes; // $include-html-grid-classes: $include-html-classes; // $include-html-visibility-classes: $include-html-classes; // $include-html-button-classes: $include-html-classes; // $include-html-form-classes: $include-html-classes; // $include-html-custom-form-classes: $include-html-classes; // $include-html-media-classes: $include-html-classes; // $include-html-section-classes: $include-html-classes; // $include-html-orbit-classes: $include-html-classes; // $include-html-reveal-classes: $include-html-classes; // $include-html-joyride-classes: $include-html-classes; // $include-html-clearing-classes: $include-html-classes; // $include-html-alert-classes: $include-html-classes; // $include-html-nav-classes: $include-html-classes; // $include-html-top-bar-classes: $include-html-classes; // $include-html-label-classes: $include-html-classes; // $include-html-panel-classes: $include-html-classes; // $include-html-pricing-classes: $include-html-classes; // $include-html-progress-classes: $include-html-classes; // $include-html-magellan-classes: $include-html-classes; // $include-html-tooltip-classes: $include-html-classes; // Media Queries // $small-screen: 768px; // $medium-screen: 1280px; // $large-screen: 1440px; // $screen: "only screen"; // $small: "only screen and (min-width: #{$small-screen})"; // $medium: "only screen and (min-width: #{$medium-screen})"; // $large: "only screen and (min-width: #{$large-screen})"; // $landscape: "only screen and (orientation: landscape)"; // $portrait: "only screen and (orientation: portrait)"; //// Cursors //Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress; // $cursor-crosshair-value: "crosshair"; // $cursor-default-value: "default"; // $cursor-pointer-value: "pointer"; // $cursor-help-value: "help"; // // Grid Variables // // $row-width: em-calc(1000); // $column-gutter: em-calc(30); // $total-columns: 12; // // Block Grid Variables // // We use this to control the maximum number of block grid elements per row // $block-grid-elements: 12; // $block-grid-default-spacing: em-calc(20); // Enables media queries for block-grid classes. Set to false if writing semantic HTML. // $block-grid-media-queries: true; // // Typography Variables // // Control header font styles // $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; // $header-font-weight: bold; // $header-font-style: normal; // $header-font-color: #222; // $header-line-height: 1.4; // $header-top-margin: .2em; // $header-bottom-margin: .5em; // $header-text-rendering: optimizeLegibility; // Control header font sizes // $h1-font-size: em-calc(44); // $h2-font-size: em-calc(37); // $h3-font-size: em-calc(27); // $h4-font-size: em-calc(23); // $h5-font-size: em-calc(18); // $h6-font-size: 1em; // Control how subheaders are styled. // $subheader-line-height: 1.4; // $subheader-font-color: lighten($header-font-color, 30%); // $subheader-font-weight: 300; // $subheader-top-margin: .2em; // $subheader-bottom-margin: .5em; // A general styling // $small-font-size: 60%; // $small-font-color: lighten($header-font-color, 30%); // Style paragraphs // $paragraph-font-family: inherit; // $paragraph-font-weight: normal; // $paragraph-font-size: 1em; // $paragraph-line-height: 1.6; // $paragraph-margin-bottom: em-calc(20); // $paragraph-aside-font-size: em-calc(14); // $paragraph-aside-line-height: 1.35; // $paragraph-aside-font-style: italic; // $paragraph-text-rendering: optimizeLegibility; // Style tags // $code-color: darken($alert-color, 15%); // $code-font-family: Consolas, 'Liberation Mono', Courier, monospace; // $code-font-weight: bold; // Style anchors // $anchor-text-decoration: none; // $anchor-font-color: $primary-color; // $anchor-font-color-hover: darken($primary-color, 5%); // Style the
element // $hr-border-width: 1px; // $hr-border-style: solid; // $hr-border-color: #ddd; // $hr-margin: em-calc(20); // Style lists // $list-style-position: outside; // $list-side-margin: 0; // $list-nested-margin: em-calc(20); // $definition-list-header-weight: bold; // $definition-list-header-margin-bottom: .3em; // $definition-list-margin-bottom: em-calc(12); // Style blockquotes // $blockquote-font-color: lighten($header-font-color, 30%); // $blockquote-padding: em-calc(9, 20, 0, 19); // $blockquote-border: 1px solid #ddd; // $blockquote-cite-font-size: em-calc(13); // $blockquote-cite-font-color: lighten($header-font-color, 20%); // $blockquote-cite-link-color: $blockquote-cite-font-color; // Acronym styles // $acronym-underline: 1px dotted #ddd; // Control padding and margin // $microformat-padding: em-calc(10 12); // $microformat-margin: em-calc(0 0 20 0); // Control the border styles // $microformat-border-width: 1px; // $microformat-border-style: solid; // $microformat-border-color: #ddd; // Control full name font styles // $microformat-fullname-font-weight: bold; // $microformat-fullname-font-size: em-calc(15); // Control the summary font styles // $microformat-summary-font-weight: bold; // Control abbr padding // $microformat-abbr-padding: em-calc(0 1); // Control abbr font styles // $microformat-abbr-font-weight: bold; // $microformat-abbr-font-decoration: none; // // Form Variables // // We use this to set the base for lots of form spacing and positioning styles // $form-spacing: em-calc(16); // We use these to style the labels in different ways // $form-label-pointer: pointer; // $form-label-font-size: em-calc(14); // $form-label-font-weight: 500; // $form-label-font-color: lighten(#000, 30%); // $form-label-bottom-margin: em-calc(3); // $input-font-family: inherit; // $input-font-color: rgba(0,0,0,0.75); // $input-font-size: em-calc(14); // $input-bg-color: #fff; // $input-focus-bg-color: darken(#fff, 2%); // $input-border-color: darken(#fff, 20%); // $input-focus-border-color: darken(#fff, 40%); // $input-border-style: solid; // $input-border-width: 1px; // $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: em-calc(20); // $fieldset-margin: em-calc(18 0); // We use these to style the legends when you use them // $legend-bg: #fff; // $legend-font-weight: bold; // $legend-padding: em-calc(0 3); // We use these to style the prefix and postfix input elements // $input-prefix-bg: darken(#fff, 5%); // $input-prefix-border-color: darken(#fff, 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: em-calc(6 4); // $input-error-message-top: 0; // $input-error-message-font-size: em-calc(12); // $input-error-message-font-weight: bold; // $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; // // Button Variables // // We use these to build padding for buttons. // $button-med: em-calc(12); // $button-tny: em-calc(7); // $button-sml: em-calc(9); // $button-lrg: em-calc(16); // We use this to control the display property. // $button-display: inline-block; // $button-margin-bottom: em-calc(20); // We use these to control button text styles. // $button-font-family: inherit; // $button-font-color: #fff; // $button-font-color-alt: #333; // $button-font-med: em-calc(16); // $button-font-tny: em-calc(11); // $button-font-sml: em-calc(13); // $button-font-lrg: em-calc(20); // $button-font-weight: bold; // $button-font-align: center; // We use these to control various hover effects. // $button-function-factor: 10%; // We use these to control button border styles. // $button-border-width: 1px; // $button-border-style: solid; // 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.6; // // Button Groups // // Sets the margin for the right side by default, and the left margin if right-to-left direction is used // $button-bar-margin-opposite: em-calc(10); // // Dropdown Button Variables // // We use these to set the color of the pip in dropdown buttons // $dropdown-button-pip-color: #fff; // $dropdown-button-pip-color-alt: #333; // We use these to style tiny dropdown buttons // $dropdown-button-padding-tny: $button-tny * 5; // $dropdown-button-pip-size-tny: $button-tny; // $dropdown-button-pip-opposite-tny: $button-tny * 2; // $dropdown-button-pip-top-tny: -$button-tny / 2 + em-calc(1); // We use these to style small dropdown buttons // $dropdown-button-padding-sml: $button-sml * 5; // $dropdown-button-pip-size-sml: $button-sml; // $dropdown-button-pip-opposite-sml: $button-sml * 2; // $dropdown-button-pip-top-sml: -$button-sml / 2 + em-calc(1); // We use these to style medium dropdown buttons // $dropdown-button-padding-med: $button-med * 4 + em-calc(3); // $dropdown-button-pip-size-med: $button-med - em-calc(3); // $dropdown-button-pip-opposite-med: $button-med * 2; // $dropdown-button-pip-top-med: -$button-med / 2 + em-calc(2); // We use these to style large dropdown buttons // $dropdown-button-padding-lrg: $button-lrg * 4; // $dropdown-button-pip-size-lrg: $button-lrg - em-calc(6); // $dropdown-button-pip-opposite-lrg: $button-lrg + em-calc(12); // $dropdown-button-pip-top-lrg: -$button-lrg / 2 + em-calc(3); // // Split Button Variables // // We use these to control different shared styles for Split Buttons // $split-button-function-factor: 15%; // $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-tny * 9; // $split-button-span-width-tny: $button-tny * 6.5; // $split-button-pip-size-tny: $button-tny; // $split-button-pip-top-tny: $button-tny * 2; // $split-button-pip-default-float-tny: em-calc(-5); // We use these to control small split buttons // $split-button-padding-sml: $button-sml * 7; // $split-button-span-width-sml: $button-sml * 5; // $split-button-pip-size-sml: $button-sml; // $split-button-pip-top-sml: $button-sml * 1.5; // $split-button-pip-default-float-sml: em-calc(-9); // We use these to control medium split buttons // $split-button-padding-med: $button-med * 6.4; // $split-button-span-width-med: $button-med * 4; // $split-button-pip-size-med: $button-med - em-calc(3); // $split-button-pip-top-med: $button-med * 1.5; // $split-button-pip-default-float-med: em-calc(-9); // We use these to control large split buttons // $split-button-padding-lrg: $button-lrg * 6; // $split-button-span-width-lrg: $button-lrg * 3.75; // $split-button-pip-size-lrg: $button-lrg - em-calc(6); // $split-button-pip-top-lrg: $button-lrg + em-calc(5); // $split-button-pip-default-float-lrg: em-calc(-9); // // Alert Box Variables // // We use this to control alert padding. // $alert-padding-top: em-calc(11); // $alert-padding-default-float: $alert-padding-top; // $alert-padding-opposite-direction: $alert-padding-top + em-calc(10); // $alert-padding-bottom: $alert-padding-top + em-calc(1); // We use these to control text style. // $alert-font-weight: bold; // $alert-font-size: em-calc(14); // $alert-font-color: #fff; // $alert-font-color-alt: darken($secondary-color, 60%); // We use this for close hover effect. // $alert-function-factor: 10%; // We use these to control border styles. // $alert-border-style: solid; // $alert-border-width: 1px; // $alert-border-color: darken($primary-color, $alert-function-factor); // $alert-bottom-margin: em-calc(20); // We use these to style the close buttons // $alert-close-color: #333; // $alert-close-position: em-calc(5); // $alert-close-font-size: em-calc(22); // $alert-close-opacity: 0.3; // $alert-close-opacity-hover: 0.5; // $alert-close-padding: 5px 4px 4px; // We use this to control border radius // $alert-radius: $global-radius; // // Breadcrumb Variables // // We use this to set the background color for the breadcrumb container. // $crumb-bg: lighten($secondary-color, 5%); // We use these to set the padding around the breadcrumbs. // $crumb-padding: em-calc(9 14 9); // $crumb-side-padding: em-calc(12); // We use these to control border styles. // $crumb-function-factor: 10%; // $crumb-border-size: 1px; // $crumb-border-style: solid; // $crumb-border-color: darken($crumb-bg, $crumb-function-factor); // $crumb-radius: $global-radius; // We use these to set various text styles for breadcrumbs. // $crumb-font-size: em-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: "/"; // // Clearing Variables // // We use these to set the background colors for parts of Clearing. // $clearing-bg: #111; // $clearing-caption-bg: $clearing-bg; // $clearing-carousel-bg: #111; // $clearing-img-bg: $clearing-bg; // We use these to style the close button // $clearing-close-color: #fff; // $clearing-close-size: 40px; // We use these to style the arrows // $clearing-arrow-size: 16px; // $clearing-arrow-color: $clearing-close-color; // We use these to style captions // $clearing-caption-font-color: #fff; // $clearing-caption-padding: 10px 30px; // We use these to make the image and carousel height and style // $clearing-active-img-height: 75%; // $clearing-carousel-height: 150px; // $clearing-carousel-thumb-width: 175px; // $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255); // // Custom Form Variables // // We use these to control the basic form styles input styles // $custom-form-border-color: #ccc; // $custom-form-border-size: 1px; // $custom-form-bg: #fff; // $custom-form-bg-disabled: #ddd; // $custom-form-input-size: 16px; // $custom-form-check-color: #222; // $custom-form-check-size: 16px; // $custom-form-radio-size: 8px; // $custom-form-checkbox-radius: 0; // We use these to style the custom select form element. // $custom-select-bg: #fff; // $custom-select-fade-to-color: #f3f3f3; // $custom-select-border-color: #ddd; // $custom-select-triangle-color: #aaa; // $custom-select-triangle-color-open: #222; // $custom-select-height: em-calc(13) + ($form-spacing * 1.5); // $custom-select-margin-bottom: em-calc(20); // $custom-select-font-color-selected: #141414; // $custom-select-disabled-color: #888; // We use these to control the style of the custom select dropdown element. // $custom-dropdown-height: 200px; // $custom-dropdown-bg: #fff; // $custom-dropdown-border-color: darken(#fff, 20%); // $custom-dropdown-border-width: 1px; // $custom-dropdown-border-style: solid; // $custom-dropdown-font-color: #555; // $custom-dropdown-font-size: em-calc(14); // $custom-dropdown-color-selected: #eeeeee; // $custom-dropdown-font-color-selected: #000; // $custom-dropdown-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); // $custom-dropdown-offset-top: auto; // $custom-dropdown-list-padding: em-calc(4); // $custom-dropdown-default-float-padding: em-calc(6); // $custom-dropdown-opposite-padding: em-calc(38); // $custom-dropdown-list-item-min-height: em-calc(24); // $custom-dropdown-width-small: 134px; // $custom-dropdown-width-medium: 254px; // $custom-dropdown-width-large: 434px; // // Dropdown Variables // // We use these to controls height and width styles. // $f-dropdown-max-width: 200px; // $f-dropdown-height: auto; // $f-dropdown-max-height: none; // $f-dropdown-margin-top: 2px; // 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: darken(#fff, 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: em-calc(14); // $f-dropdown-list-padding: em-calc(5 10); // $f-dropdown-line-height: em-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: em-calc(20); // // Flex Video Variables // // We use these to control video container padding and margins // $flex-video-padding-top: em-calc(25); // $flex-video-padding-bottom: 67.5%; // $flex-video-margin-bottom: em-calc(16); // We use this to control widescreen bottom padding // $flex-video-widescreen-padding-bottom: 57.25%; // // Inline List Variables // // 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: em-calc(17); // $inline-list-default-float-margin: em-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 Variables // // Controlling default Joyride styles // $joyride-tip-bg: rgb(0,0,0); // $joyride-tip-default-width: 300px; // $joyride-tip-padding: em-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: em-calc(14); // $joyride-tip-header-weight: bold; // This changes the nub size // $joyride-tip-nub-size: 14px; // 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: 30px; // $joyride-tip-close-weight: normal; // When Joyride is filling the screen, we use this style for the bg // $joyride-screenfill: rgba(0,0,0,0.5); // // Keystroke Variables // // We use these to control text styles. // $keystroke-font: "Consolas", "Menlo", "Courier", monospace; // $keystroke-font-size: em-calc(14); // $keystroke-font-color: #222; // $keystroke-font-color-alt: #fff; // $keystroke-function-factor: 7%; // We use this to control keystroke padding. // $keystroke-padding: em-calc(2 4 0); // We use these to control background and border styles. // $keystroke-bg: darken(#fff, $keystroke-function-factor); // $keystroke-border-style: solid; // $keystroke-border-width: 1px; // $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor); // $keystroke-radius: $global-radius; // // Label Variables // // We use these to style the labels // $label-padding: em-calc(3 10 4); // $label-radius: $global-radius; // We use these to style the label text // $label-font-sizing: em-calc(14); // $label-font-weight: bold; // $label-font-color: #333; // $label-font-color-alt: #fff; // // Magellan Variables // // $magellan-bg: #fff; // $magellan-padding: 10px; // // Orbit Settings // // We use these to control the caption styles // $orbit-container-bg: #f5f5f5; // $orbit-caption-bg: rgba(0,0,0,0.6); // $orbit-caption-font-color: #fff; // $orbit-caption-font-size: emCalc(14); // $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" // $orbit-caption-padding: emCalc(10,14); // $orbit-caption-height: auto; // We use these to control the left/right nav styles // $orbit-nav-bg: rgba(0,0,0,0.6); // $orbit-nav-bg-hover: rgba(0,0,0,0.6); // $orbit-nav-arrow-color: #fff; // $orbit-nav-arrow-color-hover: #ccc; // We use these to control the timer styles // $orbit-timer-bg: rgba(0,0,0,0.6); // $orbit-timer-show-progress-bar: true; // We use these to control the bullet nav styles // $orbit-bullet-nav-color: #999; // $orbit-bullet-nav-color-active: #555; // $orbit-bullet-radius: emCalc(18); // 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: em-calc(5); // Graceful Loading Wrapper and preloader // $wrapper-class: "slideshow-wrapper"; // $preloader-class: "preloader"; // // Pagination Variables // // We use these to control the pagination container // $pagination-height: em-calc(24); // $pagination-margin: em-calc(-5); // We use these to set the list-item properties // $pagination-li-float: $default-float; // $pagination-li-height: em-calc(24); // $pagination-li-font-color: #222; // $pagination-li-font-size: em-calc(14); // $pagination-li-margin: em-calc(5); // We use these for the pagination anchor links // $pagination-link-pad: em-calc(1 7 1); // $pagination-link-font-color: #999; // $pagination-link-active-bg: darken(#fff, 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: bold; // $pagination-link-current-cursor: default; // $pagination-link-current-active-bg: $primary-color; // // Panel Variables // // We use these to control the background and border styles // $panel-bg: darken(#fff, 5%); // $panel-border-style: solid; // $panel-border-size: 1px; // We use this % to control how much we darken things on hover // $panel-function-factor: 10%; // $panel-border-color: darken($panel-bg, $panel-function-factor); // We use these to set default inner padding and bottom margin // $panel-margin-bottom: em-calc(20); // $panel-padding: em-calc(20); // We use these to set default font colors // $panel-font-color: #333; // $panel-font-color-alt: #fff; // $panel-header-adjust: true; // // Pricing Table Variables // // 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: em-calc(20); // We use these to control the title styles // $price-title-bg: #ddd; // $price-title-padding: em-calc(15 20); // $price-title-align: center; // $price-title-color: #333; // $price-title-weight: bold; // $price-title-size: em-calc(16); // We use these to control the price styles // $price-money-bg: #eee; // $price-money-padding: em-calc(15, 20); // $price-money-align: center; // $price-money-color: #333; // $price-money-weight: normal; // $price-money-size: em-calc(20); // We use these to control the description styles // $price-bg: #fff; // $price-desc-color: #777; // $price-desc-padding: em-calc(15); // $price-desc-align: center; // $price-desc-font-size: em-calc(12); // $price-desc-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: em-calc(15); // $price-item-align: center; // $price-item-font-size: em-calc(14); // $price-item-weight: normal; // $price-item-bottom-border: dotted 1px #ddd; // We use these to control the CTA area styles // $price-cta-bg: #f5f5f5; // $price-cta-align: center; // $price-cta-padding: em-calc(20 20 0); // // Progress Bar Variables // // We use this to se the prog bar height // $progress-bar-height: em-calc(25); // $progress-bar-color: transparent; // We use these to control the border styles // $progress-bar-border-color: darken(#fff, 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: em-calc(2); // $progress-bar-margin-bottom: em-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 Variables // // 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: 50px; // $reveal-default-width: 80%; // $reveal-modal-padding: em-calc(20); // $reveal-box-shadow: 0 0 10px rgba(#000,.4); // We use these to style the reveal close button // $reveal-close-font-size: em-calc(22); // $reveal-close-top: em-calc(8); // $reveal-close-side: em-calc(11); // $reveal-close-color: #aaa; // $reveal-close-weight: bold; // 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"; // // Section Variables // // We use these to set padding and hover factor // $section-title-padding: em-calc(15); // $section-content-padding: em-calc(15); // $section-function-factor: 10%; // These style the titles // $section-title-color: #333; // $section-title-color-active: #333; // $section-title-bg: #efefef; // $section-title-bg-active: darken($section-title-bg, $section-function-factor); // $section-title-bg-active-tabs: #fff; // $section-title-bg-hover: darken($section-title-bg, $section-function-factor / 2); // Want to control border size, here ya go! // $section-border-size: 1px; // $section-border-style: solid; // $section-border-color: #ccc; // Font controls // $section-font-size: em-calc(14); // Control the color of the background and some size options // $section-content-bg: #fff; // $section-vertical-nav-min-width: em-calc(200); // $section-vertical-tabs-title-width: em-calc(200); // $section-bottom-margin: em-calc(20); // $title-selector: ".title"; // $content-selector: ".content"; // $active-region-selector: ".active"; // // Side Nav Variables // // We use this to control padding. // $side-nav-padding: em-calc(14 0); // We use these to control list styles. // $side-nav-list-type: none; // $side-nav-list-position: inside; // $side-nav-list-margin: em-calc(0 0 7 0); // We use these to control link styles. // $side-nav-link-color: $primary-color; // $side-nav-link-color-active: lighten(#000, 30%); // $side-nav-font-size: em-calc(14); // $side-nav-font-weight: bold; // We use these to control border styles // $side-nav-divider-size: 1px; // $side-nav-divider-style: solid; // $side-nav-divider-color: darken(#fff, 10%); // // Sub Nav Variables // // We use these to control margin and padding // $sub-nav-list-margin: em-calc(-4 0 18); // $sub-nav-list-padding-top: em-calc(4); // We use this to control the definition // $sub-nav-font-size: em-calc(14); // $sub-nav-font-color: #999; // $sub-nav-font-weight: normal; // $sub-nav-text-decoration: none; // $sub-nav-border-radius: 1000px; // We use these to control the active item styles // $sub-nav-active-font-weight: bold; // $sub-nav-active-bg: $primary-color; // $sub-nav-active-color: #fff; // $sub-nav-active-padding: em-calc(3 9); // $sub-nav-active-cursor: default; // $sub-nav-item-divider: "" !default; // $sub-nav-item-divider-margin: emCalc(12) !default; // // Switch Variables // // Controlling border styles and background colors for the switch container // $switch-border-color: darken(#fff, 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: em-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: darken($switch-paddle-bg, 10%); // $switch-paddle-border-color: darken($switch-paddle-bg, 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: lighten($success-color, 50%); // $switch-negative-color: #f5f5f5; // Outline Style for tabbing through switches // $switch-label-outline: 1px dotted #888; // // Table Variables // // 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: em-calc(14); // $table-head-font-color: #222; // $table-head-font-weight: bold; // $table-head-padding: em-calc(8 10 10); // These control the row padding and font styles // $table-row-padding: em-calc(9 10); // $table-row-font-size: em-calc(14); // $table-row-font-color: #222; // $table-line-height: em-calc(18); // These are for controlling the display and margin of tables // $table-display: table-cell; // $table-margin-bottom: em-calc(20); // // Image Thumbnail Variables // // 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; // // Tooltip Variables // // $has-tip-border-bottom: dotted 1px #ccc; // $has-tip-font-weight: bold; // $has-tip-font-color: #333; // $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%); // $has-tip-font-color-hover: $primary-color; // $has-tip-cursor-type: help; // $tooltip-padding: em-calc(8); // $tooltip-bg: #000; // $tooltip-font-size: em-calc(15); // $tooltip-font-weight: bold; // $tooltip-font-color: #fff; // $tooltip-line-height: 1.3; // $tooltip-close-font-size: em-calc(10); // $tooltip-close-font-weight: normal; // $tooltip-close-font-color: #888; // $tooltip-font-size-sml: em-calc(14); // $tooltip-radius: $global-radius; // $tooltip-pip-size: 5px; // // Top Bar Variables // // Background color for the top bar // $topbar-bg-color: #111; // $topbar-bg: $topbar-bg-color; // Height and margin // $topbar-height: 45px; // $topbar-margin-bottom: 0; // Control Input height for top bar // $topbar-input-height: 2.45em; // Controlling the styles for the title in the top bar // $topbar-title-weight: bold; // $topbar-title-font-size: em-calc(17); // Style the top bar dropdown elements // $topbar-dropdown-bg: #222; // $topbar-dropdown-link-color: #fff; // // $topbar-dropdown-link-bg: lighten($topbar-bg-color, 5%); // $topbar-dropdown-toggle-size: 5px; // $topbar-dropdown-toggle-color: #fff; // $topbar-dropdown-toggle-alpha: 0.5; // 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-weight: bold; // $topbar-link-font-size: em-calc(13); // $topbar-link-hover-lightness: -30%; // Darken by 30% // $topbar-link-bg-hover: darken($topbar-bg-color, 3%); // $topbar-link-bg-active: darken($topbar-bg-color, 3%); // $topbar-dropdown-label-color: #555; // $topbar-dropdown-label-text-transform: uppercase; // $topbar-dropdown-label-font-weight: bold; // $topbar-dropdown-label-font-size: em-calc(10); // $topbar-dropdown-label-bg: lighten($topbar-bg-color, 5%); // Top menu icon styles // $topbar-menu-link-transform: uppercase; // $topbar-menu-link-font-size: em-calc(13); // $topbar-menu-link-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; // $topbar-breakpoint: 940 !default; // Change to 9999px for always mobile layout // $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; // Divider Styles // $topbar-divider-border-bottom: solid 1px lighten($topbar-bg-color, 10%); // $topbar-divider-border-top: solid 1px darken($topbar-bg-color, 10%); // Sticky Class // $topbar-sticky-class: ".sticky"; // $topbar-arrows: true; //Set false to remove the triangle icon from the menu item ; T; i;#T; @