/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_Blog
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.mp-blog-icon:before {
    background-repeat: no-repeat;
    color: #999999;
    content: '';
    display: inline-flex;
    width: 12px;
    height: 12px;
    opacity: 50%;
    position: relative;
    top: 2px;
}
.mp-blog-calendar-times:before {
    background-image: url("../media/images/calendar-times.svg");
}
.mp-blog-user:before {
    background-image: url("../media/images/user.svg");
}
.mp-blog-comments:before {
    background-image: url("../media/images/comments.svg");
}
.mp-blog-traffic:before {
    background-image: url("../media/images/eye.svg");
}
.mp-blog-thumbs-up:before {
    background-image: url("../media/images/thumbs-up.svg");
}

@media screen and (min-width: 712px){
  .post-item-wraper{
    padding: 15px;
    display: inline-flex;

  }
  .post-image {
    width: 45%;
    margin-right: 3%;
    display: flex;
    /* max-height: 160px !important; */
    overflow: hidden;
    align-items: center;
    min-height: auto;
    justify-content: center;
  }
  .list-post-tabs{
    display: inline-flex;
    gap: 20px;
    padding-bottom: 10px;
  }
  

.mpblog-post-index .page-wrapper .page-main .page-title-wrapper, .mpblog-post-view .page-wrapper .page-main .page-title-wrapper, .mpblog-post-index .page-wrapper #maincontent .page-title-wrapper, .mpblog-post-view .page-wrapper #maincontent .page-title-wrapper {
    display: none;
}
}
@media screen and (max-width: 1400px) {
    .post-item-wraper {
        padding: 25px;
}
}
.post-info-wraper .post-short-description {
    margin-top: 20px;
    margin-bottom: 20px;
}
.post-info-wraper .post-short-description .mp-read-more {
  font-weight: 500;
  text-transform: uppercase;
}
.post-info-wraper .post-link-title {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -0.5px;
}
 
.mp-sidebar.product.info .data switch > div {
  text-transform: uppercase;
}
.mp-sidebar.product.info .list-post-tabs .post-right a {
  text-transform: uppercase;
  line-height: normal;
}

.mp-sidebar.product.info .list-post-tabs .post-left a {
    width: 112px;
    height: 112px;
    overflow: hidden;
}
 
.post-item-wraper .post-image {
flex-basis: 485px;
height: 230px;
overflow: hidden;
}
@media all and (max-width: 767px) {
  .mp-sidebar.product.info .list-post-tabs .post-right a {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

#mpblog-list-container .post-item-wraper {
  padding: 0;
  margin-bottom: 30px;
}
#mpblog-list-container .post-list-body .post-list-item {
  padding: 0;
}
.mp-sidebar.product.info.detailed {
  padding: 20px;
}
.mp-sidebar.product.info .list-post-tabs .post-right {
  width: calc(100% - 155px);
}
.mp-sidebar.product.info .list-post-tabs .post-right .create-at {
  display: block;
}
.mp-sidebar.product.info .product.data.items {
border-bottom: 0;
}
}
@media all and (max-width: 1024px) {
    .post-post_content > p > img, .post-post_content > p > strong > img {
    width: auto !important;
    height: auto !important;
    }
.mp-blog-view .mpcss.post-view .post-list-content .img-responsive {
    width: auto !important;
    height: auto !important;
}
}
.block-blog-related.topic-list .post-item-wraper .post-image a {
    width: 271px;
    height: 230px;
    overflow: hidden;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
 object-fit: cover;
object-position: center;
 height: 100%;
}
@media all and (max-width: 767px){
    .block-blog-related.topic-list .post-item-wraper .post-image a {
    width: 223px;
}
}
.mp-blog-view .post-post_content p{
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}
 
.mp-blog-view .post-post_content .img-responsive {
 margin-bottom: 1rem !important;
}

@media all and (max-width: 767px) {
 
 .post-item-wraper .post-info-wraper
 {
 
 width: 100% !important;
 
 }
 .mp-sidebar.product.info .list-post-tabs .post-left
 {
    height: 200px;
}
.mp-sidebar.product.info .list-post-tabs .post-left a {
    height: 200px;
    width: 100%;
}
}