/*
Theme Name: Auto Clean Child Theme
Template: auto-clean
Theme URI: https://auto-clean.ancorathemes.com/
Description: Auto Clean Child Theme
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.0
Tested up to: 6.8
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: auto-clean
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.author_info{
    display:none;
}

.post_featured.with_thumb img{
    width: 100%; height: auto;
}

.post_featured:not(.post_featured_bg)[class*="hover_"]{
    width: 100%;
}
    
    
.post_header_single .post_meta_other{
    display:none;
}

/*-------------------------Blog page------------*/

.sk-blog-container{
    width: 100%; height: auto;
    margin: 0;
}

.sk-blog-container .flex-row{
    display: flex; flex-direction: row; gap:80px;
}

.sk-blog-container .flex-row .posts{
    width: calc(100% - 430px); height: auto;
}

.sk-blog-container .flex-row .posts .button .button-link{
    display: inline-block;
    margin: 10px 0;
    padding: 10px 20px; box-sizing: border-box;
    background-color: #000; color:#fff;
    border: 1px solid #000 ;
    text-transform: uppercase;
}

.sk-blog-container .flex-row .posts .button .button-link:hover{
    background-color: #fff; color:#000;
}

.sk-blog-container .flex-row .side-bar{
    width: 350px; height: auto;
}

@media screen and (max-width: 968px){
    .sk-blog-container .flex-row{
        display: flex; flex-direction: column; gap:40px;
    }

    .sk-blog-container .flex-row .posts{
        width: 100%; height: auto;
    }

    .sk-blog-container .flex-row .side-bar{
        width: 100%; height: auto;
    }

}

.sk-blog-container .flex-row .side-bar .row{
    width: 100%; height: auto;
    margin-bottom: 40px;
}

.search-form .search-submit {
    display: none;
}

.side-bar .search-form{
        width: 100%; height: auto;
}

.sk-blog-container .post-list{
    list-style: none;
    padding: 0;
}

.sk-blog-container .post .title{
    margin-bottom:0;
}

.side-bar .search-form .search-field {
    width: 100%; height: auto;
    box-sizing: border-box;
    border: 1px solid gray; border-radius: 8px; box-sizing: border-box;
    margin: 0; 
}

.side-bar .categories-list{
    width: 100%; height: auto;
    margin:0; padding: 0; padding-left: 20px; box-sizing: border-box;
    list-style-type: disc;
}


.recent-posts{
    width: 100%; height: auto;
    margin: 0; padding: 0;
    list-style: none;
}

.recent-posts .post{
    width: 100%; height: auto;
    margin: 10px 0;
}

.recent-posts .post .flex-row{
    width: 100%; height: auto;
   display: flex; flex-direction: row; gap: 20px;
   align-items: center;
}

.recent-posts .post .flex-row .thumbnail{
   width: 30%; height: auto;
    border: 1px solid gray;
   box-sizing:border-box;
   
}

.recent-posts .post .flex-row .thumbnail img{
   width: 100%; height: auto;
   border-radius: 5px;
}

.recent-posts .post .flex-row .title{
   width: 70%; height: auto; 
}