/*------------------------------------------------------------------
[Menu Extras ]
-------------------------------------------------------------------*/

// @version 4.6

/* Menu Extras > Dropdown Tip */
.wpex-dropdowns-caret {

	.dropdown-menu {

		ul:before {
			content: "";
			display: block;
			position: absolute;
			top: -7px;
			left: 12px;
			border-right: 7px solid transparent;
			border-bottom: 7px solid #ddd;
			border-bottom-color: rgba(0,0,0,0.15);
			border-left: 7px solid transparent;
		}

		ul:after {
			content: "";
			display: block;
			position: absolute;
			top: -6px;
			left: 13px;
			border-right: 6px solid transparent;
			border-bottom: 6px solid #fff;
			border-left: 6px solid transparent;
		}

		ul ul:before,
		ul ul:after {
			display: none;
		}

	}

}

/* Menu Extras > Dropshadows */
.wpex-dropdowns-shadow-one ul ul,
.wpex-dropdowns-shadow-one #searchform-dropdown,
.wpex-dropdowns-shadow-one #current-shop-items-dropdown {
	@include box-shadow( 0 3px 10px rgba(0,0,0,0.1) );
}

.wpex-dropdowns-shadow-two ul ul,
.wpex-dropdowns-shadow-two #searchform-dropdown,
.wpex-dropdowns-shadow-two #current-shop-items-dropdown {
	@include box-shadow( 0 3px 0 rgba(0,0,0,0.1) );
}

.wpex-dropdowns-shadow-three ul ul,
.wpex-dropdowns-shadow-three #searchform-dropdown,
.wpex-dropdowns-shadow-three #current-shop-items-dropdown {
	@include box-shadow( 0 2px 5px rgba(0, 0, 0, 0.1) );
}

.wpex-dropdowns-shadow-four ul ul,
.wpex-dropdowns-shadow-four #searchform-dropdown,
.wpex-dropdowns-shadow-four #current-shop-items-dropdown {
	@include box-shadow( 0 2px 3px rgba(0,0,0,0.4) );
}

.wpex-dropdowns-shadow-five ul ul,
.wpex-dropdowns-shadow-five #searchform-dropdown,
.wpex-dropdowns-shadow-five #current-shop-items-dropdown {
	@include box-shadow( 0 5px 11px 0 rgba(0, 0, 0, 0.24) );
}

/* Menu Extras > Top Border */
.wpex-dropdown-top-border #site-navigation .dropdown-menu li ul { border: none; border-top: 3px solid transparent; }
.wpex-dropdown-top-border .dropdown-menu ul:before,
.wpex-dropdown-top-border .dropdown-menu ul:after { display: none }

/* Menu Extras > Flush Dropdowns */
.wpex-flush-dropdowns .dropdown-menu ul:before,
.wpex-flush-dropdowns .dropdown-menu ul:after { display: none }

/* Menu Extras > Minimal Dropdown */
.wpex-dropdown-style-minimal {

	#site-navigation {

		.dropdown-menu {
	
			ul {
				background: #fff;
				
				border: 1px solid #ddd;
				padding: 10px;
				@include border-radius( 3px );

				&:after,
				&:before {
					display: none; // hide "triangles"
				}

				li {

					a {
						border: 0;
						@include transition( none );

						&:hover {
							background: transparent;
							color: #000;
						}

					}

				}

			}

		}

	}

	.navbar-style-two,
	.navbar-style-three,
	.navbar-style-four {

		#site-navigation .dropdown-menu ul {
			border-color: $borders__color-light;
			@include border-radius( 0 ); // reset border radius for header style 2,3,4
		}

	}

}

/* Menu Extras > Minimal Dropdown / Square */
.wpex-dropdown-style-minimal-sq {

	#site-navigation {

		.dropdown-menu {

			ul {
				background: #fff;
				border: 0;
				padding: 0;
				
				&:after,
				&:before {
					display: none;
				}

				li {

					a {
						border: 0;
						padding: 10px 18px;
						@include transition( none );
					}

				}

			}

		}

	}

}

/* Menu Extras > Black Dropdown */
.wpex-dropdown-style-black {

	#site-navigation {

		.dropdown-menu {

			ul {
				background: #000;
				border: 0;

				&:before,
				&:after {
					border-bottom-color: #000;
				}

				li {

					a {
						display: block;
						color: #909090;
						border-color: #252525;

						&:hover {
							background: #252525;
							color: #fff;
						}

					}

				}

			}

		}

		li.megamenu {

			> ul.sub-menu {

				> li {
					border-color: #252525;
				}

				> .menu-item-has-children > a {
					color: #fff;
				}

			}

		}

	}

	#searchform-dropdown {
		background: #000;
		border: 0;

		input[type="search"] {
			background: none;
			padding-top: 0;
			padding-bottom: 0;
			color: #aaa;
		}

	}

	#current-shop-items-dropdown {
		background: #000;
		border: 0;

		a {
			color: #fff;
		}

		li {
			border-color: #252525;
		}

		strong {
			color: #909090;
		}

		.price,
		.amount {
			color: #ccc !important;
		}

	}

}
