.main-nav {
	line-height: 41px;

	a {
		font-family: @font-family-secondary;
		font-weight: 400;
		font-size: 16px;

		&:hover {
			color: @secondary-color;
		}
	}

	ul {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;

		ul {
			transition: top 0.3s ease 0s, opacity 0.3s;
			position: absolute;
			top: 120%;
			left: 0;
			width: 270px;
			transform: scaleX(0);
			background-color: #f7f7f7;
			margin-top: 31px;

			&:before {
				content: '';
				width: 100%;
				height: 35px;
				position: absolute;
				background-color: transparent;
				left: 0;
				top: -35px;
			}

			ul {
				transition: left 0.3s ease 0s, opacity 0.3s;
				left: 105%;
				top: 0;
				box-shadow: none;
				margin-top: 0;
			}
		}
	}

	li {
		display: inline-block;
		padding-right: 40px;
		position: relative;
		text-align: left;

		&:hover > ul {
			opacity: 1;
			z-index: 9999;
			top: 100%;
			transform: scaleX(1);
		}

		li {
			padding: 20px;
			display: block;
			border-left: 3px solid @secondary-color;
			line-height: 1;
			transition: all 0.5s;

			a {
				font-size: 14px;
			}

			&:hover {
				background-color: @secondary-color;

				& > a {
					color: @light;
				}

				& > ul {
					top: 0;
					left: 100%;
				}
			}
		}
	}

	ul.menu {
		padding-left: 30px;

		& > li {
			&:last-child {
				padding-right: 0;
			}

			&.current-menu-item {
				& > a {
					color: @secondary-color;

					&:after {
						color: @secondary-color;
					}
				}
			}

			&.menu-item-has-children {
				& > a {
					position: relative;

					&:after {
						content: '\f107';
						font-family: Fontawesome;
						position: absolute;
						top: 50%;
						right: -15px;
					    transform: translateY(-50%);
					    font-size: 16px;
					}
				}
			}
		}
	}

	.extra-menu-item {
		float: right;
	}

	.menu-item-search {
		.search-form {
			position: relative;
			min-width: 270px;

			.fa {
				font-size: 14px;
				font-weight: 400;
				position: absolute;
			    bottom: 14px;
				right: 0;
			}

			.search-field {
				width: 100%;
				border: none;
				border-bottom: 1px solid #f7f7f7;
				padding-left: 0;
				padding-bottom: 7px;
			    background-color: transparent;

				&:focus {
					outline: none;
				}
			}

			.search-submit {
				opacity: 0;
				width: 28px;
				position: absolute;
				bottom: 10px;
				right: -5px;
				z-index: 999;
			}
		}
	}

	.menu-item-button-link {
		a {
			font-size: 14px;
			font-weight: 700;

			&:hover,
			&:focus {
				color: @light ;
			}
		}
	}

	.menu-item-text {
		font-size: 24px;
		font-weight: 700;
		color: #fff;

		i {
			color: @secondary-color;
		}

		p {
			display: inline-block;
			padding-left: 20px;
		}
	}

	.menu-item-cart {
		.cart-contents {
			font-size: 20px;
			padding-top: 3px;
    		display: block;

			.mini-cart-counter {
				display: none;
			}
		}

		.cart_list {
			position: relative;
			transform: scale(1);
			width: 100%;
			border-bottom: 1px solid #f7f7f7;
			padding-bottom: 10px;
			background-color: #fff;
			right: 0;
			left: 0;
			top: 0;
			bottom: 0;

			li {
				border-right: 0;
				border-left: 0;

				&:hover {
					background-color: transparent;
					a {
						color: @primary-color;
					}
				}
			}

			a img {
				margin-right: 20px;
			}

			.remove {
				float: right;
				color: #9e9e9e !important;

				&:hover {
					color: @secondary-color !important;
					background-color: transparent !important;
				}
			}

			.quantity {
				margin-left: 0;
				border: 0;
				padding: 0;
			    margin-top: 10px;
			    display: inline-block;
			    width: inherit;
			}
		}

		.total {
			border-bottom: 1px solid #f7f7f7;
			text-transform: uppercase;
			margin-bottom: 10px;

			.amount {
				float: right;
			}
		}

		.buttons {
			.checkout {
				float: right;
			}
		}

		.widget_shopping_cart_content {
			transition: top 0.3s ease 0s, opacity 0.3s;
			position: absolute;
			top: 120%;
			right: 0;
			width: 320px;
			transform: scaleX(0);
			background-color: #fff;
			margin-top: 29px;
			border: 1px solid #f7f7f7;
			padding: 15px;
			opacity: 0;

			&:before {
				content: '';
				width: 100%;
				height: 35px;
				position: absolute;
				background-color: transparent;
				left: 0;
				top: -35px;
			}
		}

		&:hover {
			.widget_shopping_cart_content {
				opacity: 1;
				z-index: 9999;
				top: 100%;
				transform: scaleX(1);
			}
		}
	}
}

.header-transparent {
	.main-nav {
		ul.menu > li {
			& > a {
				color: @light;

				&:after {
					color: @light;
					transition: 0.5s;
				}
			}
		}
	}
}

.header-v3 {
	.main-nav {
		ul {
			ul {
				top: 109%;
				left: 0;

				ul {
					left: 105%;
					top: 0;
				}
			}
		}

		li:hover > ul {
			top: 89%;
		}

		.menu-item-cart {
			.widget_shopping_cart_content {
				top: 109%;
			}

			&:hover {
				.widget_shopping_cart_content {
					top: 89%;
					margin-top: 29px;
				}
			}
		}
	}
}

.header-v4 {
	.main-nav {
		line-height: 51px;
		ul.menu {
			padding-left: 15px;

			& > li > a,
			& > li.current-menu-item > a {
				color: @light;
			}
		}

		ul {
			ul {
				top: 99%;
				left: 0;

				ul {
					left: 105%;
					top: 0;
				}
			}
		}

		li:hover > ul {
			top: 79%;
		}

		ul li.menu-item-button-link a {
			min-height: 50px;
			line-height: 50px;
			color: @primary-color;
			background-color: @light;
			padding: 0 30px;

			&:hover,
			&:focus {
				color: @primary-color;
			}
		}

		.menu-item-cart {
			.widget_shopping_cart_content {
				top: 99%;
			}

			&:hover {
				.widget_shopping_cart_content {
					top: 79%;
				}
			}
		}
	}
}

.header-v5 {
	.main-nav {
		ul ul {
			margin-top: 11px;

			&:before {
				height: 22px;
				top: -22px;
			}
		}

		.menu-item-cart {
			.widget_shopping_cart_content {
				margin-top: 11px;

				&:before {
					height: 22px;
					top: -22px;
				}
			}
		}
	}
}

.header-v6,
.header-v7 {
	.main-nav {
		ul ul {
			margin-top: 14px;

			&:before {
				height: 22px;
				top: -22px;
			}
		}

		ul.menu {
			padding-left: 15px;

			& > li {
				& > a {
					color: @light;

					&:after {
						color: @light;
						transition: 0.5s;
					}
				}

			}
		}

		.menu-item-cart {
			.widget_shopping_cart_content {
				margin-top: 14px;

				&:before {
					height: 22px;
					top: -22px;
				}
			}
		}
	}
}

.header-v7 {
	.main-nav .menu-item-cart .cart-contents {
		padding-top: 1px;
	}
}

.header-v7,
.header-v8 {
	.main-nav {
		ul.menu {
			padding-left: 15px;

			& > li {
				padding-top: 12px;
				padding-bottom: 13px;

				&.menu-item-button-link {
					padding-bottom: 12px;
				}
			}
		}

		.menu-item-cart {
			.widget_shopping_cart_content {
				margin-top: 0;
			}
		}
	}

	.menu-item-button-link {
		a {
			padding-left: 35px;
			padding-right: 35px;
		}
	}
}

.header-v7 {
	.main-nav {
		ul ul {
			margin-top: 0;
		}

		ul.menu {
			position: relative;

			&:after {
				content: '';
				position: absolute;
				right: -400px;
				top: 0;
				width: 400px;
				height: 100%;
				background-color: #002a52;
			}

			& > li {
				padding-top: 12px;
				padding-bottom: 13px;
			}

			li.fp-home {
				width: 68px;
				margin-right: 25px;
				padding-right: 0;
				position: relative;
				background-color: @secondary-color;

				&:after {
					font-size: 24px;
					content: '\f015';
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					color: #002a52;
					font-family: Fontawesome;
					cursor: pointer;
				}

				& > a,
				& > a:after {
					color: transparent;
				}
			}
		}
	}

	.menu-item-button-link {
		background-color: @secondary-color;
	}
}

.header-v8 {
	.main-nav {
		ul ul {
			margin-top: 1px;

			&:before {
				height: 22px;
				top: -22px;
			}
		}

		ul.menu > li {
			& > a {
				color: @light;

				&:after {
					color: @light;
					transition: 0.5s;
				}
			}

			&.current-menu-item:not(.fp-home) {
				& > a {
					color: @secondary-color;

					&:after {
						color: @secondary-color;
					}
				}
			}

			&.fp-home {
				border-left: 1px solid rgba(255, 255, 255, 0.3);
				border-right: 1px solid rgba(255, 255, 255, 0.3);
				width: 68px;
				margin-right: 25px;
				padding-right: 0;
				position: relative;

				&:after {
					font-size: 24px;
					content: '\f015';
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					color: @secondary-color;
					font-family: Fontawesome;
					cursor: pointer;
				}

				& > a,
				& > a:after {
					color: transparent;
				}
			}
		}

		.menu-item-button-link {
			background-color: transparent;
			border-left: 1px solid rgba(255, 255, 255, 0.3);
			border-right: 1px solid rgba(255, 255, 255, 0.3);

			a {
				background-color: transparent;
			}
		}
	}
}

.header-sticky {
	.site-header.minimized,
	.site-header.minimizing {
		.main-nav {
			ul.menu > li {
				& > a {
					color: @primary-color;

					&:after {
						color: @primary-color;
						transition: 0.5s;
					}

					&:hover {
						color: @secondary-color;

						&:after {
							color: @secondary-color;
						}
					}
				}

				&.menu-item-button-link a {
					color: @light;

					&:hover {
						color: @light;
					}
				}

				&.current-menu-item {
					& > a {
						color: @secondary-color;

						&:after {
							color: @secondary-color;
						}
					}
				}
			}
		}
	}

	&.header-v4 {
		.site-header.minimized,
		.site-header.minimizing {
			.main-nav {
				ul.menu > li {

					&.menu-item-button-link a {
						background-color: @secondary-color;
						color: @light;

						&:hover {
							color: @light;
						}
					}
				}
			}
		}
	}

	&.header-v6,
	&.header-v7 {
		.site-header.minimized,
		.site-header.minimizing {
			.main-nav {
				ul.menu > li {
					& > a {
						color: @light;

						&:after {
							color: @light;
						}
					}

					&.current-menu-item {
						& > a {
							color: @secondary-color;

							&:after {
								color: @secondary-color;
							}
						}
					}
				}
			}
		}
	}

	&.header-v7,
	&.header-v8 {
		.site-header.minimized,
		.site-header.minimizing {
			.main-nav {
				ul.menu {
					li.fp-home {
						& > a,
						& > a:after {
							color: transparent;
						}
					}
				}
			}
		}
	}

	&.header-v8 {
		.site-header.minimized,
		.site-header.minimizing {
			.main-nav {
				ul.menu {
					li.fp-home {
						border-right-color: transparent;
						border-left-color: transparent;
						background-color: @secondary-color;

						&:after {
							color: #fff;
						}
					}

					li.menu-item-button-link {
						background-color: @secondary-color;
					}
				}
			}
		}
	}
}

.post-navigation {
	float: right;

	.nav-previous,
	.nav-next {
		display: inline-block;
		padding: 5px 0;
	}

	.nav-previous {
		padding-right: 10px;
		border-right: 0.5px solid #f7f7f7;

		.meta-nav {
			padding-right: 12px;
		}
	}

	.nav-next {
		padding-left: 10px;
		border-left: 0.5px solid #f7f7f7;

		.meta-nav {
			padding-left: 12px;
		}
	}

	a:hover {
		color: @secondary-color;
	}
}

.numeric-navigation {
	clear: both;
	display: block;
	text-align: center;
	float: none;
	padding-top: 50px;

	.page-numbers {
		color: @primary-color;
		font-weight: 700;
		font-size: 18px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border: 1px solid #f7f7f7;
		display: inline-block;
		margin: 0 3px;
		transition: 0.5s;

		.fa {
			color: #9e9e9e;
			font-size: 18px;
			transition: 0.5s;
		}

		&:first-child {
			margin-left: 0;
		}

		&:last-child {
			margin-right: 0;
		}

		&:hover,
		&.current {
			color: @light;
			border-color: @secondary-color;
			background-color: @secondary-color;

			.fa {
				color: @light;
			}
		}
	}
}

.blog-grid {
	.numeric-navigation {
		margin-top: 0;
		padding-top: 30px;
		border-top: 1px solid #f7f7f7;
	}

	.all-project,
	.all-service {
		.numeric-navigation {
			border: 0;
		}
	}
}

.blog-list {
	.numeric-navigation {
		margin-top: 0;
		padding-top: 50px;
	}
}

.all-project {
	.numeric-navigation {
		margin-top: 0;
		padding-top: 30px;
	}
}

.project-nav-ajax {
	.numeric-navigation {
		.page-numbers {
			display: none;

			&.next {
				font-size: 14px;
				font-family: @font-family-secondary;
				margin: 0;
				text-transform: uppercase;
				display: inline-block;
				transition: 0.5s;
				color: #fff;
				font-weight: 400;
				text-align: center;
				line-height: 50px;
				height: 50px;
				min-width: 170px;
				padding: 0;
				border-radius: 0;
				border: 0;
				background-color: @secondary-color;
			}
		}
	}
}

.header-transparent {
	.navbars-icon {
		i {
			color: @light;
		}
	}
}

.navbars-icon {
    transition: 0.4s;
    display: inline-block;
    position: relative;

    i {
    	color: @primary-color;
    	font-size: 26px;
    }
}

.admin-bar {
	.primary-mobile-nav {
		top: 32px;
	}
}

.primary-mobile-nav {
	width: 340px;
	transition: 0.4s;
	background-color: @light;
	position: fixed;
	top: 0;
	right: -340px;
	height: 100%;
	overflow-x: hidden;
    overflow-y: auto;
    color: @text-color;
    z-index: -999999;
    border: 1px solid #f7f7f7;

    .close-canvas-mobile-panel {
	    padding: 20px;
	    display: inline-block;
	    font-size: 46px;
	}

	ul {
		list-style: none;
		padding-left: 0;
	}

	ul.menu {
		padding-bottom: 30px;

		&.over-submenu {
			height: 0;
			overflow: hidden;
			padding-bottom: 0;
		}

		li {
			padding: 15px 20px;
			position: static;

			.toggle-children {
				float: right;
				position: relative;

				i {
					position: absolute;
					width: 50px;
					height: 50px;
					text-align: center;
				    line-height: 50px;
			        right: -20px;
					top: -12px;
					font-size: 22px;
				}
			}

			& > ul {
			    position: absolute;
			    float: left;
			    right: 0;
			    top: 0;
			    visibility: visible;
			    display: inline-block;
			    width: 100% !important;
			    z-index: 10;
			    margin-top: 0;
			    transform: translateX(100%);
			    transition: 0.35s;
			    background-color: #fff;
			    overflow-y: auto;
			    overflow-x: hidden;
			    height: 100%;

			    .menu-parent-items {
			    	background-color: #f7f7f7;
			    	color: @primary-color;
			    	text-transform: uppercase;
			    }
			}

			&.over-menu {
				& > ul {
					transform: translateX(0);
				}
			}

			&.menu-back {
				padding-left: 40px;
				position: relative;

				&:before {
					content: '\f104';
					font-family: Fontawesome;
					font-size: 22px;
					position: absolute;
					left: 20px;
					top: 50%;
					transform: translateY(-50%);
				}
			}

			&.extra-menu-item {
				margin-top: 40px;
			}

			&.current-menu-item {
				& > a {
					color: @secondary-color;
				}
			}
		}
	}

	.menu-item-cart {
		.cart-contents {
			font-size: 20px;

			.mini-cart-counter {
				display: none;
			}
		}

		.cart_list {
			position: relative;
			transform: scale(1);
			width: 100%;
			border-bottom: 1px solid #f7f7f7;
			padding-bottom: 10px;
			background-color: #fff;
			transform: none;
		    float: none;
		    top: inherit;
		    right: inherit;

			li {
				border-left: 0;
				border: none;
				padding-left: 0;
				padding-right: 0;

				&:hover {
					background-color: transparent;
					a {
						color: @primary-color;
					}
				}
			}

			a img {
				margin-right: 20px;
			}

			.remove {
				float: right;
				color: #9e9e9e !important;

				&:hover {
					color: @secondary-color !important;
					background-color: transparent !important;
				}
			}

			.quantity {
				margin-left: 0;
				border: 0;
				padding: 0;
			    margin-top: 10px;
			    display: inline-block;
			    width: inherit;
			}
		}

		.total {
			border-bottom: 1px solid #f7f7f7;
			text-transform: uppercase;
			margin-bottom: 10px;
			padding: 7px 0;

			.amount {
				float: right;
			}
		}

		.buttons {
			text-align: center;

			a {
				margin-top: 10px;
			}
		}

		.widget_shopping_cart_content {
			position: relative;
			background-color: #fff;
			padding: 15px 0;
		}
	}
}

.display-mobile-menu {
	.primary-mobile-nav {
		right: 0;
		z-index: 99999;
	}
}