@mixin logo() { ... }

@function color($color, $colormap: $su-core-colors) { ... }

@function breakpoint-insert($name, $breakpoints: $su-grid-screens) { ... }

@function breakpoint-max($name, $breakpoints: $su-grid-screens) { ... }

@function breakpoint-min() { ... }

@function breakpoint-next() { ... }

@function breakpoint-previous() { ... }

@function flex-column-ratio($columns, $su-grid-columns) { ... }

@function flex-column-width($columns, $gutter, $su-grid-columns) { ... }

@function flex-parse-columns($span) { ... }

@function calculate-modular-spacing($step, $breakpoint) { ... }

@function get-modular-spacing-base($breakpoint) { ... }

@function get-modular-spacing-multiplier($step) { ... }

@function get-responsive-spacing-value($step, $device, $map) { ... }

@function convert-angle($value, $unit) { ... }

@function str-replace($string, $search, $replace) { ... }

@function to-length($value, $unit) { ... }

@function to-list() { ... }

@function to-number($value) { ... }

@function to-string() { ... }

@function is-absolute-length($value) { ... }

@function is-direction-or-angle($value) { ... }

@function is-integer($value)($value) { ... }

@function is-length($value) { ... }

@function is-number($value) { ... }

@function is-percentage($value) { ... }

@function is-position($value) { ... }

@function is-relative-length($value) { ... }

@mixin accessibly-hidden() { ... }

@mixin skiplinks() { ... }

@mixin fancy-hover($color: $su-color-cardinal-red-dark, $active: $su-color-black, $position: bottom, $thickness: 6px) { ... }

@mixin aspect-ratio($width, $height, $selector) { ... }

@mixin su-grid-media-between($lower, $upper, $breakpoints) { ... }

@mixin su-grid-media-device($breakpoint) { ... }

@mixin su-grid-media-max($name, $breakpoints) { ... }

@mixin su-grid-media-min($name, $breakpoints) { ... }

@mixin su-grid-media-only($breakpoint) { ... }

@mixin su-grid-media($breakpoint) { ... }

@mixin button-big() { ... }

@mixin button-primary() { ... }

@mixin button-secondary() { ... }

@mixin card($image-hover) { ... }

@mixin display-icon() { ... }

@mixin embed-container($height, $width) { ... }

@mixin flex-column($columns, $gutter, $su-grid-columns) { ... }

@mixin flex-container() { ... }

@mixin flex-grid-push($size, $columns) { ... }

@mixin responsive-flex-column($columns, $grid, $gutters) { ... }

@mixin linear-gradient($direction, $su-color-stops) { ... }

@mixin centered-column($grid, $screens, $margin) { ... }

@mixin display-grid() { ... }

@mixin grid-align-self($value) { ... }

@mixin grid-column-gap($gap) { ... }

@mixin su-grid-columns($columns, $ie-autocolumn) { ... }

@mixin grid-gap($gap) { ... }

@mixin grid-item-spans($col-start, $col-end, $row-start, $row-end) { ... }

@mixin grid-justify-self($value) { ... }

@mixin grid-row-gap($gap) { ... }

@mixin grid-rows($rows) { ... }

@mixin ie-autocolumn($children: 4) { ... }

@mixin ie-autorow($children: 4) { ... }

@mixin responsive-su-grid-columns($grid-map, $gutters-map, $ie-fix-mobile) { ... }

@mixin responsive-grid-gap($gutters-map) { ... }

@mixin icon($icon, $width, $vertical, $icon_path) { ... }

@mixin ie-only() { ... }

@mixin image-defaults() { ... }

@mixin centering($horizontal, $vertical) { ... }

@mixin sticky-footer($selector) { ... }

@mixin link-glyph($glyph, $animate) { ... }

@mixin link-icon($icon, $width, $animate, $vertical, $location) { ... }

@mixin link($color, $hover) { ... }

@mixin list-horizontal() { ... }

@mixin list-unstyled() { ... }

@mixin modular-typography-base() { ... }

@mixin modular-typography($scale: 1) { ... }

@mixin responsive-spacing($type, $steps, $grid) { ... }

@mixin box-shadow($depth: flat, $stroke: 1px solid #C6C6C6) { ... }

%%nav--light { ... }

%%nav-item--current-expanded { ... }

%%nav-item--current { ... }

%%nav-item--expanded { ... }

%%nav-item--parent-expanded { ... }

%%nav-item--parent { ... }

%%nav-item-link { ... }

%%nav-item { ... }

%%nav-menu { ... }

$$bourbon: (
  "modular-scale-ratio": 1.25,
  "rails-asset-pipeline": false
) !default;

$$fa-font-path: "@fortawesome/fontawesome-free/webfonts" !default;

@mixin big-paragraph() { ... }

@mixin caption() { ... }

@mixin credits() { ... }

@mixin font-smoothing() { ... }

@mixin font-splash() { ... }

@mixin script() { ... }

@mixin intro-text() { ... }

@mixin quote-text() { ... }

@mixin sans() { ... }

@mixin sanskrit() { ... }

@mixin serif() { ... }

@mixin slab() { ... }

@mixin small-paragraph() { ... }

@mixin subheading() { ... }

@mixin type-a() { ... }

@mixin type-b() { ... }

@mixin type-c() { ... }

@mixin type-d() { ... }

@mixin type-e() { ... }

@mixin type-f() { ... }

@mixin types() { ... }

.centered-container { ... }

//
/// Variables are a way to store information that will be reused throughout a
/// project. They store things like colors and fonts, or any CSS value that'll be
/// reused.
/// Every variable is declared as !default so that it can be
/// overridden by a previous import.
/// If you want to override a variable, set that variable in one of your
/// own partials, then @import ' { ... }

> *:first-child { ... }

> *:last-child:not(.su-card__button) { ... }

> span { ... }

> h2 { ... }

> div:not(.su-card__button) { ... }

.su-card__button { ... }

width: auto;
      }
    }
  }

  /// Image hover effects
  a { ... }

a { ... }

@function map-deep-get($map, $keys...) { ... }

$_total-columns: $grid-columns;

$bp-list: map-keys($grid);

$number-bp: length($bp-list);

$current-base: get-modular-spacing-base(nth($bp-list, $i));

$previous-base: null;

$$su-grid-gutters

 @group variable: (
  'xs': $su-gutter-xs,
  'sm': $su-gutter-sm,
  'md': $su-gutter-md,
  'lg': $su-gutter-lg,
  'xl': $su-gutter-xl,
  '2xl': $su-gutter-2xl
) !default;

%%button-base { ... }

%%cta-base { ... }

%general { ... }

$$su-alert-colors: (
  default:      $su-color-foggy-light,
  error:        $su-color-digital-red,
  info:         $su-color-digital-blue-dark,
  success:      $su-color-digital-green,
  warning:      $su-color-illuminating-dark,
  warning-link: $su-color-cardinal-red,
  dark-text:    $su-color-black,
  light-text:   $su-color-white,
  light-hover:  $su-color-foggy
) !default;

$$su-button-stroke: inset 0 0 0 2px !default;

$$su-nav-colors: (
  bg:                             $su-color-black,
  divider:                        $su-color-cool-grey,

  link:                           $su-color-white,
  link--hover:                    $su-color-white,
  link--active:                   $su-color-white,
  link--expanded:                 $su-color-white,

  border--hover:                  $su-color-white,
  border--active:                 $su-color-digital-red-light,
  border--expanded:               transparent,
  border--active-expanded:        $su-color-white,

  /// Horizontal menu colors (desktop Main Nav 1st level)
  h-link:                         $su-color-black,
  h-link--hover:                  $su-color-digital-red,
  h-link--active:                 $su-color-black,
  h-link--active-hover:           $su-color-digital-red,
  h-link--expanded:               $su-color-black,

  h-border--hover:                $su-color-digital-red,
  h-border--active:               $su-color-black,
  h-border--active-hover:         $su-color-digital-red,
  h-border--expanded:             $su-color-black,
) !default;

$$su-secondary-nav-colors: (
  bg:                             $su-color-black,
  divider:                        $su-color-cool-grey,

  link:                           $su-color-white,
  link--active-hover:             $su-color-digital-red,
  link--hover:                    $su-color-white,
  link--active:                   $su-color-white,
  link--expanded:                 $su-color-white,

  border:                         $su-color-black,
  border--active-hover:           $su-color-digital-red,
  border--hover:                  $su-color-white,
  border--active:                 $su-color-digital-red-light,
  border--expanded:               $su-color-digital-red,
  border--active-expanded:        $su-color-white,

  h--link:                        $su-color-black,
  h--link-hover:                  $su-color-digital-red,
  h--border:                      $su-color-black,
  h--border-hover:                $su-color-digital-red,
  h--border-expanded:             $su-color-foggy-dark,
) !default;

$$su-box-shadow-depth: (
  'flat': 'none',
  'paper': '0px 1px 2px rgba(0, 0, 0, 0.25)',
  'shallow': '0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1)',
  'medium': '0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2)',
  'medium-deep': '0px 14px 28px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.22)',
  'deep': '0px 19px 38px rgba(0, 0, 0, 0.25), 0px 5px 12px rgba(0, 0, 0, 0.18)'
) !default;

$$su-screen-xs: 0 !default;

$$su-screen-sm: 576px !default;

$$su-screen-md: 768px !default;

$$su-screen-lg: 992px !default;

$$su-screen-xl: 1200px !default;

$$su-screen-2xl: $su-site-max-width !default;

$$su-breakpoint-xs: 'only screen and (min-width: #{$su-screen-xs})' !default;

$$su-breakpoint-xs-only: 'only screen and (min-width: #{$su-screen-xs}) and (max-width: #{$su-screen-sm - 1})' !default;

$$su-breakpoint-sm: 'only screen and (min-width: #{$su-screen-sm})' !default;

$$su-breakpoint-sm-only: 'only screen and (min-width: #{$su-screen-sm}) and (max-width: #{$su-screen-md - 1})' !default;

$$su-breakpoint-md: 'only screen and (min-width: #{$su-screen-md})' !default;

$$su-breakpoint-md-only: 'only screen and (min-width: #{$su-screen-md}) and (max-width: #{$su-screen-lg - 1})' !default;

$$su-breakpoint-lg: 'only screen and (min-width: #{$su-screen-lg})' !default;

$$su-breakpoint-lg-only: 'only screen and (min-width: #{$su-screen-lg}) and (max-width: #{$su-screen-xl - 1})' !default;

$$su-breakpoint-xl: 'only screen and (min-width: #{$su-screen-xl})' !default;

$$su-breakpoint-xl-only: 'only screen and (min-width: #{$su-screen-xl}) and (max-width: #{$su-screen-2xl - 1})' !default;

$$su-breakpoint-2xl: 'only screen and (min-width: #{$su-screen-2xl})' !default;

$$su-breakpoint-2xl-only: $su-breakpoint-2xl;

$su-color-cardinal-red: #8c1515 !default;

$su-color-cardinal-red-light: #b83a4b !default;

$su-color-cardinal-red-dark: #820000 !default;

$su-color-white: #ffffff !default;

$su-color-black: #2e2d29 !default;

$su-color-black-true: #000 !default;

$su-color-black-90: #43423e !default;

$su-color-black-80: #585754 !default;

$su-color-black-70: #6d6c69 !default;

$su-color-black-60: #767674 !default;

$su-color-black-50: #979694 !default;

$su-color-black-40: #ababa9 !default;

$su-color-black-30: #c0c0bf !default;

$su-color-black-20: #d5d5d4 !default;

$su-color-black-10: #eaeaea !default;

$su-color-digital-red: #b1040e !default;

$su-color-digital-red-light: #e50808 !default;

$su-color-digital-blue: #006cb8 !default;

$su-color-digital-blue-light: #6fc3ff !default;

$su-color-digital-blue-dark: #00548f !default;

$su-color-digital-green: #008566 !default;

$su-color-digital-green-light: #1aecba !default;

$su-color-digital-green-dark: #006f54 !default;

$su-color-cool-grey: #53565a !default;

$su-color-palo-alto: #175e54 !default;

$su-color-palo-alto-light: #2d716f !default;

$su-color-palo-alto-dark: #014240 !default;

$su-color-palo-verde: #279989 !default;

$su-color-palo-verde-light: #59b3a9 !default;

$su-color-palo-verde-dark: #017e7c !default;

$su-color-olive: #8f993e !default;

$su-color-olive-light: #a6b168 !default;

$su-color-olive-dark: #7a863b !default;

$su-color-bay: #6fa287 !default;

$su-color-bay-light: #8ab8a7 !default;

$su-color-bay-dark: #417865 !default;

$su-color-sky: #4298b5 !default;

$su-color-sky-light: #67afd2 !default;

$su-color-sky-dark: #016895 !default;

$su-color-lagunita: #007c92 !default;

$su-color-lagunita-light: #009ab4 !default;

$su-color-lagunita-dark: #006b81 !default;

$su-color-poppy: #e98300 !default;

$su-color-poppy-light: #f9a44a !default;

$su-color-poppy-dark: #d1660f !default;

$su-color-spirited: #e04f39 !default;

$su-color-spirited-light: #f4795b !default;

$su-color-spirited-dark: #c74632 !default;

$su-color-illuminating: #fedd5c !default;

$su-color-illuminating-light: #ffe781 !default;

$su-color-illuminating-dark: #fec51d !default;

$su-color-plum: #620059 !default;

$su-color-plum-light: #734675 !default;

$su-color-plum-dark: #350d36 !default;

$su-color-brick: #651c32 !default;

$su-color-brick-light: #7f2d48 !default;

$su-color-brick-dark: #42081b !default;

$su-color-archway: #5d4b3c !default;

$su-color-archway-light: #766253 !default;

$su-color-archway-dark: #2f2424 !default;

$su-color-stone: #7f7776 !default;

$su-color-stone-light: #d4d1d1 !default;

$su-color-stone-dark: #544948 !default;

$su-color-foggy: #dad7cb !default;

$su-color-foggy-light: #f4f4f4 !default;

$su-color-foggy-dark: #b6b1a9 !default;

$$su-core-colors: (
  brand:                        $su-color-cardinal-red,
  brand--bright:                $su-color-digital-red,
  brand--dark:                  $su-color-digital-red-dark,

  bg:                           $su-color-white,
  bg--reverse:                  $su-color-black,

  text:                         $su-color-black,
  text--high-contrast:          $su-color-black-true,
  text--reverse:                $su-color-white,

  link:                         $su-color-digital-blue,
  link--hover:                  $su-color-black,
  link--alt:                    $su-color-digital-red,
  link--alt-hover:              $su-color-black,
  link--reverse:                $su-color-white,
  link--reverse-hover:          $su-color-digital-red-light,

  card-border:                  #e3e3e3,
) !default;

$$su-social-brands: (
  'Facebook':   #3b579d,
  'Twitter':    #1da1f2,
  'Instagram':  #d73676,
  'LinkedIn':   #0077b5,
  'YouTube':    #cd201f,
  'iTunes U':   #a3aaae,
  'Reddit':     #ff5700,
) !default;

$$su-image-path: '../img' !default;

$$su-grid-columns: 12 !default;

$$su-grid-screens: (
  'xs': $su-screen-xs,
  'sm': $su-screen-sm,
  'md': $su-screen-md,
  'lg': $su-screen-lg,
  'xl': $su-screen-xl,
  '2xl': $su-screen-2xl
) !default;

$$su-grid-media: (
  'xs': $su-breakpoint-xs,
  'sm': $su-breakpoint-sm,
  'md': $su-breakpoint-md,
  'lg': $su-breakpoint-lg,
  'xl': $su-breakpoint-xl,
  '2xl': $su-breakpoint-2xl
) !default;

$$su-grid-device: (
  'mobile': $su-breakpoint-xs,
  'tablet': $su-breakpoint-md,
  'desktop': $su-breakpoint-2xl
) !default;

$$su-grid-media-only: (
  'xs': $su-breakpoint-xs-only,
  'sm': $su-breakpoint-sm-only,
  'md': $su-breakpoint-md-only,
  'lg': $su-breakpoint-lg-only,
  'xl': $su-breakpoint-xl-only,
  '2xl': $su-breakpoint-2xl
) !default;

$$su-responsive-columns-default: (
  $su-breakpoint-xs: 1fr,
  $su-breakpoint-sm: 1fr 1fr,
  $su-breakpoint-md: 1fr 1fr,
  $su-breakpoint-lg: 1fr 1fr,
  $su-breakpoint-xl: 1fr 1fr,
  $su-breakpoint-2xl: 1fr 1fr
) !default;

$$su-responsive-columns-two: $su-responsive-columns-default !default;

$$su-responsive-columns-three: (
  $su-breakpoint-xs: 1fr,
  $su-breakpoint-sm: 1fr 1fr,
  $su-breakpoint-md: 1fr 1fr,
  $su-breakpoint-lg: 1fr 1fr 1fr,
  $su-breakpoint-xl: 1fr 1fr 1fr,
  $su-breakpoint-2xl: 1fr 1fr 1fr
) !default;

$$su-responsive-columns-four: (
  $su-breakpoint-xs: 1fr,
  $su-breakpoint-sm: 1fr 1fr,
  $su-breakpoint-md: 1fr 1fr,
  $su-breakpoint-lg: 1fr 1fr 1fr 1fr,
  $su-breakpoint-xl: 1fr 1fr 1fr 1fr,
  $su-breakpoint-2xl: 1fr 1fr 1fr 1fr
) !default;

$$su-responsive-columns-six: (
  $su-breakpoint-xs: 1fr,
  $su-breakpoint-sm: 1fr 1fr 1fr,
  $su-breakpoint-md: 1fr 1fr 1fr,
  $su-breakpoint-lg: 1fr 1fr 1fr 1fr 1fr,
  $su-breakpoint-xl: 1fr 1fr 1fr 1fr 1fr 1fr,
  $su-breakpoint-2xl: 1fr 1fr 1fr 1fr 1fr 1fr
) !default;

$$su-gutter-xs: 20px !default;

$$su-gutter-sm: 20px !default;

$$su-gutter-md: 20px !default;

$$su-gutter-lg: 36px !default;

$$su-gutter-xl: 40px !default;

$$su-gutter-2xl: 48px !default;

$$su-responsive-gutters-default: (
  $su-breakpoint-xs: $su-gutter-xs,
  $su-breakpoint-sm: $su-gutter-sm,
  $su-breakpoint-md: $su-gutter-md,
  $su-breakpoint-lg: $su-gutter-lg,
  $su-breakpoint-xl: $su-gutter-xl,
  $su-breakpoint-2xl: $su-gutter-2xl
) !default;

$$su-lead-max-width: 85rem !default;

$$su-site-max-width: 1500px !default;

$$su-input-max-width: 46rem !default;

$$su-border-radius: 3px !default;

$$su-focus-shadow: 0 0 3px $su-color-cool-grey, 0 0 7px $su-color-cool-grey !default;

$$su-modular-spacing-base: (
  'xs': 1.6rem,
  'sm': 1.6rem,
  'md': 1.8rem,
  'lg': 1.8rem,
  'xl': 1.8rem,
  '2xl': 1.9rem
) !default;

$$su-modular-spacing-multiplier: (
  -4: 0.16666667,
  -3: 0.33333333,
  -2: 0.5,
  -1: 0.66666667,
  0: 1,
  1: 1.44444444,
  2: 2,
  3: 2.5,
  4: 3.2,
  5: 4,
  6: 5,
  7: 6,
  8: 7,
  9: 9
) !default;

$$su-modular-typography-base: (
  'xs': 1.6rem,
  'sm': 1.6rem,
  'md': 1.8rem,
  'lg': 1.8rem,
  'xl': 1.8rem,
  '2xl': 1.9rem
) !default;

$su-responsive-spacing-map: (
  -2: (mobile: 0.8rem, tablet: 0.9rem, desktop: 1rem),
  -1: (mobile: 1.1rem, tablet: 1.2rem, desktop: 1.3rem),
  0: (mobile: 1.5rem, tablet: 1.8rem, desktop: 1.9rem),
  1: (mobile: 2rem, tablet: 2.6rem, desktop: 2.7rem),
  2: (mobile: 3rem, tablet: 3.6rem, desktop: 3.8rem),
  3: (mobile: 3.2rem, tablet: 4.5rem, desktop: 4.8rem),
  4: (mobile: 3.4rem, tablet: 5.8rem, desktop: 6.1rem),
  5: (mobile: 3.8rem, tablet: 7.2rem, desktop: 7.6rem),
  6: (mobile: 4.5rem, tablet: 9rem, desktop: 9.5rem),
  7: (mobile: 5rem, tablet: 10.8rem, desktop: 11.4rem),
  8: (mobile: 6rem, tablet: 12.6rem, desktop: 13.3rem),
  9: (mobile: 7rem, tablet: 16.2rem, desktop: 17.1rem),
  10: (mobile: 8rem, tablet: 21.6rem, desktop: 22.8rem)
) !default;

$$su-screen-margins: (
  'xs': 20px,
  'sm': 30px,
  'md': 50px,
  'lg': 80px,
  'xl': 100px,
  '2xl':  100px
) !default;

$$su-root-font-size: 62.5%;

$$su-base-font-size: 2rem !default;

$$su-displays-mobile-factor: 0.85 !default;

$$su-base-line-height: 1.4 !default;

$$su-displays-line-height: 1.2 !default;

$$su-intro-line-height: 1.5 !default;

$$su-font-sans: 'Source Sans Pro', $font-stack-helvetica !default;

$$su-font-serif: 'Source Serif Pro', $font-stack-georgia !default;

$$su-font-slab: 'Roboto Slab', $font-stack-georgia !default;

$$su-font-handwriting: 'Kalam', $font-stack-helvetica !default;

$$su-font-sanskrit: 'Noto Sans', $font-stack-helvetica !default;

$$su-font-x-light: 100 !default;

$$su-font-light: 200 !default;

$$su-font-regular: 400 !default;

$$su-font-semi-bold: 600 !default;

$$su-font-bold: 700 !default;

$$su-font-black: 900 !default;

$$su-aspect-height: 9 !default;

$$su-aspect-width: 16 !default;

$$su-input-line-height: 1.3 !default;

$$su-input-border-width: 0.1rem !default;

$$su-input-padding-vertical: 1rem !default;

$$su-input-height-exact: $su-base-font-size * $su-input-line-height + $su-input-padding-vertical * 2 + $su-input-border-width * 2 !default;

$$su-input-height: floor($su-input-height-exact * 10) / 10 !default;