.cat-item-none{
    display: none;
}

.xol-back-category a {
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    font-family: "Montserrat" !important;
    line-height: 21px !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    color: #272727 !important;
    white-space: nowrap;
}

.slick-list .slick-slide
{
    padding: 0px 3px;
}

.xolProductCardTopContainer
{
    /*border: 2px solid rgb(218 165 32);*/
    margin: 0px 5px;
    border-radius: 5px;
    padding: 1px 3px;
}

.xol-brand-listing-product-container .slick-slider .slick-prev, 
.xol-brand-listing-product-container .slick-slider .slick-next
{
    opacity: 1 !important;
    position: absolute;
    top: 30%;
    z-index: 10;
    padding: 1.5%;
    display: flex !important;
    align-items: center;
    /* aspect-ratio: 1; */
}

.xol-brand-listing-product-container .slick-slider .slick-prev:hover, 
.xol-brand-listing-product-container .slick-slider .slick-next:hover
{
    color: white !important;
}

.xol-brand-listing-product-container
{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 10px;

}

.xol-brand-listing-product-container .slick-slider
{
    display: flex;
}

.xol-brand-listing-product-container .slick-slider .slick-list
{
    width: 80% !important;
}

.xol-brand-listing-product-container .slick-slider .slick-prev
{
    left: 1%;
}

.xol-brand-listing-product-container .slick-slider .slick-next
{
    right: 1%;
}

.xol-brand-listing-product-container span.dfd-added-font-icon-right-open2:hover,
.xol-brand-listing-product-container span.dfd-added-font-icon-left-open2:hover {
    color: white;
}

.xol-brand-listing-product-container span.dfd-added-font-icon-right-open2,
.xol-brand-listing-product-container span.dfd-added-font-icon-left-open2 {
    font-size: 18px;
    line-height: 18px;
    display: block;
}


.in_sidebar
{
    display: none;
}

#xol-brands-pageConainer
{
    padding: 0px 10px;
    display: flex;
    min-height: 100vh;
}

#xol-brands-sidebar
{
    min-width: 30%;
}

#xol-ClearCategoryFilter
{
    border:1px solid black; 
    padding: 10px;
}

#xol-brands-mainContent
{
    min-width: 69%;
    padding-left: 30px;
}

#xol-activeFilters-container
{
    width: 100%;
    margin-bottom: 20px;          
    display: flex;
    overflow-x: auto;
}

.xol-filter-pill
{
    cursor: pointer;
    padding: 0px 40px;
    border: 1px solid black;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    margin: 0px 10px;
    position: relative;
}

.xol-filter-pill > span
{
    text-transform: uppercase;
}

.xol-brand-hierarchy
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.xol-brand-listing-row-in.rowStyle
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.xol-brand-listing-row-in.columnStyle
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.xol-az-listing-header li
{
    margin: 2px;
    line-height: 25px;
    border: 1px solid #ddd;
    text-align: center;
    list-style-type: none;
    padding: 0px !important;
}

.xol-az-listing-header li a
{
    padding: 0px 7px;
}

.xol-brand-listing-title
{
    font-size: 115%;
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
    font-weight: 700;
}

.rowStyle .xol-brand-listing-col,
.columnStyle .xol-brand-listing-col
{
    padding: 5px;
    height: 145px;
}

.rowStyle .xol-brand-listing-col
{
    max-width: 50%;
}

.xol-brand-listing-col
{
    display: flex;
}

.rowStyle .xol-brand-listing-product-container
{
    display: none;
}

.xol-brand-image-container
{
    position: relative;
}

.xol-brand-image-container:hover
{
    transform: rotateY(180deg);
}

.xol-brand-front, .xol-brand-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xol-brand-back
{
    transform: rotateY(180deg);
    box-shadow: 5px 5px 8px -2px rgb(0 0 0 / 92%);
}

.xol-brand-listing-col .xol-brand-image-container
{
    transition: transform 0.6s;
    transform-style: preserve-3d;
    width: 130px;
}

.xol-brand-listing-row-in.columnStyle .xol-brand-listing-col .xol-brand-image-container
{
    width: 125px;
    min-width: 125px;
    margin-right: 15px;
}

.xol-brand-listing-col .xol-brand-image-container>a
{
    text-transform: uppercase;
    white-space: wrap;
    background-color: #f7f8fa;
    border-radius: 2px;
    border: 1px solid #c39f76;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 100%;
    padding: 10px;
    aspect-ratio: 1;
    text-align: center;
    overflow: hidden;
    font-size: 0.9em;
}

.xol-brand-listing-content img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail
{
    object-fit: contain;
    width: 100%;
    mix-blend-mode: multiply;
    height: 100%;
    aspect-ratio: 1;
    display: flex;
}

/* Tablet and higher */
@media only screen and (min-width: 300px) 
{
    .xol-brand-listing-row-in.columnStyle
    {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .columnStyle .xol-brand-listing-col
    {
        width: 100%;
        margin: 10px 0px;
    }

    .columnStyle .xol-brand-listing-col .xol-brand-image-container>a
    {
        max-width: 125px;
    }
    
    .columnStyle .xolProductCardImageContainer
    {
        height: 100%;
    }
    
    .columnStyle img.xol-woo-img
    {
        height: 100%;
        aspect-ratio: 1;
        object-fit: contain; 
        mix-blend-mode: multiply;
        max-height: 110px;
    }

}

/* Big Tablet */
@media only screen and (max-width: 1100px) 
{
    
}

/* Mobile */
@media only screen and (max-width: 768px)
{
    .out_sidebar
    {
        display: none;
    }

    .in_sidebar
    {
        display: block;
    }

    #xol-brands-mainContent
    {
        width: 100%;
        padding: 0px;
    }

    .xol-az-listing-header li a
    {
        padding: 0px 25px;
    }
}