/**
 * Blog Lists View
 *
 * @author Mohit Thummar
 */  
.blog-post-content-area .blog-list-page-heading{position: relative; display: block; margin: 0 0 30px; font-weight: 700; }
.blog-post-list{position:relative; margin-bottom: 30px; }
.blog-post-list > li{position: relative; display: block; width: 100%; font-size: 14px;  line-height: 1.2; padding-bottom: 5px;}
.blog-post-list > li:before{content:''; position: absolute; bottom: 0; right: 0; top: 15px; left: 30px; background-color: rgba(255, 255, 255, 1); min-height: 210px; border-radius: 12px; overflow:hidden; box-shadow: 0 5px 20px rgb(0 0 0 / 3%), 0 0 0 1px rgb(0 0 0 / 6%) inset; transition: all 0.6s;}
.blog-post-list > li:hover:before{background-color: #ffffff; box-shadow: 0 10px 30px rgb(0 0 0 / 10%);}
.blog-post-list > li + li{margin-top: 25px;}
.blog-post-list > li .blog-post-thumbnil{position: relative; background-color: #ffffff; display: block; box-shadow: 0 0px 0 7px rgb(243, 243, 247); width: 35%; height: auto; max-height: 210px; float: left; border-radius: 12px; overflow: hidden; }
.blog-post-list > li .blog-post-thumbnil > a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 12px; box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.12);}
.blog-post-list > li .blog-post-thumbnil img{width: 100%; min-height: 100%; object-fit: cover;}
.blog-post-list > li .blog-post-list-details{position: relative; width: 65%; display: block; float: left; padding: 35px 15px 15px 20px; min-height: 225px;}
.blog-post-list > li .blog-post-list-details .blog-post-list-head{position: relative; display: block;}
.blog-post-list > li .blog-post-publish{ position: relative; display: block; margin-bottom: 12px;}
.blog-post-list > li .blog-post-publish .bpp-item{position: relative; display: inline-block; vertical-align: middle; color: #959595;}
.blog-post-list > li .blog-post-publish .bpp-item i{color: #db1515; vertical-align: middle; opacity: 0.8; margin-right: 3px;}
.blog-post-list > li .blog-post-publish .bpp-item + .bpp-item{float: right;}
/* .blog-post-list > li .blog-post-publish .bpp-item + .bpp-item:before{content: ''; position: absolute; height: 4px; width: 4px; background: #c5c5c5; border-radius: 50%; left: -14px; top: 50%; transform: translateY(-50%);} */
.blog-post-list-details .blog-post-title{position: relative; display: block; font-size: 20px; font-weight: 600; margin: 0 0 12px; line-height: 1.3; }
.blog-post-list-details .blog-post-title a:not(:hover){color: #333333;} 
.blog-post-list-details .blog-post-cat-list{position: relative; display: block; margin-bottom: 8px;}
.blog-post-list-details .blog-post-cat-list > a.label{display: inline-block; padding: 3px 6px; margin: 0 3px 3px 0px; border-radius: 4px; line-height: 1.2;}
.blog-post-list-details .blog-post-tag-list{position: relative; display: block; color: #858585; margin-bottom: 10px;}
.blog-post-list-details .blog-post-excerpt{position: relative; display: block; color: #565656; margin-bottom: 12px; line-height: 1.6;}
.blog-post-content-area .pagination > li{margin:0 5px 5px 0; display: inline-block}
.blog-post-content-area .pagination > li > a, 
.blog-post-content-area .pagination > li > span{border-radius: 50%; margin: 0; height: 36px; width: 36px; line-height: 34px; text-align: center; padding: 0;}
.blog-post-content-area .pagination > li:first-child a,
.blog-post-content-area .pagination > li:first-child span,
.blog-post-content-area .pagination > li:last-child a,
.blog-post-content-area .pagination > li:last-child span{font-size: 20px; line-height: 30px;}
.blog-post-sidebar-area{position:relative; display: block;}
.blog-widget{position:relative; display:block; margin-bottom: 20px; padding: 15px; background: #ffffff; border-radius: 12px; box-shadow: 0 3px 15px 0px rgba(0,0,0,0.08);}
.blog-widget .blog-widget-title{position:relative; display:block; margin:0 0 15px; padding-bottom: 15px; font-size: 16px; font-weight: 500; }
.blog-widget .blog-widget-title:before{content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: #e5e5e5;}
.blog-widget .blog-widget-title:after{content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 50px; background: #a5a5a5;}
.blog-widget .blog-widget-content{position:relative; display:block; }
.blog-widget ul.blog-menutype-list{margin-top: -10px;}
.blog-widget ul.blog-menutype-list > li{position: relative; display: block; padding: 10px 0;}
.blog-widget ul.blog-menutype-list > li > a{position: relative; display: block; padding: 0px 0;}
.blog-widget ul.blog-menutype-list > li > a > span{float: right;}
.blog-widget ul.blog-menutype-list > li + li{border-top: 1px dashed #d5d5d5;}
.blog-widget ul.blog-menutype-list > li:last-child{padding-bottom: 0;}
.blog-widget ul.recent-post-list > li {display: flex; width: 100%; flex-direction: row;}
.blog-widget ul.recent-post-list > li .blog-post-thumbnil{position:relative; display:flex; max-height: 40px; width: 25%; margin-right: 10px;}
.blog-widget ul.recent-post-list > li .blog-post-thumbnil a{position: relative; display: block; width: 100%; height: 100%;}
.blog-widget ul.recent-post-list > li .blog-post-thumbnil img{width: 100%; height: 100%; object-fit: cover;}
.blog-widget ul.recent-post-list > li .blog-post-title{position:relative; display: flex; width: 75%; font-weight: 500; margin: 0; font-size: 14px; height: 40px; overflow: hidden; line-height: 1.2;}
    .blog-widget ul.recent-post-list > li .blog-post-title a {display: -webkit-box;
    max-width: 100%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    height: 35px;
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.blog-post-list-details .blog-post-title a{ 
    max-width: 100%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    height: 54px;
    overflow: hidden; 
    text-overflow: ellipsis; 
}
@media (max-width:767px){
    .blog-post-content-area .blog-list-page-heading{font-size: 34px;}
    .blog-post-list > li .blog-post-thumbnil{position: absolute; width: 260px; height: 150px;}
    .blog-post-list > li .blog-post-list-details{padding-left: 50px; width: 100%;}
    .blog-post-list > li .blog-post-list-details .blog-post-list-head{min-height: 135px; padding-left: 235px;}
}
@media (max-width:640px){
    .blog-post-list > li .blog-post-thumbnil{width: 230px;}
    .blog-post-list > li .blog-post-list-details .blog-post-list-head{padding-left: 205px;}
}
@media (max-width:560px){
    .blog-post-list > li .blog-post-thumbnil{position: relative; display: block; width: 100%; height: auto;}
    .blog-post-list > li:before{left: 10px; right: 10px;}
    .blog-post-list > li .blog-post-list-details{padding: 20px 30px 15px 30px;}
    .blog-post-list > li .blog-post-list-details .blog-post-list-head{padding: 0; min-height: auto;}
    .blog-post-list > li .blog-post-thumbnil{box-shadow: 0 0px 0 4px rgb(243, 243, 247);}
}
@media (max-width:400px){
    .blog-post-list > li{
        background-color: rgba(255, 255, 255, 1);
        min-height: 210px;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 5px 20px rgb(0 0 0 / 3%), 0 0 0 1px rgb(0 0 0 / 6%) inset;
        transition: all 0.6s;
    }
    .blog-post-list > li:before{display: none;}
}
/* /. Blog Lists View */

/**
 * Single Blog Page
 *
 * @author Mohit Thummar
 */ 
.blog-single.blog-single-wrap{position:relative; display:block; color:#474747; margin-bottom: 30px;}
.blog-single .blog-single-title{position: relative; display: block; margin: 0 0 15px; font-weight: 700; color: #333333;}
.blog-single .blog-post-publish{ position: relative; display: block; margin-bottom: 10px;}
.blog-single .blog-post-publish .bpp-item{position: relative; display: inline-block; vertical-align: middle; color: #757575; font-size: 14px; line-height: 1.4;}
.blog-single .blog-post-publish .bpp-item i{vertical-align: middle; color: #db1515; opacity: 0.7; margin-right: 3px; }
.blog-single .blog-post-publish .bpp-item + .bpp-item{margin-left:20px;}
.blog-single .blog-post-publish .bpp-item + .bpp-item:before{content: ''; position: absolute; height: 4px; width: 4px; background: #c5c5c5; border-radius: 50%; left: -14px; top: 50%; transform: translateY(-50%);}
.blog-single .blog-post-publish .bpp-item .post-cats{position: relative; display: block; white-space: unset; word-break: break-word;}
.blog-single .blog-single-thumbnil{position:relative; display: block; width: 100%; height: auto; margin-bottom: 15px; border-radius: 12px; overflow: hidden; -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 8%);  box-shadow: 0 5px 15px rgb(0 0 0 / 8%);}
.blog-single .blog-single-thumbnil img{width: 100%; height: auto; object-fit: contain;}
.blog-single .blog-single-content{position: relative; display: block; margin-bottom: 30px; color:#515151;}
.blog-single .post-tags{margin-bottom: 20px; font-size: 16px; color: #333333;}
.blog-single .post-cats > a.label{position: relative; display: inline-block; margin: 0 3px 3px 0;}
.blog-single-comments-wrap .blog-comment-headign{position: relative; display: block; padding-bottom: 10px; margin:0 0 12px; font-size: 20px; font-weight: 300; border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.blog-single-comments-wrap .blog-comment-headign span{font-size: 22px; color: #232323; font-weight: 500; font-family: 'Rubik', sans-serif;}
.comment-lists {margin-bottom: 10px;}
.comment-lists .post_comment{position: relative; padding: 15px; font-size: 14px; color: #565656; background-color: rgba(255, 255, 255, 0.40); border-radius: 20px; box-shadow: 0 5px 20px rgb(0 0 0 / 3%), 0 0 0 1px rgb(0 0 0 / 6%) inset; overflow: visible;}
.comment-lists .post_comment + .post_comment{margin-top: 15px;}
.comment-lists .post_comment .media-left{padding-right: 15px;}
.comment-lists .post_comment .post_comment-avatar{position: relative; display: block; width: 70px; height: 70px; overflow: hidden;  border-radius: 50%; box-shadow: 0 0px 0 4px rgb(0 0 0 / 8%);}
.comment-lists .post_comment .post_comment-avatar img{height: 100%; width: 100%; object-fit: cover;}
.comment-lists .post_comment .user_name{position:relative; display: block; font-weight: 400; font-size: 16px; font-weight: 600; color: #3a3a3a;}
.comment-lists .post_comment .media-heading{padding-right: 90px;}
.comment-lists .post_comment .media-heading span{font-size: 12px; color: #a5a5a5; font-weight: 400;}
.comment-lists .post_comment .comment_created_at{font-size: 13px; color: #858585;}
.blog-single-comments-wrap form.post-comment-form{position: relative; display: block; margin-top: 15px; background-color: #ffffff; border-radius: 12px; padding: 15px; box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.08);}
.comment-lists .post_comment .posted-comment-action{position: absolute; top: 7px; right: 7px; }
.comment-lists .post_comment .posted-comment-action > a{position: relative; display: inline-block; height: 30px; width: 30px; border-radius: 50px;background-color: #db1515; color: #ffffff !important; text-align: center; line-height: 30px;}
.comment-lists .post_comment .posted-comment-action > a i{vertical-align: middle;}
.comment-lists .post_comment .user_comment{margin: 0;}
@media(max-width:767px){
    .blog-single .blog-single-title{font-size: 34px;}
}
@media(max-width:480px){
    .blog-single .blog-single-title{font-size: 30px;}
}
/* /.  Single Blog Page */

/**
 * Blog Post Slider(Owl) & Grid Lists
 *
 * @author Mohit Thummar
 */  
.blog-grid-section{position: relative; display: block;  padding:20px 0 50px;}
.blog-grid-lists{position: relative; display: block; list-style: none; margin: 0 -15px; padding: 0;}
.blog-grid-lists .item{position: relative; width: 33.33%; float: left; padding: 0 15px;}
.blog-grid-lists .blog-post-item{position: relative; display: block; width: 100%; background-color: #ffffff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); overflow: hidden; margin-bottom: 30px;}
.blog-grid-lists .blog-post-item .blog-post-thumbnil{position: relative; display: block; height: 180px; width: 100%; overflow: hidden;}
.blog-grid-lists .blog-post-item .blog-post-thumbnil a{position: relative; display: block; height: 100%; width: 100%;}
.blog-grid-lists .blog-post-item .blog-post-thumbnil img{width: 100%; min-height: 100%; object-fit: cover; transition: all 0.5s;}
.blog-grid-lists .blog-post-item:hover .blog-post-thumbnil img{transform: scale(1.08);}
.blog-grid-lists .blog-post-item .blog-post-thumbnil:after{content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.1); transform: scale(0); transition: all 0.5s;}
.blog-grid-lists .blog-post-item:hover .blog-post-thumbnil:after{transform: scale(1); background-color: rgba(0,0,0,0.0);}
.blog-grid-lists .blog-post-item .blog-post-details{position: relative; display: block; padding: 15px;}
.blog-grid-lists .blog-post-item .blog-post-cat-list{position: relative; display: block; margin-bottom: 8px;}
.blog-grid-lists .blog-post-item .blog-post-cat-list > a.label{font-weight: 400; display: inline-block;}
.blog-grid-lists .blog-post-item .blog-post-title{position: relative; display: block; font-size: 20px; font-weight: 400; margin: 0 0 10px; line-height: 1.3;}
.blog-grid-lists .blog-post-item .blog-post-publish{position: relative; display: block; margin-bottom: 10px;}
.blog-grid-lists .blog-post-item .bpp-item{position: relative; display: inline-block; vertical-align: middle; color: #858585; font-size: 12px;}
.blog-grid-lists .blog-post-item .bpp-item + .bpp-item { margin-left: 20px;}
.blog-grid-lists .blog-post-item .bpp-item + .bpp-item:before { content: ''; position: absolute; height: 4px; width: 4px; background: #c5c5c5; border-radius: 50%; left: -14px; top: 50%; transform: translateY(-50%);}
.blog-grid-lists .blog-post-item .blog-post-excerpt { position: relative; display: block; color: #656556; margin-bottom: 10px; line-height: 1.4;}
.blog-grid-lists .blog-post-item .blog-post-tag-list { position: relative; display: block; color: #858585; margin-bottom: 10px;}
.blog-slider-section{position: relative; display: block; padding: 50px 0;}
.blog-grid-lists.blog-post-slider .item{width: 100%; float: inherit; padding: 5px;}
.blog-grid-lists.blog-post-slider{margin: 0;}
.blog-grid-lists.blog-post-slider .blog-post-item{margin-bottom: 0;}
@media (max-width: 991px){
    .blog-grid-lists .item{width: 50%;}
}
@media (max-width: 767px){
    .blog-grid-lists{margin: 0 -8px;}
    .blog-grid-lists .item{padding: 0 8px;}
    .blog-grid-lists .blog-post-item .blog-post-title{font-size: 18px;}
}
@media (max-width: 520px){
    .blog-grid-lists .item{width: 100%;}
}
/* Blog Post owl */
.blog-post-slider.owl-carousel .owl-nav button:focus { outline: unset; }
.blog-post-slider.owl-carousel .owl-nav button.owl-next,
.blog-post-slider.owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; transform: translateY(-50%); height: 50px; width: 30px; border-radius: 4px; font-size: 25px !important; line-height: 40px !important; transition: all 0.3s ease-in-out; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12); border: 1px solid #eee; background: #ffffff; color: #757575; font-weight: 700;}
.blog-post-slider.owl-carousel .owl-nav button.owl-next { right: -15px; }
.blog-post-slider.owl-carousel .owl-nav button.owl-prev { left: -15px; }
.blog-post-slider.owl-carousel .owl-nav button.owl-next.disabled,
.blog-post-slider.owl-carousel .owl-nav button.owl-prev.disabled{ color: #c5c5c5; }
@media(max-width: 767px){
    .blog-post-slider.owl-carousel .owl-nav{text-align: right; margin-top: 10px;}
    .blog-post-slider.owl-carousel .owl-nav button.owl-next,
    .blog-post-slider.owl-carousel .owl-nav button.owl-prev {position: relative; left: inherit; transform: inherit; height: 30px; line-height: 26px!important; margin: 0 5px;}
    .blog-post-slider.owl-carousel .owl-nav button.owl-next { right: inherit; }
    .blog-post-slider.owl-carousel .owl-nav button.owl-prev { left: inherit; }
}
/*  /. Blog Post owl */
/* /. Blog Post Slider(Owl) & Grid Lists */