/* Jivaka Pharma - header, menus and footer (loaded on every page).
   The header (template 2995), mega menu (12286) and footer (12176) are Elementor
   templates; this file only restyles them, their content is untouched. */

/* ================= Header ================= */

/* Announcement bar */
.elementor-2995 .elementor-element-d858e04 {
	background: linear-gradient(90deg, #1d4d38 0%, #2e6b4f 50%, #1d4d38 100%) !important;
}
.elementor-2995 .elementor-element-d858e04,
.elementor-2995 .elementor-element-d858e04 * {
	color: #fff !important;
	font-weight: 600;
	letter-spacing: .02em;
}

/* Search box */
.elementor-2995 form.woocommerce-product-search .search-field {
	border: 1.5px solid #dbe6de !important;
	border-radius: 999px !important;
	background: #f6f9f6 !important;
	padding-left: 24px !important;
	transition: border-color .18s, box-shadow .18s, background-color .18s;
}
.elementor-2995 form.woocommerce-product-search .search-field:focus {
	border-color: #347758 !important;
	background: #fff !important;
	box-shadow: 0 0 0 4px rgba(52, 119, 88, .14);
	outline: 0;
}

@media (min-width: 1025px) {
	/* Menu bar */
	.elementor-2995 .elementor-element-a806435 > .elementor-container > .elementor-column > .elementor-widget-wrap.elementor-element-populated {
		background: linear-gradient(90deg, #2a6248 0%, #347758 100%) !important;
		border-radius: 14px !important;
		box-shadow: 0 10px 24px rgba(29, 77, 56, .16);
	}
	.elementor-2995 .vertical-navigation .vertical-navigation-header {
		border-radius: 14px 0 0 14px !important;
		background: linear-gradient(135deg, #e5252b 0%, #c2161c 100%) !important;
	}
	.elementor-2995 .vertical-navigation .vertical-navigation-title .title { font-weight: 700; letter-spacing: .01em; }

	/* Menu links: even spacing, a soft pill on hover, gold for the current page */
	.elementor-2995 .main-navigation ul.menu > li > a {
		padding: 11px 2px !important;
		color: #fff !important;
		font-weight: 600;
	}
	.elementor-2995 .main-navigation ul.menu > li > a .menu-title {
		display: inline-block;
		padding: 6px 14px;
		border-radius: 999px;
		line-height: 1.3;
		transition: background-color .18s, color .18s;
	}
	.elementor-2995 .main-navigation ul.menu > li:hover > a .menu-title,
	.elementor-2995 .main-navigation ul.menu > li > a:focus-visible .menu-title {
		background: rgba(255, 255, 255, .16);
	}
	.elementor-2995 .main-navigation ul.menu > li > a .menu-title { color: inherit !important; }
	.elementor-2995 .elementor-widget-ecolive-nav-menu .main-navigation ul.menu > li.current-menu-item > a,
	.elementor-2995 .elementor-widget-ecolive-nav-menu .main-navigation ul.menu > li.current-menu-ancestor > a,
	.elementor-2995 .elementor-widget-ecolive-nav-menu .main-navigation ul.menu > li.current_page_parent > a,
	.elementor-2995 .elementor-widget-ecolive-nav-menu .main-navigation ul.menu > li.current-menu-item > a .menu-title {
		color: #f4c340 !important;
	}
	.elementor-2995 .main-navigation ul.menu > li.current-menu-item > a .menu-title,
	.elementor-2995 .main-navigation ul.menu > li.current-menu-ancestor > a .menu-title {
		background: rgba(0, 0, 0, .16);
	}
	.elementor-2995 .main-navigation ul.menu > li > a::after,
	.elementor-2995 .main-navigation ul.menu > li > a::before { color: inherit !important; }

	/* Phone number on the right of the bar */
	.elementor-2995 .elementor-element-84312e7 .elementor-icon-list-item > a,
	.elementor-2995 .elementor-element-84312e7 .elementor-icon-list-item {
		padding: 4px 14px 4px 10px;
		border-radius: 999px;
		background: rgba(0, 0, 0, .14);
	}
	.elementor-2995 .elementor-element-84312e7 .elementor-icon-list-item > a { padding: 0; background: none; }

	/* "All Categories" drop-down */
	.elementor-2995 .vertical-navigation .vertical-menu > ul.menu {
		border: 1px solid #e6ece7;
		border-radius: 0 0 14px 14px;
		box-shadow: 0 22px 44px rgba(29, 77, 56, .14);
	}
	.elementor-2995 .vertical-navigation .vertical-menu ul.menu li > a { transition: background-color .15s, color .15s, padding-left .15s; }
	.elementor-2995 .vertical-navigation .vertical-menu ul.menu li:hover > a { background: #eef5f0; color: #1d4d38 !important; }
	.elementor-2995 .vertical-navigation .vertical-menu ul.sub-menu {
		border: 1px solid #e6ece7;
		border-radius: 14px;
		box-shadow: 0 22px 44px rgba(29, 77, 56, .14);
	}

	/* ================= Mega menu (Products) ================= */
	.elementor-2995 .main-navigation ul.sub-menu.mega-menu {
		border-top: 3px solid #f4c340;
		border-radius: 0 0 18px 18px !important;
		box-shadow: 0 30px 60px rgba(29, 77, 56, .18) !important;
		overflow: hidden;
	}
	/* Two short lists get narrower columns; the long list gets a wider one and splits in two */
	.elementor-12286 .elementor-inner-section > .elementor-container > .elementor-column:nth-child(1),
	.elementor-12286 .elementor-inner-section > .elementor-container > .elementor-column:nth-child(2) { width: 26% !important; }
	.elementor-12286 .elementor-inner-section > .elementor-container > .elementor-column:nth-child(3) { width: 48% !important; }
	.elementor-12286 .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap { align-content: flex-start; }
	.elementor-12286 .elementor-inner-section > .elementor-container > .elementor-column:nth-child(3) .elementor-icon-list-itemsfg {
		column-count: 2;
		column-gap: 28px;
	}
	.elementor-12286 .elementor-icon-list-item { break-inside: avoid; margin: 0 !important; padding: 0 !important; }

	.elementor-12286 .ekit-heading--title {
		margin: 0 !important;
		font-family: Signika, sans-serif !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 1.3 !important;
		letter-spacing: .05em;
		text-transform: uppercase;
		color: #1d4d38 !important;
	}
	.elementor-12286 .elementor-widget-elementskit-heading { margin-bottom: 12px !important; }
	.elementor-12286 .elementor-widget-elementskit-heading a:hover .ekit-heading--title { color: #347758 !important; }

	.elementor-12286 .elementor-icon-list-item > a {
		display: block !important;
		margin: 0 -12px;
		padding: 7px 12px !important;
		border-radius: 10px;
		transition: background-color .15s, padding-left .15s;
	}
	.elementor-12286 .elementor-icon-list-item > a .elementor-icon-list-text { margin: 0 !important; line-height: 1.35 !important; }
	.elementor-12286 .elementor-icon-list-item > a .ekit_page_list_title_title {
		color: #2b2f2c !important;
		font-size: 14.5px !important;
		font-weight: 500;
		line-height: 1.35 !important;
		transition: color .15s;
	}
	.elementor-12286 .elementor-icon-list-item > a:hover { background: #eef5f0; padding-left: 16px !important; }
	.elementor-12286 .elementor-icon-list-item > a:hover .ekit_page_list_title_title { color: #1d4d38 !important; }
}

/* ================= Footer ================= */
.elementor-12176 .elementor-element-7cb022a,
.elementor-12176 .elementor-element-aeb1be7 {
	background:
		radial-gradient(720px 380px at 100% 0%, rgba(244, 195, 64, .10), transparent 62%),
		linear-gradient(180deg, #0f4a31 0%, #0a3a26 100%) !important;
}

/* Column titles get a short gold underline */
.elementor-12176 .elementor-element-1a543d9 .elementor-heading-title,
.elementor-12176 .elementor-element-2b4d223 .elementor-heading-title,
.elementor-12176 .elementor-element-f233ef0 .elementor-heading-title,
.elementor-12176 .elementor-element-6ee5706 .elementor-heading-title,
.elementor-12176 .elementor-element-7ec229c .elementor-heading-title,
.elementor-12176 .elementor-element-4abf812 .elementor-heading-title,
.elementor-12176 .elementor-element-6b2426a .elementor-heading-title,
.elementor-12176 .elementor-element-9b4d5ee .elementor-heading-title {
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
	letter-spacing: .01em;
}
.elementor-12176 .elementor-element-1a543d9 .elementor-heading-title::after,
.elementor-12176 .elementor-element-2b4d223 .elementor-heading-title::after,
.elementor-12176 .elementor-element-f233ef0 .elementor-heading-title::after,
.elementor-12176 .elementor-element-6ee5706 .elementor-heading-title::after,
.elementor-12176 .elementor-element-7ec229c .elementor-heading-title::after,
.elementor-12176 .elementor-element-4abf812 .elementor-heading-title::after,
.elementor-12176 .elementor-element-6b2426a .elementor-heading-title::after,
.elementor-12176 .elementor-element-9b4d5ee .elementor-heading-title::after {
	content: "";
	position: absolute; left: 0; bottom: 0;
	width: 36px; height: 3px; border-radius: 3px;
	background: #f4c340;
}

/* Links slide a little and turn gold on hover */
.elementor-12176 .elementor-icon-list-item > a .elementor-icon-list-text {
	display: inline-block;
	color: rgba(255, 255, 255, .86) !important;
	transition: color .18s, transform .18s;
}
.elementor-12176 .elementor-icon-list-item > a:hover .elementor-icon-list-text {
	color: #f4c340 !important;
	transform: translateX(4px);
}

/* "Accept Payment" lines up with the column it sits in */
.elementor-12176 .elementor-element-c30ea53,
.elementor-12176 .elementor-element-c30ea53 .elementor-widget-container { text-align: left !important; }
.elementor-12176 .elementor-element-c30ea53 { margin-top: 14px; }

/* Contact block: no box around the phone number */
.elementor-12176 .elementor-element-a58cfa0 > .elementor-widget-container {
	border: 0 !important;
	background: transparent !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Social icons: outlined circles that fill gold on hover */
.elementor-12176 .elementor-social-icon {
	background: transparent !important;
	border: 1.5px solid rgba(255, 255, 255, .4);
	transition: background-color .18s, border-color .18s, transform .18s;
}
.elementor-12176 .elementor-social-icon i,
.elementor-12176 .elementor-social-icon svg { color: #fff !important; fill: #fff !important; transition: color .18s, fill .18s; }
.elementor-12176 .elementor-social-icon:hover { background: #f4c340 !important; border-color: #f4c340; transform: translateY(-3px); }
.elementor-12176 .elementor-social-icon:hover i,
.elementor-12176 .elementor-social-icon:hover svg { color: #1d4d38 !important; fill: #1d4d38 !important; }

/* The phone footer repeated "Follow us" and "Accept Payment" a second time, and the second
   payment strip was the theme's demo image (PayPal, Amex, Bitcoin, Western Union), none of
   which this shop accepts. Keep the first, correct set only. */
.elementor-12176 .elementor-element-58f7da6,
.elementor-12176 .elementor-element-9676ac9,
.elementor-12176 .elementor-element-1bfdd8e,
.elementor-12176 .elementor-element-3d8e213 { display: none !important; }

/* Copyright line */
.elementor-12176 .elementor-element-d6f2a5d,
.elementor-12176 .elementor-element-2c78293 { font-size: 14px; }
.elementor-12176 .elementor-element-d6f2a5d p,
.elementor-12176 .elementor-element-2c78293 p { color: rgba(255, 255, 255, .78) !important; }

@media (prefers-reduced-motion: reduce) {
	.elementor-12176 .elementor-icon-list-text, .elementor-12176 .elementor-social-icon,
	.elementor-12286 .elementor-icon-list-item > a { transition: none !important; }
}

/* ================= Inner pages (everything except the home page) ================= */

/* Page banner: less empty space above and below the title */
.breadcrumb-wrap .elementor-top-section { padding-top: 54px !important; padding-bottom: 54px !important; }
body:not(.page-template-template-home) .site-content { margin-top: 44px !important; }
.breadcrumb-wrap .ecolive-woocommerce-title { letter-spacing: -.01em; }

/* Text-only pages (policies and similar): a readable column on a card instead of edge-to-edge small print */
.entry-content > .elementor > .e-con:only-child > .e-con-inner > .elementor-widget-text-editor:only-child {
	max-width: 920px;
	margin-left: auto; margin-right: auto;
	padding: 44px 48px;
	border: 1px solid #e6ece7; border-radius: 24px;
	background: #fff;
	box-shadow: 0 18px 44px rgba(29, 77, 56, .08);
}
.entry-content > .elementor > .e-con:only-child > .e-con-inner > .elementor-widget-text-editor:only-child p,
.entry-content > .elementor > .e-con:only-child > .e-con-inner > .elementor-widget-text-editor:only-child li {
	font-size: 16.5px; line-height: 1.8; color: #3d4440;
}
.entry-content > .elementor > .e-con:only-child > .e-con-inner > .elementor-widget-text-editor:only-child h2,
.entry-content > .elementor > .e-con:only-child > .e-con-inner > .elementor-widget-text-editor:only-child h3 { margin-top: 1.4em; color: #1d4d38; }
.entry-content .elementor-widget-text-editor p { line-height: 1.75; }

/* Category intro text */
.woocommerce-products-header .term-description {
	margin-bottom: 22px; padding: 14px 18px;
	border-left: 4px solid #f4c340; border-radius: 0 12px 12px 0;
	background: #f6f9f6;
	color: #3d4440; font-size: 15.5px; line-height: 1.65;
}
.woocommerce-products-header .term-description p { margin: 0; }

/* Product cards lift gently on hover */
ul.products li.product .product-block { transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease; }
ul.products li.product:hover .product-block { box-shadow: 0 20px 44px rgba(29, 77, 56, .13); }

/* Page numbers */
.woocommerce-pagination ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; border: 0; }
.woocommerce-pagination ul.page-numbers li { border: 0; margin: 0; }
.woocommerce-pagination ul.page-numbers li .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 44px; padding: 0 12px;
	border: 1.5px solid #e6ece7; border-radius: 999px;
	background: #fff; color: #2b2f2c; font-weight: 600;
	transition: background-color .18s, color .18s, border-color .18s;
}
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover { border-color: #347758; color: #347758; }
.woocommerce-pagination ul.page-numbers li .page-numbers.current { background: #347758; border-color: #347758; color: #fff; }

/* Form fields: a clear green focus ring everywhere */
.site-content input[type="text"]:focus, .site-content input[type="email"]:focus, .site-content input[type="tel"]:focus,
.site-content input[type="password"]:focus, .site-content input[type="number"]:focus, .site-content input[type="search"]:focus,
.site-content textarea:focus, .site-content select:focus {
	border-color: #347758 !important;
	box-shadow: 0 0 0 4px rgba(52, 119, 88, .14);
	outline: 0;
}

/* Cart and checkout summary boxes */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review { box-shadow: 0 18px 44px rgba(29, 77, 56, .08); }

/* ================= FAQ page ================= */
.jvk-faq { max-width: 920px; margin: 0 auto 20px; color: #5b615d; }
.jvk-faq__intro { text-align: center; margin-bottom: 30px; }
.jvk-faq__intro h2 { margin: 0; color: #2b2f2c; font-size: 32px; line-height: 1.2; }
.jvk-faq__intro p { margin: 12px auto 0; max-width: 40em; font-size: 16.5px; line-height: 1.7; }
.jvk-faq details { margin-bottom: 12px; border: 1px solid #e6ece7; border-radius: 16px; background: #fff; transition: box-shadow .2s, border-color .2s; }
.jvk-faq details[open] { border-color: #cfe0d5; box-shadow: 0 14px 34px rgba(29, 77, 56, .08); }
.jvk-faq summary { position: relative; padding: 18px 56px 18px 22px; cursor: pointer; list-style: none; color: #2b2f2c; font-family: Signika, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.35; }
.jvk-faq summary::-webkit-details-marker { display: none; }
.jvk-faq summary::after { content: "+"; position: absolute; right: 18px; top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; background: #f3f7f2; color: #347758; font-size: 20px; line-height: 28px; text-align: center; font-family: Arial, sans-serif; font-weight: 400; }
.jvk-faq details[open] summary::after { content: "\2212"; background: #347758; color: #fff; }
.jvk-faq summary:focus-visible { outline: 3px solid rgba(52, 119, 88, .35); outline-offset: 2px; border-radius: 16px; }
.jvk-faq__a { padding: 0 22px 20px; font-size: 16px; line-height: 1.75; }
.jvk-faq__a p { margin: 0 0 10px; }
.jvk-faq__a a { color: #347758; font-weight: 600; }
.jvk-faq__more { margin-top: 28px; padding: 26px; border-radius: 20px; background: linear-gradient(120deg, #1d4d38, #2e6b4f); color: rgba(255, 255, 255, .9); text-align: center; font-size: 17px; }
.jvk-faq__more a { display: inline-block; margin: 12px 6px 0; padding: 12px 24px; border-radius: 999px; background: #f4c340; color: #23382d !important; font-weight: 700; }

@media (max-width: 767px) {
	.breadcrumb-wrap .elementor-top-section { padding-top: 32px !important; padding-bottom: 32px !important; }
	body:not(.page-template-template-home) .site-content { margin-top: 26px !important; }
	.entry-content > .elementor > .e-con:only-child > .e-con-inner > .elementor-widget-text-editor:only-child { padding: 24px 18px; border-radius: 18px; }
	.entry-content > .elementor > .e-con:only-child > .e-con-inner > .elementor-widget-text-editor:only-child p { font-size: 15.5px; line-height: 1.75; }
	.jvk-faq__intro h2 { font-size: 25px; }
	.jvk-faq summary { font-size: 16.5px; padding: 16px 50px 16px 16px; }
	.jvk-faq__a { padding: 0 16px 16px; font-size: 15.5px; }
}

/* Extra help blocks on the Contact and Safe Payment pages */
.jvk-extra { max-width: 1180px; margin: 44px auto 10px; padding: 36px; border: 1px solid #e6ece7; border-radius: 24px; background: linear-gradient(180deg, #f6f9f6, #fff); }
.jvk-extra h2 { margin: 0 0 22px; color: #1d4d38; font-size: 28px; line-height: 1.2; text-align: center; }
.jvk-extra__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.jvk-extra__grid > div { padding: 22px; border: 1px solid #e6ece7; border-radius: 18px; background: #fff; }
.jvk-extra h3 { margin: 0 0 8px; color: #2b2f2c; font-size: 18px; line-height: 1.3; }
.jvk-extra p { margin: 0; color: #5b615d; font-size: 15.5px; line-height: 1.7; }
.jvk-extra a { color: #347758; font-weight: 600; }
@media (max-width: 900px) { .jvk-extra { padding: 22px 16px; margin-top: 30px; } .jvk-extra__grid { grid-template-columns: 1fr; } .jvk-extra h2 { font-size: 23px; } }

/* Speed: the header logo is 1417 x 514. Keeping that shape from the first moment stops the
   whole page jumping upwards when the logo file arrives (it used to start as a tall square). */
.elementor-2995 .hfe-site-logo-img { aspect-ratio: 1417 / 514; width: 100%; height: auto !important; }

/* Cart and checkout: keep product names in whole words; no radio circle when there is only one delivery option. */
.woocommerce-checkout-review-order-table td.product-name,
.woocommerce-cart-form td.product-name { word-break: normal; overflow-wrap: anywhere; }
#shipping_method li input[type="hidden"] + label::before,
#shipping_method li input[type="hidden"] + label::after { content: none !important; display: none !important; }
#shipping_method li input[type="hidden"] + label { padding-left: 0 !important; padding-right: 0 !important; }

/* ---------- Phone slide-out menu ---------- */
.ecolive-mobile-nav { background: #fbfaf6 !important; }
/* The shadow belongs to the open panel only; on the closed (off-screen) panel it showed as a grey edge on the page. */
html.mobile-nav-active .ecolive-mobile-nav { box-shadow: 16px 0 48px rgba(6, 36, 24, .30); }

/* ---------- Tablets ---------- */
/* At exactly 1024px wide (iPad landscape) the theme moves the shop filters into the slide-out
   panel but leaves the empty sidebar box in place, squeezing the products. Remove the empty box,
   give products the full width and show the Filter button. */
#secondary.widget-area:not(:has(*)) { display: none !important; }
body.ecolive-archive-product:not(:has(#secondary > *)) #primary { float: none !important; width: 100% !important; }
body.ecolive-archive-product:not(:has(#secondary > *)) .ecolive-sorting a.filter-toggle { display: inline-flex !important; align-items: center; gap: 8px; margin-right: 14px; }
/* Portrait tablets: three products per row instead of two oversized ones. */
@media (min-width: 768px) and (max-width: 1023px) {
	ul.products.columns-4 > li.product,
	ul.products.columns-3 > li.product { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
}
.ecolive-mobile-nav .menu-scroll-mobile { width: 100%; }
.ecolive-mobile-nav .mobile-nav-tabs {
	height: auto !important; padding: 14px 62px 14px 14px !important;
	background: linear-gradient(135deg, #0f4a31 0%, #2e6b4f 100%) !important;
	border-bottom: 3px solid #f4c340;
}
.ecolive-mobile-nav .mobile-nav-tabs ul { height: auto !important; width: auto !important; gap: 6px; align-items: center; margin: 0; padding: 0; }
.ecolive-mobile-nav .mobile-nav-tabs li.mobile-tab-title {
	height: auto !important; margin: 0 !important; padding: 9px 14px !important;
	border: 0 !important; border-radius: 999px;
	font-family: "Signika", sans-serif; font-size: 14.5px; font-weight: 600; line-height: 1.2;
	color: rgba(255, 255, 255, .82) !important; white-space: nowrap;
}
.ecolive-mobile-nav .mobile-nav-tabs li.mobile-tab-title::before,
.ecolive-mobile-nav .mobile-nav-tabs li.mobile-tab-title::after { display: none !important; }
.ecolive-mobile-nav .mobile-nav-tabs li.mobile-tab-title span { color: inherit !important; font: inherit; }
.ecolive-mobile-nav .mobile-nav-tabs li.mobile-tab-title.active { background: #f4c340; color: #1d4d38 !important; }
.ecolive-mobile-nav .mobile-nav-close {
	top: 14px !important; right: 14px !important; left: auto !important;
	width: 36px !important; height: 36px !important; border-radius: 50%;
	display: flex !important; align-items: center; justify-content: center;
	background: rgba(255, 255, 255, .16) !important; color: #fff !important;
}
.ecolive-mobile-nav .mobile-nav-close i { color: #fff !important; font-size: 14px; line-height: 1; }
.ecolive-mobile-nav nav.mobile-menu-tab { padding: 12px 12px 22px !important; }
.ecolive-mobile-nav nav.mobile-menu-tab ul { list-style: none; margin: 0; padding: 0; }
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu li { position: relative; margin: 0 0 3px !important; padding: 0 !important; border: 0 !important; }
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu li > a {
	display: block; padding: 14px 54px 14px 16px !important; border: 0 !important; border-radius: 12px;
	font-family: "Signika", sans-serif; font-size: 16px; font-weight: 600; line-height: 1.25;
	color: #22302a !important; background: transparent; transition: background .15s, color .15s;
}
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu li > a:hover,
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu li > a:focus-visible { background: #eef5f0; color: #1d4d38 !important; }
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu li.current-menu-item > a,
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu li.current-menu-ancestor > a {
	background: #e6f1ea; color: #1d4d38 !important; box-shadow: inset 4px 0 0 #f4c340;
}
.ecolive-mobile-nav nav.mobile-menu-tab button.dropdown-toggle {
	position: absolute !important; top: 6px !important; right: 6px !important; left: auto !important;
	width: 38px !important; height: 38px !important; padding: 0 !important; border: 0 !important; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #eef5f0 !important; color: #1d4d38 !important; transition: transform .2s, background .15s;
}
.ecolive-mobile-nav nav.mobile-menu-tab button.dropdown-toggle.toggled-on { background: #1d4d38 !important; color: #fff !important; }
.ecolive-mobile-nav nav.mobile-menu-tab button.dropdown-toggle::after {
	position: static !important; float: none !important; margin: 0 !important; transform: none !important;
	font-size: 12px !important; line-height: 1 !important; color: inherit !important;
}
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu ul {
	margin: 2px 0 10px 16px !important; padding: 2px 0 2px 8px !important; border-left: 2px solid #dbe6de;
}
.ecolive-mobile-nav nav.mobile-menu-tab ul.menu ul li > a {
	padding: 10px 12px !important; border-radius: 9px;
	font-family: inherit; font-size: 14.5px; font-weight: 500; color: #3d4a43 !important;
}