/*
* @subsection  RD Navbar Static
*/
// - li first level and li
// - link first level and link
// - menus
// - dropdowns
// - megamenus
// - rd-search
// - submenus

.rd-navbar-static {
	display: block;

	// RD Navbar Nav
	//
	// RD Nav item 1-st level
	.rd-nav-item {
		display: inline-block;
		&.focus,
		&.opened {
			.rd-nav-link {
				color: $rd-navbar-nav-hover-color;
				background: $rd-navbar-nav-hover-background;
			}

			> .rd-navbar-submenu-toggle {
				color: $rd-navbar-nav-hover-color;
			}
		}

		&.active {
			.rd-nav-link {
				color: $rd-navbar-nav-active-color;
				background: $rd-navbar-nav-active-background;
			}

			> .rd-navbar-submenu-toggle {
				color: $rd-navbar-nav-active-color;
			}
		}

		&.focus > .rd-navbar-submenu-toggle,
		&.opened > .rd-navbar-submenu-toggle,
		.rd-nav-link:hover + .rd-navbar-submenu-toggle {
			&::before {
				transform: rotate(180deg);
			}
		}

		> .rd-navbar-submenu-toggle {
			margin-left: 4px;
			font-family: "Material Design Icons";
			font-size: 16px;
			cursor: pointer;
			color: $gray-21;

			&::before {
				position: relative;
				display: inline-block;
				transition: .22s;
				content: '\f236';
			}

			&:hover {
				color: $rd-navbar-nav-hover-color;
			}
		}

		// If Have submenu
		> .rd-navbar-submenu {
			margin-top: 20px;
		}
	}

	.rd-nav-item + .rd-nav-item {
		margin-left: 24px;
	}

	@include media-breakpoint-up(xl) {
		.rd-nav-item + .rd-nav-item {
			margin-left: $navbar-static-nav-indent;
		}
	}

	// Rd Nav Link 1-st level
	.rd-nav-link {
		position: relative;
		display: inline-block;
		line-height: 1.2;
		transition: .25s;

		&:hover {
			color: $rd-navbar-nav-hover-color;
		}
	}

	// Rd Menu (dropdown and megamenu)
	.rd-menu {
		z-index: 15;
		position: absolute;
		display: block;
		visibility: hidden;
		opacity: 0;
		text-align: left;
		background: $rd-navbar-submenu-background;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.24);
		@extend %rd-navbar-transition;
	}

	// RD Dropdown 1-st level
	.rd-navbar-dropdown {
		position: absolute;
		left: -25px;
		width: $rd-navbar-dropdown-width;
		padding: 5px 23px;
		margin-top: 17px;

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

		> li + li {
			border-top: 1px solid $gray-10;
		}

		.rd-navbar-dropdown {
			top: -1px;
			left: 100%;
			z-index: 2;
			margin-top: -15px;
			margin-left: 15px;

			// If the menu is on the right edge window
			&.rd-navbar-open-left {
				left: auto;
				right: 100%;
				margin-left: 0;
				margin-right: 15px;
			}
		}
	}

	.rd-dropdown-item {
		&.focus,
		&.opened {
			.rd-dropdown-link {
				color: $rd-navbar-dropdown-item-active-color;
			}
		}
	}

	.rd-dropdown-link {
		color: $rd-navbar-dropdown-item-color;

		&:hover {
			color: $rd-navbar-dropdown-item-hover-color;
		}
	}

	.rd-navbar-dropdown,
	.rd-megamenu-list {
		> li > a {
			position: relative;
			padding-left: 17px;

			&::before {
				content: '';
				position: absolute;
				top: 7px;
				left: 0;
				width: 8px;
				height: 8px;
				background: $gray-8;
				transition: inherit;
			}

			&:hover {
				&::before {
					background: $rd-navbar-dropdown-item-hover-color;
				}
			}
		}
	}

	// List item
	.rd-megamenu-list-item + .rd-megamenu-list-item {
		margin-top: 14px;
	}

	@include media-breakpoint-up(xxl) {
		.rd-megamenu-list-item + .rd-megamenu-list-item {
			margin-top: 18px;
		}
	}

	// RD all megamenu
	.rd-navbar-megamenu {
		display: flex;
		left: 0;
		width: 100%;
		max-width: $rd-navbar-width;
		padding: 30px 0;
		margin-top: 30px;
	}

	// Megamenu item 1st level
	.rd-megamenu-item {
		position: relative;
		flex-basis: 50%;
		flex-grow: 1;
		padding-left: 30px;

		+ .rd-megamenu-item {
			&::before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 1px;
				background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(216, 216, 216) 50%, rgba(255, 255, 255, 0) 100%);
			}
		}

		&:last-child {
			padding-right: 50px;
		}
	}

	@include media-breakpoint-up(xl) {
		.rd-megamenu-item {
			padding-left: 50px;
		}
	}

	// Megamenu title
	.rd-megamenu-title {
		font-size: 18px;
	}

	// Megamenu list link
	.rd-megamenu-list-link {
		color: $rd-navbar-megamenu-item-color;
		background: $rd-navbar-megamenu-item-background;
		&:hover {
			color: $rd-navbar-megamenu-item-hover-color;
			background: $rd-navbar-megamenu-item-hover-background;
		}
	}

	// Megamenu list offset
	* + .rd-megamenu-list {
		margin-top: 16px;
	}

	// RD all submenus
	.rd-navbar-submenu {
		&.focus,
		&.opened {
			> .rd-menu {
				opacity: 1;
				visibility: visible;
			}
		}
	}

	// RD navbar search
	.rd-navbar-search {
		&.active {
			.rd-search {
				visibility: visible;
				opacity: 1;
			}
		}
	}

	.rd-search {
		position: absolute;
		top: 100%;
		right: 0;
		width: 270px;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		margin-top: 20px;
		z-index: 2;
	}

	// RD search offset
	* + .rd-navbar-search {
		margin-left: $navbar-static-nav-indent;
	}

	.rd-navbar-search-toggle {
		display: inline-flex;
		@include toggle-icons-via-rotation(32px, 32px, 26px, '\f43b', '\f24c', 'Material Design Icons', 'Material Design Icons');
		color: $rd-navbar-nav-color;

		&:hover {
			color: $rd-navbar-nav-hover-color;
		}
	}

	// RD navbar Clone
	&.rd-navbar--is-clone {
		display: block;
		transform: translate3d(0, -100%, 0);

		&.rd-navbar--is-stuck {
			transform: translate3d(0, 0, 0);
		}
	}

	// RD Navbar Stuck || Clone
	&.rd-navbar--is-stuck,
	&.rd-navbar--is-clone {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: $zindex-rd-navbar;
		background: $rd-navbar-background;

		.rd-menu {
			margin-top: 24px;
		}
	}

	// RD Navbar States
	.rd-navbar--has-dropdown {
		position: relative;
	}
}