@charset 'utf-8';

/*  ========================================================================
    JUICE -> VARIABLES -> ELEMENTS -> LAYOUT -> HERO
    ========================================================================  */

// Variables
$hero-background-color: base-color('charcoal') !default;
$hero-background-position: center !default;
$hero-background-repeat: no-repeat !default;
$hero-background-size: cover !default;
$hero-content-spacing: ($default-content-spacing * 2) !default;
$hero-element-spacing: $default-element-spacing !default;
$hero-font-color: base-color('charcoal-inverted-text') !default;
$hero-font-size: $default-font-size !default;
$hero-link-color: base-color('charcoal-inverted-text') !default;
$hero-link-color-hover: base-color('charcoal-inverted-text') !default;
$hero-link-color-focus: base-color('charcoal-inverted-text') !default;
$hero-link-color-active: base-color('charcoal-inverted-text') !default;