/* honestvanilla restore overrides — proper header + balanced layout (static Blogger theme) */

/* the decorative .cap-top is an absolute 400px overlay painting the spices texture OVER
   the header (hiding the logo + nav). Remove the broken caps. */
.cap-top, .cap-bottom { display: none !important; }

/* center the content column (was left-pinned -> big background strip on the right) */
.content-outer { margin-left: auto !important; margin-right: auto !important; }

/* ===== Header (logo) ===== */
header { margin: 0; }
#header-inner { text-align: center; padding: 26px 0 16px; }
#header-inner img,
#Header1_headerimg {
  display: inline-block !important;
  float: none !important;
  margin: 0 auto !important;
  max-width: 100%;
  height: auto;
}
.region-inner.header-inner { margin: 0 auto !important; }

/* ===== Navigation (Blogger PageList tabs) -> clean centered horizontal bar ===== */
.tabs-outer { margin: 0 0 34px; }
.tabs.section, #crosscol.tabs {
  border-top: 1px solid #e6e2da;
  border-bottom: 1px solid #e6e2da;
  background: rgba(255,255,255,.85);
}
.tabs .widget-content ul,
#crosscol .widget-content ul {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.tabs .widget-content li,
#crosscol .widget-content li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  float: none !important;
}
.tabs .widget-content li a,
#crosscol .widget-content li a {
  display: block;
  padding: 14px 26px;
  text-decoration: none;
  color: #444;
  font-size: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
  transition: color .15s;
}
.tabs .widget-content li a:hover,
#crosscol .widget-content li a:hover { color: #b8860b; }
.tabs .widget-content li.selected a,
#crosscol .widget-content li.selected a { color: #b8860b; font-weight: 700; }

@media (max-width: 600px) {
  .tabs .widget-content li a, #crosscol .widget-content li a { padding: 12px 16px; }
  #header-inner { padding: 18px 0 10px; }
}