.column-hob_badges {
  position:relative; overflow: visible !important;
  width:43px;
}
.column-hob_badges .badge {
  background-image: url('home-badges.png'); background-repeat:no-repeat; 
  width:43px; height:43px; 
  position: absolute; top:-1px; right:0px;
}
.column-hob_badges .badge.posts {
  background-position:-43px -43px;
}
.column-hob_badges .badge.front {
  background-position:-43px 0px;
}
.hb-icon {

}

@font-face {
  font-family: 'icomoon';
  src:url('icomoon/fonts/icomoon.eot');
  src:url('icomoon/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('icomoon/fonts/icomoon.woff') format('woff'),
    url('icomoon/fonts/icomoon.ttf') format('truetype'),
    url('icomoon/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-home, .icon-pin {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-home:before {
  content: "\71";
}
.icon-pin:before {
  content: "\77";
}