/*!
Theme Name: Yarnalia
Theme URI: http://underscores.me/
Author: Webtilia
Author URI: https://webtilia.com/
Description: Shop Yarnalia
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yarnalia
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Yarnalia is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

.load{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff73;
    z-index: 100;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding:10px;
}
/*
::-webkit-scrollbar-thumb {
    background: #f2c507;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px grey;
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 5px;
}
*/
/*
.shop_table.woocommerce-checkout-review-order-table{
    max-height: 300px;
    overflow: auto;
    display: inline-block;
}
.shop_table.woocommerce-checkout-review-order-table thead{
    position: sticky;
    top: 0px;
    z-index: 100;
    background: azure;
}
*/
.p-relative{
    position:relative !important;
}
 
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: var(--theme-color-2);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
    margin-top: 0;
	margin-bottom: 1.5em;
	font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: var(--theme-color-2);
    text-decoration: none;
    transition: var(--theme-transition);
}
a:focus,
a:active,
a:visited {
    
}
a:hover {
	color: var(--theme-color-4);
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	outline: 0;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--theme-color-3);
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: var(--theme-color-3);
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    color: var(--theme-color-2);
    background: transparent;
    border: 1px solid var(--theme-color-3);
    height: 50px;
    padding: 0 16px;
    border-radius: 3px;
	width: 100%;
    max-width: 100%;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    transition: var(--theme-transition);
}

textarea:focus-visible,
input:focus-visible {
    outline: 1px solid var(--theme-color-2);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
    color: var(--theme-color-2);
    max-width: 100%;
    background: transparent;
    border: 1px solid var(--theme-color-3);
    height: 50px;
    padding: 0 16px;
    border-radius: 3px;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

textarea {
    color: var(--theme-color-2);
	width: 100%;
    padding: 0 16px;
    border-radius: 3px;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

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

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

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

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

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

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

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

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Custom Variables
--------------------------------------------------------------*/
:root {
    --theme-color-1: #B4AEF2;
    --theme-color-2: #334C29;
    --theme-color-3: #E7DCC2;
    --theme-color-4: #1600FF;
    --theme-color-5: #FF2000;
    --theme-transition: .3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cat-item-18 {
    display: none;
}
@font-face {
    font-family: 'Hurme Geometric Sans 4';
    src: 
    url('/wp-content/themes/yarnalia/inc/fonts/Hurme-HurmeGeometricSans4-Light.otf');
    font-style: normal;
    font-weight: 500;
}
/*
@font-face {
    font-family: 'Hurme Geometric Sans 4';
    src: 
    url('/wp-content/themes/yarnalia/inc/fonts/Hurme-HurmeGeometricSans4-Regular-Bold.otf');
    font-style: normal;
    font-weight: 500;
}
*/
@font-face {
    font-family: 'Hurme Geometric Sans 4';
    src: 
    url('/wp-content/themes/yarnalia/inc/fonts/Hurme-HurmeGeometricSans4-Bold.otf');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: 'Moret';
    src:
    url('/wp-content/themes/yarnalia/inc/fonts/The-Northern-Block-Moret-Book.otf');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Moret';
    src:
    url('/wp-content/themes/yarnalia/inc/fonts/The-Northern-Block-Moret-Regular.otf');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Moret';
    src:
    url('/wp-content/themes/yarnalia/inc/fonts/The-Northern-Block-Moret-Semibold.otf');
    font-style: normal;
    font-weight: 600;
}
html {
    scroll-behavior: smooth;
}
/*
body {
    scroll-behavior: smooth;
    font-family: 'Hurme Geometric Sans 4', sans-serif;
    color: var(--theme-color-2);
}
*/
h1,
h2,
h3,
h4 {
    font-family: 'Moret', sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
}
h1 {
    font-size: 80px;
    line-height: 112px;
}
h2 {
    font-size: 48px;
    line-height: 56px;
}
h3 {
    font-size: 30px;
    line-height: 35px;
}
h4 {
    font-size: 26px;
    line-height: 30px;
}
.page-title {
    font-size: 48px;
    line-height: 56px;
    color: var(--theme-color-5);
}
.container {
    max-width: 94%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
footer.entry-footer .edit-link {
    display: none !important;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
}
.header-top {
    background: var(--theme-color-2);
    color: var(--theme-color-3);
    padding: 9.5px 10px;
}
.header-top .widget,
.header-top .widget p {
    margin: 0;
}
.header-top a {
    color: var(--theme-color-3);
}
.header-top a:hover {
    opacity: .8;
}
.header-top ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-top ul li {
    font-size: 14px;
}
.header-top ul li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    background: #E7DCC2;
    margin: 0px 12px;
    opacity: .3;
}
.header-top ul li:last-child:after {
    content: none;
}
#masthead {
    background: var(--theme-color-3);
    padding: 24px 0;
}
#masthead .main-navigation .animate-menu a {
    animation: latidos .7s infinite;
    position: relative !important;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    color: white !important;
    background: #000;
}
@keyframes latidos {
    from { transform: none; }
    50% { transform: scale(1.05); }
    to { transform: none; }
}
#masthead .widget,
#masthead p {margin: 0;}
#masthead .container .content-header {
    display: grid;
    grid-template-columns: 250px 1fr auto;
    align-items: center;
}
#masthead .container .content-header .buttons-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#masthead .container .content-header .buttons-header .info-client {
    display: grid;
    gap: 1px;
    text-align: center;
}
#masthead .container .content-header .buttons-header .info-client span.name-client {
    font-size: 12px;
    line-height: 1.1;
}
#masthead .container .content-header .buttons-header .info-client span.name-role {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
}
#masthead .container .content-header .buttons-header .info-client span.view-account {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.1;
}
#masthead .container .content-header .buttons-header .menu-rewards {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#masthead .container .content-header .buttons-header .menu-buttons {
    line-height: 0;
    width: 48px;
    height: 48px;
    background: var(--theme-color-1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: var(--theme-transition);
}
#masthead .container .content-header .buttons-header .menu-buttons:hover {
    background: var(--theme-color-5);
}
#masthead .container .content-header .buttons-header .menu-buttons svg path {
    transition: var(--theme-transition);
}
#masthead .container .content-header .buttons-header .menu-buttons:hover svg path {
    fill: var(--theme-color-3);
}
#masthead .container .content-header .buttons-header .menu-login {
    
}
#masthead .container .content-header .buttons-header .menu-wishlist {

}
#masthead .container .content-header .buttons-header .menu-cart {
    position: relative;
}
#mini-cart-count {
	position: absolute;
    background: var(--theme-color-5);
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 50%;
    top: -5px;
    right: -5px;
    font-size: 14px;
}
#masthead .container .content-header .site-branding {

}
#masthead .main-navigation ul.menu li {
    margin-right: 50px;
}
#masthead .main-navigation ul.menu li:last-child {
    margin-right: 0px;
}
#masthead .main-navigation ul.menu li a {
    color: var(--theme-color-4);
    font-size: 21px;
    font-weight: 600;
    font-family: 'Moret', sans-serif;
}
#masthead .main-navigation ul.menu li a:hover,
#masthead .main-navigation ul.menu li.current-menu-item a {
    color: var(--theme-color-5);
}
/*--------------------------------------------------------------
# Header / Mega Menu
--------------------------------------------------------------*/
.megamenu {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: transform 0s ease-in, visibility 0s ease-in, opacity 0s ease-in;
    padding-top: 0%;
    padding-bottom: 0%;
    background: var(--theme-color-3);
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    transform: translateY(-30px);
}
.megamenu.mega-active {
    padding-top: 3%;
    padding-bottom: 3%;
    height: auto;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: transform .3s ease-in, visibility .3s ease-in, opacity .3s ease-in;
}
.megamenu .mega-menu-shape-1:after,
.megamenu .mega-menu-shape-1:before,
.megamenu .mega-menu-shape-2:after,
.megamenu .mega-menu-shape-2:before {
    content: "";
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    z-index: -1;
}
/*
.megamenu .mega-menu-shape-1:after {
    background-image: url(/wp-content/uploads/2022/06/menu-shape-1.png);
    width: 90px;
    height: 209px;
    left: 0;
}
*/
.megamenu .mega-menu-shape-1:before {
    background-image: url(/wp-content/uploads/2022/06/menu-shape-11.png);
    width: 186px;
    height: 122px;
    left: 133px;
}
.megamenu .mega-menu-shape-2:after {
    background-image: url(/wp-content/uploads/2022/06/menu-shape-2.png);
    width: 238px;
    height: 133px;
    right: 45%;
}
/*
.megamenu .mega-menu-shape-2:before {
    background-image: url(/wp-content/uploads/2022/06/menu-shape-22.png);
    width: 269px;
    height: 161px;
    right: 0;
}
*/
.megamenu .megamenu-title {
    color: var(--theme-color-5);
    font-family: 'Moret';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    margin-bottom: 30px;
}
.megamenu .grid ul.megamenu-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.megamenu .grid ul.megamenu-list li {
    margin-bottom: 10px;
}
.megamenu .grid ul.megamenu-list li:last-child {
    margin-bottom: 0px;
}
.megamenu .grid ul.megamenu-list li a {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}
.megamenu .grid .woocommerce ul.products li .onsale {
    font-size: 12px;
    line-height: 1;
}
.megamenu .grid .woocommerce ul.products li .woocommerce-LoopAttribute__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    min-height: auto;
    -webkit-line-clamp: 1;
}
.megamenu .grid .woocommerce ul.products li .price {
    font-size: 16px;
    line-height: 1;
}
/*
.megamenu .grid .woocommerce.best-sellers ul.products li:before {
    content: "Best Sellers";
    position: absolute;
    left: 0;
    top: 10px;
    background: var(--theme-color-5);
    color: var(--theme-color-3);
    font-weight: 500;
    padding: 4px 14px;
    font-size: 14px;
    font-family: 'Hurme Geometric Sans 4';
    z-index: 9;
}
*/
/*--------------------------------------------------------------
# Header / Mega Menu / OurYarns
--------------------------------------------------------------*/
.megamenu_ouryarns .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}
.megamenu_ouryarns .grid ul.megamenu-list {
    padding: 0;
    margin: 0;
    list-style: none;
    /*max-height: 300px;
    overflow: auto;*/
}

/* width */
.megamenu_ouryarns .grid ul.megamenu-list::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.megamenu_ouryarns .grid ul.megamenu-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
.megamenu_ouryarns .grid ul.megamenu-list::-webkit-scrollbar-thumb {
    background: var(--theme-color-5);
  border-radius: 5px;
}

/* Handle on hover */
.megamenu_ouryarns .grid ul.megamenu-list::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color-4);
}
.megamenu_ouryarns .grid .mm-yarns {
    padding-right: 10%;
}
.megamenu_ouryarns .grid .column-2 ul.megamenu-list {
    columns: 2;
}
.megamenu_ouryarns .woocommerce .products ul, 
.megamenu_ouryarns .woocommerce ul.products {
    margin: 0;
}
.megamenu_ouryarns .woocommerce .products ul li, 
.megamenu_ouryarns .woocommerce ul.products li {
    margin: 0;
}
/*--------------------------------------------------------------
# Header / Mega Menu / Patterns
--------------------------------------------------------------*/
.megamenu_patterns .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 3fr;
}
.megamenu_patterns .grid .grid-item ul.cat-patterns:before,
.megamenu_patterns .grid .grid-item ul.cat-patterns:after {
    content: none;
}
.megamenu_patterns .grid .grid-item ul.cat-patterns {
    margin: 0;
    display: flex;
    gap: 30px;
}
.megamenu_patterns .grid .grid-item ul.cat-patterns li {
    width: 100%;
    margin: 0;
    padding: 0;
}
.megamenu_patterns .grid .grid-item ul.cat-patterns li a {

}
.megamenu_patterns .grid .grid-item ul.cat-patterns li .patterns-info {
    padding: 10px;
    position: absolute;
    bottom: 10px;
    left: 1rem;
    right: 1rem;
    background: rgb(255 255 255 / 90%);
    border-radius: 5px;
}
.megamenu_patterns .grid .grid-item ul.cat-patterns li .patterns-info h3 {
    color: var(--theme-color-5);
    font-family: 'Moret';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: auto;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.wc-footer-slider {
    margin: 3rem 0;
}
.wc-footer-slider .wc-footer-title {
    color: var(--theme-color-5);
}
#colophon {
    background: var(--theme-color-2);
    color: var(--theme-color-3);
    position: relative;
    overflow: hidden;
}
#colophon .footer-shape:after {
    content: "";
    position: absolute;
    display: block;
    background-size: auto;
    background-repeat: no-repeat;
}
#colophon .footer-shape.shape-1:after {
    background-image: url(/wp-content/uploads/2022/05/footer-shape-1.png);
    width: 156px;
    height: 286px;
}
#colophon .footer-shape.shape-2:after {
    background-image: url(/wp-content/uploads/2022/05/footer-shape-2.png);
    width: 83px;
    height: 245px;
    left: 0;
    top: 250px;
}
#colophon .footer-shape.shape-3:after {
    background-image: url(/wp-content/uploads/2022/05/footer-shape-3.png);
    width: 108px;
    height: 34px;
    left: 0;
    bottom: 55px;
}
#colophon .footer-shape.shape-4:after {
    background-image: url(/wp-content/uploads/2022/05/footer-shape-4.png);
    width: 215px;
    height: 232px;
    bottom: 0;
    left: 56px;
}
#colophon .footer-shape.shape-5:after {
    background-image: url(/wp-content/uploads/2022/05/footer-shape-5.png);
    width: 86px;
    height: 59px;
    top: 224px;
    left: 100px;
}
#colophon .footer-shape.shape-6:after {
    background-image: url(/wp-content/uploads/2022/05/footer-shape-6.png);
    width: 1705px;
    height: 27px;
    left: 200px;
    bottom: 65px;
}
#colophon .site-info {
    padding-right: 4.5%;
    padding-left: 21.5%;
    padding-top: 22px;
    padding-bottom: 22px;
}
#colophon a {
    color: var(--theme-color-3);
}
#colophon .footer-widgets {
    display: grid;
    grid-template-columns: 18% 20% 18% 20% 1fr;
    padding-top: 112px;
    padding-bottom: 100px;
}
#colophon .footer-widgets .footer-col-1 .widget:last-child img {
    margin-right: 10px;
}
#colophon .footer-widgets .footer-col-1 .widget:last-child img:last-child {
    margin-right: 0px;
}
#colophon .footer-widgets .grid-item {
    border-left: 1px solid rgb(231 220 194 / 30%);
}
#colophon .footer-widgets .footer-col-0,
#colophon .footer-widgets .footer-col-1 {
    border-left: 0px;
}
#colophon .footer-widgets .footer-col-1,
#colophon .footer-widgets .footer-col-2,
#colophon .footer-widgets .footer-col-3,
#colophon .footer-widgets .footer-col-4 {
    padding-left: 20px;
    padding-right: 20px;
}
#colophon .footer-widgets .widget-title {
    margin-bottom: 25px;
}
#colophon .footer-widgets p {
    font-weight: 700;
}
#colophon .footer-widgets p span {
    color: var(--theme-color-3) !important;
}
#colophon .footer-widgets ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#colophon .footer-widgets ul li {
    margin-bottom: 16px;
}
#colophon .footer-widgets ul li:last-child {
    margin-bottom: 0;
}
#colophon .footer-widgets ul li a {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    text-decoration: none;
    text-transform: uppercase;
}
#colophon .footer-widgets ul li a:before {
    content: "";
    margin-right: 5px;
    background-image: url(/wp-content/uploads/2022/05/footer-arrow.png);
    width: 6px;
    height: 11px;
    display: inline-block;
    transition: var(--theme-transition);
}
#colophon .footer-widgets ul li a:hover:before {
    background-image: url(/wp-content/uploads/2022/05/footer-arrow-hover.png);
}
#colophon .footer-widgets ul li a:hover {
    color: var(--theme-color-5);
}
#colophon .footer-widgets ul li > ul {
    padding-left: 10px;
}


/*--------------------------------------------------------------
# Custom Aside widget-area
--------------------------------------------------------------*/
#secondary.widget-area .bapf_head h3,
#secondary.widget-area .widget-title {
    color: var(--theme-color-5);
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
}
#secondary.widget-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#secondary.widget-area ul li > ul {
    display: none;
}
#secondary.widget-area section ul.product-categories li {
    position: relative;
}
#secondary.widget-area section ul.product-categories li.cat-parent.active ul.children li a {
    font-weight: 600;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin-bottom: 10px;
}
#secondary.widget-area section ul.product-categories li.cat-parent.active ul.children li a:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px -2px 0;
    border: 2px solid var(--theme-color-2);
}
#secondary.widget-area section ul.product-categories li a {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: none;
}
#secondary.widget-area section ul.product-categories li.current-cat > ul.children li a {
    color: var(--theme-color-2);
    text-decoration: none;
}
#secondary.widget-area section ul.product-categories li a:hover,
#secondary.widget-area section ul.product-categories li.current-cat a,
#secondary.widget-area section ul.product-categories li.current-cat > ul.children li a:hover {
    color: var(--theme-color-4);
    text-decoration: underline;
}
#secondary.widget-area section ul.product-categories li.cat-parent .arrow-down {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 1; 
    font-size: 14px;
    color: var(--theme-color-1);
}
#secondary.widget-area section ul.product-categories li.cat-parent .arrow-down:hover {
    color: var(--theme-color-2);
}

#secondary.widget-area section ul.product-categories li.cat-parent.active .arrow-down {
    transform: rotate(0deg);
}
#secondary.widget-area section ul.product-categories li.cat-parent.active > .arrow-down {
    transform: rotate(180deg);
}
#secondary.widget-area section ul.product-categories li.cat-parent.active > .arrow-down svg path {
    fill: red;
}
#secondary.widget-area section.widget,
#secondary.widget-area .berocket_single_filter_widget {
    border-bottom: 1px solid rgb(51 76 41 / 10%);
    margin-bottom: 1.2rem;
}
.bapf_sfilter.bapf_ckbox input[type=checkbox], 
.bapf_sfilter.bapf_ckbox label, 
.bapf_sfilter.bapf_ckbox label+span, 
.bapf_sfilter.bapf_ckbox label>span {
    font-weight: 600;
}
#secondary.widget-area .bapf_sfilter ul li {
    margin-bottom: 5px !important;
}
/*--------------------------------------------------------------
# Custom Aside widget-area / Range Price
--------------------------------------------------------------*/
.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 0.1em;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--theme-color-5);
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    background-color: var(--theme-color-2);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    top: -0.6em;
    width: 1.2rem;
    height: 1.2rem;
    background-color: white;
    border: 6px solid var(--theme-color-5);
}
.woocommerce .widget_price_filter .price_slider_amount {
    display: grid;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    grid-row-start: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label span {
    border: 1px solid rgb(51 76 41 / 30%);
    color: var(--theme-color-5);
    padding: 5px 12px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    background: transparent;
    color: var(--theme-color-4);
    border-color: var(--theme-color-5);
    height: 50px;
    transition: var(--theme-transition);
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
    background: var(--theme-color-4);
    border-color: var(--theme-color-4);
    color: var(--theme-color-3);
}
/*--------------------------------------------------------------
# Custom Aside widget-area / sidebar-categories
--------------------------------------------------------------*/
#secondary.widget-area.sidebar-categories {
    
}
#secondary.widget-area.sidebar-categories ul.children {
    display: block;
}
/*--------------------------------------------------------------
# Custom Aside widget-area / sidebar-patterns
--------------------------------------------------------------*/
#secondary.widget-area.sidebar-patterns {
    
}
#secondary.widget-area.sidebar-patterns .woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li a {
    font-weight: 600;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin-bottom: 5px;
    display: inline-block;
}
#secondary.widget-area.sidebar-patterns .woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li a:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px -2px 0;
    border: 2px solid var(--theme-color-2);
}
#secondary.widget-area.sidebar-patterns .woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item--chosen a:before {
    border: 2px solid var(--theme-color-5);
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child a {
    color: var(--theme-color-5);
    text-decoration: none;
    font-family: 'Moret';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child .arrow-down {
    display: none;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child ul.children {
    display: block;
}
#secondary.widget-area.sidebar-patterns ul.product-categories ul.children li > ul.children {
    display: none;
    margin-bottom: 10px;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child > ul li a {
    color: var(--theme-color-2);
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child > ul li .arrow-down {
    display: block;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child a:hover,
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child > ul li.current-cat a,
#secondary.widget-area.sidebar-patterns ul.product-categories li.current-cat:first-child > ul.children li a:hover {
    color: var(--theme-color-4);
    text-decoration: none;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child > ul li.current-cat > ul li a {
    color: var(--theme-color-2);
    text-decoration: none;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li:first-child > ul li.current-cat > ul li a:hover {
    color: var(--theme-color-4);
    text-decoration: none;
}
#secondary.widget-area.sidebar-patterns ul.product-categories li.current-cat:first-child > ul.children li a {
    color: var(--theme-color-2);
}
/*--------------------------------------------------------------
# Custom Woocommerce
--------------------------------------------------------------*/
.woocommerce-container {
    display: grid;
    grid-template-columns: 1fr 5fr;
}
.woocommerce-container .widget-area {
    padding: 4%;
}
.woocommerce-container .content-area {
    border-left: 1px solid rgb(51 76 41 / 10%);
    float: right;
}
body.tax-product_cat.term-gift-cards .woocommerce-container {
    grid-template-columns: auto !important;
}
body.tax-product_cat.term-gift-cards .content-area {
	float: none;
	border: 0px
}
body.tax-product_cat.term-gift-cards .widget-area.sidebar-woocommerce {
	display: none;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Header
--------------------------------------------------------------*/
header.woocommerce-category {
    position: relative;
    background: var(--theme-color-2);
    color: var(--theme-color-3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 4.5%;
    overflow: hidden;
}
header.woocommerce-category .content-thumbnail img {
    border-radius: 50%;
}
header.woocommerce-category .page-title {
    color: var(--theme-color-3);
    margin: 0;
    font-size: 48px;
    line-height: 56px;
}
header.woocommerce-category .term-description p {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}
header.woocommerce-category .term-description p:last-child {
    margin-bottom: 0;
}
header.woocommerce-category .content-info {
    position: relative;
    width: 46%;
    box-sizing: border-box;
    padding-right: 5%;
    z-index: 1;
}
header.woocommerce-category .content-info .term-description {
    margin-top: 1.5rem;
}
header.woocommerce-category .content-thumbnail {
    position: relative;
    max-width: 40%;
    text-align: center;
    margin: auto;
    z-index: 1;
}
header.woocommerce-category span {
    position: absolute;
    background-size: auto;
    background-repeat: no-repeat;
}
header.woocommerce-category .shape-1 {
    background-image: url(/wp-content/uploads/2022/04/header-cat-shape-1.png);
    width: 100px;
    height: 150px;
    top: 20px;
    left: 0;
    background-size: 45%;
}
header.woocommerce-category .shape-2 {
    background-image: url(/wp-content/uploads/2022/04/header-cat-shape-2.png);
    width: 370px;
    height: 140px;
    right: 35px;
    bottom: 0;
}
header.woocommerce-category .shape-3 {
    background-image: url(/wp-content/uploads/2022/04/header-cat-shape-3.png);
    width: 200px;
    height: 150px;
    top: 0;
    right: 0;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Buttons
--------------------------------------------------------------*/
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid var(--theme-color-4);
    border-radius: 6px;
    background: var(--theme-color-4);
    color: var(--theme-color-3);
    padding: 13px 30px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    background: var(--theme-color-5);
    border: 0;
    color: white;
    padding: 20px 5px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background: var(--theme-color-4);
    color: var(--theme-color-3);
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--theme-color-4);
    color: #fff;
}
.woocommerce-page .woocommerce-info .button,
.ywgc_apply_gift_card_button {
    background: white !important;
    color: var(--theme-color-5) !important;
    border: 2px solid var(--theme-color-4) !important;
}
.woocommerce-page .woocommerce-info .button:hover,
.ywgc_apply_gift_card_button:hover {
    background: var(--theme-color-4) !important;
    color: var(--theme-color-3) !important;
    border: 2px solid var(--theme-color-4) !important;
}
.woocommerce-page .woocommerce-info .button {
    margin-left: 1rem;
    font-size: 14px;
    padding: 3px 12px;
}
.woocommerce-page .woocommerce-info input#ywpar-points-max {
    text-align: center;
    max-width: 60px;
    min-width: 40px;
    padding: 0 5px;
    height: 30px;
}
.woocommerce .cart .button, 
.woocommerce .cart input.button {
    background: white;
    color: var(--theme-color-5);
    height: 38px;
    padding: 0 13px !important;
    font-size: 14px;
}
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit], 
div.wpforms-container-full .wpforms-form .wpforms-page-button {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid var(--theme-color-5);
    border-radius: 6px;
    background: white;
    color: var(--theme-color-4);
    padding: 13px 30px;
    width: 100%;
    max-width: 500px;
}
div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    border: 2px solid var(--theme-color-4);
    background: var(--theme-color-4);
    color: var(--theme-color-3);
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    padding: 16px;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Shop
--------------------------------------------------------------*/
.woocommerce-info {
    border-top-color: var(--theme-color-4);
}
.woocommerce-info::before {
    color: var(--theme-color-4);
}
.return-to-shop {
    text-align: center;
    padding: 3rem 0;
}
.woocommerce .woocommerce-result-count {
    margin: 1% 0 0 4.5%;
}
.woocommerce .woocommerce-ordering {
    margin: 1% 4.5% 0 0;
}
.container-products {
    padding: 4.5%;
    display: grid;
    width: 100%;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Pagination
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Custom Woocommerce / Loop Product
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    transition: var(--theme-transition);
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
    background: var(--theme-color-1);
}
.woocommerce ul.products li.product .button {display: none;}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    text-align: center;
    background: #F7F7F7;
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid white;
    box-sizing: border-box;
    filter: drop-shadow(0px 8px 16px rgba(51, 76, 41, 0.05));
    padding-bottom: 10px;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link, 
.woocommerce-page ul.products li.product a.woocommerce-loop-product__link {
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
}
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
    margin: 0 !important;
    transition: var(--theme-transition);
}
.woocommerce ul.products li.product:hover img, 
.woocommerce-page ul.products li.product:hover img {
    transform: scale(1.1);
}
.woocommerce-page ul.products li.product .onsale,
.woocommerce ul.products li.product .onsale {
    top: 5px;
    right: auto;
    left: 5px;
    margin: 0;
    background: var(--theme-color-5);
    color: white;
    text-transform: uppercase;
    border-radius: 3px;
    min-height: auto;
    min-width: auto;
    font-size: 16px;
    line-height: 19px;
    padding: 3px 10px;
}
.woocommerce .product-image span.onsale {
    top: 20px;
    right: auto;
    left: 5px;
    margin: 0;
    background: var(--theme-color-5);
    color: white;
    text-transform: uppercase;
    border-radius: 3px;
    min-height: auto;
    min-width: auto;
    font-size: 16px;
    line-height: 19px;
    padding: 3px 10px;
}
.woocommerce-page ul.products li.product .star-rating,
.woocommerce ul.products li.product .star-rating {
    display: none;
}
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--theme-color-5);
    padding: 10px;
    margin: 0;
}
.woocommerce-page ul.products li.product .price .wdr_product_strikeout ins ,
.woocommerce ul.products li.product .price .wdr_product_strikeout ins {
	font-size: 0;
}
.woocommerce-page ul.products li.product .price .wdr_product_strikeout ins span.amount:first-child,
.woocommerce ul.products li.product .price .wdr_product_strikeout ins span.amount:first-child{
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-LoopAttribute__title {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    min-height: 50px;
    padding: 0 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px;
}
.woocommerce ul.products li.product_cat-patterns-yarn .woocommerce-loop-product__title {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    min-height: auto;
    padding: 10px 10px 16px 10px;
}
.woocommerce ul.products li.product_cat-patterns-yarn .woocommerce-LoopAttribute__title {
    display: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product-categories {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Loop Product Discount OFF
--------------------------------------------------------------*/
ul.products li.product .discount-off {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 999;
    background: var(--theme-color-5);
    margin: 0;
    color: white;
    text-transform: uppercase;
    border-radius: 3px;
    min-height: auto;
    min-width: auto;
    font-size: 16px;
    line-height: 19px;
    padding: 3px 10px;
    font-weight: 700;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product
--------------------------------------------------------------*/
.woocommerce div.product form.cart .reset_variations {
    display: none !important;
}
.woocommerce div.product {

}
.woocommerce div.product .product-image-sumary {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.woocommerce div.product .product-image-sumary .product-image .woocommerce-product-gallery {
    position: sticky;
    top: 6rem;
    width: 100%;
    margin: 0;
}
.woocommerce div.product .product-image-sumary div.summary {
    width: 100%;
    margin: 0;
    background: rgb(231 220 194 / 20%);
}
.woocommerce div.product div.summary {
    
}
.woocommerce div.product div.images .flex-control-thumbs {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    justify-content: center;
    display: flex;
    gap: 25px;
    z-index: 9999;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    max-width: 100px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 50%;
    border: 3px solid white;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Category
--------------------------------------------------------------*/
.woocommerce div.product div.summary .posted_in_category {
    margin-bottom: 10px;
}
.woocommerce div.product div.summary .posted_in_category span {display: none;}
.woocommerce div.product div.summary .posted_in_category a {
    font-family: 'Hurme Geometric Sans 4';
    color: var(--theme-color-2);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Product Title
--------------------------------------------------------------*/
.woocommerce div.product div.summary .product_title{
    color: var(--theme-color-5);
    font-family: 'Moret';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 10px;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Product Price
--------------------------------------------------------------*/
.woocommerce div.product div.summary .price {
    font-family: 'Hurme Geometric Sans 4';
    color: var(--theme-color-4);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.woocommerce div.product div.summary .price .wdr_product_strikeout {
	display: none;
}
.woocommerce div.product div.summary .variations_form .wdr_product_strikeout {
	display: block;
}
.woocommerce div.product div.summary .variations_form .wdr_product_strikeout del span {
    font-size: 18px;
    color: var(--theme-color-4);
    opacity: .6;
}
.woocommerce div.product div.summary .variations_form .wdr_product_strikeout ins {
    background: transparent;
}
.woocommerce div.product div.summary .variations_form .wdr_product_strikeout ins span {
    font-family: 'Hurme Geometric Sans 4';
    color: var(--theme-color-4);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Table Variations
--------------------------------------------------------------*/
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.woocommerce div.product form.cart .variations {
    margin-bottom: 0;
}
.woocommerce div.product form.cart .variations select {
    background: white;
}
.woocommerce div.product form.cart .variations tr {
    
}
.woocommerce div.product form.cart .variations tr th {
    border-bottom: 7px solid transparent;
}
.woocommerce div.product form.cart .variations tr td {
    border-bottom: 25px solid transparent;
}
.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th {
    line-height: 1;
    text-align: left;
    display: block;
}
.woocommerce div.product form.cart .single_variation_wrap .single_variation {
    margin-bottom: 1.2rem;
}
.woocommerce .quantity .qty {
    width: 5rem;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Button
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button {
    background: transparent;
    color: var(--theme-color-4);
    border-color: var(--theme-color-5);
    height: 50px;
    width: 195px;
    transition: var(--theme-transition);
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce div.product form.cart .button.custom-checkout-btn {
    margin-left: 20px;
    background: var(--theme-color-4);
    color: var(--theme-color-3);
    border-color: var(--theme-color-4);
}
.woocommerce div.product form.cart .button.custom-checkout-btn:hover {
    border-color: var(--theme-color-5);
}
.woocommerce div.product form.cart .button svg {
    vertical-align: top;
    margin-right: 5px;
}
.woocommerce div.product form.cart .button svg path {
    transition: var(--theme-transition);
}
.woocommerce div.product form.cart .button:hover svg path {
    fill: var(--theme-color-3);
}
.woocommerce div.product form.cart .button:hover {
    background: var(--theme-color-4);
    border-color: var(--theme-color-4);
    color: var(--theme-color-3);
}
.woocommerce div.product form.cart div.quantity {
    margin-right: 15px;
    display: inline-block;
}
.woocommerce div.product form.cart div.quantity .qty {
    background: white;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Patterns Additionals
--------------------------------------------------------------*/
.patterns-additionals {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}
.patterns-additionals p {
    margin: 0;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
}
.patterns-additionals p strong {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: var(--theme-color-2);
}
.patterns-additionals p:last-child {
    margin-bottom: 0px;
}
.woocommerce div.product.product_cat-patterns-yarn .yith-wcwl-add-to-wishlist,
.woocommerce div.product.product_cat-patterns-yarn #reviews {
    display: none;
    opacity: 0;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Patterns Buttons
--------------------------------------------------------------*/
.patterns-buttons {
    display: block;
    margin-top: 5rem;
}
.patterns-buttons .see-more {}
.patterns-buttons .download_pdf {}
.patterns-buttons .subscribe {}
.btn-theme-style-1 {
    display: inline-block;
    color: var(--theme-color-4);
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 13px 30px;
    border: 2px solid var(--theme-color-5);
}
.btn-theme-style-1:hover {
    background: var(--theme-color-4);
    border-color: var(--theme-color-4);
    color: var(--theme-color-3);
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Accordion
--------------------------------------------------------------*/
.woocommerce div.product .accordion_product {
    margin-bottom: 2rem;
}
.woocommerce div.product .accordion_product .accordion_content:last-child {
    border-bottom: 2px solid var(--theme-color-2);
}
.woocommerce div.product .accordion_content .accordion_title {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 18px 18px 18px 0;
    color: white;
    border-top: 2px solid var(--theme-color-2);
}
.woocommerce div.product .accordion_content .accordion_title:hover,
.woocommerce div.product .accordion_content .accordion_title.accordion_active {
    
}
.woocommerce div.product .accordion_content .accordion_title h4 {
    margin: 0;
    display: inline-block;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--theme-color-2);
}
.woocommerce div.product .accordion_content .accordion_title .accordion_arrow {
    float: right;
    width: 25px;
    height: 25px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color-5);
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.woocommerce div.product .accordion_content .accordion_arrow .plus {display: block;}
.woocommerce div.product .accordion_content .accordion_arrow .less {display: none;}
.woocommerce div.product .accordion_content .accordion_arrow_active .plus {display: none;}
.woocommerce div.product .accordion_content .accordion_arrow_active .less {display: block;}
.woocommerce div.product .accordion_content .accordion_info {
    display: none;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Redes Sociales
--------------------------------------------------------------*/
.social-share-product {
    
}
.social-share-product {
    margin: 2rem 0;
}
.social-share-product p {
    font-size: 30px;
    font-weight: 400;
    margin: 0;
}
.social-share-product .content-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.social-share-product .content-buttons .btn-rs {
    display: block;
    line-height: 0;
    background: var(--theme-color-2);
    border-radius: 5px;
}
.social-share-product .content-buttons .btn-rs:hover {
    background: var(--theme-color-4);
    border-radius: 50%;
}
.social-share-product .content-buttons .btn-rs svg {
    width: 40px;
    height: 40px;
    padding: 10px;
}
.social-share-product .content-buttons .btn-pinterest a {
    height: 40px;
    border-radius: 5px;
    line-height: 39px;
    padding-right: 6px;
    padding-left: 5px;
    font-size: 0;
    background-position: center;
    background-size: auto;
}
.social-share-product .content-buttons .btn-pinterest:hover a {
    border-radius: 50%;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Whislist
--------------------------------------------------------------*/
.yith-wcwl-add-button {
    
}
.yith-wcwl-add-button a {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: var(--theme-color-4);
    transition: var(--theme-transition);
}
.yith-wcwl-add-button a:hover {
    color: var(--theme-color-5);
}
.yith-wcwl-add-button a i {
    color: var(--theme-color-5);
    font-weight: 900;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Reviews
--------------------------------------------------------------*/
.product #reviews {
    background: var(--theme-color-2);
    padding-left: 16%;
    padding-right: 16%;
    padding-top: 70px;
    padding-bottom: 70px;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    column-gap: 10px;
    position: relative;
    overflow: hidden;
}
.product #reviews .woocommerce-Reviews-title {
    grid-column-start: 1;
    grid-column-end: 3;
    color: var(--theme-color-3);
    text-align: center;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
}
.product #reviews .clear:after,
.product #reviews:after,
.product #reviews:before {content: "";position:absolute;}
.product #reviews:before {
    background-image: url(/wp-content/uploads/2022/05/reviews-shape-2.png);
    bottom: 0;
    width: 199px;
    height: 442px;
    left: 0;
}
.product #reviews:after {
    background-image: url(/wp-content/uploads/2022/05/reviews-shape-1.png);
    width: 190px;
    height: 229px;
    right: 0;
    top: 0;
}
.product #reviews .clear:after {
    background-image: url(/wp-content/uploads/2022/05/reviews-shape-3.png);
    width: 188px;
    height: 144px;
    right: 0;
    bottom: 0;
}
.product #reviews .comment-form {
    display: grid;
}
.product #reviews .comment-form label {
    display: block;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 7px;
}
.woocommerce #review_form #respond textarea,
.product #reviews .comment-form input[type="email"],
.product #reviews .comment-form input[type="text"] {
    width: 100%;
    border: 1px solid var(--theme-color-3);
    border-radius: 3px;
    padding: 12px 20px;
}
.product #reviews #comments {
    background: #FFFFFF;
    border: 1px solid #48515B;
    border-radius: 10px;
    padding: 35px;
    position: relative;
    z-index: 5;
}
.product #reviews #review_form_wrapper {
    background: #FFFFFF;
    border: 1px solid #48515B;
    border-radius: 10px;
    padding: 35px;
    position: relative;
    z-index: 5;
}
.product #reviews .comment-form .comment-notes {
    order: 1;
}
.product #reviews .comment-form .comment-form-rating {
    order: 4;
}
.product #reviews .comment-form .comment-form-rating .stars a {
    color: var(--theme-color-5);
}
.product #reviews .comment-form .comment-form-comment {
    order: 5;
}
.product #reviews .comment-form .comment-form-author {
    order: 2;
}
.product #reviews .comment-form .comment-form-email {
    order: 3;
}
.product #reviews .comment-form .comment-form-cookies-consent {
    order: 6;
}
.product #reviews .comment-form .form-submit {
    order: 7;
}
.woocommerce .product #reviews .comment-form .form-submit #submit {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid var(--theme-color-5);
    border-radius: 6px;
    background: white;
    color: var(--theme-color-4);
    width: 100%;
}
.product #reviews #comments {
    padding: 0;
    background: transparent;
    border: 0;
}
.product #reviews .woocommerce-verification-required,
.product #reviews #comments .woocommerce-noreviews {
    position: relative;
    background: white;
    padding: 2rem;
    font-size: 1.2rem;
    border-radius: 10px;
    height: 100%;
}
.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
    max-height: 635px;
    overflow: auto;
    padding-left: 35px;
    padding-right: 12px;
}
/* width */
.woocommerce #reviews #comments ol.commentlist::-webkit-scrollbar {
    width: 8px;
    background: white;
    border-radius: 10px;
}

/* Track */
.woocommerce #reviews #comments ol.commentlist::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
.woocommerce #reviews #comments ol.commentlist::-webkit-scrollbar-thumb {
    background: var(--theme-color-5);
    border-radius: 10px;
}

/* Handle on hover */
.woocommerce #reviews #comments ol.commentlist::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-4);
}

.woocommerce #reviews #comments ol.commentlist li {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 8px 16px rgba(51, 76, 41, 0.05);
    padding: 35px 54px;
}
.woocommerce #reviews #comments ol.commentlist li:last-child {
    margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    display: grid;
    margin: 0;
    border: 0;
    border-radius: 4px;
    padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
    grid-row-start: 3;
    margin-bottom: 20px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    top: 37px;
    left: -30px;
    padding: 1px;
    width: 56px;
    border-radius: 50%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    margin-bottom: 15px;  
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--theme-color-2);
}
.woocommerce .star-rating span::before {
    color: var(--theme-color-5);
}
.product #reviews .comment-form .comment-form-cookies-consent label {
    display: inline;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Single Product / Reviews
--------------------------------------------------------------*/
.product section.related {
    padding: 70px;
}
.product section.related .related-title {
    color: var(--theme-color-5);
    margin-bottom: 30px;
}
.product section.related .woocommerce ul.products, 
.product section.related .woocommerce-page ul.products {
    
}

/*--------------------------------------------------------------
# Custom Woocommerce / Cart
--------------------------------------------------------------*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}
.btn-return {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: var(--theme-color-4);
}
.btn-return svg {
    margin-right: 14px;
}
.btn-return:hover {
    color: var(--theme-color-5);
}
.woocommerce-cart .return-to-shop {
    display: none !important;
}
.woocommerce-cart #primary {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    background: rgb(231 220 194 / 20%);
}
.woocommerce-cart .site .woocommerce {
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.woocommerce-NoticeGroup,
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message,
.woocommerce-cart .site .woocommerce .woocommerce-notices-wrapper {
    grid-column-start: 1;
    grid-column-end: 3;
}
.ywgc_enter_code,
.ywgc_have_code {
    margin: 0;
    grid-column-start: 1;
    grid-column-end: 3;
}
#yith-par-message-cart img {
    max-height: 1.5rem;
    padding-right: 0px !important;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    padding: 10px 2em 10px 3.5em;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    top: 10px;
}
.woocommerce-message {
	display: none;
}
.woocommerce-cart .site .woocommerce .woocommerce-cart-form {
    padding: 30px;
}
.woocommerce-cart .site .woocommerce .cart-collaterals {
    background: white;
    padding: 30px
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: auto;
}
.woocommerce .cart-collaterals .cart_totals table tr th, 
.woocommerce-page .cart-collaterals .cart_totals table tr th {
    color: var(--theme-color-2);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}
.woocommerce .cart-collaterals .cart_totals table tr td, 
.woocommerce-page .cart-collaterals .cart_totals table tr td {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: var(--theme-color-2);
}
.woocommerce .cart-collaterals .cart_totals h2, 
.woocommerce-page .cart-collaterals .cart_totals h2 {
    font-family: 'Moret';
    color: var(--theme-color-4);
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
}
.woocommerce table.shop_table,
.woocommerce table.shop_table td {
    border: 0;
}
#add_payment_method table.cart img, 
.woocommerce-cart table.cart img, 
.woocommerce-checkout table.cart img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: center;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid var(--theme-color-3);
    padding: 3px;
}
.woocommerce table.shop_table, 
.woocommerce table.shop_table td,
.woocommerce table.shop_table td a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}
.woocommerce table.shop_table tbody tr.shipping {
    display: none;
}
.woocommerce table.shop_table thead th {
    color: var(--theme-color-4);
} 
.woocommerce table.woocommerce-cart-form__contents tbody td {
    border-bottom: 10px solid rgb(231 220 194 / 20%);
    background: white !important;
    color: var(--theme-color-5);
}
.woocommerce table.woocommerce-cart-form__contents tbody td .variation {
    color: var(--theme-color-2);
}
.woocommerce table.shop_table td ins,
.woocommerce table.shop_table td del {
    color: var(--theme-color-2);
}
.woocommerce table.woocommerce-cart-form__contents tbody td a {
    color: var(--theme-color-4);
}
.woocommerce table.woocommerce-cart-form__contents tbody td.product-remove {
    border-radius: 10px 0 0 20px;
}
.woocommerce table.woocommerce-cart-form__contents tbody td.product-remove a {
    font-size: 1.63rem;
    background: var(--theme-color-3);
    line-height: 1;
    color: var(--theme-color-2) !important;
    font-weight: 100;
    margin: auto;
}
.woocommerce table.woocommerce-cart-form__contents tbody td.product-subtotal {
    border-radius: 0 10px 20px 0;
    color: var(--theme-color-2);
}
.woocommerce table.woocommerce-cart-form__contents .quantity .qty {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    width: 75px;
    height: 50px;
    border: 1px solid var(--theme-color-3);
    color: var(--theme-color-2);
}
.woocommerce table.woocommerce-cart-form__contents .coupon #coupon_code {
    width: 160px;
    height: 38px;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Checkout
--------------------------------------------------------------*/
.logged-in.woocommerce-checkout form.woocommerce-checkout #kl_newsletter_checkbox_field {
    display: none !important;
}
.woocommerce-checkout form.woocommerce-checkout .select2-selection--single {
    color: var(--theme-color-2);
    background: transparent;
    border: 1px solid var(--theme-color-3);
    height: 50px;
    padding: 0 16px;
    border-radius: 3px;
    width: 100%;
    max-width: 100%;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    transition: var(--theme-transition);
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    line-height: 50px;
}
.woocommerce-checkout form.woocommerce-checkout {
    display: grid;
    grid-template-columns: auto 400px;
    gap: 20px;
    margin-bottom: 3rem;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details:after,
.woocommerce-checkout form.woocommerce-checkout #customer_details:before {content: none;}
.woocommerce-checkout form.woocommerce-checkout #customer_details {
    display: grid;
    gap: 20px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order {
    background: #FAF8F3;
    padding: 2rem;
    border-radius: 10px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tbody tr td {
    border-bottom: 10px solid rgb(231 220 194 / 20%);
    background: white !important;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tbody tr td.product-name {
    border-radius: 10px 0 0 20px;
    color: var(--theme-color-4);
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tbody tr td.product-name .variation {
    display: grid;
    margin: 0;
    font-size: 12px;
    color: var(--theme-color-2);
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tbody tr td.product-name .variation p {
    font-size: 12px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tbody tr td.product-total {
    border-radius: 0 10px 20px 0;
    color: var(--theme-color-2);
    width: 150px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot tr th {
    color: var(--theme-color-4);
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot tr td {
    color: var(--theme-color-2);
    width: 70%;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total th,
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table ul#shipping_method li label {
    color: var(--theme-color-2);
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .error-tax {
    position: absolute;
    right: 0;
    color: red;
    top: 10px;
    font-size: 12px;
    bottom: 0;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment {
    background: transparent;
    border: 0;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment ul.payment_methods {
    padding: 0;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment ul.payment_methods li label {
    color: var(--theme-color-4);
    font-weight: 600;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment ul.payment_methods li .payment_box {
    background: white;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment ul.payment_methods li .payment_box p {
    color: var(--theme-color-2);
    font-size: 16px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment ul.payment_methods li .payment_box:before {
    border: 1em solid white;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment #place_order {
    width: 100%;
    float: none;
    background: var(--theme-color-5);
    border-color: var(--theme-color-5);
    height: 60px;
    transition: var(--theme-transition);
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order #payment #place_order:hover {
    background: var(--theme-color-4);
    border-color: var(--theme-color-4);
}
/*--------------------------------------------------------------
# Custom Woocommerce / My Account
--------------------------------------------------------------*/
.woocommerce-account {
    background: var(--theme-color-1);
}
.woocommerce-account main.container {
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.woocommerce-account #customer_login:after,
.woocommerce-account #customer_login:before {
    content: none;    
}
.woocommerce-account #customer_login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20%;
    padding: 3rem 0;
    max-width: 75%;
    margin: auto;
}
.woocommerce-account #customer_login h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
    color: var(--theme-color-5);
}
.woocommerce form .form-row label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
}
.woocommerce-account #customer_login form {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
}
.woocommerce-account #customer_login form button[type="submit"] {
    float: none;
    margin-right: 0;
    width: 100%;
    border: 2px solid var(--theme-color-5);
    background: white;
    color: var(--theme-color-4);
    transition: var(--theme-transition);
}
.woocommerce-account #customer_login .woocommerce-LostPassword {
    margin-top: 36px;
    margin-bottom: 0;
}
.woocommerce-account #customer_login .woocommerce-LostPassword a {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--theme-color-4);
    text-transform: uppercase;
}
.woocommerce-account #customer_login form button[type="submit"]:hover {
    background: var(--theme-color-4);
    color: var(--theme-color-3);
    border-color: var(--theme-color-4);
}
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1 {
    float: none;
    width: 100%;
}
.woocommerce-account #customer_login .u-column2,
.woocommerce-account #customer_login .u-column1 {
    background: white;
    border-radius: 10px;
    padding: 2.5rem;
}
.woocommerce-account .account-shape-1:after,
.woocommerce-account .account-shape-1:before,
.woocommerce-account .account-shape-2:after,
.woocommerce-account .account-shape-2:before,
.woocommerce-account .account-shape-3:after,
.woocommerce-account .account-shape-3:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
}
.woocommerce-account .account-shape-1:after {
    background-image: url(/wp-content/uploads/2022/06/login-1.png);
    width:102px;
    height:69px;
    top: 40px;
    left: 50px;
}
.woocommerce-account .account-shape-1:before {
    background-image: url(/wp-content/uploads/2022/06/login-2.png);
    width:138px;
    height:85px;
    top: 130px;
    left: 0;
    right: 0;
    margin: auto;
}
.woocommerce-account .account-shape-2:after {
    background-image: url(/wp-content/uploads/2022/06/login-3.png);
    width:174px;
    height:223px;
    top: 0;
    right: 0;
}
.woocommerce-account .account-shape-2:before {
    background-image: url(/wp-content/uploads/2022/06/login-4.png);
    width:156px;
    height:187px;
    bottom: 0;
    left: 0;
}
.woocommerce-account .account-shape-3:after {
    background-image: url(/wp-content/uploads/2022/06/login-5.png);
    width:384px;
    height:130px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.woocommerce-account .account-shape-3:before {
    background-image: url(/wp-content/uploads/2022/06/login-6.png);
    width:1903px;
    height:541px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 20%;
    margin-left: 10%;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    list-style: none;
    background: #faf8f3;
    border-radius: 10px;
    padding: 1.5rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    border: 2px solid var(--theme-color-5);
    padding: 10px;
    border-radius: 5px;
    color: var(--theme-color-4);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    max-width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--theme-color-4);
    color: var(--theme-color-3);
    border-color: var(--theme-color-4);
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 58%;
    margin-right: 10%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background: #faf8f3;
    border-radius: 10px;
    padding: 1.5rem;
}
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
    margin-top: 1.5rem;
}
.woocommerce-account .woocommerce-privacy-policy-text {
    display: none !important;
}
.woocommerce-account .wc-terms-and-conditions label {
    font-weight: 100 !important;
}
/*--------------------------------------------------------------
# Custom Woocommerce / Reset Password
--------------------------------------------------------------*/
.woocommerce-lost-password main .woocommerce-ResetPassword {
    padding: 3rem 0;
    max-width: 75%;
    margin: auto;
    text-align: center;
    background: white;
    border-radius: 10px;
    padding: 2.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.woocommerce-lost-password main .woocommerce-ResetPassword p:first-child {
    font-size: 1.2rem;
    line-height: 1.4;
    max-width: 650px;
    margin: auto;
    margin-bottom: 20px;
    font-weight: 600;
}
.woocommerce-lost-password main .woocommerce-ResetPassword .form-row {
    padding: 10px;
    margin: auto;
    text-align: center;
    width: 100%;
}
.woocommerce-lost-password main .woocommerce-ResetPassword .form-row input.input-text, 
.woocommerce-lost-password main .woocommerce-ResetPassword .form-row textarea {
    max-width: 400px;
}
/*--------------------------------------------------------------
# Custom Woocommerce / My Whishlist
--------------------------------------------------------------*/
.woocommerce-wishlist {
    background: var(--theme-color-1);
}
.woocommerce-wishlist main {
    padding: 2%;
}
.woocommerce-wishlist .wishlist-title-container {
    text-align: center;
}
.woocommerce-wishlist .entry-footer,
.woocommerce-wishlist .wishlist-title-container .show-title-form {
    display: none;
}
.woocommerce-wishlist .wishlist-title-container .wishlist-title h2 {
    color: var(--theme-color-5);
}
.woocommerce-wishlist table.wishlist_table {
    background: var(--theme-color-3);
    padding: 1rem;
}
.woocommerce-wishlist table.wishlist_table td {
    border-top: 1px solid rgb(51 76 41 / 10%);
}
.woocommerce-wishlist table.wishlist_table thead th {
    border: 0;
    text-align: center;
}
.woocommerce-wishlist table.wishlist_table thead th.product-name {
    text-align: left;
}
.woocommerce-wishlist table.wishlist_table tbody.wishlist-items-wrapper tr td.product-remove a {
    font-size: 1.5rem;
    line-height: 1;
}
.woocommerce-wishlist table.wishlist_table tbody.wishlist-items-wrapper tr td.product-thumbnail {
    width: 120px;
}
.woocommerce-wishlist table.wishlist_table tbody.wishlist-items-wrapper tr td.product-thumbnail a {
    max-width: initial;
}
/*--------------------------------------------------------------
# Custom Search Popup Style
--------------------------------------------------------------*/
/**STYLE TOP CONTAINER HERE**/
.slide-top {  
  width: 100%;
    height: 165px;
    background: var(--theme-color-3);
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  z-index: 1000;
  transform: translate3d(0, -100%, 0);
    transition: var(--theme-transition);
}
.slide-top .button-slide-top {
    background: var(--theme-color-5);
    color: var(--theme-color-3);
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 1rem;
    position: relative;
    top: 10px;
    cursor: pointer;
}
/**SLIDE TOP ON ACTION**/
.slide-top-show {
  transform: translate3d(0, 0, 0);
     transition: var(--theme-transition);
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
    max-width: 700px;
    margin: auto !important;
    border-color: var(--theme-color-2) !important;
}
div.asl_w .probox .promagnifier .innericon svg {
    fill: var(--theme-color-2) !important;
}
div.asl_r.vertical {
    max-width: 700px;
    margin: auto !important;
    right: 0;
    left: 0 !important;
}
#ajaxsearchliteres1.asl_r .results .item .asl_content h3,
#ajaxsearchliteres1.asl_r .results .item .asl_content h3 a {
    font-size: 18px;
    color: var(--theme-color-4);
    font-family: 'Hurme Geometric Sans 4';
}
#ajaxsearchliteres1.asl_r .results .item .asl_content .asl_desc {
    font-size: 16px;
    line-height: 1.3;
}
#ajaxsearchliteres1.asl_m .probox .proclose svg {
    background: var(--theme-color-5);
}
/*--------------------------------------------------------------
# Custom ADD CART LATERAL
--------------------------------------------------------------*/
/**STYLE TOP CONTAINER HERE**/
.slide-right {  
  width: 400px;
  height: 100%;
  overflow: auto;
  background: var(--theme-color-3);
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  right: -400px;
  z-index: 9999999999;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
								
/**SLIDE TOP ON ACTION**/
.slide-right-show {
  right: 0;
}
.fog { /**CREAT A FOG WHEN TOP ACTIVED **/
	position:fixed;
	display:block;
    background: rgb(255 255 255 / 0%); /**YOU CAN CHANGE COLOR AND OPACITY OF THE FOG HERE**/ 
	z-index:98;
	top:0;
	right:0;
	width:100%;
    height:100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.no-scroll {
    overflow-y: hidden;
}
/*--------------------------------------------------------------
# Custom ADD CART LATERAL Style
--------------------------------------------------------------*/
.no-add-products {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
}
.cart-button-close {
    display: inline-block;
    float: right;
    background: var(--theme-color-1);
    color: var(--theme-color-5);
    padding: 14px 16px 12px 22px;
    border-radius: 5px 0px 5px 35px;
    cursor: pointer;
}
.cart-container .cart-title-lateral {
    text-align: center;
    font-family: 'Moret';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    color: var(--theme-color-5);
}
.cart-container .cart-title-lateral span {
    color: var(--theme-color-4);
    margin-left: 15px;
}
.cart-content-lateral {
    padding: 2rem;
    border-bottom: 1px solid var(--theme-color-2);
    margin-bottom: 55px;
}
.cart-content-lateral .cart-content {
    display: grid;
    grid-template-columns: 2fr 4fr 1fr;
    gap: 16px;
    margin-bottom: 1rem;
    background: white;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
}
.cart-content-lateral .cart-content .remove-product {
    text-align: center;
    background: var(--theme-color-3);
    color: var(--theme-color-2);
    border-radius: 50%;
    padding: 5px 0;
    cursor: pointer;
    line-height: 1;
    width: 25px;
    font-size: 14px;
}
.cart-content-lateral .cart-content .cart-image a {
    line-height: 0;
    display: block;
}
.cart-content-lateral .cart-content .cart-image a img {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #E7DCC2;
}
.cart-content-lateral .cart-content .cart-info {
    
}
.cart-content-lateral .cart-content .cart-info p {
    margin-bottom: 0px;
}
.cart-content-lateral .cart-content .cart-info .cart-product-title {
    color: var(--theme-color-4);
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}
.cart-content-lateral .cart-content .cart-info .cart-product-price {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--theme-color-5);
}
.cart-content-lateral .cart-content .cart-info .cart-product-price span {
    
}
.cart-footer {
    padding-left: 2rem;
    padding-right: 2rem;
}
.cart-footer a {
    display: block;
    border: 2px solid var(--theme-color-5);
    border-radius: 6px;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 0;
}
.cart-footer .sub-total {
    
}
.cart-footer .sub-total p {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--theme-color-4);
}
.cart-footer .sub-total span {
    float: right;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--theme-color-5);
}
.cart-footer .cart-checkout {
    margin-bottom: 20px;
}
.cart-footer .cart-checkout a {
    background: var(--theme-color-5);
    color: var(--theme-color-3);
}
.cart-footer .cart-cart {
    
}
.cart-footer .cart-cart a {
    color: var(--theme-color-4);
}
/*--------------------------------------------------------------
# back-to-list
--------------------------------------------------------------*/
.back-to-list {
    display: block;
    color: var(--theme-color-4);
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.back-to-list svg {
    margin-right: 10px;
}
/*--------------------------------------------------------------
# Custom Home Blog
--------------------------------------------------------------*/
.blog-grid-container {
    position: relative;
}
.blog-grid-container article {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.blog-grid-container article .blog-content {
    position: relative;
    background-color: #B4AEF2;
    display: grid;
    align-items: center;
}
.blog-grid-container article .blog-content .slider-shape-1:before,
.blog-grid-container article .blog-content .slider-shape-1:after,
.blog-grid-container article .blog-content .slider-shape-2:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
}
.blog-grid-container article .blog-content .slider-shape-1:before {
    background-image: url(/wp-content/uploads/2022/06/slider-shape-1.png);
    width: 169px;
    height: 105px;
    top: 0;
    left: 0;
    margin: auto;
}
.blog-grid-container article .blog-content .slider-shape-1:after {
    background-image: url(/wp-content/uploads/2022/06/slider-shape-2.png);
    width: 296px;
    height: 135px;
    bottom: 0;
    left: 0;
    margin: auto;
}
.blog-grid-container article .blog-content .slider-shape-2:before {
    background-image: url(/wp-content/uploads/2022/06/slider-shape-3.png);
    width: 175px;
    height: 174px;
    bottom: 0;
    right: 50px;
    margin: auto;
}
.blog-grid-container article .blog-content .content-blog {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 500px;
    margin: auto;
    margin-bottom: 0;
}
.blog-grid-container article .blog-content .blog-category {
    margin-bottom: 10px;
}
.blog-grid-container article .blog-content .blog-category a {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--theme-color-4);
}
.blog-grid-container article .blog-content .blog-title {
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 115px;
}
.blog-grid-container article .blog-content .blog-title a {
    color: var(--theme-color-5);
}
.blog-grid-container article .blog-content .blog-date {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 40px;
}
.blog-grid-container article .blog-content .blog-btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--theme-color-4);
    border: 2px solid var(--theme-color-5);
    padding: 0.84rem 1.6rem;
    display: inline-block;
    border-radius: 6px;
    background: var(--theme-transition);
}
.blog-grid-container article .blog-content .blog-btn:hover {
    background: var(--theme-color-4);
    color: var(--theme-color-3);
    border-color: var(--theme-color-4);
}
.blog-grid-container article .blog-thumbnail a {
    display: block;
    line-height: 0;
    height: 100%;
}
.blog-grid-container article .blog-thumbnail a img {
    width: 100%;
    height: 450px;
    max-height: 450px;
    object-fit: cover;
}
.blog-grid-container .owl-dots {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 50%;
    max-width: 500px;
    margin: auto;
}
.blog-grid-container .owl-dots .owl-dot {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--theme-color-3);
    border: 4px solid var(--theme-color-5);
    box-shadow: 0 0 0 10px var(--theme-color-3);
    margin-right: 25px;
    transition: var(--theme-transition);
}
.blog-grid-container .owl-dots .owl-dot:hover,
.blog-grid-container .owl-dots .owl-dot.active {
    background: var(--theme-color-5);
}
.blog-grid-container .owl-dots .owl-dot:last-child {
    margin-right: 0;
}
/*--------------------------------------------------------------
# Custom Blog
--------------------------------------------------------------*/
.grid-container {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 20px;
    margin-top: 60px;
}
.grid-container .grid-post {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 3rem;
}
.single .woocommerce-breadcrumb {
    margin-top: 2rem;
}
.single .grid-container {
    margin-top: 1rem;
}
/*--------------------------------------------------------------
# Custom Blog / Sidebar
--------------------------------------------------------------*/
.grid-container #secondary.widget-area .widget-title {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--theme-color-2);
    margin-bottom: 8px;
}
.grid-container #secondary.widget-area .widget {
    border-radius: 10px;
    background: #FAF8F3;
    padding: 33px;
    margin-bottom: 20px;
}
.grid-container #secondary.widget-area .widget form.search-form {
    position: relative;
}
.grid-container #secondary.widget-area .widget form.search-form label .search-field {
    padding-right: 2.5rem;
}
.grid-container #secondary.widget-area .widget form.search-form label:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2022/06/search-widget.png);
    background-size: contain;
    width: 15px;
    height: 15px;
    right: 1rem;
    top: 1rem;
}
.grid-container #secondary.widget-area .widget form.search-form .search-submit {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 0;
    border: 0;
    width: 2.5rem;
    background: transparent;
    cursor: pointer;
}
.grid-container #secondary.widget-area .widget.widget_media_image {
    border-radius: 0px;
    background: transparent;
    padding: 0px;
}
.grid-container #secondary.widget-area .widget.widget_media_image img {
    border-radius: 10px;
}
.grid-container #secondary.widget-area .widget_categories {
    
}
.grid-container #secondary.widget-area .widget_categories form {
    
}
.grid-container #secondary.widget-area .widget_search .search-field,
.grid-container #secondary.widget-area .widget_categories form select {
    background: transparent;
    width: 100%;
    height: 50px;
    border: 1px solid var(--theme-color-3);
    border-radius: 3px;
    padding: 0 11px;
    color: var(--theme-color-2);
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
/*--------------------------------------------------------------
# Custom Blog / Sidebar / Lasted Blog Shortcode
--------------------------------------------------------------*/
.lasted-blog {
    display: grid;
    grid-template-columns: 110px 1fr;
}
.lasted-blog {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 20px;
    margin-bottom: 10px;
}
.lasted-blog:last-child {
    margin-bottom: 0px;
}
.lasted-blog .blog-thumbnail img {
    border-radius: 10px;
}
.lasted-blog .blog-date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.lasted-blog .blog-title {
    line-height: 1;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.lasted-blog .blog-title a {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 0;
}
/*--------------------------------------------------------------
# Custom Blog / Single
--------------------------------------------------------------*/
.single-post .grid-container .entry-meta {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}
.single-post .grid-container .entry-title {
    font-family: 'Moret';
    color: var(--theme-color-5);
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 30px;
}
.single-post .grid-container article .post-thumbnail {
    margin-bottom: 50px;
}
.single-post .grid-container article .post-thumbnail img {
    width: 100%;
    border-radius: 10px;
}
.single-post .grid-container article .entry-content h2,
.single-post .grid-container article .entry-content h3,
.single-post .grid-container article .entry-content h4,
.single-post .grid-container article .entry-content h5 {
    font-family: 'Moret';
    font-style: normal;
    font-weight: 600;
    line-height: 1.15;
    color: var(--theme-color-5);
}
.single-post .grid-container article .entry-content h2 {font-size: 36px;}
.single-post .grid-container article .entry-content h3 {font-size: 26px;}
.single-post .grid-container article .entry-content h4 {font-size: 20px;}
.single-post .grid-container article .entry-content h5 {font-size: 18px;}
.single-post .grid-container .entry-author {
    background: #FAF8F3;
    padding: 24px 30px;
    border-radius: 10px;
    border-bottom: 1px solid rgb(51 76 41 / 10%);
    display: grid;
    grid-template-columns: 200px auto;
    gap: 30px;
    margin-bottom: 70px;
}
/*--------------------------------------------------------------
# Custom Blog / Share
--------------------------------------------------------------*/
.share-blog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FAF8F3;
    padding: 24px 30px;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid rgb(51 76 41 / 10%);
}
.share-blog .share {
    font-family: 'Moret';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
}
.share-blog .share-rs {
    
}
.share-blog .share-rs .content-buttons {
    
}
.share-blog .share-rs .content-buttons .btn-rs {
    background: var(--theme-color-3);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    margin-right: 14px;
}
.share-blog .share-rs .content-buttons .btn-rs:last-child {
    margin-right: 0px;
}
.share-blog .share-rs .content-buttons .btn-rs svg path {
    fill: var(--theme-color-2);
}
/*--------------------------------------------------------------
# Custom Blog / Related
--------------------------------------------------------------*/
.blog-related .blog-related-title {
    font-family: 'Moret';
    color: var(--theme-color-5);
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 30px;
}
.blog-related .related-grid {
    margin-bottom: 20px;
}
.blog-related .see-more {
    text-align: center;
    margin-bottom: 55px;
}
.blog-related .see-more a {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--theme-color-4);
    border: 2px solid var(--theme-color-5);
    border-radius: 6px;
    padding: 15px 35px;
    display: inline-block;
}
/*--------------------------------------------------------------
# Custom Blog / Loop
--------------------------------------------------------------*/
.blog-items {
    text-align: center;
    background: #F7F7F7;
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid white;
    box-sizing: border-box;
    filter: drop-shadow(0px 8px 16px rgba(51, 76, 41, 0.05));
    padding-bottom: 29px;
    position: relative;
    transition: var(--theme-transition);
}
.blog-items:hover {
    background: var(--theme-color-1);
}
.blog-items .blog-thumbnail {
    position: relative;
}
.blog-items .blog-thumbnail a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--theme-color-1);
    opacity: 0;
    transition: var(--theme-transition);
}
.blog-items:hover .blog-thumbnail a:after {
    opacity: 0.6;
}
.blog-items .blog-thumbnail {
    margin-bottom: 10px;
}
.blog-items .blog-thumbnail a {
    display: block;
    line-height: 0;
    overflow: hidden;
}
.blog-items .blog-thumbnail a img {
    width: 100%;
    transition: var(--theme-transition);
}
.blog-items .blog-thumbnail a:hover img {
    transform: scale(1.3) rotate(15deg);
}
.blog-items .blog-date {
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px;
    position: relative;
    z-index: 10;
}
.blog-items .blog-title {
    margin: 0;
    position: relative;
    z-index: 10;
}
.blog-items .blog-title a {
    min-height: 48px;
    font-family: 'Hurme Geometric Sans 4';
    font-style: normal;
    color: var(--theme-color-2);
    font-weight: 700;
    font-size: 16px;
    padding: 0 8px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*--------------------------------------------------------------
# Plugin Filters
--------------------------------------------------------------*/
.bapf_clr_woborder.bapf_sfilter .bapf_clr_span {
    border: 1px solid #c5c5c5;
}
.select2-container--default .select2-selection--single {
    height: auto;
}
/*--------------------------------------------------------------
# Plugin Owl Carousel
--------------------------------------------------------------*/
#page .owl-carousel .owl-nav button.owl-next, 
#page .owl-carousel .owl-nav button.owl-prev {
    background: var(--theme-color-4);
    color: inherit;
    border: none;
    padding: 15px 17.5px !important;
    font: inherit;
    border-radius: 50%;
    line-height: 0;
    transition: .3s ease;
}
#page .owl-carousel .owl-nav button.owl-next {
    margin-left: 20px;
}
#page .owl-carousel .owl-nav button.owl-next:hover, 
#page .owl-carousel .owl-nav button.owl-prev:hover {
    background: var(--theme-color-5);
}
/*--------------------------------------------------------------
# Custom Owl Slider
--------------------------------------------------------------*/
.owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    top: 42%;
}
.owl-nav .owl-next {
    position: absolute;
    right: -20px;
    top: 42%;
}
.woocommerce.wc_products_footer_slider {
    display: block !important;
}
.woocommerce ul.products .owl-stage .owl-item li.product, 
.woocommerce-page ul.products .owl-stage .owl-item li.product {
    float: none;
    margin: 0;
    position: relative;
    width: auto;
}
/*--------------------------------------------------------------
# Plugin Cookies
--------------------------------------------------------------*/
#cookie-law-info-bar {
    z-index: 20000000001;
}
/*--------------------------------------------------------------
# Plugin Klaviyo Script
--------------------------------------------------------------*/
#colophon .klaviyo-form form button {
    color: var(--theme-color-3) !important;
    border: 1px solid var(--theme-color-3) !important;
    font-size: 1rem !important;
}
#colophon .klaviyo-form form .needsclick {
    color: var(--theme-color-3) !important;
}
#colophon .klaviyo-form form span.needsclick,
#colophon .klaviyo-form form input.needsclick {
    color: var(--theme-color-2) !important;
}
#colophon .klaviyo-form form input.needsclick {
    max-width: 100% !important;
    margin: 0;
    width: 100% !important;
}
/*--------------------------------------------------------------
# Custom Responsive
--------------------------------------------------------------*/
@media (max-width: 1199.98px) {
    .slide-right {
        width: 300px;
        right: -300px;
    }
    .slide-right-show {
        right: 0;
    }
    /*Footer
    --------------------------------------*/
    #colophon .footer-widgets {
        grid-template-columns: 1.5fr 2fr 2fr;
        gap: 40px 0;
    }
    #colophon .footer-widgets .grid-item:nth-child(4) {
        grid-column: 2;
        border-left: 0;
    }
    #colophon .site-info {
        padding-left: 30%;
    }
    #colophon .klaviyo-form form div:last-child {
        display: block !important;
    }
    /* Mega Menu
    --------------------------------------*/
    .megamenu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 300px;
        height: 100vh;
        overflow-y: auto;
    }
    .megamenu_patterns .grid,
    .megamenu_ouryarns .grid {
        grid-template-columns: auto;
    }
    .megamenu_ouryarns .grid .column-2 ul.megamenu-list {
        columns: auto;
    }
    .megamenu_patterns .grid .grid-item ul.cat-patterns-yarn {
        display: grid;
    }
    /* Menu Mobile
    --------------------------------------*/
    #masthead nav.main-navigation {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: var(--theme-color-3);
        width: 300px;
        overflow: auto;
        height: 100%;
        padding: 2rem;
        transform: translateX(-300px);
        transition: var(--theme-transition);
    }
    #masthead nav.main-navigation.active {
        transform: translateX(0);
        z-index: 99;
    }
    #masthead .main-navigation ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    #masthead .container .content-header .buttons-header {
        grid-column: 3;
    }
    .megamenu .megamenu-title {
        font-size: 22px;
        line-height: 1;
        margin-bottom: 14px;
    }
    /* Single Product
    --------------------------------------*/
    .woocommerce div.product .product-image-sumary {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .woocommerce div.product .product-image-sumary div.summary {
        padding: 30px;
    }
    .product #reviews {
        padding-left: 3%;
        padding-right: 3%;
    }
    /* Shop & Sidebar
    --------------------------------------*/
    .woocommerce-container {
        grid-template-columns: 300px 1fr;
    }
    #secondary.widget-area.sidebar-woocommerce {
        padding: 50px 30px 0;
    }
    /* Cart
    --------------------------------------*/
    .woocommerce-cart .site .woocommerce {
        grid-template-columns: 1.5fr 1fr;
    }
    .woocommerce-cart table.cart .product-thumbnail {
        min-width: 100px;
    }
    #add_payment_method table.cart img, 
    .woocommerce-cart table.cart img, 
    .woocommerce-checkout table.cart img {
        width: 150px;
        height: auto;
        max-height: 150px;
    }
    .woocommerce table.woocommerce-cart-form__contents .coupon {
        float: none !important;
    }
    .woocommerce table.woocommerce-cart-form__contents .coupon #coupon_code {
        width: 100%;
        margin-bottom: 14px;
    }
    .woocommerce table.woocommerce-cart-form__contents .coupon button {
        width: auto !important;
        margin-bottom: 12px;
        font-size: 14px;
        padding: 10px 30px;
    }
    /* My Account / Login & Register
    --------------------------------------*/
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 25%;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 53%;
    }
    /* My Account / Login & Register
    --------------------------------------*/
    .woocommerce-account #customer_login {
        gap: 15%;
        max-width: 85%;
    }
    .woocommerce-account .account-shape-1:after {
        top: 14px;
        left: 14px;
        background-size: 60%;
    }
    .woocommerce-account .account-shape-1:before {
        top: 12px;
        background-size: 50%;
        background-position: top;
    }
    .woocommerce-account .account-shape-2:after {
        background-size: 50%;
        background-position: top right;
    }
    .woocommerce-account .account-shape-2:before {
        background-size: 58%;
        background-position: bottom left;
    }
    .woocommerce-account .account-shape-3:after {
        background-size: 58%;
        background-position: bottom right;
    }
    .woocommerce-account .account-shape-3:before {
        background-size: 70%;
    }
    /* Checkout
    --------------------------------------*/
    .woocommerce-checkout form.woocommerce-checkout #customer_details {
        grid-template-columns: 1fr;
    }
    /* Blog Home
    --------------------------------------*/
    .blog-grid-container .owl-dots,
    .blog-grid-container article .blog-content .content-blog {
        max-width: 360px;
        padding: 0 16px;
    }
    .blog-grid-container .owl-dots {
        bottom: 2rem;
    }
    .grid-container {
        grid-template-columns: 1fr 330px;
    }
    .grid-container .grid-post {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 1200px) {
    #masthead .btn-menu-mobile {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .grid-container header {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}
@media (max-width: 1599px) {
    header.woocommerce-category .term-description p {
        font-size: 16px;
        line-height: 22px;
    }
    header.woocommerce-category .content-info {
        width: 50%;
        padding-right: 0;
    }
}
@media (max-width: 991.98px) {
    #masthead .container .content-header {
        display: grid;
        grid-template-columns: 130px auto;
        align-items: center;
        justify-content: space-between;
    }
    #masthead .container .content-header .buttons-header {
        grid-column: 2;
        margin-left: 0;
    }
    
    #masthead .container .content-header .buttons-header .btn-menu-wishlist,
    #masthead .container .content-header .buttons-header .btn-info-client,
    #masthead .container .content-header .buttons-header .btn-menu-rewards {
        display: none;
    }
    #masthead .container .content-header .buttons-header .menu-buttons {
        line-height: 0;
        width: 35px;
        height: 35px;
        background: var(--theme-color-1);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }
    #secondary.widget-area.sidebar-woocommerce {
        display: none;
    }
    #colophon .site-info {
        padding-left: 36%;
    }
    .woocommerce-container {
        grid-template-columns: auto;
    }
    .woocommerce-cart .site .woocommerce {
        grid-template-columns: auto;
    }
    .woocommerce-NoticeGroup, 
    .woocommerce-error, 
    .woocommerce-info, 
    .woocommerce-message, 
    .woocommerce-cart .site 
    .woocommerce .woocommerce-notices-wrapper {
        grid-column-start: auto;
        grid-column-end: auto;
    }
    .ywgc_enter_code, .ywgc_have_code {
        grid-column-start: auto;
        grid-column-end: auto;
    }
    /* Single Product
    --------------------------------------*/
    .woocommerce div.product div.summary .back-to-list {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .woocommerce div.product div.summary .posted_in_category {
        margin-bottom: 10px;
    }
    .woocommerce div.product div.summary .product_title {
        font-size: 28px;
        line-height: 35px;
    }
    .woocommerce div.product form.cart .variations select {
        margin-right: 0;
    }
    .woocommerce div.product form.cart .variations tr td {
        display: flex;
        align-items: center;
        gap: 1em
    }
    .woocommerce div.product form.cart .button {
        width: auto;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .woocommerce div.product form.cart .button.custom-checkout-btn {
        margin-left: 8px;
    }
    .woocommerce .quantity .qty {
        width: 4rem;
    }
    .woocommerce #reviews #comments h2 {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    .woocommerce #reviews #comments ol.commentlist li {
        padding: 16px 35px;
    }
    /* Single Product / Related
    --------------------------------------*/
    .product section.related {
        padding: 30px;
    }
    /* My Account / Login & Register
    --------------------------------------*/
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none;
        width: 100%;
        max-width: 85%;
        margin: 2rem auto 2rem auto;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
        max-width: 85%;
        margin: 2rem auto 4rem auto;
    }
    /* My Account / Login & Register
    --------------------------------------*/
    .woocommerce-account #customer_login {
        gap: 5%;
        max-width: 90%;
    }
    /* My Account / Lost Password
    --------------------------------------*/
    .woocommerce-lost-password main .woocommerce-ResetPassword {
        max-width: 90%;
        padding: 1.5rem;
    }
    /* Checkout
    --------------------------------------*/
    .woocommerce-checkout form.woocommerce-checkout {
        grid-template-columns: 1fr;
    }
    /* Blog Home
    --------------------------------------*/
    .grid-container {
        grid-template-columns: 1fr;
        margin-top: 30px;
    }
    .grid-container .grid-post {
        gap: 10px;
    }
	.grid-container .sidebar-widget .needsclick {
	    flex-direction: column;
	}
    /* Blog / Single
    --------------------------------------*/
    .single-post .grid-container article .entry-title {
        font-size: 36px;
        line-height: 40px;
    }
    /* Blog / Single / Related
    --------------------------------------*/
    .blog-related .related-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}
@media (max-width: 767.98px) {
	header.woocommerce-category .shape-2 {
		background-size: 30%;
		background-position: bottom;
	}
	header.woocommerce-category .shape-3 {
		background-size: 35%;
		background-position: right top;
	}
	header.woocommerce-category .shape-1 {
		background-size: 35%;
		background-position: center left;
	}
    #colophon .footer-widgets {
        grid-template-columns: 1fr 2fr;
        gap: 30px 0;
        padding-top: 50px;
        padding-bottom: 180px;
    }
    #colophon .footer-widgets .footer-col-1, 
    #colophon .footer-widgets .footer-col-2, 
    #colophon .footer-widgets .footer-col-3, 
    #colophon .footer-widgets .footer-col-4 {
        padding-left: 30px;
        padding-right: 30px;
    }
    #colophon .footer-widgets .footer-col-4,
    #colophon .footer-widgets .footer-col-3, 
    #colophon .footer-widgets .footer-col-2 {
        grid-column: 2;
    }
    #colophon .footer-widgets .grid-item {
        border-left: 1px solid rgb(231 220 194 / 30%) !important;
    }
    #colophon .footer-shape.shape-5:after {
        top: auto;
        bottom: 500px;
        left: 35px;
    }
    #colophon .site-info {
        padding-left: 45%;
        padding-bottom: 11px;
    }
    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title, 
    .woocommerce ul.products li.product h3 {
        font-size: 17px;
        line-height: 20px;
        padding: 0.5em 6px;
    }
    .blog-items .blog-title a {
        font-size: 15px;
        line-height: 18px;
    }
    /* Header Category WC
    --------------------------------------*/
    header.woocommerce-category {
        display: block;
    }
    header.woocommerce-category .content-info {
        width: auto;
        margin-bottom: 2rem;
    }
    header.woocommerce-category .content-thumbnail {
        max-width: max-content;
    }
    /* Loop Product
    --------------------------------------*/
    .woocommerce ul.products li.product h3, 
    .woocommerce ul.products li.product .woocommerce-LoopAttribute__title {
        font-size: 15px;
        font-weight: 700;
        line-height: 18px;
        min-height: 38px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #page .owl-carousel .owl-nav button.owl-prev {
        left: -10px;
    }
    #page .owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }
    /* Single Product
    --------------------------------------*/
    .woocommerce div.product .product-image-sumary div.summary {
        padding: 16px;
    }
    .product #reviews {
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }
    .product #reviews #review_form_wrapper {
        padding: 14px;
        max-width: 100%;
    }
    .product #reviews #comments {
        padding: 0px;
        max-width: 100%;
    }
    .woocommerce #reviews #comments ol.commentlist {

    }
    .product #reviews .woocommerce-Reviews-title {
        grid-column-start: 1;
        grid-column-end: 1;
        font-size: 2rem;
        line-height: 1;
        padding: 0 10px;
        margin-bottom: 0;
    }
    .product #reviews:after {
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: top right;
    }
    .product #reviews:before {
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    .product #reviews .clear:after {
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    /* Cart
    --------------------------------------*/
    .woocommerce-cart table.cart .product-thumbnail {
        display: block;
    }
    .woocommerce-cart table.cart .product-thumbnail a {
        display: block;
        text-align: center;
    }
    .woocommerce table.shop_table_responsive tr td::before, 
    .woocommerce-page table.shop_table_responsive tr td::before {
        color: var(--theme-color-2);
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 19px;
    }
    .woocommerce table.shop_table, 
    .woocommerce table.shop_table td, 
    .woocommerce table.shop_table td a {
        font-size: 15px;
    }
    /* My Account / Login & Register
    --------------------------------------*/
    .woocommerce-account #customer_login {
        display: grid;
        gap: 5%;
        max-width: 85%;
        grid-template-columns: 1fr;
        padding: 4rem 0 10rem 0;
    }
    .woocommerce-account #customer_login .u-column2, 
    .woocommerce-account #customer_login .u-column1 {
        padding: 1.5rem;
    }
    .woocommerce-account .account-shape-1:after {
        top: 14px;
        left: 14px;
        background-size: 60%;
    }
    .woocommerce-account .account-shape-1:before {
        top: 12px;
        background-size: 50%;
        background-position: top;
    }
    .woocommerce-account .account-shape-2:after {
        background-size: 50%;
        background-position: top right;
    }
    .woocommerce-account .account-shape-2:before {
        background-size: 58%;
        background-position: bottom left;
    }
    .woocommerce-account .account-shape-3:after {
        background-size: 58%;
        background-position: bottom right;
    }
    .woocommerce-account .account-shape-3:before {
        background-size: 70%;
    }
    /* My Wishlist
    --------------------------------------*/
    .woocommerce-wishlist {
        
    }
    .woocommerce-wishlist main {
        padding: 5%;
    }
    .woocommerce-wishlist .wishlist-title-container .wishlist-title {
        margin-bottom: 6px;
    }
    .woocommerce-wishlist .wishlist_table.mobile {
        padding: 0;
    }
    .woocommerce-wishlist .wishlist_table.mobile li {
        background: var(--theme-color-3);
        border-radius: 5px;
        padding: 1rem;
        margin-bottom: 10px;
    }
    .woocommerce-wishlist .wishlist_table.mobile li .item-wrapper {
        width: 100%;
    }
    .woocommerce-wishlist .wishlist_table.mobile li .item-wrapper .product-thumbnail {
        max-width: 105px;
    }
    .woocommerce-wishlist  .wishlist_table.mobile li .item-wrapper .item-details {
        width: calc(100% - 120px);
    }
    .woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td, 
    .woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td, 
    .woocommerce-wishlist .wishlist_table.mobile li table.additional-info td, 
    .woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td {
        font-size: 14px;
    }
    .woocommerce-wishlist .wishlist_table.mobile li .product-remove i {
        font-size: 1.5rem;
    }
    .wishlist_table.images_grid li .item-details table.item-details-table, 
    .wishlist_table.mobile li .item-details table.item-details-table, 
    .wishlist_table.mobile li table.additional-info, 
    .wishlist_table.modern_grid li .item-details table.item-details-table {
        border-bottom: 1px solid;
        border-top: 1px solid;
        border-color: rgb(51 76 41 / 10%);
        margin-bottom: 12px;
    }
    /* Blog Home
    --------------------------------------*/
	.grid-container #secondary.widget-area .widget {
		padding: 0;
	}
    .blog-grid-container article .blog-thumbnail a img {
        height: 200px;
        max-height: 200px;
    }
    .blog-grid-container article .blog-content .blog-category {
        margin-bottom: 0;
    }
    .blog-grid-container article .blog-content .blog-title {
        margin-bottom: 5px;
    }
    .blog-grid-container article .blog-content .blog-category a {
        font-size: 12px;
        line-height: 1;
    }
    .blog-grid-container article .blog-content .blog-title {
        min-height: 50px;
        font-size: 20px;
        line-height: 1.2;
    }
    .blog-grid-container article .blog-content .blog-date {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 10px;
    }
    .blog-grid-container article .blog-content .blog-btn {
        font-size: 12px;
        line-height: 1;
        padding: 8px 1rem;
    }
    .blog-grid-container article .blog-content .content-blog {
        margin-bottom: 1.5rem;
    }
    .blog-grid-container .owl-dots {
        bottom: 1rem;
    }
    .blog-grid-container .owl-dots .owl-dot {
        width: 14px;
        height: 14px;
    }
    .blog-grid-container .owl-dots .owl-dot {
        box-shadow: 0 0 0 5px var(--theme-color-3);
        margin-right: 16px;
    }
    .blog-grid-container article .blog-content .slider-shape-1:before {
        background-size: 35%;
    }
    .blog-grid-container article .blog-content .slider-shape-1:after {
        background-size: 35%;
        background-position: bottom left;
    }
    .blog-grid-container article .blog-content .slider-shape-2:before {
        background-size: 35%;
        background-position: bottom right;
        right: 10px;
    }
    /* Blog / Single
    --------------------------------------*/
    .single-post .grid-container .entry-author {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575.98px) {
    #masthead {
        padding: 16px 0;
    }
    .site-header {
        position: sticky;
        top: 0;
        z-index: 999;
        box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
    }
    .header-top ul {
        display: grid;
        text-align: center;
    }
    .header-top ul li {
        font-size: 13px;
        line-height: 1.5;
    }
    .header-top ul li:after {
        content: none;
    }
    h2 {
        font-size: 36px;
        line-height: 44px;
    }
    .container {
        max-width: 100%;
    }
    section.faq-wholesale .vc_row-fluid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 50px;
    }
    .patterns-home ul.products {
        padding: 0;
        margin: 0;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
        gap: 20px;
    }
    #colophon .footer-widgets {
        grid-template-columns: 80px auto;
        padding-top: 55px;
        padding-bottom: 55px;
    }
    #colophon .footer-shape.shape-1:after {
        width: 80px;
        height: 120px;
        background-size: 60px;
    }
    #colophon .footer-shape.shape-2:after {
        width: 80px;
        height: 215px;
        top: 285px;
        background-size: 60px;
    }
    #colophon .footer-shape.shape-5:after {
        left: 5px;
        background-size: 55px;
    }
    #colophon .footer-shape.shape-4:after {
        width: 100px;
        height: 108px;
        left: 25px;
        background-size: 100px;
    }
    #colophon .footer-shape.shape-3:after {
        width: 60px;
        height: 32px;
        bottom: 55px;
        background-size: 55px;
    }
    #colophon .footer-shape.shape-6:after {
        left: 109px;
        bottom: 70px;
        background-size: 80%;
    }
    #colophon .site-info {
        padding-left: 7.5rem;
        padding-bottom: 18px;
        text-align: end;
        font-size: 14px;
    }
    /* Single Product
    --------------------------------------*/
    .woocommerce div.product .product-image-sumary {
        grid-template-columns: auto;
    }
    .woocommerce div.product .wc-entry-summary {
        display: grid;
    }
    .woocommerce div.product .wc-entry-summary h1.product_title {
        grid-row: 1;
    }
    .woocommerce div.product .wc-entry-summary form.variations_form {
        grid-row: 2;
    }
    .woocommerce div.product .wc-entry-summary form.variations_form table.variations tbody {
        display: flex;
        flex-direction: column-reverse;
    }
    
    /* Cart
    --------------------------------------*/
    .woocommerce-cart .site .woocommerce {
        grid-template-columns: auto;
    }
    .woocommerce-cart .site .woocommerce .woocommerce-notices-wrapper {
        grid-column-start: 1;
        grid-column-end: 1;
    }
    /* Blog / Share
    --------------------------------------*/
    .share-blog {
        flex-direction: column;
        gap: 20px;
    }
}
@media (min-width: 576px) {}
@media (min-width: 768px) {
    .woocommerce ul.products.columns-3 li.product,
    .woocommerce-page ul.products.columns-3 li.product {
        width: 32.32%;
        margin: 0 1.5% 2.5rem 0;
    }
    .woocommerce ul.products.columns-3 li.last,
    .woocommerce-page ul.products.columns-3 li.last,
    .woocommerce ul.products li.last, 
    .woocommerce-page ul.products li.last {
        margin-right: 0;
    }
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
    .woocommerce-container {
        grid-template-columns: 350px 1fr;
    }
    #secondary.widget-area.sidebar-woocommerce {
        padding: 50px 40px 0;
    }
    /* Single Product
    --------------------------------------*/
    .woocommerce div.product .product-image-sumary div.summary {
        padding: 50px 60px;
    }
    .product #reviews {
        padding-left: 10%;
        padding-right: 10%;
    }
    .woocommerce div.product .wc-entry-summary {
        position: sticky;
        top: 8rem;
    }
    /* Cart
    --------------------------------------*/
    .woocommerce-cart .site .woocommerce .woocommerce-cart-form,
    .woocommerce-cart .site .woocommerce .cart-collaterals {
        padding: 40px 60px;
    }
    .woocommerce-cart .site .woocommerce .woocommerce-cart-form {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .woocommerce-cart .site .woocommerce .cart-collaterals {
        grid-column-start: 2;
        grid-column-end: 3;
    }
    /* Blog Home
    --------------------------------------*/
    .grid-container {
        grid-template-columns: 1fr 350px;
    }
}
@media (min-width: 1200px) and (max-width: 1599px) {
    #masthead .container .content-header {grid-template-columns: 165px 1fr auto;}
    #masthead .main-navigation ul {justify-content: space-evenly;}
    #masthead .main-navigation ul.menu li {margin-right: 0;}
    .megamenu_ouryarns .grid {
        gap: 40px;
        grid-template-columns: 22% 17% 15% 15% 1fr;
    }
    .megamenu .megamenu-title {
        font-size: 30px;
        line-height: 1;
    }
    .megamenu_patterns .grid .grid-item ul.cat-patterns li .patterns-info h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .megamenu_patterns .grid .grid-item ul.cat-patterns li .patterns-info p {
        font-size: 20px;
        line-height: 25px;
    }
    #masthead .container {
        max-width: 100%;
        padding: 0 14px;
    }
    #masthead .main-navigation ul.menu li a {
        font-size: 18px;
    }
}
@media (min-width: 1699px) {
    .woocommerce-container {
        grid-template-columns: 446px 1fr;
    }
    .widget-area.sidebar-woocommerce {
        padding: 50px 70px 0;
    }
    .blog-items .blog-title a {
        font-size: 20px;
    }
    #colophon .footer-widgets .footer-col-1 {
        padding-right: 77px;
    }
    #colophon .footer-widgets .footer-col-2,
    #colophon .footer-widgets .footer-col-3 {
        padding-left: 77px;
        padding-right: 30px;
    }
    #colophon .footer-widgets .footer-col-4 {
        padding-left: 77px;
        padding-right: 77px;
    }
    #colophon .footer-shape.shape-5:after {
        left: 157px;
    }
    #colophon .footer-widgets {
        grid-template-columns: 21.5% 15.8% 14.2% 17.7% 1fr;
    }
    #colophon .footer-widgets .footer-col-1 .widget:last-child img {
        margin-right: 20px;
    }
    #colophon .footer-widgets ul li {
        margin-bottom: 16px;
    }
    #colophon .footer-widgets ul li a {
        font-size: 16px;
    }
    /* Loop Product
    --------------------------------------*/
    .woocommerce ul.products li.product a.woocommerce-loop-product__link, 
    .woocommerce-page ul.products li.product a.woocommerce-loop-product__link {
        margin-bottom: 13px;
    }
    /* Single Product
    --------------------------------------*/
    .woocommerce div.product .product-image-sumary div.summary {
        padding: 50px 112px;
    }
    .woocommerce div.product.product_cat-patterns-yarn .product-image-sumary div.summary {
        padding: 133px 133px 133px 176px;
    }
    /* Cart
    --------------------------------------*/
    .woocommerce-cart .site .woocommerce .woocommerce-cart-form,
    .woocommerce-cart .site .woocommerce .cart-collaterals {
        padding: 55px 85px;
    }
    /* Blog home
    --------------------------------------*/
    .grid-container {
        grid-template-columns: 1fr 426px;
    }
}



.woocommerce-checkout #yith-par-message-cart,
.woocommerce-checkout .ywgc_have_code,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-login-toggle {
    display: none;
}
.woocommerce form .form-row label {
    display: none;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
    height: 40px;
}
.woocommerce-checkout form.woocommerce-checkout .select2-selection--single {
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    line-height: 40px;
}
.woocommerce-checkout form.woocommerce-checkout {
    max-width: 1300px;
    margin: auto;
}
.woocommerce-checkout #customer_details .ywgc_have_code,
.woocommerce-checkout #customer_details .woocommerce-form-coupon-toggle,
.woocommerce-checkout #customer_details .woocommerce-form-login-toggle {
    display: block;
}
.woocommerce-checkout #customer_details #yith-par-message-cart {
    display: flex;
}
#customer_details #billing_first_name_field,
#customer_details #billing_postcode_field,
#customer_details #billing_city_field,
#customer_details #billing_country_field {
    width: 49%;
    overflow: visible;
    float: left;
    clear: none;
}
#customer_details #billing_last_name_field,
#customer_details #billing_phone_field,
#customer_details #billing_state_field,
#customer_details #billing_address_1_field {
    width: 49%;
    overflow: visible;
    float: right;
    clear: none;
}
#customer_details #kl_newsletter_checkbox_field {
    background: var(--theme-color-3);
    display: inline-block;
    padding: 4px 10px;
}
#customer_details .create-account #account_username_field {
    
}
#customer_details #ship-to-different-address {
    background: var(--theme-color-3);
    display: inline-block;
    padding: 0px 10px;
    font-size: 1rem;
}
#customer_details #ship-to-different-address label span {
    margin-left: 10px;
}
#wc-notices-checkout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
#wc-notices-checkout .woocommerce-info:after,
#wc-notices-checkout .woocommerce-info:before {
    content: none;
}
#wc-notices-checkout .woocommerce-info {
    padding: 10px 1rem;
    background: var(--theme-color-3);
    color: var(--theme-color-4);
    border: 0;
    margin-bottom: 1rem;
    font-size: 14px;
    line-height: 1.3;
}
#wc-notices-checkout p {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
}
#wc-notices-checkout .woocommerce-info a {
    color: var(--theme-color-4);
    text-decoration: underline;
    font-size: 14px;
    display: block;
}
#wc-notices-checkout .form-row {
    width: 100%;
}
#wc-notices-checkout .ywgc_enter_code,
#wc-notices-checkout .woocommerce-form-coupon,
#wc-notices-checkout .woocommerce-form {
    border: 1px solid var(--theme-color-3);
    padding: 12px;
    margin: 1rem 0;
    border-radius: 5px;
}
#wc-notices-checkout .ywgc_enter_code div {
    margin: 0;
}
#wc-notices-checkout button {
    padding: 5px 14px;
    font-size: 14px;
}
@media (max-width: 575.98px) {
    #wc-notices-checkout {
        display: grid;
        grid-template-columns: auto;
        gap: 0;
    }
    #wc-notices-checkout .woocommerce-info a {
        display: inline-block;
    }
}