/*MAIN VARIABLES*/
:root {
    --fixed-layout-height: 55px;
    --main-bg-color: #333;
    --main-bg-soft-color: #555;
    --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: #0094ff;
    --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;
    background-color: var(--main-bg-color);
    font-size: var(--main-root-font-size);
    background-image: url(/Content/sites/css/SBV/bg.jpg);
}

header {
    background-color: var(--main-black);
}
.menu .navbar-collapse {
    background-color: var(--main-black);
}
    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;
}
    .panelFilter .summary {
    height:70px
    }
        .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);

}
.videoSearch .video {
    border: 2px solid var(--main-red);
}
    .videoSearch .video.isShort{border-color:#fff}
    footer {
        background-color: var(--main-black);
    }
    footer .content h3 {
        color: #CA0000;
    }
    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 {
    background-color: var(--main-red) !important;
    color: var(--main-white) !important;
    border-color: var(--main-red) !important;
}
.mainColor{
    color:var(--main-color)!important
}
.mainBgColor {
    background-color: var(--main-color)!important
}


.menu .navbar-collapse {
    background-color: #000
}




/*MEDIA QUERIES*/
@media(min-width:993px) and (max-width:1399px) {
    .menu .navbar-brand img {
        max-width: 220px
    }
    header .menu nav ul li a {
        font-size: var(--small-font-size);
    }
}