/*
 * Fonts
 */
@import url(../../../base/fonts/Raleway.css);
@import url(../../../base/fonts/OpenSans.css);

/*
 * Common
 */
@import url(../main.css);

/*
 * Specific values
 */
:root {
    --font-family: 'Raleway';
    --primary-color: #000000;
    --secondary-color: #707070;
    --tertiary-color: #F8F6F2;
    --font-color: #000000;

    --h1-font-family: 'Raleway';
    --h1-font-size: 52px;
    --h1-line-height: 64px;

    --h2-font-family: 'Raleway';
    --h2-font-size: 36px;
    --h2-line-height: 48px;

    --h3-font-family: 'Raleway';
    --h3-font-size: 28px;
    --h3-line-height: 40px;

    --h4-font-family: 'Raleway';
    --h4-font-size: 24px;
    --h4-line-height: 36px;

    --h5-font-family: 'Raleway';
    --h5-font-size: 20px;
    --h5-line-height: 28px;

    --h6-font-family: 'Open Sans';
    --h6-font-size: 16px;
    --h6-line-height: 24px;

    --p-font-family: 'Open Sans';
    --p-font-size: 16px;
    --p-line-height: 24px;

    --line-theme1: #FFFFFF;
    --line-theme2: #F8F6F2;
    --line-theme3: #000000;
    --line-theme4: #000000B2;

    --button-font-color: #ffffff;
    --button-border-radius: 8px;
    --background-image: url(../../../../../../themes/builder/images/general/fullwidth/fullwidth-bg-1.jpg) no-repeat;
    --background-color: #F8F6F2;



    /* MOBILE */

    --h1-font-size-mobile: 30px;
    --h1-line-height-mobile: 36px;

    --h2-font-size-mobile: 24px;
    --h2-line-height-mobile: 30px;

    --h3-font-size-mobile: 20px;
    --h3-line-height-mobile: 26px;

    --h4-font-size-mobile: 18px;
    --h4-line-height-mobile: 24px;

    --h5-font-size-mobile: 16px;
    --h5-line-height-mobile: 22px;

    --h6-font-size-mobile: 14px;
    --h6-line-height-mobile: 20px;

    --p-font-size-mobile: 16px;
    --p-line-height-mobile: 20px;
}