nav {
	margin-top: 40px;
}

nav ul {
	display: flex;
	gap: 80px;
	margin: 0;
	padding: 0;
	align-items: center;
}

nav ul li {
	display: block;
}

nav ul li:nth-of-type(2) {
	flex-grow: 1;
	/* a varázslat */
}


nav ul li a {
	position: relative;
	text-decoration: none;
	color: inherit;
	text-transform: uppercase;
	transition: color 0.5s ease-in-out;
}

nav ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -60px;
	/* igazítsd a header alsó részéhez */
	width: 0;
	height: 6px;
	background-color: var(--brown);
	transition: width 0.5s ease-in-out;
}


nav ul li a:hover::after,
nav ul li.current-menu-item a::after,
nav ul li a:focus::after {
	width: 100%;
}

nav ul li a:hover,
nav ul li a:focus {
	color: var(--brown);
	/* hover állapotban a szöveg színe */
}

@media only screen and (max-width: 1400px) {

	#menu {
		display: none;
	}

	nav ul {
		display: block;
		padding-left: 0;
		padding-bottom: 2rem;
	}

	nav ul li {
		padding: 10px 0;
		border-bottom: solid 1px #ddd;
		margin-bottom: 2rem;
	}


	nav ul li a::after {
		content: none;
	}

	nav ul li a:hover::after,
	nav ul li.current-menu-item a::after,
	nav ul li a:focus::after {
		width: 0%;
	}

	#hamburger {
		height: 40px;
		width: 40px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		top: 10px;
		right: 15px;
		margin: 0;
		position: absolute;
		cursor: pointer;
		z-index: 2;
		padding: 10px;
	}

	#hamburger span {
		height: 3px;
		width: 20px;
		z-index: 32;
		transition: background .3s;
		-webkit-transition: background .3s;
		background: var(--brown);
	}

	#hamburger.collapse {
		justify-content: center;
	}

	#hamburger.collapse span:nth-of-type(1) {

		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	#hamburger.collapse span:nth-of-type(3) {
		margin-top: -3px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	#hamburger.collapse span:nth-of-type(2) {
		display: none;
	}
}