.primary-menu-container {
	@apply mx-auto max-w-screen-xl px-8;
}
.close_btn {
	display: none;
}
.menu-navlink {
	@apply font-medium
	text-sm
	uppercase;
}

@media (max-width: 960px) {
	#primary-menu {
		@apply bg-primary
		mt-0
		left-0
		absolute;
		transition: all 0.3s ease-in-out;
		transform: translateY(-110vh);
		z-index: 800;
		height: fit-content;
		top: 0;
		width: 100vw;
		min-height: 100vh;

		> ul {
			@apply max-w-xs
			mx-auto;
			min-height: 96vh;
			padding-top: 5vh;
		}
		li.menu-item {
			@apply mt-0
			text-center
			text-white
			font-medium
			py-8
			text-lg;
			display: block !important;
			padding-bottom: 0;
		}
		/* BURGER MENU */
		body:has(header.burger_menu_active) {
			overflow: hidden;
		}

		header.burger_menu_active {
			position: fixed;
			top: 0px;
			height: 100vh;
			overflow: scroll;
			padding: 0;
		}
	}
	.burger_menu_active {
		.close_btn {
			cursor: pointer;
			z-index: 999;
			width: 20px;
			right: 20px;
			top: 20px;
			display: block;
			position: fixed;
		}
		#primary-menu {
			transform: translateY(0);
		}
	}
}