.menu-footer > ul {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: auto;
	gap: 1em;
}
.menu-footer ul {
	padding-left:0;
}
.menu-footer > ul > li li {
	padding: .35em 0;
}

.menu-footer > ul > li > button,
.menu-footer > ul > li > span,
.menu-footer > ul > li > a {
	font-weight: 700;
	text-transform:uppercase;
}
.menu-footer > ul > li a {
	text-decoration: none;
}
.menu-footer > ul > li a:hover,
.menu-footer > ul > li a:active,
.menu-footer > ul > li a:focus {
	text-decoration: underline;
}

/*page menu*/


.main > aside.aside-area label {
	font-size: 1.3em;
	font-weight: 700;
	padding-bottom: .6em;
	display: inline-block;
}
.main > aside.aside-area label a {
	text-decoration: none;
}
.main > aside.aside-area label a:hover,
.main > aside.aside-area label a:focus,
.main > aside.aside-area label a:active {
	text-decoration: underline;
}

.main > aside.aside-area ul.aside-menu-root {
	margin: 0px;
	list-style: none;
	padding: 0 0 2em 0;
	font-weight: 600;
	color: var(--text-color);
}

.main > aside.aside-area label > button > span,
.main > aside.aside-area ul.aside-menu-root button > span {
	position: absolute;
	left: -9999px;
}



@media(min-width: 767px) {
		.main > aside.aside-area ul.aside-menu-root li.active-page > a {
		background-color: var(--brand-light-85p);
		color: var(--text-color);
		background: color-mix(in srgb, var(--brand-light-85p) 30%, transparent);
	}
	
	aside.aside-area label button,
	aside.aside-area li button  {
		display:none;
	}
	.main > aside.aside-area ul.aside-menu-root li.active-page-parent,
		.main > aside.aside-area ul.aside-menu-root li.active-page-ancestor  {
		background-color: var(--brand-light-50p);
		color: var(--text-color)
	}
		.main > aside.aside-area ul.aside-menu-root li ul  {
			display: none;
		}
		.main > aside.aside-area ul.aside-menu-root li.active-page > ul,
		.main > aside.aside-area ul.aside-menu-root li.active-page-parent > ul,
		.main > aside.aside-area ul.aside-menu-root li.active-page-ancestor > ul  {
			display: block;
		}

	.main > aside.aside-area ul.aside-menu-root li ul {
		list-style: none;
		padding: 0 0 0 1.5em;
	}

		.main > aside.aside-area ul.aside-menu-root li ul > li > a {
			border-bottom: 1px dashed ar(--img-border);
			padding: .5em .85em;
			font-weight: 400;
		}

	.main > aside.aside-area ul.aside-menu-root li a {
		border-bottom: 1px solid var(--img-border);
		padding: .5em .85em;
		display: block;
		color: inherit;
		text-decoration: none;
		min-height:46px;
		align-content:center;
	}
    .main-content-aside {
        grid-template-columns: minmax(auto, 25%) 1fr;
        column-gap: 2em
    }

        .main-content-aside.top-padding {
            padding: 50px 0 100px
        }

        .main-content-aside .aside-area {
            width: 100%;
            grid-row: 1/2
        }

            .main-content-aside .aside-area .aside-menu-root {
                position: relative
            }

        .main-content-aside .main-content {
            grid-column: 2/3
        }
}

@media(max-width: 766px) {
	aside.aside-area label svg,
	aside.aside-area li svg {
		transform: scale(1.2);
		width: 20px;
		transition: all 0.2s ease;
		margin-left: .5rem;
	}
	aside.aside-area label button,
	aside.aside-area li button  {
		width: 50px;
		height: 40px;
		border:0;
		background-color: transparent;
		text-align: left;
	}
	
	aside.aside-area label button:hover,
	aside.aside-area label button:active,
	aside.aside-area label button:focus,
	aside.aside-area li button:hover,
	aside.aside-area li button:active,
	aside.aside-area li button:focus  {
		background: rgb(from var(--accent1) r g b / 0.1);
	}

	.main > aside.aside-area ul.aside-menu-root li.active-page {
		background: rgb(from var(--accent1) r g b / 0.1);
	}

	.main > aside.aside-area ul.aside-menu-root li.active-page ul {
		background: var(--lightest);
	}
	aside.aside-area li,
	aside.aside-area li > a,
	aside.aside-area li > button > svg {
		color: var(--brand);      
		fill: currentColor;
	}
	
	aside.aside-area label a,
	aside.aside-area label button > svg,
	aside.aside-area li.active-page > button > svg,
	.main > aside.aside-area ul.aside-menu-root li.active-page > a {
		color: var(--accent1)
	}
	aside.aside-area label > button > svg,
	aside.aside-area li.active-page-parent > button > svg,
	aside.aside-area li.active-page-ancestor > button > svg,
	.main > aside.aside-area ul.aside-menu-root li.active-page-parent > a,
	.main > aside.aside-area ul.aside-menu-root li.active-page-ancestor > a  {
		color: var(--accent1);        
		fill: currentColor;
	}
	
	aside.aside-area label.open > button > svg,
	aside.aside-area li.open > button > svg {
		transform: rotate(180deg);
		margin-bottom: 2px;
	}

	.main > aside.aside-area ul.aside-menu-root li ul {
		list-style: none;
		padding: 0 0 0 1.5em;
	}
		.main > aside.aside-area ul.aside-menu-root li ul > li > a {
			padding: .5em .85em;
			font-weight: 400;
		}
	.main > aside.aside-area ul  {
		border-top: 1px solid var(--img-border);
	}
	.main > aside.aside-area ul.aside-menu-root li:not(:last-child)  {
		border-bottom: 1px solid var(--img-border);
	}

	.main > aside.aside-area ul.aside-menu-root li a {
		padding: .5em .85em;
		display: inline-block;
		text-decoration: none;
		min-height:46px;
		align-content:center;
	}
	.main > aside.aside-area ul.aside-menu-root,
	.main > aside.aside-area ul.aside-menu-root li ul  {
		display: none;
	}
	.main > aside.aside-area ul.aside-menu-root.open ,
	.main > aside.aside-area ul.aside-menu-root li.open > ul {
		display: block;
	}
}