/* Theme-independent Products dropdown. Scoped and intentionally specific so
   cached/legacy theme button rules cannot separate the chevron from the label. */

/* Native Industry theme markup used on demo4.ponyfast.com. */
.nav__item--products>.nav__parent-row{display:flex!important;align-items:center!important;white-space:nowrap!important}
.nav__item--products>.nav__parent-row>.nav__link{padding-right:3px!important}
.nav__item--products>.nav__parent-row>.nav__link::after{right:3px!important}
.nav__item--products>.nav__parent-row>.nav__submenu-toggle{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 20px!important;width:20px!important;min-width:20px!important;height:38px!important;
  margin:0 8px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;
  color:#1a1d23!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
  appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;transform:none!important
}
.nav__item--products>.nav__parent-row>.nav__submenu-toggle::before,
.nav__item--products>.nav__parent-row>.nav__submenu-toggle::after{content:none!important;display:none!important}
.nav__item--products>.nav__parent-row>.nav__submenu-toggle>span{
  position:static!important;display:block!important;width:7px!important;height:7px!important;margin:-4px 0 0!important;
  border:0!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
  background:transparent!important;transform:rotate(45deg)!important;transition:transform .2s ease,margin .2s ease!important
}
.nav__item--products>.nav__parent-row>.nav__submenu-toggle>span::after{content:none!important;display:none!important}
.nav__item--products:hover>.nav__parent-row>.nav__submenu-toggle,
.nav__item--products:focus-within>.nav__parent-row>.nav__submenu-toggle,
.nav__item--products.is-open>.nav__parent-row>.nav__submenu-toggle{color:#e2001a!important}
.nav__item--products:hover>.nav__parent-row>.nav__submenu-toggle>span,
.nav__item--products:focus-within>.nav__parent-row>.nav__submenu-toggle>span,
.nav__item--products.is-open>.nav__parent-row>.nav__submenu-toggle>span{margin:4px 0 0!important;transform:rotate(225deg)!important}
body #header .nav__list>.nav__item--products>.nav__mega{
  top:calc(100% + 17px)!important;left:8px!important;width:320px!important;min-width:320px!important;max-width:320px!important;padding:8px 0!important;
  border:1px solid #e6e8ec!important;border-top:3px solid #e2001a!important;border-radius:0 0 6px 6px!important;
  box-shadow:0 18px 44px rgba(20,24,35,.16)!important;transform:translateY(8px)!important
}
body #header .nav__item--products:hover>.nav__mega,
body #header .nav__item--products:focus-within>.nav__mega{transform:translateY(0)!important}
body #header .nav__item--products>.nav__mega>.nav__mega-head{display:none!important}
body #header .nav__item--products>.nav__mega>.nav__mega-grid{display:block!important}
.nav__item--products .nav__mega-link{
  display:block!important;min-height:0!important;padding:10px 18px!important;border:0!important;
  color:#1a1d23!important;background:transparent!important;font-size:14px!important;font-weight:500!important;
  line-height:1.35!important;white-space:normal!important
}
.nav__item--products .nav__mega-link:hover,
.nav__item--products .nav__mega-link:focus{padding-left:22px!important;color:#e2001a!important;background:#fdf2f3!important;outline:0!important}
.nav__item--products .nav__mega-index,.nav__item--products .nav__mega-arrow{display:none!important}

@media(min-width:961px){
  /* The theme renders ordinary links inline but Products inside a flex row,
     which places its visual baseline about 8px lower than adjacent links. */
  .nav__item--products>.nav__parent-row{transform:translateY(-8px)!important}
}

.tenjan-products-menu{position:relative!important}
.tenjan-products-trigger{display:flex!important;align-items:center!important;justify-content:flex-start!important;white-space:nowrap!important}
.tenjan-products-trigger>.nav__link,
.tenjan-products-trigger>a{padding-right:2px!important}
.tenjan-products-trigger>.nav__link::after{right:2px!important}
.tenjan-products-toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 20px!important;width:20px!important;min-width:20px!important;height:38px!important;
  margin:0 8px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;
  color:currentColor!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;outline-offset:2px!important;appearance:none!important;-webkit-appearance:none!important;
  cursor:pointer!important;line-height:1!important;transform:none!important
}
.tenjan-products-toggle::before,.tenjan-products-toggle::after{content:none!important;display:none!important}
.tenjan-products-toggle>span{
  display:block!important;width:7px!important;height:7px!important;margin:-4px 0 0!important;
  border:0!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
  transform:rotate(45deg)!important;transition:transform .2s ease,margin .2s ease!important
}
.tenjan-products-menu:hover .tenjan-products-toggle,
.tenjan-products-menu:focus-within .tenjan-products-toggle,
.tenjan-products-menu.tenjan-open .tenjan-products-toggle{color:#e2001a!important}
.tenjan-products-menu:hover .tenjan-products-toggle>span,
.tenjan-products-menu:focus-within .tenjan-products-toggle>span,
.tenjan-products-menu.tenjan-open .tenjan-products-toggle>span{margin:4px 0 0!important;transform:rotate(225deg)!important}
.tenjan-products-dropdown{
  position:absolute!important;z-index:9999!important;top:calc(100% + 13px)!important;left:8px!important;
  display:block!important;width:310px!important;min-width:310px!important;margin:0!important;padding:8px 0!important;
  list-style:none!important;background:#fff!important;border:1px solid #e6e8ec!important;border-top:3px solid #e2001a!important;
  border-radius:0 0 6px 6px!important;box-shadow:0 18px 44px rgba(20,24,35,.16)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;pointer-events:none!important;
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important
}
.tenjan-products-dropdown::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-16px!important;height:16px!important}
.tenjan-products-dropdown>li{display:block!important;width:100%!important;margin:0!important;padding:0!important}
.tenjan-products-dropdown>li>a{
  display:block!important;width:100%!important;padding:10px 18px!important;border:0!important;
  color:#1a1d23!important;background:transparent!important;font-size:14px!important;font-weight:500!important;
  line-height:1.35!important;text-align:left!important;text-decoration:none!important;white-space:normal!important;
  transition:color .18s ease,background-color .18s ease,padding-left .18s ease!important
}
.tenjan-products-dropdown>li>a:hover,.tenjan-products-dropdown>li>a:focus{padding-left:22px!important;color:#e2001a!important;background:#fdf2f3!important;outline:0!important}
.tenjan-products-menu:hover>.tenjan-products-dropdown,
.tenjan-products-menu:focus-within>.tenjan-products-dropdown,
.tenjan-products-menu.tenjan-open>.tenjan-products-dropdown{
  opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important
}
@media(max-width:960px){
  .nav__item--products>.nav__parent-row{display:grid!important;grid-template-columns:1fr 44px!important;width:100%!important;border-bottom:1px solid #e6e8ec!important}
  .nav__item--products>.nav__parent-row>.nav__link{padding:14px 8px!important;border-bottom:0!important}
  .nav__item--products>.nav__parent-row>.nav__link::after{display:none!important}
  .nav__item--products>.nav__parent-row>.nav__submenu-toggle{
    width:44px!important;min-width:44px!important;height:48px!important;margin:0!important;border-left:1px solid #e6e8ec!important
  }
  body #header .nav__list>.nav__item--products>.nav__mega{
    position:static!important;left:auto!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:0!important;padding:0 8px!important;border:0!important;
    border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;
    transform:none!important;overflow:hidden!important;background:#f7f7f8!important;transition:max-height .35s ease!important
  }
  body #header .nav__item--products.is-open>.nav__mega{max-height:370px!important}
  body #header .nav__item--products:hover>.nav__mega,body #header .nav__item--products:focus-within>.nav__mega{transform:none!important}
  .nav__item--products .nav__mega-link{padding:10px 12px 10px 22px!important;border-bottom:1px solid #e6e8ec!important;font-size:13px!important}
  .tenjan-products-trigger{width:100%!important;border-bottom:1px solid #e6e8ec!important}
  .tenjan-products-trigger>.nav__link,.tenjan-products-trigger>a{flex:1 1 auto!important;padding:14px 8px!important;border-bottom:0!important}
  .tenjan-products-trigger>.nav__link::after{display:none!important}
  .tenjan-products-toggle{flex-basis:44px!important;width:44px!important;min-width:44px!important;height:48px!important;margin:0!important}
  .tenjan-products-dropdown{
    position:static!important;width:100%!important;min-width:0!important;max-height:0!important;
    padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    opacity:1!important;visibility:visible!important;transform:none!important;overflow:hidden!important;pointer-events:none!important;
    transition:max-height .3s ease,padding .3s ease!important;background:#f7f7f8!important
  }
  .tenjan-products-dropdown::before{display:none!important}
  .tenjan-products-dropdown>li>a{padding:10px 12px 10px 22px!important;border-bottom:1px solid #e6e8ec!important;font-size:13px!important}
  .tenjan-products-menu:hover>.tenjan-products-dropdown,
  .tenjan-products-menu:focus-within>.tenjan-products-dropdown{max-height:0!important;padding:0!important;pointer-events:none!important}
  .tenjan-products-menu.tenjan-open>.tenjan-products-dropdown{max-height:420px!important;padding:6px 0!important;pointer-events:auto!important}
}