.resa-primary-navigation-wrap .main-navigation {
	display: flex;
	justify-content: flex-end;

	.resa-sub-menu-parent {
		width: 100%;
		height: 100%;
	}

	.menu {
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
		min-height: 1px;
		flex-wrap: wrap;


		ul.sub-menu {
			width: 240px;
			background: #fff;
			left: -999em;
			position: absolute;
			top: 100%;
			z-index: 99999;
			margin: 0;
			padding: 0;
			border-top-width: 2px;
			border-bottom-width: 0;
			border-right-width: 0;
			border-left-width: 0;
			border-color: var(--resa_primary_color);
			border-style: solid;
			border-radius: 0;

		}

		a {
			display: flex;
			align-items: center;
			position: relative;
			width: 100%;
			padding: 12px;
			border-radius: 0;
			min-height: 100%;
			gap: 5px;
			justify-content: space-between;

			.dropdown-menu-toggle {
				font-weight: bold;
				font-size: 0.8em;
			}
		}

		li {
			margin: 0;
			padding: 0;
			display: flex;
			align-items: center;
			min-height: 100%;
			position: relative;


			&:hover >, &.resa-focus > {
				.sub-menu {
					visibility: visible;
					left: 0;
					right: auto;
					z-index: 999;
					opacity: 1;
					box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.10);
					line-height: 1.45;
					margin-top: 0;
				}
			}

			&.current-menu-item, &.current-menu-ancestor {
				> a {
					color: var(--resa_primary_color);
				}
			}
		}

		ul.sub-menu {
			li {
				border-bottom: 1px solid var(--resa_border_color);
				padding: 3px;

				&:last-child {
					border-bottom: none;
				}

				.dropdown-menu-toggle {
					&:before {
						content: "\f105";
					}
				}

				a {
					padding: 0.7em 1em;
					word-wrap: break-word;
				}

				&:hover, &.resa-focus {
					> .sub-menu {
						left: 100%;
						top: -2px;
					}
				}
			}

		}
	}
}

@import "mobile-menu";
