/* Menu */

.menu--desktop {
  display: block;
}

.menu__wrapper {display:flex; gap:33px;}

/* Menu items */

.menu__item {
  position: relative;
}

.menu__link {
  font-size: 15px;
  line-height: 1.667rem;
  text-decoration: none;
      color: #3E3C57;
}

.menu__link:hover,
.menu__link:focus,
.menu__link:active {
  text-decoration: none;
}

.menu__link--active-link,
.menu__link--active-branch {
  font-weight: bold;
}


/* Menu items - top level */

.menu__item--depth-1 {
  display: inline-block;
  padding:0;
}

.menu__item--depth-1 > .menu__link--active-link:after {
  bottom: -3px;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* Menu items - submenus */



.menu__item--open > .menu__submenu, .d-menu__item--open > .menu__submenu {
  display: block;
}


.menu__submenu--level-2>.menu__item:first-child:before {
  display:none;
}

/* Keeps the first menu item's drop down menu aligned to the left of the top level menu item */

.menu__item--depth-1:first-child .menu__submenu--level-2 {
  transform: unset;
}

.menu__submenu .menu__item {
  border-bottom: 1px solid rgba(40, 40, 40, 0.06);
  padding: 0;
  width: 100%;
}
.menu__submenu .menu__item:last-child {
  border:0;
}

.menu__submenu .menu__link {
  display: block;
  padding: 15px 20px;
  transition: color 0.3s ease, background 0.3s ease;;
  width: 100%;
  font-size: 16px;
  font-family: "Satoshi Bold";
}
.menu__submenu .menu__item:first-of-type .menu__link {
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}
.menu__submenu .menu__item:last-child .menu__link {
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
}
.menu__submenu .menu__link:hover {
  color:#FD4346;
  background: linear-gradient(270deg, rgba(242, 65, 67, 0.00) 64.81%, rgba(242, 65, 67, 0.20) 100%), #FFF;
}
.menu__link svg {display:none;}
.menu__link.menu__link--toggle svg {display:block; transition:0.3s;}
.menu__link.menu__link--toggle  {display:flex; align-items: center; gap:4px;}
.menu__link:hover, .menu__item--open .menu__link, .d-menu__item--open .menu__link, 
.menu__submenu .d-menu__item--open .menu__link.menu__link--toggle,
.menu__submenu .menu__item--open .menu__link.menu__link--toggle {color:#FD4346}
.menu__item--open .menu__link, .d-menu__item--open .menu__link {transition:0.3s;}
.menu__link.menu__link--toggle:hover svg path,
.menu__item--open .menu__link.menu__link--toggle svg path,
.d-menu__item--open .menu__link.menu__link--toggle svg path,
.menu__item--depth-2.menu__item--open .menu__link.menu__link--toggle svg path,
.menu__item--depth-2.d-menu__item--open .menu__link.menu__link--toggle svg path {stroke:#FD4346; }
@media (min-width:1024px) {
.menu__item--depth-2 .menu__link.menu__link--toggle svg,
.menu__item--depth-1.d-menu__item--open .menu__item--depth-2 .menu__link.menu__link--toggle svg {
transform: rotate(0deg);
}
.menu__item--depth-1 .menu__link.menu__link--toggle:hover svg,
.menu__item--depth-2 .menu__link.menu__link--toggle:hover svg,
.menu__item--depth-1.d-menu__item--open .menu__link.menu__link--toggle svg,
.menu__item--depth-2.d-menu__item--open .menu__link.menu__link--toggle svg,
.menu__item--depth-1.d-menu__item--open .menu__item--depth-2.d-menu__item--open .menu__link.menu__link--toggle svg
{transform: rotate(180deg);}
  /* Submenu default styling */
.menu__submenu {
  display: none;
}

/* Show submenu when parent has the .menu__item--open class */
.menu__item--has-submenu.menu__item--open .menu__submenu {
  display: block;
}
/* Ensure level-3 submenus are hidden by default */
.menu__submenu.menu__submenu--level-3 {
  display: none;
}

/* Show level-2 submenu on hover over its parent item */
.menu__item.menu__item--depth-1.menu__item--has-submenu:hover > .menu__submenu {
  display: block !important;
}

/* Show level-3 submenu when hovering over the specific parent item (Tax Resources) */
.menu__item.menu__item--depth-2.menu__item--has-submenu:hover > .menu__submenu.menu__submenu--level-3 {
  display: block !important;
}

}

.menu__item--depth-2 .menu__link.menu__link--toggle svg path {stroke:#1e1e1f}

.menu__submenu .menu__link,
.header-light .menu__item--depth-2 .menu__link.menu__link--toggle  {color:#1E1E1F}

.menu__item.menu__item--depth-2 .menu__submenu.menu__submenu--level-3 li:first-of-type .menu__link {
  border-bottom-left-radius:0;
}
.menu__submenu--level-3 {left: 100%; top: 0;}

/* Flyouts for the last two top level menu items go left to keep page responsive */

.menu__item--depth-1:nth-last-child(-n+2) .menu__submenu--level-3 {
  left: 100%;
  right: auto;
  top: 0;
}

@media (min-width:1025px) {
  .menu__submenu {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0px 4px 20.9px 0px rgba(0, 0, 0, 0.25);
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    text-transform: none;
    top: 100%;
    min-width: 340px;
    z-index: 99;
  }
}

/* Menu icons */

@media(min-width: 768px) {
  .menu__submenu .menu__child-toggle {
    margin-left: auto;
    padding: 0 1.05rem;
  }

  .menu__child-toggle {
    position: absolute;
    right: 5px;
    top: 30px;
    z-index: 2;
  }

  .menu__item--depth-1 > .menu__child-toggle {
    position: static;
    right: 0;
    top: 0;
    vertical-align: middle;
  }

  .menu__child-toggle-icon {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top-style: solid;
    border-top-width: 7px;
    display: block;
    height: 0;
    margin-left: 1px;
    width: 0;
  }
}



@media (max-width:1024px) {
  .mobilemenuview .menu__item { border-bottom: 1px solid rgba(255, 255, 255, 0.07);  width: 100%;
  }
  .mobilemenuview .menu__link { font-size: 17px; color: #fff; padding:16px 20px 16px 30px; width:100%;
  display:inline-flex;}
  .mobilemenuview .menu__link.menu__link--toggle {background-color: #1E1E1F; justify-content: space-between;}
  .mobilemenuview .menu__link.menu__link--toggle svg {width:20px; height:20px; transform:rotate(0deg);}
  .mobilemenuview .menu__item--open .menu__link.menu__link--toggle svg {transform:rotate(180deg); }
  .mobilemenuview .menu__item--open .menu__link.menu__link--toggle svg path {stroke:#FD4346}
  .mobilemenuview .menu__link.menu__link--toggle svg path {stroke: rgba(255,255,255,0.4)}
  .mobilemenuview .menu__submenu { display: none; transition: all 0.3s ease-out; 
    background:#252526 !important; border:0;}
  .mobilemenuview .menu__item--open .menu__submenu { display: block; }
  .mobilemenuview .menu__submenu .menu__link {color:#D8D8DA; border-radius:0; background:transparent !important;} 
  .mobilemenuview .menu__item--open .menu__link.menu__link--toggle {color:#FD4346;}
  .mobilemenuview .menu__item--open {padding-bottom: 0;}
  .mobilemenuview .menu__item--depth-1.menu__item--open .menu__submenu.menu__submenu--level-3  {display:none;}
  .mobilemenuview .menu__item--depth-2.menu__item--open .menu__submenu.menu__submenu--level-3
  {  display:block !important;  }
  .mobilemenuview .menu__item--open .menu__submenu.menu__submenu--level-2 .menu__link.menu__link--toggle
  {color:#D8D8DA}
 .mobilemenuview .menu__item--depth-2.menu__item--open .menu__link.menu__link--toggle 
  {color:#FD4346}
  .mobilemenuview .menu__item--open .menu__submenu.menu__submenu--level-2 .menu__link.menu__link--toggle 
  svg path {stroke:rgba(255,255,255,0.4)}
  }
.menu__item--depth-1.menu__item--open .menu__item--depth-2 .menu__link.menu__link--toggle svg {
transform: rotate(0deg);
}
.menu__item--depth-1.menu__item--open .menu__item--depth-2.menu__item--open .menu__link.menu__link--toggle svg {
transform: rotate(180deg);
}
.menu__item--depth-1.menu__item--open .menu__item--depth-2.menu__item--open .menu__link.menu__link--toggle
{color:#FD4346}
.menu__item--depth-1.menu__item--open .menu__item--depth-2.menu__item--open .menu__link.menu__link--toggle svg path
{stroke:#FD4346}
.menu__item--open + .menu__submenu {display:block !important;}
}