@media screen and ( min-width: 782px ){
		body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
			top: 32px!important;
		}
				body.admin-bar .mobmenu-search-holder {
				top: 121px!important;
		}
}

@media screen and ( max-width: 782px ){
	body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
		top: 46px!important;
	}

	body.admin-bar .mob-menu-header-banner {
		top: 0px!important;
	}
		body.admin-bar .mobmenu-search-holder {
		top: 135px!important;
	}
	body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
		top: 89px!important;
	}

}

@media screen and ( max-width: 479px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 5%;
	}
}

@media screen and ( max-width: 782px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 10%;
	}
}


@media only screen and (min-width:1200px){
	.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
		display: none!important;
	}
}

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

			
	.mobmenur-container i {
		color: #FFF;
	}
	.mobmenul-container i {
		color: #FFF;
	}
	.mobmenul-container img {
		max-height:  47px;
		float: left;
	}
	.mobmenur-container img {
		max-height:  41px;
		float: right;
	}
	.mob-expand-submenu i {
		font-size: 25px;
	}
	#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
		color: #666;

	}
	.mob-cancel-button {
		font-size: 30px!important;
	}

	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}
	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
		background-color: #666;
	}
	.mobmenu-content #mobmenuright li:hover  {
		background-color: #666 ;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}

		.mobmenu-content #mobmenuleft .sub-menu {
		background-color: #3a3a3a ;
		margin: 0;
		color: #fff ;
		width: 100%;
		position: initial;
		height: 100%;
	}
	.mob-menu-left-bg-holder {
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size:  cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.mob-menu-right-bg-holder { 
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size:  cover;
	}
		.mobmenu-content #mobmenuleft .sub-menu a {
		color: #fff ;
	}
	.mobmenu-content #mobmenuright .sub-menu  a {
		color: #fff ;
	}
	.mobmenu-content #mobmenuright .sub-menu .sub-menu {
		background-color: inherit;
	}
	.mobmenu-content #mobmenuright .sub-menu {
		background-color: #3a3a3a ;
		margin: 0;
		color: #fff ;
		position: initial;
		width: 100%;
	}
	#mobmenuleft li:hover a, #mobmenuleft li:hover i {
		color: #FFF;
	}
	#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
		color: #666 ;
	}
	#mobmenuright li a:hover {
		color: #FFF ;
	}
	.mobmenul-container {
		top: 10px;
		margin-left: 5px;
		margin-top: 16px;
		height: 89px;
		float: left;
	}
	.mobmenur-container {
		top: 16px;
		margin-right: 13px;
		margin-top: 16px;
	}
		.mob-menu-logo-holder {
		margin-top:   16px;
		text-align:   center;
		margin-left:  0;
		margin-right: 0;
		height:       89px;
			}
	.mob-menu-header-holder {
		width:  100% ;
		background-color: #111111 ;
		height: 89px ;
		position:fixed;
	}
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
		padding-top: 89px;
	}
		.mobmenul-container, .mobmenur-container{
		position: absolute; 
	}
	.mobmenu-left-panel {
		background-color:#020202;;
		width:  270px;  
	}
	.mobmenu-right-panel {
		background-color:#020202;		width:  270px; 
	}
	.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
		background: #000000;
	}
	.mob-menu-slideout-top .mobmenu-overlay {
		display:none!important;
	}
	.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
		-webkit-transform: translateX(270px);
		-moz-transform: translateX(270px);
		-ms-transform: translateX(270px);
		-o-transform: translateX(270px);
		transform: translateX(270px);
	}
	.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
		-webkit-transform: translateX(-270px);
		-moz-transform: translateX(-270px);
		-ms-transform: translateX(-270px);
		-o-transform: translateX(-270px);
		transform: translateX(-270px);
	}
	.mob-menu-slideout-top .mobmenu-panel {
		width:  100%;
		height: 100%;
		z-index: 1;
		position: fixed;
		left: 0px;
		top: 0px;
		max-height: 100%;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		z-index: 300000;
	}
	.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
		overflow: hidden;
	}
	.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
		z-index: 300000;
	}
	/* Hides everything pushed outside of it */
	.mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
		position: fixed;
		top: 0;
		height: 100%;
		overflow-y: auto;
		overflow-x: auto;
		z-index: 10000;
		opacity: 1;
	}
	/*End of Mobmenu Slide Over */
	.mobmenu .headertext { 
		color: #FFF ;
		text-decoration: none;
	}
	.headertext span {
		position: initial;
		line-height: 89px;
	}
	.mobmenu-search-holder {
		top: 89px;
	}
	/*Premium options  */
	
	/* Mobile Menu Frontend CSS Style*/
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
		overflow-x: hidden;
	}
	
	.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
		padding-left: 10%;
		padding-right: 10%;
	}
	.mobmenu-content li > .sub-menu li {
		padding-left: calc(10*1%);
	}

	.mobmenu-right-panel li, .rightmbottom, .rightmtop{
		padding-left: 10%;
		padding-right: 10%;
	}
	.mobmenul-container i {
		line-height: 30px;
		font-size: 30px;
		float: left;
	}
	.mobmenul-container svg {
			width: 30px;
	        margin-right: .2em;
	        margin-left: .2em;
			padding-top: 2px;
			float:left;
	}
	.show-panel svg.mob-cancel-button {
		width: 30px;
		padding: 4px;
        margin: 6px;
	}
	

	.left-menu-icon-text {
		float: left;
		line-height: 30px;
		color: #222;
	}
	.mobmenu-left-panel .mobmenu-display-name {
		color: #666;
	}
	.right-menu-icon-text {
		float: right;
		line-height: 23px;
		color: #222;
	}
	.mobmenur-container i {
		line-height: 23px;
		font-size: 23px;
		float: right;
	}
	.mobmenur-container svg {
			width: 23px;
	        margin-right: .2em;
	        margin-left: .2em;
			padding-top: 2px;
			float: left;
	}
	.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
		display: none!important;
	}
	
	.mob-standard-logo {
		display: inline-block;
		height:60px!important;	}
	.mob-retina-logo {
		height:60px!important;	}
	.mobmenu-content #mobmenuleft > li > a:hover {
		background-color: #666;
	}

	.mobmenu-content #mobmenuright > li > a:hover {
		background-color: #666;
	}
	.mobmenu-left-panel .mob-cancel-button {
		color: #666;
	}
	.mobmenu-right-panel .mob-cancel-button {
		color: #666;
	}	
	
}


.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
	font-family:Dosis;
	font-size:20px;
	font-weight:inherit;
	font-style:normal;
	letter-spacing:normal;
	text-transform:none;
}

.left-menu-icon-text {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

.right-menu-icon-text {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

/* ================================
   VIP Connections — Mobile Menu (Freshlight Lab)
   Plugin selectors: .mobmenu, #mobmenuleft, #mobmenuright, .mobmenu-overlay
   Palette: deep black + VIP gold
   ================================ */

/* Vars */
:root{
  --vip-bg:#0b0b0b;
  --vip-bg-2:#141414;
  --vip-gold:#d4af37;
  --vip-text:#f5f5f5;
  --vip-muted:#bdbdbd;
  --vip-border:rgba(255,255,255,.12);
  --vip-shadow:0 24px 60px rgba(0,0,0,.45);
  --vip-radius:18px;
  --vip-speed:300ms;
}

/* Panel base (left/right) */
#mobmenuleft, #mobmenuright, .mobmenu { 
  background: radial-gradient(120% 120% at 100% 0%, #1b1b1b 0%, var(--vip-bg) 55%) !important;
  color: var(--vip-text) !important;
  box-shadow: var(--vip-shadow);
  border-left: 1px solid var(--vip-border);
}
#mobmenuleft .mobmenu-content, 
#mobmenuright .mobmenu-content{
  padding: 16px 14px 22px;
}

/* Overlay when menu is open */
.mobmenu-overlay{
  background: rgba(0,0,0,.55) !important;
  backdrop-filter: blur(3px);
  transition: opacity var(--vip-speed) ease;
}

/* Header row inside panel */
.mobmenu-header-holder,
#mobmenuleft .mobmenu-header-holder,
#mobmenuright .mobmenu-header-holder{
  border-bottom: 1px solid var(--vip-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}
.mobmenu-logo-holder img{
  max-height: 36px !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

/* Hamburger / close icons */
.mobmenu-icon-holder .mobmenu-icon,
.mobmenu-toggle{
  color: var(--vip-gold) !important;
}
.mobmenu-toggle, .mobmenu-right-bt, .mobmenu-left-bt{
  background: transparent !important;
  border: 1px solid var(--vip-border) !important;
  border-radius: 12px !important;
  padding: 9px 11px !important;
  transition: border-color var(--vip-speed), transform var(--vip-speed);
}
.mobmenu-toggle:hover,
.mobmenu-right-bt:hover,
.mobmenu-left-bt:hover{
  border-color: var(--vip-gold) !important;
  transform: translateY(-1px);
}

/* Search (if enabled) */
.mobmenu-search-holder input[type="text"],
.mob-menu-search-form input[type="text"]{
  width: 100%;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--vip-border) !important;
  color: var(--vip-text) !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
}
.mobmenu-search-holder input::placeholder{ color:#9a9a9a; }

/* Menu items */
.mobmenu .mobmenu-menu li a,
#mobmenuleft .mobmenu-menu li a,
#mobmenuright .mobmenu-menu li a{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px;
  color: var(--vip-text) !important;
  text-decoration:none !important;
  padding: 14px 14px !important;
  border-radius: 12px !important;
  border: 1px solid transparent;
  transition: background var(--vip-speed), border-color var(--vip-speed), transform var(--vip-speed);
  font-weight: 500;
}
.mobmenu .mobmenu-menu li a:hover{
  background: linear-gradient(90deg, rgba(212,175,55,.12), rgba(255,255,255,.05));
  border-color: var(--vip-border);
  transform: translateX(2px);
}

/* Active/current page */
.mobmenu .mobmenu-menu li.current-menu-item > a,
.mobmenu .mobmenu-menu li.current_page_item > a{
  background: linear-gradient(90deg, rgba(212,175,55,.18), rgba(255,255,255,.06));
  border-color: rgba(212,175,55,.45);
  box-shadow: inset 0 0 0 1px rgba(212,175,55,.22);
}

/* Submenu toggles (arrow buttons) */
.mob-expand-submenu,
.mobmenu .mobmenu-right-bt-icon, 
.mobmenu .mobmenu-left-bt-icon{
  color: var(--vip-gold) !important;
}
.mobmenu .mobmenu-menu .menu-item-has-children > a{
  position: relative; padding-right: 40px !important;
}
.mobmenu .mobmenu-menu .menu-item-has-children > a .mob-expand-submenu{
  position:absolute; right: 12px; top: 50%; transform: translateY(-50%);
  font-size: .95rem;
  transition: transform var(--vip-speed);
}
.mobmenu .mobmenu-menu .menu-item-has-children.open > a .mob-expand-submenu{
  transform: translateY(-50%) rotate(180deg);
}

/* Submenu links */
.mobmenu .mobmenu-menu .sub-menu a{
  padding-left: 24px !important;
  color: var(--vip-muted) !important;
  border-left: 1px dashed var(--vip-border);
  margin-left: 6px;
}

/* CTA highlight item (add class “vip-menu-cta” to the menu item in plugin settings > CSS classes) */
.mobmenu .mobmenu-menu li.vip-menu-cta > a{
  background: linear-gradient(135deg, #c59d2a, var(--vip-gold)) !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  box-shadow: 0 8px 28px rgba(212,175,55,.28);
  border: none !important;
}
.mobmenu .mobmenu-menu li.vip-menu-cta > a:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Tiny caption block you can add with an HTML item */
.mobmenu .vip-menu-note{
  margin: 8px 2px 14px;
  padding: 10px 12px;
  font-size: .9rem;
  color: var(--vip-muted);
  border-top: 1px dashed var(--vip-border);
}

/* Footer area (if using copyright/footer in Pro) */
.mobmenu .mobmenu-footer{
  border-top: 1px solid var(--vip-border);
  color: var(--vip-muted);
}

/* Accessibility focus */
.mobmenu a:focus-visible{
  outline: 2px solid rgba(212,175,55,.65);
  outline-offset: 2px;
  border-radius: 12px;
}

/* Smooth entrance for panels */
#mobmenuleft, #mobmenuright{
  will-change: transform, opacity;
  transition: transform var(--vip-speed) ease, opacity var(--vip-speed) ease;
}

/* Optional shimmer utility: wrap part of a label in <span class="vip-shimmer"> */
.mobmenu .vip-shimmer:hover{
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.35), transparent);
  background-size: 200% 100%;
  animation: vipShimmer 1.3s linear infinite;
}
@keyframes vipShimmer{
  0% {background-position: 200% 0;}
  100% {background-position: -200% 0;}
}
/* === Fix dark circles & enhance icon look === */

/* Remove icon background circles and outlines */
.mobmenu .mobmenu-icon-holder,
.mobmenu .mobmenu-icon-holder::before,
.mobmenu .mobmenu-left-bt,
.mobmenu .mobmenu-right-bt,
.mobmenu .mobmenu-right-bt::before,
.mobmenu .mobmenu-left-bt::before {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Kill pseudo-element halo/overlay */
.mobmenu .mobmenu-icon-holder::after,
.mobmenu .mobmenu-left-bt::after,
.mobmenu .mobmenu-right-bt::after {
  display: none !important;
}

/* Make icons crisp and gold */
.mobmenu .mobmenu-icon,
.mobmenu .mobmenu-icon i,
.mobmenu .mobmenu-left-bt i,
.mobmenu .mobmenu-right-bt i {
  color: #d4af37 !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* Add elegant gold glow on hover */
.mobmenu .mobmenu-icon:hover i,
.mobmenu .mobmenu-left-bt:hover i,
.mobmenu .mobmenu-right-bt:hover i {
  color: #ffd700 !important;
  text-shadow: 0 0 8px rgba(212,175,55,0.8);
}

/* Adjust icon spacing and vertical alignment */
.mobmenu .mobmenu-icon-holder {
  padding: 8px !important;
  margin: 0 !important;
  vertical-align: middle;
}