/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

/* Airlectra */

@media (max-width:768px) {
	.prod-nav-tabs .nav-item {
		width:100%;
		margin-top:0.5rem;
	}
	.tab-pane.active:not(.show) {
	    display:none;
	}
}

.prod-nav-tabs {
    display: none;
}
    
.acc-head {
    padding:1rem 0;
    border-top:1px solid #dee2e6;
}

.tab-content>.tab-pane.show {
    display:block;
}

.tab-content .block-toggler {
    color:#222222;
}

.tab-content .block-toggler .block-toggler-icon:before, .tab-content .block-toggler .block-toggler-icon:after {
    background-color:#222222;
}

@media(min-width:768px) {
    .prod-nav-tabs {
        display: flex;
    }
    .acc-head {
        display: none;
    }
}

#sidebarLeft .modal-body li.nav-item {
    padding-left:1.5rem;
    padding-right:1.5rem;
}

#sidebarLeft .modal-content {
    background:#ffffff;
}

#sidebarLeft .modal-content .close, #sidebarLeft .modal-content .svg-icon {
    color:#000000;
}
#sidebarLeft ul.mob-menu-first>li:nth-child(odd) {
    background:#ffffff;
}
#sidebarLeft ul.mob-menu-first>li:nth-child(odd) .nav-link, #sidebarLeft ul.mob-menu-first>li:nth-child(odd) .nav-link .navbar-icon {
    color:#000000;
}
#sidebarLeft ul.mob-menu-first>li:nth-child(even) {
    background:#ffffff;
}
#sidebarLeft ul.mob-menu-first>li:nth-child(even) .nav-link, #sidebarLeft ul.mob-menu-first>li:nth-child(even) .nav-link .navbar-icon {
    color:#000000;
}

#sidebarLeft .mobile-dropdown-toggle::after {
    margin-top: 6px;
}

.sum-rating svg {
    width:20px;
    height:20px;
}

.swiper-revs a {
    color: #343434;
}

.swiper-button-prev.swiper-rev-prev {
    left:-8px;
}

.swiper-button-next.swiper-rev-next {
    right:-8px;
}

@media (min-width:992px) {
    .swiper-button-prev.swiper-rev-prev {
        left:-18px;
    }
    
    .swiper-button-next.swiper-rev-next {
        right:-18px;
    }
}

.swiper-revs .swiper-pagination-bullet-active {
    background-color:#000;
}

.rev-content, .swiper-revs .swiper-slide a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.masonry-revs {
    columns:1 260px;
    column-gap:1.5rem;
}

@media (min-width:992px) {
    .masonry-revs {
        columns:4 200px;
    }
}

.single-rev {
    display:inline-block;
    border:1px solid;
    margin-bottom:1.5rem;
    padding:0.5rem;
    width:100%;
    box-shadow: 0 0 4px 4px rgb(0 0 0 / 5%);
    transition: box-shadow 250ms ease;
}

.single-rev p:last-child {
    margin-bottom:0;
}

.single-rev:hover {
    box-shadow: 0 0 10px 4px rgb(0 0 0 / 15%);
}

@media (min-width: 992px) {
    .col-lg-8-5 {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
}