/*--------------------------------------------------------------
# Global variables
--------------------------------------------------------------*/
:root {

    /*Global colors*/
    --torac-primary-color: #fff;
    --torac-secondary-color: #000;
    --torac-tertiary-color: #999;
    --torac-accent-color: #000;


    /*Global typography fonts*/
    --torac-primary-font: "Nunito";

    /*Body typography*/
    --torac-body-typography-font-family: var(--torac-primary-font);
    --torac-body-typography-font-size: 18px;
    --torac-body-typography-font-weight: 400;
    --torac-body-typography-line-height: 1.8em;
    --torac-body-typography-letter-spacing: 0;
    --torac-body-typography-color: #999;
    --torac-body-typography-text-transform: none;

    /*Headings typography*/

    /* H1 typography*/
    --torac-h1-typography-font-family: var(--torac-primary-font);
    --torac-h1-typography-font-size: 4rem;
    --torac-h1-typography-font-weight: 100;
    --torac-h1-typography-line-height: 1.3em;
    --torac-h1-typography-letter-spacing: 0;
    --torac-h1-typography-color: var(--torac-primary-color);
    --torac-h1-typography-text-transform: none;

    /* H2 typography*/
    --torac-h2-typography-font-family: var(--torac-primary-font);
    --torac-h2-typography-font-size: 3rem;
    --torac-h2-typography-font-weight: 100;
    --torac-h2-typography-line-height: 1.3em;
    --torac-h2-typography-letter-spacing: 0;
    --torac-h2-typography-color: var(--torac-primary-color);
    --torac-h2-typography-text-transform: none;

    /* H3 typography*/
    --torac-h3-typography-font-family: var(--torac-primary-font);
    --torac-h3-typography-font-size: 2.3rem;
    --torac-h3-typography-font-weight: 400;
    --torac-h3-typography-line-height: 1.3em;
    --torac-h3-typography-letter-spacing: 0;
    --torac-h3-typography-color: var(--torac-primary-color);
    --torac-h3-typography-text-transform: none;

    /* H4 typography*/
    --torac-h4-typography-font-family: var(--torac-primary-font);
    --torac-h4-typography-font-size: 2rem;
    --torac-h4-typography-font-weight: 400;
    --torac-h4-typography-line-height: 1.3em;
    --torac-h4-typography-letter-spacing: 0;
    --torac-h4-typography-color: var(--torac-primary-color);
    --torac-h4-typography-text-transform: none;

    /* H5 typography*/
    --torac-h5-typography-font-family: var(--torac-primary-font);
    --torac-h5-typography-font-size: 1.5rem;
    --torac-h5-typography-font-weight: 400;
    --torac-h5-typography-line-height: 1.3em;
    --torac-h5-typography-letter-spacing: 0;
    --torac-h5-typography-color: var(--torac-primary-color);
    --torac-h5-typography-text-transform: none;

    /* H6 typography*/
    --torac-h6-typography-font-family: var(--torac-primary-font);
    --torac-h6-typography-font-size: 1rem;
    --torac-h6-typography-font-weight: 400;
    --torac-h6-typography-line-height: 1.3em;
    --torac-h6-typography-letter-spacing: 8px;
    --torac-h6-typography-color: var(--torac-primary-color);
    --torac-h6-typography-text-transform: uppercase;

    /*Buttons*/
    --torac-buttons-typography-font-family: var(--torac-primary-font);
    --torac-buttons-typography-font-size: 14px;
    --torac-buttons-typography-font-weight: 400;
    --torac-buttons-typography-line-height: 1.8em;
    --torac-buttons-typography-letter-spacing: 4px;
    --torac-buttons-typography-color: #fff;
    --torac-buttons-typography-text-transform: uppercase;

    --torac-buttons-padding: 20px 45px 20px 45px;

    --torac-buttons-border: 1px;
    --torac-buttons-border-style: solid;
    --torac-buttons-border-radius: 0;

    --torac-buttons-color: #ffffff;
    --torac-buttons-color-hover: var(--torac-body-typography-color);
    --torac-buttons-bg-color: #000;
    --torac-buttons-bg-color-hover: #000000;
    --torac-buttons-border-color: #666;
    --torac-buttons-border-color-hover: #fff;

    /*Others*/
    --torac-body-background-color: #1C1C1C;
    --torac-header-background-color: #000;
    --torac-footer-background-color: var(--torac-secondary-color);
    --torac-modules-background-color: var(--torac-secondary-color);
    --torac-general-border-color: var(--torac-form-border-color);

    --torac-paragraph-spacing: 1.6em;
    --torac-paragraph-lead: 1.5rem;
    --torac-container-width: 1500px;
    --torac-sidebar-width: 25%;

    --torac-footer-text-color: var(--torac-body-typography-color);
    --torac-links-color: var(--torac-primary-color);

    --torac-navigation-font-size: 2.75rem;
    --torac-submenu-font-size: 1.95rem;

    
    --torac-body-typography-color-light: #999;

    --torac-grid-gap: 4em;
    --torac-layout-padding: 4em;

    --torac-footer-font-size: 1rem;
    --torac-footer-copyright-font-size: 1rem;

    /*Page header*/
    --torac-page-header-min-height: 100px;
    /*--torac-page-header-padding: 4em 2.5em 4em 2.5em;*/
    --torac-page-header-padding: 0px;
    --torac-page-header-bg-color: var(--torac-secondary-color);

    /*Menu*/
    --torac-menu-item-color: #fff;
    --torac-menu-item-hover-color: var(--torac-primary-color);

    --torac-menu-typography-font-family: var(--torac-primary-font);
    --torac-menu-typography-font-size: 1rem;
    --torac-menu-typography-font-weight: 500;
    --torac-menu-typography-line-height: 1em;
    --torac-menu-typography-letter-spacing: 0;
    --torac-menu-typography-color: #fff;
    --torac-menu-typography-text-transform: none;

    --torac-submenu-bg-color: #000;
    --torac-submenu-item-color: #fff;
    --torac-submenu-item-hover-color: var(--torac-primary-color);

    --torac-submenu-typography-font-family: var(--torac-primary-font);
    --torac-submenu-typography-font-size: 0.875rem;
    --torac-submenu-typography-font-weight: 400;
    --torac-submenu-typography-line-height: 1em;
    --torac-submenu-typography-letter-spacing: 0;
    --torac-submenu-typography-color: #000;
    --torac-submenu-typography-text-transform: none;

    --torac-mobile-bg: #F8F5F2;

    /*Forms*/
    --torac-form-border-color: #666;
    --torac-form-active-border-color: #999;

    --torac-form-bg-color: var(--torac-body-background-color);
    --torac-form-bg-color-hover: transparent;
    --torac-form-color: var(--torac-body-typography-color);
    --torac-form-color-hover: var(--torac-body-typography-color);

    --torac-menu-label-font-family: var(--torac-primary-font);
    --torac-menu-label-font-size: 0.875rem;
    --torac-menu-label-font-weight: 500;
    --torac-menu-label-letter-spacing: 3px;
    --torac-menu-label-color: #000;
    --torac-menu-label-text-transform: uppercase;

}


/*Responsive*/

/*Tablet*/
@media (min-width: 768px) and (max-width: 1023px) {
    :root {
        --torac-h1-typography-font-size: 3.4rem;
        --torac-h2-typography-font-size: 2.8rem;
        --torac-h3-typography-font-size: 2.3rem;
        --torac-h4-typography-font-size: 2rem;
        --torac-h5-typography-font-size: 1.75rem;
        
    }
}

/*Mobile*/
@media (max-width: 767px) {
    :root {
        --torac-h1-typography-font-size: 3rem;
        --torac-h2-typography-font-size: 2.3rem;
        --torac-h3-typography-font-size: 2rem;
        --torac-h4-typography-font-size: 1.75rem;
        --torac-h5-typography-font-size: 1.35rem;

        --torac-navigation-font-size: 2rem;
        --torac-submenu-font-size: 1.2rem;

        --torac-buttons-padding: 10px 25px 10px 25px;
        --torac-buttons-typography-font-size: 14px;
    }
}