/* Menu Wrap */
#mega-menu-wrap-default-menu #mega-menu-default-menu {
  z-index: 9999;
}

/* Menu Items */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item {
    margin: 3px 8px 3px; /* top and bottom margin set in case items flow to multiple lines */
}
	#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item:first-child {
		margin-left: 0;
	}
	#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item:last-child {
		margin-left: 0;
	}
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link {
    border-bottom: solid 2px transparent;
    font-weight: 500 !important;
}
    #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link:hover {
        border-bottom: solid 2px #0077be;
        font-weight: 500;
    }
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    line-height: 20px;
    height: unset;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Dropdown Arrow */
#mega-menu-wrap-default-menu #mega-menu-default-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    margin: 0 0 0 2px;
}

/* Top Level Current Item */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    border-bottom: solid 2px #0077be;
    font-weight: 500;
}
/* Set current page ancestors to not show as current */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-current-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    border-bottom-color: transparent;
}

/* Current headings within submenus show as current */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-current-menu-item > a.mega-menu-link {
    color: #0077be;
    letter-spacing: 0.01rem;
}
/* Current pages within dropdown submenus show as current (inherits from previous) */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-menu-flyout > ul.mega-sub-menu > li.mega-current-menu-item > a.mega-menu-link {
    font-weight: 500 !important;
    color: #0077be;
    letter-spacing: 0.01rem;
}
/* Current pages within mega submenus (with a heading) show as current */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-current-menu-item > a.mega-menu-link {
	color: #0077be;
	font-weight: 500 !important;
	letter-spacing: 0.01rem;
}

/* Flyouts */

/* Mobile */
#mega-menu-wrap-default-menu #mega-menu-default-menu .mega-menu-toggle {
    padding: 29px 15px;
}
#mega-menu-wrap-default-menu #mega-menu-default-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    font-size: 1rem;
    font-weight: 500;
}
#mega-menu-wrap-default-menu #mega-menu-default-menu .mega-menu-toggle .mega-toggle-block-1:before {
  	position: relative;
  	left: -6px;
  	margin: 0 4px 0 0;
}
/* Ancestors should not be shown as current on mobile */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: none;
}


/* Mega Menu */
/* Ensure mega menu is at minimum 500px wide */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    min-width: 500px;
    left: unset;
    right: 0;
}
/* 1st level (headings) */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-weight: 600 !important;
    letter-spacing: 0.01rem;
}
/* 1st level highlight only on actual links */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link[href]:hover {
    color: #0077be;
    text-decoration: underline;
}

/* Get rid of the white underline */
#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    border-color: transparent;
}

/* If a flyout dropdown is the last item in the menu (dropping to the right) then remove the set width (default 250px) so it doesn't go off screen and cause a scrollbar. */
/* Mega menus don't have this behaviour and will choose the appropriate drop point. */
@media only screen and (max-width: 1490px) {

    #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu {
        width: unset !important;
    }

}

@media only screen and (min-width: 959px) {

  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
      transition: all 0.4s ease;
  }
    .logo-nav-bar.stuck #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link,
    .logo-nav-bar.stuck #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding-bottom: 8px;
        padding-top: 10px;
    }
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
      padding: 6px 20px !important;
      color: #1f1f1f;
  }
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu {
      padding: 13px 0;
  }
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
      background: none;
      text-decoration: underline;
  }

}

@media only screen and (max-width: 959px) {

    /* Correct mobile menu position */
    #mega-menu-wrap-default-menu {
        position: unset;
    }
    #mega-menu-wrap-default-menu #mega-menu-default-menu {
        position: absolute;
        width: 100%;
        left: 0;
    }
    #mega-menu-wrap-default-menu .mega-menu-toggle {
        padding: 0 11px 0 0;
    }
    #mega-menu-wrap-default-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
        font-size: 1.2rem;
        font-weight: 500;
        color: #000 !important;
    }
      #mega-menu-wrap-default-menu .mega-menu-toggle .mega-toggle-block-1:after {
          color: #000 !important;
      }

	/* Correct styling on mobile */
	#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item {
        margin: 0;
    }
    #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link {
        padding-left: 15px;
		padding-right: 15px;
        letter-spacing: 0.02rem;
        font-weight: 400 !important;
    }
	#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link {
		border: none;
	}
    #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
        border: none;
    }
	#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item > a.mega-menu-link:hover {
		border: none;
	}
    #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        padding: 0;
    }
    #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
        padding: 8px 0;
    }

	/* Fix the submenu indicators incase there's a long nav item */
	#mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link {
        position: relative;
        padding-right: 35px;
    }
    #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link .mega-indicator {
        position: absolute;
        right: 15px;
        top: 15px;
    }

  /* Flyout styling */
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu {
      width: 100% !important;
      padding: 15px;
  }
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
      padding: 0;
  }
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
      padding: 8px 0;
  }
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  #mega-menu-wrap-default-menu #mega-menu-default-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
      background: none;
      text-decoration: underline;
  }

}