/* Mobile nav panel (hamburger styles: hamburger-theme.css + hamburgers.css). */

.mobile-div {
	display: none;
}

.mobile-nav {
	display: none;
	width: 100%;
	padding: 8px 0 16px;
}

.mobile-nav a {
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	color: #2E2A26;
	padding: 12px 0;
	border-bottom: 3px solid transparent;
}

.mobile-nav a:hover,
.mobile-nav a.active {
	color: #4A2593;
	border-bottom-color: #FCDB7E;
}

@media (max-width: 1000px) {
	.main-nav {
		display: none;
		gap: 4px 30px !important;
		font-size: 19px !important;
	}

	.mobile-div {
		display: contents;
	}

	.mobile-nav {
		padding: 20px 0 0 2px;
	}

	.mobile-nav a {
		font-size: 18px !important;
	}
}

@media (min-width: 1001px) {
	.main-nav {
		gap: 4px 30px !important;
		font-size: 19px !important;
	}
}
