/* Sidebar */
.app-header-mobile {
  display: none;
  padding-left: 20px;
}

@media (max-width: 940px) {
  /* Desktop */
  .app-header {
    display: none;
  }
  /* Mobile */
  .app-header-mobile {
    display: block;
  }
  .app-container {
    padding-left: 20px;
    padding-top: 0px;
  }
}

@media print {
  /* Disable all menus */
  .app-header, .app-header-mobile {
    display: none;
  }
  /* Shift content to the left */
  .app-container {
    padding: 0px;
    margin: 0px;
  }
}

/* Style heading links */
h1 {
  font-size: 1.7rem;
}

.hash-link {
  -webkit-transform: translateX(-100%);
  padding: 0 5px;
  position: absolute;
  transform: translateX(-100%);
  transition: opacity .1s ease-in;
  will-change: transform, opacity;
  display: none;
}

h2:hover .hash-link,
h3:hover .hash-link,
h4:hover .hash-link {
  display: block;
}

/* Markdown images */
img.homepage-picture {
  width:100%;
  max-width:600px;
}

figure img,
p.md__image img {
  box-shadow: 5px 5px 5px black;
}

/* Next/previous navigation within sections */
.post-nav {
  display: table;
  margin-top: 60px;
  width: 100%;
  border-top: 1px solid #eee;
}

.post-nav-item {
  display: table-cell;
  padding: 10px 0 0 0;
  width: 45%;
  vertical-align: top;
}

.post-nav-item a {
  position: relative;
  display: block;
  line-height: 25px;
  font-size: 14px;
  border-bottom: none;
}

.post-nav-next a {
  padding-left: 15px;
}
.post-nav-prev {
  text-align: right;
}
.post-nav-prev a {
  padding-right: 15px;
}

/* Tables */
table {
  border-collapse: collapse;
  font-size: 0.9em;
}

thead tr {
  background-color: #27814e;
  padding: 4px;
  text-align: left;
}

table tr th, table tr td {
  border: 1px solid #81786a;
  padding: 6px;
}

table tr th {
  color: #cfcbc4;
}

/* House listing */
div.house-list {
  margin-left: -40px;
}

div.house-list ul {
  list-style-type: none;
}

/* To support next/previous in house/single.html */
div.post-nav.house {
  margin-bottom: 0px;
  margin-top: 15px;
}

@media (max-width: 800px) {
  div.house-list li {
    border-bottom: 1px dashed rgba(255,255,255,.3);
    padding-bottom: 4px;
  }
}

/* Pbl listing */
div.pbl-summary {
  padding-bottom: 5px;
  padding-top: 5px;
}