/* Hide RecentChanges link in the responsive skin header */
#wikihead a[href*="RecentChanges"] {
  display: none !important;
}

/* --------------------------------------------------
   Warm site palette
   Based on old site's #efdab0
   -------------------------------------------------- */

:root {
  --pm-color: #2b2418;

  /* Main page/content */
  --pm-bgcolor: #efdab0;

  /* Sidebar, menus and alternate surfaces */
  --pm-bgcolor-alt: #e4c994;

  /* Borders and separators */
  --pm-bordercolor: #c3a66d;

  /* Blog alternate shade */
  --blog-side-bg: #f6e8cb;
  --blog-meta-color: #5b4a31;
  --blog-upcoming-color: #2f6b2f;
  --blog-past-color: #76654d;
}

/* Dark theme */
html.pmDarkTheme {
  --pm-color: #eee4d2;

  /* Main page/content */
  --pm-bgcolor: #2b261f;

  /* Sidebar, menus and alternate surfaces */
  --pm-bgcolor-alt: #373027;

  /* Borders and separators */
  --pm-bordercolor: #5a4d3c;

  /* Blog alternate shade */
  --blog-side-bg: #40382d;
  --blog-meta-color: #c8b89f;
  --blog-upcoming-color: #8fc98f;
  --blog-past-color: #aaa08e;

  color-scheme: dark;
}

/* --------------------------------------------------
   Responsive skin surfaces
   -------------------------------------------------- */

html,
body {
  background-color: var(--pm-bgcolor-alt) !important;
  color: var(--pm-color);
}

/* Main outer wrapper */
#bodywrap {
  background-color: var(--pm-bgcolor-alt) !important;
}

/* Left sidebar */
#wikileft {
  background-color: var(--pm-bgcolor-alt) !important;
}

/* Main page content */
#wikibody {
  background-color: var(--pm-bgcolor) !important;
  color: var(--pm-color);
}

/* Header and action areas */
#wikihead,
#wikihead-searchform,
#wikicmds {
  background-color: var(--pm-bgcolor-alt) !important;
}

/* Generic framed areas */
.frame {
  background-color: var(--pm-bgcolor-alt) !important;
  border-color: var(--pm-bordercolor) !important;
}

/* Coordinated borders */
#bodywrap,
#wikileft,
#wikibody,
#wikihead,
#wikihead-searchform,
#wikicmds {
  border-color: var(--pm-bordercolor) !important;
}

/* --------------------------------------------------
   Blog table
   -------------------------------------------------- */

table.blog {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  border: 1px solid var(--pm-bordercolor);
  background-color: var(--blog-side-bg);
}

table.blog td {
  padding: .5em .75em;
  vertical-align: top;
}

/* Left column: same shade as main page */
table.blog td.blog-date {
  width: 9em;
  font-weight: bold;
  background-color: var(--pm-bgcolor);
}

table.blog td.blog-meta {
  background-color: var(--pm-bgcolor);
  font-size: .9em;
  color: var(--blog-meta-color);
}

/* Right column: lighter alternate shade */
table.blog td.blog-title {
  background-color: var(--blog-side-bg);
  border-bottom: 1px solid var(--pm-bordercolor);
}

table.blog td.blog-title h3 {
  margin: 0;
}

table.blog td.blog-body {
  background-color: var(--blog-side-bg);
}

/* Blog tags */
.tag-upcoming {
  color: var(--blog-upcoming-color);
  font-weight: bold;
}

.tag-past {
  color: var(--blog-past-color);
}

/* --------------------------------------------------
   Inline code
   -------------------------------------------------- */

.inline-code {
  background-color: var(--pm-bgcolor-alt);
  color: var(--pm-color);
}

/* --------------------------------------------------
   Home-page banner table
   -------------------------------------------------- */

table.home-banner {
  width: auto;
  border-collapse: collapse;
}

table.home-banner td {
  vertical-align: middle;
}

/* --------------------------------------------------
   Narrow screens
   -------------------------------------------------- */

@media (max-width: 50em) {

  /* Stack blog cells */
  table.blog td {
    display: block;
    width: auto;
  }

  /* Stack banner cells */
  table.home-banner,
  table.home-banner tbody,
  table.home-banner tr,
  table.home-banner td {
    display: block;
    width: auto;
  }

  table.home-banner td {
    text-align: center;
    padding: .5em 0;
  }
}