@charset "UTF-8";
/* Workshops page - TRE & Yoga Immersion Workshops
   Uses fonts (PN Light / PN Reg / PN Medium) and header/footer from styles.css */

#workshops { max-width: 1000px; margin: 0 auto; padding-bottom: 3%; font-family: PN Light; color: #232019; }

/* ---- cover ---- */
#workshops .ws-cover { padding: 26px 7.3% 6px; text-align: center; }
#workshops .ws-stones { width: 100%; max-width: 118px; border-radius: 8px; box-shadow: 0 8px 20px rgba(0,0,0,.16); display: inline-block; }
#workshops .ws-tag { max-width: 60ch; margin: 14px auto 4px; font-size: 16px; line-height: 1.55; color: #232019; }
#workshops .ws-tag .yog { color: #F75757; font-family: PN Medium; }
#workshops .ws-tag .fname { color: #883E1A; font-family: PN Medium; }

/* ---- warm bands ---- */
#workshops .ws-band { background: #F6F0E8; border-top: 1px solid #e6ddd0; border-bottom: 1px solid #e6ddd0; padding: 8px 0 30px; margin-top: 8px; }
#workshops .ws-narrow { max-width: 66ch; margin: 0 auto; padding: 0 7.3%; }

/* ---- headings & text ---- */
#workshops h2 { text-align: center; color: #883E1A; font-family: PN Reg; font-weight: normal; font-size: 19px; letter-spacing: 3px; text-transform: uppercase; padding: 22px 0 8px; margin: 0; }
#workshops h2.ws-approach { font-size: 27px; letter-spacing: 5px; padding-top: 24px; }
#workshops .ws-rule { width: 66px; height: 3px; background: #F75757; border: none; margin: 14px auto 20px; border-radius: 2px; }
#workshops h3 { color: #883E1A; font-family: PN Medium; font-weight: normal; font-size: 16px; letter-spacing: .4px; margin: 0 0 6px; }
#workshops p { font-size: 11pt; line-height: 1.6; margin: 0 0 13px; color: #232019; }
#workshops .ws-narrow p { text-align: justify; }
#workshops .ws-swastha { font-family: PN Medium; color: #883E1A; }

#workshops .ws-reconnect { list-style: none; margin: 4px auto 0; max-width: 66ch; padding: 0; }
#workshops .ws-reconnect li { line-height: 1.6; font-size: 14.5px; padding: 10px 0 10px 22px; position: relative; border-top: 1px solid #e6ddd0; }
#workshops .ws-reconnect li:before { content: ""; position: absolute; left: 0; top: 18px; width: 9px; height: 9px; border-radius: 50%; background: #F75757; }
#workshops .ws-reconnect strong { font-family: PN Medium; color: #883E1A; font-weight: normal; }

/* ---- offerings ---- */
#workshops .ws-intro { max-width: 66ch; margin: 0 auto 18px; padding: 0 7.3%; text-align: center; font-size: 15.5px; line-height: 1.55; }
#workshops .ws-intro .yog { color: #F75757; font-family: PN Medium; }
#workshops .ws-intro .fname { color: #883E1A; font-family: PN Medium; }
#workshops .ws-offers { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; max-width: 900px; margin: 0 auto; padding: 0 7.3%; }
#workshops .ws-offer { border: 1px solid #e6ddd0; border-left: 4px solid #F75757; border-radius: 8px; padding: 16px 18px; background: #fff; }
#workshops .ws-offer h3 { margin-bottom: 4px; }
#workshops .ws-offer p { margin: 0; font-size: 14.5px; text-align: left; }
#workshops .ws-offer .ws-tre-logo { height: 26px; width: auto; display: block; margin: 0 0 10px; }
#workshops .ws-format { display: inline-block; margin-top: 9px; font-size: 12px; letter-spacing: .4px; color: #0083B3; font-family: PN Medium; background: #eef7fb; border: 1px solid #d3ebf3; border-radius: 999px; padding: 3px 11px; }
#workshops .ws-adapt { max-width: 66ch; margin: 16px auto 0; padding: 0 7.3%; font-size: 14.5px; color: #5f574b; text-align: center; font-style: italic; }
#workshops .ws-cta { text-align: center; margin: 26px 0 8px; }
#workshops .ws-cta a { display: inline-block; background: #F75757; color: #fff; text-decoration: none; font-family: PN Medium; letter-spacing: .6px; font-size: 15px; padding: 13px 30px; border-radius: 8px; }
#workshops .ws-cta a:hover { background: #e04b4b; }

/* ---- facilitators ---- */
#workshops .ws-photo { margin: 8px auto 22px; max-width: 150px; }
#workshops .ws-photo img { width: 100%; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.15); display: block; }
#workshops .ws-photo figcaption { text-align: center; font-size: 12.5px; color: #8a7f70; margin-top: 8px; font-style: italic; }
#workshops .ws-facils { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; max-width: 860px; margin: 0 auto; padding: 0 7.3%; }
#workshops .ws-facil h3 { color: #883E1A; font-family: PN Medium; font-size: 16px; letter-spacing: .3px; }
#workshops .ws-facil h3 .yog { color: #F75757; }
#workshops .ws-facil p { font-size: 14.5px; text-align: left; }
#workshops .ws-creds { list-style: none; margin: 6px 0 13px; padding: 0; }
#workshops .ws-creds li { font-size: 13.8px; line-height: 1.5; padding: 5px 0 5px 18px; position: relative; text-align: left; }
#workshops .ws-creds li:before { content: "\2013"; position: absolute; left: 0; color: #F75757; }
#workshops .ws-fb { margin: 12px 0 0; }
#workshops .ws-fb a { display: inline-flex; align-items: center; gap: 7px; font-family: PN Medium; font-size: 13.5px; color: #1877F2; text-decoration: none; }
#workshops .ws-fb a:hover { text-decoration: underline; }
#workshops .ws-fb svg { width: 16px; height: 16px; flex: none; }

@media (max-width: 700px) {
  #workshops .ws-offers { grid-template-columns: 1fr; }
  #workshops .ws-facils { grid-template-columns: 1fr; gap: 24px; }
  #workshops .ws-narrow p { text-align: left; }
}