.nav-wrapper {
	position: relative;
}
@media screen and (min-width:1026px) {
	.slideout-nav{
		padding-top:30px;
	}
}
.slide-menu {
	position: fixed;
	bottom: -100vh;
	left: 0;
	width: 100%;
	height: 100vh;
	background:var(--body-bg-color)
	padding: 2rem;
	overflow:hidden;
	z-index: 1000;
	transform: translateY(0);
	transition: transform 0.3s ease-in-out;
	justify-content: space-between;
}
@media screen and (max-width: 1025px) {
	.slide-menu.slide-menu.slide-menu  {
        padding-bottom: 25px!important;
		height:100%!important;
    
    }
	.slideout-nav{
        padding-top: 8rem!important;
	
    }
}

.slide-menu.active {
    bottom: 0vh!important;
}

.slide-menu {
    transition: bottom 0.3s ease-out!important;
}

/* Ensure the menu is accessible */
@media (prefers-reduced-motion: reduce) {
	.slide-menu {
		transition: none;
	}
	.slide-menu .nav-wrapper__item {
		transition: none;
		opacity: 1;
		transform: none;
	}
}
#menu-toggle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
	outline: none !important;
	padding-right:25px;
	right:-25px;
	display:flex;
}

#menu-toggle path {
	transition: 0.2s ease-out;
}

#menu-toggle svg {
	overflow: visible;
}


#menu-toggle.active path.menu-toggle__line-3 {
	opacity: 0;
}
@media screen and (min-width:1026px) {
#menu-toggle:is(:hover, :focus-visible) path.menu-toggle__line-3,
#menu-toggle.active path.menu-toggle__line-3 {
	opacity: 0;
}

#menu-toggle:is(:hover, :focus-visible) path.menu-toggle__line-1 {
	transform: rotate(90deg) translate(-7px, -23px)!important;
}}

@media screen and (min-width:1026px) {
#menu-toggle.active path.menu-toggle__line-1 {
	display:none!important;
}}

#menu-toggle.active path.menu-toggle__line-1 {
	opacity: 0!important;
}

@media screen and (min-width:1026px) {
.slideout-nav .nav-wrapper__list:has(li a:hover) li a,
.primary-nav:has(li a:hover) li a{
	color:var(--base-light);
	text-decoration-color:transparent!important;
	
}
.slideout-nav .nav-wrapper__list:has(li a:hover) li a:hover,
.primary-nav.primary-nav.primary-nav.primary-nav a:hover{
	color:var(--base)!important;
	text-decoration-color:var(--base)!important;
	text-decoration:underline!important;
	text-decoration-thickness:5px!important;
}
.primary-nav.primary-nav.primary-nav.primary-nav.primary-nav.primary-nav.primary-nav a:hover{
	text-decoration-thickness:1px!important;
}
.slideout-nav .nav-wrapper__list:has(li a:hover) li.current-page.current-page.current-page.current-page.current-page.current-page.current-page.current-page a{
	text-decoration-color:var(--base-light)!important;
}
}


@media screen and (min-width:1026px) {
.slideout-nav ul.nav-wrapper__list li{
	padding-right:20px;
}}