/* line 5, ../../resources/sass/posts.scss */
.post-preview {
  margin: 10px auto;
  margin-bottom: 30px;
  width: 300px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  bottom: 0px;
  transition: all 0.3s ease;
  border: 2px solid #eb6508;
}
/* line 15, ../../resources/sass/posts.scss */
.post-preview .bg-mask {
  height: 100%;
}
/* line 18, ../../resources/sass/posts.scss */
.post-preview .post-preview-img {
  height: 180px;
  background-size: cover;
}
/* line 22, ../../resources/sass/posts.scss */
.post-preview .post-preview-descr {
  height: 130px;
  padding: 30px;
  text-align: center;
}
/* line 26, ../../resources/sass/posts.scss */
.post-preview .post-preview-descr h2 {
  font-size: 13px;
  text-align: left;
  font-weight: 700;
}
/* line 31, ../../resources/sass/posts.scss */
.post-preview .post-preview-descr p {
  font-size: 14px;
}
/* line 34, ../../resources/sass/posts.scss */
.post-preview .post-preview-descr .date-info {
  font-size: 13px;
  text-align: left;
}
/* line 38, ../../resources/sass/posts.scss */
.post-preview .post-preview-descr .show-more {
  text-decoration: underline;
  text-align: right;
  margin-bottom: 0px;
  font-size: 13px;
}
/* line 45, ../../resources/sass/posts.scss */
.post-preview a {
  color: black;
  text-decoration: none;
}
/* line 49, ../../resources/sass/posts.scss */
.post-preview:hover {
  bottom: 10px;
}

/* line 55, ../../resources/sass/posts.scss */
.posts-sidebar .post-category-ttl {
  color: #000000;
  font-size: 16px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 35px;
}

/* line 67, ../../resources/sass/posts.scss */
.post-blck article h1 {
  font-size: 24px;
  font-weight: 700;
  padding: 15px 0px;
}
/* line 72, ../../resources/sass/posts.scss */
.post-blck article .post-img, .post-blck article img {
  width: 100%;
  height: 200px;
  background-size: cover;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
  /* line 84, ../../resources/sass/posts.scss */
  .post-blck article .post-img {
    height: 400px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 92, ../../resources/sass/posts.scss */
  .post-preview {
    width: 100%;
  }
}