/* hides the x-axis scroll, potentially caused by mega nav dropdown contents */
html, body {
	max-width: 100vw;
	overflow-x: hidden;
}

/* reset mega-nav dropdown css inherited from elsewhere in GeneratePress */
.mega-nav-dropdown a:not([class]) {
	all: unset;
	cursor: pointer;
}
/**/

@media (max-width: 768px) {
    .secondary-navigation {
        display: none;
    }
}

.site-header {
	position: relative;
}

.site-header .inside-navigation {
	position: initial;
}

.site-header .mega-nav-dropdown {
	width: 100%;
	position: absolute;
	top: -9999em;
	left: 0;
	opacity: 0;
	transition-duration: 0.15s;
	transition-property: opacity;
	transition-timing-function: ease-in-out;
}

.site-header .mega-nav-dropdown.active {
	opacity: 1 !important;
	top: 100% !important;
}

.site-header a[data-gpmodal-trigger="gp-search"],
.main-navigation .menu-toggle {
	padding-bottom: 6px;
}

/* hide the dropdown toggle button */
.main-navigation .menu-item-has-children .dropdown-menu-toggle {
	display: none;
}

.main-navigation .main-nav > ul > li {
	& > a {
		height: 60px;
		padding-bottom: 6px;
		box-sizing: content-box;
		border-bottom: 4px solid transparent;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-property: all;
		font-family: Sora, sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	
	&.active {
		> a {
			border-bottom-color: var(--accent-2);
		}
	}
	
	&[class*="current-menu-"] > a {
		color: var(--brand-primary);
		
		&:hover {
			color: var(--accent-2);
			border-bottom-color: var(--accent-2);
		}
	}
}

@media(min-width: 1170px) {
	.main-navigation {
		.dropdown-menu-toggle,
		.sub-menu {
			display: none;
		}
		
		li.menu-item-has-children > a {
			padding-right: 20px !important;
		}
	}
}