.navigation-primary a {
  display: block;
  font-weight: 700;
  padding: .25rem 0;
  text-transform: uppercase;
  font-size: 1rem;
  height: 69px;
  line-height: 63px;
}

.navigation-primary a.active-item {
  position: relative;
}
.navigation-primary .submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

.triangle {
  display: none;
}

.submenu-toggle {
  display: none;
}
.submenu.level-1 > li {
  display: inline-block;
  margin-right: -3.5px;
}
.submenu.level-1 > li.has-submenu {
  position: relative;
}

.submenu.level-1 > .has-submenu > .menu-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid black;
  display: block;
  height: 0;
  margin-left: 1px;
  position: absolute;
  right: 5px;
  top: 30px;
  width: 0;
}

.submenu.level-1 > .menu-item > .menu-link {
  transition: border-bottom 0.2s ease-in-out;
  border-bottom: 5px solid #ffffff;
}

.submenu.level-1 > .menu-item > .menu-link:hover {
  color: #005570;
  border-bottom: 5px solid #007EA8;
}

.submenu.level-1 > .menu-item > .menu-link.mobile,
.navigation-primary > .submenu.level-1 > .menu-item .menu-link.mobile {
  font-weight: 400;
}

.submenu.level-2 .menu-item .menu-link.mobile,
.navigation-primary .submenu.level2 > .menu-item .menu-link.mobile {
  font-weight: 700 !important;
}

.submenu.level-2 {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2);
  font-weight: 500;
  left: 0;
  opacity: 0;
  position: absolute;
  text-transform: none;
  top: 69px;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -o-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
  visibility: hidden;
  width: 390px;
  background-color: #002A3A;
}

.custom-menu-primary .submenu.level-2 {
  background-color: #002A3A;
}

.submenu.level-2 > li {
  padding: 0;
  line-height: 30px;
}
.submenu.level-2 > li > a {
  line-height: 30px;
  color: #ffffff;
}

.has-submenu .submenu .menu-item .menu-link{
  margin:0;
}

.submenu.level-2 .menu-item .menu-link {
  display: block;
  padding: 10px 30px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  height: 50px;
  line-height: 28px;
  color: #ffffff;
}

.submenu.level-2 .menu-item:first-of-type,
.submenu.level-2 .menu-item:first-of-type .menu-link {
  border-radius: 6px 6px 0 0;
}

.submenu.level-2 .menu-item:last-of-type,
.submenu.level-2 .menu-item:last-of-type .menu-link {
  border-radius: 0 0 6px 6px;
}

.submenu.level-2 > li:last-child,
.submenu.level-2 > li:last-child .submenu {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

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

.submenu.level-3 .menu-item .menu-link {
  padding-left: 60px;
}
.submenu.level-1>.has-submenu>.menu-arrow {
  display: none;
}
.submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.submenu.level-1 > li.has-submenu.focus .submenu.level-2 {
  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 (min-width: 992px){
  .navigation-primary a {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .d-lg-none {
    display: none!important;
  }
/*   .submenu.level-1>li:first-of-type {
    display: none !important;
  } */
}

.mobile {
  display: none !important;
}

@media (max-width: 991.98px){
  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }
  .show-menu {
      overflow: hidden;
  }
  .navigation-primary .submenu.level-1 {
    display: flex;
    flex-direction: row;
    padding: 0;
  }
  .submenu.level-1>li {
    flex: 1 1;
    text-align: center;
  }
  .submenu.level-1 .menu-link {
    height: 85px;
    line-height: 78px;
  }
  .submenu.level-1>li.nav-item.ml-auto {
    margin-left: auto;
    flex: unset;
  }
  .hamburger {
    cursor: pointer;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    display: inline-block;
    width: 20px;
    margin-top: 30px;
    margin-right: 2rem;
  }
  .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 20px;
    height: 3px;
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    background: #007ea8;
  }
  .hamburger-inner:after, 
  .hamburger-inner:before{
    border-radius: 4px;
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    background: #007ea8;
  }
  .hamburger-inner:before {
    top: -8px;
  }
  .hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in;
  }
  .hamburger-inner:after {
    bottom: -8px;
  }
  .hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
  }
  .hamburger.is-active:hover, .hamburger:hover {
    opacity: .7;
  }
  .submenu.level-1>li {
    display: inline-block;
    margin-right: 0;
  }
  .navigation-primary a.hamburger {
    margin-left: 0;
    margin-right: 2rem;
    padding: 0 0 6px;
  }
  .show-menu .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
  }
  .show-menu .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
  }
  .show-menu .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
  }
  .submenu > .has-submenu {
    position: relative;
  }
  .submenu.level-3 {
    background-color: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .submenu.level-2 {
    border: 0;
    box-shadow: none;
    opacity: 1;
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    visibility: visible;
    width: 100%;
    text-align: left;
    padding: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .submenu.level-2 .menu-item {
    border: 0;
  }
  .submenu.level-2 .menu-item .menu-link {
    padding: 7px 0px;
  }
  .submenu.level-2 .menu-item .menu-link {
    padding: 7px 0px;
    width: 100%;
    margin: 0;
    line-height: normal;
  }
  .triangle-container {
    display: none !important;
  }
  .submenu.level-1>.has-submenu>.menu-arrow {
    top: 5px;
    display: block;
    cursor: pointer;
  }
  .has-submenu > ul.submenu {
    display: none;
  }
  .has-submenu>ul.submenu.show-menu {
    display: block;
    position: fixed;
    bottom: 100%;
    left: 0;
    top: calc(100vh / 3);
    border-radius: 0;
    right: 0;
    bottom: 85px;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
  
  .navigation-primary a {
    height: 30px;
    line-height: 20px;
  }
  .submenu.level-1>.has-submenu>.menu-arrow {
      border-top: 7px solid #007ea8;
  }
  
  .submenu-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

@media (max-width: 350px){
  .navigation-primary a {
    margin-left: .4rem;
  }
}

.mobile-submenu-header {
  text-align: left;
  margin-bottom: 2rem;
  position: relative;
}

.mobile-submenu-header img {
  max-width: 170px;
  margin-bottom: 2rem;
}

.mobile-submenu-header div {
  height: 1px;
  width: 100%;
  background: #ffffff;
  opacity: 0.25;
}

.close-submenu {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
}

.level-2 a {
  color: #ffffff;
}

.level-2 .community-links {
  display: flex;
  margin: 0;
  margin-bottom: 1.5rem;
}

.level-2 .community-links a {
  color: #ffffff;
  margin-right: 1rem;
}

.level-2 .mobile .community-links a:first-child,
.level-2 .mobile .text-links a:first-child {
  margin-left: 0;
}

.level-2 .text-links {
  display: flex;
  margin-top: 2rem;
  color: #ffffff;
}

.level-2 .text-links a {
  color: #ffffff;
  text-transform: uppercase;
}

.level-2 .text-links .sep {
  margin: 0 1rem;
}

body .custom-menu-primary .level-1 li.active-branch > a.mobile,
body .custom-menu-primary .level-1 li.active-branch > .child-trigger a.mobile {
  border-top: 5px solid #007EA8;
  color: #005570 !important;
}

.level-1 > .menu-item.active-branch > label .mobile svg,
.level-1 > .menu-item.active-branch > .mobile svg {
  margin-top: 0.7rem !important;
}

body .custom-menu-primary .submenu.level-2 .menu-item.active-branch .menu-link path {
  stroke: rgba(0,126,168,1.0);
}

.submenu.level-2 .submenu-wrapper .menu-link.desktop:hover {
  background-color: #073e52 !important;
}

