/**
 * @file
 * Styles for registration agreements.
 */

.registration-agreements-wrapper {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 4px;
}

.registration-agreements-checkbox {
  margin-bottom: 15px;
}

.registration-agreements-checkbox label {
  font-size: 1em;
  font-weight: normal;
  color: #333;
  line-height: 1.5;
}

.registration-agreements-checkbox a {
  color: #0071b9;
  text-decoration: underline;
}

.registration-agreements-checkbox a:hover {
  color: #005a8e;
}

.registration-agreements-error {
  margin-top: 15px;
  padding: 10px 15px;
  border-radius: 4px;
}

/* Make links in checkboxes open in new tab style */
.registration-agreements-wrapper a[target="_blank"]:after {
  content: " ↗";
  font-size: 0.8em;
}

/* Error styling for checkbox */
.registration-agreements-checkbox.error {
  background-color: #fff6f6;
  border-left: 3px solid #e32700;
  padding: 5px 10px;
  margin: 5px 0;
}

.registration-agreements-checkbox.error label {
  color: #e32700;
  font-weight: bold;
}

/* Style for error class from Drupal */
.registration-agreements-checkbox.form-item--error,
.registration-agreements-wrapper .form-item--error {
  background-color: #fff6f6;
  border-left: 3px solid #e32700;
  padding: 5px 10px;
  margin: 5px 0;
}

.registration-agreements-checkbox.form-item--error label,
.registration-agreements-wrapper .form-item--error label {
  color: #e32700;
}

/* Input checkbox outline when error */
.registration-agreements-checkbox.error input[type="checkbox"],
.registration-agreements-checkbox.form-item--error input[type="checkbox"] {
  outline: 2px solid #e32700;
  outline-offset: 2px;
}