/*MAIN VARIABLES*/
:root {
    --fixed-layout-height: 55px;
    --main-header-bg-color: #842029;
    --main-bg-color: #444;
    --main-bg-soft-color: #888;
    --main-fg-color: #fff;
    --main-content-padding: 10px;
    --main-color: #BC2727;
    --main-red: #BC2727;
    --main-grigio: #888;
    --main-white: #fff;
    --main-black: #111;
    --main-blu: #0d6efd;
    --main-arancio-hover: #e7ad00;
    --main-arancio-shadow: rgba(230, 170, 0, 0.5);
    --main-root-font-size: 14px;
    --main-font-size: 1rem;
    --small-font-size: 0.9rem;
    --big-font-size: 1.25rem;
    --giant-font-size: 1.5rem;
    --main-border-small-radius: 0.25rem;
    --main-border-radius: 0.4rem;
    --main-border-big-radius: 1.25rem;
}
/**/

body {
    color: #333;
    font-size: var(--main-root-font-size);
    background-color: var(--main-bg-color);
    background-image: url(/Content/sites/css/ASB/bg.jpg);
  /*  background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
}

header {
    background-color: var(--main-header-bg-color);
}

.menu .navbar-collapse {
    background-color: var(--main-header-bg-color);
}

header .menu nav ul li a {
    font-size: var(--big-font-size);
    color: var(--main-fg-color);
}

    header .menu nav ul li a:hover, header .menu nav ul li a:focus, header .menu nav ul li a.active {
        color: var(--main-red)
    }

header .login-header .input-group .input-group-text {
    color: var(--main-white);
    background-color: var(--main-red);
    border-color: var(--main-red);
}


.mainContent {
    background-color: #eee;
}

.mainTitle {
    color: var(--main-color);
}

.mainContent .mainTitle .filter {
    border: 2px solid #fff;
    color: #444;
    background-position: center right;
    background-repeat: no-repeat;
}



.panelFilter {
    background-color: #fff;
}


.addToCart {
    color: var(--main-white);
    background-color: var(--main-red);
}

.buy-with-money {
    color: var(--main-white);
    background-color: var(--main-blu);
}

.buy-with-token {
    color: var(--main-white);
    background-color: var(--main-blu);
}

.videoDetail .detail h1 {
    color: var(--main-color);
}

.videoDetail .detail .type {
    color: #fff;
    background-color: var(--main-bg-color);
}

.videoDetail .detail h2 {
    color: var(--main-color);
}

.videoDetail .detail .shortInfo {
    background-color: #fff;
}

    .videoDetail .detail .shortInfo .def {
        color: #fff;
        background-color: #C95252;
    }

    .videoDetail .detail .shortInfo .info {
        color: #333;
        border-right: 1px solid #555;
    }

        .videoDetail .detail .shortInfo .info a {
            color: #333
        }

        .videoDetail .detail .shortInfo .info h3 {
            color: var(--main-color);
        }

.videoDetail .detail .price .token {
    color: #fff;
    background-color: #555;
}

.videoDetail .detail .price .money {
    color: #fff;
    background-color: #555;
}

.videoDetail .detail .price .addToCart {
    color: #fff;
    background-color: var(--main-bg-color);
}

footer {
    background-color: var(--main-header-bg-color);
}

    footer .content h3 {
        color: #0d98b3;font-weight:bold
    }

    footer .content ul li a {
        color: var(--main-fg-color)
    }

    footer .sub-footer {
        background-color: var(--main-red);
    }

        footer .sub-footer .fText {
            color: var(--main-white);
        }

            footer .sub-footer .fText a {
                color: var(--main-white);
                font-size: var(--small-font-size);
                text-decoration: none;
                display: inline-block
            }

.panelFilter .nav-link {
    border-color: var(--main-red);
    background-color: var(--main-white);
    color: var(--main-red);
    text-decoration: none
}

    .panelFilter .nav-link.active {
        background-color: var(--main-red) !important;
        color: var(--main-white) !important;
    }

.panelFilter .paramsGrid a {
    color: var(--main-black);
}

.panelFilter .filter-apply {
    background-color: var(--main-red) !important;
    color: var(--main-white) !important
}

.panelFilter .filter-reset {
    color: var(--main-black);
}

/*UTILITIES*/
.btn-primary, .outer-filter-category.fastSelection {
    background-color: var(--main-red) !important;
    color: var(--main-white) !important
}

.mainColor {
    color: var(--main-color) !important
}

.mainBgColor {
    background-color: var(--main-color) !important
}