/* 2007-2025 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2025 PrestaShop SA
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 * International Registered Trademark & Property of PrestaShop SA
 */
 .block.blog_block .block_content.products-block ul li .products-block-image {
     width: 79px;
     overflow: hidden;
     display: block;
     height: 63px
 }
 .block.blog_block .block_content.products-block ul li .products-block-image img {
     max-width: none
 }
 .block.blog_block .block_content.products-block ul li h5 a {
     font-size: 1.5rem
 }
 .blog_block.blog_search .block_content .form-control {
     height: 46px;
     padding: 3px 15px;
     margin-bottom: 10px
 }
 .blog_post_content p.meta_author,
 .blog_post_content p.meta_date {
     display: inline-block;
     padding-right: 10px
 }
 .blog_post_content p.meta_category {
     display: inline-block;
     vertical-align: middle;
 }
 .blog_post_content a.more {
     float: right
 }
 .home_blog_post h3.page-heading {
     margin-bottom: 5px
 }
 .arrow_carrot-right:before {
     content: ">"
 }
 .arrow_carrot-left:before {
     content: "<"
 }
 .home_blog_post .post_thumbnail .post_format_items {
     padding-bottom: 52%
 }
 .badblog_img,
 .img-responsive {
     display: block;
     max-width: 100%;
     height: auto
 }
 .badblog-archive-image img {
     width: 100%
 }
 .home_blog_post .post_thumbnail .post_format_items {
     padding-bottom: 0
 }
 .post_thumbnail {
     margin-bottom: 1.5rem
 }
 .badhomeblog-item-user~span {
     margin: 0 10px;
 }
 #module-badblog-single .form-control {
     background: #ffffff;
     color: #000000;
     padding: 14px 15px;
     width: 100%;
     border: 1px solid #e5e5e5;
 }
 #badblogs_commentfrom .badblog_submit_btn {
     color: #fff;
     background-color: var(--theme-custom-color);
     display: inline-block;
     vertical-align: middle;
     padding: 10px 20px;
     font-size: 16px;
     letter-spacing: 1px;
 }
 .post_content {
     padding-top: 30px
 }
 .meta_author,
 .meta_category,
 .meta_comment,
 .post_meta_date {
     display: inline-block
 }
 .content_more {
     display: inline-block;
     margin-right: 70px
 }
 .comments_area {
     margin-bottom: 30px
 }
 .comments_area .comments_title {
     margin-bottom: 0;
     font-size: 22px;
     font-weight: 700;
     color: #000000;
     text-transform: uppercase;
 }
 .comments_area ol.comment_list {
     margin: 0;
 }
 .comments_area .comment_list li {
     margin-top: 30px;
 }
 .comments_area .comment_list li article.comment_body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     width: 100%;
     border: 1px solid #e5e5e5;
 }
 .comment_content .comment_content_bottom p {
     margin-bottom: 0
 }
 .comments_area .comment_list li.comment .comment_body .comment_author {
     width: 70px;
     border-radius: 100%;
     float: left;
     overflow: hidden;
     margin: 15px;
 }
 .comments_area .comment_list li.comment .comment_body .comment_content {
     overflow: hidden;
     padding: 23px 20px;
     border-left: 1px solid #e5e5e5;
     width: 89%;
 }
 .comments_area .comment_list li.comment .comment_body .comment_content .comment_meta {
     margin-bottom: 10px
 }
 .comments_area .comment_list li.comment .comment_body .comment_content .comment_meta .comment_meta_author {
     display: inline-block;
     vertical-align: middle;
     margin-right: 15px;
     font-size: 1.4rem
 }
 .comments_area .comment_list li.comment .comment_body .comment_content .comment_meta .comment_meta_date {
     font-size: 1.2rem;
     display: inline-block;
     vertical-align: middle
 }
 .comments_area .comment_list li.comment .comment_body .comment_content .comment_meta .reply {
     float: right;
     display: none
 }
 .comments_area .comment_list li.comment ol.children {
     margin-left: 30px
 }
 .comment_respond {
     background-color: #ffffff;
     margin-bottom: 30px;
 }
 .comment_respond .comment_form .form-group {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }
 .comment_respond .comment_form .form-group.badblogs_message {
     margin: 0;
 }
 .comment_respond .comment_form .form-group.badblogs_message span.badblogs_success {
     margin-bottom: 15px;
     color: #ff0000;
     font-size: 16px;
     font-weight: 500;
     width: 100%;
     display: block;
     text-align: center;
 }
 .comment_respond .comment_form .form-group.has-error .form-control {
     border-color: #000
 }
 .block.blog_block .block_content.products-block ul li {
     border-bottom: 1px solid #ccc;
     padding-bottom: 15px
 }
 .block.blog_block .block_content.products-block ul li .products-block-image {
     width: 80px;
     height: 92px;
     background-repeat: no-repeat;
     background-position: center center;
     overflow: hidden;
     display: block
 }
 .block.blog_block .block_content.products-block ul li .products-block-image img {
     max-width: none;
     margin-left: -50%
 }
 .block.blog_block .block_content.products-block ul li .price-box {
     color: #9b9b9b
 }
 .block.blog_block .block_content.products-block ul li:last-child {
     border-bottom: 0
 }
 .tags_block.block .block_content ul {
     margin: 0 -5px;
     padding: 0;
     list-style: none
 }
 .tags_block.block .block_content ul li {
     display: block;
     float: left;
     padding-left: 5px;
     padding-right: 5px;
     margin-bottom: 10px
 }
 .tags_block.block .block_content ul li a {
     display: block;
     text-align: center;
     padding: 5px 10px;
     border: 1px solid #e5e5e5;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
 }
 .tags_block.block .block_content ul li a:hover {
     color: #fff;
     background-color: #666;
     border-color: #e5e5e5;
 }
 .comment_respond .comment_reply_title {
     margin-bottom: 20px;
     font-size: 22px;
     font-weight: 700;
     color: #000000;
     text-transform: uppercase;
 }
.blog-description-wrapper .blog-description {
    font-size: 15px;
    line-height: 25px;
}
.more-details-blog .more-details-text{
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}
.more-details-blog .more-details-text::after{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 8px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #888;
}
#module-badblog-single .breadcrumb {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.blog-description-wrapper .feature-title {
    color: #3a3636;
}
.badblog-single-content-item-title {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 700;
    padding-bottom: 20px;
}
.badblog-single-author-comment-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.badblog-single-author span, .badblog-single-category span, .badblog-single-comment span {
    padding-right: 5px;
    font-size: 16px;
    color: var(--theme-custom-color);
    font-weight: 600;
}
 .badblog-single-category span {
     color: #000
 }
 .badblog-single-category i {
     font-size: 14px;
     color: #999;
     padding: 0 5px;
     font-weight: 400
 }
 .badblog-single-content-description {
     font-size: 14px;
     color: #888;
     font-weight: 400;
     margin: 0;
     line-height: 24px
 }
 .comments_area {
     background-color: #ffffff;
     margin-bottom: 30px;
 }
 .badblog-archive-item {
     margin-bottom: 30px;
 }
 .badblog-archive-item-inner {
     background-color: #ffffff;
     border: 1px solid #e5e5e5;
 }
 .badblog-archive-content-title {
     margin-bottom: 0
 }
 .badblog-archive-content-wrapper {
     padding: 15px;
 }
 .badblog-archive-content-title a {
     font-size: 18px;
     color: #111;
     margin-bottom: 10px;
     display: block;
     text-transform: capitalize;
     font-weight: 500;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden
 }
 .badblog-archive-meta-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-bottom: 10px
 }
 .badblog-archive-author span,
 .badblog-archive-comment,
 .badblog-archive-date {
     font-size: 14px;
     color: #999;
     font-weight: 500;
 }
 .badblog-archive-description {
     font-size: 14px;
     color: #666666;
     font-weight: 400;
     margin: 0;
     line-height: 24px;
     padding-bottom: 10px
 }
 .badblog-archive-read-more a {
     font-size: 16px;
     color: #111;
     font-weight: 500;
     text-transform: capitalize
 }
 .badblog-archive-pagination-list li {
     font-size: 16px;
     color: #333;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center
 }
 .badblog-archive-pagination-list li i {
     line-height: 20px
 }
 .badblog-archive-pagination-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: flex-end;
     -ms-flex-pack: flex-end;
     justify-content: flex-end;
     margin: 0
 }
 .badblog-archive-pagination-content {
     background-color: #ffffff;
     padding: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border: 1px solid #e5e5e5;
 }
 .badblog-archive-title {
     text-align: left;
 }
 @media(max-width:767px) {
     .badblog-single-content-item-content {
         padding: 15px
     }
     .badblog-archive-pagination-content {
         display: block;
         padding: 15px;
     }
     .badblog-archive-title {
         padding-bottom: 15px;
         text-align: center;
     }
     .badblog-archive-pagination-list {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
     .badblog-archive-author span,
     .badblog-archive-comment,
     .badblog-archive-date,
     .badblog-archive-description {
         font-size: 12px
     }
 }
 .badhomeblog-block {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 80px;
}
 .badhomeblog-block .owl-dots {
     display: none
 }
 .badhomeblog-link {
     padding-right: 15px;
     text-align: right;
 }
.badhomeblog-item {
    margin: 0 15px 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    background-color: #fff;
}
 .badhomeblog-item-thumbnail .badhomeblog-item-date {
     font-size: 18px;
     line-height: 20px;
     color: #fff;
     letter-spacing: 0;
     font-weight: 600;
     padding: 10px;
     z-index: 10;
     display: inline-block;
     vertical-align: middle;
     position: absolute;
     background-color: var(--theme-custom-color);
     text-align: center;
     top: 10px;
     left: 10px;
     display: none;
 }
 .badhomeblog-item-thumbnail .badhomeblog-item-date span {
     font-size: 12px;
     line-height: 14px;
 }
.badhomeblog-item-bottom .badhomeblog-item-title a {
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 12px;
}
.blog-image-wrapper{
    margin-bottom: 20px;
}
.blog-text {
    display: flex;
}
.blog-comments {
    display: flex;
    align-items: center;
    color: #7E7E7E;
    font-size: 16px;
    margin-left: 40px;
}
.blog-admin i.ri-account-circle-line {
    color: #7e7e7e;
    font-size: 19px;
}
.blog-admin span {
    font-size: 16px;
    color: #7e7e7e;
    padding-left: 5px;
}
.blog-admin span b {
    font-size: 16px;
    color: #111111;
    font-weight: 400;
    padding-left: 3px;
}
.blog-admin {
    display: flex;
    align-items: center;
}
.blog-comments span {
    padding-left: 6px;
    font-size: 16px;
    color: #7e7e7e;
}
.img-title p {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 8px 20px;
    background-color: #111111;
    color: #FFFFFF;
    border-radius: 5px;
    margin-bottom: 0;
    font-size: 14px;
}
.badhomeblog-item-user span, .badhomeblog-item-date {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
    color: #7b7b7b;
    font-weight: 400;
    text-transform: capitalize;
}
.badhomeblog-item-content p {
    font-size: 15px;
    line-height: 28px;
    color: #7e7e7e;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 20px;
}
.badhomeblog-item-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.badhomeblog-item-content-more a {
    font-size: 15px;
    color: #000000;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
}
 .badhomeblog-item-content-more a:after {
     display: none;
 }
 .badhomeblog-item-content-more a:hover{
    color: #000;
 }
 .badhomeblog-item-content-more a:hover:after {
     color: #9d0b0b;
 }
 .badhomeblog-item-date i {
     margin-right: 5px;
 }
 .badhomeblog-item-thumbnail {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
}
.badblog-single-block{
    margin: auto;
}
 .badhomeblog-item-thumbnail img {
     z-index: 1;
     position: relative
 }
 .badhomeblog-item-img-mask {
    position: absolute;
    top: 80%;
    z-index: 10;
    left: 0;
    right: 0;
    opacity: 0;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transform: translate(0, -80%);
    -o-transform: translate(0, -80%);
    -ms-transform: translate(0, -80%);
    -moz-transform: translate(0, -80%);
    transform: translate(0, -80%);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: var(--theme-custom-color);
    border-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all .5s ease-in-out;
}
.badhomeblog-item-img-mask:hover{
    background-color: #fff;
}
.badhomeblog-item-inner .badhomeblog-item-img-mask {
    opacity: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
} 
.badhomeblog-item-inner:hover .badhomeblog-item-img-mask{
    opacity: 1;
}
.badhomeblog-item-inner .badhomeblog-item-thumbnail img{
    transition: all 0.5s !important;
    -webkit-transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    -ms-transition: all 0.5s !important;
    -o-transition: all 0.5s !important;
}
.badhomeblog-item-inner:hover .badhomeblog-item-thumbnail img{
    transform: scale(1.1);
}
 .badhomeblog-item-img-mask .badhomeblog-item-img-mask-conntent a {
     color: #ffffff;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
 }
 .badhomeblog-item-img-mask:hover .badhomeblog-item-img-mask-conntent a {
     color: var(--theme-custom-color);
 }
.badhomeblog-item-bottom {
    text-align: left;
    position: relative;
    z-index: 22;
    padding: 25px;
}
 .owl-carousel .owl-item .badhomeblog-item-thumbnail img {
     width: 100%;
     /*z-index: -1;*/
 }
 /*************** New css *********/
 .blog-form-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 .badblog-single-content-item-content {
     padding-top: 20px;
 }
 @media(max-width: 1300px) {
    .badhomeblog-item-bottom .badhomeblog-item-title a {
        font-size: 18px;
        line-height: 24px;
    }
 }
 @media(max-width: 1200px) {
     .badhomeblog-block{
        margin-bottom: 50px;
     }
     .badhomeblog-item-content p{
        margin-top: 15px;
     }
 }
 @media(max-width: 1199px) {
     .blog-form-wrapper .blog-form-block {
         padding-left: 30px;
     }
 }
 @media(max-width: 991px) {
     .blog-form-wrapper {
         display: block;
     }
     .badhomeblog-block{
        margin-bottom: 30px;
     }
     .blog-form-wrapper .blog-form-block{
         padding: 0;
         width: 90%;
         margin: 0 auto;
     }
     .badhomeblog-item-box{
        margin-top: 12px;
     }
     .badhomeblog-item-content p {
        margin-top: 10px;
    }
    .badhomeblog-item-bottom{
        padding: 20px;
    }
 }
 @media(max-width: 767px) {
    .badhomeblog-item-content-more a {
        font-size: 15px;
    }
    .blog-text {
        display: block;
    }
    .blog-comments{
        margin-left: 0;
        margin-top: 10px;
    }
    .blog-admin span,.blog-admin span b{
        font-size: 15px;
    }
    .blog-comments span{
        font-size: 15px;
    }
 }
 @media(max-width: 575px) {
     .blog-form-wrapper .blog-form-block {
         width: 100%;
     }
     .comments_area .comment_list li.comment .comment_body .comment_content {
         padding: 15px;
     }
     .badhome-blog-wrapper{
        padding: 0;
     }
     .badhomeblog-item-bottom {
        padding: 15px;
    }
    .img-title p{
        padding: 7px 15px;
        font-size: 12px;
        left: 12px;
        bottom: 12px;
    }
 }
 @media (max-width: 425px) {
     .badhomeblog-item-thumbnail .badhomeblog-item-date {
         top: 0;
         bottom: auto;
     }
     .badhomeblog-item-content p{
        font-size: 14px;
        line-height: 25px;
     }
 }