// Colors $parade-blue: #0678BE; $brand-primary: $parade-blue; $parade-dark-blue: #0069b7; $brand-danger: #E62600; $messages-error-color: #a51b00; $messages-error-bg: #fcf4f2; $messages-error-border: #f9c9bf; $spacer: 1rem !default; $button-bg: $brand-primary; $button-bg-hover: darken($brand-primary, 20%); $button-border: darken($brand-primary, 30%); $button-box-shadow: 0 2px 2px hsla(0, 0%, 0%, 0.125); $breakpoint-md: 767px; $breakpoint-lg: 1200px; // Typography (from Bootstrap 4) // // Font, line-height, and color for body text, headings, and more. $fonts-directory: '../fonts'; //$font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; //$font-serif: Georgia, "Times New Roman", Times, serif !default; //$font-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-base: 'Open Sans', sans-serif !important; // Pixel value used to responsively scale all typography. Applied to the `` element. $font-size-root: 16px !default; $font-size-base: 1rem !default; $font-size-lg: 1.25rem !default; $font-size-sm: .875rem !default; $font-size-xs: .75rem !default; $line-height-base: 1.5 !default; $font-size-h1: 2.5rem !default; $font-size-h2: 2rem !default; $font-size-h3: 1.75rem !default; $font-size-h4: 1.5rem !default; $font-size-h5: 1.25rem !default; $font-size-h6: 1rem !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $headings-margin-bottom: ($spacer / 2) !default; $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-color: #777; $text-color-strong: #333; $box-shadow-1: 0 10px 10px -10px rgba(0, 0, 0, .3); // Sizes $footer-height: 100px; $form-element-height: 40px; $input-border-radius: 3px; $header-line-height: 3em; $sidebar-width: 220px; $toolbar-height: 39px; $icon-edit: "\e901"; $icon-delete: "\e900"; $icon-clone: "\e14d"; // Campaign Sites $pulp-yellow: #fdd706; $pulp-red: #d03428; $parade-lightblue: #53B0EB; $parade-lightgrey: #dfdfdf; $parade-green: #96BC44; $header-height: 50px; $page-max-width: 1000px; $parade-logo-transform: rotate(16.5deg) skew(-29deg); $parade-red: #EBCCCC; $parade-orange: #FFE69F; $link-color: $parade-blue; $link-color-hover: $parade-red;