/*!
Theme Name: Llindholms
Theme URI: https://pixll.dev/
Author: Utsab Roy
Author URI: https://pixll.dev/
Description: Llindholms WordPress Theme
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lindholms
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
	/*Colors*/
	--primary_color: #476C5B;
	--secondary_color: #DBC5AD;
	--text_color: #333333;
	--text_hover: #476C5B;
	--border_color: #B1B1B1;
	--background_color: hsl(0, 0%, 100%);
	--color_bg1: #F7F3E3;
	--color_bg2: #A0A0A0;
	--color_bg3: #d9d9d9;
	--color_bg4: #ebe7d9;
	--success: hsl(128, 66%, 53%);
	--error: #DE350B;
	--box_shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	--input_box_shadow: inset 0 0 0 1px var(--primary_color);
	--max_width: 1400px;
	--max_sidebar_width: 400px;
	--sideBarHeight: 100vh;
	--top_offset: 0px;

	/*Woo Colors*/
	--star: #FFD700;

	/*Fonsts*/
	--heading_font: 'Lato', sans-serif;
	--sub_heading_font: 'Lato', sans-serif;
	--paragraph_font: 'Lato', sans-serif;
	--body_size: 15px;
	--h1_size: 2.49rem;
	--h2_size: 2.07rem;
	--h3_size: 1.73rem;
	--h4_size: 1.44rem;
	--h5_size: 1.2rem;
	--caption_size: 0.83rem;
	--small_size: 0.69rem;
	--heading_line_height: 1.1em;
	--body_line_height: 1.4em;

	/**/
	--padding: 10px 12px;
	--gap: 25px;
	--gap_min: 10px;
	--radius: 4px;
}

@media only screen and (max-width: 600px) {
	:root {
		--body_size: 15px;
	}
}

* {
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: var(--body_size);
	font-family: var(--paragraph_font);
	scroll-behavior: smooth;
}

body {
	font-size: var(--body_size);
	font-weight: 400;
	background-color: var(--background_color);
	color: var(--text_color);
	position: relative;
}

.admin-bar {
	--top_offset: 32px;
}

.h1Text, .h2Text, .h3Text, .h4Text, .h5Text,
h1, h2, h3, h4, h5 {
	color: var(--text_color);
	font-family: var(--heading_font);
	line-height: var(--heading_line_height);
	font-weight: 600;
}

.h1Text, h1 {
	font-size: var(--h1_size)
}

.h2Text, h2 {
	font-size: var(--h2_size);
}

.h3Text, h3 {
	font-size: var(--h3_size);
}

.h4Text, h4 {
	font-size: var(--h4_size);
}

.h5Text, h5 {
	font-size: var(--h5_size);
}

.captionText {
	display: block;
	font-size: var(--caption_size);
}

.smallText {
	display: block;
	font-size: var(--small_size);
}

a {
	color: var(--text_color);
	text-decoration: none;
}

a:focus,
a:hover {
	color: var(--text_hover);
}

ul {
	list-style: none;
}

svg,
img {
	width: 100%;
}

img {
	object-fit: cover;
}


/*Form*/
/* form {
	display: flex;
	flex-direction: column;
}

textarea,
select,
input:is([type="tel"],
	[type="text"],
	[type="email"],
	[type="number"],
	[type="select"],
	[type="password"]) {
	line-height: 1em;
	width: 100%;
	background: none;
	outline: none;
	font-size: var(--body_size);
	padding: var(--padding);
	border: solid 1px var(--text_color);
	border-radius: var(--radius);
	color: var(--text_color);
}

select:focus,
textarea:focus,
input:is([type="tel"],
	[type="text"],
	[type="email"],
	[type="number"],
	[type="select"],
	[type="password"]):focus {
	border-color: var(--primary_color);
	box-shadow: var(--input_box_shadow);
}

select option {
	color: #000;
}

textarea {
	resize: none;
}

form p {
	position: relative;
}

.inputOptions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
	margin: 5px 0;
}

.inputOptions>div {
	position: relative;
}

.inputOptions input {
	position: absolute;
	opacity: 0;
}

.inputOptions input+label {
	display: block;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: var(--radius);
	background-color: var(--color_bg1);
	transition: all 0.2s;
}

.inputOptions input:focus+label,
.inputOptions input:hover+label {
	background-color: var(--color_bg2);
}

.inputOptions input:checked+label {
	color: #ffffff;
	background-color: var(--text_color);
} */



/*Form*/

input[type="tel"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="textarea"] {
	padding: 8px 12px;
	line-height: 1em;
	width: 100%;
	border: solid 1px var(--border_color);
}


footer input[type="tel"],
footer input[type="text"],
footer input[type="email"],
footer input[type="number"],
footer input[type="password"],
footer input[type="textarea"] {
	border: none;
	background-color: var(--color_bg4);
}


fieldset {
	margin: 10px 0;
	padding: 10px;
	border: solid 1px #000;
}

fieldset legend {
	padding: 0 5px;
	margin-left: 10px;
}

.wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wpcf7-form textarea {
	height: 150px;
}

.wpcf7-form input,
.wpcf7-form textarea {
	border: none;
}

.wpcf7-form p {
	position: relative;
}

.wpcf7-spinner {
	position: absolute;
	left: 5px;
	top: 4px;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.2);
}

.wpcf7-response-output {
	border: none !important;
	color: var(--color_l);
	padding: 0 !important;
	margin: 0 !important;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	margin-bottom: -13px;
}

/*Search Form*/
.search-form {
	display: flex;
}

.search-form,
.search-form label {
	width: 100%;
}

.search-form .search-field {
	padding: 8px 12px;
	border: solid 1px var(--color_d);
	border-radius: none;
	width: 100%;
}

.search-form .search-submit {
	display: inline-block;
	padding: 0;
	margin: 0;
	background-color: var(--color_d);
	width: 36px;
}

.search-form .search-submit i:before {
	font-size: 20px;
	display: block;
	color: var(--color_l);
}

.search-form .search-submit:hover {
	background-color: var(--color_1);
	border: solid var(--color_d);
	border-width: 1px 1px 1px 0;
}

.search-form .search-submit:hover i:before {
	color: var(--color_d);
}


/*Elements*/
input[type="submit"],
.wpcf7-submit,
a.buttonLink,
button {
	cursor: pointer;
	width: 100%;
	border: none;
	color: #fff;
	display: block;
	font-weight: 600;
	padding: 12px 30px;
	text-align: center;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	background-color: var(--primary_color);
}

.buttonStyle {
	padding: 8px;
	color: var(--background_color);
	background-color: var(--primary_color);
	cursor: pointer;
}

.inlineButton {
	background: none;
	margin-left: 6px;
}

.inlineButton:hover {
	color: var(--primary_color);
}

/*Card*/
.card {
	position: relative;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	border-radius: var(--radius);
}

.card .hero {
	aspect-ratio: 1;
	height: auto;
	width: 100%;
	border-radius: var(--radius) var(--radius) 0 0;
}

.card .content {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: var(--padding);
}

.card .options {
	display: flex;
	flex-direction: row;
	gap: 5px;
	justify-content: space-between;
}

/*Style Classes*/

.fullHeight {
	min-height: 100vh;
}

.grid {
	display: grid;
}

.flex {
	display: flex;
}

.flex.flexCenter {
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.col-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.col-3 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: var(--gap);
}

.container {
	display: flex;
	position: relative;
	gap: var(--gap);
	flex-direction: column;
	max-width: var(--max_width);
	width: clamp(300px, 98%, var(--max_width));
	margin: 0;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: var(--gap_min);
}

#skip-nav {
	display: none;
}

/*Header*/

/*Footer*/
footer {
	background-color: var(--color_bg1);
}

footer .container {
	padding: var(--gap) var(--gap_min);
}

footer .columns {
	padding: 40px 0 5px 0;
	display: grid;
	line-height: 1.4em;
	gap: calc(var(--gap) * 2);
	grid-template-columns: minmax(auto, 300px) 1fr 1fr 1fr minmax(auto, 300px);
}

footer img {
	max-width: 280px;
}

footer .columns h5 {
	display: block;
	padding-bottom: 5px;
	color: var(--primary_color);
	border-bottom: solid 1px var(--primary_color);
	margin-bottom: 10px;
}

footer .columns p+h5 {
	padding-top: 20px;
}

.footerText {
	border-top: solid 1px var(--primary_color);
	text-align: center;
	padding: var(--gap_min);
	width: 100%;
}

@media only screen and (max-width: 1000px) {
	footer .columns {
		gap: calc(var(--gap) * 2);
		grid-template-columns: 1fr 1fr 1fr;
	}

	footer .columns>div:nth-child(1) {
		grid-column: 1/4;
	}

	footer .columns>div:nth-child(5) {
		grid-column: 1/4;
	}
}

@media only screen and (max-width: 600px) {
	footer .columns {
		gap: var(--gap);
		grid-template-columns: 1fr;
	}

	footer .columns>div:nth-child(1) {
		grid-column: auto;
	}

	footer .columns>div:nth-child(5) {
		grid-column: auto;
	}
}


/*Shop*/
/* .products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: var(--gap);
} */

.products .product {
	box-shadow: var(--box_shadow);
	margin: 0 !important;
	width: 100% !important;
}

.products .product img {
	height: auto;
	aspect-ratio: 1;
}

.products .product .onsale {
	position: absolute;
	top: 20px;
	left: 20px;
}

.products .product .yith-wcwl-add-to-wishlist {
	top: 20px;
	right: 20px;
	left: auto;
	width: 25px;
}

.woocommerce-loop-product__title {
	font-size: 1rem;
	text-align: center;
	padding-top: 40px;
}

.price {
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 35px;
	padding-bottom: 15px;
	border-bottom: solid 1px var(--primary_color);
}

.products .product .brandName {
	margin-top: -40px;
	opacity: 0.8;
	text-align: center;
	font-size: var(--small_size);
}

.products .product .button {
	padding: 10px 15px;
}

.products .product .button::before {
	content: "⬤ ";
	color: var(--primary_color);
}


.outofstock .button::before {
	display: none;
}


:root {
	/*Fonsts*/
	--body_size: 15px;
	--h1_size: 4rem;
	--h2_size: 3rem;
	--h3_size: 2rem;
	--h4_size: 1.5rem;
	--h5_size: 1.1rem;
	--caption_size: 0.95rem;
	--small_size: 0.8rem;
	--heading_line_height: 1.1em;
	--body_line_height: 1.4em;
	--section_padding: 100px;
}


@media only screen and (max-width: 1000px) {
	:root {
		--h1_size: 3rem;
		--h2_size: 2.6rem;
		--h3_size: 2.2rem;
		--h4_size: 1.5rem;
		--h5_size: 1rem;
		--gap: 15px;
		--section_padding: 70px;
	}
}

@media only screen and (max-width: 600px) {
	:root {
		--h1_size: 2rem;
		--h2_size: 1.6rem;
		--h3_size: 1.4rem;
		--h4_size: 1.2rem;
		--h5_size: 1rem;
		--section_padding: 50px;
	}
}

/*Wordpress Colors*/
.has-primary-color-background-color {
	background-color: var(--primary_color);
	color: #fff
}

.has-primary-color-color {
	color: var(--primary_color);
}

.has-primary-color-border-color {
	color: var(--primary_color);
}


.has-secondary-color-background-color {
	background-color: var(--secondary_color);
}

.has-secondary-color-color {
	color: var(--secondary_color);
}

.has-secondary-color-border-color {
	color: var(--secondary_color);
}

.has-text-color-background-color {
	background-color: var(--text_color);
}

.has-text-color-color {
	color: var(--text_color);
}

.has-text-color-border-color {
	color: var(--text_color);
}

.has-color-bg-1-background-color {
	background-color: var(--color_bg1);
}

.has-color-bg-1-color {
	color: var(--color_bg1);
}

.has-color-bg-1-border-color {
	color: var(--color_bg1);
}


.has-color-bg-2-background-color {
	background-color: var(--color_bg1);
}

.has-color-bg-2-color {
	color: var(--color_bg2);
}

.has-color-bg-2-border-color {
	color: var(--color_bg2);
}

.has-color-bg-3-background-color {
	background-color: var(--color_bg3);
}

.has-color-bg-3-color {
	color: var(--color_bg3);
}

.has-color-bg-3-border-color {
	color: var(--color_bg3);
}

.has-color-bg-4-background-color {
	background-color: var(--color_bg4);
}

.has-color-bg-4-color {
	color: var(--color_bg4);
}

.has-color-bg-4-border-color {
	color: var(--color_bg4);
}

p {
	line-height: 1.6;
}

#mid-nav #ajaxsearchlite1 .probox .proinput input {
	color: #000 !important;
	font-size: 1rem;
}

#mid-nav #ajaxsearchlite1 .probox .proinput ::placeholder {
	color: #000 !important;
}

.iconButton {
	cursor: pointer;
}

#masthead {
	display: flex;
	flex-direction: column;
	--text_color: var(--primary_color);
	--text_hover: var(--primary_color);
	background-color: var(--color_bg1);
}

#top-nav {
	width: 100%;
	--text_color: #ffffff;
	--text_hover: #ffffff;
	background-color: var(--primary_color);
}

#top-nav .container {
	text-align: center;
	flex-direction: row;
	justify-content: space-between;
	padding: var(--gap_min) !important;
}

#mid-nav {
	width: 100%;
	display: grid;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 0;
	gap: 15px calc(var(--gap) * 2);
	grid-template-columns: 280px 1fr 362px;
	grid-template-areas:
		"logo search iconNav"
		"nav nav nav"
}

#mid-nav #logo {
	grid-area: logo;
	max-width: 280px;
	max-height: 58px
}

/* .asl_w_container{
	grid-area: search;
} */

#headerSearch {
	grid-area: search;
	display: grid;
	grid-template-columns: 1fr 34px;
	position: relative;
}

input[type="search"] {
	width: 100%;
	font-size: 15px;
	padding: 9px 12px;
	background-color: transparent;
	color: #000;
	outline: none !important;
	border: solid 1px var(--primary_color) !important;
}

input[type="search"]::placeholder {
	color: #000;
	opacity: 1 !important
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

.loading-indicator {
	height: 20px !important;
	width: 20px !important;
	border-radius: 50% !important;
	border: 3px solid var(--color_bg3) !important;
	border-top: 3px solid var(--primary_color) !important;
	animation: spinAnimation 1.5s linear infinite !important;
	position: absolute;
	top: 7.5px;
	right: 45px;
	pointer-events: none;
	display: none;
}

#headerSearch .searchButton {
	overflow: hidden;
	background-color: var(--primary_color);
	color: var(--color_bg1);
	position: relative;
	cursor: pointer;
}

#headerSearch .searchButton:before {
	position: absolute;
	top: 9px;
	left: 8px;
	font-size: 17px;
}

#headerSearch .searchButton input {
	position: absolute;
	visibility: hidden;
}

.autosuggest-list li a {
	padding: 8px !important;
}

.ep-autosuggest {
	margin-top: 5px !important;
	border: none !important;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important
}

.autosuggest-list {
	max-height: 390px;
	overflow-x: auto;
}

.autosuggest-list::-webkit-scrollbar {
	width: 5px;
}

.autosuggest-list::-webkit-scrollbar-track {
	background: #f8f8f8;
}

.autosuggest-list::-webkit-scrollbar-thumb {
	background: var(--color_bg3);
}

.autosuggest-list::-webkit-scrollbar-thumb:hover {
	background: var(--primary_color);
}

.autosuggest-item a {
	display: grid !important;
	grid-template-columns: 60px 1fr;
	align-items: center;
}

.autosuggest-item img {
	grid-row: 1/3;
	padding-right: 10px;
}

.autosuggest-item h5,
.autosuggest-item p {
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	margin: 0;
	padding: 0;
}

.autosuggest-item p {
	font-size: 13px;
}

.is-loading .loading-indicator {
	display: block;
}

@keyframes spinAnimation {
	to {
		transform: rotate(360deg);
	}
}

@media only screen and (max-width: 1000px) {
	#headerSearch {
		padding-bottom: var(--gap_min)
	}
}


#mid-nav .iconNav {
	grid-area: iconNav;
	display: flex;
	flex-direction: row;
	gap: var(--gap);
	flex-wrap: wrap;
	justify-content: flex-end;
}

/* Sticky Header*/
#wpadminbar~#page #masthead.viewNav,
#wpadminbar~#page {
	--top_offset: 32px;
}

#masthead {
	transition: all 0.4s ease-in;
	top: var(--top_offset);
	position: sticky !important;
	width: 100% !important;
	z-index: 999;
}

#masthead.hideNav {
	--top_offset: -300px;
}

#main-navigation,
#masthead.viewNav {
	--top_offset: 0px;
}

#masthead.viewNav #mid-nav.container {
	position: relative;
}

#masthead #top-nav,
#masthead #primary-menu {
	transition: max-height 0.3s ease-in;
	overflow: hidden;
	max-height: 100vh;
}

#masthead.hideNav #top-nav,
#masthead.hideNav #primary-menu,
#masthead.viewNav #top-nav,
#masthead.viewNav #primary-menu {
	max-height: 0px
}

@media only screen and (max-width: 1000px) {
	#masthead #primary-menu {
		display: flex !important;
	}
}

.mainNav {
	padding-bottom: 10x;
	grid-area: nav;
}

#mid-nav .iconNav a p,
#mid-nav .iconNav a i {
	display: block;
	width: 100%;
	text-align: center;
}

#mid-nav .iconNav a i {
	font-size: 1.5rem;
}

#primary-menu {
	display: flex;
	flex-direction: row;
	gap: var(--gap);
}

#primary-menu .menu-item a {
	text-transform: uppercase;
	background-size: 0 .1em;
	transition: background-size 500ms;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-image: linear-gradient(var(--primary_color), var(--primary_color));
	padding-bottom: 3px;
}

#primary-menu .menu-item.current_page_item.top-menu>a,
#primary-menu .menu-item a:hover,
#primary-menu .menu-item a:focus {
	background-size: 100% .1em;
	background-position: 0 100%;
}

/*Dropdown Menu*/
#primary-menu .menu-item {
	display: block;
	padding-bottom: 10px;
}

.menu-item-has-children {
	position: relative;
}

.sub-menu-container {
	position: absolute;
	left: calc(-1 * var(--gap_min));
	z-index: 99;
	background-color: var(--color_bg4);
	display: flex;
	flex-direction: column;
	gap: var(--gap_min);
	padding: var(--gap_min);
	width: 150px;
	align-items: flex-start;
}

.top-menu .sub-menu-container {
	margin-top: 10px;
	display: none;
}

.top-menu:hover .sub-menu-container {
	display: flex;
}

/*Mega Menu*/
#mid-nav.container {
	position: initial;
}

.mega-menu-parent {
	--column_width: 300px;
	position: inherit;
}

.menu-item-has-children .mega-menu {
	width: 100%;
	left: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	max-height: calc(100vh - 250px);
	overflow-y: auto;
}

.mega-menu-container {
	max-width: var(--max_width);
	width: clamp(300px, 98%, var(--max_width));
	height: 100%;
	margin: 0 auto;
	padding: var(--gap_min);
	display: grid;
	grid-template-columns: 0.6fr 0.6fr 0.6fr 0.6fr 1fr;
	grid-template-areas:
		"nav1 nav2 nav3 nav4 image"
		"nav5 nav6 nav7 nav8 image";
	gap: calc(var(--gap) * 2);
}

.mega-menu-container a {
	font-size: var(--caption_size);
}

.mega-menu-container>li:nth-child(1) {
	grid-area: nav1;
}

.mega-menu-container>li:nth-child(2) {
	grid-area: nav2;
}

.mega-menu-container>li:nth-child(3) {
	grid-area: nav3;
}

.mega-menu-container>li:nth-child(4) {
	grid-area: nav4;
}

.mega-menu-container>li:nth-child(5) {
	grid-area: nav5;
}

.mega-menu-container>li:nth-child(6) {
	grid-area: nav6;
}

.mega-menu-container>li:nth-child(7) {
	grid-area: nav7;
}

.mega-menu-container>li:nth-child(8) {
	grid-area: nav8;
}

.mega-menu-container>.sub-menu.has-image {
	grid-area: image;
	display: block;
	height: 100%;
	width: clamp(250px, 100%, var(--column_width));
	margin-left: auto;
}

.mega-menu-container ul.sub-sub-menu-container {
	column-width: 150px;
	column-gap: var(--gap);
}

#primary-menu .menu-item-has-children.sub-menu.menu-item>a {
	background-image: none !important;
	--text_color: #333;
	font-weight: 600;
	font-size: var(--small_size);
	letter-spacing: 0.2em;
	display: block;
	border-bottom: solid 1px var(--border_color);
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.sub-menu.has-image {
	display: block;
	height: 100%;
	width: clamp(250px, 100%, var(--column_width));
	margin-left: auto;
}

.sub-menu.has-image a {
	--text_color: #333;
	--text_hover: #333;
	display: block;
	height: 100%;
	overflow: hidden;
	background-image: none !important;
	font-weight: 600;
}

.sub-menu.has-image a img {
	aspect-ratio: 1;
	padding-bottom: 10px;
}

.sub-menu.has-image a span {
	font-weight: 400;
	display: block;
	padding-top: 5px;
	line-height: 1.6;
	font-size: var(--caption_size);
	text-transform: none !important;
}

/*Mega Menu End*/

.mobileOnly,
.navHam {
	display: none !important;
}

@media only screen and (max-width: 1000px) {
	.mobileOnly {
		display: block !important;
	}

	.hideW10 {
		display: none;
	}

	#top-nav .container {
		justify-content: center;
	}

	#mid-nav {
		width: 100%;
		display: grid;
		align-items: center;
		padding-top: 15px;
		padding-bottom: 0;
		gap: 5px 15px;
		grid-template-columns: 30px minmax(130px, 25%) 1fr;
		grid-template-areas:
			"nav logo  iconNav"
			"search search search"
	}

	#mid-nav>.iconNav>a>p,
	#mid-nav>.iconNav>a:nth-child(2),
	#mid-nav>.iconNav>a:nth-child(1) {
		display: none;
	}

	.asl_w_container {
		padding-bottom: 10px;
	}

	#mid-nav>.iconNav {
		gap: 15px;
		padding: 0 5px
	}

	#mid-nav>.iconNav .count {
		right: -5px
	}

	.mainNav {
		padding-bottom: 5px;
		grid-area: nav;
	}


	.navHam {
		cursor: pointer;
		display: flex !important;
		margin: 0;
		width: 40px;
		height: 40px;
		padding: 8px;

	}

	.hamItem,
	.hamItem:after,
	.hamItem:before {
		display: block;
		width: 100%;
		height: 2px;
		background: var(--primary_color);
	}

	.hamItem {
		position: relative;
		transition: all 0ms 300ms;
		top: 50%;
	}

	.hamItem:after,
	.hamItem:before {
		content: "";
		position: absolute;
		left: 0;
		transform-origin: center;
	}

	.hamItem:before {
		bottom: 7px;
		transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.hamItem:after {
		top: 7px;
		transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.navIsOpen .hamItem {
		background: rgba(0, 0, 0, 0);
	}

	.navIsOpen .hamItem:after {
		top: 0;
		transform: rotate(45deg);
		transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.navIsOpen .hamItem:before {
		bottom: 0;
		transform: rotate(-45deg);
		transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#main-navigation {
		display: flex;
		flex-direction: column;
		justify-content: top;
		position: fixed;
		z-index: 999;
		top: var(--top_offset);
		visibility: hidden;
		right: -320px;
		height: calc(var(--sideBarHeight) - var(--top_offset));
		max-height: calc(var(--sideBarHeight) - var(--top_offset));
		overflow: hidden;
		width: 98%;
		max-width: var(--max_sidebar_width);
		box-shadow: 0 0 15px rgb(0 0 0 / 6%);
		background-color: var(--color_bg1);
		transition: all 0.2s;
	}

	#main-navigation .sideBarHeader {
		display: flex !important;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	#main-navigation .sideBarHeader .logo {
		max-width: 140px;
	}

	.iconButton {
		padding: 5px 0 5px 20px;
	}

	#main-navigation .iconNav {
		display: flex !important;
		flex-direction: row;
		justify-content: center;
	}

	#primary-menu {
		flex-direction: column;
		align-items: flex-start;
		max-height: calc(100vh - var(--top_offset) - 130px) !important;
		overflow-y: auto !important;
		padding: var(--gap);
	}

	#primary-menu::-webkit-scrollbar,
	.sideBar .sideBarBody::-webkit-scrollbar {
		width: 5px;
	}

	#primary-menu::-webkit-scrollbar-track,
	.sideBar .sideBarBody::-webkit-scrollbar-track {
		background: var(--color_bg4);
	}

	#primary-menu::-webkit-scrollbar-thumb,
	#primary-menu::-webkit-scrollbar-thumb {
		background: var(--color_bg3);
		border-radius: 5px;
	}

	#primary-menu::-webkit-scrollbar-thumb:hover,
	#primary-menu::-webkit-scrollbar-thumb:hover {
		background: var(--primary_color);
	}

	/*Dropdown Menu*/
	#primary-menu .menu-item {
		width: 100%;
	}

	#primary-menu.hideInactive>li {
		display: none;
	}

	#primary-menu.hideInactive>li.active {
		display: block;
		position: relative;
	}

	#primary-menu.hideInactive>li.active>a:after {
		content: "Tillbaka →";
		position: absolute;
		top: 0;
		right: 0;
		text-transform: capitalize;
		color: #333;
	}

	.mega-menu,
	.sub-menu-container {
		position: relative;
		left: 0;
		z-index: 1;
		display: flex;
		flex-direction: column;
		gap: var(--gap_min);
		padding: 0;
		width: 100%;
		background: none !important;
	}

	.top-menu .sub-menu-container {
		margin-top: 10px;
		display: none;
	}

	.top-menu:hover .sub-menu-container {
		display: none;
	}

	#primary-menu.hideInactive>li.active .sub-menu-container {
		display: flex;
	}

	/*Mega Menu*/

	.mega-menu-parent {
		--column_width: 300px;
		position: inherit;
	}

	.menu-item-has-children .mega-menu {
		width: 100%;
		left: 0 !important;
		padding: 0 !important;
		max-height: 100%;
	}

	.mega-menu-container {
		max-width: 100%;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: none;
		gap: var(--gap);
	}

	.mega-menu-container a {
		font-size: var(--caption_size);
	}

	.mega-menu-container>li {
		grid-area: auto !important;
	}

	.sideBarFooter {
		margin-top: auto;
	}
}

/*Side Bar*/

.sideBar {
	position: fixed;
	z-index: 999;
	top: var(--top_offset);
	visibility: hidden;
	right: -320px;
	height: calc(var(--sideBarHeight) - var(--top_offset));
	max-height: calc(var(--sideBarHeight) - var(--top_offset));
	overflow: hidden;
	width: 98%;
	max-width: var(--max_sidebar_width);
	box-shadow: 0 0 15px rgb(0 0 0 / 6%);
	background-color: var(--color_bg1);
	transition: all 0.2s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*Side Bar Open*/
.filterIsOpen #filter_sidebar {
	visibility: visible;
	right: 0;
}

.optionsIsOpen #optionsSideBar {
	visibility: visible;
	right: 0;
}

.navIsOpen #main-navigation,
.cartMenuIsOpen #site-header-cart,
.optionsMenuIsOpen #optionsSideBar,
.filterMenuIsOpen #filter_sidebar,
.sortMenuIsOpen #sort_sidebar {
	visibility: visible;
	right: 0;
}


.sideBarHeader {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: var(--gap);
	box-shadow: 0 0 15px rgb(0 0 0 / 6%);
}

.woocommerce-mini-cart.cart_list,
.sideBar .sideBarBody {
	max-height: calc(var(--sideBarHeight) - var(--top_offset) - 130px);
	overflow-y: auto;
	padding: var(--gap);
	display: grid;
	gap: var(--gap);
	margin-bottom: auto;
}

.woocommerce-mini-cart__empty-message {
	padding: var(--gap);
}

.woocommerce-mini-cart.cart_list::-webkit-scrollbar,
.sideBar .sideBarBody::-webkit-scrollbar {
	width: 5px;
}

.woocommerce-mini-cart.cart_list::-webkit-scrollbar-track,
.sideBar .sideBarBody::-webkit-scrollbar-track {
	background: var(--color_bg4);
}

.woocommerce-mini-cart.cart_list::-webkit-scrollbar-thumb,
.sideBar .sideBarBody::-webkit-scrollbar-thumb {
	background: var(--color_bg3);
	border-radius: 5px;
}

.woocommerce-mini-cart.cart_list::-webkit-scrollbar-thumb:hover,
.sideBar .sideBarBody::-webkit-scrollbar-thumb:hover {
	background: var(--primary_color);
}

.sideBarFooter {
	display: flex;
	flex-direction: column;
	gap: var(--gap_min);
	padding: var(--gap);
	box-shadow: 0 0 15px rgb(0 0 0 / 6%);
}

.sideBar .options {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
	gap: 15px;
	padding-top: 15px;
}

.sideBar .option {
	position: relative;
}

.sideBar .option * {
	cursor: pointer;
}

.sideBar .option input[type="radio"] {
	opacity: 0;
	position: absolute;
}

.sideBar .option label p {
	line-height: 1.2;
	word-wrap: break-word;
}

.sideBar .option label p span {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
}

.sideBar .option input[type="radio"]+label p:before {
	content: "\f114";
	font-size: 0.6em;
	padding: 0.15em 0.3em;
	margin-right: 0.4em;
	font-family: lindholmsIcons !important;
	display: inline-block;
	color: var(--color_bg4);
	background-color: var(--color_bg4);
	height: 1rem;
	width: 1rem;
	border-radius: 0;
	line-height: 1.6;
}

.sideBar .option input[type="radio"]:checked+label p:before {
	background-color: var(--primary_color);
	color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.sideBar .option label img+p:before {
	display: none !important;
}

.sideBar .option label img {
	margin: 0;
	aspect-ratio: 1;
}

.sideBar .option label img+p {
	display: block;
	margin-top: -4px;
	padding: 5px;
	background-color: hsl(48, 56%, 96%);
}

.sideBar .option input[type="radio"]:checked+label img+p {
	background-color: var(--primary_color);
	color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

/*Sub Option*/
.subOptions {
	padding-top: var(--gap);
	display: none;
}

.subOptions.active {
	display: block
}

.legmodelSubOptions>div {}

.legmodelSubOptionGroup.active {
	display: block
}

/*Product Page*/
.container .product .onsale {
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 10px;
	background: var(--primary_color);
	color: #fff;
	padding: 4px 12px;
	text-transform: uppercase;
	font-size: 1rem;
}

.single-product .woocommerce-notices-wrapper {
	padding-bottom: var(--gap_min);
}

.single-product main>.product p {
	line-height: var(--body_line_height)
}

.single-product main>.product p+p {
	margin-top: 10px;
}

.single-product .product_title {
	font-size: var(--h2_size);
}

.single-product main>.product {
	display: grid;
	grid-template-areas:
		"gallery summary"
		"tabs tabs"
		"relatedProducts relatedProducts";
	grid-template-columns: 1fr 1fr;
	gap: var(--gap)
}

.single-product main>.product .woocommerce-product-gallery {
	grid-area: gallery;
	width: 100%;
	/* 	background-color: var(--color_bg1); */
	padding: var(--gap_min);
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: var(--gap_min);
}

.single-product main>.product .flex-viewport {
	height: auto !important;
}

.woocommerce-product-gallery__image {}

.woocommerce-product-gallery__wrapper {
	grid-column: 1/-1;
}

.single-product main>.product .flex-viewport {
	margin-bottom: 0px !important;
	grid-column: 2/3;
	grid-row: 1/2;
}

.single-product main>.product .flex-control-nav {
	margin-bottom: 0px !important;
	grid-column: 1/2;
	grid-row: 1/2;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	visibility: hidden;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
	visibility: visible;
	font-family: lindholmsIcons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f106";
	font-size: 1.3rem
}

.single-product main>.product .woocommerce-product-gallery img {
	aspect-ratio: 1;
	height: auto;
	object-fit: cover;
}

.single-product main>.product .flex-control-thumbs {
	display: grid;
	grid-template-rows: repeat(5, 1fr);
	gap: var(--gap_min);
	position: relative;
	overflow-y: auto;
	max-height: 500px;
}

.single-product main>.product .flex-control-thumbs::-webkit-scrollbar {
	width: 5px;
}

.single-product main>.product .flex-control-thumbs::-webkit-scrollbar-track {
	background: #fff;
}

.single-product main>.product .flex-control-thumbs::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 5px;
}

.single-product main>.product .flex-control-thumbs:hover::-webkit-scrollbar-track {
	background: #fafafa;
}


.single-product main>.product .flex-control-thumbs:hover::-webkit-scrollbar-thumb {
	background: #f5f5f5;
	border-radius: 5px;
}

.single-product main>.product .flex-control-thumbs::-webkit-scrollbar-thumb:hover {
	background: #f7f7f7;
}

.single-product main>.product .flex-control-thumbs li {
	width: 100% !important;
	padding: 5px;
}

@media only screen and (max-width: 600px) {
	.single-product main>.product .woocommerce-product-gallery {
		grid-area: gallery;
		grid-template-columns: 1fr;
	}

	.single-product main>.product .flex-viewport {
		margin-bottom: 0px !important;
		grid-column: auto;
		grid-row: auto;
	}

	.single-product main>.product .flex-control-nav {
		margin-bottom: 0px !important;
		grid-column: auto;
		grid-row: auto;
	}

	.single-product main>.product .flex-control-thumbs {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: auto;
		gap: var(--gap_min);
	}

	.single-product main>.entry-content {
		padding: 0;
		margin: 0;
	}

	.woocommerce-notices-wrapper {
		padding: 0 !important;
	}

	.single-product main>.product .entry-summary {
		margin: var(--gap_min) !important;
	}

	.related.products {
		padding: var(--gap_min) !important;
	}

	.single-product main>.container {
		width: 100%;
	}

	.featuredBrand {
		margin-bottom: 0 !important
	}
}

.single-product main>.product .entry-summary {
	grid-area: summary;
	display: flex;
	flex-direction: column;
	gap: 5px;
	position: relative;
	margin: 2rem;
	padding-top: 2.5rem;
}

.single-product main>.product .entry-summary .price {
	font-size: 1.5rem;
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
}

.single-product main>.product .entry-summary form.cart {
	display: grid;
	grid-template-columns: 67px auto 40px;
}

.single-product main>.product .entry-summary form.cart.variations_form {
	display: grid;
	grid-template-columns: 1fr;
}

.single-product main>.product .entry-summary form.cart .quantity {
	width: auto;
	position: relative;
}

.single-product main>.product .entry-summary .quantity input[type=number]::-webkit-inner-spin-button,
.single-product main>.product .entry-summary .quantity input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.single-product main>.product .entry-summary .quantity input[type=number] {
	-moz-appearance: textfield;
}

.single-product main>.product .entry-summary .quantity input {
	width: 68px;
	height: 42px;
	line-height: 1.65;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	border: 1px solid var(--primary_color);
	background-color: var(--color_bg1);
	border-radius: 0 !important;
}

.single-product main>.product .entry-summary .quantity input:focus {
	outline: 0;
}

.single-product main>.product .entry-summary .quantity {
	position: relative;
}

.single-product main>.product .entry-summary .quantity-nav {
	position: absolute;
	height: 42px;
	right: 0;
	top: 0;
}

.single-product main>.product .entry-summary .brandName {
	font-size: var(--h5_size);
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0
}

.quantity-button {
	position: relative;
	cursor: pointer;
	border-left: 1px solid var(--primary_color);
	width: 20px;
	text-align: center;
	color: #333;
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, sans-serif !important;
	line-height: 1.7;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.quantity-button.quantity-up {
	position: absolute;
	height: 50%;
	top: 0;
	border-bottom: 1px solid var(--primary_color);
}

.quantity-button.quantity-down {
	position: absolute;
	bottom: 0;
	height: 50%;
}

form.variations_form {
	margin-top: auto;
	flex-direction: column !important;
}

form.variations_form .variations {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px
}

.woocommerce-variation-description {
	margin: 10px 0;
}

form.variations_form .variations tbody {
	display: flex;
	flex-direction: column;
	gap: 10px
}

form.variations_form .variations * {
	text-align: start;
}

form.variations_form .variations tr {
	display: flex;
	flex-direction: column;
}

form.variations_form .single_add_to_cart_button {
	padding: 11px 25px;
	margin-left: 10px;
}

/*New*/
.cfvsw-swatches-container[swatches-attr="attribute_pa_color"]>div {
	padding: 0 !important;
	border: none !important;
}

.cfvsw-swatches-container[swatches-attr="attribute_pa_color"]>div>div {
	border: none !important;
	border-radius: 0;
	box-shadow: 0 0 0 1px var(--color_bg1)
}

.cfvsw-swatches-container[swatches-attr="attribute_pa_color"]>div.cfvsw-selected-swatch>div,
.cfvsw-swatches-container[swatches-attr="attribute_pa_color"]>div:hover>div {
	box-shadow: 0 0 0 1px var(--primary_color)
}

.cfvsw-swatches-container[swatches-attr="attribute_pa_color"] {}

.cfvsw-swatches-container[swatches-attr="attribute_pa_color"] .cfvsw-tooltip {
	display: none !important;
}

.cfvsw-swatches-container[swatches-attr="attribute_pa_color"] .cfvsw-swatches-option>.cfvsw-swatch-inner {
	min-width: 20px;
	height: 20px;
	margin-right: 8px;
}


.cfvsw-swatches-container[swatches-attr="attribute_pa_color"] .cfvsw-swatches-option:after {
	content: attr(data-title);
	left: 30px;
	font-size: var(--h5_size);
	text-transform: capitalize;
}

/*Dual Color*/
.cfvsw-swatches-option[data-slug="svartbetsad-ask-svart"]>.cfvsw-swatch-inner {
	background-image: linear-gradient(135deg,
			#333 48%,
			#000 52%)
}

.cfvsw-swatches-option[data-slug="valnot-svart"]>.cfvsw-swatch-inner {
	background-image: linear-gradient(135deg,
			#773f1a 48%,
			#000 52%)
}

.cfvsw-swatches-option[data-slug="valnot-vit"]>.cfvsw-swatch-inner {
	background-image: linear-gradient(135deg,
			#773f1a 48%,
			#fff 52%)
}

/*End*/

.cfvsw-swatches-container {
	padding-top: 10px;
	gap: var(--gap_min) !important;
}

form .reset_variations {
	display: none !important;
}

.cfvsw-selected-swatch,
.cfvsw-label-option {
	padding: 0;
	border: none !important;
	font-size: var(--h5_size);
}

.cfvsw-selected-swatch {
	font-weight: 600;
}

.cfvsw-label-option:before {
	content: "\f114";
	font-size: 0.6em;
	padding: 0.4em 0.5em;
	margin-right: 0.6em;
	font-family: lindholmsIcons !important;
	display: inline-block;
	color: var(--color_bg1);
	background-color: var(--color_bg1);
	height: 2em;
	width: 2.2em;
	border-radius: 0;
	position: relative;
}

.cfvsw-selected-swatch:before {
	background-color: var(--primary_color)
}

.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item {
	border-radius: 0px !important;
}

.variable-item-contents::after,
.variable-item-contents::before {
	display: none !important;
}

.toggleOptionsMenu.ldic-setting {
	font-size: var(--h5_size);
	font-weight: 600;
	width: auto;
	padding-bottom: 10px;
	margin-top: 5px;
	padding-left: 0 !important;
}

.toggleOptionsMenu.ldic-setting:before {
	font-size: 0.6em;
	padding: 0.4em 0.5em;
	margin-right: 0.6em;
	display: inline-block;
	color: var(--color_bg1);
	background-color: var(--primary_color);
	height: 2em;
	width: 2em;
	line-height: 1.25em;
}

.product-type-variable .hide-on-variable {
	display: none !important;
}

.woocommerce-variation-add-to-cart {
	display: grid;
	grid-template-columns: 67px auto 40px;
	padding-top: 12px;
}

.single_add_to_cart_button {
	margin: 0 !important;
}

#yith-wcwl-popup-message,
#yith-wcwl-form .woocommerce-message,
.yith-wcwl-popup-message {
	display: none !important;
}

.yith-wcwl-add-to-wishlist * {
	color: var(--primary_color) !important;
}

.yith-wcwl-add-to-wishlist .feedback {
	position: absolute;
	z-index: -1;
}

.entry-summary .yith-wcwl-add-to-wishlist {
	margin: 0;
	height: 100%;
	padding: 9px;
	background-color: var(--color_bg1);
	border: 1px solid var(--primary_color);
}

.entry-summary .yith-wcwl-icon {
	margin-right: 1px !important;
	font-size: 1.46rem;
}

.product_meta,
.hasCustomOptions .product-addon-totals ul>li,
.hasCustomOptions .wc-pao-addons-container>div,
.hasCustomOptions .woocommerce-variation-price {
	display: none !important;
}

.hasCustomOptions .product-addon-totals .wc-pao-subtotal-line,
.hasCustomOptions .wc-pao-addons-container #product-addons-total {
	display: block !important;
}

.product-addon-totals,
.wc-pao-subtotal-line,
#product-addons-total {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important
}

.wc-pao-addons-container #product-addons-total {
	padding: 5px 0 15px 0 !important
}

.wc-pao-addons-container {
	grid-column: 1/-1;
}


ul.infoList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap_min);
	padding-top: var(--gap);
	font-size: 14px;
	grid-column: 1/-1;
}

ul.infoList li {
	position: relative;
}

ul.infoList li p {
	padding-left: 2.5em;
}

ul.infoList p:before {
	font-size: 2em;
	position: absolute;
	top: -0.2rem;
	left: 0;
}

ul.infoList img {
	height: 1.4em;
	width: auto;
	display: inline-block;
	position: absolute;
	top: -0.2em;
	left: 0;
}

ul.infoList img+p {
	padding-left: 6.5em
}

/*Tabs*/
.single-product main>.product .woocommerce-tabs.wc-tabs-wrapper {
	grid-area: tabs;
	width: 100%;
	/* 	background-color: var(--color_bg1); */
}

.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs li a {
	font-size: var(--h5_size);
	font-weight: 600;
	padding: 6px 12px;
}

.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs a:hover,
.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs .active a {
	color: var(--color_bg1);
	background-color: var(--primary_color);
}

.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel {
	padding: 1rem 0;
	/* 	background-color: var(--color_bg1); */
}

.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2 {
	display: none;
}

.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs {
	gap: var(--gap);
}

.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs li a {
	font-size: var(--body_size);
	font-weight: 600;
	padding: 0;
	background-size: 0 0.1em;
	transition: background-size 500ms;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-image: linear-gradient(var(--primary_color), var(--primary_color));
	padding-bottom: 3px;
}

.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs a:hover, .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs .active a {
	color: var(--text_color);
	background-color: #fff !important;
	background-size: 100% 0.1em;
	background-position: 0 100%;
}

/*Aditional Info*/
.custom-product-data {
	display: flex;
	flex-direction: column;
	gap: var(--gap_min)
}

.custom-product-data span:nth-child(1) {
	font-weight: 600;
	width: 120px;
	display: inline-block;
}

.woocommerce-Tabs-panel .woocommerce-product-attributes {
	display: none;
}

.single-product main>.product .related.products {
	grid-area: relatedProducts;
	width: 100%;
	padding-top: var(--gap);
}

.related.products>h2 {
	font-size: var(--h4_size);
	padding-top: var(--gap);
	padding-bottom: var(--gap);
}


@media only screen and (max-width: 900px) {
	.single-product main>.product {
		grid-template-areas:
			"gallery"
			"summary"
			"tabs"
			"relatedProducts";
		grid-template-columns: 1fr;
	}
}

.woocommerce-Reviews .commentlist li {
	list-style: none;
}

.comment_container {
	padding: 1rem;
	background-color: #f6f6f6;
}

#review_form {
	margin-top: 20px
}

#review_form .comment-reply-title {
	font-size: 1.5rem;
}

#review_form .comment-form-comment {
	display: flex;
	flex-direction: column;
}

#review_form .comment-form-cookies-consent {
	margin: 5px 0;
}

.commentlist .review .comment_container {
	background-color: hsl(48deg 56% 96%)
}

.commentlist .review .comment_container img {
	display: none;
}

/*Wishlist page*/
.wishlist_table {
	padding: var(--gap) 0;
}


.wishlist_table tr th {
	padding-bottom: 10px !important;
}

.wishlist_table .product-add-to-cart {
	display: none;
}

/*Home Page*/

/*New Products*/
.newProducts {
	margin: 50px 0;
}

.newProducts .container>h2 {
	text-align: center;
	padding-top: var(--gap);
}

.newProducts .container>p {
	text-align: center;
	padding-bottom: var(--gap);
}

/*Featured Brand*/
/*Brand 1*/
.featuredBrand {
	margin: 50px 0;
}

.featuredBrand.brand1 .imageBanner {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
	position: relative;
}

.featuredBrand.brand1 .imageBanner>.content,
.featuredBrand.brand1 .imageBanner>.coverImage {
	grid-row: 1/1;
	grid-column: 1/1
}

.featuredBrand.brand1 .imageBanner>.coverImage {
	height: 500px;
	position: relative;
}

.featuredBrand.brand1 .imageBanner:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--primary_color);
	z-index: 1;
	opacity: 0.9
}

.featuredBrand.brand1 .imageBanner>.content {
	--text_color: #ffffff;
	color: var(--text_color);
	text-align: center;
	position: relative;
	width: clamp(300px, 98%, 800px);
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	z-index: 1;
	padding: var(--gap);
	align-items: center;
}

.featuredBrand.brand1 .imageBanner>.content h2 {
	color: var(--secondary_color);
	font-size: var(--h1_size);
}

.featuredBrand.brand1 .imageBanner>.content p {
	font-size: var(--h5_size);
	line-height: 1.6;
}

.featuredBrand.brand1 .imageBanner>.content .buttonLink {
	font-size: var(--h5_size);
	color: var(--primary_color);
	background-color: var(--color_bg1);
	width: auto;
}

.featuredBrand.brand1 .container {
	padding-top: calc(var(--gap) * 2);
}

/*Brand 2*/
.featuredBrand.brand2 .container {
	display: grid;
	padding: calc(var(--gap) * 2);
	gap: calc(var(--gap) * 2);
	grid-template-columns: 1fr 1fr;
	position: relative;
	background-color: var(--color_bg1);
	width: clamp(300px, 98%, calc(var(--max_width) + var(--gap) * 3));
	max-width: calc(var(--max_width) + var(--gap) * 3);
}

.featuredBrand.brand2 .container .coverImage {
	height: 100%;
}

.featuredBrand.brand2 .simpleLink {
	position: absolute;
	bottom: var(--gap);
	right: calc(var(--gap)*2);
}

@media only screen and (max-width: 1024px) {
	.featuredBrand.brand2 .container {
		margin: 0;
		padding: var(--gap_min);
		grid-template-columns: 1fr;
		width: 100%;
		max-width: 100%;
		position: relative;
	}
}

@media only screen and (max-width: 600px) {
	.featuredBrand.brand2 .content {
		padding-bottom: calc(var(--gap) + 3px);
	}

	.featuredBrand.brand2 .simpleLink {
		bottom: var(--gap_min);
		left: var(--gap_min);
		right: auto;
	}
}

.products.columns-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(var(--gap) * 2);
}

.products .product {
	background-color: #fff;
	position: relative;
}


.products .product .woocommerce-loop-product__title {
	max-width: 80%;
	margin: 0 auto;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.products .product .price {
	margin-top: 28px;
}

@media only screen and (max-width: 600px) {
	.products.columns-2 {
		grid-template-columns: repeat(1, 1fr);
		gap: calc(var(--gap) * 2);
	}
}

.products .product .button {
	color: #fff !important;
}

.products .product .button::before {
	display: inline-block;
	content: "⬤ ";
	color: var(--primary_color);
}

.products .product.outofstock .button::after,
.products .product .button {
	pointer-events: none;
}

.products .product .button::after {
	pointer-events: auto;
}

.products .product.outofstock .button::before {
	color: #e33348;
}

.products .product.onbackorder .button::before {
	color: #ffaa01;
}

.products .product .star-rating {
	display: none
}

.products .product .added_to_cart {
	bottom: 11px;
	position: absolute;
	left: 36px;
}

/**
* Header cart
*/
.cartIconMenu {
	position: relative;
}

.cartIconMenu>.count {
	display: block;
	position: absolute;
	background-color: #dea42c !important;
	color: #000;
	top: -8px;
	right: 8px;
	height: 16px;
	width: 16px;
	text-align: center;
	border-radius: 10px;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 700;
}

.page.woocommerce-checkout #site-header-cart,
.page.woocommerce-cart #site-header-cart {
	visibility: hidden !important;
	right: -320px !important;
}

#site-header-cart {
	--top_offset: 0px;
}

#site-header-cart ul {
	list-style: none;
}

#site-header-cart .widget_shopping_cart {
	height: calc(100% - 35px);
}

#site-header-cart .widget_shopping_cart_content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#site-header-cart .mini_cart_item {
	position: relative;
	border: solid #dddddd;
	border-width: 0 0 1px 0;
	padding-bottom: 20px;
	padding-left: 95px;
	min-height: 95px;
}

#site-header-cart .mini_cart_item .remove_from_cart_button {
	color: #333;
	position: absolute;
	top: -2px;
	right: -2px;
	z-index: 1;
	height: 20px;
	width: 20px;
	text-align: center;
	font-size: 22px;
	line-height: 0.9em;
}

#site-header-cart .mini_cart_item a:nth-child(2) {
	padding-right: 20px;
}

#site-header-cart .mini_cart_item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: auto;
	object-fit: cover;
	aspect-ratio: 1;
}

#site-header-cart .mini_cart_item .variation,
#site-header-cart .mini_cart_item .quantity {
	font-size: 0.8rem;
	display: block;
}

#site-header-cart .mini_cart_item .variation>* {
	display: none;
}

#site-header-cart .mini_cart_item .variation-Customizations {
	display: block;
}

#site-header-cart .mini_cart_item dt.variation-Customizations {
	padding-top: 5px;
}

#site-header-cart .woocommerce-mini-cart__buttons {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: var(--gap);
	padding-top: var(--gap_min);
	box-shadow: 0 0 15px rgb(0 0 0 / 6%);
}

.woocommerce-mini-cart__total.total {
	padding: 0 var(--gap);
    text-align: right;
    /* margin-bottom: calc(var(--gap_min)*-5.9); */
    position: absolute;
    right: 0;
    bottom: calc(var(--gap) + 48px);
}

#site-header-cart .woocommerce-mini-cart__buttons a.checkout {
	display: block;
	color: var(--color_bg1);
	text-transform: uppercase;
/* 	margin-top: 5px; */
	padding: 10px 25px;
	text-align: center;
	letter-spacing: 0.6px;
	background-color: var(--primary_color);
	font-weight: bold;
}

/*Slider*/
.pdSliderContainer {
	position: relative;
	overflow: hidden;
	--itemsPerScreen: 3;
	--sliderIndex: 0;
}

.pdSlider {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	transition: transform 500ms ease-in-out;
}

.pdSlide {
	flex: 0 0 calc(100% / var(--itemsPerScreen));
	max-width: calc(100% / var(--itemsPerScreen));
	position: relative;
}

.pdSliderContainer>button {
	position: absolute;
	top: calc(50% - 50px);
	height: 50px;
	width: 50px;
	border-radius: 25px;
	border: none;
	cursor: pointer;
	background-color: hsla(0, 0%, 100%, 20%);
	opacity: 0;
	transition: all 0.4s;
}

.pdSliderContainer:hover>button {
	opacity: 1;
}

.pdSliderContainer .prev {
	left: 20px;
}

.pdSliderContainer .next {
	right: 20px;
}

@media (max-width: 800px) {
	.sliderContainer {
		--itemsPerScreen: 2;
	}
}

@media (max-width: 600px) {
	.sliderContainer {
		--itemsPerScreen: 1;
	}
}

.dotNavContainer {
	padding-top: 1rem;
	display: flex;
	gap: 0.5rem;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}

.dotNavContainer li {
	display: block;
	background-color: var(--primary_color);
	border-radius: 5px;
	height: 6px;
	width: 1.5rem;
	cursor: pointer;
	transition: all 0.3s;
}

.dotNavContainer li:hover {}

.dotNavContainer li.current {
	width: 2rem;
}

/**/

.heroSection {
	background-color: #333;
}

.heroSection h1 {
	text-transform: uppercase;
	font-weight: 900;
}

.pdSliderContainer.heroSection {
	--itemsPerScreen: 1;
}

.heroSection .dotNavContainer {
	position: absolute;
	z-index: 1;
	bottom: var(--gap_min);
}

.heroSection .dotNavContainer li {
	background-color: #fff;
}

.heroSection .pdSlide {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
	position: relative;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.heroSection .pdSlide:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/* 	background-color: #000; */
	z-index: 1;
	opacity: 0.3;
}

.buttonLink {
	text-shadow: none;
}

.heroSection .pdSlide>.wp-post-image, .heroSection .pdSlide>.container {
	grid-row: 1/1;
	grid-column: 1/1;
}

.heroSection .pdSlide>.wp-post-image {
	height: 600px;
	user-select: none;
}

.heroSection .pdSlide>.container {
	--text_color: #ffffff;
	color: var(--text_color);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap_min);
	z-index: 1;
}

.heroSection .pdSlide .buttonList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap_min);
	padding-top: var(--gap_min)
}

.heroSection .pdSlide .buttonLink {
	width: auto;
}

.heroSection .pdSlide .button_2 {
	background: none;
	border: solid 1px #fff;
}

.heroSection .pdSlide .button_2:hover {
	background: #fff;
	color: #000;
}

/*Testimonials*/
.testimonials {
	position: relative;
	padding: var(--gap) 0;
}

.testimonials .container {
	max-width: 1200px;
}

.testimonials:before {
	display: block;
	content: "";
	background-color: var(--color_bg1);
	height: 250px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.testimonials h2 {
	color: var(--primary_color);
	text-align: center
}

.testimonials .pdSliderContainer {
	--itemsPerScreen: 1;
}

.testimonials .dotNavContainer {
	position: absolute;
	z-index: 1;
	bottom: var(--gap);
}

.testimonials .dotNavContainer li {
	background-color: #fff;
}

.testimonials .pdSlide {
	display: grid;
	background-color: var(--primary_color);
	grid-template-columns: 200px 1fr;
	padding: calc(var(--gap)*3);
	gap: var(--gap);
}

.testimonials .pdSlide .wp-post-image {
	border-radius: var(--radius);
	aspect-ratio: 1;
	height: auto;
}

.testimonials .pdSlide>.content {
	--text_color: #ffffff;
	color: var(--text_color);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--gap_min);
	justify-content: flex-end;
	padding-bottom: 1rem;
}

.testimonials .pdSlide>.content p {
	font-size: var(--h5_size);
}

.testimonials .pdSlide>.content .ldic {
	font-size: 2.5rem;
}

.testimonials .content .ldic-quote-right {
	position: absolute;
	bottom: 0;
	right: 0;
}

.testimonials .bgPattern {
	position: absolute;
	top: -50%;
	left: 0;
	width: 40%;
}

.testimonials .bgPattern:nth-child(2) {
	position: absolute;
	top: auto;
	bottom: -50%;
	left: auto;
	right: 0;
}

@media only screen and (max-width: 600px) {
	.testimonials .pdSlide {
		display: grid;
		background-color: var(--primary_color);
		grid-template-columns: 1fr;
		padding: var(--gap);
		gap: var(--gap);
		padding-bottom: calc(var(--gap) + 12px);
	}

	.testimonials .bgPattern {
		position: absolute;
		top: -10%;
		left: -10%;
		width: 80%;
	}

	.testimonials .bgPattern:nth-child(2) {
		position: absolute;
		top: auto;
		bottom: -10%;
		left: auto;
		right: -10%;
	}
}


/*Product Card*/
.products .product .button::after {
	font-size: 1.5rem;
	margin-top: -2px;
	content: "\f115";
	font-family: lindholmsIcons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	float: right;
	color: var(--primary_color);
}

.price del {
	opacity: 0.6;
	text-decoration: none !important;
}

.price ins {
	text-decoration: none !important;
}

/* Brand Page*/

.brandHero,
.defaultHero {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
	position: relative;
}

.brandHero:before,
.defaultHero:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/* 	background-color: #000; */
	z-index: 1;
	opacity: 0.3;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.brandHero>img,
.defaultHero>.post-thumbnail,
.brandHero>.container,
.defaultHero>.container {
	grid-row: 1/1;
	grid-column: 1/1;
}

.brandHero>img,
.defaultHero>.post-thumbnail {
	width: 100%;
	height: 350px;
}

.defaultHero>.post-thumbnail img {
	width: 100%;
	height: 100%;
}

.brandHero>.container,
.defaultHero>.container {
	--text_color: #ffffff;
	color: var(--text_color);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap_min);
	z-index: 1;
}

.brandInfo {
	background-color: var(--color_bg1);
}

.brandInfo .container {
	display: grid !important;
	grid-template-columns: 200px 1fr;
}

.brandInfo .container>img {
	aspect-ratio: 1;
	object-fit: contain;
	max-width: 200px;
}

@media only screen and (max-width: 600px) {
	.brandInfo .container {
		grid-template-columns: 1fr;
	}
}

.noCategoryProducts,
.noBrandProducts {
	display: grid !important;
	gap: calc(var(--gap) * 2);
}

.noCategoryProducts img,
.noBrandProducts img {
	aspect-ratio: 3/2
}

.noCategoryProducts h5,
.noBrandProducts h5 {
	padding: 0 0 5px 0;
}

.noCategoryProducts a,
.noBrandProducts a {
	font-weight: 600;
}

.noCategoryProducts a:hover,
.noBrandProducts a:hover {
	text-decoration: underline;
}

/*Shop Archive*/
.archive.woocommerce .entry-content {
	padding-top: calc(var(--gap) * 2);
	padding-bottom: calc(var(--gap) * 2);
}

.archive.woocommerce .woocommerce-breadcrumb {
	display: none;
}

/*Shop Filter*/
.filterBar {
	color: #fff;
	background-color: var(--primary_color);
	width: 100%;
	padding: var(--gap_min);
	gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: end;
	align-items: center;
}

.filterBar p {
	font-size: var(--h5Text);
	line-height: 1;
	position: relative;
	padding-left: 22px;
	cursor: pointer;
}

.filterBar li:nth-child(2) {
	justify-self: start;
}

.filterBar .filterTitle p {
	padding-left: 12px;
}

.filterBar p:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.filterBar select {
	font-size: var(--h5Text);
	appearance: none;
	outline: 0;
	border: 0;
	box-shadow: none;
	/* Personalize */
	flex: 1;
	color: #fff;
	background-color: var(--primery_color);
	background-image: none;
	cursor: pointer;
	padding: 5px 10px;
}

.filterBar select option {
	background: var(--color_bg4);
	color: var(--text_color);
}

/**/
.filterGroup h5 {
	border-bottom: solid 1px var(--border_color);
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.filterOptions {
	column-width: 150px;
	column-gap: var(--gap);
}

.filterOption {
	position: relative;
	margin-bottom: 10px;
}

.filterOption input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}

.filterOption input[type="checkbox"]+label:before {
	content: "\f114";
	font-size: 0.6em;
	padding: 0.15em 0.3em;
	margin-right: 0.4em;
	font-family: lindholmsIcons !important;
	display: inline-block;
	color: var(--color_bg4);
	background-color: var(--color_bg4);
	height: 1rem;
	width: 1rem;
	border-radius: 0;
	line-height: 1.6;
}

.filterOption input[type="checkbox"]:checked+label:before {
	background-color: var(--primary_color);
	color: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}

#range_preview {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

#range_preview span::last-child {
	display: block;
	float: left;
}

.priceRangeSlider {
	--thumb-size: 15px;
	--thumb-color: var(--primary_color);
	--thumb-shadow-size: 5px;
	--track-size: 4px;
	--track: var(--color_bg4);
	--highlight: var(--color_bg3);
	--min: 0%;
	--max: 100%;
	width: 100%;
	position: relative;
	height: var(--track-size);
	background: var(--track-color);
	background: linear-gradient(to right, var(--track) var(--min), var(--highlight) var(--min), var(--highlight) var(--max), var(--track) var(--max));
}

.priceRangeSlider input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.priceRangeSlider input::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	height: 5px;
}

.priceRangeSlider input::-moz-range-track {
	-moz-appearance: none;
	height: 5px;
}

.priceRangeSlider input::-ms-track {
	appearance: none;
	height: 5px;
}

.priceRangeSlider input::-webkit-slider-thumb {
	-webkit-appearance: none;
	margin-top: -5px;
	width: var(--thumb-size);
	height: var(--thumb-size);
	background: var(--thumb-color);
	border: none;
	border-radius: 50%;
	pointer-events: auto;
	cursor: pointer;
	box-shadow: 0 0 0 0 var(--thumb-color);
	transition: box-shadow 0.15s ease;
}

.priceRangeSlider input::-moz-range-thumb {
	-moz-appearance: none;
	width: var(--thumb-size);
	height: var(--thumb-size);
	background: var(--thumb-color);
	border: none;
	border-radius: 50%;
	pointer-events: auto;
	cursor: pointer;
	box-shadow: 0 0 0 0 var(--thumb-color);
	transition: box-shadow 0.15s ease;
}

.priceRangeSlider input::-ms-thumb {
	appearance: none;
	width: var(--thumb-size);
	height: var(--thumb-size);
	background: var(--thumb-color);
	border: none;
	border-radius: 50%;
	pointer-events: auto;
	cursor: pointer;
	box-shadow: 0 0 0 0 var(--thumb-color);
	transition: box-shadow 0.15s ease;
}

.priceRangeSlider input::-webkit-slider-thumb:hover {
	box-shadow: 0 0 0 var(--thumb-shadow-size) var(--thumb-color);
}

.priceRangeSlider input::-moz-range-thumb:hover {
	box-shadow: 0 0 0 var(--thumb-shadow-size) var(--thumb-color);
}

.priceRangeSlider input::-ms-thumb:hover {
	box-shadow: 0 0 0 var(--thumb-shadow-size) var(--thumb-color);
}

.priceRangeSlider+p {
	text-align: center;
}

#customPagination {
	display: flex;
	flex-direction: row;
	gap: 15px;
	grid-column: 1 / -1;
	margin-bottom: -25px;
}

/*Sort Filter*/

.sortOption {
	position: relative;
	margin-bottom: 10px;
}

.sortOption input {
	opacity: 0;
	position: absolute;
}

.sortOption input+label:before {
	content: "\f114";
	font-size: 0.6em;
	padding: 0.15em 0.3em;
	margin-right: 0.4em;
	font-family: lindholmsIcons !important;
	display: inline-block;
	color: var(--color_bg4);
	background-color: var(--color_bg4);
	height: 1rem;
	width: 1rem;
	border-radius: 0;
	line-height: 1.6;
}

.sortOption input:checked+label:before {
	background-color: var(--primary_color);
	color: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}


/*Footer*/
.socialIcons {
	display: flex;
	gap: var(--gap_min);
	padding-top: var(--gap_min);
}

.socialIcons li a {
	padding: 8px;
	display: block;
	color: var(--color_bg1);
	background-color: var(--color_bg2);
	aspect-ratio: 1;
	line-height: 0.8;
	border-radius: 50%;
}

.socialIcons li a:hover {
	background-color: var(--primary_color)
}

#hours a {
	pointer-events: none;
	font-weight: 600;
}

#hours a span {
	display: block;
	font-weight: 400;
	padding-bottom: 10px;
}

/*Product Page*/
.single-product main>.product .entry-summary form.cart.grouped_form {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 43px;
}

.woocommerce-grouped-product-list.group_table {
	grid-column: 1/-1;
	padding: 20px 0;
}

.woocommerce-grouped-product-list tr+tr td {
	padding-top: 5px;
}

.single-product .added_to_cart,
.single-product .woocommerce-message {
	display: none;
}

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

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

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

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

@media only screen and (max-width: 1000px) {
	.col-2 {
		grid-template-columns: repeat(1, 1fr);
	}

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

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

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

@media only screen and (max-width: 600px) {
	.woocommerce-breadcrumb {
		padding: var(--gap_min)
	}
}

/*brandCard*/
#indexStyle {
	display: none;
}

.brandIndexFilter {
	background-color: var(--primary_color);
}

#brandIndexFilter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap);

}

#brandIndexFilter li {
	color: #fff;
	cursor: pointer;
}

#brandIndexFilter li:hover {
	text-decoration: underline;
}

#brandIndexFilter .reset-index {
	display: none;
}

.container.brands .col-4 {
	position: relative;
	gap: var(--gap);
	padding-top: 4.5em;
}

.container.brands .col-4 span {
	top: 0;
	left: 0;
	position: absolute;
	font-size: 1.8rem;
	text-transform: uppercase;
	font-weight: 900;
	background-color: var(--color_bg1);
	padding: 0.3em 0.6em;
}

.container.brands {
	padding-top: var(--section_padding);
	padding-bottom: var(--section_padding);
}

.brandCard .hero {
	display: grid;
	grid-template-columns: 1fr;
	aspect-ratio: auto;
	align-content: center;
	justify-content: center;
}

.brandCard .hero img {
	grid-column: 1/2;
	grid-row: 1/2;
	background-color: #fff;
	aspect-ratio: 3/2;
	align-self: center;
	justify-self: center;
}


.brandCard .hero img.logo {
	object-fit: contain;
	padding: var(--gap);
	width: 50%;
}

.brandCard a h3 {
	padding: var(--gap_min);
	font-size: var(--h4_size);
}

/*Search*/
.search .container {
	padding-top: calc(var(--gap) * 2);
	padding-bottom: calc(var(--gap) * 2);
}

/*Account Page*/
.woocommerce-form-register,
.woocommerce-form-login,
.woocommerce-form-register .form-row,
.woocommerce-form-login .form-row {
	display: flex;
	flex-direction: column;
}

.woocommerce-form-register,
.woocommerce-form-login {
	width: 280px;
	grid-column: span 2;
	margin: 0 auto;
}

.woocommerce-form-register .form-row,
.woocommerce-form-login .form-row {
	margin-top: 5px;
}

#customer_login {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}

.logged-out.woocommerce-account .entry-content .woocommerce {
	display: block;
}

/*Checkout Page*/
.page.woocommerce-checkout .woocommerce-form-login-toggle {
	margin-bottom: 10px;
}

.page.woocommerce-checkout table.shop_table {
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
	font-size: 15px;
	border: solid 1px var(--border_color);
	border-radius: 5px;
	border-spacing: 0;
}

.page.woocommerce-checkout table.shop_table th,
.page.woocommerce-checkout table.shop_table td {
	padding: 0.8em;
}

.page.woocommerce-checkout table.shop_table td dl {
	font-size: 0.85em;
	padding-top: 10px;
}

.page.woocommerce-checkout table.shop_table td {
	border-top: solid 1px var(--border_color);
}

.page.woocommerce-checkout table.shop_table thead th:nth-child(1) {
	border-right: solid 1px var(--border_color);
}

.page.woocommerce-checkout table.shop_table tbody tr td:nth-child(1),
.checkout table.shop_table tfoot th {
	border: solid var(--border_color);
	border-width: 1px 1px 0 0
}

#order_comments_field {
	display: flex;
	flex-direction: column;
}

#order_comments_field textarea {
	width: 100%;
	height: 150px;
	padding: 0.8em;
	font-size: 15px;
	line-height: 1.5em;
	border: solid 1px var(--border_color);
	border-radius: 5px;
	resize: none;
}

.page.woocommerce-checkout table .includes_tax {
	display: block;
}

.page.woocommerce-checkout #account_password {
	border-radius: 5px;
}

.page.woocommerce-checkout .woocommerce-NoticeGroup {
	margin-top: 10px;
}

/*Cart Page*/
.wc-block-cart__main .price {
	text-align: left;
	margin-top: 10px;
	padding-bottom: 5px;
	border: none;
}

.wc-block-cart-items__header-total,
.wc-block-cart-item__quantity button {
	text-align: left !important;
}

.wc-block-cart__main table {
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
	font-size: 15px;
	border: solid 1px var(--border_color);
	border-radius: 5px;
	border-spacing: 0;
}

.wc-block-cart__main table tr {
	padding: 0 !important;
}

.wc-block-cart__main table td {
	margin: 0;
}

.wc-block-cart__main table th,
.wc-block-cart__main table td {
	padding: 0.8em !important;
}

.wc-block-cart__main table tr>*+* {
	border-left: solid 1px var(--border_color);
}

.wc-block-components-totals-coupon__form {
	flex-direction: column;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
	margin: 10px 0 0 0;
}

.wc-block-components-button {
	background-color: var(--primary_color) !important;
}

@media only screen and (max-width: 800px) {

	.page.woocommerce-cart .defaultHero>.post-thumbnail,
	.page.woocommerce-checkout .defaultHero>.post-thumbnail {
		height: 180px;
	}
}



/*Confirm order*/
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order .woocommerce-notice {
	display: none;
}

/*Label*/
#printLabel {
	font-size: 12px;
	padding: 10px;
	background-color: var(--color_bg1);
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 999;
	cursor: pointer;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	max-width: 180px;
}

#printLabel button {
	margin-top: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 10px 20px;
	text-align: center;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	background-color: var(--primary_color);
	cursor: pointer;
}


/*seopress*/
.seopress-user-consent {
	font-family: var(--paragraph_font);
	width: 100% !important;
	max-width: clamp(200px, 80vw, 600px) !important;
	bottom: 20px !important;
	border: none !important;
	justify-content: space-between !important;
	background-color: #f9f9f9 !important;
	display: flex !important;
	gap: 15px !important;
}

.seopress-user-consent.seopress-user-consent-hide {
	display: none !important;
}

.seopress-user-consent p {
	text-align: left;
	font-size: 15px !important;
	line-height: 1.4em;
}

.seopress-user-consent.seopress-user-message p:first-child {
	margin: 0 !important;
}

.seopress-user-consent p:nth-child(2) {
	text-align: left;
	font-size: 15px !important;
	display: flex;
	gap: 5px;
}

.seopress-user-consent button {
	border: none !important;
	outline: none !important;
	background-color: hsl(152, 21%, 35%);
	font-weight: 600;
	color: #fff;
	padding: 12px 15px;
	width: auto !important;
	text-transform: capitalize;
}

.seopress-user-consent button#seopress-user-consent-close {
	color: hsl(152, 21%, 35%) !important;
	background-color: hsl(152, 21%, 90%) !important;
}

@media only screen and (max-width: 700px) {
	.seopress-user-consent {
		justify-content: flex-start !important;
		display: flex !important;
		flex-wrap: wrap !important;
	}
}


/*kt-blocks*/

.kt-blocks-accordion-header {
	background-color: var(--primary_color) !important;
	color: #fff !important;
}

.kt-blocks-accordion-icon-trigger:after,
.kt-blocks-accordion-icon-trigger:before {
	background-color: #fff !important;
}

/*Temp*/
#menu-item-885,
#menu-item-923,
#menu-item-942 {
	display: none !important;
}