/* --- ✅ HEADINGS STYLES (Centered on Desktop & Mobile) --- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	text-align: center !important;
/* Forces center alignment */
	width: 100% !important;
	display: block !important;
}

/* Set Open Sans for all paragraph text */
body, p {
	font-family: 'Open Sans', sans-serif;
}

/* Add left and right padding to all text content */
body, .entry-content, .post-content, .page-content, p {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* Ensure content width is properly centered and responsive */
.entry-content, .post-content, .page-content {
	max-width: 1200px !important;
/* Adjust for wider layout */
	margin: 0 auto !important;
/* Centers content */
}

/* H1 Styling - Less space above, more below */
h1, .entry-title, .post-title {
	font-family: 'Oswald', sans-serif !important;
	font-size: 4.5rem !important;
	font-weight: bold !important;
	background: linear-gradient(45deg, #ff0000, #990000) !important;
	-webkit-background-clip: text !important;
	text-transform: uppercase !important;
	text-align: center !important;
/* Ensure center alignment */
	margin-top: 0 !important;
/* Reduce space above */
	margin-bottom: 30px !important;
/* Increase space below */
	padding-top: 0 !important;
/* Remove extra padding if theme applies any */
	padding-bottom: 20px !important;
/* Slight padding for balance */
}

/* H2 - No background, just larger text */
h2, h2.entry-title {
	font-size: 3rem !important;
/* Larger size */
	font-weight: bold !important;
/* Light gray background */
	color: #cc0000 !important;
	margin: 20px 0 !important;
}

/* H3 - Light gray background remains, but users control text alignment */
h3 {
	font-size: 2.5rem !important;
/* Larger size */
	font-weight: bold !important;
	background-color: #f2f2f2 !important;
/* Red text */
	padding: 10px 20px !important;
	width: 100% !important;
	display: block !important;
	margin: 20px 0 !important;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
	/* Ensure text and headings are centered on smaller screens */
	h1, h2, h3, h4, h5, h6 {
		text-align: center !important;
	}
	
	/* Add extra padding for readability */
	body, .entry-content, .post-content, .page-content, p {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* --- ✅ BUTTON STYLING FIXES --- */
/* Style WordPress Buttons */
.wp-block-button__link {
	background-color: #ff0000 !important;
/* Red background */
	color: #ffffff !important;
/* White text */
	padding: 12px 24px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5px;
	transition: all .3s ease-in-out;
	text-align: center !important;
	display: inline-block !important;
	width: auto !important;
/* Prevents full-width stretching */
	max-width: fit-content !important;
}

/* Button Hover Effect */
.wp-block-button__link:hover {
	background-color: #cc0000 !important;
/* Darker red */
	color: #ffffff !important;
	text-decoration: none;
}

/* Fix Button Alignment in Blocks */
.wp-block-buttons {
	display: flex !important;
	justify-content: center !important;
/* Ensure buttons stay centered */
	gap: 10px !important;
/* Add space between buttons */
	flex-wrap: wrap !important;
/* Ensure wrapping behavior on small screens */
}

/* Ensure each button takes equal space without shifting */
.wp-block-button {
	flex: 1 1 auto !important;
/* Allows buttons to be evenly spaced */
	text-align: center !important;
/* Centers text within buttons */
}

/* --- ✅ FOOTER BUTTON FIX --- */
.footer-widget .wp-block-button,
.footer-widget .wp-block-button__link {
	display: inline-block !important;
	width: auto !important;
/* Prevents full-width stretching */
	text-align: center !important;
	white-space: nowrap !important;
/* Prevent text from breaking */
	margin: 10px 5px !important;
/* Adds spacing */
}

/* Ensure footer buttons stay centered if needed */
.footer-widget {
	display: flex !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
}

/* --- ✅ JETPACK SLIDESHOW FIX --- */
/* Remove white space above and below Jetpack Slideshow */
.wp-block-jetpack-slideshow {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Ensure the slideshow container has no extra spacing */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container {
	margin: 0 !important;
	padding: 0 !important;
}

/* Adjust the wrapper to prevent unnecessary height */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container ul.wp-block-jetpack-slideshow_swiper-wrapper {
	height: auto !important;
/* Ensures it only takes the necessary height */
	margin: 0 !important;
	padding: 0 !important;
}

/* --- ✅ FLEXBOX LAYOUT FIXES (#3) --- */
/* Ensure Site Content is Centered Without Breaking Layout */
.site-content, .content-area {
	width: 100% !important;
	max-width: 1200px !important;
/* Adjust this if needed */
	margin: 0 auto !important;
	padding: 0 !important;
/* Keeps content spaced properly */
}

/* Only apply flexbox to specific layouts that need it */
.container {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
/* Avoids forcing everything into a column */
	flex-wrap: wrap !important;
/* Allows proper layout flow */
}

.game-results table {
	width: 100%;
	border-collapse: collapse;
}

.game-results th {
	background-color: black;
	color: white;
	padding: 8px;
	text-align: left;
}

.game-results td {
	padding: 8px;
	border: 1px solid black;
}

.game-results th, .game-results td {
	border: 1px solid black;
}