/*Begin Standard Navigation*/
/*Remove cursor on button hover*/
.c-site-header__standard-navigation .menu[data-depth="1"] button.menu__link:hover {
    cursor: default;
    text-decoration: none !important;
}

/*2nd level menu padding*/
.c-site-header__standard-navigation .menu[data-depth="1"] {
    padding: 1rem;
}

/*Menu opens directly under the parent*/
.c-site-header__standard-navigation 
.menu[data-depth="0"] > .menu__item {
  position: relative;
}

/*Center the menu under the parent*/
.c-site-header__standard-navigation 
.menu[data-depth="1"] {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

/*This is the width for the column menu sections*/
.c-site-header__standard-navigation .menu[data-depth="1"]:has(button.menu__link) {
	width: auto;
	min-width: 900px;
	max-width: min(90vw, 1200px);
}

/*This is so that menu items with too many columns dont go off screen*/
@media (min-width: 1024px) {
  .c-site-header__standard-navigation
  .menu[data-depth="0"] > .menu__item:last-child
  .menu[data-depth="1"]:has(button.menu__link) {
    left: auto;
    right: 0;
    transform: none;
  }
}

/*Vertical menu widths.*/
.c-site-header__standard-navigation .menu[data-depth="1"]:not(:has(button.menu__link)) {
  width: max-content;
  min-width: 260px;
}

.c-site-header__standard-navigation .menu[data-depth="1"] > .menu__item {
    width: 100%;
}

/*Fix for menu items that go horizontal, this forces it to go vertical.*/
.c-site-header__standard-navigation .menu[data-depth="1"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

/*This keeps it so that columns still work with the vertical menus.*/
.c-site-header__standard-navigation 
.menu[data-depth="1"]:has(button.menu__link) {
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
}


@media (min-width: 1310px) {
	.c-site-header__standard-navigation .region__name--navigation-standard, .c-site-header__standard-navigation .site-header__navigation, .c-site-header__standard-navigation .site-header__menu-main, .c-site-header__standard-navigation .c-menu--navigation, .c-site-header__standard-navigation .menu--main[data-depth="0"], .c-site-header__standard-navigation .menu__item, .c-site-header__standard-navigation button.menu__link {
	 height: auto;
	}
}

/*Spacing for menu*/
.c-site-header__standard-navigation .menu[data-depth="2"] {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
}

/*Menu Font Weight*/
.c-site-header__standard-navigation .menu[data-depth="1"] > .menu__item > [tabindex="0"] > .text {
    font-weight: normal;
    margin-bottom: 0;
}

/*No Underline on Menu Hover*/
.c-site-header__standard-navigation a.menu__link:hover, .c-site-header__standard-navigation button.menu__link:hover, .c-site-header__standard-navigation a.menu__link, .c-site-header__standard-navigation button.menu__link {
    text-decoration: none;
}

/*Top level and column headers text weight*/
.c-site-header__standard-navigation .menu[data-depth="0"] > .menu__item > button.menu__link > .text, .c-mega-menu .menu[data-depth="0"] > .menu__item > button.menu__link, .c-site-header__standard-navigation .menu[data-depth="1"] button.menu__link, .c-site-header__standard-navigation .menu[data-depth="0"] > .menu__item > .menu__link > .text {
    font-weight: var(--tme-fw-bold);
    font-family: var(--tme-ff-body);
}

/*Column Title Underline*/
.c-site-header__standard-navigation .menu[data-depth="1"] button.menu__link {
    border-bottom: 3px solid var(--tme-color-primary-1);
    width: 100%;
    text-align: left;
}

/*Underline on Hover*/
.c-site-header__standard-navigation a.menu__link, .c-site-header__standard-navigation button.menu__link {
  position: relative;
}

/* Underline attached to the text width */
.c-site-header__standard-navigation a.menu__link:not(.is-active)::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: var(--tme-color-primary-1);
    transition: width 0.5s ease-in-out;
}

/*Hover effect for top level menu items*/
.c-site-header__standard-navigation .menu[data-depth="0"] > .menu__item > a.menu__link:hover::before, .c-site-header__standard-navigation .menu[data-depth="0"] > .menu__item > button.menu__link:hover::before {
    width: 100%;
}
.c-site-header__standard-navigation .menu[data-depth="0"] > .menu__item > a.menu__link::before, .c-site-header__standard-navigation .menu[data-depth="0"] > .menu__item > button.menu__link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: var(--tme-color-primary-1);
    border-radius: 0;
    transition: width 0.5s ease-in-out;
}

/* Prevent hover underline on active menu items */
.c-site-header__standard-navigation  a.menu__link.is-active::before, .c-site-header__standard-navigation  .menu__item--active-trail > a.menu__link::before, .c-site-header__standard-navigation .menu__item--active-trail > button.menu__link::before {
  width: 0 !important;
}

/* Animate on hover/focus */
.c-site-header__standard-navigation a.menu__link:hover::before, .c-site-header__standard-navigation a.menu__link:focus-visible::before, .c-site-header__standard-navigation button.menu__link:hover::before {
  width: 100%;
}

/*Background color for active pages on 2nd level menus*/
.c-site-header__standard-navigation .menu[data-depth="1"] a.menu__link.is-active {
  background-color: var(--tme-color-primary-1);
  color: #ffffff;
  padding: 5px;
  width: 100%;
}

/*Border bottom for active pages on top level menu*/
.c-site-header__standard-navigation .menu[data-depth="0"] a.menu__link.is-active {
  border-bottom: 3px solid var(--tme-color-primary-1);
  width: 100%;
}

/*Background color for hovering pages*/
.c-site-header__standard-navigation a.menu__link:hover, .c-site-header__standard-navigation a.menu__link:focus-visible {
  background-color: var(--tme-color-silver);
  width: 100%;
  color: #000000;
}

/*Top-level menu underline when a sub-page is active */
.c-site-header__standard-navigation .menu[data-depth="0"] > .menu__item.menu__item--active-trail > button.menu__link {
	border-bottom: 3px solid var(--tme-color-primary-1);
}
/*End Standard Navigation*/


/*Start Mega Menu Navigation*/

/*Tablet Bottom Padding*/
.c-mega-menu {
    padding-bottom: 24px;
}

/* Tab list styling */
.c-mega-menu .tab-list {
    justify-content: space-evenly;
    border: none;
}

/*Remove underlines on hover*/
.c-mega-menu a.menu__link, .c-mega-menu button.menu__link, .c-mega-menu a.menu__link:hover, .c-mega-menu button.menu__link:hover {
    text-decoration: none;
}

/*Font styling for headers*/
.c-mega-menu li.tab-item, .c-mega-menu .tab-list .menu__link, .c-mega-menu .menu[data-depth="1"] button.menu__link{
  font-size: var(--tme-fs-body-18);
  line-height: var(--tme-lh-body-18);
	font-family: var(--tme-ff-body);
  font-weight: var(--tme-fw-bold);
}

/*Font styling for menu items*/
.c-mega-menu .menu__link {
  font-size: var(--tme-fs-body-18) !important;
  line-height: var(--tme-lh-body-18) !important;
	font-family: var(--tme-ff-body) !important;
  color: var(--tme-color-gray-700) !important;
}

/*Column Title Underline*/
.c-mega-menu .menu[data-depth="1"] button.menu__link {
	border-bottom: 3px solid var(--tme-color-primary-1);
	width: 100%;
}

/*Menu item top spacing*/
.c-mega-menu .menu[data-depth="2"] {
  margin-top: 8px;
}

/*Mobile menu sub menu indent*/
@media(max-width: 767px){
.c-mega-menu .menu[data-depth="2"] {
  padding-left: 1rem;
	}
}

/*This is the tablet view so the non column menus go veritically.*/
.c-mega-menu .menu[data-depth="1"]:not(:has(button.menu__link)) {
	gap: 8px;
	flex-direction: column;
  align-items: flex-start;
  padding-left: 1rem;
}

/*Link hover effect*/
.c-mega-menu a.menu__link, .c-site-header__standard-navigation button.menu__link {
    position: relative;
}
.c-mega-menu .menu__link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0 !important;
    width: 0;
    background-color: var(--tme-color-primary-1) !important;
    border-radius: 0;
    transition: width 0.5s ease-in-out;
}

/* Background color for active page*/
.c-mega-menu .menu__link.is-active {
  background-color: #eeeeee;
  padding: 5px !important;
  width: 100%;
}
/*End Mega Menu Navigation*/