/* ===============================================
    CONFIG VALUES
    ================================================== */
    :root
    {
        --theme-fs:                     1.6rem;
        
        --theme-size-x1:                3.0rem;

        --theme-size-x0-125:            calc(var(--theme-size-x1) / 8);
        --theme-size-x0-25:             calc(var(--theme-size-x1) / 4);
        --theme-size-x0-3:              calc(var(--theme-size-x1) / 3);
        --theme-size-x0-5:              calc(var(--theme-size-x1) / 2);
        --theme-size-x0-6:              calc(var(--theme-size-x1) / 1.5);
        --theme-size-x0-75:             calc(var(--theme-size-x1) / 1.33);

        --theme-size-x1-5:              calc(var(--theme-size-x1) * 1.5);
        --theme-size-x2:                calc(var(--theme-size-x1) * 2);
        --theme-size-x3:                calc(var(--theme-size-x1) * 3);
        --theme-size-x4:		        calc(var(--theme-size-x1) * 4);                 
        
        --theme-border-bold:            0.7rem;
        --theme-border-regular:         0.1rem;
        
        --theme-fw-regular:             400;
        --theme-fw-medium:              500;
        --theme-fw-bold:                600;
        --theme-fw-bolder:              700;
        --theme-fw-black:               800;
        
        --theme-fw-t-regular:           400;
        --theme-fw-t-medium:            400;
        --theme-fw-t-bold:              500;
        --theme-fw-t-bolder:            600;
        --theme-fw-t-black:             700;
    }


    /* ===============================================
    LAYOUT FOR XLARGE
    ================================================== */
    body
    {
        width: 100%;
        background: var(--theme-body-background);
        font: var(--theme-fs)/var(--theme-size-x1) 'Poppins', Arial, sans-serif;
        color: var(--theme-body-color);
    }

    section.section-header.section-header-bar                                                                                       { display: block; }
    section.section-header.section-header-logo                                                                                      { display: block; }
    section.section-header.section-header-navigation                                                                                { display: block; }
    section.section-header.section-header-navigation  .header-navigation .navigation-content   .navigation ul li.lang               { display: none; }
    section.section-header.section-header-navigation  .header-navigation .navigation-content   .navigation ul li.contact            { display: none; }
    section.section-header.section-header-mobile                                                                                    { display: none; }
    section.section-header.section-header-slayt                                                                                     { display: block; }
    section.section-header.section-header-search                                                                                    { display: block; }
    section.section-header.section-header-dir                                                                                       { display: block; }


    /* ===============================================
    LAYOUT FOR LARGE
    ================================================== */
    @media handheld, only screen and (max-width: 1199px)
    {
        /* Config Values */
        :root
        {
            --theme-fs:                     1.5rem;

            --theme-size-x1:                2.8rem;

            --theme-size-x0-125:            calc(var(--theme-size-x1) / 8);
            --theme-size-x0-25:             calc(var(--theme-size-x1) / 4);
            --theme-size-x0-3:              calc(var(--theme-size-x1) / 3);
            --theme-size-x0-5:              calc(var(--theme-size-x1) / 2);
            --theme-size-x0-6:              calc(var(--theme-size-x1) / 1.5);
            --theme-size-x0-75:             calc(var(--theme-size-x1) / 1.33);

            --theme-size-x1-5:              calc(var(--theme-size-x1) * 1.5);
            --theme-size-x2:                calc(var(--theme-size-x1) * 2);
            --theme-size-x3:                calc(var(--theme-size-x1) * 3);
            --theme-size-x4:		        calc(var(--theme-size-x1) * 4); 
        
            --theme-border-bold:            0.7rem;
            --theme-border-regular:         0.1rem;
        }
    }


    /* ===============================================
    LAYOUT FOR TABLET
    ================================================== */
    @media only screen and (max-width: 991px)
    {        
        section.section-header.section-header-bar                                                                                       { display: none; }
        section.section-header.section-header-logo                                                                                      { display: none; }
        section.section-header.section-header-navigation                                                                                { display: none; }
        section.section-header.section-header-navigation  .header-navigation .navigation-content   .navigation ul li.lang               { display: none; }
        section.section-header.section-header-navigation  .header-navigation .navigation-content   .navigation ul li.contact            { display: none; }
        section.section-header.section-header-mobile                                                                                    { display: block; }
        section.section-header.section-header-slayt                                                                                     { display: block; }
        section.section-header.section-header-search                                                                                    { display: block; }
        section.section-header.section-header-dir                                                                                       { display: none; }
    }


    /* ===============================================
    LAYOUT FOR MOBILE
    ================================================== */
    @media handheld, only screen and (max-width: 767px)
    {
        /* Config Values */
        :root
        {
            --theme-fs:                     1.5rem;

            --theme-size-x1:                2.8rem;

            --theme-size-x0-125:            calc(var(--theme-size-x1) / 8);
            --theme-size-x0-25:             calc(var(--theme-size-x1) / 4);
            --theme-size-x0-3:              calc(var(--theme-size-x1) / 3);
            --theme-size-x0-5:              calc(var(--theme-size-x1) / 2);
            --theme-size-x0-6:              calc(var(--theme-size-x1) / 1.5);
            --theme-size-x0-75:             calc(var(--theme-size-x1) / 1.33);

            --theme-size-x1-5:              calc(var(--theme-size-x1) * 1.5);
            --theme-size-x2:                calc(var(--theme-size-x1) * 2);
            --theme-size-x3:                calc(var(--theme-size-x1) * 3);
            --theme-size-x4:		        calc(var(--theme-size-x1) * 4);
        
            --theme-border-bold:            0.7rem;
            --theme-border-regular:         0.1rem;
        }
    }