/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 27, 2019, 1:34:05 PM
    Author     : eitamar
*/



@media (max-width: 767px) {
  .browse-view .product.vm-col.vm-col-4 {
    max-width: 50%;
  }
  .browse-view .product.vm-col.vm-col-4 .product-price {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
  }
  .browse-view .product.vm-col.vm-col-4 .product-price .PricesalesPrice {
    position: relative;
    left: 0 !important;
    top: auto!important;
    margin: 0 auto;
    width: 100%;
    padding: 0px;
  }
  .browse-view .product.vm-col.vm-col-4 .product-price .PricebasePrice {
    display: none;
    position: relative;
    left: 0 !important;
    top: auto!important;
    margin: 0 auto;
    width: 100%;
  }
  .browse-view .product.vm-col.vm-col-4 .colors_wbox {
    top: 0px;
  }
}

.b-vm-cat-product-p .product-price > div.PricesalesPrice .PricesalesPrice {
    left: 53px;
    top: 120px;
}
.b-vm-cat-product-p .product-price > div.PricebasePrice .PricebasePrice {
    position: relative;
    top: 0px;
    left: 140px;
}

.colors_wbox {
    height: 30px;
    position: relative;
    top: 5px;
}

.productdetails-view .vm-product-container .product-price .PricesalesPrice {
  font-size: 7px;
}
.productdetails-view .vm-product-container .product-price .PricebasePrice {
  display: none;
}

/* mobile menu open buttons */
.dj-megamenu-select-light .dj-mobile-open-btn,
.dj-megamenu-offcanvas.dj-megamenu-offcanvas-light .dj-mobile-open-btn,
.dj-megamenu-accordion-light .dj-mobile-open-btn {
	display: block;
	cursor: pointer;
        margin: 0 auto;
        width: 32px;
	height: 32px;
	font-size: 30px;
	line-height: 1;
	padding: 3px 5px;
	background: #e4e4e4;
	color: #434343;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

/* homepage vm cats module effects */
.vm-categories-wall .come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.vm-categories-wall .come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
}

/* product page*/
.productdetails-view.colorswap .vm-product-container .vm-product-media-container .additional-images {
    display:none;
}