/* * Post-submission "How did you hear about us?" survey popup. * * Matches the presentation of the same survey on the order confirmation page * (white panel, dark close control) without pulling in Gravity Forms' legacy * stylesheet -- see includes/hdyhau_survey.php for why the popup renders the * theme's own markup. * * The .lity-close rules mirror the inline ones in * woocommerce/checkout/thankyou.php. lity's default close control is white text * meant for a dark image lightbox, so it disappears against this white panel. * They are scoped to the .hdyhau-open class hdyhau_survey.js puts on * while this popup is open, so they can't restyle the other lity popups on the * page (the exit popup, the promo lightbox, product galleries). */ .inogen_hdyhau { background: #fff; max-width: 620px; width: 100%; } .inogen_hdyhau_inner { padding: 45px 30px 30px 30px; } .inogen_hdyhau_title { font-size: 24px; line-height: 1.25; margin: 0 0 6px 0; color: #00549F; } .inogen_hdyhau_label { font-size: 16px; margin: 0 0 18px 0; color: #333; } .inogen_hdyhau_choices { list-style: none; margin: 0 0 18px 0; padding: 0; } .inogen_hdyhau_choice { margin: 0 0 10px 0; display: flex; align-items: center; } .inogen_hdyhau_choice input[type="radio"] { margin: 0 10px 0 0; width: 18px; height: 18px; flex: 0 0 auto; } .inogen_hdyhau_choice label { font-size: 16px; line-height: 1.3; margin: 0; cursor: pointer; } .inogen_hdyhau_other { flex: 1 1 auto; min-width: 0; padding: 6px 8px; font-size: 16px; border: 1px solid #ccc; border-radius: 3px; } .inogen_hdyhau_error { color: #c0392b; font-size: 15px; margin: 0 0 14px 0; } .inogen_hdyhau_footer { margin-top: 6px; } .inogen_hdyhau_submit { min-width: 160px; cursor: pointer; } .inogen_hdyhau_submit[disabled] { opacity: 0.6; cursor: default; } .inogen_hdyhau_confirmation { font-size: 18px; line-height: 1.4; color: #00549F; } /* honeypot -- present for bots, gone for everyone else */ .inogen_hdyhau_hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; } /* close control, matching the order confirmation page's survey popup */ .hdyhau-open .lity-close { position: absolute; background: #222; border-bottom-left-radius: 5px; } .hdyhau-open .lity-close:hover, .hdyhau-open .lity-close:focus, .hdyhau-open .lity-close:active, .hdyhau-open .lity-close:visited { background: #999; } @media (max-width: 600px) { .inogen_hdyhau_inner { padding: 40px 20px 24px 20px; } .inogen_hdyhau_title { font-size: 20px; } .inogen_hdyhau_submit { width: 100%; } }