// Bootstrap */
@import "../../vendor/bower/bootstrap/less/variables.less";
@font-family-sans-serif:  "Open sans", sans-serif;
@icon-font-path:          "../../fonts/glyphicons/";

// BASIC COLOR */
@white: #fff;
@black:  #000;
@light-black: #333;
@transparent-black: rgba( 0, 0, 0, 0.1 );
@crimson: crimson;
@turqoise: turquoise;
@gold: gold;
@slategray: slategray;
@lightblue: lightblue;
@dark-gray: #3c3c3c;
@ash-gray: #aeaeae;
@light-gray: #D1D1D1;

// Main Theme Color */
@primary-color: #e5554e;
@secondary-color: slateblue;
@tertiary-color: @gold;
@body-color: rgba(204, 204, 204, 0.16);

// Element Color: */
@header-bg: @white;
@main-bg: @white;
@body-bg: @body-color;
@footer-bg: #F1F1F1;
@copyright-bg: @light-gray;


// Content Color
@link-color: @primary-color;
@main-text-color: #333;
@secondary-text-color: #ddd;
@dark-text-color: #2c3e50;
@entry-title-color: #333;

//Social Media
@facebook-color: #1883d5;
@twitter-color: #21c2f8;
@pinterest-color: #ef584d;
@instagram-color: #2e5e86;
@gplus-color: #dd4b39;
@tumblr-color: #43698f;
@drible-color: #eb5d8c;
@yahoo-color: #7B0099;

// Navbar
@menu-color: #333; 
@menu-hover-color: #ddd;
@navbar-item-padding: 2rem 1.5rem;
@navbar-link-color: #ccc;
@navbar-link-color-hover: @light-black;

// Sticky
@sticky-bg: #eee;
@sticky-border: #ccc;

@alpha-color: #d5e9f8;

@font-awesome       : FontAwesome;

// Font weight */
@light-font: 300;
@normal-font: 400;
@semi-bold-font: 600;
@bold-font: 700;
@extra-bold-font: 800;

// Breakpoints
// ------------------------- Source: http://blog.scur.pl/2012/06/variable-media-queries-less-css/
@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
              ~"only screen and (min--moz-device-pixel-ratio: 1.5)",
              ~"only screen and (-o-min-device-pixel-ratio: 3/2)",
              ~"only screen and (min-device-pixel-ratio: 1.5)";
@mobile:      ~"only screen and (max-width: 529px)";
@tablet:      ~"only screen and (min-width: 530px) and (max-width: 949px)";
@desktop:     ~"only screen and (min-width: 950px) and (max-width: 1128px)";
@desktop-xl:  ~"only screen and (min-width: 1129px)";