label.flex.items-center.justify-between {
    font-size: 0;
}

label.flex.items-center.justify-between::before {
    content: "Meal Choice";
    font-size: 1rem; /* Adjust to match your site */
}      

label[for="meal_choice_id-0"] {
    font-size: 0;
}

label[for="meal_choice_id-0"]::after {
    content: "Meal Choice";
    font-size: 16px; /* adjust as needed */
}

/* 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 choose the name of the guest that you want to update or any Available Guest and fill out that guest's information. DO NOT duplicate emails or cell phone numbers. Each cell phone an email address must be unique. Shared emails can only be entered for one guest. Please be sure to provide the 'Meal Choice' answer for each guest you are updating. Use the same link to return to this page if you need to make any additional updates. Please be prompt with your responses as access to this page may be disabled by the organization closer to the event date.";
  display: block;
  white-space: pre-wrap;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
}

label[for="custom-question-27978"] {
    color: #d9534f;
}
label[for="custom-question-27979"] {
    color: #d9534f;
}
label[for="custom-question-27980"] {
    color: #d9534f;
}
label[for="custom-question-27981"] {
    color: #d9534f;
}