:root {
    --color-light: #f4efe5;
    --color-dark: #252933;
    --color-primary: #887b6c;
    --color-secondary: #8f8851;
    --color-light-rgb: 244, 239, 229;
    --color-dark-rgb: 37, 41, 51;
    --color-primary-rgb: 136, 123, 108;
    --color-secondary-rgb: 143, 136, 81;
    --color-whitefluor: #ECE9E3;
    --color-beauty: #E0D0C0;
    --color-tigereye: #976B4A;
    --color-warmstone: #90735C;
    --color-wool: #999080;
    --color-inkwell: #1C1C1C;
    --color-whitefluor-rgb: 236, 233, 227;
    --color-beauty-rgb: 224, 208, 192;
    --color-tigereye-rgb: 151, 107, 74;
    --color-warmstone-rgb: 144, 115, 92;
    --color-wool-rgb: 153, 144, 128;
    --color-inkwell-rgb: 28, 28, 28;
    --bgcolor-main: var(--color-dark);
    --fgcolor-text-light: var(--color-light);
    --fgcolor-text-dark: var(--color-dark);
    --bgcolor-main-rgb: rgba(var(--color-dark-rgb), 1);
    --fgcolor-text-rgb: rgba(var(--color-light-rgb), 1);
    --fgcolor-text-dark: rgba(var(--color-dark-rgb), 1);
    --bgcolor-product: #f4efe5;
    --fgcolor-product: var(--color-secondary);
}

#detailSlider {
    background-color: #fff;
    border-radius: .5rem;
}

#navbarCategoryContent{
    overflow: auto;
}

ul.breadcrumb {
}

.pqt-plus, .pqt-minus {
    background: transparent;
    border: none;
    transition: all ease .3s;
}

a.sidebar-icon-menu-link {
    text-decoration: none;
    color: #eee;
    font-size: 0.875rem;
    transition: all .3s ease;
}

    a.sidebar-icon-menu-link:hover, a.sidebar-icon-menu-link:focus, a.sidebar-icon-menu-link:active {
        color: var(--bs-primary);
    }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link, .navbar-hover-light:hover .navbar-nav .nav-link, .navbar-fixed-light.fixed-top .navbar-nav .nav-link {
    color: #eee;
}

.navbar-hover-light:hover .navbar-nav .nav-link:hover, 
.navbar-hover-light:hover .navbar-nav .nav-link:focus, .navbar-fixed-light.fixed-top .navbar-nav .nav-link:hover, 
.navbar-fixed-light.fixed-top .navbar-nav .nav-link:focus {
    color: var(--bs-primary);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active, .navbar-hover-light:hover .navbar-nav .show > .nav-link, .navbar-hover-light:hover .navbar-nav .active > .nav-link,
.navbar-hover-light:hover .navbar-nav .nav-link.show, .navbar-hover-light:hover .navbar-nav .nav-link.active,
.navbar-fixed-light.fixed-top .navbar-nav .show > .nav-link, .navbar-fixed-light.fixed-top .navbar-nav .active > .nav-link,
.navbar-fixed-light.fixed-top .navbar-nav .nav-link.show, .navbar-fixed-light.fixed-top .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar-light .show::after, .navbar-light .active > .dropdown-toggle:not(.dropdown-avatar)::after, .navbar-light .dropdown-toggle:not(.dropdown-avatar).active::after,
.navbar-light .dropdown-toggle:not(.dropdown-avatar):hover::after, .navbar-light .dropdown-toggle:not(.dropdown-avatar):focus::after,
.navbar-hover-light:hover .show::after, .navbar-hover-light:hover .active > .dropdown-toggle:not(.dropdown-avatar)::after,
.navbar-hover-light:hover .dropdown-toggle:not(.dropdown-avatar).active::after, .navbar-hover-light:hover .dropdown-toggle:not(.dropdown-avatar):hover::after,
.navbar-hover-light:hover .dropdown-toggle:not(.dropdown-avatar):focus::after, .navbar-fixed-light.fixed-top .show::after,
.navbar-fixed-light.fixed-top .active > .dropdown-toggle:not(.dropdown-avatar)::after, .navbar-fixed-light.fixed-top .dropdown-toggle:not(.dropdown-avatar).active::after,
.navbar-fixed-light.fixed-top .dropdown-toggle:not(.dropdown-avatar):hover::after, .navbar-fixed-light.fixed-top .dropdown-toggle:not(.dropdown-avatar):focus::after {
    background: right center url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eAngle Down%3c/title%3e%3cdesc%3eA line styled icon from Orion Icon Library.%3c/desc%3e%3cpath data-name='layer1' fill='none' stroke='rgba%28239, 239, 239, 0.9%29' stroke-miterlimit='10' stroke-width='7' d='M20 26l11.994 14L44 26' stroke-linejoin='round' stroke-linecap='round'%3e%3c/path%3e%3c/svg%3e") no-repeat
}

.navbar{
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.navbar .dropdown-menu {
    margin-top: 0rem;
}

input[type="radio"]:checked + label {
    border: 1px solid var(--bs-primary) !important;
    background-color: var(--bs-primary);
}

.hero-image {
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.btn.btn-primary {
    background-color: var(--color-primary);
}

.btn.btn-primary:hover {
    border: 1px var(--color-secondary) solid;
    background-color: var(--color-secondary);
}

.bg-primary-hover {
    transition: all .3s ease;
}

    .bg-primary-hover:hover {
        background-color: var(--color-secondary) !important;
    }


.bg-whitefluor {
    background-color: var(--color-whitefluor) !important;
}

.bg-beauty {
    background-color: var(--color-beauty) !important;
}

.bg-tigereye {
    background-color: var(--color-tigereye) !important;
}

.bg-warmstone {
    background-color: var(--color-warmstone) !important;
}

.bg-wool {
    background-color: var(--color-wool) !important;
}

.bg-inkwell {
    background-color: var(--color-inkwell) !important;
}

.bg-worldfurniture {
    background-color: var(--bgcolor-main);
}

.text-whitefluor {
    color: var(--color-whitefluor) !important;
}

.text-beauty {
    color: var(--color-beauty) !important;
}

.text-tigereye {
    color: var(--color-tigereye) !important;
}

.text-warmstone {
    color: var(--color-warmstone) !important;
}

.text-wool {
    color: var(--color-wool) !important;
}

.text-inkwell {
    color: var(--color-inkwell) !important;
}

.text-dark {
    color: var(--fgcolor-text-dark);
}

.form-label {
    color: var(--env-white);
    font-weight: bold;
}

.table.table-list thead{
    background-color: var(--color-primary);
    border: none;
    color: #eee;
}

.table.table-list tbody tr,
.table.table-list.table-striped tbody tr:nth-child(odd) {
    background-color: var(--color-whitefluor);
}

.table.table-list.table-striped tbody tr:nth-child(even) {
    background-color: var(--color-beauty);
}


.alkat {
    border: 2px solid var(--bgcolor-product);
    color: var(--bgcolor-product);
    border-radius: 1rem;
    padding: 2rem 0;
    text-align: center;
    cursor: pointer;
    display: block !important;
    text-decoration: none;
    transition: all .3s ease;
}

    .alkat:hover {
        background-color: var(--color-primary);
        border: 2px solid var(--color-primary);
        color: #eee;
        text-decoration: none;
    }

    .form-control.form-control-underlined, .form-control.form-control-underlined:focus {
        color: var(--color-whitefluor);
    }

    .form-control.form-control-underlined:focus {
        border-color: var(--color-primary);
        box-shadow: none;
    }

    .form-control.form-control-underlined:focus ~ .btn-underlined {
        border-bottom-color: var(--color-primary);
    }

.svg-icon.text-light {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    stroke: #eee;
    stroke-width: 3;
    --layer1: #eee;
    --layer2: #eee;
}

.customer-profile {
    padding: 1rem;
    text-align: center;
}

.btn.btn-selectpicker {
    color: #dee2e6;
    border-color: #dee2e6;
}

    .btn.btn-selectpicker:hover {
        color: #000;
        background-color: #dee2e6;
        border-color: #dee2e6;
    }

    .btn-check:focus + .btn.btn-selectpicker, .btn.btn-selectpicker:focus {
        box-shadow: 0 0 0 0.25rem rgba(222, 226, 230, 0.5);
    }

    .btn-check:checked + .btn.btn-selectpicker,
    .btn-check:active + .btn.btn-selectpicker, .btn.btn-selectpicker:active, .btn.btn-selectpicker.active, .btn.btn-selectpicker.dropdown-toggle.show {
        color: #000;
        background-color: #dee2e6;
        border-color: #dee2e6;
    }

        .btn-check:checked + .btn.btn-selectpicker:focus,
        .btn-check:active + .btn.btn-selectpicker:focus, .btn.btn-selectpicker:active:focus, .btn.btn-selectpicker.active:focus, .btn.btn-selectpicker.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(222, 226, 230, 0.5);
        }

    .btn.btn-selectpicker:disabled, .btn.btn-selectpicker.disabled {
        color: #dee2e6;
        background-color: transparent;
    }

    .btn.btn-selectpicker {
        color: #212529;
        background-color: #fff;
    }

    .btn.btn-selectpicker:focus, .btn.btn-selectpicker.focus {
        box-shadow: none !important;
    }

.cart-body .cart-item{
}

#productQuantity {
    background-color: #212529;
    color: #eee;
    border: none;
}

.card {
    background-color: var(--bgcolor-product) !important;
    color: var(--fgcolor-product);
    border-radius: 1rem;
    box-shadow: 10px 10px 20px rgba(var(--color-beauty-rgb), 0.35) !important;
    border: 2px solid var(--fgcolor-product);
}

.card.card-product-detail {
    border-top-left-radius: 0rem;
/*    border-top-right-radius: 0rem;*/
}

#container-product-details .tab-pane.active {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.detail-nav-link.nav-link {
    color: var(--bs-primary);
    background-color: #fff;
    border-color: var(--bs-primary) var(--bs-primary) #fff;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

    .detail-nav-link.nav-link.active, .detail-nav-link.nav-link:hover, .detail-nav-link.nav-link:focus {
        border: 0rem;
        color: #fff;
        background-color: var(--bs-primary);
    }

@media screen and (min-width: 576px) {
    .dropdown-menu-filter {
        min-width: 30rem;
    }
}

@media screen and (max-width: 576px) {

    #container-product-details {
        margin-top: 8rem;
    }

    .dropdown-menu-filter {
        min-width: 1rem;
    }

    .banner-text > .subtitle {
        font-size: 3.25vw !important;
    }

    .banner-text h2 {
        font-size: 5vw;
    }
}