/* Heathers Feather Farm - 2007 Freewebs Air Theme */

/* Body background when this era is active */
body.era-2007 {
  background-color: #000 !important;
  background-image: none !important;
}

/* ── Layout container ── */
#era-2007-layout {
  background-color: #000;
  color: #a4d7fa;
  min-height: 100vh;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

#era-2007-layout .fw-container {
  max-width: 960px;
  margin: 0 auto;
}

/* ── Header ── */
#era-2007-layout .fw-head {
  background-color: #000;
  border-bottom: 1px solid #2a2a2a;
  padding: 18px 24px;
}

#era-2007-layout .fw-site-title {
  font-size: 22px;
  font-family: Verdana, sans-serif;
  color: #a4d7fa;
  font-weight: bold;
  margin-bottom: 4px;
}

#era-2007-layout .fw-site-desc {
  font-size: 12px;
  color: #7ab8d8;
}

/* ── Body row: nav + content ── */
#era-2007-layout .fw-body {
  display: flex;
  min-height: calc(100vh - 80px);
}

/* ── Left nav ── */
#era-2007-layout .fw-nav-menu {
  width: 178px;
  min-width: 178px;
  background-color: #0c0c0c;
  border-right: 1px solid #1e1e1e;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
}

#era-2007-layout .fw-nav-link {
  display: block;
  color: #a4d7fa;
  text-decoration: none;
  padding: 5px 14px;
  font-size: 12px;
  border-bottom: 1px solid #141414;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#era-2007-layout .fw-nav-link:hover {
  background-color: #1a1a1a;
  color: #ffffff;
  text-decoration: none;
}

#era-2007-layout .fw-nav-link.fw-current {
  color: #fff;
  background-color: #111;
  font-weight: bold;
  border-left: 2px solid #a4d7fa;
  padding-left: 12px;
}

/* ── Content ── */
#era-2007-layout .fw-content {
  flex: 1;
  background-color: #111;
  padding: 16px 20px;
  overflow: hidden;
}

#era-2007-layout .fw-content-inner {
  color: #cccccc;
}

#era-2007-layout .fw-copyright {
  color: #444;
  font-size: 11px;
  text-align: center;
  margin-top: 24px;
  padding-top: 12px;
  border-top: 1px solid #222;
}

/* ── Override original green font colors ── */
#era-2007-layout font[color="#003300"],
#era-2007-layout font[color="#006600"],
#era-2007-layout font[color="#ff0000"] {
  color: inherit !important;
}
#era-2007-layout .fw-content-inner font[color="#003300"],
#era-2007-layout .fw-content-inner b font[color="#003300"] {
  color: #a4d7fa !important;
}

/* ── Links ── */
#era-2007-layout a:link    { color: #a4d7fa; }
#era-2007-layout a:visited { color: #7ab8d8; }
#era-2007-layout a:hover   { color: #ffffff; text-decoration: underline; }

/* ── Section header rows ── */
#era-2007-layout .section-header-row {
  background-image: none !important;
  background-color: #222 !important;
  height: 2px !important;
}

/* ── Tables inside content ── */
#era-2007-layout .fw-content-inner table {
  color: #ccc;
}

/* ── Images ── */
#era-2007-layout .fw-content-inner img {
  opacity: 0.92;
}

/* ── iframes (YouTube) ── */
#era-2007-layout iframe {
  max-width: 100%;
}