/* fly-sc-tl
four sides clear, radius border, text align left
*/

/* mobile */
/*first level menu arrow*/
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2) .mega-menu-open + :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li > a > span{
    float: none !important;
    padding: 0 4px !important;     
}  

.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2):has(.mega-menu-open) > :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li > a > .mega-indicator::after {
    font-size: 10px;
    /* bottom: -1.7px;  */
}  

:is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2) :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
:is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2) :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2)
li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
  content: "";
  font-family: inherit;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-left: 0.35em;
  vertical-align: 0.15em;
}

/* nav mobile grid and flyout submenu */
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2) .mega-menu-open + :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li.mega-menu-flyout > ul > li > a,
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2) :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    /* height: 35px !important;  */ 
    line-height: 1.5;  
    color: var(--contrast-lg);
    width: max-content;
    padding: 8px 0 8px 1.5rem ;
    font-size: 16px;
    max-width: 270px;
    min-width: 200px;
} 

/* @media (min-width:1024px){
    .header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2) .mega-menu-open + :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li.mega-menu-flyout > ul > li > a,
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2) :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    padding: 8px 1.5rem ;
}
} */

/* desktop */
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2):not(:has( .mega-menu-open)) > :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li.mega-menu-item > ul a{
    color:  var(--contrast-lg) ;
}
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2):not(:has( .mega-menu-open)) :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) li.mega-menu-item > a:hover{
    color: color-mix(in srgb, var(--contrast-lg) 80%, transparent) !important;
} 
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2):not(:has( .mega-menu-open)) :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li.mega-menu-flyout > ul > li > a{
    padding: 8px 1.5rem !important;
} 

/* desktop flyout menu container settings */
.header-constrained :is(#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_2):not(:has( .mega-menu-open)) :is(#mega-menu-max_mega_menu_1, #mega-menu-max_mega_menu_2) > li.mega-menu-flyout ul.mega-sub-menu{
    width: fit-content; 
    margin-top: 4px;
    padding: 0px 0;
    border: 2px solid color-mix(in srgb,
                             var(--contrast-sm) 50%,
                             transparent 50%);
    border-radius: 14px;
    background-color: var(--bg-primary);
} 


/* box-shadow: 
    0px -1px 1px 0 color-mix(in srgb,
                             var(--contrast-sm) 40%,
                             transparent 60%) inset ,
     1px 0px 1px 0 color-mix(in srgb,
                             var(--contrast-sm) 40%,
                             transparent 60%) inset ,
    -1px 0px 1px 0 color-mix(in srgb,
                             var(--contrast-sm) 40%,
                             transparent 60%) inset ; */
    /* submenu position slightly left of parent container*/
    /* left: -1rem; */