/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/***1 - this is the default skin***/
:root {
	--skin-color-base: #2f234b; /*0*/
	--skin-color-main: #ee3d23; /*1*/
	--skin-color-menu: #ef3e23;
	--skin-color-left: #2e353f;
	--skin-color-tab: #EFC280;

	--skin-color-2: #f4744c; /*2*/
	--skin-color-3: #ff5c35; /*3*/
	--skin-color-4: #ef3e23; /*4*/
	--skin-color-5: #603d57; /*5*/
	--skin-color-6: #ff7043; /*6*/
	--skin-color-7: #a7b1c2; /*7*/
	--skin-color-8: #494f59; /*8*/
	--skin-color-9: #d24334; /*9*/
	--skin-color-10: #f89f7c; /*10*/
    
      --solution-header-height: 30px;
      
  --height-xxs: 1px;
  --height-xs: 3px;
  --height-s: 5px;
  --height-m: 10px;
  --height-l: 20px;
  --height-xl: 30px;
  --height-xxl: 40px;
  --height-xxxl: 60px;

 --width-xxs: 1px;
  --width-xs: 3px;
  --width-s: 5px;
  --width-m: 30px;
  --width-l: 50px;
  --width-xl: 100px;
  --width-xxl: 200px;
  --width-xxxl: 400px;

  --input-group-bottom-margin: 5px; /* 5px: very dense input forms, 20px: lighter, but much higher input forms */
  
  --label-font-size: 12px;
  --font-size-xxs: 5px;
  --font-size-xs: 8px;
  --font-size-s: 10px;
  --font-size-m: 12px;
  --font-size-l: 14px;
  --font-size-xl: 22px;
  --font-size-xxl: 34px;
  --font-size-xxxl: 42px;

  --font-1: Avenir;
  --font-2: Lato;
  --font-3: Lato;
  --font-4: gothambold;
  --font-5: gotham;
  --font-6: "Avenir Next";
}