/* FunHouse static rebuild — Standard Theme 2.6.1 chrome + logo yellow accents */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: #efefef;
  font: 16px/1.55 Georgia, Times, serif;
  color: #333333;
}
a { color: #333333; }
a:hover { color: #666666; }
img { max-width: 100%; height: auto; border: 0; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 0 0.4em; }

.col-full { width: 940px; max-width: 100%; margin: 0 auto; }
.clear { clear: both; }

.navigation {
  background: #101010;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 0;
  border-bottom: 3px solid #fce400;
  font-family: Helvetica, Arial, sans-serif;
}
.nav { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.nav li { float: left; }
.nav a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 18px 8px 0;
  line-height: 1;
  font-family: Helvetica, Arial, sans-serif;
}
.nav a:hover { text-decoration: underline; color: #fce400; }

#header {
  padding: 28px 0 8px;
  text-align: center;
}
#header a { display: inline-block; }
#header img.site-logo {
  display: block;
  width: 940px;
  max-width: 100%;
  height: auto;
  border: 1px solid #b0b0b0;
}
.yellow-bar {
  height: 8px;
  background: linear-gradient(90deg, #23bbc9 0%, #64c277 28%, #fce400 72%, #32130b 100%);
  margin: 0 0 1.2em;
}

.year-nav {
  background: #fff;
  border: 1px solid #b0b0b0;
  border-top: 4px solid #fce400;
  padding: 12px 16px 10px;
  margin: 0 0 20px;
  font-family: Helvetica, Arial, sans-serif;
}
.year-nav .label {
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 8px;
}
.year-nav a {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 4px 6px 0;
  background: #101010;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
}
.year-nav a:hover,
.year-nav a.current {
  background: #fce400;
  color: #101010;
}
.year-nav .count { opacity: 0.75; font-size: 10px; }

.tagline {
  font-style: italic;
  color: #666;
  margin: 0 0 18px;
  font-size: 15px;
}

#content { min-height: 400px; padding: 0 0 20px; }

.post {
  background: #fff;
  margin: 0 0 20px;
  padding: 22px 28px 18px;
  min-height: 80px;
  border-top: 4px solid #fce400;
}
.post .title {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 32px;
  line-height: 36px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.post .title a { color: #333; text-decoration: none; }
.post .title a:hover { color: #888; text-decoration: none; }
.post-meta {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  width: 100%;
  margin: 6px 0 15px;
  padding: 0 0 10px;
  color: #000;
  border-bottom: 1px solid #b0b0b0;
}
.post-meta .the_author { font-style: italic; }
.post-meta a { text-decoration: none; }

.entry { margin: 0; padding: 0 0 8px; }
.entry p { margin: 0 0 15px; }
.entry img {
  border: 1px solid #b0b0b0;
  max-width: 100%;
  height: auto;
}
.entry a img { border: 1px solid #b0b0b0; }
.entry img.img-missing {
  outline: 2px dashed #c0392b;
  opacity: 0.55;
  background: #fff3f0;
}
.entry .img-missing-note {
  display: block;
  font-size: 12px;
  color: #c0392b;
  font-family: Helvetica, Arial, sans-serif;
  margin: -0.35em 0 0.8em;
}
.entry ul, .entry ol { margin: 0 0 15px; padding: 0 0 0 30px; }
.entry blockquote {
  padding: 10px 30px;
  color: #666;
  font-style: italic;
  font-size: 16px;
  margin: 0 0 15px;
  border-left: 4px solid #fce400;
}
.entry h2, .entry h3 { margin: 0 0 12px; }

.excerpt { margin: 0 0 10px; }
.thumb {
  float: right;
  margin: 0 0 10px 16px;
  max-width: 220px;
  border: 1px solid #b0b0b0;
}
.read-more {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
.read-more:hover { color: #000; }

.video-embed {
  margin: 0 0 18px;
  background: #101010;
  padding: 8px;
  max-width: 576px;
}
.video-embed iframe {
  display: block;
  width: 100%;
  max-width: 560px;
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 240px;
  border: 0;
}
.video-link {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 8px 0 0;
  color: #fce400;
}
.video-link a { color: #fce400; }

.related {
  margin: 18px 0 8px;
  padding-top: 12px;
  border-top: 1px solid #b0b0b0;
}
.related h3 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 8px;
}
.related ul { margin: 0; padding: 0 0 0 20px; }
.related li { margin: 0 0 4px; }

.post-nav {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 0 0 20px;
  padding: 12px 0;
}
.post-nav .prev { float: left; }
.post-nav .next { float: right; }
.post-nav a { text-decoration: none; font-weight: bold; }

.archive-list { list-style: none; margin: 0; padding: 0; }
.archive-list li {
  border-top: 1px solid #b0b0b0;
  padding: 10px 0;
  overflow: hidden;
}
.archive-list li:first-child { border-top: none; }
.archive-list .when {
  float: left;
  width: 160px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #666;
  padding-top: 4px;
}
.archive-list .what { margin-left: 170px; }
.archive-list .what a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
}
.archive-list .what a:hover { color: #888; }
.archive-list .by { font-size: 12px; color: #666; font-style: italic; }

.archive_header {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin: 0 0 12px;
}

#footer {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin: 30px 0 0;
  padding: 18px 0;
  background: #101010;
  color: #fff;
  text-transform: uppercase;
  border-top: 4px solid #fce400;
  letter-spacing: 0.04em;
}
#footer a { color: #fce400; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .col-full { overflow: hidden; }
#footer .credit { float: right; color: #b0b0b0; }

@media (max-width: 700px) {
  .col-full { width: auto; padding: 0 12px; }
  .post { padding: 16px 14px 12px; }
  .post .title { font-size: 24px; line-height: 28px; }
  .thumb { float: none; display: block; margin: 0 0 12px; max-width: 100%; }
  .archive-list .when { float: none; width: auto; }
  .archive-list .what { margin-left: 0; }
  #footer .credit { float: none; display: block; margin-top: 8px; }
  .nav a { padding: 10px 12px 8px 0; }
}