/* Seren header override (loaded after the theme CSS).
   Desktop only (>=768px, where the bootstrap navbar is expanded): seat the logo + copper nav bar
   so the BOTTOM of the bar is flush with the bottom edge of the header photo.
   The photo is #seren-banner: min-height 400px, of which the last 10px is a white border,
   so the photo ends at y = 390px. Anchoring the nav's bottom edge to 390px works at any nav
   height (the logo scales with the viewport). Once scrolled, the theme adds .opaque and the
   compact fixed bar returns to the top of the screen, exactly as before.
   Not applied while the Concrete edit toolbar is showing. Mobile (<768px) is untouched. */
@media (min-width: 768px) {
  body:not(.ccm-toolbar-visible) nav.navbar-fixed-top {
    top: 390px;
    transform: translateY(-100%);
    transition: background-color 2s ease 0s, top .3s ease, transform .3s ease;
  }
  body:not(.ccm-toolbar-visible) nav.navbar-fixed-top.opaque {
    top: 0;
    transform: none;
    transition: background-color 2s ease 0s, top .3s ease, transform .3s ease;
  }
}