Просмотр исходного кода

Varia: Restructure WC styles to only appear when WC is active

Allan Cole 5 лет назад
Родитель
Сommit
63670b1c6d

+ 7 - 0
varia/functions.php

@@ -308,3 +308,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';
+}

+ 45 - 0
varia/inc/woocommerce.php

@@ -0,0 +1,45 @@
+<?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' => 2,
+			'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' );
+
+/**
+ * Enqueue scripts and styles.
+ */
+function varia_woocommerce_scripts() {
+
+	// WooCommerce styles
+	wp_enqueue_style( 'varia-woocommerce-style', get_template_directory_uri() . '/style-woocommerce.css', array(), wp_get_theme()->get( 'Version' ) );
+
+}
+add_action( 'wp_enqueue_scripts', 'varia_woocommerce_scripts' );
+

+ 1 - 0
varia/package.json

@@ -38,6 +38,7 @@
     "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.css",
     "build": "run-p \"build:*\"",
     "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
     "child-theme": "sh ../theme-dev-utils/build-child-theme.sh"

+ 26 - 0
varia/sass/abstracts/_extends.scss

@@ -0,0 +1,26 @@
+/**
+ * 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")};
+	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")};
+	}
+}
+

+ 1 - 0
varia/sass/abstracts/_imports.scss

@@ -6,3 +6,4 @@
 @import "functions";
 @import "config-global";
 @import "mixins";
+@import "extends";

+ 1 - 24
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")};
-	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"],

+ 0 - 1
varia/sass/vendors/_imports.scss

@@ -4,5 +4,4 @@
  */
 
 @import "jetpack";
-@import "woocommerce/woocommerce";
 // @import "wpcom";

+ 15 - 15
varia/sass/vendors/woocommerce/_woocommerce.scss → varia/sass/vendors/_woocommerce.scss

@@ -72,24 +72,24 @@ $border_radius: map-deep-get($config-global, "border-radius", "sm");
 }
 
 // Blocks
-@import "blocks/button/style";
+@import "woocommerce/blocks/button/style";
 
 // Components
-@import "components/cart-sidebar";
-@import "components/cart-collaterals";
-@import "components/notices";
-@import "components/onsale";
-@import "components/password-strength-meter";
-@import "components/product-loops";
-@import "components/reviews";
-@import "components/star-rating";
-@import "components/tables";
+@import "woocommerce/components/cart-sidebar";
+@import "woocommerce/components/cart-collaterals";
+@import "woocommerce/components/notices";
+@import "woocommerce/components/onsale";
+@import "woocommerce/components/password-strength-meter";
+@import "woocommerce/components/product-loops";
+@import "woocommerce/components/reviews";
+@import "woocommerce/components/star-rating";
+@import "woocommerce/components/tables";
 
 // Layout
-@import "layout/structure";
+@import "woocommerce/layout/structure";
 
 // Pages
-@import "pages/account";
-@import "pages/cart";
-@import "pages/product-page";
-@import "pages/single-product";
+@import "woocommerce/pages/account";
+@import "woocommerce/pages/cart";
+@import "woocommerce/pages/product-page";
+@import "woocommerce/pages/single-product";

+ 1 - 0
varia/style-editor-content-width.scss

@@ -9,6 +9,7 @@
 @import "sass/abstracts/functions";
 @import "sass/abstracts/config-global";
 @import "sass/abstracts/mixins";
+@import "sass/abstracts/extends";
 
 /**
  * Structure

+ 72 - 69
varia/style-editor.css

@@ -112,6 +112,77 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Crop Text Boundry
  * - Sets a fixed-width on content within alignwide and alignfull blocks
  */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+.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-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;
+}
+
 /**
  * Base
  * - Reset the browser
@@ -1364,81 +1435,13 @@ table th,
 
 .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-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;

+ 1 - 0
varia/style-editor.scss

@@ -9,6 +9,7 @@
 @import "sass/abstracts/functions";
 @import "sass/abstracts/config-global";
 @import "sass/abstracts/mixins";
+@import "sass/abstracts/extends";
 
 /**
  * Base

+ 98 - 1438
varia/style-rtl.css

@@ -135,6 +135,77 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Crop Text Boundry
  * - Sets a fixed-width on content within alignwide and alignfull blocks
  */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+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-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;
+}
+
 /**
  * Base
  * - Reset the browser
@@ -1025,173 +1096,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, body[class*="woocommerce"] #page #respond input#submit,
-body[class*="woocommerce"] #page #respond input#submit.alt,
-body[class*="woocommerce"] #page a.button,
-body[class*="woocommerce"] #page a.button.alt,
-body[class*="woocommerce"] #page button.button,
-body[class*="woocommerce"] #page button.button.alt,
-body[class*="woocommerce"] #page input.button,
-body[class*="woocommerce"] #page input.button.alt,
-body[class*="woocommerce"] #page .cart .button,
-body[class*="woocommerce"] #page .cart input.button,
-body[class*="woocommerce"] #page a.added_to_cart,
-body[class*="woocommerce"] #page .woocommerce #respond input#submit,
-body[class*="woocommerce"] #page .woocommerce a.button,
-body[class*="woocommerce"] #page .woocommerce button.button,
-body[class*="woocommerce"] #page .woocommerce input.button,
-body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
-body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
-	line-height: 1;
-	color: white;
-	cursor: pointer;
-	font-weight: bold;
-	font-family: sans-serif;
-	font-size: 1.2rem;
-	background-color: blue;
-	border-radius: 9px;
-	border-width: 0;
-	padding: 16px 16px;
-}
-
-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, 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, 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, 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;
-}
-
-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, 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;
-}
-
-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, 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;
-}
-
-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, 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, 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, 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, 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, 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;
-}
-
 /**
  * Block Options
  */
@@ -2492,6 +2398,16 @@ table th,
 	z-index: 1;
 }
 
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2504,6 +2420,22 @@ table th,
 		/* Submenu display */
 	}
 	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -3597,1278 +3529,6 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	font-size: 0.83333rem;
 }
 
-/**
- * Main WooCommerce styles
- */
-.woocommerce a.remove {
-	font-size: 1.44rem;
-	height: 1.44rem;
-	width: 1.44rem;
-	color: red !important;
-}
-
-.woocommerce a.remove:hover {
-	color: white !important;
-	background: red;
-}
-
-.woocommerce small.note {
-	color: #767676;
-	font-size: 0.83333rem;
-	margin-top: 16px;
-}
-
-.woocommerce .woocommerce-breadcrumb {
-	margin-bottom: 32px;
-	font-size: 1rem;
-	color: #767676;
-}
-
-.woocommerce .woocommerce-breadcrumb a {
-	color: currentColor;
-}
-
-/**
- * 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;
-}
-
-/**
- * Reviews
- */
-.woocommerce #page {
-	/**
-	 * Cart sidebar
-	 */
-}
-
-.woocommerce #page ul.cart_list li img,
-.woocommerce #page ul.product_list_widget li img {
-	margin-right: 4px;
-	width: 32px;
-}
-
-.woocommerce #page ul.cart_list li dl,
-.woocommerce #page ul.product_list_widget li dl {
-	border-right-color: #DDDDDD;
-}
-
-.woocommerce #page ul.cart_list li dl dt,
-.woocommerce #page ul.cart_list li dl dd,
-.woocommerce #page ul.product_list_widget li dl dt,
-.woocommerce #page ul.product_list_widget li dl dd {
-	margin-bottom: 32px;
-}
-
-.woocommerce #page .widget_shopping_cart .total {
-	border-top: 1px solid #DDDDDD;
-	padding-top: 16px;
-}
-
-.woocommerce #page .widget_shopping_cart .cart_list li {
-	border-top: 1px solid #DDDDDD;
-	padding: 16px 32px 16px 0;
-}
-
-.woocommerce #page .widget_shopping_cart .cart_list li a.remove {
-	top: 16px;
-}
-
-/**
- * Cart Collaterals
- */
-.woocommerce-cart .cart-collaterals .shipping-calculator-button,
-.woocommerce-checkout .cart-collaterals .shipping-calculator-button,
-#add_payment_method .cart-collaterals .shipping-calculator-button {
-	margin-top: 16px;
-}
-
-.woocommerce-cart .cart-collaterals .shipping-calculator-form,
-.woocommerce-checkout .cart-collaterals .shipping-calculator-form,
-#add_payment_method .cart-collaterals .shipping-calculator-form {
-	margin-top: 16px;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals p small,
-.woocommerce-checkout .cart-collaterals .cart_totals p small,
-#add_payment_method .cart-collaterals .cart_totals p small {
-	color: #767676;
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals table,
-.woocommerce-checkout .cart-collaterals .cart_totals table,
-#add_payment_method .cart-collaterals .cart_totals table {
-	margin: 0 0 8px;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals table td,
-.woocommerce-cart .cart-collaterals .cart_totals table th,
-.woocommerce-checkout .cart-collaterals .cart_totals table td,
-.woocommerce-checkout .cart-collaterals .cart_totals table th,
-#add_payment_method .cart-collaterals .cart_totals table td,
-#add_payment_method .cart-collaterals .cart_totals table th {
-	line-height: 1.78;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals table small,
-.woocommerce-checkout .cart-collaterals .cart_totals table small,
-#add_payment_method .cart-collaterals .cart_totals table small {
-	color: #767676;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals .discount td,
-.woocommerce-checkout .cart-collaterals .cart_totals .discount td,
-#add_payment_method .cart-collaterals .cart_totals .discount td {
-	color: gold;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals tr td,
-.woocommerce-cart .cart-collaterals .cart_totals tr th,
-.woocommerce-checkout .cart-collaterals .cart_totals tr td,
-.woocommerce-checkout .cart-collaterals .cart_totals tr th,
-#add_payment_method .cart-collaterals .cart_totals tr td,
-#add_payment_method .cart-collaterals .cart_totals tr th {
-	border-top-color: #DDDDDD;
-}
-
-.woocommerce .cart-collaterals .cross-sells > h2,
-.woocommerce-page .cart-collaterals .cross-sells > h2,
-.woocommerce .cart-collaterals .cart_totals > h2,
-.woocommerce-page .cart-collaterals .cart_totals > h2 {
-	font-size: 1.44rem;
-}
-
-/**
- * Notices
- */
-.woocommerce .woocommerce-message,
-.woocommerce .woocommerce-error,
-.woocommerce .woocommerce-info {
-	padding: 16px 64px 16px 32px;
-	margin-bottom: 32px;
-	background-color: #FAFAFA;
-	color: #111111;
-	border-top-color: blue;
-}
-
-.woocommerce .woocommerce-message {
-	border-top-color: yellowgreen;
-}
-
-.woocommerce .woocommerce-message:before {
-	color: yellowgreen;
-}
-
-.woocommerce .woocommerce-error {
-	border-top-color: salmon;
-}
-
-.woocommerce .woocommerce-error:before {
-	color: salmon;
-}
-
-.woocommerce .woocommerce-info {
-	border-top-color: blue;
-}
-
-.woocommerce .woocommerce-info:before {
-	color: blue;
-}
-
-/**
- * Star ratings
- */
-.woocommerce #content span.onsale {
-	border-radius: 100%;
-	background-color: gold;
-	color: #111111;
-	font-size: 0.83333rem;
-	font-weight: 700;
-	font-family: sans-serif;
-	min-height: 3.236rem;
-	min-width: 3.236rem;
-	padding: 0.202rem;
-	position: absolute;
-	text-align: center;
-	line-height: 3.236;
-	top: -0.5em;
-	left: -0.5em;
-	right: auto;
-	margin: 0;
-	z-index: 9;
-}
-
-/**
- * Password strength meter
- */
-.woocommerce-password-strength {
-	text-align: center;
-	font-weight: 600;
-	padding: 4px;
-	font-size: 0.83333rem;
-}
-
-.woocommerce-password-strength.strong {
-	background-color: yellowgreen;
-	border-color: none;
-}
-
-.woocommerce-password-strength.good {
-	background-color: gold;
-	border-color: none;
-}
-
-.woocommerce-password-strength.short {
-	background-color: salmon;
-	border-color: none;
-}
-
-.woocommerce-password-strength.bad {
-	background-color: salmon;
-	border-color: none;
-}
-
-woocommerce-password-hint {
-	font-size: 0.69444rem;
-}
-
-/**
- * Product loops
- */
-#content .woocommerce .products ul,
-#content .woocommerce ul.products {
-	margin: 0;
-	padding: 0;
-}
-
-#content .woocommerce ul.products li.product .star-rating {
-	margin: inherit;
-}
-
-#content .woocommerce ul.products li.product h3,
-#content .woocommerce ul.products li.product .woocommerce-loop-product__title,
-#content .woocommerce ul.products li.product .woocommerce-loop-category__title {
-	padding: inherit;
-	margin: inherit;
-	font-size: 1rem;
-}
-
-#content .woocommerce ul.products li.product a img {
-	margin: inherit;
-}
-
-#content .woocommerce ul.products li.product .woocommerce-placeholder {
-	border-color: #DDDDDD;
-}
-
-#content .woocommerce ul.products li.product .star-rating {
-	font-size: 0.83333rem;
-}
-
-#content .woocommerce ul.products li.product .button {
-	margin-top: inherit;
-}
-
-#content .woocommerce ul.products li.product .price {
-	color: #111111;
-	margin-bottom: inherit;
-	font-size: 1.2rem;
-}
-
-#content .woocommerce ul.products li.product .price del {
-	color: inherit;
-	opacity: 0.5;
-	display: inline-block;
-}
-
-#content .woocommerce ul.products li.product .price ins {
-	background: none;
-	font-weight: 700;
-	display: inline-block;
-}
-
-#content .woocommerce ul.products li.product .price .from {
-	font-size: 0.69444rem;
-	color: gold;
-}
-
-#content .woocommerce ul.products li.product.sale a > .price ins {
-	color: yellowgreen;
-}
-
-#content .woocommerce .woocommerce-result-count {
-	margin-bottom: 16px;
-}
-
-#content .woocommerce .woocommerce-ordering {
-	margin-bottom: 16px;
-}
-
-#content .woocommerce .woocommerce-ordering select {
-	vertical-align: top;
-}
-
-#content .woocommerce nav.woocommerce-pagination {
-	text-align: center;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul {
-	display: inline-block;
-	white-space: nowrap;
-	padding: 0;
-	clear: both;
-	border-color: #DDDDDD;
-	border-left: 0;
-	margin: 1px;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul li {
-	border-color: #DDDDDD;
-	padding: 0;
-	margin: 0;
-	float: right;
-	display: inline;
-	overflow: hidden;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul li a,
-#content .woocommerce nav.woocommerce-pagination ul li span {
-	margin: 0;
-	text-decoration: none;
-	padding: 0;
-	line-height: 1;
-	font-size: 1em;
-	font-weight: normal;
-	padding: 0.5em;
-	min-width: 1em;
-	display: block;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul li span.current,
-#content .woocommerce nav.woocommerce-pagination ul li a:hover,
-#content .woocommerce nav.woocommerce-pagination ul li a:focus {
-	background: #DDDDDD;
-	color: #767676;
-}
-
-/**
- * Reviews
- */
-.woocommerce #content {
-	/**
-	 * Reviews
-	 */
-}
-
-.woocommerce #content #reviews h2 small {
-	color: #767676;
-	font-size: 0.83333rem;
-	margin: inherit;
-}
-
-.woocommerce #content #reviews h2 small a {
-	color: currentColor;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li {
-	margin-bottom: 16px;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .meta {
-	color: #767676;
-	font-size: 0.83333rem;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li img.avatar {
-	float: right;
-	position: absolute;
-	top: 0;
-	right: 0;
-	padding: 3px;
-	width: 32px;
-	height: auto;
-	background: red;
-	border-color: #DDDDDD;
-	margin: 0;
-	box-shadow: none;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text {
-	margin: 0 50px 0 0;
-	border: 1px solid #f00000;
-	border-radius: 4px;
-	padding: 1em 1em 0;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text p {
-	margin: 0 0 1em;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text p.meta {
-	font-size: 0.83em;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist ul.children {
-	list-style: none outside;
-	margin: 20px 50px 0 0;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist ul.children .star-rating {
-	display: none;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist #respond {
-	border: 1px solid #f00000;
-	border-radius: 4px;
-	padding: 1em 1em 0;
-	margin: 20px 50px 0 0;
-}
-
-.woocommerce #content #reviews #comments .commentlist > li::before {
-	content: "";
-}
-
-/**
- * Star ratings
- */
-.woocommerce #content .star-rating::before {
-	color: red;
-}
-
-.woocommerce #content .star-rating span {
-	color: red;
-}
-
-/**
- * Tables
- */
-.woocommerce table.shop_table {
-	border-collapse: collapse;
-	border: 1px solid #DDDDDD;
-	margin-bottom: 32px;
-}
-
-.woocommerce table.shop_table td {
-	border-top: none;
-}
-
-.woocommerce table.shop_table tr {
-	border-bottom: 1px solid #DDDDDD;
-}
-
-.woocommerce table.shop_attributes {
-	border-top-color: #DDDDDD;
-	border-top-style: solid;
-	margin-bottom: 32px;
-}
-
-.woocommerce table.shop_attributes th {
-	padding: 8px;
-	border-bottom-color: #DDDDDD;
-	border-bottom-style: solid;
-	line-height: 1.78;
-}
-
-.woocommerce table.shop_attributes td {
-	font-style: inherit;
-	border-bottom-color: #DDDDDD;
-	border-bottom-style: solid;
-	line-height: 1.78;
-}
-
-.woocommerce table.shop_attributes td p {
-	margin: 0;
-	padding: 8px 0;
-}
-
-.woocommerce table.shop_attributes tr:nth-child(even) td,
-.woocommerce table.shop_attributes tr:nth-child(even) th {
-	background: rgba(0, 0, 0, 0.025);
-}
-
-.woocommerce table td,
-.woocommerce table th {
-	border: inherit;
-}
-
-/**
- * Structure
- */
-/**
- * Vertical Space - 32px
- */
-.woocommerce #content div.summary > *:not(:first-child),
-.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:first-child),
-.woocommerce #content .products.related > *:not(:first-child),
-.woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
-.woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
-.woocommerce .woocommerce-billing-fields > *:not(:first-child),
-.woocommerce .woocommerce-shipping-fields > *:not(:first-child),
-.woocommerce .woocommerce-checkout > *:not(:first-child),
-.woocommerce .up-sells > *:not(:first-child) {
-	margin-top: 32px;
-}
-
-.woocommerce #content div.summary > *:not(:last-child),
-.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:last-child),
-.woocommerce #content .products.related > *:not(:last-child),
-.woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
-.woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
-.woocommerce .woocommerce-billing-fields > *:not(:last-child),
-.woocommerce .woocommerce-shipping-fields > *:not(:last-child),
-.woocommerce .woocommerce-checkout > *:not(:last-child),
-.woocommerce .up-sells > *:not(:last-child) {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.summary > *:empty + *,
-.woocommerce #content div.summary > .form-row-last,
-.woocommerce #content div.product .woocommerce-tabs .panel > *:empty + *,
-.woocommerce #content div.product .woocommerce-tabs .panel > .form-row-last,
-.woocommerce #content .products.related > *:empty + *,
-.woocommerce #content .products.related > .form-row-last,
-.woocommerce .woocommerce-MyAccount-content > *:empty + *,
-.woocommerce .woocommerce-MyAccount-content > .form-row-last,
-.woocommerce .woocommerce-EditAccountForm > *:empty + *,
-.woocommerce .woocommerce-EditAccountForm > .form-row-last,
-.woocommerce .woocommerce-billing-fields > *:empty + *,
-.woocommerce .woocommerce-billing-fields > .form-row-last,
-.woocommerce .woocommerce-shipping-fields > *:empty + *,
-.woocommerce .woocommerce-shipping-fields > .form-row-last,
-.woocommerce .woocommerce-checkout > *:empty + *,
-.woocommerce .woocommerce-checkout > .form-row-last,
-.woocommerce .up-sells > *:empty + *,
-.woocommerce .up-sells > .form-row-last {
-	margin-top: 0;
-}
-
-.woocommerce #content div.summary > *:empty,
-.woocommerce #content div.product .woocommerce-tabs .panel > *:empty,
-.woocommerce #content .products.related > *:empty,
-.woocommerce .woocommerce-MyAccount-content > *:empty,
-.woocommerce .woocommerce-EditAccountForm > *:empty,
-.woocommerce .woocommerce-billing-fields > *:empty,
-.woocommerce .woocommerce-shipping-fields > *:empty,
-.woocommerce .woocommerce-checkout > *:empty,
-.woocommerce .up-sells > *:empty {
-	margin: 0;
-}
-
-/**
- * Vertical Space - 16px
- */
-#content .woocommerce ul.products li.product a > *:not(:first-child),
-#content .woocommerce ul.products li.product-category a > *:not(:first-child),
-.woocommerce .cart-collaterals .cross-sells > *:not(:first-child),
-.woocommerce-page .cart-collaterals .cross-sells > *:not(:first-child),
-.woocommerce .cart-collaterals .cart_totals > *:not(:first-child),
-.woocommerce-page .cart-collaterals .cart_totals > *:not(:first-child),
-.woocommerce .widget_shopping_cart > *:not(:first-child),
-.woocommerce .widget_shopping_cart_content > *:not(:first-child) {
-	margin-top: 16px;
-}
-
-#content .woocommerce ul.products li.product a > *:not(:last-child),
-#content .woocommerce ul.products li.product a > .price,
-#content .woocommerce ul.products li.product-category a > *:not(:last-child),
-#content .woocommerce ul.products li.product-category a > .price,
-.woocommerce .cart-collaterals .cross-sells > *:not(:last-child),
-.woocommerce .cart-collaterals .cross-sells > .price,
-.woocommerce-page .cart-collaterals .cross-sells > *:not(:last-child),
-.woocommerce-page .cart-collaterals .cross-sells > .price,
-.woocommerce .cart-collaterals .cart_totals > *:not(:last-child),
-.woocommerce .cart-collaterals .cart_totals > .price,
-.woocommerce-page .cart-collaterals .cart_totals > *:not(:last-child),
-.woocommerce-page .cart-collaterals .cart_totals > .price,
-.woocommerce .widget_shopping_cart > *:not(:last-child),
-.woocommerce .widget_shopping_cart > .price,
-.woocommerce .widget_shopping_cart_content > *:not(:last-child),
-.woocommerce .widget_shopping_cart_content > .price {
-	margin-bottom: 16px;
-}
-
-#content .woocommerce ul.products li.product a > *:not(img):empty + *,
-#content .woocommerce ul.products li.product-category a > *:not(img):empty + *,
-.woocommerce .cart-collaterals .cross-sells > *:not(img):empty + *,
-.woocommerce-page .cart-collaterals .cross-sells > *:not(img):empty + *,
-.woocommerce .cart-collaterals .cart_totals > *:not(img):empty + *,
-.woocommerce-page .cart-collaterals .cart_totals > *:not(img):empty + *,
-.woocommerce .widget_shopping_cart > *:not(img):empty + *,
-.woocommerce .widget_shopping_cart_content > *:not(img):empty + * {
-	margin-top: 0;
-}
-
-#content .woocommerce ul.products li.product a > *:empty,
-#content .woocommerce ul.products li.product-category a > *:empty,
-.woocommerce .cart-collaterals .cross-sells > *:empty,
-.woocommerce-page .cart-collaterals .cross-sells > *:empty,
-.woocommerce .cart-collaterals .cart_totals > *:empty,
-.woocommerce-page .cart-collaterals .cart_totals > *:empty,
-.woocommerce .widget_shopping_cart > *:empty,
-.woocommerce .widget_shopping_cart_content > *:empty {
-	margin: 0;
-}
-
-/**
- * Account page
- */
-.woocommerce-account #content .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
-	display: none;
-}
-
-.woocommerce-account #content .woocommerce-MyAccount-content fieldset {
-	border: 1px solid #DDDDDD;
-	padding: 16px;
-	border-radius: 3px;
-}
-
-.woocommerce-account #content .addresses .title h3 {
-	font-size: 1rem;
-}
-
-/**
- * Cart
- */
-/**
- * Cart/checkout page
- */
-.woocommerce-cart table.cart .product-thumbnail,
-.woocommerce-checkout table.cart .product-thumbnail,
-#add_payment_method table.cart .product-thumbnail {
-	min-width: 16px;
-}
-
-.woocommerce-cart table.cart img,
-.woocommerce-checkout table.cart img,
-#add_payment_method table.cart img {
-	width: 64px;
-}
-
-.woocommerce-cart table.cart td.actions .coupon .input-text,
-.woocommerce-checkout table.cart td.actions .coupon .input-text,
-#add_payment_method table.cart td.actions .coupon .input-text {
-	border-color: #DDDDDD;
-	padding: 8px;
-	margin: 0 0 0 8px;
-}
-
-.woocommerce-cart .wc-proceed-to-checkout,
-.woocommerce-checkout .wc-proceed-to-checkout,
-#add_payment_method .wc-proceed-to-checkout {
-	padding: 32px 0;
-}
-
-.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
-.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
-#add_payment_method .wc-proceed-to-checkout a.checkout-button {
-	margin-bottom: 32px;
-	font-size: 1.2rem;
-	padding: 16px;
-}
-
-.woocommerce-cart .checkout .create-account small,
-.woocommerce-checkout .checkout .create-account small,
-#add_payment_method .checkout .create-account small {
-	font-size: 0.69444rem;
-	color: #767676;
-}
-
-.woocommerce-cart #payment,
-.woocommerce-checkout #payment,
-#add_payment_method #payment {
-	background: #FAFAFA;
-	border-radius: 3px;
-}
-
-.woocommerce-cart #payment ul.payment_methods,
-.woocommerce-checkout #payment ul.payment_methods,
-#add_payment_method #payment ul.payment_methods {
-	padding: 8px;
-	border-bottom-color: #DDDDDD;
-}
-
-.woocommerce-cart #payment ul.payment_methods li,
-.woocommerce-checkout #payment ul.payment_methods li,
-#add_payment_method #payment ul.payment_methods li {
-	line-height: 1.78;
-}
-
-.woocommerce-cart #payment ul.payment_methods li input,
-.woocommerce-checkout #payment ul.payment_methods li input,
-#add_payment_method #payment ul.payment_methods li input {
-	margin-left: 1.78;
-}
-
-.woocommerce-cart #payment div.form-row,
-.woocommerce-checkout #payment div.form-row,
-#add_payment_method #payment div.form-row {
-	padding: 8px;
-}
-
-.woocommerce-cart #payment div.payment_box,
-.woocommerce-checkout #payment div.payment_box,
-#add_payment_method #payment div.payment_box {
-	padding: 8px;
-	margin-bottom: 8px;
-	margin-top: 8px;
-	font-size: 0.83333rem;
-	border-radius: 3px;
-	line-height: 1.78;
-	background-color: #DDDDDD;
-	color: #444444;
-}
-
-.woocommerce-cart #payment div.payment_box input.input-text,
-.woocommerce-cart #payment div.payment_box textarea,
-.woocommerce-checkout #payment div.payment_box input.input-text,
-.woocommerce-checkout #payment div.payment_box textarea,
-#add_payment_method #payment div.payment_box input.input-text,
-#add_payment_method #payment div.payment_box textarea {
-	border-color: #DDDDDD;
-	border-top-color: #DDDDDD;
-}
-
-.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
-.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder,
-#add_payment_method #payment div.payment_box ::-webkit-input-placeholder {
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box :-moz-placeholder,
-.woocommerce-checkout #payment div.payment_box :-moz-placeholder,
-#add_payment_method #payment div.payment_box :-moz-placeholder {
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
-.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder,
-#add_payment_method #payment div.payment_box :-ms-input-placeholder {
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
-.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
-#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
-	margin-left: 16px;
-}
-
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form,
-#add_payment_method #payment div.payment_box .wc-credit-card-form {
-	margin-top: 16px;
-}
-
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
-#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
-#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
-#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc {
-	font-size: 1.44rem;
-	padding: 8px;
-}
-
-.woocommerce-cart #payment div.payment_box span.help,
-.woocommerce-checkout #payment div.payment_box span.help,
-#add_payment_method #payment div.payment_box span.help {
-	font-size: 0.83333rem;
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box .form-row,
-.woocommerce-checkout #payment div.payment_box .form-row,
-#add_payment_method #payment div.payment_box .form-row {
-	margin: 0 0 32px;
-}
-
-.woocommerce-cart #payment div.payment_box p:last-child,
-.woocommerce-checkout #payment div.payment_box p:last-child,
-#add_payment_method #payment div.payment_box p:last-child {
-	margin-bottom: 0;
-}
-
-.woocommerce-cart #payment div.payment_box::before,
-.woocommerce-checkout #payment div.payment_box::before,
-#add_payment_method #payment div.payment_box::before {
-	border-bottom-color: #DDDDDD;
-	/* arrow size / color */
-}
-
-.woocommerce-cart #payment .payment_method_paypal .about_paypal,
-.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
-#add_payment_method #payment .payment_method_paypal .about_paypal {
-	float: left;
-	line-height: 52px;
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart #payment .payment_method_paypal img,
-.woocommerce-checkout #payment .payment_method_paypal img,
-#add_payment_method #payment .payment_method_paypal img {
-	max-height: 52px;
-	vertical-align: middle;
-}
-
-.woocommerce-terms-and-conditions {
-	border-color: #DDDDDD;
-}
-
-.woocommerce-invalid #terms {
-	outline-color: salmon;
-}
-
-.woocommerce-cart #content table.shop_table {
-	border-color: #DDDDDD;
-	border-radius: 3px;
-}
-
-.woocommerce-cart #content table.shop_table th {
-	padding: 8px 16px;
-	line-height: 1.78;
-}
-
-.woocommerce-cart #content table.shop_table td {
-	padding: 8px 16px;
-	line-height: 1.78;
-}
-
-.woocommerce-cart #content table.shop_table tfoot td,
-.woocommerce-cart #content table.shop_table tfoot th,
-.woocommerce-cart #content table.shop_table tbody th {
-	border-top-color: #DDDDDD;
-}
-
-.woocommerce-cart #content table.my_account_orders {
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart #content table.my_account_orders th,
-.woocommerce-cart #content table.my_account_orders td {
-	padding: 4px 8px;
-}
-
-.woocommerce-cart #content td.product-name dl.variation dt,
-.woocommerce-cart #content td.product-name dl.variation .wc-item-meta-label,
-.woocommerce-cart #content td.product-name .wc-item-meta dt,
-.woocommerce-cart #content td.product-name .wc-item-meta .wc-item-meta-label {
-	margin-left: 8px;
-}
-
-.woocommerce-cart #content td.product-name p.backorder_notification {
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart #content td.product-quantity {
-	min-width: 80px;
-}
-
-.woocommerce-page #content table.cart td.actions .input-text,
-.woocommerce-page #content .woocommerce table.cart td.actions .input-text,
-.woocommerce-page #content table.cart td.actions .input-text {
-	width: inherit;
-	float: inherit;
-	padding: 16px;
-}
-
-#add_payment_method .cart-collaterals .cart_totals tr td,
-#add_payment_method .cart-collaterals .cart_totals tr th,
-.woocommerce-cart .cart-collaterals .cart_totals tr td,
-.woocommerce-cart .cart-collaterals .cart_totals tr th,
-.woocommerce-checkout .cart-collaterals .cart_totals tr td,
-.woocommerce-checkout .cart-collaterals .cart_totals tr th {
-	border-top-color: #DDDDDD;
-}
-
-/**
- * Product Page
- */
-.woocommerce #content div.product span.price,
-.woocommerce #content div.product p.price {
-	color: blue;
-	font-size: 1.728rem;
-}
-
-.woocommerce #content div.product p.stock {
-	font-size: 1rem;
-}
-
-.woocommerce #content div.product .stock {
-	color: blue;
-}
-
-.woocommerce #content div.product .out-of-stock {
-	color: red;
-}
-
-.woocommerce #content div.product .woocommerce-product-rating {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product div.images {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product div.images div.thumbnails {
-	padding-top: 16px;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
-	background-color: white;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__image--placeholder {
-	border-color: #FAFAFA;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger {
-	font-size: 1.2rem;
-	background: white;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::before {
-	border-color: #AAAAAA;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::after {
-	background-color: #AAAAAA;
-}
-
-.woocommerce #content div.product div.summary {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product div.social {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs {
-	padding-right: 16px;
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
-	border-color: #DDDDDD;
-	background-color: red;
-	border-radius: 9px 9px 0 0;
-	padding-right: 16px;
-	padding-left: 16px;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li a {
-	padding-top: 8px;
-	padding-bottom: 8px;
-	color: red;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover {
-	color: #ff3333;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
-	background-color: white;
-	border-bottom-color: white;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a {
-	color: inherit;
-	text-shadow: inherit;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::before {
-	box-shadow: -2px 2px 0 white;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::after {
-	box-shadow: 2px 2px 0 white;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
-	border-color: #DDDDDD;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before {
-	box-shadow: -2px 2px 0 red;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
-	box-shadow: 2px 2px 0 red;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs::before {
-	border-bottom-color: #DDDDDD;
-}
-
-.woocommerce #content div.product .woocommerce-tabs .panel {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product p.cart {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product form.cart .variations {
-	margin-bottom: 16px;
-}
-
-.woocommerce #content div.product form.cart .variations td,
-.woocommerce #content div.product form.cart .variations th {
-	line-height: 1.78;
-}
-
-.woocommerce #content div.product form.cart .variations select {
-	margin-left: 16px;
-}
-
-.woocommerce #content div.product form.cart .variations td.label {
-	padding-left: 16px;
-}
-
-.woocommerce #content div.product form.cart .woocommerce-variation-description p {
-	margin-bottom: 16px;
-}
-
-.woocommerce #content div.product form.cart .reset_variations {
-	font-size: 0.83333rem;
-}
-
-.woocommerce #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
-	padding-left: 16px;
-	padding-right: 16px;
-}
-
-.woocommerce #content div.product form.cart .group_table td {
-	padding-bottom: 16px;
-}
-
-.woocommerce #content div.product form.cart div.quantity,
-.woocommerce #content div.product form.cart button {
-	float: inherit;
-	display: inline-block;
-	vertical-align: middle;
-}
-
-/**
- * Single Product Page
- */
-.woocommerce-page #content {
-	/**
-	 * Remove the bright yellow background on mark elements.
-	 */
-}
-
-.woocommerce-page #content mark {
-	background: transparent;
-}
-
-.woocommerce-page #content div.product span.price,
-.woocommerce-page #content div.product p.price {
-	color: blue;
-	font-size: 1.728rem;
-}
-
-.woocommerce-page #content div.product p.stock {
-	font-size: 1rem;
-}
-
-.woocommerce-page #content div.product .stock {
-	color: blue;
-}
-
-.woocommerce-page #content div.product .out-of-stock {
-	color: red;
-}
-
-.woocommerce-page #content div.product .woocommerce-product-rating {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product div.images {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product div.images div.thumbnails {
-	padding-top: 16px;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
-	background-color: white;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__image--placeholder {
-	border-color: #FAFAFA;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger {
-	font-size: 1.2rem;
-	background: white;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::before {
-	border-color: #AAAAAA;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::after {
-	background-color: #AAAAAA;
-}
-
-.woocommerce-page #content div.product div.summary {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product div.social {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product .product_meta > * {
-	display: block;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
-	padding-right: 16px;
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
-	border-color: #DDDDDD;
-	background-color: white;
-	border-radius: 9px 9px 0 0;
-	padding-right: 16px;
-	padding-left: 16px;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
-	padding-top: 8px;
-	padding-bottom: 8px;
-	color: #444444;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover {
-	color: blue;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
-	background-color: white;
-	border-bottom-color: white;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
-	color: inherit;
-	text-shadow: inherit;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::before {
-	box-shadow: -2px 2px 0 white;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::after {
-	box-shadow: 2px 2px 0 white;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
-	border-color: #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before {
-	box-shadow: -2px 2px 0 #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
-	box-shadow: 2px 2px 0 #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before {
-	border-bottom-color: #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs .panel {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs .panel > h2 {
-	font-size: 1.44rem;
-}
-
-.woocommerce-page #content div.product .up-sells > h2 {
-	font-size: 1.44rem;
-}
-
-.woocommerce-page #content div.product p.cart {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product form.cart .variations {
-	margin-bottom: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .variations td,
-.woocommerce-page #content div.product form.cart .variations th {
-	line-height: 1.78;
-}
-
-.woocommerce-page #content div.product form.cart .variations select {
-	margin-left: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .variations td.label {
-	padding-left: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .woocommerce-variation-description p {
-	margin-bottom: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .reset_variations {
-	font-size: 0.83333rem;
-}
-
-.woocommerce-page #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
-	padding-left: 16px;
-	padding-right: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .group_table td {
-	padding-bottom: 16px;
-}
-
-.woocommerce-page #content div.product form.cart div.quantity,
-.woocommerce-page #content div.product form.cart button {
-	float: inherit;
-	display: inline-block;
-	vertical-align: middle;
-}
-
 /**
  * Full Site Editing
  * - Full Site Editing overrides

+ 1525 - 0
varia/style-woocommerce.css

@@ -0,0 +1,1525 @@
+@charset "UTF-8";
+/**
+ * Varia Editor Content Width Styles
+ */
+/**
+ * Abstracts
+ * - Mixins, variables and functions
+ */
+/* Sass Functions go here */
+/**
+ * Map deep get
+ * @author Hugo Giraudel
+ * @access public
+ * @param {Map} $map - Map
+ * @param {Arglist} $keys - Key chain
+ * @return {*} - Desired value
+ *
+ * Example:
+ * $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
+ */
+/**
+ * Deep set function to set a value in nested maps
+ * @author Hugo Giraudel
+ * @access public
+ * @param {Map} $map - Map
+ * @param {List} $keys -  Key chaine
+ * @param {*} $value - Value to assign
+ * @return {Map}
+ *
+ * Example:
+ * $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
+ */
+/**
+ * jQuery-style extend function
+ * - Child themes can use this function to `reset` the values in
+ *   config maps without editing the `master` Sass files.
+ * - src: https://www.sitepoint.com/extra-map-functions-sass/
+ * - About `map-merge()`:
+ * - - only takes 2 arguments
+ * - - is not recursive
+ * @param {Map} $map - first map
+ * @param {ArgList} $maps - other maps
+ * @param {Bool} $deep - recursive mode
+ * @return {Map}
+ *
+ * Examples:
+
+$grid-configuration-default: (
+	'columns': 12,
+	'layouts': (
+		'small': 800px,
+		'medium': 1000px,
+		'large': 1200px,
+	),
+);
+
+$grid-configuration-custom: (
+	'layouts': (
+		'large': 1300px,
+		'huge': 1500px
+	),
+);
+
+$grid-configuration-user: (
+	'direction': 'ltr',
+	'columns': 16,
+	'layouts': (
+		'large': 1300px,
+		'huge': 1500px
+	),
+);
+
+// $deep: false
+$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
+// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
+
+// $deep: true
+$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
+// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
+
+ */
+/**
+ * Button
+ */
+/**
+ * Cover
+ */
+/**
+ * Heading
+ */
+/**
+ * List
+ */
+/**
+ * Pullquote
+ */
+/**
+ * Quote
+ */
+/**
+ * Separator
+ */
+/**
+ * Responsive breakpoints
+ * - breakpoints values are defined in _config-global.scss
+ */
+/**
+ * Align wide widths
+ * - Sets .alignwide widths
+ */
+/**
+ * Crop Text Boundry
+ * - Sets a fixed-width on content within alignwide and alignfull blocks
+ */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+body[class*="woocommerce"] #page #respond input#submit,
+body[class*="woocommerce"] #page #respond input#submit.alt,
+body[class*="woocommerce"] #page a.button,
+body[class*="woocommerce"] #page a.button.alt,
+body[class*="woocommerce"] #page button.button,
+body[class*="woocommerce"] #page button.button.alt,
+body[class*="woocommerce"] #page input.button,
+body[class*="woocommerce"] #page input.button.alt,
+body[class*="woocommerce"] #page .cart .button,
+body[class*="woocommerce"] #page .cart input.button,
+body[class*="woocommerce"] #page a.added_to_cart,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit,
+body[class*="woocommerce"] #page .woocommerce a.button,
+body[class*="woocommerce"] #page .woocommerce button.button,
+body[class*="woocommerce"] #page .woocommerce input.button,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
+	line-height: 1;
+	color: white;
+	cursor: pointer;
+	font-weight: bold;
+	font-family: sans-serif;
+	font-size: 1.2rem;
+	background-color: blue;
+	border-radius: 9px;
+	border-width: 0;
+	padding: 16px 16px;
+}
+
+body[class*="woocommerce"] #page #respond input#submit:before,
+body[class*="woocommerce"] #page #respond input#submit.alt:before,
+body[class*="woocommerce"] #page a.button:before,
+body[class*="woocommerce"] #page a.button.alt:before,
+body[class*="woocommerce"] #page button.button:before,
+body[class*="woocommerce"] #page button.button.alt:before,
+body[class*="woocommerce"] #page input.button:before,
+body[class*="woocommerce"] #page input.button.alt:before,
+body[class*="woocommerce"] #page .cart .button:before,
+body[class*="woocommerce"] #page a.added_to_cart:before,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
+body[class*="woocommerce"] #page .woocommerce a.button:before,
+body[class*="woocommerce"] #page .woocommerce button.button:before,
+body[class*="woocommerce"] #page .woocommerce input.button:before,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before, body[class*="woocommerce"] #page #respond input#submit:after,
+body[class*="woocommerce"] #page #respond input#submit.alt:after,
+body[class*="woocommerce"] #page a.button:after,
+body[class*="woocommerce"] #page a.button.alt:after,
+body[class*="woocommerce"] #page button.button:after,
+body[class*="woocommerce"] #page button.button.alt:after,
+body[class*="woocommerce"] #page input.button:after,
+body[class*="woocommerce"] #page input.button.alt:after,
+body[class*="woocommerce"] #page .cart .button:after,
+body[class*="woocommerce"] #page a.added_to_cart:after,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
+body[class*="woocommerce"] #page .woocommerce a.button:after,
+body[class*="woocommerce"] #page .woocommerce button.button:after,
+body[class*="woocommerce"] #page .woocommerce input.button:after,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+body[class*="woocommerce"] #page #respond input#submit:before,
+body[class*="woocommerce"] #page #respond input#submit.alt:before,
+body[class*="woocommerce"] #page a.button:before,
+body[class*="woocommerce"] #page a.button.alt:before,
+body[class*="woocommerce"] #page button.button:before,
+body[class*="woocommerce"] #page button.button.alt:before,
+body[class*="woocommerce"] #page input.button:before,
+body[class*="woocommerce"] #page input.button.alt:before,
+body[class*="woocommerce"] #page .cart .button:before,
+body[class*="woocommerce"] #page a.added_to_cart:before,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
+body[class*="woocommerce"] #page .woocommerce a.button:before,
+body[class*="woocommerce"] #page .woocommerce button.button:before,
+body[class*="woocommerce"] #page .woocommerce input.button:before,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before {
+	margin-bottom: -0.12em;
+}
+
+body[class*="woocommerce"] #page #respond input#submit:after,
+body[class*="woocommerce"] #page #respond input#submit.alt:after,
+body[class*="woocommerce"] #page a.button:after,
+body[class*="woocommerce"] #page a.button.alt:after,
+body[class*="woocommerce"] #page button.button:after,
+body[class*="woocommerce"] #page button.button.alt:after,
+body[class*="woocommerce"] #page input.button:after,
+body[class*="woocommerce"] #page input.button.alt:after,
+body[class*="woocommerce"] #page .cart .button:after,
+body[class*="woocommerce"] #page a.added_to_cart:after,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
+body[class*="woocommerce"] #page .woocommerce a.button:after,
+body[class*="woocommerce"] #page .woocommerce button.button:after,
+body[class*="woocommerce"] #page .woocommerce input.button:after,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
+	margin-top: -0.11em;
+}
+
+body[class*="woocommerce"] #page #respond input#submit:hover,
+body[class*="woocommerce"] #page a.button:hover,
+body[class*="woocommerce"] #page button.button:hover,
+body[class*="woocommerce"] #page input.button:hover,
+body[class*="woocommerce"] #page .cart .button:hover,
+body[class*="woocommerce"] #page a.added_to_cart:hover,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:hover,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:hover, body[class*="woocommerce"] #page #respond input#submit:focus,
+body[class*="woocommerce"] #page a.button:focus,
+body[class*="woocommerce"] #page button.button:focus,
+body[class*="woocommerce"] #page input.button:focus,
+body[class*="woocommerce"] #page .cart .button:focus,
+body[class*="woocommerce"] #page a.added_to_cart:focus,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:focus,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:focus, body[class*="woocommerce"] #page #respond input.has-focus#submit,
+body[class*="woocommerce"] #page a.has-focus.button,
+body[class*="woocommerce"] #page button.has-focus.button,
+body[class*="woocommerce"] #page input.has-focus.button,
+body[class*="woocommerce"] #page .cart .has-focus.button,
+body[class*="woocommerce"] #page a.has-focus.added_to_cart,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a.has-focus,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.has-focus {
+	color: white;
+	background-color: indigo;
+}
+
+/**
+ * WooCommerce
+ * - Only sets the default width for blocks in the editor
+ */
+/**
+ * Main WooCommerce styles
+ */
+.woocommerce a.remove {
+	font-size: 1.44rem;
+	height: 1.44rem;
+	width: 1.44rem;
+	color: red !important;
+}
+
+.woocommerce a.remove:hover {
+	color: white !important;
+	background: red;
+}
+
+.woocommerce small.note {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin-top: 16px;
+}
+
+.woocommerce .woocommerce-breadcrumb {
+	margin-bottom: 32px;
+	font-size: 1rem;
+	color: #767676;
+}
+
+.woocommerce .woocommerce-breadcrumb a {
+	color: currentColor;
+}
+
+/**
+ * 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;
+}
+
+/**
+ * Reviews
+ */
+.woocommerce #page {
+	/**
+	 * Cart sidebar
+	 */
+}
+
+.woocommerce #page ul.cart_list li img,
+.woocommerce #page ul.product_list_widget li img {
+	margin-left: 4px;
+	width: 32px;
+}
+
+.woocommerce #page ul.cart_list li dl,
+.woocommerce #page ul.product_list_widget li dl {
+	border-left-color: #DDDDDD;
+}
+
+.woocommerce #page ul.cart_list li dl dt,
+.woocommerce #page ul.cart_list li dl dd,
+.woocommerce #page ul.product_list_widget li dl dt,
+.woocommerce #page ul.product_list_widget li dl dd {
+	margin-bottom: 32px;
+}
+
+.woocommerce #page .widget_shopping_cart .total {
+	border-top: 1px solid #DDDDDD;
+	padding-top: 16px;
+}
+
+.woocommerce #page .widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 0 16px 32px;
+}
+
+.woocommerce #page .widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
+}
+
+/**
+ * Cart Collaterals
+ */
+.woocommerce-cart .cart-collaterals .shipping-calculator-button,
+.woocommerce-checkout .cart-collaterals .shipping-calculator-button,
+#add_payment_method .cart-collaterals .shipping-calculator-button {
+	margin-top: 16px;
+}
+
+.woocommerce-cart .cart-collaterals .shipping-calculator-form,
+.woocommerce-checkout .cart-collaterals .shipping-calculator-form,
+#add_payment_method .cart-collaterals .shipping-calculator-form {
+	margin-top: 16px;
+}
+
+.woocommerce-cart .cart-collaterals .cart_totals p small,
+.woocommerce-checkout .cart-collaterals .cart_totals p small,
+#add_payment_method .cart-collaterals .cart_totals p small {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+.woocommerce-cart .cart-collaterals .cart_totals table,
+.woocommerce-checkout .cart-collaterals .cart_totals table,
+#add_payment_method .cart-collaterals .cart_totals table {
+	margin: 0 0 8px;
+}
+
+.woocommerce-cart .cart-collaterals .cart_totals table td,
+.woocommerce-cart .cart-collaterals .cart_totals table th,
+.woocommerce-checkout .cart-collaterals .cart_totals table td,
+.woocommerce-checkout .cart-collaterals .cart_totals table th,
+#add_payment_method .cart-collaterals .cart_totals table td,
+#add_payment_method .cart-collaterals .cart_totals table th {
+	line-height: 1.78;
+}
+
+.woocommerce-cart .cart-collaterals .cart_totals table small,
+.woocommerce-checkout .cart-collaterals .cart_totals table small,
+#add_payment_method .cart-collaterals .cart_totals table small {
+	color: #767676;
+}
+
+.woocommerce-cart .cart-collaterals .cart_totals .discount td,
+.woocommerce-checkout .cart-collaterals .cart_totals .discount td,
+#add_payment_method .cart-collaterals .cart_totals .discount td {
+	color: gold;
+}
+
+.woocommerce-cart .cart-collaterals .cart_totals tr td,
+.woocommerce-cart .cart-collaterals .cart_totals tr th,
+.woocommerce-checkout .cart-collaterals .cart_totals tr td,
+.woocommerce-checkout .cart-collaterals .cart_totals tr th,
+#add_payment_method .cart-collaterals .cart_totals tr td,
+#add_payment_method .cart-collaterals .cart_totals tr th {
+	border-top-color: #DDDDDD;
+}
+
+.woocommerce .cart-collaterals .cross-sells > h2,
+.woocommerce-page .cart-collaterals .cross-sells > h2,
+.woocommerce .cart-collaterals .cart_totals > h2,
+.woocommerce-page .cart-collaterals .cart_totals > h2 {
+	font-size: 1.44rem;
+}
+
+/**
+ * Notices
+ */
+.woocommerce .woocommerce-message,
+.woocommerce .woocommerce-error,
+.woocommerce .woocommerce-info {
+	padding: 16px 32px 16px 64px;
+	margin-bottom: 32px;
+	background-color: #FAFAFA;
+	color: #111111;
+	border-top-color: blue;
+}
+
+.woocommerce .woocommerce-message {
+	border-top-color: yellowgreen;
+}
+
+.woocommerce .woocommerce-message:before {
+	color: yellowgreen;
+}
+
+.woocommerce .woocommerce-error {
+	border-top-color: salmon;
+}
+
+.woocommerce .woocommerce-error:before {
+	color: salmon;
+}
+
+.woocommerce .woocommerce-info {
+	border-top-color: blue;
+}
+
+.woocommerce .woocommerce-info:before {
+	color: blue;
+}
+
+/**
+ * Star ratings
+ */
+.woocommerce #content span.onsale {
+	border-radius: 100%;
+	background-color: gold;
+	color: #111111;
+	font-size: 0.83333rem;
+	font-weight: 700;
+	font-family: sans-serif;
+	min-height: 3.236rem;
+	min-width: 3.236rem;
+	padding: 0.202rem;
+	position: absolute;
+	text-align: center;
+	line-height: 3.236;
+	top: -0.5em;
+	right: -0.5em;
+	left: auto;
+	margin: 0;
+	z-index: 9;
+}
+
+/**
+ * Password strength meter
+ */
+.woocommerce-password-strength {
+	text-align: center;
+	font-weight: 600;
+	padding: 4px;
+	font-size: 0.83333rem;
+}
+
+.woocommerce-password-strength.strong {
+	background-color: yellowgreen;
+	border-color: none;
+}
+
+.woocommerce-password-strength.good {
+	background-color: gold;
+	border-color: none;
+}
+
+.woocommerce-password-strength.short {
+	background-color: salmon;
+	border-color: none;
+}
+
+.woocommerce-password-strength.bad {
+	background-color: salmon;
+	border-color: none;
+}
+
+woocommerce-password-hint {
+	font-size: 0.69444rem;
+}
+
+/**
+ * Product loops
+ */
+#content .woocommerce .products ul,
+#content .woocommerce ul.products {
+	margin: 0;
+	padding: 0;
+}
+
+#content .woocommerce ul.products li.product .star-rating {
+	margin: inherit;
+}
+
+#content .woocommerce ul.products li.product h3,
+#content .woocommerce ul.products li.product .woocommerce-loop-product__title,
+#content .woocommerce ul.products li.product .woocommerce-loop-category__title {
+	padding: inherit;
+	margin: inherit;
+	font-size: 1rem;
+}
+
+#content .woocommerce ul.products li.product a img {
+	margin: inherit;
+}
+
+#content .woocommerce ul.products li.product .woocommerce-placeholder {
+	border-color: #DDDDDD;
+}
+
+#content .woocommerce ul.products li.product .star-rating {
+	font-size: 0.83333rem;
+}
+
+#content .woocommerce ul.products li.product .button {
+	margin-top: inherit;
+}
+
+#content .woocommerce ul.products li.product .price {
+	color: #111111;
+	margin-bottom: inherit;
+	font-size: 1.2rem;
+}
+
+#content .woocommerce ul.products li.product .price del {
+	color: inherit;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+#content .woocommerce ul.products li.product .price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+#content .woocommerce ul.products li.product .price .from {
+	font-size: 0.69444rem;
+	color: gold;
+}
+
+#content .woocommerce ul.products li.product.sale a > .price ins {
+	color: yellowgreen;
+}
+
+#content .woocommerce .woocommerce-result-count {
+	margin-bottom: 16px;
+}
+
+#content .woocommerce .woocommerce-ordering {
+	margin-bottom: 16px;
+}
+
+#content .woocommerce .woocommerce-ordering select {
+	vertical-align: top;
+}
+
+#content .woocommerce nav.woocommerce-pagination {
+	text-align: center;
+}
+
+#content .woocommerce nav.woocommerce-pagination ul {
+	display: inline-block;
+	white-space: nowrap;
+	padding: 0;
+	clear: both;
+	border-color: #DDDDDD;
+	border-right: 0;
+	margin: 1px;
+}
+
+#content .woocommerce nav.woocommerce-pagination ul li {
+	border-color: #DDDDDD;
+	padding: 0;
+	margin: 0;
+	float: left;
+	display: inline;
+	overflow: hidden;
+}
+
+#content .woocommerce nav.woocommerce-pagination ul li a,
+#content .woocommerce nav.woocommerce-pagination ul li span {
+	margin: 0;
+	text-decoration: none;
+	padding: 0;
+	line-height: 1;
+	font-size: 1em;
+	font-weight: normal;
+	padding: 0.5em;
+	min-width: 1em;
+	display: block;
+}
+
+#content .woocommerce nav.woocommerce-pagination ul li span.current,
+#content .woocommerce nav.woocommerce-pagination ul li a:hover,
+#content .woocommerce nav.woocommerce-pagination ul li a:focus {
+	background: #DDDDDD;
+	color: #767676;
+}
+
+/**
+ * Reviews
+ */
+.woocommerce #content {
+	/**
+	 * Reviews
+	 */
+}
+
+.woocommerce #content #reviews h2 small {
+	color: #767676;
+	font-size: 0.83333rem;
+	margin: inherit;
+}
+
+.woocommerce #content #reviews h2 small a {
+	color: currentColor;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist li {
+	margin-bottom: 16px;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist li .meta {
+	color: #767676;
+	font-size: 0.83333rem;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist li img.avatar {
+	float: left;
+	position: absolute;
+	top: 0;
+	left: 0;
+	padding: 3px;
+	width: 32px;
+	height: auto;
+	background: red;
+	border-color: #DDDDDD;
+	margin: 0;
+	box-shadow: none;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist li .comment-text {
+	margin: 0 0 0 50px;
+	border: 1px solid #f00000;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist li .comment-text p {
+	margin: 0 0 1em;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist li .comment-text p.meta {
+	font-size: 0.83em;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist ul.children {
+	list-style: none outside;
+	margin: 20px 0 0 50px;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist ul.children .star-rating {
+	display: none;
+}
+
+.woocommerce #content #reviews #comments ol.commentlist #respond {
+	border: 1px solid #f00000;
+	border-radius: 4px;
+	padding: 1em 1em 0;
+	margin: 20px 0 0 50px;
+}
+
+.woocommerce #content #reviews #comments .commentlist > li::before {
+	content: "";
+}
+
+/**
+ * Star ratings
+ */
+.woocommerce #content .star-rating::before {
+	color: red;
+}
+
+.woocommerce #content .star-rating span {
+	color: red;
+}
+
+/**
+ * Tables
+ */
+.woocommerce table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	margin-bottom: 32px;
+}
+
+.woocommerce table.shop_table td {
+	border-top: none;
+}
+
+.woocommerce table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
+.woocommerce table.shop_attributes {
+	border-top-color: #DDDDDD;
+	border-top-style: solid;
+	margin-bottom: 32px;
+}
+
+.woocommerce table.shop_attributes th {
+	padding: 8px;
+	border-bottom-color: #DDDDDD;
+	border-bottom-style: solid;
+	line-height: 1.78;
+}
+
+.woocommerce table.shop_attributes td {
+	font-style: inherit;
+	border-bottom-color: #DDDDDD;
+	border-bottom-style: solid;
+	line-height: 1.78;
+}
+
+.woocommerce table.shop_attributes td p {
+	margin: 0;
+	padding: 8px 0;
+}
+
+.woocommerce table.shop_attributes tr:nth-child(even) td,
+.woocommerce table.shop_attributes tr:nth-child(even) th {
+	background: rgba(0, 0, 0, 0.025);
+}
+
+.woocommerce table td,
+.woocommerce table th {
+	border: inherit;
+}
+
+/**
+ * Structure
+ */
+/**
+ * Vertical Space - 32px
+ */
+.woocommerce #content div.summary > *:not(:first-child),
+.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:first-child),
+.woocommerce #content .products.related > *:not(:first-child),
+.woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
+.woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
+.woocommerce .woocommerce-billing-fields > *:not(:first-child),
+.woocommerce .woocommerce-shipping-fields > *:not(:first-child),
+.woocommerce .woocommerce-checkout > *:not(:first-child),
+.woocommerce .up-sells > *:not(:first-child) {
+	margin-top: 32px;
+}
+
+.woocommerce #content div.summary > *:not(:last-child),
+.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:last-child),
+.woocommerce #content .products.related > *:not(:last-child),
+.woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
+.woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
+.woocommerce .woocommerce-billing-fields > *:not(:last-child),
+.woocommerce .woocommerce-shipping-fields > *:not(:last-child),
+.woocommerce .woocommerce-checkout > *:not(:last-child),
+.woocommerce .up-sells > *:not(:last-child) {
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.summary > *:empty + *,
+.woocommerce #content div.summary > .form-row-last,
+.woocommerce #content div.product .woocommerce-tabs .panel > *:empty + *,
+.woocommerce #content div.product .woocommerce-tabs .panel > .form-row-last,
+.woocommerce #content .products.related > *:empty + *,
+.woocommerce #content .products.related > .form-row-last,
+.woocommerce .woocommerce-MyAccount-content > *:empty + *,
+.woocommerce .woocommerce-MyAccount-content > .form-row-last,
+.woocommerce .woocommerce-EditAccountForm > *:empty + *,
+.woocommerce .woocommerce-EditAccountForm > .form-row-last,
+.woocommerce .woocommerce-billing-fields > *:empty + *,
+.woocommerce .woocommerce-billing-fields > .form-row-last,
+.woocommerce .woocommerce-shipping-fields > *:empty + *,
+.woocommerce .woocommerce-shipping-fields > .form-row-last,
+.woocommerce .woocommerce-checkout > *:empty + *,
+.woocommerce .woocommerce-checkout > .form-row-last,
+.woocommerce .up-sells > *:empty + *,
+.woocommerce .up-sells > .form-row-last {
+	margin-top: 0;
+}
+
+.woocommerce #content div.summary > *:empty,
+.woocommerce #content div.product .woocommerce-tabs .panel > *:empty,
+.woocommerce #content .products.related > *:empty,
+.woocommerce .woocommerce-MyAccount-content > *:empty,
+.woocommerce .woocommerce-EditAccountForm > *:empty,
+.woocommerce .woocommerce-billing-fields > *:empty,
+.woocommerce .woocommerce-shipping-fields > *:empty,
+.woocommerce .woocommerce-checkout > *:empty,
+.woocommerce .up-sells > *:empty {
+	margin: 0;
+}
+
+/**
+ * Vertical Space - 16px
+ */
+#content .woocommerce ul.products li.product a > *:not(:first-child),
+#content .woocommerce ul.products li.product-category a > *:not(:first-child),
+.woocommerce .cart-collaterals .cross-sells > *:not(:first-child),
+.woocommerce-page .cart-collaterals .cross-sells > *:not(:first-child),
+.woocommerce .cart-collaterals .cart_totals > *:not(:first-child),
+.woocommerce-page .cart-collaterals .cart_totals > *:not(:first-child),
+.woocommerce .widget_shopping_cart > *:not(:first-child),
+.woocommerce .widget_shopping_cart_content > *:not(:first-child) {
+	margin-top: 16px;
+}
+
+#content .woocommerce ul.products li.product a > *:not(:last-child),
+#content .woocommerce ul.products li.product a > .price,
+#content .woocommerce ul.products li.product-category a > *:not(:last-child),
+#content .woocommerce ul.products li.product-category a > .price,
+.woocommerce .cart-collaterals .cross-sells > *:not(:last-child),
+.woocommerce .cart-collaterals .cross-sells > .price,
+.woocommerce-page .cart-collaterals .cross-sells > *:not(:last-child),
+.woocommerce-page .cart-collaterals .cross-sells > .price,
+.woocommerce .cart-collaterals .cart_totals > *:not(:last-child),
+.woocommerce .cart-collaterals .cart_totals > .price,
+.woocommerce-page .cart-collaterals .cart_totals > *:not(:last-child),
+.woocommerce-page .cart-collaterals .cart_totals > .price,
+.woocommerce .widget_shopping_cart > *:not(:last-child),
+.woocommerce .widget_shopping_cart > .price,
+.woocommerce .widget_shopping_cart_content > *:not(:last-child),
+.woocommerce .widget_shopping_cart_content > .price {
+	margin-bottom: 16px;
+}
+
+#content .woocommerce ul.products li.product a > *:not(img):empty + *,
+#content .woocommerce ul.products li.product-category a > *:not(img):empty + *,
+.woocommerce .cart-collaterals .cross-sells > *:not(img):empty + *,
+.woocommerce-page .cart-collaterals .cross-sells > *:not(img):empty + *,
+.woocommerce .cart-collaterals .cart_totals > *:not(img):empty + *,
+.woocommerce-page .cart-collaterals .cart_totals > *:not(img):empty + *,
+.woocommerce .widget_shopping_cart > *:not(img):empty + *,
+.woocommerce .widget_shopping_cart_content > *:not(img):empty + * {
+	margin-top: 0;
+}
+
+#content .woocommerce ul.products li.product a > *:empty,
+#content .woocommerce ul.products li.product-category a > *:empty,
+.woocommerce .cart-collaterals .cross-sells > *:empty,
+.woocommerce-page .cart-collaterals .cross-sells > *:empty,
+.woocommerce .cart-collaterals .cart_totals > *:empty,
+.woocommerce-page .cart-collaterals .cart_totals > *:empty,
+.woocommerce .widget_shopping_cart > *:empty,
+.woocommerce .widget_shopping_cart_content > *:empty {
+	margin: 0;
+}
+
+/**
+ * Account page
+ */
+.woocommerce-account #content .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
+	display: none;
+}
+
+.woocommerce-account #content .woocommerce-MyAccount-content fieldset {
+	border: 1px solid #DDDDDD;
+	padding: 16px;
+	border-radius: 3px;
+}
+
+.woocommerce-account #content .addresses .title h3 {
+	font-size: 1rem;
+}
+
+/**
+ * Cart
+ */
+/**
+ * Cart/checkout page
+ */
+.woocommerce-cart table.cart .product-thumbnail,
+.woocommerce-checkout table.cart .product-thumbnail,
+#add_payment_method table.cart .product-thumbnail {
+	min-width: 16px;
+}
+
+.woocommerce-cart table.cart img,
+.woocommerce-checkout table.cart img,
+#add_payment_method table.cart img {
+	width: 64px;
+}
+
+.woocommerce-cart table.cart td.actions .coupon .input-text,
+.woocommerce-checkout table.cart td.actions .coupon .input-text,
+#add_payment_method table.cart td.actions .coupon .input-text {
+	border-color: #DDDDDD;
+	padding: 8px;
+	margin: 0 8px 0 0;
+}
+
+.woocommerce-cart .wc-proceed-to-checkout,
+.woocommerce-checkout .wc-proceed-to-checkout,
+#add_payment_method .wc-proceed-to-checkout {
+	padding: 32px 0;
+}
+
+.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
+.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
+#add_payment_method .wc-proceed-to-checkout a.checkout-button {
+	margin-bottom: 32px;
+	font-size: 1.2rem;
+	padding: 16px;
+}
+
+.woocommerce-cart .checkout .create-account small,
+.woocommerce-checkout .checkout .create-account small,
+#add_payment_method .checkout .create-account small {
+	font-size: 0.69444rem;
+	color: #767676;
+}
+
+.woocommerce-cart #payment,
+.woocommerce-checkout #payment,
+#add_payment_method #payment {
+	background: #FAFAFA;
+	border-radius: 3px;
+}
+
+.woocommerce-cart #payment ul.payment_methods,
+.woocommerce-checkout #payment ul.payment_methods,
+#add_payment_method #payment ul.payment_methods {
+	padding: 8px;
+	border-bottom-color: #DDDDDD;
+}
+
+.woocommerce-cart #payment ul.payment_methods li,
+.woocommerce-checkout #payment ul.payment_methods li,
+#add_payment_method #payment ul.payment_methods li {
+	line-height: 1.78;
+}
+
+.woocommerce-cart #payment ul.payment_methods li input,
+.woocommerce-checkout #payment ul.payment_methods li input,
+#add_payment_method #payment ul.payment_methods li input {
+	margin-right: 1.78;
+}
+
+.woocommerce-cart #payment div.form-row,
+.woocommerce-checkout #payment div.form-row,
+#add_payment_method #payment div.form-row {
+	padding: 8px;
+}
+
+.woocommerce-cart #payment div.payment_box,
+.woocommerce-checkout #payment div.payment_box,
+#add_payment_method #payment div.payment_box {
+	padding: 8px;
+	margin-bottom: 8px;
+	margin-top: 8px;
+	font-size: 0.83333rem;
+	border-radius: 3px;
+	line-height: 1.78;
+	background-color: #DDDDDD;
+	color: #444444;
+}
+
+.woocommerce-cart #payment div.payment_box input.input-text,
+.woocommerce-cart #payment div.payment_box textarea,
+.woocommerce-checkout #payment div.payment_box input.input-text,
+.woocommerce-checkout #payment div.payment_box textarea,
+#add_payment_method #payment div.payment_box input.input-text,
+#add_payment_method #payment div.payment_box textarea {
+	border-color: #DDDDDD;
+	border-top-color: #DDDDDD;
+}
+
+.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
+.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder,
+#add_payment_method #payment div.payment_box ::-webkit-input-placeholder {
+	color: #767676;
+}
+
+.woocommerce-cart #payment div.payment_box :-moz-placeholder,
+.woocommerce-checkout #payment div.payment_box :-moz-placeholder,
+#add_payment_method #payment div.payment_box :-moz-placeholder {
+	color: #767676;
+}
+
+.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
+.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder,
+#add_payment_method #payment div.payment_box :-ms-input-placeholder {
+	color: #767676;
+}
+
+.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
+.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
+#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
+	margin-right: 16px;
+}
+
+.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
+.woocommerce-checkout #payment div.payment_box .wc-credit-card-form,
+#add_payment_method #payment div.payment_box .wc-credit-card-form {
+	margin-top: 16px;
+}
+
+.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
+.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
+.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
+.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number,
+.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
+.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
+#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
+#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
+#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc {
+	font-size: 1.44rem;
+	padding: 8px;
+}
+
+.woocommerce-cart #payment div.payment_box span.help,
+.woocommerce-checkout #payment div.payment_box span.help,
+#add_payment_method #payment div.payment_box span.help {
+	font-size: 0.83333rem;
+	color: #767676;
+}
+
+.woocommerce-cart #payment div.payment_box .form-row,
+.woocommerce-checkout #payment div.payment_box .form-row,
+#add_payment_method #payment div.payment_box .form-row {
+	margin: 0 0 32px;
+}
+
+.woocommerce-cart #payment div.payment_box p:last-child,
+.woocommerce-checkout #payment div.payment_box p:last-child,
+#add_payment_method #payment div.payment_box p:last-child {
+	margin-bottom: 0;
+}
+
+.woocommerce-cart #payment div.payment_box::before,
+.woocommerce-checkout #payment div.payment_box::before,
+#add_payment_method #payment div.payment_box::before {
+	border-bottom-color: #DDDDDD;
+	/* arrow size / color */
+}
+
+.woocommerce-cart #payment .payment_method_paypal .about_paypal,
+.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
+#add_payment_method #payment .payment_method_paypal .about_paypal {
+	float: right;
+	line-height: 52px;
+	font-size: 0.83333rem;
+}
+
+.woocommerce-cart #payment .payment_method_paypal img,
+.woocommerce-checkout #payment .payment_method_paypal img,
+#add_payment_method #payment .payment_method_paypal img {
+	max-height: 52px;
+	vertical-align: middle;
+}
+
+.woocommerce-terms-and-conditions {
+	border-color: #DDDDDD;
+}
+
+.woocommerce-invalid #terms {
+	outline-color: salmon;
+}
+
+.woocommerce-cart #content table.shop_table {
+	border-color: #DDDDDD;
+	border-radius: 3px;
+}
+
+.woocommerce-cart #content table.shop_table th {
+	padding: 8px 16px;
+	line-height: 1.78;
+}
+
+.woocommerce-cart #content table.shop_table td {
+	padding: 8px 16px;
+	line-height: 1.78;
+}
+
+.woocommerce-cart #content table.shop_table tfoot td,
+.woocommerce-cart #content table.shop_table tfoot th,
+.woocommerce-cart #content table.shop_table tbody th {
+	border-top-color: #DDDDDD;
+}
+
+.woocommerce-cart #content table.my_account_orders {
+	font-size: 0.83333rem;
+}
+
+.woocommerce-cart #content table.my_account_orders th,
+.woocommerce-cart #content table.my_account_orders td {
+	padding: 4px 8px;
+}
+
+.woocommerce-cart #content td.product-name dl.variation dt,
+.woocommerce-cart #content td.product-name dl.variation .wc-item-meta-label,
+.woocommerce-cart #content td.product-name .wc-item-meta dt,
+.woocommerce-cart #content td.product-name .wc-item-meta .wc-item-meta-label {
+	margin-right: 8px;
+}
+
+.woocommerce-cart #content td.product-name p.backorder_notification {
+	font-size: 0.83333rem;
+}
+
+.woocommerce-cart #content td.product-quantity {
+	min-width: 80px;
+}
+
+.woocommerce-page #content table.cart td.actions .input-text,
+.woocommerce-page #content .woocommerce table.cart td.actions .input-text,
+.woocommerce-page #content table.cart td.actions .input-text {
+	width: inherit;
+	float: inherit;
+	padding: 16px;
+}
+
+#add_payment_method .cart-collaterals .cart_totals tr td,
+#add_payment_method .cart-collaterals .cart_totals tr th,
+.woocommerce-cart .cart-collaterals .cart_totals tr td,
+.woocommerce-cart .cart-collaterals .cart_totals tr th,
+.woocommerce-checkout .cart-collaterals .cart_totals tr td,
+.woocommerce-checkout .cart-collaterals .cart_totals tr th {
+	border-top-color: #DDDDDD;
+}
+
+/**
+ * Product Page
+ */
+.woocommerce #content div.product span.price,
+.woocommerce #content div.product p.price {
+	color: blue;
+	font-size: 1.728rem;
+}
+
+.woocommerce #content div.product p.stock {
+	font-size: 1rem;
+}
+
+.woocommerce #content div.product .stock {
+	color: blue;
+}
+
+.woocommerce #content div.product .out-of-stock {
+	color: red;
+}
+
+.woocommerce #content div.product .woocommerce-product-rating {
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.product div.images {
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.woocommerce #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.woocommerce #content div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.woocommerce #content div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.product div.social {
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
+	border-color: #DDDDDD;
+	background-color: red;
+	border-radius: 9px 9px 0 0;
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li a {
+	padding-top: 8px;
+	padding-bottom: 8px;
+	color: red;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover {
+	color: #ff3333;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-bottom-color: white;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a {
+	color: inherit;
+	text-shadow: inherit;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 white;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 white;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 red;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 red;
+}
+
+.woocommerce #content div.product .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+.woocommerce #content div.product .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.woocommerce #content div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.woocommerce #content div.product form.cart .variations td,
+.woocommerce #content div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.woocommerce #content div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.woocommerce #content div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.woocommerce #content div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.woocommerce #content div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.woocommerce #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.woocommerce #content div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.woocommerce #content div.product form.cart div.quantity,
+.woocommerce #content div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/**
+ * Single Product Page
+ */
+.woocommerce-page #content {
+	/**
+	 * Remove the bright yellow background on mark elements.
+	 */
+}
+
+.woocommerce-page #content mark {
+	background: transparent;
+}
+
+.woocommerce-page #content div.product span.price,
+.woocommerce-page #content div.product p.price {
+	color: blue;
+	font-size: 1.728rem;
+}
+
+.woocommerce-page #content div.product p.stock {
+	font-size: 1rem;
+}
+
+.woocommerce-page #content div.product .stock {
+	color: blue;
+}
+
+.woocommerce-page #content div.product .out-of-stock {
+	color: red;
+}
+
+.woocommerce-page #content div.product .woocommerce-product-rating {
+	margin-bottom: 32px;
+}
+
+.woocommerce-page #content div.product div.images {
+	margin-bottom: 32px;
+}
+
+.woocommerce-page #content div.product div.images div.thumbnails {
+	padding-top: 16px;
+}
+
+.woocommerce-page #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
+	background-color: white;
+}
+
+.woocommerce-page #content div.product div.images .woocommerce-product-gallery__image--placeholder {
+	border-color: #FAFAFA;
+}
+
+.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger {
+	font-size: 1.2rem;
+	background: white;
+}
+
+.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::before {
+	border-color: #AAAAAA;
+}
+
+.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::after {
+	background-color: #AAAAAA;
+}
+
+.woocommerce-page #content div.product div.summary {
+	margin-bottom: 32px;
+}
+
+.woocommerce-page #content div.product div.social {
+	margin-bottom: 32px;
+}
+
+.woocommerce-page #content div.product .product_meta > * {
+	display: block;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
+	padding-left: 16px;
+	margin-bottom: 32px;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
+	border-color: #DDDDDD;
+	background-color: white;
+	border-radius: 9px 9px 0 0;
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
+	padding-top: 8px;
+	padding-bottom: 8px;
+	color: #444444;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover {
+	color: blue;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
+	background-color: white;
+	border-bottom-color: white;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
+	color: inherit;
+	text-shadow: inherit;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::before {
+	box-shadow: 2px 2px 0 white;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::after {
+	box-shadow: -2px 2px 0 white;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
+	border-color: #DDDDDD;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before {
+	box-shadow: 2px 2px 0 #DDDDDD;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
+	box-shadow: -2px 2px 0 #DDDDDD;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before {
+	border-bottom-color: #DDDDDD;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs .panel {
+	margin-bottom: 32px;
+}
+
+.woocommerce-page #content div.product .woocommerce-tabs .panel > h2 {
+	font-size: 1.44rem;
+}
+
+.woocommerce-page #content div.product .up-sells > h2 {
+	font-size: 1.44rem;
+}
+
+.woocommerce-page #content div.product p.cart {
+	margin-bottom: 32px;
+}
+
+.woocommerce-page #content div.product form.cart .variations {
+	margin-bottom: 16px;
+}
+
+.woocommerce-page #content div.product form.cart .variations td,
+.woocommerce-page #content div.product form.cart .variations th {
+	line-height: 1.78;
+}
+
+.woocommerce-page #content div.product form.cart .variations select {
+	margin-right: 16px;
+}
+
+.woocommerce-page #content div.product form.cart .variations td.label {
+	padding-right: 16px;
+}
+
+.woocommerce-page #content div.product form.cart .woocommerce-variation-description p {
+	margin-bottom: 16px;
+}
+
+.woocommerce-page #content div.product form.cart .reset_variations {
+	font-size: 0.83333rem;
+}
+
+.woocommerce-page #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
+	padding-right: 16px;
+	padding-left: 16px;
+}
+
+.woocommerce-page #content div.product form.cart .group_table td {
+	padding-bottom: 16px;
+}
+
+.woocommerce-page #content div.product form.cart div.quantity,
+.woocommerce-page #content div.product form.cart button {
+	float: inherit;
+	display: inline-block;
+	vertical-align: middle;
+}

+ 18 - 0
varia/style-woocommerce.scss

@@ -0,0 +1,18 @@
+/**
+ * Varia Editor Content Width Styles
+ */
+
+/**
+ * Abstracts
+ * - Mixins, variables and functions
+ */
+@import "sass/abstracts/functions";
+@import "sass/abstracts/config-global";
+@import "sass/abstracts/mixins";
+@import "sass/abstracts/extends";
+
+/**
+ * WooCommerce
+ * - Only sets the default width for blocks in the editor
+ */
+@import "sass/vendors/woocommerce";

+ 72 - 1451
varia/style.css

@@ -135,6 +135,77 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Crop Text Boundry
  * - Sets a fixed-width on content within alignwide and alignfull blocks
  */
+/**
+ * Button Placeholder style
+ * - Since buttons appear in various blocks,
+ *   let’s use a placeholder to keep them all
+ *   in-sync
+ */
+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-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;
+}
+
 /**
  * Base
  * - Reset the browser
@@ -1025,173 +1096,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, body[class*="woocommerce"] #page #respond input#submit,
-body[class*="woocommerce"] #page #respond input#submit.alt,
-body[class*="woocommerce"] #page a.button,
-body[class*="woocommerce"] #page a.button.alt,
-body[class*="woocommerce"] #page button.button,
-body[class*="woocommerce"] #page button.button.alt,
-body[class*="woocommerce"] #page input.button,
-body[class*="woocommerce"] #page input.button.alt,
-body[class*="woocommerce"] #page .cart .button,
-body[class*="woocommerce"] #page .cart input.button,
-body[class*="woocommerce"] #page a.added_to_cart,
-body[class*="woocommerce"] #page .woocommerce #respond input#submit,
-body[class*="woocommerce"] #page .woocommerce a.button,
-body[class*="woocommerce"] #page .woocommerce button.button,
-body[class*="woocommerce"] #page .woocommerce input.button,
-body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
-body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
-	line-height: 1;
-	color: white;
-	cursor: pointer;
-	font-weight: bold;
-	font-family: sans-serif;
-	font-size: 1.2rem;
-	background-color: blue;
-	border-radius: 9px;
-	border-width: 0;
-	padding: 16px 16px;
-}
-
-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, 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, 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, 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;
-}
-
-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, 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;
-}
-
-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, 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;
-}
-
-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, 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, 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, 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, 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, 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;
-}
-
 /**
  * Block Options
  */
@@ -2514,11 +2420,6 @@ table th,
 	z-index: 99999;
 }
 
-.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
-	cursor: pointer;
-	z-index: 99999;
-}
-
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2539,14 +2440,6 @@ table th,
 		display: block;
 	}
 	.main-navigation > div > ul li:hover > ul,
-	.main-navigation > div > ul li[focus-within] > ul,
-	.main-navigation > div > ul li ul:hover,
-	.main-navigation > div > ul li ul:focus {
-		visibility: visible;
-		opacity: 1;
-		display: block;
-	}
-	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -3652,1278 +3545,6 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	font-size: 0.83333rem;
 }
 
-/**
- * Main WooCommerce styles
- */
-.woocommerce a.remove {
-	font-size: 1.44rem;
-	height: 1.44rem;
-	width: 1.44rem;
-	color: red !important;
-}
-
-.woocommerce a.remove:hover {
-	color: white !important;
-	background: red;
-}
-
-.woocommerce small.note {
-	color: #767676;
-	font-size: 0.83333rem;
-	margin-top: 16px;
-}
-
-.woocommerce .woocommerce-breadcrumb {
-	margin-bottom: 32px;
-	font-size: 1rem;
-	color: #767676;
-}
-
-.woocommerce .woocommerce-breadcrumb a {
-	color: currentColor;
-}
-
-/**
- * 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;
-}
-
-/**
- * Reviews
- */
-.woocommerce #page {
-	/**
-	 * Cart sidebar
-	 */
-}
-
-.woocommerce #page ul.cart_list li img,
-.woocommerce #page ul.product_list_widget li img {
-	margin-left: 4px;
-	width: 32px;
-}
-
-.woocommerce #page ul.cart_list li dl,
-.woocommerce #page ul.product_list_widget li dl {
-	border-left-color: #DDDDDD;
-}
-
-.woocommerce #page ul.cart_list li dl dt,
-.woocommerce #page ul.cart_list li dl dd,
-.woocommerce #page ul.product_list_widget li dl dt,
-.woocommerce #page ul.product_list_widget li dl dd {
-	margin-bottom: 32px;
-}
-
-.woocommerce #page .widget_shopping_cart .total {
-	border-top: 1px solid #DDDDDD;
-	padding-top: 16px;
-}
-
-.woocommerce #page .widget_shopping_cart .cart_list li {
-	border-top: 1px solid #DDDDDD;
-	padding: 16px 0 16px 32px;
-}
-
-.woocommerce #page .widget_shopping_cart .cart_list li a.remove {
-	top: 16px;
-}
-
-/**
- * Cart Collaterals
- */
-.woocommerce-cart .cart-collaterals .shipping-calculator-button,
-.woocommerce-checkout .cart-collaterals .shipping-calculator-button,
-#add_payment_method .cart-collaterals .shipping-calculator-button {
-	margin-top: 16px;
-}
-
-.woocommerce-cart .cart-collaterals .shipping-calculator-form,
-.woocommerce-checkout .cart-collaterals .shipping-calculator-form,
-#add_payment_method .cart-collaterals .shipping-calculator-form {
-	margin-top: 16px;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals p small,
-.woocommerce-checkout .cart-collaterals .cart_totals p small,
-#add_payment_method .cart-collaterals .cart_totals p small {
-	color: #767676;
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals table,
-.woocommerce-checkout .cart-collaterals .cart_totals table,
-#add_payment_method .cart-collaterals .cart_totals table {
-	margin: 0 0 8px;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals table td,
-.woocommerce-cart .cart-collaterals .cart_totals table th,
-.woocommerce-checkout .cart-collaterals .cart_totals table td,
-.woocommerce-checkout .cart-collaterals .cart_totals table th,
-#add_payment_method .cart-collaterals .cart_totals table td,
-#add_payment_method .cart-collaterals .cart_totals table th {
-	line-height: 1.78;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals table small,
-.woocommerce-checkout .cart-collaterals .cart_totals table small,
-#add_payment_method .cart-collaterals .cart_totals table small {
-	color: #767676;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals .discount td,
-.woocommerce-checkout .cart-collaterals .cart_totals .discount td,
-#add_payment_method .cart-collaterals .cart_totals .discount td {
-	color: gold;
-}
-
-.woocommerce-cart .cart-collaterals .cart_totals tr td,
-.woocommerce-cart .cart-collaterals .cart_totals tr th,
-.woocommerce-checkout .cart-collaterals .cart_totals tr td,
-.woocommerce-checkout .cart-collaterals .cart_totals tr th,
-#add_payment_method .cart-collaterals .cart_totals tr td,
-#add_payment_method .cart-collaterals .cart_totals tr th {
-	border-top-color: #DDDDDD;
-}
-
-.woocommerce .cart-collaterals .cross-sells > h2,
-.woocommerce-page .cart-collaterals .cross-sells > h2,
-.woocommerce .cart-collaterals .cart_totals > h2,
-.woocommerce-page .cart-collaterals .cart_totals > h2 {
-	font-size: 1.44rem;
-}
-
-/**
- * Notices
- */
-.woocommerce .woocommerce-message,
-.woocommerce .woocommerce-error,
-.woocommerce .woocommerce-info {
-	padding: 16px 32px 16px 64px;
-	margin-bottom: 32px;
-	background-color: #FAFAFA;
-	color: #111111;
-	border-top-color: blue;
-}
-
-.woocommerce .woocommerce-message {
-	border-top-color: yellowgreen;
-}
-
-.woocommerce .woocommerce-message:before {
-	color: yellowgreen;
-}
-
-.woocommerce .woocommerce-error {
-	border-top-color: salmon;
-}
-
-.woocommerce .woocommerce-error:before {
-	color: salmon;
-}
-
-.woocommerce .woocommerce-info {
-	border-top-color: blue;
-}
-
-.woocommerce .woocommerce-info:before {
-	color: blue;
-}
-
-/**
- * Star ratings
- */
-.woocommerce #content span.onsale {
-	border-radius: 100%;
-	background-color: gold;
-	color: #111111;
-	font-size: 0.83333rem;
-	font-weight: 700;
-	font-family: sans-serif;
-	min-height: 3.236rem;
-	min-width: 3.236rem;
-	padding: 0.202rem;
-	position: absolute;
-	text-align: center;
-	line-height: 3.236;
-	top: -0.5em;
-	right: -0.5em;
-	left: auto;
-	margin: 0;
-	z-index: 9;
-}
-
-/**
- * Password strength meter
- */
-.woocommerce-password-strength {
-	text-align: center;
-	font-weight: 600;
-	padding: 4px;
-	font-size: 0.83333rem;
-}
-
-.woocommerce-password-strength.strong {
-	background-color: yellowgreen;
-	border-color: none;
-}
-
-.woocommerce-password-strength.good {
-	background-color: gold;
-	border-color: none;
-}
-
-.woocommerce-password-strength.short {
-	background-color: salmon;
-	border-color: none;
-}
-
-.woocommerce-password-strength.bad {
-	background-color: salmon;
-	border-color: none;
-}
-
-woocommerce-password-hint {
-	font-size: 0.69444rem;
-}
-
-/**
- * Product loops
- */
-#content .woocommerce .products ul,
-#content .woocommerce ul.products {
-	margin: 0;
-	padding: 0;
-}
-
-#content .woocommerce ul.products li.product .star-rating {
-	margin: inherit;
-}
-
-#content .woocommerce ul.products li.product h3,
-#content .woocommerce ul.products li.product .woocommerce-loop-product__title,
-#content .woocommerce ul.products li.product .woocommerce-loop-category__title {
-	padding: inherit;
-	margin: inherit;
-	font-size: 1rem;
-}
-
-#content .woocommerce ul.products li.product a img {
-	margin: inherit;
-}
-
-#content .woocommerce ul.products li.product .woocommerce-placeholder {
-	border-color: #DDDDDD;
-}
-
-#content .woocommerce ul.products li.product .star-rating {
-	font-size: 0.83333rem;
-}
-
-#content .woocommerce ul.products li.product .button {
-	margin-top: inherit;
-}
-
-#content .woocommerce ul.products li.product .price {
-	color: #111111;
-	margin-bottom: inherit;
-	font-size: 1.2rem;
-}
-
-#content .woocommerce ul.products li.product .price del {
-	color: inherit;
-	opacity: 0.5;
-	display: inline-block;
-}
-
-#content .woocommerce ul.products li.product .price ins {
-	background: none;
-	font-weight: 700;
-	display: inline-block;
-}
-
-#content .woocommerce ul.products li.product .price .from {
-	font-size: 0.69444rem;
-	color: gold;
-}
-
-#content .woocommerce ul.products li.product.sale a > .price ins {
-	color: yellowgreen;
-}
-
-#content .woocommerce .woocommerce-result-count {
-	margin-bottom: 16px;
-}
-
-#content .woocommerce .woocommerce-ordering {
-	margin-bottom: 16px;
-}
-
-#content .woocommerce .woocommerce-ordering select {
-	vertical-align: top;
-}
-
-#content .woocommerce nav.woocommerce-pagination {
-	text-align: center;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul {
-	display: inline-block;
-	white-space: nowrap;
-	padding: 0;
-	clear: both;
-	border-color: #DDDDDD;
-	border-right: 0;
-	margin: 1px;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul li {
-	border-color: #DDDDDD;
-	padding: 0;
-	margin: 0;
-	float: left;
-	display: inline;
-	overflow: hidden;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul li a,
-#content .woocommerce nav.woocommerce-pagination ul li span {
-	margin: 0;
-	text-decoration: none;
-	padding: 0;
-	line-height: 1;
-	font-size: 1em;
-	font-weight: normal;
-	padding: 0.5em;
-	min-width: 1em;
-	display: block;
-}
-
-#content .woocommerce nav.woocommerce-pagination ul li span.current,
-#content .woocommerce nav.woocommerce-pagination ul li a:hover,
-#content .woocommerce nav.woocommerce-pagination ul li a:focus {
-	background: #DDDDDD;
-	color: #767676;
-}
-
-/**
- * Reviews
- */
-.woocommerce #content {
-	/**
-	 * Reviews
-	 */
-}
-
-.woocommerce #content #reviews h2 small {
-	color: #767676;
-	font-size: 0.83333rem;
-	margin: inherit;
-}
-
-.woocommerce #content #reviews h2 small a {
-	color: currentColor;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li {
-	margin-bottom: 16px;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .meta {
-	color: #767676;
-	font-size: 0.83333rem;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li img.avatar {
-	float: left;
-	position: absolute;
-	top: 0;
-	left: 0;
-	padding: 3px;
-	width: 32px;
-	height: auto;
-	background: red;
-	border-color: #DDDDDD;
-	margin: 0;
-	box-shadow: none;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text {
-	margin: 0 0 0 50px;
-	border: 1px solid #f00000;
-	border-radius: 4px;
-	padding: 1em 1em 0;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text p {
-	margin: 0 0 1em;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text p.meta {
-	font-size: 0.83em;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist ul.children {
-	list-style: none outside;
-	margin: 20px 0 0 50px;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist ul.children .star-rating {
-	display: none;
-}
-
-.woocommerce #content #reviews #comments ol.commentlist #respond {
-	border: 1px solid #f00000;
-	border-radius: 4px;
-	padding: 1em 1em 0;
-	margin: 20px 0 0 50px;
-}
-
-.woocommerce #content #reviews #comments .commentlist > li::before {
-	content: "";
-}
-
-/**
- * Star ratings
- */
-.woocommerce #content .star-rating::before {
-	color: red;
-}
-
-.woocommerce #content .star-rating span {
-	color: red;
-}
-
-/**
- * Tables
- */
-.woocommerce table.shop_table {
-	border-collapse: collapse;
-	border: 1px solid #DDDDDD;
-	margin-bottom: 32px;
-}
-
-.woocommerce table.shop_table td {
-	border-top: none;
-}
-
-.woocommerce table.shop_table tr {
-	border-bottom: 1px solid #DDDDDD;
-}
-
-.woocommerce table.shop_attributes {
-	border-top-color: #DDDDDD;
-	border-top-style: solid;
-	margin-bottom: 32px;
-}
-
-.woocommerce table.shop_attributes th {
-	padding: 8px;
-	border-bottom-color: #DDDDDD;
-	border-bottom-style: solid;
-	line-height: 1.78;
-}
-
-.woocommerce table.shop_attributes td {
-	font-style: inherit;
-	border-bottom-color: #DDDDDD;
-	border-bottom-style: solid;
-	line-height: 1.78;
-}
-
-.woocommerce table.shop_attributes td p {
-	margin: 0;
-	padding: 8px 0;
-}
-
-.woocommerce table.shop_attributes tr:nth-child(even) td,
-.woocommerce table.shop_attributes tr:nth-child(even) th {
-	background: rgba(0, 0, 0, 0.025);
-}
-
-.woocommerce table td,
-.woocommerce table th {
-	border: inherit;
-}
-
-/**
- * Structure
- */
-/**
- * Vertical Space - 32px
- */
-.woocommerce #content div.summary > *:not(:first-child),
-.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:first-child),
-.woocommerce #content .products.related > *:not(:first-child),
-.woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
-.woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
-.woocommerce .woocommerce-billing-fields > *:not(:first-child),
-.woocommerce .woocommerce-shipping-fields > *:not(:first-child),
-.woocommerce .woocommerce-checkout > *:not(:first-child),
-.woocommerce .up-sells > *:not(:first-child) {
-	margin-top: 32px;
-}
-
-.woocommerce #content div.summary > *:not(:last-child),
-.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:last-child),
-.woocommerce #content .products.related > *:not(:last-child),
-.woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
-.woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
-.woocommerce .woocommerce-billing-fields > *:not(:last-child),
-.woocommerce .woocommerce-shipping-fields > *:not(:last-child),
-.woocommerce .woocommerce-checkout > *:not(:last-child),
-.woocommerce .up-sells > *:not(:last-child) {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.summary > *:empty + *,
-.woocommerce #content div.summary > .form-row-last,
-.woocommerce #content div.product .woocommerce-tabs .panel > *:empty + *,
-.woocommerce #content div.product .woocommerce-tabs .panel > .form-row-last,
-.woocommerce #content .products.related > *:empty + *,
-.woocommerce #content .products.related > .form-row-last,
-.woocommerce .woocommerce-MyAccount-content > *:empty + *,
-.woocommerce .woocommerce-MyAccount-content > .form-row-last,
-.woocommerce .woocommerce-EditAccountForm > *:empty + *,
-.woocommerce .woocommerce-EditAccountForm > .form-row-last,
-.woocommerce .woocommerce-billing-fields > *:empty + *,
-.woocommerce .woocommerce-billing-fields > .form-row-last,
-.woocommerce .woocommerce-shipping-fields > *:empty + *,
-.woocommerce .woocommerce-shipping-fields > .form-row-last,
-.woocommerce .woocommerce-checkout > *:empty + *,
-.woocommerce .woocommerce-checkout > .form-row-last,
-.woocommerce .up-sells > *:empty + *,
-.woocommerce .up-sells > .form-row-last {
-	margin-top: 0;
-}
-
-.woocommerce #content div.summary > *:empty,
-.woocommerce #content div.product .woocommerce-tabs .panel > *:empty,
-.woocommerce #content .products.related > *:empty,
-.woocommerce .woocommerce-MyAccount-content > *:empty,
-.woocommerce .woocommerce-EditAccountForm > *:empty,
-.woocommerce .woocommerce-billing-fields > *:empty,
-.woocommerce .woocommerce-shipping-fields > *:empty,
-.woocommerce .woocommerce-checkout > *:empty,
-.woocommerce .up-sells > *:empty {
-	margin: 0;
-}
-
-/**
- * Vertical Space - 16px
- */
-#content .woocommerce ul.products li.product a > *:not(:first-child),
-#content .woocommerce ul.products li.product-category a > *:not(:first-child),
-.woocommerce .cart-collaterals .cross-sells > *:not(:first-child),
-.woocommerce-page .cart-collaterals .cross-sells > *:not(:first-child),
-.woocommerce .cart-collaterals .cart_totals > *:not(:first-child),
-.woocommerce-page .cart-collaterals .cart_totals > *:not(:first-child),
-.woocommerce .widget_shopping_cart > *:not(:first-child),
-.woocommerce .widget_shopping_cart_content > *:not(:first-child) {
-	margin-top: 16px;
-}
-
-#content .woocommerce ul.products li.product a > *:not(:last-child),
-#content .woocommerce ul.products li.product a > .price,
-#content .woocommerce ul.products li.product-category a > *:not(:last-child),
-#content .woocommerce ul.products li.product-category a > .price,
-.woocommerce .cart-collaterals .cross-sells > *:not(:last-child),
-.woocommerce .cart-collaterals .cross-sells > .price,
-.woocommerce-page .cart-collaterals .cross-sells > *:not(:last-child),
-.woocommerce-page .cart-collaterals .cross-sells > .price,
-.woocommerce .cart-collaterals .cart_totals > *:not(:last-child),
-.woocommerce .cart-collaterals .cart_totals > .price,
-.woocommerce-page .cart-collaterals .cart_totals > *:not(:last-child),
-.woocommerce-page .cart-collaterals .cart_totals > .price,
-.woocommerce .widget_shopping_cart > *:not(:last-child),
-.woocommerce .widget_shopping_cart > .price,
-.woocommerce .widget_shopping_cart_content > *:not(:last-child),
-.woocommerce .widget_shopping_cart_content > .price {
-	margin-bottom: 16px;
-}
-
-#content .woocommerce ul.products li.product a > *:not(img):empty + *,
-#content .woocommerce ul.products li.product-category a > *:not(img):empty + *,
-.woocommerce .cart-collaterals .cross-sells > *:not(img):empty + *,
-.woocommerce-page .cart-collaterals .cross-sells > *:not(img):empty + *,
-.woocommerce .cart-collaterals .cart_totals > *:not(img):empty + *,
-.woocommerce-page .cart-collaterals .cart_totals > *:not(img):empty + *,
-.woocommerce .widget_shopping_cart > *:not(img):empty + *,
-.woocommerce .widget_shopping_cart_content > *:not(img):empty + * {
-	margin-top: 0;
-}
-
-#content .woocommerce ul.products li.product a > *:empty,
-#content .woocommerce ul.products li.product-category a > *:empty,
-.woocommerce .cart-collaterals .cross-sells > *:empty,
-.woocommerce-page .cart-collaterals .cross-sells > *:empty,
-.woocommerce .cart-collaterals .cart_totals > *:empty,
-.woocommerce-page .cart-collaterals .cart_totals > *:empty,
-.woocommerce .widget_shopping_cart > *:empty,
-.woocommerce .widget_shopping_cart_content > *:empty {
-	margin: 0;
-}
-
-/**
- * Account page
- */
-.woocommerce-account #content .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
-	display: none;
-}
-
-.woocommerce-account #content .woocommerce-MyAccount-content fieldset {
-	border: 1px solid #DDDDDD;
-	padding: 16px;
-	border-radius: 3px;
-}
-
-.woocommerce-account #content .addresses .title h3 {
-	font-size: 1rem;
-}
-
-/**
- * Cart
- */
-/**
- * Cart/checkout page
- */
-.woocommerce-cart table.cart .product-thumbnail,
-.woocommerce-checkout table.cart .product-thumbnail,
-#add_payment_method table.cart .product-thumbnail {
-	min-width: 16px;
-}
-
-.woocommerce-cart table.cart img,
-.woocommerce-checkout table.cart img,
-#add_payment_method table.cart img {
-	width: 64px;
-}
-
-.woocommerce-cart table.cart td.actions .coupon .input-text,
-.woocommerce-checkout table.cart td.actions .coupon .input-text,
-#add_payment_method table.cart td.actions .coupon .input-text {
-	border-color: #DDDDDD;
-	padding: 8px;
-	margin: 0 8px 0 0;
-}
-
-.woocommerce-cart .wc-proceed-to-checkout,
-.woocommerce-checkout .wc-proceed-to-checkout,
-#add_payment_method .wc-proceed-to-checkout {
-	padding: 32px 0;
-}
-
-.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
-.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
-#add_payment_method .wc-proceed-to-checkout a.checkout-button {
-	margin-bottom: 32px;
-	font-size: 1.2rem;
-	padding: 16px;
-}
-
-.woocommerce-cart .checkout .create-account small,
-.woocommerce-checkout .checkout .create-account small,
-#add_payment_method .checkout .create-account small {
-	font-size: 0.69444rem;
-	color: #767676;
-}
-
-.woocommerce-cart #payment,
-.woocommerce-checkout #payment,
-#add_payment_method #payment {
-	background: #FAFAFA;
-	border-radius: 3px;
-}
-
-.woocommerce-cart #payment ul.payment_methods,
-.woocommerce-checkout #payment ul.payment_methods,
-#add_payment_method #payment ul.payment_methods {
-	padding: 8px;
-	border-bottom-color: #DDDDDD;
-}
-
-.woocommerce-cart #payment ul.payment_methods li,
-.woocommerce-checkout #payment ul.payment_methods li,
-#add_payment_method #payment ul.payment_methods li {
-	line-height: 1.78;
-}
-
-.woocommerce-cart #payment ul.payment_methods li input,
-.woocommerce-checkout #payment ul.payment_methods li input,
-#add_payment_method #payment ul.payment_methods li input {
-	margin-right: 1.78;
-}
-
-.woocommerce-cart #payment div.form-row,
-.woocommerce-checkout #payment div.form-row,
-#add_payment_method #payment div.form-row {
-	padding: 8px;
-}
-
-.woocommerce-cart #payment div.payment_box,
-.woocommerce-checkout #payment div.payment_box,
-#add_payment_method #payment div.payment_box {
-	padding: 8px;
-	margin-bottom: 8px;
-	margin-top: 8px;
-	font-size: 0.83333rem;
-	border-radius: 3px;
-	line-height: 1.78;
-	background-color: #DDDDDD;
-	color: #444444;
-}
-
-.woocommerce-cart #payment div.payment_box input.input-text,
-.woocommerce-cart #payment div.payment_box textarea,
-.woocommerce-checkout #payment div.payment_box input.input-text,
-.woocommerce-checkout #payment div.payment_box textarea,
-#add_payment_method #payment div.payment_box input.input-text,
-#add_payment_method #payment div.payment_box textarea {
-	border-color: #DDDDDD;
-	border-top-color: #DDDDDD;
-}
-
-.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
-.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder,
-#add_payment_method #payment div.payment_box ::-webkit-input-placeholder {
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box :-moz-placeholder,
-.woocommerce-checkout #payment div.payment_box :-moz-placeholder,
-#add_payment_method #payment div.payment_box :-moz-placeholder {
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
-.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder,
-#add_payment_method #payment div.payment_box :-ms-input-placeholder {
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
-.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
-#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
-	margin-right: 16px;
-}
-
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form,
-#add_payment_method #payment div.payment_box .wc-credit-card-form {
-	margin-top: 16px;
-}
-
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
-.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
-.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
-#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
-#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
-#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc {
-	font-size: 1.44rem;
-	padding: 8px;
-}
-
-.woocommerce-cart #payment div.payment_box span.help,
-.woocommerce-checkout #payment div.payment_box span.help,
-#add_payment_method #payment div.payment_box span.help {
-	font-size: 0.83333rem;
-	color: #767676;
-}
-
-.woocommerce-cart #payment div.payment_box .form-row,
-.woocommerce-checkout #payment div.payment_box .form-row,
-#add_payment_method #payment div.payment_box .form-row {
-	margin: 0 0 32px;
-}
-
-.woocommerce-cart #payment div.payment_box p:last-child,
-.woocommerce-checkout #payment div.payment_box p:last-child,
-#add_payment_method #payment div.payment_box p:last-child {
-	margin-bottom: 0;
-}
-
-.woocommerce-cart #payment div.payment_box::before,
-.woocommerce-checkout #payment div.payment_box::before,
-#add_payment_method #payment div.payment_box::before {
-	border-bottom-color: #DDDDDD;
-	/* arrow size / color */
-}
-
-.woocommerce-cart #payment .payment_method_paypal .about_paypal,
-.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
-#add_payment_method #payment .payment_method_paypal .about_paypal {
-	float: right;
-	line-height: 52px;
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart #payment .payment_method_paypal img,
-.woocommerce-checkout #payment .payment_method_paypal img,
-#add_payment_method #payment .payment_method_paypal img {
-	max-height: 52px;
-	vertical-align: middle;
-}
-
-.woocommerce-terms-and-conditions {
-	border-color: #DDDDDD;
-}
-
-.woocommerce-invalid #terms {
-	outline-color: salmon;
-}
-
-.woocommerce-cart #content table.shop_table {
-	border-color: #DDDDDD;
-	border-radius: 3px;
-}
-
-.woocommerce-cart #content table.shop_table th {
-	padding: 8px 16px;
-	line-height: 1.78;
-}
-
-.woocommerce-cart #content table.shop_table td {
-	padding: 8px 16px;
-	line-height: 1.78;
-}
-
-.woocommerce-cart #content table.shop_table tfoot td,
-.woocommerce-cart #content table.shop_table tfoot th,
-.woocommerce-cart #content table.shop_table tbody th {
-	border-top-color: #DDDDDD;
-}
-
-.woocommerce-cart #content table.my_account_orders {
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart #content table.my_account_orders th,
-.woocommerce-cart #content table.my_account_orders td {
-	padding: 4px 8px;
-}
-
-.woocommerce-cart #content td.product-name dl.variation dt,
-.woocommerce-cart #content td.product-name dl.variation .wc-item-meta-label,
-.woocommerce-cart #content td.product-name .wc-item-meta dt,
-.woocommerce-cart #content td.product-name .wc-item-meta .wc-item-meta-label {
-	margin-right: 8px;
-}
-
-.woocommerce-cart #content td.product-name p.backorder_notification {
-	font-size: 0.83333rem;
-}
-
-.woocommerce-cart #content td.product-quantity {
-	min-width: 80px;
-}
-
-.woocommerce-page #content table.cart td.actions .input-text,
-.woocommerce-page #content .woocommerce table.cart td.actions .input-text,
-.woocommerce-page #content table.cart td.actions .input-text {
-	width: inherit;
-	float: inherit;
-	padding: 16px;
-}
-
-#add_payment_method .cart-collaterals .cart_totals tr td,
-#add_payment_method .cart-collaterals .cart_totals tr th,
-.woocommerce-cart .cart-collaterals .cart_totals tr td,
-.woocommerce-cart .cart-collaterals .cart_totals tr th,
-.woocommerce-checkout .cart-collaterals .cart_totals tr td,
-.woocommerce-checkout .cart-collaterals .cart_totals tr th {
-	border-top-color: #DDDDDD;
-}
-
-/**
- * Product Page
- */
-.woocommerce #content div.product span.price,
-.woocommerce #content div.product p.price {
-	color: blue;
-	font-size: 1.728rem;
-}
-
-.woocommerce #content div.product p.stock {
-	font-size: 1rem;
-}
-
-.woocommerce #content div.product .stock {
-	color: blue;
-}
-
-.woocommerce #content div.product .out-of-stock {
-	color: red;
-}
-
-.woocommerce #content div.product .woocommerce-product-rating {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product div.images {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product div.images div.thumbnails {
-	padding-top: 16px;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
-	background-color: white;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__image--placeholder {
-	border-color: #FAFAFA;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger {
-	font-size: 1.2rem;
-	background: white;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::before {
-	border-color: #AAAAAA;
-}
-
-.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger::after {
-	background-color: #AAAAAA;
-}
-
-.woocommerce #content div.product div.summary {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product div.social {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs {
-	padding-left: 16px;
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
-	border-color: #DDDDDD;
-	background-color: red;
-	border-radius: 9px 9px 0 0;
-	padding-left: 16px;
-	padding-right: 16px;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li a {
-	padding-top: 8px;
-	padding-bottom: 8px;
-	color: red;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover {
-	color: #ff3333;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
-	background-color: white;
-	border-bottom-color: white;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a {
-	color: inherit;
-	text-shadow: inherit;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::before {
-	box-shadow: 2px 2px 0 white;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active::after {
-	box-shadow: -2px 2px 0 white;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
-	border-color: #DDDDDD;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li::before {
-	box-shadow: 2px 2px 0 red;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs li::after {
-	box-shadow: -2px 2px 0 red;
-}
-
-.woocommerce #content div.product .woocommerce-tabs ul.tabs::before {
-	border-bottom-color: #DDDDDD;
-}
-
-.woocommerce #content div.product .woocommerce-tabs .panel {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product p.cart {
-	margin-bottom: 32px;
-}
-
-.woocommerce #content div.product form.cart .variations {
-	margin-bottom: 16px;
-}
-
-.woocommerce #content div.product form.cart .variations td,
-.woocommerce #content div.product form.cart .variations th {
-	line-height: 1.78;
-}
-
-.woocommerce #content div.product form.cart .variations select {
-	margin-right: 16px;
-}
-
-.woocommerce #content div.product form.cart .variations td.label {
-	padding-right: 16px;
-}
-
-.woocommerce #content div.product form.cart .woocommerce-variation-description p {
-	margin-bottom: 16px;
-}
-
-.woocommerce #content div.product form.cart .reset_variations {
-	font-size: 0.83333rem;
-}
-
-.woocommerce #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
-	padding-right: 16px;
-	padding-left: 16px;
-}
-
-.woocommerce #content div.product form.cart .group_table td {
-	padding-bottom: 16px;
-}
-
-.woocommerce #content div.product form.cart div.quantity,
-.woocommerce #content div.product form.cart button {
-	float: inherit;
-	display: inline-block;
-	vertical-align: middle;
-}
-
-/**
- * Single Product Page
- */
-.woocommerce-page #content {
-	/**
-	 * Remove the bright yellow background on mark elements.
-	 */
-}
-
-.woocommerce-page #content mark {
-	background: transparent;
-}
-
-.woocommerce-page #content div.product span.price,
-.woocommerce-page #content div.product p.price {
-	color: blue;
-	font-size: 1.728rem;
-}
-
-.woocommerce-page #content div.product p.stock {
-	font-size: 1rem;
-}
-
-.woocommerce-page #content div.product .stock {
-	color: blue;
-}
-
-.woocommerce-page #content div.product .out-of-stock {
-	color: red;
-}
-
-.woocommerce-page #content div.product .woocommerce-product-rating {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product div.images {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product div.images div.thumbnails {
-	padding-top: 16px;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
-	background-color: white;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__image--placeholder {
-	border-color: #FAFAFA;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger {
-	font-size: 1.2rem;
-	background: white;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::before {
-	border-color: #AAAAAA;
-}
-
-.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger::after {
-	background-color: #AAAAAA;
-}
-
-.woocommerce-page #content div.product div.summary {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product div.social {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product .product_meta > * {
-	display: block;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
-	padding-left: 16px;
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
-	border-color: #DDDDDD;
-	background-color: white;
-	border-radius: 9px 9px 0 0;
-	padding-left: 16px;
-	padding-right: 16px;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
-	padding-top: 8px;
-	padding-bottom: 8px;
-	color: #444444;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover {
-	color: blue;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
-	background-color: white;
-	border-bottom-color: white;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
-	color: inherit;
-	text-shadow: inherit;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::before {
-	box-shadow: 2px 2px 0 white;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active::after {
-	box-shadow: -2px 2px 0 white;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
-	border-color: #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::before {
-	box-shadow: 2px 2px 0 #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li::after {
-	box-shadow: -2px 2px 0 #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before {
-	border-bottom-color: #DDDDDD;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs .panel {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product .woocommerce-tabs .panel > h2 {
-	font-size: 1.44rem;
-}
-
-.woocommerce-page #content div.product .up-sells > h2 {
-	font-size: 1.44rem;
-}
-
-.woocommerce-page #content div.product p.cart {
-	margin-bottom: 32px;
-}
-
-.woocommerce-page #content div.product form.cart .variations {
-	margin-bottom: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .variations td,
-.woocommerce-page #content div.product form.cart .variations th {
-	line-height: 1.78;
-}
-
-.woocommerce-page #content div.product form.cart .variations select {
-	margin-right: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .variations td.label {
-	padding-right: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .woocommerce-variation-description p {
-	margin-bottom: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .reset_variations {
-	font-size: 0.83333rem;
-}
-
-.woocommerce-page #content div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
-	padding-right: 16px;
-	padding-left: 16px;
-}
-
-.woocommerce-page #content div.product form.cart .group_table td {
-	padding-bottom: 16px;
-}
-
-.woocommerce-page #content div.product form.cart div.quantity,
-.woocommerce-page #content div.product form.cart button {
-	float: inherit;
-	display: inline-block;
-	vertical-align: middle;
-}
-
 /**
  * Full Site Editing
  * - Full Site Editing overrides