//Break Points

$mediaquery-xxlg: "(max-width: 2000px)";
$mediaquery-xlg: "(min-width: 1200px)";
$mediaquery-lg: "(max-width: 1199px) and (min-width: 992px)";
$mediaquery-md: "(max-width: 991px) and (min-width: 768px)";
$mediaquery-sm: "(max-width: 767px) and (min-width: 576px)";
$mediaquery-xsm: "(max-width: 575px)";


// Global variables
// ========================================================================

//
// Typography
//
$font-primary:                                   'Arimo';

$global-font-family:                             $font-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$global-font-size:                               12px !default;
$global-line-height:                             1.5 !default;      // 24px
$font-editing-size:                              15px !default;
$global-2xlarge-font-size:                       2.625rem !default; // 42px
$global-xlarge-font-size:                        2rem !default;     // 32px
$global-large-font-size:                         1.5rem !default;   // 24px
$global-medium-font-size:                        1.25rem !default;  // 20px
$global-small-font-size:                         0.875rem !default; // 14px
$global-xsmall-font-size:                         0.8rem !default; // 11px

//
// Colors
//
$global-color:                                    #000000 !default;
$white:                                           #FFFFFF !default;
$black:                                           #000000 !default;
$grey:                                             #00000058 !default;
$grey1:                                            #0000001A !default;
$grey2:                                             #EDEDED !default;
$grey3:                                             #00000012 !default;
$grey4:                                             #A0A0A0 !default;

//backgrounds


$global-background:                              #FFFFFF !default;
$section-background:                             #FBFBFB !default;
$artists:                                       #00000008 !default;
$background_1:                                   #BD425E !default;
$background_2:                                   #DB6829 !default;
$background_3:                                   #117A5E !default;
$background_4:                                   #4B2C6F !default;
//
// Borders
//

$global-border-width:                            1px !default;
$global-border:                                  #00000014 !default;
$border-color:                                   #FFFFFF33 !default;
$partner-border:                                    #F5F5F5 !default;
//
// Box-Shadows
//

$global-small-box-shadow:                        0 0 15px rgba($global-color,0.05) !default;
$global-medium-box-shadow:                       0 0 15px rgba($global-color,0.15) !default;
$global-large-box-shadow:                        0 0 15px rgba($global-color,0.25) !default;
$global-xlarge-box-shadow:                       0 0 15px rgba($global-color,0.35) !default;


//
// Transition speeds
//
$transition-1:0.15s;
$transition-2:0.3s;
$transition-3:0.5s;

$transition-slow: all 1s ease-in-out;
$transition-regular: all 0.4s ease-in-out;
$transition-fast: all 0.15s ease-in-out;

$hover-scale:scale(0.95);