/* One consistent header for HippyLove.org on every page */
header.top, header.photo-top {
  box-sizing:border-box !important;
  width:100% !important; max-width:none !important;
  min-height:86px !important; height:auto !important;
  margin:0 !important;
  padding:18px max(4vw,22px) !important;
  display:flex !important; align-items:center !important;
  justify-content:space-between !important;
  gap:25px !important; flex-direction:row !important;
  background:#fff !important;
  border-bottom:1px solid #e7e5e3 !important;
}
header.top .wordmark, header.photo-top .wordmark {
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:27px !important; font-weight:700 !important;
  letter-spacing:-.055em !important; line-height:1.2 !important;
  text-decoration:none !important; text-transform:none !important;
  color:#18191c !important; white-space:nowrap !important;
}
header.top nav,header.photo-top nav {
  display:flex !important; align-items:center !important;
  justify-content:flex-end !important; flex-wrap:wrap !important;
  gap:18px !important; margin:0 !important; padding:0 !important;
  width:auto !important; background:transparent !important;
}
header.top nav a,header.photo-top nav a {
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:16px !important; font-weight:400 !important;
  letter-spacing:0 !important; line-height:1.35 !important;
  text-transform:none !important; text-decoration:none !important;
  color:#18191c !important; white-space:nowrap !important;
}
header.top nav a:hover,header.photo-top nav a:hover {text-decoration:underline !important;}
@media(max-width:1000px){
 header.top,header.photo-top{flex-wrap:wrap !important;}
 header.top nav,header.photo-top nav{justify-content:flex-start !important;}
}
@media(max-width:650px){
 header.top,header.photo-top{padding:16px 20px !important;gap:14px !important;}
 header.top .wordmark,header.photo-top .wordmark{font-size:24px !important;}
 header.top nav,header.photo-top nav{gap:12px !important;}
 header.top nav a,header.photo-top nav a{font-size:13px !important;}
}

/* Final shared masthead geometry and hero spacing */
html body header.top, html body header.photo-top {min-height:86px !important; height:86px !important; padding:18px 4vw !important; flex-wrap:nowrap !important;}
html body header.top nav, html body header.photo-top nav {gap:18px !important;}
html body header.top .wordmark, html body header.photo-top .wordmark {font-size:27px !important; letter-spacing:-.055em !important;}
/* Make the sunset start at the same distance beneath the masthead */
body:has(header.top) main > section.hero {padding-top:24px !important; margin-top:0 !important;}
body:has(header.photo-top) main > section.photo-hero {padding-top:24px !important; margin-top:0 !important;}
@media(max-width:1050px){html body header.top,html body header.photo-top{height:auto !important;min-height:86px !important;flex-wrap:wrap !important;}}
@media(max-width:650px){html body header.top,html body header.photo-top{padding:16px 20px !important;}html body header.top .wordmark,html body header.photo-top .wordmark{font-size:24px !important;}}