/*
* Media Orb CSS Utility Framework
* @author Media Orb
* @released 09/01/2019
* @version 1.0.2
*/

/* Mobile and up (all devices) */
/* Text utilities */
.text-left-xs{
  text-align: left;
}
.text-cent-xs{
  text-align: center;
}
.text-right-xs{
  text-align: right;
}
/* Block utilities */
.content-block-xs,
.content-block-sm,
.content-block-md,
.content-block-lg{
  display: block;
}
.content-block-xs{
  padding-top: 10px;
  padding-bottom: 10px;
}
.content-block-sm{
  padding-top: 15px;
  padding-bottom: 15px;
}
.content-block-md{
  padding-top: 30px;
  padding-bottom: 30px;
}
.content-block-lg{
  padding-top: 60px;
  padding-bottom: 60px;
}
/* Content Title Utilities */
.content-title-xs,
.content-title-sm,
.content-title-md,
.content-title-lg{
  display: block;
  margin-top: 0px;
}
.content-title-xs{
  margin-bottom: 10px;
}
.content-title-sm{
  margin-bottom: 15px;
}
.content-title-md{
  margin-bottom: 30px;
}
.content-title-lg{
  margin-bottom: 60px;
}
/* Table Utilities */
.table-align-cent,
.table-align-cent .table-cell-xs,
.table-align-cent .table-cell-sm,
.table-align-cent .table-cell-md,
.table-align-cent .table-cell-lg{
  vertical-align: middle;
}
.table-xs{
  display: table;
  width: 100%;
}
.table-cell-xs{
  display: table-cell;
}
/* Tablet and up */
@media  (min-width: 768px) {
  .text-left-sm{
    text-align: left;
  }
  .text-cent-sm{
    text-align: center;
  }
  .text-right-sm{
    text-align: right;
  }
  .table-sm{
    display: table;
    width: 100%;
  }
  .table-cell-sm{
    display: table-cell;
  }
  .table-split-sm-2 > .table-cell-sm{
    width: 50%;
  }
}
/* Laptop and up */
@media (min-width: 992px) {
  .text-left-md{
    text-align: left;
  }
  .text-cent-md{
    text-align: center;
  }
  .text-right-md{
    text-align: right;
  }
  .table-md{
    display: table;
    width: 100%;
  }
  .table-cell-md{
    display: table-cell;
  }
  .table-split-md-2 > .table-cell-sm,
  .table-split-md-2 > .table-cell-md{
    width: 50%;
  }
}
/* Laptop and up */
@media (min-width: 1200px) {
  .text-left-lg{
    text-align: left;
  }
  .text-cent-lg{
    text-align: center;
  }
  .text-right-lg{
    text-align: right;
  }
  .table-lg{
    display: table;
    width: 100%;
  }
  .table-cell-lg{
    display: table-cell;
  }
  .table-split-lg-2 > .table-cell-sm,
  .table-split-lg-2 > .table-cell-md,
  .table-split-lg-2 > .table-cell-lg{
    width: 50%;
  }
}
