/*
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
*/


.tuscny-btn{
  background-color: #c33;
}

@import url('https://fonts.googleapis.com/css?family=Heebo:400,500,700&display=swap&subset=hebrew');

body, p, h1, h2, h3, h4, h4, a, span{
  font-family: 'Heebo', sans-serif!important;


}
body{
  font-family: 'Heebo', sans-serif!important;
}
ul.vm-categories-wall{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
ul.vm-categories-wall li{
  width: 32%;
  margin-bottom: 18px;
  padding: 0 0 0 0;
  background-image: none;

}
ul.vm-categories-wall li >div{
  position: relative;
}
ul.vm-categories-wall li >div >a >div{
  height: 270px;
  color: #000;
  font-size: 21pt;
  /*text-shadow: 2px 2px 2px #d2d2d2;*/
  text-align: center;
  padding-left: 21px;
  padding-top: 36px;
  font-weight: 400;
  background-size: cover;
  font-family: 'Heebo', sans-serif;
  display: flex;
  justify-content: flex-end;


}
ul.vm-categories-wall li >div >a >div .full-cat-name{
  position: absolute;
bottom: 0px;
right: 00;
background: -webkit-linear-gradient(top,rgba(193,193,193,0.3) 1%,rgba(2,5,4,0.68) 45%,rgba(2,5,4,0.7) 47%,rgba(2,5,4,0.99) 99%,rgba(2,5,4,1) 100%);
background: linear-gradient(to bottom,rgba(193,193,193,0.3) 1%,rgba(2,5,4,0.68) 45%,rgba(2,5,4,0.7) 47%,rgba(2,5,4,0.99) 99%,rgba(2,5,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc1c1c1',endColorstr='#020504',GradientType=0 );
width: 95.5%;
height: 30px;
padding-bottom: 26px;
padding-top: 16px;
padding-right: 21px;
padding-left: 0;
text-align: right;
color: #fff;
font-weight: 400;
font-family: 'Heebo', sans-serif;
}
a.tuscny-btn{
  position: absolute;
  bottom: 22px;
  left: 21px;
  font-size: 14.5pt;
  font-weight: 500;
}

/* homepage categories module  */
#jm-bottom1-in{
  padding: 0;
}
/* exmple */
#jm-footer {
    background: #d2d2d2;
}
.fa-caret-left:before{
      padding-right: 7px;
}

/* product view */
.addtocart-button > input[type="submit"]{
  background-color: #000;
  font-weight: 600;
  font-family: 'Heebo', sans-serif;
}
.productdetails-view span.title{
  text-align: right;
  font-size: 14pt;
}
.productdetails-view .spacer-buy-area .product-price div.PricesalesPrice .PricesalesPrice{
  font-size: 3.0em;
}

@media(max-width:768px){
  #jm-bottom1-space{
    padding-right: 0!important;
    padding-left:  0!important;
  }
  ul.vm-categories-wall li{
    width: 100%;
  }
  ul.vm-categories-wall li >div >a >div{
    text-align: center;
    padding-left: 0 ;
  }
  a.tuscny-btn{
    left: 20px;
  }
  .vm-categories-wall-catname{
    max-width: 100%;
  }

  .vm-product-details-container .addtocart-bar{
    margin-top: 0px !important;
  }
}

@media(max-width:414px){

    #jm-header-top{
      padding-top: 0;
    }
    .browse-view h1{
      margin:  0;
    }
    .browse-view .product.vm-col.vm-col-4{
      max-width: 47%!important;
padding-right: 7vw;
padding-left: 0;
position: relative;
right: 9px;

    }
    .category-view .browse-view > div.row{
      display: flex;
      flex-wrap: wrap;
    }

    .category-view .vm-product-media-container img{
      transform: scale(1.1);
    }
}

.category-view .vm-product-media-container img{
  width: 100%!important
}

.back-to-category a.product-details{
  background: #000;
}

.dj-offcanvas-light .dj-offcanvas-logo{
  padding: 0 52px;
}
.colors_wbox .colors_box .span_color:hover{
  cursor: pointer;
}
#jm-main-space{
  top: 5vh;
}
#jm-breadcrumbs{
  margin-bottom: 0;
}
#jm-breadcrumbs-in li span, #jm-breadcrumbs-in li {
  font-size: 11pt;
  font-weight: 200;
  font-family: 'Heebo', sans-serif!important;
}


/* one page checkout */
/* onepage */
.opg-width-1-5 {
    width: 5%;
}
.opg-panel-box {
    text-align: right!important;
}
hr.opg-hr {
    margin: 5px 0;
}
.opg-panel-box#shipment_select, .opg-panel-box#payment_select {
    width: 48%;
    margin: 0 1%;
    float: right;
}

/* cart sectipn */
.view-cart #t3-mainbody {
    padding-top: 0;
}
/* cart view, onpage chacout modification */
.opg-text-center {
    text-align: center;
}
#billto_fields_div, #logindiv .first-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

  #billto_fields_div>div, #logindiv .first-row>div {
    width: 22.5%;
    margin: 5px 1%;
}
#coupon_code{
  max-width: 200px;
}
#commentbutton{
  display: none;
}

@media(min-width:768px) {
    #billto_fields_div>div {
        width: 22.5%;
        margin: 5px 1%;
    }
}
@media(max-width:767px) {
    #billto_fields_div>div, #logindiv .first-row>div{
      width: 100%;
    }
    .opg-panel-box#shipment_select, .opg-panel-box#payment_select{
      width: 100%;
    }
}
@media(max-width:515px){
  #jm-header-top{
    display: none;
  }
  #jm-main-in{
    padding: 0 8px!important;
  }
  .browse-view .row .product .spacer{
    padding: 0;
  }
  .dj-offcanvas-pusher{
    width: 100%;
    /*overflow: hidden;*/
  }
  #jm-top-bar{
    position: fixed;
  }
  #jm-main-wrapper{
    padding-top: 15px;
    margin-top: 15px;
  }
  .dj-offcanvas-pusher-in{
    overflow: hidden;
  }
  #jm-breadcrumbs{margin-top: 15px;
  }
  .back-to-category{
    margin-bottom: 15px;
    margin-top: 15px;
  }
  #p-1023 #jm-breadcrumbs-in{
    display: none;
  }
}


/* end one page checkout


/* footer */
#jm-footer-mod, #jm-footer{
  background-color: #dfdfdf;
  color: #1a1a1a;
}
#jm-footer-mod h3, #jm-footer-mod .jm-module .jm-title, .jm-module .jm-title span, #jm-footer-mod span{
  font-size: 14px;
  font-weight: 700;
  color:#333;
  font-family: 'Heebo', sans-serif!important;
}
#jm-footer-mod .nav.menu li a, #jm-footer-mod p span{
  color: #777;
  font-size: 13px;
  font-family: 'Heebo', sans-serif!important;
}
.opg-button-primary:active, .opg-button-primary.opg-active, .opg-button-primary{
  background-color: #eeb933;
}

.dj-subcol{
  background-color: #000;
  opacity: 0.6;
}
.productdetails-view .vm-product-container .product-price .PricebasePrice{
  display: inline!important;
}

#gtx-trans{
  display: none;
}