/* ==========================================================
   BuddySocial v9.96
   Restore the original classic BuddySocial top menu colors.
   This intentionally loads AFTER v9.95 polish.
   ========================================================== */

/* Desktop / laptop classic blue bar */
@media(min-width:901px){
  .retro-nav{
    background:linear-gradient(#4c8ac2,#2f6fa8) !important;
    border-top:1px solid #79a7ce !important;
    border-bottom:1px solid #1f537f !important;
    box-shadow:0 1px 2px rgba(0,0,0,.13) !important;
  }

  .retro-navin{
    background:transparent !important;
  }

  /* Undo the broad link color from v9.95 inside the menu */
  .retro-nav .nav-primary > a,
  .retro-nav .nav-utilities > a,
  .retro-nav .nav-more > summary,
  .retro-nav .nav-status-control,
  .retro-nav .nav-sound-toggle{
    color:#fff !important;
    text-shadow:0 1px #24557c !important;
  }

  .retro-nav .nav-primary > a,
  .retro-nav .nav-utilities > a,
  .retro-nav .nav-more > summary{
    background:transparent !important;
    border-right:1px solid #2a6395 !important;
  }

  .retro-nav .nav-primary > a:hover,
  .retro-nav .nav-primary > a.active,
  .retro-nav .nav-utilities > a:hover,
  .retro-nav .nav-utilities > a.active,
  .retro-nav .nav-more > summary:hover,
  .retro-nav .nav-more.active > summary,
  .retro-nav .nav-more[open] > summary{
    background:linear-gradient(#2f6fa8,#245d91) !important;
    color:#fff !important;
    text-decoration:none !important;
  }

  .retro-nav .nav-utilities .utility-link{
    background:rgba(0,0,0,.06) !important;
    color:#fff !important;
  }

  .retro-nav .nav-status-control{
    border-right:1px solid rgba(16,62,99,.38) !important;
    background:transparent !important;
  }

  .retro-nav .nav-sound-toggle{
    border-right:1px solid rgba(16,62,99,.38) !important;
    background:rgba(0,0,0,.06) !important;
  }

  .retro-nav .nav-status-control select{
    background:rgba(255,255,255,.96) !important;
    color:#264d70 !important;
    border:1px solid rgba(255,255,255,.38) !important;
  }

  .retro-nav .retro-search input{
    background:#fff !important;
    color:#26384d !important;
    border:1px solid #1d527e !important;
  }

  .retro-nav .retro-search button{
    background:#fff !important;
    color:#285f8d !important;
    border:1px solid #17476d !important;
  }

  .retro-nav .nav-badge{
    color:#fff !important;
  }

  /* Drop-down keeps the old white submenu */
  .retro-nav .nav-more-menu{
    background:#fff !important;
    border:1px solid #a9bdcc !important;
  }

  .retro-nav .nav-more-menu a{
    color:#315f84 !important;
    text-shadow:none !important;
    background:#fff !important;
  }

  .retro-nav .nav-more-menu a:hover,
  .retro-nav .nav-more-menu a.active{
    background:#eef6fc !important;
    color:#315f84 !important;
  }
}

/* Mobile keeps the current mobile menu layout, but the closed bar/menu button
   uses the same old BuddySocial blue again. */
@media(max-width:900px){
  .retro-nav{
    background:linear-gradient(#4c8ac2,#2f6fa8) !important;
    border-top:1px solid #79a7ce !important;
    border-bottom:1px solid #1f537f !important;
  }

  .retro-nav .nav-toggle{
    background:linear-gradient(#4c8ac2,#2f6fa8) !important;
    color:#fff !important;
    text-shadow:0 1px #24557c !important;
  }
}