//=========================
//        Variables
//=========================

// Breakpoints
$xxl: 1367px;

$screen-md-max: ELEMENTOR_SCREEN_MD_MAX !default; // 1024
$screen-sm-max: ELEMENTOR_SCREEN_SM_MAX !default; // 768

$light: 300;
$regular: 400;
$med: 500;
$semi-bold: 600;
$bold: 700;
$black-w: 900;

// Colors
$white: #ffffff;
$dark: #333333;
$extra-dark: #000000;
$grey: #858585;
$light-grey: #f7f8f9;
$grey-border: #e5e5e5;

$turquoise: #00a6e7;
$red: #d72323;
$green: #12e6c8;

$theme-color: $extra-dark;

// Social Media
$facebook: #3b5998;
$twitter: #00aced;
$i-500px: #1284df;
$instagram: #405de6;
$vimeo: #1ab7ea;
$behance: #1769ff;
$google-plus: #c63d2d;
$vine: #00b488;
$linkedin: #4875b4;
$youtube: #cd201f;
$dribbble: #ea4c89;
$pinterest: #bd081c;
$flickr: #0063dc;
$tumblr: #35465c;
$github: #333;
$soundcloud: #ff8800;
$houzz: #7ac142;
$xing: #026466;
$spotify: #2ebd59;
$vk: #45668e;
$stack-exchange: #1e5397;

// Easings
$super-fast-time: 200ms;
$fast-time: 450ms;
$normal-time: 600ms;
$slow-time: 800ms;

$easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
$easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
$easeInOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);

// Quad
$easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
$easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$easeInOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);

// Cubic
$easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
$easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
$easeInOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);

// Quart
$easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
$easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
$easeInOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);

// Quint
$easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
$easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
$easeInOutQuint: cubic-bezier(0.23, 1, 0.32, 1);

// Expo
$easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
$easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
$easeInOutExpo: cubic-bezier(0.19, 1, 0.22, 1);

// Circ
$easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
$easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
$easeInOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);

// Back
$easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
$easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
$easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);

// Fast
$easeInOutFast: cubic-bezier(1, 0, 0, 1);

// Motion
$authenticMotion: cubic-bezier(0.4, 0, 0.2, 1);
