/*
 Theme Name:   GPMulti
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      1
*/

.single .entry-meta {
    margin-top: 20px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0
}

h1.entry-title {
	font-size: 37px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 22px;
}

h2.entry-title {
	font-size: 22px;
}

.related-posts {
    margin: 2em 0
}

ul {
    margin: 0 0 1.5em 2em
}

.entry-content,
.right-sidebar {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    line-height: 1.6
}

.breadcrumbs {
    font-size: 15px;
    margin-bottom: 15px;
}

.examples, .letter-templates, .email-templates {background-color:#f0f5fa;padding:20px;margin-bottom:20px}

/* start grid column homepage */
.home .site-main {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Default: Two equal columns for larger screens */
    gap: 20px;
}

/* For specific sections within the homepage (if you're explicitly placing them) */
.home-section-one {
    grid-column: 1 / 2;
}

.home-section-two {
    grid-column: 2 / 3;
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) 
    .home .site-main {
        grid-template-columns: 1fr; 
        gap: 0; 
    }

    .home-section-one,
    .home-section-two {
        grid-column: 1 / -1; /* Make them span the full width */
    }
}

/* end grid column homepage */

/* --- Modifications to existing rules --- */

/* Change max-width for .wp-block-group__inner-container */
.wp-block-group__inner-container{
    max-width:960px; /* Changed from 1200px */
    margin-left:auto;
    margin-right:auto;
}

/* Modify link text-decoration behavior */
a{
    color:var(--accent);
    text-decoration:none; 
}
a:hover, a:focus{
    text-decoration:underline; 
}


/* Change content area width to 100% */
.site-content .content-area{
    width:100%; /* Changed from 70% */
}

/* --- New rules to add --- */

/* Add grid-container max-width */
.grid-container{
    max-width:960px;
}

/* Remove sidebar width definitions (since content area is 100%) */
.is-right-sidebar,
.is-left-sidebar {
    width: 0 !important;
    padding: 0 !important; 
    margin: 0 !important; 
    display: none !important; 
}

.featured-image-after-paragraph {
    width: 100%;
    height: auto;
    margin: 20px 0; /* Or whatever margin you prefer */
}