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


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#header hgroup {
margin-bottom: 0.5em;
}

#header #logo {
margin-bottom: 1.2em;
}

#header {
padding-bottom: 0.2em;
padding-top: 1.0em;
}

#header #navigation ul.nav > li a {
font-weight: normal;
}

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
  max-width: 100%;
  height: auto;
  width: auto;
}

body {
  font: 1.3em Century Gothic, sans-serif;
}
::selection      { background:#8BC73C; color:#000; /* Safari and Opera */ }
::-moz-selection  { background:#8BC73C; color:#000; /* Firefox */ }

.widget h3 {
font: 1.5em/1em "Open Sans Condensed",arial,sans-serif;
color: #8BC73C;
}

h1 {
font: 1.5em/1em Open Sans Condensed, sans-serif;
}
h2 {
font: 1.5em/1em Century Gothic, sans-serif;
}
h3 {
font: 1.2em/1em Century Gothic, sans-serif;
}

mark.count {
display: none !important;
}

div.ppt, .pp_description {
    display: none !important;
}

.checkout #shiptobilling input[type="checkbox"] {
    margin-top: 1.5em;
}

p.demo_store {
background: #8BC73C;
}

.star-rating span:before {
  color: #8BC73C;
}

.star-rating {
height: 1.3em;
font-size: 0.8em;
}

p.stars a:hover, p.stars a.active {
background: #8bc73c;
}

ul.sfn-cart-addons li {
list-style-type: none;
width: 20%;
float: left;
margin-right: 3.0%;
text-align: center;
}

.woocommerce-info, .woocommerce-error {
border: 1px solid #8bc73c;
}

.woocommerce_message:before, .woocommerce_info:before, .woocommerce_error:before, .woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before {
content: "R";
color: #8bc73c;
}

.woocommerce_message, .woocommerce_info, .woocommerce_error, .woocommerce-message, .woocommerce-info, .woocommerce-error {
font-weight: normal;
}

.woo-sc-related-posts li { 
list-style: none;
width: 100px;
float: left;
margin:0 10px;
clear: none;
}

/*star color in general (whole website) and when inactive in review form*/
p.stars a.star-1:after,
p.stars a.star-2:after,
p.stars a.star-3:after,
p.stars a.star-4:after,
p.stars a.star-5:after,
.star-rating span:before{
    color:#8BC73C;
}

/*background-color when active and on hover in review form*/
p.stars a:hover, p.stars a.active{
    background:#8BC73C;
}

/*star color and text color when active in review form*/
p.stars a.star-1.active:after,
p.stars a.star-2.active:after,
p.stars a.star-3.active:after,
p.stars a.star-4.active:after,
p.stars a.star-5.active:after,
p.stars a.star-1.active,
p.stars a.star-2.active,
p.stars a.star-3.active,
p.stars a.star-4.active,
p.stars a.star-5.active{
    color:white;
}

/*star and text color on hover in review form*/
p.stars a.star-1:hover,
p.stars a.star-2:hover,
p.stars a.star-3:hover,
p.stars a.star-4:hover,
p.stars a.star-5:hover,
p.stars a.star-1:hover:after,
p.stars a.star-2:hover:after,
p.stars a.star-3:hover:after,
p.stars a.star-4:hover:after,
p.stars a.star-5:hover:after{
    color:#F7F7F7;
}

.single-product .summary .price:first-child {
color: #464646;
font-weight: normal;
}

.price ins {
font-weight: bold;
color: #FF3300;
}

input[type="checkbox"]:checked {
background-color: #8BC73C;
}

.summary .stock:before {
color: #8BC73C;
}

/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}