themes-wordpress/varia/style-woocommerce.css

@charset "UTF-8";
/**
 * WooCommerce Styles
 * - These styles should be loaded when WooCommerce is active
 */
/**
 * Abstracts
 * - Mixins, variables and functions
 */
/* Sass Functions go here */
/**
 * Map deep get
 * @author Hugo Giraudel
 * @access public
 * @param {Map} $map - Map
 * @param {Arglist} $keys - Key chain
 * @return {*} - Desired value
 *
 * Example:
 * $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
 */
/**
 * Deep set function to set a value in nested maps
 * @author Hugo Giraudel
 * @access public
 * @param {Map} $map - Map
 * @param {List} $keys -  Key chaine
 * @param {*} $value - Value to assign
 * @return {Map}
 *
 * Example:
 * $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
 */
/**
 * jQuery-style extend function
 * - Child themes can use this function to `reset` the values in
 *   config maps without editing the `master` Sass files.
 * - src: https://www.sitepoint.com/extra-map-functions-sass/
 * - About `map-merge()`:
 * - - only takes 2 arguments
 * - - is not recursive
 * @param {Map} $map - first map
 * @param {ArgList} $maps - other maps
 * @param {Bool} $deep - recursive mode
 * @return {Map}
 *
 * Examples:

$grid-configuration-default: (
	'columns': 12,
	'layouts': (
		'small': 800px,
		'medium': 1000px,
		'large': 1200px,
	),
);

$grid-configuration-custom: (
	'layouts': (
		'large': 1300px,
		'huge': 1500px
	),
);

$grid-configuration-user: (
	'direction': 'ltr',
	'columns': 16,
	'layouts': (
		'large': 1300px,
		'huge': 1500px
	),
);

// $deep: false
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")

// $deep: true
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")

 */
/**
 * Button
 */
/**
 * Cover
 */
/**
 * Heading
 */
/**
 * List
 */
/**
 * Pullquote
 */
/**
 * Quote
 */
/**
 * Separator
 */
/**
 * Responsive breakpoints
 * - breakpoints values are defined in _config-global.scss
 */
/**
 * Align wide widths
 * - Sets .alignwide widths
 */
/**
 * Crop Text Boundry
 * - Sets a fixed-width on content within alignwide and alignfull blocks
 */
/**
 * Button Placeholder style
 * - Since buttons appear in various blocks,
 *   let’s use a placeholder to keep them all
 *   in-sync
 */
body[class*="woocommerce"] #page #respond input#submit,
body[class*="woocommerce"] #page #respond input#submit.alt,
body[class*="woocommerce"] #page a.button,
body[class*="woocommerce"] #page a.button.alt,
body[class*="woocommerce"] #page button.button,
body[class*="woocommerce"] #page button.button.alt,
body[class*="woocommerce"] #page input.button,
body[class*="woocommerce"] #page input.button.alt,
body[class*="woocommerce"] #page .cart .button,
body[class*="woocommerce"] #page .cart input.button,
body[class*="woocommerce"] #page a.added_to_cart,
body[class*="woocommerce"] #page .woocommerce #respond input#submit,
body[class*="woocommerce"] #page .woocommerce a.button,
body[class*="woocommerce"] #page .woocommerce button.button,
body[class*="woocommerce"] #page .woocommerce input.button,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
	line-height: 1;
	color: white;
	cursor: pointer;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 1.2rem;
	background-color: blue;
	border-radius: 9px;
	border-width: 0;
	padding: 16px 16px;
}

body[class*="woocommerce"] #page #respond input#submit:before,
body[class*="woocommerce"] #page #respond input#submit.alt:before,
body[class*="woocommerce"] #page a.button:before,
body[class*="woocommerce"] #page a.button.alt:before,
body[class*="woocommerce"] #page button.button:before,
body[class*="woocommerce"] #page button.button.alt:before,
body[class*="woocommerce"] #page input.button:before,
body[class*="woocommerce"] #page input.button.alt:before,
body[class*="woocommerce"] #page .cart .button:before,
body[class*="woocommerce"] #page a.added_to_cart:before,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
body[class*="woocommerce"] #page .woocommerce a.button:before,
body[class*="woocommerce"] #page .woocommerce button.button:before,
body[class*="woocommerce"] #page .woocommerce input.button:before,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before, body[class*="woocommerce"] #page #respond input#submit:after,
body[class*="woocommerce"] #page #respond input#submit.alt:after,
body[class*="woocommerce"] #page a.button:after,
body[class*="woocommerce"] #page a.button.alt:after,
body[class*="woocommerce"] #page button.button:after,
body[class*="woocommerce"] #page button.button.alt:after,
body[class*="woocommerce"] #page input.button:after,
body[class*="woocommerce"] #page input.button.alt:after,
body[class*="woocommerce"] #page .cart .button:after,
body[class*="woocommerce"] #page a.added_to_cart:after,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
body[class*="woocommerce"] #page .woocommerce a.button:after,
body[class*="woocommerce"] #page .woocommerce button.button:after,
body[class*="woocommerce"] #page .woocommerce input.button:after,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
	content: '';
	display: block;
	height: 0;
	width: 0;
}

body[class*="woocommerce"] #page #respond input#submit:before,
body[class*="woocommerce"] #page #respond input#submit.alt:before,
body[class*="woocommerce"] #page a.button:before,
body[class*="woocommerce"] #page a.button.alt:before,
body[class*="woocommerce"] #page button.button:before,
body[class*="woocommerce"] #page button.button.alt:before,
body[class*="woocommerce"] #page input.button:before,
body[class*="woocommerce"] #page input.button.alt:before,
body[class*="woocommerce"] #page .cart .button:before,
body[class*="woocommerce"] #page a.added_to_cart:before,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
body[class*="woocommerce"] #page .woocommerce a.button:before,
body[class*="woocommerce"] #page .woocommerce button.button:before,
body[class*="woocommerce"] #page .woocommerce input.button:before,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before {
	margin-bottom: -0.12em;
}

body[class*="woocommerce"] #page #respond input#submit:after,
body[class*="woocommerce"] #page #respond input#submit.alt:after,
body[class*="woocommerce"] #page a.button:after,
body[class*="woocommerce"] #page a.button.alt:after,
body[class*="woocommerce"] #page button.button:after,
body[class*="woocommerce"] #page button.button.alt:after,
body[class*="woocommerce"] #page input.button:after,
body[class*="woocommerce"] #page input.button.alt:after,
body[class*="woocommerce"] #page .cart .button:after,
body[class*="woocommerce"] #page a.added_to_cart:after,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
body[class*="woocommerce"] #page .woocommerce a.button:after,
body[class*="woocommerce"] #page .woocommerce button.button:after,
body[class*="woocommerce"] #page .woocommerce input.button:after,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
	margin-top: -0.11em;
}

body[class*="woocommerce"] #page #respond input#submit:hover,
body[class*="woocommerce"] #page a.button:hover,
body[class*="woocommerce"] #page button.button:hover,
body[class*="woocommerce"] #page input.button:hover,
body[class*="woocommerce"] #page .cart .button:hover,
body[class*="woocommerce"] #page a.added_to_cart:hover,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:hover,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:hover, body[class*="woocommerce"] #page #respond input#submit:focus,
body[class*="woocommerce"] #page a.button:focus,
body[class*="woocommerce"] #page button.button:focus,
body[class*="woocommerce"] #page input.button:focus,
body[class*="woocommerce"] #page .cart .button:focus,
body[class*="woocommerce"] #page a.added_to_cart:focus,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:focus,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:focus, body[class*="woocommerce"] #page #respond input.has-focus#submit,
body[class*="woocommerce"] #page a.has-focus.button,
body[class*="woocommerce"] #page button.has-focus.button,
body[class*="woocommerce"] #page input.has-focus.button,
body[class*="woocommerce"] #page .cart .has-focus.button,
body[class*="woocommerce"] #page a.has-focus.added_to_cart,
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a.has-focus,
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.has-focus {
	color: white;
	background-color: indigo;
}

/**
 * WooCommerce
 */
/**
 * Main WooCommerce styles
 */
/**
 * Element Imports
 */
/**
 * Small Note
 */
body[class*="woocommerce"] #page .woocommerce-breadcrumb {
	margin-bottom: 32px;
	font-size: 1rem;
	font-family: sans-serif;
	color: #767676;
}

body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
	color: currentColor;
}

/**
 * Notices
 */
body[class*="woocommerce"] #page .woocommerce-message,
body[class*="woocommerce"] #page .woocommerce-error,
body[class*="woocommerce"] #page .woocommerce-info {
	padding: 16px 32px 16px 64px;
	margin-bottom: 32px;
	background-color: #FAFAFA;
	color: #111111;
	border-top-color: blue;
}

body[class*="woocommerce"] #page .woocommerce-message {
	border-top-color: yellowgreen;
}

body[class*="woocommerce"] #page .woocommerce-message:before {
	color: yellowgreen;
}

body[class*="woocommerce"] #page .woocommerce-error {
	border-top-color: salmon;
}

body[class*="woocommerce"] #page .woocommerce-error:before {
	color: salmon;
}

body[class*="woocommerce"] #page .woocommerce-info {
	border-top-color: blue;
}

body[class*="woocommerce"] #page .woocommerce-info:before {
	color: blue;
}

/**
 * Star ratings
 */
body[class*="woocommerce"] #page span.onsale {
	border-radius: 100%;
	background-color: gold;
	color: #111111;
	font-size: 0.83333rem;
	font-weight: 700;
	font-family: sans-serif;
	min-height: 3.236rem;
	min-width: 3.236rem;
	padding: 0.202rem;
	position: absolute;
	text-align: center;
	line-height: 3.236;
	top: -0.5em;
	right: -0.5em;
	left: auto;
	margin: 0;
	z-index: 9;
}

/**
 * Password strength meter
 */
body[class*="woocommerce"] #page .woocommerce-password-strength {
	text-align: center;
	font-weight: 600;
	padding: 4px;
	font-size: 0.83333rem;
}

body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
	background-color: yellowgreen;
	border-color: none;
}

body[class*="woocommerce"] #page .woocommerce-password-strength.good {
	background-color: gold;
	border-color: none;
}

body[class*="woocommerce"] #page .woocommerce-password-strength.short {
	background-color: salmon;
	border-color: none;
}

body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
	background-color: salmon;
	border-color: none;
}

body[class*="woocommerce"] #page .woocommerce-password-hint {
	font-size: 0.69444rem;
}

/**
 * Remove Icon
 */
body[class*="woocommerce"] #page a.remove {
	font-size: 1.44rem;
	height: 1.44rem;
	width: 1.44rem;
	color: red !important;
}

body[class*="woocommerce"] #page a.remove:hover {
	color: white !important;
	background: red;
}

/**
 * Small Note
 */
body[class*="woocommerce"] #page small.note {
	color: #767676;
	font-size: 0.83333rem;
	margin-top: 16px;
}

/**
 * Star ratings
 */
body[class*="woocommerce"] #page .star-rating::before {
	color: red;
}

body[class*="woocommerce"] #page .star-rating span {
	color: red;
}

/**
 * Tables
 */
body[class*="woocommerce"] #page table.shop_table {
	border-collapse: collapse;
	border: 1px solid #DDDDDD;
	margin-bottom: 32px;
}

body[class*="woocommerce"] #page table.shop_table td {
	border-top: none;
}

body[class*="woocommerce"] #page table.shop_table tr {
	border-bottom: 1px solid #DDDDDD;
}

body[class*="woocommerce"] #page table.shop_attributes {
	border-top-color: #DDDDDD;
	border-top-style: solid;
	margin-bottom: 32px;
}

body[class*="woocommerce"] #page table.shop_attributes th {
	padding: 8px;
	border-bottom-color: #DDDDDD;
	border-bottom-style: solid;
	line-height: 1.78;
}

body[class*="woocommerce"] #page table.shop_attributes td {
	font-style: inherit;
	border-bottom-color: #DDDDDD;
	border-bottom-style: solid;
	line-height: 1.78;
}

body[class*="woocommerce"] #page table.shop_attributes td p {
	margin: 0;
	padding: 8px 0;
}

body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) td,
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) th {
	background: rgba(0, 0, 0, 0.025);
}

body[class*="woocommerce"] #page table td,
body[class*="woocommerce"] #page table th {
	border: inherit;
}

/**
 * Block Imports
 */
/**
 * Button
 */
body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled],
body[class*="woocommerce"] #page .woocommerce a.button.disabled,
body[class*="woocommerce"] #page .woocommerce a.button:disabled,
body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled],
body[class*="woocommerce"] #page .woocommerce button.button.disabled,
body[class*="woocommerce"] #page .woocommerce button.button:disabled,
body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled],
body[class*="woocommerce"] #page .woocommerce input.button.disabled,
body[class*="woocommerce"] #page .woocommerce input.button:disabled,
body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled] {
	cursor: not-allowed;
}

body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled:hover,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled:hover,
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled]:hover,
body[class*="woocommerce"] #page .woocommerce a.button.disabled:hover,
body[class*="woocommerce"] #page .woocommerce a.button:disabled:hover,
body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled]:hover,
body[class*="woocommerce"] #page .woocommerce button.button.disabled:hover,
body[class*="woocommerce"] #page .woocommerce button.button:disabled:hover,
body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled]:hover,
body[class*="woocommerce"] #page .woocommerce input.button.disabled:hover,
body[class*="woocommerce"] #page .woocommerce input.button:disabled:hover,
body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:hover {
	background-color: blue;
}

/**
 * Components Imports
 */
/**
 * Reviews
 */
body[class*="woocommerce"] #page {
	/**
	 * Cart sidebar
	 */
}

body[class*="woocommerce"] #page ul.cart_list li img,
body[class*="woocommerce"] #page ul.product_list_widget li img {
	margin-left: 4px;
	width: 64px;
}

body[class*="woocommerce"] #page ul.cart_list li dl,
body[class*="woocommerce"] #page ul.product_list_widget li dl {
	border-left-color: #DDDDDD;
}

body[class*="woocommerce"] #page ul.cart_list li dl dt,
body[class*="woocommerce"] #page ul.cart_list li dl dd,
body[class*="woocommerce"] #page ul.product_list_widget li dl dt,
body[class*="woocommerce"] #page ul.product_list_widget li dl dd {
	margin-bottom: 32px;
}

body[class*="woocommerce"] #page .widget_shopping_cart .total {
	border-top: 1px solid #DDDDDD;
	padding-top: 16px;
}

body[class*="woocommerce"] #page .widget_shopping_cart .cart_list li {
	border-top: 1px solid #DDDDDD;
	padding: 16px 0 16px 32px;
}

body[class*="woocommerce"] #page .widget_shopping_cart .cart_list li a.remove {
	top: 16px;
}

/**
 * Cart Collaterals
 */
body[class*="woocommerce"] #page .cart-collaterals .cart_totals tr td,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals tr th,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells tr td,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells tr th,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr th,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr th {
	border-top-color: #DDDDDD;
}

body[class*="woocommerce"] #page .cart-collaterals .cart_totals > h2,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > h2,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals > h2,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells > h2 {
	font-size: 1.44rem;
}

body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
	color: #767676;
	font-size: 0.83333rem;
}

body[class*="woocommerce"] #page .cart-collaterals .cart_totals table,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table {
	margin: 0 0 8px;
}

body[class*="woocommerce"] #page .cart-collaterals .cart_totals table td,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table th,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table th {
	line-height: 1.78;
}

body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
	color: #767676;
}

body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
	color: gold;
}

body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button {
	margin-top: 16px;
}

body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
	margin-top: 16px;
}

/**
 * Product loops
 */
#woocommerce-wrapper .products ul,
#woocommerce-wrapper ul.products {
	margin: 0;
	padding: 0;
}

#woocommerce-wrapper ul.products li.product .star-rating {
	margin: inherit;
}

#woocommerce-wrapper ul.products li.product h3,
#woocommerce-wrapper ul.products li.product .woocommerce-loop-product__title,
#woocommerce-wrapper ul.products li.product .woocommerce-loop-category__title {
	padding: inherit;
	margin: inherit;
	font-size: 1rem;
}

#woocommerce-wrapper ul.products li.product a img {
	margin: inherit;
}

#woocommerce-wrapper ul.products li.product .woocommerce-placeholder {
	border-color: #DDDDDD;
}

#woocommerce-wrapper ul.products li.product .star-rating {
	font-size: 0.83333rem;
}

#woocommerce-wrapper ul.products li.product .button {
	margin-top: inherit;
}

#woocommerce-wrapper ul.products li.product .price {
	color: #111111;
	margin-bottom: inherit;
	font-size: 1.2rem;
}

#woocommerce-wrapper ul.products li.product .price del {
	color: inherit;
	opacity: 0.5;
	display: inline-block;
}

#woocommerce-wrapper ul.products li.product .price ins {
	background: none;
	font-weight: 700;
	display: inline-block;
}

#woocommerce-wrapper ul.products li.product .price .from {
	font-size: 0.69444rem;
	color: gold;
}

#woocommerce-wrapper ul.products li.product.sale a > .price ins {
	color: yellowgreen;
}

#woocommerce-wrapper .woocommerce-result-count {
	margin-bottom: 16px;
}

#woocommerce-wrapper .woocommerce-ordering {
	margin-bottom: 16px;
}

#woocommerce-wrapper .woocommerce-ordering select {
	vertical-align: top;
}

#woocommerce-wrapper nav.woocommerce-pagination {
	text-align: center;
}

#woocommerce-wrapper nav.woocommerce-pagination ul {
	display: inline-block;
	white-space: nowrap;
	padding: 0;
	clear: both;
	border-color: #DDDDDD;
	border-right: 0;
	margin: 1px;
}

#woocommerce-wrapper nav.woocommerce-pagination ul li {
	border-color: #DDDDDD;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	overflow: hidden;
}

#woocommerce-wrapper nav.woocommerce-pagination ul li a,
#woocommerce-wrapper nav.woocommerce-pagination ul li span {
	margin: 0;
	text-decoration: none;
	padding: 0;
	line-height: 1;
	font-size: 1em;
	font-weight: normal;
	padding: 0.5em;
	min-width: 1em;
	display: block;
}

#woocommerce-wrapper nav.woocommerce-pagination ul li span.current,
#woocommerce-wrapper nav.woocommerce-pagination ul li a:hover,
#woocommerce-wrapper nav.woocommerce-pagination ul li a:focus {
	background: #DDDDDD;
	color: #767676;
}

/**
 * Reviews
 */
.woocommerce #content {
	/**
	 * Reviews
	 */
}

.woocommerce #content #reviews h2 small {
	color: #767676;
	font-size: 0.83333rem;
	margin: inherit;
}

.woocommerce #content #reviews h2 small a {
	color: currentColor;
}

.woocommerce #content #reviews #comments ol.commentlist li {
	margin-bottom: 16px;
}

.woocommerce #content #reviews #comments ol.commentlist li .meta {
	color: #767676;
	font-size: 0.83333rem;
}

.woocommerce #content #reviews #comments ol.commentlist li img.avatar {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
	width: 32px;
	height: auto;
	background: red;
	border-color: #DDDDDD;
	margin: 0;
	box-shadow: none;
}

.woocommerce #content #reviews #comments ol.commentlist li .comment-text {
	margin: 0 0 0 50px;
	border: 1px solid #f00000;
	border-radius: 4px;
	padding: 1em 1em 0;
}

.woocommerce #content #reviews #comments ol.commentlist li .comment-text p {
	margin: 0 0 1em;
}

.woocommerce #content #reviews #comments ol.commentlist li .comment-text p.meta {
	font-size: 0.83em;
}

.woocommerce #content #reviews #comments ol.commentlist ul.children {
	list-style: none outside;
	margin: 20px 0 0 50px;
}

.woocommerce #content #reviews #comments ol.commentlist ul.children .star-rating {
	display: none;
}

.woocommerce #content #reviews #comments ol.commentlist #respond {
	border: 1px solid #f00000;
	border-radius: 4px;
	padding: 1em 1em 0;
	margin: 20px 0 0 50px;
}

.woocommerce #content #reviews #comments .commentlist > li::before {
	content: "";
}

/**
 * Structure
 */
/**
 * Vertical Space - 32px
 */
.woocommerce #content div.summary > *:not(:first-child),
.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:first-child),
.woocommerce #content .products.related > *:not(:first-child),
.woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
.woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
.woocommerce .woocommerce-billing-fields > *:not(:first-child),
.woocommerce .woocommerce-shipping-fields > *:not(:first-child),
.woocommerce .woocommerce-checkout > *:not(:first-child),
.woocommerce .up-sells > *:not(:first-child) {
	margin-top: 32px;
}

.woocommerce #content div.summary > *:not(:last-child),
.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:last-child),
.woocommerce #content .products.related > *:not(:last-child),
.woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
.woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
.woocommerce .woocommerce-billing-fields > *:not(:last-child),
.woocommerce .woocommerce-shipping-fields > *:not(:last-child),
.woocommerce .woocommerce-checkout > *:not(:last-child),
.woocommerce .up-sells > *:not(:last-child) {
	margin-bottom: 32px;
}

.woocommerce #content div.summary > *:empty + *,
.woocommerce #content div.summary > .form-row-last,
.woocommerce #content div.product .woocommerce-tabs .panel > *:empty + *,
.woocommerce #content div.product .woocommerce-tabs .panel > .form-row-last,
.woocommerce #content .products.related > *:empty + *,
.woocommerce #content .products.related > .form-row-last,
.woocommerce .woocommerce-MyAccount-content > *:empty + *,
.woocommerce .woocommerce-MyAccount-content > .form-row-last,
.woocommerce .woocommerce-EditAccountForm > *:empty + *,
.woocommerce .woocommerce-EditAccountForm > .form-row-last,
.woocommerce .woocommerce-billing-fields > *:empty + *,
.woocommerce .woocommerce-billing-fields > .form-row-last,
.woocommerce .woocommerce-shipping-fields > *:empty + *,
.woocommerce .woocommerce-shipping-fields > .form-row-last,
.woocommerce .woocommerce-checkout > *:empty + *,
.woocommerce .woocommerce-checkout > .form-row-last,
.woocommerce .up-sells > *:empty + *,
.woocommerce .up-sells > .form-row-last {
	margin-top: 0;
}

.woocommerce #content div.summary > *:empty,
.woocommerce #content div.product .woocommerce-tabs .panel > *:empty,
.woocommerce #content .products.related > *:empty,
.woocommerce .woocommerce-MyAccount-content > *:empty,
.woocommerce .woocommerce-EditAccountForm > *:empty,
.woocommerce .woocommerce-billing-fields > *:empty,
.woocommerce .woocommerce-shipping-fields > *:empty,
.woocommerce .woocommerce-checkout > *:empty,
.woocommerce .up-sells > *:empty {
	margin: 0;
}

/**
 * Vertical Space - 16px
 */
#woocommerce-wrapper ul.products li.product a > *:not(:first-child),
#woocommerce-wrapper ul.products li.product-category a > *:not(:first-child),
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:first-child),
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:first-child),
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(:first-child),
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(:first-child) {
	margin-top: 16px;
}

#woocommerce-wrapper ul.products li.product a > *:not(:last-child),
#woocommerce-wrapper ul.products li.product a > .price,
#woocommerce-wrapper ul.products li.product-category a > *:not(:last-child),
#woocommerce-wrapper ul.products li.product-category a > .price,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:last-child),
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .price,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:last-child),
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .price,
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(:last-child),
body[class*="woocommerce"] #page .widget_shopping_cart > .price,
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(:last-child),
body[class*="woocommerce"] #page .widget_shopping_cart_content > .price {
	margin-bottom: 16px;
}

#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + * {
	margin-top: 0;
}

#woocommerce-wrapper ul.products li.product a > *:empty,
#woocommerce-wrapper ul.products li.product-category a > *:empty,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:empty,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:empty,
body[class*="woocommerce"] #page .widget_shopping_cart > *:empty,
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:empty {
	margin: 0;
}

/**
 * Page Imports
 */
/**
 * Account page
 */
.woocommerce-account #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-account #page .woocommerce-MyAccount-content fieldset {
	border: 1px solid #DDDDDD;
	padding: 16px;
	border-radius: 3px;
}

.woocommerce-account #page .addresses .title h3 {
	font-size: 1rem;
}

/**
 * Cart/checkout page
 */
body[class*="woocommerce"] #page table.shop_table {
	border-color: #DDDDDD;
	border-radius: 3px;
}

body[class*="woocommerce"] #page table.shop_table th {
	padding: 8px 16px;
	line-height: 1.78;
}

body[class*="woocommerce"] #page table.shop_table td {
	padding: 8px 16px;
	line-height: 1.78;
}

body[class*="woocommerce"] #page table.shop_table tfoot td,
body[class*="woocommerce"] #page table.shop_table tfoot th,
body[class*="woocommerce"] #page table.shop_table tbody th {
	border-top-color: #DDDDDD;
}

body[class*="woocommerce"] #page table.my_account_orders {
	font-size: 0.83333rem;
}

body[class*="woocommerce"] #page table.my_account_orders th,
body[class*="woocommerce"] #page table.my_account_orders td {
	padding: 4px 8px;
}

body[class*="woocommerce"] #page td.product-name dl.variation dt,
body[class*="woocommerce"] #page td.product-name dl.variation .wc-item-meta-label,
body[class*="woocommerce"] #page td.product-name .wc-item-meta dt,
body[class*="woocommerce"] #page td.product-name .wc-item-meta .wc-item-meta-label {
	margin-right: 8px;
}

body[class*="woocommerce"] #page td.product-name p.backorder_notification {
	font-size: 0.83333rem;
}

body[class*="woocommerce"] #page td.product-quantity {
	min-width: 80px;
}

body[class*="woocommerce"] #page table.cart td.actions .input-text {
	width: inherit;
	float: inherit;
	padding: 16px;
}

body[class*="woocommerce"] #page #add_payment_method table.cart .product-thumbnail {
	min-width: 16px;
}

body[class*="woocommerce"] #page #add_payment_method table.cart img {
	width: 64px;
}

body[class*="woocommerce"] #page #add_payment_method table.cart td.actions .coupon .input-text {
	border-color: #DDDDDD;
	padding: 8px;
	margin: 0 8px 0 0;
}

body[class*="woocommerce"] #page #add_payment_method .wc-proceed-to-checkout {
	padding: 32px 0;
}

body[class*="woocommerce"] #page #add_payment_method .wc-proceed-to-checkout a.checkout-button {
	margin-bottom: 32px;
	font-size: 1.2rem;
	padding: 16px;
}

body[class*="woocommerce"] #page #add_payment_method .checkout .create-account small {
	font-size: 0.69444rem;
	color: #767676;
}

body[class*="woocommerce"] #page #add_payment_method #payment {
	background: #FAFAFA;
	border-radius: 3px;
}

body[class*="woocommerce"] #page #add_payment_method #payment ul.payment_methods {
	padding: 8px;
	border-bottom-color: #DDDDDD;
}

body[class*="woocommerce"] #page #add_payment_method #payment ul.payment_methods li {
	line-height: 1.78;
}

body[class*="woocommerce"] #page #add_payment_method #payment ul.payment_methods li input {
	margin-right: 1.78;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.form-row {
	padding: 8px;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box {
	padding: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 0.83333rem;
	border-radius: 3px;
	line-height: 1.78;
	background-color: #DDDDDD;
	color: #444444;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box input.input-text,
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box textarea {
	border-color: #DDDDDD;
	border-top-color: #DDDDDD;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box ::-webkit-input-placeholder {
	color: #767676;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box :-moz-placeholder {
	color: #767676;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box :-ms-input-placeholder {
	color: #767676;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
	margin-right: 16px;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form {
	margin-top: 16px;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc {
	font-size: 1.44rem;
	padding: 8px;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box span.help {
	font-size: 0.83333rem;
	color: #767676;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .form-row {
	margin: 0 0 32px;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box p:last-child {
	margin-bottom: 0;
}

body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box::before {
	border-bottom-color: #DDDDDD;
	/* arrow size / color */
}

body[class*="woocommerce"] #page #add_payment_method #payment .payment_method_paypal .about_paypal {
	float: right;
	line-height: 52px;
	font-size: 0.83333rem;
}

body[class*="woocommerce"] #page #add_payment_method #payment .payment_method_paypal img {
	max-height: 52px;
	vertical-align: middle;
}

body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
	border-color: #DDDDDD;
}

body[class*="woocommerce"] #page .woocommerce-invalid #terms {
	outline-color: salmon;
}

/**
 * Product Page
 */
.woocommerce #content div.product span.price,
.woocommerce #content div.product p.price {
	color: blue;
	font-size: 1.728rem;
}

.woocommerce #content div.product p.stock {
	font-size: 1rem;
}

.woocommerce #content div.product .stock {
	color: blue;
}

.woocommerce #content div.product .out-of-stock {
	color: red;
}

.woocommerce #content div.product .woocommerce-product-rating {
	margin-bottom: 32px;
}

.woocommerce #content div.product div.images {
	margin-bottom: 32px;
}

.woocommerce #content div.product div.images div.thumbnails {
	padding-top: 16px;
}

.woocommerce #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
	background-color: white;
}

.woocommerce #content div.product div.images .woocommerce-product-gallery__image--placeholder {
	border-color: #FAFAFA;
}

.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger {
	font-size: 1.2rem;
	background: white;
}

.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::before {
	border-color: #AAAAAA;
}

.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::after {
	background-color: #AAAAAA;
}

.woocommerce #content div.product div.summary {
	margin-bottom: 32px;
}

.woocommerce #content div.product div.social {
	margin-bottom: 32px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs {
	padding-left: 16px;
	margin-bottom: 32px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
	border-color: #DDDDDD;
	background-color: red;
	border-radius: 9px 9px 0 0;
	padding-left: 16px;
	padding-right: 16px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a {
	padding-top: 8px;
	padding-bottom: 8px;
	color: red;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover {
	color: #ff3333;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
	background-color: white;
	border-bottom-color: white;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: 2px 2px 0 white;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: -2px 2px 0 white;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
	border-color: #DDDDDD;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before {
	box-shadow: 2px 2px 0 red;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
	box-shadow: -2px 2px 0 red;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs::before {
	border-bottom-color: #DDDDDD;
}

.woocommerce #content div.product .woocommerce-tabs .panel {
	margin-bottom: 32px;
}

.woocommerce #content div.product p.cart {
	margin-bottom: 32px;
}

.woocommerce #content div.product form.cart .variations {
	margin-bottom: 16px;
}

.woocommerce #content div.product form.cart .variations td,
.woocommerce #content div.product form.cart .variations th {
	line-height: 1.78;
}

.woocommerce #content div.product form.cart .variations select {
	margin-right: 16px;
}

.woocommerce #content div.product form.cart .variations td.label {
	padding-right: 16px;
}

.woocommerce #content div.product form.cart .woocommerce-variation-description p {
	margin-bottom: 16px;
}

.woocommerce #content div.product form.cart .reset_variations {
	font-size: 0.83333rem;
}

.woocommerce #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
	padding-right: 16px;
	padding-left: 16px;
}

.woocommerce #content div.product form.cart .group_table td {
	padding-bottom: 16px;
}

.woocommerce #content div.product form.cart div.quantity,
.woocommerce #content div.product form.cart button {
	float: inherit;
	display: inline-block;
	vertical-align: middle;
}

/**
 * Single Product Page
 */
.woocommerce-page #content {
	/**
	 * Remove the bright yellow background on mark elements.
	 */
}

.woocommerce-page #content mark {
	background: transparent;
}

.woocommerce-page #content div.product span.price,
.woocommerce-page #content div.product p.price {
	color: blue;
	font-size: 1.728rem;
}

.woocommerce-page #content div.product p.stock {
	font-size: 1rem;
}

.woocommerce-page #content div.product .stock {
	color: blue;
}

.woocommerce-page #content div.product .out-of-stock {
	color: red;
}

.woocommerce-page #content div.product .woocommerce-product-rating {
	margin-bottom: 32px;
}

.woocommerce-page #content div.product div.images {
	margin-bottom: 32px;
}

.woocommerce-page #content div.product div.images div.thumbnails {
	padding-top: 16px;
}

.woocommerce-page #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
	background-color: white;
}

.woocommerce-page #content div.product div.images .woocommerce-product-gallery__image--placeholder {
	border-color: #FAFAFA;
}

.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger {
	font-size: 1.2rem;
	background: white;
}

.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::before {
	border-color: #AAAAAA;
}

.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::after {
	background-color: #AAAAAA;
}

.woocommerce-page #content div.product div.summary {
	margin-bottom: 32px;
}

.woocommerce-page #content div.product div.social {
	margin-bottom: 32px;
}

.woocommerce-page #content div.product .product_meta > * {
	display: block;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
	padding-left: 16px;
	margin-bottom: 32px;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
	border-color: #DDDDDD;
	background-color: white;
	border-radius: 9px 9px 0 0;
	padding-left: 16px;
	padding-right: 16px;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #444444;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover {
	color: blue;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
	background-color: white;
	border-bottom-color: white;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: 2px 2px 0 white;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: -2px 2px 0 white;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
	border-color: #DDDDDD;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before {
	box-shadow: 2px 2px 0 #DDDDDD;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
	box-shadow: -2px 2px 0 #DDDDDD;
}

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before {
	border-bottom-color: #DDDDDD;
}

.woocommerce-page #content div.product .woocommerce-tabs .panel {
	margin-bottom: 32px;
}

.woocommerce-page #content div.product .woocommerce-tabs .panel > h2 {
	font-size: 1.44rem;
}

.woocommerce-page #content div.product .up-sells > h2 {
	font-size: 1.44rem;
}

.woocommerce-page #content div.product p.cart {
	margin-bottom: 32px;
}

.woocommerce-page #content div.product form.cart .variations {
	margin-bottom: 16px;
}

.woocommerce-page #content div.product form.cart .variations td,
.woocommerce-page #content div.product form.cart .variations th {
	line-height: 1.78;
}

.woocommerce-page #content div.product form.cart .variations select {
	margin-right: 16px;
}

.woocommerce-page #content div.product form.cart .variations td.label {
	padding-right: 16px;
}

.woocommerce-page #content div.product form.cart .woocommerce-variation-description p {
	margin-bottom: 16px;
}

.woocommerce-page #content div.product form.cart .reset_variations {
	font-size: 0.83333rem;
}

.woocommerce-page #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
	padding-right: 16px;
	padding-left: 16px;
}

.woocommerce-page #content div.product form.cart .group_table td {
	padding-bottom: 16px;
}

.woocommerce-page #content div.product form.cart div.quantity,
.woocommerce-page #content div.product form.cart button {
	float: inherit;
	display: inline-block;
	vertical-align: middle;
}