/* accordion to Tabs Style
   See http://codepen.io/joshpalmeri/pen/KbnjC */

   /* taken from min-width: 1022px style in tabbed-nav.css */
   /* applied to page if $mobile_nav == true */

  #tabbed-nav {
    border-bottom: 1px solid #ccc;
    width: 100%;
    max-width: 1022px;
  }

  #tabbed-nav li {
    border: 0 none;
    display: inline-block;
    width: auto;
  }

  #tabbed-nav li + li {
    border-left: 1px solid #ccc;
  }

  #tabbed-nav:hover li + li {
    border-left: 1px solid #fff;
  }

  #tabbed-nav li.selected,
  #tabbed-nav li.selected + li {
    border-left: 1px solid #fff;
  }

  #tabbed-nav li a {
    display: block;
    padding: 10px 12px;
    color: #777;
    text-decoration: none;
    border-radius: 10px 10px 0 0;
    border: 1px solid #fff;
    border-bottom: 0 none;
    font-size: .9em;
  }

  #tabbed-nav li a:before {
    display: none;
  }

  #tabbed-nav li a:hover,
  #tabbed-nav li.selected a {
    color: #fff;
    background: #900;
    border: 1px solid #800;
    border-bottom: 0 none;
  }