/* Force global default text colour to black */
body,
body p,
body li,
body span,
body div,
body td,
body th {
	color: #000000 !important;
}

/* Make all headings black */
h1, h2, h3, h4, h5, h6 {
	color: #000000 !important;
}

/* Remove block editor inline colour overrides */
.has-text-color {
	color: #000000 !important;
}

/* Make Penscratch 2 main menu text fully black */
.main-navigation a {
	color: #000000 !important;
}

/* Remove Penscratch 2 text shadow from menu items */
.main-navigation a {
	text-shadow: none !important;
}

/* Darken hover and focus states */
.main-navigation a:hover,
.main-navigation a:focus {
	color: #000000 !important;
}

/* Subtle light-grey hover background for Penscratch 2 menu */
.main-navigation a {
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .2s ease, background-color .2s ease;
}

.main-navigation a:hover,
.main-navigation a:focus {
	background-color: #f2f2f2;
/* very light grey hover background */
	border-bottom-color: #000000;
/* subtle underline */
}

/* Ensure Penscratch 2 dropdown menus appear above images and content */
.main-navigation {
	position: relative;
	z-index: 9999;
}

.main-navigation ul ul {
	position: absolute;
	z-index: 99999;
}

/* Fix Penscratch 2 submenu overlap on mobile portrait */
@media (max-width: 600px) {
	/* Make submenu full width and readable */
	.main-navigation ul ul {
		position: static;
	/* stop absolute positioning on mobile */
		width: 100%;
	/* full width so text doesn't wrap badly */
		background: #ffffff;
	/* clean background */
		padding: 0;
		margin: 0;
	}
	
	/* Ensure each submenu item sits on its own line */
	.main-navigation ul ul li {
		display: block;
		width: 100%;
	}
	
	/* Improve text readability */
	.main-navigation ul ul a {
		display: block;
		padding: .75rem 1rem;
	/* touch‑friendly spacing */
		line-height: 1.4;
	/* prevents text overlap */
		white-space: normal;
	/* allow clean wrapping */
	}
}

/* Increase width for Full Width, No Sidebar template */
.page-template-full-width .site-content {
	max-width: 1500px;
/* adjust to taste */
	width: 100%;
}

/* Optional: widen inner content too */
.page-template-full-width .entry-content {
	max-width: 1500px;
}

/* Card with minimal internal padding but extra space outside */
.wp-block-post {
	border: 1px solid #e5e5e5;
	padding: .25rem;
/* tight inside */
	margin: .5rem 0;
/* small top/bottom space OUTSIDE the box */
	border-radius: 3px;
	background: #fff;
}

/* Grid spacing still controls horizontal gaps */
.wp-block-post-template {
	gap: 1.25rem;
}

/* Tighten inner block spacing */
.wp-block-post-title,
.wp-block-post-excerpt,
.wp-block-post-featured-image {
	margin-top: .25rem;
	margin-bottom: .25rem;
}

/* Reduce horizontal space between the three columns */
.wp-block-columns {
	column-gap: 1rem;
/* tighten or loosen as needed */
}

/* Remove unwanted space above/below the Query Loop */
.wp-block-query {
	margin-top: .5rem;
/* space between heading and loop */
	margin-bottom: 0;
/* no extra space below */
	padding: 0;
}

/* Remove any extra spacing the Post Template might add */
.wp-block-post-template {
	margin: 0;
	padding: 0;
}