﻿/* CATALOGS */

/* CATEGORIES */

.category-wrapper {
}

.category-description {
    margin: 0 0 50px;
    padding: 20px 0 0 0;
    font-family: var(--main-font-family), Arial, Helvetica, sans-serif;
    /*        color: #013F76;*/
}

    .category-description h2 {
        margin-bottom: 1.5rem;
    }

    .category-description p {
        margin: 10px 0;
        font-size: 1rem;
        line-height: 1.8rem;
    }

    .category-description ul {
        margin: 12px 0;
        list-style: disc;
    }

    .category-description ol {
        margin: 12px 0;
        padding: 0 0 0 36px;
        list-style: decimal;
    }

.category-featured-image{

}

/* SUB CATEGORIES BOX */
.products-sub-categories {
}

    .products-sub-categories .card {
        border: none;
/*        height: 100%;*/
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .products-sub-categories  .card-body {
        flex-grow: 1;
    }
    .products-sub-categories .card img {
        /*            margin: 0px 0 10px ;*/
    }


/* PRODUCTS */

#productBreadcrumb {
}

/* PRODUCT CARD */
.product-card {
    /*        border: none;*/
}

    .product-card .card-body {
        /*      padding-top: 0 !important;*/
    }

    .product-card img {
        transition: 200ms transform ease-in-out;
    }

    .product-card:hover img.zoom {
        /*      transform: scale(1.050);*/
        transform: scale(1.100);
    }

    .product-card .card-title {
        /*        max-height: 60px;*/
        margin: 0 0 8px;
        overflow: hidden;
        color: #013F76;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--main-font-family), Arial, Helvetica, sans-serif !important;
        /*height: auto;*/
        max-height: 6rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .product-card .card-title a {
            color: #013F76;
            text-decoration: none;
            -webkit-transition: color .45s ease-in-out;
            transition: color .45s ease-in-out;
        }

            .product-card .card-title a:hover {
                color: #0091f0;
                text-decoration: none;
                -webkit-transition: color .45s ease-in-out;
                transition: color .45s ease-in-out;
            }

/*@media (min-width: 768px) {
    .product-card .card-body {
        padding-top: 0 !important;
    }
}*/
@media (min-width: 992px) {
    .product-card .card-title {
        /*        max-height: 60px;*/
        margin: 0 0 8px;
        overflow: hidden;
        color: #013F76;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--main-font-family), Arial, Helvetica, sans-serif !important;
        /*        height: auto;*/
        text-overflow: ellipsis;
    }
}

.product-card .description {
    font-size: 1rem;
    min-height: 2.8rem !important;
    max-height: 2.8rem;
    /*    line-height: 1.2rem;*/
    margin: 0 0 20px;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card .prices {
    margin: 0 0 10px;
}

.product-base-price {
}


.product-card span.price {
    font-size: 2rem;
    color: #0091f0;
    font-family: var(--main-font-family), Arial, Helvetica, sans-serif !important;
}

.product-options {
/*    margin-top: 30px;*/
}

.product-option {
 /*   margin-bottom: 3rem;*/
}

/* MULTIPOURPOSE PRODUCTS CARDS STRIP EG: RELETED CROSS UP SELLING*/

.products-cards-strip {
}

    .products-cards-strip a {
        color: #787878;
        text-decoration: none;
    }

    .products-cards-strip .card {
        width: 280px;
        max-width: 280px;
    }

/* RESPONSIVE TABS */

.product-responsive-tabs {
}

    .product-responsive-tabs .nav-tabs, .product-responsive-tabs .nav-pills {
        display: none;
    }

    .product-responsive-tabs > ul {
        border-bottom: solid 1px #c0c0c0
    }


        .product-responsive-tabs > ul > li > h5 > a, .product-responsive-tabs > ul > li > h5 > a {
            text-transform: uppercase;
        }

    .product-responsive-tabs ul a.nav-link {
        /* background-color: #e20025;*/
        color: #000000;
        text-decoration: none;
        font-style: normal;
    }

    .product-responsive-tabs ul li.nav-item:hover {
        border-bottom: solid 1px #e20025;
    }

    .product-responsive-tabs ul a.nav-link.active {
        background-color: #e20025;
        color: #FFFFFF;
        text-decoration: none;
        font-style: normal;
    }

    .product-responsive-tabs .card {
        margin-bottom: .5rem;
    }

        .product-responsive-tabs .card .card-header {
            background-color: #E20025;
        }

            .product-responsive-tabs .card .card-header > h5 > a {
                text-transform: uppercase;
                color: #ffffff;
                font-style: normal;
                font-size: 1rem;
            }

                /*.product-responsive-tabs .card .card-header > h5 > a:not(.collapsed) {
                    color: #ffffff;
                    background-color: #E20025;*/
                /*            box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);*/
                /*box-shadow: none;
                }*/

                .product-responsive-tabs .card .card-header > h5 > a:not(.collapsed)::after {
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                    transform: rotate(-180deg);
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                }

                .product-responsive-tabs .card .card-header > h5 > a::after {
                    flex-shrink: 0;
                    width: 1.25rem;
                    height: 1.25rem;
                    margin-left: auto;
                    content: "";
                    /*background-image: var(--bs-accordion-btn-icon);*/
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                    background-repeat: no-repeat;
                    background-size: 1.25rem;
                    transition: transform 0.2s ease-in-out;
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                }

/*.product-responsive-tabs .card .card-header > h5:not(.collapsed)::after {
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                    transform: rotate(-180deg);
                }

                .product-responsive-tabs .card .card-header > h5::after {
                    flex-shrink: 0;
                    width: 1.25rem;
                    height: 1.25rem;
                    margin-left: auto;
                    content: "";*/
/*background-image: var(--bs-accordion-btn-icon);*/
/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                    background-repeat: no-repeat;
                    background-size: 1.25rem;
                    transition: transform 0.2s ease-in-out;
                }*/

@media (min-width: 768px) {

    .product-responsive-tabs .nav-tabs, .product-responsive-tabs .nav-pills {
        display: flex;
    }

    .product-responsive-tabs .card {
        border: none;
    }

        .product-responsive-tabs .card .card-header {
            display: none;
        }

        .product-responsive-tabs .card .collapse {
            display: block;
        }
}

@media (max-width: 767px) {
    .product-responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
}

