diff --git a/functions.php b/functions.php
index 76bac867..aea2ddad 100644
--- a/functions.php
+++ b/functions.php
@@ -155,3 +155,10 @@ require get_template_directory() . '/inc/customizer.php';
if ( defined( 'JETPACK__VERSION' ) ) {
require get_template_directory() . '/inc/jetpack.php';
}
+
+/**
+ * Load WooCommerce compatibility file.
+ */
+if ( class_exists( 'WooCommerce' ) ) {
+ require get_template_directory() . '/inc/woocommerce.php';
+}
diff --git a/inc/woocommerce.php b/inc/woocommerce.php
new file mode 100644
index 00000000..3f664bf8
--- /dev/null
+++ b/inc/woocommerce.php
@@ -0,0 +1,264 @@
+plugin_url() . '/assets/fonts/';
+ $inline_font = '@font-face {
+ font-family: "star";
+ src: url("' . $font_path . 'star.eot");
+ src: url("' . $font_path . 'star.eot?#iefix") format("embedded-opentype"),
+ url("' . $font_path . 'star.woff") format("woff"),
+ url("' . $font_path . 'star.ttf") format("truetype"),
+ url("' . $font_path . 'star.svg#star") format("svg");
+ font-weight: normal;
+ font-style: normal;
+ }';
+
+ wp_add_inline_style( '_s-woocommerce-style', $inline_font );
+}
+add_action( 'wp_enqueue_scripts', '_s_woocommerce_scripts' );
+
+/**
+ * Disable the default WooCommerce stylesheet.
+ *
+ * Removing the default WooCommerce stylesheet and enqueing your own will
+ * protect you during WooCommerce core updates.
+ *
+ * @link https://docs.woocommerce.com/document/disable-the-default-stylesheet/
+ */
+add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
+
+/**
+ * Add 'woocommerce-active' class to the body tag.
+ *
+ * @param array $classes CSS classes applied to the body tag.
+ * @return array $classes modified to include 'woocommerce-active' class.
+ */
+function _s_woocommerce_active_body_class( $classes ) {
+ $classes[] = 'woocommerce-active';
+
+ return $classes;
+}
+add_filter( 'body_class', '_s_woocommerce_active_body_class' );
+
+/**
+ * Products per page.
+ *
+ * @return integer number of products.
+ */
+function _s_woocommerce_products_per_page() {
+ return 12;
+}
+add_filter( 'loop_shop_per_page', '_s_woocommerce_products_per_page' );
+
+/**
+ * Product gallery thumnbail columns.
+ *
+ * @return integer number of columns.
+ */
+function _s_woocommerce_thumbnail_columns() {
+ return 4;
+}
+add_filter( 'woocommerce_product_thumbnails_columns', '_s_woocommerce_thumbnail_columns' );
+
+/**
+ * Default loop columns on product archives.
+ *
+ * @return integer products per row.
+ */
+function _s_woocommerce_loop_columns() {
+ return 3;
+}
+add_filter( 'loop_shop_columns', '_s_woocommerce_loop_columns' );
+
+/**
+ * Related Products Args.
+ *
+ * @param array $args related products args.
+ * @return array $args related products args.
+ */
+function _s_woocommerce_related_products_args( $args ) {
+ $defaults = array(
+ 'posts_per_page' => 3,
+ 'columns' => 3,
+ );
+
+ $args = wp_parse_args( $defaults, $args );
+
+ return $args;
+}
+add_filter( 'woocommerce_output_related_products_args', '_s_woocommerce_related_products_args' );
+
+if ( ! function_exists( '_s_woocommerce_product_columns_wrapper' ) ) {
+ /**
+ * Product columns wrapper.
+ *
+ * @return void
+ */
+ function _s_woocommerce_product_columns_wrapper() {
+ $columns = _s_woocommerce_loop_columns();
+ echo '
';
+ }
+}
+add_action( 'woocommerce_before_shop_loop', '_s_woocommerce_product_columns_wrapper', 40 );
+
+if ( ! function_exists( '_s_woocommerce_product_columns_wrapper_close' ) ) {
+ /**
+ * Product columns wrapper close.
+ *
+ * @return void
+ */
+ function _s_woocommerce_product_columns_wrapper_close() {
+ echo '
';
+ }
+}
+add_action( 'woocommerce_after_shop_loop', '_s_woocommerce_product_columns_wrapper_close', 40 );
+
+/**
+ * Remove default WooCommerce wrapper.
+ */
+remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
+remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );
+
+if ( ! function_exists( '_s_woocommerce_wrapper_before' ) ) {
+ /**
+ * Before Content.
+ *
+ * Wraps all WooCommerce content in wrappers which match the theme markup.
+ *
+ * @return void
+ */
+ function _s_woocommerce_wrapper_before() {
+ ?>
+
+
+
+
+
+
+ */
+
+if ( ! function_exists( '_s_woocommerce_cart_link_fragment' ) ) {
+ /**
+ * Cart Fragments.
+ *
+ * Ensure cart contents update when products are added to the cart via AJAX.
+ *
+ * @param array $fragments Fragments to refresh via AJAX.
+ * @return array Fragments to refresh via AJAX.
+ */
+ function _s_woocommerce_cart_link_fragment( $fragments ) {
+ ob_start();
+ _s_woocommerce_cart_link();
+ $fragments['a.cart-contents'] = ob_get_clean();
+
+ return $fragments;
+ }
+}
+add_filter( 'woocommerce_add_to_cart_fragments', '_s_woocommerce_cart_link_fragment' );
+
+if ( ! function_exists( '_s_woocommerce_cart_link' ) ) {
+ /**
+ * Cart Link.
+ *
+ * Displayed a link to the cart including the number of items present and the cart total.
+ *
+ * @return void
+ */
+ function _s_woocommerce_cart_link() {
+ ?>
+
+
+ cart->get_cart_subtotal() ); ?> cart->get_cart_contents_count(), '_s' ), WC()->cart->get_cart_contents_count() ) );?>
+
+
+
+ >> TABLE OF CONTENTS:
----------------------------------------------------------------
@@ -42,14 +41,13 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
## Captions
## Galleries
--------------------------------------------------------------*/
-
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
}
body {
@@ -273,12 +271,7 @@ textarea {
line-height: 1.5;
}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
clear: both;
}
@@ -286,10 +279,7 @@ p {
margin-bottom: 1.5em;
}
-dfn,
-cite,
-em,
-i {
+dfn, cite, em, i {
font-style: italic;
}
@@ -313,23 +303,18 @@ pre {
padding: 1.6em;
}
-code,
-kbd,
-tt,
-var {
+code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
-abbr,
-acronym {
+abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
-mark,
-ins {
+mark, ins {
background: #fff9c0;
text-decoration: none;
}
@@ -347,26 +332,24 @@ html {
*,
*:before,
-*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+*:after {
+ /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
- background: #fff; /* Fallback for when there is no custom background color defined. */
+ background: #fff;
+ /* Fallback for when there is no custom background color defined. */
}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
- content: "";
-}
-
-blockquote,
-q {
+blockquote, q {
quotes: "" "";
}
+blockquote:before, blockquote:after, q:before, q:after {
+ content: "";
+}
+
hr {
background-color: #ccc;
border: 0;
@@ -374,8 +357,7 @@ hr {
margin-bottom: 1.5em;
}
-ul,
-ol {
+ul, ol {
margin: 0 0 1.5em 3em;
}
@@ -402,12 +384,15 @@ dd {
}
img {
- height: auto; /* Make sure images are scaled correctly. */
- max-width: 100%; /* Adhere to container width. */
+ height: auto;
+ /* Make sure images are scaled correctly. */
+ max-width: 100%;
+ /* Adhere to container width. */
}
figure {
- margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
+ margin: 1em 0;
+ /* Extra wide images within figure tags don't overflow the content area. */
}
table {
@@ -426,7 +411,7 @@ input[type="submit"] {
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
- color: rgba(0, 0, 0, .8);
+ color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
@@ -440,14 +425,13 @@ input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
-button:focus,
-input[type="button"]:focus,
-input[type="reset"]:focus,
-input[type="submit"]:focus,
-button:active,
+button:active, button:focus,
input[type="button"]:active,
+input[type="button"]:focus,
input[type="reset"]:active,
-input[type="submit"]:active {
+input[type="reset"]:focus,
+input[type="submit"]:active,
+input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
@@ -473,10 +457,6 @@ textarea {
padding: 3px;
}
-select {
- border: 1px solid #ccc;
-}
-
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
@@ -496,6 +476,10 @@ textarea:focus {
color: #111;
}
+select {
+ border: 1px solid #ccc;
+}
+
textarea {
width: 100%;
}
@@ -514,9 +498,7 @@ a:visited {
color: purple;
}
-a:hover,
-a:focus,
-a:active {
+a:hover, a:focus, a:active {
color: midnightblue;
}
@@ -524,8 +506,7 @@ a:focus {
outline: thin dotted;
}
-a:hover,
-a:active {
+a:hover, a:active {
outline: 0;
}
@@ -546,16 +527,6 @@ a:active {
padding-left: 0;
}
-.main-navigation li {
- float: left;
- position: relative;
-}
-
-.main-navigation a {
- display: block;
- text-decoration: none;
-}
-
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
@@ -570,40 +541,28 @@ a:active {
top: 0;
}
+.main-navigation ul ul li:hover > ul,
+.main-navigation ul ul li.focus > ul {
+ left: 100%;
+}
+
.main-navigation ul ul a {
width: 200px;
}
-.main-navigation ul ul li {
-
-}
-
-.main-navigation li:hover > a,
-.main-navigation li.focus > a {
-}
-
-.main-navigation ul ul :hover > a,
-.main-navigation ul ul .focus > a {
-}
-
-.main-navigation ul ul a:hover,
-.main-navigation ul ul a.focus {
-}
-
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
-.main-navigation ul ul li:hover > ul,
-.main-navigation ul ul li.focus > ul {
- left: 100%;
+.main-navigation li {
+ float: left;
+ position: relative;
}
-.main-navigation .current_page_item > a,
-.main-navigation .current-menu-item > a,
-.main-navigation .current_page_ancestor > a,
-.main-navigation .current-menu-ancestor > a {
+.main-navigation a {
+ display: block;
+ text-decoration: none;
}
/* Small menu. */
@@ -621,9 +580,9 @@ a:active {
}
}
-.site-main .comment-navigation,
-.site-main .posts-navigation,
-.site-main .post-navigation {
+.site-main .comment-navigation, .site-main
+.posts-navigation, .site-main
+.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
@@ -653,7 +612,8 @@ a:active {
height: 1px;
width: 1px;
overflow: hidden;
- word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
+ word-wrap: normal !important;
+ /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
@@ -673,7 +633,8 @@ a:active {
text-decoration: none;
top: 5px;
width: auto;
- z-index: 100000; /* Above WP toolbar. */
+ z-index: 100000;
+ /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
@@ -737,9 +698,9 @@ a:active {
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
+ /* Make sure select elements fit in widgets. */
}
-/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
@@ -788,8 +749,9 @@ a:active {
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
-.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
-.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
+.infinite-scroll .posts-navigation,
+.infinite-scroll.neverending .site-footer {
+ /* Theme Footer (when set to scrolling) */
display: none;
}
@@ -863,7 +825,7 @@ object {
}
.gallery-columns-3 .gallery-item {
- max-width: 33.33333%;
+ max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
@@ -875,11 +837,11 @@ object {
}
.gallery-columns-6 .gallery-item {
- max-width: 16.66667%;
+ max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
- max-width: 14.28571%;
+ max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
@@ -887,7 +849,7 @@ object {
}
.gallery-columns-9 .gallery-item {
- max-width: 11.11111%;
+ max-width: 11.11%;
}
.gallery-caption {
diff --git a/woocommerce.css b/woocommerce.css
new file mode 100644
index 00000000..d1308c51
--- /dev/null
+++ b/woocommerce.css
@@ -0,0 +1,578 @@
+/*
+Theme Name: _s
+
+WooCommerce styles override
+*/
+/**
+ * WooCommerce color variables
+ */
+/**
+ * Imports
+ */
+/**
+ * Shop tables
+ */
+/**
+ * Shop tables
+ */
+table.shop_table_responsive thead {
+ display: none;
+}
+
+table.shop_table_responsive tbody th {
+ display: none;
+}
+
+table.shop_table_responsive tr td {
+ display: block;
+ text-align: right;
+ clear: both;
+}
+
+table.shop_table_responsive tr td:before {
+ content: attr(data-title) ": ";
+ float: left;
+}
+
+table.shop_table_responsive tr td.product-remove a {
+ text-align: left;
+}
+
+table.shop_table_responsive tr td.product-remove:before {
+ display: none;
+}
+
+table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before {
+ display: none;
+}
+
+table.shop_table_responsive tr td.download-actions .button {
+ display: block;
+ text-align: center;
+}
+
+@media screen and (min-width: 48em) {
+ table.shop_table_responsive thead {
+ display: table-header-group;
+ }
+ table.shop_table_responsive tbody th {
+ display: table-cell;
+ }
+ table.shop_table_responsive tr th, table.shop_table_responsive tr td {
+ text-align: left;
+ }
+ table.shop_table_responsive tr td {
+ display: table-cell;
+ }
+ table.shop_table_responsive tr td:before {
+ display: none;
+ }
+}
+
+/**
+ * Products
+ */
+/**
+ * Products
+ */
+ul.products {
+ content: "";
+ display: table;
+ table-layout: fixed;
+ margin: 0;
+ padding: 0;
+}
+
+ul.products li.product {
+ list-style: none;
+ position: relative;
+ margin-bottom: 2em;
+}
+
+ul.products li.product .woocommerce-loop-product__title {
+ font-size: 1rem;
+}
+
+ul.products li.product img {
+ display: block;
+}
+
+ul.products li.product .button {
+ display: block;
+}
+
+@media screen and (min-width: 48em) {
+ ul.products li.product {
+ width: 30.7966666667%;
+ float: left;
+ margin-right: 3.8%;
+ }
+ ul.products li.product.first {
+ clear: both;
+ }
+ ul.products li.product.last {
+ margin-right: 0;
+ }
+ .columns-1 ul.products li.product {
+ float: none;
+ width: 100%;
+ }
+ .columns-2 ul.products li.product {
+ width: 48.1%;
+ }
+ .columns-3 ul.products li.product {
+ width: 30.7966666667%;
+ }
+ .columns-4 ul.products li.product {
+ width: 22.15%;
+ }
+ .columns-5 ul.products li.product {
+ width: 16.96%;
+ }
+ .columns-6 ul.products li.product {
+ width: 13.4933333333%;
+ }
+}
+
+/**
+ * Single product
+ */
+/**
+ * Single Product
+ */
+.single-product div.product {
+ content: "";
+ display: table;
+ table-layout: fixed;
+ position: relative;
+}
+
+.single-product div.product .woocommerce-product-gallery {
+ position: relative;
+}
+
+.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
+ position: absolute;
+ top: 1em;
+ right: 1em;
+ display: block;
+ z-index: 99;
+}
+
+.single-product div.product .woocommerce-product-gallery .flex-viewport {
+ margin-bottom: 1em;
+}
+
+.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
+ content: "";
+ display: table;
+ table-layout: fixed;
+ margin: 0;
+ padding: 0;
+}
+
+.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
+ list-style: none;
+ cursor: pointer;
+ float: left;
+}
+
+.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
+ opacity: .5;
+}
+
+.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
+ opacity: 1;
+}
+
+.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
+ opacity: 1;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
+ width: 48.1%;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
+ margin-right: 0;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
+ clear: both;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
+ width: 30.7966666667%;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
+ margin-right: 0;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
+ clear: both;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
+ width: 22.15%;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
+ margin-right: 0;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
+ clear: both;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
+ width: 16.96%;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
+ margin-right: 0;
+}
+
+.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
+ clear: both;
+}
+
+.stock:empty:before {
+ display: none;
+}
+
+.stock.in-stock {
+ color: #0f834d;
+}
+
+.stock.out-of-stock {
+ color: #e2401c;
+}
+
+/**
+ * Checkout
+ */
+/**
+ * Checkout
+ */
+@media screen and (min-width: 768px) {
+ .col2-set .form-row-first {
+ float: left;
+ margin-right: 3.8%;
+ }
+ .col2-set .form-row-last {
+ float: right;
+ margin-right: 0;
+ }
+ .col2-set .form-row-first,
+ .col2-set .form-row-last {
+ width: 48.1%;
+ }
+}
+
+/**
+ * General WooCommerce components
+ */
+/**
+ * Header cart
+ */
+.site-header-cart {
+ position: relative;
+ margin: 0;
+ padding: 0;
+ content: "";
+ display: table;
+ table-layout: fixed;
+}
+
+.site-header-cart .cart-contents {
+ text-decoration: none;
+}
+
+.site-header-cart .widget_shopping_cart {
+ display: none;
+}
+
+.site-header-cart .product_list_widget {
+ margin: 0;
+ padding: 0;
+}
+
+/**
+ * Star rating
+ */
+.star-rating {
+ overflow: hidden;
+ position: relative;
+ height: 1.618em;
+ line-height: 1.618;
+ font-size: 1em;
+ width: 5.3em;
+ font-family: 'star';
+ font-weight: 400;
+}
+
+.star-rating:before {
+ content: "\53\53\53\53\53";
+ opacity: .25;
+ float: left;
+ top: 0;
+ left: 0;
+ position: absolute;
+}
+
+.star-rating span {
+ overflow: hidden;
+ float: left;
+ top: 0;
+ left: 0;
+ position: absolute;
+ padding-top: 1.5em;
+}
+
+.star-rating span:before {
+ content: "\53\53\53\53\53";
+ top: 0;
+ position: absolute;
+ left: 0;
+ color: royalblue;
+}
+
+p.stars a {
+ position: relative;
+ height: 1em;
+ width: 1em;
+ text-indent: -999em;
+ display: inline-block;
+ text-decoration: none;
+ margin-right: 1px;
+ font-weight: 400;
+}
+
+p.stars a:before {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1em;
+ height: 1em;
+ line-height: 1;
+ font-family: "star";
+ content: "\53";
+ color: #404040;
+ text-indent: 0;
+ opacity: .25;
+}
+
+p.stars a:hover ~ a:before {
+ content: "\53";
+ color: #404040;
+ opacity: .25;
+}
+
+p.stars:hover a:before {
+ content: "\53";
+ color: royalblue;
+ opacity: 1;
+}
+
+p.stars.selected a.active:before {
+ content: "\53";
+ color: royalblue;
+ opacity: 1;
+}
+
+p.stars.selected a.active ~ a:before {
+ content: "\53";
+ color: #404040;
+ opacity: .25;
+}
+
+p.stars.selected a:not(.active):before {
+ content: "\53";
+ color: royalblue;
+ opacity: 1;
+}
+
+/**
+ * Tabs
+ */
+.woocommerce-tabs ul.tabs {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ text-align: left;
+}
+
+.woocommerce-tabs ul.tabs li {
+ display: block;
+ margin: 0;
+ position: relative;
+}
+
+.woocommerce-tabs ul.tabs li a {
+ padding: 1em 0;
+ display: block;
+}
+
+.woocommerce-tabs .panel h2:first-of-type {
+ margin-bottom: 1em;
+}
+
+/**
+ * Password strength meter
+ */
+.woocommerce-password-strength {
+ text-align: right;
+}
+
+.woocommerce-password-strength.strong {
+ color: #0f834d;
+}
+
+.woocommerce-password-strength.short {
+ color: #e2401c;
+}
+
+.woocommerce-password-strength.bad {
+ color: #e2401c;
+}
+
+.woocommerce-password-strength.good {
+ color: #3D9CD2;
+}
+
+/**
+ * Forms
+ */
+.form-row.woocommerce-validated input.input-text {
+ box-shadow: inset 2px 0 0 #0f834d;
+}
+
+.form-row.woocommerce-invalid input.input-text {
+ box-shadow: inset 2px 0 0 #e2401c;
+}
+
+.required {
+ color: red;
+}
+
+/**
+ * Notices
+ */
+.woocommerce-message,
+.woocommerce-info,
+.woocommerce-error,
+.woocommerce-noreviews,
+p.no-comments {
+ content: "";
+ display: table;
+ table-layout: fixed;
+ background-color: #0f834d;
+ clear: both;
+}
+
+.woocommerce-info,
+.woocommerce-noreviews,
+p.no-comments {
+ background-color: #3D9CD2;
+}
+
+.woocommerce-error {
+ background-color: #e2401c;
+}
+
+.demo_store {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ margin: 0;
+ padding: 1em;
+ background-color: #3D9CD2;
+ z-index: 9999;
+}
+
+@media screen and (min-width: 48em) {
+ /**
+ * Header cart
+ */
+ .site-header-cart .widget_shopping_cart {
+ position: absolute;
+ top: 100%;
+ width: 100%;
+ z-index: 999999;
+ left: -999em;
+ display: block;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
+ }
+ .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
+ left: 0;
+ display: block;
+ }
+}
+
+/**
+ * WooCommerce widgets
+ */
+/**
+ * WooCommerce Price Filter
+ */
+.widget_price_filter .price_slider {
+ margin-bottom: 1.5em;
+}
+
+.widget_price_filter .price_slider_amount {
+ text-align: right;
+ line-height: 2.4em;
+}
+
+.widget_price_filter .price_slider_amount .button {
+ float: left;
+}
+
+.widget_price_filter .ui-slider {
+ position: relative;
+ text-align: left;
+}
+
+.widget_price_filter .ui-slider .ui-slider-handle {
+ position: absolute;
+ z-index: 2;
+ width: 1em;
+ height: 1em;
+ cursor: ew-resize;
+ outline: none;
+ background: royalblue;
+ box-sizing: border-box;
+ margin-top: -.25em;
+ opacity: 1;
+}
+
+.widget_price_filter .ui-slider .ui-slider-handle:last-child {
+ margin-left: -1em;
+}
+
+.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
+ box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
+}
+
+.widget_price_filter .ui-slider .ui-slider-range {
+ position: absolute;
+ z-index: 1;
+ display: block;
+ border: 0;
+ background: royalblue;
+}
+
+.widget_price_filter .price_slider_wrapper .ui-widget-content {
+ background: rgba(0, 0, 0, 0.1);
+}
+
+.widget_price_filter .ui-slider-horizontal {
+ height: .5em;
+}
+
+.widget_price_filter .ui-slider-horizontal .ui-slider-range {
+ height: 100%;
+}