/*
 * 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 > ul > li {
  display: inline-block;
}

.priority-nav-has-dropdown .priority-nav__dropdown-toggle {
  position: relative;
}

.priority-nav__wrapper {
  position: relative;
}

.priority-nav__dropdown {
  position: absolute;
  visibility: hidden;
}

.priority-nav__dropdown.show {
  visibility: visible;
}

.priority-nav__dropdown-toggle {
  visibility: hidden;
  position: absolute;
}

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

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




.nav__dropdown {
  width: 250px;
  top: 100%;
  padding: 12px 0;
  background: #ffffff;
  right: 0;
  z-index: 100;
  border-radius: 0px;
  border: none;
  box-shadow: 0px 10px 25px rgb(5 16 25 / 15%);
  visibility: hidden;
  opacity: 0; 
}

.nav__dropdown.show {
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  -o-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  -moz-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.nav__dropdown li a  {
  font-size: 13px;
  color: #173D56;
  background: none;
  padding: 10px 12px;
  font-family: 'Inter-Medium';
  white-space: unset;
  clear: unset;
  border-radius: unset;
  line-height: 1.3;
}

.nav__dropdown-wrapper {
  display: inline-block; 
}
.nav__dropdown-toggle {
    font-family: 'Inter-Medium';
    font-size: 14px !important;
    color: #fff;
    border: none;
    text-decoration: none;
    padding: 26px 15px 26px 10px;
    display: block;
    transition: all 0.3s ease;
    background: none;
    padding-right: 25px;
}
.nav__dropdown-toggle:before {
  content: '';
  background: url(../images/icon-nav-menu-drop.svg);
  width: 10px;
  height: 6px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}

.priority-nav__dropdown li.parent {
  position: relative;
}
.priority-nav__dropdown li.parent ul.dropdown-menu {
  display: block;

  width: 250px;
  top: -12px;
  padding: 12px 0;
  background: #ffffff;
  left: -100%;
  z-index: 100;
  border-radius: 0px;
  border: none;
  box-shadow: 0px 10px 25px rgb(5 16 25 / 15%);
  visibility: hidden;
  opacity: 0; 
}

.priority-nav__dropdown li.parent:hover ul.dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  -o-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  -moz-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}