/* 2007-2023 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-2023 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;
     float: right;
     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;
 }

 .badblog-single-block {
     margin-bottom: 30px
 }

 .badblog-single-content-item-title {
     font-size: 22px;
     margin-bottom: 10px;
     font-weight: 700
 }

 .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: 10px
 }

 .badblog-single-author span,
 .badblog-single-category span,
 .badblog-single-comment span {
     padding-right: 5px;
     font-size: 14px;
     color: #999;
     font-weight: 400
 }

 .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 {
     position: relative;
     margin-bottom: 100px;
 }

 .badhomeblog-block .owl-dots {
     display: none
 }

 .badhomeblog-link {
     padding-right: 15px;
     text-align: right;
 }
 .badhomeblog-item {
    -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;
    margin: 0 15px 5px;
}
.badhomeblog-item-thumbnail .badhomeblog-item-date {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    padding: 15px 10px;
    z-index: 10;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    text-transform: capitalize;
    background-color: #212325;
    text-align: center;
    width: 12%;
    top: -13px;
    left: 12px;
}
 .badhomeblog-item-thumbnail .badhomeblog-item-date span {
     font-size: 12px;
     line-height: 14px;
 }
 .badhomeblog-item-bottom .badhomeblog-item-title a {
    font-size: 22px;
    line-height: 30px;
    color: #121719;
    font-weight: 700;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-transform: capitalize;
    padding: 0 0 5px 0;
}
 .badhomeblog-item-user span,
 .badhomeblog-item-date {
     font-size: 14px;
     letter-spacing: 0px;
     line-height: 20px;
     color: #989898;
     font-weight: 400;
     text-transform: uppercase;
     display: inline-block;
 }
 .badhomeblog-item-content p {
    font-size: 16px;
    line-height: 26px;
    color: #656565;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 15px;
    font-family: var(--badtheme-font-name-1);
}
.badhomeblog-item-content-more a {
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
    padding: 10px 26px;
    text-transform: uppercase;
    background-color: var(--theme-custom-color);
}
.badhomeblog-item-content-more a:hover {
    color: #fff !important;
    background-color: #333;
}

 .badhomeblog-item-content-more a:after {
     display: none;
 }

 .badhomeblog-item-content-more a:hover,
 .badhomeblog-item-content-more a:hover:after {
     color: #9d0b0b;
 }

 .badhomeblog-item-date i {
     margin-right: 5px;
 }

 .badhomeblog-item-thumbnail {
    position: relative;
    overflow: hidden;
    -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;
}

 .badhomeblog-item-thumbnail img {
     z-index: 1;
     position: relative
 }

 .badblog-single-content-image .img-responsive {
     width: 100%;
 }
 .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-thumbnail::before {
    left: 0;
    right: 0;
    top: 70%;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    background-color: rgba(255,255,255,.3);
}
.badhomeblog-item-inner:hover .badhomeblog-item-thumbnail::before {
    opacity: 1;
    top: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.badhomeblog-item-inner:hover .badhomeblog-item-img-mask {
    opacity: 1;
    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-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-top: 15px;
}
 .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;
 }

 .blog-form-wrapper .blog-form-block {
     width: 50%;
     padding-left: 100px;
 }

 .blog-form-wrapper .badblog-single-block {
     width: 50%;
     padding-right: 100px;
 }

 .badblog-single-content-item-content {
     padding-top: 20px;
 }
@media(max-width: 1400px){
    .badhomeblog-item-thumbnail .badhomeblog-item-date {
        width: 15%;
    }
}
 @media(max-width: 1440px) {

     .badhomeblog-item-user span,
     .badhomeblog-item-date {
         padding: 5px 0;
     }
 }

 @media(max-width: 1300px) {
    .badhomeblog-item-bottom .badhomeblog-item-title a {
        font-size: 20px;
        line-height: 26px;
    }
    .badhomeblog-item-content-more a {
        font-size: 14px;
        padding: 9px 20px;
    }
 }
 @media(max-width: 1200px) {
     .badhomeblog-block {
        margin-bottom: 60px;
    }
 }
 @media(max-width: 1199px) {
     .blog-form-wrapper .blog-form-block {
         padding-left: 30px;
     }
     .blog-form-wrapper .badblog-single-block {
         padding-right: 30px;
     }
 }
 @media(max-width: 991px) {
     .blog-form-wrapper {
         display: block;
     }
     .blog-form-wrapper .blog-form-block,
     .blog-form-wrapper .badblog-single-block {
         padding: 0;
         width: 90%;
         margin: 0 auto;
     }
     .badhomeblog-block {
        margin-bottom: 30px;
    }
    .badhomeblog-item-thumbnail .badhomeblog-item-date {
        font-size: 14px;
        width: 12%;
        padding: 10px 8px;
    }
    .badhomeblog-item-content-more a {
        font-size: 13px;
        padding: 8px 18px;
    }
 }
 @media(max-width: 767px) {
    .badhomeblog-item-content p {
        font-size: 15px;
        line-height: 26px;
        -webkit-line-clamp: 2;
    }
     .badhomeblog-item-thumbnail .badhomeblog-item-date {
        width: 14%;
    }
 }
 @media(max-width: 599px) {
     .badhomeblog-item-user span,
     .badhomeblog-item-date {
         padding: 5px 0;
     }
 }
 @media(max-width: 575px) {
    .badhomeblog-item-thumbnail .badhomeblog-item-date {
        width: 10%;
    }
     .blog-form-wrapper .blog-form-block,
     .blog-form-wrapper .badblog-single-block {
         width: 100%;
     }
     .comments_area .comment_list li.comment .comment_body .comment_content {
         padding: 15px;
     }
     .badhomeblog-item-content p {
        width: 100%;
        margin-bottom: 12px;
    }
     .badhomeblog-item-bottom .badhomeblog-item-title a {
        font-size: 18px;
        line-height: 24px;
    }
 }
 @media(max-width: 480px) {
     .badhomeblog-item-user span,
     .badhomeblog-item-date {
         padding: 0;
     }
     .badhomeblog-item-thumbnail .badhomeblog-item-date{
        font-size: 14px;
     }
     .badhomeblog-item-thumbnail .badhomeblog-item-date {
        width: 12%;
    }
    .badhomeblog-item {
        margin: 0 0 5px;
     }
 }

 @media (max-width: 425px) {
    .badhomeblog-item-thumbnail .badhomeblog-item-date {
        top: -7px;
    }
     .badhomeblog-item {
        padding: 6px;
    }
 }