/*!
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:      2.5.3
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.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
*/
/*
======
Note: Do not edit this file. If you wish to add your own CSS, go to Customizer > Additional CSS.
======
*/
/*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/**
 * Global styles applied to all non-woocommerce theme components. Includes styles for;
 *
 * Typography
 * Header
 * Footer
 * Main content area
 * Accessiblity helper classes
 * 404
 * Comments
 * Content (posts etc)
 * Forms
 * Media
 * Menus
 * pagination
 * Post formats
 * Widgets
 */
/**
 * Typography
 */
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: 28px;
    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%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 300;
    margin: 0 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 {
    padding-top: 0.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, 0.05);
    font-style: italic;
}

address {
    margin: 0 0 1.41575em;
}

pre {
    background: rgba(0, 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, 0.05);
    padding: 0.202em 0.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: 0.5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.41575em;
    width: 100%;
}

img {
    height: auto;
    max-width: 100%;
    display: block;
}

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

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: 2px solid #96588a;
}

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

/**
 * Global styles
 */
* {
    box-sizing: border-box;
}

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

.site {
    overflow-x: hidden;
}

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

/**
 * Header
 */
.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 transparent;
}

.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: 50px; */
}

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

.site-branding {
    float: left;
    margin-bottom: 0;
    width: calc(100% - 120px);
}

#page .site-header .site-branding img {
    width: 320px;
}

#site-navigation ul li a {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    text-transform: none;
}

.primary-navigation .menu-item::after {
    display: none;
}

.storefront-2-3 .site-header .site-header-cart:before {
    content: " " !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7H16C17.886 7 18.828 7 19.414 7.586C20 8.172 20 9.114 20 11V15C20 18.3 20 19.95 18.975 20.975C17.95 22 16.3 22 13 22H11C7.7 22 6.05 22 5.025 20.975C4 19.95 4 18.3 4 15V11C4 9.114 4 8.172 4.586 7.586C5.172 7 6.114 7 8 7Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 9.5C16 5.634 14.21 2 12 2C9.79 2 8 5.634 8 9.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

.site-header .site-header-cart .count {
    font-size: 12px !important;
    padding: 0;
    width: 16px !important;
    height: 16px !important;
    right: auto !important;
    left: 1.5em !important;
    top: -1em !important;
    line-height: 16px !important;
    border-radius: 50% !important;
}

.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: 0.875em;
    display: none;
}

.site-branding .logo {
    margin: 0;
}

/**
 * Main content area
 */
.site-main {
    margin-bottom: 2.617924em;
}

.site-content {
    outline: none;
}

.home .site-content {
    /*  background: #ffffff; */
}

.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: 0.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: 0.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 .entry-content {
    text-align: left;
}

.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;
    -webkit-transition: all, ease, 0.5s;
    transition: all, ease, 0.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;
}

/**
 * Footer
 */
.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:not(.button) {
    color: #2c2d33;
    text-decoration: underline;
}

.site-footer a:not(.button):hover {
    text-decoration: none;
}

.site-info {
    padding: 2.617924em 0;
    display: none;
}

.site-info span[role=separator] {
    padding: 0 0.2360828548em 0 0.3342343017em;
}

.site-info span[role=separator]::before {
    content: '\007c';
}

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

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

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

/**
 * Accessibility
 */
.screen-reader-text {
    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;
}

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

/**
 * Clearing
 */
.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;
}

/**
 * Tables
 */
table {
    border-spacing: 0;
    width: 100%;
    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: normal;
}

table tbody h2 a {
    font-weight: normal;
}

/**
 * 404 Styles
 */
.error404 .site-content .widget_product_search {
    padding: 1.618em;
    background-color: rgba(0, 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, 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, 0.025);
}

/**
 * Comments
 */
#comments {
    padding-top: 2.617924em;
}

#comments .comments-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 0.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: 0.875em;
}

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

#comments .comment-list .reply {
    margin-bottom: 1.618em;
    padding-top: 0.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, 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: 0.5407911001em;
    right: 0.5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    -webkit-transition: ease, 0.3s, -webkit-transform;
    transition: ease, 0.3s, -webkit-transform;
    transition: transform, ease, 0.3s;
    transition: transform, ease, 0.3s, -webkit-transform;
}

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

/**
 * Content
 */
.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, 0.05);
}

.hentry .entry-header .posted-on,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .byline {
    font-size: 0.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:not(.button) {
    text-decoration: underline;
}

.hentry .entry-content a:not(.button):hover {
    text-decoration: none;
}

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

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

.cat-links,
.tags-links {
    font-size: 0.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;
}

/**
 * Forms
 */
form {
    margin-bottom: 1.618em;
}

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    /* stylelint-disable */
    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
    /* stylelint-enable */
}

/* Override gutenberg styles. */
.wp-block-button__link {
    border-radius: 0 !important;
}

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;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    padding: 0.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: 0.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: 0.5407911001em 0.875em;
    font-size: 0.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: 0.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: 0.5 !important;
}

input[type='checkbox'],
input[type='radio'] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type='checkbox'] + label,
input[type='radio'] + label {
    margin: 0 0 0 0.3819820591em;
}

input[type='search']::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

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

input[type='search']::-webkit-input-placeholder {
    color: #616161;
}

input[type='search']:-ms-input-placeholder {
    color: #616161;
}

input[type='search']::-ms-input-placeholder {
    color: #616161;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    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: 0.6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: inset 0 1px 1px rgba(0, 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;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 0.875em;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    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: 0.6180469716em 1em;
    margin-left: -1em;
}

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

/**
 * Media
 */
img {
    border-radius: 3px;
}

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

/**
 * Captions
 */
.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, 0.05);
    padding: 1em 0;
}

/**
 * Galleries
 */
.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%;
}

/**
 * Embeds
 */
embed,
iframe,
object,
video {
    max-width: 100%;
}

/**
 * Main Naivgation
 */
/**
 * General Menu Styles
 */
.secondary-navigation {
    display: none;
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
    font-size: 0.875em;
    max-width: 120px;
}

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

button.menu-toggle span::before {
    -webkit-transition: all, ease, 0.2s;
    transition: all, ease, 0.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;
    -webkit-transition: all, ease, 0.2s;
    transition: all, ease, 0.2s;
    border-radius: 3px;
}

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

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

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

.toggled button.menu-toggle::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    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;
    /* We have to use max-height because `height` isn't animatable */
    -webkit-transition: all, ease, 0.8s;
    transition: all, ease, 0.8s;
}

.handheld-navigation {
    clear: both;
}

.handheld-navigation ul {
    margin: 0;
}

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

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

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

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

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

.handheld-navigation .dropdown-toggle {
    background: transparent;
    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: 0.875em 0;
    display: block;
}

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

/**
 * Pagination
 */
.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
 */
.pagination,
.woocommerce-pagination {
    padding: 1em 0;
    border: 1px solid rgba(0, 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;
}

.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: 0.3342343017em 0.875em;
    background-color: rgba(0, 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: transparent;
}

.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, 0.05);
}

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

/**
 * Widgets
 */
.widget {
    margin: 0 0 3.706325903em;
}

.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 .widget-title,
.widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 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-weight: 400;
}

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

.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: 0.875em;
}

.widget_search form,
.widget_product_search form {
    position: relative;
}

.widget_search form input[type=text],
.widget_search form input[type=search],
.widget_product_search form input[type=text],
.widget_product_search form input[type=search] {
    width: 100%;
}

.widget_search form input[type=submit],
.widget_search form button[type=submit],
.widget_product_search form input[type=submit],
.widget_product_search form 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-top: 0.6180469716em;
    margin-left: 1.618em;
}

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

.widget-area #wp-calendar th,
.widget-area #wp-calendar td,
.footer-widgets #wp-calendar th,
.footer-widgets #wp-calendar td {
    padding: 0.236em;
    text-align: center;
}

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

.widget_rating_filter .wc-layered-nav-rating {
    margin-bottom: 0.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;
}

.widget-area .widget {
    font-size: 0.875em;
}

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

.widget-area .widget a:not(.button) {
    font-weight: 600;
    text-decoration: underline;
}

.widget-area .widget a:not(.button):hover {
    text-decoration: none;
}

/**
 * Strictly Layout Styles
 */
@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 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;
    }

    /**
       * Full width & homepage template
       */
    .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
       */
    .site-name {
        font-weight: 700;
        margin-bottom: -2px;
        font-size: 16px;
        line-height: 32px;
        letter-spacing: 0;
        color: #ffffff !important;
    }

    .footer-widgets {
        padding-top: 4.235801032em;
        border-bottom: 1px solid #20D15F !important;
        color: currentColor !important;
    }

    .footer-widgets.row-1 {
        padding-bottom: 30px !important;
    }

    .footer-widgets.row-2 {
        padding-top: 38px;
        padding-bottom: 134px !important;
    }

    .footer-widgets a {
        color: currentColor !important;
        text-decoration: underline !important;
        line-height: 2;
        font-size: 16px;
        letter-spacing: 0;
        text-decoration-style: solid;
        text-decoration-thickness: 1px !important;
        text-underline-offset: 1.5px;
    }

    .footer-widgets a:hover {
        text-decoration: none !important;
        text-shadow: 0.3px 0 0 #ffffff, -0.3px 0 0 #ffffff;
    }

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

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

    .footer-widgets #nav_menu-4 .sub-menu {
        display: none !important;
    }

    .footer-widgets.row-1 .block.footer-widget-1 address {
        margin-top: 36px;
        margin-bottom: 0;
    }

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

    .footer-widgets.row-2 {
        padding-top: 2.617924em !important;
    }

    .footer-widgets.row-2 .footer-widget-1 {
        width: fit-content;
    }

    .footer-widgets.row-2 .footer-widget-1 p {
        margin-bottom: 0;
    }

    .footer-widgets.row-2 .footer-widget-4 {
        width: fit-content;
    }

    .footer-widgets .widget_nav_menu ul {
        margin-top: 28px;
        display: flex;
        flex-direction: column;
    }

    #colophon .row-1 .footer-widget-4 input[type=text] {
        padding: 9px 17px;
        margin-top: 7px;
        margin-bottom: 7px;
        width: 100%;
        background-color: rgba(32, 209, 95, 0.5);
        color: #ffffff !important;
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0;
    }

    #colophon .row-1 .footer-widget-4 #FormButton_Subscribe {
        background-color: rgba(17, 22, 28, 0.5);
        font-weight: 700;
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0;
        text-align: center;
        padding: 9px 17px;
    }

    #colophon .row-1 .footer-widget-4 input[type=text]::placeholder {
        color: #ffffff;
    }

    #colophon .row-1 .footer-widget-4 label {
        font-weight: 700;
        font-size: 16px;
        line-height: 32px;
        letter-spacing: 0;
        color: #ffffff !important;
    }

    .footer-widgets .social-media {
        display: flex;
        gap: 10px;
    }

    .footer-widgets .social-media a {
        color: #20D15F !important;

    }

    .footer-widgets .social-media a:hover {
        color: #095221 !important;
    }

    /**
       * Comments
       */
    .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, 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;

        height: 100% !important;
    }

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

    /**
       * Content
       */
    .hentry .entry-header {
        margin-bottom: 2.617924em;
    }

    /**
       * Menus
       *
       * 1 - We have to use a `left` declaration so that dropdowns are revealed when tabbed.
     */
    /*
   .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;
        /* 1 */
    }

    .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;
        /* 1 */
    }

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

    /**
       * Primary Navigation
       */
    .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;
          -webkit-transition: none;
          transition: none; } */
    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        padding: 0.5em 1em 1.618em 0;
    }

    .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: 0.875em 1.41575em;
        font-weight: 400;
        font-size: 0.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, 0.025);
    }

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

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

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

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

    .secondary-navigation .menu ul a {
        padding: 0.326em 0.875em;
        background: rgba(0, 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: -0.6180469716em;
    }

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

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

    /**
       * 404 Styles
       */
    .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;
    }
}

@media (min-width: 1024px) {
    .menu-toggle,
    .handheld-navigation,
    .main-navigation.toggled .handheld-navigation,
    .main-navigation.toggled div.menu {
        display: none;
    }

    .primary-navigation {
        display: block;
    }
}

@media (min-width: 1024px) {
    .woocommerce-active .site-header .main-navigation {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
        clear: both;
    }

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

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

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

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

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

@media (max-width: 1199px) {
    #masthead .container {
        display: flex;
        align-items: center;
    }

    #icons-navigation {
        margin-left: 12px;
        height: 24px;
        position: relative;
        display: flex;
        gap: 12px;
    }

    #icons-navigation a {
        color: #000000;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: fit-content !important;
    }

    #site-navigation .menu:not(#menu-mobile-main-menu) {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        width: 100vw;
        height: auto;
        padding: 80px 20px 20px 20px !important;
        display: none;

    }

    #site-navigation.toggled .menu:not(#menu-mobile-main-menu) {
        display: block;
    }

    #masthead:has(#site-navigation.toggled) {
        position: fixed;
        width: 100vw;
    }

    #site-navigation #menu-mobile-main-menu {
        max-width: 950px;
        margin: 0 auto;
    }

    #site-navigation #menu-mobile-main-menu {
        border-top: 1px solid rgba(0, 0, 0, 0);
        visibility: hidden;

    }

    #site-navigation.toggled #menu-mobile-main-menu {
        border-top: 1px solid rgba(0, 0, 0, 0.5);
        visibility: visible;
    }
}

@media (max-width: 640px) {
    #page .site-header .site-branding img {
        width: 200px;
    }

    .site-branding {
        justify-content: start;
        width: fit-content !important;
    }

    .site-header #site-navigation.main-navigation button.menu-toggle {
        right: 0;
        position: relative !important;
        top: 0;
    }

    .wrapper--visuals.icon-separate .row {
        flex-direction: column;
        background-image: linear-gradient(to right, #ffffff, #ffffff calc(50% - 1px), #000000 calc(50% - 1px), #000000 calc(50% + 1px), #ffffff calc(50% - 1px), #ffffff) !important;
        padding: 20px 0 !important;
    }
}

@media (max-width: 767px) {
    #site-navigation li:has(ul) {
        position: relative;
    }

    #site-navigation li:has(ul) ul {
        visibility: hidden;
        display: none;

    }

    #site-navigation li:has(ul):hover ul {
        visibility: visible;
        display: block;

    }
}

@media (min-width: 1200px) {
    #masthead {
        padding: 20px 0 !important;
    }

    #masthead .container {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #masthead .main-navigation ul.nav-menu {
        text-align: left !important;
    }

    #masthead #site-navigation {
        order: 1;
    }

    #masthead #icons-navigation a {
        color: #000000;
    }

    #masthead #icons-navigation {
        display: flex;
        gap: 15px;
    }

    #masthead.site-header #site-header-cart {
        height: fit-content;
    }

    #masthead #site-header-cart {
        top: 0;
        display: inline-block !important;
        width: 32px;
    }

    .woocommerce-active #masthead.site-header .main-navigation {
        width: 100% !important;
    }

    #masthead .site-branding {
        flex: 1;
    }

    #masthead .primary-navigation {
        margin-top: 34px;
        padding-top: 22px;
        border-top: 1px solid rgba(0, 0, 0, 0.5);
    }

    #masthead #menu-main-menu {
        margin-top: 0;
    }

    #masthead #menu-main-menu .menu-item .sub-menu li {
        margin-right: 0;
    }

    #masthead #menu-main-menu .menu-item .sub-menu li a:hover {
        background: transparent;
        color: #FF4364;
    }

    #masthead .main-navigation ul li a:hover {
        color: #FF4364 !important;
    }


    #masthead .main-navigation ul.menu li.current-menu-item > a,
    body.single-product #masthead #menu-main-menu li:has(a:not([href])) > a,
    #masthead.site-header .main-navigation li:has(a:not([href])):hover > a {
        color: #FF4364 !important;
    }


    #masthead.site-header .main-navigation ul.menu > li > a:before,
    #masthead.site-header .main-navigation ul.nav-menu > li > a:before,
    body.single-product #masthead #menu-main-menu li:has(a:not([href])) > a:before,
    #masthead.site-header .main-navigation li:has(a:not([href])):hover > a:before {
        bottom: 10px;
        height: 1px !important;
        transition: width cubic-bezier(0.795, -0.035, 0, 1), 0.3s, height cubic-bezier(0.795, -0.035, 0, 1), 0.3s;
    }


    #masthead.site-header .main-navigation ul.menu > li.current_page_item > a:before,
    #masthead.site-header .main-navigation ul.nav-menu > li.current_page_item > a:before,
    #masthead.site-header .main-navigation ul.menu > li > a:hover:before,
    #masthead.site-header .main-navigation ul.nav-menu > li > a:hover:before,
    body.single-product #masthead #menu-main-menu li:has(a:not([href])) > a:before,
    #masthead.site-header .main-navigation li:has(a:not([href])):hover > a:before {
        background-color: #FF4364;
        height: 1px;
        bottom: 10px;
    }

    #masthead.site-header .main-navigation ul.menu > li.current_page_item > a:after,
    #masthead.site-header .main-navigation ul.nav-menu > li.current_page_item > a:after {
        color: #000000;

    }

    #masthead.site-header .main-navigation ul.menu > li > a:after,
    #masthead.site-header .main-navigation ul.nav-menu > li > a:after {
        line-height: 26px;

    }

    #masthead.site-header .main-navigation ul.menu > li.current_page_item:has(ul) > a:before,
    #masthead.site-header .main-navigation ul.nav-menu > li.current_page_item:has(ul) > a:before,
    #masthead.site-header .main-navigation ul.menu > li:has(ul) > a:hover:before,
    #masthead.site-header .main-navigation ul.nav-menu > li:has(ul) > a:hover:before,
    body.single-product #masthead #menu-main-menu li:has(a:not([href])) > a:before,
    #masthead.site-header .main-navigation li:has(a:not([href])):hover > a:before {
        width: calc(100% - 20px);
        height: 1px;
        bottom: 10px;
    }

    #menu-main-menu-1 > li:last-child {
        display: none;
    }

    .storefront-breadcrumb {
        display: none;
    }

    #content {
        padding-top: 30px;
    }
}

.product select,
.product ::picker(select) {
    appearance: base-select;
}

.product label {
    width: fit-content;
    align-self: center;
}

.product select {
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 5px 8px;
    transition: 0.4s;
    flex: 1;
    width: calc(100% - 32px);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    border-radius: 16px;
    align-items: center;

}

.product div:has(select+select) select:not(:last-child) {
    margin-bottom: 10px;
}

.product select:hover {
    background: #dddddd;
}

.product select::picker-icon {
    color: #999999;
    transition: 0.4s rotate;
    font-size: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%231E1E1E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.product select:open::picker-icon {
    rotate: 180deg;
}

.product ::picker(select) {
    border: none;
}

.product option {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 10px;
    transition: 0.4s;
}

.product option:not(:last-child) {

    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.product option:not(option:last-of-type) {
    border-bottom: none;
}


.product *:has(label+select) label {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    color: #000000;
    display: block;
    margin-bottom: 7px;
    width: 100%;
}

.product *:has(label+select) label span {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    display: block;
    padding-bottom: 3px;
}

.product :is(option, selectedcontent) .icon {
    width: 22px;
    height: auto;
    aspect-ratio: 1/1;
    display: inline-block;
}

.product select button {
    height: fit-content;
    padding: 0;
    background: transparent;
    color: #000;
    font-weight: 400;
    width: 100%;
}

.product selectedcontent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product option:checked {

    font-weight: bold;
}

.product option::checkmark {
    display: none;
}

.product ::picker(select) {
    transition: all 0.4s allow-discrete;
}

.product ::picker(select) {
    top: 2px;
    left: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 16px;
}

.product div:has(select) {
    margin-bottom: 50px;
}

.product [popover] {
    position-area: span-bottom span-right;
    margin: initial;
    width: 100%;
    max-width: 315px;
    border: none;
    background: #F6F9F8;
    padding: 20px 28px;
    border-radius: 20px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0;
}
@media (max-width: 640px)  {
    .product [popover] {
        position-area: span-bottom left;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .product [popover] {
        position-area: span-bottom left;
    }
}
.product [popover]:popover-open {
    opacity: 1;
}

@starting-style {
    .product [popover]:popover-open {
        opacity: 0;
    }
}

.product :is([ popovertarget],
[ popovertarget ]:focus,
[ popovertarget ]:hover) {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: 24px;
    transform: translateY(3px);
}

.product div:has(>.popover) {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px !important;

}

.product div:has(>.popover) select {
    width: 100%;
}

.product form {
    width: 100%;
    max-width: 450px;
}

.product .heading :not(h1, h1 *) {
    max-width: 860px;
    width: 100%;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;

}

.product h1 {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    align-items: center;
    gap: 5%;

}

h1 .title {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: none;

}

h1 .price {
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0;

}

h1 sup {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center;
    vertical-align: top;

}

.product {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
}

.product .instruction a {
    text-decoration: underline;
    display: grid;
    place-items: center start;
    color: #008E25;
    text-underline-offset: 3px;
    gap: 20px;
    grid-template-columns: 32px 1fr;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
}

.product .instruction a:not(:last-child) {
    margin-bottom: 10px;
}

.banner {
    margin-top: 40px;
}

.banner .container {
    background: #008E25;
    color: #ffffff;
    padding: 18px 42px;
    display: flex;
    justify-content: space-between !important;
    max-width: 1140px;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;

}

@media (max-width: 991px) {

    .banner .container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        text-align: center;

    }
}

.banner .container::before,
.banner .container::after {
    display: none;
}

.banner .container a {
    color: #ffffff;
    text-decoration: none;
    display: grid;
    grid-template-columns: 1fr 24px;
    gap: 14px;
    align-items: center;
}

.product dialog {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    color: hsl(0deg 1% 26%);
    border: 0;
    border-radius: 0;
    animation: move-in 0.3s;
    overflow: hidden;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
}

body:has(.product dialog[open]) {
    overflow: hidden;
}

.product dialog[open] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.product .player {
    position: relative;
    height: fit-content;
    width: 100%;
    max-height: 100%;
}

.product dialog video {
    width: 100%;
    height: 100%;
}

.product dialog h2 {
    color: hsl(263deg 55% 55%);
}

.product dialog #closeDialog {
    border: 0;
    color: black;
    background-color: hsl(240deg 37% 97%);
    line-height: 1;
    border-radius: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    position: absolute;
    top: 4px;
    left: auto;
    right: 0;
    cursor: pointer;
    z-index: 1;
}

.product dialog button:is(:hover, :focus) {
    background-color: hsl(240deg 37% 87%);
}

.product dialog::backdrop {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    animation: fade-in 0.3s;
    animation-fill-mode: forwards;
}

@keyframes fade-in {
    from {
        backdrop-filter: blur(0px);
    }

    to {
        backdrop-filter: blur(8px);
    }

}

@keyframes move-in {
    from {
        translate: 0 10px;
        opacity: 0;
    }

    to {
        translate: 0;
        opacity: 1;
    }

}

.flex-control-thumbs {
    z-index: 2;
    padding: 10px !important;
    margin: auto 0 !important;
    gap: 20px;
}

/* Customize the gallery image */
.woocommerce-product-gallery__image img {
    object-fit: cover;
}

/* Adjust the width and spaces of individual thumbnail image containers and add transition for sliding effect */
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    transition: margin-top 0.4s linear;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
    display: none !important;
}

/* set the position of thumbnail images*/
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    display: flex;
    column-gap: 14px;
    margin-bottom: 0;
}

div.product div.images.woocommerce-product-gallery .flex-viewport {

    height: 100% !important;
}

.woocommerce-js div.product div.images .flex-control-thumbs {
    height: 100%;
    overflow: hidden;
    position: relative;
    flex-direction: row;
    display: flex;
    padding: 0 !important;
    z-index: 999999;
}

/* Move the images on the Left side*/
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    display: grid;
    width: 100%;
    height: auto;
    gap: 20px;
}

ul.flex-direction-nav {
    position: absolute;
    z-index: 99999;
    left: -32px;
    width: calc(100% + 64px);
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    top: auto;
    bottom: 0;
    flex-direction: row;
    height: auto;
    aspect-ratio: 7.5;
}

@media (max-width: 1199px) {


}

@media (max-width: 1023px) {
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {

        margin-right: 0 !important;
        margin-bottom: 40px !important;
    }

    ul.flex-direction-nav {
        width: 100%;
        left: 0;
    }

    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        padding-bottom: 80px !important;
    }

    ul.flex-direction-nav {
        justify-content: center;
        gap: 50%;
        height: fit-content;
        aspect-ratio: auto;
        bottom: 20px;
    }

    .woocommerce-js div.product div.images .flex-control-thumbs {
        height: fit-content !important;
    }


}

@media (max-width: 767px) {
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
        flex: 0 0 calc((100% - 20px) / 2) !important;
    }

}


ul.flex-direction-nav li:hover a {
    opacity: 0.5;
}

/* set position of previous arrow*/
ul.flex-direction-nav li.flex-nav-prev {
    margin-top: 0 !important;
    left: 0 !important;
}

/* set position of next arrow*/
ul.flex-direction-nav li.flex-nav-next {
    margin-top: 0 !important;
    right: 0 !important;
}

a.flex-next {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H16.25L11 6.75L11.66 6L18.16 12.5L11.66 19L11 18.25L16.25 13H4V12Z' fill='black'/%3E%3C/svg%3E%0A");
}

a.flex-prev {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H16.25L11 6.75L11.66 6L18.16 12.5L11.66 19L11 18.25L16.25 13H4V12Z' fill='black'/%3E%3C/svg%3E%0A");
    transform: rotate(180deg);
}


ul.flex-direction-nav li a:hover {
    text-decoration: none;
}

.flex-control-nav {
    top: 0;
}

/* Small Tablets & Large Phones */
@media (min-width: 576px) and (max-width: 767px) {
    .flex-control-thumbs {
        height: 450px !important;
    }

    li.flex-nav-prev {
        margin-top: 30px !important;
    }

    li.flex-nav-next {
        margin-top: 450px !important;
    }
}

/* Small Mobile Devices */
@media (max-width: 575px) {
    .flex-control-thumbs {
        height: 160px !important;
    }

    li.flex-nav-prev {
        margin-top: 0px !important;
    }

    li.flex-nav-next {
        margin-top: 134px;
    }

    a.flex-prev::before {
        margin-left: 20px;
    }

    a.flex-next::after {
        margin-left: -20px;
    }
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    flex: 0 0 calc((100% - 40px) / 3);
    height: 100% !important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 120 / 96;
}

.single-product div.product .woocommerce-product-gallery img,
.woocommerce-product-gallery__image a,
.woocommerce-product-gallery__wrapper {
    height: 100% !important;
}

.single-product div.product .woocommerce-product-gallery img {

}

.woocommerce-product-gallery__image {
    height: auto;
    aspect-ratio: 400/320;
}

/*controls*/
.player .player-controls {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 8px;
    width: 100%;
    z-index: 99999;
    -webkit-transform: translateY(100%) translateY(-4px);
    transform: translateY(100%) translateY(-4px);
    -webkit-transition: all .3s;
    transition: all .3s;
    flex-wrap: wrap;
    align-items: center;
    background-color: rgba(0, 0, 0, 1);
    color: #FFF;
    min-height: 40px;
    line-height: 40px;
    pointer-events: none;
    opacity: 0;

}

.player:hover .player-controls {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    pointer-events: auto;
}

.player .player-controls.toggle {
    -webkit-transform: translateY(100%) translateY(-3px);
    transform: translateY(100%) translateY(-3px);
}

body.full-screen .player:hover .player-controls {
    -webkit-transform: translateY(100%) translateY(-3px);
    transform: translateY(100%) translateY(-3px);
}

body.full-screen .player .player-controls.toggle:hover {
    -webkit-transform: translateY(100%) translateY(-3px);
    transform: translateY(100%) translateY(-3px);
}

body.full-screen .player .player-controls:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.player .player-controls > * {
    flex: 1;
}

.player .player-controls .progress {
    flex: 10;
    position: relative;
    display: flex;
    flex-basis: 100%;
    height: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: rgba(238, 238, 238, 0.4);
    z-index: 0;
    cursor: pointer;
}

.player .player-controls .progress:hover {
    height: 10px;
}

.player .player-controls .progress:hover .progress-ball {
    opacity: 1;
    width: 20px;
    height: 20px;
}


.player .player-controls .progress-filled {
    width: 50%;
    background-color: #f00;
    flex: 0;
    flex-basis: 0%;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.player .player-controls .progress-ball {
    width: 15px;
    height: 15px;
    background-color: #F00;
    border-radius: 50%;
    position: absolute;
    right: -3px;
    top: -6.5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

/* Style Progress out Full screen */
.player .player-controls.toggle .progress-ball {
    background-color: #F00;
}

.player:hover .player-controls .progress-ball {
    opacity: 0;
    background-color: #03A9F4;
}

.player .player-controls:hover .progress-ball,
.player .player-controls:hover .progress-filled {
    background-color: #03A9F4;
}

.player:hover .player-controls.toggle .progress-ball,
.player:hover .player-controls.toggle .progress-filled {
    background-color: #F00;
}

.player .player-controls.toggle .progress-filled {
    background-color: #f00;
}

.player:hover .player-controls .progress-filled {
    background-color: #03A9F4;
}

/* Style Progress In Full screen */
body.full-screen .player:hover .player-controls .progress-ball {
    opacity: 1;
}

body.full-screen .player .player-controls.toggle .progress-ball {
    top: -5px;
    right: -5px;
}

body.full-screen .player .player-controls.toggle .progress-ball,
body.full-screen .player .player-controls.toggle .progress-filled,
body.full-screen .player:hover .player-controls .progress-ball,
body.full-screen .player:hover .player-controls .progress-filled {
    background-color: #f00;
}

body.full-screen .player .player-controls:hover .progress-ball,
body.full-screen .player .player-controls:hover .progress-filled {
    background-color: #03A9F4;
}

body.full-screen .player .player-controls.toggle:hover .progress-ball,
body.full-screen .player .player-controls.toggle:hover .progress-filled {
    background-color: #F00;
}

body.full-screen .player .player-controls:hover .progress-ball {
    opacity: 0;
}

body.full-screen .player .player-controls .progress:hover .progress-ball {
    opacity: 1;
}

.player .player-controls .screen-move {
    position: absolute;
    top: -105px;
    left: 0;
    margin-left: -73.5px;
    width: 167px;
    height: 95px;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 10px rgba(238, 238, 238, 0.3);
    box-shadow: 0 0 10px rgba(238, 238, 238, 0.3);
    border: 1px solid #111;
    text-align: center;
    border-radius: 1px;
    z-index: 99;
    display: none;
    justify-content: center;
}

.player .player-controls .screen-move .video-move {
    width: 100%;
    height: 100%;
}

.player .player-controls .screen-move .time-screen {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    z-index: 9999;
    padding: 5px 10px;
    text-align: center;
    line-height: 1;
    border-radius: 2px 2px 0 0;
}

.player .player-controls .player-button {
    border: 0;
    background: transparent;
    line-height: 1;
    text-align: center;
    outline: 0;
    padding: 0;
    cursor: pointer;
    max-width: 45px;
}

/*.player .player-controls .player-button.backward,*/
/*.player .player-controls .player-button.forward {*/
/*    max-width: 30px;*/
/*    margin-left: 10px;*/
/*}*/

/*.player .player-controls .player-button.forward {*/
/*    margin-right: 10px;*/
/*}*/
.player .player-controls .player-button .icon-pause {
    display: none;
}

.player .player-controls .time {
    text-align: center;
    font-size: 13px;
    max-width: 120px;
    cursor: default;
    max-height: 40px;
}

.player .player-controls .volume {
    position: relative;
    display: flex;
    flex: 0.6;
    align-items: center;
    font-size: 18px;
    max-width: 110px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.player .player-controls .volume .icon {
    margin-right: 5px;
    display: flex;
    align-items: center;
    flex: 1;
    cursor: pointer;
}

.player .player-controls .volume input {
    flex: 10;
}

.player .player-controls .volume.toggle {
    max-width: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.player .player-controls .volume.toggle .icon.volume-off {
    display: none;
}

.player .player-controls .volume.toggle:hover {
    max-width: fit-content;
}

.player .player-controls .volume.toggle .icon {
    margin-right: 15px;
}

.player .player-controls .hide-controls {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 5px;
    right: 70px;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 8px rgba(238, 238, 238, 0.3);
    box-shadow: 0 0 8px rgba(238, 238, 238, 0.3);
    border-radius: 4px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.player .player-controls .hide-controls:hover {
    background-color: rgba(0, 0, 0, 0.85);
    -webkit--webkit-box-shadow: 0 0 12px rgba(238, 238, 238, 0.4);
    box-shadow: 0 0 12px rgba(238, 238, 238, 0.4);
}

.player .player-controls .hide-controls.toggle {
    right: 10px;
    bottom: 105%;
}

.player .player-controls .button-full-screen {
    border: 3px dashed #CCC;
    padding: 3px 0;
    font-size: 18px;
    position: absolute;
    right: 20px;
    bottom: 5px;
    min-width: 45px;
    min-height: 30px;
}

/* Start Option Player */

.player .player-controls .player-controls.toggle .player-option {
    overflow: hidden;
}

.player .player-controls .player-option {
    position: absolute;
    text-align: center;
    max-width: 40px;
    right: 130px;
    bottom: 0;
}

.player .player-controls .player-option .button-option {
    font-size: 20px;
    padding: 3px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.player .player-controls .player-option .option-item {
    width: 230px;
    background-color: #222;
    position: absolute;
    bottom: calc(100% + 10px);
    right: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(238, 238, 238, 0.5);
    box-shadow: 0 0 10px rgba(238, 238, 238, 0.5);
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.player .player-controls .player-option.toggle .option-item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.player .player-controls .player-option.toggle .button-option {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}

.player .player-controls .player-option .row {
    height: 50px;
    line-height: 50px;
}

.player .player-controls .player-option .row > * {
    float: left;
    height: 100%;
}

.player .player-controls .player-option .row .title {
    width: 40%;
    cursor: default;
}

.player .player-controls .player-option .row .func {
    width: 60%;
}

.player .player-controls .player-option .autoplay .range-auto {
    width: 40px;
    height: 8px;
    background-color: #666;
    border-radius: 5px;
    margin-top: 23px;
    margin-left: 45px;
    cursor: pointer;
    position: relative;
}

.player .player-controls .player-option .autoplay .range-auto span {
    display: block;
    width: 18px;
    height: 18px;
    background-color: #888;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -5px;
}

.player .player-controls .player-option .autoplay .range-auto.active {
    background-color: #EEE;
}

.player .player-controls .player-option .autoplay .range-auto.active span {
    left: 22px;
    background-color: #03A9F4;
}


/* unholy css to style input type="range" */

.player .player-controls input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    width: 100%;
    margin: 0 5px;
}

.player .player-controls input[type=range]:focus {
    outline: none;
}

.player .player-controls input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
    background: #EEE;
    border-radius: 1.3px;
    border: 0.2px solid rgba(1, 1, 1, 0);
}

.player .player-controls input[type=range]::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
    height: 18px;
    width: 18px;
    border-radius: 50px;
    background: #03A9F4;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6.8px;
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);*/
}

.player .player-controls input[type=range]:focus::-webkit-slider-runnable-track {
    background: #EEE;
}

.player .player-controls input[type=range]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
    background: #eee;
    border-radius: 1.3px;
    border: 0.2px solid rgba(1, 1, 1, 0);
}

.player .player-controls input[type=range]::-moz-range-thumb {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
    height: 18px;
    width: 18px;
    border-radius: 50px;
    background: #03A9F4;
    cursor: pointer;
}

.player .player-controls .progress-load {
    width: auto !important;
}

.player .overlay-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    width: auto;
    height: 20%;
    color: #ffffff;
    background: #03A9F4;
    border-radius: 50%;
}

.player .overlay-play .icon-pause {
    display: none;
}

.overlay-play :is(.icon-play, .icon-pause), .overlay-play :is(.icon-play, .icon-pause) svg {
    width: 100%;
    height: 100%;
    display: block;
}

.product .information {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    gap: 5%;
}

@media (max-width: 1023px) {
    .product .information {
        grid-template-columns: 1fr;
    }
}

.bistro-header-count.count {
    font-size: 12px;
    color: #fff;
    background: #BC630D !important;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    left: 1.5em !important;
    top: -1em !important;
    position: absolute;
    text-align: center;
    line-height: 16px;
    font-weight: 600;
}

.site-main .wrapper.wrapper--header-image-slider {
    background: linear-gradient(to bottom, #ffffff, #ffffff 150px, rgba(32, 209, 95, 0.1) 150px);
    max-width: 1140px;
    margin: 0 auto;
}

.site-main .wrapper.wrapper--header-image-slider h2 {
    color: rgba(0, 142, 37, 1) !important;
    text-align: left;
    text-transform: none;
    margin-bottom: 52px;
    padding: 0 52px;

}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
    }

    .wrapper--header-image-slider .container {
        padding: 0 25px;
    }
}


.carousel-cell {
    padding-top: 490px;
}

.main-carousel .carousel-cell-bg {
    background-size: contain;
    transform: translate(0, -220px);
}

@media only screen and (min-width: 768px) {
    .wrapper--header-image-slider .wrapper--top-selling {
        margin-top: 0;
    }
}


.main-carousel .container .content {
    height: fit-content !important;
}

.main-carousel .container .content .description {
    position: relative !important;
}


.carousel-cell p a:not([class]) {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    left: 72px;
    top: -490px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 67, 100, 1);
    padding: 32px 16px;
    font-size: 24px;
    line-height: 30px;
    flex-wrap: wrap;

}

.carousel-cell p a:not([class]),
.carousel-cell p a:not([class]) * {
    color: #fff !important;
}

.carousel-cell p a:not([class]) span:not(.underline) {
    font-size: 64px;
    line-height: 1;
    letter-spacing: 0;
}

.carousel-cell p a:not([class]) span:not(.underline) sup {
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0;
    vertical-align: top;
    margin-left: -8px;
}

.carousel-cell p a:not([class]) .underline {
    margin-left: 8px;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.carousel-cell .description p {
    font-size: 24px;
    line-height: 1.5;
    max-width: 860px;
    margin: 0 auto;
}

.wrapper--visuals.masonry {
    background: transparent !important;
}

.wrapper--header-image-slider + .wrapper--visuals.masonry {
    padding-top: 50px !important;
    max-width: 1140px;
    margin: 0 auto;

    background: linear-gradient(to bottom, rgba(32, 209, 95, 0.1), rgba(32, 209, 95, 0.1) 300px, transparent 300px) !important;
}

.wrapper--visuals.masonry .row {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
    padding: 0 20px;
}

.wrapper--visuals.masonry img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1;
    object-fit: cover;
    margin-bottom: 0;
}

@media (min-width: 481px) and (max-width: 1199px) {
    .wrapper--visuals.masonry .row {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 30px;
        padding: 0 20px;
    }

    .wrapper--visuals.masonry .row div:has(img) {
        margin-bottom: 30px;
    }

    .wrapper--visuals.masonry .row div:has(img):first-child {
        margin-top: 80px;
    }

    .wrapper--visuals.masonry .row div:has(img):nth-child(2n+4) {
        margin-top: -80px;
    }

    .wrapper--visuals.masonry img {
        aspect-ratio: 320 / 385;
    }
}

@media (min-width: 1200px) {
    .wrapper--visuals.masonry .row {
        grid-template-columns: repeat(3, 1fr);
        gap: 0 30px;
        padding: 0 72px;
    }

    .wrapper--visuals.masonry .row div:has(img) {
        margin-bottom: 30px;
    }

    .wrapper--visuals.masonry .row div:has(img):first-child {
        margin-top: 40px;
    }

    .wrapper--visuals.masonry .row div:has(img):nth-child(3n + 4) {
        margin-top: -50px;
    }

    .wrapper--visuals.masonry .row div:has(img):nth-child(3n + 5) {
        margin-top: -90px;
    }

    .wrapper--visuals.masonry .row div:has(img):nth-child(3) {
        margin-top: 90px;
    }

    .wrapper--visuals.masonry .row div:has(img):nth-child(3n + 6) {
        margin-top: 0;
    }

    .wrapper--visuals.masonry img {
        aspect-ratio: 320 / 385;
    }

}

.wrapper--visuals.masonry .row:before, .wrapper--visuals.masonry .row:after {
    display: none;
}

.actie-popup:target,
.actie-popup:target + .actie-overlay {
    display: none !important;
}

.site-main .wrapper {
    background-color: transparent
}

.page-template-page_bricks .single_column :is(h1, .description p) {
    padding-left: 0 !important;
}

.page-template-page_bricks #main {
    padding-bottom: 50px;
}

.page-template-page_bricks #main * {
    color: #000000;
}

.page-template-page_bricks #main .entry-content > .wrapper {
    padding: 0;
}

.page-template-default-page .site-content > .container > .wrapper {
    padding: 0 !important;
}

.blog #main {
    padding-top: 30px;
}

.wrapper--visuals.icon-separate {
    margin-bottom: 0;
}


.wrapper--visuals.icon-separate .row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px 50px;
    padding: 100px 0;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff calc(50% - 1px), #000000 calc(50% - 1px), #000000 calc(50% + 1px), #ffffff calc(50% - 1px), #ffffff);
    background-position: center;
}

.wrapper--visuals.icon-separate .row div:has(img) img {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .storefront-handheld-footer-bar {
        display: none !important;
    }

    .woocommerce-active .site-header .site-header-cart, .woocommerce-active .site-header .site-search {
        display: block !important;
    }
}

body > .main-container:after {
    display: none !important;
}

@media (max-width: 767px) {
    footer#colophon * {
        color: #ffffff !important;

    }

    .site-footer .footer-widgets {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .site-footer .footer-widgets div:has(address),
    .site-footer .footer-widgets > div:has(form) {
        grid-column: 1/span 2;
    }

    .site-footer .footer-widgets > div:has(form) {
        margin-top: 36px;

    }

    .site-footer .social-media {
        display: flex;
        justify-content: space-between;
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
    }

    #colophon .social-media a * {
        color: #20D15F !important;
    }

    #colophon .social-media a:hover * {
        color: #095221 !important;
    }

    .footer-widgets p.site-name {
        column-span: all;
    }

    .footer-widgets > div:has(address) .textwidget.custom-html-widget {
        columns: 2;
    }

    .footer-widgets.row-2.col-4.fix {
        padding-top: 40px !important;
    }

    #colophon .footer-widgets.row-2 {
        text-align: center;
        border: none;
    }

    #colophon .footer-widgets.row-1 {
        border-bottom: 1px solid #20D15F;
    }

    .site-footer .footer-widgets.row-2 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .site-footer .footer-widgets.row-2 > div:has(.social-media) {
        order: -1;
    }

    .site-footer .footer-widgets form {
        display: grid;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        gap: 8px;
    }

    .site-footer .footer-widgets form [type=submit] {
        background-color: rgba(17, 22, 28, 0.5);
    }

    .site-footer .footer-widgets form .o-form-row {
        display: flex;
        flex-direction: column;
    }

    .site-footer .footer-widgets form .o-form-row label {
        text-align: center;
    }

    #colophon input[type=text] {
        width: 100%;
        background-color: rgba(32, 209, 95, 0.5) !important;
        color: #ffffff !important;
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0;
    }

    #colophon input[type=text]::placeholder {
        color: #ffffff !important;
    }
}

@media (max-width: 639px) {
    .footer-widgets > div:has(address) .textwidget.custom-html-widget {
        columns: 1;
    }

    .site-footer .footer-widgets {
        grid-template-columns: 1fr;
    }

    .site-footer .footer-widgets div:has(address), .site-footer .footer-widgets > div:has(form) {
        grid-column: 1 / span 1;
    }

}

.site-footer .footer-widgets #nav_menu-4 li:has(a:not([href])):hover ul {
    display: block !important;
    margin: 0 0 0 20px;
}

.storefront-breadcrumb {
    display: none;
}

#vfb-form-3 fieldset:has([type=submit]) ul li:not(:has([type=submit])) {
    display: none;
}

#vfb-form-3 fieldset:not(:has([type=submit])) li:has(:is(input,textarea)) {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

#vfb-form-3 fieldset:not(:has([type=submit])) li:has(:is(input,textarea)) label {
    padding: 10px 10px 10px 20px;
}

#vfb-form-3 fieldset:not(:has([type=submit])) textarea {
    height: 160px;
}

#vfb-form-3 fieldset:not(:has([type=submit])) :is(input,textarea) {
    border-radius: 10px;
    padding: 10px 10px 10px 20px;
    box-shadow: none;
}

#vfb-form-3 fieldset:not(:has([type=submit])) li:has(:is(input,textarea)) :is(label, input, div:has(textarea)) {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;

}

#vfb-form-3 fieldset:not(:has([type=submit])) label {
    z-index: 1;
}

#vfb-form-3 fieldset:not(:has([type=submit])) li:has(:is(input:is(.vfb-error,.valid,:focus), textarea:is(.vfb-error,.valid,:focus))) label {
    z-index: -1;
}

#vfb-form-3 input, #vfb-form-3 textarea {
    outline: 1px solid transparent;
}

#vfb-form-3 fieldset:not(:has([type=submit])) :is(input:focus, textarea:focus) {
    outline: 1px solid rgba(0, 0, 0, 0.5) !important;
}

#vfb-form-3 input:is(.vfb-error),
#vfb-form-3 textarea:is(.vfb-error) {
    outline: 1px solid #FF4364 !important;
}

#vfb-form-3 input:is(.valid),
#vfb-form-3 textarea:is(.valid) {
    outline: 1px solid #008E25 !important;
}

#vfb-form-3 fieldset {
    margin: 0;
    padding: 0;
    background: transparent;
}

#vfb-form-3 fieldset ul {
    margin: 0;
}

#vfb-form-3 fieldset ul li:not(:last-child) {
    margin-bottom: 10px;
}

#vfb-form-3 .vfb-item-instructions {
    font-size: .75em;
    opacity: .5;
    line-height: 1.5;
}

#vfb-form-3 label.vfb-error {
    color: #FF4364 !important;
}

#vfb-form-3 [type=submit] {
    margin-left: auto;
    margin-right: 0;
    display: block;
    color: #fff;
}

div:has(#vfb-form-3) > h2:empty {
    display: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    background-color: #008e25;
    color: #ffffff;
    display: block !important;
}

.pswp {
    z-index: 999999;
}

.pswp__caption__center {
    text-align: center;
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 100px;
}

.cky-consent-bar {
    background: #ffffff !important;
    border-color: #ffffff !important;
}
button.cky-btn
{
    background: #008E25 !important;
    border-color: #008E25 !important;
}

.wrapper--header-image-slider .carousel-cell p a:not([class]):hover,
.wrapper--header-image-slider .carousel-cell p a:not([class]):focus,
.wrapper--header-image-slider .carousel-cell p a:not([class]):active{
    background-color:rgba(255, 67, 100, 1);
}

.wrapper--visuals.icon-separate .row {
    background-image: linear-gradient(to bottom, #ffffff, #ffffff calc(50% - 1px), #000000 calc(50% - 1px), #000000 calc(50% + 1px), #ffffff calc(50% - 1px),#ffffff) !important;
    background-position: center !important;
    flex-direction: row !important;
}

.simple-animation{
    margin-top: 57px;
    margin-bottom: 57px;
    pointer-events: none;
}
.simple-animation	.row {
    margin-right: 0;
    margin-left: 0;
}
.simple-animation	.flickity-slider {
    transform: none !important;
    width: 100%;
    height: auto;
    aspect-ratio: 390 / 503;
}
.simple-animation	.flickity-slider > div {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s linear;
    z-index: -1;
    width: 100%;

}
.simple-animation	.flickity-slider > .is-selected {
    opacity: 1;
    z-index: 0;
    transform: translate(0,0) !important;
}
#masthead .menu > div:has(> address){
    display: none;
}
@media(max-width: 767px){
    .wrapper--visuals.icon-separate{
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    #masthead .menu:has(> #menu-mobile-main-menu) div{
        display: block;
        margin-top: 30px;
    }
    body:has(#masthead .toggled) #content.site-content{
        margin-top:55px;
    }
    /*footer*/
    #colophon .site-name {
        margin-bottom: 0;
        font-weight: 700;
    }
    .row-1 .footer-widget-1, .row-1 .footer-widget-1 address {
        margin-top: 30px;
    }
    .row-1 .footer-widget-1 {
        grid-column: 1 / span 2 !important;
        order: -1 !important;
    }
    .site-footer .footer-widgets div:has(address), .site-footer .footer-widgets > div:has(form) {
        grid-column: 1;
        order: 1;
    }
    .footer-widgets.row-1 *{
        font-size: 20px;
        line-height:32px;
    }
    .footer-widget-2 #menu-main-menu-2 > li:first-child{
        margin-bottom: 16px;
    }
    .footer-widget-2 #menu-main-menu-2 > li:first-child > a {
        text-decoration: none !important;
        font-weight: 700;
        text-shadow: none !important;
    }
    .footer-widget-2 #menu-main-menu-2 > li:first-child > ul {
        margin: 0 !important;
    }

    .footer-widget-2 #menu-mobile-main-menu > li:first-child{
        margin-bottom: 16px;
    }
    .footer-widget-2 #menu-mobile-main-menu > li:first-child{
        margin-bottom: 16px;
    }
    #colophon .row-2 .footer-widget-1 *{
        color: rgba(31, 209, 95, 1) !important;
    }
    /*header*/
    #masthead .site-name {
        font-size: 20px;
        line-height: 32px;
        color: #fff;
        font-weight: 700;
        margin: 0;
    }
    #masthead address{
        font-size: 20px;
        line-height: 32px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 0;
        margin-top: 30px;
    }

    #site-navigation #menu-mobile-main-menu {
        border-top: none !important;
    }
    #masthead #site-navigation ul li a {
        color: #ffffff;
        font-weight: 500 !important;
        padding: 0 !important;
        text-decoration: underline;
        text-decoration-thickness: 1.5px;
        text-underline-offset: 2px;
    }
    #masthead #site-navigation ul li a:hover {

        text-shadow: 0.5px 0 0 #ffffff, -0.5px 0 0 #ffffff;
    }
    #site-navigation li:has(ul) ul {
        visibility: visible;
        display: block;
        margin:30px 0 ;
    }
    #masthead #site-navigation ul li:has(ul)> a {
        display: none;
    }

    .site-header #site-navigation.main-navigation:not(.toggled) button.menu-toggle::before,
    .site-header #site-navigation.main-navigation:not(.toggled) button.menu-toggle::after,
    .site-header #site-navigation.main-navigation:not(.toggled) button.menu-toggle span::before{
        display: none;
    }
    #site-navigation:not(.toggled) button.menu-toggle {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 18.005C22 18.555 21.554 19 21.005 19H12.995C12.7311 19 12.478 18.8952 12.2914 18.7086C12.1048 18.522 12 18.2689 12 18.005C12 17.7411 12.1048 17.488 12.2914 17.3014C12.478 17.1148 12.7311 17.01 12.995 17.01H21.005C21.555 17.01 22 17.455 22 18.005ZM22 12C22 12.55 21.554 12.995 21.005 12.995H2.995C2.73111 12.995 2.47803 12.8902 2.29143 12.7036C2.10483 12.517 2 12.2639 2 12C2 11.7361 2.10483 11.483 2.29143 11.2964C2.47803 11.1098 2.73111 11.005 2.995 11.005H21.005C21.555 11.005 22 11.451 22 12ZM21.005 6.99C21.2689 6.99 21.522 6.88517 21.7086 6.69857C21.8952 6.51197 22 6.25889 22 5.995C22 5.73111 21.8952 5.47803 21.7086 5.29143C21.522 5.10483 21.2689 5 21.005 5H8.995C8.86433 5 8.73495 5.02574 8.61423 5.07574C8.49351 5.12574 8.38382 5.19903 8.29143 5.29143C8.19903 5.38382 8.12574 5.49351 8.07574 5.61423C8.02574 5.73495 8 5.86433 8 5.995C8 6.12567 8.02574 6.25505 8.07574 6.37577C8.12574 6.49649 8.19903 6.60618 8.29143 6.69857C8.38382 6.79097 8.49351 6.86426 8.61423 6.91426C8.73495 6.96426 8.86433 6.99 8.995 6.99H21.005Z' fill='white'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
    }
    #site-navigation button.menu-toggle {
        background-color: rgba(44, 190, 255, 1) !important;
        border-radius: 0;
        height: 55px;
        aspect-ratio: 1;

    }
    #masthead{
        background: rgba(255, 127, 17, 1);
        padding: 0 !important;
    }
    #masthead > .container{
        padding-left: 0;
        padding-right: 0;
        height: 55px;
    }
    #site-navigation .menu:not(#menu-mobile-main-menu) {
        padding: 60px 20px 30px 70px !important;
        display: none;
        background: rgba(0, 117, 175, 1);
        margin-top: 55px;
        max-height: calc(100vh - 55px);
        overflow: auto;
    }
    #icons-navigation{
        display: none;
    }
    #masthead a.custom-logo-link {
        width: 255px;
        height: 57px;
        background-image: url("data:image/svg+xml,%3Csvg width='251' height='56' viewBox='0 0 251 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.1048 0H0V55.1048H55.1048V0Z' fill='%23FF4364'/%3E%3Cmask id='mask0_52_28' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='12' y='18' width='32' height='20'%3E%3Cpath d='M43.191 18.2227H12.0269V37.3417H43.191V18.2227Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_52_28)'%3E%3Cpath d='M39.9255 23.0517C39.6595 23.0517 39.4335 22.8512 39.4007 22.5852L38.8795 18.2227H16.3383L15.8171 22.5852C15.7843 22.8512 15.5584 23.0517 15.2923 23.0517H12.0269V23.9045C12.0269 30.9311 14.1334 36.5582 14.2245 36.7951L14.4322 37.3454H19.0134L19.1956 36.7404C19.2539 36.5473 19.3122 36.3286 19.3705 36.0954C19.4106 35.935 19.5564 35.822 19.7204 35.822H35.4865C35.6542 35.822 35.7963 35.935 35.8364 36.0954C35.8947 36.3286 35.953 36.5473 36.0113 36.7404L36.1935 37.3454H40.7783L40.9861 36.7951C41.0772 36.5582 43.1837 30.9311 43.1837 23.9045V23.0517H39.9182H39.9255ZM15.2923 24.7573C16.4221 24.7573 17.377 23.9118 17.5082 22.7893L17.8471 19.9284H37.3634L37.7024 22.7893C37.8372 23.9118 38.7884 24.7573 39.9182 24.7573H41.4708C41.4416 25.8981 41.3541 27.0023 41.2339 28.041C40.9168 28.2633 40.2972 28.6314 39.6194 28.6314C38.6499 28.6314 37.7935 27.8807 37.7898 27.877L37.2213 27.3668L36.6491 27.877C36.6491 27.877 35.7854 28.6351 34.8159 28.6351C33.8465 28.6351 32.99 27.8843 32.9864 27.8807L32.4142 27.3595L31.842 27.8807C31.842 27.8807 30.9819 28.6351 30.0125 28.6351C29.043 28.6351 28.1866 27.8843 28.1829 27.8807L27.6107 27.3704L27.0386 27.8807C27.0386 27.8807 26.1748 28.6387 25.2054 28.6387C24.2359 28.6387 23.3795 27.8879 23.3758 27.8843L22.8036 27.3741L22.2315 27.8843C22.2315 27.8843 21.3677 28.6424 20.3983 28.6424C19.4288 28.6424 18.5724 27.8916 18.5687 27.8879L18.0002 27.3777L17.428 27.8879C17.428 27.8879 16.5643 28.646 15.5948 28.646C14.9169 28.646 14.2937 28.2779 13.9803 28.0556C13.86 27.0169 13.7726 25.9163 13.7434 24.7719H15.296L15.2923 24.7573ZM39.5902 35.6398H37.4873C37.2432 34.7396 36.4304 34.1128 35.4938 34.1128H19.724C18.7874 34.1128 17.9747 34.736 17.7305 35.6398H15.6276C15.3251 34.7214 14.7201 32.7133 14.2755 30.0965C14.6691 30.235 15.1137 30.3298 15.5948 30.3298C16.6043 30.3298 17.4644 29.907 17.9965 29.5608C18.5323 29.907 19.3924 30.3298 20.3983 30.3298C21.4042 30.3298 22.2679 29.907 22.8 29.5608C23.3357 29.907 24.1958 30.3298 25.2054 30.3298C26.2149 30.3298 27.075 29.907 27.6071 29.5608C28.1428 29.907 29.0029 30.3298 30.0088 30.3298C31.0147 30.3298 31.8784 29.907 32.4105 29.5608C32.9463 29.907 33.8064 30.3298 34.8123 30.3298C35.8182 30.3298 36.6819 29.907 37.214 29.5608C37.7497 29.907 38.6098 30.3298 39.6157 30.3298C40.0968 30.3298 40.5414 30.235 40.935 30.0965C40.4904 32.7096 39.8854 34.7177 39.5829 35.6398' fill='white'/%3E%3C/g%3E%3Cmask id='mask1_52_28' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='55' y='0' width='196' height='56'%3E%3Cpath d='M250.02 0H55.032V55.1048H250.02V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_52_28)'%3E%3Cmask id='mask2_52_28' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='71' y='13' width='163' height='29'%3E%3Cpath d='M233.948 13.1201H71.4324V41.806H233.948V13.1201Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_52_28)'%3E%3Cpath d='M201.767 24.7901C201.031 23.5401 200.01 22.5561 198.705 21.8344C197.401 21.1128 195.892 20.752 194.179 20.752C192.466 20.752 190.95 21.1128 189.623 21.8344C188.297 22.5561 187.258 23.5437 186.504 24.7901C185.749 26.0402 185.37 27.4616 185.37 29.0615C185.37 30.6614 185.749 32.0755 186.504 33.311C187.258 34.5465 188.297 35.5159 189.623 36.2193C190.95 36.9227 192.466 37.2762 194.179 37.2762C195.892 37.2762 197.401 36.9227 198.705 36.2193C200.01 35.5159 201.031 34.5465 201.767 33.311C202.503 32.0755 202.871 30.6578 202.871 29.0615C202.871 27.4652 202.503 26.0402 201.767 24.7901ZM194.124 32.5238C192.277 32.5238 190.782 31.0259 190.782 29.1818C190.782 27.0242 194.124 23.7478 194.124 23.7478C194.124 23.7478 197.466 27.0242 197.466 29.1818C197.466 31.0295 195.968 32.5238 194.124 32.5238Z' fill='white'/%3E%3Cpath d='M178.016 20.7482C179.043 20.7482 179.98 20.8321 180.829 21.007C181.678 21.1783 182.393 21.3714 182.969 21.5865C183.544 21.8015 183.916 21.9801 184.08 22.1186L182.196 25.5225C181.955 25.344 181.507 25.118 180.855 24.8374C180.202 24.5604 179.477 24.4182 178.679 24.4182C178.07 24.4182 177.556 24.5094 177.137 24.6952C176.718 24.8775 176.51 25.169 176.51 25.559C176.51 25.9489 176.74 26.266 177.203 26.4993C177.666 26.7325 178.333 26.9402 179.211 27.1188C179.973 27.2719 180.745 27.5124 181.533 27.8404C182.32 28.1721 182.976 28.6568 183.501 29.2946C184.025 29.936 184.291 30.7888 184.291 31.853C184.291 32.9172 184.055 33.8429 183.588 34.5536C183.118 35.2643 182.498 35.8146 181.726 36.2082C180.953 36.6018 180.115 36.8788 179.215 37.0355C178.314 37.1922 177.44 37.2724 176.591 37.2724C175.399 37.2724 174.364 37.1631 173.482 36.948C172.6 36.733 171.886 36.4852 171.343 36.2046C170.796 35.9276 170.417 35.7053 170.202 35.5376L172.064 31.7328C172.392 32.0134 172.932 32.3268 173.682 32.673C174.429 33.0229 175.224 33.1942 176.059 33.1942C176.893 33.1942 177.498 33.0739 177.943 32.8334C178.387 32.5929 178.61 32.2758 178.61 31.8822C178.61 31.5651 178.5 31.31 178.285 31.1205C178.07 30.931 177.764 30.767 177.371 30.6248C176.977 30.4863 176.503 30.3588 175.946 30.2458C175.439 30.1438 174.9 29.987 174.327 29.772C173.759 29.557 173.219 29.2618 172.709 28.8864C172.203 28.511 171.791 28.0409 171.474 27.4687C171.157 26.8965 171 26.2077 171 25.395C171 24.3563 171.335 23.4925 172.01 22.8074C172.68 22.1222 173.551 21.6083 174.615 21.2585C175.68 20.9086 176.817 20.7373 178.019 20.7373' fill='white'/%3E%3Cpath d='M160.46 31.8164L164.68 21.2036H170.351L160.908 41.806H155.128L157.453 36.8203L150.93 21.2036H156.695L160.46 31.8164Z' fill='white'/%3E%3Cpath d='M137.882 41.8059H132.157V21.2072H137.937V23.4886C138.116 23.1351 138.455 22.7452 138.954 22.3187C139.453 21.896 140.095 21.5279 140.875 21.2145C141.654 20.9047 142.54 20.748 143.528 20.748C145.051 20.748 146.352 21.1234 147.435 21.8705C148.521 22.6176 149.352 23.6162 149.935 24.8663C150.518 26.1163 150.809 27.5012 150.809 29.021C150.809 30.5407 150.5 31.9293 149.876 33.1757C149.257 34.4258 148.382 35.4207 147.26 36.1606C146.137 36.9004 144.814 37.2721 143.295 37.2721C142.205 37.2721 141.275 37.079 140.506 36.6927C139.741 36.3063 139.136 35.8763 138.699 35.3989C138.261 34.9251 137.984 34.5533 137.872 34.2873V41.8022L137.882 41.8059ZM145.168 29.021C145.168 28.3103 145.007 27.6725 144.69 27.1113C144.373 26.5464 143.947 26.1017 143.407 25.781C142.868 25.4567 142.263 25.2963 141.593 25.2963C140.922 25.2963 140.27 25.4567 139.719 25.781C139.169 26.1054 138.732 26.5464 138.418 27.1113C138.101 27.6762 137.941 28.314 137.941 29.021C137.941 29.728 138.101 30.3694 138.418 30.9307C138.735 31.4956 139.169 31.9366 139.719 32.2537C140.27 32.5707 140.896 32.7311 141.593 32.7311C142.289 32.7311 142.872 32.5744 143.407 32.2537C143.947 31.9366 144.373 31.4956 144.69 30.9307C145.007 30.3658 145.168 29.728 145.168 29.021Z' fill='white'/%3E%3Cpath d='M117.495 41.8059H111.77V21.2072H117.55V23.4886C117.728 23.1351 118.067 22.7452 118.567 22.3187C119.066 21.896 119.707 21.5279 120.487 21.2145C121.267 20.9047 122.153 20.748 123.14 20.748C124.664 20.748 125.965 21.1234 127.047 21.8705C128.133 22.6176 128.964 23.6162 129.547 24.8663C130.131 26.1163 130.422 27.5012 130.422 29.021C130.422 30.5407 130.112 31.9293 129.489 33.1757C128.87 34.4258 127.995 35.4207 126.872 36.1606C125.75 36.9004 124.427 37.2721 122.907 37.2721C121.817 37.2721 120.888 37.079 120.119 36.6927C119.35 36.3063 118.749 35.8763 118.311 35.3989C117.874 34.9251 117.597 34.5533 117.484 34.2873V41.8022L117.495 41.8059ZM124.78 29.021C124.78 28.3103 124.62 27.6725 124.303 27.1113C123.986 26.5464 123.56 26.1017 123.02 25.781C122.481 25.4567 121.876 25.2963 121.205 25.2963C120.535 25.2963 119.882 25.4567 119.332 25.781C118.782 26.1054 118.344 26.5464 118.031 27.1113C117.714 27.6762 117.553 28.314 117.553 29.021C117.553 29.728 117.714 30.3694 118.031 30.9307C118.348 31.4956 118.782 31.9366 119.332 32.2537C119.882 32.5707 120.509 32.7311 121.205 32.7311C121.901 32.7311 122.484 32.5744 123.02 32.2537C123.56 31.9366 123.986 31.4956 124.303 30.9307C124.62 30.3658 124.78 29.728 124.78 29.021Z' fill='white'/%3E%3Cpath d='M103.591 36.8203V34.2911C103.478 34.5462 103.19 34.9143 102.728 35.3954C102.265 35.8764 101.652 36.3101 100.891 36.7001C100.129 37.0864 99.2434 37.2796 98.2266 37.2796C96.7032 37.2796 95.373 36.9078 94.2322 36.168C93.0915 35.4245 92.2022 34.4296 91.5681 33.1831C90.934 31.9331 90.6169 30.5482 90.6169 29.0284C90.6169 27.5087 90.934 26.1201 91.5681 24.8737C92.2022 23.6236 93.0879 22.625 94.2322 21.8779C95.373 21.1308 96.7032 20.7554 98.2266 20.7554C99.2033 20.7554 100.06 20.9121 100.796 21.2219C101.532 21.5317 102.126 21.8998 102.582 22.3262C103.037 22.7526 103.354 23.1425 103.533 23.4961V21.2146H109.277V36.8276H103.591V36.8203ZM96.2877 29.0211C96.2877 29.7318 96.4517 30.3696 96.7834 30.9308C97.1114 31.4957 97.5524 31.9367 98.1063 32.2538C98.6567 32.5709 99.2689 32.7312 99.9432 32.7312C100.617 32.7312 101.255 32.5745 101.787 32.2538C102.319 31.9367 102.742 31.4957 103.052 30.9308C103.362 30.3659 103.518 29.7282 103.518 29.0211C103.518 28.3141 103.362 27.6727 103.052 27.1114C102.742 26.5465 102.319 26.1019 101.787 25.7812C101.255 25.4568 100.639 25.2964 99.9432 25.2964C99.2471 25.2964 98.6603 25.4568 98.1063 25.7812C97.556 26.1055 97.115 26.5465 96.7834 27.1114C96.4517 27.6763 96.2877 28.3141 96.2877 29.0211Z' fill='white'/%3E%3Cpath d='M82.4242 20.7481C83.5139 20.7481 84.5781 20.9704 85.6204 21.415C86.6591 21.8597 87.5155 22.5594 88.1898 23.5179C88.8604 24.4764 89.1993 25.7338 89.1993 27.2936V36.8203H83.4191V28.2412C83.4191 27.126 83.1676 26.2841 82.6683 25.7228C82.1654 25.1579 81.4875 24.8773 80.6238 24.8773C80.0552 24.8773 79.5086 25.0267 78.9874 25.3256C78.4662 25.6244 78.0471 26.0435 77.7228 26.5793C77.3984 27.1187 77.238 27.7346 77.238 28.4343V36.8203H71.4324V13.5757H77.2344V23.507C77.3729 23.0879 77.6863 22.6687 78.1747 22.2423C78.663 21.8196 79.279 21.4624 80.0188 21.1781C80.7623 20.8939 81.5641 20.7517 82.4242 20.7517' fill='white'/%3E%3Cpath d='M211.735 21.2036V20.1176C211.738 18.9513 212.682 18.0074 213.848 18.0074C214.246 18.0074 214.614 18.1204 214.931 18.3099V13.6413C214.151 13.306 213.294 13.1201 212.394 13.1201C208.848 13.1201 205.976 15.9957 205.976 19.5417V21.2073H203.389V25.9634H205.976V36.824H211.738V25.9634H214.934V21.2073H211.738L211.735 21.2036Z' fill='white'/%3E%3Cpath d='M228.262 36.8203V34.2911C228.149 34.5462 227.861 34.9143 227.399 35.3954C226.936 35.8764 226.324 36.3101 225.562 36.7001C224.8 37.0864 223.914 37.2796 222.898 37.2796C221.374 37.2796 220.044 36.9078 218.903 36.168C217.763 35.4245 216.873 34.4296 216.239 33.1831C215.605 31.9331 215.288 30.5482 215.288 29.0284C215.288 27.5087 215.605 26.1201 216.239 24.8737C216.873 23.6236 217.763 22.625 218.903 21.8779C220.044 21.1308 221.374 20.7554 222.898 20.7554C223.874 20.7554 224.731 20.9121 225.467 21.2219C226.203 21.5317 226.797 21.8998 227.253 22.3262C227.708 22.7526 228.025 23.1425 228.204 23.4961V21.2146H233.948V36.8276H228.262V36.8203ZM220.959 29.0211C220.959 29.7318 221.123 30.3696 221.454 30.9308C221.782 31.4957 222.223 31.9367 222.777 32.2538C223.328 32.5709 223.94 32.7312 224.614 32.7312C225.288 32.7312 225.926 32.5745 226.458 32.2538C226.99 31.9367 227.413 31.4957 227.723 30.9308C228.033 30.3659 228.189 29.7282 228.189 29.0211C228.189 28.3141 228.033 27.6727 227.723 27.1114C227.413 26.5465 226.99 26.1019 226.458 25.7812C225.926 25.4568 225.31 25.2964 224.614 25.2964C223.918 25.2964 223.331 25.4568 222.777 25.7812C222.227 26.1055 221.786 26.5465 221.454 27.1114C221.123 27.6763 220.959 28.3141 220.959 29.0211Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
    }
    #masthead a.custom-logo-link img{
        display: none;
    }
    #masthead.site-header .site-branding {
        margin-top: 0;
    }
    .site-header #site-navigation.main-navigation.toggled button.menu-toggle::before,
    .site-header #site-navigation.main-navigation.toggled button.menu-toggle::after {
        background-color: #ffffff !important;
    }







    .single-column-holder a{
        color: rgba(255, 67, 100, 1) !important;
        font-weight: 700;
    }
    .single-column-holder a:hover{
        text-decoration: none;
    }

    .site-main .wrapper.wrapper--header-image-slider,
    .wrapper--header-image-slider + .wrapper--visuals.masonry {
        background: #fff !important;
    }

    .main-carousel .flickity-prev-next-button {
        width: 50px !important;
        height: 50px !important;
        border-radius:0 !important;
        background:transparent !important;
        top: 100vw !important;
    }
    .main-carousel .flickity-prev-next-button:hover {
        background-color: transparen t!important;
        border-color: transparent !important;
        opacity: 0.7;
    }
    .main-carousel .flickity-prev-next-button:focus{
        outline: none !important;
        box-shadow: none  !important;
    }
    .main-carousel .flickity-prev-next-button svg {
        display: none !important;
    }
    .main-carousel .flickity-prev-next-button:hover {
        background: transparent;
    }
    .main-carousel .flickity-prev-next-button:disabled {
        display: none;
    }
    .main-carousel .flickity-prev-next-button.previous{
        left: 0 !important;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3333 17.3333H8.99997L16 24.3333L15.12 25.3333L6.45331 16.6667L15.12 8L16 9L8.99997 16H25.3333V17.3333Z' fill='black'/%3E%3C/svg%3E%0A") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        transform: none !important;
    }
    .main-carousel .flickity-prev-next-button.next{
        right: 0 !important;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3333 17.3333H8.99997L16 24.3333L15.12 25.3333L6.45331 16.6667L15.12 8L16 9L8.99997 16H25.3333V17.3333Z' fill='black'/%3E%3C/svg%3E%0A") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        transform:translateY(0) rotate(180deg) !important ;
    }

    .wrapper--visuals.icon-separate .row {
        gap: 20px 24px;
    }
    .wrapper.wrapper--header-image-slider .container{
        padding: 0 52px;
    }
    .site-main .wrapper.wrapper--header-image-slider h2 {
        color: #ffffff !important;
        background: rgba(0, 142, 37, 1) !important;
        font-size: 24px;
        line-height: 30px;
        padding: 50px 20px 40px;
        margin-bottom: 30px;
        margin-top: -70px;
    }
    .wrapper.wrapper--header-image-slider h2 + p {
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 500;
    }
    .wrapper.wrapper--header-image-slider h2 + p strong{
        font-weight: 700;
        font-size: 24px !important;
        line-height: 24px !important;
    }
    .wrapper.wrapper--header-image-slider .description p:not(:has(.underline)) *,
    .wrapper.wrapper--header-image-slider .description p{

        font-size: 16px;
        line-height: 24px;
    }
    .wrapper.wrapper--header-image-slider .description p{
        margin-bottom: 24px;
    }
    .wrapper--header-image-slider .carousel-cell p a:not([class]) {
        transform: scale(.5);
        top: -100vw;
        left: auto;
        right: -52px;
    }
    .wrapper--header-image-slider .carousel-cell {
        position: relative;
        padding: 0;
    }
    .wrapper--header-image-slider .main-carousel .carousel-cell-bg {
        transform: translate(0, -220px);
        transform: none;
        background-size: cover;
        width: 100%;
        height: auto;
        aspect-ratio:1;
        position: relative;
    }

    .masonry .row {
        grid-template-columns: 1fr !important;
    }
    .masonry{
        margin-bottom: 50px !important;
    }
    .wrapper--visuals.masonry .row div:has(img):first-child,
    .wrapper--visuals.masonry .row div:has(img){
        margin: 0 !important;
    }
    .masonry :is(.flickity-viewport,img){
        height: auto !important;
        aspect-ratio: 390 / 503 !important;
    }
    .masonry :is(.container,.row.flickity-enabled){
        padding-left: 0;
        padding-right:0;
        margin: 0;
    }
    .masonry .flickity-slider >div{
        width: 100%;
    }
    .masonry .flickity-prev-next-button {
        width: 50px !important;
        height: 50px !important;
        border-radius:0 !important;
        background:rgba(217, 217, 217, 1)!important;
    }
    .masonry .flickity-prev-next-button:hover {
        background-color: rgba(217, 217, 217, 1)!important;
        border-color: rgba(217, 217, 217, 1)!important;
        opacity: 0.7;
    }
    .masonry .flickity-prev-next-button:focus{
        outline: none !important;
        box-shadow: none  !important;
    }
    .masonry .flickity-prev-next-button svg {
        display: none !important;
    }
    .masonry .flickity-prev-next-button:hover {
        background: transparent;
    }
    .masonry .flickity-prev-next-button:disabled {
        display: none;
    }
    .masonry .flickity-prev-next-button.previous{
        left: 0 !important;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3333 17.3333H8.99997L16 24.3333L15.12 25.3333L6.45331 16.6667L15.12 8L16 9L8.99997 16H25.3333V17.3333Z' fill='black'/%3E%3C/svg%3E%0A") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .masonry .flickity-prev-next-button.next{
        right: 0 !important;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3333 17.3333H8.99997L16 24.3333L15.12 25.3333L6.45331 16.6667L15.12 8L16 9L8.99997 16H25.3333V17.3333Z' fill='black'/%3E%3C/svg%3E%0A") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        transform:translateY(-50%) rotate(180deg) ;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2){
        margin-top: 0;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2) > li:first-child{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2) > li:first-child > a{
        text-decoration: none !important;
        font-weight: 700;
        text-shadow: none !important;
    }

    .footer-widget-2 :is(#menu-main-menu-1,#menu-main-menu-2) > li:first-child > ul{
        margin: 0 !important;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2)  a{
        text-underline-offset: 2px;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2) a:hover{
        text-shadow: 0.5px 0 0 #ffffff, -0.5px 0 0 #ffffff;
        text-decoration: none !important;
    }
}
@media (max-width: 767px){
    .simple-animation .flickity-viewport{
        height: auto !important;
        aspect-ratio: 320 / 414;
    }
    .wrapper--header-image-slider .carousel-cell p a:not([class]),
    .wrapper--header-image-slider .carousel-cell p a:not([class]):focus,
    .wrapper--header-image-slider .carousel-cell p a:not([class]):active,
    .wrapper--header-image-slider .carousel-cell p a:not([class]):has(span:hover)
    {
        padding: 10px 50px 10px 28px;
        width: 245px;
        right: auto;
        left: -52px;
        text-transform: none;
        background-blend-mode:multiple;
        background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6665 24.9999H34.3332M34.3332 24.9999L24.9998 15.6665M34.3332 24.9999L24.9998 34.3332' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"), linear-gradient(to right, rgba(32, 209, 95, 1) calc(100% - 50px), rgba(255, 67, 100, 1) 50px);
        background-repeat:no-repeat;
        background-position: right  center;
        border-radius: 0;
        height: fit-content;
        top: 0;
        font-size: 0;
        line-height: 30px;
        justify-content: start;
        transform: scale(1) translate(0, calc(-100% - 40px));
    }
    .wrapper--header-image-slider .carousel-cell p a:not([class]):hover {
        background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4 31.5997L31.5994 18.4004M31.5994 18.4004L18.3999 18.4004M31.5994 18.4004L31.5993 31.5997' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"), linear-gradient(to right, rgba(0, 117, 175, 1) calc(100% - 50px), rgba(44, 190, 255, 1) 50px);
        background-repeat:no-repeat;
        background-position: right  center;
    }
    .wrapper--header-image-slider .carousel-cell p a:not([class]) span:not(.underline){
        position: absolute;
        top: calc(-100vw + 100% + 40px + 52px);
        left: calc(100vw - 52px - 52px - 53.5px);
        right: auto;
        background: rgba(255, 67, 100, 1);
        height: 107px;
        width: 107px;
        font-size: 48px;
        border-radius: 50%;
        align-items: center;
        display: flex;
        justify-content: center;
        line-height: 1;
    }
    .wrapper--header-image-slider .carousel-cell p a:not([class]) span:not(.underline) sup {
        font-size: 18px;
        line-height: 0;
        letter-spacing: 0;
        vertical-align: top;
        margin-left: 0;
        margin-top: -12px;
    }
    .wrapper--header-image-slider .carousel-cell p a:not([class])::before {

        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66669 16H25.3334M25.3334 16L16 6.66663M25.3334 16L16 25.3333' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }
    .wrapper--header-image-slider .carousel-cell p a:not([class]):hover{

    }
    .wrapper--header-image-slider .carousel-cell p a:not([class])::after {
        position: absolute;
        left: 0;
        content: 'Direct bestellen';
        font-size: 20px;
        line-height: 30px;
        top: 50%;
        transform: translate(28px, -50%);
    }
}
@media (max-width: 479px){
    .row-1 .footer-widget-1 {
        grid-column: 1 !important;
        order: 1 !important;
    }
    #colophon p:has(.copyright-site-name),
    #colophon p:has(.copyright-site-name) *{
        color: #20D15F !important;
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 0;
    }
    #colophon  .site-name{
        margin-bottom: 0;
        font-weight: 700;
    }
    .row-1 .footer-widget-1 address{
        margin-bottom: 0;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2){
        margin-top: 0;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2) > li:first-child{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2) > li:first-child > a{
        text-decoration: none !important;
        font-weight: 700;
        text-shadow: none !important;
    }

    .footer-widget-2 :is(#menu-main-menu-1,#menu-main-menu-2) > li:first-child > ul{
        margin: 0 !important;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2)  a{
        text-underline-offset: 2px;
    }
    .footer-widget-2 :is(#menu-main-menu-1,##menu-main-menu-2) a:hover{
        text-shadow: 0.5px 0 0 #ffffff, -0.5px 0 0 #ffffff;
    }
    .row-1 .footer-widget-1,
    .row-1 .footer-widget-1 address{
        margin-top: 30px;
    }
}
@media(min-width: 768px){
    .site-main .wrapper.wrapper--header-image-slider h2 {
        font-size: 64px;
        line-height: 72px;
    }
    .main-carousel .col-full .content p, .main-carousel .container .content p {
        font-size: 24px;
    }
    .simple-animation .row {
        margin-right: 0;
        margin-left: 0;
        display: flex;
        gap: 40px;
    }
    #masthead .menu:has(> #menu-mobile-main-menu) div{
        display: none;
    }
}
@media (min-width: 768px) and (max-width:991px){
    .main-carousel .carousel-cell-bg.d-none.d-lg-block {
        display: block !important;
    }
    .main-carousel .carousel-cell-bg.d-lg-none{
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width:1199px){
    #site-navigation li:has(ul) ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        display: block;
        top: 0;
        left: 0;
        transform: none;
        float: none;
        box-shadow: none;
        margin: 0;
    }
    #site-navigation li:has(ul) ul a {
        width: fit-content;
        padding: 0;
    }
    #site-navigation li:has(ul) li {
        border-bottom: none;
    }
    #menu-mobile-main-menu li:has(ul) a:not([href]) {
        display: none;
    }

    #site-navigation li:has(ul) > a::after {
        display: none;
        padding-bottom: 0;
    }
    #menu-mobile-main-menu > li:has(ul){
        margin-top: 30px;
        margin-bottom: 30px;

    }
    #menu-mobile-main-menu > li a{
        padding-bottom:0 !important;
        padding-top: 0 !important;
    }
    #menu-mobile-main-menu a {
        color: #000000;
    }

}
@media(max-width:1199px){
    body:has(.main-navigation.toggled){
        overflow: hidden;
    }
}

.woocommerce-product-gallery__image a {
    display: block;
    margin: 0 2px;
}