.hotposts {
  display: block;
  overflow: hidden;
  padding: 0;
  margin: 0 -15px; }

.hotposts-item {
  display: block;
  list-style: none;
  padding: 15px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.hotposts-header {
  font-size: 16px;
  display: block;
  margin-bottom: 5px; }

.hotposts-meta {
  width: 100%;
  overflow: hidden;
  line-height: 20px;
  font-size: 12px;
  color: #979797; }

.hotposts-author,
.hotposts-date,
.hotposts-votes,
.hotposts-comments,.hotposts-img {
  display: inline-block;
  margin-right: 5px; }

.hotposts-img {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden; }
  .hotposts-img img {
    display: block;
    width: 100%;
    height: 100%; }

.hotposts-name {
  display: inline-block;
  vertical-align: bottom; }

.hotposts-icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .3;
  vertical-align: middle; }

.hotposts-votes-icon {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ3NS4wNzUgNDc1LjA3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjA3NSA0NzUuMDc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQ3NS4wNzUsMTg2LjU3M2MwLTcuMDQzLTUuMzI4LTExLjQyLTE1Ljk5Mi0xMy4xMzVMMzE1Ljc2NiwxNTIuNkwyNTEuNTI5LDIyLjY5NGMtMy42MTQtNy44MDQtOC4yODEtMTEuNzA0LTEzLjk5LTExLjcwNCAgIGMtNS43MDgsMC0xMC4zNzIsMy45LTEzLjk4OSwxMS43MDRMMTU5LjMxLDE1Mi42TDE1Ljk4NiwxNzMuNDM4QzUuMzMsMTc1LjE1MywwLDE3OS41MywwLDE4Ni41NzNjMCwzLjk5OSwyLjM4LDguNTY3LDcuMTM5LDEzLjcwNiAgIGwxMDMuOTI0LDEwMS4wNjhMODYuNTEsNDQ0LjA5NmMtMC4zODEsMi42NjYtMC41Nyw0LjU3NS0wLjU3LDUuNzEyYzAsMy45OTcsMC45OTgsNy4zNzQsMi45OTYsMTAuMTM2ICAgYzEuOTk3LDIuNzY2LDQuOTkzLDQuMTQyLDguOTkyLDQuMTQyYzMuNDI4LDAsNy4yMzMtMS4xMzcsMTEuNDItMy40MjNsMTI4LjE4OC02Ny4zODZsMTI4LjE5NCw2Ny4zNzkgICBjNCwyLjI4Niw3LjgwNiwzLjQzLDExLjQxNiwzLjQzYzcuODEyLDAsMTEuNzE0LTQuNzUsMTEuNzE0LTE0LjI3MWMwLTIuNDcxLTAuMDk2LTQuMzc0LTAuMjg3LTUuNzE2bC0yNC41NTEtMTQyLjc0NCAgIGwxMDMuNjM0LTEwMS4wNjlDNDcyLjYwNCwxOTUuMzMsNDc1LjA3NSwxOTAuNzYsNDc1LjA3NSwxODYuNTczeiBNMzI0LjYxOSwyODguNWwyMC41NTEsMTIwLjJsLTEwNy42MzQtNTYuODIxTDEyOS42MTQsNDA4LjcgICBsMjAuODQzLTEyMC4ybC04Ny4zNjUtODQuNzk5bDEyMC40ODQtMTcuN2w1My45NTktMTA5LjA2NGw1My45NTcsMTA5LjA2NGwxMjAuNDk0LDE3LjdMMzI0LjYxOSwyODguNXoiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); }

.hotposts-comments-icon {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQ3Ny4zNjQsMTI3LjQ4MWMtMjIuODM5LTI4LjA3Mi01My44NjQtNTAuMjQ4LTkzLjA3Mi02Ni41MjJjLTM5LjIwOC0xNi4yNzQtODIuMDM2LTI0LjQxLTEyOC40NzktMjQuNDEgICBjLTQ2LjQ0MiwwLTg5LjI2OSw4LjEzNi0xMjguNDc4LDI0LjQxYy0zOS4yMDksMTYuMjc0LTcwLjIzMywzOC40NDYtOTMuMDc0LDY2LjUyMkMxMS40MTksMTU1LjU1NSwwLDE4Ni4xNSwwLDIxOS4yNjkgICBjMCwyOC41NDksOC42MSw1NS4yOTksMjUuODM3LDgwLjIzMmMxNy4yMjcsMjQuOTM0LDQwLjc3OCw0NS44NzQsNzAuNjY0LDYyLjgxM2MtMi4wOTYsNy42MTEtNC41NywxNC44NDItNy40MjYsMjEuNyAgIGMtMi44NTUsNi44NTEtNS40MjQsMTIuNDY3LTcuNzA4LDE2Ljg0N2MtMi4yODYsNC4zNzQtNS4zNzYsOS4yMy05LjI4MSwxNC41NTVjLTMuODk5LDUuMzMyLTYuODQ5LDkuMDkzLTguODQ4LDExLjI4MyAgIGMtMS45OTcsMi4xOS01LjI4LDUuODAxLTkuODUxLDEwLjg0OGMtNC41NjUsNS4wNDEtNy41MTcsOC4zMy04Ljg0OCw5Ljg1M2MtMC4xOTMsMC4wOTctMC45NTMsMC45NDgtMi4yODUsMi41NzQgICBjLTEuMzMxLDEuNjE1LTEuOTk5LDIuNDE5LTEuOTk5LDIuNDE5bC0xLjcxMywyLjU3Yy0wLjk1MywxLjQyLTEuMzgxLDIuMzI3LTEuMjg3LDIuNzAzYzAuMDk2LDAuMzg0LTAuMDk0LDEuMzM1LTAuNTcsMi44NTQgICBjLTAuNDc3LDEuNTI2LTAuNDI4LDIuNjY5LDAuMTQyLDMuNDI5djAuMjg3YzAuNzYyLDMuMjM0LDIuMjgzLDUuODUzLDQuNTY3LDcuODUxYzIuMjg0LDEuOTkyLDQuODU4LDIuOTkxLDcuNzEsMi45OTFoMS40MjkgICBjMTIuMzc1LTEuNTI2LDIzLjIyMy0zLjYxMywzMi41NDgtNi4yNzljNDkuODctMTIuNzUxLDkzLjY0OS0zNS43ODIsMTMxLjMzNC02OS4wOTRjMTQuMjc0LDEuNTIzLDI4LjA3NCwyLjI4Myw0MS4zOTYsMi4yODMgICBjNDYuNDQyLDAsODkuMjcxLTguMTM1LDEyOC40NzktMjQuNDE0YzM5LjIwOC0xNi4yNzYsNzAuMjMzLTM4LjQ0NCw5My4wNzItNjYuNTE3YzIyLjg0My0yOC4wNzIsMzQuMjYzLTU4LjY3LDM0LjI2My05MS43ODkgICBDNTExLjYyNiwxODYuMTU0LDUwMC4yMDcsMTU1LjU1NSw0NzcuMzY0LDEyNy40ODF6IE00NDUuMjQ0LDI5Mi4wNzVjLTE5Ljg5NiwyMi40NTYtNDYuNzMzLDQwLjMwMy04MC41MTcsNTMuNTI5ICAgYy0zMy43ODQsMTMuMjIzLTcwLjA5MywxOS44NDItMTA4LjkyMSwxOS44NDJjLTExLjYwOSwwLTIzLjk4LTAuNzYtMzcuMTEzLTIuMjg2bC0xNi4yNzQtMS43MDhsLTEyLjI3NywxMC44NTIgICBjLTIzLjQwOCwyMC41NTgtNDkuNTgyLDM2LjgyOS03OC41MTMsNDguODIxYzguNzU0LTE1LjQxNCwxNS40MTYtMzEuNzg1LDE5Ljk4Ni00OS4xMDJsNy43MDgtMjcuNDEybC0yNC44MzgtMTQuMjcgICBjLTI0Ljc0NC0xNC4wOTMtNDMuOTE4LTMwLjc5My01Ny41My01MC4xMTRjLTEzLjYxLTE5LjMxNS0yMC40MTItMzkuNjM4LTIwLjQxMi02MC45NTRjMC0yNi4wNzcsOS45NDUtNTAuMzQzLDI5LjgzNC03Mi44MDMgICBjMTkuODk1LTIyLjQ1OCw0Ni43MjktNDAuMzAzLDgwLjUxNS01My41MzFjMzMuNzg2LTEzLjIyOSw3MC4wODktMTkuODQ5LDEwOC45Mi0xOS44NDljMzguODI4LDAsNzUuMTMsNi42MTcsMTA4LjkxNCwxOS44NDUgICBjMzMuNzgzLDEzLjIyOSw2MC42MiwzMS4wNzMsODAuNTE3LDUzLjUzMWMxOS44OSwyMi40NiwyOS44MzQsNDYuNzI3LDI5LjgzNCw3Mi44MDJTNDY1LjEzMywyNjkuNjE1LDQ0NS4yNDQsMjkyLjA3NXoiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); }

@media (min-width: 992px) {
  [class*=hotposts-col-] {
    float: left; }
  .hotposts-col-2 {
    width: calc(100% / 2); }
    .hotposts-col-2:nth-child(2n + 1) {
      clear: both; }
  .hotposts-col-3 {
    width: calc(100% / 3); }
    .hotposts-col-3:nth-child(3n + 1) {
      clear: both; }
  .hotposts-col-4 {
    width: calc(100% / 4); }
    .hotposts-col-4:nth-child(4n + 1) {
      clear: both; }
  .hotposts-col-5 {
    width: calc(100% / 5); }
    .hotposts-col-5:nth-child(5n + 1) {
      clear: both; }
  .hotposts-col-6 {
    width: calc(100% / 6); }
    .hotposts-col-6:nth-child(6n + 1) {
      clear: both; } }

@media (min-width: 768px) and (max-width: 991px) {
  [class*=hotposts-tablet-col-] {
    float: left; }
  .hotposts-tablet-col-2 {
    width: calc(100% / 2); }
    .hotposts-tablet-col-2:nth-child(2n + 1) {
      clear: both; }
  .hotposts-tablet-col-3 {
    width: calc(100% / 3); }
    .hotposts-tablet-col-3:nth-child(3n + 1) {
      clear: both; }
  .hotposts-tablet-col-4 {
    width: calc(100% / 4); }
    .hotposts-tablet-col-4:nth-child(4n + 1) {
      clear: both; }
  .hotposts-tablet-col-5 {
    width: calc(100% / 5); }
    .hotposts-tablet-col-5:nth-child(5n + 1) {
      clear: both; }
  .hotposts-tablet-col-6 {
    width: calc(100% / 6); }
    .hotposts-tablet-col-6:nth-child(6n + 1) {
      clear: both; } }