//
// Variables
//

// Primary Colors
$white:         #ffffff;
$black:         #000000;

$gray-darkest:  #2C2C2C;
$gray-darker:   #373a3c;
$gray-dark:     #55595c;
$gray:          #818a91;
$gray-light:    #D4D4D4;
$gray-lighter:  #eceeef;
$gray-lightest: #f7f7f7;
$gray-mouse:    #CCD6DF;
$gray-bg:       #e6e9ec;

$blue:          #0275d8;
$blue-flat:     #1b607f;
$blue-light:    #5bc0de;
$green:         #5cb85c;
$green-light:   #2ecc71;
$orange:        #f0ad4e;
$red:           #d9534f;
$purple:		#9C7AC1;

// Info Alert
$info:			#5bc0de;
$info-text:		#31708f;
$info-bg:		#d9edf7;
$info-border:	darken($info-bg, 7%);

// Success Alert
$success:		#5cb85c;
$success-text:	#3c763d;
$success-bg:	#dff0d8;
$success-border:darken($success-bg, 7%);

// Warning Alert
$warning:		#f0ad4e;
$warning-text:	#8a6d3b;
$warning-bg:	#fcf8e3;
$warning-border:darken($warning-bg, 7%);

// Danger Alert
$danger:		#d9534f;
$danger-text:	#a94442;
$danger-bg:		#f2dede;
$danger-border:	darken($danger-bg, 7%);

// Progress Bar
$progress-bg:	#eeeeee;
$progress-text:	#ffffff;

//Official Social / Sharing Colors
$android:		#A4C639;
$apple:			#999999;
$behance:		#1769ff;
$bitbucket: 	#205081;
$codepen:		#000000;
$delicious: 	#3399ff;
$digg:			#005be2;
$dribbble:		#ea4c89;
$envelope:		#ea4335;
$facebook:		#3b5998;
$flickr:		#0063dc;
$foursquare:	#2d5be3;
$github:		#333333;
$google-plus:	#dd4b39;
$houzz:			#7ac142;
$instagram:		#262626;
$jsfiddle:		#487AA2;
$linkedin:		#0077b5;
$medium:		#00ab6b;
$meetup:		#ec1c40;
$mixcloud:		#273a4b;
$odnoklassniki:	#F4731C;
$pinterest:		#bd081c;
$pocket:		#EF3F56;
$print:			#aaaaaa;
$product-hunt:	#da552f;
$reddit:		#ff4500;
$rss:			#f26522;
$shopping-cart:	#4CAF50;
$skype:			#00AFF0;
$slideshare:	#0077b5;
$snapchat:		#fffc00;
$soundcloud:	#ff8800;
$spotify:		#2ebd59;
$stack-overflow:#fe7a15;
$steam:			#00adee;
$stumbleupon:	#EB4924;
$telegram:		#2CA5E0;
$thumbtack:		#1aa1d8;
$tripadvisor:	#589442;
$tumblr:		#35465c;
$twitch:		#6441A5;
$twitter:		#1DA1F2;
$vimeo:			#1ab7ea;
$vk:			#45668e;
$weibo:			#df2029;
$weixin:		#7bb32e; //WeChat
$whatsapp:		#25d366;
$wordpress:		#21759b;
$xing:			#026466;
$yelp:			#af0606;
$youtube:		#cd201f;
$five-h-px:		#0099e5; //500px

// WordPress
$wp-primary: #0085ba;

// Editor colors
$editor-darkest:#495157;
$editor-darker: #556068;
$editor-dark: 	#6d7882;

$editor-light: #a4afb7;
$editor-lighter: #c2cbd2;
$editor-lightest: #d5dadf;

$editor-accent: #D30C5C;
$editor-background: $gray-bg;
$editor-background-light: #f1f3f5;

$editor-orange: #fcb92c;

$editor-danger: #f00;
$editor-warning: #b01b1b;
$editor-alert: #d72b3f;
$editor-success: #39b54a;
$editor-info: #71d7f7;

$brand-color-light: #f2295b;
$brand-color-dark: #434363;

// Panel style
$panel-top-shadow: -2px -5px 8px rgba(0, 0, 0, 0.1);
$panel-bottom-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

$slides_gui: rgba(238, 238, 238, .9);

// Panel Transition
$transition-hover: all .5s;

// Layers (Z-indexes)
$under-layer: -1;
$ground-layer: 0;
$first-layer: 1;
$second-layer: 2;
$third-layer: 3;
$fourth-layer: 4;

$element-overlay: 9998;
$editor-layer: 9999;
$super-layer: 10000;

// Grid Columns
$column-sizes: (
	10: 10%,
	11: 11.111%,
	12: 12.5%,
	14: 14.285%,
	16: 16.666%,
	20: 20%,
	25: 25%,
	30: 30%,
	33: 33.333%,
	40: 40%,
	50: 50%,
	60: 60%,
	66: 66.666%,
	70: 70%,
	75: 75%,
	80: 80%,
	83: 83.333%,
	90: 90%,
  	100: 100%
);

// Panel
$panel-width: 280px;
$panel-xl-width: 300px;

// Grid Breakpoints
$breakpoints: (
	sm: 480px, // Mobile landscape
	md: 768px, // Tablet
	lg: 1025px, // Desktop
	xl: 1440px, // Larger devices
	xxl: 1600px // Largest devices
);