/** Shop **************************************************************** **/

/* filter options */
#shop .top-shop-option p {
	height:50px;
	line-height:50px;
}


/** Shop List
 **************************************************************** **/
#shop .item-box-desc h4 {
	font-size:17px;
	letter-spacing:-1px;
	height:64px;
	max-height:64px; /* 54 */
	Xoverflow:hidden;
}

/* bigger price display */
#shop .item-box-desc .item_price{
  font-size: 32px;      /* tweak to taste: 32–44px works well */
  font-weight: 800;     /* uses  Open Sans 800 that’s already loaded */
  line-height: 1.05;
  letter-spacing: -0.02em;
}
/* keep it big but sane on phones */
@media (max-width: 767px){
  #shop .item-box-desc .item_price{ font-size: 28px; }
}
/* if content gets clipped because of the fixed height inline style
#shop .item-box-desc{
  height: auto !important;   // frees space for the bigger price & longer names 
  min-height: 210px;
  
}
*/

/* listitem savings line */
#shop .item-box-desc #bp { display:block; }

#shop .item-box-desc #bp .bp-line{
  display:flex;
  Xjustify-content:space-between; /* <- keeps "Save" to the left */
  justify-content:flex-end;   /* <- keeps "Save" close to the amount, on right */
  align-items:baseline;
  width:100%;
  margin-top:2px;
}

#shop .item-box-desc #bp .bp-label{
  font-size:16px;
  font-weight:600;
  color:#555;
}

#shop .item-box-desc #bp .bp-amount{
  font-size:25px;          /* bigger $XX */
  font-weight:800;
  letter-spacing:-0.01em;
  color:#F07057;
}

#shop .item-box-desc #bp .bp-note{
  display:block;
  font-size:16px;
  color:#6b6b6b;
  margin-top:2px;
}

@media (max-width:767px){
  #shop .item-box-desc #bp .bp-amount{ font-size:20px; }
}
/* /listitem savings line */

#shop .item-box figure {
	height:260px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
}
	#shop .item-box figure img {
		margin:auto;

		-webkit-border-radius:6px;
		   -moz-border-radius:6px;
				border-radius:6px;
	}
#shop .item-box-desc {
	height:170px;
}
#shop .item-box-desc small {
	font-size:16px;
	margin-bottom:0;
}
#shop .item-box-desc small span {
	color:#767676;
	font-size:14px;
	text-decoration: line-through;
}


#shop .item-box a {
	text-decoration:none;
}
#shop .item-box .add_to_cart {
	position:absolute;
	left:0; right:0; bottom:0;
	width:100%;
	z-index:101;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#shop .item-box:hover .add_to_cart {
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-box .item-hover .overlay {
	background-color:rgba(0,0,0,0.3) !important;
}


/** Shop Product
 **************************************************************** **/
#shop h1.product-title,
#shop h2.product-title {
	text-transform:none !important;
	font-size: 2.2em !important;
	font-weight: 300 !important;
	line-height: 42px !important;
	font-weight:bold !important;
	margin-bottom:0 !important;
}
#shop .product-image {
	margin-bottom:20px;
}
#shop .product-image img {
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}


	#shop .productDescription .price {
		font-weight:bold !important;
		font-size:20px !important;
	}
	#shop .productDescription .oldprice {
		text-decoration:line-through;
		display:inline-block;
		padding:0 10px;
		color:#888;
	}
	#shop .productDescription .code {
		color:#999;
		padding:10px;
		display:block;
		font-size:13px;
		padding:0 2px; /* perfectly aligned with h1/h2 title */
	}
	#shop .productDescription .addCartBtn {
		margin:25px 15px 0 15px;
	}
	#shop .productDescription .input-group {
	}

	#shop .productDescription h3 {
		color:#333;
		display:block;
		padding:0 !important;
		margin:0 !important;
		line-height:20px !important;
		font-size:11px !important; 
		font-weight:bold !important;
	}
	#shop .productDescription .desc {
		display:block;
		margin-top:30px;
		padding:10px;
	}
	#shop .productRowInfo {
		display:block;
		margin:20px 0;
	}


	/** facebook like, google+, twitter, etc
	 **************************************************************** **/
	.socialApis h3 {
		color:#333;
		display:block;
		margin:20px 0 !important;
	}
	.socialApis .api {
		display:block;
		margin:5px 0 0 0;
		border-left:#eee 2px solid;
		padding:5px 0 0 10px;
	}

	#addToCartBtn {
		border: #e5e7e9 2px solid;
		border-left:0;
		height: 46px;
	}
	#shop .attributes select {
		width:100%;
	}
	#shop .attributes .col-xs-3 {
		width: 22.8%;
	}
	#shop .attributes .col-xs-4 {
		width: 35.2%;
	}
	


/** Shop Cart
 **************************************************************** **/
#cartContent .item {
	border-bottom:#ddd 1px dotted;
}

#cartContent .cart_img {
	float:left;
	width:100px;
	padding:10px;
	text-align:left;
}
#cartContent .product_name {
	float:left;
	width:50%;
	padding:10px;
}
#cartContent .qty {
	float:right;
	width:160px;
	font-size:15px;
	padding:10px;
	text-align:center;
}
#cartContent .qty input {
	padding:3px; margin:0;
	border:#ccc 1px solid;
	width:50px; margin-right:3px;
	text-align:center;
}
#cartContent .total_price {
	float:right;
	width:150px;
	font-size:15px;
	padding:10px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
}
#cartContent .remove_item {
	float:right;
	padding:5px 0 0 10px;
	width:30px;
}
#cartContent a.remove_item {
	background:#fff;
	border:#eee 1px solid;
	padding-top:0;
	margin-top:10px;
	height:30px;
	line-height:28px;
	font-size:18px;
	text-decoration:none;
	color:#000;
	border-radius:3px;

}
#cartContent .total {
	text-align:right;
	font-weight:bold;
	padding:10px 0;
	text-align:right;
	width:200px;
}
#cartContent .total small {
	font-weight:normal;
	display:block;
}
#cartContent .totalToPay {
	font-size:18px;
	padding:10px 0;
	display:block;
}
#cartContent .btn_update {
	margin-top:20px;
}

#shop-cart-shipping {
	padding:20px 0;
	display:none;
}
.shop-cart-agree {
	padding-top:10px;
	padding-bottom:20px;
}
.shop-cart-checkout-alert {
	margin:30px 0;
}
.shop-cart-checkout-alert label {
	padding:6px 10px 0 10px;
}
.shop-cart-final-payment hr {
	margin:30px 0 6px 0;
}
.shop-cc-icons {
	padding:0 0 20px 20px;
}

/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 768px) {
	#shop .top-shop-option {
		text-align:center;
	}
	#shop .top-shop-option select {
		float:none !important;
		width:100%;
	}

	#cartContent .item.head {
		display:none;
	}
	#cartContent .product_name {
		font-size:11px;
	}
	#cartContent .item .total_price {
		display:none;
	}
	#cartContent .item .qty {
		float:left;
		text-align:left;
	}
}

@media only screen and (max-width: 479px) {
	.shop-cc-icons {
		float:none !important;
		display:block;
		text-align:center;
		padding-left:0;
	}
#shop .item-box figure {
	height:auto;
}
}

/** Display Formats **/
#shop .item-hot {
    box-shadow: 0px 0px 4px 2px #c61818;
}
#shop .item-sale {
    box-shadow: 0px 0px 4px 2px #089e00;
}
#shop .item-special {
	border: 3px dashed #ccc; 
    Xmargin: 0.5em; /* Increased margin since the border expands outside the element, like outline */	
	margin-top: 1em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
}
#shop .item-featured {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 30px, rgba(8, 28, 124, 0.55) 0px 0px 15px;	
}
/* hand drawn border
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    border:solid 5px hsla(0, 95%, 35%, 1);
	margin-top: 1em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
*/