/* Shared page and form styling, using the original blue panels and gold buttons. */
.page .pages { box-sizing: border-box; width: 100%; height: auto; min-height: 480px; overflow: visible; }
.page .pages_text { width: 100%; }
.page .event_gallery_content { width: 100%; height: auto; overflow: visible; }
.page .pages::after, .page .event_gallery_content::after { content: ''; display: block; clear: both; }
.page .event_gallery { display: block; width: 100%; }
.page .pages img, .page .pages iframe { max-width: 100%; box-sizing: border-box; }
.page .pages img { object-fit: cover; }
.inquiry-form { clear: both; max-width: 100%; color: white; margin: 24px 0 8px; }
.inquiry-form table { max-width: 100%; border-spacing: 0 10px; }
.inquiry-form td { vertical-align: top; padding: 0 8px 0 0; }
.inquiry-form td:first-child { min-width: 135px; }
.inquiry-form label { display: inline-block; padding-top: 9px; }
.inquiry-form input:not([type="hidden"]):not([type="checkbox"]), .inquiry-form textarea, .inquiry-form select {
  box-sizing: border-box; max-width: 100%; border: 1px solid #82b6cb; border-radius: 5px;
  padding: 8px 10px; background: #f5fbfd; color: #102b38; font: 15px Arial, sans-serif;
}
.inquiry-form textarea { width: 100%; resize: vertical; }
.inquiry-form input[type="number"] { width: 290px; }
.inquiry-form input[type="date"] { width: 290px; }
.inquiry-form input[name="time"] { width: 210px; }
.inquiry-form input::placeholder, .inquiry-form textarea::placeholder { color: #506977; opacity: 1; }
.inquiry-form .book_button { margin-top: 0; }
.inquiry-form .book_button:disabled { opacity: .65; cursor: wait; }
.honeypot { display: none !important; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.form-status { clear: both; margin: 12px 0 0; }
.form-status:empty { display: none; }
.form-status[data-state="error"] { color: #ffdbb8; }
.form-status[data-state="success"] { color: #d4f6dc; }
.contact-details { float: left; }
.contact-map { float: right; margin-top: 20px; }
.bachelorette-art { float: left; margin: 24px 15px 0 0; }
.page-bachelorette_parties .inquiry-form { clear: none; width: 599px; }
.page-bachelorette_parties .inquiry-form input:not([type="hidden"]):not([type="checkbox"]),
.page-bachelorette_parties .inquiry-form textarea { width: 100%; }
.bachelorette-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.bachelorette-columns fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.bachelorette-columns legend { padding: 0; margin-bottom: 15px; font-weight: bold; }
.bachelorette-columns input, .bachelorette-columns textarea { display: block; margin-bottom: 10px; }
.page-bachelorette_parties .inquiry-form textarea { min-height: 168px; }
.bachelorette-submit { text-align: right; }
@media (max-width: 1064px) {
  .page .pages { padding: 15px 20px 25px; }
  .page .album, .page .image { margin-bottom: 15px; }
  .page-bachelorette_parties .inquiry-form { float: none !important; clear: both; width: 100%; }
}
@media (max-width: 640px) {
  .page .pages { padding: 15px 12px 25px; }
  .page .pages_text { font-size: 25px; }
  .page .pages p > img { float: none !important; margin-left: 0 !important; }
  .contact-details, .contact-map { float: none; width: 100%; }
  .contact-map { margin: 12px 0 20px; }
  .contact-map iframe { width: 100%; }
  .inquiry-form table, .inquiry-form tbody, .inquiry-form tr, .inquiry-form td { display: block; width: 100%; height: auto; box-sizing: border-box; }
  .inquiry-form td { padding: 0 0 8px; }
  .inquiry-form input:not([type="hidden"]):not([type="checkbox"]), .inquiry-form textarea { width: 100%; }
  .inquiry-form input[name="time"]:not([type="hidden"]):not([type="checkbox"]) { width: calc(100% - 95px); }
  .inquiry-form label { padding-top: 0; }
  .bachelorette-columns { grid-template-columns: 1fr; gap: 20px; }
  .bachelorette-submit { text-align: left; }
  .page-vip-details .pages table, .page-vip-details .pages tbody, .page-vip-details .pages tr, .page-vip-details .pages td { display: block; width: auto; height: auto; }
  .page-vip-details .pages td { margin-bottom: 12px; }
}