/*!
Theme Name:   Storefront
Theme URI:    https://woocommerce.com/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      3.9.1
Tested up to: 5.8.0
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*/
.alpha {
	font-size: 2.617924em;
	line-height: 1.214;
	letter-spacing: -1px
}

.beta {
	font-size: 2em;
	line-height: 1.214
}

.beta+h3 {
	border-top: 1px solid rgba(0, 0, 0, .05);
	padding-top: .5407911001em
}

.gamma {
	font-size: 1.618em
}

.delta {
	font-size: 1.41575em
}

.alpha,
.beta,
.gamma,
.delta {
	display: block
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 0 0 1.41575em
}

dt {
	font-weight: 600
}

dd {
	margin: 0 0 1.618em
}

dfn,
cite,
em,
i {
	font-style: italic
}

blockquote {
	padding: 0 1em;
	border-left: 3px solid rgba(0, 0, 0, .05);
	font-style: italic
}

address {
	margin: 0 0 1.41575em
}

pre {
	background: rgba(0, 0, 0, .1);
	font-family: "Courier 10 Pitch", Courier, monospace;
	margin-bottom: 1.618em;
	padding: 1.618em;
	overflow: auto;
	max-width: 100%
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	background-color: rgba(0, 0, 0, .05);
	padding: .202em .5407911001em
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help
}

mark,
ins {
	text-decoration: none;
	font-weight: 600;
	background: transparent
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	bottom: 1ex
}

sub {
	top: .5ex
}

small {
	font-size: 75%
}

big {
	font-size: 125%
}

figure {
	margin: 0
}

* {
	box-sizing: border-box
}

body {
	background-color: #fff;
	overflow-x: hidden
}

.site {
	overflow-x: hidden
}

.site-content,
.header-widget-region {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}



.header-widget-region {
	position: relative;
	z-index: 99
}

.header-widget-region::before,
.header-widget-region::after {
	content: "";
	display: table
}

.header-widget-region::after {
	clear: both
}

.header-widget-region .widget {
	margin: 0;
	padding: 1em 0;
	font-size: .875em
}





.site-content {
	outline: none
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1em
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto
}



.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
	content: "";
	display: table
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
	clear: both
}

.error404 .site-content .widget_product_search {
	padding: 1.618em;
	background-color: rgba(0, 0, 0, .025)
}

.error404 .site-content .widget_product_search form {
	margin: 0
}

.error404 .fourohfour-columns-2 {
	padding: 2.617924em 0;
	border: 1px solid rgba(0, 0, 0, .05);
	border-width: 1px 0;
	margin-bottom: 2.617924em
}

.error404 .fourohfour-columns-2::before,
.error404 .fourohfour-columns-2::after {
	content: "";
	display: table
}

.error404 .fourohfour-columns-2::after {
	clear: both
}

.error404 .fourohfour-columns-2 ul.products li.product,
.error404 .fourohfour-columns-2 .widget {
	margin-bottom: 0
}

.error404 .fourohfour-columns-2 .col-1 ul.products {
	margin-bottom: 2.2906835em
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
	width: 45.4545454545%;
	float: left;
	margin-right: 9.0909090909%
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
	margin-right: 0
}

.error404 .fourohfour-columns-2 .col-2 {
	padding: 1.618em;
	background-color: rgba(0, 0, 0, .025)
}

#comments {
	padding-top: 2.617924em
}

#comments .comments-title {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding-bottom: .5407911001em;
	margin-bottom: 1.618em
}

#comments .comment-list {
	list-style: none;
	margin-left: 0
}

#comments .comment-list .comment-body::before,
#comments .comment-list .comment-body::after {
	content: "";
	display: table
}

#comments .comment-list .comment-body::after {
	clear: both
}

#comments .comment-list .comment-content {
	padding-bottom: 1.618em;
	margin-bottom: 1.618em
}

#comments .comment-list .comment-content .comment-text {
	padding: 1.618em;
	border-radius: 3px
}

#comments .comment-list .comment-content .comment-text p:last-child {
	margin-bottom: 0
}

#comments .comment-list .comment-meta {
	margin-bottom: 1em
}

#comments .comment-list .comment-meta .avatar {
	margin-bottom: 1em;
	max-width: 64px;
	height: auto
}

#comments .comment-list .comment-meta a.comment-date {
	font-size: .875em
}

#comments .comment-list .comment-meta cite {
	font-style: normal;
	clear: both;
	display: block
}

#comments .comment-list .reply {
	margin-bottom: 1.618em;
	padding-top: .6180469716em
}

#comments .comment-list .reply::before,
#comments .comment-list .reply::after {
	content: "";
	display: table
}

#comments .comment-list .reply::after {
	clear: both
}

#comments .comment-list .reply a {
	display: inline-block;
	margin-right: 1em
}

#comments .comment-list .reply a:last-child {
	margin-right: 0
}

#comments .comment-list .children {
	list-style: none
}

.comment-content a {
	word-wrap: break-word
}









.cat-links,
.tags-links {
	font-size: .875em
}

.cat-links a,
.tags-links a {
	color: #727272;
	font-weight: 600;
	text-decoration: underline
}

.byline,
.updated:not(.published) {
	display: none
}

.single .byline,
.group-blog .byline {
	display: inline
}

.page-links {
	clear: both;
	margin: 0 0 1em
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	display: inline-block;
	border-radius: 0
}

.wp-caption {
	margin-bottom: 1em;
	max-width: 100%
}

.wp-caption img[class*=wp-image-] {
	display: block;
	margin: 0 auto
}

.wp-caption .wp-caption-text {
	text-align: left;
	font-style: italic;
	border-bottom: 2px solid rgba(0, 0, 0, .05);
	padding: 1em 0
}

.gallery {
	margin-bottom: 1em
}

.gallery::before,
.gallery::after {
	content: "";
	display: table
}

.gallery::after {
	clear: both
}

.gallery .gallery-item {
	float: left
}

.gallery .gallery-item .gallery-icon a {
	display: block
}

.gallery .gallery-item .gallery-icon img {
	border: none;
	height: auto;
	margin: 0 auto
}

.gallery .gallery-item .gallery-caption {
	margin: 0;
	text-align: center
}

.gallery.gallery-columns-1 .gallery-item {
	width: 100%
}

.gallery.gallery-columns-2 .gallery-item {
	width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
	width: 33.3%
}

.gallery.gallery-columns-4 .gallery-item {
	width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
	width: 20%
}

.gallery.gallery-columns-6 .gallery-item {
	width: 16.666666667%
}

.gallery.gallery-columns-7 .gallery-item {
	width: 14.285714286%
}

.gallery.gallery-columns-8 .gallery-item {
	width: 12.5%
}

.gallery.gallery-columns-9 .gallery-item {
	width: 11.111111111%
}

embed,
iframe,
object,
video {
	max-width: 100%
}

.handheld-navigation {
	clear: both
}

.handheld-navigation ul {
	margin: 0
}





.site-main nav.navigation {
	clear: both;
	padding: 2.617924em 0
}

.site-main nav.navigation::before,
.site-main nav.navigation::after {
	content: "";
	display: table
}

.site-main nav.navigation::after {
	clear: both
}

.site-main nav.navigation .nav-previous a,
.site-main nav.navigation .nav-next a {
	display: inline-block
}

.site-main nav.navigation .nav-previous {
	float: left;
	width: 50%
}

.site-main nav.navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

.widget select {
	max-width: 100%
}

.widget .widget-search .search-submit {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important
}

.widget ul {
	margin-left: 0;
	list-style: none
}

.widget ul ul {
	margin-left: 1.618em
}

.widget-area .widget {
	font-size: .875em;
	font-weight: 400
}

.widget-area .widget h1.widget-title {
	font-size: 1.41575em
}

.widget-area .widget a {
	font-weight: 600;
	text-decoration: underline
}

.widget-area .widget a:hover {
	text-decoration: none
}

.widget-area .widget a.button,
.widget-area .widget a.components-button:not(.is-link),
.widget-area .widget a.wp-block-button__link {
	text-decoration: none
}

.widget-area .widget a.button {
	font-weight: 600 !important
}

.widget_search form:not(.wp-block-search) {
	position: relative
}

.widget_search form:not(.wp-block-search) input[type=text],
.widget_search form:not(.wp-block-search) input[type=search],
.widget_product_search form:not(.wp-block-search) input[type=text],
.widget_product_search form:not(.wp-block-search) input[type=search] {
	width: 100%
}

.widget_search form:not(.wp-block-search) input[type=submit],
.widget_search form:not(.wp-block-search) button[type=submit],
.widget_product_search form:not(.wp-block-search) input[type=submit],
.widget_product_search form:not(.wp-block-search) button[type=submit] {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
	top: 0;
	left: 0
}

.widget_recent_entries ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_product_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul {
	margin: 0
}

.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
	list-style: none;
	margin-bottom: 1em;
	line-height: 1.41575em
}

.widget_recent_entries ul .children,
.widget_pages ul .children,
.widget_categories ul .children,
.widget_archive ul .children,
.widget_recent_comments ul .children,
.widget_nav_menu ul .children,
.widget_links ul .children,
.widget_product_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children {
	margin-left: 0;
	margin-top: 1em
}

#wp-calendar th,
#wp-calendar td,
.wp-calendar-table th,
.wp-calendar-table td {
	padding: .236em;
	text-align: center
}

.widget_recent_entries ul ul.children,
.widget_pages ul ul.children {
	margin: .6180469716em 0 0 1.41575em
}

.widget_rating_filter .wc-layered-nav-rating {
	margin-bottom: .6180469716em
}

.widget_rating_filter .wc-layered-nav-rating a {
	text-decoration: none !important
}

.widget_rating_filter .wc-layered-nav-rating .star-rating {
	display: inline-block;
	height: 1em;
	line-height: 1
}

@media(min-width: 768px) {
	.site-logo-anchor,
	.site-logo-link,
	.custom-logo-link {
		margin-bottom: 1.41575em
	}
	.site-header .subscribe-and-connect-connect {
		float: right;
		margin-bottom: 1em
	}
	.site-header .subscribe-and-connect-connect .icons {
		list-style: none;
		margin: 0
	}
	.site-header .subscribe-and-connect-connect .icons a {
		font-size: 1em !important
	}
	.site-header .subscribe-and-connect-connect .icons li {
		margin: 0 0 0 .5407911001em !important;
		display: inline-block
	}


	.site-content::before,
	.site-content::after {
		content: "";
		display: table
	}
	.site-content::after {
		clear: both
	}

	.comment-list::before,
	.comment-list::after {
		content: "";
		display: table
	}
	.comment-list::after {
		clear: both
	}
	.comment-list .comment {
		clear: both
	}
	.comment-list .comment-meta {
		width: 17.6470588235%;
		float: left;
		margin-right: 5.8823529412%;
		text-align: right
	}
	.comment-list .comment-meta .avatar {
		float: right
	}
	.comment-list .comment-content {
		padding-bottom: 3.706325903em;
		margin-bottom: 3.706325903em
	}
	.comment-list .comment-content,
	.comment-list #respond {
		width: 76.4705882353%;
		float: right;
		margin-right: 0
	}
	.comment-list #respond {
		float: right
	}
	.comment-list #respond .comment-form-author,
	.comment-list #respond .comment-form-email,
	.comment-list #respond .comment-form-url {
		width: 100%;
		margin-right: 0
	}
	.comment-list .comment-body #respond {
		box-shadow: 0 6px 2em rgba(0, 0, 0, .2);
		margin-bottom: 2.617924em;
		margin-top: -1.618em
	}
	.comment-list .reply {
		clear: both;
		text-align: right
	}
	.comment-list ol.children {
		width: 88.2352941176%;
		float: right;
		margin-right: 0;
		list-style: none
	}
	.comment-list ol.children .comment-meta {
		width: 20%;
		float: left;
		margin-right: 6.6666666667%
	}
	.comment-list ol.children .comment-content,
	.comment-list ol.children #respond {
		width: 73.3333333333%;
		float: right;
		margin-right: 0
	}
	.comment-list ol.children ol.children {
		width: 86.6666666667%;
		float: right;
		margin-right: 0
	}
	.comment-list ol.children ol.children .comment-meta {
		width: 23.0769230769%;
		float: left;
		margin-right: 7.6923076923%
	}
	.comment-list ol.children ol.children .comment-content,
	.comment-list ol.children ol.children #respond {
		width: 69.2307692308%;
		float: right;
		margin-right: 0
	}
	.comment-list ol.children ol.children ol.children {
		width: 84.6153846154%;
		float: right;
		margin-right: 0
	}
	.comment-list ol.children ol.children ol.children .comment-meta {
		width: 27.2727272727%;
		float: left;
		margin-right: 9.0909090909%
	}
	.comment-list ol.children ol.children ol.children .comment-content,
	.comment-list ol.children ol.children ol.children #respond {
		width: 63.6363636364%;
		float: right;
		margin-right: 0
	}
	.comment-list ol.children ol.children ol.children ol.children {
		width: 81.8181818182%;
		float: right;
		margin-right: 0
	}
	.comment-list ol.children ol.children ol.children ol.children .comment-meta {
		width: 33.3333333333%;
		float: left;
		margin-right: 11.1111111111%
	}
	.comment-list ol.children ol.children ol.children ol.children .comment-content,
	.comment-list ol.children ol.children ol.children ol.children #respond {
		width: 55.5555555556%;
		float: right;
		margin-right: 0
	}


	.hentry .entry-header {
		margin-bottom: 2.617924em
	}

	.error404 .fourohfour-columns-2 .col-1 {
		width: 47.8260869565%;
		float: left;
		margin-right: 4.347826087%
	}
	.error404 .fourohfour-columns-2 .col-1 ul.products {
		margin-bottom: 0
	}
	.error404 .fourohfour-columns-2 .col-2 {
		width: 47.8260869565%;
		float: right;
		margin-right: 0
	}
}