@charset "utf-8";
/* Formlow embed color override
   The vendor sheets (formlow.com/forms/embed/embed.css, embed_add.css) are loaded
   straight from the Formlow server and must never be edited. Their brand green is
   hardcoded, so it is re-mapped here per site.

   Load order differs by page type (widget pages load the vendor sheet last), so
   every rule is prefixed with #wrap to win on specificity instead of order.

   #14331f / #415f4c -> --point-color-1 (base) and --point-color-2 (hover)
   Status colors (#137333 approved, #2e7d32 verified, #217346 excel, red, amber)
   are intentionally left untouched. */

:root {
    --fl-line:#c8e1df;
    --fl-bg:#e8f3f2;
    --fl-bg2:#f4faf9;
}

/* stepbar */
#wrap .wf-embed-stepbar li.is-current{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed-stepbar li.is-done{border-color:var(--point-color-1);color:var(--point-color-1);}

/* accent text */
#wrap .wf-embed .fr-star{color:var(--point-color-1);}
#wrap .wf-embed .fr-point{color:var(--point-color-1);}
#wrap .wf-embed .fr-sec_head h3 .fr-num{color:var(--point-color-1);}
#wrap .wf-embed .fr-regf_sameroom .fr-note b{color:var(--point-color-1);}
#wrap .wf-embed-complete p b{color:var(--point-color-1);}
#wrap .wf-embed .fr-confirm_head .fr-desc .fr-point{color:var(--point-color-1);}
#wrap .wf-embed .fr-confirm_row .fr-label .fr-star{color:var(--point-color-1);}
#wrap .wf-embed .fr-confirm .wf-embed-cert-state{color:var(--point-color-1);}
#wrap .wf-embed .fr-confirm_findlink strong{color:var(--point-color-1);}
#wrap .wf-embed .wf-embed-total strong{color:var(--point-color-1);}
#wrap .wf-embed .wf-refund-dl{color:var(--point-color-1);}
#wrap .wf-embed .fr-join_done .fr-desc strong{color:var(--point-color-1);}

/* form controls */
#wrap .wf-embed .fr-regf_form input:focus,
#wrap .wf-embed .fr-regf_form textarea:focus,
#wrap .wf-embed .fr-regf_select select:focus{border-color:var(--point-color-1);}
#wrap .wf-embed .fr-regf_radio input:checked + label::before{border-color:var(--point-color-1);}
#wrap .wf-embed .fr-regf_check input:checked + label::before{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed .fr-agree_box .fr-check input:checked + span::before{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed .fr-child_check input:checked + span::before{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed-mypage .wf-embed-input:focus,
#wrap .wf-embed-gate .wf-embed-input:focus,
#wrap .wf-embed-login .wf-embed-input:focus{border-color:var(--point-color-1);}
#wrap .wf-embed .fr-confirm .fr-input input:focus{border-color:var(--point-color-1);}
#wrap .wf-embed .fr-list_head .fr-date_native:focus{border-color:var(--point-color-1);}
#wrap .wf-embed .wf-embed-searchbar input:focus{border-color:var(--point-color-1);}

/* primary buttons */
#wrap .wf-embed .fr-btn_submit{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed .fr-btn_submit:hover{background:var(--point-color-2);border-color:var(--point-color-2);}
#wrap .wf-embed .fr-btn_list{border-color:var(--point-color-1);color:var(--point-color-1);}
#wrap .wf-embed-btn-submit{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed-btn-submit:hover{background:var(--point-color-2);}
#wrap .wf-embed-btn--sm.is-on{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed .fr-view_btns .fr-btn_wide.fr-fill{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed .fr-view_btns .fr-btn_wide.fr-fill:hover{background:var(--point-color-2);border-color:var(--point-color-2);}
#wrap .wf-embed .fr-view_btns .fr-btn_wide.fr-line:hover{border-color:var(--point-color-2);color:var(--point-color-2);}
#wrap .wf-embed .fr-btn_edit:hover{background:var(--point-color-2);}
#wrap .wf-embed .fr-join_terms .fr-btn.fr-next{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed .fr-join_terms .fr-btn.fr-next:hover{background:var(--point-color-2);border-color:var(--point-color-2);}
#wrap .wf-embed .fr-join_terms .fr-btn.fr-home{background:var(--point-color-1);}
#wrap .wf-embed .fr-join_terms .fr-btn.fr-home:hover{background:var(--point-color-2);}
#wrap .wf-embed .fr-regf_child_btns .fr-btn + .fr-btn{background:var(--point-color-1);}
#wrap .wf-embed .wf-embed-group-btns .fr-btn{background:var(--point-color-1);}
#wrap .wf-embed .wf-embed-next-btn{background:var(--point-color-1);}
#wrap .wf-embed .wf-embed-next-btn:hover{background:var(--point-color-2);}

/* small buttons */
#wrap .wf-embed .fr-btn_sm{border-color:var(--point-color-1);color:var(--point-color-1);}
#wrap .wf-embed .fr-btn_sm:hover{background:var(--point-color-1);color:#fff;}
#wrap .wf-embed .fr-btn_sm.fr-fill{background:var(--point-color-1);}
#wrap .wf-embed .fr-btn_sm.fr-fill:hover{background:var(--point-color-2);border-color:var(--point-color-2);}
#wrap .wf-embed .fr-sess_pager .fr-btn_sm:disabled:hover{color:var(--point-color-1);}
#wrap .wf-embed button.fr-state--apply{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed button.fr-state--apply:hover{background:var(--point-color-2);border-color:var(--point-color-2);}
#wrap .wf-embed .fr-year button:hover{border-color:var(--point-color-2);}

/* steps, paging */
#wrap .wf-embed .fr-steps .fr-step.fr-on{background:var(--point-color-1);border-color:var(--point-color-1);}
#wrap .wf-embed .fr-paging a:hover{border-color:var(--point-color-2);color:var(--point-color-2);}
#wrap .wf-embed .fr-paging a.fr-active{background:var(--point-color-1);border-color:var(--point-color-1);}

/* program cards */
#wrap .wf-embed .fr-program_detail .fr-thumb .status{background:var(--point-color-1);}
#wrap .wf-embed .fr-program_detail .fr-btn_area > button,
#wrap .wf-embed .fr-program_detail .fr-btn_area > span{background:var(--point-color-1);}
#wrap .wf-embed .fr-program_detail .fr-btn_area > button:hover{background:var(--point-color-2);}
#wrap .wf-embed .fr-program_detail .fr-btn_area > .fr-is_progress{border-color:var(--fl-line);background:var(--fl-bg);color:var(--point-color-1);}
#wrap .wf-embed .fr-program_detail .fr-btn_area > .fr-is_waiting{border-color:var(--fl-line);color:var(--point-color-1);}
#wrap .wf-embed .fr-program_list .status{background:var(--point-color-1);}
#wrap .wf-embed .fr-program_list .category{border-color:var(--fl-line);background:var(--fl-bg2);color:var(--point-color-1);}
#wrap .wf-embed .fr-program_list .btn{background:var(--point-color-1);}
#wrap .wf-embed .fr-program_list a.btn:hover{background:var(--point-color-2);}
#wrap .wf-embed .fr-program_list .fr-is_waiting .status{color:var(--point-color-1);}

/* member type card — "waiting" reads as "opens soon", so it follows the brand color.
   fr-is_closed (red) and fr-is_end (grey) stay as vendor status colors. */
#wrap .wf-embed .fr-member_type .fr-card .fr-card_badge.fr-is_waiting{background:var(--point-color-1);}

/* chips, tags, notice boxes */
#wrap .wf-embed .fr-sec_head h3 .wf-embed-tag{border-color:var(--fl-line);background:var(--fl-bg);color:var(--point-color-1);}
#wrap .wf-embed .fr-btn_chip.fr-line{border-color:var(--fl-line);background:var(--fl-bg);color:var(--point-color-1);}
#wrap .wf-embed .fr-btn_chip.fr-fill{background:var(--point-color-1);}
#wrap .wf-embed .fr-join_done .fr-notice{background:var(--fl-bg2);}
#wrap .wf-embed .wf-cl-form{border-top-color:var(--point-color-1);}

/* login */
#wrap .wf-embed .fr-login .fr-tit .fr-req{color:var(--point-color-1);}
#wrap .wf-embed .fr-login .fr-btn{background:var(--point-color-1);}
#wrap .wf-embed .fr-login .fr-btn:hover{background:var(--point-color-2);}
#wrap .wf-embed .fr-login .fr-join a{color:var(--point-color-1);}
#wrap .wf-embed .fr-login .fr-find_tabs button.fr-on{color:var(--point-color-1);border-bottom-color:var(--point-color-1);}
#wrap .wf-embed .fr-login .fr-done_userid{color:var(--point-color-1);}

/* child select modal (rendered outside #wrap) */
body #wfChildSelModal .fr-modal_btns .fr-btn.fr-fill{background:var(--point-color-1);}
body #wfChildSelModal .fr-modal_btns .fr-btn.fr-fill:hover{background:var(--point-color-2);}
body #wfChildSelModal .wf-childsel-item:hover{border-color:var(--point-color-2);}
body #wfChildSelModal .wf-childsel-item input{accent-color:var(--point-color-1);}
body #wfChildSelModal .wf-childsel-item:has(input:checked){border-color:var(--point-color-1);background:var(--fl-bg);}

/* embed_add.css — alerts, party, proof */
#wrap .wf-embed .fr-file_ctrl .fr-chip:hover{border-color:var(--point-color-2);}
#wrap .wf-embed .fr-alert_label{color:var(--point-color-1);}
#wrap .wf-embed .fr-alert_note{color:var(--point-color-1);}
#wrap .wf-embed .fr-party .fr-regf_child_btns .fr-btn{background:var(--point-color-1);}
#wrap .wf-embed .fr-party_total b{color:var(--point-color-1);}
#wrap .wf-embed .fr-proof_tit{border-left-color:var(--point-color-1);}
#wrap .wf-embed .fr-proof_req{color:var(--point-color-1);}
#wrap .wf-embed .fr-proof .fr-regf_child_btns .fr-btn{background:var(--point-color-1);}

/* embed_add.css — signature, done, guide */
#wrap .wf-embed .fr-sign_area .wf-embed-sign-clear:hover{color:var(--point-color-2);}
#wrap .wf-embed .fr-sign_notice{border-color:var(--fl-line);}
#wrap .wf-embed .fr-sign_notice li{color:var(--point-color-1);}
#wrap .wf-embed .fr-sign_notice li::before{background:var(--point-color-1);}
#wrap .wf-embed .fr-done_head::before{background:var(--point-color-1);}
#wrap .wf-embed .fr-done_head .wf-embed-complete a{color:var(--point-color-1);}
#wrap .wf-embed .fr-view .fr-td .fr-em{color:var(--point-color-1);}
#wrap .wf-embed .fr-guide_foot{color:var(--point-color-1);}
#wrap .wf-embed .fr-guide_dots li.fr-is_on button::before{background:var(--point-color-1);}

/* embed_add.css — calendar */
#wrap .wf-embed .fr-cal_prev:hover::before,
#wrap .wf-embed .fr-cal_next:hover::before{border-color:var(--point-color-2);}
#wrap .wf-embed .fr-cal_week .fr-is_sat{color:var(--point-color-1);}
#wrap .wf-embed button.fr-cal_day:hover{color:var(--point-color-2);}
#wrap .wf-embed .fr-cal_day.fr-is_range::before{background:var(--fl-bg);}
#wrap .wf-embed .fr-cal_day.fr-is_on::after{background:var(--point-color-1);}
#wrap .wf-embed .fr-cal_result b{color:var(--point-color-1);}
#wrap .wf-embed .fr-cal_date{border-color:var(--point-color-1);}
#wrap .wf-embed .fr-cal_date strong{color:var(--point-color-1);}
