#edit-email-description
{
  font-size: 14px;
  color: #555;
  font-style: italic;
  margin-top: 5px;
}

#edit-community-of-your-visit-description
{
  font-size: 14px;
  color: #555;
  font-style: italic;
  margin-top: 5px;
}

#edit-location-of-your-visit-description
{
  font-size: 14px;
  color: #555;
  font-style: italic;
  margin-top: 5px;
}

.text-count-message {
    font-size: 14px;
    color: #555;
    font-style: italic;
    position: absolute; /* Position it relative to the textarea container */
    right: 10px; /* Align to the right */
    bottom: 10px; /* Align to the bottom */
    background: rgba(255, 255, 255, 0.8); /* Optional: Add a background for better visibility */
    padding: 2px 5px;
    border-radius: 4px;
}

/* Ensure the textarea wrapper has a relative position */
.js-form-item-message {
    position: relative;
}



.tos-box {
    max-height: 150px; /* Set max height */
    overflow-y: auto; /* Enable scrolling */
    border: 1px solid #ccc; /* Add border */
    padding: 10px;
    background: #f9f9f9;
    font-size: 14px;
    line-height: 1.5;
}

.webform-element-description {
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 10px;
    background: #f9f9f9;
    font-size: 14px;
    margin-top: 5px;
}


.webform-label, 
.webform-component-label, 
.form-item label {
    font-weight: bold !important;
}


.tos-box textarea {
    max-height: 150px;
    overflow-y: auto;
    resize: vertical; /* Keeps scrollability but prevents infinite resizing */
    width: 100%;
}





/* Ensure all labels are bold */
.bold-label,
.webform-label,
.webform-component-label,
.form-item label {
    font-weight: bold !important;
}

/* Ensure checkboxes and radio buttons also have bold labels */
.webform-component--checkboxes label,
.webform-component--radios label,
input[type="checkbox"] + label,
input[type="radio"] + label {
    font-weight: bold !important;
}

/* Fix for the Terms of Service text (Ensure it is scrollable and contained) */
.tos-container {
    max-height: 150px; /* Limit height */
    overflow-y: auto; /* Enable vertical scroll */
    border: 1px solid #ccc; /* Optional: Add border */
    padding: 10px;
    background: #f9f9f9;
    font-size: 14px;
    line-height: 1.5;
}

/* Ensure the textarea for messages is scrollable */
textarea#edit-message {
    max-height: 150px;
    overflow-y: auto;
    resize: vertical; /* Allow resizing but within limits */
    width: 100%;
}

/* Adjust the counter message positioning */
.text-count-message {
    font-size: 14px;
    color: #555;
    font-style: italic;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 5px;
    border-radius: 4px;
}

/* Ensure the message container has a relative position */
.js-form-item-message {
    position: relative;
}



/* Restore the TOS container styling */
.tos-container {
    padding: 15px;
    background-color: #f9f9f9; /* Light gray background */
    border-radius: 8px;
    border: 1px solid #ddd;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

/* Style the paragraphs inside */
.tos-container p {
    margin-bottom: 10px;
}

/* Ensure bullet points are spaced correctly */
.tos-container ul {
    padding-left: 20px;
}

.tos-container li {
    margin-bottom: 5px;
}

/* Bold and enlarge the first paragraph (Consent to Share) */
.tos-container p:first-of-type {
    font-weight: bold;
    font-size: 18px;
    color: #333;
}


#webform-submission-compliments-node-1139-add-form > div.form-item.js-form-item.form-type-checkbox.js-form-type-checkbox.form-item-anon.js-form-item-anon.checkbox > label
{
	  font-weight: bold;
    font-size: 18px;
    color: #333;
}

#edit-terms-of-service-text {
    width: 100%;  /* Adjust as needed */
    height: 200px; /* Set an appropriate height */
    overflow: auto; /* Enables scrolling when content exceeds the height */
    resize: vertical; /* Allows the user to resize vertically */
}

#edit-community-of-your-visit-select-all-that-apply---wrapper > legend > span {
	    font-weight: bold;
    font-size: 18px;
    color: #333;	
}