/* 1. Make the container full-width on EVERY page/post */
.site,
.site-content,
.content-area,
.wrap,
.container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* 2. Keep the TEXT readable (not stretched to the edges) */
.entry-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px; /* Added a bit more breathing room on the sides */
}

/* Centering Post Titles and Aligning Header with Content */
.entry-header, 
.site-header-main, 
.header-wrapper {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Specifically target the Title for centering */
.entry-title {
    text-align: center !important;
    width: 100%;
}

/* Add space around the main title */
.entry-title {
    margin-top: 30px !important;    /* Space above the title */
    margin-bottom: 30px !important; /* Space below the title */
}

/* Add space below every image and image block */
.wp-block-image, 
figure, 
img {
    margin-bottom: 20px !important;
}

/* Add space above images so they don't hug the text above them */
.wp-block-image {
    margin-top: 20px !important;
}

/* --- Mobile Menu Breathing Room --- */

@media (max-width: 768px) {
    .site-header-main, 
    .header-wrapper, 
    .main-navigation {
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: auto !important; /* Prevents it from forcing a 100% width stretch */
    }
}

@media (max-width: 768px) {
    /* 1. Hide sub-menus by default on mobile */
    .main-navigation ul ul {
        display: none;
        visibility: hidden;
    }

    /* 2. Show sub-menu when the parent is toggled open */
    .main-navigation li.toggled-on > ul {
        display: block !important;
        visibility: visible !important;
        padding-left: 20px; /* Indent them slightly for hierarchy */
    }

    /* 3. Add a little '+' icon next to Articles to show it's expandable */
    .menu-item-has-children > a:after {
        content: ' +';
        font-weight: bold;
        float: right;
    }

    /* 4. Turn the '+' into a '-' when it's open */
    .menu-item-has-children.toggled-on > a:after {
        content: ' −';
    }
}

/*.home .site,
.home .site-content,
.home .content-area,
.home .wrap,
.home .container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}

.home .entry-content {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
} */

@media (max-width: 768px) {
	.home .entry-content > :first-child img {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
	}
}

.home {
	overflow-x: hidden;
}

/* Kill the WordPress Like Button and Sharing Branding */
#jp-post-flair, 
.sharedaddy, 
.sd-like, 
.sd-sharing-enabled {
    display: none !important;
}

/* Hide Date and Author Metadata */
.entry-meta, 
.entry-footer, 
.byline, 
.posted-on, 
.author {
    display: none !important;
}

/* Hide Comments Section and "Comments Closed" messages */
#comments, 
.comments-area, 
.comment-respond, 
.no-comments {
    display: none !important;
}