img {
    display: inline-block;
    max-width: 100%;
}
.post_format_items.carousel .owl-prev, .post_format_items.carousel .owl-next {
  opacity: 0; }

.post_format_items.carousel .owl-prev {
  left: 0; }

.post_format_items.carousel .owl-next {
  right: 0; }

.post_format_items.carousel:hover .owl-prev,
.post_format_items.carousel:hover .owl-next {
  opacity: 1; }

.post_format_items.carousel:hover .owl-prev {
  left: 30px; }

.post_format_items.carousel:hover .owl-next {
  right: 30px; }

/*Blog module*/
.home_blog_post_area .owl-dots {
  padding-top: 1.5625rem; }

.blog-post .thumbnail {
  margin-bottom: 1.125rem; }
  .blog-post .thumbnail .img {
    width: 100%; }

.blog-post .title {
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: .4em; }

.blog-post .date {
  font-size: 12px;
  color: #858585; }
  .blog-post .date:before {
    font-size: 14px;
    padding-right: 5px;
    -webkit-padding-end: 5px;
            padding-inline-end: 5px; }

.blog-post .content {
  display: none; }

.blog-post .view .link {
  font-size: 0.875rem;
  font-style: italic; }

.blog-post.video .post-meta,
.blog-post.audio .post-meta {
  margin-left: 0; }

.post-meta {
  font-size: 12px;
  display: flex;
  margin: 0 -1em 1.2em;
  color: #858585; }
  .post-meta > .item {
    position: relative;
    padding: 0 1em; }
    .post-meta > .item:before {
      font-size: 15px;
      margin-right: .3em; }
    .post-meta > .item.-author:before {
      font-weight: 700; }
    .post-meta > .item:not(:last-child):after {
      position: absolute;
      top: 50%;
      right: 0;
      content: '|';
      transform: translate(0, -50%); }

.post-tags .tag {
  font-size: 0.8125rem;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0 0.61538em 0 0.92308em;
  vertical-align: middle;
  color: #fff;
  border-radius: 2px;
  background-color: #5ab1a7;
  -webkit-padding-start: 0.92308em;
          padding-inline-start: 0.92308em;
  -webkit-padding-end: 0.61538em;
          padding-inline-end: 0.61538em;
  -webkit-margin-end: 0.625rem;
          margin-inline-end: 0.625rem; }
  .post-tags .tag:before {
    position: absolute;
    top: 0;
    height: 0;
    content: '';
    border: 0.76923em solid transparent;
    inset-inline-end: 98%;
    border-inline-end-color: #5ab1a7; }
  .post-tags .tag:after {
    position: absolute;
    top: 50%;
    width: 0.30769em;
    height: 0.30769em;
    content: '';
    transform: translate(0, -50%);
    background-color: #fff;
    inset-inline-start: 0; }
  .post-tags .tag:hover {
    opacity: .9; }

/* post formart carousel */
/*--- Animation ---*/
.blog-post a.thumbnail {
  position: relative;
  display: block;
  overflow: hidden; }
  .blog-post a.thumbnail .img {
    transition: transform 1s ease; }
  .blog-post a.thumbnail:before, .blog-post a.thumbnail:after {
    transform: scale(4);
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s; }
    @media (prefers-reduced-motion: reduce) {
      .blog-post a.thumbnail:before, .blog-post a.thumbnail:after {
        transition: none; } }
  .blog-post a.thumbnail:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #0c5951; }
  .blog-post a.thumbnail:after {
    font: 22px/2.5em "fontello";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 2.5em;
    height: 2.5em;
    margin: auto;
    content: '\54';
    text-align: center;
    border-radius: 50%;
    background-color: #f2f3f4; }
  .blog-post a.thumbnail:hover .img {
    transition-duration: 3s;
    transform: scale(1.5, 1.5); }
  .blog-post a.thumbnail:hover:before, .blog-post a.thumbnail:hover:after {
    transform: scale(1);
    opacity: 1; }
  .blog-post a.thumbnail:hover:before {
    opacity: .7; }

.blog-subcategories {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6; }

.blog-post.-single .thumbnail .img {
  width: auto; }

.blog-post.-single .date {
  font-size: 1rem; }

.blog-post.-single .content {
  display: block;
  font-size: 1rem; }

@media (min-width: 576px) {
  .block-post.-single .post-meta {
    font-size: 1rem; } }

.comment-item .avatar {
  font-size: 2.8rem;
  width: 1.9em;
  height: 1.9em;
  line-height: 1.9em; }

.comment-item .content-part {
  flex: 1 1 0; }

 .thumbnails-carousel {
    overflow: hidden;
 }