// Declare SCSS variables in Plugin Color options
$primary_color:                 #fe2854 !default; // use the !default flag to prevent your preset variables from being overridden
$heading_color:                 #1a051d !default;
$text_color:                    #6d5f6f !default;

// Declare SCSS Typography variables in theme options (other variables processed in theme options - output of Redux framework)
$text_color_secondary:          #ababab !default; // Optional

// Other variable
$border_color: #ededed !default;
$border_radius: 4px !default;
$border_radius_small: 3px !default;
$border_radius_tiny: 2px !default;
$under_line_width: 60px !default;
$cl_black: #1a051d !default;
$cl_gray: #6d5f6f !default;

$fs_base: 14px;
$fs_large: 15px;
$fs_small: 12px;
$fs_extra_small: 10px;
$fw_normal: 400;
$fw_medium: 500;
$fw_semi_bold: 600;
$fw_bold: 700;
$fw_extra_bold: 900;

// DECLARE SOME SCSS VARIABLES TO USE
$white:                   #fff;
$black:                   #000;

//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px;

//** Deprecated `$screen-small-mobile` as of v3.0.1
$screen-mobile:              320px;
//** Deprecated `$screen-xs-min` as of v3.2.0
$screen-xs-min:              $screen-xs;
//** Deprecated `$screen-phone` as of v3.0.1
$screen-phone:               $screen-xs-min;

// Small screen / tablet
//** Deprecated `$screen-sm` as of v3.0.1
$screen-sm:                  768px;
$screen-sm-min:              $screen-sm;
//** Deprecated `$screen-tablet` as of v3.0.1
$screen-tablet:              $screen-sm-min;

// Medium screen / desktop
//** Deprecated `$screen-md` as of v3.0.1
$screen-md:                  992px;
$screen-md-min:              $screen-md;
//** Deprecated `$screen-desktop` as of v3.0.1
$screen-desktop:             $screen-md-min;

// Large screen / wide desktop
//** Deprecated `$screen-lg` as of v3.0.1
$screen-lg:                  1200px;
$screen-lg-min:              $screen-lg;
//** Deprecated `$screen-lg-desktop` as of v3.0.1
$screen-lg-desktop:          $screen-lg-min;

// Extra Large screen / wide desktop
//** Deprecated `$screen-lg` as of v3.0.1
$screen-xl:                  1400px;
$screen-xl-min:              $screen-xl;
//** Deprecated `$screen-xl-desktop` as of v3.0.1
$screen-xl-desktop:          $screen-xl-min;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1);
$screen-sm-max:              ($screen-md-min - 1);
$screen-md-max:              ($screen-lg-min - 1);
$screen-lg-max:              ($screen-xl-min - 1);