Merge pull request #1563 from Automattic/enhancement/add-wc-support-alves

Alves: Add WooCommerce support

alves/package.json

@@ -36,7 +36,9 @@
     "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
     "build:style": "node-sass sass/style-child-theme.scss style.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style.css",
     "build:style-editor": "node-sass sass/style-child-theme-editor.scss style-editor.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-editor.css",
+    "build:woocommerce": "node-sass sass/style-child-theme-woocommerce.scss style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-woocommerce.css",
     "build:rtl": "rtlcss style.css style-rtl.css",
+    "build:woocommerce-rtl": "rtlcss style-woocommerce.css style-woocommerce-rtl.css",
     "build:print": "node-sass sass/print.scss print.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r print.css",
     "build": "run-p \"build:*\"",
     "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"

alves/sass/_config-child-theme-deep.scss

@@ -92,6 +92,12 @@ $config-global: (
 			"light": #fcfbf9,
 			"dark": #9B6A36,
 		),
+		"alert": (
+			"success": yellowgreen,
+			"info": skyblue,
+			"warning": gold,
+			"error": salmon,
+		),
 		"text-selection": lightblue,
 		"black": black,
 		"white": white,

alves/sass/_config-child-theme-woocommerce.scss

@@ -0,0 +1,55 @@
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+
+$config-woocommerce: (
+
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": wide,
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"background": map-deep-get($config-global, "color", "primary", "default"),
+			"border": map-deep-get($config-global, "color", "background", "default"),
+			"text": map-deep-get($config-global, "color", "background", "default"),
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-global, "color", "primary", "default"),
+			"background-color": map-deep-get($config-global, "color", "background", "default"),
+		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

alves/sass/_extra-child-theme.scss

@@ -215,8 +215,14 @@ blockquote p {
 
 		.main-navigation {
 			align-self: center;
-			justify-self: flex-end;
+			display: flex;
+			justify-content: flex-end;
 			grid-area: main-navigation;
+			flex-wrap: wrap;
+
+			& > div {
+				justify-content: flex-end;
+			}
 
 			& > div > ul {
 				justify-content: flex-end;
@@ -319,7 +325,6 @@ blockquote p {
 	text-align: left;
 }
 
-.main-navigation > div > ul,
 .pagination .nav-links {
 	justify-content: center;
 }

alves/sass/style-child-theme-woocommerce.scss

@@ -0,0 +1,57 @@
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "../../varia/sass/abstracts/functions";
+@import "../../varia/sass/abstracts/config-global";
+
+/**
+ * Child Theme Name Config
+ */
+@import "config-child-theme-deep";
+
+/**
+ * WooCommerce Config
+ */
+@import "config-child-theme-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "../../varia/sass/abstracts/mixins";
+
+/**
+ * Varia Responsive logic
+ */
+@import "../../varia/sass/abstracts/responsive-logic";
+
+/**
+ * Varia Extends
+ */
+@import "../../varia/sass/base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "../../varia/sass/vendors/woocommerce/style";
+
+// Fix margins for header layout
+@include media(mobile) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-right: 0;
+	}
+
+	body[class*="woocommerce"] #page .main-navigation > div:last-of-type {
+		margin-left: #{map-deep-get($config-global, "spacing", "unit")};
+	}
+}
+
+// Fix mini-cart padding
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	padding: #{map-deep-get($config-global, "spacing", "unit")};
+}

alves/style-rtl.css

@@ -188,6 +188,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Base
  * - Reset the browser
  */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link,
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+	line-height: 1;
+	color: #ffffff;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.04167rem;
+	background-color: #3E7D98;
+	border-radius: 160px;
+	border-width: 0;
+	padding: 16px 48px;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+	margin-bottom: -0.12em;
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	margin-top: -0.11em;
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+	color: #ffffff;
+	background-color: #2f5f74;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -859,7 +937,8 @@ footer {
 .post-thumbnail > *,
 .page-content > *,
 .comment-content > *,
-.author-bio > * {
+.author-bio > *,
+.widget-area > .widget > * {
 	margin-top: 16px;
 	margin-bottom: 16px;
 }
@@ -869,7 +948,8 @@ footer {
 .post-thumbnail > *:first-child,
 .page-content > *:first-child,
 .comment-content > *:first-child,
-.author-bio > *:first-child {
+.author-bio > *:first-child,
+.widget-area > .widget > *:first-child {
 	margin-top: 0;
 }
 
@@ -878,7 +958,8 @@ footer {
 .post-thumbnail > *:last-child,
 .page-content > *:last-child,
 .comment-content > *:last-child,
-.author-bio > *:last-child {
+.author-bio > *:last-child,
+.widget-area > .widget > *:last-child {
 	margin-bottom: 0;
 }
 
@@ -1069,77 +1150,8 @@ object {
 }
 
 /**
- * Placeholder button style
- * - Since buttons appear in various blocks,
- *   let’s use a placeholder to keep them all
- *   in-sync
+ * Button
  */
-button,
-.button,
-input[type="submit"],
-.wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
-	line-height: 1;
-	color: #ffffff;
-	cursor: pointer;
-	font-weight: bold;
-	font-family: "Karla", Arial, sans-serif;
-	font-family: var(--font-base, "Karla", Arial, sans-serif);
-	font-size: 1.04167rem;
-	background-color: #3E7D98;
-	border-radius: 160px;
-	border-width: 0;
-	padding: 16px 48px;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
-	margin-bottom: -0.12em;
-}
-
-button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	margin-top: -0.11em;
-}
-
-button:hover,
-.button:hover,
-input:hover[type="submit"],
-.wp-block-button__link:hover,
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
-.button:focus,
-input:focus[type="submit"],
-.wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
-.has-focus.button,
-input.has-focus[type="submit"],
-.has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
-	color: #ffffff;
-	background-color: #2f5f74;
-}
-
 /**
  * Block Options
  */
@@ -2405,7 +2417,7 @@ body:not(.fse-enabled) .site-description {
 	margin: 0;
 }
 
-.main-navigation #toggle:checked ~ div {
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
 	display: block;
 }
 
@@ -2429,7 +2441,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
-		display: block;
+		display: inline-block;
 	}
 	.main-navigation #toggle-menu {
 		display: none;
@@ -2815,6 +2827,13 @@ body:not(.fse-enabled) .footer-menu a {
 .entry-content .more-link {
 	display: block;
 	color: inherit;
+	margin-top: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.entry-content .more-link {
+		margin-top: 32px;
+	}
 }
 
 .entry-content .more-link:after {
@@ -3798,8 +3817,13 @@ blockquote p {
 	}
 	.site-header .main-navigation {
 		align-self: center;
-		justify-self: flex-end;
+		display: flex;
+		justify-content: flex-end;
 		grid-area: main-navigation;
+		flex-wrap: wrap;
+	}
+	.site-header .main-navigation > div {
+		justify-content: flex-end;
 	}
 	.site-header .main-navigation > div > ul {
 		justify-content: flex-end;
@@ -3871,7 +3895,6 @@ blockquote p {
 	text-align: right;
 }
 
-.main-navigation > div > ul,
 .pagination .nav-links {
 	justify-content: center;
 }

alves/style-woocommerce-rtl.css

@@ -0,0 +1,2195 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+	width: calc(100% + 256px);
+	max-width: 100%;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 560px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 640px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+/**
+ * Varia Extends
+ */
+/**
+ * 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: #ffffff;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.04167rem;
+	background-color: #3E7D98;
+	border-radius: 160px;
+	border-width: 0;
+	padding: 16px 48px;
+}
+
+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: #ffffff;
+	background-color: #2f5f74;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #253136;
+	font-size: 1.04167rem;
+	font-weight: 700;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	left: -0.5em;
+	right: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1.25rem;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 64px 16px 32px;
+	margin-bottom: 32px;
+	background-color: #fafafa;
+	color: #253136;
+	border-top-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 1.04167rem;
+}
+
+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.86806rem;
+}
+
+/**
+ * Remove Icon
+ */
+body[class*="woocommerce"] #page a.remove {
+	font-size: 1.8rem;
+	font-family: sans-serif !important;
+	height: 1.8rem;
+	width: 1.8rem;
+	color: red !important;
+}
+
+body[class*="woocommerce"] #page a.remove:hover {
+	color: #ffffff !important;
+	background: red;
+}
+
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page small.note {
+	color: #4d6974;
+	font-size: 1.04167rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #3E7D98;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #3E7D98;
+}
+
+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: #3E7D98;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #3E7D98;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #3E7D98;
+	border-bottom-style: solid;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #3E7D98;
+	border-bottom-style: solid;
+	line-height: 1.6;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #fafafa;
+}
+
+body[class*="woocommerce"] #page table.my_account_orders {
+	font-size: 1.04167rem;
+}
+
+body[class*="woocommerce"] #page table.my_account_orders th,
+body[class*="woocommerce"] #page table.my_account_orders td {
+	padding: 8px;
+}
+
+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: #3E7D98;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.25rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #9B6A36;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #253136;
+	font-size: 1.5rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	left: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 2.16rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #3E7D98;
+}
+
+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.8rem;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
+	color: #4d6974;
+	font-size: 1.04167rem;
+}
+
+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.6;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
+	color: #4d6974;
+}
+
+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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+	display: inline-block;
+	margin: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
+	background-color: #2f5f74;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
+	display: inline;
+}
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
+		background-color: #3E7D98;
+		color: #ffffff;
+		padding: 0;
+		width: 100%;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
+		color: currentColor;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-left: 32px;
+	}
+	body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+		display: none;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	display: none;
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-left: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #394d55;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #4d6974;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: right;
+	height: 1.04167rem;
+	width: 1.04167rem;
+	vertical-align: middle;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+		display: inline-block;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #3E7D98;
+	color: #ffffff;
+	max-width: 100%;
+	padding: 16px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #ffffff;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #ffffff;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
+	background-color: transparent;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: left;
+	color: #3E7D98;
+	background-color: #ffffff;
+	margin: 0;
+	float: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-left: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.25rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-right: auto;
+		margin-left: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.5rem;
+	font-weight: 600;
+	padding-right: calc(0.66 * 16px);
+	padding-left: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #394d55;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 1.04167rem;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1.25rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #3E7D98;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #253136;
+	font-size: 1.5rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.86806rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-right: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #fafafa;
+	border-color: #3E7D98;
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #4d6974;
+	padding-right: 16px;
+	padding-left: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #2f5f74;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: #ffffff;
+	border-color: #3E7D98;
+	border-bottom-color: #ffffff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #253136;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: -2px 2px 0 #ffffff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: 2px 2px 0 #ffffff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: -2px 2px 0 #fafafa;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: 2px 2px 0 #fafafa;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.8rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #4d6974;
+	font-size: 1.04167rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #4d6974;
+	font-size: 1.04167rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #3E7D98;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-right: 64px;
+	border: 1px solid #3E7D98;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #3E7D98;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] .woocommerce-store-notice,
+body[class*="woocommerce"] p.demo_store {
+	background-color: #3E7D98;
+	color: #ffffff;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.8rem;
+		width: 1.8rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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-left: 8px;
+}
+
+body[class*="woocommerce"] #page td.product-name p.backorder_notification {
+	font-size: 1.04167rem;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.8rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.04167rem;
+	margin-left: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-left: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.5rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #3E7D98;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: right;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #3E7D98;
+	border-left-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #3E7D98;
+	padding: 8px;
+	margin: 0 0 0 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.5rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.86806rem;
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #3E7D98;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-left: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 1.04167rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.6;
+	background-color: #d9d9d9;
+	color: #253136;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #3E7D98;
+	border-top-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-left: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.8rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 1.04167rem;
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #d9d9d9;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: left;
+	line-height: 52px;
+	font-size: 1.04167rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.8rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
+	margin-top: 0;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+		width: 20%;
+	}
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #3E7D98;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+		width: calc(80% - 16px);
+	}
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1.25rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2,
+body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
+	font-size: 1.8rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: #ffffff;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #fcfbf9;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.5rem;
+	background: #ffffff;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #9B6A36;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #9B6A36;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #253136;
+	font-size: 2.16rem;
+	line-height: 1.125;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
+	color: currentColor;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
+	font-size: 0.86806rem;
+	color: gold;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1.25rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #3E7D98;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
+.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
+	color: yellowgreen;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.8rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.6;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 1.04167rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: right;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-right: 16px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-right-color: #3E7D98;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #3E7D98;
+	padding: 16px 32px 16px 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #4d6974;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: 24px;
+		margin-left: auto;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div:last-of-type {
+		margin-right: 16px;
+	}
+}

alves/style-woocommerce.css

@@ -0,0 +1,2199 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+	width: calc(100% + 256px);
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 560px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 640px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+/**
+ * Varia Extends
+ */
+/**
+ * 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: #ffffff;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.04167rem;
+	background-color: #3E7D98;
+	border-radius: 160px;
+	border-width: 0;
+	padding: 16px 48px;
+}
+
+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: #ffffff;
+	background-color: #2f5f74;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #253136;
+	font-size: 1.04167rem;
+	font-weight: 700;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1.25rem;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #fafafa;
+	color: #253136;
+	border-top-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 1.04167rem;
+}
+
+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.86806rem;
+}
+
+/**
+ * Remove Icon
+ */
+body[class*="woocommerce"] #page a.remove {
+	font-size: 1.8rem;
+	font-family: sans-serif !important;
+	height: 1.8rem;
+	width: 1.8rem;
+	color: red !important;
+}
+
+body[class*="woocommerce"] #page a.remove:hover {
+	color: #ffffff !important;
+	background: red;
+}
+
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page small.note {
+	color: #4d6974;
+	font-size: 1.04167rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #3E7D98;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #3E7D98;
+}
+
+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: #3E7D98;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #3E7D98;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #3E7D98;
+	border-bottom-style: solid;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #3E7D98;
+	border-bottom-style: solid;
+	line-height: 1.6;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #fafafa;
+}
+
+body[class*="woocommerce"] #page table.my_account_orders {
+	font-size: 1.04167rem;
+}
+
+body[class*="woocommerce"] #page table.my_account_orders th,
+body[class*="woocommerce"] #page table.my_account_orders td {
+	padding: 8px;
+}
+
+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: #3E7D98;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.25rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #9B6A36;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #253136;
+	font-size: 1.5rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	right: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 2.16rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #3E7D98;
+}
+
+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.8rem;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
+	color: #4d6974;
+	font-size: 1.04167rem;
+}
+
+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.6;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
+	color: #4d6974;
+}
+
+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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+	display: inline-block;
+	margin: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
+	background-color: #2f5f74;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
+	display: inline;
+}
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
+		background-color: #3E7D98;
+		color: #ffffff;
+		padding: 0;
+		width: 100%;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
+		color: currentColor;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-right: 32px;
+	}
+	body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+		display: none;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	display: none;
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-right: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #394d55;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #4d6974;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: left;
+	height: 1.04167rem;
+	width: 1.04167rem;
+	vertical-align: middle;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+		display: inline-block;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #3E7D98;
+	color: #ffffff;
+	max-width: 100%;
+	padding: 16px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #ffffff;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #ffffff;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
+	background-color: transparent;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: right;
+	color: #3E7D98;
+	background-color: #ffffff;
+	margin: 0;
+	float: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-right: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.25rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-left: auto;
+		margin-right: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.5rem;
+	font-weight: 600;
+	padding-left: calc(0.66 * 16px);
+	padding-right: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #394d55;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 1.04167rem;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1.25rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #3E7D98;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #253136;
+	font-size: 1.5rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.86806rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #fafafa;
+	border-color: #3E7D98;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #4d6974;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #2f5f74;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: #ffffff;
+	border-color: #3E7D98;
+	border-bottom-color: #ffffff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #253136;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 #ffffff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 #ffffff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #fafafa;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #fafafa;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.8rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #4d6974;
+	font-size: 1.04167rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #4d6974;
+	font-size: 1.04167rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #3E7D98;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-left: 64px;
+	border: 1px solid #3E7D98;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #3E7D98;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] .woocommerce-store-notice,
+body[class*="woocommerce"] p.demo_store {
+	background-color: #3E7D98;
+	color: #ffffff;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.8rem;
+		width: 1.8rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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: 1.04167rem;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.8rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.04167rem;
+	margin-right: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-right: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.5rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #3E7D98;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #3E7D98;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #3E7D98;
+	padding: 8px;
+	margin: 0 16px 0 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.5rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.86806rem;
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #3E7D98;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-right: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 1.04167rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.6;
+	background-color: #d9d9d9;
+	color: #253136;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #3E7D98;
+	border-top-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.8rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 1.04167rem;
+	color: #4d6974;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #d9d9d9;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 1.04167rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	font-size: 1.8rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
+	margin-top: 0;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+		width: 20%;
+	}
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #3E7D98;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+		width: calc(80% - 16px);
+	}
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1.25rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2,
+body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
+	font-size: 1.8rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: #ffffff;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #fcfbf9;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.5rem;
+	background: #ffffff;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #9B6A36;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #9B6A36;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #253136;
+	font-size: 2.16rem;
+	line-height: 1.125;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
+	color: currentColor;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
+	font-size: 0.86806rem;
+	color: gold;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1.25rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #3E7D98;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
+.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
+	color: yellowgreen;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.8rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.6;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 1.04167rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: left;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "Lora", Georgia, sans-serif;
+	font-family: var(--font-headings, "Lora", Georgia, sans-serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-left: 16px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-left-color: #3E7D98;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #3E7D98;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #3E7D98;
+	padding: 16px 0 16px 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #3E7D98;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #4d6974;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: 24px;
+		margin-right: auto;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div:last-of-type {
+		margin-left: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	padding: 16px;
+}

alves/style.css

@@ -188,6 +188,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Base
  * - Reset the browser
  */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link,
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+	line-height: 1;
+	color: #ffffff;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	font-size: 1.04167rem;
+	background-color: #3E7D98;
+	border-radius: 160px;
+	border-width: 0;
+	padding: 16px 48px;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+	margin-bottom: -0.12em;
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	margin-top: -0.11em;
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+	color: #ffffff;
+	background-color: #2f5f74;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -859,7 +937,8 @@ footer {
 .post-thumbnail > *,
 .page-content > *,
 .comment-content > *,
-.author-bio > * {
+.author-bio > *,
+.widget-area > .widget > * {
 	margin-top: 16px;
 	margin-bottom: 16px;
 }
@@ -869,7 +948,8 @@ footer {
 .post-thumbnail > *:first-child,
 .page-content > *:first-child,
 .comment-content > *:first-child,
-.author-bio > *:first-child {
+.author-bio > *:first-child,
+.widget-area > .widget > *:first-child {
 	margin-top: 0;
 }
 
@@ -878,7 +958,8 @@ footer {
 .post-thumbnail > *:last-child,
 .page-content > *:last-child,
 .comment-content > *:last-child,
-.author-bio > *:last-child {
+.author-bio > *:last-child,
+.widget-area > .widget > *:last-child {
 	margin-bottom: 0;
 }
 
@@ -1069,77 +1150,8 @@ object {
 }
 
 /**
- * Placeholder button style
- * - Since buttons appear in various blocks,
- *   let’s use a placeholder to keep them all
- *   in-sync
+ * Button
  */
-button,
-.button,
-input[type="submit"],
-.wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
-	line-height: 1;
-	color: #ffffff;
-	cursor: pointer;
-	font-weight: bold;
-	font-family: "Karla", Arial, sans-serif;
-	font-family: var(--font-base, "Karla", Arial, sans-serif);
-	font-size: 1.04167rem;
-	background-color: #3E7D98;
-	border-radius: 160px;
-	border-width: 0;
-	padding: 16px 48px;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
-	margin-bottom: -0.12em;
-}
-
-button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	margin-top: -0.11em;
-}
-
-button:hover,
-.button:hover,
-input:hover[type="submit"],
-.wp-block-button__link:hover,
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
-.button:focus,
-input:focus[type="submit"],
-.wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
-.has-focus.button,
-input.has-focus[type="submit"],
-.has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
-	color: #ffffff;
-	background-color: #2f5f74;
-}
-
 /**
  * Block Options
  */
@@ -2422,7 +2434,7 @@ body:not(.fse-enabled) .site-description {
 	margin: 0;
 }
 
-.main-navigation #toggle:checked ~ div {
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
 	display: block;
 }
 
@@ -2446,7 +2458,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
-		display: block;
+		display: inline-block;
 	}
 	.main-navigation #toggle-menu {
 		display: none;
@@ -2832,6 +2844,13 @@ body:not(.fse-enabled) .footer-menu a {
 .entry-content .more-link {
 	display: block;
 	color: inherit;
+	margin-top: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.entry-content .more-link {
+		margin-top: 32px;
+	}
 }
 
 .entry-content .more-link:after {
@@ -3827,8 +3846,13 @@ blockquote p {
 	}
 	.site-header .main-navigation {
 		align-self: center;
-		justify-self: flex-end;
+		display: flex;
+		justify-content: flex-end;
 		grid-area: main-navigation;
+		flex-wrap: wrap;
+	}
+	.site-header .main-navigation > div {
+		justify-content: flex-end;
 	}
 	.site-header .main-navigation > div > ul {
 		justify-content: flex-end;
@@ -3900,7 +3924,6 @@ blockquote p {
 	text-align: left;
 }
 
-.main-navigation > div > ul,
 .pagination .nav-links {
 	justify-content: center;
 }

balasana/sass/_config-child-theme-woocommerce.scss

@@ -0,0 +1,55 @@
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+
+$config-woocommerce: (
+
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": wide,
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"background": map-deep-get($config-global, "color", "background", "default"),
+			"border": map-deep-get($config-global, "color", "border", "dark"),
+			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text"),
+			"background-color": map-deep-get($config-button, "color", "background"),
+		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

balasana/sass/style-child-theme-woocommerce.scss

@@ -0,0 +1,41 @@
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "../../varia/sass/abstracts/functions";
+@import "../../varia/sass/abstracts/config-global";
+
+/**
+ * Child Theme Name Config
+ */
+@import "config-child-theme-deep";
+
+/**
+ * WooCommerce Config
+ */
+@import "config-child-theme-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "../../varia/sass/abstracts/mixins";
+
+/**
+ * Varia Responsive Logic
+ */
+@import "../../varia/sass/abstracts/responsive-logic";
+
+/**
+ * Varia Extends
+ */
+@import "../../varia/sass/base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "../../varia/sass/vendors/woocommerce/style";

balasana/style-woocommerce-rtl.css

@@ -0,0 +1,2072 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+	width: calc(100% + 256px);
+	max-width: 100%;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 560px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 640px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+/**
+ * Varia Extends
+ */
+/**
+ * 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: 700;
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	background-color: #19744C;
+	border-radius: 4px;
+	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: #145f3e;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: #e8a600;
+	color: #101010;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	left: -0.5em;
+	right: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 64px 16px 32px;
+	margin-bottom: 32px;
+	background-color: #F0F0F0;
+	color: #101010;
+	border-top-color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: #3e8bff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: #d20000;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: #e8a600;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: #3e8bff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: #3e8bff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success:before {
+	color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error {
+	border-top-color: #d20000;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error:before {
+	color: #d20000;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning {
+	border-top-color: #e8a600;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: #e8a600;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
+	background-color: #19744C;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.good {
+	background-color: #e8a600;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.short {
+	background-color: #d20000;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
+	background-color: #d20000;
+	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;
+	font-family: sans-serif !important;
+	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: #505050;
+	font-size: 0.83333rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: #e8a600;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: #e8a600;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: #e8a600;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #D0D0D0;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #D0D0D0;
+}
+
+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: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #D0D0D0;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #D0D0D0;
+	border-bottom-style: solid;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #D0D0D0;
+	border-bottom-style: solid;
+	line-height: 1.6;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #F0F0F0;
+}
+
+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: 8px;
+}
+
+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: #19744C;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #BC2213;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #101010;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: #19744C;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	left: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #D0D0D0;
+}
+
+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: #505050;
+	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.6;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
+	color: #e8a600;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-left: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #303030;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #505050;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: right;
+	height: 1rem;
+	width: 1rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: white;
+	color: #303030;
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #B0B0B0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #B0B0B0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: left;
+	color: white;
+	background-color: #19744C;
+	margin: 0;
+	float: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-left: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-right: auto;
+		margin-left: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-right: calc(0.66 * 16px);
+	padding-left: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #303030;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #D0D0D0;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #101010;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: #e8a600;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: #19744C;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-right: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #F0F0F0;
+	border-color: #D0D0D0;
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #505050;
+	padding-right: 16px;
+	padding-left: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #145f3e;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #D0D0D0;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #101010;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: -2px 2px 0 #F0F0F0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: 2px 2px 0 #F0F0F0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #505050;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #505050;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #D0D0D0;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-right: 64px;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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-left: 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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	margin-left: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-left: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #D0D0D0;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: right;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #D0D0D0;
+	border-left-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #D0D0D0;
+	padding: 8px;
+	margin: 0 0 0 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #D0D0D0;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-left: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.6;
+	background-color: #D0D0D0;
+	color: #101010;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #D0D0D0;
+	border-top-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-left: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #D0D0D0;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: left;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #d20000;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #d20000;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #D0D0D0;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #F0F0F0;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #B0B0B0;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #B0B0B0;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #101010;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #19744C;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.6;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: right;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-right: 4px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-right-color: #D0D0D0;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #D0D0D0;
+	padding: 16px 32px 16px 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #19744C;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #505050;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: 24px;
+		margin-left: auto;
+	}
+}

balasana/style-woocommerce.css

@@ -0,0 +1,2072 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+	width: calc(100% + 256px);
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 560px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 640px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+/**
+ * Varia Extends
+ */
+/**
+ * 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: 700;
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	background-color: #19744C;
+	border-radius: 4px;
+	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: #145f3e;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: #e8a600;
+	color: #101010;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #F0F0F0;
+	color: #101010;
+	border-top-color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: #3e8bff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: #d20000;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: #e8a600;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: #3e8bff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: #3e8bff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success:before {
+	color: #19744C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error {
+	border-top-color: #d20000;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error:before {
+	color: #d20000;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning {
+	border-top-color: #e8a600;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: #e8a600;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
+	background-color: #19744C;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.good {
+	background-color: #e8a600;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.short {
+	background-color: #d20000;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
+	background-color: #d20000;
+	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;
+	font-family: sans-serif !important;
+	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: #505050;
+	font-size: 0.83333rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: #e8a600;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: #e8a600;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: #e8a600;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #D0D0D0;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #D0D0D0;
+}
+
+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: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #D0D0D0;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #D0D0D0;
+	border-bottom-style: solid;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #D0D0D0;
+	border-bottom-style: solid;
+	line-height: 1.6;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #F0F0F0;
+}
+
+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: 8px;
+}
+
+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: #19744C;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #BC2213;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #101010;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: #19744C;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	right: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #D0D0D0;
+}
+
+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: #505050;
+	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.6;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
+	color: #e8a600;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-right: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #303030;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #505050;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: left;
+	height: 1rem;
+	width: 1rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: white;
+	color: #303030;
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #B0B0B0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #B0B0B0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: right;
+	color: white;
+	background-color: #19744C;
+	margin: 0;
+	float: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-right: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-left: auto;
+		margin-right: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-left: calc(0.66 * 16px);
+	padding-right: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #303030;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #D0D0D0;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #101010;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: #e8a600;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: #19744C;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #F0F0F0;
+	border-color: #D0D0D0;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #505050;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #145f3e;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #D0D0D0;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #101010;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #F0F0F0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #F0F0F0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #505050;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #505050;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #D0D0D0;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-left: 64px;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	margin-right: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-right: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #D0D0D0;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #D0D0D0;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #D0D0D0;
+	padding: 8px;
+	margin: 0 16px 0 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #D0D0D0;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-right: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.6;
+	background-color: #D0D0D0;
+	color: #101010;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #D0D0D0;
+	border-top-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #505050;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #D0D0D0;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #d20000;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #d20000;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #D0D0D0;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #F0F0F0;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #B0B0B0;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #B0B0B0;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #101010;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #19744C;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.6;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: left;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	line-height: 1.125;
+}
+
+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: #D0D0D0;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #D0D0D0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #D0D0D0;
+	padding: 16px 0 16px 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #19744C;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #505050;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: 24px;
+		margin-right: auto;
+	}
+}

brompton/sass/_config-child-theme-woocommerce.scss

@@ -0,0 +1,55 @@
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+
+$config-woocommerce: (
+
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": wide,
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"background": map-deep-get($config-global, "color", "foreground", "default"),
+			"border": map-deep-get($config-global, "color", "secondary", "hover"),
+			"text": map-deep-get($config-global, "color", "secondary", "default"),
+			"subtotal": map-deep-get($config-global, "color", "secondary", "default"),
+			"count": map-deep-get($config-global, "color", "secondary", "default"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text-hover"),
+			"background-color": map-deep-get($config-button, "color", "background-hover"),
+		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

brompton/sass/style-child-theme-woocommerce.scss

@@ -0,0 +1,56 @@
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "../../varia/sass/abstracts/functions";
+@import "../../varia/sass/abstracts/config-global";
+
+/**
+ * Child Theme Name Config
+ */
+@import "config-child-theme-deep";
+
+/**
+ * WooCommerce Config
+ */
+@import "config-child-theme-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "../../varia/sass/abstracts/mixins";
+
+/**
+ * Varia Responsive Logic
+ */
+@import "../../varia/sass/abstracts/responsive-logic";
+
+/**
+ * Varia Extends
+ */
+@import "../../varia/sass/base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "../../varia/sass/vendors/woocommerce/style";
+
+body[class*="woocommerce"] #page {
+	.main-navigation > div > ul > li:hover ul.cart_list li > a,
+	.main-navigation > div > ul > li.focus ul.cart_list li > a,
+	.main-navigation > div > ul > li.current-menu-item ul.cart_list li > a {
+		border-top: none;
+	}
+}
+
+@include media(mobile) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+}

brompton/style-woocommerce-rtl.css

@@ -0,0 +1,2085 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+	width: calc(100% + 256px);
+	max-width: 100%;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 560px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 640px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+/**
+ * Varia Extends
+ */
+/**
+ * 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: #E8E4DD;
+	cursor: pointer;
+	font-weight: 900;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+	background-color: #252E36;
+	border-radius: 4px;
+	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: #E8E4DD;
+	background-color: #C04239;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: #ff9900;
+	color: #474747;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	left: -0.5em;
+	right: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 64px 16px 32px;
+	margin-bottom: 32px;
+	background-color: #CFCDC7;
+	color: #474747;
+	border-top-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: #2d78b9;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: #5bc039;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: #ff9900;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: #2d78b9;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: #2d78b9;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: #5bc039;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success:before {
+	color: #5bc039;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error {
+	border-top-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error:before {
+	color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning {
+	border-top-color: #ff9900;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: #ff9900;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
+	background-color: #5bc039;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.good {
+	background-color: #ff9900;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.short {
+	background-color: #C04239;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
+	background-color: #C04239;
+	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;
+	font-family: sans-serif !important;
+	height: 1.44rem;
+	width: 1.44rem;
+	color: red !important;
+}
+
+body[class*="woocommerce"] #page a.remove:hover {
+	color: #E8E4DD !important;
+	background: red;
+}
+
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page small.note {
+	color: #666666;
+	font-size: 0.83333rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: #ff9900;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: #ff9900;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: #ff9900;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #B9B6B2;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #B9B6B2;
+}
+
+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: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #B9B6B2;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #B9B6B2;
+	border-bottom-style: solid;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #B9B6B2;
+	border-bottom-style: solid;
+	line-height: 1.78;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #CFCDC7;
+}
+
+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: 8px;
+}
+
+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: #C04239;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #FFFFFF;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #474747;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: #5bc039;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	left: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #B9B6B2;
+}
+
+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: #666666;
+	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: #666666;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
+	color: #ff9900;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-left: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #FFFFFF;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #FFFFFF;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: right;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #252E36;
+	color: #FFFFFF;
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: left;
+	color: #E8E4DD;
+	background-color: #C04239;
+	margin: 0;
+	float: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-left: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-right: auto;
+		margin-left: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-right: calc(0.66 * 16px);
+	padding-left: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #252E36;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #B9B6B2;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #474747;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: #ff9900;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: #5bc039;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-right: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #CFCDC7;
+	border-color: #B9B6B2;
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #666666;
+	padding-right: 16px;
+	padding-left: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #252E36;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: #E8E4DD;
+	border-color: #B9B6B2;
+	border-bottom-color: #E8E4DD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #474747;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: -2px 2px 0 #E8E4DD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: 2px 2px 0 #E8E4DD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: -2px 2px 0 #CFCDC7;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: 2px 2px 0 #CFCDC7;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #666666;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #666666;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #B9B6B2;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-right: 64px;
+	border: 1px solid #B9B6B2;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #B9B6B2;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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-left: 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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	margin-left: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-left: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
+	font-family: var(--font-base, Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #B9B6B2;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: right;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #B9B6B2;
+	border-left-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #B9B6B2;
+	padding: 8px;
+	margin: 0 0 0 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #B9B6B2;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-left: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #B9B6B2;
+	color: #474747;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #B9B6B2;
+	border-top-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-left: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #B9B6B2;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: left;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #C04239;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #B9B6B2;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: #E8E4DD;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #CFCDC7;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: #E8E4DD;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #8B8985;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #8B8985;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #474747;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #C04239;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: right;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-right: 4px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-right-color: #B9B6B2;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #B9B6B2;
+	padding: 16px 32px 16px 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #666666;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: 24px;
+		margin-left: auto;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation > div > ul > li:hover ul.cart_list li > a,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.focus ul.cart_list li > a,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.current-menu-item ul.cart_list li > a {
+	border-top: none;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+}

brompton/style-woocommerce.css

@@ -0,0 +1,2085 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+	width: calc(100% + 256px);
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 560px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 640px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+/**
+ * Varia Extends
+ */
+/**
+ * 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: #E8E4DD;
+	cursor: pointer;
+	font-weight: 900;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+	background-color: #252E36;
+	border-radius: 4px;
+	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: #E8E4DD;
+	background-color: #C04239;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: #ff9900;
+	color: #474747;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #CFCDC7;
+	color: #474747;
+	border-top-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: #2d78b9;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: #5bc039;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: #ff9900;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: #2d78b9;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: #2d78b9;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: #5bc039;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success:before {
+	color: #5bc039;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error {
+	border-top-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error:before {
+	color: #C04239;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning {
+	border-top-color: #ff9900;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: #ff9900;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
+	background-color: #5bc039;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.good {
+	background-color: #ff9900;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.short {
+	background-color: #C04239;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
+	background-color: #C04239;
+	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;
+	font-family: sans-serif !important;
+	height: 1.44rem;
+	width: 1.44rem;
+	color: red !important;
+}
+
+body[class*="woocommerce"] #page a.remove:hover {
+	color: #E8E4DD !important;
+	background: red;
+}
+
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page small.note {
+	color: #666666;
+	font-size: 0.83333rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: #ff9900;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: #ff9900;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: #ff9900;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #B9B6B2;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #B9B6B2;
+}
+
+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: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #B9B6B2;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #B9B6B2;
+	border-bottom-style: solid;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #B9B6B2;
+	border-bottom-style: solid;
+	line-height: 1.78;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #CFCDC7;
+}
+
+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: 8px;
+}
+
+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: #C04239;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #FFFFFF;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #474747;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: #5bc039;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	right: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #B9B6B2;
+}
+
+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: #666666;
+	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: #666666;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
+	color: #ff9900;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-right: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #FFFFFF;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #FFFFFF;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: left;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #252E36;
+	color: #FFFFFF;
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: right;
+	color: #E8E4DD;
+	background-color: #C04239;
+	margin: 0;
+	float: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-right: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-left: auto;
+		margin-right: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-left: calc(0.66 * 16px);
+	padding-right: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #252E36;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #B9B6B2;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #474747;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: #ff9900;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: #5bc039;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #CFCDC7;
+	border-color: #B9B6B2;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #666666;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #252E36;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: #E8E4DD;
+	border-color: #B9B6B2;
+	border-bottom-color: #E8E4DD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #474747;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 #E8E4DD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 #E8E4DD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #CFCDC7;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #CFCDC7;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #666666;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #666666;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #B9B6B2;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-left: 64px;
+	border: 1px solid #B9B6B2;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #B9B6B2;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	margin-right: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-right: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
+	font-family: var(--font-base, Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #B9B6B2;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #B9B6B2;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #B9B6B2;
+	padding: 8px;
+	margin: 0 16px 0 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #B9B6B2;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-right: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #B9B6B2;
+	color: #474747;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #B9B6B2;
+	border-top-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #B9B6B2;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #C04239;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #B9B6B2;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: #E8E4DD;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #CFCDC7;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: #E8E4DD;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #8B8985;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #8B8985;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #474747;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #C04239;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: left;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	line-height: 1.125;
+}
+
+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: #B9B6B2;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #B9B6B2;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #B9B6B2;
+	padding: 16px 0 16px 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #C04239;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #666666;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: 24px;
+		margin-right: auto;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation > div > ul > li:hover ul.cart_list li > a,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.focus ul.cart_list li > a,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.current-menu-item ul.cart_list li > a {
+	border-top: none;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+}

coutoire/sass/_config-child-theme-woocommerce.scss

@@ -0,0 +1,55 @@
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+
+$config-woocommerce: (
+
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": default,
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"background": map-deep-get($config-global, "color", "background", "default"),
+			"border": map-deep-get($config-global, "color", "border", "dark"),
+			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text"),
+			"background-color": map-deep-get($config-button, "color", "background"),
+		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

coutoire/sass/style-child-theme-woocommerce.scss

@@ -0,0 +1,41 @@
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "../../varia/sass/abstracts/functions";
+@import "../../varia/sass/abstracts/config-global";
+
+/**
+ * Child Theme Name Config
+ */
+@import "config-child-theme-deep";
+
+/**
+ * WooCommerce Config
+ */
+@import "config-child-theme-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "../../varia/sass/abstracts/mixins";
+
+/**
+ * Varia Responsive Logic
+ */
+@import "../../varia/sass/abstracts/responsive-logic";
+
+/**
+ * Varia Extends
+ */
+@import "../../varia/sass/base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "../../varia/sass/vendors/woocommerce/style";

coutoire/style-woocommerce-rtl.css

@@ -0,0 +1,2017 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+/**
+ * Varia Extends
+ */
+/**
+ * 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: 600;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	background-color: black;
+	border-width: 0;
+	padding: 11.6px 11.6px;
+}
+
+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: #FF7A5C;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: #ffcf49;
+	color: #111111;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	left: -0.5em;
+	right: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 64px 16px 32px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #111111;
+	border-top-color: black;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: #5cacff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: #109c15;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: #ffcf49;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: #5cacff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: #5cacff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: #109c15;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success:before {
+	color: #109c15;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error {
+	border-top-color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error:before {
+	color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning {
+	border-top-color: #ffcf49;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: #ffcf49;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
+	background-color: #109c15;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.good {
+	background-color: #ffcf49;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.short {
+	background-color: #FF7A5C;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
+	background-color: #FF7A5C;
+	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;
+	font-family: sans-serif !important;
+	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: #ffcf49;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: #ffcf49;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: #ffcf49;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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.shop_attributes {
+	border-top-color: #DDDDDD;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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: black;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #FF7A5C;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: #109c15;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	left: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #ffcf49;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-left: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #767676;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: right;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 10px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: white;
+	color: #444444;
+	max-width: 100%;
+	padding: 5px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 10px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: left;
+	color: white;
+	background-color: black;
+	margin: 0;
+	float: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-left: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-right: auto;
+		margin-left: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-right: calc(0.66 * 16px);
+	padding-left: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #DDDDDD;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: #ffcf49;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: #109c15;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-right: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #DDDDDD;
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #767676;
+	padding-right: 16px;
+	padding-left: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #DDDDDD;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #111111;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #DDDDDD;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-right: 64px;
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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-left: 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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 0.83333rem;
+	margin-left: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-left: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
+	font-size: 1.2rem;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #DDDDDD;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: right;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #DDDDDD;
+	border-left-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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 0 0 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-left: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #DDDDDD;
+	color: #111111;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #DDDDDD;
+	border-top-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-left: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #DDDDDD;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: left;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #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: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #FF7A5C;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #DDDDDD;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #111111;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: black;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: right;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-right: 4px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-right-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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 32px 16px 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: black;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #767676;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: 24px;
+		margin-left: auto;
+	}
+}

coutoire/style-woocommerce.css

@@ -0,0 +1,2017 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+/**
+ * Varia Extends
+ */
+/**
+ * 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: 600;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 0.83333rem;
+	background-color: black;
+	border-width: 0;
+	padding: 11.6px 11.6px;
+}
+
+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: #FF7A5C;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: #ffcf49;
+	color: #111111;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #111111;
+	border-top-color: black;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: #5cacff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: #109c15;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: #ffcf49;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: #5cacff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: #5cacff;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: #109c15;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success:before {
+	color: #109c15;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error {
+	border-top-color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-error:before {
+	color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning {
+	border-top-color: #ffcf49;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: #ffcf49;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
+	background-color: #109c15;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.good {
+	background-color: #ffcf49;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.short {
+	background-color: #FF7A5C;
+	border-color: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
+	background-color: #FF7A5C;
+	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;
+	font-family: sans-serif !important;
+	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: #ffcf49;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: #ffcf49;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: #ffcf49;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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.shop_attributes {
+	border-top-color: #DDDDDD;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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: black;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #FF7A5C;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: #109c15;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	right: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #ffcf49;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-right: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #767676;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: left;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 10px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: white;
+	color: #444444;
+	max-width: 100%;
+	padding: 5px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 10px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: right;
+	color: white;
+	background-color: black;
+	margin: 0;
+	float: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-right: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-left: auto;
+		margin-right: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-left: calc(0.66 * 16px);
+	padding-right: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #DDDDDD;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: #ffcf49;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: #109c15;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #DDDDDD;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #767676;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #DDDDDD;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #111111;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #DDDDDD;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-left: 64px;
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 0.83333rem;
+	margin-right: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-right: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
+	font-size: 1.2rem;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #DDDDDD;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #DDDDDD;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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 16px 0 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-right: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #DDDDDD;
+	color: #111111;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #DDDDDD;
+	border-top-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #DDDDDD;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #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: #FF7A5C;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: #FF7A5C;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #DDDDDD;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #111111;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: black;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: left;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+	line-height: 1;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 0 16px 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: black;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #767676;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: 24px;
+		margin-right: auto;
+	}
+}

redhill/sass/_config-child-theme-woocommerce.scss

@@ -0,0 +1,55 @@
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+
+$config-woocommerce: (
+
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": default,
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"background": map-deep-get($config-global, "color", "foreground", "default"),
+			"border": map-deep-get($config-global, "color", "border", "dark"),
+			"text": map-deep-get($config-global, "color", "background", "default"),
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text"),
+			"background-color": map-deep-get($config-button, "color", "background"),
+		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

redhill/sass/style-child-theme-woocommerce.scss

@@ -0,0 +1,74 @@
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "../../varia/sass/abstracts/functions";
+@import "../../varia/sass/abstracts/config-global";
+
+/**
+ * Child Theme Name Config
+ */
+@import "config-child-theme-deep";
+
+/**
+ * WooCommerce Config
+ */
+@import "config-child-theme-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "../../varia/sass/abstracts/mixins";
+
+/**
+ * Varia Responsive Logic
+ */
+@import "../../varia/sass/abstracts/responsive-logic";
+
+/**
+ * Varia Extends
+ */
+@import "../../varia/sass/base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "../../varia/sass/vendors/woocommerce/style";
+
+/**
+ * Remove grid-products flexbox layout
+ */
+
+body[class*="woocommerce"] #page {
+
+	.main-navigation > div > ul > li:hover > a.woocommerce-cart-link,
+	.main-navigation > div > ul > li.focus > a.woocommerce-cart-link,
+	.main-navigation > div > ul > li.current-menu-item > a.woocommerce-cart-link {
+
+		.woocommerce-cart-subtotal,
+		.woocommerce-cart-count {
+			color: currentColor;
+		}
+	}
+
+	@include media(mobile) {
+		.widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+
+			display: inherit;
+
+			& > li {
+				width: inherit;
+
+				&:nth-child(3n+2):last-child {
+					margin-left: inherit;
+					margin-right: inherit;
+				}
+			}
+		}
+	}
+}

redhill/style-woocommerce-rtl.css

@@ -0,0 +1,2043 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+/**
+ * Varia Extends
+ */
+/**
+ * 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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+	background-color: #CA2017;
+	border-radius: 4px;
+	border-width: 0;
+	padding: 16px 24px;
+}
+
+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: #222222;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #111111;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	left: -0.5em;
+	right: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 64px 16px 32px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #111111;
+	border-top-color: #CA2017;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	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;
+	font-family: sans-serif !important;
+	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: #666666;
+	font-size: 0.83333rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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.shop_attributes {
+	border-top-color: #DDDDDD;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #DDDDDD;
+	border-bottom-style: solid;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #DDDDDD;
+	border-bottom-style: solid;
+	line-height: 1.6;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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: #CA2017;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #007FDB;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	left: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #666666;
+	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.6;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
+	color: #666666;
+}
+
+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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-left: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #666666;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: right;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #222222;
+	color: white;
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: left;
+	color: white;
+	background-color: #CA2017;
+	margin: 0;
+	float: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-left: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-right: auto;
+		margin-left: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-right: calc(0.66 * 16px);
+	padding-left: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #DDDDDD;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-right: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #DDDDDD;
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #666666;
+	padding-right: 16px;
+	padding-left: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #DDDDDD;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #111111;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #666666;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #666666;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #DDDDDD;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-right: 64px;
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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-left: 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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 0.83333rem;
+	margin-left: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-left: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #DDDDDD;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: right;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #DDDDDD;
+	border-left-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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 0 0 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-left: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.6;
+	background-color: #DDDDDD;
+	color: #111111;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #DDDDDD;
+	border-top-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-left: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #DDDDDD;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: left;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #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;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #DDDDDD;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #111111;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #CA2017;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.6;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: right;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-right: 4px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-right-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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 32px 16px 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #CA2017;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #666666;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: 24px;
+		margin-left: auto;
+	}
+}
+
+/**
+ * Remove grid-products flexbox layout
+ */
+body[class*="woocommerce"] #page .main-navigation > div > ul > li:hover > a.woocommerce-cart-link .woocommerce-cart-subtotal,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li:hover > a.woocommerce-cart-link .woocommerce-cart-count,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.focus > a.woocommerce-cart-link .woocommerce-cart-subtotal,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.focus > a.woocommerce-cart-link .woocommerce-cart-count,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.current-menu-item > a.woocommerce-cart-link .woocommerce-cart-subtotal,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.current-menu-item > a.woocommerce-cart-link .woocommerce-cart-count {
+	color: currentColor;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		width: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: inherit;
+		margin-left: inherit;
+	}
+}

redhill/style-woocommerce.css

@@ -0,0 +1,2043 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * Child Theme Name Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+/**
+ * Varia Extends
+ */
+/**
+ * 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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+	background-color: #CA2017;
+	border-radius: 4px;
+	border-width: 0;
+	padding: 16px 24px;
+}
+
+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: #222222;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #111111;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * Notices
+ */
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #111111;
+	border-top-color: #CA2017;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	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;
+	font-family: sans-serif !important;
+	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: #666666;
+	font-size: 0.83333rem;
+	margin-top: 16px;
+}
+
+/**
+ * Star ratings
+ */
+body[class*="woocommerce"] #page .star-rating::before {
+	color: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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.shop_attributes {
+	border-top-color: #DDDDDD;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #DDDDDD;
+	border-bottom-style: solid;
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #DDDDDD;
+	border-bottom-style: solid;
+	line-height: 1.6;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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: #CA2017;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #007FDB;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	right: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #666666;
+	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.6;
+}
+
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
+	color: #666666;
+}
+
+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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-right: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #666666;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: left;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #222222;
+	color: white;
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #AAAAAA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: right;
+	color: white;
+	background-color: #CA2017;
+	margin: 0;
+	float: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-right: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-left: auto;
+		margin-right: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-left: calc(0.66 * 16px);
+	padding-right: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #DDDDDD;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #DDDDDD;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #666666;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #DDDDDD;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #111111;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #666666;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #666666;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #DDDDDD;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-left: 64px;
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 0.83333rem;
+	margin-right: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-right: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #DDDDDD;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #DDDDDD;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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 16px 0 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-right: 1.6;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.6;
+	background-color: #DDDDDD;
+	color: #111111;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #DDDDDD;
+	border-top-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #666666;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #DDDDDD;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #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;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #DDDDDD;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #111111;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #CA2017;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.6;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: left;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
+	line-height: 1.125;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 0 16px 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #CA2017;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #666666;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: 24px;
+		margin-right: auto;
+	}
+}
+
+/**
+ * Remove grid-products flexbox layout
+ */
+body[class*="woocommerce"] #page .main-navigation > div > ul > li:hover > a.woocommerce-cart-link .woocommerce-cart-subtotal,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li:hover > a.woocommerce-cart-link .woocommerce-cart-count,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.focus > a.woocommerce-cart-link .woocommerce-cart-subtotal,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.focus > a.woocommerce-cart-link .woocommerce-cart-count,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.current-menu-item > a.woocommerce-cart-link .woocommerce-cart-subtotal,
+body[class*="woocommerce"] #page .main-navigation > div > ul > li.current-menu-item > a.woocommerce-cart-link .woocommerce-cart-count {
+	color: currentColor;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		width: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: inherit;
+		margin-right: inherit;
+	}
+}

shawburn/sass/_config-child-theme-woocommerce.scss

@@ -0,0 +1,48 @@
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+
+$config-woocommerce: (
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"subtotal": map-deep-get($config-global, "color", "white"),
+			"count": map-deep-get($config-global, "color", "white"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-global, "color", "primary", "default"),
+			"background-color": map-deep-get($config-global, "color", "white"),
+		),
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

shawburn/sass/style-child-theme-woocommerce.scss

@@ -0,0 +1,35 @@
+/**
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "../../varia/sass/abstracts/functions";
+
+/**
+ * Shawburn Config
+ */
+@import "config-child-theme-deep";
+
+/**
+ * WooCommerce Config
+ */
+@import "config-child-theme-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "../../varia/sass/abstracts/mixins";
+
+/**
+ * Varia Extends
+ */
+@import "../../varia/sass/base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "../../varia/sass/vendors/woocommerce/style";

shawburn/style-woocommerce-rtl.css

@@ -0,0 +1,1985 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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")
+
+ */
+/**
+ * Shawburn Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Extends
+ */
+/**
+ * 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: 700;
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	font-size: 0.83333rem;
+	background-color: #0C80A1;
+	border-radius: 4px;
+	border-width: 0;
+	padding: 16px 24px;
+}
+
+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: #085a72;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #222222;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	left: -0.5em;
+	right: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, 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-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 64px 16px 32px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #222222;
+	border-top-color: #0C80A1;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	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;
+	font-family: sans-serif !important;
+	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: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #EAEAEA;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #EAEAEA;
+}
+
+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: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #EAEAEA;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #EAEAEA;
+	border-bottom-style: solid;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #EAEAEA;
+	border-bottom-style: solid;
+	line-height: 1.78;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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: #0C80A1;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #D4401C;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #222222;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	left: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #EAEAEA;
+}
+
+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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-left: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: white;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: white;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: right;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: left;
+	color: #0C80A1;
+	background-color: white;
+	margin: 0;
+	float: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-left: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-right: auto;
+		margin-left: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-right: calc(0.66 * 16px);
+	padding-left: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #EAEAEA;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #222222;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-right: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #EAEAEA;
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #767676;
+	padding-right: 16px;
+	padding-left: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #085a72;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #EAEAEA;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #222222;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #EAEAEA;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-right: 64px;
+	border: 1px solid #EAEAEA;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #EAEAEA;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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-left: 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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 0.83333rem;
+	margin-left: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-left: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #EAEAEA;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: right;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #EAEAEA;
+	border-left-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #EAEAEA;
+	padding: 8px;
+	margin: 0 0 0 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #EAEAEA;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-left: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #EAEAEA;
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #EAEAEA;
+	border-top-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-left: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #EAEAEA;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: left;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #EAEAEA;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #DADADA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #DADADA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #222222;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #0C80A1;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: right;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-right: 4px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-right-color: #EAEAEA;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #EAEAEA;
+	padding: 16px 32px 16px 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #0C80A1;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #767676;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: 24px;
+		margin-left: auto;
+	}
+}

shawburn/style-woocommerce.css

@@ -0,0 +1,1985 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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")
+
+ */
+/**
+ * Shawburn Config
+ */
+/**
+ * Redefine Sass map values for child theme output.
+ * - See: style-child-theme.scss
+ */
+/**
+ * Global
+ */
+/**
+ * Elements
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Header
+ */
+/**
+ * Footer
+ */
+/**
+ * WooCommerce Config
+ */
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Extends
+ */
+/**
+ * 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: 700;
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	font-size: 0.83333rem;
+	background-color: #0C80A1;
+	border-radius: 4px;
+	border-width: 0;
+	padding: 16px 24px;
+}
+
+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: #085a72;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #222222;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, 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-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #222222;
+	border-top-color: #0C80A1;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	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;
+	font-family: sans-serif !important;
+	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: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #EAEAEA;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #EAEAEA;
+}
+
+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: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes {
+	border-top-color: #EAEAEA;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #EAEAEA;
+	border-bottom-style: solid;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #EAEAEA;
+	border-bottom-style: solid;
+	line-height: 1.78;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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: #0C80A1;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: #D4401C;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #222222;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	right: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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: #EAEAEA;
+}
+
+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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-right: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: white;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: white;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: left;
+	height: 0.83333rem;
+	width: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+	padding: 0 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
+		padding: 0;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	max-width: 100%;
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: right;
+	color: #0C80A1;
+	background-color: white;
+	margin: 0;
+	float: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-right: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-left: auto;
+		margin-right: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-left: calc(0.66 * 16px);
+	padding-right: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #EAEAEA;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #222222;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #EAEAEA;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #767676;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: #085a72;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #EAEAEA;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #222222;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #EAEAEA;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-left: 64px;
+	border: 1px solid #EAEAEA;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #EAEAEA;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 0.83333rem;
+	margin-right: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-right: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #EAEAEA;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #EAEAEA;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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: #EAEAEA;
+	padding: 8px;
+	margin: 0 16px 0 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #EAEAEA;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-right: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #EAEAEA;
+	color: #222222;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #EAEAEA;
+	border-top-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #EAEAEA;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
+	width: 20%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: calc(80% - 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #EAEAEA;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #DADADA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #DADADA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #222222;
+	font-size: 1.728rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: #0C80A1;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: left;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
+	line-height: 1.125;
+}
+
+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: #EAEAEA;
+}
+
+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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #EAEAEA;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #EAEAEA;
+	padding: 16px 0 16px 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: #0C80A1;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #767676;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: 24px;
+		margin-right: auto;
+	}
+}

varia/classes/class-varia-svg-icons.php

@@ -19,7 +19,7 @@
  *
  * @since 1.0.0
  */
-class TwentyNineteen_SVG_Icons {
+class Varia_SVG_Icons {
 
 	/**
 	 * Gets the SVG code for a given icon.
@@ -168,6 +168,11 @@ class TwentyNineteen_SVG_Icons {
     </g>
 </svg>',
 
+		'shopping_cart' => /* material-design - shopping_cart */ '
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+	<path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z" fill="currentColor"/>
+	<path d="M0 0h24v24H0z" fill="none"/>
+</svg>',
 	);
 
 	/**

varia/classes/class-varia-walker-comment.php

@@ -12,7 +12,7 @@
  *
  * @since 1.0.0
  */
-class TwentyNineteen_Walker_Comment extends Walker_Comment {
+class Varia_Walker_Comment extends Walker_Comment {
 
 	/**
 	 * Outputs a comment in the HTML5 format.

varia/functions.php

@@ -317,3 +317,10 @@ require get_template_directory() . '/inc/icon-functions.php';
  * Custom template tags for the theme.
  */
 require get_template_directory() . '/inc/template-tags.php';
+
+/**
+ * Load WooCommerce compatibility file.
+ */
+if ( class_exists( 'WooCommerce' ) ) {
+	require get_template_directory() . '/inc/woocommerce.php';
+}

varia/inc/icon-functions.php

@@ -11,21 +11,21 @@
  * Gets the SVG code for a given icon.
  */
 function varia_get_icon_svg( $icon, $size = 24 ) {
-	return TwentyNineteen_SVG_Icons::get_svg( 'ui', $icon, $size );
+	return Varia_SVG_Icons::get_svg( 'ui', $icon, $size );
 }
 
 /**
  * Gets the SVG code for a given social icon.
  */
 function varia_get_social_icon_svg( $icon, $size = 24 ) {
-	return TwentyNineteen_SVG_Icons::get_svg( 'social', $icon, $size );
+	return Varia_SVG_Icons::get_svg( 'social', $icon, $size );
 }
 
 /**
  * Detects the social network from a URL and returns the SVG code for its icon.
  */
 function varia_get_social_link_svg( $uri, $size = 24 ) {
-	return TwentyNineteen_SVG_Icons::get_social_link_svg( $uri, $size );
+	return Varia_SVG_Icons::get_social_link_svg( $uri, $size );
 }
 
 /**

varia/inc/woocommerce.php

@@ -0,0 +1,222 @@
+<?php
+/**
+ * WooCommerce Compatibility File
+ *
+ * @link https://woocommerce.com/
+ *
+ * @package Varia
+ */
+/**
+ * WooCommerce setup function.
+ *
+ * @link https://docs.woocommerce.com/document/third-party-custom-theme-compatibility/
+ * @link https://github.com/woocommerce/woocommerce/wiki/Enabling-product-gallery-features-(zoom,-swipe,-lightbox)-in-3.0.0
+ *
+ * @return void
+ */
+function varia_woocommerce_setup() {
+	add_theme_support( 'woocommerce', apply_filters( 'varia_woocommerce_args', array(
+		'single_image_width'    => 750,
+		'thumbnail_image_width' => 350,
+		'product_grid'          => array(
+			'default_columns' => 3,
+			'default_rows'    => 6,
+			'min_columns'     => 1,
+			'max_columns'     => 6,
+			'min_rows'        => 1
+		)
+	) ) );
+	add_theme_support( 'wc-product-gallery-zoom' );
+	add_theme_support( 'wc-product-gallery-lightbox' );
+	add_theme_support( 'wc-product-gallery-slider' );
+}
+add_action( 'after_setup_theme', 'varia_woocommerce_setup' );
+
+/**
+ * Add a custom wrapper for woocomerce content
+ */
+function varia_wrapper_start() {
+	echo '<article id="woocommerce-wrapper" class="responsive-max-width">';
+}
+add_action('woocommerce_before_main_content', 'varia_wrapper_start', 10);
+
+function varia_wrapper_end() {
+	echo '</article>';
+}
+add_action('woocommerce_after_main_content', 'varia_wrapper_end', 10);
+
+/**
+ * Display category image on category archive
+ */
+function varia_category_image() {
+    if ( is_product_category() ){
+		global $wp_query;
+		$cat = $wp_query->get_queried_object();
+		$thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_id', true );
+		$image = wp_get_attachment_url( $thumbnail_id );
+		if ( $image ) {
+			echo '<img src="' . $image . '" alt="' . $cat->name . '" />';
+		}
+	}
+}
+add_action( 'woocommerce_archive_description', 'varia_category_image', 2 );
+
+/**
+ * Remove WooCommerce Sidebar
+ */
+remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
+
+/**
+ * Enqueue scripts and styles.
+ */
+function varia_woocommerce_scripts() {
+
+	// WooCommerce styles
+	wp_enqueue_style( 'varia-woocommerce-style', get_stylesheet_directory_uri() . '/style-woocommerce.css', array(), wp_get_theme()->get( 'Version' ) );
+
+	// WooCommerce RTL styles
+	wp_style_add_data( 'varia-woocommerce-style', 'rtl', 'replace' );
+
+}
+add_action( 'wp_enqueue_scripts', 'varia_woocommerce_scripts' );
+
+/**
+ * Setup cart link for main menu
+ */
+if ( ! function_exists( 'varia_cart_link' ) ) {
+	/**
+	 * Cart Link
+	 * Display a link to the cart including the number of items present and the cart total
+	 *
+	 * @return void
+	 * @since  1.0.0
+	 */
+	function varia_cart_link() {
+
+		$link_output = sprintf(
+			'<a class="woocommerce-cart-link" href="%1$s" title="%2$s">
+				%3$s
+				<span class="woocommerce-cart-subtotal">%4$s</span>
+				<small class="woocommerce-cart-count">%5$s</small>
+			</a>',
+			esc_url( wc_get_cart_url() ),
+			esc_attr__( 'View your shopping cart', 'varia' ),
+			varia_get_icon_svg( 'shopping_cart', 16 ),
+			wp_kses_post( WC()->cart->get_cart_subtotal() ),
+			wp_kses_data( sprintf( _n( '%d item', '%d items', WC()->cart->get_cart_contents_count(), 'varia' ), WC()->cart->get_cart_contents_count() ) )
+		);
+
+		return $link_output;
+	}
+}
+
+/**
+ * Setup cart fragments
+ */
+if ( ! function_exists( 'varia_cart_subtotal_fragment' ) ) {
+	/**
+	 * Cart Subtotal Fragments
+	 * Ensure cart subtotal amount update when products are added to the cart via AJAX
+	 *
+	 * @param  array $fragments Fragments to refresh via AJAX.
+	 * @return array            Fragments to refresh via AJAX
+	 */
+	function varia_cart_subtotal_fragment( $fragments ) {
+		ob_start();
+		echo '<span class="woocommerce-cart-subtotal">' . wp_kses_post( WC()->cart->get_cart_subtotal() ) . '</span>';
+		$fragments['.woocommerce-cart-subtotal'] = ob_get_clean();
+		return $fragments;
+	}
+}
+
+if ( ! function_exists( 'varia_cart_count_fragment' ) ) {
+	/**
+	 * Cart Count Fragments
+	 * Ensure cart item count update when products are added to the cart via AJAX
+	 *
+	 * @param  array $fragments Fragments to refresh via AJAX.
+	 * @return array            Fragments to refresh via AJAX
+	 */
+	function varia_cart_count_fragment( $fragments ) {
+		ob_start();
+		echo '<small class="woocommerce-cart-count">' . wp_kses_data( sprintf( _n( '%d item', '%d items', WC()->cart->get_cart_contents_count(), 'varia' ), WC()->cart->get_cart_contents_count() ) ) . '</small>';
+		$fragments['.woocommerce-cart-count'] = ob_get_clean();
+		return $fragments;
+	}
+}
+
+/**
+ * Setup cart widget for mini-cart dropdown
+ */
+if ( ! function_exists( 'varia_cart_widget' ) ) {
+	/**
+	 * Cart Items List
+	 * Ensure cart contents update when products are added to the cart via AJAX
+	 *
+	 * @param  array $fragments Fragments to refresh via AJAX.
+	 * @return array            Fragments to refresh via AJAX
+	 */
+	function varia_cart_widget() {
+		ob_start();
+		the_widget( 'WC_Widget_Cart', 'title=' );
+		$widget_output = ob_get_contents();
+		ob_end_clean();
+		return $widget_output;
+	}
+}
+
+/**
+ * Add cart fragment filters
+ *
+ * @see varia_cart_subtotal_fragment() and varia_cart_count_fragment()
+ */
+if ( defined( 'WC_VERSION' ) && version_compare( WC_VERSION, '2.3', '>=' ) ) {
+	add_filter( 'woocommerce_add_to_cart_fragments', 'varia_cart_subtotal_fragment', 10, 1 );
+	add_filter( 'woocommerce_add_to_cart_fragments', 'varia_cart_count_fragment', 10, 1 );
+} else {
+	add_filter( 'add_to_cart_fragments', 'varia_cart_subtotal_fragment' );
+	add_filter( 'add_to_cart_fragments', 'varia_cart_count_fragment' );
+}
+
+/**
+ * Add WooCommerce mini-cart link to primary menu
+ */
+function varia_add_cart_menu( $nav, $args ) {
+	if ( $args->theme_location == 'menu-1' ) {
+		return sprintf(
+			'%1$s
+			</ul></div>
+			<input type="checkbox" role="button" aria-haspopup="true" id="woocommerce-toggle" class="hide-visually">
+			<label for="woocommerce-toggle" id="toggle-cart" class="button">%2$s %3$s
+				<span class="dropdown-icon open">+</span>
+				<span class="dropdown-icon close">×</span>
+				<span class="hide-visually expanded-text">%4$s</span>
+				<span class="hide-visually collapsed-text">%5$s</span>
+			</label>
+			<div class="woocommerce-menu-container">
+			<ul id="woocommerce-menu" class="main-menu" aria-label="submenu">
+			<li class="menu-item woocommerce-menu-item %10$s" title="%6$s">
+				%8$s
+				<ul class="sub-menu">
+					<li class="woocommerce-cart-widget" title="%7$s">
+						%9$s
+					</li>
+				</ul>
+			</li>',
+			$nav,
+			varia_get_icon_svg( 'shopping_cart', 16 ),
+			esc_html__( 'Cart', 'varia' ),
+			esc_html__( 'expanded', 'varia' ),
+			esc_html__( 'collapsed', 'varia' ),
+			esc_attr__( 'View your shopping cart', 'varia' ),
+			esc_attr__( 'View your shopping list', 'varia' ),
+			varia_cart_link(),
+			varia_cart_widget(),
+			is_cart() ? 'current-menu-item' : ''
+		);
+	}
+
+	// Our primary menu isn't set, return the regular nav
+	return $nav;
+}
+add_filter( 'wp_nav_menu_items', 'varia_add_cart_menu', 10, 2 );

varia/package.json

@@ -38,6 +38,8 @@
     "build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-editor.css",
     "build:rtl": "rtlcss style.css style-rtl.css",
     "build:print": "node-sass print.scss print.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r print.css",
+    "build:woocommerce": "node-sass style-woocommerce.scss style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-woocommerce.css",
+    "build:woocommerce-rtl": "rtlcss style-woocommerce.css style-woocommerce-rtl.css",
     "build": "run-p \"build:*\"",
     "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
     "child-theme": "sh ../theme-dev-utils/build-child-theme.sh"

varia/sass/abstracts/_config-global.scss

@@ -83,6 +83,12 @@ $config-global: (
 			"light": #FAFAFA,
 			"dark": #AAAAAA,
 		),
+		"alert": (
+			"success": yellowgreen,
+			"info": skyblue,
+			"warning": gold,
+			"error": salmon,
+		),
 		"text-selection": lightblue,
 		"black": black,
 		"white": white,

varia/sass/abstracts/_responsive-logic.scss

@@ -3,7 +3,7 @@
  */
 
 /* Responsive width-content overrides */
-$horizontal-padding: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
+$horizontal-padding: (2 * map-deep-get($config-global, "spacing", "horizontal"));
 $content-width-flex: 100%;
 $content-width-sm: calc( #{map-deep-get($config-global, "breakpoint", "sm")} - #{$horizontal-padding} );
 $content-width-md: calc( #{map-deep-get($config-global, "breakpoint", "md")} - #{$horizontal-padding} );
@@ -110,6 +110,19 @@ $content-width-xxl: calc( #{map-deep-get($config-global, "breakpoint", "xxl")} -
 	}
 }
 
+%responsive-alignfull-nested {
+
+	width: 100%;
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+
+	@include media(mobile) {
+		width: calc(100% - #{2 * $horizontal-padding});
+		max-width: 100%;
+	}
+}
+
 %responsive-alignright {
 
 	/*rtl:ignore*/

varia/sass/base/_extends.scss

@@ -0,0 +1,52 @@
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+%button-style {
+	@include crop-text(map-deep-get($config-button, "font", "line-height"));
+	color: #{map-deep-get($config-button, "color", "text")};
+	cursor: pointer;
+	font-weight: #{map-deep-get($config-button, "font", "weight")};
+	@include font-family( map-deep-get($config-button, "font", "family") );
+	font-size: #{map-deep-get($config-button, "font", "size")};
+	background-color: #{map-deep-get($config-button, "color", "background")};
+	border-radius: #{map-deep-get($config-button, "border-radius")};
+	border-width: 0;
+	padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")};
+
+	&:hover,
+	&:focus,
+	&.has-focus {
+		color: #{map-deep-get($config-button, "color", "text-hover")};
+		background-color: #{map-deep-get($config-button, "color", "background-hover")};
+	}
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+%onsale-style {
+	border-radius: 100%;
+	background-color: map-deep-get($config-global, "color", "alert", "warning");
+	color: map-deep-get($config-global, "color", "foreground", "dark");
+	font-size: map-deep-get($config-global, "font", "size", "sm");
+	font-weight: 700;
+	@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}

varia/sass/base/_imports.scss

@@ -3,6 +3,7 @@
  * - Reset the browser
  */
 
+@import "extends";
 @import "normalize";
 @import "reset";
 @import "accessibility";

varia/sass/blocks/button/_style.scss

@@ -1,29 +1,6 @@
 /**
- * Placeholder button style
- * - Since buttons appear in various blocks,
- *   let’s use a placeholder to keep them all
- *   in-sync
+ * Button
  */
-%button-style {
-	@include crop-text(map-deep-get($config-button, "font", "line-height"));
-	color: #{map-deep-get($config-button, "color", "text")};
-	cursor: pointer;
-	font-weight: #{map-deep-get($config-button, "font", "weight")};
-	@include font-family( map-deep-get($config-button, "font", "family") );
-	font-size: #{map-deep-get($config-button, "font", "size")};
-	background-color: #{map-deep-get($config-button, "color", "background")};
-	border-radius: #{map-deep-get($config-button, "border-radius")};
-	border-width: 0;
-	padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")};
-
-	&:hover,
-	&:focus,
-	&.has-focus {
-		color: #{map-deep-get($config-button, "color", "text-hover")};
-		background-color: #{map-deep-get($config-button, "color", "background-hover")};
-	}
-}
-
 button,
 .button,
 input[type="submit"],

varia/sass/child-theme/_config-child-theme-deep.scss

@@ -16,9 +16,9 @@ $typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-
 
 $config-global: (
 
-	/* Fonts */
+	// Fonts
 	"font": (
-		/* Font Family */
+		// Font Family
 		"family": (
 			"primary": (
 				"fallback": "sans-serif",
@@ -34,7 +34,7 @@ $config-global: (
 				"css-var": '--font-base',
 			),
 		),
-		/* Font Size */
+		// Font Size
 		"size": (
 			"root": $typescale-root,
 			"ratio": $typescale-ratio,
@@ -48,7 +48,7 @@ $config-global: (
 			"xxxl": ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio),
 			"xxxxl": ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio),
 		),
-		/* Letter Spacing */
+		// Letter Spacing
 		"letter-spacing": (
 			"base": normal,
 			"xs": normal,
@@ -59,7 +59,7 @@ $config-global: (
 			"xxl": normal,
 			"xxxl": normal,
 		),
-		/* Line Height */
+		// Line Height
 		"line-height": (
 			"base": strip-unit($typescale-base),
 			"body": 1.78,
@@ -67,7 +67,7 @@ $config-global: (
 		),
 	),
 
-	/* Colors */
+	// Colors
 	"color": (
 		"primary": (
 			"default": blue,
@@ -92,20 +92,24 @@ $config-global: (
 			"light": #FAFAFA,
 			"dark": #AAAAAA,
 		),
+		"alert": (
+			"success": yellowgreen,
+			"info": skyblue,
+			"warning": gold,
+			"error": salmon,
+		),
 		"text-selection": lightblue,
 		"black": black,
 		"white": white,
 	),
-
-	/* Spacing */
+	// Spacing
 	"spacing": (
 		"unit": (2 * $baseline-unit), // 16px
 		"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
 		"horizontal": (2 * $baseline-unit), // 16px
 		"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
 	),
-
-	/* Breakpoints */
+	// Breakpoints
 	"breakpoint": (
 		"sm": 560px,
 		"md": 640px,
@@ -113,8 +117,7 @@ $config-global: (
 		"xl": 1024px,
 		"xxl": 1280px,
 	),
-
-	/* Elevation */
+	// Elevation
 	"elevation": (
 		"none": 0px 0px 0px 0px rgba( 0, 0, 0, 0 ),
 		"2dp": 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ),
@@ -123,8 +126,7 @@ $config-global: (
 		"8dp": 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ),
 		"10dp": 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ),
 	),
-
-	/* Border radius */
+	// Border radius
 	"border-radius": (
 		"sm": (0.5 * $typescale-root),
 		"md": (0.75 * $typescale-root),
@@ -137,16 +139,13 @@ $config-global: (
  * Elements
  */
 $config-elements: (
-
 	"form": (
-
 		// Colors
 		"color": (
 			"text": map-deep-get($config-global, "color", "foreground", "default"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),
-
 		// Fonts
 		"font": (
 			"family": (
@@ -157,13 +156,11 @@ $config-elements: (
 			"size": map-deep-get($config-global, "font", "size", "md"),
 			"weight": bold,
 		),
-
 		// Borders
 		"border": (
 			"width": 1px,
 			"radius": 3px,
 		),
-
 		"padding": #{map-deep-get($config-global, "spacing", "unit")},
 	),
 );
@@ -304,7 +301,6 @@ $config-quote: (
 /**
  * Separator
  */
-
 $config-separator: (
 	"height": #{0.25 * $baseline-unit},
 	"width": #{6 * map-deep-get($config-global, "spacing", "horizontal")},
@@ -321,7 +317,7 @@ $config-header: (
 			"link": map-deep-get($config-global, "color", "primary", "default"),
 			"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
 		),
-		// Fonts & Typography
+		// Title
 		"title": (
 			// Fonts
 			"font": (
@@ -334,7 +330,7 @@ $config-header: (
 				"line-height": 1,
 			),
 		),
-		// Fonts & Typography
+		// Description
 		"description": (
 			// Fonts
 			"font": (

varia/sass/child-theme/_config-child-theme-woocommerce.scss

@@ -0,0 +1,55 @@
+/**
+ * Redefine Sass map values for child theme WooCommerce output.
+ */
+
+$config-woocommerce: (
+
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": default,
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"background": map-deep-get($config-global, "color", "background", "default"),
+			"border": map-deep-get($config-global, "color", "border", "default"),
+			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text"),
+			"background-color": map-deep-get($config-button, "color", "background"),
+		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

varia/sass/child-theme/style-child-theme-woocommerce.scss

@@ -0,0 +1,41 @@
+/**
+ * WooCommerce Styles
+ * - These styles should only be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "../abstracts/functions";
+@import "../abstracts/config-global";
+
+/**
+ * Child Theme Name Config
+ */
+@import "config-child-theme-deep";
+
+/**
+ * WooCommerce Config
+ */
+@import "config-child-theme-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "../abstracts/mixins";
+
+/**
+ * Varia Responsive Logic
+ */
+@import "../abstracts/responsive-logic";
+
+/**
+ * Varia Extends
+ */
+@import "../base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "../vendors/woocommerce/style";

varia/sass/components/header/_site-main-navigation.scss

@@ -16,7 +16,7 @@
 	}
 
 	// Checkbox hack
-	#toggle:checked ~ div {
+	#toggle:checked ~ div:not(.woocommerce-menu-container) {
 		display: block;
 	}
 
@@ -43,7 +43,7 @@
 	@include media(mobile) {
 
 		& > div {
-			display: block;
+			display: inline-block;
 		}
 
 		#toggle-menu {

varia/sass/layout/_structure.scss

@@ -116,7 +116,8 @@
 .post-thumbnail > *,
 .page-content > *,
 .comment-content > *,
-.author-bio > * {
+.author-bio > *,
+.widget-area > .widget > * {
 	margin-top: map-deep-get($config-global, "spacing", "unit");
 	margin-bottom: map-deep-get($config-global, "spacing", "unit");
 

varia/sass/vendors/woocommerce/_style.scss

@@ -0,0 +1,21 @@
+/**
+ * WooCommerce styles
+ */
+
+// Elements
+@import "elements/imports";
+
+// Blocks
+@import "blocks/imports";
+
+// Components
+@import "components/imports";
+
+// Layout
+@import "layout/structure";
+
+// Pages
+@import "pages/imports";
+
+// Widgets
+@import "widgets/imports";

varia/sass/vendors/woocommerce/abstracts/_config-woocommerce.scss

@@ -0,0 +1,55 @@
+/**
+ * WooCommerce Variables
+ */
+
+$config-woocommerce: (
+
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": default,
+
+	/* Tables */
+	"table": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 0,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "unit"),
+	),
+
+	/* Tabs */
+	"tabs": (
+		/* Borders */
+		"border": (
+			"color": map-deep-get($config-global, "color", "border", "default"),
+			"radius": 10px,
+			"width": 1px,
+		),
+		"padding": map-deep-get($config-global, "spacing", "horizontal"),
+	),
+
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"background": map-deep-get($config-global, "color", "background", "default"),
+			"border": map-deep-get($config-global, "color", "border", "default"),
+			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text"),
+			"background-color": map-deep-get($config-button, "color", "background"),
+		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
+	),
+
+	/* Star Rating */
+	"star-rating": (
+		/* Color */
+		"color": map-deep-get($config-global, "color", "alert", "warning"),
+	),
+);

varia/sass/vendors/woocommerce/abstracts/_imports.scss

@@ -0,0 +1,5 @@
+/**
+ * Abstracts Imports
+ */
+
+@import "config-woocommerce";

varia/sass/vendors/woocommerce/blocks/_imports.scss

@@ -0,0 +1,7 @@
+/**
+ * Block Imports
+ */
+
+@import "button/style";
+@import "block-grid/style";
+@import "featured-product/style";

varia/sass/vendors/woocommerce/blocks/block-grid/_style.scss

@@ -0,0 +1,67 @@
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+
+#content .wc-block-grid {
+
+	.wc-block-grid__product,
+	.wc-block-grid__product-link {
+
+		& > *:not(:first-child) {
+			margin-top: map-deep-get($config-global, "spacing", "unit");
+		}
+
+		& > *:not(:last-child) {
+			margin-bottom: map-deep-get($config-global, "spacing", "unit");
+		}
+
+		& > *:not(img):empty + * {
+			margin-top: 0;
+		}
+
+		& > *:last-child {
+			margin-bottom: 0;
+		}
+
+		& > *:empty {
+			margin: 0;
+		}
+	}
+
+	.wc-block-grid__product-onsale {
+		@extend %onsale-style;
+	}
+
+	.wc-block-grid__product-title {
+		@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+		font-size: map-deep-get($config-global, "font", "size", "base")
+	}
+
+	.wc-block-grid__product-rating .star-rating span:before {
+		color: map-deep-get($config-global, "color", "secondary", "default");
+	}
+
+	.wc-block-grid__product-price {
+		color: map-deep-get($config-global, "color", "foreground", "dark");
+		font-size: map-deep-get($config-global, "font", "size", "md");
+		line-height: map-deep-get($config-global, "font", "line-height", "heading");
+
+		ins {
+			color: map-deep-get($config-global, "color", "alert", "success");
+			font-weight: bold;
+			text-decoration: none;
+		}
+	}
+
+	.wc-block-grid__product .wc-block-grid__product-onsale {
+		right: calc(-0.5em + #{map-deep-get($config-global, "spacing", "unit")});
+		margin: 0
+	}
+}

varia/sass/vendors/woocommerce/blocks/button/_editor.scss

@@ -0,0 +1,3 @@
+/**
+ * Button
+ */

varia/sass/vendors/woocommerce/blocks/button/_style.scss

@@ -0,0 +1,46 @@
+/**
+ * Button
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	#respond input#submit,
+	#respond input#submit.alt,
+	a.button,
+	a.button.alt,
+	button.button,
+	button.button.alt,
+	input.button,
+	input.button.alt,
+	.cart .button,
+	.cart input.button,
+	a.added_to_cart,
+	.woocommerce #respond input#submit,
+	.woocommerce a.button,
+	.woocommerce button.button,
+	.woocommerce input.button,
+	.woocommerce .widget_shopping_cart .buttons a,
+	.woocommerce.widget_shopping_cart .buttons a {
+		// Extend button style
+		@extend %button-style;
+	}
+
+	.woocommerce #respond input#submit.disabled,
+	.woocommerce #respond input#submit:disabled,
+	.woocommerce #respond input#submit:disabled[disabled],
+	.woocommerce a.button.disabled,
+	.woocommerce a.button:disabled,
+	.woocommerce a.button:disabled[disabled],
+	.woocommerce button.button.disabled,
+	.woocommerce button.button:disabled,
+	.woocommerce button.button:disabled[disabled],
+	.woocommerce input.button.disabled,
+	.woocommerce input.button:disabled,
+	.woocommerce input.button:disabled[disabled] {
+		cursor: not-allowed;
+
+		&:hover {
+			background-color: map-deep-get($config-global, "color", "primary", "default");
+		}
+	}
+}

varia/sass/vendors/woocommerce/blocks/featured-product/_style.scss

@@ -0,0 +1,22 @@
+/**
+ * WooCommerce Featured Product
+ */
+
+#content .wc-block-featured-product {
+
+	.wc-block-featured-product__description:empty,
+	.wc-block-featured-product__link:empty,
+	.wc-block-featured-product__price:empty,
+	.wc-block-featured-product__title:empty,
+	.wc-block-featured-product__variation:empty {
+		padding: 0;
+	}
+
+	.wc-block-featured-product__price {
+		font-size: map-deep-get($config-global, "font", "size", "xl");
+
+		ins {
+			text-decoration: none;
+		}
+	}
+}

varia/sass/vendors/woocommerce/components/_cart-collaterals.scss

@@ -0,0 +1,53 @@
+/**
+ * Cart Collaterals
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.cart-collaterals,
+	#add_payment_method .cart-collaterals {
+
+		.cart_totals,
+		.cross-sells {
+
+			tr td,
+			tr th {
+				border-top-color: map-deep-get($config-woocommerce, "table", "border", "color");
+			}
+
+			& > h2 {
+				font-size: map-deep-get($config-global, "font", "size", "lg");
+			}
+		}
+
+		.cart_totals {
+
+			p small {
+				color: map-deep-get($config-global, "color", "foreground", "light");
+				font-size: map-deep-get($config-global, "font", "size", "sm");
+			}
+
+			table {
+				margin: 0 0 (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
+
+				td,
+				th {
+					line-height: map-deep-get($config-global, "font", "line-height", "body");
+				}
+
+				small {
+					color: map-deep-get($config-global, "color", "foreground", "light");
+				}
+			}
+
+			.discount td {
+				color: map-deep-get($config-global, "color", "alert", "warning");
+			}
+		}
+
+		.shipping-calculator-button,
+		.shipping-calculator-form {
+			margin-top: map-deep-get($config-woocommerce, "table", "padding");
+		}
+	}
+}

varia/sass/vendors/woocommerce/components/_imports.scss

@@ -0,0 +1,11 @@
+/**
+ * Components Imports
+ */
+
+@import "cart-collaterals";
+@import "mini-cart";
+@import "pagination";
+@import "product-loops";
+@import "product-tabs";
+@import "reviews";
+@import "store-notice";

varia/sass/vendors/woocommerce/components/_mini-cart.scss

@@ -0,0 +1,213 @@
+/**
+ * Mini-cart
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.wc-block-grid__product-add-to-cart .added_to_cart {
+		display: inline-block;
+		text-decoration: none;
+	}
+
+	.main-navigation {
+
+		// Mobile menu toggle
+		#toggle-cart {
+			display: inline-block;
+			margin: 0;
+
+			.svg-icon {
+				vertical-align: middle;
+			}
+		}
+
+		// Checkbox hack
+		#woocommerce-toggle:checked ~ div {
+			display: inline-block;
+		}
+
+		#woocommerce-toggle:focus + #toggle-cart {
+			background-color: #{map-deep-get($config-header, "main-nav", "color", "link-hover")};
+			outline: inherit;
+			text-decoration: underline;
+		}
+
+		#woocommerce-toggle:checked + #toggle-cart {
+			.open {
+				display: none;
+			}
+
+			.close {
+				display: inline;
+			}
+		}
+
+		@include media(mobile-only) {
+
+			.woocommerce-menu-container {
+
+				background-color: map-deep-get($config-woocommerce, "mini-cart", "color", "background");
+				color: map-deep-get($config-woocommerce, "mini-cart", "color", "text");
+				padding: 0;
+				width: 100%;
+
+				a,
+				a:link,
+				a:visited {
+					color: currentColor;
+				}
+			}
+		}
+
+		@include media(mobile) {
+
+			& > div:not(:last-of-type) {
+				margin-right: #{ 2 * map-deep-get($config-global, "spacing", "horizontal")};
+			}
+
+			#toggle-cart {
+				display: none;
+			}
+		}
+
+		.woocommerce-cart-link {
+
+			display: none;
+			text-decoration: none;
+			line-height: 1;
+
+			& > *:not(:last-child) {
+				margin-right: #{0.25 * map-deep-get($config-global, "spacing", "horizontal")};
+			}
+
+			.woocommerce-cart-subtotal {
+				color: #{map-deep-get($config-woocommerce, "mini-cart", "color", "subtotal")};
+			}
+
+			.woocommerce-cart-count {
+				color: #{map-deep-get($config-woocommerce, "mini-cart", "color", "count")};
+				font-weight: normal;
+			}
+
+			.svg-icon {
+				float: left;
+				height: #{map-deep-get($config-header, "main-nav", "font", "size")};
+				width: #{map-deep-get($config-header, "main-nav", "font", "size")};
+				vertical-align: middle;
+			}
+
+			@include media(mobile) {
+				display: inline-block;
+			}
+		}
+
+		.woocommerce-cart-widget {
+
+			background-color: map-deep-get($config-woocommerce, "mini-cart", "color", "background");
+			color: map-deep-get($config-woocommerce, "mini-cart", "color", "text");
+			max-width: 100%;
+			padding: #{map-deep-get($config-header, "main-nav", "link-padding")} 0;
+
+			@include media(mobile) {
+				max-width: #{20 * map-deep-get($config-global, "spacing", "horizontal")};
+				padding: #{map-deep-get($config-header, "main-nav", "link-padding")};
+			}
+
+			.woocommerce.widget_shopping_cart .cart_list {
+				border-bottom: 1px solid map-deep-get($config-woocommerce, "mini-cart", "color", "border");
+
+				li {
+					border-top: 1px solid map-deep-get($config-woocommerce, "mini-cart", "color", "border");
+				}
+
+				a:hover,
+				a:focus {
+					background-color: transparent;
+				}
+
+				a.remove:hover,
+				a.remove:focus {
+					text-decoration: none;
+				}
+			}
+
+			.woocommerce-mini-cart__total {
+				text-align: right;
+			}
+
+			.woocommerce-mini-cart__buttons {
+				text-align: right;
+
+				a {
+					clear: right;
+					color: map-deep-get($config-woocommerce, "mini-cart", "button", "color");
+					background-color: map-deep-get($config-woocommerce, "mini-cart", "button", "background-color");
+					margin: 0;
+					float: right;
+
+					// Default WooCommerce View Cart/Checkout buttons
+					&:first-child:nth-last-child(2),
+					&:first-child:nth-last-child(2) ~ a {
+						clear: inherit;
+						float: inherit;
+						margin-bottom: 0;
+
+						&:not(:last-child) {
+							margin-right: #{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
+						}
+					}
+
+					&:not(:last-child) {
+						margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
+					}
+
+					&.wcppec-cart-widget-button {
+						display: inline-block;
+					}
+				}
+			}
+
+			p.buttons.wcppec-cart-widget-spb {
+				padding: 0;
+			}
+		}
+
+		ul.cart_list li a,
+		ul.product_list_widget li a {
+			padding: 0;
+		}
+
+		ul.cart_list li .quantity,
+		ul.product_list_widget li .quantity,
+		ul.cart_list li a:not(.remove),
+		ul.product_list_widget li a:not(.remove),
+		.woocommerce-mini-cart__total {
+			@include font-family( map-deep-get($config-header, "main-nav", "font", "family") );
+			font-size: #{map-deep-get($config-global, "font", "size", "base")};
+		}
+
+		@include media(mobile) {
+
+			& > div > ul > li.woocommerce-menu-item > .sub-menu {
+				left: auto;
+				right: 0;
+			}
+
+			.woocommerce-cart-widget {
+				max-width: #{map-deep-get($config-woocommerce, "mini-cart", "width")};
+			}
+
+			& > div > ul > li.woocommerce-menu-item:hover > ul:before,
+			& > div > ul > li.woocommerce-menu-item.focus > ul:before,
+			& > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+				margin-left: auto;
+				margin-right: #{map-deep-get($config-global, "spacing", "unit")};
+			}
+		}
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}

varia/sass/vendors/woocommerce/components/_pagination.scss

@@ -0,0 +1,46 @@
+/**
+ * Pagination
+ */
+
+body[class*="woocommerce"] #page .woocommerce-pagination {
+
+	margin: 0 calc(-0.66 * #{map-deep-get($config-global, "spacing", "unit")});
+	width: 100%;
+
+	.page-numbers {
+
+		border: none;
+		display: flex;
+		justify-content: start;
+
+		li > * {
+			display: block;
+			@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+			font-size: #{map-deep-get($config-global, "font", "size", "md")};
+			font-weight: 600;
+			padding-left: calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")};
+			padding-right: calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")};
+		}
+
+		li {
+			border: none;
+			float: inherit;
+
+			a {
+				text-decoration: unset;
+			}
+		}
+
+		li span.current,
+		li a:hover,
+		li a:focus {
+			background: transparent;
+			color: map-deep-get($config-global, "color", "foreground", "default");
+		}
+
+		.svg-icon {
+			display: inline-block;
+			vertical-align: middle;
+		}
+	}
+}

varia/sass/vendors/woocommerce/components/_product-loops.scss

@@ -0,0 +1,84 @@
+/**
+ * Product loops
+ */
+
+body[class*="woocommerce"] #page .woocommerce-products-header {
+	img {
+		display: block;
+	}
+}
+
+#woocommerce-wrapper,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells {
+
+	.products ul,
+	ul.products {
+		margin: 0;
+		padding: 0;
+	}
+
+	ul.products li.product {
+
+		text-align: center;
+
+		.star-rating {
+			font-size: map-deep-get($config-global, "font", "size", "sm");
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+		h3,
+		.woocommerce-loop-product__title,
+		.woocommerce-loop-category__title {
+			padding: inherit;
+			font-size: map-deep-get($config-global, "font", "size", "base")
+		}
+
+		a img {
+			margin: inherit;
+		}
+
+		strong {
+		}
+
+		.woocommerce-placeholder {
+			border-color: map-deep-get($config-global, "color", "border", "default");
+		}
+
+		.button {
+			margin-top: inherit;
+		}
+
+		.added_to_cart {
+			margin-top: #{map-deep-get($config-global, "spacing", "unit")};
+		}
+
+		.price {
+			color: map-deep-get($config-global, "color", "foreground", "dark");
+			font-size: map-deep-get($config-global, "font", "size", "md");
+			line-height: map-deep-get($config-global, "font", "line-height", "heading");
+
+			del {
+				color: inherit;
+				opacity: 0.5;
+				display: inline-block;
+			}
+
+			ins {
+				background: none;
+				font-weight: 700;
+				display: inline-block;
+			}
+
+			.from {
+				font-size: map-deep-get($config-global, "font", "size", "xs");
+				color: map-deep-get($config-global, "color", "alert", "warning");
+			}
+		}
+
+		&.sale a > .price ins {
+			color: map-deep-get($config-global, "color", "alert", "success");
+		}
+	}
+}

varia/sass/vendors/woocommerce/components/_product-tabs.scss

@@ -0,0 +1,87 @@
+/**
+ * Tabs
+ */
+
+body[class*="woocommerce"] #page { // adding #content here to override default wc styles without !important
+
+	/**
+	 * Tabs
+	 */
+	.woocommerce-tabs {
+
+		ul.tabs {
+
+			padding-left: map-deep-get($config-global, "spacing", "horizontal");
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+
+			li {
+				background-color: map-deep-get($config-global, "color", "background", "light");
+				border-color: map-deep-get($config-woocommerce, "tabs", "border", "color");
+				border-top-left-radius: map-deep-get($config-woocommerce, "tabs", "border", "radius");
+				border-top-right-radius: map-deep-get($config-woocommerce, "tabs", "border", "radius");
+				padding-left: 0;
+				padding-right: 0;
+
+				a {
+					color: map-deep-get($config-global, "color", "foreground", "light");
+					padding-left: map-deep-get($config-woocommerce, "tabs", "padding");
+					padding-right: map-deep-get($config-woocommerce, "tabs", "padding");
+					padding-top: #{0.5 * map-deep-get($config-woocommerce, "tabs", "padding")};
+					padding-bottom: #{0.5 * map-deep-get($config-woocommerce, "tabs", "padding")};
+
+					&:hover {
+						color: map-deep-get($config-global, "color", "primary", "hover");
+					}
+				}
+
+				&.active {
+					background-color: map-deep-get($config-global, "color", "background", "default");
+					border-color: map-deep-get($config-woocommerce, "tabs", "border", "color");
+					border-bottom-color: map-deep-get($config-global, "color", "background", "default");
+
+					a {
+						color: map-deep-get($config-global, "color", "foreground", "dark");
+						text-shadow: inherit;
+					}
+
+					&::before {
+						box-shadow: 2px 2px 0 map-deep-get($config-global, "color", "background", "default");
+					}
+
+					&::after {
+						box-shadow: -2px 2px 0 map-deep-get($config-global, "color", "background", "default");
+					}
+				}
+
+				&::before,
+				&::after {
+					border-color: map-deep-get($config-woocommerce, "tabs", "border", "color");
+				}
+
+				&::before {
+					box-shadow: 2px 2px 0 map-deep-get($config-global, "color", "background", "light");
+				}
+
+				&::after {
+					box-shadow: -2px 2px 0 map-deep-get($config-global, "color", "background", "light");
+				}
+			}
+
+			&::before {
+				border-bottom-color: map-deep-get($config-woocommerce, "tabs", "border", "color");
+			}
+		}
+
+		.panel {
+
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+
+			h2,
+			.comment-reply-title {
+				@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+				font-size: map-deep-get($config-global, "font", "size", "lg");
+				font-weight: bold;
+			}
+		}
+	}
+}

varia/sass/vendors/woocommerce/components/_reviews.scss

@@ -0,0 +1,92 @@
+/**
+ * Reviews
+ */
+
+body[class*="woocommerce"] #page { // adding #content here to override default wc styles without !important
+
+	/**
+	 * Reviews
+	 */
+	#reviews {
+
+		h2 small {
+			color: map-deep-get($config-global, "color", "foreground", "light");
+			font-size: map-deep-get($config-global, "font", "size", "sm");
+			margin: inherit;
+
+			a {
+				color: currentColor;
+			}
+		}
+
+		.woocommerce-Reviews-title {
+
+		}
+
+		#comments {
+
+			ol.commentlist {
+
+				padding-left: 0;
+
+				li {
+					margin-bottom: map-deep-get($config-global, "spacing", "unit");
+
+					.meta {
+						color: map-deep-get($config-global, "color", "foreground", "light");
+						font-size: map-deep-get($config-global, "font", "size", "sm");
+					}
+
+					img.avatar {
+						padding: 0;
+						width: #{1.5 * map-deep-get($config-global, "spacing", "vertical")};
+						height: auto;
+						background: transparent;
+						border-color: map-deep-get($config-global, "color", "border", "default");
+						margin: 0;
+						box-shadow: none;
+					}
+
+					.woocommerce-review__author {
+						@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+					}
+
+					.comment-text {
+						margin-left: #{4 * map-deep-get($config-global, "spacing", "unit")};
+						border: 1px solid map-deep-get($config-global, "color", "border", "default");
+						border-radius: 4px;
+						padding: 1em 1em 0;
+
+						p {
+							margin: 0 0 1em;
+						}
+
+						p.meta {
+							font-size: 0.83em;
+						}
+					}
+				}
+
+				ul.children {
+					list-style: none outside;
+					margin: 20px 0 0 50px;
+
+					.star-rating {
+						display: none;
+					}
+				}
+
+				#respond {
+					border: 1px solid map-deep-get($config-global, "color", "border", "default");
+					border-radius: 4px;
+					padding: 1em 1em 0;
+					margin: 20px 0 0 50px;
+				}
+			}
+
+			.commentlist > li::before {
+				content: "";
+			}
+		}
+	}
+}

varia/sass/vendors/woocommerce/components/_store-notice.scss

@@ -0,0 +1,13 @@
+/**
+ * Pagination
+ */
+
+body[class*="woocommerce"] .woocommerce-store-notice,
+body[class*="woocommerce"] p.demo_store {
+
+	background-color: #{map-deep-get($config-global, "color", "primary", "default")};
+	color: #{map-deep-get($config-global, "color", "background", "default")};
+	position: fixed;
+	top: auto;
+	bottom: 0;
+}

varia/sass/vendors/woocommerce/elements/_breadcrumbs.scss

@@ -0,0 +1,18 @@
+/**
+ * Small Note
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.woocommerce-breadcrumb {
+
+		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		font-size: map-deep-get($config-global, "font", "size", "base");
+		@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+		color: map-deep-get($config-global, "color", "foreground", "light");
+
+		a {
+			color: currentColor;
+		}
+	}
+}

varia/sass/vendors/woocommerce/elements/_imports.scss

@@ -0,0 +1,12 @@
+/**
+ * Element Imports
+ */
+
+@import "breadcrumbs";
+@import "notices";
+@import "onsale";
+@import "password-strength-meter";
+@import "remove-icon";
+@import "small-note";
+@import "star-rating";
+@import "tables";

varia/sass/vendors/woocommerce/elements/_notices.scss

@@ -0,0 +1,64 @@
+/**
+ * Notices
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.woocommerce-message,
+	.woocommerce-info,
+	.woocommerce-success,
+	.woocommerce-error,
+	.woocommerce-warning {
+		padding: map-deep-get($config-global, "spacing", "unit") map-deep-get($config-global, "spacing", "vertical") map-deep-get($config-global, "spacing", "unit") #{2 * map-deep-get($config-global, "spacing", "vertical")};
+		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		background-color: map-deep-get($config-global, "color", "background", "light");
+		color: map-deep-get($config-global, "color", "foreground", "dark");
+		border-top-color: map-deep-get($config-global, "color", "primary", "default");
+	}
+
+	.woocommerce-notice--message,
+	.woocommerce-notice--info {
+		color: map-deep-get($config-global, "color", "alert", "info");
+	}
+
+	.woocommerce-notice--success {
+		color: map-deep-get($config-global, "color", "alert", "success");
+	}
+
+	.woocommerce-notice--error {
+		color: map-deep-get($config-global, "color", "alert", "error");
+	}
+
+	.woocommerce-notice--warning {
+		color: map-deep-get($config-global, "color", "alert", "warning");
+	}
+
+	.woocommerce-message,
+	.woocommerce-info {
+		border-top-color: map-deep-get($config-global, "color", "alert", "info");
+		&:before {
+			color: map-deep-get($config-global, "color", "alert", "info");
+		}
+	}
+
+	.woocommerce-success {
+		border-top-color: map-deep-get($config-global, "color", "alert", "success");
+		&:before {
+			color: map-deep-get($config-global, "color", "alert", "success");
+		}
+	}
+
+	.woocommerce-error {
+		border-top-color: map-deep-get($config-global, "color", "alert", "error");
+		&:before {
+			color: map-deep-get($config-global, "color", "alert", "error");
+		}
+	}
+
+	.woocommerce-warning {
+		border-top-color: map-deep-get($config-global, "color", "alert", "warning");
+		&:before {
+			color: map-deep-get($config-global, "color", "alert", "warning");
+		}
+	}
+}

varia/sass/vendors/woocommerce/elements/_onsale.scss

@@ -0,0 +1,10 @@
+/**
+ * Star ratings
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	span.onsale {
+		@extend %onsale-style;
+	}
+}

varia/sass/vendors/woocommerce/elements/_password-strength-meter.scss

@@ -0,0 +1,36 @@
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.woocommerce-password-strength {
+		text-align: center;
+		font-weight: 600;
+		padding: #{0.5 * #{map-deep-get($config-woocommerce, "table", "padding")}};
+		font-size: map-deep-get($config-global, "font", "size", "sm");
+
+		&.strong {
+			background-color: map-deep-get($config-global, "color", "alert", "success");
+			border-color: none;
+		}
+
+		&.good {
+			background-color: map-deep-get($config-global, "color", "alert", "warning");
+			border-color: none;
+		}
+
+		&.short {
+			background-color: map-deep-get($config-global, "color", "alert", "error");
+			border-color: none;
+		}
+
+		&.bad {
+			background-color: map-deep-get($config-global, "color", "alert", "error");
+			border-color: none;
+		}
+	}
+
+	.woocommerce-password-hint {
+		font-size: map-deep-get($config-global, "font", "size", "xs");
+	}
+}

varia/sass/vendors/woocommerce/elements/_remove-icon.scss

@@ -0,0 +1,20 @@
+/**
+ * Remove Icon
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	a.remove {
+		font-size: map-deep-get($config-global, "font", "size", "lg");
+		font-family: sans-serif !important; // Required for theme compatibility
+		height: map-deep-get($config-global, "font", "size", "lg");
+		width: map-deep-get($config-global, "font", "size", "lg");
+		color: red !important; // Required for default theme compatibility
+
+		&:hover {
+			color: map-deep-get($config-global, "color", "background", "default") !important; // Required for default theme compatibility
+			background: red;
+		}
+	}
+}
+

varia/sass/vendors/woocommerce/elements/_small-note.scss

@@ -0,0 +1,11 @@
+/**
+ * Small Note
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+	small.note {
+		color: map-deep-get($config-global, "color", "foreground", "light");
+		font-size: map-deep-get($config-global, "font", "size", "sm");
+		margin-top: map-deep-get($config-global, "spacing", "unit");
+	}
+}

varia/sass/vendors/woocommerce/elements/_star-rating.scss

@@ -0,0 +1,23 @@
+/**
+ * Star ratings
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.star-rating {
+
+		&::before {
+			color: map-deep-get($config-woocommerce, "star-rating", "color");
+			content: "\53\53\53\53\53";
+			opacity: 0.4;
+		}
+
+		span {
+			color: map-deep-get($config-woocommerce, "star-rating", "color");
+		}
+	}
+
+	p.stars a {
+		color: map-deep-get($config-woocommerce, "star-rating", "color");
+	}
+}

varia/sass/vendors/woocommerce/elements/_tables.scss

@@ -0,0 +1,83 @@
+/**
+ * Tables
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	table.shop_table {
+
+		border-collapse: collapse;
+		border: map-deep-get($config-woocommerce, "table", "border", "width") solid map-deep-get($config-woocommerce, "table", "border", "color");
+		border-radius: map-deep-get($config-woocommerce, "table", "border", "radius");
+		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+
+		th {
+			padding: map-deep-get($config-woocommerce, "table", "padding");
+			line-height: map-deep-get($config-global, "font", "line-height", "body");
+		}
+
+		td {
+			border-top: none;
+			padding: map-deep-get($config-woocommerce, "table", "padding");
+			word-break: break-word;
+		}
+
+		tr {
+			border-bottom: map-deep-get($config-woocommerce, "table", "border", "width") solid map-deep-get($config-woocommerce, "table", "border", "color");
+		}
+
+		tfoot td,
+		tfoot th,
+		tbody th {
+			border-top-color: map-deep-get($config-woocommerce, "table", "border", "color");
+		}
+	}
+
+	table.shop_attributes {
+
+		border-top-color: map-deep-get($config-woocommerce, "table", "border", "color");
+		border-top-style: solid;
+		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		border-bottom: map-deep-get($config-woocommerce, "table", "border", "width") solid map-deep-get($config-woocommerce, "table", "border", "color");
+
+		th {
+			padding: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
+			border-bottom-color: map-deep-get($config-woocommerce, "table", "border", "color");
+			border-bottom-style: solid;
+			line-height: map-deep-get($config-global, "font", "line-height", "body");
+		}
+
+		td {
+			font-style: inherit;
+			border-bottom-color: map-deep-get($config-woocommerce, "table", "border", "color");
+			border-bottom-style: solid;
+			line-height: map-deep-get($config-global, "font", "line-height", "body");
+			padding: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
+
+			p {
+				margin: 0;
+				padding-top: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
+				padding-bottom: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
+			}
+		}
+
+		tr:nth-child(even) td,
+		tr:nth-child(even) th {
+			background: map-deep-get($config-global, "color", "background", "light");
+		}
+	}
+
+	table.my_account_orders {
+		font-size: map-deep-get($config-global, "font", "size", "sm");
+
+		th,
+		td {
+			padding: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
+		}
+	}
+
+	table td,
+	table th {
+		border: inherit;
+	}
+}

varia/sass/vendors/woocommerce/layout/_structure.scss

@@ -0,0 +1,103 @@
+/**
+ * Structure
+ */
+
+
+/**
+ * WooCommerce Wrapper Width
+ */
+
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+
+	// Get wrapper width setting
+	$wc-wrapper-width: map-deep-get($config-woocommerce, "wrapper-width");
+
+	@if $wc-wrapper-width == wide {
+		@extend %responsive-alignwide-nested;
+	} @else if $wc-wrapper-width == full {
+		@extend %responsive-alignfull-nested;
+	} @else {
+		// Default width
+	}
+}
+
+
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel,
+body[class*="woocommerce"] #page .products.related,
+body[class*="woocommerce"] #page .up-sells,
+body[class*="woocommerce"] #page .woocommerce-order,
+.woocommerce-account #page .entry-content .woocommerce {
+
+	& > *:not(:first-child) {
+		margin-top: map-deep-get($config-global, "spacing", "vertical");
+	}
+
+	& > *:not(:last-child) {
+		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+	}
+
+	& > *:empty + *,
+	& > .form-row-last {
+		margin-top: 0;
+	}
+
+	& > *:not(img):empty {
+		margin: 0;
+	}
+}
+
+/**
+ * Vertical Space - 16px
+ */
+#woocommerce-wrapper ul.products li.product a,
+#woocommerce-wrapper ul.products li.product-category a,
+body[class*="woocommerce"] #page ul.products li.product a,
+body[class*="woocommerce"] #page ul.products li.product-category a,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals,
+body[class*="woocommerce"] #page .widget_shopping_cart,
+body[class*="woocommerce"] #page .widget_shopping_cart_content,
+body[class*="woocommerce"] #page div.product form.variations_form,
+body[class*="woocommerce"] #page div.product form.variations_form .variations,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form,
+body[class*="woocommerce"] #page .woocommerce-Address,
+body[class*="woocommerce"] #page .woocommerce-address-fields,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper,
+body[class*="woocommerce"] #page .woocommerce-billing-fields,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address,
+body[class*="woocommerce"] #page .woocommerce-products-header,
+body[class*="woocommerce"] #page .woocommerce-checkout,
+body[class*="woocommerce"] #page .woocommerce-order-downloads,
+body[class*="woocommerce"] #page .woocommerce-order-details,
+body[class*="woocommerce"] #page .woocommerce-customer-details {
+
+	& > *:not(:first-child) {
+		margin-top: map-deep-get($config-global, "spacing", "unit");
+	}
+
+	& > *:not(:last-child),
+	& > .price {
+		margin-bottom: map-deep-get($config-global, "spacing", "unit");
+	}
+
+	& > *:not(img):empty + *,
+	& > .form-row-last {
+		margin-top: 0;
+	}
+
+	& > *:empty {
+		margin: 0;
+	}
+}

varia/sass/vendors/woocommerce/pages/_cart.scss

@@ -0,0 +1,55 @@
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	table.shop_table td.product-remove {
+		border-width: 0;
+
+		@include media(desktop) {
+			height: map-deep-get($config-global, "font", "size", "lg");
+			width: map-deep-get($config-global, "font", "size", "lg");
+		}
+	}
+
+	td.product-thumbnail {
+		width: #{6 * map-deep-get($config-global, "spacing", "horizontal")};
+
+		img {
+			width: inherit;
+		}
+	}
+
+	td.product-name {
+
+		@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+		font-weight: 700;
+
+		a {
+			max-width: 50%;
+		}
+
+		dl.variation,
+		.wc-item-meta {
+
+			dt,
+			.wc-item-meta-label {
+				margin-right: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
+			}
+		}
+
+		p.backorder_notification {
+			font-size: map-deep-get($config-global, "font", "size", "sm");
+		}
+	}
+
+	td.product-quantity {
+		min-width: #{5 * map-deep-get($config-global, "spacing", "unit")};
+	}
+
+	table.cart td.actions .input-text {
+		width: inherit;
+		float: inherit;
+		padding: map-deep-get($config-global, "spacing", "unit");
+	}
+}

varia/sass/vendors/woocommerce/pages/_checkout.scss

@@ -0,0 +1,235 @@
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.woocommerce-order h2 {
+		@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+		font-size: map-deep-get($config-global, "font", "size", "lg");
+		font-weight: bold;
+	}
+
+	.woocommerce-order-overview.order_details {
+		display: flex;
+		justify-content: space-between;
+		align-content: flex-start;
+		align-items: stretch;
+		border: 1px solid map-deep-get($config-woocommerce, "table", "border", "color");
+
+		li {
+			border: none;
+			@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+			font-size: map-deep-get($config-global, "font", "size", "sm");
+			margin-right: 0;
+			padding: map-deep-get($config-woocommerce, "table", "padding");
+			text-transform: none;
+
+			&.email {
+				word-break: break-word;
+			}
+
+			&:not(:last-child) {
+				border-right: 1px solid map-deep-get($config-woocommerce, "table", "border", "color");
+			}
+
+			strong {
+				@include font-family( map-deep-get($config-global, "font", "family", "secondary") );
+				font-size: map-deep-get($config-global, "font", "size", "md");
+				line-height: map-deep-get($config-global, "font", "line-height", "heading");
+			}
+		}
+
+		&:before,
+		&:after {
+			content: none !important;
+			display: none;
+		}
+	}
+
+	.woocommerce-form-coupon-toggle + .checkout_coupon {
+		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+	}
+
+	form.checkout_coupon,
+	form.login,
+	form.register {
+		border-color: map-deep-get($config-woocommerce, "table", "border", "color");
+		padding: map-deep-get($config-woocommerce, "table", "padding");
+		margin-top: inherit;
+		margin-bottom: inherit;
+		text-align: left;
+		border-radius: 0;
+	}
+
+	ul.order_details {
+		padding-left: 0;
+	}
+
+	.woocommerce-customer-details address {
+		border-radius: 0;
+		border-color: map-deep-get($config-global, "color", "border", "default");
+		border-right-width: 1px;
+		border-bottom-width: 1px;
+	}
+
+	#add_payment_method {
+		table.cart {
+			.product-thumbnail {
+				min-width: map-deep-get($config-global, "spacing", "horizontal");
+			}
+
+			img {
+				width: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+			}
+
+			td.actions .coupon .input-text {
+				border-color: map-deep-get($config-global, "color", "border", "default");
+				padding: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
+				margin: 0 map-deep-get($config-global, "spacing", "unit") 0 0;
+			}
+		}
+	}
+
+	.wc-proceed-to-checkout {
+
+		padding: map-deep-get($config-global, "spacing", "vertical") 0;
+
+		a.checkout-button {
+			margin-bottom: map-deep-get($config-global, "spacing", "unit");
+			font-size: map-deep-get($config-global, "font", "size", "md");
+			padding: map-deep-get($config-global, "spacing", "unit");
+		}
+
+		a.wcppec-checkout-buttons__button {
+			padding-top: 0;
+		}
+	}
+
+	.checkout .create-account small {
+		font-size: map-deep-get($config-global, "font", "size", "xs");
+		color: map-deep-get($config-global, "color", "foreground", "light");
+	}
+
+	#payment {
+		background: transparent;
+		border: map-deep-get($config-woocommerce, "table", "border", "width") solid map-deep-get($config-woocommerce, "table", "border", "color");
+		border-radius: map-deep-get($config-woocommerce, "table", "border", "radius");
+
+		ul.payment_methods {
+
+			padding: map-deep-get($config-woocommerce, "table", "padding");
+			border-bottom-color: map-deep-get($config-woocommerce, "table", "border", "color");
+
+			li {
+				line-height: map-deep-get($config-global, "font", "line-height", "body");
+
+				input {
+					margin-right: map-deep-get($config-global, "font", "line-height", "body");
+				}
+			}
+		}
+
+		div.form-row {
+			padding: map-deep-get($config-woocommerce, "table", "padding");
+			margin-bottom: 0;
+		}
+
+		div.payment_box {
+			padding: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
+			margin-bottom: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
+			margin-top: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
+			font-size: map-deep-get($config-global, "font", "size", "sm");
+			font-weight: bold;
+			border-radius: map-deep-get($config-woocommerce, "table", "border", "radius");
+			line-height: map-deep-get($config-global, "font", "line-height", "body");
+			background-color: map-deep-get($config-global, "color", "background", "dark");
+			color: map-deep-get($config-global, "color", "foreground", "dark");
+
+			input.input-text,
+			textarea {
+				border-color: map-deep-get($config-woocommerce, "table", "border", "color");
+				border-top-color: map-deep-get($config-woocommerce, "table", "border", "color");
+			}
+
+			::-webkit-input-placeholder {
+				color: map-deep-get($config-global, "color", "foreground", "light");
+			}
+
+			:-moz-placeholder {
+				color: map-deep-get($config-global, "color", "foreground", "light");
+			}
+
+			:-ms-input-placeholder {
+				color: map-deep-get($config-global, "color", "foreground", "light");
+			}
+
+			.woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+				margin-right: map-deep-get($config-global, "spacing", "unit");
+			}
+
+			.wc-credit-card-form {
+				margin-top: map-deep-get($config-woocommerce, "table", "padding");
+			}
+
+			.wc-credit-card-form-card-number,
+			.wc-credit-card-form-card-expiry,
+			.wc-credit-card-form-card-cvc {
+				font-size: map-deep-get($config-global, "font", "size", "lg");
+				padding: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
+			}
+
+			span.help {
+				font-size: map-deep-get($config-global, "font", "size", "sm");
+				color: map-deep-get($config-global, "color", "foreground", "light");
+			}
+
+			.form-row {
+				margin: 0 0 map-deep-get($config-global, "spacing", "vertical");
+			}
+
+			p:last-child {
+				margin-bottom: 0;
+			}
+
+			&::before {
+				border-bottom-color: map-deep-get($config-global, "color", "background", "dark"); /* arrow size / color */
+			}
+		}
+
+		.payment_method_paypal {
+
+			.about_paypal {
+				float: right;
+				line-height: 52px;
+				font-size: map-deep-get($config-global, "font", "size", "sm");
+			}
+
+			img {
+				max-height: 52px;
+				vertical-align: middle;
+			}
+		}
+	}
+
+	.woocommerce-terms-and-conditions {
+		border-color: map-deep-get($config-woocommerce, "table", "border", "color");
+	}
+
+	.woocommerce-invalid #terms {
+		outline-color: map-deep-get($config-global, "color", "alert", "error");
+	}
+
+	.checkout h3 {
+		@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+		font-size: map-deep-get($config-global, "font", "size", "lg");
+		font-weight: bold;
+	}
+
+	.woocommerce-terms-and-conditions {
+		border-color: map-deep-get($config-woocommerce, "table", "border", "color");
+	}
+
+	.woocommerce-invalid #terms {
+		outline-color: map-deep-get($config-global, "color", "alert", "error");
+	}
+}

varia/sass/vendors/woocommerce/pages/_imports.scss

@@ -0,0 +1,9 @@
+/**
+ * Page Imports
+ */
+
+@import "cart";
+@import "checkout";
+@import "my-account";
+@import "products";
+@import "single-product";

varia/sass/vendors/woocommerce/pages/_my-account.scss

@@ -0,0 +1,57 @@
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.entry-content .woocommerce-MyAccount-navigation {
+
+		width: 100%;
+
+		ul li a {
+			line-height: map-deep-get($config-global, "font", "line-height", "heading");
+			display: inline-table;
+		}
+
+		& + *:not(:first-child) {
+			margin-top: 0;
+		}
+
+		@include media(tablet) {
+			width: 20%;
+		}
+	}
+
+	.woocommerce-MyAccount-content {
+
+		width: 100%;
+
+		.woocommerce-notices-wrapper:empty {
+			display: none;
+		}
+
+		fieldset {
+			border: 1px solid map-deep-get($config-global, "color", "border", "default");
+			padding: map-deep-get($config-global, "spacing", "unit");
+			border-radius: 3px;
+		}
+
+		@include media(tablet) {
+			width: calc(80% - #{map-deep-get($config-global, "spacing", "horizontal")});
+		}
+	}
+
+	.addresses .title h3 {
+		font-size: map-deep-get($config-global, "font", "size", "base")
+	}
+
+	.addresses .title {
+		.edit {
+			line-height: 1;
+		}
+	}
+}
+
+.woocommerce-account .entry-content .woocommerce > h2,
+body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
+	font-size: map-deep-get($config-global, "font", "size", "lg");
+}

varia/sass/vendors/woocommerce/pages/_products.scss

@@ -0,0 +1,25 @@
+/**
+ * Products Page
+ */
+
+body[class*="woocommerce"] #page {
+
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+	mark {
+		background: transparent;
+	}
+
+	.woocommerce-result-count {
+		margin-bottom: map-deep-get($config-global, "spacing", "unit");
+	}
+
+	.woocommerce-ordering {
+		margin-bottom: map-deep-get($config-global, "spacing", "unit");
+
+		select {
+			vertical-align: top;
+		}
+	}
+}

varia/sass/vendors/woocommerce/pages/_single-product.scss

@@ -0,0 +1,175 @@
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper { // adding #content here to override default wc styles without !important
+
+	div.product {
+
+		div.images {
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+
+			div.thumbnails {
+				padding-top: map-deep-get($config-global, "spacing", "unit");
+			}
+
+			.woocommerce-product-gallery__wrapper .zoomImg {
+				background-color: map-deep-get($config-global, "color", "background", "default");
+			}
+
+			.woocommerce-product-gallery__image--placeholder {
+				border-color: map-deep-get($config-global, "color", "border", "light");
+			}
+
+			.woocommerce-product-gallery__trigger {
+				font-size: map-deep-get($config-global, "font", "size", "md");
+				background: map-deep-get($config-global, "color", "background", "default");
+
+				&::before {
+					border-color: map-deep-get($config-global, "color", "border", "dark");
+				}
+
+				&::after {
+					background-color: map-deep-get($config-global, "color", "border", "dark");
+				}
+			}
+		}
+
+		div.summary {
+
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+
+			span.price,
+			p.price {
+				color: map-deep-get($config-global, "color", "foreground", "dark");
+				font-size: map-deep-get($config-global, "font", "size", "xl");
+				line-height: map-deep-get($config-global, "font", "line-height", "heading");
+
+				del {
+					color: currentColor;
+					opacity: 0.5;
+					display: inline-block;
+				}
+
+				ins {
+					background: none;
+					font-weight: 700;
+					display: inline-block;
+				}
+
+				.from {
+					font-size: map-deep-get($config-global, "font", "size", "xs");
+					color: map-deep-get($config-global, "color", "alert", "warning");
+				}
+			}
+
+			p.stock {
+				font-size: map-deep-get($config-global, "font", "size", "base")
+			}
+
+			.stock {
+				color: map-deep-get($config-global, "color", "primary", "default");
+			}
+
+			.out-of-stock {
+				color: red;
+			}
+
+			.entry-title + .woocommerce-product-rating {
+				margin-top: #{-1 * map-deep-get($config-global, "spacing", "vertical")};
+			}
+
+		}
+
+		.product_meta > * {
+			display: block;
+		}
+
+		// Sale
+		& > .onsale {
+			right: auto;
+			left: -0.5em;
+		}
+
+		&.sale div.summary .span.price,
+		&.sale div.summary p.price {
+			ins {
+				color: map-deep-get($config-global, "color", "alert", "success");
+			}
+		}
+
+		// Social
+		div.social {
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		}
+
+		.up-sells {
+			& > h2 {
+				font-size: map-deep-get($config-global, "font", "size", "lg");
+			}
+		}
+
+		// Add to cart form
+		p.cart {
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		}
+
+		form.cart {
+
+			.variations {
+				margin-bottom: map-deep-get($config-global, "spacing", "unit");
+
+				td,
+				th {
+					line-height: map-deep-get($config-global, "font", "line-height", "body");
+				}
+
+				select {
+					margin-right: map-deep-get($config-global, "spacing", "unit");
+				}
+
+				td.label {
+					padding-right: map-deep-get($config-global, "spacing", "unit");
+				}
+			}
+
+			.woocommerce-variation-description p {
+				margin-bottom: map-deep-get($config-global, "spacing", "unit");
+			}
+
+			.reset_variations {
+				font-size: map-deep-get($config-global, "font", "size", "sm");
+			}
+
+			.group_table {
+
+				td.woocommerce-grouped-product-list-item__label {
+					padding-right: map-deep-get($config-global, "spacing", "unit");
+					padding-left: map-deep-get($config-global, "spacing", "unit");
+				}
+
+				td {
+					padding-bottom: map-deep-get($config-global, "spacing", "unit");
+				}
+			}
+
+			div.quantity,
+			button {
+
+				float: inherit;
+				display: inline-block;
+				vertical-align: middle;
+
+				&.hidden {
+					display: none;
+				}
+			}
+		}
+
+		.woo_pp_cart_buttons_div {
+			text-align: left;
+			.wcppec-checkout-buttons__button {
+				padding-top: 0;
+			}
+		}
+	}
+}

varia/sass/vendors/woocommerce/widgets/_cart-widget.scss

@@ -0,0 +1,61 @@
+/**
+ * Cart Widget
+ */
+
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	/**
+	 * Cart Widget product list
+	 */
+	ul.cart_list,
+	ul.product_list_widget {
+
+		li {
+
+			a:not(.remove) {
+				@include font-family( map-deep-get($config-global, "font", "family", "primary") );
+				line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
+			}
+
+			img {
+				margin-left: #{map-deep-get($config-global, "spacing", "unit")};
+				width: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+			}
+
+			dl {
+				border-left-color: map-deep-get($config-woocommerce, "table", "border", "color");
+
+				dt,
+				dd {
+					margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+				}
+			}
+		}
+	}
+
+	.woocommerce.widget_shopping_cart {
+
+		.total {
+			border-top: none;
+			padding-top: 0;
+		}
+
+		.cart_list {
+
+			border-bottom: 1px solid map-deep-get($config-woocommerce, "table", "border", "color");
+
+			li {
+				border-top: 1px solid map-deep-get($config-woocommerce, "table", "border", "color");
+				padding: map-deep-get($config-global, "spacing", "unit") 0 map-deep-get($config-global, "spacing", "unit") #{2 * map-deep-get($config-global, "spacing", "horizontal")};
+
+				a.remove {
+					top: map-deep-get($config-global, "spacing", "unit");
+				}
+			}
+		}
+
+		.buttons a#woo_pp_ec_button {
+			padding: 0;
+		}
+	}
+}

varia/sass/vendors/woocommerce/widgets/_imports.scss

@@ -0,0 +1,7 @@
+/**
+ * Widget Imports
+ */
+
+@import "cart-widget";
+@import "price-filter";
+@import "product-lists";

varia/sass/vendors/woocommerce/widgets/_price-filter.scss

@@ -0,0 +1,16 @@
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.widget_price_filter .ui-slider {
+		.ui-slider-range,
+		.ui-slider-handle {
+			background-color: #{map-deep-get($config-global, "color", "primary", "default")};
+		}
+	}
+
+	.widget_price_filter .price_slider_wrapper .ui-widget-content {
+		background-color: #{map-deep-get($config-global, "color", "foreground", "light")};
+	}
+}

varia/sass/vendors/woocommerce/widgets/_product-lists.scss

@@ -0,0 +1,26 @@
+/**
+ * Filter by Product List Widgets
+ */
+body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
+
+	.widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+
+		@include media(mobile) {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+
+			& > li {
+				flex: 0 1 auto;
+				margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
+				padding: 0;
+				width: calc((100% / 3) - #{map-deep-get($config-global, "spacing", "unit")});
+
+				&:nth-child(3n+2):last-child {
+					margin-left: #{1.5 * map-deep-get($config-global, "spacing", "unit")};
+					margin-right: auto;
+				}
+			}
+		}
+	}
+}

varia/style-editor.css

@@ -116,6 +116,87 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
+/**
+ * Extends
+ */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+.site-header .main-navigation button,
+.site-header .main-navigation .button,
+.site-header .main-navigation input[type="submit"],
+.site-header .main-navigation .wp-block-button__link,
+.site-header .main-navigation .wp-block-file__button {
+	line-height: 1;
+	color: white;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.2rem;
+	background-color: blue;
+	border-radius: 9px;
+	border-width: 0;
+	padding: 16px 16px;
+}
+
+.site-header .main-navigation button:before,
+.site-header .main-navigation .button:before,
+.site-header .main-navigation input[type="submit"]:before,
+.site-header .main-navigation .wp-block-button__link:before,
+.site-header .main-navigation .wp-block-file__button:before, .site-header .main-navigation button:after,
+.site-header .main-navigation .button:after,
+.site-header .main-navigation input[type="submit"]:after,
+.site-header .main-navigation .wp-block-button__link:after,
+.site-header .main-navigation .wp-block-file__button:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+.site-header .main-navigation button:before,
+.site-header .main-navigation .button:before,
+.site-header .main-navigation input[type="submit"]:before,
+.site-header .main-navigation .wp-block-button__link:before,
+.site-header .main-navigation .wp-block-file__button:before {
+	margin-bottom: -0.12em;
+}
+
+.site-header .main-navigation button:after,
+.site-header .main-navigation .button:after,
+.site-header .main-navigation input[type="submit"]:after,
+.site-header .main-navigation .wp-block-button__link:after,
+.site-header .main-navigation .wp-block-file__button:after {
+	margin-top: -0.11em;
+}
+
+.site-header .main-navigation button:hover,
+.site-header .main-navigation .button:hover,
+.site-header .main-navigation input:hover[type="submit"],
+.site-header .main-navigation .wp-block-button__link:hover,
+.site-header .main-navigation .wp-block-file__button:hover, .site-header .main-navigation button:focus,
+.site-header .main-navigation .button:focus,
+.site-header .main-navigation input:focus[type="submit"],
+.site-header .main-navigation .wp-block-button__link:focus,
+.site-header .main-navigation .wp-block-file__button:focus, .site-header .main-navigation button.has-focus,
+.site-header .main-navigation .has-focus.button,
+.site-header .main-navigation input.has-focus[type="submit"],
+.site-header .main-navigation .has-focus.wp-block-button__link,
+.site-header .main-navigation .has-focus.wp-block-file__button {
+	color: white;
+	background-color: indigo;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
 /**
  * Base
  * - Reset the browser
@@ -1004,7 +1085,7 @@ body:not(.fse-enabled) .site-description {
 	margin: 0;
 }
 
-.main-navigation #toggle:checked ~ div {
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
 	display: block;
 }
 
@@ -1028,7 +1109,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
-		display: block;
+		display: inline-block;
 	}
 	.main-navigation #toggle-menu {
 		display: none;
@@ -1387,82 +1468,13 @@ body:not(.fse-enabled) .footer-menu a {
 
 .site-header .main-navigation {
 	/**
- * Placeholder button style
- * - Since buttons appear in various blocks,
- *   let’s use a placeholder to keep them all
- *   in-sync
+ * Button
  */
 	/**
  * Block Options
  */
 }
 
-.site-header .main-navigation button,
-.site-header .main-navigation .button,
-.site-header .main-navigation input[type="submit"],
-.site-header .main-navigation .wp-block-button__link,
-.site-header .main-navigation .wp-block-file__button {
-	line-height: 1;
-	color: white;
-	cursor: pointer;
-	font-weight: bold;
-	font-family: sans-serif;
-	font-family: var(--font-headings, sans-serif);
-	font-size: 1.2rem;
-	background-color: blue;
-	border-radius: 9px;
-	border-width: 0;
-	padding: 16px 16px;
-}
-
-.site-header .main-navigation button:before,
-.site-header .main-navigation .button:before,
-.site-header .main-navigation input[type="submit"]:before,
-.site-header .main-navigation .wp-block-button__link:before,
-.site-header .main-navigation .wp-block-file__button:before, .site-header .main-navigation button:after,
-.site-header .main-navigation .button:after,
-.site-header .main-navigation input[type="submit"]:after,
-.site-header .main-navigation .wp-block-button__link:after,
-.site-header .main-navigation .wp-block-file__button:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-.site-header .main-navigation button:before,
-.site-header .main-navigation .button:before,
-.site-header .main-navigation input[type="submit"]:before,
-.site-header .main-navigation .wp-block-button__link:before,
-.site-header .main-navigation .wp-block-file__button:before {
-	margin-bottom: -0.12em;
-}
-
-.site-header .main-navigation button:after,
-.site-header .main-navigation .button:after,
-.site-header .main-navigation input[type="submit"]:after,
-.site-header .main-navigation .wp-block-button__link:after,
-.site-header .main-navigation .wp-block-file__button:after {
-	margin-top: -0.11em;
-}
-
-.site-header .main-navigation button:hover,
-.site-header .main-navigation .button:hover,
-.site-header .main-navigation input:hover[type="submit"],
-.site-header .main-navigation .wp-block-button__link:hover,
-.site-header .main-navigation .wp-block-file__button:hover, .site-header .main-navigation button:focus,
-.site-header .main-navigation .button:focus,
-.site-header .main-navigation input:focus[type="submit"],
-.site-header .main-navigation .wp-block-button__link:focus,
-.site-header .main-navigation .wp-block-file__button:focus, .site-header .main-navigation button.has-focus,
-.site-header .main-navigation .has-focus.button,
-.site-header .main-navigation input.has-focus[type="submit"],
-.site-header .main-navigation .has-focus.wp-block-button__link,
-.site-header .main-navigation .has-focus.wp-block-file__button {
-	color: white;
-	background-color: indigo;
-}
-
 .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link {
 	color: blue;
 	background: transparent;

varia/style-editor.scss

@@ -10,6 +10,11 @@
 @import "sass/abstracts/config-global";
 @import "sass/abstracts/mixins";
 
+/**
+ * Extends
+ */
+@import "sass/base/extends";
+
 /**
  * Base
  * - Reset the browser

varia/style-rtl.css

@@ -139,6 +139,87 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
+/**
+ * Extends
+ */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link,
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+	line-height: 1;
+	color: white;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.2rem;
+	background-color: blue;
+	border-radius: 9px;
+	border-width: 0;
+	padding: 16px 16px;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+	margin-bottom: -0.12em;
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	margin-top: -0.11em;
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+	color: white;
+	background-color: indigo;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
 /**
  * Base
  * - Reset the browser
@@ -147,6 +228,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Base
  * - Reset the browser
  */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link,
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+	line-height: 1;
+	color: white;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.2rem;
+	background-color: blue;
+	border-radius: 9px;
+	border-width: 0;
+	padding: 16px 16px;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+	margin-bottom: -0.12em;
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	margin-top: -0.11em;
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+	color: white;
+	background-color: indigo;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -818,7 +977,8 @@ footer {
 .post-thumbnail > *,
 .page-content > *,
 .comment-content > *,
-.author-bio > * {
+.author-bio > *,
+.widget-area > .widget > * {
 	margin-top: 16px;
 	margin-bottom: 16px;
 }
@@ -828,7 +988,8 @@ footer {
 .post-thumbnail > *:first-child,
 .page-content > *:first-child,
 .comment-content > *:first-child,
-.author-bio > *:first-child {
+.author-bio > *:first-child,
+.widget-area > .widget > *:first-child {
 	margin-top: 0;
 }
 
@@ -837,7 +998,8 @@ footer {
 .post-thumbnail > *:last-child,
 .page-content > *:last-child,
 .comment-content > *:last-child,
-.author-bio > *:last-child {
+.author-bio > *:last-child,
+.widget-area > .widget > *:last-child {
 	margin-bottom: 0;
 }
 
@@ -1028,77 +1190,8 @@ object {
 }
 
 /**
- * Placeholder button style
- * - Since buttons appear in various blocks,
- *   let’s use a placeholder to keep them all
- *   in-sync
+ * Button
  */
-button,
-.button,
-input[type="submit"],
-.wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
-	line-height: 1;
-	color: white;
-	cursor: pointer;
-	font-weight: bold;
-	font-family: sans-serif;
-	font-family: var(--font-headings, sans-serif);
-	font-size: 1.2rem;
-	background-color: blue;
-	border-radius: 9px;
-	border-width: 0;
-	padding: 16px 16px;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
-	margin-bottom: -0.12em;
-}
-
-button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	margin-top: -0.11em;
-}
-
-button:hover,
-.button:hover,
-input:hover[type="submit"],
-.wp-block-button__link:hover,
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
-.button:focus,
-input:focus[type="submit"],
-.wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
-.has-focus.button,
-input.has-focus[type="submit"],
-.has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
-	color: white;
-	background-color: indigo;
-}
-
 /**
  * Block Options
  */
@@ -2364,7 +2457,7 @@ body:not(.fse-enabled) .site-description {
 	margin: 0;
 }
 
-.main-navigation #toggle:checked ~ div {
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
 	display: block;
 }
 
@@ -2388,7 +2481,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
-		display: block;
+		display: inline-block;
 	}
 	.main-navigation #toggle-menu {
 		display: none;

varia/style-woocommerce-rtl.css

@@ -0,0 +1,2092 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * WooCommerce Abstracts
+ */
+/**
+ * WooCommerce Variables
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+/**
+ * Varia Extends
+ */
+/**
+ * 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-family: var(--font-headings, 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;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #111111;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	left: -0.5em;
+	right: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: sans-serif;
+	font-family: var(--font-headings, 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-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 64px 16px 32px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #111111;
+	border-top-color: blue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	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;
+	font-family: sans-serif !important;
+	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: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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.shop_attributes {
+	border-top-color: #DDDDDD;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: red;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	left: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+	display: inline-block;
+	margin: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
+	background-color: indigo;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
+	display: inline;
+}
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
+		background-color: white;
+		color: #444444;
+		padding: 0;
+		width: 100%;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
+		color: currentColor;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-left: 32px;
+	}
+	body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+		display: none;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	display: none;
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-left: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #767676;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: right;
+	height: 1.2rem;
+	width: 1.2rem;
+	vertical-align: middle;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+		display: inline-block;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: white;
+	color: #444444;
+	max-width: 100%;
+	padding: 16px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
+	background-color: transparent;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: left;
+	color: white;
+	background-color: blue;
+	margin: 0;
+	float: left;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-left: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		right: auto;
+		left: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-right: auto;
+		margin-left: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-right: calc(0.66 * 16px);
+	padding-left: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #DDDDDD;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-right: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #DDDDDD;
+	border-top-right-radius: 10px;
+	border-top-left-radius: 10px;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #767676;
+	padding-right: 16px;
+	padding-left: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: indigo;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #DDDDDD;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #111111;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #DDDDDD;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-right: 64px;
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 50px 0 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] .woocommerce-store-notice,
+body[class*="woocommerce"] p.demo_store {
+	background-color: blue;
+	color: white;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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-left: 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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 0.83333rem;
+	margin-left: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-left: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: serif;
+	font-family: var(--font-base, serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #DDDDDD;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: right;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #DDDDDD;
+	border-left-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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 0 0 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-left: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #DDDDDD;
+	color: #111111;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #DDDDDD;
+	border-top-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-left: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #DDDDDD;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: left;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #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;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
+	margin-top: 0;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+		width: 20%;
+	}
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #DDDDDD;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+		width: calc(80% - 16px);
+	}
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2,
+body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #111111;
+	font-size: 1.728rem;
+	line-height: 1.125;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
+	color: currentColor;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: blue;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
+.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
+	color: yellowgreen;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: right;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-right: 16px;
+	width: 64px;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li dl,
+body[class*="woocommerce"] #page ul.product_list_widget li dl {
+	border-right-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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 32px 16px 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: blue;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #767676;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: 24px;
+		margin-left: auto;
+	}
+}

varia/style-woocommerce.css

@@ -0,0 +1,2092 @@
+@charset "UTF-8";
+/**
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
+ */
+/**
+ * Abstracts
+ * - Functions and config
+ */
+/* 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
+ */
+/**
+ * WooCommerce Abstracts
+ */
+/**
+ * WooCommerce Variables
+ */
+/**
+ * Varia Mixins
+ */
+/**
+ * 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
+ */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
+/**
+ * Varia Responsive Logic
+ */
+/**
+ * Page Layout Styles & Repsonsive Styles
+ */
+/* Responsive width-content overrides */
+/**
+ * Varia Extends
+ */
+/**
+ * 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-family: var(--font-headings, 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;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #111111;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	text-transform: none;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * WooCommerce Styles
+ */
+/**
+ * WooCommerce styles
+ */
+/**
+ * Element Imports
+ */
+/**
+ * Small Note
+ */
+body[class*="woocommerce"] #page .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	font-family: sans-serif;
+	font-family: var(--font-headings, 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-info,
+body[class*="woocommerce"] #page .woocommerce-success,
+body[class*="woocommerce"] #page .woocommerce-error,
+body[class*="woocommerce"] #page .woocommerce-warning {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #111111;
+	border-top-color: blue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--message,
+body[class*="woocommerce"] #page .woocommerce-notice--info {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--success {
+	color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--error {
+	color: salmon;
+}
+
+body[class*="woocommerce"] #page .woocommerce-notice--warning {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message,
+body[class*="woocommerce"] #page .woocommerce-info {
+	border-top-color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-message:before,
+body[class*="woocommerce"] #page .woocommerce-info:before {
+	color: skyblue;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success {
+	border-top-color: yellowgreen;
+}
+
+body[class*="woocommerce"] #page .woocommerce-success: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-warning {
+	border-top-color: gold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-warning:before {
+	color: gold;
+}
+
+/**
+ * Star ratings
+ */
+/**
+ * Password strength meter
+ */
+body[class*="woocommerce"] #page .woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 0.5 * 16px;
+	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;
+	font-family: sans-serif !important;
+	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: gold;
+	content: "\53\53\53\53\53";
+	opacity: 0.4;
+}
+
+body[class*="woocommerce"] #page .star-rating span {
+	color: gold;
+}
+
+body[class*="woocommerce"] #page p.stars a {
+	color: gold;
+}
+
+/**
+ * Tables
+ */
+body[class*="woocommerce"] #page table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page table.shop_table th {
+	padding: 16px;
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page table.shop_table td {
+	border-top: none;
+	padding: 16px;
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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.shop_attributes {
+	border-top-color: #DDDDDD;
+	border-top-style: solid;
+	margin-bottom: 32px;
+	border-bottom: 1px solid #DDDDDD;
+}
+
+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;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page table.shop_attributes td p {
+	margin: 0;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+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: #FAFAFA;
+}
+
+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: 8px;
+}
+
+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;
+}
+
+/**
+ * WooCommerce Block Grid
+ * - Used by:
+ *   .wp-block-product-new
+ *   .wp-block-product-best-sellers
+ *   .wp-block-product-on-sale
+ *   .wp-block-product-top-rated
+ *   .wp-block-product-categroy
+ *   .wp-block-products-by-attribute
+ */
+#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
+#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
+	margin-bottom: 16px;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
+#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:last-child,
+#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
+	margin-bottom: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product > *:empty,
+#content .wc-block-grid .wc-block-grid__product-link > *:empty {
+	margin: 0;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1rem;
+}
+
+#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
+	color: red;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#content .wc-block-grid .wc-block-grid__product-price ins {
+	color: yellowgreen;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	right: calc(-0.5em + 16px);
+	margin: 0;
+}
+
+/**
+ * WooCommerce Featured Product
+ */
+#content .wc-block-featured-product .wc-block-featured-product__description:empty,
+#content .wc-block-featured-product .wc-block-featured-product__link:empty,
+#content .wc-block-featured-product .wc-block-featured-product__price:empty,
+#content .wc-block-featured-product .wc-block-featured-product__title:empty,
+#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
+	padding: 0;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price {
+	font-size: 1.728rem;
+}
+
+#content .wc-block-featured-product .wc-block-featured-product__price ins {
+	text-decoration: none;
+}
+
+/**
+ * Components Imports
+ */
+/**
+ * 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 .cart-collaterals .shipping-calculator-form,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+/**
+ * Mini-cart
+ */
+body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
+	display: inline-block;
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+	display: inline-block;
+	margin: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
+	background-color: indigo;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
+	display: inline;
+}
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
+		background-color: white;
+		color: #444444;
+		padding: 0;
+		width: 100%;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
+		color: currentColor;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-right: 32px;
+	}
+	body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+		display: none;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	display: none;
+	text-decoration: none;
+	line-height: 1;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
+	margin-right: 4px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .woocommerce-cart-count {
+	color: #767676;
+	font-weight: normal;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	float: left;
+	height: 1.2rem;
+	width: 1.2rem;
+	vertical-align: middle;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+		display: inline-block;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: white;
+	color: #444444;
+	max-width: 100%;
+	padding: 16px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 320px;
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
+	background-color: transparent;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
+	text-decoration: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
+	text-align: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	clear: right;
+	color: white;
+	background-color: blue;
+	margin: 0;
+	float: right;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
+	clear: inherit;
+	float: inherit;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
+	margin-right: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
+	margin-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li .quantity,
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
+body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1rem;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
+		left: auto;
+		right: 0;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
+	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
+		margin-left: auto;
+		margin-right: 16px;
+	}
+}
+
+.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
+.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
+	display: none;
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] #page .woocommerce-pagination {
+	margin: 0 calc(-0.66 * 16px);
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
+	border: none;
+	display: flex;
+	justify-content: start;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
+	display: block;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.2rem;
+	font-weight: 600;
+	padding-left: calc(0.66 * 16px);
+	padding-right: calc(0.66 * 16px);
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
+	border: none;
+	float: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
+	text-decoration: unset;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
+	background: transparent;
+	color: #444444;
+}
+
+body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Product loops
+ */
+body[class*="woocommerce"] #page .woocommerce-products-header img {
+	display: block;
+}
+
+#woocommerce-wrapper .products ul,
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#woocommerce-wrapper ul.products li.product,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
+	text-align: center;
+}
+
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#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,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	font-size: 1rem;
+}
+
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
+	margin: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
+	border-color: #DDDDDD;
+}
+
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#woocommerce-wrapper ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
+	margin-top: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
+	color: #111111;
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+/**
+ * Tabs
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Tabs
+	 */
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
+	background-color: #FAFAFA;
+	border-color: #DDDDDD;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
+	color: #767676;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
+	color: indigo;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-color: #DDDDDD;
+	border-bottom-color: white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
+	color: #111111;
+	text-shadow: inherit;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 white;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
+body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+/**
+ * Reviews
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Reviews
+	 */
+}
+
+body[class*="woocommerce"] #page #reviews h2 small {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+body[class*="woocommerce"] #page #reviews h2 small a {
+	color: currentColor;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
+	padding: 0;
+	width: 48px;
+	height: auto;
+	background: transparent;
+	border-color: #DDDDDD;
+	margin: 0;
+	box-shadow: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
+	margin-left: 64px;
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
+	border: 1px solid #DDDDDD;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] .woocommerce-store-notice,
+body[class*="woocommerce"] p.demo_store {
+	background-color: blue;
+	color: white;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+}
+
+/**
+ * Structure
+ */
+/**
+ * WooCommerce Wrapper Width
+ */
+/**
+ * Vertical Space - 32px
+ */
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
+	margin-top: 0;
+}
+
+body[class*="woocommerce"] #page div.summary > *:not(img):empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
+body[class*="woocommerce"] #page .products.related > *:not(img):empty,
+body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):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 ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page 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),
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > *: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 ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-Address > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-products-header > .price,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > .price,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-order-details > .price,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
+	margin-bottom: 16px;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product a > .form-row-last,
+#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
+body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
+	margin-top: 0;
+}
+
+#woocommerce-wrapper ul.products li.product a > *:empty,
+#woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page 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,
+body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
+body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
+body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
+body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
+	margin: 0;
+}
+
+/**
+ * Page Imports
+ */
+/**
+ * Cart page
+ */
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail {
+	width: 96px;
+}
+
+body[class*="woocommerce"] #page td.product-thumbnail img {
+	width: inherit;
+}
+
+body[class*="woocommerce"] #page td.product-name {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-weight: 700;
+}
+
+body[class*="woocommerce"] #page td.product-name a {
+	max-width: 50%;
+}
+
+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;
+}
+
+/**
+ * Checkout page
+ */
+body[class*="woocommerce"] #page .woocommerce-order h2 {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
+	display: flex;
+	justify-content: space-between;
+	align-content: flex-start;
+	align-items: stretch;
+	border: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
+	border: none;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 0.83333rem;
+	margin-right: 0;
+	padding: 16px;
+	text-transform: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
+	word-break: break-word;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
+	border-right: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
+	font-family: serif;
+	font-family: var(--font-base, serif);
+	font-size: 1.2rem;
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
+	content: none !important;
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #DDDDDD;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page ul.order_details {
+	padding-left: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce-customer-details address {
+	border-radius: 0;
+	border-color: #DDDDDD;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}
+
+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 16px 0 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 16px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment {
+	background: transparent;
+	border: 1px solid #DDDDDD;
+	border-radius: 0;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods {
+	padding: 16px;
+	border-bottom-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment ul.payment_methods li input {
+	margin-right: 1.78;
+}
+
+body[class*="woocommerce"] #page #payment div.form-row {
+	padding: 16px;
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	font-weight: bold;
+	border-radius: 0;
+	line-height: 1.78;
+	background-color: #DDDDDD;
+	color: #111111;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
+body[class*="woocommerce"] #page #payment div.payment_box textarea {
+	border-color: #DDDDDD;
+	border-top-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
+body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #767676;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+body[class*="woocommerce"] #page #payment div.payment_box::before {
+	border-bottom-color: #DDDDDD;
+	/* arrow size / color */
+}
+
+body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+body[class*="woocommerce"] #page #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;
+}
+
+body[class*="woocommerce"] #page .checkout h3 {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.44rem;
+	font-weight: bold;
+}
+
+body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
+	border-color: #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+/**
+ * Account page
+ */
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
+	line-height: 1.125;
+	display: inline-table;
+}
+
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
+	margin-top: 0;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+		width: 20%;
+	}
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+	width: 100%;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #DDDDDD;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+		width: calc(80% - 16px);
+	}
+}
+
+body[class*="woocommerce"] #page .addresses .title h3 {
+	font-size: 1rem;
+}
+
+body[class*="woocommerce"] #page .addresses .title .edit {
+	line-height: 1;
+}
+
+.woocommerce-account .entry-content .woocommerce > h2,
+body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Products Page
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+body[class*="woocommerce"] #page mark {
+	background: transparent;
+}
+
+body[class*="woocommerce"] #page .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+/**
+ * Single Product Page
+ */
+.single-product #page #woocommerce-wrapper div.product div.images {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: #111111;
+	font-size: 1.728rem;
+	line-height: 1.125;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
+	color: currentColor;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
+	font-size: 1rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .stock {
+	color: blue;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
+	color: red;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
+	margin-top: -32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .product_meta > * {
+	display: block;
+}
+
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
+.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
+	color: yellowgreen;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
+.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
+.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
+	display: none;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
+	text-align: left;
+}
+
+.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
+	padding-top: 0;
+}
+
+/**
+ * Widget Imports
+ */
+/**
+ * Cart Widget
+ */
+body[class*="woocommerce"] #page {
+	/**
+	 * Cart Widget product list
+	 */
+}
+
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	line-height: 1.125;
+}
+
+body[class*="woocommerce"] #page ul.cart_list li img,
+body[class*="woocommerce"] #page ul.product_list_widget li img {
+	margin-left: 16px;
+	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 .woocommerce.widget_shopping_cart .total {
+	border-top: none;
+	padding-top: 0;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 0 16px 32px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
+	padding: 0;
+}
+
+/**
+ * Filter by Price Widget
+ */
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
+body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
+	background-color: blue;
+}
+
+body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
+	background-color: #767676;
+}
+
+/**
+ * Filter by Product List Widgets
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		flex: 0 1 auto;
+		margin-bottom: 32px;
+		padding: 0;
+		width: calc((100% / 3) - 16px);
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: 24px;
+		margin-right: auto;
+	}
+}

varia/style-woocommerce.scss

@@ -0,0 +1,36 @@
+/**
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Functions and config
+ */
+@import "sass/abstracts/functions";
+@import "sass/abstracts/config-global";
+
+/**
+ * WooCommerce Abstracts
+ */
+@import "sass/vendors/woocommerce/abstracts/config-woocommerce";
+
+/**
+ * Varia Mixins
+ */
+@import "sass/abstracts/mixins";
+
+/**
+ * Varia Responsive Logic
+ */
+@import "sass/abstracts/responsive-logic";
+
+/**
+ * Varia Extends
+ */
+@import "sass/base/extends";
+
+/**
+ * WooCommerce Styles
+ */
+@import "sass/vendors/woocommerce/style";

varia/style.css

@@ -139,6 +139,87 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
+/**
+ * Extends
+ */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link,
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+	line-height: 1;
+	color: white;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.2rem;
+	background-color: blue;
+	border-radius: 9px;
+	border-width: 0;
+	padding: 16px 16px;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+	margin-bottom: -0.12em;
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	margin-top: -0.11em;
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+	color: white;
+	background-color: indigo;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
 /**
  * Base
  * - Reset the browser
@@ -147,6 +228,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Base
  * - Reset the browser
  */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link,
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+	line-height: 1;
+	color: white;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
+	font-size: 1.2rem;
+	background-color: blue;
+	border-radius: 9px;
+	border-width: 0;
+	padding: 16px 16px;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+	margin-bottom: -0.12em;
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after,
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+	margin-top: -0.11em;
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+	color: white;
+	background-color: indigo;
+}
+
+/**
+ * Onsale Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -818,7 +977,8 @@ footer {
 .post-thumbnail > *,
 .page-content > *,
 .comment-content > *,
-.author-bio > * {
+.author-bio > *,
+.widget-area > .widget > * {
 	margin-top: 16px;
 	margin-bottom: 16px;
 }
@@ -828,7 +988,8 @@ footer {
 .post-thumbnail > *:first-child,
 .page-content > *:first-child,
 .comment-content > *:first-child,
-.author-bio > *:first-child {
+.author-bio > *:first-child,
+.widget-area > .widget > *:first-child {
 	margin-top: 0;
 }
 
@@ -837,7 +998,8 @@ footer {
 .post-thumbnail > *:last-child,
 .page-content > *:last-child,
 .comment-content > *:last-child,
-.author-bio > *:last-child {
+.author-bio > *:last-child,
+.widget-area > .widget > *:last-child {
 	margin-bottom: 0;
 }
 
@@ -1028,77 +1190,8 @@ object {
 }
 
 /**
- * Placeholder button style
- * - Since buttons appear in various blocks,
- *   let’s use a placeholder to keep them all
- *   in-sync
+ * Button
  */
-button,
-.button,
-input[type="submit"],
-.wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
-	line-height: 1;
-	color: white;
-	cursor: pointer;
-	font-weight: bold;
-	font-family: sans-serif;
-	font-family: var(--font-headings, sans-serif);
-	font-size: 1.2rem;
-	background-color: blue;
-	border-radius: 9px;
-	border-width: 0;
-	padding: 16px 16px;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
-	margin-bottom: -0.12em;
-}
-
-button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	margin-top: -0.11em;
-}
-
-button:hover,
-.button:hover,
-input:hover[type="submit"],
-.wp-block-button__link:hover,
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
-.button:focus,
-input:focus[type="submit"],
-.wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
-.has-focus.button,
-input.has-focus[type="submit"],
-.has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
-	color: white;
-	background-color: indigo;
-}
-
 /**
  * Block Options
  */
@@ -2381,7 +2474,7 @@ body:not(.fse-enabled) .site-description {
 	margin: 0;
 }
 
-.main-navigation #toggle:checked ~ div {
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
 	display: block;
 }
 
@@ -2405,7 +2498,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
-		display: block;
+		display: inline-block;
 	}
 	.main-navigation #toggle-menu {
 		display: none;

varia/style.scss

@@ -27,6 +27,11 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  */
 @import "sass/abstracts/imports";
 
+/**
+ * Extends
+ */
+@import "sass/base/extends";
+
 /**
  * Base
  * - Reset the browser