/* ==========================================================================
   WEBINARS & LIVE SESSIONS - the public page

   The supplied "Mindship_Webinars_Updated_Prototype.html", with every selector
   scoped to .pw. Its own header, top line and mobile menu are left out: the
   site's header and footer are around this page and were not to change.
   Drawn by template-webinars-public.php from the same records the account's
   Webinars page reads; filtered in the browser by assets/js/webinars-public.js.
   ========================================================================== */

.pw{--navy:#09234c;--navy2:#051e46;--teal:#00878b;--teal-dark:#007277;--orange:#ff9700;--pale:#eaf9fa;--text:#09234c;--muted:#536985;--border:#dce6ee;--white:#fff;--shadow:0 5px 20px rgba(12,47,78,.065);--radius:14px}
.pw *{box-sizing:border-box}
.pw{margin:0;color:var(--navy);font-size:14px;-webkit-font-smoothing:antialiased}
.pw button,.pw input,.pw select{font:inherit}
.pw button,.pw a{cursor:pointer}
.pw button:focus-visible,.pw a:focus-visible,.pw input:focus-visible,.pw select:focus-visible{outline:3px solid #ffbb48;outline-offset:2px}
.pw a{color:inherit;text-decoration:none}
.pw .icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.pw .icon.lg{width:27px;height:27px}
.pw .icon.xl{width:34px;height:34px}
.pw .pw-main{width:min(1190px,calc(100% - 62px));padding:27px 45px; margin-inline: auto;}
.pw .intro{display:flex;gap:16px;align-items:flex-start;margin:0 0 22px 0}
.pw .play-ring{border:2px solid var(--teal-dark);color:var(--teal-dark);border-radius:100%;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.pw .intro h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 7px;font-weight:790}
.pw .intro p{font-size:14.5px;line-height:1.48;margin:0;max-width:870px;color:#142e57}
.pw .cta-banner{background:linear-gradient(105deg,#e4f6f7,#f4fbfc 48%,#e7f7f9);padding:12px 14px;border-radius:13px;display:flex;align-items:center;gap:16px;margin-bottom:27px;min-height:64px}
.pw .cta-icon{width:49px;height:49px;display:grid;place-items:center;background:#ccf3ec;color:#078b88;border-radius:50%;flex-shrink:0}
.pw .cta-line{height:40px;width:2px;background:var(--teal);opacity:.7}
.pw .cta-copy{flex:1;min-width:0}
.pw .cta-copy strong{display:block;font-size:17px;letter-spacing:-.35px;margin-bottom:4px}
.pw .cta-copy p{font-size:12.8px;margin:0;color:#112d51}
.pw .primary-orange{background:var(--orange);border:0;border-radius:24px;color:#091c35;padding:11px 17px;font-size:12px;font-weight:760;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:6px;box-shadow:0 2px 3px #cc810d17}
.pw .primary-orange:hover{background:#ffab25}
.pw .signin-hint{white-space:nowrap;font-size:12px}
.pw .signin-hint a{color:var(--teal-dark);font-weight:750;text-decoration:underline}
.pw .section-title{font-size:29px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin:0 0 6px}
.pw .subcount{color:#22375b;font-size:13px;margin:0 0 19px}
.pw .filters{display:grid;grid-template-columns:1.55fr .94fr .94fr auto;gap:12px;margin-bottom:18px;align-items:stretch}
.pw .search-wrap{position:relative}
.pw .search-wrap>.icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#204567}
.pw .search-wrap input{width:100%;padding:13px 14px 13px 42px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);height:43px}
.pw .search-wrap input::placeholder{color:#7586a0}
.pw .select-wrap{position:relative;display:flex;align-items:center}
.pw .select-wrap>.icon{position:absolute;left:12px;color:var(--navy);z-index:1}
.pw .select-wrap select{width:100%;height:43px;border:1px solid var(--border);border-radius:8px;padding:0 35px 0 40px;color:#122a4f;font-size:13px;font-weight:650;appearance:none;background:white;cursor:pointer}
.pw .select-wrap .down{position:absolute;right:13px;pointer-events:none;color:#082447;width:15px}
.pw .reset{color:var(--teal-dark);border:0;background:transparent;padding:0 16px;font-weight:750;font-size:13px;white-space:nowrap}
.pw .reset:hover{text-decoration:underline}
.pw .tools-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.pw .tabs{display:flex;gap:9px;align-items:center}
.pw .tab{border:0;border-radius:8px;background:#e9eff8;color:#20385e;font-size:13px;font-weight:760;display:flex;gap:7px;align-items:center;justify-content:center;padding:11px 17px;min-width:140px}
.pw .tab.active{color:#fff;background:linear-gradient(112deg,#009895,#007d82)}
.pw .tab .icon{width:17px;height:17px}
.pw .sort{height:39px;border:1px solid #dce5f0;border-radius:10px;padding:0 11px;background:white;font-size:12px;color:var(--navy);font-weight:750}
.pw .list{display:flex;flex-direction:column;gap:8px}
.pw .event-card{border:1px solid #dce7ef;border-radius:14px;box-shadow:var(--shadow);background:white;overflow:hidden}
.pw .event-card.open{border-color:#33adb1}
.pw .event-summary{min-height:77px;display:grid;grid-template-columns:81px minmax(0,1.3fr) minmax(160px,.55fr) 141px;align-items:center;gap:14px;padding:10px 13px}
.pw .event-thumb{width:70px;height:70px;border-radius:9px;background:linear-gradient(142deg,#0d3551 5%,#008e8f 75%,#00aa9d);color:white;display:grid;place-items:center}
.pw .event-thumb .icon{width:34px;height:34px;stroke-width:1.5}
.pw .event-main{min-width:0}
.pw .badges{display:flex;align-items:center;gap:7px;margin-bottom:3px;flex-wrap:wrap}
.pw .topic-pill{border-radius:20px;color:white;background:var(--teal-dark);font-size:10px;font-weight:750;padding:3px 8px}
.pw .free-pill{background:#d7f8df;border-radius:20px;color:#17592e;font-size:10px;font-weight:800;padding:3px 12px}
.pw .event-title{font-size:15px;line-height:1.16;font-weight:790;letter-spacing:-.24px;color:#09234c}
.pw .organiser{color:#374e70;font-size:12px;display:flex;align-items:center;gap:4px;margin:3px 0}
.pw .organiser .icon{width:13px;height:13px}
.pw .summary-desc{color:#455e7c;font-size:11.5px;line-height:1.25;max-width:490px}
.pw .event-date{display:flex;flex-direction:column;gap:8px;font-size:12.8px;font-weight:720;color:#132d51}
.pw .event-date div{display:flex;align-items:center;gap:8px}
.pw .event-date .icon{width:16px;height:16px}
.pw .toggle{border:1px solid var(--teal-dark);color:var(--teal-dark);background:white;min-width:125px;border-radius:7px;height:37px;font-size:13px;font-weight:740;display:flex;align-items:center;justify-content:center;gap:6px;justify-self:end}
.pw .toggle:hover{background:#effbfa}
.pw .event-card.open .toggle{background:linear-gradient(115deg,#008d91,#007476);color:white}
.pw .toggle .icon{width:15px;height:15px}
.pw .event-details{border-top:1px solid #e3e9ef;display:grid;grid-template-columns:1.08fr .98fr;gap:24px;padding:15px 24px 17px}
.pw .detail-left h3{font-size:15px;margin:0 0 7px;letter-spacing:-.2px}
.pw .detail-left h3:not(:first-child){margin-top:15px}
.pw .detail-left p{font-size:12.8px;line-height:1.45;margin:0;color:#17365e}
.pw .detail-left ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.pw .detail-left li{font-size:12.6px;display:flex;align-items:start;gap:9px;color:#17365e}
.pw .bullet{width:7px;height:7px;border-radius:50%;background:var(--teal);margin-top:5px;flex-shrink:0}
.pw .eligibility{background:#fff4dd;color:#7b4610;border-left:3px solid #ffac26;border-radius:6px;padding:11px 12px;font-size:12px;display:flex;gap:9px;align-items:start}
.pw .eligibility .icon{width:15px;height:15px;flex-shrink:0}
.pw .detail-right{min-width:0}
.pw .fact-table{border:1px solid #dce7ed;border-radius:12px;padding:8px 14px;background:white}
.pw .fact-row{display:grid;grid-template-columns:36% 1fr;gap:12px;padding:6px 3px;border-bottom:1px solid #e4ebf0;font-size:11.8px;line-height:1.3}
.pw .fact-row:last-child{border-bottom:0}
.pw .fact-row b{color:#122f56;font-size:11px;font-weight:800}
.pw .fact-row span{color:#163252}
.pw .register-btn{margin-top:10px;display:flex;justify-content:center;gap:7px;align-items:center;background:linear-gradient(100deg,#009c92,#007e86);color:white;border:0;width:100%;border-radius:7px;padding:10px;font-weight:780;font-size:12px}
.pw .register-btn:hover{filter:brightness(1.07)}
.pw .research-note{background:#e2f5f6;margin-top:7px;padding:11px 13px;border-radius:7px;color:#173c5a;display:flex;gap:10px;font-size:11.5px;line-height:1.39}
.pw .research-note .icon{flex-shrink:0;color:var(--teal-dark)}
.pw .research-note strong{display:block;margin-top:4px;font-size:11.2px;color:#072447}
.pw .compact-info{color:#556b85;font-size:12.5px;line-height:1.5}
.pw .compact-notice{margin-top:13px;background:#e9f6f8;padding:11px 13px;border-radius:8px;font-size:12px}
.pw .empty{padding:40px 20px;text-align:center;border:1px dashed #cadce6;border-radius:12px;color:#516780}
.pw .empty strong{display:block;color:#163050;font-size:16px;margin:6px 0}
.pw .pagination{display:flex;justify-content:center;align-items:center;gap:9px;margin:17px 0 21px}
.pw .page-btn{border:1px solid #dbe5ef;background:white;border-radius:9px;min-width:40px;height:42px;padding:0 12px;color:var(--navy);font-weight:780;box-shadow:0 2px 5px #11334c0b}
.pw .page-btn.active{background:linear-gradient(120deg,#009992,#006e72);color:#fff;border:0}
.pw .page-btn:disabled{opacity:.45;cursor:not-allowed}
.pw .trust-note{background:#e9f6f8;color:#26405b;padding:9px 18px;border-radius:9px;font-size:11.5px;line-height:1.38;display:flex;gap:10px;align-items:center;margin:3px 0 22px}
.pw .trust-note .icon{color:var(--teal-dark);width:17px;height:17px}
.pw .modal-backdrop{position:fixed;inset:0;background:#071d37a8;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}
.pw .modal-backdrop.show{display:flex}
.pw .modal{background:white;max-width:440px;border-radius:17px;padding:24px;box-shadow:0 22px 70px #021b303d}
.pw .modal h2{margin:0 0 10px;font-size:22px}
.pw .modal p{line-height:1.5;color:#415a75}
.pw .modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}
.pw .modal .close{border:1px solid #d3e0e5;background:#fff;border-radius:8px;padding:10px 13px}
@media(max-width:1120px){
.pw .cta-copy strong{font-size:15px}
}
@media(max-width:940px){
.pw .event-summary{grid-template-columns:78px minmax(0,1fr) minmax(130px,.5fr) 122px;gap:8px}
.pw .event-date{font-size:11px}
.pw .event-title{font-size:13px}
.pw .cta-banner{flex-wrap:wrap}
.pw .signin-hint{margin-left:auto}
}
@media(max-width:680px){
.pw .intro{gap:10px;margin-bottom:17px}
.pw .intro h1{font-size:25px}
.pw .intro p{font-size:13px}
.pw .play-ring{width:35px;height:35px}
.pw .play-ring .icon{width:17px}
.pw .pw-main{width:calc(100% - 28px);padding-top:22px; padding-inline: 15px;}
.pw .cta-banner{gap:10px;padding:11px;margin-bottom:20px}
.pw .cta-icon{width:39px;height:39px}
.pw .cta-icon .icon{width:22px}
.pw .cta-line{display:none}
.pw .cta-copy{flex-basis:calc(100% - 60px)}
.pw .cta-copy strong{font-size:14px}
.pw .cta-copy p{font-size:11.5px;line-height:1.4}
.pw .cta-banner .primary-orange{margin-left:48px}
.pw .signin-hint{font-size:11px}
.pw .section-title{font-size:23px}
.pw .filters{grid-template-columns:1fr 1fr;gap:8px}
.pw .search-wrap{grid-column:1/-1}
.pw .reset{padding:8px;justify-self:end}
.pw .select-wrap select{font-size:12px}
.pw .tools-row{flex-wrap:wrap}
.pw .tabs{gap:6px}
.pw .tab{min-width:0;padding:10px 11px;font-size:11px}
.pw .sort{font-size:11px}
.pw .event-summary{grid-template-columns:60px 1fr auto;gap:9px;align-items:start;padding:11px}
.pw .event-thumb{width:54px;height:54px}
.pw .event-thumb .icon{width:28px;height:28px}
.pw .event-title{font-size:13px}
.pw .summary-desc{font-size:11px}
.pw .event-date{grid-column:2 / -1;flex-direction:row;gap:13px;font-weight:650;flex-wrap:wrap;margin-top:2px}
.pw .event-date div{gap:5px}
.pw .toggle{min-width:90px;height:32px;font-size:11px;grid-column:3;grid-row:1;align-self:end}
.pw .event-main{grid-column:2/4;padding-right:103px;grid-row:1/2}
.pw .event-thumb{grid-row:1}
.pw .event-date{grid-row:2}
.pw .event-details{display:block;padding:15px}
.pw .detail-right{margin-top:18px}
.pw .fact-row{grid-template-columns:40% 1fr}
.pw .trust-note{font-size:11px}
}
@media(max-width:440px){
.pw .intro h1{font-size:23px}
.pw .cta-banner .primary-orange{margin-left:0}
.pw .signin-hint{margin-left:0}
.pw .event-summary{grid-template-columns:48px 1fr auto}
.pw .event-thumb{width:46px;height:46px}
.pw .event-main{padding-right:80px}
.pw .event-title{font-size:12.5px}
.pw .event-date{grid-column:1/-1}
.pw .toggle{min-width:86px}
.pw .topic-pill{font-size:9px}
.pw .section-title{font-size:21px}
.pw .subcount{font-size:12px}
}
@media(max-width:680px){
.pw .event-summary{grid-template-columns:54px minmax(0,1fr);gap:7px 11px}
.pw .event-thumb{grid-column:1;grid-row:1;align-self:start}
.pw .event-main{grid-column:2;grid-row:1;padding-right:0}
.pw .event-title{font-size:13px}
.pw .event-date{grid-column:2;grid-row:2;gap:9px}
.pw .toggle{grid-column:2;grid-row:3;justify-self:start;min-width:130px;margin-top:3px}
.pw .summary-desc{font-size:11.5px;margin-top:3px}
}
@media(max-width:440px){
.pw .event-summary{grid-template-columns:47px minmax(0,1fr)}
.pw .event-thumb{width:46px;height:46px}
.pw .event-date{font-size:10.5px}
.pw .toggle{min-width:130px}
}
@media print{
.pw .filters,.pw .tools-row,.pw .pagination,.pw .cta-banner,.pw .toggle{display:none!important}
.pw .event-details{display:block!important}
.pw .event-card{break-inside:avoid}
}

/* --- Fitting the prototype into the site ------------------------------------ */
.pw { color: var(--navy); font-size: 14px; background: #fff; }
.pw .fact-row b { text-transform: uppercase; }
.pw .event-card[hidden], .pw [hidden] { display: none !important; }
.pw .toggle .icon-up { display: none; }
.pw .event-card.open .toggle .icon-down { display: none; }
.pw .event-card.open .toggle .icon-up { display: inline-block; }
.pw .event-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 9px; }
.pw .event-title a { color: inherit; text-decoration: none; }
.pw .event-title a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pw .detail-left .desc p { margin: 0 0 8px; }
.pw .cancelled-pill { background: #fde7e9; color: #a3202f; border-radius: 20px; font-size: 10px; font-weight: 800; padding: 3px 10px; }
.pw .paid-pill { background: #fff4dd; color: #7b4610; border-radius: 20px; font-size: 10px; font-weight: 800; padding: 3px 12px; }
.pw .past-note { color: #6a7c92; font-size: 12px; font-weight: 700; }