:root{

    /*  ----------- -------------------------------------------- */
    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER -------------------------------------------- */
    /*  ----------- -------------------------------------------- */
    /*  ----------- -------------------------------------------- */
    
    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER X CONTAINERS ------------------------------- */
    /*  ----------- -------------------------------------------- */
    

    /*  ROOT FOOTER VISUAL CONTAINER HEIGHT -------------------- */
    --Footer-Visual-Container-Height-1: 1100px;
    --Footer-Visual-Container-Height-2: 1000px;
    --Footer-Visual-Container-Height-3: 900px;
    --Footer-Visual-Container-Height-4: 800px;
    --Footer-Visual-Container-Height: var(--Footer-Visual-Container-Height-1);

    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER TOP ---------------------------------------- */
    /*  ----------- -------------------------------------------- */

    /*  ROOT FOOTER TOP FULL CONTAINER GAP TOP ----------------- */
    --Footer-Top-Full-Container-Gap-Top-1: 55px;
    --Footer-Top-Full-Container-Gap-Top-2: 60px;
    --Footer-Top-Full-Container-Gap-Top: var(--Footer-Top-Full-Container-Gap-Top-1);

    /*  ROOT FOOTER TOP FULL CONTAINER GAP LOW ----------------- */
    --Footer-Top-Full-Container-Gap-Low-1: 42px;
    --Footer-Top-Full-Container-Gap-Low-2: 70px;
    --Footer-Top-Full-Container-Gap-Low: var(--Footer-Top-Full-Container-Gap-Low-1);

    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER LOGO --------------------------------------- */
    /*  ----------- -------------------------------------------- */

    /*  ROOT FOOTER LOGO RATIO --------------------------------- */
    --Footer-Logo-Ratio: 3.47;

    /*  ROOT FOOTER LOGO WIDTH --------------------------------- */
    --Footer-Logo-Width-1: 1055px;
    --Footer-Logo-Width-2: var(--Site-Content-Width);
    --Footer-Logo-Width: var(--Footer-Logo-Width-1);
    
    /*  ROOT FOOTER LOGO MAIN CONTAINER HEIGHT ----------------- */
    --Footer-Logo-Main-Container-Height-1: 304px;
    --Footer-Logo-Main-Container-Height-2: calc((var(--Footer-Logo-Width)) / (var(--Footer-Logo-Ratio)));
    --Footer-Logo-Main-Container-Height: var(--Footer-Logo-Main-Container-Height-1);



    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER MID ---------------------------------------- */
    /*  ----------- -------------------------------------------- */

    /*  ROOT FOOTER MID MAIN CONTAINER HEIGHT ------------------ */
    --Footer-Mid-Main-Container-Height-1: 146px;
    --Footer-Mid-Main-Container-Height-2: 144px;
    --Footer-Mid-Main-Container-Height: var(--Footer-Mid-Main-Container-Height-1);
    
    /*  ROOT FOOTER COMM CONTAINER HEIGHT ---------------------- */
    --Footer-Comm-Container-Height-1: 112px;
    --Footer-Comm-Container-Height-2: 40px;
    --Footer-Comm-Container-Height: var(--Footer-Comm-Container-Height-1);
    
    /*  ROOT FOOTER COMM CONTAINER TOP ------------------------- */
    --Footer-Comm-Container-Top-1: 0px;
    --Footer-Comm-Container-Top-2: 104px;
    --Footer-Comm-Container-Top: var(--Footer-Comm-Container-Top-1);

    /*  ROOT FOOTER MAIL LINK TOP ------------------------------ */
    --Footer-Mail-Link-Top-1: calc((var(--Lh-Footer-Comm)) + 12px);
    --Footer-Mail-Link-Top-2: 0px;
    --Footer-Mail-Link-Top: var(--Footer-Mail-Link-Top-1);
    
    /*  ROOT FOOTER MID TIME TOP ------------------------------- */
    --Footer-Mid-Time-Container-Top: var(--Footer-Mail-Link-Top);
    
    /*  ROOT FOOTER MID TIME HEIGHT ---------------------------- */
    --Footer-Mid-Time-Container-Height: var(--Lh-Footer-Time);
    
    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER BTN ---------------------------------------- */
    /*  ----------- -------------------------------------------- */
    
    /*  ROOT FOOTER BTN CONTAINER WIDTH ------------------------ */
    --Footer-Btn-Container-Width-1: 235px;
    --Footer-Btn-Container-Width-2: 181px;
    --Footer-Btn-Container-Width: var(--Footer-Btn-Container-Width-1);
    /*  ROOT FOOTER BTN CONTAINER HEIGHT ----------------------- */
    --Footer-Btn-Container-Height-1: 36px;
    --Footer-Btn-Container-Height-2: 30px;
    --Footer-Btn-Container-Height: var(--Footer-Btn-Container-Height-1);

    
    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER LOW ---------------------------------------- */
    /*  ----------- -------------------------------------------- */
    
    /*  ROOT FOOTER LOW MAIN CONTAINER HEIGHT ------------------ */
    --Footer-Low-Main-Container-Height-1: 60px;
    --Footer-Low-Main-Container-Height-2: 95px;
    --Footer-Low-Main-Container-Height: var(--Footer-Low-Main-Container-Height-1);
    
    /*  ROOT FOOTER COPYRIGHT CONTAINER HEIGHT ----------------- */
    --Footer-Copyright-Container-Height: var(--Lh-Footer-Copy);

    /*  ROOT FOOTER COPYRIGHT CONTAINER TOP -------------------- */
    --Footer-Copyright-Container-Top-1: 20px;
    --Footer-Copyright-Container-Top-2: 55px;
    --Footer-Copyright-Container-Top: var(--Footer-Copyright-Container-Top-1);

    /*  ROOT FOOTER LOW TIME CONTAINER TOP --------------------- */
    --Footer-Low-Time-Container-Top: 18px;

    /*  ROOT FOOTER LOW TIME CONTAINER HEIGHT ------------------ */
    --Footer-Low-Time-Container-Height: var(--Lh-Footer-Time);
    
    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER X CONTAINERS ------------------------------- */
    /*  ----------- -------------------------------------------- */

    /*  ROOT FOOTER TOP FULL CONTAINER HEIGHT ------------------ */
    --Footer-Top-Full-Container-Height: var(--Footer-Logo-Main-Container-Height);
    
    /*  ROOT FOOTER MID FULL CONTAINER HEIGHT ------------------ */
    --Footer-Mid-Full-Container-Height: var(--Footer-Mid-Main-Container-Height);
    
    /*  ROOT FOOTER LOW FULL CONTAINER HEIGHT ------------------ */
    --Footer-Low-Full-Container-Height: var(--Footer-Low-Main-Container-Height);
    
    
    /*  ROOT FOOTER MID FULL CONTAINER BOTTOM ------------------ */
    --Footer-Mid-Full-Container-Bottom: var(--Footer-Low-Full-Container-Height);
    
    /*  ROOT FOOTER TOP FULL CONTAINER BOTTOM ------------------ */
    --Footer-Top-Full-Container-Bottom: calc((var(--Footer-Mid-Full-Container-Bottom)) + (var(--Footer-Mid-Full-Container-Height)) + (var(--Footer-Top-Full-Container-Gap-Low)));
    
    /*  ROOT FOOTER PRINCIPAL CONTAINER HEIGHT ----------------- */
    --Footer-Principal-Container-Height: calc((var(--Footer-Top-Full-Container-Bottom)) + (var(--Footer-Top-Full-Container-Height)) + (var(--Footer-Top-Full-Container-Gap-Top)));
    
    /*  ROOT FOOTER GLOBAL CONTAINER HEIGHT -------------------- */
    --Footer-Global-Container-Height: var(--Footer-Principal-Container-Height);

    /*  ROOT FOOTER GLOBAL CONTAINER TOP GAP ------------------- */
    --Footer-Global-Container-Top-Gap: calc((var(--Footer-Visual-Container-Height)) - (var(--Footer-Global-Container-Height)));

}