/*
 * for region on https://data.bbbike.org/osm/region/ only
 */

html, body {
  background-color: #FFF;
  color: #000;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* sidebar left, map right */
div#container {
  display: flex;
  height: 100vh;
  width: 100%;
}

div#sidebar {
  width: 45%;
  min-width:22em;
  max-width:38em;
  flex-shrink:0;
  overflow-x:hidden;
  flex: none;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 1em;
}

div#map {
  flex: 1;
  height: 100%;
}

div#sidebar h1 {
  text-align: center;
}

div#sidebar h1 {
  margin-top:0;
  font-size:1.5em;
}

/* footer after the content, inside the sidebar */
div#footer {
  padding-top: 0.5em;
}

div#copyright {
  font-size: small;
}

a {
  text-decoration: none;
  color: green;
}

a:hover {
  text-decoration: underline;
}

a.small {
  font-size: small;
}

/* download buttons */
a.download_link {
  border: 1px solid #ddd;
  display: inline-flex;
  justify-content: space-between;
  gap: 1em;
  min-width: min(24em, 100%);
  box-sizing: border-box;
  margin: 0 3px 3px 0;
  padding: 1px 4px;
}

span.size {
  color: #555;
  font-size: small;
  white-space: nowrap;
  align-self: center;
}

/* donate button */
#big_donate_image {
  display: block;
  text-align: center;
  margin: 1em 0 0.5em;
}

/* list of sub-regions */
p.subregions {
  line-height: 1.6;
}

/* phones: list on top, map below */
@media (max-width: 700px) {
  div#container { flex-direction: column; height: auto; }
  div#sidebar { width: 100%; min-width: 0; max-width: none; }
  div#map { height: 60vh; flex: none; }
}


a.donate_button {
  display: inline-block;
  padding: 0.4em 1.6em;
  border-radius: 1.2em;
  background: linear-gradient(#ffd27a, #f9b233);
  border: 1px solid #e0a020;
  color: #1a3a6e;
  font: bold italic 1.1em/1.2 Arial, sans-serif;
  text-decoration: none;
}
a.donate_button:hover, a.donate_button_medium:hover {
  background: linear-gradient(#ffdb8f, #fbbd4a);
  text-decoration: none;
}


div#sidebar { display: flex; flex-direction: column; }
div#sidebar_content { flex: 1 0 auto; }

/* city pages: link to the BBBike route planner */
p.routing { text-align: center; font-size: 1.2em; margin: 1em 0; }
p.routing a { font-size: 1.4em; }

/* boundary and last update as one compact block */
p#geojson_poly { margin-bottom: 0.3em; }
p#last_update  { margin-top: 0; }

p.subregions { line-height: 1.6; }
a.sub_region_link { white-space: nowrap; }

nav.breadcrumb { font-size: small; margin: 0 0 0.6em; }