/**
 * This file provides style changes for small screens.
 *
 * @author Anika Henke <anika@selfthinker.org>
 */

@media only screen and (max-width: 42em) {
  #dokuwiki__aside {
    float: none;
    width: 100%;
    margin-bottom: 1.4em;
  }
  #dokuwiki__aside > .pad {
    margin: 0;
  }

  .hasSidebar #dokuwiki__content {
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  .hasSidebar #dokuwiki__content > .pad {
    margin-left: 0;
  }
  [dir=rtl] .hasSidebar #dokuwiki__content > .pad {
    margin-right: 0;
  }

  #dokuwiki__header .headings {
    margin: 2.1em 0 0;
  }

  #dokuwiki__header .tools {
    margin-bottom: .7em;
  }

  #dokuwiki__header .headings,
  #dokuwiki__header .tools,
  #dokuwiki__header .tools li {
    float: none;
    text-align: left;
  }
  [dir=rtl] #dokuwiki__header .tools,
  [dir=rtl] #dokuwiki__header .tools li {
    float: none;
    text-align: right;
  }
  [dir=rtl] #dokuwiki__header .headings {
    float: none;
    text-align: right;
  }

  #dokuwiki__sitetools ul {
    padding: 0;
  }
  #dokuwiki__sitetools li {
    margin: 0 1.5em 0 0;
  }
  [dir=rtl] #dokuwiki__sitetools li {
    margin: 0 0 0 1.5em;
  }

  #dokuwiki__header div.breadcrumbs {
    margin-bottom: .7em;
  }


  #dokuwiki__header ul.a11y.skip {
    top: 3.1em !important;
    right: 1em !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  [dir=rtl] #dokuwiki__header ul.a11y.skip {
    right: auto !important;
    left: 1em !important;
  }
} /* /@media */
