/* Compatibility layer for Joomla 3 legacy grid classes in com_content views. */
body.com-content .items-row.row-fluid,
body.com-content .blog .row-fluid,
body.com-content .blog-featured .row-fluid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

body.com-content .items-row.row-fluid::before,
body.com-content .items-row.row-fluid::after,
body.com-content .blog .row-fluid::before,
body.com-content .blog .row-fluid::after,
body.com-content .blog-featured .row-fluid::before,
body.com-content .blog-featured .row-fluid::after {
  content: none;
}

body.com-content .row-fluid > [class*="span"],
body.com-content .items-row > [class*="span"],
body.com-content .items-row > .item[class*="span"] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 1px;
  float: none;
}

@media (min-width: 768px) {
  body.com-content .row-fluid > .span1,
  body.com-content .items-row > .span1,
  body.com-content .items-row > .item.span1 {
    width: 8.333333%;
    max-width: 8.333333%;
    flex: 0 0 8.333333%;
  }
  body.com-content .row-fluid > .span2,
  body.com-content .items-row > .span2,
  body.com-content .items-row > .item.span2 {
    width: 16.666667%;
    max-width: 16.666667%;
    flex: 0 0 16.666667%;
  }
  body.com-content .row-fluid > .span3,
  body.com-content .items-row > .span3,
  body.com-content .items-row > .item.span3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
  body.com-content .row-fluid > .span4,
  body.com-content .items-row > .span4,
  body.com-content .items-row > .item.span4 {
    width: 33.333333%;
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
  body.com-content .row-fluid > .span5,
  body.com-content .items-row > .span5,
  body.com-content .items-row > .item.span5 {
    width: 41.666667%;
    max-width: 41.666667%;
    flex: 0 0 41.666667%;
  }
  body.com-content .row-fluid > .span6,
  body.com-content .items-row > .span6,
  body.com-content .items-row > .item.span6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  body.com-content .row-fluid > .span7,
  body.com-content .items-row > .span7,
  body.com-content .items-row > .item.span7 {
    width: 58.333333%;
    max-width: 58.333333%;
    flex: 0 0 58.333333%;
  }
  body.com-content .row-fluid > .span8,
  body.com-content .items-row > .span8,
  body.com-content .items-row > .item.span8 {
    width: 66.666667%;
    max-width: 66.666667%;
    flex: 0 0 66.666667%;
  }
  body.com-content .row-fluid > .span9,
  body.com-content .items-row > .span9,
  body.com-content .items-row > .item.span9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
  body.com-content .row-fluid > .span10,
  body.com-content .items-row > .span10,
  body.com-content .items-row > .item.span10 {
    width: 83.333333%;
    max-width: 83.333333%;
    flex: 0 0 83.333333%;
  }
  body.com-content .row-fluid > .span11,
  body.com-content .items-row > .span11,
  body.com-content .items-row > .item.span11 {
    width: 91.666667%;
    max-width: 91.666667%;
    flex: 0 0 91.666667%;
  }
  body.com-content .row-fluid > .span12,
  body.com-content .items-row > .span12,
  body.com-content .items-row > .item.span12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

body.com-content .pagination .pull-right,
body.com-content .counter.pull-right {
  float: right;
}

body.com-content .filters .inputbox[class*="span"] {
  max-width: 100%;
}