/*--------------------------------------------------*\

	Variables

\*--------------------------------------------------*/



/*** Custom Theme ***/

:root {

    --color-primary: #671616;

    --color-primary-accent: #1674b1;

    --color-secondary: #636469;

    --color-secondary-accent: #fc910d;

    --color-text: #222222;

    --color-text-light: #555555;

    --color-background: #8DD0D7;

    --color-background-light: #f5f5f5;

    --color-black: #000000;

    --color-white: #ffffff;

    --color-yellow: #f4b400;

    --color-green: #0f9d58;

    --color-red: #db4437;

    --color-blue: #4285f4;

    --color-primary-link: #671616;

    --color-primary-link-hover: #8DD0D7;

    --color-secondary-link: #bd7970;

    --color-secondary-link-hover: #fc910d;

    --color-primary-button-background: #8DD0D7;

    --color-primary-button-text: #ffffff;

    --color-primary-button-hover: #1674b1;

    --color-secondary-button-background: #bd7970;

    --color-secondary-button-text: #ffffff;

    --color-secondary-button-hover: #fc910d;

    --color-border: #efefef;

    --radius-normal-border: 5px;

    --radius-large-border: 25px;

    --font-family: 'Karla';

    --font-size-small: 14px;

    --font-size-normal: 16px;

    --font-size-large: 18px;

    --font-weight-thin: 300;

    --font-weight-regular: 400;

    --font-weight-medium: 500;

    --font-weight-bold: 700;

    --font-weight-black: 900;

    --line-height: 160%;

}



/*** Default Theme ***/

:root .eyec-default {

    --color-primary: #2365f7;

    --color-primary-accent: #003cc3;

    --color-secondary: #fdd835;

    --color-secondary-accent: #c6a700;

    --color-text: #222222;

    --color-text-light: #555555;

    --color-background: #2365f7;

    --color-background-light: #f5f5f5;

    --color-black: #000000;

    --color-white: #ffffff;

    --color-yellow: #f4b400;

    --color-green: #0f9d58;

    --color-red: #db4437;

    --color-blue: #4285f4;

    --color-primary-link: #2365f7;

    --color-primary-link-hover: #003cc3;

    --color-secondary-link: #fdd835;

    --color-secondary-link-hover: #c6a700;

    --color-primary-button-background: #2365f7;

    --color-primary-button-text: #ffffff;

    --color-primary-button-hover: #003cc3;

    --color-secondary-button-background: #fdd835;

    --color-secondary-button-text: #ffffff;

    --color-secondary-button-hover: #c6a700;

    --color-border: #efefef;

    --radius-normal-border: 5px;

    --radius-large-border: 25px;

    --font-family: 'Roboto', sans-serif;

    --font-size-small: 14px;

    --font-size-normal: 16px;

    --font-size-large: 18px;

    --font-weight-thin: 300;

    --font-weight-regular: 400;

    --font-weight-medium: 500;

    --font-weight-bold: 700;

    --font-weight-black: 900;

    --line-height: 160%;

}



/*** Style 1 Theme ***/

:root .eyec-style1 {

    --color-primary: #e91e63;

    --color-primary-accent: #b0003a;

    --color-secondary: #7e57c2;

    --color-secondary-accent: #4d2c91;

    --color-text: #222222;

    --color-text-light: #555555;

    --color-background: #e91e63;

    --color-background-light: #f5f5f5;

    --color-black: #000000;

    --color-white: #ffffff;

    --color-yellow: #f4b400;

    --color-green: #0f9d58;

    --color-red: #db4437;

    --color-blue: #4285f4;

    --color-primary-link: #e91e63;

    --color-primary-link-hover: #b0003a;

    --color-secondary-link: #7e57c2;

    --color-secondary-link-hover: #4d2c91;

    --color-primary-button-background: #e91e63;

    --color-primary-button-text: #ffffff;

    --color-primary-button-hover: #b0003a;

    --color-secondary-button-background: #7e57c2;

    --color-secondary-button-text: #ffffff;

    --color-secondary-button-hover: #4d2c91;

    --color-border: #efefef;

    --radius-normal-border: 5px;

    --radius-large-border: 25px;

    --font-family: 'Roboto', sans-serif;

    --font-size-small: 14px;

    --font-size-normal: 16px;

    --font-size-large: 18px;

    --font-weight-thin: 300;

    --font-weight-regular: 400;

    --font-weight-medium: 500;

    --font-weight-bold: 700;

    --font-weight-black: 900;

    --line-height: 160%;

}