* {box-sizing:border-box}



.item-filter-holder {
  width: 1120px;
}

@media (max-width: 1156px) {
  .item-filter-holder {
    width: 784px !important;
  }
}

@media (max-width: 786px) {
  .item-filter-holder {
    width: 360px !important;
  }
}

.blog-roll-item {
  width: 360px;
  display: inline-block;
  background-color: rgb(235, 234, 234);
  overflow: hidden;
  margin: 0px auto 10px auto;
}

.blog-roll-item a {
  text-decoration: none !important;
}

.blog-roll-item .thumbnail {
  height: 240px;
  max-width: none;
}

.blog-roll-item .placeholder-thumbnail {
  height: 240px;
  width:360px;
  background-color: #9b9b9b;
}


.blog-roll-item .title {
  color: #000;
  padding: 20px;
  text-transform: uppercase;
  line-height: 1em;
}

.blog-roll-item-cats {
  padding: 0px 20px;
}

.blog-roll-item-cat {
  color: #17263e;
  font-size: 12px;
  padding: 5px 7px;
  border-radius: 6px;
  margin: 0px 4px 4px 0px;
  display: inline-block;
  background-color: #dee3e9;
}

.blog-roll-item .copy {
  color: #000;
  padding: 20px;
  margin: 0px;
}

.blog-roll-item .date {
  color: #000;
  font-size:14px;
  padding: 20px;
  text-transform: uppercase;
  margin: 0px;
  float: left;
}

.blog-roll-item .time-to-read {
  margin: 0px;
  float: right;
  padding: 20px;
}

.blog-roll-item .time-to-read span {
  color: #000;
  font-size:14px;
}

.blog-roll-item .time-to-read img {
  width:12px;
  height:12px;
  vertical-align: middle;
  margin-right:8px;
}