.image-container .animation-type-zoom {
  -webkit-transition: transform .3s ease,opacity .3s;
  transition: transform .3s ease,opacity .3s;
}
.post-tags {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.post-tags a {
  padding: 7px 12px;
  border: 1px solid #000;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  text-decoration: none;
}
body.blog-page .sidebar .widget .block-title {
  font-size: var(--h2-size);
  font-weight: 800;
}
body.blog-page .sidebar .widget.block-categories ul {
  padding: 0;
  list-style-type: none;
}
.post-list-wrapper .post-list {
  padding: 0;
  list-style-type: none;
  margin-top: 20px;
}
.post-list-wrapper .post-list .post-container {
  margin-bottom: 20px;
}
.post-list-wrapper .post-list .post-container .post-image .image-container {
  position: relative;
}
.post-list-wrapper .post-list .post-container .post-image .image-container .image-wrap {
  display: block;
  line-height: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1.77777778;
}
.post-list-wrapper .post-list .post-container .post-image .image-container .image-wrap .bg-img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.post-list-wrapper .post-list .post-container .post-image .image-container .post-category {
  position: absolute;
  top: 15px;
  left: 0;
  display: block;
  font-size: 0;
  line-height: 1;
}
.post-list-wrapper .post-list .post-container .post-image .image-container .post-category a {
  display: block;
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #1e1e1e;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}
.post-list-wrapper .post-list .post-container .post-info .post-title-wrap h3 {
  margin-bottom: 10px;
}
.post-list-wrapper .post-list .post-container .post-info .post-title-wrap h3 a {
  font-weight: 500;
}
.post-list-wrapper .post-list .post-container .post-info .post-data-wrap {
  margin-bottom: 20px;
}
.post-list-wrapper .post-list .post-container .post-info .post-data-wrap a {
  font-weight: 500;
}
.post-list-wrapper .post-list .post-container .post-info .post-description {
  margin-bottom: 20px;
}
._post-view .post-image-section {
  margin-bottom: 20px;
}
._post-view .post-image-section .autorBar {
  background: #F2F4F7;
  display: flex;
  align-items: center;
  text-align: center;
}
._post-view .post-image-section .autorBar .content .h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
._post-view .post-image-section .autorBar .content p,
._post-view .post-image-section .autorBar .content .brand-button {
  margin-bottom: 10px;
}
._post-view .post-image-section .autorBar .content .brand-button .btn {
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 0px;
  line-height: 24px;
  text-decoration: underline;
}
._post-view h1 {
  color: var(--base-color);
  margin-bottom: 20px;
}
._post-view .short_content {
  font-weight: 600;
  margin-bottom: 20px;
}
._post-view #content_list ul {
  padding-left: 20px;
}
._post-view #content_list ul li {
  margin: 0;
}
._post-view .post-content h2,
._post-view .post-content h3 {
  color: var(--base-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}
._post-view .post-data-wrap {
  margin: 10px 0 20px;
}
._post-view .post-tag {
  margin: 10px 0 20px;
}
.mfblog-replated-posts-block .block-title,
.post_related_products .block-title {
  font-size: var(--h2-size);
  font-weight: 600;
  margin-bottom: 20px;
}
.owl-carousel.posts .post .image-wrap {
  display: block;
  line-height: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1.77777778;
  margin-bottom: 20px;
}
.owl-carousel.posts .post .image-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.owl-carousel.posts .post h3 {
  font-size: var(--h4-size);
  margin-bottom: 10px;
}
.owl-carousel.posts .post h3 a {
  font-weight: 500;
}
.owl-carousel.posts .post .post-description {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .post-list-wrapper .post-list .post-container {
    display: flex;
    column-gap: 60px;
    align-items: center;
    margin-bottom: 40px;
  }
  .post-list-wrapper .post-list .post-container .post-image {
    width: 40%;
  }
  .post-list-wrapper .post-list .post-container .post-info {
    width: 60%;
  }
  ._post-view .post-image-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  ._post-view .post-image-section .post-featured-image {
    width: 75%;
  }
  ._post-view .post-image-section .autorBar {
    width: 25%;
  }
  ._post-view .short_content {
    margin-bottom: 40px;
  }
  ._post-view .post-content h2,
  ._post-view .post-content h3 {
    color: var(--base-color);
    margin-top: 30px;
    margin-bottom: 10px;
  }
}