/**
 * Remove padding from the normal ".card-header" .
 * The padding before was like 30px on both sides which is a 
 * total of 60px between each preview-vehicle-item.
 */
 .card-header-custom {
  padding: 0px;
  margin: 0px;
}



/**
 * Change color of the preview description titles
 */
.preview-vehicle-item .preview-description-icon,
.preview-vehicle-item .preview-description-title {
  color: #000;
}



/**
* Overwrite bootstrap "list-group-item"
* - custom padding
* - removed line divider between each item
*/
.preview-vehicle-item .list-group-item {
  padding: 5px 20px;
  border: 0px;
}

/**
 * Default a ".list-group-item" has a border between all items. This is already
 * removed in the CSS ".preview-vehicle-item .list-group-item" but when hovering
 * the border reappears. We set the border to 0px since we do not want the border.
 */
.preview-vehicle-item .list-group-item:hover {
  border: 0px;
}

/**
 * The "list-group" containing all the icons with preview data has a very large left margin
 * when on the wordpress website. To fix this, we set the left margin to 0px;
 */
.preview-vehicle-item .list-group.list-group-flush {
  margin-left: 0px;
}