/*
Theme Name: AJ Square
Theme URI: https://jahidshah.com/ajsquare/
Author: Jahid Shah
Author URI: https://jahidshah.com/
Description: AJ Square is a lightweight, fast, and fully customizable WordPress theme perfect for blogs, personal portfolios, and modern websites. It’s built with responsiveness and clean design in mind and works seamlessly with Gutenberg and popular page builders like Elementor. AJ Square is beginner-friendly and optimized for performance and SEO, making it ideal for both new users and experienced developers.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aj-square
Domain Path: /languages
Tags: blog, portfolio, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, one-column, two-columns, right-sidebar, left-sidebar, threaded-comments, translation-ready, rtl-language-support, theme-options, editor-style, responsive-layout, accessibility-ready

AMP: true
*/


/* Global styles */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background: #f5f5f5 !important;
}
.wp-caption {
    max-width: 100%;
    margin: 1em auto;
    text-align: center;
}
.wp-caption-text {
    font-size: 0.9em;
    color: #666;
}
.gallery-caption {
    font-style: italic;
    text-align: center;
}
.bypostauthor {
    border-left: 3px solid #0073aa;
    padding-left: 10px;
}
.alignright {
    float: right;
    margin-left: 1em;
}
.alignleft {
    float: left;
    margin-right: 1em;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; border: 0;
}
/* Global styles end */

/* Header Css Start*/
header {
    background: #fff;
    color: #020202;
    padding: 0.1rem 0;
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #ccc;
    transition: top 0.5s ease-in-out; /* 👈 Smooth slide */
}
header .site-branding h1 {
    margin: 0;
}
header .site-branding a {
    color: #fff;
    text-decoration: none;
}
header.header-hidden {
    top: -117px;
}
/* Header Css End*/

/* Main Content Css Start */
main {
    background: transparent;
    background-image: url("https://your-image-url-1.png"), url("https://your-image-url-2.png");
    background-position: center top, left top; 
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    font-family: 'DM Sans', sans-serif;
}
/* Main Content  Css End */

/* Footer Section Css Start */
footer {
    background: #333;
    color: #fff;
    padding: 1rem 0;
}
/* Footer Section Css End */