/* Happy Table Bingo: contact page styles. Edit this file directly. */
.information-page:has(.htb-contact-layout) article{max-width:none}
.htb-contact-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:42px;align-items:start;margin-top:32px}
.htb-contact-panel{min-width:0;padding:30px 34px;background:rgba(255,255,255,.65);border:1px solid #e1d8c8;border-radius:18px 10px 20px 12px;box-shadow:0 8px 30px #49290908}
.information-page .htb-contact-panel h2{margin:0 0 10px;font-size:35px}
.htb-contact-panel .contact-intro{font-size:15px;margin-bottom:24px}
.htb-contact-panel .fluentform .ff-el-group{margin-bottom:21px}
.htb-contact-panel .fluentform .ff-el-input--label label{font:700 16px/1.4 var(--sans);color:var(--ink);margin-bottom:7px}
.htb-contact-panel .fluentform .ff-el-form-control{width:100%;max-width:100%;border:1px solid #c9bfad;border-radius:9px;background:#fffdf8;color:var(--ink);padding:12px 14px;min-height:48px;font:16px/1.45 var(--sans);box-shadow:none}
.htb-contact-panel .fluentform textarea.ff-el-form-control{min-height:150px;resize:vertical}
.htb-contact-panel .fluentform .ff-el-form-control:focus{outline:3px solid #f5c94a;outline-offset:2px;border-color:#5e4935}
.htb-contact-panel .fluentform .ff-btn-submit{display:inline-flex;justify-content:center;min-height:49px;padding:12px 28px;background:var(--red);border:2px solid var(--red);border-radius:30px;color:#fff;font:700 18px/1.3 var(--sans);cursor:pointer}
.htb-contact-panel .fluentform .ff-btn-submit:hover{background:#c92a19;border-color:#c92a19}
.htb-contact-panel .fluentform .ff-btn-submit:focus-visible{outline:3px solid #765c29;outline-offset:4px}
.htb-contact-panel .contact-privacy-note{font-size:13px;line-height:1.65;margin:20px 0 0}
.htb-contact-panel .fluentform .error{color:#a32619;font-size:14px}
.htb-contact-panel .ff-message-success{background:#f2f5e5;border:1px solid #87935d;border-radius:9px;padding:20px;color:var(--ink);box-shadow:none}
.htb-contact-help{padding:30px 26px;background:#ffdf83 url('../assets/grain.svg?v=2');border-radius:9px 18px 11px 20px;transform:rotate(1deg)}
.htb-contact-help>*{transform:rotate(-1deg)}
.contact-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}
.information-page .htb-contact-help h2{font-size:34px;margin:15px 0 20px}
.information-page .htb-contact-help p{font-size:16px;line-height:1.65}
.htb-contact-help .button{font-size:15px;padding:12px 17px;margin-top:5px}
.information-page .contact-local-notice{background:#fff0bc;border-left:4px solid #b88720;padding:12px 16px;font-size:14px}
@media(max-width:760px){.htb-contact-layout{grid-template-columns:minmax(0,1fr);gap:25px}}
@media(max-width:760px){.htb-contact-panel{padding:25px 20px}}
@media(max-width:760px){.htb-contact-help{transform:none}}
@media(max-width:760px){.htb-contact-help>*{transform:none}}
@media(max-width:360px){.htb-contact-panel{padding:22px 14px}}

.htb-contact-panel{background:var(--paper);border-color:var(--line);border-radius:var(--panel-radius);box-shadow:var(--paper-shadow)}
.htb-contact-help .button{background:var(--paper);border-color:transparent}
.htb-contact-panel .fluentform .ff-el-input--label label{font-size:14px;margin-bottom:7px}
.htb-contact-panel .fluentform .ff-el-form-control{min-height:var(--control-height);border-color:var(--field-border);border-radius:var(--field-radius);background:var(--paper)}
.htb-contact-panel .fluentform .ff-el-form-control:focus{outline:3px solid var(--focus);outline-offset:3px;border-color:var(--focus)}
.htb-contact-panel .fluentform textarea.ff-el-form-control{min-height:150px}
.htb-contact-panel .fluentform .ff-btn-submit{min-height:48px;font-size:var(--action-font-size)}
.htb-contact-panel .fluentform .ff-btn-submit:hover{background:var(--action-hover);border-color:var(--action-hover)}
.htb-contact-panel .fluentform .ff-btn-submit:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
