/* World Team Mission - content pages (About, Seminars, Contact ...). Shares the .wtm card look with the form (css/share.css). */
.wtm-page h1{ margin:0 0 6px; font:normal 30px/1.2 var(--serif); color:#fff; }
.wtm-page .wtm-kicker{ margin:0 0 14px; font:700 11px var(--sans); letter-spacing:.22em; text-transform:uppercase; color:var(--gold); }
.wtm-page p{ margin:0 0 14px; font-size:15px; line-height:1.6; }
.wtm-page a{ color:#fff; text-decoration:underline; text-decoration-color:rgba(255,255,255,.5); }
.wtm-page a:hover{ text-decoration-color:#fff; }
.wtm-page .lead{ font-size:16.5px; color:#fff; }
.wtm-page .quiet{ font-family:var(--sans); font-size:12.5px; color:var(--muted); }

/* portrait beside the text */
.wtm-portrait{ float:right; width:190px; margin:4px 0 14px 22px; border-radius:14px; border:2px solid rgba(255,255,255,.35); box-shadow:0 10px 30px rgba(0,0,0,.35); }

/* a banner with text and buttons under it */
.wtm-offer{ margin:22px 0 0; padding:22px 0 0; border-top:1px solid var(--line); }
.wtm-offer:first-of-type{ margin-top:16px; padding-top:0; border-top:0; }
.wtm-offer img.banner{ display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.wtm-offer h2{ margin:16px 0 6px; font:normal 23px/1.25 var(--serif); color:#fff; }
.wtm-offer h2 small{ display:block; margin-top:3px; font:700 11px var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }

/* buttons */
.wtm-btns{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 4px; }
.wtm-btn{ display:inline-flex; align-items:center; height:44px; padding:0 22px; border-radius:99px; text-decoration:none !important;
  font:700 12px var(--sans); letter-spacing:.08em; text-transform:uppercase; color:#1a1305 !important;
  background:linear-gradient(180deg,#f6e3a5,var(--gold2)); box-shadow:0 4px 18px rgba(232,200,115,.35); }
.wtm-btn:hover{ background:linear-gradient(180deg,#fbeebd,#d6a93c); }
.wtm-btn.soft{ color:#fff !important; background:rgba(255,255,255,.14); box-shadow:none; }
.wtm-btn.soft:hover{ background:rgba(255,255,255,.24); }

/* the thank-you / error notice on the contact page */
.wtm-note{ display:none; margin:0 0 18px; padding:12px 16px; border-radius:10px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.3); font-size:15px; color:#fff; }
.wtm-note.on{ display:block; }

@media (max-width:640px){
  .wtm-portrait{ float:none; display:block; margin:0 auto 16px; }
}

/* ---- Voices of Truth page ---- */
.wtm-page h2.wtm-h2{ margin:26px 0 10px; font:normal 22px/1.25 var(--serif); color:#fff; }
.wtm-covers{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin:4px 0 18px; }
.wtm-covers img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; box-shadow:0 6px 16px rgba(0,0,0,.3); }
.wtm-list{ margin:0 0 14px; padding-left:22px; }
.wtm-list li{ margin:0 0 7px; font-size:15px; line-height:1.55; }
.wtm-signup{ margin:26px 0; padding:22px 24px 18px; border-radius:14px; background:rgba(0,0,0,.16); border:1px solid rgba(255,255,255,.22); }
.wtm-pp{ display:flex; flex-direction:column; align-items:center; gap:12px; margin:16px 0 20px; }
.wtm-pp a{ display:block; line-height:0; border-radius:10px; transition:transform .15s; }
.wtm-pp a:hover{ transform:translateY(-2px); }
.wtm-pp img{ display:block; width:420px; max-width:100%; height:auto; }   /* the buttons at their own size, as on the Stage 2 sign-up page */
.wtm-quote{ margin:20px 0 6px; padding:14px 18px 14px 22px; border-left:3px solid var(--gold); font-size:17px; font-style:italic; color:#fff; line-height:1.5; }
.wtm-quote span{ display:block; margin-top:6px; font:700 11px var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--gold); font-style:normal; }
@media (max-width:640px){ .wtm-covers{ grid-template-columns:repeat(4,1fr); } }

/* ---- front page ---- */
.wtm-feature{ margin:24px 0; padding:20px 22px 14px; border-radius:14px; background:rgba(0,0,0,.16); border:1px solid rgba(255,255,255,.22); }
.wtm-doors{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 0 6px; }
.wtm-door{ display:block; padding:14px 14px 15px; border-radius:12px; background:rgba(0,0,0,.16); border:1px solid rgba(255,255,255,.22); text-decoration:none !important; transition:background .15s, transform .15s; }
.wtm-door:hover{ background:rgba(0,0,0,.26); transform:translateY(-2px); }
.wtm-door b{ display:block; margin:0 0 5px; font:normal 17px/1.25 var(--serif); color:#fff; }
.wtm-door span{ display:block; font:12.5px/1.4 var(--sans); color:var(--muted); }
@media (max-width:640px){ .wtm-doors{ grid-template-columns:1fr; } }
.wtm-doors-2{ grid-template-columns:1fr 1fr; }

/* the seminar banners are links too: people click a banner by instinct */
.wtm-offer a.wtm-banner{ display:block; line-height:0; }
.wtm-offer a.wtm-banner img.banner{ transition:transform .15s, box-shadow .15s; }
.wtm-offer a.wtm-banner:hover img.banner{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.35); }