/**
* Provide style for 'li' elements to allow them to spreed horizontal on whole 'ul' width keeping the same size for each element.
* Can be use for horizontal menu.
*
* margin-left - define left margin for list items. Must be passed in pixels. Default value is 0px;
* margin-right - define left margin for list items. Must be passed in pixels. Default value is 0px;
* max-items - define maximum items in list that will be styled correctly. Must be passed in pixels. Default value is 20;
*/
.cgm-list .heading {
  font-size: 1.13rem;
  padding: 0.75rem;
  border-bottom: 1px solid #d3d3d3; }

.cgm-list .item {
  border-bottom: 1px solid #d3d3d3;
  padding: 0.75rem; }
  .cgm-list .item .header {
    display: inline;
    width: 100%; }
    .cgm-list .item .header .info {
      float: right; }
    .cgm-list .item .header .title {
      float: left; }
    .cgm-list .item .header:after {
      content: '';
      display: block;
      clear: both; }
  .cgm-list .item .description {
    margin-top: 0.69rem; }