/* Reset Ghost's default feed styles */
.gh-feed {
    width: 100% !important;
    max-width: 1200px !important;  /* Reduced from 1200px for 2 columns */
    padding: 0 !important;
    margin: 0 auto !important;
}

.gh-feed .post {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Force grid layout */
.post-feed.gh-feed {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;  /* Changed from 3 to 2 columns */
    gap: 100px !important;
}

/* Add padding after first column */
.post-feed.gh-feed article.post:nth-child(odd) {
    padding-right: 30px !important;
}

@media (max-width: 767px) {
    .post-feed.gh-feed {
        grid-template-columns: 1fr !important;
    }
}

/* Home page post feed title styling */
.post-feed.gh-feed article.post .post-title,
.post-feed.gh-feed article.post .post-title a {
    font-family: 'Julius Sans One', sans-serif !important;
    font-weight: normal !important;
    font-size: 2.5rem !important;  /* Increase font size */
    line-height: 1.3 !important;   /* Adjust line height for readability */
    max-width: 140% !important;    /* Make title width 40% wider */
    margin-right: -40% !important; /* Compensate for the wider width */
}

/* Blog post specific overrides */
body .site-main .article {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

body .site-main .article .article-header h1.article-title {
    color: #F18F02 !important;
    font-size: 2.8rem !important;
    font-family: 'Julius Sans One', sans-serif !important;
}

body .site-main .article .article-image {
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 60px !important; /* Increased bottom margin */
}

body .site-main .article .article-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}

body .site-main .article .article-header {
    text-align: left !important;
}

body .site-main .article .article-content.gh-content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

/* Blog post specific overrides */
.site-main .article.single-post {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.site-main .article.single-post .article-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
}

.site-main .article.single-post .article-image {
    order: 1 !important;
    width: 100% !important;
    max-width: 95% !important;
    margin: 0 auto 40px !important;
}

.site-main .article.single-post .article-content-container {
    order: 2 !important;
}

.site-main .article.single-post .article-header {
}

.site-main .article.single-post .article-title {
    color: #F18F02 !important;
    font-size: 2.8rem !important;
    font-family: 'Julius Sans One', sans-serif !important;
}

.site-main .article.single-post .article-content.gh-content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

/* Single post layout overrides */
body.post-template .site-main {
    display: flex !important;
    flex-direction: column !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

body.post-template .article-image {
    order: -1 !important;
    width: 95% !important;
    margin: 0 auto 60px !important;
}

body.post-template .article-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}

body.post-template .article {
    width: 100% !important;
}

body.post-template .article-header {
    text-align: left !important;
}

/* Override all article header margins */
body.post-template .site-main .article .article-header,
body.post-template .article-header,
.site-main .article.single-post .article-header,
body .site-main .article .article-header,
.article-header {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
}

/* Add extra spacing after title */
body.post-template .article-title,
.article-title {
    margin: 0 0 10px !important;
}

body.post-template .article-title {
    color: #F18F02 !important;
    font-size: 2.8rem !important;
    font-family: 'Julius Sans One', sans-serif !important;
}

body.post-template .article-content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

/* Tighter spacing between header and content */
body.post-template .site-main article.article .article-content.gh-content {
    margin-top: -10px !important;
    padding-top: 0 !important;
}

body.post-template .site-main article.article .article-header {
    margin-bottom: 10px !important;
}

/* Footer positioning */
html, body {
    height: 100% !important;
}

body > .site {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

body > .site > .site-content {
    flex: 1 0 auto !important;
    width: 100% !important;
}

body > .site > .gh-foot {
    flex-shrink: 0 !important;
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
    margin-top: auto !important;
}