/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
small {
	display: inline-block;
	font-size: .7em;
	line-height: 1.4em;
	opacity: .8;
}

/*originally unstyled*/
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th {
	padding: 6px 12px;
/*originally 6px 0*/
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: right;
/*originally right*/
	width: auto;
/*originally 48%*/
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin: 0 0 2em;
	padding: 0 1em 1em;
/*originally 0*/
}

.woocommerce .woocommerce_tabs ul.tabs, .woocommerce .woocommerce-tabs ul.tabs {
	background: none repeat scroll 0 0 #dfdfdf;
/*originally #f3f3f3*/
}

.woocommerce .woocommerce_tabs, .woocommerce .woocommerce-tabs {
	border: none;
/*originally 1px solid #e6e6e6*/
}

p.stock.in-stock {
	color: #00bb00 !important;
/*originally defaulted to orange text colour*/
}

hr {
	background-color: transparent;
	border-top: 2px dashed #8c8b8b;
}

.woocommerce #main .onsale {
	left: 0;
	top: 0;
/*originally 6px 6px*/
}

.woocommerce span.onsale {
	background-color: #ff7907 !important;
	color: #fff;
}

.woocommerce ul.products li.product .onsale {
	margin: -.5em -.5em 0 0;
	right: auto;
}

.woocommerce .star-rating {
	color: #ffa71e;
/*originally inherited from body text color*/
}

#reviews .comment-text {
	width: auto !important;
/*originally calculated wrongly*/
}

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 {
	width: auto;
}

.widget>.fb_reset, .widget>.fb-page {
	padding: 0 !important;
}

.widget>h3 {
	margin-top: 0 !important;
}

/*fix for images not showing in firefox/edge*/
.product.has-default-attributes.has-children > .images {
	opacity: 1;
}

/*holiday message*/
#text-7 > h3 {
	background-color: #ffc20e !important;
	color: #000 !important;
}

#text-7 > .textwidget {
	background: #ffe06a !important;
	color: #000 !important;
}

#text-7 > .textwidget a {
	color: #000 !important;
}