/* Nice Colors . Begin */
/* Warning!
 * Not remove these comments!
 * It is neccessary for corect theme colors saving from admin part
*/
:root {
  --color-primary--darker-3: #505193;
  --color-primary--darker-2: #56579c;
  --color-primary--darker-1: #5c5da6;
  --color-primary: #6667ab;
  --color-primary--lighter-1: #7071b0;
  --color-primary--lighter-2: #7a7bb6;
  --color-primary--lighter-3: #8484bb;
  
  --color-accent--darker-3: #e51a39;
  --color-accent--darker-2: #e72745;
  --color-accent--darker-1: #e83551;
  --color-accent: #ea435d;
  --color-accent--lighter-1: #ec5169;
  --color-accent--lighter-2: #ed5f75;
  --color-accent--lighter-3: #ef6c81;
  
  --color-footer-bg: #333333;
}
/* Nice Colors . End */

:root {
  --color-text: #3b3f41; 
}
  
/*  --color-primary--darker-2: #47488e;
  --color-primary--darker-1: #56579e;
  --color-primary: #6667ab;
  --color-primary--lighter-1: #7475b9;
  --color-primary--lighter-2: #7f80c3;
  --color-primary--lighter-3: #8485c0;
  
  --color-accent---darker-2: #c92b44;
  --color-accent---darker-1: #d8364f;
  --color-accent: #ea435d;
  --color-accent--lighter-1: #f84a65;
  --color-accent--lighter-2: #fd5d76;
  
  --color-text: #3b3f41;*/
  
:root {
  --font-size-h1: 32px;
  --font-size-h2: 28px;
  --font-size-h3: 24px;
  --font-size-h4: 21px;
  --font-size-h5: 18px;
  --font-size-h6: 16px;  
  --line-height-h: 1.2;
  --letter-spacing-h: 0;
  
  --font-size-p: 14px;
  --line-height-p: 1.35;
  
}

@media (max-width: 992px) {
  :root {
    --space-1: 3px;
    --space-2x: 6px;
    --space-4x: 12px;
    --space-8x: 24px;
    --space-1-: -3px;
    --space-2x-: -6px;
    --space-4x-: -12px;
    --space-8x-: -24px;
  }
}

@media (min-width: 993px) and (max-width: 1500px) {
  :root {
    --space-1: 4px;
    --space-2x: 8px;
    --space-4x: 16px;
    --space-8x: 32px;
    --space-1-: -4px;
    --space-2x-: -8px;
    --space-4x-: -16px;
    --space-8x-: -32px;
  }
}

@media (min-width: 1501px) {
  :root {    
    --space-1: 7px;
    --space-2x: 14px;
    --space-4x: 28px;
    --space-8x: 56px;
    --space-16x: 112px;
    --space-1-: -7px;
    --space-2x-: -14px;
    --space-4x-: -28px;
    --space-8x-: -56px; /* For why */
    --space-16x-: -112px; /* For why */
    
    --font-size-h1: 40px;
    --font-size-h2: 36px;
    --font-size-h3: 32px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-h6: 20px;
    --font-size-p: 16px;
  }
}


/* Overwrite bootstrap . Begin */