.main-navigation { 
	background-color: #333; 
} 
.main-navigation {
    background-color: #ffffff !important; /* White background */
}

.main-navigation a {
    color: #000000 !important; /* Keep your link color black */
}
.main-navigation a { 
	color: #000000; 
	text-decoration: none !important; } 

.main-navigation a:hover { 
	color: #4F7335 !important; 
	text-decoration: none !important;
	border-bottom: 5px solid #4F7335 !important; 
}

/* Remove the tan underline and any default borders (tan or otherwise) for all links */ 

.main-navigation a { 
	text-decoration: none !important;
	
	/* Remove any text decoration (underline) */ 
	
	border-bottom: none !important; 
	
	/* Remove any border (tan or otherwise) */ 
} 

/* Apply the green thick underline only to the active page link */ 

.main-navigation 
.current-menu-item a, 
.main-navigation 
.current_page_item a { 
	border-bottom: 5px solid #4F7335 !important; 
	
	/* Green thick underline for the active page */ } 

/* Ensure the green underline stays when hovered for the active page */ 

.main-navigation .current-menu-item a:hover, 

.main-navigation .current_page_item a:hover { 
	
	border-bottom: 5px solid #4F7335 !important; 
	
	/* Green thick underline on hover */ } /* Prevent any pseudo-elements from adding extra underline */ 

.main-navigation a:hover::after { 
		
		content: none !important; /* Ensure no pseudo-element is adding underline */ } /* Force removal of tan underline */ body .main-navigation .current-menu-item a, body .main-navigation .current_page_item a { border-bottom: 5px solid #4F7335 !important; /* Green thick underline */ } /* Step 1: Remove any underline or border (tan) from all links */ .main-navigation a { text-decoration: none !important; /* Remove all default underlines */ border-bottom: none !important; /* Remove any borders (tan or otherwise) */ } /* Step 2: Completely remove underline for the active page link */ .main-navigation .current-menu-item a, .main-navigation .current_page_item a { text-decoration: none !important; /* Ensure no underline for active page */ border-bottom: none !important; /* Ensure no underline or border for active page */ } /* Step 3: Prevent any pseudo-elements (like the ones added on hover) from adding an underline */ .main-navigation a:hover::after { content: none !important; /* No pseudo-element underline on hover */ } .site-title a { color: #4F7335; }

entry-content {
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center the custom wrapped content */
.center-article {
    max-width: 800px;
    margin: 0 auto !important;
    text-align: center;
}

/* Keep paragraph text justified inside the centered block */
.center-article p {
    text-align: justify;
}

/* Center the image block and its inner image */
.center-article .wp-block-image {
    margin-left: auto !important;
    margin-right: auto !important;
}

.center-article .wp-block-image img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300;400;500;600;700&display=swap');

.entry-title,
.page-title,
h1.entry-title {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-weight: 600; /* adjust thickness */
}
.site-title a {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
}
.entry-title,
.page-title {
    font-size: 3rem !important;
}

/* Force all text in media-text blocks to be left aligned */
.wp-block-media-text__content p,
.wp-block-media-text__content a,
.wp-block-media-text__content strong,
.wp-block-media-text__content em {
    text-align: left !important;
}

/* Also ensure the whole block is centered in the page */
.wp-block-media-text {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 900px; /* Adjust depending on your theme */
}

/* Center the whole media-text area on the page */
.wp-block-media-text {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Make sure text inside media-text blocks is LEFT-aligned */
.wp-block-media-text__content {
    text-align: left !important;
}

/* Just in case Gutenberg adds right-align classes, override them */
.wp-block-media-text__content p,
.wp-block-media-text__content p.has-text-align-right {
    text-align: left !important;
}

/* Center the images inside the media-text blocks */
.wp-block-media-text__media img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* Center the whole media-text area on the page */
.wp-block-media-text {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Make sure text inside media-text blocks is LEFT-aligned */
.wp-block-media-text__content {
    text-align: left !important;
}

/* Just in case Gutenberg adds right-align classes, override them */
.wp-block-media-text__content p,
.wp-block-media-text__content p.has-text-align-right {
    text-align: left !important;
}

/* Center the images inside the media-text blocks */
.wp-block-media-text__media img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ---------------------------------------- */
/* FULL CENTER ALIGNMENT FOR LISTING PAGE   */
/* ---------------------------------------- */

/* FORCE the main content area to center | KI-10528788-zd */
body.left-sidebar #primary {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}

/* FORCE media-text blocks to take the full width */
.wp-block-media-text {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}