h1 {
	text-align: center;
}

ul.centered-list,
ol.centered-list {
	list-style: none;
/* Removes the bullet points */
	padding: 0;
/* Removes the default padding */
	text-align: center;
/* Centers the text inside the list items */
}

ul.centered-list li,
ol.centered-list li {
	display: inline-block;
/* Makes each list item behave like an inline element */
	margin: 0 10px;
/* Adds some spacing between the list items */
}

ul.centered-list,
ol.centered-list {
	list-style: none;
/* Removes bullet points */
	padding: 0;
/* Removes default padding */
	margin: 0 auto;
/* Centers the list horizontally */
	text-align: center;
/* Centers text within the list items */
	width: fit-content;
/* Ensures the list takes up only as much space as needed */
}

.site-header {
	margin-bottom: 0;
	padding-bottom: 0;
}

.site-header {
	margin-top: 0;
	padding-top: 0;
}

.site-header {
	background-color: #D3D3D3 !important;
}

/* Change the menu item text color to dark red */
.main-navigation a {
/* Update with the actual menu class if needed */
	color: #8b0000 !important;
}

/* Target all dropdown arrows for menu items with submenus */
.main-navigation .menu-item-has-children > a::after,
.main-navigation li.menu-item-has-children > a::after,
.menu-item-has-children > a::after,
.dropdown-toggle::after,
.menu-item-has-children::after,
.menu-item .submenu-indicator::after {
	color: #8b0000 !important;
/* Dark red color */
	border-color: #8b0000 !important;
/* Some themes use border for arrow shape */
}

/* Additional selector in case arrow is styled with a border */
.main-navigation .menu-item-has-children > a::after,
.main-navigation li.menu-item-has-children > a::after,
.menu-item-has-children > a::after {
	border-top-color: #8b0000 !important;
/* Dark red color */
}

/* Set smaller font size for footer text */
footer, .site-footer {
	font-size: 20px;
/* Adjust as needed */
}

/* Adjust layout of footer items to stack vertically */
footer .footer-widgets, .site-footer .footer-widgets {
	display: block;
	text-align: center;
}	
}

/* Footer images: keep original size on mobile */
@media (max-width: 768px) {
	footer img, .site-footer img {
		max-width: none;
	/* Removes resizing on mobile */
		height: auto;
		display: inline-block;
	/* Keeps image layout intact */
	}
}

/* Footer logo container styling */
.footer-logos {
	display: flex;
	justify-content: center;
/* Align logos horizontally in the center */
	align-items: center;
/* Align logos vertically */
	gap: 30px;
/* Space between the logos */
	padding: 200px 0;
/* Optional padding for spacing */
}

/* Individual logo styling */
.footer-logos img {
	max-width: 100px;
/* Set a maximum width for logos */
	height: auto;
/* Maintain aspect ratio */
	display: block;
}

/* Adjust footer layout to prevent text breaking */
footer .footer-widgets, .site-footer .footer-widgets {
	display: flex;
/* Ensures proper alignment */
	flex-wrap: wrap;
/* Allows wrapping of content */
	text-align: left;
/* Aligns text properly */
}

@media (max-width: 768px) {
	footer .footer-widgets, .site-footer .footer-widgets {
		display: block;
	/* Stack items vertically on smaller screens */
		text-align: center;
	/* Optional: center-align for mobile */
	}
}

/* Apply to buttons only on the homepage */
body.home button, 
body.home button:link, 
body.home button:visited, 
body.home .wp-block-button__link, 
body.home a.button {
	background-color: #556b2f !important;
	color: #ffffff !important;
}

body.home button:hover, 
body.home .wp-block-button__link:hover, 
body.home a.button:hover {
	background-color: #6b8e23;
/* Slightly lighter shade for hover effect */
}

.site-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.footer-left,
.footer-right {
	flex: 1;
/* Equal space for left and right */
}

.footer-center {
	flex: 0 0 auto;
/* Center content doesn't grow or shrink */
}