/*
 * Core styles for PriorityNav.js
 * These styles are not optional and should always be included
 *
 * Free to use under the MIT License.
 * http://twitter.com/GijsRoge
 */
.priority-nav {
  white-space: nowrap;
  /*
    * Makes sure the menu's are inline-block so they don't take up
    * the entire width of its parent. This will break the plugin.
    */
}

.priority-nav ul {
  display: inline-block;
}

.priority-nav li {
  display: inline-block;
}

.priority-nav__wrapper {
  position: relative;
}

.priority-nav__dropdown {
  position: absolute;
}

.priority-nav-is-visible {
  visibility: visible;
}

.priority-nav-is-hidden {
  visibility: hidden;
}

.nav__dropdown {
	white-space: nowrap;
	top: 100%;
	right: 0;
	transition: opacity .15s linear;
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.nav__dropdown li{
	display: block;
}

.nav__dropdown-wrapper .nav__dropdown-toggle{
	background: none;
	border: none;
	padding: 10px 25px;
}
  
.priority-nav__wrapper{
	display: none;
}

.priority-nav__wrapper[aria-haspopup="true"] {
	display: inline-block;
}

.priority-nav__wrapper:hover .nav__dropdown {
	opacity: 1;
	visibility: visible;
	height: auto;
	overflow: visible;

}

.nav__dropdown-toggle{opacity: 0;transition: opacity .3s linear;}
.priority-nav-has-dropdown .nav__dropdown-toggle{opacity: 1;}