div.nav-container {
	width: 100%;
	height: 0px;
	transition: height var(--global-nav-hamburger-delay);
}

div.nav-container.nav-open {
	height: calc(100% - var(--global-nav-height)) !important;
}

@media (min-width: 1023px) {
	ul.global-nav.nav-open {
		border: none;
	}

	div.nav-container {
		width: 0%;
		height: 100%;
		transition: width var(--global-nav-hamburger-delay);
	}
	
	div.nav-container.nav-open {
		width: 15% !important;
		box-shadow: 0px 0px 30px black;
	}

	ul.article-nav {
		grid-template-columns: auto;
	}

	ul.article-nav li {
		font-size: 12px;
	}
	
	ul.article-nav li.an-main {
		grid-column: unset;
		text-align: left;
		text-indent: 15%;
	}
}