/*!
Theme Name:   Commerce Elegante
Theme URI:    https://manorinfinity.com/
Author:       Manorinfinity Technology
Author URI:   https://manorinfinity.com/
Description:  Manorinfinity Technology is a custom bare structure starter theme.
Version:      4.6.2
Tested up to: 6.7
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:  commerce-elegante
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
.admin-bar header {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-bar header {
        top: 46px !important;
    }
}
/*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

body,
button,
input,
textarea {
    color: #43454b;
    font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400
}

select {
    color: initial;
    font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    max-width: 100%
}

summary {
    display: list-item
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    color: #131315
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: 300
}

h1,
.alpha {
    font-size: 2.617924em;
    line-height: 1.214;
    letter-spacing: -1px
}

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

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

h3,
.gamma {
    font-size: 1.618em
}

h4,
.delta {
    font-size: 1.41575em
}

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

p+h2,
p+header h2,
p+h3,
p+h4,
ul+h2,
ul+header h2,
ul+h3,
ul+h4,
ol+h2,
ol+header h2,
ol+h3,
ol+h4,
table+h2,
table+header h2,
table+h3,
table+h4,
blockquote+h2,
blockquote+header h2,
blockquote+h3,
blockquote+h4,
form+h2,
form+header h2,
form+h3,
form+h4 {
    margin-top: 2.2906835em
}

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

p {
    margin: 0 0 1.41575em
}

ul,
ol {
    margin: 0 0 1.41575em 3em;
    padding: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1em
}

dt {
    font-weight: 600
}

dd {
    margin: 0 0 1.618em
}

b,
strong {
    font-weight: 600
}

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: rgba(0, 0, 0, 0)
}

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
}

img {
    height: auto;
    max-width: 100%;
    display: block;
    border-radius: 3px
}

a {
    color: #2c2d33;
    text-decoration: none
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: 2px solid #7f54b3
}

.storefront-cute * {
    font-family: "Comic Sans MS", sans-serif
}

* {
    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)
}

.site-header {
    background-color: #2c2d33;
    padding-top: 1.618em;
    padding-bottom: 1.618em;
    color: #9aa0a7;
    background-position: center center;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
    display: block;
    margin-bottom: 0
}

.site-header .site-logo-anchor img,
.site-header .site-logo-link img,
.site-header .custom-logo-link img {
    width: 100%;
    max-width: 210px
}

.site-header .widget {
    margin-bottom: 0
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 4.235801032em
}

.no-wc-breadcrumb .site-header {
    margin-bottom: 4.235801032em
}

.no-wc-breadcrumb.page-template-template-homepage .site-header {
    margin-bottom: 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-branding {
    float: left;
    margin-bottom: 0;
    width: calc(100% - 120px)
}

.site-branding .site-title {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0
}

.site-branding .site-title a {
    font-weight: 700
}

.site-branding .site-description {
    font-size: .875em;
    display: none
}

.site-branding .logo {
    margin: 0
}

.site-main {
    margin-bottom: 2.617924em
}

.site-content {
    outline: none
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 4.235801032em
}

.page-template-template-homepage .type-page {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em;
    position: relative
}

.page-template-template-homepage .type-page .storefront-hero__button-edit {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: .875em
}

.page-template-template-homepage .entry-content {
    font-size: 1.1em
}

.page-template-template-homepage .entry-content p:last-child {
    margin-bottom: 0
}

.page-template-template-homepage .entry-header h1 {
    font-size: 3.706325903em;
    margin-bottom: .2360828548em
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
    max-width: 41.0994671405em;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
    background-size: cover;
    background-position: center center;
    padding-top: 6.8535260698em;
    padding-bottom: 6.8535260698em
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
    opacity: 0;
    transition: all, ease, .5s
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
    opacity: 1
}

.site-footer {
    background-color: #f3f3f3;
    color: #3b3c3f;
    padding: 1.618em 0 3.706325903em
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #333437
}

.site-footer a {
    color: #2c2d33;
    text-decoration: underline
}

.site-footer a:hover {
    text-decoration: none
}

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

.site-info {
    padding: 2.617924em 0
}

.site-info span[role=separator] {
    padding: 0 .2360828548em 0 .3342343017em
}

.site-info span[role=separator]::before {
    content: "|"
}

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

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

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

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

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    display: block;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: normal;
    padding: 1em 1.618em;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 100000;
    outline: none
}

.screen-reader-text.skip-link:focus {
    clip-path: none
}

.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
}

table {
    border-spacing: 0;
    width: 100%;
    margin: 0 0 1.41575em;
    border-collapse: separate
}

table caption {
    padding: 1em 0;
    font-weight: 600
}

table td,
table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top
}

table td p:last-child,
table th p:last-child {
    margin-bottom: 0
}

table th {
    font-weight: 600
}

table thead th {
    padding: 1.41575em;
    vertical-align: middle
}

table tbody h2 {
    font-size: 1em;
    letter-spacing: normal;
    font-weight: 400
}

table tbody h2 a {
    font-weight: 400
}

.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.right-sidebar .content-area,
.error404.left-sidebar .content-area {
    width: 100%
}

.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
}

#respond {
    clear: both;
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .0125);
    position: relative
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
    width: 100%
}

#respond .form-submit,
#respond form {
    margin-bottom: 0
}

#respond #cancel-comment-reply-link {
    position: absolute;
    top: .5407911001em;
    right: .5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    transition: transform, ease, .3s
}

#respond #cancel-comment-reply-link:hover {
    transform: scale(1.3)
}

.hentry {
    margin: 0 0 4.235801032em
}

.hentry .wp-post-image {
    margin-bottom: 1.618em;
    margin-left: auto;
    margin-right: auto
}

.hentry .entry-header {
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.hentry .entry-header .posted-on,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .byline {
    font-size: .875em
}

.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
    font-weight: 600;
    text-decoration: underline
}

.hentry .entry-header .posted-on a:hover,
.hentry .entry-header .post-author a:hover,
.hentry .entry-header .post-comments a:hover,
.hentry .entry-header .byline a:hover {
    text-decoration: none
}

.hentry .entry-content a {
    text-decoration: underline
}

.hentry .entry-content a:hover {
    text-decoration: none
}

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

.hentry .entry-taxonomy {
    margin: 1.41575em 0 0;
    padding-top: 1em;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.hentry.type-page .entry-header {
    border-bottom: 0;
    margin-bottom: 0
}

.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
}

form {
    margin-bottom: 1.618em
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
    border: 0;
    border-radius: 0;
    background: none;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    -webkit-appearance: none
}

button::after,
input[type=button]::after,
input[type=reset]::after,
input[type=submit]::after,
.button::after,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,
.added_to_cart::after {
    display: none
}

button.cta,
button.alt,
input[type=button].cta,
input[type=button].alt,
input[type=reset].cta,
input[type=reset].alt,
input[type=submit].cta,
input[type=submit].alt,
.button.cta,
.button.alt,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
.added_to_cart.cta,
.added_to_cart.alt {
    background-color: #2c2d33;
    border-color: #2c2d33
}

button.cta:hover,
button.alt:hover,
input[type=button].cta:hover,
input[type=button].alt:hover,
input[type=reset].cta:hover,
input[type=reset].alt:hover,
input[type=submit].cta:hover,
input[type=submit].alt:hover,
.button.cta:hover,
.button.alt:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,
.added_to_cart.cta:hover,
.added_to_cart.alt:hover {
    background-color: #2c2d33
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
.added_to_cart:hover {
    color: #fff
}

button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading,
.button.loading,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
.added_to_cart.loading {
    opacity: .5
}

button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small,
.button.small,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
.added_to_cart.small {
    padding: .5407911001em .875em;
    font-size: .875em
}

button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
    opacity: .5 !important;
    cursor: not-allowed
}

button.disabled:hover,
button:disabled:hover,
input[type=button].disabled:hover,
input[type=button]:disabled:hover,
input[type=reset].disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit].disabled:hover,
input[type=submit]:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,
.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover {
    opacity: .5 !important
}

.button.woocommerce-MyAccount-downloads-file {
    overflow-wrap: anywhere;
    word-break: break-word;
    -ms-word-break: break-all
}

.wc-block-components-button:not(.is-link).disabled,
.wc-block-components-button:not(.is-link):disabled {
    opacity: .5;
    cursor: not-allowed
}

.wc-block-components-button:not(.is-link).disabled:hover,
.wc-block-components-button:not(.is-link):disabled:hover {
    opacity: .5
}

input[type=checkbox],
input[type=radio] {
    padding: 0
}

input[type=checkbox]+label,
input[type=radio]+label {
    margin: 0 0 0 .3819820591em
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

input[type=search]::placeholder {
    color: #616161
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125)
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
    background-color: #ededed
}

textarea {
    overflow: auto;
    padding-left: .875em;
    vertical-align: top;
    width: 100%
}

label {
    font-weight: 400
}

label.inline input {
    width: auto
}

fieldset {
    padding: 1.618em;
    padding-top: 1em;
    border: 0;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em
}

fieldset legend {
    font-weight: 600;
    padding: .6180469716em 1em;
    margin-left: -1em
}

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0
}

.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%
}

.secondary-navigation {
    display: none
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0);
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    font-size: .875em;
    max-width: 120px
}

button.menu-toggle:hover {
    background-image: none
}

button.menu-toggle span::before {
    transition: all, ease, .2s
}

button.menu-toggle::before,
button.menu-toggle::after,
button.menu-toggle span::before {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -1px;
    transition: all, ease, .2s;
    border-radius: 3px
}

button.menu-toggle::before {
    transform: translateY(-4px)
}

button.menu-toggle::after {
    transform: translateY(4px)
}

.toggled button.menu-toggle::before,
.toggled button.menu-toggle::after {
    transform: rotate(45deg)
}

.toggled button.menu-toggle::after {
    transform: rotate(-45deg)
}

.toggled button.menu-toggle span::before {
    opacity: 0
}

.primary-navigation {
    display: none
}

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

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

.main-navigation div.menu {
    display: none
}

.main-navigation div.menu:last-child {
    display: block
}

.main-navigation .menu {
    clear: both
}

.handheld-navigation,
.nav-menu,
.main-navigation div.menu>ul:not(.nav-menu) {
    overflow: hidden;
    max-height: 0;
    transition: all, ease, .8s
}

.handheld-navigation {
    clear: both
}

.handheld-navigation ul {
    margin: 0
}

.handheld-navigation ul.menu li {
    position: relative
}

.handheld-navigation ul.menu li button::after {
    transition: all, ease, .9s
}

.handheld-navigation ul.menu li button.toggled-on::after {
    transform: rotate(180deg)
}

.handheld-navigation ul.menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all, ease, .9s
}

.handheld-navigation ul.menu .sub-menu.toggled-on {
    visibility: visible;
    max-height: 9999px;
    opacity: 1
}

.handheld-navigation .dropdown-toggle {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu>ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded=true] {
    max-height: 9999px
}

.main-navigation ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0
}

.main-navigation ul ul {
    display: block;
    margin-left: 1.41575em
}

.main-navigation ul li a {
    padding: .875em 0;
    display: block
}

.main-navigation ul li a:hover {
    color: #e6e6e6
}

.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%
}

.pagination,
.woocommerce-pagination {
    padding: 1em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    text-align: center;
    clear: both
}

.pagination ul.page-numbers::before,
.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after {
    content: "";
    display: table
}

.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::after {
    clear: both
}

.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
    list-style: none;
    margin: 0;
    vertical-align: middle
}

.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
    display: inline-block
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
    border-left-width: 0;
    display: inline-block;
    padding: .3342343017em .875em;
    background-color: rgba(0, 0, 0, .025);
    color: #43454b
}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #2c2d33;
    border-color: #2c2d33
}

.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots {
    background-color: rgba(0, 0, 0, 0)
}

.pagination .page-numbers li .page-numbers.prev,
.pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next {
    padding-left: 1em;
    padding-right: 1em
}

.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover {
    background-color: rgba(0, 0, 0, .05)
}

.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
    transform: rotateY(180deg)
}

.widget {
    margin: 0 0 3.706325903em
}

.widget select {
    max-width: 100%
}

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

.widget .widget-title,
.widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 0 0 1em;
    margin-bottom: 1em;
    font-weight: 300
}

.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),
.widget_product_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);
    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) {

    table.shop_table_responsive tbody tr td,
    table.shop_table_responsive tbody tr th {
        text-align: left
    }

    .site-header {
        padding-top: 2.617924em;
        padding-bottom: 0
    }

    .site-header .site-branding {
        display: block;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        clear: both
    }

    .site-header .site-branding img {
        height: auto;
        max-width: 230px;
        max-height: none
    }

    .woocommerce-active .site-header .site-branding {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }

    .woocommerce-active .site-header .site-search {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        clear: none
    }

    .woocommerce-active .site-header .main-navigation {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
        clear: both
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        margin-bottom: 0
    }

    .storefront-secondary-navigation .site-header .site-branding {
        width: 39.1304347826%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-secondary-navigation .site-header .secondary-navigation {
        width: 56.5217391304%;
        float: right;
        margin-right: 0
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%
    }

    .site-branding .site-description {
        margin-bottom: 0;
        display: block
    }

    .site-branding,
    .site-search,
    .site-header-cart,
    .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
    }

    .col-full {
        max-width: 66.4989378333em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.617924em;
        box-sizing: content-box
    }

    .col-full::before,
    .col-full::after {
        content: "";
        display: table
    }

    .col-full::after {
        clear: both
    }

    .col-full:after {
        content: " ";
        display: block;
        clear: both
    }

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

    .site-content::after {
        clear: both
    }

    .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }

    .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0
    }

    .right-sidebar .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }

    .right-sidebar .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0
    }

    .left-sidebar .content-area {
        width: 73.9130434783%;
        float: right;
        margin-right: 0
    }

    .left-sidebar .widget-area {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .content-area,
    .widget-area {
        margin-bottom: 2.617924em
    }

    .page-template-template-fullwidth-php .content-area,
    .page-template-template-homepage-php .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .footer-widgets {
        padding-top: 4.235801032em;
        border-bottom: 1px solid rgba(0, 0, 0, .05)
    }

    .footer-widgets::before,
    .footer-widgets::after {
        content: "";
        display: table
    }

    .footer-widgets::after {
        clear: both
    }

    .footer-widgets.col-2 .block {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%
    }

    .footer-widgets.col-2 .block.footer-widget-2 {
        float: right;
        margin-right: 0
    }

    .footer-widgets.col-3 .block {
        width: 30.4347826087%;
        float: left;
        margin-right: 4.347826087%
    }

    .footer-widgets.col-3 .block.footer-widget-3 {
        float: right;
        margin-right: 0
    }

    .footer-widgets.col-4 .block {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }

    .footer-widgets.col-4 .block.footer-widget-4 {
        float: right;
        margin-right: 0
    }

    .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
    }

    #respond {
        padding: 2.617924em
    }

    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
        width: 29.4117647059%;
        float: left;
        margin-right: 5.8823529412%
    }

    #respond .comment-form-url {
        float: right;
        margin-right: 0
    }

    #respond .comment-form-comment {
        clear: both
    }

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

    .menu-toggle,
    .handheld-navigation,
    .main-navigation.toggled .handheld-navigation,
    .main-navigation.toggled div.menu {
        display: none
    }

    .primary-navigation {
        display: block
    }

    .main-navigation,
    .secondary-navigation {
        clear: both;
        display: block;
        width: 100%
    }

    .main-navigation ul,
    .secondary-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: block
    }

    .main-navigation ul li,
    .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: left
    }

    .main-navigation ul li a,
    .secondary-navigation ul li a {
        display: block
    }

    .main-navigation ul li a::before,
    .secondary-navigation ul li a::before {
        display: none
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul,
    .secondary-navigation ul li:hover>ul,
    .secondary-navigation ul li.focus>ul {
        left: 0;
        display: block
    }

    .main-navigation ul li:hover>ul li>ul,
    .main-navigation ul li.focus>ul li>ul,
    .secondary-navigation ul li:hover>ul li>ul,
    .secondary-navigation ul li.focus>ul li>ul {
        left: -9999px
    }

    .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,
    .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,
    .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,
    .secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device {
        display: none;
        left: 0
    }

    .main-navigation ul li:hover>ul li:hover>ul,
    .main-navigation ul li:hover>ul li.focus>ul,
    .main-navigation ul li.focus>ul li:hover>ul,
    .main-navigation ul li.focus>ul li.focus>ul,
    .secondary-navigation ul li:hover>ul li:hover>ul,
    .secondary-navigation ul li:hover>ul li.focus>ul,
    .secondary-navigation ul li.focus>ul li:hover>ul,
    .secondary-navigation ul li.focus>ul li.focus>ul {
        left: 100%;
        top: 0;
        display: block
    }

    .main-navigation ul ul,
    .secondary-navigation ul ul {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        left: -9999px
    }

    .main-navigation ul ul.sub-menu--is-touch-device,
    .secondary-navigation ul ul.sub-menu--is-touch-device {
        display: none;
        left: 0
    }

    .main-navigation ul ul li,
    .secondary-navigation ul ul li {
        display: block
    }

    .main-navigation ul ul li a,
    .secondary-navigation ul ul li a {
        width: 200px
    }

    ul.menu li.current-menu-item>a {
        color: #43454b
    }

    .storefront-primary-navigation {
        clear: both
    }

    .storefront-primary-navigation::before,
    .storefront-primary-navigation::after {
        content: "";
        display: table
    }

    .storefront-primary-navigation::after {
        clear: both
    }

    .main-navigation div.menu {
        display: block
    }

    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
        margin-left: -1em;
        transition: none
    }

    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        padding: 1.618em 1em
    }

    .main-navigation ul.menu>li.menu-item-has-children:hover::after,
    .main-navigation ul.menu>li.page_item_has_children:hover::after,
    .main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,
    .main-navigation ul.nav-menu>li.page_item_has_children:hover::after {
        display: block
    }

    .main-navigation ul.menu ul,
    .main-navigation ul.nav-menu ul {
        margin-left: 0
    }

    .main-navigation ul.menu ul li a,
    .main-navigation ul.nav-menu ul li a {
        padding: .875em 1.41575em;
        font-weight: 400;
        font-size: .875em
    }

    .main-navigation ul.menu ul li:last-child,
    .main-navigation ul.nav-menu ul li:last-child {
        border-bottom: 0
    }

    .main-navigation ul.menu ul ul,
    .main-navigation ul.nav-menu ul ul {
        margin-left: 0;
        box-shadow: none
    }

    .main-navigation ul.menu ul a:hover,
    .main-navigation ul.menu ul li:hover>a,
    .main-navigation ul.menu ul li.focus,
    .main-navigation ul.nav-menu ul a:hover,
    .main-navigation ul.nav-menu ul li:hover>a,
    .main-navigation ul.nav-menu ul li.focus {
        background-color: rgba(0, 0, 0, .025)
    }

    .main-navigation a {
        padding: 0 1em 2.2906835em
    }

    .secondary-navigation {
        margin: 0 0 1.618em;
        width: auto;
        clear: none;
        line-height: 1
    }

    .secondary-navigation .menu {
        font-size: .875em;
        width: auto;
        float: right
    }

    .secondary-navigation .menu>li:hover>a {
        text-decoration: none
    }

    .secondary-navigation .menu ul a {
        padding: .326em .875em;
        background: rgba(0, 0, 0, .05)
    }

    .secondary-navigation .menu ul li:first-child a {
        padding-top: 1em
    }

    .secondary-navigation .menu ul li:last-child a {
        padding-bottom: 1em
    }

    .secondary-navigation .menu ul ul {
        margin-top: -.6180469716em
    }

    .secondary-navigation .menu a {
        padding: 1em .875em;
        color: #737781;
        font-weight: 400
    }

    .secondary-navigation .menu a:hover {
        text-decoration: none
    }

    .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
    }
}

@media(max-width: 66.4989378333em) {
    .col-full {
        margin-left: 2.617924em;
        margin-right: 2.617924em;
        padding: 0
    }
}

@media(max-width: 568px) {
    .col-full {
        margin-left: 1.41575em;
        margin-right: 1.41575em;
        padding: 0
    }
}

.admin-bar header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar header {
        top: 46px !important;
    }
}

/* Offset main content area for other pages */
.site-content {
    margin-top: 90px !important;
}

@media screen and (max-width: 768px) {
    .site-content {
        margin-top: 70px !important;
    }
}

/* ==========================================================================
   Global Font Family Customizations (Playfair Display & Montserrat)
   ========================================================================== */

/* Load fonts directly in CSS as backup/failsafe */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* Headlines use Playfair Display */
h1,
h2,
h3,
h4,
h5,
h6,
.font-display-lg,
.font-display-md,
.font-display-sm,
.tw-font-display-lg,
.tw-font-display-md,
.tw-font-display-sm,
.font-headline-lg,
.font-headline-md,
.font-headline-sm,
.tw-font-headline-lg,
.tw-font-headline-md,
.tw-font-headline-sm,
.site-title,
.site-title a,
.entry-title,
.entry-title a,
.beta,
.alpha,
.gamma,
.delta,
.widget-title,
.widgettitle,
#comments .comments-title {
    font-family: 'Playfair Display', Georgia, serif !important;
}

/* Body and UI elements use Montserrat */
body,
p,
a,
button,
input,
textarea,
select,
li,
span,
div,
td,
th,
.font-body-lg,
.font-body-md,
.font-body-sm,
.tw-font-body-lg,
.tw-font-body-md,
.tw-font-body-sm,
.font-button,
.tw-font-button,
.qty-btn,
.button,
button,
input[type=submit],
input[type=button] {
    font-family: 'Montserrat', sans-serif !important;
}

/* Labels and Caps use Montserrat */
label,
.font-label-caps,
.tw-font-label-caps,
.star-rating,
.price,
.amount {
    font-family: 'Montserrat', sans-serif !important;
}

/* Restore Material Symbols / Icons Font Families */
.material-symbols-outlined,
.material-icons,
[class^="material-symbols-"],
[class^="material-icons-"] {
    font-family: 'Material Symbols Outlined', 'Material Icons' !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    direction: ltr !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ==========================================================================
   Wishlist Custom Styling
   ========================================================================== */

/* Heart icon on product cards (top-right absolute placement) */
.wishlist-btn-card {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    z-index: 20;
    color: #43454b !important;
    padding: 0 !important;
}

.wishlist-btn-card:hover {
    background-color: #ffffff !important;
    transform: scale(1.08);
    color: #775a19 !important;
}

.wishlist-btn-card.active {
    color: #d32f2f !important;
}

.wishlist-btn-card.loading {
    opacity: 0.7;
    cursor: wait;
}

/* Single Product page heart icon (inline next to Add to Cart) */
.wishlist-btn-single {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #e0e0e0 !important;
    background-color: transparent !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #43454b !important;
    padding: 0 !important;
    vertical-align: middle;
    margin-left: 12px !important;
}

.wishlist-btn-single:hover {
    border-color: #775a19 !important;
    color: #775a19 !important;
}

.wishlist-btn-single.active {
    color: #d32f2f !important;
    border-color: #d32f2f !important;
}

.wishlist-btn-single.loading {
    opacity: 0.7;
    cursor: wait;
}

/* My Account Wishlist layouts */
.wishlist-grid .wishlist-btn-card {
    top: 12px;
    right: 12px;
}

/* --- AURELIAN GLOBAL FORM OVERRIDES --- */

/* Text, Email, Password, Tel, Select, Textarea fields */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce select,
.woocommerce textarea,
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="password"],
.woocommerce-page input[type="tel"],
.woocommerce-page select,
.woocommerce-page textarea {
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #c4c7c7 !important;
    /* border-outline-variant */
    border-radius: 0 !important;
    padding: 8px 0 !important;
    color: #1b1c1c !important;
    /* on-surface */
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
    width: 100% !important;
    outline: none !important;
}

.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce select:focus,
.woocommerce textarea:focus,
.woocommerce-page input[type="text"]:focus,
.woocommerce-page input[type="email"]:focus,
.woocommerce-page input[type="password"]:focus,
.woocommerce-page input[type="tel"]:focus,
.woocommerce-page select:focus,
.woocommerce-page textarea:focus {
    outline: none !important;
    border-bottom: 1px solid #000000 !important;
    /* primary/black */
    box-shadow: none !important;
}

/* Custom Checkbox Design (square, black fill on check) */
.woocommerce input[type="checkbox"],
.woocommerce-page input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    height: 20px !important;
    width: 20px !important;
    border: 1px solid #c4c7c7 !important;
    /* border-outline-variant */
    border-radius: 0 !important;
    /* rounded-none */
    background-color: transparent !important;
    outline: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    margin: 0 8px 0 0 !important;
    box-shadow: none !important;
}

.woocommerce input[type="checkbox"]:checked,
.woocommerce-page input[type="checkbox"]:checked {
    background-color: #000000 !important;
    /* primary */
    border-color: #000000 !important;
}

.woocommerce input[type="checkbox"]:checked::after,
.woocommerce-page input[type="checkbox"]:checked::after {
    content: 'check' !important;
    /* Material symbol word 'check' */
    font-family: 'Material Symbols Outlined' !important;
    font-size: 14px !important;
    color: #ffffff !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-weight: bold !important;
}

/* Form row labels styling */
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #444748 !important;
    /* on-surface-variant */
    margin-bottom: 8px !important;
    display: block !important;
}

/* Custom styling for billing/shipping and checkout h3 headers */
.woocommerce-MyAccount-content h3,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
    font-family: "Playfair Display", serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.5rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* WooCommerce Form Row layout adjustments */
.woocommerce form .form-row {
    margin-bottom: 24px !important;
    padding: 0 !important;
}

/* WooCommerce primary form button */
.woocommerce button.button[type="submit"],
.woocommerce-page button.button[type="submit"],
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 16px 40px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    border-radius: 0 !important;
    border: 0 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.woocommerce button.button[type="submit"]:hover,
.woocommerce-page button.button[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce input.button[type="submit"]:hover {
    background-color: #775a19 !important;
    /* secondary */
    color: #ffffff !important;
}

/* Reset password/forgot password styles */
.woocommerce-ResetPassword {
    max-width: 600px !important;
    margin: 0 auto !important;
}

/* Handheld Footer Bar Overrides for AURELIAN Mobile App Experience */
.storefront-handheld-footer-bar ul li>a::before {
    content: none !important;
}

.storefront-handheld-footer-bar {
    background-color: #fbf9f8 !important;
    /* bg-background */
    border-top: 1px solid #c4c7c7 !important;
    /* border-outline-variant */
    box-shadow: none !important;
    height: 80px !important;
    /* h-20 */
    padding-bottom: env(safe-area-inset-bottom) !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
}

.storefront-handheld-footer-bar ul {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
}

.storefront-handheld-footer-bar ul li {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
    height: 100% !important;
    text-align: center !important;
    border: 0 !important;
}

.storefront-handheld-footer-bar ul li a {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    color: #444748 !important;
    /* text-on-surface-variant */
    padding: 8px 0 0 0 !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    border: 0 !important;
}

.storefront-handheld-footer-bar ul li a:hover,
.storefront-handheld-footer-bar ul li a.active {
    color: #000000 !important;
    /* text-primary */
}

.storefront-handheld-footer-bar ul li a.active {
    border-top: 2px solid #000000 !important;
}

.storefront-handheld-footer-bar ul li a .material-symbols-outlined {
    font-size: 24px !important;
    margin-bottom: 4px !important;
}

.storefront-handheld-footer-bar ul li a .title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    display: block !important;
}

.storefront-handheld-footer-bar ul li.cart a.footer-cart-contents {
    position: relative !important;
}

.storefront-handheld-footer-bar ul li.cart a.footer-cart-contents .count {
    position: absolute !important;
    top: 4px !important;
    right: calc(50% - 18px) !important;
    background-color: #775a19 !important;
    /* bg-secondary */
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 9999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Adjust page content spacing for mobile to account for the bottom bar */
@media (max-width: 1023px) {

    body,
    #content,
    .site-content {
        padding-bottom: 80px !important;
    }
}

/* Center WooCommerce stock status labels on shop/archive pages */
p.stock.woo-custom-stock-status,
.products .product p.stock {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

/* Styling for Quick Add to Cart button on archive/shop cards */
.tw-group .add_to_cart_button.ajax_add_to_cart {
    position: absolute !important;
    bottom: 16px !important;
    right: 16px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 9999px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #131315 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    outline: none !important;
}

.tw-group .add_to_cart_button.ajax_add_to_cart:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    transform: scale(1.05) !important;
}

/* Hide WooCommerce standard loading/added text animations */
.tw-group .add_to_cart_button.ajax_add_to_cart::after {
    display: none !important;
}

/* Styling for WooCommerce View Cart button on product cards */
.tw-group .added_to_cart.wc-forward,
.wishlist-item-container .added_to_cart.wc-forward {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    color: #131315 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9999px !important;
    padding: 13px 16px !important;
    text-align: center !important;
    font-size: 11px !important;
    font-family: var(--font-label-caps), sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    z-index: 20 !important;
    transition: all 0.3s ease !important;
    display: block !important;
}

.tw-group .added_to_cart.wc-forward:hover,
.wishlist-item-container .added_to_cart.wc-forward:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}