/* ============================================================
   Business Hippie Club — site CSS
   ============================================================ */

/* --- ground --------------------------------------------------- */
body,
.header-footer-group,
#site-header,
#site-footer,
.footer-nav-widgets-wrapper {
  background-color: #EDE4D4 !important;
}
body { color: #2B2A26; }

.entry-content,
.post-inner,
.singular .entry-header,
main { background-color: transparent !important; }

/* --- vertical rhythm ------------------------------------------ */
.post-inner { padding-top: 3rem !important; }
.footer-widgets-outer-wrapper { padding: 2rem 0 !important; }
#site-footer { padding: 1.5rem 0 !important; }

/* --- separator: one mark on a hairline ------------------------ */
.bhc-div{
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
  max-width:var(--wp--style--global--content-size,650px);
  margin:2.2rem auto 2.6rem;
  color:#8B9A7A;
}
.bhc-div span{flex:1;height:1px;background:#D8CDB6}
.bhc-div svg{flex:none;display:block}

/* --- the seventeen, as a run ---------------------------------- */
.bhc-lg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
  max-width:var(--wp--style--global--content-size,650px);margin:0 auto;
  color:#8B9A7A}
.bhc-lg svg{width:28px;height:auto;display:block;flex:none}

/* --- key under the run ---------------------------------------- */
.bhc-lgkey{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:6px 16px;margin:14px auto 0;
  max-width:var(--wp--style--global--content-size,650px);font-fsize:13px;opacity:.75}
.bhc-lgkey span{display:flex;align-items:center;gap:6px}
.bhc-lgkey i{width:9px;height:9px;border-radius:2px;display:block}

/* --- logo and marks ------------------------------------------- */
.custom-logo { mix-blend-mode: multiply; }
.bhc-mark img { mix-blend-mode: multiply; } /* --- floating compass block ---------------------------------- */
a.bhc-pill{
  position:fixed;
  right:1.25rem;
  bottom:1.25rem;
  z-index:999;
  display:block;
  max-width:19rem;
  padding:14px 18px;
  background:#2B2A26 !important;
  color:#EDE4D4 !important;
  font-family:Raleway;
  font-size:15px;
  line-height:1.35;
  text-decoration:none !important;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
}

a.bhc-pill span{
  display:block;
  color:#EDE4D4 !important;
  font-size:12.5px;
  opacity:.75;
  margin-top:3px;
}

a.bhc-pill:hover,
a.bhc-pill:focus{
  background:#000 !important;
  color:#EDE4D4 !important;
}

/* off where the Compass is already the page */
.page-id-60082 a.bhc-pill,
.page-id-60472 a.bhc-pill,
.page-id-60858 a.bhc-pill{
  display:none;
}

/* smaller on phones */
@media (max-width:600px){
  a.bhc-pill{
    right:.75rem;
    bottom:.75rem;
    padding:10px 14px;
    font-size:13px;
    max-width:13rem;
  }
  a.bhc-pill span{
    display:none;
  }
}