.col-secondary {
  background-color: $gray-25;
  border-left: solid 0.0625em $gray-150;
}

.col.card-body {
  padding: 2rem 2rem 1.5rem 2.5rem;
}

//TODO: Make for all sides (top, left, bottom, etc.)
//TODO: Make these responsive
//      i.e. .col-xs-p-r, etc.
.col-p-r {
  padding-right: 2.875rem;
}


.row, .spec-list {
  margin-left: -25px;
  margin-right: -25px;

  [class*="col-"] {
    padding-right: 25px;
    padding-left: 25px;
  }
}

// Half Gutters
.row.half-gutters [class*="col-"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;

  &:first-child {
    padding-left: 25px;
  }

  &:last-child {
    padding-right: 25px;
  }
}

.row.half-gutters.overfilled [class*="col-"] {
  &:first-child {
    padding-left: 0.75rem;
  }

  &:last-child {
    padding-right: 0.75rem;
  }
}
