/*
Theme Name:  Arna Accounting Child
Theme URI: https://
Author: Yes Kanani  
Author URI: https://yesss245.github.io/
Template: arna
Description: A simple custom WordPress Arna Accounting PVT LTD Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arna-accounting-child

*/

:root {
    --theme-primary:#E2771C;
    --theme-section-backgrund-color:#f7f5f4;
    --theme-button-color:#f09c54;
    --black-color:#000000;
    --white-color:#ffffff;
    --theme-navbar-link:#333;
    --theme-gray-color:#999999;
    /* --p-text-color:#666666; */
    --p-text-color:#000000;
  }

/* Blog Page Styling */



.blog-page {
    font-family: Arial, sans-serif;
    color: #333;
    
    padding: 20px 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Blog Posts Section */
.blog-posts {
    margin-bottom: 30px;
}
.size-large {
    width: 100% !important;
    height: auto !important;
}

.blog-post {
    
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.blog-post-large {
    display: flex;
    flex-direction: column;
}

.blog-post-regular {
    display: flex;
    flex-direction: row;
    
}

/* .blog-post-thumbnail img {
    width: 100%;
    border-radius: 5px;
} */

.blog-post-content {
   
    margin-left: 1rem !important;
}

.blog-post-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
    text-decoration: none;
}



.blog-post-meta {
    
    color:  var(--theme-gray-color);
    display: ruby;
}

.blog-post-excerpt {
    margin: 15px 0;
    font-size: 16px;
    color: #666;
}

.blog-read-more {
    display: inline-block;
    font-size: 14px;
    display: flex;
    text-decoration: none;
    font-weight: bold;
    
}

.blog-read-more:hover {
    text-decoration: underline;
}

/* Pagination */
.blog-pagination {
    text-align: center;
    margin-top: 20px;
}

.blog-pagination a {
    color: var(--theme-primary);
    margin: 0 5px;
    text-decoration: none;
}

.blog-pagination a:hover {
    text-decoration: underline;
}

/* Sidebar Section */
.blog-sidebar {
   
    padding: 15px;
    border-radius: 5px;
    /* border: 1px solid #e6e6e6; */
}

.blog-sidebar-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--white-color);
    margin-bottom: 15px;
    background-color: var(--theme-primary);
    padding: 1rem 1rem;
    
}

.blog-popular-posts,
.blog-editors-pick-posts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-popular-post-item,
.blog-editors-pick-item {
    margin-bottom: 15px;
    background-color: var(--theme-section-backgrund-color);
    padding: 1rem 1rem;
    font-weight: 400 !important;
}

.blog-post-title {
    font-size: 16px;
    
    color: #333;
    text-decoration: none;
}

.blog-post-title:hover {
    color: var(--theme-primary);
}

.blog-read-time {
   
    color: #999;
    margin-top: 5px;
    display: block;
}