/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/variations/tablet.less
*
* ---------------------------
* Styles associated with tablet devices
* ---------------------------
*/
@media (min-width: 768px) {
  .touch #wdn_navigation_bar {
    float: right;
    position: relative;
  }
  .touch #wdn_navigation_wrapper {
    margin-top: 0;
  }
  .touch #navigation {
    padding: 4px;
    width: auto;
  }
  .touch #navigation:before {
    display: none;
  }
  .touch #navigation ul {
    position: static;
    color: #fff;
    font-size: 85%;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
  }
  .touch #navigation ul li {
    background: none;
    border: 0;
    font-weight: normal;
    text-shadow: none;
  }
  .touch #navigation ul li.hasSecondary:after {
    display: none;
  }
  .touch #navigation ul li a {
    color: #fff;
    padding: 0.4em 0;
  }
  .touch #navigation > ul > li {
    font-weight: bold;
  }
  .touch #navigation > ul > li > ul {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .touch #navigation > ul > li > ul > li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    width: 90%;
  }
  .touch #navigation > ul > li > ul > li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .touch .nav_pinned #wdn_navigation_bar,
  .touch .nav_open #wdn_navigation_bar,
  .touch .nav_expanded #wdn_navigation_bar {
    width: 14%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 867px;
  }
  .touch .nav_pinned #navigation,
  .touch .nav_open #navigation,
  .touch .nav_expanded #navigation {
    height: auto;
  }
  .touch .nav_pinned #wdn_content_wrapper,
  .touch .nav_open #wdn_content_wrapper,
  .touch .nav_expanded #wdn_content_wrapper {
    width: 85%;
  }
}