header.site-header {
	background-color: #222;
	
	.header-image {
		width: 188px;
	}
	
	
	@media screen and (min-width: 1024px) {
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		z-index: 999;
		background: transparent;
	}
	
	
}

.main-navigation .menu-toggle {
	font-size: 30px;
	padding-right: 0;
}

/* Off-canvas toggle button: keep showing the hamburger icon even while
   the panel is open (the panel has its own X to close). GP core's generic
   .toggled swap targets any menu-toggle, including this off-canvas one. */
#mobile-menu-control-wrapper.toggled .icon-menu-bars svg:nth-child(1) {
	display: block !important;
}
#mobile-menu-control-wrapper.toggled .icon-menu-bars svg:nth-child(2) {
	display: none !important;
}

/* Off-canvas panel: remove the dark dimming wash over the pushed page
   content. */
.slideout-overlay {
	background-color: transparent;
}

/* Off-canvas panel: turn the existing close button into a pink header
   bar across the top of the panel, matching remedyclinic.com's off-canvas
   menu (their .pad_menutitle bar, #cd7399, with a white close icon). */
#generate-slideout-menu.main-navigation button.slideout-exit {
	background-color: #cd7399 !important;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 20px;
	margin: 0 0 15px 0;
	box-sizing: border-box;
}
#generate-slideout-menu.main-navigation button.slideout-exit .gp-icon {
	color: #fff;
	fill: #fff;
}

/* Off-canvas panel: show all submenus expanded by default instead of
   requiring a tap on the dropdown arrow, and hide the now-redundant
   arrow toggles. */
#generate-slideout-menu.main-navigation ul ul {
	display: block !important;
}
#generate-slideout-menu .dropdown-menu-toggle {
	display: none !important;
}
#generate-slideout-menu .slideout-menu li {
	margin-bottom: 6px;
}
#generate-slideout-menu .slideout-menu ul li {
	margin-bottom: 0;
}

/* Off-canvas panel: this site uses GP's dynamic typography system, which
   makes GP Premium skip its slideout_font_size/weight settings entirely,
   so set the panel's type scale directly instead. Sized/weighted to match
   remedyclinic.com's off-canvas menu (16px/400 top level, 14px sub-items
   with a "- " prefix, both white, no bold). */
#generate-slideout-menu.main-navigation .main-nav > ul > li > a {
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px;
}
#generate-slideout-menu.main-navigation .main-nav ul ul a {
	font-size: 14px;
	font-weight: 400;
	padding-left: 30px;
}
#generate-slideout-menu.main-navigation .main-nav ul ul a::before {
	content: "- ";
}