header{
    padding-bottom: 4px;
}

.navbar-brand:hover img{
    opacity: 0.8;
    transition: opacity linear 200ms;
}

.form-control:focus{
    border-color: #f7ed4a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#main_nav .nav-item{
    padding-right: 10px;
    margin-right: 10px;
}

#main_nav  .nav-item > .nav-link{
    color: white;
}

.nav-link{
    border-bottom-color: #343a40;
    border-bottom-style: solid;
}

.nav-link:hover, .nav-link[aria-expanded=true]{
    color: #f7ed4a !important;
    border-bottom-color: #f7ed4a;
    border-bottom-style: solid;
    transition: color linear 400ms;
    transition: border-bottom linear 200ms;
}

.dropdown-item:hover{
    background-color: #f7ed4a !important;
}

.name, .text-muted{
    font-size: 11px;
}



.cat-item.disabled a.cat-item {
    color: #B0B0B0;
    cursor: initial;
    pointer-events: none;
}

.head-attr, label.attr-item{
    cursor: pointer;
}

.attr-item.disabled { 
    cursor: initial;
    pointer-events: none;
}

.attr-item.disabled .attr-name{
    color: #B0B0B0;
}

.main-products .aimeos.catalog-list .catalog-list-head, .main-products .catalog-list-type, .main-products .pagination {
    display: none;
}

.main-products .product-box{
    flex: 0 0 83.3333333333% !important;
    max-width: 83.3333333333% !important;
}

.card-product{
    line-height: 1;
}

.btn-warning{
    background-color: #f7ed4a !important;
    border-color: #f7ed4a !important;
}

.bg-warning{
    background-color: #f7ed4a !important;
}

.text-warning{
    color: #f7ed4a !important;
}

.icon-wrap > .border-warning{
    border-color: #f7ed4a !important;
}


.card-product.product .info-wrap{
    min-height: 90px;
    padding: 0;
}

.card-product.product .image-product{
    min-height: 220px;
}
.card-product.product .bottom-wrap{
    min-height: 45px;
}

.overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.owl-nav .owl-prev, .owl-nav .owl-next{
    color: white;
    background-color: #343a40 !important;
}

.cambio h6{
    margin-bottom: 0.1rem;
}

.category figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.category figure:hover::before {
    -webkit-animation: shine .9s;
    animation: shine .9s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.text-aimeos{
    color: rgb(176, 160, 96);
}

.gallery > .row > .col{
    padding-right: 0;
    padding-left: 0;
} 

.gallery > .row > .btn-link{
    padding: 0.375rem 0 0 0;
}

.btn-link[aria-expanded=true]{
    opacity: 0.2;
}