/* ConstructNav v0.10.5 — workflow readability and footer repair */

/* Keep the increasingly descriptive release footer from floating over page content. */
html:not(.cn-mobile-mode) .content > .footer-brand{
  display:flex!important;
  min-height:58px!important;
  height:auto!important;
  margin:26px 18px 0!important;
  padding:18px 20px 8px!important;
  flex-wrap:wrap!important;
  line-height:1.45!important;
  clear:both!important;
}
html:not(.cn-mobile-mode) .content > .version{
  display:block!important;
  position:static!important;
  float:none!important;
  clear:both!important;
  width:auto!important;
  max-width:calc(100% - 36px)!important;
  margin:0 18px 24px!important;
  padding:0 20px 14px!important;
  color:#60768a!important;
  font-size:10px!important;
  line-height:1.55!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* High-contrast selected sidebar state. */
html:not(.cn-mobile-mode) #nav button.active,
html:not(.cn-mobile-mode) #nav button.active:hover,
html:not(.cn-mobile-mode) #nav button.active:focus{
  border-color:#d5a13c!important;
  background:#f8fbfe!important;
  color:#082b55!important;
  text-shadow:none!important;
  box-shadow:inset 4px 0 0 #d5a13c,0 8px 20px rgba(0,0,0,.18)!important;
}
html:not(.cn-mobile-mode) #nav button.active .nav-ico{
  border-color:#d5a13c!important;
  background:#d5a13c!important;
  color:#082b55!important;
}
html:not(.cn-mobile-mode) #nav button.active .chev{color:#082b55!important}
html:not(.cn-mobile-mode) #nav button:focus-visible{
  outline:3px solid rgba(241,190,89,.62)!important;
  outline-offset:2px!important;
}

/* Selected tabs should never depend on subtle tint changes. */
.task-tab.active,.cnx-tab.active{
  border-color:#0c4f83!important;
  background:#0c4f83!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(12,79,131,.2)!important;
}
.project-tab.active{
  background:#0c4f83!important;
  color:#fff!important;
  box-shadow:inset 0 -4px 0 #d5a13c!important;
}
@media(max-width:760px){
  html:not(.cn-mobile-mode) .content > .version{max-width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important;padding-left:8px!important;padding-right:8px!important}
}
