/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.field{margin-bottom:1rem}
#status{font-size:.9rem;margin-top:.25rem;display:block;white-space:pre-line}
#status.success{color:#27ae60}
#status.error{color:#c0392b}
.error input:not([type="radio"]):not([type="checkbox"]),.error select,.error textarea{border:1px solid #c0392b}
#attend-choice.error{border:1px solid #c0392b;padding:.2rem}
.weddeb-hidden{position:absolute;left:-9999px;opacity:0}
button[disabled]{opacity:.7;pointer-events:none}
.rsvp-row{padding:.5rem 0}
.rsvp-row input[readonly]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}
@media(hover:none){.rsvp-row input[readonly]{cursor:pointer}}
.choices{display:flex;gap:1rem;margin-top:.5rem}
.weddeb-inline-loader{display:inline-block;width:16px;height:16px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:weddeb-spin 1s linear infinite;margin-left:.5rem;vertical-align:middle}
@keyframes weddeb-spin{to{transform:rotate(360deg)}}