/* Event detail page follows the visual language of the Raillery Hub exhibition pages. */
.rhe-event-detail{font-family:Karla,Arial,sans-serif;color:#1a1715;background:#f3f0eb;font-size:15px;line-height:1.75}
.rhe-event-detail *{box-sizing:border-box}
.rhe-detail-container{width:calc(100% - 88px);max-width:1280px;margin-inline:auto}
.rhe-detail-hero{background:#f3f0eb;border-bottom:1px solid #ddd6cd}
.rhe-detail-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.7fr);column-gap:72px;align-items:center;min-height:410px;padding-top:45px;padding-bottom:48px}
.rhe-detail-back{display:inline-block;color:#25201d;text-decoration:none;font-size:13px;margin-bottom:32px}
.rhe-detail-back:hover{text-decoration:underline}
.rhe-detail-eyebrow{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.2em;color:#a3302a;margin-bottom:16px}
.rhe-detail-intro h1{font-family:Fraunces,Georgia,serif;color:#111;font-size:clamp(38px,4.8vw,60px);line-height:1.08;font-weight:600;letter-spacing:-.035em;margin:0 0 24px}
.rhe-detail-date{font-size:16px;font-weight:500;margin:0 0 13px}
.rhe-detail-fact{margin:4px 0;color:#292521;font-size:15px;line-height:1.65}
.rhe-detail-fact strong{font-weight:700}
.rhe-detail-figure{display:flex;justify-content:center;align-items:center;margin:0;padding:0}
.rhe-detail-figure img{display:block;width:auto;max-width:100%;max-height:315px;height:auto;object-fit:contain;box-shadow:none}
.rhe-detail-body{padding:42px 0 56px;background:#f3f0eb}
.rhe-detail-description{font-size:16px;line-height:1.85;max-width:1000px;color:#302923}
.rhe-detail-description p{margin:0 0 18px}
.rhe-detail-description p:last-child{margin-bottom:0}
.rhe-detail-booking{margin:30px 0 0}
.rhe-detail-booking a{display:inline-block;color:white;background:#8e302d;border:1px solid #8e302d;padding:11px 20px;text-decoration:none;font-weight:700;font-size:14px}
.rhe-detail-booking a:hover{background:#68211f}
.rhe-event-detail a:focus-visible{outline:2px solid #8e302d;outline-offset:4px}
@media(max-width:760px){.rhe-detail-container{width:calc(100% - 40px)}.rhe-detail-columns{grid-template-columns:1fr;gap:30px;min-height:0;padding:32px 0 38px}.rhe-detail-back{margin-bottom:28px}.rhe-detail-intro h1{font-size:42px}.rhe-detail-figure{justify-content:flex-start}.rhe-detail-figure img{max-height:300px}.rhe-detail-body{padding:32px 0 45px}}

.rhe-detail-figure{flex-direction:column;gap:9px}.rhe-detail-figure video{display:block;max-width:100%;width:100%;max-height:315px;background:#171717}.rhe-detail-figure figcaption{width:100%;font-size:13px;line-height:1.5;color:#635a52;text-align:left}

/* v1.0.21: consistent parchment page and no placeholder image when media is not provided. */
.rhe-event-detail,.rhe-detail-hero,.rhe-detail-body{background:#f3f0eb}
.rhe-detail-columns.rhe-detail-columns--text-only{grid-template-columns:minmax(0,1fr);min-height:290px}
.rhe-detail-columns--text-only .rhe-detail-intro{max-width:780px}

/* v1.0.22: honour the established boxed Raillery Hub site width. */
body .rhe-event-detail#rhe-event-detail {
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  background:#f3f0eb;
  overflow:hidden;
}
.rhe-event-detail .rhe-detail-container {
  box-sizing:border-box;
  width:calc(100% - 88px);
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
.rhe-event-detail .rhe-detail-hero,
.rhe-event-detail .rhe-detail-body {
  width:100%;
  background:#f3f0eb;
}
.rhe-event-detail .rhe-detail-columns {
  grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);
  column-gap:clamp(28px,5vw,72px);
}
.rhe-event-detail .rhe-detail-figure img {
  max-width:100%;
  max-height:360px;
  object-fit:contain;
}
@media(max-width:760px) {
  .rhe-event-detail .rhe-detail-container {width:calc(100% - 40px)}
  .rhe-event-detail .rhe-detail-columns {grid-template-columns:1fr}
  .rhe-event-detail .rhe-detail-intro h1 {font-size:clamp(32px,8vw,42px)}
}


/* v1.0.25: match the site's 1280px boxed header/footer, with stone outer canvas.
   The event's main was previously constrained inside a narrower theme content wrapper.
   Position relative to the centred theme wrapper, and use the same fixed maximum width. */
body.single-rhe_event,
body.single-rhe_event #brx-content {
  background-color:#D9D3CA !important;
}
body.single-rhe_event #rhe-event-detail.rhe-event-detail {
  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(100vw, 1280px) !important;
  max-width:1280px !important;
  min-width:0 !important;
  margin:0 !important;
  background:#F3F0EB !important;
  overflow:hidden;
}
body.single-rhe_event #rhe-event-detail .rhe-detail-hero,
body.single-rhe_event #rhe-event-detail .rhe-detail-body {
  width:100% !important;
  background:#F3F0EB !important;
}
body.single-rhe_event #rhe-event-detail .rhe-detail-container {
  width:calc(100% - 88px);
  max-width:none;
  margin-right:auto;
  margin-left:auto;
}
@media(max-width:760px) {
  body.single-rhe_event #rhe-event-detail.rhe-event-detail {
    width:100vw !important;
    max-width:100vw !important;
  }
  body.single-rhe_event #rhe-event-detail .rhe-detail-container {
    width:calc(100% - 40px);
  }
}