/* Loaded only for the public menu. Croster mega-menu uses data attributes. */
#primary-nav>ul:not(#header)>li[data-menuitemname^="AS Public"]>a{padding-left:9px;padding-right:9px;font-size:16px;white-space:nowrap}
#primary-nav>ul:not(#header)>li[data-menuitemname="AS Public 6"]>a{font-weight:700;color:#006ecb}
#primary-nav>ul:not(#header)>.home-item{display:none}
#primary-nav>ul:not(#header){flex-wrap:nowrap;margin-left:auto!important;margin-right:auto!important}
@media(min-width:992px){#primary-nav>#header{display:flex!important;align-items:center;flex-shrink:0;flex-wrap:nowrap}}
@media(min-width:992px) and (max-width:1199px){#primary-nav>ul:not(#header)>li[data-menuitemname^="AS Public"]>a{padding-left:5px;padding-right:5px;font-size:14px}}

/* Give the public streaming submenu room for descriptive labels. */
@media (min-width: 992px) {
  #primary-nav > ul:not(#header) > li:is([data-menuitemname="AS Public 0"], [data-menuitemname="AS Public 2"], [data-menuitemname="AS Public 5"]) > .dropdown-menu {
    width: 360px;
    max-width: calc(100vw - 32px);
  }
  #primary-nav > ul:not(#header) > li:is([data-menuitemname="AS Public 0"], [data-menuitemname="AS Public 2"], [data-menuitemname="AS Public 5"]) > .dropdown-menu > li > a {
    white-space: nowrap;
  }
}

/* Keep the rightmost dropdown inside the header on smaller desktops. */
@media (min-width: 992px) {
  #primary-nav > ul:not(#header) > li[data-menuitemname="AS Public 5"] > .dropdown-menu {
    left: auto;
    right: 0;
  }
}

/* Match Croster typography with more air and its existing Font Awesome icons. */
@media (min-width: 1200px) {
  #primary-nav > ul:not(#header) { column-gap: 6px; }
  #primary-nav > ul:not(#header) > li[data-menuitemname^="AS Public"] > a {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #primary-nav > ul:not(#header) { column-gap: 2px; }
  #primary-nav > ul:not(#header) > li[data-menuitemname^="AS Public"] > a {
    padding-left: 7px;
    padding-right: 7px;
  }
}
#primary-nav > ul:not(#header) > li[data-menuitemname^="AS Public"] > .dropdown-menu {
  padding-top: 6px;
  padding-bottom: 6px;
  border: 1px solid #dbe5ef;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(14, 53, 82, .12);
}
#primary-nav > ul:not(#header) > li[data-menuitemname^="AS Public"] > .dropdown-menu > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 14px;
}
#primary-nav > ul:not(#header) > li[data-menuitemname^="AS Public"] > .dropdown-menu > li > a > i {
  flex: 0 0 18px;
  width: 18px;
  color: #006ecb;
  font-size: 15px;
  text-align: center;
}
#primary-nav > ul:not(#header) > li[data-menuitemname^="AS Public"] > .dropdown-menu > li > a:hover,
#primary-nav > ul:not(#header) > li[data-menuitemname^="AS Public"] > .dropdown-menu > li > a:focus {
  background-color: #eef6fc;
  color: #0060ad;
}