/* the early sign-up form (awsc_activities_form shortcode): same look on the classes page and on an event page */
.awsc-join{--deep:#08384F;--sea:#0E7C93;--lagoon:#22B3C4;--foam:#E6F6F7;--sand:#FBF3E4;--sun:#FFB43A;--coral:#FF6B4A;--ink:#10283A;--muted:#51697A;--hd:Fredoka,Assistant,Arial,sans-serif;direction:rtl;text-align:right;color:var(--ink);font-family:Assistant,Arial,sans-serif}
.awsc-join *{box-sizing:border-box}
.awsc-join-head{background:var(--sand);border-radius:16px;padding:14px 16px;margin-bottom:18px;display:grid;gap:10px}
.awsc-join-head .t{font-family:var(--hd);font-weight:600;font-size:19px;color:var(--deep)}
.awsc-join-head .pr{font-size:14.5px;color:var(--muted);margin:0}
.awsc-join .wl{display:grid;gap:10px}
.awsc-join .wl .r b{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;color:var(--deep)}
.awsc-join .wl .r em{font-style:normal;font-size:14px;font-weight:700;color:var(--sea)}
.awsc-join .wl .r.near em{color:var(--coral)}
.awsc-join .wl .bar{height:10px;border-radius:99px;background:#fff;overflow:hidden;margin-top:6px}
.awsc-join .wl .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--lagoon),var(--sea))}
.awsc-join .wl .r.near .bar i{background:linear-gradient(90deg,var(--sun),var(--coral))}
.awsc-join .ff-el-group{margin-bottom:16px}
.awsc-join .ff-el-input--label label{font-weight:700;font-size:16.5px;color:var(--deep)}
.awsc-join .ff-el-help-message{font-size:13.5px;color:var(--muted)}
.awsc-join .ff-el-section-break{display:none}
.awsc-join .ff-el-input--content{display:flex;flex-wrap:wrap;gap:8px}
.awsc-join .ff-el-form-check{margin:0}
.awsc-join .ff-el-form-check-label{position:relative;cursor:pointer;display:inline-block}
.awsc-join .ff-el-form-check-input{position:absolute;opacity:0;pointer-events:none}
.awsc-join .ff-el-form-check-label>span{display:inline-block;padding:8px 14px;border-radius:999px;border:2px solid #D5E6EA;font-size:15px;font-weight:600;background:#fff;color:var(--ink);transition:.15s}
.awsc-join .ff-el-form-check-input:checked+span{background:var(--deep);border-color:var(--deep);color:#fff}
.awsc-join .awf-activity .ff-el-form-check-label>span{padding:11px 18px;font-size:16.5px}
.awsc-join .awf-activity .ff-el-form-check-input:checked+span{background:var(--sun);border-color:var(--sun);color:var(--deep)}
.awsc-join .awf-rowing_craft,.awsc-join .awf-surf_group{background:var(--sand);border-radius:14px;padding:12px}
.awsc-join .awf-whatsapp_ok .ff-el-form-check-label>span{border:0;padding:0 26px 0 0;font-weight:400;color:var(--muted);font-size:14.5px;background:none}
.awsc-join .awf-whatsapp_ok .ff-el-form-check-input{opacity:1;pointer-events:auto;inset-inline-start:0;top:4px}
.awsc-join .awf-whatsapp_ok .ff-el-form-check-input:checked+span{background:none;color:var(--muted)}
.awsc-join input.ff-el-form-control{width:100%;font-size:16px;padding:12px 14px;border-radius:12px;border:2px solid #D5E6EA;background:#FBFEFE}
.awsc-join input.ff-el-form-control:focus{outline:none;border-color:var(--lagoon)}
.awsc-join .ff-btn-submit{font-family:var(--hd)!important;font-weight:600;font-size:17px!important;padding:14px 26px!important;border-radius:999px!important;background:var(--sun)!important;color:var(--deep)!important;border:0!important;box-shadow:0 6px 0 #D98E12}
.awsc-join .error{font-size:13.5px;color:var(--coral)}
.awsc-join .steps{display:flex;gap:6px;margin-bottom:18px}
.awsc-join .steps div{flex:1;text-align:center;font-size:13.5px;font-weight:700;color:var(--muted)}
.awsc-join .steps div::before{content:"";display:block;height:6px;border-radius:99px;background:var(--foam);margin-bottom:6px;transition:background .3s}
.awsc-join .steps div.on{color:var(--deep)}
.awsc-join .steps div.on::before{background:var(--sun)}
.awsc-join .st-off{display:none!important}
.awsc-join .stnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}
.awsc-join .stnav .nx{font-family:var(--hd);font-weight:600;font-size:17px;padding:13px 26px;border-radius:999px;background:var(--sun);color:var(--deep);border:0;box-shadow:0 6px 0 #D98E12;cursor:pointer}
.awsc-join .stnav .bk{font:inherit;font-weight:700;color:var(--muted);background:none;border:0;cursor:pointer}
.awsc-join .ff-message-success{border:0;box-shadow:none;text-align:center;font-size:18px;color:var(--deep)}
.awsc-join .awsc-miss{width:100%;margin-top:6px;font-size:14px;font-weight:700;color:var(--coral)}
.awsc-join .ff-el-is-error .ff-el-form-check-label>span{border-color:#FFC2B3}