/* Example custom CSS for a web form */
.webform-submission-form {
  /* Modify form container styles */
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 8px;
  /* Adjust form input field styles */
}

.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form textarea {
  /* Style text and email input fields */
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  /* Add more styles as needed */
}

.webform-submission-form input[type="submit"] {
  /* Style submit button */
  background-color: #4caf50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  /* Add more styles as needed */
}

/* Additional styling for specific elements within the form */
.webform-submission-form label {
  /* Style labels if needed */
}
/* Style the checkbox or its label */
#edit-select-sdg-subject-areas-sdg1 {
  /* Add your styling for the checkbox */
}

/* Style the label associated with the checkbox */
label[for="edit-select-sdg-subject-areas-sdg1"] {
  /* Add your styling for the label */
}

/* Add more specific selectors and styles as needed */




/* Style the checkbox */
#edit-select-sdg-subject-areas-sdg1 {
  /* Add your styling for the checkbox if needed */
}

/* Style the label associated with SDG 1 checkbox */
label[for="edit-select-sdg-subject-areas-sdg1"] {
  /* Add background color and border to the label */
  background-color: #e5243b; /* Change to the specific color for SDG 1 */
  border: 3px solid #e5243b; /* Border color matching SDG 1 color */
  color: #fff; /* Change text color for better contrast if needed */
  /* Add padding, margin, or other styles as desired */
}
/* Style for SDG 2 */
#edit-select-sdg-subject-areas-sdg2 {
  /* Add SDG 2 checkbox styles if needed */
}

label[for="edit-select-sdg-subject-areas-sdg2"] {
  background-color: #dda63a !important; /* Color for SDG 2 */
  border: 3px solid #dda63a !important;
  color: #fff !important;
}

/* Style for SDG 1 checkbox */
#edit-select-sdg-subject-areas-sdg1 {
  /* Add SDG 1 checkbox styles if needed */
}

/* Style for SDG 1 label */
label[for="edit-select-sdg-subject-areas-sdg1"] {
  background-color: #e5243b !important; /* Color for SDG 1 */
  border: 3px solid #e5243b !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 3 checkbox */
#edit-select-sdg-subject-areas-sdg3 {
  /* Add SDG 3 checkbox styles if needed */
}

/* Style for SDG 3 label */
label[for="edit-select-sdg-subject-areas-sdg3"] {
  background-color: #4c9f38 !important; /* Color for SDG 3 */
  border: 3px solid #4c9f38 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}
/* Style for SDG 4 checkbox */
#edit-select-sdg-subject-areas-sdg4 {
  /* Add SDG 4 checkbox styles if needed */
}

/* Style for SDG 4 label */
label[for="edit-select-sdg-subject-areas-sdg4"] {
  background-color: #c5192d !important; /* Color for SDG 4 */
  border: 3px solid #c5192d !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 5 checkbox */
#edit-select-sdg-subject-areas-sdg5 {
  /* Add SDG 5 checkbox styles if needed */
}

/* Style for SDG 5 label */
label[for="edit-select-sdg-subject-areas-sdg5"] {
  background-color: #ff3a21 !important; /* Color for SDG 5 */
  border: 3px solid #ff3a21 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 6 checkbox */
#edit-select-sdg-subject-areas-sdg6 {
  /* Add SDG 6 checkbox styles if needed */
}

/* Style for SDG 6 label */
label[for="edit-select-sdg-subject-areas-sdg6"] {
  background-color: #ffcd00 !important; /* Color for SDG 6 */
  border: 3px solid #ffcd00 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 7 checkbox */
#edit-select-sdg-subject-areas-sdg7 {
  /* Add SDG 7 checkbox styles if needed */
}

/* Style for SDG 7 label */
label[for="edit-select-sdg-subject-areas-sdg7"] {
  background-color: #ff7f00 !important; /* Color for SDG 7 */
  border: 3px solid #ff7f00 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 8 checkbox */
#edit-select-sdg-subject-areas-sdg8 {
  /* Add SDG 8 checkbox styles if needed */
}

/* Style for SDG 8 label */
label[for="edit-select-sdg-subject-areas-sdg8"] {
  background-color: #ffbb00 !important; /* Color for SDG 8 */
  border: 3px solid #ffbb00 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 9 checkbox */
#edit-select-sdg-subject-areas-sdg9 {
  /* Add SDG 9 checkbox styles if needed */
}

/* Style for SDG 9 label */
label[for="edit-select-sdg-subject-areas-sdg9"] {
  background-color: #f3c100 !important; /* Color for SDG 9 */
  border: 3px solid #f3c100 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}
/* Style for SDG 10 checkbox */
#edit-select-sdg-subject-areas-sdg10 {
  /* Add SDG 10 checkbox styles if needed */
}

/* Style for SDG 10 label */
label[for="edit-select-sdg-subject-areas-sdg10"] {
  background-color: #d24726 !important; /* Color for SDG 10 */
  border: 3px solid #d24726 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 11 checkbox */
#edit-select-sdg-subject-areas-sdg11 {
  /* Add SDG 11 checkbox styles if needed */
}

/* Style for SDG 11 label */
label[for="edit-select-sdg-subject-areas-sdg11"] {
  background-color: #27b2cf !important; /* Color for SDG 11 */
  border: 3px solid #27b2cf !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 12 checkbox */
#edit-select-sdg-subject-areas-sdg12 {
  /* Add SDG 12 checkbox styles if needed */
}

/* Style for SDG 12 label */
label[for="edit-select-sdg-subject-areas-sdg12"] {
  background-color: #a21942 !important; /* Color for SDG 12 */
  border: 3px solid #a21942 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}
/* Style for SDG 13 checkbox */
#edit-select-sdg-subject-areas-sdg13 {
  /* Add SDG 13 checkbox styles if needed */
}

/* Style for SDG 13 label */
label[for="edit-select-sdg-subject-areas-sdg13"] {
  background-color: #056cb6 !important; /* Color for SDG 13 */
  border: 3px solid #056cb6 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 14 checkbox */
#edit-select-sdg-subject-areas-sdg14 {
  /* Add SDG 14 checkbox styles if needed */
}

/* Style for SDG 14 label */
label[for="edit-select-sdg-subject-areas-sdg14"] {
  background-color: #0d9b8e !important; /* Color for SDG 14 */
  border: 3px solid #0d9b8e !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 15 checkbox */
#edit-select-sdg-subject-areas-sdg15 {
  /* Add SDG 15 checkbox styles if needed */
}

/* Style for SDG 15 label */
label[for="edit-select-sdg-subject-areas-sdg15"] {
  background-color: #73af48 !important; /* Color for SDG 15 */
  border: 3px solid #73af48 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 16 checkbox */
#edit-select-sdg-subject-areas-sdg16 {
  /* Add SDG 16 checkbox styles if needed */
}

/* Style for SDG 16 label */
label[for="edit-select-sdg-subject-areas-sdg16"] {
  background-color: #515dd4 !important; /* Color for SDG 16 */
  border: 3px solid #515dd4 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}

/* Style for SDG 17 checkbox */
#edit-select-sdg-subject-areas-sdg17 {
  /* Add SDG 17 checkbox styles if needed */
}

/* Style for SDG 17 label */
label[for="edit-select-sdg-subject-areas-sdg17"] {
  background-color: #f36c21 !important; /* Color for SDG 17 */
  border: 3px solid #f36c21 !important;
  color: #fff !important;
  /* Add additional styling as needed */
}