/* this allows the content of the instructions paragraph on the 
guest update page to be customized. Replace what is here in the 
content section. Do not use double quotes in your paragraph as 
they are needed at the beginning and end to define the content section */ 
main:has(> div > h1.d3.mb-4) .rounded.bg-white > div:first-child {
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
}
 
main:has(> div > h1.d3.mb-4) .rounded.bg-white > div:first-child::before {
  content: "Please click Available Guest, enter the guest's first & last name, and CELL PHONE NUMBER. Click SAVE. To make any GUEST UPDATES, please use the same Unique Guest Link and ensure you have all the information above; otherwise, you will receive an error message. ";
  display: block;
  white-space: pre-wrap;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
}

/* this will hide the 'notes' title and entry box for all guests
on the guest update page */
main:has(h1.d3.mb-4) .form-group.flex-col:has(input[id^="meal_notes-"]),
main:has(h1.d3.mb-4) input[id^="meal_notes-"],
main:has(h1.d3.mb-4) label[for^="meal_notes-"] {
  display: none !important;