/*-----------------------------------------------------------------------------------

	Theme Name: Backstash Modifications
	Author: Thibo Gommers
	Author URI: https://backstash.io
	Version: 1.0

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/

/******************************************
*******************************************
******* GENERAL
*******************************************
*******************************************/

body{
  font-family: 'Source Sans Pro';
  font-weight: 400;
}
.checkout.breadcrumbs li span{
  padding: 0 7px;
}
.checkout.breadcrumbs li  a{
  padding: 0;
}

.height-seperator{
  height: 1px;
}
.xs-push{
  margin: 5px 0;
}
.sm-push{
  margin: 10px 0;
}
.md-push{
  margin: 15px 0;
}
.lg-push{
  margin: 20px 0;
}
.xl-push{
  margin: 30px 0;
}


footer.variant3 .footer-social{
  text-align: center;
}

/******************************************
*******************************************
******* PRODUCTS GRID
*******************************************
*******************************************/
.title.center h1, .title.center h2{
  font-size: 26px;
}
.product-item.large .product-item-link{
  font-size: 16px;
  font-weight: 400;
}
.product-item.large .product-item-link .artist{
  font-weight: 700;
  opacity: 1;
}
.product-item.large .product-item-link .title{
  opacity: 0.75;
}
.product-item.large .product-item-name .format{
  color: #333745;
  font-size: 14px;
  font-weight: 700;
  margin: 10px 0;
  display: block;
}
.product-item-label.label-preorder{
  top: 12px;
  left: 12px;
  width: 75px;
  background-color: #333745;
  color: #ffffff;
}
.product-item-label.label-lastone{
  top: 12px;
  left: auto;
  right: 12px;
  width: 75px;
  background-color: #d9534f;
  color: #ffffff;
}
.products-listview.product-variant-3 .product-item.large .product-item-label.label-preorder{
  top: 0px;
  left: 0px;
  width: 75px;
}
.products-listview.product-variant-3 .product-item.large .product-item-label.label-preorder{
  top: 0px;
  left: 0px;
  width: 75px;
}
.product-item-label.push-lower{
  top: 50px !important;
}


/******************************************
*******************************************
******* PRODUCT PAGE
*******************************************
*******************************************/

.product-info-block .product-format{
  margin: 15px 0;
  font-weight: 700;
  font-size: 17px;
}

.products-grid.carousel-negative.product-variant-2{
  margin-left: 0;
  margin-right: 0;
}

.product-page-sidebar.title{
  margin-top: -9px;
}

.product-info-block .product-availability span{
    color: #fff !important;
    font-weight: 700;
    font-size: 100%;
}

.product-info-block .product-description,
.product-item-description{
    word-break: break-all;
}

.vat-notice{
  margin-right: 25px;
}


/******************************************
*******************************************
******* FILTERS
*******************************************
*******************************************/

@media screen and (min-width: 992px){
  body:not(.touch) .fixed-scroll {
    padding: 0;
    margin-top: 29px;
  }
}

/******************************************
*******************************************
******* NAVIGATION
*******************************************
*******************************************/

.header-logo img {
  padding: 6px 0 10px 0;
}

.header-account .logged-in-name{
  color: #333745;
}
.page-header.dark:not(.is-sticky) .navbar .header-link > .logged-in-name{
  color: #fff;
}

.header-cart.variant-1 .dropdown-container .block-title{
  font-size: 26px;
}

.account-dropdown{
  list-style: none;
  padding: 0;
}
.account-dropdown li{
  font-size: 15px;
  margin-bottom: 10px;
}

.exp-search-close{
  color: #fff;
  line-height: 40px;
}


/******************************************
*******************************************
******* CART / CUSTOMER DETAILS / PAYMENT
*******************************************
*******************************************/

.header-cart .dropdown-container .product-item-qty input{
  cursor: default;
}

.cart-table .table-row .name a{
  display: block;
}

.cart-table .table-row .format{
  font-size: 14px;
  color: rgb(51, 55, 69);
  font-weight: 400;
  margin: 10px 10px 0 0;
  display: inline-block;
}

.services-list .shipping-option{
  cursor: pointer;
}
.services-list .shipping-option .shipping-price{
  text-align: right;
  font-size: 20px;
  color: rgb(51, 55, 69);
}

.services-list .box-left-icon.active .box-text{
  font-weight: 400;
}
.services-list .box-left-icon.active .box-text .title,
.services-list .box-left-icon.active .shipping-price{
  font-weight: 700;
}
.services-list .box-left-icon .box-text .title,
.services-list .box-left-icon .box-text .shipping-price{
  font-weight: 500;
}

.cart-action a:hover{
  text-decoration: none;
}
.cart-action a{
  line-height: 41px;
}

.empty-cart{
  background: none;
}

.payment-option .box-left-icon{
  padding: 10px;
  background: #eee;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  cursor: pointer;
}
.payment-option:hover .box-left-icon{
  padding: 10px;
  background: #eee;
  border: 1px solid #5e5e5e;
}
.payment-option.active .box-left-icon{
  border: 2px solid #888;
}
.payment-option .box-left-icon .box-icon{
  width: 50px;
}
.payment-option .box-left-icon .box-text{
  font-weight: 400;
}

.order-successful-hide{
  display: none;
}

@media (min-width: 1200px){
  .cart-table .table-row .photo{
    padding: 5px 40px;
  }
}
@media (max-width: 767px){
  .cart-table .table-row .photo{
    padding: 5px 10px;
  }
  .cart-table .table-row .name{
    padding: 30px 0 20px;
  }
  .cart-table .table-row .format{
    font-size: 12px;
  }
}