/* CSS Document */

/* SHOP HOME */
#sort-menu .content,
#filter-menu .content{
	height: 100%;
	overflow-y: scroll;
}
#sort-menu > div > div:first-child,
#filter-menu > div > div:first-child{
	width: calc(100% - 2rem);
	top: 0;
	z-index: 99;
}
.dropdown-menu.overflow{
	max-height: 300px;
	overflow-y: scroll;
}

/* SHOP FILTERS */
.toggle-all-collapsed span{
	display: inline-block;
}
.toggle-all-collapsed > span > span:nth-child(2),
.toggle-all-collapsed > span > span:nth-child(4),
.toggle-all-collapsed > span.click > span:first-child,
.toggle-all-collapsed > span.click > span:nth-child(3){
	display: none;
}
.toggle-all-collapsed > span.click > span:nth-child(2),
.toggle-all-collapsed > span.click > span:nth-child(4){
	display: inline-block;
}
.toggle-all-collapsed > span.click > span:nth-child(3){
	transform: rotate(-180deg);
}
.accordion .item .heading{
	transition: all .3s ease;
}
.accordion .item .heading.collapsed{
	color: var(--dark-gray-color);
}
.accordion .item .heading > div:last-child > span{
	transition: all .2s linear;
}
.accordion .item .heading > div:last-child > span,
.accordion .item .heading.expand > div:last-child > span,
.accordion .item .heading.collapsed.expand > div:last-child > span{
	transform: rotate(-180deg);
}
.accordion .item .heading.collapsed > div:last-child > span{
	transform: rotate(0);
}
#shop-filter .accordion .content .list-group{
	max-height: 290px;
	overflow-y: scroll;
}
#shop-filter .toggle-color .color{
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

/* SHOP PRODUCTS */
#shop-products .product-list.grid-view .product{
	max-width: 350px;
}
#shop-products .product-list.grid-view .product .image,
#shop-products .product-list.grid-view .product .image a,
#shop-products .product-list.grid-view .product .image picture,
.shop-carousel .product .image,
.shop-carousel .product .image a,
.shop-carousel .product .image picture{
	height: 300px;
}
#shop-products .product-list.list-view .product .image,
#shop-products .product-list.list-view .product .image a,
#shop-products .product-list.list-view .product .image picture{
	height: 150px;
}
#shop-products .product-list.list-view .product .image,
#shop-products .product-list.list-view .product .image a,
#shop-products .product-list.list-view .product .image picture,
#shop-products .product-list.list-view .product .toggle-color-product{
	min-width: 150px;
	max-width: 150px;
}
#shop-products .product-list .product .image{
	overflow: hidden;
}
#shop-products .product-list .product .image picture{
	display: block;
}
#shop-products .product-list .product .image picture img{
	visibility: hidden;
}
.toggle-color-product .color{
	width: 30px;
	height: 30px;
	border-radius: 30px;
}

/* SHOP ROTATOR */
/*.shop-rotator .rotator{
	background: url("../images/placeholder.jpg") no-repeat center;
	background-size: contain;
}*/
.shop-rotator .rotator.nobg{
	background: none;
}
.shop-rotator .rotator,
.shop-rotator .rotator picture,
.quick-view-image{
	height: 300px !important;
}
.shop-rotator .pager picture{
	height: 80px !important;
}

/* SHOP CAROUSEL */
.shop-carousel .control,
.shop-gallery-rotator .control{
	min-width: 5%;
	max-width: 5%;
}
.shop-carousel .carousel,
.shop-gallery-rotator .carousel{
	min-width: 90%;
	max-width: 90%;
}
.shop-carousel .product{
	max-width: 300px;
}

/* SHOP DETAILS */
.rate-product{
	direction: rtl;
	unicode-bidi: bidi-override;
	color: var(--extra-light-gray-color);
}
.rate-product input{
	display: none;
}
.rate-product label:hover,
.rate-product label:hover ~ label,
.rate-product input:checked + label,
.rate-product input:checked + label ~ label {
	color: var(--secondary-color);
	cursor: pointer;
}

/* PRODUCT DETAILS GALLERY */
.shop-gallery-rotator .carousel,
.shop-gallery-rotator .item picture{
	height: 120px;
}
.shop-gallery-rotator .carousel{
	overflow: hidden;
}
.shop-gallery-rotator .item picture{
	display: block;
}

/* PRODUCT DETAILS REVIEWS */
#review-panel .percentage{
	min-width: 40px;
	max-width: 40px;
}
#product-reviews .review > div:first-child{
	min-width: 95px;
	max-width: 95px;
}

/* CHECKOUT */
#order-summary .product-list .list{
	max-height: 400px;
	overflow-y: scroll;
}
#order-summary-touch{
	position: fixed;
	bottom: 30px;
	left: 0;
	z-index: 1001;
}

/* MISC CSS */
.product-thumbnail picture{
	height: 80px;
	width: 80px;
	max-width: 80px;
	min-width: 80px;
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Phone (landscape) */
@media (min-width: 576px){
	
	/* SHOP PRODUCTS */
	#shop-products .product-list.grid-view .product{
		min-width: 50%;
		max-width: 50%;
	}
	#shop-products .product-list.grid-view .product:nth-child(odd){
		padding-right: 1.25rem;
	}
	#shop-products .product-list.grid-view .product:nth-child(even){
		padding-left: 1.25rem;
	}
	#shop-products .product-list.list-view .product .image,
	#shop-products .product-list.list-view .product .image a,
	#shop-products .product-list.list-view .product .image picture{
		height: 225px;
		min-width: 225px;
		max-width: 225px;
	}

	/* PRODUCT DETAILS GALLERY */
	.shop-gallery-rotator .carousel,
	.shop-gallery-rotator .item picture{
		height: 150px;
	}
	
	/* SHOP CART */
	#product-list-view .heading .item,
	#product-list-view .product .item{
		min-width: 48%;
		max-width: 48%;
	}
	#product-list-view .heading .details,
	#product-list-view .product .details,
	#product-list-view .process{
		min-width: 52%;
		max-width: 52%;
	}
	#product-list-view .heading .price,
	#product-list-view .heading .total,
	#product-list-view .product .price,
	#product-list-view .product .total{
		min-width: 100px;
		max-width: 100px;
	}
	#product-list-view .heading .details .quantity{
		min-width: calc(147px + 2rem);
		max-width: calc(147px + 2rem);
	}
	#product-list-view .process{
		margin-left: 48%;
	}
	
	/* CHECKOUT */
	#checkout-customer .heading .info,
	#checkout-shipping .heading .info,
	#checkout-billing .heading .info{
		min-width: 85%;
		max-width: 85%;
	}
	#checkout-customer .heading .info .title,
	#checkout-shipping .heading .info .title,
	#checkout-billing .heading .info .title{
		min-width: 35%;
		max-width: 35%;
	}
	#checkout-customer .heading .info .content,
	#checkout-shipping .heading .info .content,
	#checkout-billing .heading .info .content{
		min-width: 65%;
		max-width: 65%;
	}
	#checkout-customer .heading .edit,
	#checkout-shipping .heading .edit,
	#checkout-billing .heading .edit{
		min-width: 15%;
		max-width: 15%;
	}
	
	/* SHOP CAROUSEL */
	.shop-carousel .control,
	.shop-gallery-rotator .control{
		min-width: 3%;
		max-width: 3%;
	}
	.shop-carousel .carousel,
	.shop-gallery-rotator .carousel{
		min-width: 94%;
		max-width: 94%;
	}

}

/* Tablet (portrait) */
@media(min-width:768px){
	
	/* SHOP PRODUCTS */
	#shop-products .product-list.grid-view .product:nth-child(odd){
		padding-right: 2rem;
	}
	#shop-products .product-list.grid-view .product:nth-child(even){
		padding-left: 2rem;
	}
	#shop-products .product-list.list-view .product .image,
	#shop-products .product-list.list-view .product .image a,
	#shop-products .product-list.list-view .product .image picture{
		height: 300px;
		min-width: 300px;
		max-width: 300px;
	}

	/* PRODUCT DETAILS GALLERY */
	.shop-gallery-rotator .carousel,
	.shop-gallery-rotator .item picture{
		height: 175px;
	}
	
	/* SHOP CART */
	#product-list-view .heading .item,
	#product-list-view .product .item{
		min-width: 42%;
		max-width: 42%;
	}
	#product-list-view .heading .details,
	#product-list-view .product .details,
	#product-list-view .process{
		min-width: 58%;
		max-width: 58%;
	}
	#product-list-view .process{
		margin-left: 42%;
	}
	
}

/* Tablet (landscape) */
@media(min-width:992px){
	
	/* SHOP PRODUCTS */
	#shop-products .product-list.grid-view .product{
		min-width: 33.333333%;
		max-width: 33.333333%;
	}
	#shop-products .product-list.grid-view .product:nth-child(odd){
		padding-right: 0;
	}
	#shop-products .product-list.grid-view .product:nth-child(even){
		padding-left: 0;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+1){
		padding-right: 2rem;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+2){
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+3){
		padding-left: 2rem;
	}
	#shop-products .product-list.list-view .product .image,
	#shop-products .product-list.list-view .product .image a,
	#shop-products .product-list.list-view .product .image picture{
		height: 350px;
		min-width: 350px;
		max-width: 350px;
	}
	
	/* SHOP ROTATOR */
	.shop-rotator .rotator,
	.shop-rotator .rotator picture,
	.quick-view-image{
		height: 350px !important;
	}
	
	/* SHOP CART */
	#product-list-view .heading .item,
	#product-list-view .product .item{
		min-width: 47%;
		max-width: 47%;
	}
	#product-list-view .heading .details,
	#product-list-view .product .details,
	#product-list-view .process{
		min-width: 53%;
		max-width: 53%;
	}
	#product-list-view .process{
		margin-left: 47%;
	}
	
}

/* Desktop */
@media(min-width:1200px){
	
	/* SHOP HOME */
	#filter-head{
		height: 63px;
	}
	
	/* SHOP PRODUCTS */
	#shop-products .product-list.grid-view .product{
		min-width: 50%;
		max-width: 50%;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+1){
		padding-right: 0;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+2){
		padding-left: 0;
		padding-right: 0;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+3){
		padding-left: 0;
	}
	#shop-products .product-list.grid-view .product:nth-child(odd){
		padding-right: 2rem;
	}
	#shop-products .product-list.grid-view .product:nth-child(even){
		padding-left: 2rem;
	}
	#shop-products .product-list .product .image a{
		z-index: 1;
	}
	#shop-products .product-list .product .image .quick-view{
		bottom: 0;
		opacity: 0;
		z-index: 2;
	}
	#shop-products .product-list .product .image:hover .quick-view{
		opacity: 1;
	}
	#shop-products .product-list .product .image:after{
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(var(--black-color-rgba), .25);
		opacity: 0;
		transition: all .3s ease;
	}
	#shop-products .product-list .product .image:hover:after{
		opacity: 1;
	}
	
	
	/* COMPARE PRODUCTS MENU */
	#compare-menu,
	#compare-menu .container{
		height: 80px;
	}
	#compare-menu{
		box-shadow: inset 0 2px 0 0 var(--secondary-color);
	}
	#compare-menu .product picture{
		height: 65px;
		width: 65px;
	}
	[data-remodal-id=compare-products] .product picture{
		height: 250px;
	}
	
	/* SHOP ROTATOR */
	.shop-rotator .rotator,
	.shop-rotator .rotator picture,
	.quick-view-image{
		height: 375px !important;
	}
	.shop-rotator .pager picture{
		height: 70px !important;
	}
	.shop-rotator .pager .control{
		min-width: 5%;
		max-width: 5%;
	}
	.shop-rotator .pager .thumbs{
		min-width: 90%;
		max-width: 90%;
	}	

	/* PRODUCT DETAILS GALLERY */
	.shop-gallery-rotator .carousel,
	.shop-gallery-rotator .item picture{
		height: 200px;
	}
	
	/* SHOP CAROUSEL */
	.shop-carousel .control,
	.shop-gallery-rotator .control{
		min-width: 2%;
		max-width: 2%;
	}
	.shop-carousel .carousel,
	.shop-gallery-rotator .carousel{
		min-width: 96%;
		max-width: 96%;
	}
	
}

@media(min-width:1400px){
	
	/* SHOP PRODUCTS */
	#shop-products .product-list.grid-view .product{
		min-width: 33.333333%;
		max-width: 33.333333%;
	}
	#shop-products .product-list.grid-view .product:nth-child(odd){
		padding-right: 0;
	}
	#shop-products .product-list.grid-view .product:nth-child(even){
		padding-left: 0;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+1){
		padding-right: 2rem;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+2){
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#shop-products .product-list.grid-view .product:nth-child(3n+3){
		padding-left: 2rem;
	}
	
	/* SHOP ROTATOR */
	.shop-rotator .rotator,
	.shop-rotator .rotator picture,
	.quick-view-image{
		height: 400px !important;
	}
	.shop-rotator .pager picture{
		height: 80px !important;
	}
	
	/* COMPARE PRODUCTS MENU */
	[data-remodal-id=compare-products] .product picture{
		height: 300px;
	}
	
}

@media(min-width:1600px){
	
	
}

@media(min-width:1800px){
	
	
}

/* GENERIC STYLES */
[off-canvas]{
	color: var(--dark-gray-color) !important;
}
.bord-all{
    border: 1px solid var(--extra-light-gray-color) !important;
}
.bord-all.bord-gray{
    border: 1px solid var(--gray-color) !important;
}
.bord-all.bord-extra-light-gray{
    border: 1px solid var(--extra-light-gray-color) !important;
}
.bord-all.bord-primary{
    border: 1px solid var(--primary-color) !important;
}
.bord-all.bord-secondary{
    border: 1px solid var(--secondary-color) !important;
}
.bord-top{
    border-top: 1px solid var(--extra-light-gray-color) !important;
}
.bord-top.bord-gray{
    border-top: 1px solid var(--gray-color) !important;
}
.bord-right{
    border-right: 1px solid var(--extra-light-gray-color) !important;
}
.bord-right.bord-gray{
    border-right: 1px solid var(--gray-color) !important;
}
.bord-bottom{
    border-bottom: 1px solid var(--extra-light-gray-color) !important;
}
.bord-bottom.bord-gray{
    border-bottom: 1px solid var(--gray-color) !important;
}
.bord-left{
    border-left: 1px solid var(--extra-light-gray-color) !important;
}
.bord-left.bord-gray{
    border-left: 1px solid var(--gray-color) !important;
}
.list-group-item,
.list-group-item.active{
	border-color: var(--extra-light-gray-color) !important;
}
.hover{
	transition: all .3s ease;
}
.hover:hover{
	opacity: .75;
}
.hover{
	transition: all .3s ease;
}
.hover:hover{
	opacity: .75;
}