.primary-navigation {
	@include responsive('>', 'tablets', (
		right: 10px,
		top: 56px,
		position: relative
	));

	@include responsive('>', 'tablets-l', (
		right: 30px
	));
}

.woocommerce-active {
	.site-header {
		.main-navigation {
			@include responsive('>','tablets', (
				float: right,
				clear: none,
				position: relative,
				margin-right: 0,
				font-size: 1.2em,
				text-align: right,
				z-index: 1
			));
		}
	}
}

.main-navigation {
	padding-top: 0;

	ul {
		li {
			a {
				text-align: center;
				color: $colorGreyDark;

				&:hover {
					color: $colorYellow;
				}
			}
		}

		&.menu,
		&.nav-menu {
			> li {
				> a {
					@include responsive('>', 'tablets', (
						padding: 0 0.6em,
						font-size: 0.8em,
						line-height: 0.8em,
						border-right: 2px solid $colorGreyDark
					));

					@include responsive('>', 'tablets-l', (
						font-size: 1em,
						padding: 0 1em
					));
				}

				&:last-child {
					a {
						@include responsive('>', 'phones', (
							border-right: 0,
						));

						@include responsive('>', 769px, (
								padding-right: 0
						));
					}
				}
			}
		}

		&.menu {
			padding-top: 0;

			li {
				&.current-menu-item {
					> a {
						color: $colorYellow;
					}
				}
			}
			
			ul.sub-menu {
				background: none;
				padding-top: 5px;
				margin: 0;

				li a {
					@include responsive('>', 'tablets', (
					    text-align: left,
					    padding: 0 0 0 0.6em,
					    font-size: .8em
					));
					
					@include responsive('>', 'tablets-l', (
					    padding-left: 1em,
					    font-size: 1em,
					    line-height: 1.4
					));

				    &:hover {
				    	background: none;
				    }
				}
			}

		}
	}
}

// Mobile
.menu-toggle {
	margin: 0;
	padding: $globalPadding;
	background: transparent;
	box-shadow: none;
	float: none;
	border: none;

	&:focus,
	&:hover {
		background: transparent;
	}

	&:before {
		color: black;
	}
}

button.menu-toggle {
	float: none;
	border: none;
}

.handheld-navigation {
	.menu-item {
		a {
			&:before {
				content: '';
				font-size: 0;
			}
		}
	}
}