/*
This file is part of a project by YOUHEY Communication AG.
Unless otherwise stated, all rights are held by the creator.
*/
/* 
    Created on : 16.04.2018, 13:48:45
    Author     : Kilian Frey <kilian.frey@youhey.ch>
*/

.tx-shop-catalog {
  
}

/* list */
.shop--productList {
	
}

.shop--productList--category {
	
}

.shop--productList > .row {
}

.shop--productList>.row>.hidden {
  display: none;
}
.shop--productList>.row>div {
  display:flex;
  /* flex: 1; */
  position: relative;
}

/* list-item */
.productList--product {
	background-color: #fff;
	/*
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
  */
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}

.productList--product--image {
	/* min-height: 350px; */
	/* height: 400px; */
	overflow: hidden;
}

.productList--product--image img {
	/* margin: 12px; */
	/*width: auto;*/
}

.productList--product--title {
	font-size: 1rem;
	height: 70px;
}

.productList--product--title a,
h3.productList--product--title {
	color: inherit;
	margin-bottom: 0;
}

.productList--product--buy {
	padding-left: 27px;
}

.productList--product--buy a.icon-cart:before {
	background-image: url(../img/iconic/cart.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	content: "";
	cursor: pointer;
	height: 27px;
	left: 0px;
	position: absolute;
	width: 27px;
}

.productList--product--basket,
.product--basket {
	bottom: 0;
	margin: 12px 24px 0 0;
}

.productList--product--basket {
	position: absolute;
}

.productList--product--price a,
.product--price {
	color: #e30613;
	font-size: 1.3rem;
	font-weight: bold;
}

.productList--product--price .currency,
.product--price .currency {
	font-size: 0.9rem;
	font-weight: normal;
}

.productList--product--info {
	height: 130px;
	margin: 12px;
  position: absolute;
  bottom: 0;
}

.productList--product--spacer {
	height: 130px;
	margin: 12px;
}

.productList--product--more {
	/*
	background-color: #e30613;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #fff;
	*/
	border-top: 1px solid #333;
	color: inherit;
	display: block;
	padding: 12px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.productList--product--more:hover {
	color: inherit;
}

/* details */
.product--productTitle {
	
}

.product--productTitle h5 {
	margin-bottom: 3px;
}

.product--productTitle .permalink {
	margin-left: 6px;
	opacity: 0.03;
}

.product--productTitle .permalink img {
	height: 1.2rem;
	width: 1.2rem;
}

.shop--productDetail {
	padding: 15px 0;
}

.shop--productDetail--product {
	background-color: #fff;
}

.product--image {
	margin: 12px 0 12px 12px;
}

.product--additionalImages {
	margin: 12px 0 12px 12px;
}

.product--image a,
.product--additionalImages a {
	cursor: zoom-in;
}

.product--additionalImages img {
	margin-bottom: 6px;
}

.product--basket {
	margin-bottom: 12px;
}

.product--description,
.product--keywords {
	background-color: #ddd;
	margin: 2px 12px 12px;
	padding: 12px;
}

.product--keywords {
	background-color: #ff9;
	font-size: 1rem;
}

.product--data p {
	margin-bottom: 3px;
}

.shop--productDetail--paging {
	background-color: #fff;
	margin-bottom: 2px;
	padding: 3px 0;
}

.paging--direction {
}

.paging--direction--left,
.paging--direction--right {
	background-image: url(../img/iconic/chevron-left.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	display: block;
	height: 24px;
	width: 24px;
}

.paging--direction--right {
	background-image: url(../img/iconic/chevron-right.svg);
	float: right;
}

.paging--direction a {
	color: inherit;
}

.paging--direction a:hover {
	text-decoration: none;
}

.paging--info {
	
}

.shop--productDetail--backlink {
	background-color: #fff;
	margin-top: 2px;
	padding: 3px 15px;
}

.shop--productDetail--backlink a {
	background-image: url(../img/iconic/chevron-left.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px;
	color: inherit;
	padding-left: 20px;
}

@media (min-width: 1201px){
	.tx-shop  .shop--productList  .col-lg-3{
		max-width:20%; 
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
	}
}