/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */

h3 { font-size:1.618em; padding:0.143em 0 0em; }

div.ppt {
display:none!important;
}

/* Optional images with no borders */
.customImage img {
padding: 0px;
border: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
} 





ul.products li .price {
top:10px; /* adjust to move ribbon up or down */
right:-6px; /* how far it sticks out the side */
color:transparent;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
/* can be changed to left */
background: transparent; /* change ribbon colour */
}
ul.products li .price:before {
border-color:transparent;
/* change the #d23d46 to same value as the style above to change ribbon ends or set all to transparent to remove */
}
ul.products li .price:after {
border-color: transparent;
/* change the #892026 to a darker value to the one you set in the above or set to transparent to remove the little tuck under the ribbon */
}




/* The flipper */
#featured-products ul.featured-products li.flipper .front {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform-style: preserve- 3 d;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	height: 175px;
	width:185px;
	margin:2px;
	padding:10px;
	z-index: 900;
	background: #fff;
	text-align: centre;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

#featured-products ul.featured-products li.flipper .front a {
	overflow: hidden;
	display: block;
	max-height: 180px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#featured-products ul.featured-products li.flipper .back {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
	z-index: 800;
	text-align: center;
	width: 100%;
	height: 165px;
	width:165px;
	margin:2px;
	padding:10px 20px 20px 20px;
	-webkit-transform: rotatey(-180deg);
	-webkit-transform-style: preserve- 3 d;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	filter: alpha(opacity=@opacity * 100);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	background: #fafafa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#featured-products ul.featured-products li.flipper .back a:hover {
	text-decoration: none !important;
}

#featured-products ul.featured-products li.flipper:hover .front {
  z-index: 900;
  -webkit-transform: rotatey(180deg);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#featured-products ul.featured-products li.flipper:hover .back {
  z-index: 1000;
  -webkit-transform: rotatey(0deg);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}



ul {
	margin: 0 0 0 0;
	list-style: disc outside;
}


h1.site-title { padding:0; }

h2 { font-size:1.849em; padding:0; }

.post-type-archive-product .page-title {
  font-size: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 10px !important;
}