/* --- DARK / LIGHT START --- */

/* - LIGHT MODE START - */
body.light-mode {
    background-color: var(--themeWhite);
    color: #111;
}

    body.light-mode nav {
        background-color: var(--themeWhite);
    }

        body.light-mode nav ul li a:hover {
            color: var(--themeWhite);
        }

        body.light-mode nav a, body.light-mode nav p, body.light-mode nav svg, body.light-mode .pages ul li a {
            color: #333;
        }
            body.light-mode .pages ul li a:hover{
                color: #888
            }

            body.light-mode .modernBox {
                background-color: var(--themeWhite);
            }

    body.light-mode .topHr {
        border: 2px solid var(--themeWhiteDark);
    }

    body.light-mode .bottomHr {
        border: 2px solid var(--themeWhiteDark);
    }

    body.light-mode .carbon {
        background: repeating-linear-gradient(-45deg, var(--themeWhite), var(--themeWhiteDark) 7px, var(--themeWhite) 7px, var(--themeWhite) 35px);
    }

    body.light-mode .col-6 h1, body.light-mode .col-6 h3 {
        color: var(--themeColor);
    }
    body.light-mode .productList h3{
        color: var(--themeWhiteDark);
    }

    body.light-mode footer {
        background-color: var(--themeWhiteDark);
    }


    body.light-mode nav .left img {
        content: url(../../static/Logo.png);
    }

    body.light-mode footer .powered {
        background-color: var(--themeWhiteDark);
    }

        body.light-mode footer .powered a {
            color: var(--themeColor);
        }

    body.light-mode footer .mid ul li {
        color: var(--themeColor);
    }

    body.light-mode .link h4 {
        color: var(--themeColorDark);
    }

    body.light-mode .link p {
        color: #555;
    }

    body.light-mode .contact {
        background-color: var(--themeWhite);
    }

    body.light-mode .links .link {
        border: 2px solid var(--themeColorBoom);
    }

    body.light-mode .link .icon {
        background-color: var(--themeColorBoom);
    }

    body.light-mode .information .button {
        background-color: var(--themeWhiteDark);
    }

        body.light-mode .information .button svg, body.light-mode .information .button button {
            color: var(--themeColor);
        }

    body.light-mode .navigation iframe {
        filter: brightness(100%) hue-rotate(180deg);
    }

    body.light-mode .photo1 img, body.light-mode .photo2 img, body.light-mode .photo3 img, body.light-mode .buttonPhone, body.light-mode .buttonWhatsApp {
        border: 5px solid var(--themeWhiteDark);
    }
    body.light-mode .products .productList .text h3{
        color: var(--themeColor);
    }
/* - LIGHT MODE END - */










/* - DARK MODE START - */
body.dark-mode {
    color: #fff;
    background-color: var(--themeColor);
}

/*    body.dark-mode .bannerPhoto {
        background-image: linear-gradient(to top, var(--themeColor) -25%, transparent, transparent, transparent 95%, var(--themeColorDark)), url('../img/BANNER-min.jpg');
    }*/

    body.dark-mode nav a, body.dark-mode nav p, body.dark-mode nav svg, body.dark-mode .pages ul li a {
        color: #fff;
    }

        body.dark-mode .pages ul li a:hover {
            color: #888;
        }
/* --- DARK MODE END --- */

/* --- DARK / LIGHT END --- */