/* FIRST LOAD FONTS */

/* Font Declaration for custom Fonts - EXAMPLE !!! DELETE OR CHANGE WITH A CUSTOM FONT !!! */
/* In Case of Google Fonts Delete Area And load them from header.php */

/* @font-face {
	font-family: 'PFRegal';
	src: url('../inc/fonts/PFRegalDisplayPro-Italic.eot'); IE9 Compat Modes
	src: url('../inc/fonts/PFRegalDisplayPro-Italic.eot?#iefix') format('embedded-opentype'), IE6-IE8
		url('../inc/fonts/PFRegalDisplayPro-Italic.woff2') format('woff2'),
		url('../inc/fonts/PFRegalDisplayPro-Italic.woff') format('woff'), Pretty Modern Browsers
		url('../inc/fonts/PFRegalDisplayPro-Italic.ttf')  format('truetype'), Safari, Android, iOS
		url('../inc/fonts/PFRegalDisplayPro-Italic.svg#svgFontName') format('svg'); Legacy iOS
} */

/*@font-face {
  font-family: 'Manrope-ExtraLight';
  src: url('../inc/fonts/Manrope-ExtraLight.ttf') format('truetype'); 
}*/



/* ROOT VARIABLES */
:root {
  --left-bar-width: 110px; /* Άλλαξε το πλάτος εδώ */
  /* FONTS */

  /* Main Families */
  --main-text-fam: 'Noto Sans Display', sans-serif;
  --main-title-fam: 'Noto Sans Display', sans-serif;

  /* Extra Fonts to use */
  --roboto-black: 'Noto Sans Display', serif;

  /* COLOR */
  --cb-yellow:#deb47c;  

  --main-text-color: #010101;
  --main-black: #010101; /* var(--main-black) */
  --main-grey: #888686; /* var(--main-grey) */
  --main-orange: #f2653a; /* var(--main-orange) */
  --main-white: #fff; /* var(--main-white) */

  --onsale-bg-color: #000; /* var(--onsale-bg-color) */
  --onsale-color: #fff; /* var(--onsale-color) */
  --outofstock-bg-color: rgb(178, 15, 10); /* var(--outofstock-bg-color) */
  --outofstock-color: #fff; /* var(--outofstock-color) */
  --pagination-bg-color: #000; /* var(--pagination-bg-color) */
  --pagination-color: #fff; /* var(--pagination-color) */

  --mini-cart-checkout-bg-color: #f2653a; /* var(--mini-cart-checkout-bg-color) */
  --mini-cart-checkout-bg-color--hover: #f78461; /* var(--mini-cart-checkout-bg-color) */
  --mini-cart-checkout-color: #fff; /* var(--mini-cart-checkout-color) */

  --mini-cart-cart-bg-color: #fa4a3a; /* var(--mini-cart-cart-bg-color) */
  --mini-cart-cart-bg-color--hover: #fb6d60; /* var(--mini-cart-cart-bg-color) */
  --mini-cart-cart-color: #fff; /* var(--mini-cart-cart-color) */
  --mini-cart-amount-bg-color: rgb(
    178,
    15,
    10
  ); /* var(--mini-cart-amount-bg-color) */
  --mini-cart-amount-color: #fff; /* var(--mini-cart-amount-color
  /* EASINGS */
  --main-easing: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); /* var(--main-easing) */

  /* My account */
  --my-account-nav-bg-color: #eee; /* var(--my-account-bg-color) */
  --my-account-nav-active-bg-color: #000; /* var(--my-account-nav-active-bg-color) */
  --my-account-nav-active-color: #fff; /* var(--my-account-nav-active-color) */
  /* TOP PADDING */
  --top-pad: 100px;
}