/* hide other menu not in the active branch */
ul.block-mainnavigation-3 > li.menu-item:not(.menu-item--active-trail) { display: none; }

/* hide link of the actual active section */
ul.block-mainnavigation-3 > li.menu-item.menu-item--active-trail > span,
ul.block-mainnavigation-3 > li.menu-item.menu-item--active-trail > a { display: none; }

/* menu style */
ul.menu.block-twasmembermenu,
ul.menu.block-twasyoungaffiliatemenu,
ul.menu.block-mainnavigation-3 {
    padding: 0 1rem;
    margin: 0 0 1rem 0;
    background-color: #f7f7f7;
    position: relative;
}

ul.menu.block-twasmembermenu {
  border: 1px solid #d1d2d4;
}

ul.block-twasyoungaffiliatemenu:before,
ul.block-mainnavigation-3 li.menu-item.menu-item--active-trail:before {
  content: "";
  border: 1px solid #d1d2d4;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  box-sizing: border-box;
}

.menu.no-child li:before{
  display: none;
}

ul.menu.block-mainnavigation-3.no-child,
ul.menu.block-mainnavigation-3.no-child {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

ul.menu.block-twasmembermenu *,
ul.menu.block-twasyoungaffiliatemenu *,
ul.menu.block-mainnavigation-3 * {
    font-size: 13px;
    line-height: 1.2em;
}

ul.menu.block-twasmembermenu > li > ul.menu,
ul.menu.block-twasyoungaffiliatemenu > li > ul.menu,
ul.menu.block-mainnavigation-3 > li > ul.menu { margin: 0; }

/* menu item style */
ul.block-twasmembermenu li.menu-item,
ul.block-twasyoungaffiliatemenu li.menu-item,
ul.block-mainnavigation-3 li.menu-item {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
}

ul.block-mainnavigation-3 li.menu-item.menu-item--expanded:last-child {
  padding-bottom: 1rem;
}


/* link style */
ul.block-twasmembermenu li.menu-item > a,
ul.block-twasmembermenu li.menu-item > span,
ul.block-twasyoungaffiliatemenu li.menu-item > a,
ul.block-twasyoungaffiliatemenu li.menu-item > span,
ul.block-mainnavigation-3 ul.menu li.menu-item > a,
ul.block-mainnavigation-3 ul.menu li.menu-item > span {
  color: #666;
  padding: 1rem;
  display: block;
  border-bottom: 1px dashed #d1d2d4;
  text-decoration: none;
  list-style: none;
  background-image: url(../../images/icon-list.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto .5rem;
}

ul.block-twasmembermenu li.menu-item.menu-item--expanded > a,
ul.block-twasmembermenu li.menu-item.menu-item--expanded > span,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--expanded > a,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--expanded > span,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--expanded > a,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--expanded > span{
  border-bottom:0px;
}



ul.block-twasmembermenu li.menu-item.menu-item--active-trail.menu-item--expanded > a,
ul.block-twasmembermenu li.menu-item.menu-item--active-trail.menu-item--expanded > span,
ul.block-twasmembermenu li.menu-item:last-child > a,
ul.block-twasmembermenu li.menu-item:last-child > span,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail.menu-item--expanded > a,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail.menu-item--expanded > span,
ul.block-twasyoungaffiliatemenu li.menu-item:last-child > a,
ul.block-twasyoungaffiliatemenu li.menu-item:last-child > span,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail.menu-item--expanded > a,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail.menu-item--expanded > span,
ul.block-mainnavigation-3 ul.menu li.menu-item:last-child > a,
ul.block-mainnavigation-3 ul.menu li.menu-item:last-child > span { border-bottom: none; }

/* ul.block-twasmembermenu li.menu-item > span,
ul.block-twasyoungaffiliatemenu li.menu-item > span,
ul.block-mainnavigation-3 ul.menu li.menu-item > span { text-decoration: line-through; } */


/* third level menu links when parent expanded */
ul.block-twasmembermenu ul.menu li.menu-item > a,
ul.block-twasmembermenu ul.menu li.menu-item > span,
ul.block-twasyoungaffiliatemenu ul.menu li.menu-item > a,
ul.block-twasyoungaffiliatemenu ul.menu li.menu-item > span,
ul.block-mainnavigation-3 ul.menu ul.menu li.menu-item > a,
ul.block-mainnavigation-3 ul.menu ul.menu li.menu-item > span {
    padding: .25rem 1rem;
    border-bottom: none;
}


/* expanded menu element */
ul.block-twasmembermenu li.menu-item.menu-item--active-trail.menu-item--expanded,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail.menu-item--expanded,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail.menu-item--expanded {
    padding-bottom: 1rem;
    border-bottom: 1px dashed #d1d2d4;
}

ul.block-twasmembermenu li.menu-item.menu-item--active-trail.menu-item--expanded > a,
ul.block-twasmembermenu li.menu-item.menu-item--active-trail.menu-item--expanded > span,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail.menu-item--expanded > a,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail.menu-item--expanded > span,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail.menu-item--expanded > a,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail.menu-item--expanded > span {
    padding-bottom: .5rem;
    background-position: left calc(100% - .75rem);
}


/* final or trail active link */
ul.block-twasmembermenu li.menu-item > a:hover,
ul.block-twasmembermenu li.menu-item > span:hover,
ul.block-twasyoungaffiliatemenu li.menu-item > a:hover,
ul.block-twasyoungaffiliatemenu li.menu-item > span:hover,
ul.block-mainnavigation-3 li.menu-item > a:hover,
ul.block-mainnavigation-3 li.menu-item > span:hover {
    color: var(--main_color) !important;
}

ul.block-twasmembermenu li.menu-item.menu-item--active-trail > a,
ul.block-twasmembermenu li.menu-item.menu-item--active-trail > span,
ul.block-twasmembermenu li.menu-item.menu-item--active-trail > a.is-active,
ul.block-twasmembermenu li.menu-item.menu-item--active-trail > span.is-active,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail > a,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail > span,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail > a.is-active,
ul.block-twasyoungaffiliatemenu li.menu-item.menu-item--active-trail > span.is-active,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail > a,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail > span,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail > a.is-active,
ul.block-mainnavigation-3 ul.menu li.menu-item.menu-item--active-trail > span.is-active { color: var(--main_color); }