.navigation-primary {
  display: inline-block;
}

.navigation-primary a.active-item {
  position: relative;
  padding-bottom: 3px;
}

.navigation-primary .submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation-primary .submenu a,
.navigation-primary .submenu p {
  text-decoration: none;
}

.navigation-primary .submenu a.active-item {
  color: #ea6c12;
}

.navigation-primary .submenu.level-2 a {
  border-bottom: none;
}

.navigation-primary .submenu.level-2 li {
  display: block;
}


@media only screen and (min-width: 767px) {
  .navigation-primary .submenu:first-child li a.active-item,
  .navigation-primary .submenu:first-child li .submenu .menu-link:hover {
    color: #ea6c12;
  }
  
  .navigation-primary .submenu.level-2 .has-submenu .menu-link-container,
  .navigation-primary .submenu.level-2 li .submenu-container {
    display: inline-flex;
  }
  
  .submenu.level-2 .menu-link-container a {
    padding-right: 15px;
  }
}
.level-1 .fa-angle-right::before {
  content: " ";
}
.level-2 .fa-angle-right::before {
  content: "\f105";
}
.no-submenu .fa-angle-right::before {
  content: " ";
}
@media only screen and (max-width: 767px) {
  
  .level-1 .fa-angle-right::before {
    content: "\f105";
  }
  
  .fa {
    transform: rotate(0)
      transition: transform .5s;
  }
  .rotate .fa {
    transform: rotate(90deg)
  }
}
.submenu.level-1 {
  display: inline-block;
  white-space: nowrap;
}

.submenu.level-1 > li {
  display: inline-block;
  text-transform: uppercase;
}

.submenu.level-1 > li.has-submenu {
  position: relative;
}
.submenu.level-1 > li .menu-link-container {
  padding: 20px;
}
.submenu-container {
  position: relative;
}
@media only screen and (min-width: 767px) {
  .level-2 .submenu-container {
    position: absolute;
  }
}

.submenu.level-2 {
  font-weight: 500;
  opacity: 0;
  position: absolute;
  //text-transform: none;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -o-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
  visibility: hidden;
}

.submenu.level-2 > .menu-item {
  padding: 0;
}

.submenu.level-2 .menu-item .menu-link-container {
  width: 235px;
  padding: 10px 20px;
  background-color: rgba(255,255,255,.9);
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.submenu.level-2 .menu-item .menu-link-container:hover,
.submenu.level-2 .menu-item .menu-link-container:focus {
  color: #ea6c12;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.menu-link {
  width: 100%;
  display: flex;
  justify-content: space-between;
  white-space: normal; 
}

@media only screen and (min-width: 767px) {
  .level-2 .menu-link {
    width: 235px;
  }
  .submenu.level-3:hover {
    opacity: 1;
  }
}

.submenu.level-1 > li.has-submenu {
    cursor: pointer;
}

@media only screen and (min-width: 767px) {
  .submenu.level-1 > li.has-submenu:hover .submenu.level-2,
  .submenu.level-1 > li.has-submenu.focus .submenu.level-2,
  .submenu.level-2 > li.has-submenu:hover .submenu.level-3,
  .submenu.level-2 > li.has-submenu.focus .submenu.level-3  {
    display: block;
    opacity: 1;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -o-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
    visibility: visible;
  }
}

/* Hide navigation dropdown in the inline editor */
.hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.hs-inline-edit > li.has-submenu.focus .submenu.level-2 {
  visibility: hidden;
}


  @media (max-width: 767px) {
    .submenu.level-2,
    .submenu.level-3 {
      max-height: 0;
      overflow: hidden;
      transition: max-height .5s, opacity .5s;
    }
    .submenu.level-2.show,
    .submenu.level-3.show {
      max-height: 500px;
    }
  }
  @media (min-width: 767px) {
    .submenu {
      display: none;
    }
  }

@media (max-width: 767px) {  
  .navigation-primary .submenu a.active-item {
    border-bottom: none;
    color: #ea6c12;
  }

  .navigation-primary {
    display: block;
  }

  .submenu > li > a {
    display: inline-block;
    width: 100%;
  }

  .submenu > .has-submenu {
    position: relative;
  }
  

  
  .submenu.level-1 {
    width: 100%;
  }

  .submenu.level-1 > li {
    border-top: 2px solid #CED4DB;
    display: block;
    padding: 0;
    width: 100%;
  }

  .submenu.level-1 .menu-link-container {
    font-weight: 600;
    padding: 7px 30px;
  }


  .submenu.level-2 {
    border: none;
    box-shadow: none;
    opacity: 1;
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    visibility: visible;
    width: 100%;
    left: 0;
  }

  .submenu.level-2 .menu-item {
    background-color: #FFF;
    border-bottom: none;
    border-top: 2px solid #EBEFF3;
    padding: 0;
  }

  .submenu.level-2 .menu-item .menu-link-container {
    padding: 15px 60px;
    display: inline-block;
    width: 100%;
  }

  .submenu.level-2 .menu-item .menu-link-container:hover {
    background-color: inherit;
  }

  .submenu.level-3 {
    background-color: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .submenu.level-3 > li {
    background-color: inherit;
    padding: 0;
  }

  .submenu.level-3 .menu-item .menu-link-container {
    padding: 15px 90px;
  }
}