/* colors */
/* The CTA and Main colors are pulled from site templates created by the Design team. These colors vary per OEM or group. */
/* CTA stands for Call-to-Action. The CTA color is often a bright, eye-catching color like red or light blue, used for links and important buttons. */
/* The Main color is often a dark, muted color like black or navy blue, used for backgrounds and less important buttons. */
/* fonts */
/* breakpoints */
/* borders */
/* local variables */
/* TODO: remove if border color classes are added to site templates */
/* Construct a media query that applies to multiple ranges of breakpoints. First and last argument must either be a single number or a list of 2 numbers. */
/* Make sure to give the truncated element a width. If the truncated element has display: flex or inline-flex, add min-width: 0 to the truncated element's immediate parent. If the flex truncated element is nested inside one or more other flex containers, also add min-width: 0 to the nearest ancestor element that does NOT have display: flex or inline-flex */
/* Single element */
/* Works well for either single elements, or multiple elements grouped under the same parent */
/* Remove default styling from button element */
/* Create a multi-column ul that avoids list items breaking between 2 columns. li { display: inline-block } will force each list item to stay in one column, but also removes the default list item styling (bullets). Adding a bullet character in the ::before, changing the display of the li to inline-flex, and adding a column gap to the li restores the bullet styling. */
.full.mega-menu-nav .mega-menu-container {
  display: none;
  height: auto;
  min-height: 490px;
  max-height: auto;
}
@media (min-width: 992px) {
  .full.mega-menu-nav .mega-menu-container--desktop {
    grid-template-columns: 1fr max-content;
    position: absolute;
    z-index: 1000;
    width: max-content;
    max-width: 99vw;
    display: none;
    left: 50%;
    top: initial;
    transform: translate(-50%, 0);
  }
  .full.mega-menu-nav .mega-menu-container--fixed {
    position: fixed;
  }
  .full.mega-menu-nav .mega-menu-container__nav-list {
    min-width: 136px;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
  }
  .full.mega-menu-nav .mega-menu-container__nav-list .dropdown-menu {
    height: inherit;
    min-height: inherit;
    max-height: inherit;
    overflow: auto;
    scrollbar-width: thin;
  }
  .full.mega-menu-nav .mega-menu-container__nav-list .dropdown-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .full.mega-menu-nav .mega-menu-container__nav-list .dropdown-menu::-webkit-scrollbar-track {
    background: #ebecf0;
  }
  .full.mega-menu-nav .mega-menu-container__nav-list .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #a5a5a5;
    border-radius: 10px;
  }
  .full.mega-menu-nav .mega-menu-container__content {
    position: relative;
    width: inherit;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
    max-width: calc(100vw - 136px - 50px);
    background-color: #ffffff;
    overflow: auto;
    scrollbar-width: thin;
  }
  .full.mega-menu-nav .mega-menu-container__content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .full.mega-menu-nav .mega-menu-container__content::-webkit-scrollbar-track {
    background: #ebecf0;
  }
  .full.mega-menu-nav .mega-menu-container__content::-webkit-scrollbar-thumb {
    background-color: #a5a5a5;
    border-radius: 10px;
  }
  .full.mega-menu-nav .mega-menu-container__close {
    position: absolute;
    font-size: 2em;
    top: 20px;
    right: 20px;
    text-shadow: none;
  }
  .full.mega-menu-nav .mega-menu-container .dropdown-mega-menu {
    padding: 8px;
    margin: 0;
    background-color: var(--submenu-text-background-color);
  }
  .full.mega-menu-nav .mega-menu-container .dropdown-mega-menu:hover {
    background-color: var(--submenu-text-background-color);
  }
  .full.mega-menu-nav .mega-menu-container .dropdown-mega-menu[data-nav-list-has-mega-menu=True] {
    position: unset;
    display: block;
  }
  .full.mega-menu-nav .mega-menu-container .dropdown-mega-menu[data-nav-list-has-mega-menu=True] a {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    white-space: normal;
    min-width: 88px;
  }
  .full.mega-menu-nav .mega-menu-container.open {
    display: grid;
  }
}
.full.mega-menu-nav #horizontal-navbar-collapse .dropdown-menu {
  padding: 8px;
  background-color: var(--submenu-text-background-color);
}

.nav-sidebar.mega-menu-nav .mega-menu-container--mobile {
  display: none;
}
.nav-sidebar.mega-menu-nav .mega-menu-container--mobile.open {
  display: block;
}
.nav-sidebar.mega-menu-nav .mega-menu-container--mobile__content {
  padding: 15px;
}

/*# sourceMappingURL=megaMenuNavigation.css.map */