@import (reference) "color.less";

.nav{
	margin-bottom: 0;
	padding-left: 0; // Override default ul/ol
	list-style: none;
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
	>li {
		position: relative;
		display: inline-block;

		>a {
			position: relative;
			display: block;
			padding: 10px 15px;
			&:hover,
			&:focus {
				text-decoration: none;
				background-color: white;
			}
		}
	}

	&.nav-line {
		min-width: 90px;

		>li {
			cursor: pointer;

			>a {
				color: black;

				&:focus,
				&:active {
					outline: none;
					background: white;
				}

				&:hover {
					background: white;
					color: @Blue;
				}
			}

			&.active {
				position: relative;

				>a {
					color: @Blue;
				}

				&:before {
					content: "";
					display: inline-block;
					width: 25px;
					border: 1px solid @Blue;
					position: absolute;
					left: 50%;
					bottom: 0;
					transform: translateX(-50%);
				}
			}
		}
	}
}