/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

/*
Affiliate table
*/
.table.afftable {
  margin-bottom: 1.5rem;
  background: #fff; }
  .table.afftable th, .table.afftable tr, .table.afftable td {
    font-weight: 400; }
  .table.afftable thead th {
    text-align: center;
    border-bottom-width: 1px; }
  .table.afftable tbody th {
    text-align: right; }
  .table.afftable tbody td {
    text-align: center; }
  .table.afftable tbody .display-4 {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .table.afftable {
    display: table; } }

/*
Product pricing and features table
*/

.table.protable {
  margin-bottom: 1.5rem;
  background: #fff; }
  .table.protable th, .table.protable tr, .table.protable td {
    font-weight: 400; }
  .table.protable thead th {
    text-align: center;
    border-bottom-width: 1px; }
  .table.protable tbody th {
    text-align: right; min-width: 200px; }
  .table.protable tbody td {
    text-align: center; }
  .table.protable tbody > tr:first-child {
    background: #f8f9fa; }
    .table.protable tbody > tr:first-child th {
      vertical-align: middle; }
    .table.protable tbody > tr:first-child td {
      padding: 1.5rem; }
  .table.protable tbody .display-4 {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .table.protable {
    display: table; } }