:root {
  color: #292722;
  background: #eae6de;
}
body {
  background: linear-gradient(180deg,#f7f5ef 0,#ece8df 72%);
}
header {
  position: relative;
  padding: .85rem 4vw;
  background: #242321;
  border-bottom: 4px solid #d5aa2d;
  box-shadow: 0 5px 18px rgba(36,35,33,.16);
}
header::after {
  content: "";
  position: absolute;
  right: 5vw;
  bottom: -4px;
  width: 7rem;
  height: 4px;
  background: #f3d36a;
}
.chapel-brand {
  color: #fffdf7;
  letter-spacing: .025em;
}
.chapel-brand img {
  filter: drop-shadow(0 0 8px rgba(213,170,45,.24));
}
header nav a {
  padding: .55rem .15rem .4rem;
  color: #e8e3d8;
  border-bottom: 2px solid transparent;
  font-family: Arial,sans-serif;
  font-size: .78rem;
  font-weight: bold;
  letter-spacing: .08em;
  text-transform: uppercase;
}
header nav a:hover,
header nav a:focus-visible {
  color: #fff;
  border-bottom-color: #d5aa2d;
}
main { margin-top: 2.5rem; }
section {
  background: rgba(255,254,250,.94);
  border: 1px solid #d8d2c7;
  border-radius: 7px;
  box-shadow: 0 8px 28px rgba(45,41,34,.07);
}
h1,h2,h3,h4 { color: #292722; }
.eyebrow { color: #94751d; }
button,.button {
  background: #383530;
  border-bottom: 3px solid #d5aa2d;
  border-radius: 4px;
  color: #fffdf7;
}
button:hover,.button:hover { background: #242321; }
input,select,textarea,.header-editor {
  border: 1px solid #c9c2b6;
  border-radius: 3px;
  background: #fffefb;
}
.calendar-weekday { background: #ded9cf; }
.calendar-day { border-color: #d8d2c7; }
.calendar-day.available { background: #f4edda; box-shadow: inset 0 3px #d5aa2d; }
.calendar-day a { color: #393631; }
.archive-reflection,.reflection-text { border-left-color: #d5aa2d; }
.chapel-footer {
  background: #242321;
  border-top: 4px solid #d5aa2d;
  color: #cfc8bb;
}
@media(max-width:700px) {
  header nav { padding-top: .6rem; }
}