/*
Theme Name: Storecraft
Theme URI: https://hudawp.com/product/storecraft-multipurpose-woocommerce-wordpress-theme/
Author: Huda Themes
Author URI: https://www.hudawp.com/
Description: Storecraft is a modern and stylish WordPress theme designed for fashion brands, clothing stores, apparel boutiques, online fashion shops, footwear retailers, accessories stores, and lifestyle businesses. Powered by WooCommerce, the theme provides everything you need to create a professional online store with an attractive shopping experience. Display featured products, new arrivals, trending collections, seasonal offers, product categories, and best-selling items in a clean, elegant, and user-friendly layout. Built with performance and flexibility in mind, Storecraft features a fully responsive design that looks stunning on desktops, tablets, and mobile devices. The theme is lightweight, fast-loading, and developed according to WordPress coding standards, ensuring reliable performance and compatibility with the latest WordPress versions. It supports the WordPress Block Editor (Gutenberg) and works seamlessly with popular plugins such as WooCommerce, Contact Form 7, WPForms, and Elementor, making it easy to extend your website's functionality. Storecraft includes easy customization options through the WordPress Customizer, allowing you to personalize colors, typography, logos, headers, footers, layouts, and other design settings without writing a single line of code. Its SEO-friendly structure, clean code, and optimized performance help improve search engine visibility while delivering a smooth browsing experience for visitors. Whether you're launching a fashion boutique, clothing brand, streetwear store, men's or women's apparel shop, kids' fashion store, shoe shop, handbag collection, jewelry boutique, or accessories business, Storecraft provides a flexible and professional foundation for your online presence. The theme is translation-ready, accessibility-friendly, and designed for long-term compatibility with future WordPress updates. With its elegant design, WooCommerce integration, responsive layout, and easy customization options, Storecraft is an excellent choice for creating a beautiful, fast, and professional fashion eCommerce website using WordPress.
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.0.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: storecraft
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, full-width-template, flexible-header, sticky-post, theme-options, threaded-comments, blog, e-commerce

Storecraft WordPress Theme, Copyright 2026 Huda
Storecraft is distributed under the terms of the GNU GPL

This theme is derived from storecraft, licensed under GPL v3 or later.
Original theme: https://wordpress.org/themes/storecraft/
*/
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* Wider container on large screens */
@media (min-width: 1600px) {
	.container {
		max-width: 1600px;
	}
}
body {
	margin: 0; 
	font-family: 'Inter',sans-serif;
	overflow-x: hidden;	
	background: #fff;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: 'Playfair Display',serif;

}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
figcaption,
figure,
main {
	display: block;
}

/* figure {
	margin: 1em 0;
} */

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

p {
	color: #000;
	font-size: 15px;
  line-height: 1.8;
}

pre {
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}

a:active,
a:hover {
	outline-width: 0;
	text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus, .header-box a:focus{
	outline: -webkit-focus-ring-color auto 1px;
	text-decoration: none;
}
.site-footer a:focus, .site-footer input:focus, .closepop a:focus,
.nav-menu ul ul a:focus, .site-footer button:focus{
	outline-color: #fff;
}
abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

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

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}
/*-------------- Alignments ---------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------- Clearings -------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------- Forms ---------*/

label {
	color: #3f3f3f;
	font-weight: 600;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.8em;
	width: 100%;
}

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: #222;
	border-color: #3f3f3f;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background: #000;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 1em 2em;
	border-radius: 0;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #3f3f3f;
}
:-moz-placeholder {
	color: #3f3f3f;
}
::-moz-placeholder {
	color: #3f3f3f;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #3f3f3f;
}

/*------ Formatting ---------*/

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

/*-------- Lists ----------*/

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

ul {
	list-style: disc;
	padding-left: 15px;
}

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

/*---------- Tables ---------*/

table {
	border-collapse: collapse;
	width: 100%;
}

thead th {
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}
tbody, td, th {
    border: 1px dashed;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*---------- Links -----------*/
a {
	color: #000;
	text-decoration: none ;
}
.article_content a, .huda-content a, .entry-content a, 
.comment-body a, .textwidget a, .content-area a {
    text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
	color: #000;
	text-decoration: none;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*------------ Serviced Image Hover ----------------*/

.service-content a {
	overflow-wrap: break-word;
}

.post-thumbnail {
	margin-bottom: 1em;
}
.post-thumbnail img {
    width: auto;
}
.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

#inner-pages-header {
	padding: 3.5em 0 2.5em;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
}
#inner-pages-header .header-overlay {
	display: none;
}
#inner-pages-header h1 {
	font-weight: 700;
	font-size: 1.85rem;
	line-height: 1.3;
	color: var(--hbs-pink);
	padding: 0;
	overflow-wrap: break-word;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	position: relative;
	text-align: center;
}
#inner-pages-header .innheader-border {
	display: block;
	margin: 14px auto 16px;
	width: 50px;
	height: 3px;
	border: 0;
	background: var(--hbs-pink);
	position: relative;
}
#inner-pages-header .theme-breadcrumb {
	text-align: center;
}
#inner-pages-header .theme-breadcrumb a,
#inner-pages-header .theme-breadcrumb span {
	color: #888;
	font-size: 0.9rem;
	display: inline-block;
	position: relative;
	font-weight: 500;
	padding: 0 6px;
	text-decoration: none;
}
#inner-pages-header .theme-breadcrumb a:hover,
#inner-pages-header .theme-breadcrumb a:focus {
	color: var(--hbs-pink);
}
#inner-pages-header .theme-breadcrumb span {
	overflow-wrap: break-word;
	word-break: normal;
	color: #555;
}
#inner-pages-header .header-content {
	text-align: center;
	position: relative;
}
#inner-pages-header .theme-breadcrumb a:last-child:after {
	display: none;
}
.pd-0{padding: 0;}
.mr-0{margin-left:0 !important; margin-right:0 !important; }

/*-------------- Header ----------------*/

:root {
	--hbs-pink: #111111;
	--hbs-pink-dark: #000000;
	--hbs-pink-light: #f5f3f0;
	--hbs-pink-soft: #333333;
	--hbs-text: #111111;
	--hbs-text-muted: #666666;
	--hbs-border: #e8e8e8;
	--hbs-white: #ffffff;
}

#header.hbs-header.hbs-luxury-header {
	position: relative;
	z-index: 1000;
	width: 100%;
	overflow: visible;
}
#header.hbs-header.hbs-header--transparent {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	background: #fff;
}
#header.hbs-header.hbs-header--solid,
#header.hbs-header.hbs-header--transparent.is-scrolled {
	position: sticky;
	top: 0;
	background: #fff;
	box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
#header.hbs-header.hbs-header--transparent.is-scrolled {
	position: fixed;
	animation: hbsHeaderIn 0.25s ease;
}
@keyframes hbsHeaderIn {
	from { transform: translateY(-8px); opacity: 0.6; }
	to { transform: translateY(0); opacity: 1; }
}

/* Top bar */
.hbs-topbar {
	background: #111;
	color: #fff;
	text-align: center;
}
.hbs-topbar-text {
	margin: 0;
	padding: 9px 16px;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	color: #fff;
}

/* Main bar */
.hbs-header-bar {
	width: 100%;
	overflow: visible;
	position: relative;
	z-index: 5;
}
.hbs-header-bar-inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 24px;
	min-height: 72px;
	padding-top: 0;
	padding-bottom: 0;
	overflow: visible;
}
.hbs-header-brand {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}
.hbs-logo-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: inherit;
}
.hbs-logo-image img,
.hbs-logo-image .custom-logo {
	display: block;
	max-height: 40px;
	width: auto;
}
.hbs-site-name.site-title,
h1.hbs-site-name.site-title {
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0.02em;
	color: #111;
}
#header.hbs-header--transparent:not(.is-scrolled) .hbs-site-name.site-title,
#header.hbs-header--transparent:not(.is-scrolled) .hbs-action-item,
#header.hbs-header--transparent:not(.is-scrolled) .hbs-currency-label,
#header.hbs-header--transparent:not(.is-scrolled) .hbs-primary-nav a,
#header.hbs-header--transparent:not(.is-scrolled) .hbs-hamburger span {
	color: #111;
}
#header.hbs-header--transparent:not(.is-scrolled) .hbs-hamburger span {
	background: #111;
}
#header.hbs-header--transparent:not(.is-scrolled) .hbs-badge.count {
	background: #fff;
	color: #111;
}

/* Mobile toggle */
.hbs-mobile-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.hbs-hamburger {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 20px;
}
.hbs-hamburger span {
	display: block;
	width: 100%;
	height: 1.5px;
	background: #111;
}

/* Primary nav */
.hbs-primary-nav {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 50;
}
.hbs-nav-menu,
.hbs-nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hbs-nav-menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0 28px;
}
.hbs-nav-menu > li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.hbs-nav-menu > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 18px 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	color: #111;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}
.hbs-nav-menu > li.menu-item-has-children > a::after,
.hbs-nav-menu > li.page_item_has_children > a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 2px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	opacity: 0.7;
}
.hbs-nav-menu > li > a:hover,
.hbs-nav-menu > li > a:focus,
.hbs-nav-menu > li.current-menu-item > a,
.hbs-nav-menu > li.current_page_item > a,
.hbs-nav-menu > li.current-menu-ancestor > a,
.hbs-nav-menu > li.focus > a {
	color: #555;
}

/* Dropdown / submenu */
.hbs-nav-menu .sub-menu,
.hbs-nav-menu .children {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	display: none;
	min-width: 220px;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	background: #fff;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.06);
}
/* Hover bridge so cursor can move into submenu without gap closing it */
.hbs-nav-menu .sub-menu::before,
.hbs-nav-menu .children::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -16px;
	height: 16px;
}
.hbs-nav-menu li:hover > .sub-menu,
.hbs-nav-menu li:focus-within > .sub-menu,
.hbs-nav-menu li.focus > .sub-menu,
.hbs-nav-menu li.sfHover > .sub-menu,
.hbs-nav-menu li:hover > .children,
.hbs-nav-menu li:focus-within > .children,
.hbs-nav-menu li.focus > .children,
.hbs-nav-menu li.sfHover > .children {
	display: block;
}
.hbs-nav-menu .sub-menu li,
.hbs-nav-menu .children li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}
.hbs-nav-menu .sub-menu a,
.hbs-nav-menu .children a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 10px 18px;
	font-size: 14px;
	line-height: 1.35;
	color: #111 !important;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	box-sizing: border-box;
}
.hbs-nav-menu .sub-menu a:hover,
.hbs-nav-menu .sub-menu a:focus,
.hbs-nav-menu .children a:hover,
.hbs-nav-menu .children a:focus,
.hbs-nav-menu .sub-menu .current-menu-item > a,
.hbs-nav-menu .sub-menu .current_page_item > a {
	background: #f5f5f5;
	color: #111 !important;
}

/* Nested submenu (3rd level) */
.hbs-nav-menu .sub-menu .sub-menu,
.hbs-nav-menu .children .children {
	top: 0;
	left: calc(100% - 2px);
	margin-left: 0;
}
.hbs-nav-menu .sub-menu .sub-menu::before,
.hbs-nav-menu .children .children::before {
	top: 0;
	left: -16px;
	right: auto;
	width: 16px;
	height: 100%;
}
.hbs-nav-menu .sub-menu .menu-item-has-children > a::after,
.hbs-nav-menu .children .page_item_has_children > a::after {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
	opacity: 0.55;
}

/* Keep dropdown readable on transparent (white) header */
#header.hbs-header--transparent:not(.is-scrolled) .hbs-nav-menu .sub-menu a,
#header.hbs-header--transparent:not(.is-scrolled) .hbs-nav-menu .children a {
	color: #111 !important;
}

/* Prevent dropdown clipping */
#header.hbs-header,
#header .hbs-header-bar,
#header .hbs-header-bar-inner,
#header .hbs-primary-nav {
	overflow: visible;
}

/* Actions */
.hbs-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
}
.hbs-action-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #111;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
}
.hbs-currency {
	width: auto;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.hbs-badge.count {
	position: absolute;
	top: 6px;
	right: 4px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 9px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
}
.hbs-header-search {
	position: relative;
}
.hbs-search-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 30;
	width: min(320px, 80vw);
	padding: 12px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}
.hbs-search-dropdown[hidden] {
	display: none !important;
}
.hbs-search-dropdown .search-form {
	display: flex;
	gap: 8px;
	margin: 0;
}
.hbs-search-dropdown .search-field {
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 0;
}
.hbs-search-dropdown .search-submit {
	margin: 0;
	padding: 10px 14px;
	border: 0;
	border-radius: 0;
	background: #111;
	color: #fff;
}

@media (max-width: 991px) {
	.hbs-mobile-toggle { display: inline-flex; }
	.hbs-primary-nav { display: none; }
	.hbs-header-bar-inner {
		grid-template-columns: 1fr auto;
	}
	.hbs-currency { display: none; }
}

@media (max-width: 575px) {
	.hbs-site-name.site-title,
	h1.hbs-site-name.site-title { font-size: 22px; }
	.hbs-header-actions { gap: 0; }
	.hbs-action-item { width: 38px; height: 38px; }
}


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

/*	5. Sidebar Off-Canvas Menu
/* -------------------------------------------------------------------------- */

.menu-modal.hbs-sidebar-menu {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.12);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.menu-modal.hbs-sidebar-menu.show-modal {
	display: block;
}

.menu-modal.hbs-sidebar-menu.active {
	opacity: 1;
}

.menu-modal.hbs-sidebar-menu .menu-modal-inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: min(360px, 88vw);
	max-width: 100%;
	background: #fff;
	box-shadow: 8px 0 32px rgba(0, 0, 0, 0.08);
	transform: translateX(-100%);
	transition: transform 0.3s ease;
	overflow: hidden;
}

.menu-modal.hbs-sidebar-menu.active .menu-modal-inner {
	transform: translateX(0);
}

.admin-bar .menu-modal.hbs-sidebar-menu .menu-modal-inner {
	top: 32px;
	height: calc(100% - 32px);
}

.hbs-sidebar-panel {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px 32px 24px;
	box-sizing: border-box;
}

.hbs-sidebar-top {
	flex-shrink: 0;
	margin-bottom: 28px;
}

.hbs-sidebar-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0 0 24px;
	background: none;
	border: none;
	color: #000;
	cursor: pointer;
	line-height: 1;
}

.hbs-sidebar-close-icon {
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
}

.hbs-sidebar-brand {
	text-align: center;
}

.hbs-sidebar-site-title {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	line-height: 1.2;
}

.hbs-sidebar-site-tagline {
	display: block;
	margin-top: 6px;
	font-family: 'Inter', sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	line-height: 1.3;
}

.hbs-sidebar-body {
	flex: 1 1 auto;
	overflow-y: auto;
	min-height: 0;
}

.hbs-sidebar-menu-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hbs-sidebar-menu-list li {
	margin: 0;
	padding: 0;
	border: none;
}

.hbs-sidebar-menu-list a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	margin-bottom: 4px;
	border-radius: 8px;
	color: #000;
	text-decoration: none;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	line-height: 1.3;
	transition: background 0.2s ease;
}

.hbs-sidebar-menu-list a:hover,
.hbs-sidebar-menu-list a:focus {
	background: #f3f3f3;
	text-decoration: none;
	color: #000;
}

.hbs-sidebar-menu-list .current-menu-item > a,
.hbs-sidebar-menu-list .current_page_item > a,
.hbs-sidebar-menu-list .current-menu-ancestor > a {
	background: #efefef;
}

.hbs-sidebar-menu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	flex-shrink: 0;
	font-size: 15px;
	color: #000;
}

.hbs-sidebar-menu-icon i {
	font-size: 15px;
	line-height: 1;
}

.hbs-sidebar-menu-text {
	flex: 1 1 auto;
}

.hbs-sidebar-menu-chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 16px;
	margin-left: auto;
	font-size: 10px;
	color: #666;
	transition: transform 0.2s ease;
}

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

.hbs-sidebar-menu-list .sub-menu,
.hbs-sidebar-menu-list .hbs-sidebar-sub-menu {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hbs-sidebar-menu-list .menu-item-has-children:hover > .sub-menu,
.hbs-sidebar-menu-list .menu-item-has-children:focus-within > .sub-menu,
.hbs-sidebar-menu-list .menu-item-has-children:hover > .hbs-sidebar-sub-menu,
.hbs-sidebar-menu-list .menu-item-has-children:focus-within > .hbs-sidebar-sub-menu {
	display: block;
}

.hbs-sidebar-menu-list .menu-item-has-children:hover > a .hbs-sidebar-menu-chevron,
.hbs-sidebar-menu-list .menu-item-has-children:focus-within > a .hbs-sidebar-menu-chevron {
	transform: rotate(180deg);
}

.hbs-sidebar-menu-list .sub-menu a,
.hbs-sidebar-menu-list .hbs-sidebar-sub-menu a {
	padding: 10px 14px 10px 46px;
	margin-bottom: 2px;
	font-size: 11px;
	letter-spacing: 0.1em;
}

.hbs-sidebar-menu-list .sub-menu .current-menu-item > a,
.hbs-sidebar-menu-list .hbs-sidebar-sub-menu .current-menu-item > a,
.hbs-sidebar-menu-list .sub-menu .current_page_item > a,
.hbs-sidebar-menu-list .hbs-sidebar-sub-menu .current_page_item > a {
	background: #f3f3f3;
}

.hbs-sidebar-menu-list .sub-menu .sub-menu a,
.hbs-sidebar-menu-list .hbs-sidebar-sub-menu .hbs-sidebar-sub-menu a {
	padding-left: 58px;
}

.hbs-sidebar-divider {
	border: none;
	border-top: 1px solid #e8e8e8;
	margin: 18px 0;
}

.hbs-sidebar-currency-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 4px 2px;
}

.hbs-sidebar-currency-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #000;
}

.hbs-sidebar-currency-label .fa-globe {
	font-size: 15px;
}

.hbs-sidebar-currency-value {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	background: none;
	border: none;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000;
	cursor: pointer;
}

.hbs-sidebar-currency-value .fa-chevron-down {
	font-size: 10px;
}

.hbs-sidebar-footer {
	flex-shrink: 0;
	padding-top: 20px;
	margin-top: auto;
}

.hbs-sidebar-social {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hbs-sidebar-social a,
.hbs-sidebar-social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.hbs-sidebar-social a:hover,
.hbs-sidebar-social a:focus {
	opacity: 0.6;
	color: #000;
}

@media ( min-width: 1000px ) {
	.hbs-minimal-menu-toggle.mobile-nav-toggle {
		display: inline-flex !important;
	}
}

@media (max-width: 782px) {
	.admin-bar .menu-modal.hbs-sidebar-menu .menu-modal-inner {
		top: 46px;
		height: calc(100% - 46px);
	}
}

@media (max-width: 575px) {
	.hbs-sidebar-panel {
		padding: 22px 22px 18px;
	}

	.hbs-sidebar-site-title {
		font-size: 18px;
	}

	.hbs-sidebar-menu-list a {
		padding: 11px 12px;
		font-size: 11px;
	}
}


/* --------- Shared homepage section header --------- */
.hbs-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 40px;
}
.hbs-section-header--center {
	justify-content: center;
	text-align: center;
}
.hbs-section-title {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: clamp(1.75rem, 3vw, 2.75rem);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: #111;
	text-transform: none;
}
.hbs-view-all-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	color: #111;
	text-decoration: none;
	background: #fff;
	border: 1px solid #111;
	border-radius: 0;
	white-space: nowrap;
	transition: background 0.2s ease, color 0.2s ease;
}
.hbs-view-all-link:hover,
.hbs-view-all-link:focus {
	color: #fff;
	background: #111;
}

/* --------- SLIDER (Hero) — StoreCraft demo style --------- */
#slider.hbs-slider-section {
	position: relative;
	overflow: hidden;
	background: #0e0e0e;
}
#slider .hbs-hero-carousel,
#slider .carousel-inner,
#slider .carousel-item {
	position: relative;
	height: min(92vh, 920px);
	min-height: 560px;
}
#slider .hbs-hero-carousel {
	overflow: hidden;
}
#slider .hbs-slider-slide {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 560px;
	padding: 80px 0 80px;
	background-color: #1a1a1a;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#slider .hbs-slider-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.18) 48%, rgba(0,0,0,0.05) 100%);
	pointer-events: none;
}
#slider .hbs-slider-container {
	position: relative;
	z-index: 2;
	width: 100%;
}
#slider .content.hbs-slider-content {
	position: relative;
	width: 100%;
	max-width: 640px;
	top: auto;
	left: auto;
	right: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#slider .hbs-slider-subheading {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: none;
	color: rgba(255,255,255,0.92);
}
#slider .hbs-slider-title {
	display: block;
	margin: 0 0 18px;
	font-size: clamp(2.4rem, 5.5vw, 4.5rem);
	font-weight: 400;
	line-height: 1.12;
	letter-spacing: -0.02em;
	color: #fff;
	text-shadow: none;
	word-break: break-word;
}
#slider .hbs-slider-description,
#slider .content p.hbs-slider-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-width: 560px;
	margin: 0 0 28px;
	padding: 0;
	font-size: 15px;
	line-height: 1.55;
	color: rgba(255,255,255,0.92);
}
#slider .hbs-slider-buttons.read-btn {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 0;
}
#slider .sbtn1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 16px 34px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fff;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.72);
	border-radius: 0;
	box-shadow: none;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
#slider .sbtn1:hover,
#slider .sbtn1:focus {
	color: #111;
	background: #fff;
	border-color: #fff;
}
#slider .carousel-indicators {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 28px;
	margin: 0;
	z-index: 3;
}
#slider .carousel-indicators li {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.85);
	opacity: 1;
}
#slider .carousel-indicators li.active {
	background-color: #fff;
	border-color: #fff;
}

/* Next slide thumbnail preview — StoreCraft demo style */
#slider .hbs-slider-next-preview {
	position: absolute;
	right: 48px;
	bottom: 48px;
	z-index: 6;
	display: block;
	width: 170px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.2);
	overflow: hidden;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}
#slider .hbs-slider-next-preview:hover,
#slider .hbs-slider-next-preview:focus {
	outline: 1px solid rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.7);
}
#slider .hbs-slider-next-media {
	display: block;
	width: 100%;
	height: 84px;
	overflow: hidden;
}
#slider .hbs-slider-next-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
#slider .hbs-slider-next-preview:hover .hbs-slider-next-img,
#slider .hbs-slider-next-preview:focus .hbs-slider-next-img {
	transform: scale(1.05);
}
#slider .hbs-slider-next-meta {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 10px 12px;
	color: #fff;
	background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.45) 100%);
	pointer-events: none;
}
#slider .hbs-slider-next-label,
#slider .hbs-slider-next-arrow {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
}
#slider .carousel-control-prev,
#slider .carousel-control-next,
#slider .slidebtn,
#slider .hbs-slider-visual,
#slider .hbs-slider-circle,
#slider .hbs-slider-podium,
#slider .hbs-slider-decor,
#slider .hbs-features-bar {
	display: none !important;
}

@media (max-width: 767px) {
	#slider .hbs-slider-next-preview {
		right: 16px;
		bottom: 70px;
		width: 120px;
	}
	#slider .hbs-slider-next-media {
		height: 64px;
	}
}

/*********** category section — StoreCraft demo **********/
#productcategory-section {
	position: relative;
	overflow: hidden;
	padding: 72px 0;
	background: #fff;
}
#productcategory-section .hbs-cat-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 20px;
}
#productcategory-section .hbs-cat-card {
	display: flex;
	flex-direction: column;
	color: #111;
	text-decoration: none;
}
#productcategory-section .hbs-cat-media {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	background: #f3f3f3;
}
#productcategory-section .hbs-cat-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
#productcategory-section .hbs-cat-card:hover .hbs-cat-media img,
#productcategory-section .hbs-cat-card:focus .hbs-cat-media img {
	transform: scale(1.04);
}
#productcategory-section .hbs-cat-name {
	display: block;
	margin-top: 14px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	color: #111;
}

/**************************************************************/
/******** products-section ************************************/
/**************************************************************/
#products-section {
	position: relative;
	padding: 56px 0 64px;
	background: #fff;
}
#products-section .hbs-products-grid ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	width: 100%;
}
#products-section .hbs-products-grid ul.products::before,
#products-section .hbs-products-grid ul.products::after {
	display: none !important;
	content: none !important;
}
#products-section .hbs-products-grid ul.products li.product {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
	padding: 0 !important;
	border: 0;
	background: transparent;
}
#products-section .hbs-products-grid ul.products li.product .woocommerce-loop-product__title {
	font-size: 15px;
	font-weight: 500;
	color: #111;
}
#products-section .hbs-products-grid ul.products li.product .price {
	color: #111;
}
#products-section .hbs-products-grid ul.products li.product .price del {
	color: #888;
	opacity: 1;
}
#products-section .hbs-products-grid ul.products li.product .price ins {
	color: #d15b6b;
	text-decoration: none;
	font-weight: 600;
}

/**************************************************************/
/******** banner-section — Flash Sale style *******************/
/**************************************************************/
#banner-section {
	position: relative;
	padding: 96px 0;
	background: #f5f3f0;
}
#banner-section .hbs-banner-inner {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	align-items: center;
	gap: 48px;
	padding: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}
#banner-section .hbs-banner-inner:not(.has-image) {
	grid-template-columns: 1fr;
	max-width: 760px;
}
#banner-section .hbs-banner-content {
	flex: none;
	max-width: 640px;
}
#banner-section .hbs-banner-kicker {
	margin: 0 0 14px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #8a8a8a;
}
#banner-section .hbs-banner-title {
	margin: 0 0 16px;
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: #111;
}
#banner-section .hbs-banner-text {
	margin: 0 0 28px;
	font-size: 15px;
	line-height: 1.65;
	color: #666;
}
#banner-section .hbs-banner-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
#banner-section .hbs-banner-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
#banner-section .hbs-banner-btn--primary {
	color: #fff;
	background: #111;
	border: 1px solid #111;
}
#banner-section .hbs-banner-btn--primary:hover,
#banner-section .hbs-banner-btn--primary:focus {
	color: #fff;
	background: #000;
}
#banner-section .hbs-banner-btn--secondary {
	color: #111;
	background: #fff;
	border: 1px solid #111;
}
#banner-section .hbs-banner-btn--secondary:hover,
#banner-section .hbs-banner-btn--secondary:focus {
	color: #fff;
	background: #111;
}
#banner-section .hbs-banner-media {
	flex: none;
	text-align: right;
}
#banner-section .hbs-banner-media img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: none;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 0;
}

/**************************************************************/
/******** blogposts-section ***********************************/
/**************************************************************/
#blogposts-section {
	position: relative;
	overflow: hidden;
	padding: 96px 0;
	background: #fff;
}
#blogposts-section .hbs-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	margin: 0;
}
#blogposts-section .hbs-blog-card {
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}
#blogposts-section .hbs-blog-card:hover {
	box-shadow: none;
	transform: none;
}
#blogposts-section .hbs-blog-card-image {
	display: block;
	overflow: hidden;
	margin-bottom: 18px;
	aspect-ratio: 4 / 5;
	background: #f3f3f3;
}
#blogposts-section .hbs-blog-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
#blogposts-section .hbs-blog-card:hover .hbs-blog-card-image img {
	transform: scale(1.03);
}
#blogposts-section .hbs-blog-title {
	margin: 0 0 10px;
	font-size: 1.15rem;
	font-weight: 500;
	line-height: 1.4;
}
#blogposts-section .hbs-blog-title a {
	color: #111;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s ease;
}
#blogposts-section .hbs-blog-title a:hover,
#blogposts-section .hbs-blog-title a:focus {
	color: #555;
}
#blogposts-section .hbs-blog-excerpt {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.65;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/*---- Back to Top css ----*/
/*=============================*/
.back-to-top {
	position: fixed;
	right: 30px;
	bottom: -80px;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	color: #fff;
	background: var(--hbs-pink);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: none;
	transition: background 0.25s ease, bottom 0.25s ease, transform 0.25s ease;
}
.back-to-top::after {
	display: none;
	content: none;
}
.back-to-top-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.back-to-top-icon svg {
	display: block;
}
.back-to-top:focus {
	outline: none;
}
.back-to-top:hover,
.back-to-top:focus-visible {
	background: var(--hbs-pink-dark);
	transform: translateY(-2px);
}
.show-back-to-top {
	bottom: 30px;
}

/* Woocommerce */
.entry-content .woocommerce .col-1, .entry-content .woocommerce .col-2{
	max-width: 100%;
}
.woocommerce ul.products {
	margin: 0;
}
.woocommerce .products li{
	border: 1px solid #939191;
	background: #fff;
	margin-bottom: 20px !important;
}
.woocommerce .products li:hover{
	border: 1px solid #000;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
a.showcoupon,
.woocommerce-message::before{
	color: #000;
}
.woocommerce-message {
  border-top-color: #000;
}
.woocommerce span.onsale{
	background: #000;
	color: #fff;
	padding: 0;
	border-radius: 0;
}
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product img{
	margin: 0 !important;
}
.products li {
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #000;
  font-weight: 600;
  font-size: 22px !important;
  padding-top: 0;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
  font-size: 16px;
}
.woocommerce .woocommerce-product-rating .star-rating {
	color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}
.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, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce a.added_to_cart.wc-forward{
	background: #000;
	border-radius: 0;
	color: #fff;
	font-weight: 500;
	transition: 0.5s all ease-in-out;
}
.woocommerce a.added_to_cart.wc-forward {
	padding: 6px 12px;
	display: inline-block;
	margin-top: 10px;
}
.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, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce a.added_to_cart.wc-forward:hover {
	background: #d4af37;
	color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #353535;
  color: #353535;
}
span.woocommerce-input-wrapper {
	width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #ec6d88;
  padding: 12px;
  margin-bottom: 10px;
  font-weight: 500;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #fff;
	text-decoration: none;
}
.product_meta a {
	text-decoration: none;
}
.posted_in, .woocommerce form .password-input, .woocommerce form .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
}
header.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .products .star-rating{
	margin: 5px auto 10px;
}
.select2-container--default .select2-selection--single {
	height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 5px !important;
	top: 50% !important;
	transform: translateY(-50%);
}

/*.topheadmobout a.phone {
    margin-right: 4em;
}*/
.site-title {
	clear: none;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.site-title,
.site-title a {
	/* color: #222; */
	opacity: 1; 
}
.custom-logo-link {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.has-header-image.storecraft-front-page .custom-header,
.has-header-video.storecraft-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}
.wp-custom-header .wp-custom-header-video-button { 
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { 
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}
.admin-bar .wp-custom-header-video-button {
	top: 62px;
}
.has-header-image.storecraft-front-page .site-branding,
.has-header-video.storecraft-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*------- Front Page ------------*/
.storecraft-front-page .site-content {
	padding: 0;
}
.storecraft-panel {
	overflow: hidden;
	position: relative;
}
.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.panel-image:before {	
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f222100000", endColorstr="#4d000000", GradientType=0);
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}
.storecraft-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}
.panel-content {
	position: relative;
}
.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */
.storecraft-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

/* Front Page - Recent Posts */
.storecraft-front-page .panel-content .recent-posts article {
	border: 0;
	color: #3f3f3f;
	margin-bottom: 3em;
}
.recent-posts .entry-header {
	margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}
.storecraft-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*-------- Regular Content -----------*/
.site-content-contain {
	position: relative;
}
.site-content {
	padding: 2.5em 0 0;
}

/*-------- Posts ----------------*/
.sticky {
	position: relative;
	background: #eee;
}
.post:not(.sticky) .icon-thumb-tack {
	display: none;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.storecraft-front-page) .entry-title {
	color: #000;
	font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
}
.page-title strong {
	display: block;
	font-size: 60px;
}
.home-btn a{
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 20px;
}
.home-btn a i{
	margin-right: 8px;
}
.entry-header .entry-title {
	margin-bottom: 0.25em;
}
.entry-title a {
	color: #000;
	text-decoration: none;
	margin-left: -2px;
}
h3.entry-title a {
    font-weight: 500;
}
.entry-title:not(:first-child) {
	padding-top: 0;
}
.entry-meta {
	color: #767676;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
.entry-meta a {
	color: #767676;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.pagination,
.comments-pagination {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}
.comments-pagination {
	border: 0;
}
.page-numbers {
	display: none;
	padding: 10px;
}
.page-numbers.current{
	display: inline-block;
	background: #000;
}
.prev.page-numbers,
.next.page-numbers {
	background-color: #000;
	display: inline-block;
	color: #fff;
    font-weight: normal;
}
.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
}
.prev.page-numbers {
	float: left;
}
.next.page-numbers {
	float: right;
}
a.more-link {
    color: #fff;
    background: #000;
    padding: 6px 10px;
    float: left;
}
.more-link:before {
    margin-top: 0 !important;
}

/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}
body:not(.storecraft-front-page) .entry-header {
	padding: 1em 0;
}
body:not(.storecraft-front-page) .entry-header,
body:not(.storecraft-front-page) .entry-content,
body:not(.storecraft-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}
body:not(.storecraft-front-page) .entry-header {
	padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}
.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */
.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.storecraft-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}
.single-serviced-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
.single-serviced-image-header img {
	display: block;
	margin: auto;
}
.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #222;
}

/* Entry footer */
.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #3f3f3f;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}
.entry-footer .edit-link {
	display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.format-quote blockquote {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 300;
	overflow: visible;
	position: relative;
}
.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */
.post-navigation{
	padding: 15px 0;
	margin-top: 20px;
    border-top: 1px solid rgba(170,170,170,.25);
    border-bottom: 1px solid rgba(170,170,170,.25);
}
.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 16px;
	font-weight: 500
}
.nav-title {
	color: #3f3f3f;
	font-size: 15px;
	font-size: 0.9375rem;
}
.post-navigation .nav-next {
	margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*----------- Pages ---------*/
header.page-header h2 {
    font-size: 22px;
}
.page-header {
	padding-top: 2em;
}

/*----------- Archive / Blog Listing ---------*/
.hbs-archive-page,
.hbs-shop-archive {
	padding: 2.5em 0 4em;
}
.hbs-archive-description,
.hbs-shop-archive .term-description {
	max-width: 760px;
	margin: 0 auto 2em;
	text-align: center;
	color: #666;
	font-size: 0.95rem;
	line-height: 1.7;
}
#post_section {
	margin-bottom: 0;
}
#post_section > .row {
	margin-left: -12px;
	margin-right: -12px;
}
#post_section .col-lg-6,
#post_section .col-lg-4,
#post_section .col-md-6,
#post_section .hbs-archive-grid-item {
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 24px;
}
.hbs-archive-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	margin: 0;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.hbs-archive-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.hbs-archive-card-image {
	overflow: hidden;
}
.hbs-archive-card-image a {
	display: block;
}
.hbs-archive-card-image img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 12px 12px 0 0;
}
.hbs-archive-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 18px 20px 22px;
}
.hbs-archive-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
.hbs-archive-meta.metabox {
	padding: 0;
	background: transparent;
	border: 0;
}
.hbs-archive-category {
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--hbs-pink);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.hbs-archive-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	font-size: 0.78rem;
	color: #999;
	white-space: nowrap;
}
.hbs-archive-date svg {
	flex-shrink: 0;
}
.hbs-archive-title {
	margin: 0 0 10px;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.45;
}
.hbs-archive-title a {
	color: #222;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s ease;
}
.hbs-archive-title a:hover,
.hbs-archive-title a:focus {
	color: var(--hbs-pink);
}
.hbs-archive-excerpt {
	margin: 0 0 14px;
	font-size: 0.92rem;
	line-height: 1.65;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.hbs-archive-readmore {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--hbs-pink);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	transition: color 0.2s ease;
}
.hbs-archive-readmore:hover,
.hbs-archive-readmore:focus {
	color: var(--hbs-pink-dark);
}
.hbs-archive-pagination {
	margin-top: 1em;
	padding-top: 0.5em;
	text-align: center;
}
.hbs-archive-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	margin: 0 4px;
	font-size: 0.9rem;
	font-weight: 600;
	color: #555;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.hbs-archive-pagination .page-numbers.current {
	color: #fff;
	background: var(--hbs-pink);
	border-color: var(--hbs-pink);
}
.hbs-archive-pagination .prev.page-numbers,
.hbs-archive-pagination .next.page-numbers {
	float: none;
	color: #fff;
	background: var(--hbs-pink);
	border-color: var(--hbs-pink);
}
.hbs-archive-pagination .prev.page-numbers:hover,
.hbs-archive-pagination .next.page-numbers:hover,
.hbs-archive-pagination .prev.page-numbers:focus,
.hbs-archive-pagination .next.page-numbers:focus,
.hbs-archive-pagination .page-numbers:hover,
.hbs-archive-pagination .page-numbers:focus {
	color: #fff;
	background: var(--hbs-pink-dark);
	border-color: var(--hbs-pink-dark);
}

/* WooCommerce shop archive */
.hbs-shop-archive-header {
	margin-bottom: 1.5em;
}
.hbs-shop-archive .woocommerce-result-count,
.hbs-shop-archive .woocommerce-ordering {
	margin-bottom: 1.25em;
	font-size: 0.9rem;
	color: #666;
}
.hbs-shop-archive .woocommerce-ordering select {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	color: #333;
	background: #fff;
}
.hbs-shop-archive ul.products {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px !important;
}
.hbs-shop-archive ul.products li.product {
	width: calc(50% - 20px) !important;
	margin: 0 10px 24px !important;
	padding: 0 !important;
	background: #fff;
	border: 1px solid #f0f0f0 !important;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	text-align: left;
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.hbs-shop-archive ul.products li.product:hover {
	border-color: #f0f0f0 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.hbs-shop-archive ul.products li.product img {
	border-radius: 12px 12px 0 0;
}
.hbs-shop-archive ul.products li.product .woocommerce-loop-product__title {
	padding: 14px 16px 0 !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: #222 !important;
}
.hbs-shop-archive ul.products li.product .price {
	padding: 0 16px;
	color: var(--hbs-pink) !important;
	font-weight: 700 !important;
}
.hbs-shop-archive ul.products li.product .star-rating {
	margin: 8px 16px 10px !important;
	color: var(--hbs-pink);
}
.hbs-shop-archive ul.products li.product .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px);
	margin: 0 16px 16px !important;
	padding: 10px 14px !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	color: var(--hbs-pink) !important;
	text-transform: uppercase;
	background: #fff !important;
	border: 1.5px solid var(--hbs-pink) !important;
	border-radius: 8px !important;
}
.hbs-shop-archive ul.products li.product .button:hover {
	color: #fff !important;
	background: var(--hbs-pink) !important;
	border-color: var(--hbs-pink) !important;
}
.hbs-shop-archive span.onsale {
	top: 12px;
	left: 12px;
	min-height: auto;
	padding: 5px 10px;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1;
	border-radius: 50px;
	background: var(--hbs-pink) !important;
}
.hbs-shop-archive .woocommerce-pagination {
	margin-top: 1.5em;
	text-align: center;
}
.hbs-shop-archive .woocommerce-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	margin: 0 4px;
	border-radius: 8px;
}
.hbs-shop-archive .woocommerce-pagination .page-numbers.current,
.hbs-shop-archive .woocommerce-pagination a.page-numbers:hover {
	color: #fff;
	background: var(--hbs-pink);
	border-color: var(--hbs-pink);
}

/* WooCommerce single product */
.hbs-single-product {
	padding: 2em 0 4em;
}
.hbs-single-product-top {
	margin-bottom: 1.75em;
	padding-bottom: 1em;
	border-bottom: 1px solid #f0f0f0;
}
.hbs-product-breadcrumb {
	text-align: left;
}
.hbs-product-breadcrumb a,
.hbs-product-breadcrumb span {
	color: #888;
	font-size: 0.88rem;
	font-weight: 500;
	text-decoration: none;
}
.hbs-product-breadcrumb a:hover,
.hbs-product-breadcrumb a:focus {
	color: var(--hbs-pink);
}
.hbs-product-breadcrumb .hbs-breadcrumb-sep {
	color: #ccc;
}
.hbs-single-product div.product {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 36px;
	align-items: start;
	margin-bottom: 2.5em;
}
.hbs-single-product div.product .woocommerce-product-gallery {
	position: relative;
	padding: 16px;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
	width: 100% !important;
}
.hbs-single-product div.product .woocommerce-product-gallery__image img {
	border-radius: 8px;
}
.hbs-single-product div.product .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px !important;
	padding: 0;
	list-style: none;
}
.hbs-single-product div.product .flex-control-thumbs li {
	width: calc(25% - 8px);
	margin: 0 !important;
}
.hbs-single-product div.product .flex-control-thumbs li img {
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	opacity: 0.75;
	transition: border-color 0.2s ease, opacity 0.2s ease;
}
.hbs-single-product div.product .flex-control-thumbs li img.flex-active,
.hbs-single-product div.product .flex-control-thumbs li img:hover {
	border-color: var(--hbs-pink);
	opacity: 1;
}
.hbs-single-product div.product .summary.entry-summary {
	padding: 8px 4px;
	width: 100% !important;
}
.hbs-single-product .hbs-product-category {
	margin-bottom: 8px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hbs-pink);
}
.hbs-single-product div.product .product_title {
	margin: 0 0 12px;
	padding: 0;
	font-size: 1.75rem !important;
	font-weight: 700 !important;
	line-height: 1.3;
	color: #222 !important;
}
.hbs-single-product div.product .woocommerce-product-rating {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px !important;
}
.hbs-single-product div.product .star-rating {
	color: var(--hbs-pink);
}
.hbs-single-product div.product .woocommerce-review-link {
	font-size: 0.82rem;
	color: #888;
	text-decoration: none;
}
.hbs-single-product div.product .woocommerce-review-link:hover,
.hbs-single-product div.product .woocommerce-review-link:focus {
	color: var(--hbs-pink);
}
.hbs-single-product div.product p.price,
.hbs-single-product div.product span.price {
	margin-bottom: 16px !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	color: var(--hbs-pink) !important;
}
.hbs-single-product div.product p.price del {
	margin-right: 8px;
	font-size: 1rem;
	font-weight: 500;
	color: #aaa;
	opacity: 1;
}
.hbs-single-product div.product p.price ins {
	text-decoration: none;
}
.hbs-single-product div.product .woocommerce-product-details__short-description {
	margin-bottom: 20px;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #666;
}
.hbs-single-product div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}
.hbs-single-product div.product form.cart .quantity {
	margin: 0;
}
.hbs-single-product div.product .quantity .qty {
	width: 72px;
	height: 46px;
	padding: 0 10px;
	font-size: 0.95rem;
	font-weight: 600;
	color: #333;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}
.hbs-single-product div.product .single_add_to_cart_button,
.hbs-single-product div.product button.button.alt,
.hbs-single-product div.product .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 28px !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: var(--hbs-pink) !important;
	border: 2px solid var(--hbs-pink) !important;
	border-radius: 8px !important;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.hbs-single-product div.product .single_add_to_cart_button:hover,
.hbs-single-product div.product button.button.alt:hover,
.hbs-single-product div.product .button:hover {
	color: #fff !important;
	background: var(--hbs-pink-dark) !important;
	border-color: var(--hbs-pink-dark) !important;
}
.hbs-single-product div.product .product_meta {
	padding-top: 18px;
	margin-top: 8px;
	font-size: 0.86rem;
	line-height: 1.7;
	color: #777;
	border-top: 1px solid #f0f0f0;
}
.hbs-single-product div.product .product_meta > span {
	display: block;
	margin-bottom: 6px;
}
.hbs-single-product div.product .product_meta a {
	color: #555;
	text-decoration: none;
}
.hbs-single-product div.product .product_meta a:hover,
.hbs-single-product div.product .product_meta a:focus {
	color: var(--hbs-pink);
}
.hbs-single-product span.onsale {
	top: 24px;
	left: 24px;
	z-index: 2;
	min-height: auto;
	padding: 6px 12px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	border-radius: 50px;
	background: var(--hbs-pink) !important;
}
.hbs-single-product .woocommerce-tabs,
.hbs-single-product .related.products,
.hbs-single-product .upsells.products {
	grid-column: 1 / -1;
}
.hbs-single-product .woocommerce-tabs {
	margin-top: 0;
	padding: 24px;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
.hbs-single-product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 20px !important;
	padding: 0 !important;
	border-bottom: 1px solid #f0f0f0;
}
.hbs-single-product .woocommerce-tabs ul.tabs::before,
.hbs-single-product .woocommerce-tabs ul.tabs::after {
	display: none;
}
.hbs-single-product .woocommerce-tabs ul.tabs li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	border-radius: 0;
}
.hbs-single-product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 12px 16px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #777 !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: transparent !important;
	border-bottom: 2px solid transparent;
}
.hbs-single-product .woocommerce-tabs ul.tabs li.active a,
.hbs-single-product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--hbs-pink) !important;
	border-bottom-color: var(--hbs-pink);
}
.hbs-single-product .woocommerce-tabs .panel {
	margin: 0;
	padding: 0;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #666;
}
.hbs-single-product .woocommerce-tabs .panel h2 {
	display: none;
}
.hbs-single-product .related.products,
.hbs-single-product .upsells.products {
	margin-top: 2.5em;
}
.hbs-single-product .related.products > h2,
.hbs-single-product .upsells.products > h2 {
	margin: 0 0 1.25em;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	color: var(--hbs-pink);
}
.hbs-single-product .related.products ul.products,
.hbs-single-product .upsells.products ul.products {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px !important;
}
.hbs-single-product .related.products ul.products li.product,
.hbs-single-product .upsells.products ul.products li.product {
	width: calc(33.333% - 20px) !important;
	margin: 0 10px 24px !important;
	padding: 0 !important;
	background: #fff;
	border: 1px solid #f0f0f0 !important;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	text-align: left;
}
.hbs-single-product .related.products ul.products li.product:hover,
.hbs-single-product .upsells.products ul.products li.product:hover {
	border-color: #f0f0f0 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.hbs-single-product .related.products ul.products li.product .woocommerce-loop-product__title,
.hbs-single-product .upsells.products ul.products li.product .woocommerce-loop-product__title {
	padding: 14px 16px 0 !important;
	font-size: 0.95rem !important;
	color: #222 !important;
}
.hbs-single-product .related.products ul.products li.product .price,
.hbs-single-product .upsells.products ul.products li.product .price {
	padding: 0 16px;
	color: var(--hbs-pink) !important;
	font-weight: 700 !important;
}
.hbs-single-product .related.products ul.products li.product .button,
.hbs-single-product .upsells.products ul.products li.product .button {
	width: calc(100% - 32px);
	margin: 0 16px 16px !important;
	color: var(--hbs-pink) !important;
	background: #fff !important;
	border: 1.5px solid var(--hbs-pink) !important;
	border-radius: 8px !important;
}
.hbs-single-product .related.products ul.products li.product .button:hover,
.hbs-single-product .upsells.products ul.products li.product .button:hover {
	color: #fff !important;
	background: var(--hbs-pink) !important;
}
.hbs-single-product .woocommerce-message,
.hbs-single-product .woocommerce-info,
.hbs-single-product .woocommerce-error {
	border-top-color: var(--hbs-pink);
	border-radius: 8px;
}
.hbs-single-product .woocommerce-message::before,
.hbs-single-product .woocommerce-info::before {
	color: var(--hbs-pink);
}
.hbs-single-product .hbs-shop-sidebar-col,
.hbs-shop-archive .hbs-shop-sidebar-col {
	margin-top: 0.5em;
}

.page .entry-header .edit-link {
	font-size: 14px;
}
.search .page .entry-header .edit-link {
	font-size: 11px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page:not(.home) #content {
	padding-bottom: 1.5em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*----------- Footer --------------*/
#colophon.hbs-footer {
	position: relative;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding: 0;
}
#colophon.hbs-footer a {
	color: #fff;
	text-decoration: none;
}
#colophon.hbs-footer a:hover,
#colophon.hbs-footer a:focus {
	opacity: 0.75;
}

.hbs-footer-newsletter {
	padding: 88px 0 64px;
	text-align: center;
	border-bottom: 1px solid #2a2a2a;
}
.hbs-footer-newsletter-title {
	margin: 0 0 40px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fff;
}
.hbs-footer-newsletter-form {
	display: inline-flex;
	align-items: stretch;
	max-width: 520px;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.35);
}
.hbs-footer-newsletter-form input[type="email"] {
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 14px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #fff;
	font-size: 14px;
	box-shadow: none;
}
.hbs-footer-newsletter-form input[type="email"]::placeholder {
	color: rgba(255,255,255,0.55);
}
.hbs-footer-newsletter-form button {
	margin: 0;
	padding: 14px 8px 14px 18px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}

.hbs-footer-main {
	padding: 56px 0 24px;
}
.hbs-footer-menus {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 48px;
	margin: 0 auto;
}
.hbs-footer-heading {
	margin: 0 0 18px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
}
.hbs-footer-menu,
.hbs-footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hbs-footer-menu li {
	margin: 0 0 10px;
}
.hbs-footer-menu a {
	font-size: 14px;
	color: #fff;
}
.hbs-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.hbs-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(255,255,255,0.25);
	color: #fff;
}
.hbs-footer-social-empty {
	margin: 0;
	font-size: 13px;
	color: rgba(255,255,255,0.55);
}

.hbs-footer-brand {
	padding: 16px 0 64px;
	text-align: center;
}
.hbs-footer-wordmark {
	display: inline-block;
	font-size: clamp(3rem, 10vw, 7.5rem);
	font-weight: 500;
	line-height: 0.95;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

#colophon.hbs-footer .hbs-footer-bottom,
#colophon.hbs-footer .copyright {
	padding: 0;
	border-top: 1px solid #2a2a2a;
	background: #000;
}
.hbs-footer-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 74px;
	padding: 20px 0;
	text-align: center;
}
#colophon.hbs-footer .site-info {
	padding: 0;
	border: 0;
}
#colophon.hbs-footer .site-info p {
	margin: 0;
	font-size: 13px;
	color: rgba(255,255,255,0.75);
}

@media (max-width: 991px) {
	.hbs-footer-menus {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 24px;
	}
	.hbs-footer-newsletter { padding: 64px 0 48px; }
	.hbs-footer-brand { padding-bottom: 40px; }
}
@media (max-width: 575px) {
	.hbs-footer-menus { grid-template-columns: 1fr; }
	.hbs-footer-newsletter-form { flex-direction: column; border-bottom: 0; }
	.hbs-footer-newsletter-form input[type="email"] {
		border-bottom: 1px solid rgba(255,255,255,0.35);
	}
	.hbs-footer-newsletter-form button {
		padding-left: 0;
		text-align: left;
	}
}

/*------- Comments ------------*/
#comments {
	clear: both;
	padding: 0 0 0.5em;
}
.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body .reply{
	text-align: right;
	margin-bottom: 10px;
}
.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin: 10px 0;
}
.comment-meta a {
	text-decoration: none;
}
.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}
.comment-body {
	color: #3f3f3f;
	font-size: 14px;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(170,170,170,.25);
}
.comment-body .comment-reply-link {
	font-weight: 500;
	color: #fff;
	background: #000;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	border-radius: 0;
	transition: all 0.4s;
}
.comment-body .comment-reply-link:hover, .form-submit input[type="submit"]:hover {
	background: #d4af37;
	color: #fff;
}
.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #3f3f3f;
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.form-submit {
	text-align: right;
}

/*-------- Sidebar / Widgets ----------*/
.page-template-page-with-right-sidebar #sidebar,
.page-template-page-with-left-sidebar #sidebar {
	margin: 2em 0 0;
}
#sidebar.hbs-sidebar,
#sidebar {
	position: relative;
}
.woocommerce #sidebar {
	margin-top: 2em;
}
#sidebar .widget {
	padding: 20px 22px;
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.25s ease;
}
#sidebar .widget:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
#sidebar .widget_container {
	margin-bottom: 0;
}
#sidebar h2.widget-title {
	margin: 0 0 16px;
	padding: 0 0 12px;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--hbs-pink);
	position: relative;
}
#sidebar h2.widget-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 42px;
	height: 2px;
	background: var(--hbs-pink);
	border: 0;
}
#sidebar h2 a.rsswidget {
	color: var(--hbs-pink);
}
#sidebar .widget li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #f3f3f3;
}
#sidebar .widget li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
#sidebar ul li a,
#sidebar .widget_rss .rssSummary,
#sidebar p {
	color: #555;
	font-size: 0.92rem;
	line-height: 1.6;
}
#sidebar ul li a {
	text-decoration: none;
	transition: color 0.2s ease;
}
#sidebar ul li a:hover,
#sidebar ul li a:focus {
	color: var(--hbs-pink);
}
#sidebar .search-form {
	display: flex;
	align-items: stretch;
	gap: 0;
}
#sidebar .search-form label {
	flex: 1;
	margin: 0;
}
#sidebar input.search-field {
	width: 100%;
	height: 44px;
	padding: 0 14px;
	font-size: 0.9rem;
	color: #333;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-right: 0;
	border-radius: 8px 0 0 8px;
}
#sidebar input.search-field:focus {
	outline: none;
	border-color: var(--hbs-pink);
}
#sidebar button.search-submit,
#sidebar .search-form .search-submit {
	position: static;
	bottom: auto;
	width: auto;
	min-width: 48px;
	height: 44px;
	margin: 0;
	padding: 0 14px;
	font-size: 0.85rem;
	font-weight: 600;
	color: #fff;
	background: var(--hbs-pink);
	border: 1px solid var(--hbs-pink);
	border-radius: 0 8px 8px 0;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}
#sidebar button.search-submit:hover,
#sidebar button.search-submit:focus,
#sidebar .search-form .search-submit:hover,
#sidebar .search-form .search-submit:focus {
	background: var(--hbs-pink-dark);
	border-color: var(--hbs-pink-dark);
	color: #fff;
}
#sidebar .tagcloud a,
#sidebar .widget.widget_tag_cloud a,
#sidebar .wp_widget_tag_cloud a {
	border: 1px solid #e8e8e8;
	color: #666;
	border-radius: 50px;
	background: #fff;
	font-size: 0.78rem !important;
	font-weight: 600;
	margin: 4px 6px 0 0 !important;
	padding: 6px 12px !important;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
#sidebar .tagcloud a:hover,
#sidebar .tagcloud a:focus,
#sidebar .widget.widget_tag_cloud a:hover,
#sidebar .widget.widget_tag_cloud a:focus,
#sidebar .wp_widget_tag_cloud a:hover,
#sidebar .wp_widget_tag_cloud a:focus {
	background: var(--hbs-pink);
	border-color: var(--hbs-pink);
	color: #fff;
}
#sidebar .widget select {
	width: 100%;
	margin-top: 0;
	padding: 10px 12px;
	font-size: 0.9rem;
	color: #333;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}
#sidebar .widget_calendar table {
	width: 100%;
	border-collapse: collapse;
}
#sidebar .widget_calendar caption {
	margin-bottom: 10px;
	font-size: 0.95rem;
	font-weight: 700;
	color: #333;
}
#sidebar .widget_calendar th {
	padding: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
}
#sidebar .widget_calendar td {
	padding: 6px;
	font-size: 0.85rem;
	color: #555;
}
#sidebar .widget_calendar td a {
	font-weight: 700;
	color: var(--hbs-pink);
	text-decoration: none;
}
#sidebar .widget_calendar #today {
	background: var(--hbs-pink-light);
	border-radius: 4px;
}
#sidebar .widget_recent_entries .post-date,
#sidebar .widget .post-date,
#sidebar .widget .rss-date {
	display: block;
	margin-top: 4px;
	font-size: 0.78rem;
	color: #999;
}
#sidebar .widget_nav_menu .sub-menu {
	margin-top: 6px;
	padding-left: 12px;
}
#sidebar .widget_nav_menu .sub-menu li {
	padding: 6px 0;
}

/* widget forms */
.widget select {
	width: 100%;
	margin-top: 10px;
}

/* widget lists */
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget ul li,
.widget ol li {
	padding: 4px 0px;
	margin: 6px 0;
}
.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}
.widget ul li li {
	border: 0;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}
.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */
.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */
.widget_text {
	word-wrap: break-word;
}
.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
	list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
	border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}
.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}
.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}
.widget_text ol li {
	list-style-position: inside;
}
.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}
.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}
.widget_rss li .rsswidget {
	font-size:20px;
	font-weight: 300;
	line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1.5;
	text-transform: uppercase;
}
.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}
.widget_rss .rssSummary {
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */
.widget-grofile h4 {
	font-size: 16px;
	margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	display: block;
}


/* Tag cloud widget */
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #efefef;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; 
	margin: 4px 4px 0 0 !important;
	padding: 4px 10px 5px !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #d4af37;
	background: #d4af37;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: #fff;
}

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

/*----------- Media ----------*/
img,
video {
	height: auto; 
	max-width: 100%;
}
img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-style: italic;
	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;
}

/* Media Elements */
.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #3f3f3f;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
	background: #222;
	border-color: #3f3f3f;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */
.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}
.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}
.site-content .wp-playlist-item-length {
	top: 5px;
}

/*---------- Customizer -----------*/
.highlight-front-sections.storecraft-customizer.storecraft-front-page .storecraft-panel:after {
	border: 2px dashed #0085ba; 
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}
.highlight-front-sections.storecraft-customizer.storecraft-front-page .storecraft-panel .panel-content {
	z-index: 2; 
}

/* Used for placeholder text */
.storecraft-customizer.storecraft-front-page .storecraft-panel .storecraft-panel-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.storecraft-customizer.storecraft-front-page .storecraft-panel:nth-of-type(1):after {
	border: none;
}
.storecraft-front-page.storecraft-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.storecraft-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.storecraft-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/* 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: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  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. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------- Media --------------*/

@media screen and (max-width: 1600px){
	#slider .content { top: 24%;}
	#slider .slideimg img{height: 700px;}
}
@media screen and (max-width: 1299px){
}

@media screen and (max-width: 1199px){
	.headerbtn a{font-size: 16px;}
	#slider .content { top: 18%;}
	#slider .slideimg img{height: 600px;}
	#productcategory-section .cat-product{padding: 0 10px;}
}

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

}

@media screen and (max-width: 1000px){
	.page-template-custom-home-page #header,
	.page-template-default #header,
	.single #header {
		position: static;
		width: 100%;
	}
}

@media screen and (min-width: 30em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
	}
	h1 {
		font-size: 30px;
	}
	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 16px;
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}
	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Front Page */
	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}
	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}
	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */
	.taxonomy-description {
		font-size: 14px;
	}
}
@media screen and (min-width: 48em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
		line-height: 1.5;
		
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
	}

	/* Layout */
	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}
	.error404 #primary {
		float: none;
	}

	/* Site Branding */
	.site-branding {
		margin: 0 !important;
		padding: 0;
	}
	.has-header-image.storecraft-front-page .site-branding,
	.has-header-video.storecraft-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}
	.has-header-image.storecraft-front-page .custom-header,
	.has-header-video.storecraft-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}
	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}
	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}
	.site-title {
		font-size: 36px;
	}

	/* Main Navigation */
	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */
	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}
	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}
	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}
	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */
	.storecraft-front-page.has-header-image .site-branding,
	.storecraft-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}
	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}
	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}
	.background-fixed .panel-image {
		background-attachment: fixed;
	}
	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}
	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */
	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}
	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}
	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	
	/* Posts */
	.site-content {
		padding: 2em 0 0;
	}
	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
	}
	.comments-pagination,
	.post-navigation {
		clear: both;
	}
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}
	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}
	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}
	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}
	.entry-footer {
		display: table;
		width: 100%;
	}
	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}
	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}
	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* without sidebar */
	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}
	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}
	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */
	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.storecraft-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.storecraft-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */
	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */
	.page.page-one-column .entry-header,
	.storecraft-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}
	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}
	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */
	.nav-links .nav-title {
		position: relative;
	}
	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}
}
@media screen and ( min-width: 67em ) {
	.sticky .icon-thumb-tack {
		font-size: 32px;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}
	.page-numbers {
		display: inline-block;
		margin-right: 5px;
	}
	.page-numbers:hover{
		background: #1d1d1d;
		color: #fff !important;
	}
	.page-numbers.current{
		display: inline-block;
    	background: #000;
    	color: #fff;
	}
}
@media screen and ( min-width: 79em ) {
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.storecraft-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 1000px){
	.widget_calendar td, #sidebar td{
		padding: 0px;
	}
	.prev.page-numbers,.next.page-numbers{
 		float: none;
 	}
 	.page-numbers.current{
 		color: #fff;
 	}
}

@media screen and (max-width: 1000px){
	
}

@media screen and ( max-width: 1000px) and (min-width: 760px){
	.toggle-menu {
		position: absolute;
		right: 00px;
		top: 70px;
	}
}

@media screen and ( max-width: 1300px) and (min-width: 320px){

}

@media screen and (max-width: 1199px) {
	#slider .hbs-slider-title {
		font-size: 2.8rem;
	}

	#slider .hbs-slider-circle {
		width: 280px;
		height: 280px;
	}
}

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

#slider .carousel-item,
#slider .hbs-slider-slide {
	min-height: auto;
}

#slider .hbs-slider-slide {
	padding: 40px 0 32px;
}

#slider .hbs-slider-row {
	min-height: auto;
}

#slider .hbs-slider-content-col {
	order: 1;
	margin-bottom: 24px;
}

#slider .hbs-slider-visual-col {
	order: 2;
}

#slider .content.hbs-slider-content {
	max-width: none;
	text-align: center;
	margin: 0 auto;
}

#slider .hbs-slider-description,
#slider .content p.hbs-slider-description {
	margin-left: auto;
	margin-right: auto;
}

#slider .hbs-slider-buttons.read-btn {
	justify-content: flex-start;
}

#slider .hbs-slider-title {
	font-size: 2.4rem;
}

#slider .carousel-item,
#slider .hbs-hero-carousel,
#slider .carousel-inner {
	min-height: 480px;
	height: min(80vh, 720px);
}

.hbs-section-title { font-size: 2rem; }
#productcategory-section { padding: 56px 0; }
#productcategory-section .hbs-cat-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

#products-section { padding: 48px 0; }
#products-section .hbs-products-grid ul.products {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
#banner-section { padding: 64px 0; }
#banner-section .hbs-banner-inner {
	grid-template-columns: 1fr;
	gap: 28px;
	text-align: left;
}
#banner-section .hbs-banner-content { max-width: 100%; }
#banner-section .hbs-banner-media { text-align: left; }
#banner-section .hbs-banner-title { font-size: 2rem; }

#blogposts-section { padding: 64px 0; }
#blogposts-section .hbs-blog-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 786px){
	#colophon.hbs-footer .hbs-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px 20px;
	}
	#colophon.hbs-footer .hbs-footer-brand,
	#colophon.hbs-footer .hbs-footer-newsletter {
		grid-column: 1 / -1;
	}
	#colophon.hbs-footer .hbs-footer-newsletter {
		padding-left: 0;
		border-left: 0;
		padding-top: 8px;
		border-top: 1px solid #ececec;
	}
	#colophon.hbs-footer .hbs-footer-bottom-inner {
		flex-direction: column;
		align-items: flex-start;
	}
	#colophon.hbs-footer .hbs-footer-payments {
		justify-content: flex-start;
	}
	#colophon .f_innbx {
		padding: 10px 10px;
	}
	p.site-description {
		padding-bottom: 5px;
	}
	nav#primary-site-navigation {
		padding: 0;
	}
	
}

@media screen and ( max-width: 768px) and (min-width: 720px){
	.widget_calendar th,
	.widget_calendar td, #courses-section .courses-head p{	padding: 0px;}
	.article_content .content {	margin-top: 10px;}
	.prev.page-numbers,.next.page-numbers{float: none;}
	.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {
		margin: 0;
	}
}
@media screen and (max-width: 768px) {

	.search-form .search-field {
		border-radius: 16px;
		padding: 6px 37px 6px 10px;
	}

	.search_dropdown {
		display: none;
	}

	.page-template-custom-home-page #header {
		width: 100%;
	}

	.toggle-menu {
		position: absolute;
		right: 2%;
		top: 9em;
	}
	.imgbx2 {
		padding: 0;
	}
	.headerbtn {
		text-align: left;
	}
}

@media screen and (max-width: 767px){
#slider .hbs-slider-title {
	font-size: 2rem;
}

#slider .sbtn1 {
	padding: 14px 26px;
	font-size: 12px;
}

#productcategory-section .hbs-cat-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
#products-section .hbs-products-grid ul.products {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
#inner-pages-header { padding: 2.5em 0 2em; }
#inner-pages-header h1 { font-size: 1.45rem; }
#inner-pages-header .innheader-border { width: 42px; }
#inner-pages-header .theme-breadcrumb a,
#inner-pages-header .theme-breadcrumb span { font-size: 0.82rem; }
.hbs-shop-archive ul.products li.product {
	width: 100% !important;
}
.hbs-single-product div.product {
	grid-template-columns: 1fr;
	gap: 24px;
}
.hbs-single-product .related.products ul.products li.product,
.hbs-single-product .upsells.products ul.products li.product {
	width: calc(50% - 20px) !important;
}
}
@media screen and (max-width:720px) {
 	.woocommerce ul.products[class*=columns-] li.product{width: 100% !important;}
	.hbs-single-product .related.products ul.products li.product,
	.hbs-single-product .upsells.products ul.products li.product {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
@media only screen and (max-width: 767px) and (min-width: 425px){
	#sidebar h2.widget-title { width: 100% !important; }
	#sidebar .search-form { flex-direction: column; }
	#sidebar input.search-field {
		border-right: 1px solid #e0e0e0;
		border-radius: 8px;
	}
	#sidebar button.search-submit,
	#sidebar .search-form .search-submit {
		width: 100%;
		margin-top: 10px;
		border-radius: 8px;
	}
	#sidebar .widget_calendar td { padding: 4px; }
	#productcategory-section,
	#products-section,
	#blogposts-section { padding: 1em 0 1em; }
	#banner-section { padding: 1em 0 2em; }
	.widget .tagcloud a:hover,
	.widget .tagcloud a:focus,
	.widget.widget_tag_cloud a:hover,
	.widget.widget_tag_cloud a:focus,
	.wp_widget_tag_cloud a:hover,
	.wp_widget_tag_cloud a:focus {
		border-color: #bbb;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: none;
	}
}

@media screen and (max-width:600px) {
	.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {
		margin: 0;
	}
	.site-footer .widget {
		margin: 10px 0;
	}
	#colophon .f_innbx {
		padding-top: 20px;
	}
}

@media screen and (max-width:575px) {
   #slider .hbs-slider-title { font-size: 1.75rem; }
   #slider .carousel-item,
   #slider .hbs-hero-carousel,
   #slider .carousel-inner,
   #slider .hbs-slider-slide {
	min-height: 420px;
	height: auto;
   }
   #slider .hbs-slider-slide { padding: 100px 0 70px; }
   #slider .sbtn1 { width: auto; }
   .hbs-section-header {
	flex-direction: column;
	align-items: flex-start;
   }
   .hbs-section-title { font-size: 1.65rem; }
   #productcategory-section { padding: 48px 0; }
   #productcategory-section .hbs-cat-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   #products-section { padding: 48px 0; }
   #products-section .hbs-products-grid ul.products {
	grid-template-columns: 1fr;
   }
   #banner-section { padding: 56px 0; }
   #banner-section .hbs-banner-title { font-size: 1.65rem; }
   #banner-section .hbs-banner-actions { flex-direction: column; align-items: stretch; }
   #blogposts-section { padding: 56px 0; }
   #blogposts-section .hbs-blog-grid {
	grid-template-columns: 1fr;
   }
   #colophon.hbs-footer .hbs-footer-main { padding: 3em 0 2em; }
   #colophon.hbs-footer .hbs-footer-grid {
	grid-template-columns: 1fr;
   }
   #colophon.hbs-footer .hbs-footer-brand,
   #colophon.hbs-footer .hbs-footer-newsletter {
	grid-column: auto;
   }
}

@media screen and (max-width: 475px){
#slider .hbs-slider-title { font-size: 1.55rem; }
#slider .hbs-slider-description,
#slider .content p.hbs-slider-description { font-size: 15px; }
}

@media screen and (max-width: 390px){
.carousel-indicators {
	left: -15px;
}
}


@media screen and (max-width: 320px) {
	.article_content .content{
		margin-top:10px;
	}
	.article-text span {
  	margin-right: 6px;
  	padding-right: 6px;
	}
}
