/* Pages written in WordPress (privacy policy, other pages and posts, search, 404), shown inside the header and
   footer of the design. Type and colours follow the post pages of the Forum. */

body.alti-wp-page { margin: 0; background: #F6EEE1; color: #2E2620; }
.alti-wpmain { display: block; min-height: 62vh; background: #F6EEE1; }
.alti-slot { display: block; }

.alti-wp {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 88px) clamp(20px, 5vw, 64px) clamp(72px, 8vw, 112px);
  font-family: 'Jost', system-ui, sans-serif;
  color: #2E2620;
}
.alti-wp *, .alti-wp *::before, .alti-wp *::after { box-sizing: border-box; }

/* the plain menu only shows when the page is read without JavaScript */
.alti-slot .alti-wp-fallnav { display: none; }
.alti-wp-fallnav { margin-bottom: 40px; font-size: 16px; }
.alti-wp-fallnav ul { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 8px 0 0; padding: 0; list-style: none; }
.alti-wp-fallnav a { color: #7A5A1E; }

.alti-wp-head { max-width: 860px; margin: 0 0 clamp(28px, 4vw, 48px); }
.alti-wp-kicker {
  margin: 0 0 18px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #7A5A1E;
}
.alti-wp h1 {
  margin: 0;
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 400;
  font-size: clamp(40px, 5.6vw, 72px);
  line-height: 1.04;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.alti-wp-intro { margin-top: 18px; max-width: 60ch; font-size: 19px; line-height: 1.55; color: #6E6157; }
.alti-wp-figure { margin: 0 0 clamp(32px, 4vw, 52px); max-width: 860px; }
.alti-wp-figure img { display: block; width: 100%; height: auto; border-radius: 8px; border: 1px solid rgba(201, 165, 92, 0.85); }

.alti-wp-body {
  max-width: 700px;
  font-family: 'Newsreader', Georgia, serif;
  font-size: 21px;
  line-height: 1.68;
  color: #2E2620;
}
.alti-wp-body > :first-child { margin-top: 0; }
.alti-wp-body p { margin: 0 0 1.1em; }
.alti-wp-body h2, .alti-wp-body h3, .alti-wp-body h4, .alti-wp-body h5, .alti-wp-body h6 {
  margin: 1.6em 0 0.6em;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #7A5A1E;
}
.alti-wp-body a { color: inherit; text-decoration: underline; text-decoration-color: #C9A55C; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.alti-wp-body a:hover { color: #7A5A1E; }
.alti-wp-body ul, .alti-wp-body ol { margin: 0 0 1.1em; padding-left: 1.3em; }
.alti-wp-body ul { list-style: none; padding-left: 0; }
.alti-wp-body ul > li { position: relative; margin: 0 0 0.55em; padding-left: 26px; }
.alti-wp-body ul > li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 0.62em;
  width: 8px;
  height: 8px;
  background: #C9A55C;
  transform: rotate(45deg);
}
.alti-wp-body ol > li { margin: 0 0 0.55em; padding-left: 4px; }
.alti-wp-body blockquote {
  margin: 1.2em 0;
  padding: 4px 0 4px 24px;
  border-left: 2px solid #C9A55C;
  font-style: italic;
  font-size: 23px;
  color: #4A403A;
}
.alti-wp-body img, .alti-wp-body video, .alti-wp-body iframe { max-width: 100%; }
.alti-wp-body img { height: auto; border-radius: 6px; }
.alti-wp-body figure { margin: 1.4em 0; }
.alti-wp-body figcaption, .alti-wp-body .wp-caption-text { margin-top: 8px; font-family: 'Jost', sans-serif; font-size: 14px; color: #6E6157; }
.alti-wp-body hr { margin: 2em 0; border: 0; border-top: 1px solid rgba(201, 165, 92, 0.6); }
.alti-wp-body table { width: 100%; margin: 1.2em 0; border-collapse: collapse; font-family: 'Jost', sans-serif; font-size: 16px; line-height: 1.5; }
.alti-wp-body th, .alti-wp-body td { padding: 10px 12px; border-bottom: 1px solid rgba(201, 165, 92, 0.5); text-align: left; vertical-align: top; }
.alti-wp-body th { font-weight: 500; }
.alti-wp-body code, .alti-wp-body pre { font-size: 0.85em; }
.alti-wp-body pre { overflow-x: auto; padding: 16px; background: #FBF6EC; border: 1px solid rgba(201, 165, 92, 0.5); border-radius: 6px; }

/* forms (contact forms, newsletter, search) */
.alti-wp input[type="text"], .alti-wp input[type="email"], .alti-wp input[type="search"], .alti-wp input[type="url"], .alti-wp input[type="tel"],
.alti-wp input[type="number"], .alti-wp input[type="password"], .alti-wp select, .alti-wp textarea {
  width: 100%;
  max-width: 560px;
  min-height: 50px;
  padding: 10px 20px;
  border: 1px solid #2E2620;
  border-radius: 26px;
  background: #FFFBF4;
  color: #2E2620;
  font: 400 18px/1.4 'Jost', sans-serif;
}
.alti-wp textarea { min-height: 160px; border-radius: 18px; }
.alti-wp input[type="submit"], .alti-wp button, .alti-wp .wp-block-button__link, .alti-wp .button {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 26px;
  border: 1px solid #2E2620;
  border-radius: 999px;
  background: #2E2620;
  color: #F6EEE1;
  font: 500 13px/1 'Jost', sans-serif;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.alti-wp input:focus-visible, .alti-wp textarea:focus-visible, .alti-wp select:focus-visible, .alti-wp button:focus-visible, .alti-wp a:focus-visible {
  outline: 2px solid #A0522D;
  outline-offset: 2px;
}
.alti-wp .search-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 1.2em; }
.alti-wp .search-form label { flex: 1 1 280px; }
.alti-wp .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* lists of posts (archives, search) */
.alti-wp-body .alti-wp-list { list-style: none; margin: 0; padding: 0; }
.alti-wp-body .alti-wp-list > li { margin: 0; padding: 22px 0; border-top: 1px solid rgba(201, 165, 92, 0.55); }
.alti-wp-body .alti-wp-list > li::before { display: none; }
.alti-wp-list a { font-size: 26px; line-height: 1.25; text-decoration: none; }
.alti-wp-list a:hover { text-decoration: underline; text-decoration-color: #C9A55C; }
.alti-wp-list span { display: block; margin-top: 6px; font-family: 'Jost', sans-serif; font-size: 14px; color: #6E6157; }
.alti-wp-list p { margin: 8px 0 0; font-size: 18px; color: #4A403A; }
.alti-wp .navigation.pagination { margin-top: 32px; font-family: 'Jost', sans-serif; }
.alti-wp .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.alti-wp .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(201, 165, 92, 0.85);
  border-radius: 999px;
  color: #2E2620;
  text-decoration: none;
}
.alti-wp .page-numbers.current { background: #2E2620; border-color: #2E2620; color: #F6EEE1; }

@media (max-width: 600px) {
  .alti-wp-body { font-size: 19px; }
  .alti-wp-list a { font-size: 22px; }
}