:root {
  --bs-link-color-rgb: #293033;
  --bs-link-hover-color-rgb: #212629;
}

/*
// Add your own theme-colors.
$theme-colors: (
  "primary": $primary,
  "secondary": $secondary,
  "light": $white-smoke-light
  //"highlight": $white,
);

$theme-colors: map-remove($theme-colors, "dark", "light");
*/
/**
 * Helper function for downsize mixin.
 */
/**
 * Downsize a CSS property using the viewport to affect calc().
 *
 * @param {string} $property: The property to be affected.
 * @param {string|list} $min: The min value / values.
 * @param {string|list} $max: The max value / values.
 * @param {string} $viewport: The biggest viewport, which the property must be calculated. NOTE: we use media-breakpoint-down here!
 * @param {boolean} $default: True if the default property must be set, regardless of the viewport size.
 * @param {list} $min-limit: A list containing the min viewport and the min value.
 */
.form-custom .child-wrapper {
  position: relative;
}
.form-custom .child-wrapper:not(:first-child) {
  border-top: 1px solid;
  margin-top: 30px;
  padding-top: 30px;
}
.form-custom .child-wrapper + .child-wrapper {
  margin-top: 90px;
}
.form-custom .child-wrapper .remove-child-wrapper {
  display: block;
}
.form-custom .child-wrapper:first-child:last-child .remove-child-wrapper {
  display: none;
}
.form-custom .remove-child-wrapper {
  margin-top: 15px;
}
@media (min-width: 576px) {
  .form-custom .remove-child-wrapper {
    position: absolute;
    left: 0;
    bottom: -55px;
  }
}
@media (max-width: 575.98px) {
  .form-custom .remove-child-wrapper,
  .form-custom .add-child-wrapper {
    width: 100%;
  }
}