/* #Main Menu */
.main-navigation .menu,
.main-navigation .menu > li > a {
	color: $invert_text_color;
}

.main-navigation .menu,
.main-navigation .menu a {
	color: $regular_accent_color_1;
}

.main-navigation .menu > li > a:before {
	background-color: $regular_accent_color_1;
}

.menu:before {
	background-color: @alpha($invert_text_color, 13);
}

@media (max-width: 767px) {
	.main-navigation .menu > li > a:hover,
	.main-navigation .menu > li.menu-hover > a,
	.main-navigation .menu > li.current_page_item > a,
	.main-navigation .menu > li.current_page_ancestor > a,
	.main-navigation .menu > li.current-menu-item > a,
	.main-navigation .menu > li.current-menu-ancestor > a {
		color: $invert_text_color;
		background: none;
	}

}

.main-navigation .sub-menu {
	background: $invert_h3_color;
	border: 1px solid $regular_accent_color_3;
	box-sizing: border-box;
}

.main-navigation ul ul a {
	color: $regular_text_color;
}

.main-navigation .sub-menu li:hover > a,
.main-navigation .sub-menu li.menu-hover > a,
.main-navigation .sub-menu li.current_page_item > a,
.main-navigation .sub-menu li.current_page_ancestor > a,
.main-navigation .sub-menu li.current-menu-item > a,
.main-navigation .sub-menu li.current-menu-ancestor > a,
.main-navigation .sub-menu li:hover > .sub-menu-toggle,
.main-navigation .menu .sub-menu-toggle:hover{
	color: $regular_text_color;
}

@media(max-width: 767px){
	.main-navigation .sub-menu li:hover > a,
	.main-navigation .sub-menu li.menu-hover > a,
	.main-navigation .sub-menu li.current_page_item > a,
	.main-navigation .sub-menu li.current_page_ancestor > a,
	.main-navigation .sub-menu li.current-menu-item > a,
	.main-navigation .sub-menu li.current-menu-ancestor > a,
	.main-navigation .sub-menu li:hover > .sub-menu-toggle,
	.main-navigation .menu .sub-menu-toggle:hover{
		color: $invert_accent_color_2;
	}
}

/* #Footer Menu */
.footer-menu__items li.current-menu-item a,
.footer-menu__items li.current_page_item a {
	color: $regular_text_color;
}

@media (min-width: 768px) {
	.main-navigation .menu > li.current-menu-ancestor::after, .main-navigation .menu > li.current-page-item::after, .main-navigation .menu > li.current-menu-item::after, .main-navigation .menu > li:hover::after {
		color: $regular_accent_color_1;
		z-index: 111111;
	}
}