/* Phones and tablets: going down the page, the header and the bottom tabs step aside. */
@media(max-width:1023px){
  .ehz-header__bar{transition:height var(--ehz-mid,.2s) ease,box-shadow var(--ehz-mid,.2s),transform .22s ease}
  .ehz-tabbar,.vc-member-tabs,.vc-bars-top{transition:transform .22s ease}
  body.vc-bars-away .ehz-header__bar{transform:translate3d(0,calc(-100% - 2px),0);box-shadow:none}
  /* Three classes: the news pages of the other tenants keep their header with !important. */
  body.vc-bars-away .vc-bars-top.vc-bars-top.vc-bars-top{transform:translate3d(0,calc(-100% - 2px),0)!important;box-shadow:none}
  body.vc-bars-away .ehz-tabbar,body.vc-bars-away .vc-member-tabs{transform:translate3d(0,calc(100% + 20px),0)}
  /* What was pinned under the header goes up with it, and what sat on the tabs comes down. */
  /* LPII's body stopped its header from staying pinned, so it could not come back on the way up. */
  body[data-tenant="lpii"]{overflow-x:clip}
  .ehz-page-tabs{transition:top .22s ease}
  body.vc-bars-away .ehz-page-tabs{top:0}
  /* The search bar of a news feed leaves too. A negative top only moves it once it is pinned:
     while it is still in its place in the page, it stays there. */
  body[data-tenant].vc-bars-away .ecide34-news-toolbar.ecide34-news-toolbar,body.vc-bars-away .org-news-search-stage.org-news-search-stage,body.vc-bars-away .lpii-news-search-stage.lpii-news-search-stage{top:-320px!important}
  body[data-tenant="ecide"].vc-bars-away .ecide38-resource-sticky.is-fixed{top:8px}
  body.vc-bars-away #public-content .ecide35-news-detail .ecide35-news-detail-actions{bottom:env(safe-area-inset-bottom,0px)!important}
  body.vc-bars-away .ehzm-paybar:not([hidden]){bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:1023px) and (prefers-reduced-motion:reduce){
  .ehz-header__bar,.ehz-tabbar,.vc-member-tabs,.vc-bars-top,.ehz-page-tabs{transition:none}
}
@media(max-width:1023px){
  /* Older scripts of the news and resources pages also hide the header, at their own pace: this one decides. */
  body[data-tenant="ecide"][class*="header-hidden"] .ecide31-header.ehz-header{transform:none!important;opacity:1!important}
  body[data-tenant="ecide"].ecide-resources-header-hidden:not(.vc-bars-away) .ecide38-resource-sticky.is-fixed{top:calc(var(--ehz-header-h-compact) + 8px)}
}