.primary-menu {

	// first level
	> li {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;

		> a {
			color: var(--menuInitialColor);

			&:hover {
				color: var(--menuHoverColor);
			}
		}

		&.current-menu-item a {
			color: var(--menuHoverColor);
		}
	}


	// sub menu
	.sub-menu {
		// background: #29333d;
		background: var(--dropDownBackground);
		box-shadow: 0px 10px 20px 0px rgba(41, 51, 61, 0.1);

		li {
			font-size: 12px;
			font-weight: 500;
			text-transform: initial;
			line-height: 1.6;

			a {
				color: var(--menuInitialColor);

				&:hover {
					color: var(--menuHoverColor);
				}
			}

			&.current-menu-item a {
				color: var(--menuHoverColor);
			}

			&:not(:last-child) {
				border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
			}
		}
	}
}