:root{--subdomain-background:#FFFFFF; --subdomain-background-2:#FFFFFF; --subdomain-border-color:rgba(0,0,0,0.08); --subdomain-border:1px solid var(--subdomain-border-color); --subdomain-height:40px;}
.subdomain-nav{position:sticky; z-index:97; background-color:var(--subdomain-background); border-bottom:1px solid #E2E2E2; -moz-box-shadow:var(--shadow-base); -webkit-box-shadow:var(--shadow-base); box-shadow:var(--shadow-base);}
.subdomain-link{text-transform: uppercase; padding: 0 12px; white-space: nowrap; justify-content: center; height:var(--subdomain-height); min-width: fit-content; text-align:center; color:var(--font-link-secondary) !important; flex-grow:1; font-weight:bold;}
.subdomain-curr{background-color:var(--subdomain-background) !important; color:var(--font-link-tertiary) !important;}

@media screen and (min-width:0px) and (max-width:1023px){
  .subdomain-nav{top:var(--body-padding); width:100%; background-color:var(--subdomain-background); overflow-x: auto; display: grid; grid-auto-flow: column;}
  .subdomain-nav
  .subdomain-more{background-color:var(--subdomain-background) !important; width:48px;}
  .subdomain-more-icon{width:18px; fill:#FFF;}

  .subdomain-float{position:-webkit-sticky; position:sticky; z-index:96; top:calc(var(--body-padding) + var(--subdomain-height)); left:0; width:100%; padding:5px; display:none;}
  .subdomain-float > span{background-color:var(--subdomain-background-2); border-radius:var(--rounded-normal); overflow:hidden; box-shadow:var(--shadow-base);
  display:grid; grid-template-columns:1fr;}
  .subdomain-float .subdomain-link{border:0; justify-content:flex-start;}
  .subdomain-float .subdomain-link:not(:first-child){border-top:var(--subdomain-border);}

  .subdomain-popup-show{background-color:var(--subdomain-background-2) !important;}
}

@media screen and (min-width:1024px){
  .subdomain-nav, .subdomain-nav > span{display:flex; transition:all 0.25s; -moz-transition:all 0.25s; -webkit-transition:all 0.25s; -o-transition:all 0.25s;}
  .subdomain-nav{top:-1px; justify-content:center;}
  .subdomain-nav > span{width:100%; max-width:var(--body-container); border-radius:0 0 5px 5px; overflow:hidden;}

  .subdomain-nav.isSticky{background-color:var(--subdomain-background);}
  .subdomain-nav.isSticky > span{padding-top:var(--menu-height); border-left:var(--subdomain-border); border-right:var(--subdomain-border); 
  border-color:var(--subdomain-border-color); border-radius:0;}

  .subdomain-link:hover{background-color:var(--subdomain-background-2);}
  .subdomain-curr:hover{background-color:var(--subdomain-background) !important; color:var(--font-link-tertiary) !important;}
}