/*
 This started as a copy of style-desktop.css, now just contains
 the overriden vales. Load this file on smaller screens only,
 after loading desktop.css on all devices

 Undo stuff done in style-desktop.css - mobile means no floats, etc
 This contains everything from style-desktopt- so only include on of these
 files, based on screen width.

 Then load this css file after the desktop file using
 ... import url("style-mobile.css") only screen and (max-device-width:880px);
 */

body.sidebars {
  min-width: 0;
}
body.sidebar-left, body.sidebar-right {
  min-width: 0;
}

#wrapper #container #center {
  float: none;
  width: auto;
}

body.sidebar-left #center {
  margin-left: 0;
}

body.sidebar-right #center {
  margin-right: 0;
}
body.sidebars #center {
  margin: 0 0;
}
body.sidebar-left #squeeze {
  margin-left: 0;
}
body.sidebar-right #squeeze {
  margin-right: 0;
}
body.sidebars #squeeze {
  margin: 0 0;
}

#wrapper #container .sidebar {
  width: auto;
  float: none;
}

#wrapper {
  max-width: auto;
}

/* in right sidebar, size tap targets properly - all the hrefs to be further apart */
ul li, ul.menu li, .item-list ul li, li.leaf {
  padding-bottom: 1.2em;
}
.sidebar p { /* for quick links block */
  line-height: 2.2em;
}

/* additional css for mobile. remove left sidebar (if any configured.
 * Better to always maintain an empty left-sidebar, and just use a right sidebar, or
 * footer.
 * To force keep a left-sidebar,  say on first page (/index.html),
 * edit html file and rename to id="sidebar-left-keep"
 */
#sidebar-left {
  display: none !important;
}