#dpr-navigation-wrapper {
	float: right;
	position: relative;
	right: -15px;

	.dropdown-menu {
		list-style: none;
		margin: 0;
		padding: 0;

		> li {
			float: left;
			position: relative;

			> a {
				display: block;
				font-size: 16px;
				line-height: 90px;
				font-weight:500;
				color: $color-11;
				padding: 0 15px;

				&.site-search-toggle {
					letter-spacing: 0;
				}

				&:hover {
					color: $color-5;
				}

				.nav-arrow {
					font-size:10px;
					line-height: 1;
				}
			}

			&.btn > a {
				background-color: transparent !important;
			}

			&.btn > a > span {
			    background-color: $color-5;
			    color: $color-1;
			    padding: 12px 22px;
			    font-weight: 600;
			    @include border-radius( 4px );
			    cursor: pointer;
			    text-align: center;
		    	@include transition( background-color .3s ease );

		    	&:before,
		    	&:after {
		    		display: none !important;
		    	}
			}

		    &.btn > a:hover > span {
		    	background-color: $color-6;
		    	color: $color-1;
		    }

			&.btn.rounded > a > span {
			    @include border-radius( 25px );
			}
		}
	}
}

// If social
.has-social #dpr-navigation-wrapper {
	right: 0;
}

// If left menu
.default-header.left-menu #dpr-navigation-wrapper, .minimal-header.left-menu #dpr-navigation-wrapper  {
	float: left;
	right: 0;
}

.default-header.left-menu #dpr-logo, .minimal-header.left-menu #dpr-navigation-wrapper {
	padding-right: 20px;
}

// If center menu
.center-menu #dpr-navigation-wrapper {
	position: absolute;
    float: none;
    left: 50%;
    right: auto;
    @include transform( translateX(-50%) );
}

/**
 * SuperFish
 */
.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	li.menu-item {
		position: relative;
		white-space: nowrap;
		*white-space: normal;
	}
	li.search-toggle-li a, li.side-panel-li a i {
		font-size:115% !important;
	}
	li:hover,
	li.sfHover {
		@include transition( none );
	}

	ul.sub-menu {
		position: absolute;
		display: none;
		top: 100%;
		left: 0;
		z-index: 9999;
	}

	> li {
		float: left

	}

	li:hover > ul,
	li.sfHover > ul {
		display: block
	}

	a.menu-link {
		display: block;
		position: relative;
		zoom: 1
	}

	ul.sub-menu ul {
		top: 0;
		left: 100%;
	}
}

/**
 * Dropdown
 */
.dropdown-menu,
.dropdown-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dropdown-menu {
	.sub-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		background-color: $color-1;
		border-top: 3px solid $color-5;
		min-width: 180px;
		line-height: 1;
		text-align: left;
		z-index: 999;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) ;
	}

	li .sub-menu li.menu-item {
		display: block;
		float: none;
	}

	ul .sub-menu {
		top: 0;
		left: 100%;
	}
}

.no-top-border .sub-menu {
	border: none;
}
.add-top-arrow .sub-menu.level-0:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 8px 8px;
border-color: $color-5 transparent;
display: block;
width: 0;
z-index: 1;
top: -8px;
left: 10px;
}
.vertical-header-style .add-top-arrow .sub-menu.level-0:after {
display:none;
}

.dropdown-menu {
	ul li.menu-item {
		display: block;
		border-bottom: 1px solid $color-9;
	}

	ul li.menu-item:last-child {
		border-bottom: 0;
	}

	ul li a.menu-link {
		display: block;
		position: relative;
		float: none;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.2em;
		padding: 10px 15px;
		text-transform: capitalize;

		&:hover {
			background-color: $color-8;
			color: $color-11;
		}

		.nav-arrow {
			position: absolute;
			top: 50%;
			right: 15px;
			margin-top: -6.5px;
			padding: 0;
		}
		i {
			position: relative;
			width: 20px;
			text-align: center;
			margin-right: 3px;
		}
		
	}
}

/**
 * Icons
 */
.dropdown-menu li a.menu-link i {
	padding-right: 5px;
}

/**
 * Item description
 */
.nav-content {
    display: block;
    font-size: 85%;
    line-height: $base-line-height;
    padding: 0 0 5px 0;
    margin-top:-4px;
    font-style: italic;
    white-space: normal;
    @include opacity( 0.7 );
}

/**
 * Menu Icons
 */
.navigation li a {
	i.icon, span.icon-wrapper, img.icon {
		display: inline-block;
		vertical-align: middle;
	}

	i {
		&.icon {
			width: auto;
			height: auto;
			font-size: 1.2em;
			font-weight: 400;
			line-height: 1;
			padding: 0 !important;
		}

		&.before,
		&.after {
			margin-top: -.265em;
		}

		&.before {
			margin-right: 6px;
		}

		&.after {
			margin-left: 6px;
		}

		&.elusive {
			margin-top: -.3em;
		}
	}

	span.icon-wrapper {
		text-align: center;

		i.below, img {
    		display: block;
    		margin: 0 0 8px;
    	}

    	img {
    		margin: 0 auto 8px auto;
    	}

    	span.menu-text {
    		display: block;
    		line-height: 1;
    	}
	}

	img {
		&.before {
			margin-right: 6px;
		}

		&.after {
			margin-left: 6px;
		}
	}
	
	.svg {
		width: 1em;
	}

	.hidden {
		display: none !important;
	}
}


/**
 * Menu Badge
 */
 
.navigation li a { 

	 span.menu-item-badge {
			position: absolute;
			display: inline-block;
			line-height: 16px;
			bottom: calc(50% + 5px);
			transform: translateX(-50%);
		 	
			
		}
	 span.menu-item-badge-arrow {
		width: 0;
		height: 0;
		border-top: 5px solid;
		border-right: 5px solid transparent;
		margin: 0 0 0 6px;
		display: block;
		border-top-color:$color-5;
		color:$color-5;
	}
	 span.menu-item-badge-text {
		padding: 1px 6px 0;
		display: block;
		color: #fff;
		font-size: 10px;
		font-weight: 500;
		text-transform: none;
		background-color: $color-5;
		border-radius:3px;
	}
	
	.sub-menu span.menu-item-badge {
		position: relative;
		display: inline-block;
		line-height: 16px;
		top: -1px;
		margin-left: 8px;
	}
	.sub-menu span.menu-item-badge-arrow {
		width: 0;
		height: 0;
		border-top: 4px solid transparent !important;
		border-right: 5px solid;
		border-bottom: 4px solid transparent;
		margin: 0;
		top: 50%;
		left: -5px;
		transform: translateY(-4.5px);
		position: absolute;
	}


}

.submenu--left { 
left: auto!important; 
right: 100% !important; 
}



/*------------------------------------*
	Mobile Menu
*------------------------------------*/
#dpr-adeline-mobile-menu-icon {
	display: none;
	float: right;
	position: relative;

	a {
		font-size: 13px;
		line-height: 90px;
		color: #555;
		padding-left: 15px;
		letter-spacing: 0.6px;

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

		&:hover {
			color: $color-5;
		}

		&.mobile-menu {
			i {
				padding-right: 6px;
			}
			
			.hamburger {
				padding-right: 4px;
			}

			.dpr-adeline-close-text,
			&.opened .dpr-adeline-text {
				display: none;
			}

			&.opened .dpr-adeline-close-text {
				display: inline-block;
			}
		}
	}
}