body {
  margin: 0; padding: 0;
  font-size: 1rem;
}
ul, ol {
  margin: 0; padding: 0;
list-style-type: none;
}
a {
  text-decoration: none;
}
h1, h2, img, p {
  margin: 0; padding;
}
/* widjet */
.widget_wrap, .widget_wrap_noborder {
  margin: 0; padding: 0;
  overflow-y: scroll;
}
.widget_wrap::-webkit-scrollbar {
  display: none;
}
h1 {
  padding: 1em;
  font-size: 1em;
  color: #333;
}

.blog-widjet li {
	margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -webkit-align-items: top;
  -ms-flex-align: top;
  align-items: top;
}
.blog-widjet-thumb, .blog-widjet-thumb a {
	width: 80px;
	height: 80px;
	display: block;
}
.blog-widjet-thumb {
	background-size: cover;
	background-position: center center;
}
.blog-widjet-thumb img {
	width: 100%;
}
.blog-widjet-body {
  font-family: 'Open Sans', sans-serif;
  padding: 0 10px;
}
.blog-widjet-title {
	max-height: 60px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0;
	line-height: 1.4em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
}
.blogWidjet-timestamp {
  font-size: 75%;
  font-weight: normal;
  color: #999;
}
.rating-block {
  margin: 10px 0 0 0;
  width: 80px;
  height: 13px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url('../../img/rating-star.png');
}
.rating-1 {background-position-y: 0;}
.rating-2 {background-position-y: -17px;}
.rating-3 {background-position-y: -34px;}
.rating-4 {background-position-y: -51px;}
.rating-5 {background-position-y: -68px;}

.single-post-widget-body {
    font-family: 'Open Sans', sans-serif;
    padding: 0 0px;
    position: relative;
}
.single-post-widget-img {
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.single-post-widget-title {
	margin: 0px 0px 10px 0px;
    line-height: 1.4;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.single-post-widget-timestamp {
  font-size: 80%;
  font-weight: 400;
  color: #999;
}
.single-post-widget-content {
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;

}
.single-post-widget-text {
    position: absolute;
    bottom: 0px;
    padding: 10px;

}
