/* ── forum-skin.css ────────────────────────────────────────────────────────
   Old-site wrapper for the forum archive: colours + header, nav and footer.
   Deliberately narrow (Ben): the forum's OWN styling — post cards, tables,
   breadcrumbs, Pagefind search — is not touched.

   Loaded ONLY by /forum/* pages, and LAST in <head> (after style.css,
   forum.css and the per-page inline <style>), so equal-specificity overrides
   win without !important.  It is never linked from the 61 old-site pages,
   so it cannot reach their desktop layout at all.

   Values are taken from the live old skin, not invented:
     light.css     #header, #logo, #horiz-menu, #footer2/3, #footerbar
     template.css  #logo box, #horiz-menu metrics, #footer, #bottom-menu,
                   #copyright
   ────────────────────────────────────────────────────────────────────────── */

/* ---- ground -------------------------------------------------------------- */
body {
  background: transparent url(https://s3.amazonaws.com/lbgmedia/images/light/bg.gif)
              repeat scroll center top;
  font-family: Helvetica, Arial, sans-serif;
}

/* ---- header -------------------------------------------------------------- */
#lbg-header {
  background: transparent url(https://s3.amazonaws.com/lbgmedia/images/light/page-bg.png)
              repeat-x scroll 50% -50px;
  border-top: 3px solid #578E13;
  margin: 0 auto;
  padding: 30px 0;
  width: 959px;
  overflow: hidden;
  font-size: 12px;
  line-height: 135%;
}
#lbg-header a { transition: none; }
#lbg-logo {
  display: block;
  float: left;
  margin-left: 10px;
  width: 250px;
  height: 66px;
  background: url(https://s3.amazonaws.com/lbgmedia/images/logo_circle.png) 0 0 no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#lbg-nav {
  padding: 8px 0;
  display: block;
  float: right;
  margin-right: 10px;
}
#lbg-nav ul { list-style: none; padding: 0; margin: 0; }
#lbg-nav li { display: block; float: left; margin: 0 1px; padding: 0; font-weight: bold; }
#lbg-nav a {
  white-space: nowrap;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  padding: 0;
  color: #555;
  letter-spacing: normal;
  text-transform: none;
}
#lbg-nav a span { display: block; padding: 0 10px; height: 30px; }
#lbg-nav li:hover a,
#lbg-nav li.active a {
  color: #000;
  background: url(https://s3.amazonaws.com/lbgmedia/images/light/menu-tab-r.png) 100% 0 no-repeat;
}
#lbg-nav li:hover a span,
#lbg-nav li.active a span {
  background: url(https://s3.amazonaws.com/lbgmedia/images/light/menu-tab-l.png) 0 0 no-repeat;
}

/* ---- content panel ------------------------------------------------------- */
/* The forum's own containers become the site's 959px panel.  Their top
   padding also carried the offset for the OLD fixed .site-header, which no
   longer exists — hence the reduced padding-top. */
.page-header,
.page-content,
.forum-content {
  max-width: 959px;
  width: auto;
  margin: 0 auto;
  background: #fff;
}
.page-header {
  background: #fff;
  color: #2d2d2d;
  padding: 2.2rem 2rem 0.5rem;
  text-align: left;
}
.page-header h1 { color: #2d2d2d; }
.page-header .section-eyebrow { color: #578E13; text-align: left; }
.page-content { padding: 1rem 2rem 3rem; }
.forum-content { padding: 2rem 1.5rem 3rem; }

/* ---- footer -------------------------------------------------------------- */
#lbg-footer {
  width: 959px;
  margin: 0 auto;
  background: #303030;
  overflow: hidden;
  font-size: 12px;
}
#lbg-footer-inner {
  background: url(https://s3.amazonaws.com/lbgmedia/images/light/footer-bl.png) 0 100% no-repeat;
}
#lbg-footer-inner2 {
  background: url(https://s3.amazonaws.com/lbgmedia/images/light/footer-br.png) 100% 100% no-repeat;
  border-top: 1px solid #000;
  padding-bottom: 5px;
  overflow: hidden;
}
#lbg-bottom-menu { margin-right: 180px; padding: 25px 0; overflow: hidden; }
#lbg-bottom-menu ul { list-style: none; margin: 0; padding: 0; }
#lbg-bottom-menu ul li { float: left; }
#lbg-bottom-menu ul li a {
  padding: 0 15px;
  color: #666;
  border-right: 1px solid #444;
  font-size: 12px;
  text-transform: none;
  letter-spacing: normal;
  display: block;
}
#lbg-bottom-menu ul li a:hover { color: #ccc; text-decoration: none; }
#lbg-footerbar {
  width: 959px;
  margin: 0 auto;
  background: url(https://s3.amazonaws.com/lbgmedia/images/light/footerbar-m.png) 0 0 repeat-x;
  overflow: hidden;
}
#lbg-footerbar img { float: left; display: block; }
#lbg-copyright { float: right; color: #666; padding: 15px; font-size: 12px; }

/* ---- responsive ---------------------------------------------------------
   The archive was responsive before this sheet existed and must stay that
   way.  Every rule below is inside a max-width query, so the desktop block
   above is untouched. */
@media (max-width: 959px) {
  #lbg-header, #lbg-footer, #lbg-footerbar { width: auto; max-width: 100%; }
  #lbg-header { padding: 20px 10px 10px; }
  #lbg-logo { float: none; margin: 0 auto 10px; }
  #lbg-nav { float: none; margin: 0; text-align: center; }
  #lbg-nav ul { display: inline-block; text-align: left; }
  #lbg-bottom-menu { margin-right: 0; padding: 15px 0; }
  #lbg-footerbar img { float: none; margin: 0 auto; }
  #lbg-copyright { float: none; text-align: center; }
  .page-header, .page-content, .forum-content { max-width: 100%; }
}

@media (max-width: 600px) {
  #lbg-logo { width: 100%; max-width: 250px; background-size: contain; }
  #lbg-nav li { float: none; display: block; }
  #lbg-nav a { float: none; }
  #lbg-nav a span { padding: 0; }
  #lbg-bottom-menu ul li { float: none; }
  #lbg-bottom-menu ul li a { border-right: 0; padding: 4px 15px; }
}
