/*!
Theme Name: Bánh mì Ú Nu
Theme URI: https://athemeart.com/downloads/emart/
Author: aThemeArt
Author URI: https://athemeart.com/
Description: Share your online store with confidence and ease using the Emart WordPress eCommerce theme. Bold presentation and smooth transitions keep the page alive. This high energy layout moves the eyes from one section to the next. Your store will represent your product in a high energy and enthusiastic way. Well organized stores are easy to shop. By using layouts and colors that are bold and match your brand you will find returning customers as well as new ones. Building with Elementor is fast and seamless. This allows you to make a store that represents the best of your store. Your own images and slider can be dropped into the layouts for the best effect. Product pages that share details and descriptions make it easy for customers to find what they are looking for. It integrates  the industry standard WooCommerce e-commerce plugin, a wonderful  solution for all your online commerce needs, which allows your users to  browse your product catalogs in easy but stylish grace, add items to  their shopping carts intuitively, and proceed to checkout and make  payments, all right off your website. Full Demo:  https://demo.athemeart.com/emart/demo-1/
Requires at least: 5.0
Tested up to: 6.8.1
Requires PHP: 7.0
Version: 1.3.5
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: emart-shop
Tags:  one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, translation-ready, flexible-header, custom-background, footer-widgets, blog, e-commerce, rtl-language-support, custom-logo, featured-image-header, sticky-post
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@font-face {
	font-family: 'Dancing Script';
	src: url('assets/fonts/bright-summer/DancingScript-VariableFont_wght.ttf') format('truetype');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Fraunces';
	src: url('assets/fonts/fraunces/Fraunces-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Fraunces';
	src: url('assets/fonts/fraunces/Fraunces-Italic-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

:root {
	--primary-color: #3c3434;
	--secondary-color: #1F6F4A;
	--secondary-color-rgb: rgba(31, 111, 74, 0.5);
	--accent-yellow: #f4c542;
	--accent-orange: #eb8c2f;
	--tertiary-color: #000;
	--quaternary-color: #fff;
	--secondary-alpha: #E7F4EC;

	--nav-color: #fff;
	--nav-h-color: #1F6F4A;
	--nav-bg-h: #fff;
	--nav-wrap-bg: #1F6F4A;


	--nav-sub-color: #1F6F4A;
	--nav-sub-color-h: #fff;
	--nav-sub-bg: #fff;
	--nav-sub-bg-h: #1F6F4A;

	--body-font: 'Jost', sans-serif;
	--heading-font: 'Fraunces', serif;
	--nav-font: 'Jost', sans-serif;
}

/*=========================================================================
===========================================================================
   Global Style begin 
===========================================================================
===========================================================================*/
body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: var(--body-font);
	font-size: 100%;
	line-height: 1.8;
	font-weight: 400;
	color: var(--primary-color);
	background: #fff;
	text-align: left;

}

body.home,
body.page-id-8 {
	background:
		url('../../uploads/2026/04/resize_sandwich.png') 7% 20% / 110px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 27% 10% / 86px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 48% 16% / 96px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 64% 12% / 78px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 93% 24% / 92px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 8% 52% / 82px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 82% 52% / 104px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 61% 58% / 76px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 14% 78% / 100px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 42% 74% / 84px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 72% 82% / 74px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 92% 86% / 90px auto no-repeat,
		radial-gradient(circle at 12% 14%, rgba(244, 197, 66, 0.2) 0%, rgba(244, 197, 66, 0) 28%),
		radial-gradient(circle at 88% 18%, rgba(31, 111, 74, 0.14) 0%, rgba(31, 111, 74, 0) 30%),
		radial-gradient(circle at 82% 78%, rgba(235, 140, 47, 0.12) 0%, rgba(235, 140, 47, 0) 24%),
		linear-gradient(180deg, #f7f1e5 0%, #f5fbf7 42%, #fff6ea 100%);
	background-attachment: scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, fixed, fixed, fixed, fixed;
}

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

	body.home,
	body.page-id-8 {
		background:
			url('../../uploads/2026/04/resize_sandwich.png') 8% 18% / 74px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 44% 10% / 58px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 70% 12% / 54px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 92% 22% / 66px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 10% 56% / 60px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 84% 58% / 72px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 12% 86% / 70px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 58% 70% / 56px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 62% 88% / 62px auto no-repeat,
			radial-gradient(circle at 12% 14%, rgba(244, 197, 66, 0.2) 0%, rgba(244, 197, 66, 0) 28%),
			radial-gradient(circle at 88% 18%, rgba(31, 111, 74, 0.14) 0%, rgba(31, 111, 74, 0) 30%),
			radial-gradient(circle at 82% 78%, rgba(235, 140, 47, 0.12) 0%, rgba(235, 140, 47, 0) 24%),
			linear-gradient(180deg, #f7f1e5 0%, #f5fbf7 42%, #fff6ea 100%);
		background-attachment: scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll;
	}
}

body.page-id-58 {
	background:
		radial-gradient(circle at 14% 12%, rgba(244, 197, 66, 0.16) 0%, rgba(244, 197, 66, 0) 24%),
		radial-gradient(circle at 84% 16%, rgba(31, 111, 74, 0.15) 0%, rgba(31, 111, 74, 0) 28%),
		radial-gradient(circle at 78% 82%, rgba(235, 140, 47, 0.14) 0%, rgba(235, 140, 47, 0) 24%),
		linear-gradient(180deg, #f8f2e7 0%, #f5fbf7 46%, #fff5e8 100%);
	background-attachment: fixed;
}

body.page-id-88 {
	background:
		url('../../uploads/2026/04/resize_sandwich.png') 8% 14% / 88px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 91% 18% / 80px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 12% 86% / 78px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 88% 82% / 72px auto no-repeat,
		radial-gradient(circle at 10% 12%, rgba(244, 197, 66, 0.18) 0%, rgba(244, 197, 66, 0) 24%),
		radial-gradient(circle at 82% 18%, rgba(31, 111, 74, 0.14) 0%, rgba(31, 111, 74, 0) 26%),
		radial-gradient(circle at 76% 84%, rgba(235, 140, 47, 0.13) 0%, rgba(235, 140, 47, 0) 24%),
		linear-gradient(180deg, #faf3e7 0%, #f4fbf7 48%, #fff7ee 100%);
	background-attachment: scroll, scroll, scroll, scroll, fixed, fixed, fixed, fixed;
}

body.page-id-88 .emart-shop-blogwrap {
	position: relative;
	overflow: hidden;
	margin: 12px auto 46px;
	padding: 44px;
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(31, 111, 74, 0.08);
	box-shadow: 0 28px 80px rgba(18, 57, 39, 0.1);
	backdrop-filter: blur(10px);
}

body.page-id-88 .emart-shop-blogwrap:before,
body.page-id-88 .emart-shop-blogwrap:after {
	content: "";
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
	background: rgba(244, 197, 66, 0.15);
}

body.page-id-88 .emart-shop-blogwrap:before {
	width: 220px;
	height: 220px;
	top: -90px;
	right: -86px;
}

body.page-id-88 .emart-shop-blogwrap:after {
	width: 180px;
	height: 180px;
	left: -70px;
	bottom: -80px;
	background: rgba(31, 111, 74, 0.1);
}

body.page-id-88 .page-content,
body.page-id-88 .content-wrap,
body.page-id-88 .banhmi-food-story {
	position: relative;
	z-index: 1;
}

body.page-id-88 .content-wrap {
	display: grid;
	gap: 24px;
}

body.page-id-88 .banhmi-food-story {
	position: relative;
	z-index: 1;
	width: 100%;
}

body.page-id-88 .banhmi-food-story>.wp-block-group__inner-container {
	display: grid;
	gap: 34px;
}

body.page-id-88 .banhmi-food-divider {
	margin: 20px auto 8px;
	padding: 10px 22px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(244, 197, 66, 0.18) 0%, rgba(235, 140, 47, 0.14) 48%, rgba(31, 111, 74, 0.12) 100%);
	color: #185d3d;
	font-family: var(--heading-font);
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: center;
	box-shadow: 0 10px 26px rgba(18, 57, 39, 0.08);
	border: 1px solid rgba(31, 111, 74, 0.08);
	max-width: fit-content;
	text-wrap: balance;
}

body.page-id-88 .banhmi-food-story>.wp-block-group__inner-container>.banhmi-food-section {
	margin-top: 10px;
	margin-bottom: 10px;
}

body.page-id-88 .banhmi-food-story>.wp-block-group__inner-container>.banhmi-food-section:first-child {
	margin-top: 0;
}

body.page-id-88 .banhmi-food-story>.wp-block-group__inner-container>.banhmi-food-section:last-child {
	margin-bottom: 0;
}

body.page-id-88 .banhmi-food-section {
	padding: 28px;
	border-radius: 28px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(249, 253, 250, 0.92) 100%);
	border: 1px solid rgba(31, 111, 74, 0.1);
	box-shadow: 0 18px 44px rgba(18, 57, 39, 0.08);
}

body.page-id-88 .banhmi-food-section>.wp-block-group__inner-container {
	display: grid;
	gap: 18px;
	justify-items: center;
	text-align: center;
	width: 100%;
}

body.page-id-88 .banhmi-food-section-feature {
	padding: 34px;
	background: linear-gradient(140deg, rgba(255, 249, 236, 0.96) 0%, rgba(244, 251, 247, 0.94) 100%);
}

body.page-id-88 .banhmi-food-section-feature>.wp-block-group__inner-container {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
	align-items: center;
	column-gap: 30px;
	justify-items: start;
	text-align: left;
}

body.page-id-88 .banhmi-food-section-feature h2,
body.page-id-88 .banhmi-food-section-feature p {
	grid-column: 1;
	text-align: left;
	justify-self: start;
	max-width: 62ch;
}

body.page-id-88 .banhmi-food-section-feature .wp-block-image {
	grid-column: 2;
	grid-row: 1 / span 2;
	margin: 0;
	width: 100%;
	max-width: 560px;
	justify-self: end;
}

body.page-id-88 .banhmi-food-section h2 {
	margin: 0;
	font-size: clamp(1.8rem, 3vw, 2.7rem);
	line-height: 1.08;
	color: #123927;
	text-transform: none;
	text-align: center;
}

body.page-id-88 .banhmi-food-section p {
	margin: 10px 0 0;
	max-width: 70ch;
	font-size: 1.02rem;
	line-height: 1.9;
	color: #50685e;
	text-align: center;
	justify-self: center;
}

body.page-id-88 .banhmi-food-section p+p {
	margin-top: 18px;
}

body.page-id-88 .banhmi-food-image,
body.page-id-88 .banhmi-food-image img,
body.page-id-88 .banhmi-food-section .wp-block-image,
body.page-id-88 .banhmi-food-section .wp-block-image img {
	display: block;
	width: 100%;
}

body.page-id-88 .banhmi-food-section .wp-block-image {
	margin: 8px 0 0;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0 22px 54px rgba(18, 57, 39, 0.14);
	background: linear-gradient(135deg, rgba(244, 197, 66, 0.16) 0%, rgba(235, 140, 47, 0.18) 100%);
	justify-self: center;
	max-width: 680px;
}

body.page-id-88 .banhmi-food-section .wp-block-image img {
	height: clamp(260px, 36vw, 420px);
	object-fit: cover;
	transition: transform 0.45s ease;
}

body.page-id-88 .banhmi-food-section:hover .wp-block-image img {
	transform: scale(1.03);
}

body.page-id-88 .banhmi-food-section-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr);
	align-items: center;
	column-gap: 28px;
	justify-items: stretch;
	text-align: left;
}

body.page-id-88 .banhmi-food-section-split>.wp-block-group__inner-container {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr);
	align-items: center;
	column-gap: 28px;
	justify-items: stretch;
	text-align: left;
}

body.page-id-88 .banhmi-food-section-split>h2,
body.page-id-88 .banhmi-food-section-split>p,
body.page-id-88 .banhmi-food-section-split>.wp-block-spacer,
body.page-id-88 .banhmi-food-section-split h2,
body.page-id-88 .banhmi-food-section-split p,
body.page-id-88 .banhmi-food-section-split .wp-block-spacer {
	grid-column: 1;
}

body.page-id-88 .banhmi-food-section-split:not(.banhmi-food-section-reverse):not(.banhmi-food-section-vertical) h2,
body.page-id-88 .banhmi-food-section-split:not(.banhmi-food-section-reverse):not(.banhmi-food-section-vertical) p {
	text-align: left;
	justify-self: start;
	max-width: 62ch;
}

body.page-id-88 .banhmi-food-section-split>.wp-block-image,
body.page-id-88 .banhmi-food-section-split .wp-block-image {
	grid-column: 2;
	grid-row: 1 / span 2;
	margin: 0;
	width: 100%;
}

body.page-id-88 .banhmi-food-section-split.banhmi-food-section-reverse>h2,
body.page-id-88 .banhmi-food-section-split.banhmi-food-section-reverse>p,
body.page-id-88 .banhmi-food-section-split.banhmi-food-section-reverse>.wp-block-spacer,
body.page-id-88 .banhmi-food-section-reverse h2,
body.page-id-88 .banhmi-food-section-reverse p,
body.page-id-88 .banhmi-food-section-reverse .wp-block-spacer {
	grid-column: 2;
	max-width: 64ch;
	justify-self: center;
}

body.page-id-88 .banhmi-food-section-split.banhmi-food-section-reverse>.wp-block-image,
body.page-id-88 .banhmi-food-section-reverse .wp-block-image {
	grid-column: 1;
	grid-row: 1 / span 2;
}

body.page-id-88 .banhmi-food-section-vertical>.wp-block-group__inner-container {
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;
	row-gap: 18px;
}

body.page-id-88 .banhmi-food-section-vertical h2,
body.page-id-88 .banhmi-food-section-vertical p,
body.page-id-88 .banhmi-food-section-vertical .wp-block-image {
	grid-column: auto;
	grid-row: auto;
	justify-self: center;
	text-align: center;
	max-width: none;
}

body.page-id-88 .banhmi-food-section-vertical .wp-block-image {
	margin-top: 0;
	margin-bottom: 6px;
}

body.page-id-88 .banhmi-food-section .wp-block-spacer {
	display: none;
}

@media only screen and (max-width: 991px) {
	body.page-id-88 .emart-shop-blogwrap {
		padding: 32px 24px;
	}

	body.page-id-88 .banhmi-food-section,
	body.page-id-88 .banhmi-food-section-feature {
		padding: 24px;
	}

	body.page-id-88 .banhmi-food-section-split {
		display: block;
	}

	body.page-id-88 .banhmi-food-section-feature,
	body.page-id-88 .banhmi-food-section-feature>.wp-block-group__inner-container,
	body.page-id-88 .banhmi-food-section-split>.wp-block-group__inner-container {
		grid-template-columns: 1fr !important;
		justify-items: center !important;
		text-align: center !important;
	}

	body.page-id-88 .banhmi-food-section-feature h2,
	body.page-id-88 .banhmi-food-section-feature p,
	body.page-id-88 .banhmi-food-section-feature .wp-block-image,
	body.page-id-88 .banhmi-food-section-split>h2,
	body.page-id-88 .banhmi-food-section-split>p,
	body.page-id-88 .banhmi-food-section-split>.wp-block-image,
	body.page-id-88 .banhmi-food-section-split>.wp-block-spacer,
	body.page-id-88 .banhmi-food-section-split .wp-block-group__inner-container h2,
	body.page-id-88 .banhmi-food-section-split .wp-block-group__inner-container p,
	body.page-id-88 .banhmi-food-section-split .wp-block-group__inner-container .wp-block-image {
		grid-column: auto !important;
		grid-row: auto !important;
		max-width: none !important;
		justify-self: center !important;
		text-align: center !important;
	}

	body.page-id-88 .banhmi-food-section-split {
		align-items: stretch;
	}

	body.page-id-88 .banhmi-food-section-split>.wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	body.page-id-88 .banhmi-food-section-split h2,
	body.page-id-88 .banhmi-food-section-split p,
	body.page-id-88 .banhmi-food-section-split .wp-block-image,
	body.page-id-88 .banhmi-food-section-split .wp-block-spacer,
	body.page-id-88 .banhmi-food-section-vertical h2,
	body.page-id-88 .banhmi-food-section-vertical p,
	body.page-id-88 .banhmi-food-section-vertical .wp-block-image,
	body.page-id-88 .banhmi-food-section-reverse h2,
	body.page-id-88 .banhmi-food-section-reverse p,
	body.page-id-88 .banhmi-food-section-reverse .wp-block-image,
	body.page-id-88 .banhmi-food-section-reverse .wp-block-spacer {
		grid-column: auto;
		grid-row: auto;
		max-width: none;
	}
}

@media only screen and (max-width: 767px) {
	body.page-id-88 {
		background:
			url('../../uploads/2026/04/resize_sandwich.png') 8% 14% / 62px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 90% 18% / 56px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 14% 88% / 58px auto no-repeat,
			url('../../uploads/2026/04/resize_sandwich.png') 86% 84% / 54px auto no-repeat,
			radial-gradient(circle at 10% 12%, rgba(244, 197, 66, 0.18) 0%, rgba(244, 197, 66, 0) 24%),
			radial-gradient(circle at 82% 18%, rgba(31, 111, 74, 0.14) 0%, rgba(31, 111, 74, 0) 26%),
			radial-gradient(circle at 76% 84%, rgba(235, 140, 47, 0.13) 0%, rgba(235, 140, 47, 0) 24%),
			linear-gradient(180deg, #faf3e7 0%, #f4fbf7 48%, #fff7ee 100%);
		background-attachment: scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll;
	}

	body.page-id-88 .emart-shop-blogwrap {
		padding: 24px 16px;
		border-radius: 24px;
		margin-bottom: 34px;
	}

	body.page-id-88 .banhmi-food-story {
		width: 100%;
	}

	body.page-id-88 .banhmi-food-story>.wp-block-group__inner-container {
		gap: 24px;
	}

	body.page-id-88 .banhmi-food-divider {
		margin: 14px auto 6px;
		padding: 9px 16px;
		font-size: 0.95rem;
		letter-spacing: 0.04em;
	}

	body.page-id-88 .banhmi-food-story>.wp-block-group__inner-container>.banhmi-food-section {
		margin-top: 6px;
		margin-bottom: 6px;
	}

	body.page-id-88 .banhmi-food-section,
	body.page-id-88 .banhmi-food-section-feature {
		padding: 18px;
		border-radius: 22px;
		gap: 14px;
	}

	body.page-id-88 .banhmi-food-section .wp-block-image {
		border-radius: 18px;
	}

	body.page-id-88 .banhmi-food-section .wp-block-image img {
		height: 240px;
	}
}


h1,
h2,
h3,
h4,
h5,
h6,
#review_form .comment-reply-title {
	font-family: var(--heading-font);
	font-weight: 500;
}

a {
	color: var(--secondary-color);
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
	color: var(--tertiary-color);
	text-decoration: none;

}

.theme-color {
	color: var(--secondary-color) !important;
}

#primary .entry-title a,
#primary .entry-title,
#secondary a,
h1 a,
h2 a,
h3 a,
h4 a,
h5.woocommerce-loop-product__title a,
h4.widget-title {
	color: var(--tertiary-color);
}

#review_form .comment-reply-title,
.woocommerce-tabs ul.tabs li a,
.woocommerce-loop-product__title,
#content .woocommerce-loop-product__title,
.woocommerce-loop-product__title a,
#content .woocommerce-loop-product__title a,
h5.woocommerce-loop-product__title a {
	color: var(--tertiary-color);
}

#content .entry-title a:hover,
#content .entry-title a:focus,
#secondary a:hover,
#secondary a:focus,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5.woocommerce-loop-product__title a:hover,
h5.woocommerce-loop-product__title a:focus {
	color: var(--secondary-color);
}

.tb-cell {
	display: table-cell;
}

.btn,
.error-404 input.search-submit,
#content .emart-single-post .post a.btn,
.wc-proceed-to-checkout .button,
.added_to_cart.wc-forward,
.wc-block-components-button.wc-block-cart__submit-button {
	display: block;
	border-radius: 0px;
	padding: 8px 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 15px;
	color: var(--secondary-color);
	background: var(--quaternary-color);
	border: 1px solid var(--secondary-color);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	font-family: var(--heading-font);
	font-weight: 500;
	letter-spacing: 1px;

}

.wc-proceed-to-checkout .button {
	height: 56px;
	line-height: 50px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.wc-proceed-to-checkout .button i {
	font-size: 22px;
}

.btn.bg-btn,
.wc-proceed-to-checkout .button,
.wc-block-components-button.wc-block-cart__submit-button {
	color: var(--quaternary-color);
	background: var(--secondary-color);
}

.btn i {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-left: 5px;
	font-size: 20px;
	margin-right: -5px;
	transform: translateY(2px);
}

.btn i,
.btn span {
	display: inline-block;
}

.btn:hover,
.error-404 input.search-submit:hover,
#content .emart-single-post .post a.btn:hover,
.btn:focus,
.error-404 input.search-submit:focus,
#content .emart-single-post .post a.btn:focus,
.added_to_cart.wc-forward:hover {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	color: var(--quaternary-color);
}

.btn.bg-btn:hover,
.btn.bg-btn:focus,
.wc-proceed-to-checkout .button:hover,
.wc-proceed-to-checkout .button:focus {
	color: var(--secondary-color);
	background: var(--quaternary-color);
}

.theme-btn,
.emart-block-new-arrivals .wp-element-button {
	display: inline-block;
	font-size: 14px;
	min-height: 40px;
	line-height: 25px;
	border-radius: 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 3;
	width: 90%;
	font-family: var(--heading-font);
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--secondary-color);
	background: var(--quaternary-color);
	border: 1px solid var(--secondary-color);
	padding: 10px 20px 9px 20px;
}

.button-wrap .theme-btn {
	letter-spacing: 0px;
}

.theme-btn span {
	position: relative;
}

.theme-btn:hover,
.theme-btn:focus,
.emart-block-new-arrivals .wp-element-button:hover {
	color: var(--quaternary-color);
}

.theme-btn:before,
.emart-block-new-arrivals .wp-element-button:before {
	content: '';
	position: absolute;
	width: 103%;
	height: 100%;
	top: 0;
	left: 0;
	right: -2px;
	bottom: 0px;
	z-index: -1;
	background: var(--secondary-color);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.theme-btn:hover:before,
.emart-block-new-arrivals .wp-element-button:hover:before,
.theme-btn:focus:before,
.emart-block-new-arrivals .wp-element-button:focus:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*------------------------ button end -------------*/
.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.display-none {
	display: none !important;
}

.emart-header-block {
	display: block;
	padding-bottom: 30px;
}

.img-box figure {
	margin: 0px;
}

.elementor-section-full_width .elementor-container {
	max-width: 1140px !important;
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
}

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 {
	border-color: var(--secondary-color);
}

#content {
	padding-top: 80px;
	padding-bottom: 60px;
}

#static_header_banner {
	display: block;
	height: 78vh;
	min-height: 78vh;
	background-color: #282E34;
	position: relative;
	z-index: 1;
	padding-top: 80px;
}

#static_header_banner .site-header-text-wrap {
	text-align: left;
	max-width: 720px;
	margin-right: auto;
}

#static_header_banner:before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

	z-index: -1;
}

#static_header_banner .content-text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: var(--quaternary-color);
	overflow: hidden;
}

#static_header_banner .hero-banner-actions {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 24px;
	position: relative;
	z-index: 2;
	gap: 0;
}

#static_header_banner .hero-banner-actions.hero-banner-actions-no-logo {
	margin-top: 200px;
}

#static_header_banner .hero-banner-logo-wrap {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 24px;
	opacity: 0;
	transform: translateY(34px);
	animation: heroBannerLogoSlideUp 0.9s ease-out 0.15s forwards;
}

#static_header_banner .hero-banner-logo {
	display: block;
	width: min(100%, 280px);
	height: auto;
	max-height: 200px;
	object-fit: contain;
	object-position: left center;
}

#static_header_banner .hero-banner-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 13px 22px;
	border: 2px solid transparent;
	border-radius: 8px;
	font-family: var(--nav-font);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	line-height: 1;
	box-shadow: 0 18px 32px rgba(31, 111, 74, 0.18);
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

#static_header_banner .hero-banner-button+.hero-banner-button {
	margin-left: 18px;
}

#static_header_banner .hero-banner-button:hover,
#static_header_banner .hero-banner-button:focus {
	transform: translateY(-2px);
}

#static_header_banner .hero-banner-button-menu {
	background: #294124;
	border-color: #294124;
	color: #fffdf2;
}

#static_header_banner .hero-banner-button-menu:hover,
#static_header_banner .hero-banner-button-menu:focus {
	background: #FAA61C;
	border-color: #FAA61C;
	color: var(--secondary-color);
}

#static_header_banner .hero-banner-button-order {
	background: #FAA61C;
	border-color: #FAA61C;
	color: #0f4a30;
}

#static_header_banner .hero-banner-button-order:hover,
#static_header_banner .hero-banner-button-order:focus {
	background: #294124;
	border-color: #294124;
	color: var(--accent-yellow);
}

@keyframes heroBannerLogoSlideUp {
	0% {
		opacity: 0;
		transform: translateY(34px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 767px) {
	#static_header_banner .hero-banner-actions {
		width: 100%;
		max-width: 270px;
	}

	#static_header_banner .hero-banner-actions.hero-banner-actions-no-logo {
		margin-top: 200px;
	}

	#static_header_banner .hero-banner-logo-wrap {
		margin-bottom: 18px;
	}

	#static_header_banner .hero-banner-logo {
		width: min(100%, 200px);
		height: auto;
		max-height: 120px;
	}

	#static_header_banner .hero-banner-button {
		width: 100%;
		min-width: 0;
		padding: 12px 20px;
	}

	#static_header_banner .hero-banner-button+.hero-banner-button {
		margin-top: 14px;
		margin-left: 0;
	}
}

.owl-item {
	float: left;
}

#be-home-slider {
	overflow: hidden;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--bs-table-accent-bg: var(--gray-color);
}

.owl-item.active .slideUp {
	animation-name: slideUp;
	animation-duration: 1.5s;
	animation-timing-function: ease;

}

@keyframes slideUp {
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}

	0% {
		-webkit-transform: translateY(50%);
		opacity: 0;
	}
}

@-webkit-keyframes slideUp {

	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}

	0% {
		-webkit-transform: translateY(50%);
		opacity: 0;
	}
}

#page {
	overflow-x: hidden;
}

body.home #page,
body.page-id-8 #page {
	background: transparent;
}

body.page-id-58 #page {
	background: transparent;
}

body.home #content.site-content,
body.page-id-8 #content.site-content {
	background: transparent;
}

body.page-id-58 #content.site-content {
	background: transparent;
}

/*===========================================================================
			Top Bar  
===========================================================================*/
#top-bar-wrap {
	display: block;
	background: #ffebff;
}

#top-bar-wrap ul.info {
	margin: 0px;
	padding: 10px 0 13px;
	position: relative;
	z-index: 2;
	padding-right: 40px;
	height: 52px;

}

#top-bar-wrap ul.info:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0px;
	left: -100000px;
	height: 100%;
	background: var(--secondary-color-rgb);
	-webkit-transform: skewX(27deg);
	-ms-transform: skewX(27deg);
	transform: skewX(27deg);
	z-index: -1;
	bottom: 0px;
}

#top-bar-wrap ul.info:after {
	content: "t";
	position: absolute;
	top: 0px;
	right: 10px;
	left: -100000px;
	height: 100%;
	background: var(--secondary-color);
	-webkit-transform: skewX(27deg);
	-ms-transform: skewX(27deg);
	transform: skewX(27deg);
	z-index: -1;
	bottom: 0px;
	width: auto;
}

#top-bar-wrap ul.info li {
	margin-right: 20px;
	color: var(--quaternary-color);
}

#top-bar-wrap ul.info li i {
	margin-right: 5px;
}

#top-bar-wrap .login-btn {
	height: 35px;
	line-height: 33px;
	color: #fff;
	border-radius: 5px;
	padding: 5px 15px;
	margin: 0;
	line-height: 22px;

}

#top-bar-wrap a,
#top-bar-wrap ul.social a {
	background: var(--secondary-color) !important;
	border: 1px solid var(--secondary-color);
	color: var(--quaternary-color);
}

#top-bar-wrap a:hover,
#top-bar-wrap a:focus,
#top-bar-wrap ul.social a:hover,
#top-bar-wrap ul.social a:focus {
	background: var(--quaternary-color) !important;
	border: 1px solid var(--quaternary-color);
	color: var(--quaternary-color);
}

#top-bar-wrap .login-btn i {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	margin-right: 5px;
}

#static_header_banner h1.page-title-text {
	font-size: 3em;
}

#top-bar-wrap ul.social {
	margin-bottom: 0px;
}

#top-bar-wrap ul.social a {
	display: inline-block;
	line-height: 35px;
	text-align: center;
	width: 35px;
	border-radius: 5px;
}

#top-bar-wrap .login-btn:hover,
#top-bar-wrap .login-btn:focus,
#top-bar-wrap ul.social a:hover,
#top-bar-wrap ul.social a:focus {
	background: transparent;
	color: var(--secondary-color);
}



/*===========================================================================
		Header 
===========================================================================*/
#masthead {
	position: relative;
	width: 100%;
}

#masthead li {
	display: inline-block;
	margin: 0px 5px;
	position: relative;
}

#masthead .widget {
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}

#masthead .apsw-search-wrap,
#masthead .aspw-widgets-wrap-class {
	width: 100%;
	max-width: 600px;
	z-index: 9999;
}

#masthead .aspw-widgets-wrap-class li {
	margin: 0px;
}

.brand-wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}

#nav-wrap {
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
	z-index: 999;
	padding-top: 14px;
	padding-bottom: 14px;
	transition: background-color 0.35s ease, box-shadow 0.35s ease, padding 0.35s ease;
}

#nav-wrap.without-hero {
	position: static;
	padding-top: 0;
	padding-bottom: 0;
	background: #1F6F4A;
	box-shadow: 0 10px 24px rgba(31, 111, 74, 0.16);
}

#nav-wrap.navsticky.active {
	position: fixed;
	top: 0;
	background: #1F6F4A;
	box-shadow: 0 10px 24px rgba(31, 111, 74, 0.22);
	padding-top: 0;
	padding-bottom: 0;
	backdrop-filter: none;
}

#nav-wrap .container {
	position: relative;
}

#nav-wrap .container:after {
	content: none;
	position: absolute;
	top: 0;
	right: -1000000px;
	left: 34px;
	height: 100%;
	background: var(--nav-wrap-bg);
	-webkit-transform: skewX(-25.5deg);
	-ms-transform: skewX(-25.5deg);
	transform: skewX(-25.5deg);
	z-index: -1;
}

#nav-wrap .container:before {
	content: none;
	position: absolute;
	top: 0;
	right: -1000000px;
	left: 22px;
	height: 100%;

	-webkit-transform: skewX(-25.5deg);
	-ms-transform: skewX(-25.5deg);
	transform: skewX(-25.5deg);
	z-index: -1;
}

#nav-wrap .row {
	position: relative;
}



/*===========================================================================
		Navbar 
===========================================================================*/
.emart-navbar-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin-right: 24px;
	text-decoration: none;
}

.emart-navbar-logo img {
	display: block;
	max-height: 64px;
	width: auto;
	height: auto;
}

#colophon {
	padding: 44px 0 34px;
	background: #1F6F4A;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	position: relative;
	z-index: 2;
}

.emart-footer-bar .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.emart-footer-logo {
	display: inline-flex;
	justify-content: center;
	max-width: min(100%, 420px);
}

.emart-footer-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.emart-footer-nav {
	width: 100%;
}

.emart-footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 34px;
	flex-wrap: wrap;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-family: var(--nav-font);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

.emart-footer-menu li {
	margin: 0;
}

.emart-footer-menu a {
	color: #fff;
	display: inline-block;
	padding: 4px 0;
}

.emart-footer-menu a:hover,
.emart-footer-menu a:focus {
	color: #f4c542;
}

#navbar {
	padding-left: 50px;
	flex: 1 1 auto;
}

#navbar>ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0px;
}

#navbar>ul>li {
	list-style: none;
	position: relative;
	margin: 0px;
	float: none;
}

#navbar>ul>li>a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--nav-color);
	opacity: 1;
	transition: all 300ms ease;
	font-family: var(--nav-font);
	position: relative;
	padding: 20px 16px;
	transition: all 500ms ease;
}

#nav-wrap #navbar>ul>li>a,
#nav-wrap ul.header-icon a,
#nav-wrap ul.header-icon {
	color: #fff;
}

#nav-wrap #navbar>ul>li>a:hover,
#nav-wrap #navbar>ul>li>a:focus,
#nav-wrap #navbar>ul>li.current_page_item>a,
#nav-wrap #navbar>ul>li.current-menu-item>a,
#nav-wrap #navbar>ul>li.focus>a {
	color: #fff;
}

#navbar.navbar-fill ul>li:hover>a,
#navbar.navbar-fill ul>li.current>a,
#navbar.navbar-fill ul>li>a:focus,
#navbar.navbar-fill ul>li.focus>a,
#navbar.navbar-fill ul>li.current_page_item>a {
	color: inherit;
	background: transparent;
}

#navbar.color ul>li:hover>a,
#navbar.color ul>li.current>a,
#navbar.color ul>li>a:focus,
#navbar.color ul>li.focus>a,
#navbar.color ul>li.current_page_item>a {
	color: var(--nav-h-color);
}

#navbar.underline ul>li>a:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 0%;
	transition: all 500ms ease;
	border-bottom: 3px solid #f4c542;
	opacity: 0;
}

#navbar.underline ul.emart-main-menu>li:hover>a:after,
#navbar.underline ul.emart-main-menu>li.current>a:after,
#navbar.underline ul.emart-main-menu>li>a:focus:after,
#navbar.underline ul.emart-main-menu>li.focus>a:after,
#navbar.underline ul.emart-main-menu>li.current_page_item>a:after {
	opacity: 1;
	width: calc(100% - 32px);
	left: 16px;
}

#nav-wrap.navsticky.active #navbar>ul>li>a,
#nav-wrap.navsticky.active ul.header-icon a,
#nav-wrap.navsticky.active ul.header-icon {
	color: #fff;
}

#nav-wrap.without-hero #navbar>ul>li>a,
#nav-wrap.without-hero ul.header-icon a,
#nav-wrap.without-hero ul.header-icon {
	color: #fff;
}

#nav-wrap.navsticky.active #navbar>ul>li>a:hover,
#nav-wrap.navsticky.active #navbar>ul>li>a:focus,
#nav-wrap.navsticky.active #navbar>ul>li.current_page_item>a,
#nav-wrap.navsticky.active #navbar>ul>li.current-menu-item>a,
#nav-wrap.navsticky.active #navbar>ul>li.focus>a,
#nav-wrap.navsticky.active ul.header-icon a:hover,
#nav-wrap.navsticky.active ul.header-icon a:focus,
#nav-wrap.without-hero #navbar>ul>li>a:hover,
#nav-wrap.without-hero #navbar>ul>li>a:focus,
#nav-wrap.without-hero #navbar>ul>li.current_page_item>a,
#nav-wrap.without-hero #navbar>ul>li.current-menu-item>a,
#nav-wrap.without-hero #navbar>ul>li.focus>a {
	color: #fff;
}

#nav-wrap.without-hero #navbar>ul>li>a:hover,
#nav-wrap.without-hero #navbar>ul>li>a:focus,
#nav-wrap.without-hero #navbar>ul>li.current_page_item>a,
#nav-wrap.without-hero #navbar>ul>li.current-menu-item>a,
#nav-wrap.without-hero #navbar>ul>li.focus>a {
	color: #fff;
}

#nav-wrap #navbar>ul>li.menu-item-order-now>a:hover,
#nav-wrap #navbar>ul>li.menu-item-order-now>a:focus,
#nav-wrap.navsticky.active #navbar>ul>li.menu-item-order-now>a:hover,
#nav-wrap.navsticky.active #navbar>ul>li.menu-item-order-now>a:focus,
#nav-wrap.without-hero #navbar>ul>li.menu-item-order-now>a:hover,
#nav-wrap.without-hero #navbar>ul>li.menu-item-order-now>a:focus {
	color: #1F6F4A;
}

#navbar .navigation-menu li ul {
	position: absolute;
	border: none;
	top: calc(100% + 8px);
	display: block;
	width: 240px;
	float: none;
	text-align: left;
	background: var(--nav-sub-bg);
	box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
	border-radius: 0.4rem;
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	z-index: 999;
	opacity: 0;
	right: 9999px;
	text-align: left;
	left: 0px;
	margin: 0px;
	visibility: hidden;
	border-top: 2px solid var(--secondary-color);
	margin: 0px;
	padding: 0px;
	transition: all .3s ease-in-out;
}

#navbar.focus-mode .navigation-menu li>ul {
	opacity: 0;
	visibility: visible;
	right: 0px;
}

#navbar .navigation-menu li:hover>ul,
#navbar .navigation-menu li:focus>ul,
#navbar .navigation-menu li.focus>ul,
#navbar.focus-mode .navigation-menu li.focus>ul {
	right: 0;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.15s linear, transform 0.15s linear;
}

#navbar .navigation-menu li ul ul {
	left: calc(100% + 10px);
	top: 3px;
}

#navbar .navigation-menu li li:hover>ul,
#navbar .navigation-menu li li:focus>ul,
#navbar .navigation-menu li li.focus>ul {
	right: 0;
	opacity: 1;
	transition: opacity 0.15s linear, transform 0.15s linear;
}

#navbar .navigation-menu li li,
#masthead ul.header-icon li li {
	display: block;
	border-bottom: 1px solid #e8e8e8;
	float: none;
	padding: 0px;
	margin: 0px;
}

#navbar .navigation-menu li li:first-child {
	border-top-right-radius: 0.4rem;
	border-top-left-radius: 0.4rem;
	-webkit-border-top-left-radius: 0.4rem;
	-webkit-top-right-radius: 0.4rem;

}

#navbar .navigation-menu li:last-child {
	border-bottom: none;
}

#navbar .navigation-menu ul.sub-menu li>a,
#navbar .navigation-menu li:hover li>a {
	transition: all 500ms ease;
	display: block;
	font-family: var(--nav-font);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.28px;
	line-height: 26px;
	position: relative;
	color: var(--secondary-color) !important;
	padding: 12px 16px;
	text-align: left;
	position: relative;

}

#navbar.navbar-fill .navigation-menu li li>a:hover,
#navbar.navbar-fill .navigation-menu li li>a:focus,
#navbar.navbar-fill .navigation-menu li li.current-menu-item>a,
#navbar.navbar-fill .navigation-menu li li.current-page-parent>a,
#navbar.navbar-fill .navigation-menu li li.focus>a {
	color: var(--nav-sub-color-h) !important;
	background: var(--secondary-color);
}

#navbar.color .navigation-menu li li>a:hover,
#navbar.color .navigation-menu li li>a:focus,
#navbar.color .navigation-menu li li.current-menu-item>a,
#navbar.color .navigation-menu li li.current-page-parent>a,
#navbar.color .navigation-menu li li.focus>a {
	color: var(--nav-sub-color-h) !important;
	overflow: hidden;
}

#navbar .navigation-menu ul.sub-menu li>a:after,
#navbar .navigation-menu li:hover li>a:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 0%;
	transition: all 500ms ease;
	border-bottom: 2px solid var(--nav-sub-color-h);

}

#navbar.underline .navigation-menu li li>a:hover:after,
#navbar.underline .navigation-menu li li>a:focus:after,
#navbar.underline .navigation-menu li li.current-menu-item>a:after,
#navbar.underline .navigation-menu li li.current-page-parent>a:after,
#navbar.underline .navigation-menu li li.focus>a:after {
	opacity: 1;
	width: 100%;
	left: 0px;
}

#navbar .navigation-menu li ul:after {
	position: absolute;
	top: -8px;
	left: 14px;
	margin-left: -8px;
	content: " ";
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--secondary-color);
	border-left: 8px solid transparent;
}

#navbar .navigation-menu ul.sub-menu ul li:first-child::before {
	position: absolute;
	top: 6px;
	left: -8px;
	content: "";
	border-top: 8px solid transparent;
	border-right: 8px solid var(--nav-wrap-bg);
	border-bottom: 8px solid transparent;
}

#navbar .navigation-menu li ul ul:after {
	display: none !important;
}

#navbar .navigation-menu li li:first-child>a,
#navbar .navigation-menu li li:first-child,
#masthead ul.header-icon li li:first-child,
#masthead ul.header-icon li li:first-child>a {
	border-top-left-radius: 0.4rem;
	-webkit-border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	-webkit-border-top-right-radius: 0.4rem;
}

#navbar .navigation-menu li li:last-child>a,
#navbar .navigation-menu li li:last-child,
#masthead ul.header-icon li li:last-child,
#masthead ul.header-icon li li:last-child>a {
	border-bottom-left-radius: 0.4rem;
	-webkit-border-bottom-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
	-webkit-border-bottom-right-radius: 0.4rem;
}

#navbar .navigation-menu li .icofont-rounded-down {
	display: none;
}

/*===========================================================================
		Navbar 
===========================================================================*/
#nav-wrap ul.header-icon {
	margin: 0px;
	padding: 0px;
}

#nav-wrap ul.header-icon a,
#nav-wrap ul.header-icon {
	font-size: 22px;
	color: var(--quaternary-color);
	position: relative;
}

#nav-wrap ul.header-icon a:hover,
#nav-wrap ul.header-icon a:focus {
	color: #f4c542;
}

#nav-wrap ul.header-icon li {
	padding: 10px 0px;
	margin-left: 16px;
	margin-right: 0px;
}

#nav-wrap ul.header-icon li.search {
	border-right: 1px solid rgba(255, 255, 255, 0.55);
	margin-left: 0px;
	padding-right: 25px;
}

#navbar .navigation-menu>li.menu-item-order-now {
	margin-left: auto;
	margin-right: 28px;
	padding: 0;
}

#navbar .navigation-menu>li.menu-item-order-now>a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 46px;
	padding: 0 22px;
	border: 2px solid #f4c542;
	border-radius: 999px;
	background: #1F6F4A;
	color: #fff;
	font-family: var(--nav-font);
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	box-shadow: 0 10px 24px rgba(31, 111, 74, 0.22);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

#navbar .navigation-menu>li.menu-item-order-now>a:hover,
#navbar .navigation-menu>li.menu-item-order-now>a:focus {
	background: #f4c542;
	border-color: #f4c542;
	color: #1F6F4A !important;
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(244, 197, 66, 0.28);
}

#navbar.underline .navigation-menu>li.menu-item-order-now>a:after {
	display: none;
}

#nav-wrap.navsticky.active ul.header-icon li.search,
#nav-wrap.without-hero ul.header-icon li.search {
	border-right-color: rgba(255, 255, 255, 0.35);
}

#nav-wrap.without-hero ul.header-icon li.search {
	border-right-color: rgba(255, 255, 255, 0.35);
}

#nav-wrap.without-hero #navbar>ul>li.menu-item-order-now>a {
	color: #fff;
}

#nav-wrap ul.header-icon span.quantity {
	position: absolute;
	color: var(--secondary-color);
	line-height: 19px;
	font-size: 11px;
	right: -8px;
	margin-left: -35px;
	top: -10px;
	background: var(--quaternary-color);
	border-radius: 50%;
	text-align: center;
	width: 20px;
	height: 20px;
	margin: 0px !important;
	justify-content: center;
}


#masthead .header-icon li.toggle-list {
	display: none;
}

.emart-navbar-close {
	display: none;
}

@media only screen and (max-width: 1180px) and (min-width: 851px) {
	.emart-navbar-logo {
		margin-right: 16px;
	}

	.emart-navbar-logo img {
		max-height: 54px;
	}

	#navbar {
		padding-left: 20px;
	}

	#navbar>ul>li>a {
		font-size: 14px;
		padding: 18px 10px;
		letter-spacing: 0.04em;
	}

	#navbar.underline ul.emart-main-menu>li:hover>a:after,
	#navbar.underline ul.emart-main-menu>li.current>a:after,
	#navbar.underline ul.emart-main-menu>li>a:focus:after,
	#navbar.underline ul.emart-main-menu>li.focus>a:after,
	#navbar.underline ul.emart-main-menu>li.current_page_item>a:after {
		width: calc(100% - 20px);
		left: 10px;
	}

	#navbar .navigation-menu>li.menu-item-order-now {
		margin-right: 12px;
	}

	#navbar .navigation-menu>li.menu-item-order-now>a {
		min-height: 40px;
		padding: 0 14px;
		font-size: 0.8rem;
	}

	#nav-wrap ul.header-icon,
	#nav-wrap ul.header-icon a {
		font-size: 20px;
	}

	#nav-wrap ul.header-icon li {
		margin-left: 10px;
	}

	#nav-wrap ul.header-icon li.search {
		padding-right: 14px;
	}
}

/*===========================================================================
		Navbar & header icon responsive
===========================================================================*/
@media only screen and (max-width: 850px) {
	.emart-navbar-logo {
		margin-right: 16px;
	}

	.emart-navbar-logo img {
		max-height: 48px;
	}

	#colophon {
		padding: 32px 0 28px;
	}

	.emart-footer-bar .container {
		gap: 18px;
	}

	.emart-footer-logo {
		max-width: min(100%, 300px);
	}

	.emart-footer-menu {
		gap: 16px;
		font-size: 12px;
		letter-spacing: 0.08em;
	}

	.emart-footer-menu a {
		padding: 2px 0;
	}

	#nav-wrap {
		position: static;
		padding-top: 0;
		padding-bottom: 0;
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
	}

	#masthead .logo-wrap {
		display: block;
		text-align: center;
		width: 100%;
	}

	#nav-wrap .container:before,
	#nav-wrap .container:after {
		left: -600px;
		right: -600px;
	}

	#nav-wrap #navbar>ul>li>a,
	#nav-wrap ul.header-icon a,
	#nav-wrap ul.header-icon {
		color: var(--primary-color);
	}

	#nav-wrap.without-hero {
		background: #1F6F4A;
		box-shadow: 0 10px 24px rgba(31, 111, 74, 0.16);
	}

	#nav-wrap.without-hero #navbar>ul>li>a,
	#nav-wrap.without-hero ul.header-icon a,
	#nav-wrap.without-hero ul.header-icon {
		color: #fff;
	}

	#masthead button.emart-rd-navbar-toggle {
		background: var(--quaternary-color);
		color: var(--secondary-color);
		padding: 9px 12px;
		border: 1px solid var(--quaternary-color);
	}

	#masthead button.emart-rd-navbar-toggle:hover,
	#masthead button.emart-rd-navbar-toggle:focus {
		background: var(--secondary-color);
		color: var(--quaternary-color);
		border: 1px solid var(--quaternary-color);
	}

	#nav-wrap ul.header-icon li.toggle-list {
		margin-left: 40px;
		display: block;
	}

	#masthead button.emart-rd-navbar-toggle i {
		font-size: 30px;
	}

	#nav-wrap ul.header-icon.ms-auto {
		margin-left: 0px !important;
		width: 100%;
	}

	#navbar .navigation-menu>li.menu-item-order-now {
		margin-left: 12px;
	}

	#navbar .navigation-menu>li.menu-item-order-now>a {
		min-height: 42px;
		padding: 0 16px;
		font-size: 0.85rem;
	}

	#navbar>ul {
		display: block;
	}

	#navbar>ul>li {
		float: none;
	}

	#navbar {
		position: fixed;
		width: 260px;
		top: 0px;
		bottom: 0px;
		box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
		background: #FFF;
		z-index: 9999;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		left: 0;
		padding-left: 0px;
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
		visibility: hidden;
		display: none;
	}

	#navbar.navbar-fill ul>li:hover>a,
	#navbar.navbar-fill ul>li.current>a,
	#navbar.navbar-fill ul>li>a:focus,
	#navbar.navbar-fill ul>li.focus>a,
	#navbar.navbar-fill ul>li.current_page_item>a {
		color: var(--tertiary-color);
	}

	#masthead #navbar ul.emart-main-menu {
		max-width: 260px;
		padding-left: 0px;
	}

	#navbar .navigation-menu li li:first-child>a,
	#navbar .navigation-menu li li:first-child,
	#masthead ul.header-icon li li:first-child,
	#masthead ul.header-icon li li:first-child>a {
		border-radius: 0px;
	}

	#navbar.active {
		left: 0;
		visibility: visible;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		display: block;
	}

	#navbar ul>li:hover>a,
	#navbar ul>li.current>a,
	#navbar ul>li>a:focus,
	#navbar ul>li.focus>a,
	#navbar ul>li.current_page_item>a {
		color: var(--tertiary-color);
	}

	#navbar .navigation-menu li li>a {
		border-radius: 0px;
		padding: 10px 14px;
		border-radius: 0px;
	}

	#navbar .navigation-menu li li:last-child>a,
	#navbar .navigation-menu li li:last-child,
	#masthead ul.header-icon li li:last-child,
	#masthead ul.header-icon li li:last-child>a {
		border-radius: 0px !important;
	}

	#navbar li,
	#navbar ul li {
		display: block;
		text-align: left;
		border-bottom: 1px solid #e8e8e8;
		margin: 0px;
		float: none;
	}

	#navbar .navigation-menu>li>a {
		color: var(--secondary-color);
		display: block;
		text-align: left;
		padding: 10px;
		font-size: 14px !important;
	}

	#navbar .navigation-menu li ul,
	#navbar .navigation-menu li:hover ul {
		display: none;
		visibility: visible;
		opacity: 1;
		position: static;
		transform: translate(0, 0);
		width: 100%;
		box-shadow: none;
		border-radius: 0px;

	}

	#navbar .navigation-menu li ul.focus-active {
		display: block;
	}

	#navbar .navigation-menu li .icofont-rounded-down {
		position: absolute;
		right: 1px;
		visibility: visible;
		display: block;
		cursor: pointer;
		display: block;
		width: 46px;
		height: 44px;
		text-align: center;
		line-height: 44px;
		background: #000;
		font-size: 22px;
		color: var(--secondary-color);
		top: 1px;
		border: 1px solid var(--secondary-color);
		background: none;
		z-index: 9;
	}

	#navbar .navigation-menu li .icofont-rounded-down:hover,
	#navbar .navigation-menu li .icofont-rounded-down:focus {
		color: var(--quaternary-color);
		background: var(--secondary-color);
	}

	.emart-navbar-close {
		display: block;
	}
}

@media only screen and (max-width: 640px) {
	.single-post-navigation.text-end {
		text-align: center !important;
		padding-top: 30px;
	}
}

/*===========================================================================
		Post & Blog
===========================================================================*/
.emart-blog-post,
.woocommerce #content div.product .product-details-wrap,
.woocommerce div.product .product-details-wrap,
.woocommerce-page #content div.product .product-details-wrap,
.woocommerce-page div.product .product-details-wrap {
	margin-bottom: 50px;
	position: relative;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	border-radius: 5px;
	margin-bottom: 50px;
	background: #fff;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, .048);
}

.emart-blog-post:hover,
.woocommerce #content div.product .product-details-wrap:hover,
.woocommerce div.product .product-details-wrap:hover,
.woocommerce-page #content div.product .product-details-wrap:hover,
.woocommerce-page div.product .product-details-wrap:hover {
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .12);
}

.emart-blog-post .post {
	padding: 25px;
}

.emart-blog-post .post img,
.emart-blog-post .post figure.wp-caption {
	max-width: 100%;
	height: auto;
}

.emart-blog-post .post .gallery figure {
	padding: 5px;
}

.emart-blog-post .img-box,
.related_post_warp .img-box {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.emart-blog-post .img-box img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.emart-blog-post .img-box .avatar_round,
.img-box.gallery img.avatar {
	z-index: 99;
	bottom: 30px;
	right: 30px;
	position: absolute;

}

.emart-blog-post .img-box img.avatar,
.emart-blog-post:hover .img-box img.avatar,
.img-box.gallery img.avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 4px solid #fff;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .12);
	-webkit-transition: .4s;
	-o-transition: .4s;
}

.emart-blog-post .img-box .avatar_round:hover img,
.emart-blog-post .img-box .avatar_round:focus img {
	border: 4px solid var(--secondary-color);
}

.emart-blog-post .img-box iframe {
	width: 100%;
	max-width: 100%;
}

.more-link a.link-btn {
	display: inline-block;
	padding: 7px 15px;
	background: var(--tertiary-color);
	color: var(--quaternary-color);
	margin-top: 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.more-link a.link-btn:hover,
.more-link a.link-btn:focus {
	color: var(--quaternary-color);
	background: var(--secondary-color);
}

.masonry_grid .grid-item {
	padding: 10px;
}

body.single-post .entry-title {
	margin-bottom: 20px;
	margin-top: 10px;
}

/*
 * Gallery Item
 *--------------*/
.gallery-image {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.8);
	display: block;
}

.gallery-image img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	max-width: 100%;
}

.gallery-image::before {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: .0;
	background: rgba(0, 0, 0, 0.2);
}

.gallery-image::after {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: block;
	content: '\f64d';
	position: absolute;
	top: -50px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	margin: auto;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 28px;
	line-height: 50px;
	text-align: center;
	opacity: 0;
	background: var(--secondary-color);
	font-family: 'bootstrap-icons', sans-serif;
}

.gallery-image.audio:after {
	display: none;
}

.gallery-image:hover::before,
.gallery-image:focus::before,
.emart-blog-post:hover .gallery-image:before {
	opacity: .7;
	top: 0px;
}

.gallery-image:hover::after,
.gallery-image:focus::after,
.emart-blog-post:hover .gallery-image:after {
	-webkit-animation: 0.5s animationZoomIn;
	-o-animation: 0.5s animationZoomIn;
	animation: 0.5s animationZoomIn;
	opacity: 1.0;
	top: 0px;
}

.gallery-image:hover img,
.gallery-image:focus img,
.emart-blog-post:hover .img-box img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.gallery-media .gallery-image:after,
.gallery-media .gallery-image:before {
	display: none;
}

.img-box.gallery {
	margin-bottom: 0px;
}

.img-box.gallery .owl-nav {
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -10px;
}

.img-box.gallery .owl-nav .owl-prev {
	float: right;
}

body.home .elementor-widget-image-carousel .swiper-slide-inner,
body.page-id-8 .elementor-widget-image-carousel .swiper-slide-inner {
	display: block;
	width: 100%;
	height: 450px;
	margin: 0;
	overflow: hidden;
	border-radius: 18px;
}

body.home .elementor-widget-image-carousel .swiper-slide-image,
body.page-id-8 .elementor-widget-image-carousel .swiper-slide-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

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

	body.home .elementor-widget-image-carousel .swiper-slide-inner,
	body.page-id-8 .elementor-widget-image-carousel .swiper-slide-inner {
		height: 400px;
	}
}

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

	body.home .elementor-widget-image-carousel .swiper-slide-inner,
	body.page-id-8 .elementor-widget-image-carousel .swiper-slide-inner {
		height: 340px;
	}
}

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

	body.home .elementor-widget-image-carousel .swiper-slide-inner,
	body.page-id-8 .elementor-widget-image-carousel .swiper-slide-inner {
		height: 280px;
		border-radius: 14px;
	}
}

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

	body.home .elementor-widget-image-carousel .swiper-slide-inner,
	body.page-id-8 .elementor-widget-image-carousel .swiper-slide-inner {
		height: 220px;
		border-radius: 12px;
	}
}

body.home .elementor-element.elementor-element-4a57d2e1,
body.page-id-8 .elementor-element.elementor-element-4a57d2e1 {
	margin-top: 26px;
	margin-bottom: 18px;
}

body.home .elementor-element.elementor-element-f6e073e,
body.home .elementor-element.elementor-element-d769e81,
body.home .elementor-element.elementor-element-bc6ef27,
body.home .elementor-element.elementor-element-0349913,
body.page-id-8 .elementor-element.elementor-element-f6e073e,
body.page-id-8 .elementor-element.elementor-element-d769e81,
body.page-id-8 .elementor-element.elementor-element-bc6ef27,
body.page-id-8 .elementor-element.elementor-element-0349913 {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

body.home .elementor-element.elementor-element-f6e073e,
body.page-id-8 .elementor-element.elementor-element-f6e073e {
	margin-top: 26px;
	margin-bottom: 14px;
	text-align: center;
}

body.home .elementor-element.elementor-element-da61e50 .elementor-heading-title,
body.page-id-8 .elementor-element.elementor-element-da61e50 .elementor-heading-title {
	font-family: var(--heading-font);
	font-size: clamp(2rem, 4vw, 3.1rem);
	line-height: 1.08;
	color: #123927;
	text-transform: none;
	margin: 0;
	text-wrap: balance;
}

body.home .elementor-element.elementor-element-d769e81 .e-con-inner,
body.home .elementor-element.elementor-element-bc6ef27 .e-con-inner,
body.home .elementor-element.elementor-element-0349913 .e-con-inner,
body.page-id-8 .elementor-element.elementor-element-d769e81 .e-con-inner,
body.page-id-8 .elementor-element.elementor-element-bc6ef27 .e-con-inner,
body.page-id-8 .elementor-element.elementor-element-0349913 .e-con-inner {
	padding: 8px 0;
}

body.home .elementor-element.elementor-element-d769e81 .e-con-inner:before,
body.home .elementor-element.elementor-element-bc6ef27 .e-con-inner:before,
body.home .elementor-element.elementor-element-0349913 .e-con-inner:before,
body.page-id-8 .elementor-element.elementor-element-d769e81 .e-con-inner:before,
body.page-id-8 .elementor-element.elementor-element-bc6ef27 .e-con-inner:before,
body.page-id-8 .elementor-element.elementor-element-0349913 .e-con-inner:before {
	content: none;
}

body.home .elementor-element.elementor-element-8e55c0f,
body.home .elementor-element.elementor-element-a4e5a20,
body.home .elementor-element.elementor-element-8d4d268,
body.page-id-8 .elementor-element.elementor-element-8e55c0f,
body.page-id-8 .elementor-element.elementor-element-a4e5a20,
body.page-id-8 .elementor-element.elementor-element-8d4d268 {
	position: relative;
	z-index: 1;
}

body.home .elementor-element.elementor-element-8e55c0f p,
body.home .elementor-element.elementor-element-a4e5a20 p,
body.home .elementor-element.elementor-element-8d4d268 p,
body.page-id-8 .elementor-element.elementor-element-8e55c0f p,
body.page-id-8 .elementor-element.elementor-element-a4e5a20 p,
body.page-id-8 .elementor-element.elementor-element-8d4d268 p {
	margin: 0;
	font-size: 1.04rem;
	line-height: 1.9;
	color: #50685e;
	text-align: center;
	text-wrap: pretty;
}

body.home .elementor-element.elementor-element-a5f0f21,
body.home .elementor-element.elementor-element-c5cdacf,
body.page-id-8 .elementor-element.elementor-element-a5f0f21,
body.page-id-8 .elementor-element.elementor-element-c5cdacf {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

body.home .elementor-element.elementor-element-a5f0f21,
body.page-id-8 .elementor-element.elementor-element-a5f0f21 {
	z-index: 2;
}

body.home .elementor-element.elementor-element-c5cdacf,
body.page-id-8 .elementor-element.elementor-element-c5cdacf {
	margin-top: calc(-1 * min(780px, 150vw));
	z-index: 1;
}

body.home .elementor-element.elementor-element-a5f0f21 img,
body.home .elementor-element.elementor-element-c5cdacf img,
body.page-id-8 .elementor-element.elementor-element-a5f0f21 img,
body.page-id-8 .elementor-element.elementor-element-c5cdacf img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: 24px;
	box-shadow: 0 22px 54px rgba(18, 57, 39, 0.14);
	background: linear-gradient(135deg, rgba(244, 197, 66, 0.16) 0%, rgba(235, 140, 47, 0.18) 100%);
	transform-origin: 50% 54%;
	backface-visibility: hidden;
	will-change: transform, opacity, filter, clip-path;
}

body.home .elementor-element.elementor-element-a5f0f21 img,
body.page-id-8 .elementor-element.elementor-element-a5f0f21 img {
	opacity: 1;
	transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	filter: blur(0) saturate(1);
	clip-path: inset(0 0 0 0 round 24px);
}

body.home .elementor-element.elementor-element-c5cdacf img,
body.page-id-8 .elementor-element.elementor-element-c5cdacf img {
	opacity: 0;
	transform: translate3d(0, 0, 0) rotate(0deg) scale(0.84);
	filter: blur(6px) saturate(0.78);
	clip-path: inset(48% 48% 48% 48% round 0);
}

body.home .elementor-element.elementor-element-a5f0f21.is-animating img,
body.page-id-8 .elementor-element.elementor-element-a5f0f21.is-animating img {
	animation: emartBaguetteMorph 5.2s cubic-bezier(0.33, 0, 0.18, 1) 1 both;
}

body.home .elementor-element.elementor-element-c5cdacf.is-animating img,
body.page-id-8 .elementor-element.elementor-element-c5cdacf.is-animating img {
	animation: emartBanhMiReveal 5.2s cubic-bezier(0.33, 0, 0.18, 1) 1 both;
}

body.home .elementor-element.elementor-element-a5f0f21.is-transformed img,
body.page-id-8 .elementor-element.elementor-element-a5f0f21.is-transformed img {
	opacity: 0;
	transform: translate3d(0, 0, 0) rotate(0deg) scale(0.88);
	filter: blur(7px) saturate(0.76);
	clip-path: inset(0 0 0 0 round 24px);
}

body.home .elementor-element.elementor-element-c5cdacf.is-transformed img,
body.page-id-8 .elementor-element.elementor-element-c5cdacf.is-transformed img {
	opacity: 1;
	transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	filter: blur(0) saturate(1);
	clip-path: inset(0 0 0 0 round 24px);
}

@keyframes emartBaguetteMorph {

	0%,
	26% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
		filter: blur(0) saturate(1);
		clip-path: inset(0 0 0 0 round 24px);
	}

	36% {
		opacity: 0.82;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(0.96);
		filter: blur(2px) saturate(0.94);
		clip-path: inset(0 0 0 0 round 24px);
	}

	46% {
		opacity: 0.08;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(0.91);
		filter: blur(6px) saturate(0.8);
		clip-path: inset(0 0 0 0 round 24px);
	}

	56%,
	100% {
		opacity: 0;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(0.88);
		filter: blur(7px) saturate(0.76);
		clip-path: inset(0 0 0 0 round 24px);
	}
}

@keyframes emartBanhMiReveal {

	0%,
	24% {
		opacity: 0;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(0.84);
		filter: blur(6px) saturate(0.78);
		clip-path: inset(48% 48% 48% 48% round 0);
	}

	34% {
		opacity: 0.8;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(0.93);
		filter: blur(3px) saturate(0.9);
		clip-path: inset(26% 26% 26% 26% round 0);
	}

	44% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1.05);
		filter: blur(0) saturate(1);
		clip-path: inset(6% 6% 6% 6% round 0);
	}

	52% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1.01);
		filter: blur(0) saturate(1);
		clip-path: inset(0 0 0 0 round 24px);
	}

	60%,
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
		filter: blur(0) saturate(1);
		clip-path: inset(0 0 0 0 round 24px);
	}
}

body.home .elementor-element.elementor-element-1d29a765 .elementor-button,
body.page-id-8 .elementor-element.elementor-element-1d29a765 .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 22px;
	border: 2px solid #294124;
	border-radius: 8px;
	background: #294124;
	color: #fffdf2;
	font-family: var(--nav-font);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 0 14px 26px rgba(19, 58, 40, 0.12);
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

body.home .elementor-element.elementor-element-1d29a765 .elementor-button:hover,
body.home .elementor-element.elementor-element-1d29a765 .elementor-button:focus,
body.page-id-8 .elementor-element.elementor-element-1d29a765 .elementor-button:hover,
body.page-id-8 .elementor-element.elementor-element-1d29a765 .elementor-button:focus {
	background: #FAA61C;
	border-color: #FAA61C;
	color: #294124;
	transform: translateY(-2px);
}

body.home .elementor-element.elementor-element-1d29a765 .elementor-button .elementor-button-text,
body.page-id-8 .elementor-element.elementor-element-1d29a765 .elementor-button .elementor-button-text {
	line-height: 1;
}

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

	body.home .elementor-element.elementor-element-4a57d2e1,
	body.page-id-8 .elementor-element.elementor-element-4a57d2e1 {
		margin-top: 20px;
		margin-bottom: 14px;
	}

	body.home .elementor-element.elementor-element-1d29a765 .elementor-button,
	body.page-id-8 .elementor-element.elementor-element-1d29a765 .elementor-button {
		padding: 12px 18px;
		font-size: 14px;
	}

	body.home .elementor-element.elementor-element-f6e073e,
	body.home .elementor-element.elementor-element-d769e81,
	body.home .elementor-element.elementor-element-bc6ef27,
	body.home .elementor-element.elementor-element-0349913,
	body.page-id-8 .elementor-element.elementor-element-f6e073e,
	body.page-id-8 .elementor-element.elementor-element-d769e81,
	body.page-id-8 .elementor-element.elementor-element-bc6ef27,
	body.page-id-8 .elementor-element.elementor-element-0349913,
	body.home .elementor-element.elementor-element-a5f0f21,
	body.home .elementor-element.elementor-element-c5cdacf,
	body.page-id-8 .elementor-element.elementor-element-a5f0f21,
	body.page-id-8 .elementor-element.elementor-element-c5cdacf {
		max-width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	body.home .elementor-element.elementor-element-c5cdacf,
	body.page-id-8 .elementor-element.elementor-element-c5cdacf {
		margin-top: calc(-1 * min(780px, 150vw));
	}

	body.home .elementor-element.elementor-element-a5f0f21.is-transformed img,
	body.page-id-8 .elementor-element.elementor-element-a5f0f21.is-transformed img {
		opacity: 0;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(0.88);
		filter: blur(6px) saturate(0.76);
		clip-path: inset(0 0 0 0 round 18px);
	}

	body.home .elementor-element.elementor-element-c5cdacf.is-transformed img,
	body.page-id-8 .elementor-element.elementor-element-c5cdacf.is-transformed img {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
		filter: blur(0) saturate(1);
		clip-path: inset(0 0 0 0 round 18px);
	}

	body.home .elementor-element.elementor-element-f6e073e,
	body.page-id-8 .elementor-element.elementor-element-f6e073e {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	body.home .elementor-element.elementor-element-da61e50 .elementor-heading-title,
	body.page-id-8 .elementor-element.elementor-element-da61e50 .elementor-heading-title {
		font-size: clamp(1.7rem, 6vw, 2.4rem);
	}

	body.home .elementor-element.elementor-element-d769e81 .e-con-inner,
	body.home .elementor-element.elementor-element-bc6ef27 .e-con-inner,
	body.home .elementor-element.elementor-element-0349913 .e-con-inner,
	body.page-id-8 .elementor-element.elementor-element-d769e81 .e-con-inner,
	body.page-id-8 .elementor-element.elementor-element-bc6ef27 .e-con-inner,
	body.page-id-8 .elementor-element.elementor-element-0349913 .e-con-inner {
		padding: 6px 0;
	}

	body.home .elementor-element.elementor-element-8e55c0f p,
	body.home .elementor-element.elementor-element-a4e5a20 p,
	body.home .elementor-element.elementor-element-8d4d268 p,
	body.page-id-8 .elementor-element.elementor-element-8e55c0f p,
	body.page-id-8 .elementor-element.elementor-element-a4e5a20 p,
	body.page-id-8 .elementor-element.elementor-element-8d4d268 p {
		font-size: 0.98rem;
		line-height: 1.8;
	}

	body.home .elementor-element.elementor-element-a5f0f21 img,
	body.home .elementor-element.elementor-element-c5cdacf img,
	body.page-id-8 .elementor-element.elementor-element-a5f0f21 img,
	body.page-id-8 .elementor-element.elementor-element-c5cdacf img {
		border-radius: 18px;
	}
}

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

	body.home .elementor-element.elementor-element-c5cdacf,
	body.page-id-8 .elementor-element.elementor-element-c5cdacf {
		margin-top: calc(-1 * min(780px, 150vw));
	}

	@keyframes emartBaguetteMorph {

		0%,
		26% {
			opacity: 1;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
			filter: blur(0) saturate(1);
			clip-path: inset(0 0 0 0 round 18px);
		}

		36% {
			opacity: 0.82;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(0.96);
			filter: blur(2px) saturate(0.94);
			clip-path: inset(0 0 0 0 round 18px);
		}

		46% {
			opacity: 0.08;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(0.91);
			filter: blur(5px) saturate(0.8);
			clip-path: inset(0 0 0 0 round 18px);
		}

		56%,
		100% {
			opacity: 0;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(0.88);
			filter: blur(6px) saturate(0.76);
			clip-path: inset(0 0 0 0 round 18px);
		}
	}

	@keyframes emartBanhMiReveal {

		0%,
		24% {
			opacity: 0;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(0.84);
			filter: blur(5px) saturate(0.8);
			clip-path: inset(48% 48% 48% 48% round 0);
		}

		34% {
			opacity: 0.8;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(0.93);
			filter: blur(2px) saturate(0.92);
			clip-path: inset(26% 26% 26% 26% round 0);
		}

		44% {
			opacity: 1;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(1.05);
			filter: blur(0) saturate(1);
			clip-path: inset(6% 6% 6% 6% round 0);
		}

		52% {
			opacity: 1;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(1.01);
			filter: blur(0) saturate(1);
			clip-path: inset(0 0 0 0 round 18px);
		}

		60%,
		100% {
			opacity: 1;
			transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
			filter: blur(0) saturate(1);
			clip-path: inset(0 0 0 0 round 18px);
		}
	}
}

/*
 * Post Meta
 *--------------*/
ul.post-meta {
	display: block;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	color: #909295;
	font-size: 12px;
	font-style: italic;
	margin: 20px 0px;
	padding: 10px 0px;
	text-transform: uppercase;
	width: 100%;
	list-style: none;
}

body.single-post ul.post-meta {
	margin-top: 0px;
}

ul.post-meta img {
	margin-right: 10px;
	border-radius: 50%;
	;
}

ul.post-meta li {
	padding: 0px 10px;
	position: relative;
}

ul.post-meta li i {
	margin-right: 5px;
	color: var(--tertiary-color);
	font-size: 14px;
}

/*ul.post-meta li:after{
	content: "---";
	position: absolute;
	right: -5px;
	font-style:normal;
	color: #000;
}
ul.post-meta li:last-child:after{
	display: none;
}*/


/*
 * Sidebar
 *--------------*/
#secondary .widget,
.related.products,
.up-sells.upsells.products,
.cross-sells {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	border: 1px solid #f5f5f5;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 3px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

#secondary .widget:hover,
.related.products:hover,
.up-sells.upsells.products:hover,
.cross-sells:hover {
	border-color: var(--secondary-color);
}

#secondary .search-form {
	background-color: #f5f5f5;
}

#secondary .widget-title,
.related.products h2,
.up-sells.upsells.products h2,
.cross-sells h2,
#secondary .widget_block h2 {
	display: block;
	background-color: #f9f9f9;
	margin: -15px -15px 0px -15px;
	text-align: center;
	color: var(--secondary-color);
	padding: 12px 25px;
	display: block;
	white-space: nowrap;
	word-wrap: normal;
	transition: 0.3s;
	border-radius: 0;
	text-transform: capitalize;
	margin-bottom: 15px;
}

#secondary .widget:hover .widget-title,
.related.products:hover h2,
.up-sells.upsells.products:hover h2,
.cross-sells:hover h2,
#secondary .widget_block:hover h2 {
	background-color: var(--secondary-color);
	color: #fff;
}


#secondary .widget ul,
ul.popular_category_list,
#footer ul,
#secondary .widget ol {
	margin: 0px;
	padding: 0px;
}

ul.popular_category_list,
#footer ul.popular_category_list {
	clear: both;
}

#secondary .widget li,
ul.popular_category_list li,
#footer .widget li {
	list-style: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	position: relative;
}

#secondary .widget li:after,
ul.popular_category_list li:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
	background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
	background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
}

#secondary .widget li:last-child:after,
ul.popular_category_list li:last-child:after,
.footer_widget_wrap .widget li:last-child:after {
	border: none;
	display: none;
}

#secondary .widget li a,
#footer .widget li a,
.footer_widget_wrap .widget li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: normal;
	display: block;
	color: var(--tertiary-color);

}

#secondary .widget li a:hover,
#secondary .widget li a:focus,
#footer .widget li a:hover,
.footer_widget_wrap .widget li a:hover {
	color: var(--secondary-color);
}

#secondary .widget li::before,
ul.popular_category_list li:before {
	content: "\ea69";
	position: absolute;
	font-family: 'IcoFont', sans-serif;
	left: 5px;
	font-size: 12px;
	top: 50%;
	font-weight: 900;
	margin-top: -11px;
}

#secondary .post-date,
#footer .post-date,
.footer_widget_wrap .post-date {
	display: block;
	text-align: right;
	font-size: 11px;
	font-style: italic;
}

#secondary .widget.widget_archive li::before {
	content: "\eea5";
}

#secondary .widget.widget_categories li::before {
	content: "\ec5b";
}

#secondary .widget.widget_pages li::before {
	content: "\ef71";
}

#secondary .widget.widget_meta ul li::before {
	content: "\ef1f";
}

#secondary .widget.widget_recent_comments ul li::before {
	content: "\eff2";
}

#secondary .widget.widget_recent_entries ul li::before {
	content: "\eedb";
}

#secondary .widget_rss ul li::before {
	content: "\efdb";
}

#secondary .widget.widget_tag_cloud ul li::before {
	content: "\ed73";
}

#footer .widget .widget-title,
.footer_widget_wrap .widget .widget-title {
	padding-bottom: 10px;
}

/*===========================================================================
		Navbar 
===========================================================================*/
.single-prev-next {
	display: block;
	width: 100%;
	position: relative;
	padding: 20px 15px;
	margin-bottom: 40px;
	background: #fff;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, .048);
	border-radius: 5px;
}

.single-post-navigation a {
	color: var(--quaternary-color);
	text-transform: uppercase;
	padding: 10px 15px;
	line-height: 22px;
	margin-right: 3px;
	margin-bottom: 3px;
	display: inline-block;
	font-size: 14px;
	transition: background 0.25s ease-in;
	background: var(--tertiary-color);
}

.single-post-navigation a:hover,
.single-post-navigation a:focus {
	background: var(--secondary-color);
	color: var(--quaternary-color);
}

.share-box a {
	width: 45px;
	line-height: 45px;
	text-align: center;
	display: block;
	color: #808080;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.048);
	margin: 0px 5px;
}

.share-box h6 {
	margin-bottom: 0px !important;
	padding-right: 20px;
}

.share-box a:hover,
.share-box a:focus {
	color: var(--quaternary-color);
	transform: translateY(-3px);
}

.share-box a.button-twitter:hover,
.share-box a.button-twitter:focus {
	background: #00acee;
}

.share-box a.button-facebook:hover,
.share-box a.button-facebook:focus {
	background: #3b5998;
}

.share-box a.button-stumbleupon:hover,
.share-box a.button-stumbleupon:focus {
	background: #f74425;
}

.share-box a.button-linkedin:hover,
.share-box a.button-linkedin:focus {
	background: #0e76a8;
}

.share-box a.button-pinterest:hover,
.share-box a.button-pinterest:focus {
	background: #e93f2e;
}

/*
 * Author
 *--------------*/
#author-info {
	position: relative;
	padding: 30px;
	padding-top: 50px;
	margin-top: 100px;
	margin-bottom: 50px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, .048);
	background: #fff;
	border-radius: 5px;
}

#author-info .author-avatar {
	position: absolute;
	left: 50%;
	top: 0px;
	border: 4px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12);
	z-index: 99;
	transform: translate(-40px, -50px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#author-info:hover .author-avatar {
	border: 4px solid var(--secondary-color);
}

#author-info {
	text-align: center;
}

.fa-solid,
.fas {
	font-weight: 900 !important;
}

/*
 * Related Post 
 *--------------*/
.related_post_warp {
	position: relative;
	padding: 30px;
	margin-bottom: 50px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, .048);
	background: #fff;
	border-radius: 5px;
}

.related_post_warp .avatar_round {
	display: none !important;
}

.related_post_warp .post-meta-wrap {
	display: none;
}

.related_post_warp .post {
	padding-top: 25px;
}

/*
 * comments 
 *--------------*/
#comments {
	position: relative;
	padding: 30px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, .048);
	background: #fff;
	border-radius: 5px;
	padding-bottom: 10px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
	margin-bottom: 20px;
}

#comments [class*="col-"] {
	position: relative;
}

.comment-form input[type="checkbox"],
.content input[type="checkbox"],
#respond input[type="checkbox"] {
	border-radius: 2px;
	background: #dadada;
	color: #555;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 20px;
	margin: -3px 4px 0 0;
	margin-right: 4px;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	min-width: 20px;
	-webkit-appearance: none;
	-webkit-transition: .05s border-color ease-in-out;
	transition: .05s border-color ease-in-out;
	margin-right: 10px;
}

.comment-form input[type="checkbox"]:checked::before,
.content input[type="checkbox"]:checked::before,
#respond input[type="checkbox"]:checked::before {
	float: left;
	color: var(--secondary-color);
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	margin-top: 10px;
	margin-left: 2px;
	font-family: icofont;
	font-weight: 400;
	content: "\f00e";
	speak: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
}

.tags span {
	padding-right: 15px;
}

.tags a {
	background-color: transparent;
	border: 1px solid #cfcfcf;
	border-radius: 0;
	font-size: 11px;
	letter-spacing: 2px;
	line-height: 1;
	padding: 0.5rem 0.6rem;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 4px;
	position: relative;
	padding-left: 28px;
}

.tags a:before {
	content: "\f5b0";
	font-family: bootstrap-icons !important;
	position: absolute;
	left: 10px;
	top: 8px;
}

.tags a:hover,
.tags a:focus {
	background-color: var(--secondary-color);
	color: var(--quaternary-color);
	border-color: var(--secondary-color);
	;
}


/*===========================================================================
===========================================================================
Footer section Begin 
===========================================================================
===========================================================================*/
#footer {
	border-top: 1px solid rgba(244, 197, 66, 0.35);
	background: linear-gradient(180deg, #184f36 0%, #123927 100%);
	color: var(--quaternary-color);
	border-bottom: solid 1px rgba(244, 197, 66, 0.18);
	border-top: solid 1px rgba(244, 197, 66, 0.18);
}

#footer .widget {
	border-right: solid 1px rgba(244, 197, 66, 0.16);
}

#footer .widget:last-child {
	border-right: none;
}

#footer a,
#footer .widget li a {
	color: var(--quaternary-color);
}

#footer a:hover,
#footer a:focus,
#footer .widget li a:hover,
#footer .widget li a:focus {
	color: #f4c542;
}

.site_info {
	background: #102d20;
	padding-top: 58px;
	padding-bottom: 40px;
	position: relative;
	text-align: center;
	font-size: 95%;
	color: rgba(255, 255, 255, 0.72);
}

.dev_info {
	display: block;
	font-size: 90%;
}

#colophon.site-footer .textwidget li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#colophon.site-footer .cat-item {
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer .widget-title,
.footer_widget_wrap .widget-title {
	color: #f4c542;
}

#footer .widget li,
.footer_widget_wrap .widget li {
	padding-left: 0px;
}

.footer_widget_wrap ul li .woocommerce-Price-amount {
	float: left;

}

.footer_widget_wrap {
	line-height: 22px;
	border-top: 1px solid rgba(244, 197, 66, 0.2);
	overflow: hidden;
}

.footer_widget_wrap ul li,
.footer_widget_wrap ul {
	padding: 0px;
	list-style: none;
}

.footer_widget_wrap ul.smart_attribute_as_widgets li {
	padding-bottom: 3px;
}

.footer_widget_wrap ul li {
	padding-bottom: 15px;
	clear: both;
}

li.be_lasted_posted .posts_date {
	display: block;
	font-size: 11px;
	font-style: italic;
}

.site-footer ul.smart_attribute_as_widgets li {
	width: 44%;
}

.site-footer ul.smart_attribute_as_widgets li a {
	border: 1px solid #eeeeee;
}

.site-footer ul.smart_attribute_as_widgets li a:hover,
.site-footer ul.smart_attribute_as_widgets li a:focus {
	border: 1px solid var(--tertiary-color);
}

#colophon.site-footer .row.emart-flex {
	margin-left: -40px;
	margin-right: -40px;
}

#colophon.site-footer .widget {
	padding: 40px;
	padding-top: 80px;
	padding-bottom: 80px;
}

#colophon .yikes-easy-mc-form {
	position: relative;
}

#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	display: block;
	width: auto;
	margin-top: 0em;
	min-height: inherit;
	padding: 0px;
	position: absolute;
	right: -5px;
	bottom: 15px;
	overflow: hidden;
	width: 60px;
	background: none;
	border: none;
	outline: none;
}

#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button span {
	text-indent: -6000px;
}

#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button:after {
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f6c0";
	right: 0px;
	color: var(--secondary-color);
	bottom: 10px;
}

#colophon.site-footer .widget ul.social-links,
#secondary .widget ul.social-links {
	display: block;
	padding: 0px;
	margin: 5px -5px;
}

#colophon.site-footer .widget ul.social-links li,
#secondary .widget ul.social-links li {
	display: inline-block;
	margin: 4px;
}

#colophon.site-footer ul.social-links li a,
#secondary .widget ul.social-links li a {
	display: block;
	background: rgba(244, 197, 66, 0.12);
	color: #f4c542;
	border: 1px solid rgba(244, 197, 66, 0.3);
	border-radius: 2px;
	width: 20px;
	width: 35px;
	height: 36px;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
}

#colophon.site-footer ul.social-links li a:hover,
#colophon.site-footer ul.social-links li a:focus {
	background: #f4c542;
	color: #184f36;
	border-color: #f4c542;
}

#colophon.site-footer ul.social-links li a i {
	display: block;
	line-height: 36px;
}

.site-info-widget .branding-logo {
	margin-bottom: 20px;
}

.site-info-widget .branding-text {
	padding-bottom: 20px;
}

#colophon.site-footer .contact-info-list,
.site-info-widget ul.contact-info-list {
	margin: 0px;
	padding: 0px;
}

#colophon.site-footer .contact-info-list li,
.site-info-widget ul.contact-info-list li {
	padding: 3px 0;
}

#colophon.site-footer .contact-info-list li i,
.site-info-widget ul.contact-info-list li i {
	margin-right: 10px;
}

#footer .widget.widget_products li {
	padding: 15px 0px !important;
	line-height: 1.7;
}

/*===========================================================================
===========================================================================
Back to top button End 
===========================================================================
===========================================================================*/
a.ui-to-top {
	background: #fff;
	box-shadow: 0 20px 30px 0 rgba(17, 31, 98, .08);
	border-radius: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	height: 55px;
	width: 55px;
	z-index: 5;
	left: 50%;
	top: -25px;
	transform: translateX(-50%) !important;
	cursor: pointer;
	transition: all .3s ease-in-out;
	font-size: 30px;
	overflow: hidden;
	background: #262728;
	color: var(--quaternary-color);
	border: solid 1px rgba(255, 255, 255, .15);
}

a.ui-to-top:hover,
a.ui-to-top:focus {
	color: var(--quaternary-color);
	background: var(--secondary-color);
}

a.ui-to-top.active {

	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;

}

/**--------------------------------------------------------------
	# 404 page
--------------------------------------------------------------*/
body.error404 #content.site-content {
	padding: 40px 0 70px;
}

body.error404 #nav-wrap {
	position: static;
	padding-top: 0;
	padding-bottom: 0;
	background: #1F6F4A;
	box-shadow: 0 10px 24px rgba(31, 111, 74, 0.16);
}

body.error404 #nav-wrap #navbar>ul>li>a,
body.error404 #nav-wrap ul.header-icon a,
body.error404 #nav-wrap ul.header-icon {
	color: #fff;
}

body.error404 #nav-wrap #navbar>ul>li:hover>a,
body.error404 #nav-wrap #navbar>ul>li>a:focus,
body.error404 #nav-wrap #navbar>ul>li.current>a,
body.error404 #nav-wrap #navbar>ul>li.current_page_item>a,
body.error404 #nav-wrap #navbar>ul>li.current-menu-item>a,
body.error404 #nav-wrap #navbar>ul>li.current-menu-parent>a,
body.error404 #nav-wrap #navbar>ul>li.current-menu-ancestor>a,
body.error404 #nav-wrap #navbar>ul>li.focus>a {
	color: #fff;
}

body.error404 #nav-wrap ul.header-icon li.search {
	border-right-color: rgba(255, 255, 255, 0.35);
}

body.emart-contact-nav-match #nav-wrap {
	position: static;
	padding-top: 0;
	padding-bottom: 0;
	background: #1F6F4A;
	box-shadow: 0 10px 24px rgba(31, 111, 74, 0.16);
}

body.emart-contact-nav-match #nav-wrap #navbar>ul>li>a,
body.emart-contact-nav-match #nav-wrap ul.header-icon a,
body.emart-contact-nav-match #nav-wrap ul.header-icon {
	color: #fff;
}

body.emart-contact-nav-match #nav-wrap #navbar>ul>li:hover>a,
body.emart-contact-nav-match #nav-wrap #navbar>ul>li>a:focus,
body.emart-contact-nav-match #nav-wrap #navbar>ul>li.current>a,
body.emart-contact-nav-match #nav-wrap #navbar>ul>li.current_page_item>a,
body.emart-contact-nav-match #nav-wrap #navbar>ul>li.current-menu-item>a,
body.emart-contact-nav-match #nav-wrap #navbar>ul>li.current-menu-parent>a,
body.emart-contact-nav-match #nav-wrap #navbar>ul>li.current-menu-ancestor>a,
body.emart-contact-nav-match #nav-wrap #navbar>ul>li.focus>a {
	color: #fff;
}

body.emart-contact-nav-match #nav-wrap ul.header-icon li.search {
	border-right-color: rgba(255, 255, 255, 0.35);
}

body.emart-menu-nav-match #nav-wrap {
	position: static;
	padding-top: 0;
	padding-bottom: 0;
	background: #1F6F4A;
	box-shadow: 0 10px 24px rgba(31, 111, 74, 0.16);
}

body.emart-menu-nav-match #nav-wrap #navbar>ul>li>a,
body.emart-menu-nav-match #nav-wrap ul.header-icon a,
body.emart-menu-nav-match #nav-wrap ul.header-icon {
	color: #fff;
}

body.emart-menu-nav-match #nav-wrap #navbar>ul>li:hover>a,
body.emart-menu-nav-match #nav-wrap #navbar>ul>li>a:focus,
body.emart-menu-nav-match #nav-wrap #navbar>ul>li.current>a,
body.emart-menu-nav-match #nav-wrap #navbar>ul>li.current_page_item>a,
body.emart-menu-nav-match #nav-wrap #navbar>ul>li.current-menu-item>a,
body.emart-menu-nav-match #nav-wrap #navbar>ul>li.current-menu-parent>a,
body.emart-menu-nav-match #nav-wrap #navbar>ul>li.current-menu-ancestor>a,
body.emart-menu-nav-match #nav-wrap #navbar>ul>li.focus>a {
	color: #fff;
}

body.emart-menu-nav-match #nav-wrap ul.header-icon li.search {
	border-right-color: rgba(255, 255, 255, 0.35);
}

.error-404 {
	padding: 0 16px;
}

.banhmi-404-shell {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at top left, rgba(244, 197, 66, 0.26), transparent 28%),
		radial-gradient(circle at bottom right, rgba(235, 140, 47, 0.16), transparent 26%),
		linear-gradient(180deg, #fffdf3 0%, #f1faf5 100%);
	border-radius: 32px;
	padding: 44px;
	border: 1px solid rgba(31, 111, 74, 0.1);
	box-shadow: 0 28px 80px rgba(18, 57, 39, 0.1);
}

.banhmi-404-shell:before,
.banhmi-404-shell:after {
	content: "";
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
}

.banhmi-404-shell:before {
	width: 240px;
	height: 240px;
	top: -90px;
	right: -70px;
	background: rgba(31, 111, 74, 0.1);
}

.banhmi-404-shell:after {
	width: 180px;
	height: 180px;
	left: -60px;
	bottom: -70px;
	background: rgba(244, 197, 66, 0.18);
}

.banhmi-404-badge {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(244, 197, 66, 0.24) 0%, rgba(235, 140, 47, 0.18) 100%);
	color: #185d3d;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 24px;
}

.banhmi-404-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	justify-items: center;
	text-align: center;
}

.banhmi-404-copy {
	max-width: 720px;
	margin: 0 auto;
}

.banhmi-404-copy h1 {
	font-size: clamp(2.4rem, 5vw, 4.25rem);
	line-height: 1.02;
	margin-bottom: 18px;
	color: #123927;
}

.banhmi-404-code {
	display: block;
	font-family: var(--heading-font);
	font-size: clamp(4rem, 12vw, 7rem);
	line-height: 1;
	color: #eb8c2f;
	margin-bottom: 8px;
}

.banhmi-404-copy p {
	max-width: 720px;
	font-size: 1.06rem;
	line-height: 1.85;
	color: #4d685d;
	margin-bottom: 22px;
	margin-left: auto;
	margin-right: auto;
}

.banhmi-404-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: center;
}

.banhmi-404-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 22px;
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	transition: transform 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease;
}

.banhmi-404-btn:hover,
.banhmi-404-btn:focus {
	transform: translateY(-2px);
}

.banhmi-404-btn-primary {
	background: #1F6F4A;
	border: 2px solid #f4c542;
	color: #fff;
	box-shadow: 0 14px 30px rgba(31, 111, 74, 0.18);
}

.banhmi-404-btn-primary:hover,
.banhmi-404-btn-primary:focus {
	background: #185d3d;
	color: #fff;
}

.banhmi-404-btn-secondary {
	background: rgba(235, 140, 47, 0.12);
	border: 2px solid rgba(235, 140, 47, 0.4);
	color: #185d3d;
}

.banhmi-404-btn-secondary:hover,
.banhmi-404-btn-secondary:focus {
	background: #eb8c2f;
	border-color: #eb8c2f;
	color: #fff;
}

.banhmi-404-panel {
	position: relative;
}

.banhmi-404-card {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 26px;
	padding: 30px;
	border: 1px solid rgba(31, 111, 74, 0.1);
	box-shadow: 0 22px 48px rgba(18, 57, 39, 0.08);
}

.banhmi-404-icon {
	width: 62px;
	height: 62px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	background: linear-gradient(135deg, #1F6F4A 0%, #2E8B57 100%);
	color: #f4c542;
	font-size: 1.55rem;
	margin-bottom: 18px;
	box-shadow: 0 16px 28px rgba(31, 111, 74, 0.2);
}

.banhmi-404-card h3 {
	margin-bottom: 14px;
	font-size: 1.45rem;
	color: #123927;
}

.banhmi-404-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 12px;
}

.banhmi-404-links li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px;
	border-radius: 16px;
	background: rgba(31, 111, 74, 0.06);
	color: #185d3d;
	font-weight: 600;
	text-decoration: none;
}

.banhmi-404-links li a:hover,
.banhmi-404-links li a:focus {
	background: rgba(244, 197, 66, 0.24);
	color: #185d3d;
}

@media only screen and (max-width: 991px) {
	body.error404 #content.site-content {
		padding: 24px 0 50px;
	}

	.banhmi-404-shell {
		padding: 32px 24px;
	}

	.banhmi-404-grid {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 640px) {
	.banhmi-404-shell {
		padding: 24px 18px;
		border-radius: 24px;
	}
}

#instagram_widgets {
	position: relative;
}

#instagram_widgets .photo-feed-actions {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	z-index: 9999;
	transform: translateY(-40px);
}

.photo-feed-items .ig-item a {
	border-radius: 50%;
	margin: 5px;
}

.elementor-editor-active .emart-carousel,
.elementor-editor-active .fs-product-slider {
	background: #DDE1E5;
	height: 20px;
	overflow: hidden;
}

.audio-center {
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 99;
	top: 50%;
}

.audio-center audio,
.img-box audio {
	width: 100%;
}

#secondary .widget li.emart_cat {
	padding: 0px !important;
}

.woo-sidebar-cat li.emart_cat.product_count_yes a:after {
	display: none;
}

.woo-sidebar-cat li.emart_cat .product-count {
	position: absolute;
	font-size: 16px;
	line-height: 30px;
	z-index: 99;
	right: 14px;
	top: 50%;
	transform: translateY(-15px);
}

.woo-sidebar-cat li.emart_cat img {
	width: 20%;
	margin-right: 15px;
}

.emart-call-to-action .desc {
	display: block;
	padding-bottom: 30px;
}

.gs-tooltip {
	display: none;
	position: absolute;
	background-color: #161616;
	border-radius: 5px;
	padding: 10px 12px;
	line-height: 1;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 9999;
	display: block;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: calc(100% + 15px);
}

.gs-tooltip:before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
	content: " ";
	border-right: 8px solid transparent;
	border-top: 8px solid #161616;
	border-left: 8px solid transparent;
}

/*--------------------------------------------------------------
	search modal
--------------------------------------------------------------*/
.search-bar-modal,
.emart-myacount-bar-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	-webkit-transition: opacity .3s ease, visibility .3s ease;
	transition: opacity .3s ease, visibility .3s ease;
	display: none;
	opacity: 0;
	visibility: visible;
	background: rgba(0, 0, 0, 0.1);
}

.emart-sticky-contact {
	position: fixed;
	right: 24px;
	bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	z-index: 10000;
	align-items: center;
}

.emart-sticky-contact-item {
	width: 39px;
	height: 39px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #294124;
	border: 1px solid rgba(244, 197, 66, 0.28);
	color: #fff;
	box-shadow: 0 16px 28px rgba(18, 57, 39, 0.18);
	transition: transform 0.24s ease, background-color 0.24s ease, color 0.24s ease, box-shadow 0.24s ease, opacity 0.24s ease;
	text-decoration: none;
}

.emart-sticky-contact-item:hover,
.emart-sticky-contact-item:focus {
	transform: translateY(-2px);
	background: #FAA61C;
	color: #294124;
	box-shadow: 0 18px 32px rgba(250, 166, 28, 0.22);
}

.emart-sticky-contact-item i {
	font-size: 16px;
	line-height: 1;
}

.emart-sticky-contact-top {
	opacity: 0;
	pointer-events: none;
	transform: translateY(10px);
}

.emart-sticky-contact-top.active {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

@media only screen and (max-width: 640px) {
	.emart-sticky-contact {
		right: 16px;
		bottom: 16px;
		gap: 8px;
	}

	.emart-sticky-contact-item {
		width: 35px;
		height: 35px;
		border-radius: 11px;
	}

	.emart-sticky-contact-item i {
		font-size: 15px;
	}
}

.search-bar-modal-inner,
.emart-myacount-modal-inner {
	position: fixed;
	max-width: 550px;
	top: 30%;
	left: 50%;
	background: #fff;
	padding: 30px;
	z-index: 9999;
	text-align: center;
	box-shadow: 0 16px 55px -20px #cbdade;
	-webkit-box-shadow: 0 16px 55px -20px #cbdade;
	-moz-box-shadow: 0 16px 55px -20px #cbdade;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

.search-bar-modal-inner label {
	display: block;
}

.search-bar-modal-inner form.search-form {
	position: relative;
}

.search-bar-modal-inner form.search-form input[type="search"] {
	margin-bottom: 0px;
}

.search-bar-modal-inner form.search-form .search-submit {
	position: absolute;
	right: 0px;
	top: 0px;
}

.search-bar-modal-inner form.search-form input[type="search"] {
	min-height: 44px;
}

.search-bar-modal.active,
.emart-myacount-bar-modal.active {
	display: block;
	opacity: 1;
	visibility: visible;
}

.emart-myacount-modal-inner {
	top: 50%;
}

button.appw-modal-close-button {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 0px;
	font-size: 25px;
	position: absolute;
	right: -10px;
	top: -10px;
}

.emart-myacount-modal-inner button.appw-modal-close-button:hover,
.emart-myacount-modal-inner button.appw-modal-close-button:focus {
	background: #fff;
}

.emart-myacount-modal-inner .woocommerce-button {
	margin-top: 20px;
}

div.entry-footer {
	clear: both;
	padding-top: 50px;
}

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

	#top-bar-wrap .d-flex.align-items-center {
		flex-direction: column !important;
	}

	#top-bar-wrap .info {
		width: 100%;
		padding-right: 0px;
		text-align: center;
	}

	#top-bar-wrap ul.info:before,
	#top-bar-wrap ul.info:after {
		width: auto;
		left: -600px;
		right: -600px;
	}

	#top-bar-wrap .ms-auto {
		margin: 10px auto !important;
	}

	#static_header_banner h1.page-title-text {
		font-size: 2em;
	}

	#colophon.site-footer .widget {
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

#commentform [class^="col-"] {
	position: relative;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
	margin-bottom: 20px !important;
}

#commentform [class^="col-"] span.required {
	position: absolute;
	right: 20px;
	top: 10px;
}

#commentform input[type=checkbox],
input[type=radio] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

.comment-form-cookies-consent {
	display: flex;
	margin-bottom: 30px;
}

#commentform input[type=checkbox]:before,
input[type=radio]:before {
	opacity: 0;
}

#commentform label {
	line-height: 15px;
	margin-bottom: 0;
	padding-top: 6px;
}

/*--------------------------------------------------------------
	# COMMENT
--------------------------------------------------------------*/
h4.comments-title {
	padding-bottom: 30px;
}

ul.comment-list {
	display: block;
	margin: 0px;
	padding: 0px;
}

ul.comment-list li {
	margin: 0px;
	list-style: none;
	clear: both;
}

ul.comment-list li ul {
	margin-left: 20px;
}

.comment-meta .single-comment img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.comment-meta .single-comment .comment {
	width: calc(100% - 80px);
	padding-left: 20px;
	position: relative;
}

.comment-meta .single-comment .comment h6 {
	margin-bottom: 0px !important;
}

.comment-meta .single-comment .comment h6 a {
	text-transform: uppercase;
	color: #313131;
	margin: 10px 0 8px 0;
}

.comment-meta .single-comment .comment .date {
	text-transform: uppercase;
	font-size: 12px;
}

.comment-meta .single-comment .comment-text {
	margin-top: 10px;
}

.comment-meta .single-comment {
	padding-bottom: 20px;
	margin-bottom: 30px;
	position: relative;
	display: flex;
}

.comment-meta .ellipse-left {
	position: relative;
}

.comment-meta .single-comment.reply-comment {
	margin-left: 50px;
}

.comment-meta .single-comment:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

.comment-meta .single-comment .comment .reply {
	position: absolute;
	top: 0;
	right: 0;
}

.comment-meta .single-comment .comment .reply a {
	text-transform: uppercase;
	line-height: 24px;
	padding: 0 12px;
	background: #f7f7f7;
	font-size: 12px;
	color: #777;
	transition: all 0.3s ease-in-out;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.comment-meta .single-comment .comment .reply a:hover,
.comment-meta .single-comment .comment .reply a:focus {
	background: var(--secondary-color);
	color: var(--quaternary-color);
}

.elementor-column-gap-extended .elementor-column {
	padding: 10px;
}

#hide-hero {
	display: block;
	height: 60px;
}

.pagination-custom,
.nav-links {
	text-align: center;
	display: block;
	width: 100%;
}

.pagination-custom .navigation ul {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.pagination-custom .navigation ul.page-numbers li {
	border: none;
	display: inline-block;
	vertical-align: top;
	float: none;
}

.pagination-custom .navigation ul.page-numbers li a,
.pagination-custom .navigation ul.page-numbers li span {
	padding: 10px 13px;
	min-width: 50px;
	display: block;
	font-size: 16px;
	color: var(--secondary-color);
	border: solid 1px var(--secondary-color);
	text-align: center;
	line-height: 24px;
	-webkit-border-radius: 0;
	border-radius: 0;
	float: none;
	text-decoration: none;
}

.pagination-custom .navigation ul.page-numbers li a:hover,
.pagination-custom .navigation ul.page-numbers li a:focus {
	background: var(--secondary-color);
	color: #fff;
}

.pagination-custom .navigation ul.page-numbers li span {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.widget .widget-title,
#footer.site-footer .widget-title,
.related.products h2,
.upsells.products h2,
.cross-sells h2,
#secondary .wp-block-group__inner-container h2,
.related_post_heading {
	font-family: var(--heading-font);
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.65rem;
}

#footer .widget-title,
#footer h3.widget-title span {
	color: #f4c542 !important;
}

body.single .entry-title {
	margin-top: 0px;
}

.content-wrap a {
	text-decoration: underline;
}

.content-wrap a:hover,
.content-wrap a:focus,
.content-wrap .more-link a.link-btn {
	text-decoration: none;
}

/*.u-column1.col-1,
.u-column2.col-2,
#customer_login .col-1,
#customer_login .col-2{
	max-width: 50%!important;
	float: left!important;
}*/
/*------------------ Patterns---------------------*/
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	min-height: 30px !important;
}

.emart-block-categoires .wp-block-group__inner-container {
	padding: 15px 5px 5px 5px;
}

.emart-block-categoires .wp-block-group__inner-container p {
	margin-bottom: 10px
}

.emart-block-new-arrivals {
	padding-top: 30px;
}

.emart-block-new-arrivals>.wp-block-column {
	background: var(--secondary-alpha);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	color: #000;
}

.emart-block-new-arrivals>.wp-block-column:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--secondary-color);
	border-radius: 12px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	z-index: -1;
}

.emart-block-new-arrivals>.wp-block-column:hover:before {
	-webkit-transform: rotate(2.8deg);
	-ms-transform: rotate(2.8deg);
	transform: rotate(2.8deg);
}

.emart-block-new-arrivals .wp-block-image {
	display: block;
	overflow: hidden;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	z-index: 1;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.emart-block-new-arrivals .wp-block-image img {
	width: 100% !important;
	height: auto;
}

.emart-block-new-arrivals .wp-block-columns-is-layout-flex {
	position: relative;
	z-index: 9;
	padding: 0px 20px 0px 20px;
	text-align: center;
}

.emart-block-new-arrivals .wp-block-columns-is-layout-flex p {
	margin-bottom: 10px;
}

.emart-block-new-arrivals .wp-block-columns-is-layout-flex p a {
	font-size: 14px;
}

.emart-block-new-arrivals h5 {
	font-weight: normal;
}

.emart-block-new-arrivals .wp-block-buttons>.wp-block-button {
	display: block;
	width: 100%;
	padding-top: 20px;
}

.emart-block-new-arrivals .wp-element-button {
	text-decoration: none;
}

.banhmi-story-grid {
	padding: 30px 0 20px 0;
}

.banhmi-story-row {
	align-items: flex-start;
	margin-bottom: 48px;
}

.banhmi-story-row:last-child {
	margin-bottom: 0;
}

.banhmi-story-card {
	background: #fff;
	padding: 28px;
	border-radius: 18px;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.05);
	height: 100%;
}

.banhmi-story-card .wp-block-heading {
	margin-bottom: 16px;
}

.banhmi-story-row:first-child .banhmi-story-card p {
	font-size: 20px;
	line-height: 1.65;
}

.banhmi-story-row:first-child .banhmi-story-card-column {
	-ms-flex-preferred-size: 48% !important;
	flex-basis: 48% !important;
}

.banhmi-story-row:first-child .banhmi-story-spacer {
	display: block;
	-ms-flex-preferred-size: 40% !important;
	flex-basis: 40% !important;
}

.banhmi-story-row:first-child {
	align-items: center;
	justify-content: space-between;
}

.banhmi-story-row:first-child .banhmi-story-card {
	background: transparent;
	box-shadow: none;
	border: 0;
	max-width: 520px;
}

.banhmi-story-card-secondary {
	background: transparent;
	box-shadow: none;
	border: 0;
}

.banhmi-story-row-reverse {
	justify-content: center;
}

.banhmi-story-row-reverse .banhmi-story-spacer {
	display: none;
}

.banhmi-story-row-reverse .banhmi-story-card-column {
	-ms-flex-preferred-size: 100% !important;
	flex-basis: 100% !important;
	display: flex;
	justify-content: center;
}

.banhmi-story-row-reverse .banhmi-story-card {
	max-width: 874px;
	text-align: center;
}

.banhmi-story-row-reverse .banhmi-story-card p {
	font-size: 20px;
	line-height: 1.65;
}

.banhmi-story-row:first-child .banhmi-story-card-column {
	display: flex;
	justify-content: flex-start;
}

.banhmi-pho-cluster {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 20px 12px 20px 12px;
	max-width: 270px;
	min-height: 760px;
}

.banhmi-pho-cluster:before {
	content: "";
	position: absolute;
	inset: 32px 14px 32px 14px;
	border-radius: 34px;
	background: transparent;
	filter: none;
	z-index: 0;
}

.banhmi-pho-item {
	position: relative;
	width: min(161px, 54%);
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	border: 0;
	opacity: 0;
	transform: translate3d(48px, 0, 0) scale(0.92);
	transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.55s ease;
	z-index: 1;
}

.banhmi-pho-item.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}


.banhmi-pho-item:nth-child(odd) {
	align-self: flex-start;
	margin-right: auto;
	transform: translate3d(-48px, 0, 0) scale(0.92);


}

.banhmi-pho-item:nth-child(even) {
	align-self: flex-end;
	margin-left: auto;
}

.banhmi-pho-item img {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.08));
}

.banhmi-story-card p:last-child {
	margin-bottom: 0;
}

.banhmi-story-image {
	margin-top: 24px;
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.banhmi-story-image img,
.banhmi-center-image img,
.banhmi-promo-grid .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

.banhmi-story-row-feature,
.banhmi-story-row-split {
	align-items: center;
	justify-content: space-between;
	gap: 36px;
}

.banhmi-story-row-feature .banhmi-story-card-column,
.banhmi-story-row-split .banhmi-story-card-column,
.banhmi-story-row-feature .banhmi-story-media-column,
.banhmi-story-row-split .banhmi-story-media-column {
	display: flex;
	justify-content: center;
}

.banhmi-story-row-feature .banhmi-story-card,
.banhmi-story-row-split .banhmi-story-card {
	max-width: 560px;
	background: transparent;
	box-shadow: none;
	border: 0;
	padding: 0;
}

.banhmi-story-row-feature .banhmi-story-card p,
.banhmi-story-row-split .banhmi-story-card p {
	font-size: 20px;
	line-height: 1.7;
	margin-bottom: 0;
}

.banhmi-story-row-split .banhmi-story-card {
	text-align: left;
}

.banhmi-story-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 28px;
	justify-content: flex-start;
}

.banhmi-story-actions .wp-block-button {
	margin: 0;
}

.banhmi-action-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 22px;
	border-radius: 8px;
	border: 2px solid transparent;
	font-family: var(--nav-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	text-decoration: none;
	box-shadow: 0 14px 26px rgba(19, 58, 40, 0.12);
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.banhmi-action-button .wp-block-button__link:hover,
.banhmi-action-button .wp-block-button__link:focus {
	transform: translateY(-2px);
}

.banhmi-action-button-learn .wp-block-button__link {
	background: #eb9f1d;
	border-color: #eb9f1d;
	color: #384823;
}

.banhmi-action-button-learn .wp-block-button__link:hover,
.banhmi-action-button-learn .wp-block-button__link:focus {
	background: #384823;
	border-color: #384823;
	color: #eb9f1d;
}

.banhmi-action-button-menu .wp-block-button__link {
	background: #294124;
	border-color: #294124;
	color: #fffdf2;
}

.banhmi-action-button-menu .wp-block-button__link:hover,
.banhmi-action-button-menu .wp-block-button__link:focus {
	background: #FAA61C;
	border-color: #FAA61C;
	color: #384823;
}

.banhmi-action-button-order .wp-block-button__link {
	background: #FAA61C;
	border-color: #FAA61C;
	color: #0f4a30;
}

.banhmi-action-button-order .wp-block-button__link:hover,
.banhmi-action-button-order .wp-block-button__link:focus {
	background: #294124;
	border-color: #294124;
	color: #FAA61C;
}

.banhmi-story-zigzag {
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: auto;
	max-width: none;
}

.banhmi-story-zigzag-item {
	margin: 0;
	width: 25%;
	max-width: 25%;
	border-radius: 0;
	overflow: visible;
	box-shadow: none;
	border: 0;
	background: transparent;
	opacity: 1;
	transform: translateX(var(--banhmi-zigzag-shift, 0px)) translateY(0);
	transition: none;
}

.banhmi-story-zigzag-item img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.banhmi-story-zigzag-item:nth-child(odd) {
	align-self: flex-start;
	margin-right: auto;
}

.banhmi-story-zigzag-item:nth-child(even) {
	align-self: flex-end;
	margin-left: auto;
	margin-right: 0;
}

.banhmi-story-zigzag-item.is-visible {
	opacity: 1;
	transform: translateX(var(--banhmi-zigzag-shift, 0px)) translateY(0);
}

.banhmi-center-image-section {
	padding: 10px 0 30px 0;
}

.banhmi-center-image-copy {
	max-width: 840px;
	margin: 0 auto 24px;
	text-align: center;
	padding: 0;
}

.banhmi-center-image-copy p {
	margin: 0;
	font-size: 20px;
	line-height: 1.7;
}

.banhmi-center-image {
	max-width: 608px;
	margin: 36px auto 0;
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.1);
}

.banhmi-center-image-actions {
	justify-content: center;
	margin-top: 40px;
}

.banhmi-center-image-actions .banhmi-action-button-order .wp-block-button__link {
	padding: 10px 18px;
	font-size: 14px;
	background: #294124;
	border-color: #294124;
	color: rgba(255, 255, 255, 0.82);
	box-shadow: 0 10px 20px rgba(19, 58, 40, 0.12);
}

.banhmi-center-image-actions .banhmi-action-button-order .wp-block-button__link:hover,
.banhmi-center-image-actions .banhmi-action-button-order .wp-block-button__link:focus {
	background: #1f351c;
	border-color: #1f351c;
	color: rgba(255, 255, 255, 0.96);
}

.banhmi-promo-section {
	padding: 20px 0 10px 0;
}

.banhmi-promo-copy {
	margin-bottom: 24px;
}

.banhmi-promo-copy p {
	font-size: 20px;
	line-height: 1.65;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}

.banhmi-promo-grid>.wp-block-column {
	background: var(--secondary-alpha);
	border-radius: 8px;
	position: relative;
	padding: 10px;
	color: #000;
}

.banhmi-promo-grid>.wp-block-column:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--secondary-color);
	border-radius: 12px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	z-index: -1;
}

.banhmi-promo-grid>.wp-block-column:hover:before {
	-webkit-transform: rotate(2.8deg);
	-ms-transform: rotate(2.8deg);
	transform: rotate(2.8deg);
}

.banhmi-promo-grid .wp-block-image {
	overflow: hidden;
	border-radius: 10px;
	margin: 0;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

.unu-story-page {
	max-width: 1040px;
	margin: 0 auto;
	padding: 26px 18px 40px;
}

.unu-story-copy {
	max-width: 900px;
	margin: 0 auto 28px;
	text-align: center;
}

.unu-story-copy p {
	font-size: 20px;
	line-height: 1.75;
	margin-bottom: 20px;
	text-align: center;
	text-wrap: pretty;
}

.unu-nowrap {
	white-space: nowrap;
	color: var(--accent-yellow);
	font-family: 'Dancing Script', var(--heading-font), cursive;
	font-weight: 700;
	font-variation-settings: 'wght' 700;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.unu-story-image {
	margin: 28px auto 34px;
	max-width: 704px;
	overflow: hidden;
	border-radius: 26px;
	box-shadow: 0 22px 48px rgba(19, 58, 40, 0.14);
}

.unu-story-image img {
	display: block;
	width: 100%;
	height: auto;
}

.unu-story-image-secondary {
	max-width: 608px;
}

.unu-story-slogan {
	max-width: 760px;
	margin: 30px auto 10px;
	padding: 22px 28px;
	text-align: center;
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(31, 111, 74, 0.96), rgba(19, 79, 54, 0.96));
	box-shadow: 0 18px 34px rgba(19, 58, 40, 0.18);
	border: 1px solid rgba(244, 197, 66, 0.34);
}

.unu-story-slogan p {
	margin: 0;
	font-family: var(--heading-font);
	font-size: 30px;
	line-height: 1.3;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #fff7db;
	text-wrap: balance;
}

.homepage-hero-slogan-wrap {
	padding: 26px 0 0;
}

.homepage-hero-slogan-wrap,
.banhmi-story-grid-feature-block,
.banhmi-story-grid-split-block,
.banhmi-center-image-section,
.banhmi-promo-section {
	margin-bottom: 60px;
}

.homepage-hero-slogan {
	margin-top: 0;
	margin-bottom: 0;
	opacity: 0;
	transform: translateY(34px);
	animation: homeHeroSloganSlideUp 0.9s ease-out 0.2s forwards;
}

@keyframes homeHeroSloganSlideUp {
	0% {
		opacity: 0;
		transform: translateY(34px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.banhmi-story-row,
.banhmi-center-image-section,
.banhmi-promo-section {
	opacity: 1;
	transform: none;
	transition: none;
}

@media screen and (max-width: 781px) {
	.unu-story-page {
		padding: 18px 14px 28px;
	}

	.homepage-hero-slogan-wrap,
	.banhmi-story-grid-feature-block,
	.banhmi-story-grid-split-block,
	.banhmi-center-image-section,
	.banhmi-promo-section {
		margin-bottom: 28px;
	}

	.unu-story-copy p {
		font-size: 18px;
		line-height: 1.7;
	}

	.unu-story-image {
		margin: 22px auto 24px;
		border-radius: 18px;
	}

	.unu-story-slogan {
		padding: 18px 18px;
		border-radius: 18px;
	}

	.unu-story-slogan p {
		font-size: 24px;
	}

	.banhmi-story-grid {
		padding-top: 10px;
	}

	.banhmi-story-row {
		justify-content: center;
		margin-bottom: 30px;
	}

	.banhmi-story-row:first-child,
	.banhmi-story-row-reverse {
		gap: 18px;
	}

	.banhmi-story-row:first-child .banhmi-story-card-column,
	.banhmi-story-row:first-child .banhmi-story-spacer,
	.banhmi-story-row-reverse .banhmi-story-card-column {
		flex-basis: 100% !important;
		max-width: 100%;
	}

	.banhmi-story-spacer {
		display: none;
	}

	.banhmi-story-card {
		padding: 22px;
	}

	.banhmi-story-row-feature,
	.banhmi-story-row-split {
		gap: 20px;
	}

	.banhmi-story-row-feature .banhmi-story-card,
	.banhmi-story-row-split .banhmi-story-card {
		padding: 0;
	}

	.banhmi-story-actions {
		margin-top: 22px;
		justify-content: flex-start;
	}

	.banhmi-action-button .wp-block-button__link {
		width: auto;
		padding: 12px 18px;
		font-size: 15px;
	}

	.banhmi-story-zigzag {
		max-width: 100%;
	}

	.banhmi-story-zigzag>.wp-block-group__inner-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 14px 12px;
		width: 100%;
		max-width: none;
	}

	.banhmi-story-zigzag-item {
		flex: 0 1 calc(50% - 8px);
		width: calc(50% - 8px);
		max-width: 138px;
		margin: 0;
	}

	.banhmi-story-zigzag-item:nth-child(odd) {
		--banhmi-zigzag-shift: 0px;
		align-self: auto;
		margin-right: 0;
		margin-left: 0;
	}

	.banhmi-story-zigzag-item:nth-child(even) {
		--banhmi-zigzag-shift: 0px;
		align-self: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.banhmi-story-zigzag-item:nth-child(3n) {
		flex-basis: 100%;
		width: 100%;
		max-width: 154px;
	}

	.banhmi-story-row:first-child .banhmi-story-card,
	.banhmi-story-row-reverse .banhmi-story-card {
		max-width: 100%;
		text-align: left;
	}

	.banhmi-story-row:first-child .banhmi-story-card p,
	.banhmi-story-row-reverse .banhmi-story-card p,
	.banhmi-promo-copy p {
		font-size: 20px;
		line-height: 1.6;
	}

	.banhmi-pho-cluster {
		min-height: auto;
		max-width: 100%;
		padding: 10px 0 0 0;
		gap: 14px;
	}

	.banhmi-pho-cluster:before {
		inset: 16px 0 0 0;
	}

	.banhmi-pho-item,
	.banhmi-pho-item:nth-child(odd),
	.banhmi-pho-item:nth-child(even) {
		width: min(100%, 180px);
		align-self: center;
		margin-left: auto;
		margin-right: auto;
	}

	.banhmi-center-image {
		max-width: 100%;
	}

	.banhmi-center-image-section {
		padding: 0 0 24px 0;
	}

	.banhmi-center-image-copy {
		max-width: 100%;
		margin: 0 0 18px 0;
	}

	.banhmi-promo-copy {
		margin-bottom: 18px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.banhmi-promo-grid {
		gap: 16px;
	}

	.banhmi-promo-grid>.wp-block-column {
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 520px) {
	.unu-story-copy p {
		font-size: 17px;
		line-height: 1.65;
	}

	.banhmi-action-button .wp-block-button__link {
		font-size: 14px;
		padding: 11px 16px;
	}

	.banhmi-story-zigzag {
		max-width: 100%;
	}

	.banhmi-story-zigzag>.wp-block-group__inner-container {
		gap: 12px 10px;
	}

	.banhmi-story-zigzag-item {
		flex-basis: calc(50% - 6px);
		width: calc(50% - 6px);
		max-width: 112px;
		margin: 0;
	}

	.banhmi-story-zigzag-item:nth-child(3n) {
		flex-basis: 100%;
		width: 100%;
		max-width: 126px;
	}

	.unu-story-slogan p {
		font-size: 20px;
		line-height: 1.35;
	}

	.banhmi-story-card {
		padding: 14px;
	}

	.banhmi-story-row:first-child .banhmi-story-card p,
	.banhmi-story-row-reverse .banhmi-story-card p,
	.banhmi-promo-copy p {
		font-size: 18px;
		line-height: 1.55;
	}

	.banhmi-pho-item,
	.banhmi-pho-item:nth-child(odd),
	.banhmi-pho-item:nth-child(even) {
		width: min(100%, 150px);
	}
}

.icon-box-wrap .wp-block-column.item-box {
	position: relative;
	display: block;
	text-align: center;
	padding: 20px;
	background: #fff;
	border: 1px solid #f0f0f0;

	height: inherit;
	font-size: 14px;
}

.icon-box-wrap .wp-block-column.item-box .wp-block-heading {
	margin: 15px 0px 10px 0;
	color: #000;
	font-size: 18px;
}

.icon-box-wrap>.wp-block-column {
	position: relative;
	margin-bottom: 0px;
}

.shoper-promotional-content .wp-block-image.wp-image-1910 {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

#homepage-slider .col-sm-6,
#homepage-slider .col-md-4 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}

.shoper-promotional-content {
	margin-top: 40px;
}

.icon-box-wrap {
	margin-bottom: 40px;
}

.emart-contact-info {
	display: flex;
}

.emart-contact-info .d-flex {
	padding: 15px 0;
	padding-left: 0px;
	padding-left: 60px;
	font-weight: 400;
}

.emart-contact-info .d-flex strong {
	color: var(--tertiary-color);
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
}

.emart-contact-info .d-flex i {
	font-size: 30px;
	color: var(--secondary-color);
	margin-right: 15px;
}

@media only screen and (max-width: 640px) {
	.emart-contact-info {
		display: block;
	}

	.emart-contact-info .d-flex {
		padding-left: 0px;
	}
}

.emart-block-categoires .wp-block-group {
	padding-bottom: 30px;
}

.emart-block-categoires {
	margin-bottom: 30px;
}

.banhmi-contact-page {
	position: relative;
	overflow: hidden;
	background:
		url('../../uploads/2026/04/resize_sandwich.png') 6% 16% / 88px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 92% 18% / 78px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 14% 88% / 82px auto no-repeat,
		url('../../uploads/2026/04/resize_sandwich.png') 88% 84% / 74px auto no-repeat,
		radial-gradient(circle at top left, rgba(244, 197, 66, 0.24), transparent 32%),
		radial-gradient(circle at bottom right, rgba(235, 140, 47, 0.18), transparent 30%),
		linear-gradient(180deg, #fffdf4 0%, #f4fbf7 100%);
	border-radius: 28px;
	padding: 42px;
	box-shadow: 0 28px 80px rgba(18, 57, 39, 0.1);
	border: 1px solid rgba(31, 111, 74, 0.08);
}

.banhmi-contact-page:before,
.banhmi-contact-page:after {
	content: "";
	position: absolute;
	border-radius: 999px;
	background: rgba(244, 197, 66, 0.18);
	pointer-events: none;
}

.banhmi-contact-page:before {
	width: 220px;
	height: 220px;
	right: -70px;
	top: -80px;
}

.banhmi-contact-page:after {
	width: 180px;
	height: 180px;
	left: -70px;
	bottom: -80px;
	background: rgba(235, 140, 47, 0.16);
}

.banhmi-contact-hero {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-bottom: 26px;
}

.banhmi-contact-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(244, 197, 66, 0.26) 0%, rgba(235, 140, 47, 0.2) 100%);
	color: #185d3d;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.banhmi-contact-page h1 {
	font-size: clamp(2.3rem, 5vw, 4rem);
	line-height: 1.02;
	margin-bottom: 16px;
	color: #123927;
}

.banhmi-contact-intro {
	max-width: 680px;
	margin: 0 auto;
	font-size: 1.08rem;
	line-height: 1.8;
	color: #456257;
}

.banhmi-contact-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 26px;
	margin-bottom: 26px;
}

.banhmi-contact-card {
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(6px);
	border-radius: 24px;
	padding: 28px;
	border: 1px solid rgba(31, 111, 74, 0.1);
	box-shadow: 0 18px 44px rgba(18, 57, 39, 0.08);
	height: 100%;
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.banhmi-contact-card:hover,
.banhmi-contact-card:focus-within {
	transform: translateY(-4px);
	box-shadow: 0 24px 52px rgba(18, 57, 39, 0.12);
	border-color: rgba(235, 140, 47, 0.42);
}

.banhmi-contact-icon {
	width: 56px;
	height: 56px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	background: linear-gradient(135deg, #1F6F4A 0%, #2E8B57 100%);
	color: #f4c542;
	font-size: 1.5rem;
	margin-bottom: 18px;
	box-shadow: 0 14px 28px rgba(31, 111, 74, 0.24);
}

.banhmi-contact-card h3 {
	font-size: 1.4rem;
	margin-bottom: 10px;
	color: #123927;
}

.banhmi-contact-highlight {
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--accent-orange);
	margin-bottom: 10px;
	text-decoration: none;
}

.banhmi-contact-highlight:hover,
.banhmi-contact-highlight:focus {
	color: #1F6F4A;
}

.banhmi-contact-card p,
.banhmi-contact-card li {
	color: #4f665d;
	line-height: 1.75;
	margin-bottom: 0;
}

.banhmi-contact-hours {
	list-style: none;
	padding: 0;
	margin: 12px 0 0;
	display: grid;
	gap: 10px;
}

.banhmi-contact-hours li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 10px;
	border-bottom: 1px dashed rgba(235, 140, 47, 0.28);
}

.banhmi-contact-hours li strong {
	color: #1F6F4A;
}

.banhmi-contact-hours li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.banhmi-contact-note {
	position: relative;
	z-index: 1;
	margin-top: 8px;
	text-align: center;
	padding: 18px 22px;
	border-radius: 18px;
	background: linear-gradient(90deg, rgba(31, 111, 74, 0.1) 0%, rgba(244, 197, 66, 0.18) 55%, rgba(235, 140, 47, 0.14) 100%);
	color: #185d3d;
	font-weight: 500;
}

.banhmi-contact-actions {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin-top: 18px;
}

.banhmi-contact-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 13px 22px;
	border: 2px solid transparent;
	border-radius: 8px;
	font-family: var(--nav-font);
	font-size: 0.98rem;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 0 14px 26px rgba(19, 58, 40, 0.12);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.banhmi-contact-actions a,
.banhmi-contact-actions a:hover,
.banhmi-contact-actions a:focus,
.banhmi-contact-actions a:active {
	text-decoration: none;
}

.banhmi-contact-button:hover,
.banhmi-contact-button:focus {
	transform: translateY(-2px);
	text-decoration: none;
	box-shadow: 0 18px 30px rgba(19, 58, 40, 0.16);
}

.banhmi-contact-button-menu {
	background: #294124;
	border-color: #294124;
	color: #fffdf2;
}

.banhmi-contact-button-menu:hover,
.banhmi-contact-button-menu:focus {
	background: #faa61c;
	border-color: #faa61c;
	color: #384823;
}

.banhmi-contact-button-story {
	background: #faa61c;
	border-color: #faa61c;
	color: #0f4a30;
}

.banhmi-contact-button-story:hover,
.banhmi-contact-button-story:focus {
	background: #294124;
	border-color: #294124;
	color: #faa61c;
}

.banhmi-menu-page {
	padding: 36px 0 72px;
	background:
		radial-gradient(circle at top left, rgba(244, 197, 66, 0.18), transparent 24%),
		radial-gradient(circle at bottom right, rgba(235, 140, 47, 0.14), transparent 24%),
		linear-gradient(180deg, #fffdf4 0%, #f3fbf6 100%);
	font-family: 'Fraunces', serif;
}

.banhmi-menu-page h1,
.banhmi-menu-page h2,
.banhmi-menu-page h3,
.banhmi-menu-page .banhmi-menu-section-tag,
.banhmi-menu-page .banhmi-menu-special-label {
	font-family: 'Fraunces', serif;
}

.banhmi-menu-shell {
	position: relative;
	overflow: hidden;
	padding: 42px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.76);
	border: 1px solid rgba(31, 111, 74, 0.08);
	box-shadow: 0 28px 70px rgba(18, 57, 39, 0.09);
	backdrop-filter: blur(8px);
}

.banhmi-menu-shell:before,
.banhmi-menu-shell:after {
	content: "";
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
	background: rgba(244, 197, 66, 0.14);
}

.banhmi-menu-shell:before {
	width: 220px;
	height: 220px;
	top: -90px;
	right: -90px;
}

.banhmi-menu-shell:after {
	width: 180px;
	height: 180px;
	left: -70px;
	bottom: -70px;
	background: rgba(31, 111, 74, 0.08);
}

.banhmi-menu-hero {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 760px;
	margin: 0 auto 34px;
}

.banhmi-menu-kicker {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(244, 197, 66, 0.24) 0%, rgba(235, 140, 47, 0.18) 100%);
	color: #185d3d;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.banhmi-menu-page h1 {
	font-size: clamp(2.4rem, 5vw, 4.4rem);
	line-height: 1.02;
	margin-bottom: 16px;
	color: #123927;
}

.banhmi-menu-intro {
	max-width: 700px;
	margin: 0 auto;
	font-size: 1.06rem;
	line-height: 1.85;
	color: #4d685d;
}

.banhmi-menu-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.banhmi-menu-section {
	background: rgba(255, 255, 255, 0.88);
	border-radius: 24px;
	padding: 28px;
	border: 1px solid rgba(31, 111, 74, 0.1);
	box-shadow: 0 18px 44px rgba(18, 57, 39, 0.08);
	height: 100%;
}

.banhmi-menu-section-compact {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.banhmi-menu-section-header {
	margin-bottom: 20px;
}

.banhmi-menu-section-tag,
.banhmi-menu-special-label {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(31, 111, 74, 0.08);
	color: #1F6F4A;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.banhmi-menu-section h2 {
	font-size: 1.9rem;
	margin-bottom: 0;
	color: #123927;
	text-transform: none;
}

.banhmi-menu-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 14px;
}

.banhmi-menu-item {
	padding: 16px 0;
	border-bottom: 1px dashed rgba(31, 111, 74, 0.14);
}

.banhmi-menu-item:first-child {
	padding-top: 0;
}

.banhmi-menu-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.banhmi-menu-item-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 6px;
}

.banhmi-menu-item h3 {
	font-family: 'Fraunces', serif;
	font-size: 1.08rem;
	line-height: 1.45;
	margin: 0;
	color: #123927;
	font-weight: 700;
}

.banhmi-menu-item p,
.banhmi-menu-special p {
	margin: 0;
	line-height: 1.75;
	color: #577066;
}

.banhmi-menu-price {
	flex: 0 0 auto;
	font-family: 'Fraunces', serif;
	font-weight: 700;
	font-size: 1rem;
	color: #eb8c2f;
	white-space: nowrap;
}

.banhmi-menu-special {
	padding: 22px;
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(31, 111, 74, 0.95) 0%, rgba(24, 93, 61, 0.96) 100%);
	box-shadow: 0 20px 40px rgba(18, 57, 39, 0.16);
}

.banhmi-menu-special .banhmi-menu-special-label {
	background: rgba(244, 197, 66, 0.22);
	color: #f4c542;
}

.banhmi-menu-special .banhmi-menu-item-head h3,
.banhmi-menu-special p {
	color: #fff;
}

.banhmi-menu-special .banhmi-menu-price {
	color: #f4c542;
}

@media only screen and (max-width: 991px) {
	.banhmi-contact-page {
		padding: 32px 24px;
	}

	.banhmi-contact-grid {
		grid-template-columns: 1fr;
	}

	.banhmi-menu-shell {
		padding: 32px 24px;
	}

	.banhmi-menu-grid {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 640px) {
	.banhmi-contact-page {
		padding: 26px 18px;
		border-radius: 22px;
	}

	.banhmi-contact-hours li {
		flex-direction: column;
		gap: 2px;
	}

	.banhmi-menu-page {
		padding: 24px 0 52px;
	}

	.banhmi-menu-shell {
		padding: 24px 18px;
		border-radius: 22px;
	}

	.banhmi-menu-item-head {
		flex-direction: column;
		gap: 6px;
	}
}