/*!
 * Diamond Showcase LV
 * Copyright 2008-2024 Punchmark
 */

body,
header,
footer {
    background: #000000 !important;
}

header a#logo {
    width: 235px !important;
    max-width: 235px !important;
    height: 60px !important;
}

header a#logo img {
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
}

header .content-toolbar .content-toolbar-inner>ul>li>a>i,
header .content-toolbar .content-toolbar-inner>ul>li>a>i::before {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

footer .container-fluid.px-0, 
footer .px-0.container-sm, 
footer .px-0.container-md, 
footer .px-0.container-lg, 
footer .px-0.container-xl, 
footer .px-0.container-xxl {
    background: rgba(255,255,255,0.1) !important;
}

@media(min-width:768px){
    header a#logo {
        max-width: 275px !important;
        width: 275px !important;
        height: 80px !important;
    }
}

@media(min-width:1200px){
    header a#logo {
        max-width: 335px !important;
        width: 335px !important;
    }
}

@media(max-width:991px){
    nav.navbar #main-navigation {
        background: #000000 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a > i,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a.dropdown-toggle::after,
    nav.navbar #main-navigation .mobile-top .input-group .btn i {
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .btn:hover i,
    nav.navbar #main-navigation .mobile-top .input-group .btn:focus i {
        color: #aaaaaa !important;

    }
    nav.navbar .navbar-nav .nav-item,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item {
        border-color: rgba(255,255,255,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group {
        border-color: rgba(255,255,255,0.1) !important;
        background: rgba(255,255,255,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control {
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control::placeholder {
        color: #aaaaaa !important;
    }
}

@media(max-width:330px){
    header a#logo {
        padding: 0.3125rem 0 0.3125rem 0.625rem !important;
    }
}